{"version":3,"sources":["webpack:///./src/components/StepIndicator.vue?ede8","webpack:///src/components/StepIndicator.vue","webpack:///./src/components/StepIndicator.vue?1f50","webpack:///./src/components/StepIndicator.vue?29ef","webpack:///./src/components/SignUpForm.vue?4c1c","webpack:///./src/components/PickPlanCard.vue?b50c","webpack:///./src/components/PickPlan.vue?b45e","webpack:///./src/components/StepIndicator.vue?49bc","webpack:///./src/components/PickPlan.vue?04a7","webpack:///src/components/PickPlan.vue","webpack:///./src/components/PickPlan.vue?3c19","webpack:///./src/components/PickPlan.vue?c7d0","webpack:///./src/components/SignUpForm.vue?2aef","webpack:///src/components/SignUpForm.vue","webpack:///./src/components/SignUpForm.vue?5381","webpack:///./src/components/SignUpForm.vue?dd6f","webpack:///./src/assets/svg/circle-check.svg","webpack:///./src/assets/js/stepIndicatorMixin.js","webpack:///./src/components/modals/DemoSignUpModal.vue?3449","webpack:///src/components/modals/DemoSignUpModal.vue","webpack:///./src/components/modals/DemoSignUpModal.vue?6f33","webpack:///./src/components/modals/DemoSignUpModal.vue?5d5a","webpack:///./src/components/modals/DemoSignUpModal.vue?f09f","webpack:///./src/components/PickPlanCard.vue?8343","webpack:///src/components/PickPlanCard.vue","webpack:///./src/components/PickPlanCard.vue?0916","webpack:///./src/components/PickPlanCard.vue?27ba"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","signup-design","signupDesign","style","width","_l","step","index","key","current","valid","visited","first-step","_e","done","showCheckmark","on","click","$event","goToStep","_v","_s","title","directives","name","rawName","value","expression","attrs","src","__webpack_require__","alt","tooltip","tooltipText","tooltip-placement","steps","length","mouseover","setTooltipText","staticRenderFns","StepIndicatorvue_type_script_lang_js_","props","type","required","disabled","default","data","methods","allowed","$emit","deniedAccessMsg","text","setTooltipPlacement","console","watch","handler","_this","find","s","components_StepIndicatorvue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__","_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_SignUpForm_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","_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_SignUpForm_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n","_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_PickPlanCard_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","_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_PickPlanCard_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","_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_PickPlan_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","_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_PickPlan_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","_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_StepIndicator_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","_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_StepIndicator_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","plan","plan-picked","PickPlanvue_type_script_lang_js_","components","PickPlanCard","plans","price","currency","frequency","description","features","buttonText","components_PickPlanvue_type_script_lang_js_","submit","stopPropagation","preventDefault","inputType","label","$t","placeholder","focusInputField","model","info","callback","$$v","$set","user","invalidInput","invalidEmail","domProps","innerHTML","invalidEmailMsg","staticStyle","margin-bottom","passwordMinLength","passwordHasCapitalLetter","passwordHasNumber","reenteredpassword","passwordsMatch","id","checked","Array","isArray","check","_i","change","$$a","$$el","target","$$c","$$i","concat","slice","for","href","signingUp","onSubmit","btnText","SignUpFormvue_type_script_lang_js_","knownInfo","username","password","phone","error","checkPasswordDebounce","checkPassword","checkRepeatPasswordDebounce","checkRepeatPassword","newPassword","newPasswordRepeat","passwordLength","passwordIsOk","computed","test","repeatPassword","mounted","info.user.password","components_SignUpFormvue_type_script_lang_js_","module","exports","p","r","d","stepIndicatorMixin","nextTransition","from","to","currentStep","indicatorSteps","loading","stepsFinished","click-step","stepChanged","signupInfo","userExistsError","userExistsErrorMsg","on-submit","accountInfo","firstStepValid","signupDemoUser","signupError","handleRedirectToApp","DemoSignUpModalvue_type_script_lang_js_","mixins","SignUpForm","StepIndicator","PickPlan","demoKey","midTransition","readyToStart","$store","dispatch","then","catch","e","status","baseUrl","appHelper","getBaseUrl","_this2","$nextTick","window","demoUser","email","userName","state","demoData","metadata","userDevice","document","secondStepValid","immediate","modals_DemoSignUpModalvue_type_script_lang_js_","_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_DemoSignUpModal_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","_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_DemoSignUpModal_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","feature","_m","PickPlanCardvue_type_script_lang_js_","components_PickPlanCardvue_type_script_lang_js_"],"mappings":"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","file":"js/lazy-view-components-modals-DemoSignUpModal.90f9c4a1.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"step-indicator\",class:{ 'signup-design': _vm.signupDesign },style:({ width: _vm.width })},_vm._l((_vm.steps),function(step,index){return _c('div',{key:index,staticClass:\"step\",class:{ current: _vm.current == step.step, valid: step.visited && step.valid, 'first-step': index == 0 }},[(index != 0)?_c('div',{staticClass:\"step-line before\"}):_vm._e(),(!_vm.signupDesign)?_c('div',{staticClass:\"icon-wrapper\",attrs:{\"tooltip\":_vm.signupDesign ? '' : _vm.tooltipText,\"tooltip-placement\":index == 0 ? 'bottom-right' : index == _vm.steps.length - 1 ? 'bottom-left' : 'bottom'},on:{\"click\":function($event){return _vm.goToStep(step)},\"mouseover\":function($event){return _vm.setTooltipText(step.title)}}},[_c('div',[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showCheckmark(step)),expression:\"!showCheckmark(step)\"}]},[_c('i',{staticClass:\"fa-light fa-circle\"})]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showCheckmark(step)),expression:\"showCheckmark(step)\"}]},[_c('i',{staticClass:\"fa-light fa-circle-check\"})])])]):_c('div',{staticClass:\"signup-design-wrapper\",class:{ done: _vm.showCheckmark(step) },on:{\"click\":function($event){return _vm.goToStep(step)}}},[_c('h4',{staticClass:\"title\"},[_vm._v(_vm._s(step.title))]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showCheckmark(step)),expression:\"!showCheckmark(step)\"}],staticClass:\"step-number\"},[_c('i',{staticClass:\"fa-light\",class:'fa-circle-' + (index + 1)})]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showCheckmark(step)),expression:\"showCheckmark(step)\"}],staticClass:\"step-number signup-check\"},[_c('img',{attrs:{\"src\":require(\"@/assets/svg/circle-check.svg\"),\"alt\":\"Circle check\"}})])])])}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"step-indicator\" :style=\"{ width: width }\" :class=\"{ 'signup-design': signupDesign }\">\n    <div\n      v-for=\"(step, index) in steps\"\n      :key=\"index\"\n      class=\"step\"\n      :class=\"{ current: current == step.step, valid: step.visited && step.valid, 'first-step': index == 0 }\"\n    >\n      <div v-if=\"index != 0\" class=\"step-line before\"></div>\n      <div\n        v-if=\"!signupDesign\"\n        class=\"icon-wrapper\"\n        @click=\"goToStep(step)\"\n        :tooltip=\"signupDesign ? '' : tooltipText\"\n        @mouseover=\"setTooltipText(step.title)\"\n        :tooltip-placement=\"index == 0 ? 'bottom-right' : index == steps.length - 1 ? 'bottom-left' : 'bottom'\"\n      >\n        <div>\n          <span v-show=\"!showCheckmark(step)\">\n            <i class=\"fa-light fa-circle\"></i>\n          </span>\n          <span v-show=\"showCheckmark(step)\">\n            <i class=\"fa-light fa-circle-check\"></i>\n          </span>\n        </div>\n      </div>\n      <div v-else @click=\"goToStep(step)\" class=\"signup-design-wrapper\" :class=\"{ done: showCheckmark(step) }\">\n        <h4 class=\"title\">{{ step.title }}</h4>\n        <span class=\"step-number\" v-show=\"!showCheckmark(step)\">\n          <i class=\"fa-light\" :class=\"'fa-circle-' + (index + 1)\"></i>\n        </span>\n        <span class=\"step-number signup-check\" v-show=\"showCheckmark(step)\">\n          <!-- <i class=\"fa-light fa-circle-check\"></i> -->\n          <img src=\"@/assets/svg/circle-check.svg\" alt=\"Circle check\" />\n        </span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    steps: {\n      type: Array,\n      required: true\n    },\n    current: Number,\n    disabled: Boolean,\n    width: {\n      type: String,\n      default: \"100%\"\n    },\n    signupDesign: Boolean\n  },\n  data() {\n    return {\n      tooltipText: null\n    };\n  },\n  methods: {\n    showCheckmark(step) {\n      return step.visited && step.valid;\n    },\n    goToStep(step) {\n      if (step.step == this.current || step.disabled == true || this.disabled == true) {\n        return;\n      }\n      if (!step.allowed) {\n        this.setTooltipText(step.deniedAccessMsg);\n        return;\n      }\n      this.$emit(\"click-step\", step.step);\n    },\n    setTooltipText(text) {\n      this.tooltipText = text;\n    },\n    setTooltipPlacement(index) {\n      console.log(index);\n      if (index == 0) return \"bottom-right\";\n      else if (index == this.steps.length - 1) return \"bottom-left\";\n      else return \"bottom\";\n    }\n  },\n  watch: {\n    current: {\n      handler: function() {\n        this.steps.find((s) => s.step == this.current).visited = true;\n      }\n    }\n  }\n};\n</script>\n\n<style lang=\"less\">\n:root {\n  --inactive-size: 1px;\n  --active-size: 1px;\n}\n.step-indicator {\n  margin: 0 auto;\n  display: flex;\n  flex-direction: row;\n  .step:not(.first-step) {\n    flex: 1 1 auto;\n    display: flex;\n    align-items: center;\n    gap: 2px;\n    flex-direction: row;\n\n    .line-wrapper {\n      display: flex;\n      flex-direction: row;\n    }\n    .step-line {\n      flex-grow: 1;\n      background-color: var(--charcoal-20);\n      height: var(--inactive-size);\n      border-radius: 4px;\n      margin-left: 2px;\n    }\n  }\n\n  .step {\n    .icon-wrapper {\n      color: var(--charcoal-20);\n    }\n\n    &.current {\n      .step-line {\n        height: var(--active-size);\n        background-color: var(--orange-web);\n      }\n      .icon-wrapper {\n        color: var(--orange-web);\n      }\n    }\n    &.valid {\n      .step-line {\n        height: var(--inactive-size);\n        background-color: var(--orange-web-40);\n      }\n      .icon-wrapper {\n        color: var(--orange-web-40);\n      }\n    }\n\n    &.current.valid {\n      .step-line {\n        height: var(--inactive-size);\n        background-color: var(--orange-web-40);\n      }\n      .icon-wrapper {\n        color: var(--orange-web);\n      }\n    }\n    &:not(.current).valid > .icon-wrapper:hover {\n      color: var(--orange-web);\n    }\n    &:not(.current, .valid) > .icon-wrapper:hover {\n      color: var(--charcoal-50);\n    }\n  }\n  &.signup-design {\n    .step-line {\n      opacity: 0;\n    }\n  }\n  .signup-design-wrapper {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    h4.title {\n      font-size: 12px !important;\n    }\n\n    .step-number {\n      opacity: 0.4;\n\n      img {\n        width: 14px;\n      }\n    }\n\n    &.done {\n      .step-number {\n        opacity: 1;\n      }\n    }\n  }\n\n  .current {\n    .signup-design-wrapper {\n      .step-number {\n        opacity: 1;\n        color: var(--orange-web);\n      }\n    }\n  }\n}\n\n.first-enter-to .last-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.last-enter,\n.last-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.last-leave-active,\n.last-enter-active {\n  transition: all 0.2s ease;\n  // transition-delay: 0.1s;\n}\n\n.mid-next-enter {\n  position: absolute;\n  opacity: 0;\n  transform: translateX(100px);\n}\n.mid-next-leave-to {\n  position: absolute;\n  opacity: 0;\n  transform: translateX(-100px);\n}\n.mid-next-leave-active,\n.mid-next-enter-active {\n  transition: all 0.2s ease;\n  // transition-delay: 0.1s;\n}\n\n.mid-previous-enter {\n  position: absolute;\n  opacity: 0;\n  transform: translateX(-100px);\n}\n.mid-previous-leave-to {\n  position: absolute;\n  opacity: 0;\n  transform: translateX(100px);\n}\n.mid-previous-leave-active,\n.mid-previous-enter-active {\n  transition: all 0.2s ease;\n  // transition-delay: 0.1s;\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!./StepIndicator.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!./StepIndicator.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StepIndicator.vue?vue&type=template&id=9e554e56&\"\nimport script from \"./StepIndicator.vue?vue&type=script&lang=js&\"\nexport * from \"./StepIndicator.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StepIndicator.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","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!./SignUpForm.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!./SignUpForm.vue?vue&type=style&index=0&lang=less&\"","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!./PickPlanCard.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!./PickPlanCard.vue?vue&type=style&index=0&lang=less&\"","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!./PickPlan.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!./PickPlan.vue?vue&type=style&index=0&lang=less&\"","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!./StepIndicator.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!./StepIndicator.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:\"pick-plan\"},_vm._l((_vm.plans),function(plan,index){return _c('pick-plan-card',{key:index,attrs:{\"plan\":plan},on:{\"plan-picked\":function (plan) { return _vm.$emit('plan-picked', plan); }}})}),1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"pick-plan\">\n    <pick-plan-card\n      v-for=\"(plan, index) in plans\"\n      :key=\"index\"\n      :plan=\"plan\"\n      @plan-picked=\"(plan) => $emit('plan-picked', plan)\"\n    />\n  </div>\n</template>\n\n<script>\nimport PickPlanCard from \"@/components/PickPlanCard.vue\";\nexport default {\n  components: { PickPlanCard },\n\n  data() {\n    return {\n      plans: [\n        {\n          title: \"Small\",\n          price: \"995\",\n          currency: \"DKK\",\n          frequency: \"MO\",\n          description: \"Up to 1.000 active products a year\",\n          features: [\"1.000 active products\", \"Standard integrations\", \"Unlimited users\", \"Support included\"],\n          buttonText: \"Start free trial\"\n        },\n        {\n          title: \"Medium\",\n          price: \"2495\",\n          currency: \"DKK\",\n          frequency: \"MO\",\n          description: \"Up to 5.000 active products a year\",\n          features: [\n            \"5.000 active products\",\n            \"Standard integrations\",\n            \"Unlimited users\",\n            \"Support included\",\n            \"2 hours onboarding workshop\"\n          ],\n          buttonText: \"Start free trial\"\n        },\n        {\n          title: \"Large\",\n          price: \"3995\",\n          currency: \"DKK\",\n          frequency: \"MO\",\n          description: \"Up to 10.000 active products a year\",\n          features: [\n            \"10.000 active products\",\n            \"Standard integrations\",\n            \"Unlimited users\",\n            \"Support included\",\n            \"2 hours onboarding workshop\",\n            \"Dedicated Customer Success Manager\"\n          ],\n          buttonText: \"Start free trial\"\n        },\n        {\n          title: \"Enterprise\",\n          price: \"ASK\",\n          currency: \"\",\n          frequency: \"\",\n          description: \"More than 10.000 active products a year\",\n          features: [\n            \"Unlimited active products\",\n            \"Custom integrations\",\n            \"Unlimited users\",\n            \"Support included\",\n            \"1 day onboarding workshop\",\n            \"Dedicated Customer Success Manager\"\n          ],\n          buttonText: \"Start free trial\"\n        }\n      ]\n    };\n  }\n};\n</script>\n\n<style lang=\"less\">\n.pick-plan {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\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!./PickPlan.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!./PickPlan.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PickPlan.vue?vue&type=template&id=3211d2fa&\"\nimport script from \"./PickPlan.vue?vue&type=script&lang=js&\"\nexport * from \"./PickPlan.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PickPlan.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"sign-up-box\"},[_c('h1',[_vm._v(_vm._s(_vm.title))]),_c('form',{on:{\"submit\":function($event){$event.stopPropagation();$event.preventDefault();}}},[_c('div',{staticClass:\"org-group\"},[_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'org-name',\"label\":_vm.$t('signup.org-label'),\"placeholder\":_vm.$t('signup.org-placeholder'),\"focusInputField\":true},model:{value:(_vm.info.name),callback:function ($$v) {_vm.$set(_vm.info, \"name\", $$v)},expression:\"info.name\"}})],1),_c('div',{staticClass:\"name-group\"},[_c('custom-input',{attrs:{\"inputType\":'text',\"name\":'name',\"label\":_vm.$t('signup.name-label'),\"placeholder\":_vm.$t('signup.name-placeholder')},model:{value:(_vm.info.user.name),callback:function ($$v) {_vm.$set(_vm.info.user, \"name\", $$v)},expression:\"info.user.name\"}})],1),_c('div',{staticClass:\"phone-group\"},[_c('custom-input',{attrs:{\"inputType\":'tel',\"name\":'Phone',\"label\":_vm.$t('signup.phone-label'),\"placeholder\":_vm.$t('signup.phone-placeholder')},model:{value:(_vm.info.user.phone),callback:function ($$v) {_vm.$set(_vm.info.user, \"phone\", $$v)},expression:\"info.user.phone\"}})],1),_c('div',{staticClass:\"mail-group\"},[_c('custom-input',{attrs:{\"inputType\":'email',\"name\":'email',\"label\":_vm.$t('signup.email-label'),\"placeholder\":_vm.$t('signup.email-placeholder'),\"invalidInput\":_vm.invalidEmail},model:{value:(_vm.info.user.username),callback:function ($$v) {_vm.$set(_vm.info.user, \"username\", $$v)},expression:\"info.user.username\"}}),(_vm.invalidEmail)?_c('p',{staticClass:\"error-text-signup  small text-danger\",domProps:{\"innerHTML\":_vm._s(_vm.invalidEmailMsg)}}):_vm._e()],1),_c('div',{staticClass:\"pass-group\"},[_c('custom-input',{attrs:{\"inputType\":'password',\"name\":'password',\"label\":_vm.$t('signup.password-label'),\"placeholder\":_vm.$t('signup.password-placeholder')},model:{value:(_vm.info.user.password),callback:function ($$v) {_vm.$set(_vm.info.user, \"password\", $$v)},expression:\"info.user.password\"}}),_c('p',{staticClass:\"small requirements\",staticStyle:{\"margin-bottom\":\"0\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"password-validation.requirements-title\"))+\"\\n        \"),_c('span',{class:!_vm.passwordMinLength ? 'error-text' : 'succes'},[_vm._v(_vm._s(_vm.$t(\"password-validation.chars\")))]),_c('span',{class:!_vm.passwordHasCapitalLetter ? 'error-text' : 'succes'},[_vm._v(_vm._s(_vm.$t(\"password-validation.uppercase\")))]),_c('span',{class:!_vm.passwordHasNumber ? 'error-text' : 'succes'},[_vm._v(_vm._s(_vm.$t(\"password-validation.number\")))])])],1),_c('div',{staticClass:\"rep-group\"},[_c('custom-input',{attrs:{\"inputType\":'password',\"name\":'rep-password',\"label\":_vm.$t('signup.repeat-label'),\"placeholder\":_vm.$t('signup.repeat-placeholder')},model:{value:(_vm.reenteredpassword),callback:function ($$v) {_vm.reenteredpassword=$$v},expression:\"reenteredpassword\"}}),(_vm.passwordsMatch == false)?_c('div',{staticClass:\"small error-text\"},[_vm._v(_vm._s(_vm.$t(\"password-validation.no-match\")))]):_vm._e()],1),_c('div',{staticClass:\"form-group final-group\"},[_c('div',{staticClass:\"contact\"},[_c('img',{attrs:{\"src\":require(\"@/assets/svg/Icon_Gradient.svg\")}}),_c('div',{staticClass:\"contact-info\"},[_c('p',[_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"signup.help-1\"))+\"\\n            \"),_c('span',[_vm._v(\"+45 60 51 48 36\")]),_c('br'),_vm._v(\"\\n            \"+_vm._s(_vm.$t(\"signup.help-2\"))+\"\\n            \"),_c('span',[_vm._v(\"contact@icrobotics.com\")])])])]),_c('div',{staticClass:\"signup-btn-group\"},[_c('div',{staticClass:\"checkbox-group\"},[_c('label',{staticClass:\"container\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.info.user.check),expression:\"info.user.check\"}],attrs:{\"type\":\"checkbox\",\"id\":\"agree-tnc\",\"name\":\"agree\"},domProps:{\"checked\":Array.isArray(_vm.info.user.check)?_vm._i(_vm.info.user.check,null)>-1:(_vm.info.user.check)},on:{\"change\":function($event){var $$a=_vm.info.user.check,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.info.user, \"check\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.info.user, \"check\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.info.user, \"check\", $$c)}}}}),_c('div',{staticClass:\"check-indicator\"}),_c('label',{attrs:{\"for\":\"agree-tnc\"}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"signup.checkbox-label-1\"))+\"\\n              \"),_c('a',{attrs:{\"target\":\"_blank\",\"href\":\"https://api.icrobotics.com/static/Terms-and-Conditions.pdf\"}},[_vm._v(\"Terms & Conditions\")]),_vm._v(\"\\n              \"+_vm._s(_vm.$t(\"signup.checkbox-label-2\"))+\"\\n              \"),_c('a',{attrs:{\"target\":\"_blank\",\"href\":\"https://api.icrobotics.com/static/Privacy-Policy.pdf\"}},[_vm._v(\"Privacy policy\")])])])]),_c('button',{staticClass:\"btn btn-primary btn-block\",attrs:{\"type\":\"button\",\"disabled\":!_vm.valid || _vm.signingUp},on:{\"click\":_vm.onSubmit}},[_vm._v(\"\\n          \"+_vm._s(_vm.btnText || _vm.$t(\"signup.signup-btn\"))+\"\\n          \"),(_vm.signingUp)?_c('div',[_c('i',{staticClass:\"search-icon fa-light fa-circle-notch fa-spin\"})]):_vm._e()])])]),(_vm.error)?_c('div',{staticClass:\"small error\"},[_vm._v(_vm._s(_vm.$t(\"signup.small-error\")))]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"sign-up-box\">\n    <h1>{{ title }}</h1>\n    <form @submit.stop.prevent>\n      <div class=\"org-group\">\n        <custom-input\n          :inputType=\"'text'\"\n          v-model=\"info.name\"\n          :name=\"'org-name'\"\n          :label=\"$t('signup.org-label')\"\n          :placeholder=\"$t('signup.org-placeholder')\"\n          :focusInputField=\"true\"\n        />\n      </div>\n      <div class=\"name-group\">\n        <custom-input\n          :inputType=\"'text'\"\n          v-model=\"info.user.name\"\n          :name=\"'name'\"\n          :label=\"$t('signup.name-label')\"\n          :placeholder=\"$t('signup.name-placeholder')\"\n        />\n      </div>\n\n      <div class=\"phone-group\">\n        <custom-input\n          :inputType=\"'tel'\"\n          v-model=\"info.user.phone\"\n          :name=\"'Phone'\"\n          :label=\"$t('signup.phone-label')\"\n          :placeholder=\"$t('signup.phone-placeholder')\"\n        />\n      </div>\n\n      <div class=\"mail-group\">\n        <custom-input\n          :inputType=\"'email'\"\n          v-model=\"info.user.username\"\n          :name=\"'email'\"\n          :label=\"$t('signup.email-label')\"\n          :placeholder=\"$t('signup.email-placeholder')\"\n          :invalidInput=\"invalidEmail\"\n        />\n        <p v-if=\"invalidEmail\" class=\"error-text-signup  small text-danger\" v-html=\"invalidEmailMsg\"></p>\n      </div>\n\n      <div class=\"pass-group\">\n        <custom-input\n          :inputType=\"'password'\"\n          v-model=\"info.user.password\"\n          :name=\"'password'\"\n          :label=\"$t('signup.password-label')\"\n          :placeholder=\"$t('signup.password-placeholder')\"\n        />\n        <p class=\"small requirements\" style=\"margin-bottom:0;\">\n          {{ $t(\"password-validation.requirements-title\") }}\n          <span :class=\"!passwordMinLength ? 'error-text' : 'succes'\">{{ $t(\"password-validation.chars\") }}</span>\n          <span :class=\"!passwordHasCapitalLetter ? 'error-text' : 'succes'\">{{\n            $t(\"password-validation.uppercase\")\n          }}</span>\n          <span :class=\"!passwordHasNumber ? 'error-text' : 'succes'\">{{ $t(\"password-validation.number\") }}</span>\n        </p>\n      </div>\n\n      <div class=\"rep-group\">\n        <custom-input\n          :inputType=\"'password'\"\n          v-model=\"reenteredpassword\"\n          :name=\"'rep-password'\"\n          :label=\"$t('signup.repeat-label')\"\n          :placeholder=\"$t('signup.repeat-placeholder')\"\n        />\n        <div class=\"small error-text\" v-if=\"passwordsMatch == false\">{{ $t(\"password-validation.no-match\") }}</div>\n      </div>\n\n      <div class=\"form-group final-group\">\n        <div class=\"contact\">\n          <img src=\"@/assets/svg/Icon_Gradient.svg\" />\n          <div class=\"contact-info\">\n            <p>\n              {{ $t(\"signup.help-1\") }}\n              <span>+45 60 51 48 36</span>\n              <br />\n              {{ $t(\"signup.help-2\") }}\n              <span>contact@icrobotics.com</span>\n            </p>\n          </div>\n        </div>\n        <div class=\"signup-btn-group\">\n          <div class=\"checkbox-group\">\n            <label class=\"container\">\n              <input type=\"checkbox\" id=\"agree-tnc\" name=\"agree\" v-model=\"info.user.check\" />\n              <div class=\"check-indicator\"></div>\n              <label for=\"agree-tnc\">\n                {{ $t(\"signup.checkbox-label-1\") }}\n                <a target=\"_blank\" href=\"https://api.icrobotics.com/static/Terms-and-Conditions.pdf\"\n                  >Terms &amp; Conditions</a\n                >\n                {{ $t(\"signup.checkbox-label-2\") }}\n                <a target=\"_blank\" href=\"https://api.icrobotics.com/static/Privacy-Policy.pdf\">Privacy policy</a>\n              </label>\n            </label>\n          </div>\n\n          <button class=\"btn btn-primary btn-block\" type=\"button\" :disabled=\"!valid || signingUp\" @click=\"onSubmit\">\n            {{ btnText || $t(\"signup.signup-btn\") }}\n            <div v-if=\"signingUp\">\n              <i class=\"search-icon fa-light fa-circle-notch fa-spin\"></i>\n            </div>\n          </button>\n        </div>\n      </div>\n      <div class=\"small error\" v-if=\"error\">{{ $t(\"signup.small-error\") }}</div>\n    </form>\n  </div>\n</template>\n\n<script>\nimport debounce from \"lodash/debounce\";\nexport default {\n  name: \"SignUpForm\",\n  props: {\n    btnText: {\n      type: String\n    },\n    title: String,\n    knownInfo: {\n      type: Object,\n      default: null\n    },\n    invalidEmail:{\n      type: Boolean,\n      default: false\n    },\n    invalidEmailMsg: String\n  },\n  data() {\n    return {\n      info: {\n        name: \"\",\n        user: {\n          username: \"\",\n          password: \"\",\n          name: \"\",\n          phone: \"\"\n        }\n      },\n      reenteredpassword: \"\",\n      error: false,\n      signingUp: false,\n      checkPasswordDebounce: debounce((password) => {\n        this.checkPassword(password);\n      }, 500),\n      checkRepeatPasswordDebounce: debounce((newPassword, newPasswordRepeat) => {\n        this.checkRepeatPassword(newPassword, newPasswordRepeat);\n      }, 500),\n      passwordLength: 0,\n      passwordMinLength: false,\n      passwordHasCapitalLetter: false,\n      passwordHasNumber: false,\n      passwordIsOk: null,\n      passwordsMatch: null\n    };\n  },\n  computed: {\n    valid() {\n      return (\n        this.info.name &&\n        this.info.user.username &&\n        this.info.user.name &&\n        this.info.user.phone &&\n        this.info.user.check &&\n        this.info.user.password == this.reenteredpassword &&\n        this.passwordsMatch &&\n        this.passwordIsOk\n      );\n    }\n  },\n  methods: {\n    checkPassword(password) {\n      // Min requirements - 6 letters, 1 capital, 1 number\n      this.passwordLength = password.length;\n      if (this.passwordLength >= 6) {\n        this.passwordMinLength = true;\n      } else this.passwordMinLength = false;\n      this.passwordHasCapitalLetter = /[A-Z]/.test(password);\n      this.passwordHasNumber = /\\d/.test(password);\n      if (this.passwordMinLength && this.passwordHasCapitalLetter && this.passwordHasNumber) {\n        this.passwordIsOk = true;\n      } else {\n        this.info.user.password == \"\" ? (this.passwordIsOk = null) : (this.passwordIsOk = false);\n      }\n    },\n    checkRepeatPassword(newPassword, repeatPassword) {\n      if (repeatPassword == \"\") this.passwordsMatch = null;\n      else {\n        if (newPassword === repeatPassword) this.passwordsMatch = true;\n        else this.passwordsMatch = false;\n      }\n    },\n    onSubmit() {\n      this.$emit(\"on-submit\", this.info);\n\n      // let data = this.info;\n      // delete data.user.reenteredpassword;\n      // delete data.user.check;\n      // this.signingUp = true;\n      // this.$store\n      //   .dispatch(\"signUp\", data)\n      //   .then(() => {\n      //     window.lintrk(\"track\", { conversion_id: 6824802 });\n      //   })\n      //   .catch((error) => {\n      //     console.log(\"Error\", error);\n      //     this.error = true;\n      //     this.signingUp = false;\n      //   });\n    }\n  },\n  mounted() {\n    if (this.knownInfo) {\n      this.info = this.knownInfo;\n    }\n  },\n  watch: {\n    \"info.user.password\": function(value) {\n      this.checkPasswordDebounce(this.info.user.password);\n      this.checkRepeatPasswordDebounce(this.info.user.password, this.reenteredpassword);\n    },\n    reenteredpassword: function(value) {\n      this.checkRepeatPasswordDebounce(this.info.user.password, this.reenteredpassword);\n    },\n    valid: {\n      handler: function() {\n        console.log(\"first\")\n        this.$emit(\"valid\", this.valid);\n      }\n    }\n  }\n};\n</script>\n\n<style lang=\"less\">\n.sign-up-box {\n  border-radius: var(--standard-border-radius);\n  h1 {\n    // margin: 40px 0 0 55px;\n  }\n\n  form {\n    // padding: 0 55px 40px 55px;\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    grid-gap: 4px 30px;\n\n    .name-group {\n      grid-column: 1;\n    }\n    .pass-group {\n      grid-column: 2;\n      grid-row: 2;\n    }\n    .rep-group {\n      grid-column: 2;\n      grid-row: 3;\n    }\n    .phone-group {\n      grid-column: 1;\n      // grid-row: 2;\n    }\n    .mail-group {\n      grid-column: 2;\n      grid-row: 1;\n      .error-text-signup {\n       margin-bottom: 0;\n      }\n    }\n\n    .small {\n      grid-column: 2;\n    }\n    label {\n      font-weight: 500;\n    }\n    .btn-primary {\n      position: relative;\n      padding: 8px;\n      display: flex;\n      justify-content: center;\n      gap: 8px;\n    }\n    .error {\n      color: var(--danger-red);\n      margin-bottom: 5px;\n    }\n  }\n\n  .final-group {\n    margin-top: 12px;\n    grid-column-start: 1;\n    grid-column-end: 3;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    grid-gap: 0px 30px;\n    justify-content: space-between;\n\n    .contact {\n      display: flex;\n      align-self: flex-end;\n      p {\n        font-size: 12px;\n        color: var(--charcoal-50);\n        margin-bottom: 0;\n        span {\n          color: var(--charcoal);\n        }\n      }\n      img {\n        margin-right: 10px;\n        margin-top: 3px;\n        width: 35px;\n        height: 35px;\n      }\n    }\n  }\n\n  .checkbox-group {\n    label {\n      font-size: 11px;\n    }\n    input {\n      margin-left: 8px;\n    }\n  }\n\n  .container {\n    padding-right: 0;\n    display: block;\n    position: relative;\n    padding-top: 2px;\n    padding-left: 25px;\n    cursor: pointer;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n\n    .check-indicator {\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 20px;\n      width: 20px;\n      background-color: #e2e2e2;\n      border-radius: 2px;\n\n      &:after {\n        content: \"\";\n        position: absolute;\n        display: none;\n      }\n\n      &:after {\n        left: 7px;\n        top: 3px;\n        width: 6px;\n        height: 12px;\n        border: solid white;\n        border-width: 0 3px 3px 0;\n        -webkit-transform: rotate(45deg);\n        -ms-transform: rotate(45deg);\n        transform: rotate(45deg);\n      }\n    }\n    input {\n      position: absolute;\n      opacity: 0;\n      cursor: pointer;\n      height: 0;\n      width: 0;\n\n      &:checked ~ .check-indicator {\n        background-color: var(--orange-web);\n        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);\n      }\n\n      &:checked ~ .check-indicator:after {\n        display: block;\n      }\n    }\n    &:hover input ~ .check-indicator {\n      filter: brightness(1.05);\n    }\n    label {\n      margin-bottom: 0px;\n    }\n  }\n\n  .error-text {\n    color: #cd4b3d;\n  }\n  .succes {\n    color: #28a745;\n  }\n  .requirements {\n    position: absolute;\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!./SignUpForm.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!./SignUpForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SignUpForm.vue?vue&type=template&id=6f53060c&\"\nimport script from \"./SignUpForm.vue?vue&type=script&lang=js&\"\nexport * from \"./SignUpForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SignUpForm.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","module.exports = __webpack_public_path__ + \"img/circle-check.c410981a.svg\";","export const stepIndicatorMixin = {\n    methods: {\n          nextTransition(from, to) {\n            return from > to ? \"mid-previous\" : \"mid-next\";\n          },\n    }\n\n  };\n  ","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"signup-flow modal-dynamic-width\",class:'modal-size' + _vm.currentStep},[_c('step-indicator',{attrs:{\"steps\":_vm.indicatorSteps,\"current\":_vm.currentStep,\"disabled\":_vm.loading || _vm.stepsFinished,\"width\":\"400px\"},on:{\"click-step\":_vm.stepChanged}}),(!_vm.stepsFinished)?_c('div',{staticClass:\"close-btn\",on:{\"click\":function($event){return _vm.$emit('close')}}},[_c('i',{staticClass:\"fa-light fa-times\"})]):_vm._e(),_c('transition',{attrs:{\"name\":\"first\"}},[(_vm.currentStep == 1)?_c('div',{staticClass:\"first\"},[_c('SignUpForm',{staticClass:\"signup-form\",attrs:{\"knownInfo\":_vm.signupInfo,\"invalidEmail\":_vm.userExistsError,\"invalidEmailMsg\":_vm.userExistsErrorMsg,\"title\":_vm.$t('demo.signup-flow.step-1.title'),\"btnText\":_vm.$t('demo.signup-flow.step-1.btn-text')},on:{\"on-submit\":_vm.accountInfo,\"valid\":_vm.firstStepValid}})],1):_vm._e()]),_c('transition',{attrs:{\"name\":\"last\"}},[(_vm.currentStep == 2)?_c('div',[(_vm.loading)?_c('div',[_c('p',{staticClass:\"description text-muted\"},[_c('span',[_vm._v(\"\\n            \"+_vm._s(_vm.$t('demo.signup-flow.step-2.loading-message'))+\"\\n          \")]),_c('span',[_c('i',{staticClass:\"fa-light fa-circle-notch fa-spin\"})])])]):_c('div',[(_vm.signupError)?_c('div',[_c('p',{staticClass:\"description text-danger\"},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('demo.signup-flow.step-2.signup-error'))+\"\\n          \")]),_c('button',{staticClass:\"btn btn-primary btn-revert\",on:{\"click\":function($event){return _vm.signupDemoUser()}}},[_vm._v(_vm._s(_vm.$t('retry')))])]):_c('div',[_c('h3',{staticClass:\"done-title\"},[_vm._v(_vm._s(_vm.$t('demo.signup-flow.step-2.success.title')))]),_c('p',{staticClass:\"description\",domProps:{\"innerHTML\":_vm._s(_vm.$t('demo.signup-flow.step-2.success.description-1'))}}),_c('p',{staticClass:\"description\",domProps:{\"innerHTML\":_vm._s(_vm.$t('demo.signup-flow.step-2.success.description-2'))}}),_c('p',{staticClass:\"text-xs text-muted button-desc\"},[_vm._v(_vm._s(_vm.$t('demo.signup-flow.step-2.success.small-text')))]),_c('div',{staticClass:\"actions\"},[_c('button',{staticClass:\"btn btn-primary btn-sm\",attrs:{\"disabled\":_vm.signupError},on:{\"click\":function($event){return _vm.handleRedirectToApp()}}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t('demo.signup-flow.step-2.success.to-app'))+\"\\n            \")]),_c('button',{staticClass:\"btn btn-secondary btn-sm\",attrs:{\"disabled\":_vm.signupError},on:{\"click\":function($event){return _vm.$emit('close')}}},[_vm._v(\"\\n              \"+_vm._s(_vm.$t('demo.signup-flow.step-2.success.continue-demo'))+\"\\n            \")])])])])]):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"signup-flow modal-dynamic-width\" :class=\"'modal-size' + currentStep\">\n    <step-indicator\n      :steps=\"indicatorSteps\"\n      :current=\"currentStep\"\n      :disabled=\"loading || stepsFinished\"\n      width=\"400px\"\n      @click-step=\"stepChanged\"\n    />\n    <div class=\"close-btn\" @click=\"$emit('close')\" v-if=\"!stepsFinished\">\n      <i class=\"fa-light fa-times\"></i>\n    </div>\n    <transition name=\"first\">\n      <div class=\"first\" v-if=\"currentStep == 1\">\n        <SignUpForm\n          class=\"signup-form\"\n          :knownInfo=\"signupInfo\"\n          :invalidEmail=\"userExistsError\"\n          :invalidEmailMsg=\"userExistsErrorMsg\"\n          :title=\"$t('demo.signup-flow.step-1.title')\"\n          :btnText=\"$t('demo.signup-flow.step-1.btn-text')\"\n          @on-submit=\"accountInfo\"\n          @valid=\"firstStepValid\"\n        />\n      </div>\n    </transition>\n\n    <!-- <transition :name=\"midTransition\">\n      <div v-if=\"currentStep == 2\">\n        <h3 class=\"pricing-title\">Pick a plan</h3>\n        <p class=\"description\">\n          Please pick a plan that fits your need to start the\n          <strong>1 month free trial.</strong> You do not need any credit card to start the trial.\n        </p>\n        <PickPlan @plan-picked=\"planPicked\" />\n        <p class=\"skip-plan text-small\" @click=\"planPicked('')\">I will decide later</p>\n      </div>\n    </transition> -->\n    <transition name=\"last\">\n      <div v-if=\"currentStep == 2\">\n        <div v-if=\"loading\">\n          <p class=\"description text-muted\">\n            <span>\n              {{$t('demo.signup-flow.step-2.loading-message')}}\n            </span>\n            <span>\n              <i class=\"fa-light fa-circle-notch fa-spin\"></i>\n            </span>\n          </p>\n        </div>\n        <div v-else>\n          <div v-if=\"signupError\">\n            <p class=\"description text-danger\">\n              {{$t('demo.signup-flow.step-2.signup-error')}}\n            </p>\n            <button class=\"btn btn-primary btn-revert\" @click=\"signupDemoUser()\">{{$t('retry')}}</button>\n          </div>\n          <div v-else>\n            <h3 class=\"done-title\">{{$t('demo.signup-flow.step-2.success.title')}}</h3>\n            <p class=\"description\" v-html=\"$t('demo.signup-flow.step-2.success.description-1')\"></p>\n            <p class=\"description\" v-html=\"$t('demo.signup-flow.step-2.success.description-2')\"></p>\n            <p class=\"text-xs text-muted button-desc\">{{$t('demo.signup-flow.step-2.success.small-text')}}</p>\n            <div class=\"actions\">\n              <button :disabled=\"signupError\" class=\"btn btn-primary btn-sm\" @click=\"handleRedirectToApp()\">\n                {{$t('demo.signup-flow.step-2.success.to-app')}}\n              </button>\n              <button :disabled=\"signupError\" class=\"btn btn-secondary btn-sm\" @click=\"$emit('close')\">\n                {{$t('demo.signup-flow.step-2.success.continue-demo')}}\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </transition>\n  </div>\n</template>\n\n<script>\nimport { stepIndicatorMixin } from \"@/assets/js/stepIndicatorMixin.js\";\nimport StepIndicator from \"@/components/StepIndicator.vue\";\nimport SignUpForm from \"@/components/SignUpForm\";\nimport PickPlan from \"@/components/PickPlan.vue\";\nimport appHelper from \"@/assets/js/appHelper.js\";\nexport default {\n  mixins: [stepIndicatorMixin],\n  components: { SignUpForm, StepIndicator, PickPlan },\n  name: \"DemoSignUp\",\n  data() {\n    return {\n      signupInfo: {\n        name: \"\",\n        user: {\n          username: \"\",\n          password: \"\",\n          name: \"\",\n          phone: \"\"\n        },\n        plan: \"\",\n        demoKey: \"\"\n      },\n      stepsFinished: false,\n      midTransition: \"mid-next\",\n      loading: false,\n      readyToStart: false,\n      currentStep: 1,\n      indicatorSteps: [\n        {\n          step: 1,\n          title: this.$t('demo.signup-flow.step-indicator.user-details'),\n          allowed: true,\n          visited: true,\n          valid: false,\n          disabled: false\n        },\n        // {\n        //   step: 2,\n        //   title: \"Plan info\",\n        //   allowed: false,\n        //   deniedAccessMsg: \"Please fill out the form first\",\n        //   visited: false,\n        //   valid: false,\n        //   disabled: false\n        // },\n        {\n          step: 2,\n          title: this.$t('demo.signup-flow.step-indicator.start-trial'),\n          allowed: false,\n          deniedAccessMsg: this.$t('demo.signup-flow.step-indicator.denied-access'),\n          visited: false,\n          valid: false,\n          disabled: false\n        }\n      ],\n      signupError: false,\n      userExistsError: false,\n      userExistsErrorMsg: \"\"\n    };\n  },\n  methods: {\n    // planPicked(plan) {\n    //   this.$set(this.signupInfo, \"plan\", plan);\n    //   this.indicatorSteps[1].visited = true;\n    //   this.indicatorSteps[1].valid = true;\n    //   this.signupDemoUser();\n    // },\n\n    signupDemoUser() {\n      this.signupError = false;\n      this.userExistsError = false;\n      // this.stepChanged(3);\n      this.loading = true;\n      this.$store\n        .dispatch(\"signupFromDemo\", this.signupInfo)\n        .then((res) => {\n          this.stepsFinished = true;\n          // this.indicatorSteps[2].valid = true;\n          this.indicatorSteps[1].valid = true;\n          this.loading = false;\n        })\n        .catch((e) => {\n          this.loading = false;\n          this.signupError = true;\n          if (e.status == 400) {\n            const baseUrl = appHelper.getBaseUrl();\n            this.userExistsError = true;\n            this.userExistsErrorMsg = `${this.$t('demo.signup-flow.step-1.user-exists-error')} - <a href=\"${baseUrl}/login\">${this.$t('demo.signup-flow.step-1.to-login')}</a>`;\n            this.indicatorSteps[0].valid = false;\n            this.stepChanged(1);\n          }\n        });\n    },\n\n    accountInfo(data) {\n      \n      this.stepChanged(2);\n      this.signupDemoUser();\n    },\n\n    stepChanged(to) {\n      this.midTransition = this.nextTransition(this.currentStep, to);\n      this.$nextTick(() => {\n        this.currentStep = to;\n      });\n    },\n\n    firstStepValid(status) {\n      this.indicatorSteps[0].valid = status;\n      this.indicatorSteps[1].allowed = status;\n    },\n\n    handleRedirectToApp() {\n      const baseUrl = appHelper.getBaseUrl();\n      window.location.href = `${baseUrl}/login?signupFromDemo=${this.signupInfo.user.username}`;\n    }\n  },\n  mounted() {\n    this.$set(this.signupInfo.user, \"username\", this.demoUser.email);\n    this.$set(this.signupInfo.user, \"name\", this.demoUser.userName);\n    this.$set(this.signupInfo, \"demoKey\", this.$store.state.demoData.metadata.demoKey);\n\n    if (this.$store.state.userDevice != \"desktop\") { // Hack to set dynamic width on modals on tablets\n      document.querySelector(\"#modals-container\").classList.add(\"modal-responsive\");\n    }\n  },\n  computed: {\n    demoUser() {\n      return this.$store.state.demoData.metadata.user;\n    },\n    secondStepValid() {\n      const urlRegex = /^(?:(ftp|http|https)?:\\/\\/)?(?:[\\w-]+\\.)+([a-z]|[A-Z]|[0-9]){2,6}$/gi;\n      return false;\n    }\n  },\n  watch: {\n    secondStepValid: {\n      handler: function() {\n        this.indicatorSteps[1].valid = this.secondStepValid;\n        // this.indicatorSteps[2].allowed = this.secondStepValid;\n      },\n      immediate: true\n    }\n  }\n};\n</script>\n\n<style lang=\"less\">\n#modals-container.modal-responsive {\n  .v--modal-box.v--modal {\n    left: 50vw !important;\n    transform: translateX(-50%) !important;\n  }\n}\n.v--modal-box.v--modal:has(.signup-flow.modal-dynamic-width) {\n  left: 50% !important;\n  transform: translateX(-50%) !important;\n  // transition: height .1s !important;\n}\n.v--modal-box.v--modal:has(.signup-flow.modal-dynamic-width.modal-size1) {\n  width: 750px !important;\n}\n.v--modal-box.v--modal:has(.signup-flow.modal-dynamic-width.modal-size2) {\n  // width: 910px !important;\n  width: 500px !important;\n}\n.v--modal-box.v--modal:has(.signup-flow.modal-dynamic-width.modal-size3) {\n  width: 500px !important;\n}\n.signup-flow {\n  padding: 16px 32px;\n  position: relative;\n\n  .close-btn {\n    cursor: pointer;\n    position: absolute;\n    right: 8px;\n    top: 8px;\n    width: 16px;\n    height: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 16px;\n    color: var(--charcoal-50);\n    &:hover {\n      color: var(--charcoal);\n    }\n  }\n  .signup-form {\n    margin-top: 8px;\n  }\n  .button-desc {\n    margin-bottom: 8px;\n    font-style: italic;\n  }\n  .actions {\n    display: flex;\n    gap: 12px;\n  }\n}\n#app h3.pricing-title,\n#app h3.done-title {\n  font-size: 24px;\n  margin-bottom: 16px;\n}\n.skip-plan {\n  display: inline-block;\n  cursor: pointer;\n  margin-top: 16px;\n  text-decoration: underline;\n  color: #6c757d;\n\n  &:hover {\n    color: var(--charcoal);\n  }\n}\n\n@media only screen and (max-width: 1180px) {\n  #modals-container.modal-responsive .v--modal-box.v--modal {\n    width: 500px !important;\n  }\n  #modals-container.modal-responsive .v--modal-box.v--modal {\n    width: 500px !important;\n  }\n  .v--modal-box.v--modal:has(.signup-flow.modal-dynamic-width.modal-size1){\n    width: 500px !important;\n  }\n  .v--modal-box.v--modal:has(.signup-flow.modal-dynamic-width.modal-size2){\n    width: 500px !important;\n  }\n  .signup-flow {\n    .sign-up-box {\n      h1 {\n        max-width: 400px;\n        margin: 0 auto;\n      }\n      form {\n        display: block;\n        max-width: 400px;\n        margin: 0 auto;\n        .final-group {\n          display: flex;\n          flex-direction: column-reverse;\n          gap: 8px;\n          .contact {\n            align-self: flex-start;\n          }\n        }\n      }\n    }\n    .requirements {\n      position: relative;\n    }\n  }\n\n  .pick-plan {\n    flex-wrap: wrap;\n    .plan-card {\n      flex-basis: 200px;\n      .content-wrapper {\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n        justify-content: space-between;\n        button {\n          align-self: center;\n          width: max-content;\n        }\n      }\n    }\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!./DemoSignUpModal.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!./DemoSignUpModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DemoSignUpModal.vue?vue&type=template&id=19da763c&\"\nimport script from \"./DemoSignUpModal.vue?vue&type=script&lang=js&\"\nexport * from \"./DemoSignUpModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DemoSignUpModal.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","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!./DemoSignUpModal.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!./DemoSignUpModal.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:\"plan-card\"},[_c('div',{staticClass:\"content-wrapper\"},[_c('div',[_c('h3',[_vm._v(_vm._s(_vm.plan.title))]),_c('div',{staticClass:\"price\"},[_c('span',{staticClass:\"price-number\"},[_vm._v(_vm._s(_vm.plan.price))]),_c('span',{staticClass:\"price-currency\"},[_vm._v(_vm._s(_vm.plan.currency))]),(_vm.plan.frequency)?_c('span',{staticClass:\"price-currency\"},[_vm._v(\"/\"+_vm._s(_vm.plan.frequency))]):_vm._e()]),_c('div',{staticClass:\"plan-description\"},[_vm._v(\"\\n        \"+_vm._s(_vm.plan.description)+\"\\n      \")]),_c('div',{staticClass:\"plan-features text-small\"},_vm._l((_vm.plan.features),function(feature,index){return _c('div',{key:index,staticClass:\"feature\"},[_vm._m(0,true),_c('span',[_vm._v(_vm._s(feature))])])}),0)]),_c('button',{staticClass:\"btn btn-primary btn-sm\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.$emit('plan-picked', _vm.plan.title)}}},[_vm._v(\"\\n      \"+_vm._s(_vm.plan.buttonText)+\"\\n    \")])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',[_c('i',{staticClass:\"fa-light fa-circle-small\"})])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"plan-card\">\n    <div class=\"content-wrapper\">\n      <div>\n        <h3>{{ plan.title }}</h3>\n        <div class=\"price\">\n          <span class=\"price-number\">{{ plan.price }}</span>\n          <span class=\"price-currency\">{{ plan.currency }}</span>\n\n          <span v-if=\"plan.frequency\" class=\"price-currency\">/{{ plan.frequency }}</span>\n        </div>\n        <div class=\"plan-description\">\n          {{ plan.description }}\n        </div>\n\n        <div class=\"plan-features text-small\">\n          <div class=\"feature\" v-for=\"(feature, index) in plan.features\" :key=\"index\">\n            <span>\n              <i class=\"fa-light fa-circle-small\"></i>\n            </span>\n            <span>{{ feature }}</span>\n          </div>\n        </div>\n\n      </div>\n\n      <button class=\"btn btn-primary btn-sm\" type=\"button\" @click=\"$emit('plan-picked', plan.title)\">\n        {{ plan.buttonText }}\n      </button>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    plan: Object\n  }\n};\n</script>\n\n<style lang=\"less\">\n.plan-card {\n  width: 200px;\n  text-align: center;\n.content-wrapper{\n  border-radius: var(--standard-border-radius);\n  background-color: var(--alabaster);\n  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);\n  padding: 16px 8px;\n}\n  .price {\n    \n    text-transform: uppercase;\n    color: var(--flame);\n    font-size: 24px;\n  }\n  .price-currency {\n    font-size: 12px;\n  }\n  .plan-description {\n    border-bottom: 1px solid var(--charcoal-50);\n    padding: 8px 16px;\n  }\n  .plan-features {\n    text-align: left;\n    svg {\n      color: var(--flame);\n      // font-size: 8px;\n      margin-right: 8px;\n    }\n\n    .feature {\n      display: flex;\n      flex-direction: row;\n      margin: 8px 16px;\n    }\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!./PickPlanCard.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!./PickPlanCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PickPlanCard.vue?vue&type=template&id=02e0db6d&\"\nimport script from \"./PickPlanCard.vue?vue&type=script&lang=js&\"\nexport * from \"./PickPlanCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PickPlanCard.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":""}