{"version":3,"sources":["webpack:///./src/components/familyPortal/checkout/stepper/Stepper.vue?ac9c","webpack:///./src/components/familyPortal/checkout/stepper/Stepper.vue?3f64","webpack:///./src/components/familyPortal/checkout/stepper/Stepper.vue?4c3d","webpack:///./src/components/familyPortal/checkout/stepper/Stepper.vue","webpack:///./src/components/familyPortal/checkout/stepper/Stepper.vue?aacf"],"names":["CheckoutStep","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","Review","getState","_v","_s","screenText","getScreenText","Apply","activeStep","isLoadingCartApplicationsData","isFetchingCart","isReloadingCart","APP_CONST","STYLE","COLOR","NEUTRAL_900","currentApplicationDisplay","applicationsTotal","_e","Submit","submitStepText","Done","staticRenderFns","StepState","Step","ScreenText","step","Complete","Active","Inactive","prototype","$eventHub","$on","CART_IS_RELOADING_EVENT","onReloadCartEvent","$off","attachExternalListeners","detachExternalListeners","subtotal","commonEntry","accountDesignDetails","accentColor","isUpdatingCart","isDeleting","currentlySelectedApplicationIndex","cartApplications","cartItemApplicationData","length","type","Number","required","components","Spinner","component"],"mappings":"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","file":"js/chunk-31c0f4c2.5e4f9561.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"uk-flex uk-flex-around\"},[_c('div',{staticClass:\"stepper uk-flex uk-flex-top uk-flex-between uk-width-expand\"},[_c('Step',{attrs:{\"index\":_vm.CheckoutStep.Review,\"state\":_vm.getState(_vm.CheckoutStep.Review)}},[_vm._v(\" \"+_vm._s(_vm.screenText.getScreenText('CHECKOUT_STEP_REVIEW'))+\" \")]),_c('Step',{attrs:{\"index\":_vm.CheckoutStep.Apply,\"state\":_vm.getState(_vm.CheckoutStep.Apply)}},[_c('div',[_vm._v(\" \"+_vm._s(_vm.screenText.getScreenText('CHECKOUT_STEP_APPLY'))+\" \")]),(_vm.activeStep == _vm.CheckoutStep.Apply)?_c('div',[(_vm.isLoadingCartApplicationsData || _vm.isFetchingCart || _vm.isReloadingCart)?_c('span',[_c('Spinner',{attrs:{\"spinnerRatio\":.621,\"spinnerColor\":_vm.APP_CONST.STYLE.COLOR.NEUTRAL_900}})],1):_c('span',[_vm._v(_vm._s(_vm.currentApplicationDisplay)+\"/\"+_vm._s(_vm.applicationsTotal))])]):_vm._e()]),_c('Step',{attrs:{\"index\":_vm.CheckoutStep.Submit,\"state\":_vm.getState(_vm.CheckoutStep.Submit)}},[_vm._v(\" \"+_vm._s(_vm.submitStepText)+\" \")]),_c('Step',{attrs:{\"index\":_vm.CheckoutStep.Done,\"state\":_vm.getState(_vm.CheckoutStep.Done)}},[_vm._v(\" \"+_vm._s(_vm.screenText.getScreenText('CHECKOUT_STEP_DONE'))+\" \")])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { PropType } from 'vue';\nimport { Component, Prop, Vue } from 'vue-property-decorator';\nimport Spinner from '@/commoncomponents/spinner/Spinner.vue';\nimport Step, { StepState } from '@/components/familyPortal/checkout/stepper/Step.vue';\nimport { ScreenText } from '@/lang/ScreenText';\nimport cart from '@/store/modules/checkout/cart/module';\nimport APP_CONST from '@/constants/AppConst';\nimport commonEntry from '@/store/modules/commonEntry';\n\nexport enum CheckoutStep {\n  Review = 1,\n  Apply = 2,\n  Submit = 3,\n  Done = 4,\n}\n\n@Component({\n  components: {\n    Spinner,\n    Step,\n  }\n})\nexport default class Stepper extends Vue {\n  public readonly StepState = StepState;\n  public readonly CheckoutStep = CheckoutStep;\n  public readonly screenText = new ScreenText();\n  public isReloadingCart = false;\n  APP_CONST = APP_CONST;\n\n  @Prop({ type: Number as PropType<CheckoutStep>, required: true }) readonly activeStep!: CheckoutStep;\n\n  get cartHasPrice(): boolean {\n    return cart.subtotal > 0;\n  }\n\n  get designColor(): string {\n    return commonEntry.accountDesignDetails.accentColor;\n  }\n\n  get isLoadingCartApplicationsData(): boolean {\n    return cart.isLoadingCartApplicationsData;\n  }\n\n  get isFetchingCart(): boolean {\n    return cart.isFetchingCart || cart.isUpdatingCart || cart.isDeleting;\n  }\n\n  get currentApplicationDisplay(): number {\n    return cart.currentlySelectedApplicationIndex + 1;\n  }\n\n  get applicationsTotal(): number {\n    return cart.cartApplications\n      ? cart.cartApplications.cartItemApplicationData.length\n      : 0;\n  }\n\n  get submitStepText(): string {\n    return this.screenText.getScreenText('CHECKOUT_STEP_SUBMIT');\n  }\n\n  public onReloadCartEvent(isReloadingCart: boolean) {\n    this.isReloadingCart = isReloadingCart;\n  }\n\n  public getState(step: CheckoutStep): StepState {\n    if (step < this.activeStep) {\n      return StepState.Complete;\n    }\n    else if (step == this.activeStep) {\n      if (step == CheckoutStep.Done) {\n        // \"Done\" step is special -- should be marked complete when active.\n        return StepState.Complete;\n      }\n      else {\n        return StepState.Active;\n      }\n    }\n    else {\n      return StepState.Inactive;\n    }\n  }\n\n  private attachExternalListeners() {\n    Vue.prototype.$eventHub.$on(APP_CONST.CART_IS_RELOADING_EVENT, this.onReloadCartEvent);\n  }\n\n  private detachExternalListeners() {\n    Vue.prototype.$eventHub.$off(APP_CONST.CART_IS_RELOADING_EVENT, this.onReloadCartEvent);\n  }\n\n  created() {\n    this.attachExternalListeners();\n  }\n\n  destroyed() {\n    this.detachExternalListeners();\n  }\n}\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/ts-loader/index.js??ref--13-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Stepper.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/ts-loader/index.js??ref--13-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Stepper.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./Stepper.vue?vue&type=template&id=4f12800c&scoped=true&\"\nimport script from \"./Stepper.vue?vue&type=script&lang=ts&\"\nexport * from \"./Stepper.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./Stepper.vue?vue&type=style&index=0&id=4f12800c&lang=less&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  \"4f12800c\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Stepper.vue?vue&type=style&index=0&id=4f12800c&lang=less&scoped=true&\"; export default mod; export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Stepper.vue?vue&type=style&index=0&id=4f12800c&lang=less&scoped=true&\""],"sourceRoot":""}