{"version":3,"sources":["webpack:///./src/components/modals/ShareDemoModal.vue?3c13","webpack:///./src/components/modals/ShareDemoModal.vue?6827","webpack:///src/components/modals/ShareDemoModal.vue","webpack:///./src/components/modals/ShareDemoModal.vue?a6b8","webpack:///./src/components/modals/ShareDemoModal.vue?1f52"],"names":["_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_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_ShareDemoModal_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_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_ShareDemoModal_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n","render","_vm","this","_h","$createElement","_c","_self","staticClass","directives","name","rawName","value","expression","sent","attrs","_v","_s","timeToClose","type","on","click","$event","$emit","class","loading-overlay","sending","submit","preventDefault","shareLink","$t","label","placeholder","focusInputField","model","shareForm","callback","$$v","$set","invalidInput","showErrorMessage","emails","_e","disabled","userName","staticRenderFns","ShareDemoModalvue_type_script_lang_js_","data","methods","_this","valid","split","map","e","trim","$store","dispatch","then","setInterval","catch","console","computed","emailArray","length","invalidEmails","filter","appHelper","emailRegex","test","watch","handler","mounted","modals_ShareDemoModalvue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__"],"mappings":"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","file":"js/lazy-view-components-modals-ShareDemoModal.5d8f9472.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/index.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!./ShareDemoModal.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/index.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!./ShareDemoModal.vue?vue&type=style&index=0&lang=less&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"share-demo\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.sending),expression:\"sending\"}],staticClass:\"loading-overlay-circle\"},[_c('i',{staticClass:\"fa-light fa-circle-notch fa-spin\"})]),(!_vm.sent)?_c('transition',{attrs:{\"name\":\"first\"}},[_c('form',{class:{ 'loading-overlay': _vm.sending },on:{\"submit\":function($event){$event.preventDefault();return _vm.shareLink()}}},[_c('h3',[_vm._v(_vm._s(_vm.$t('demo.share-modal.title')))]),_c('p',{staticClass:\"description text-small\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('demo.share-modal.description'))+\"\\n      \")]),_c('custom-input',{attrs:{\"name\":'username',\"label\":_vm.$t('demo.share-modal.name-label'),\"placeholder\":_vm.$t('demo.share-modal.name-placeholder'),\"focusInputField\":\"\"},model:{value:(_vm.shareForm.userName),callback:function ($$v) {_vm.$set(_vm.shareForm, \"userName\", $$v)},expression:\"shareForm.userName\"}}),_c('custom-input',{attrs:{\"name\":'email',\"label\":_vm.$t('demo.share-modal.email-label'),\"placeholder\":_vm.$t('demo.share-modal.email-placeholder'),\"invalidInput\":_vm.showErrorMessage},model:{value:(_vm.emails),callback:function ($$v) {_vm.emails=$$v},expression:\"emails\"}}),(_vm.showErrorMessage)?_c('p',{staticClass:\"text-xs text-danger\"},[_vm._v(_vm._s(_vm.$t('demo.share-modal.email-invalid')))]):_vm._e(),_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"submit\",\"disabled\":!_vm.shareForm.userName || !_vm.emails}},[_vm._v(_vm._s(_vm.$t('demo.share-modal.send')))])],1)]):_c('transition',{attrs:{\"name\":\"second\"}},[_c('div',[_c('h3',[_vm._v(\"Shared with your buddy!\")]),_c('p',{staticClass:\"description text-small text-muted\"},[_vm._v(\"This messages closes itself in: \"+_vm._s(_vm.timeToClose))]),_c('button',{staticClass:\"btn btn-secondary\",attrs:{\"type\":\"submit\"},on:{\"click\":function($event){return _vm.$emit('close')}}},[_vm._v(\"Close\")])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"share-demo\">\n    <div v-show=\"sending\" class=\"loading-overlay-circle\">\n      <i class=\"fa-light fa-circle-notch fa-spin\"></i>\n    </div>\n    <transition name=\"first\" v-if=\"!sent\">\n      <form @submit.prevent=\"shareLink()\" :class=\"{ 'loading-overlay': sending }\">\n        <h3>{{$t('demo.share-modal.title')}}</h3>\n        <p class=\"description text-small\">\n          {{$t('demo.share-modal.description')}}\n        </p>\n        <custom-input\n          v-model=\"shareForm.userName\"\n          :name=\"'username'\"\n          :label=\"$t('demo.share-modal.name-label')\"\n          :placeholder=\"$t('demo.share-modal.name-placeholder')\"\n          focusInputField\n        />\n        <custom-input\n          v-model=\"emails\"\n          :name=\"'email'\"\n          :label=\"$t('demo.share-modal.email-label')\"\n          :placeholder=\"$t('demo.share-modal.email-placeholder')\"\n          :invalidInput=\"showErrorMessage\"\n        />\n        <p v-if=\"showErrorMessage\" class=\"text-xs text-danger\">{{$t('demo.share-modal.email-invalid')}}</p>\n        <button type=\"submit\" :disabled=\"!shareForm.userName || !emails\" class=\"btn btn-primary\">{{$t('demo.share-modal.send')}}</button>\n      </form>\n    </transition>\n    <transition name=\"second\" v-else>\n      <div>\n        <h3>Shared with your buddy!</h3>\n        <p class=\"description text-small text-muted\">This messages closes itself in: {{ timeToClose }}</p>\n        <button type=\"submit\" class=\"btn btn-secondary\" @click=\"$emit('close')\">Close</button>\n      </div>\n    </transition>\n  </div>\n</template>\n\n<script>\nimport appHelper from \"@/assets/js/appHelper.js\";\nexport default {\n  name: \"ShareDemoModal\",\n  data() {\n    return {\n      shareForm: {\n        userName: this.$store.state.demoData.metadata.user.userName,\n        emails: []\n      },\n      emails: \"\",\n      sending: false,\n      sent: false,\n      timeToClose: 3,\n      showErrorMessage: false,\n    };\n  },\n  methods: {\n    shareLink() {\n      this.showErrorMessage = false\n      if(!this.valid){\n        this.showErrorMessage = true\n        return\n      }\n\n      this.shareForm.emails = this.emails.split(\",\").map((e) => {\n        return e.trim();\n      });\n      this.sending = true;\n      this.$store\n        .dispatch(\"shareDemoLink\", this.shareForm)\n        .then((res) => {\n          this.sending = false;\n          this.sent = true;\n          setInterval(() => {\n            this.timeToClose = this.timeToClose - 1;\n            if (this.timeToClose < 0) {\n              this.$emit(\"close\");\n            }\n          }, 1000);\n        })\n        .catch((e) => {\n          console.log(e);\n          this.sending = false;\n        });\n    }\n  },\n  computed: {\n    emailArray() {\n      return this.emails.length > 0\n        ? this.emails.split(\",\").map((e) => {\n            return e.trim();\n          })\n        : [];\n    },\n    invalidEmails() {\n      return this.emailArray.filter((e) => {\n        return appHelper.emailRegex.test(e) == false;\n      });\n    },\n    \n    valid() {\n      return this.emails.length > 0 && !this.invalidEmails.length;\n    }\n    \n  },\n  watch: {\n    emails: {\n      handler: function(){\n        if(this.showErrorMessage == true) this.showErrorMessage = false\n      }\n    }\n  },\n  mounted() {\n    console.log(this.$store.state.demoData);\n  }\n};\n</script>\n\n<style lang=\"less\">\n.share-demo {\n  transition: 0.2s;\n  padding: 16px;\n  .description {\n    margin: 0;\n  }\n  .btn {\n    margin-top: 12px;\n  }\n\n  .loading-overlay-circle {\n    font-size: 14px !important;\n    transform: translate(-50%, -50%) !important;\n  }\n\n  .first-enter-to .second-enter-to {\n    position: absolute;\n    opacity: 1;\n    transform: translateX(0);\n  }\n  .first-enter,\n  .first-leave-to {\n    position: absolute;\n    opacity: 0;\n    transform: translateX(-100px);\n  }\n\n  .second-enter,\n  .second-leave-to {\n    position: absolute;\n    opacity: 0;\n    transform: translateX(100px);\n  }\n  .first-enter-active,\n  .first-leave-active {\n    transition: all 0.2s ease;\n  }\n  .second-leave-active,\n  .second-enter-active {\n    transition: all 0.2s ease;\n    transition-delay: 0.1s;\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!./ShareDemoModal.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!./ShareDemoModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ShareDemoModal.vue?vue&type=template&id=605602f0&\"\nimport script from \"./ShareDemoModal.vue?vue&type=script&lang=js&\"\nexport * from \"./ShareDemoModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ShareDemoModal.vue?vue&type=style&index=0&lang=less&\"\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"],"sourceRoot":""}