{"version":3,"sources":["webpack:///./src/components/modals/confirm-enrollment-modal.vue?3344","webpack:///./src/components/modals/confirm-enrollment-modal.vue?94b3","webpack:///src/components/modals/confirm-enrollment-modal.vue","webpack:///./src/components/modals/confirm-enrollment-modal.vue?530c","webpack:///./src/components/modals/confirm-enrollment-modal.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","on","close","staticClass","$event","stopPropagation","_v","_s","selectedCohort","label","enroll","staticRenderFns","components","props","enrolling","computed","methods","$bvModal","hide","setSelectedCohort","response","enrollTrainer","cohortId","catch","success","$router","component"],"mappings":"8IAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,MAAM,CAAC,GAAK,2BAA2B,SAAW,GAAG,eAAc,EAAK,eAAc,EAAK,KAAO,KAAK,cAAc,IAAIC,GAAG,CAAC,OAASP,EAAIQ,QAAQ,CAACJ,EAAG,MAAM,CAACK,YAAY,YAAYF,GAAG,CAAC,MAAQ,SAASG,GAAiC,OAAzBA,EAAOC,kBAAyBX,EAAIQ,MAAME,MAAW,CAACV,EAAIY,GAAG,OAAOR,EAAG,MAAM,CAACA,EAAG,IAAI,CAACK,YAAY,mBAAmB,CAACT,EAAIY,GAAG,4BAA4BZ,EAAIa,GAAGb,EAAIc,gBAAkBd,EAAIc,eAAeC,OAAO,OAAOX,EAAG,MAAM,CAACK,YAAY,WAAW,CAACL,EAAG,aAAa,CAACK,YAAY,0BAA0BH,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASG,GAAiC,OAAzBA,EAAOC,kBAAyBX,EAAIQ,MAAME,MAAW,CAACV,EAAIY,GAAG,UAAUR,EAAG,aAAa,CAACK,YAAY,qCAAqCH,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASG,GAAiC,OAAzBA,EAAOC,kBAAyBX,EAAIgB,OAAON,MAAW,CAAEV,EAAa,UAAEI,EAAG,WAAW,CAACE,MAAM,CAAC,KAAO,OAAO,KAAO,MAAMF,EAAG,OAAO,CAACJ,EAAIY,GAAG,kBAAkB,IAAI,QAC//BK,EAAkB,G,YCCtB,GACEC,WAAY,GACZC,MAAO,GACP,YACA,OACE,MAAO,CACLC,WAAW,IAGfC,SAAU,IACZ,QAEEC,QAAS,IACX,OACI,QACErB,KAAKsB,SAASC,KAAK,4BACnBvB,KAAKwB,kBAAkB,OAEzB,eACExB,KAAKmB,WAAY,EACjB,MAAN,2BACYM,QAAiBzB,KAAK0B,cAAcC,GAAUC,MAAM,GAChE,kBAEUH,GAAYA,EAASI,gBACjB7B,KAAK8B,QACnB,MAAU,KAAV,SACA,2BACQ9B,KAAKwB,kBAAkB,OAEzBxB,KAAKmB,WAAY,EACjBnB,KAAKsB,SAASC,KAAK,+BCjCsZ,I,wBCQ3aQ,EAAY,eACd,EACAjC,EACAkB,GACA,EACA,KACA,WACA,MAIa,aAAAe,E","file":"js/ConfrimEnrollment.9e619ff2.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../node_modules/vue-svg-inline-loader/dist/index.min.js!./confirm-enrollment-modal.vue?vue&type=style&index=0&id=1d3bfcc3&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-modal',{attrs:{\"id\":\"confirm-enrollment-modal\",\"centered\":\"\",\"hide-footer\":true,\"hide-header\":true,\"size\":\"md\",\"no-stacking\":\"\"},on:{\"hidden\":_vm.close}},[_c('div',{staticClass:\"col close\",on:{\"click\":function($event){$event.stopPropagation();return _vm.close($event)}}},[_vm._v(\"×\")]),_c('div',[_c('p',{staticClass:\"modal-text-main\"},[_vm._v(\"Do you want to enroll in \"+_vm._s(_vm.selectedCohort && _vm.selectedCohort.label)+\"?\")]),_c('div',{staticClass:\"actions\"},[_c('BaseButton',{staticClass:\"btn-secondary btn-round\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.close($event)}}},[_vm._v(\" No \")]),_c('BaseButton',{staticClass:\"btn-secondary btn-round btn-danger\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.enroll($event)}}},[(_vm.enrolling)?_c('BaseIcon',{attrs:{\"name\":\"sync\",\"spin\":\"\"}}):_c('span',[_vm._v(\"Yes, Enroll\")])],1)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { learnComputed, learnMethods } from '@state/helpers';\nexport default {\n  components: {},\n  props: {},\n  mounted() {},\n  data() {\n    return {\n      enrolling: false,\n    };\n  },\n  computed: {\n    ...learnComputed,\n  },\n  methods: {\n    ...learnMethods,\n    close() {\n      this.$bvModal.hide('confirm-enrollment-modal');\n      this.setSelectedCohort(null);\n    },\n    async enroll() {\n      this.enrolling = true;\n      const { _id: cohortId } = this.selectedCohort;\n      const response = await this.enrollTrainer(cohortId).catch((e) =>\n        console.error(e)\n      );\n      if (response && response.success) {\n        await this.$router\n          .push({ name: 'fyf5' })\n          .catch((e) => console.error(e));\n        this.setSelectedCohort(null);\n      }\n      this.enrolling = false;\n      this.$bvModal.hide('confirm-enrollment-modal');\n    },\n  },\n};\n</script>\n\n<template class=\"confirm-enrollment-modal\">\n  <b-modal\n    @hidden=\"close\"\n    id=\"confirm-enrollment-modal\"\n    centered\n    :hide-footer=\"true\"\n    :hide-header=\"true\"\n    size=\"md\"\n    no-stacking\n  >\n    <div @click.stop=\"close\" class=\"col close\">&times;</div>\n    <div>\n      <p class=\"modal-text-main\"\n        >Do you want to enroll in\n        {{ selectedCohort && selectedCohort.label }}?</p\n      >\n      <div class=\"actions\">\n        <BaseButton\n          type=\"button\"\n          class=\"btn-secondary btn-round\"\n          @click.stop=\"close\"\n        >\n          No\n        </BaseButton>\n        <BaseButton\n          type=\"button\"\n          class=\"btn-secondary btn-round btn-danger\"\n          @click.stop=\"enroll\"\n        >\n          <BaseIcon v-if=\"enrolling\" name=\"sync\" spin />\n          <span v-else>Yes, Enroll</span>\n        </BaseButton>\n      </div>\n    </div>\n  </b-modal>\n</template>\n\n<style lang=\"scss\" scoped>\n@import '@design';\n// stylelint-disable selector-pseudo-element-no-unknown\n\n.modal-dialog > .modal-content {\n  .close {\n    color: black;\n    cursor: pointer;\n    font-size: 4rem;\n    opacity: 1;\n    position: absolute;\n    right: 5%;\n    top: 5%;\n    -webkit-transition-duration: 0.3s;\n    width: fit-content;\n    &:hover {\n      color: $color-black;\n    }\n  }\n  .modal-text-main {\n    color: $color-black-one;\n    font-size: 28px;\n    font-style: normal;\n    font-weight: 900;\n    letter-spacing: -0.233333px;\n    line-height: 28px;\n    margin: 6rem 0;\n    margin-bottom: 4rem;\n    text-align: center;\n  }\n  .actions {\n    display: flex;\n    justify-content: space-evenly;\n    padding-bottom: 2rem;\n    padding-top: 2rem;\n\n    .btn-secondary {\n      border: 0.28rem solid $color-red;\n      color: $color-red;\n      font-family: $base-font-family;\n      font-size: 17px;\n      font-style: normal;\n      font-weight: 500;\n      letter-spacing: 1px;\n      padding: 1rem 1.5rem;\n      text-align: center;\n      text-transform: capitalize;\n      &:hover {\n        background-color: transparent;\n      }\n      &.btn-danger {\n        background-color: $color-red;\n        color: $color-white;\n      }\n      a {\n        color: $color-white;\n        font-family: $base-font-family;\n        font-size: 17px;\n        font-weight: 500;\n        padding: 0;\n        text-decoration: none;\n      }\n    }\n  }\n}\n::v-deep .modal-dialog {\n  min-width: 40%;\n  .modal-content {\n    background: $color-white;\n    border-radius: 12px !important;\n    box-shadow: 0 4px 8px rgba($color-black-wo-rgb, 0.08);\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../node_modules/vue-svg-inline-loader/dist/index.min.js!./confirm-enrollment-modal.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../node_modules/vue-svg-inline-loader/dist/index.min.js!./confirm-enrollment-modal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./confirm-enrollment-modal.vue?vue&type=template&id=1d3bfcc3&scoped=true&class=confirm-enrollment-modal&\"\nimport script from \"./confirm-enrollment-modal.vue?vue&type=script&lang=js&\"\nexport * from \"./confirm-enrollment-modal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./confirm-enrollment-modal.vue?vue&type=style&index=0&id=1d3bfcc3&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1d3bfcc3\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}