{"version":3,"sources":["webpack:///./src/components/profile/StepWatchMyStory.vue","webpack:///src/components/profile/StepWatchMyStory.vue","webpack:///./src/components/profile/StepWatchMyStory.vue?115f","webpack:///./src/components/profile/StepWatchMyStory.vue?7896","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/common/stepper/StepperButtons.vue?567e"],"names":["render","_vm","this","_c","_self","attrs","videoSrc","userHidden","isProspect","on","onUpdate","$event","isComplete","isDirty","isSaving","onContinue","$emit","staticRenderFns","getUserVideoStories","createUserVideoStory","updateUserVideoStory","deleteUserVideoStory","name","components","StepperButtons","VideoRecorder","data","videoRecorderData","videoStoryId","deleteVideo","computed","mapState","mapGetters","mounted","api","userStories","userStory","methods","formData","component","staticClass","canComplete","_v","_s","$lang","general_Continue","isRequired","_e","general_Skip","props","type","default"],"mappings":"kJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,gBAAgB,CAACE,MAAM,CAAC,SAAWJ,EAAIK,SAAS,WAAaL,EAAIM,WAAW,cAAgBN,EAAIO,YAAYC,GAAG,CAAC,OAASR,EAAIS,SAAS,SAAW,SAASC,GAAQV,EAAIW,WAAaD,GAAQ,MAAQ,SAASA,GAAQV,EAAIY,QAAUF,MAAWR,EAAG,iBAAiB,CAACE,MAAM,CAAC,YAAcJ,EAAIW,WAAW,SAAWX,EAAIa,UAAUL,GAAG,CAAC,SAAWR,EAAIc,WAAW,KAAO,SAASJ,GAAQ,OAAOV,EAAIe,MAAM,iBAAiB,IAEneC,EAAkB,G,gGCuBtB,GACAC,6CACAC,+CACAC,+CACAC,gDAKA,GACAC,wBACAC,YACAC,sBACAC,sBAEAC,gBACA,OACApB,cACAqB,uBACAf,cACAC,WACAe,kBACArB,gBACAsB,eACAf,cAGAgB,0CACAC,yBACAC,gCAEAC,mBAAA,oLACAC,6BAAA,OAAAC,oBACA,qBACA,+CAEAC,uBACA,gFACA,8GACA,yHARA,IAUAC,SACA3B,qBACA,yBACA,6BAEA,WACA,oBACA,qBAGAK,sBAAA,uKAEA,2BACA,kBAEA,+CAGA,OAFAuB,eACAA,+CACAA,sDAAA,SACAJ,0BAAA,mCACA,iEACAA,uCAAA,iDAEAA,uBACA,eACA,gCACA,QAGA,yEAEA,uDAEA,OAFA,UAEA,0FAvBA,MC5EyW,I,YCOrWK,EAAY,eACd,EACAvC,EACAiB,GACA,EACA,KACA,KACA,MAIa,aAAAsB,E,6CClBf,IAAIvC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACqC,YAAY,QAAQ,CAACrC,EAAG,MAAM,CAACqC,YAAY,gBAAgB,CAACrC,EAAG,gBAAgB,CAACqC,YAAY,4BAA4BnC,MAAM,CAAC,UAAYJ,EAAIwC,YAAY,QAAUxC,EAAIa,UAAUL,GAAG,CAAC,MAAQ,SAASE,GAAQ,OAAOV,EAAIe,MAAM,eAAe,CAACf,EAAIyC,GAAGzC,EAAI0C,GAAG1C,EAAI2C,MAAMC,qBAAuB5C,EAAI6C,WAAkN7C,EAAI8C,KAA1M5C,EAAG,gBAAgB,CAACqC,YAAY,cAAcnC,MAAM,CAAC,QAAU,OAAO,SAAWJ,EAAIa,UAAUL,GAAG,CAAC,MAAQ,SAASE,GAAQ,OAAOV,EAAIe,MAAM,WAAW,CAACf,EAAIyC,GAAGzC,EAAI0C,GAAG1C,EAAI2C,MAAMI,cAAc,QAAiB,MAEzkB/B,EAAkB,GCqBtB,GACAK,sBACA2B,OACAR,aACAS,aACAC,YAEAL,YACAI,aACAC,YAEArC,UACAoC,aACAC,cCpCsX,I,wBCQlXZ,EAAY,eACd,EACAvC,EACAiB,GACA,EACA,KACA,WACA,MAIa,OAAAsB,E,2CCnBf","file":"js/chunk-3d177725.0531fc93.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('VideoRecorder',{attrs:{\"videoSrc\":_vm.videoSrc,\"userHidden\":_vm.userHidden,\"isAmbassador\":!_vm.isProspect},on:{\"update\":_vm.onUpdate,\"complete\":function($event){_vm.isComplete = $event},\"dirty\":function($event){_vm.isDirty = $event}}}),_c('StepperButtons',{attrs:{\"canComplete\":_vm.isComplete,\"isSaving\":_vm.isSaving},on:{\"continue\":_vm.onContinue,\"skip\":function($event){return _vm.$emit('complete')}}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <VideoRecorder\n      :videoSrc=\"videoSrc\"\n      :userHidden=\"userHidden\"\n      :isAmbassador=\"!isProspect\"\n      @update=\"onUpdate\"\n      @complete=\"isComplete = $event\"\n      @dirty=\"isDirty = $event\" />\n    <StepperButtons\n      :canComplete=\"isComplete\"\n      :isSaving=\"isSaving\"\n      @continue=\"onContinue\"\n      @skip=\"$emit('complete')\" />\n  </div>\n</template>\n\n<script>\n  import { mapState, mapGetters } from \"vuex\";\n  import {\n    getUserVideoStories,\n    createUserVideoStory,\n    updateUserVideoStory,\n    deleteUserVideoStory,\n  } from \"@/services/api.service.js\";\n  const api = {\n    getUserVideoStories,\n    createUserVideoStory,\n    updateUserVideoStory,\n    deleteUserVideoStory,\n  };\n  import StepperButtons from \"@/components/common/stepper/StepperButtons.vue\";\n  import VideoRecorder from \"@/components/VideoRecorder.vue\";\n\n  export default {\n    name: \"StepWatchMyStory\",\n    components: {\n      StepperButtons,\n      VideoRecorder,\n    },\n    data() {\n      return {\n        videoSrc: null,\n        videoRecorderData: null,\n        isComplete: false,\n        isDirty: false,\n        videoStoryId: null,\n        userHidden: null,\n        deleteVideo: false,\n        isSaving: false,\n      };\n    },\n    computed: {\n      ...mapState([\"uid\"]),\n      ...mapGetters([\"isProspect\"]),\n    },\n    async mounted() {\n      const userStories = (await api.getUserVideoStories(this.uid)).data.sort(\n        (videoA, videoB) =>\n          new Date(videoB.updatedAt) - new Date(videoA.updatedAt)\n      );\n      const userStory = userStories.length > 0 ? userStories[0] : null;\n      this.userHidden = userStory?.userHidden ?? false;\n      this.videoSrc = userStory?.video?.mp4Url ?? null;\n      this.videoStoryId = userStory?._id ?? null;\n    },\n    methods: {\n      onUpdate(value) {\n        this.videoRecorderData = value;\n        this.userHidden = value.userHidden;\n\n        if (value.delete) {\n          this.deleteVideo = true;\n          this.videoSrc = null;\n        }\n      },\n      async onContinue() {\n        try {\n          if (this.isDirty) {\n            this.isSaving = true;\n\n            if (this.videoRecorderData.videoData) {\n              const formData = new FormData();\n              formData.append(\"file\", this.videoRecorderData.videoData);\n              formData.append(\"userHidden\", this.videoRecorderData.userHidden);\n              await api.createUserVideoStory(formData);\n            } else if (this.deleteVideo && this.videoStoryId) {\n              await api.deleteUserVideoStory(this.videoStoryId);\n            } else {\n              await api.updateUserVideoStory(\n                this.videoStoryId,\n                this.videoRecorderData.userHidden\n              );\n            }\n          }\n          this.$emit(\"complete\");\n        } catch (error) {\n          this.$toast.error(this.$lang.stepWatchMyStory_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!./StepWatchMyStory.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!./StepWatchMyStory.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StepWatchMyStory.vue?vue&type=template&id=51ace9b9&\"\nimport script from \"./StepWatchMyStory.vue?vue&type=script&lang=js&\"\nexport * from \"./StepWatchMyStory.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","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","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":""}