{"version":3,"sources":["webpack:///./src/components/common/stepper/StepperButtons.vue","webpack:///src/components/common/stepper/StepperButtons.vue","webpack:///./src/components/common/stepper/StepperButtons.vue?2032","webpack:///./src/components/common/stepper/StepperButtons.vue?b674","webpack:///./src/components/profile/StepReadMyStory.vue","webpack:///src/components/profile/StepReadMyStory.vue","webpack:///./src/components/profile/StepReadMyStory.vue?3fe3","webpack:///./src/components/profile/StepReadMyStory.vue?1d9d","webpack:///./src/components/common/stepper/StepperButtons.vue?567e"],"names":["render","_vm","this","_c","_self","staticClass","attrs","canComplete","isSaving","on","$event","$emit","_v","_s","$lang","general_Continue","isRequired","_e","general_Skip","staticRenderFns","name","props","type","default","component","user","faq","onUpdate","hasUserChanges","clickContinue","updateUser","components","StepperButtons","ProfileReadMyStory","data","stories","computed","mapState","watch","immediate","handler","methods","api"],"mappings":"2IAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,gBAAgB,CAACE,YAAY,4BAA4BC,MAAM,CAAC,UAAYL,EAAIM,YAAY,QAAUN,EAAIO,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAIU,MAAM,eAAe,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,MAAMC,qBAAuBd,EAAIe,WAAkNf,EAAIgB,KAA1Md,EAAG,gBAAgB,CAACE,YAAY,cAAcC,MAAM,CAAC,QAAU,OAAO,SAAWL,EAAIO,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAIU,MAAM,WAAW,CAACV,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,MAAMI,cAAc,QAAiB,MAEzkBC,EAAkB,GCqBtB,GACAC,sBACAC,OACAd,aACAe,aACAC,YAEAP,YACAM,aACAC,YAEAf,UACAc,aACAC,cCpCsX,I,wBCQlXC,EAAY,eACd,EACAxB,EACAmB,GACA,EACA,KACA,WACA,MAIa,OAAAK,E,kDCnBf,IAAIxB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,qBAAqB,CAACG,MAAM,CAAC,QAAUL,EAAIwB,KAAKC,KAAO,IAAIjB,GAAG,CAAC,OAASR,EAAI0B,SAAS,MAAQ,SAASjB,GAAQT,EAAI2B,gBAAiB,MAASzB,EAAG,iBAAiB,CAACG,MAAM,CAAC,SAAWL,EAAIO,UAAUC,GAAG,CAAC,SAAWR,EAAI4B,cAAc,KAAO,SAASnB,GAAQ,OAAOT,EAAIU,MAAM,iBAAiB,IAExWQ,EAAkB,G,oFCctB,GAAAW,4BAIA,GACAV,uBACAW,YACAC,sBACAC,2BAGAC,gBACA,OACAC,WACAP,kBACApB,cAIA4B,2BACAC,0BAGAC,OACA,YACAC,aACAC,oBACA,sBAKAC,SACAd,qBACA,gBAGAE,yBAAA,0JACA,GAAAJ,+CAAAC,gBAAA,UAGA,iCACA,8BACAgB,gBAAA,OACA,sCAEA,yEAEA,kDAEA,OAFA,UAEA,0FAbA,MCrDwW,I,YCOpWlB,EAAY,eACd,EACAxB,EACAmB,GACA,EACA,KACA,KACA,MAIa,aAAAK,E,2CClBf","file":"js/chunk-4e813bdd.2e9a7757.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"step\"},[_c('div',{staticClass:\"step-buttons\"},[_c('common-button',{staticClass:\"step-button step-continue\",attrs:{\"disabled\":!_vm.canComplete,\"loading\":_vm.isSaving},on:{\"click\":function($event){return _vm.$emit('continue')}}},[_vm._v(_vm._s(_vm.$lang.general_Continue))]),(!_vm.isRequired)?_c('common-button',{staticClass:\"step-button\",attrs:{\"variant\":\"text\",\"disabled\":_vm.isSaving},on:{\"click\":function($event){return _vm.$emit('skip')}}},[_vm._v(_vm._s(_vm.$lang.general_Skip)+\" \")]):_vm._e()],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"step\">\n    <div class=\"step-buttons\">\n      <common-button\n        class=\"step-button step-continue\"\n        @click=\"$emit('continue')\"\n        :disabled=\"!canComplete\"\n        :loading=\"isSaving\"\n        >{{ $lang.general_Continue }}</common-button\n      >\n      <common-button\n        v-if=\"!isRequired\"\n        class=\"step-button\"\n        variant=\"text\"\n        @click=\"$emit('skip')\"\n        :disabled=\"isSaving\"\n        >{{ $lang.general_Skip }}\n      </common-button>\n    </div>\n  </div>\n</template>\n\n<script>\n  export default {\n    name: \"StepperButtons\",\n    props: {\n      canComplete: {\n        type: Boolean,\n        default: true,\n      },\n      isRequired: {\n        type: Boolean,\n        default: false,\n      },\n      isSaving: {\n        type: Boolean,\n        default: false,\n      },\n    },\n  };\n</script>\n<style lang=\"scss\" scoped>\n  .step {\n    margin-top: 52px;\n    border-radius: 2rem;\n    background-color: $white;\n  }\n\n  .step-buttons {\n    margin-top: 52px;\n    display: inline-grid;\n\n    .step-button {\n      width: 164px;\n    }\n\n    .step-continue {\n      background-color: var(--accent-color);\n      color: $white;\n    }\n  }\n</style>\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/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StepperButtons.vue?vue&type=script&lang=js&\"; 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/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StepperButtons.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StepperButtons.vue?vue&type=template&id=e24a4f4e&scoped=true&\"\nimport script from \"./StepperButtons.vue?vue&type=script&lang=js&\"\nexport * from \"./StepperButtons.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StepperButtons.vue?vue&type=style&index=0&id=e24a4f4e&prod&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  \"e24a4f4e\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('ProfileReadMyStory',{attrs:{\"stories\":_vm.user.faq || []},on:{\"update\":_vm.onUpdate,\"dirty\":function($event){_vm.hasUserChanges = true}}}),_c('StepperButtons',{attrs:{\"isSaving\":_vm.isSaving},on:{\"continue\":_vm.clickContinue,\"skip\":function($event){return _vm.$emit('complete')}}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <ProfileReadMyStory\n      :stories=\"user.faq || []\"\n      @update=\"onUpdate\"\n      @dirty=\"hasUserChanges = true\" />\n    <StepperButtons\n      :isSaving=\"isSaving\"\n      @continue=\"clickContinue\"\n      @skip=\"$emit('complete')\" />\n  </div>\n</template>\n\n<script>\n  import { mapState } from \"vuex\";\n  import { updateUser } from \"@/services/api.service.js\";\n  const api = { updateUser };\n  import StepperButtons from \"@/components/common/stepper/StepperButtons.vue\";\n  import ProfileReadMyStory from \"@/components/ProfileReadMyStory.vue\";\n\n  export default {\n    name: \"StepReadMyStory\",\n    components: {\n      StepperButtons,\n      ProfileReadMyStory,\n    },\n\n    data() {\n      return {\n        stories: [],\n        hasUserChanges: false,\n        isSaving: false,\n      };\n    },\n\n    computed: {\n      ...mapState([\"user\"]),\n    },\n\n    watch: {\n      \"user.faq\": {\n        immediate: true,\n        handler(val) {\n          this.stories = val || [];\n        },\n      },\n    },\n\n    methods: {\n      onUpdate(stories) {\n        this.stories = stories;\n      },\n\n      async clickContinue() {\n        const user = { ...this.user, faq: this.stories };\n\n        try {\n          if (this.hasUserChanges) {\n            this.isSaving = true;\n            await api.updateUser(user);\n            this.$store.dispatch(\"setUser\", user);\n          }\n          this.$emit(\"complete\");\n        } catch (error) {\n          this.$toast.error(this.$lang.editProfile_Error);\n        } finally {\n          this.isSaving = false;\n        }\n      },\n    },\n  };\n</script>\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/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StepReadMyStory.vue?vue&type=script&lang=js&\"; 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/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StepReadMyStory.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StepReadMyStory.vue?vue&type=template&id=b2ebd4c0&\"\nimport script from \"./StepReadMyStory.vue?vue&type=script&lang=js&\"\nexport * from \"./StepReadMyStory.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StepperButtons.vue?vue&type=style&index=0&id=e24a4f4e&prod&lang=scss&scoped=true&\""],"sourceRoot":""}