{"version":3,"sources":["webpack:///./src/components/SignupStepOne.vue?fba0","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/SignupStepTwo.vue?0b07","webpack:///src/components/SignupStepTwo.vue","webpack:///./src/components/SignupStepTwo.vue?73d5","webpack:///./src/components/SignupStepTwo.vue?1eec","webpack:///./src/components/SignupStepTwo.vue?1206","webpack:///./src/views/SignupFlow.vue?3b79","webpack:///src/views/SignupFlow.vue","webpack:///./src/views/SignupFlow.vue?51f2","webpack:///./src/views/SignupFlow.vue?540a","webpack:///./src/components/StepIndicator.vue?49bc","webpack:///./src/components/SignupStepOne.vue?7267","webpack:///src/components/SignupStepOne.vue","webpack:///./src/components/SignupStepOne.vue?8f6e","webpack:///./src/components/SignupStepOne.vue?7c61","webpack:///./src/views/SignupFlow.vue?f93f"],"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_SignupStepOne_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_SignupStepOne_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n","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","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__","submit","preventDefault","onSubmitIntegration","$t","createdIntegration","options","connectors","legend","label","optionHasImgSources","model","callback","$$v","connectorType","onCancelFlow","ready","domProps","innerHTML","connectorSetup","setupDescription","href","guideLink","target","guideText","formData","form","source","connectorSource","formDataIndex","ignoreInvalid","boxed","changes","changesMade","primaryButtonMessage","connectionMessage","proceed","showOkMessage","connectionError","cancelFlow","SignupStepTwovue_type_script_lang_js_","components","CustomSelect","DynamicForm","imgSrc","loading","connectedToShop","noIntegrationOption","computed","updateIntegrationSettings","createIntegration","$store","dispatch","then","defaultConfig","res","connector","js_connector","concat","body","id","connection","handleConnectionStatus","finally","catch","_this2","integration","_objectSpread","$nextTick","checkUpdatedSourceConnection","_this3","retry","arguments","undefined","setTimeout","connected","_this4","quickConnectors","components_SignupStepTwovue_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_SignupStepTwo_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_SignupStepTwo_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","indicatorSteps","currentStep","click-step","stepChanged","userRequestedPlan","userRequestedSolution","user-created","userCreated","midTransition","integration-created","integrationCreated","cancel-flow","contentSourceId","integrationData","sourceConnected","item","_m","SignupFlowvue_type_script_lang_js_","mixins","StepIndicator","SignupStepOne","SignupStepTwo","SignupStepThree","listItems","nextTransition","to","localStorage","handleQueryParams","params","plan","solution","$router","push","mounted","currentRoute","query","views_SignupFlowvue_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_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","signupUser","inputType","placeholder","focusInputField","userInfo","user","$set","supportingText","emailSupportingText","ref","passwordSupportingText","lightLabel","terms","SignupStepOnevue_type_script_lang_js_","Checkbox","username","password","phone","userExistsError","appHelper","validatePassword","email","e","status","baseUrl","getBaseUrl","val","components_SignupStepOnevue_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_SignupFlow_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_SignupFlow_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default"],"mappings":"wMAAA,IAAAA,EAAAC,EAAA,QAAAC,EAAAD,EAAAE,EAAAH,GAAmhBE,EAAG,8FCAthB,IAAAE,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,iBAAAC,MAAA,CAAoCC,gBAAAR,EAAAS,cAAoCC,MAAA,CAASC,MAAAX,EAAAW,QAAqBX,EAAAY,GAAAZ,EAAA,eAAAa,EAAAC,GAAyC,OAAAV,EAAA,OAAiBW,IAAAD,EAAAR,YAAA,OAAAC,MAAA,CAAoCS,QAAAhB,EAAAgB,SAAAH,OAAAI,MAAAJ,EAAAK,SAAAL,EAAAI,MAAAE,aAAA,GAAAL,IAAkG,IAAAA,EAAAV,EAAA,OAAyBE,YAAA,qBAA+BN,EAAAoB,KAAApB,EAAAS,aAAosBL,EAAA,OAAkBE,YAAA,wBAAAC,MAAA,CAA2Cc,KAAArB,EAAAsB,cAAAT,IAAgCU,GAAA,CAAKC,MAAA,SAAAC,GAAyB,OAAAzB,EAAA0B,SAAAb,MAA4B,CAAAT,EAAA,MAAWE,YAAA,SAAoB,CAAAN,EAAA2B,GAAA3B,EAAA4B,GAAAf,EAAAgB,UAAAzB,EAAA,QAA0C0B,WAAA,EAAaC,KAAA,OAAAC,QAAA,SAAAC,OAAAjC,EAAAsB,cAAAT,GAAAqB,WAAA,yBAAgG5B,YAAA,eAA4B,CAAAF,EAAA,KAAUE,YAAA,WAAAC,MAAA,cAAAO,EAAA,OAAwDV,EAAA,QAAe0B,WAAA,EAAaC,KAAA,OAAAC,QAAA,SAAAC,MAAAjC,EAAAsB,cAAAT,GAAAqB,WAAA,wBAA8F5B,YAAA,4BAAyC,CAAAF,EAAA,OAAY+B,MAAA,CAAOC,IAAMxC,EAAQ,QAA+ByC,IAAA,sBAAl1CjC,EAAA,OAAyCE,YAAA,eAAA6B,MAAA,CAAkCG,QAAAtC,EAAAS,aAAA,GAAAT,EAAAuC,YAAAC,oBAAA,GAAA1B,EAAA,eAAAA,GAAAd,EAAAyC,MAAAC,OAAA,0BAA6JnB,GAAA,CAAKC,MAAA,SAAAC,GAAyB,OAAAzB,EAAA0B,SAAAb,IAA0B8B,UAAA,SAAAlB,GAA8B,OAAAzB,EAAA4C,eAAA/B,EAAAgB,UAAwC,CAAAzB,EAAA,OAAAA,EAAA,QAAuB0B,WAAA,EAAaC,KAAA,OAAAC,QAAA,SAAAC,OAAAjC,EAAAsB,cAAAT,GAAAqB,WAAA,0BAAkG,CAAA9B,EAAA,KAAUE,YAAA,yBAAiCF,EAAA,QAAe0B,WAAA,EAAaC,KAAA,OAAAC,QAAA,SAAAC,MAAAjC,EAAAsB,cAAAT,GAAAqB,WAAA,yBAAgG,CAAA9B,EAAA,KAAUE,YAAA,uCAAqtB,IAC1zDuC,EAAA,GCwCeC,uBAAA,CACfC,OACAN,OACAO,WACAC,aAEAjC,eACAkC,iBACAvC,OACAqC,YACAG,gBAEA1C,sBAEA2C,gBACA,OACAb,mBAGAc,SACA/B,0BACA,OAAAT,EAAAK,SAAAL,EAAAI,OAEAS,qBACAb,QAAAZ,KAAAe,SAAA,GAAAH,EAAAqC,UAAA,GAAAjD,KAAAiD,WAGArC,EAAAyC,QAIArD,KAAAsD,MAAA,aAAA1C,QAHAZ,KAAA2C,eAAA/B,EAAA2C,mBAKAZ,2BACA3C,KAAAsC,YAAAkB,GAEAC,gCAEA,OADAC,eACA,GAAA7C,EAAA,eACAA,GAAAb,KAAAwC,MAAAC,OAAA,gBACA,WAGAkB,OACA5C,SACA6C,mBAAA,IAAAC,EAAA7D,KACAA,KAAAwC,MAAAsB,KAAA,SAAAC,GAAA,OAAAA,EAAAnD,MAAAiD,EAAA9C,UAAAE,SAAA,OCvFuV+C,EAAA,0BCQvVC,EAAgBC,OAAAC,EAAA,KAAAD,CACdF,EACAlE,EACA8C,GACF,EACA,KACA,KACA,MAIewB,EAAA,WAAAH,sDCnBf,IAAAnE,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,QAAkBE,YAAA,WAAAiB,GAAA,CAA2B+C,OAAA,SAAA7C,GAAkD,OAAxBA,EAAA8C,iBAAwBvE,EAAAwE,oBAAA/C,MAAyC,CAAArB,EAAA,KAAUE,YAAA,eAA0B,CAAAN,EAAA2B,GAAA3B,EAAA4B,GAAA5B,EAAAyE,GAAA,qCAAArE,EAAA,gBAA+EE,YAAA,qBAAA6B,MAAA,CAAwCe,WAAAlD,EAAA0E,mBAAAC,QAAA3E,EAAA4E,WAAAC,OAAA7E,EAAAyE,GAAA,wCAAAK,MAAA9E,EAAAyE,GAAA,kCAAAM,oBAAA,IAA+LC,MAAA,CAAQ/C,MAAAjC,EAAA,cAAAiF,SAAA,SAAAC,GAAmDlF,EAAAmF,cAAAD,GAAsBhD,WAAA,mBAA6B9B,EAAA,QAAaE,YAAA,6BAAAiB,GAAA,CAA6CC,MAAAxB,EAAAoF,eAA0B,CAAApF,EAAA2B,GAAA3B,EAAA4B,GAAA5B,EAAAyE,GAAA,oCAAAzE,EAAAmF,eAAAnF,EAAAqF,MAAAjF,EAAA,OAAsGE,YAAA,6BAAwC,CAAAF,EAAA,MAAAJ,EAAA2B,GAAA3B,EAAA4B,GAAA5B,EAAAyE,GAAA,mCAAArE,EAAA,KAA2EE,YAAA,cAAAgF,SAAA,CAAoCC,UAAAvF,EAAA4B,GAAA5B,EAAAwF,eAAAC,qBAAyDrF,EAAA,KAAU+B,MAAA,CAAOuD,KAAA1F,EAAAwF,eAAAG,UAAAC,OAAA,WAAuD,CAAA5F,EAAA2B,GAAA3B,EAAA4B,GAAA5B,EAAAwF,eAAAK,cAAAzF,EAAA,eAAmEE,YAAA,eAAA6B,MAAA,CAAkC2D,SAAA9F,EAAAwF,eAAAO,KAAAC,OAAAhG,EAAAiG,gBAAAC,cAAA,EAAAC,cAAAnG,EAAAmG,cAAAC,MAAA,IAA+H7E,GAAA,CAAK8E,QAAArG,EAAAsG,eAA2BlG,EAAA,UAAeE,YAAA,kBAAA6B,MAAA,CAAqCa,KAAA,SAAAE,UAAAlD,EAAAiB,QAAuC,CAAAjB,EAAA2B,GAAA,WAAA3B,EAAA4B,GAAA5B,EAAAuG,sBAAA,KAAAnG,EAAA,QAAqE0B,WAAA,EAAaC,KAAA,OAAAC,QAAA,SAAAC,MAAAjC,EAAA,QAAAkC,WAAA,aAAwE,CAAA9B,EAAA,KAAUE,YAAA,0CAA+C,GAAAN,EAAAoB,KAAApB,EAAA,gBAAAI,EAAA,OAAmDE,YAAA,oBAA+B,CAAAF,EAAA,MAAAJ,EAAA2B,GAAA3B,EAAA4B,GAAA5B,EAAAyE,GAAA,gDAAArE,EAAA,KAAwFE,YAAA,eAA0B,CAAAN,EAAA2B,GAAA3B,EAAA4B,GAAA5B,EAAAyE,GAAA,sDAAAzE,EAAA,kBAAAI,EAAA,KAA6GE,YAAA,eAA0B,CAAAN,EAAA2B,GAAA,WAAA3B,EAAA4B,GAAA5B,EAAAyE,GAAA,8DAAArE,EAAA,QAA2GE,YAAA,eAA0B,CAAAN,EAAA2B,GAAA3B,EAAA4B,GAAA5B,EAAAwG,wBAAAxG,EAAAoB,KAAAhB,EAAA,KAA6DE,YAAA,eAA0B,CAAAN,EAAA2B,GAAA3B,EAAA4B,GAAA5B,EAAAyE,GAAA,iEAAArE,EAAA,UAAqG+B,MAAA,CAAOa,KAAA,UAAgBzB,GAAA,CAAKC,MAAA,SAAAC,GAAyB,OAAAzB,EAAAyG,SAAA,MAA4B,CAAAzG,EAAA2B,GAAA3B,EAAA4B,GAAA5B,EAAAyE,GAAA,wDAAAzE,EAAAoB,KAAApB,EAAA0G,gBAAA1G,EAAA2G,gBAAAvG,EAAA,OAA8IE,YAAA,cAAyB,CAAAF,EAAA,MAAAJ,EAAA2B,GAAA3B,EAAA4B,GAAA5B,EAAAyE,GAAA,mDAAArE,EAAA,KAA2FE,YAAA,4BAAuC,CAAAN,EAAA2B,GAAA3B,EAAA4B,GAAA5B,EAAAyE,GAAA,yDAAArE,EAAA,UAA6F+B,MAAA,CAAOa,KAAA,UAAgBzB,GAAA,CAAKC,MAAA,SAAAC,GAAyB,OAAAzB,EAAAyG,SAAA,MAA2B,CAAAzG,EAAA2B,GAAA3B,EAAA4B,GAAA5B,EAAAyE,GAAA,2DAAAzE,EAAAoB,KAAAhB,EAAA,cAA4G+B,MAAA,CAAOJ,KAAA,kBAAwB,CAAA/B,EAAA,oBAAAI,EAAA,OAAsCE,YAAA,yBAAoC,CAAAF,EAAA,MAAAJ,EAAA2B,GAAA3B,EAAA4B,GAAA5B,EAAAyE,GAAA,4CAAArE,EAAA,KAAoFE,YAAA,eAA0B,CAAAN,EAAA2B,GAAA,aAAA3B,EAAA4B,GAAA5B,EAAAyE,GAAA,6DAAArE,EAAA,MAAAA,EAAA,MAAAJ,EAAA2B,GAAA3B,EAAA4B,GAAA5B,EAAAyE,GAAA,6CAAArE,EAAA,MAAAJ,EAAA2B,GAAA,eAAA3B,EAAA4B,GAAA5B,EAAAyE,GAAA,4CAAArE,EAAA,MAAAA,EAAA,QAAkSE,YAAA,yBAAoC,CAAAN,EAAA2B,GAAA3B,EAAA4B,GAAA5B,EAAAyE,GAAA,kDAAArE,EAAA,MAAAJ,EAAA2B,GAAA3B,EAAA4B,GAAA5B,EAAAyE,GAAA,4CAAArE,EAAA,UAAgKE,YAAA,kBAAA6B,MAAA,CAAqCa,KAAA,UAAgBzB,GAAA,CAAKC,MAAA,SAAAC,GAAyB,OAAAzB,EAAA4G,gBAA0B,CAAA5G,EAAA2B,GAAA3B,EAAA4B,GAAA5B,EAAAyE,GAAA,mDAAAzE,EAAAoB,QAAA,IACtvHyB,EAAA,mrBCwEe,IAAAgE,EAAA,CACfC,YAAAC,0BAAAC,0BACA5D,gBACA,OACA+B,mBACAP,YACA,CAAA3C,gBAAAF,eAAAkF,4CACA,CAAAhF,oBAAAF,mBAAAkF,gDACA,CAAAhF,yBAAAF,yBAAAkF,8CACA,CAAAhF,kBAAAF,iBAAAkF,8CACA,CAAAhF,iBAAAF,eAAAkF,6CAEAzB,oBACAS,mBACAE,iBACAd,SACAsB,mBACAH,qBACA9B,wBACAgC,iBACAQ,WACAC,mBACAC,yBAGAC,UACApG,iBACA,OAAAhB,KAAAiH,SAEAX,gCACA,OAAAtG,KAAAyE,oBAAAzE,KAAAyG,cAAAzG,KAAAwE,GAAA,0CAAAxE,KAAAwE,GAAA,2CAGApB,SACAmB,+BACA,GAAAvE,KAAAkH,gBAAA,OAAAlH,KAAAwG,SAAA,GACAxG,KAAAiH,SAAA,EACAjH,KAAAyE,mBAAAzE,KAAAqH,4BACArH,KAAAsH,qBAGAA,6BAAA,IAAAzD,EAAA7D,KACAA,KAAAuH,OACAC,wDACAC,iBAGA,IAAAC,EAAA,GACAC,iEACAD,oBAGA,IAAAE,EAAA,IAAAC,EAAA,WAAAhE,EAAAqB,cAAA,GAAA4C,OAAAjE,EAAAqB,cAAA,eACA0C,gBACAF,GACA7D,EAAAmC,iBAEAtC,eACAG,EAAA0D,OACAC,wCACAC,iBAGA5D,EAAAY,mBAAAkD,EAAAI,KACArE,mCACAG,EAAA0D,OAAAC,SAAA,uBAAAG,EAAAI,KAAAC,IAAAP,KAAA,SAAAQ,GACApE,EAAAqE,uBAAAD,EAAAN,EAAAI,KAAAC,KAGAnE,EAAAP,MAAA,sBAAAO,EAAAY,oBADAZ,EAAA6C,iBAAA,MAIAyB,mBAAA,OAAAtE,EAAAoD,SAAA,MAEAmB,kBACAvE,EAAAoD,SAAA,KAIAI,qCAAA,IAAAgB,EAAArI,KACAsI,EAAAC,EAAA,GAAAvI,KAAAyE,oBACA,QAAA3D,KAAAd,KAAAgG,gBACAsC,oCAEAtI,KAAAuH,OAAAC,SAAA,uBAAAc,GAAAb,KAAA,SAAAE,GACAU,EAAAG,UAAA,WACAH,EAAA5D,mBAAAkD,EACAU,EAAAI,6BAAAJ,EAAA5D,yBAKAgE,yCAAA,IAAAC,EAAA1I,KAAA2I,EAAAC,UAAAnG,OAAA,QAAAoG,IAAAD,UAAA,GAAAA,UAAA,KACAD,KACA3I,KAAAuH,OAAAC,SAAA,uBAAAc,EAAAN,IAAAP,KAAA,SAAAQ,GACA,GAAAS,EAAAR,uBAAAD,EAAAK,EAAAN,KACAU,EAAApF,MAAA,sBAAAgF,GACAI,EAAAhC,iBAAA,EACAgC,EAAAjC,eAAA,EACAiC,EAAAxB,iBAAA,EACAwB,EAAAzB,SAAA,MACA,CACA,GAAA0B,EAAA,EAIA,OAFAD,EAAAhC,iBAAA,OACAgC,EAAAzB,SAAA,GAGA6B,sBACAJ,EAAAD,6BAAAH,EAAAK,IACA,SAKAT,mCAEA,OADAxE,eACA,MAAAuE,IAEAjI,KAAAuG,kBAAA0B,GACA,IAIAzB,oBACAxG,KAAAsD,MAAA,sBAAAtD,KAAAyE,mBAAAsE,IAEApC,sBACA3G,KAAAsD,MAAA,gBAEA+C,wBACA3C,+BAGAyB,wBACAnF,KAAAmH,qBAAA,EACAnH,KAAAkF,cAAA,OAIAvB,OACAuB,eACAtB,mBAAA,IAAAoF,EAAAhJ,KACAA,KAAAuF,eAAA0D,EAAA,WAAAjJ,KAAAkF,eACAlF,KAAAgG,gBAAA,GACAhG,KAAAoF,OAAA,EACApF,KAAAwI,UAAA,kBAAAQ,EAAA5D,OAAA,IACApF,KAAAuF,iBAAAvF,KAAAmH,qBAAA,OC5NuV+B,EAAA,0BCQvVjF,EAAgBC,OAAAC,EAAA,KAAAD,CACdgF,EACApJ,EACA8C,GACF,EACA,KACA,KACA,MAIewB,EAAA,WAAAH,6CCnBf,IAAAkF,EAAAxJ,EAAA,QAAAyJ,EAAAzJ,EAAAE,EAAAsJ,GAAmhBC,EAAG,8CCAthB,IAAAtJ,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,kBAAA6B,MAAA,CAAqC8F,GAAA,gBAAoB,CAAA7H,EAAA,QAAAA,EAAA,OAAuBE,YAAA,YAAA6B,MAAA,CAA+BC,IAAMxC,EAAQ,QAA4DyC,IAAA,UAAgBjC,EAAA,kBAAuB+B,MAAA,CAAOM,MAAAzC,EAAAsJ,eAAAtI,QAAAhB,EAAAuJ,YAAArG,UAAA,EAAAvC,MAAA,2BAAAF,aAAA,IAA2Hc,GAAA,CAAKiI,aAAAxJ,EAAAyJ,eAA8BrJ,EAAA,OAAYE,YAAA,SAAoB,CAAAF,EAAA,cAAmB+B,MAAA,CAAOJ,KAAA,YAAkB,IAAA/B,EAAAuJ,YAAAnJ,EAAA,iBAA6C+B,MAAA,CAAOuH,kBAAA1J,EAAA0J,kBAAAC,sBAAA3J,EAAA2J,uBAA4FpI,GAAA,CAAKqI,eAAA5J,EAAA6J,eAAgC7J,EAAAoB,MAAA,GAAAhB,EAAA,cAAgC+B,MAAA,CAAOJ,KAAA,KAAA/B,EAAA8J,gBAAiC,IAAA9J,EAAAuJ,YAAAnJ,EAAA,iBAA6CmB,GAAA,CAAIwI,sBAAA/J,EAAAgK,mBAAAC,cAAA,SAAAxI,GAA4E,OAAAzB,EAAA4G,iBAA0B5G,EAAAoB,MAAA,GAAAhB,EAAA,cAAgC+B,MAAA,CAAOJ,KAAA,WAAiB,IAAA/B,EAAAuJ,YAAAnJ,EAAA,mBAA+C+B,MAAA,CAAO+H,gBAAAlK,EAAAmK,gBAAAlC,GAAAmC,gBAAApK,EAAAoK,mBAAgFpK,EAAAoB,MAAA,WAAAhB,EAAA,SAAAA,EAAA,OAAAA,EAAA,MAAAJ,EAAA2B,GAAA,aAAA3B,EAAA4B,GAAA5B,EAAAyE,GAAA,4CAAArE,EAAA,MAA6IE,YAAA,YAAuBN,EAAAY,GAAAZ,EAAA,mBAAAqK,EAAAvJ,GAA6C,OAAAV,EAAA,MAAgBW,IAAAD,GAAU,CAAAV,EAAA,OAAYE,YAAA,YAAA6B,MAAA,CAA+BC,IAAMxC,EAAQ,QAA+ByC,IAAA,eAAqBjC,EAAA,QAAAJ,EAAA2B,GAAA,IAAA3B,EAAA4B,GAAAyI,UAA0C,KAAAjK,EAAA,OAAiBE,YAAA,mBAA8B,CAAAF,EAAA,OAAY0B,WAAA,EAAaC,KAAA,OAAAC,QAAA,SAAAC,MAAA,GAAAjC,EAAAuJ,YAAArH,WAAA,qBAAwF5B,YAAA,wBAAqC,CAAAF,EAAA,MAAAJ,EAAA2B,GAAA3B,EAAA4B,GAAA5B,EAAAyE,GAAA,8CAAAzE,EAAAsK,GAAA,KAAAlK,EAAA,OAAoG0B,WAAA,EAAaC,KAAA,OAAAC,QAAA,SAAAC,MAAA,GAAAjC,EAAAuJ,YAAArH,WAAA,qBAAwF5B,YAAA,wBAAqC,CAAAF,EAAA,MAAAJ,EAAA2B,GAAA3B,EAAA4B,GAAA5B,EAAAyE,GAAA,8CAAAzE,EAAAsK,GAAA,KAAAlK,EAAA,OAAoG0B,WAAA,EAAaC,KAAA,OAAAC,QAAA,SAAAC,MAAA,GAAAjC,EAAAuJ,YAAArH,WAAA,qBAAwF5B,YAAA,wBAAqC,CAAAF,EAAA,MAAAJ,EAAA2B,GAAA3B,EAAA4B,GAAA5B,EAAAyE,GAAA,8CAAAzE,EAAAsK,GAAA,YAChrEzH,EAAA,YAAoC,IAAA7C,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,iBAA4B,CAAAF,EAAA,OAAY+B,MAAA,CAAOC,IAAMxC,EAAQ,QAAyByC,IAAA,SAAgB,WAAc,IAAArC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,iBAA4B,CAAAF,EAAA,OAAY+B,MAAA,CAAOC,IAAMxC,EAAQ,QAA+ByC,IAAA,SAAgB,WAAc,IAAArC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,iBAA4B,CAAAF,EAAA,OAAY+B,MAAA,CAAOC,IAAMxC,EAAQ,QAAiCyC,IAAA,sECwFjlBkI,EAAA,CACfC,iCACA1D,YAAA2D,2BAAAC,2BAAAC,2BAAAC,8BACAxH,gBACA,OACAyH,WACA5K,KAAAwE,GAAA,uCACAxE,KAAAwE,GAAA,uCACAxE,KAAAwE,GAAA,uCACAxE,KAAAwE,GAAA,uCACAxE,KAAAwE,GAAA,wCAEA8E,cACAD,gBACA,CACAzI,OACAgB,mDACAyB,WACApC,WACAD,SACAiC,aAEA,CACArC,OACAgB,mDACAyB,WACAE,oDACAtC,WACAD,SACAiC,aAEA,CACArC,OACAgB,mDACAyB,WACAE,8EACAtC,WACAD,SACAiC,cAGA4G,yBACAK,mBACAT,uBACAC,2BACAS,uBAIA/G,SACAoG,wBAAA,IAAA3F,EAAA7D,KACAA,KAAA6J,cAAA7J,KAAA6K,eAAA7K,KAAAsJ,YAAAwB,GACA9K,KAAAwI,UAAA,WACA3E,EAAAyF,YAAAwB,KAGAlB,wBAAA,IAAAvB,EAAArI,KACA0D,4CAEA1D,KAAAqJ,eAAA,GAAApI,SAAA,EACAjB,KAAAqJ,eAAA,GAAArI,OAAA,EACAhB,KAAAqJ,eAAA,GAAApG,UAAA,EACAjD,KAAAqJ,eAAA,GAAAhG,SAAA,EACArD,KAAAwJ,YAAA,GAGAxJ,KAAAwI,UAAA,WACAH,EAAAgB,eAAA,GAAApG,UAAA,KAGA8G,iCAAA,IAAArB,EAAA1I,KACA0D,mDACAA,iBACA1D,KAAAkK,kBAGAlK,KAAAmK,gBAAApB,EAEAgC,4CACA/K,KAAAqJ,eAAA,GAAApI,SAAA,EACAjB,KAAAqJ,eAAA,GAAArI,OAAA,EACAhB,KAAAqJ,eAAA,GAAApG,UAAA,EACAjD,KAAAqJ,eAAA,GAAAhG,SAAA,EAEArD,KAAAwJ,YAAA,GAEAxJ,KAAAwI,UAAA,WACAE,EAAAW,eAAA,GAAApG,UAAA,KAGA+H,8BACA,GAAAC,EAAAC,KAEA,OAAAD,EAAAC,MACA,QACAlL,KAAAyJ,kBAAA,EACA,MACA,QACAzJ,KAAAyJ,kBAAA,EACA,MACA,QACAzJ,KAAAyJ,kBAAA,EACA,MACA,QACAzJ,KAAAyJ,kBAAA,EACA,MACA,QACAzJ,KAAAyJ,kBAAA,KAGA,GAAAwB,EAAAE,SAEA,OAAAF,EAAAE,UACA,cACAnL,KAAA0J,sBAAA,UACA,MACA,SACA1J,KAAA0J,sBAAA,KACA,MACA,QACA1J,KAAA0J,sBAAA,OAKA/C,sBAAA,IAAAqC,EAAAhJ,KACAA,KAAAuH,OAAAC,SAAA,iCAAAW,QAAA,WACAa,EAAAoC,QAAAC,KAAA,iDAIAC,mBAEAtL,KAAAgL,kBAAAhL,KAAAoL,QAAAG,aAAAC,QAEApE,YACAzD,UCjOoV8H,EAAA,0BCQpVxH,EAAgBC,OAAAC,EAAA,KAAAD,CACduH,EACA3L,EACA8C,GACF,EACA,KACA,KACA,MAIewB,EAAA,WAAAH,+CCnBf,IAAAyH,EAAA/L,EAAA,QAAAgM,EAAAhM,EAAAE,EAAA6L,GAAmhBC,EAAG,4CCAthB,IAAA7L,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,QAAkBE,YAAA,WAAAiB,GAAA,CAA2B+C,OAAA,SAAA7C,GAAkD,OAAxBA,EAAA8C,iBAAwBvE,EAAA6L,WAAApK,MAAgC,CAAArB,EAAA,KAAUE,YAAA,eAA0B,CAAAN,EAAA2B,GAAA3B,EAAA4B,GAAA5B,EAAAyE,GAAA,qCAAArE,EAAA,gBAA+E+B,MAAA,CAAO8F,GAAA,YAAA6D,UAAA,OAAA/J,KAAA,OAAA+C,MAAA9E,EAAAyE,GAAA,mCAAAsH,YAAA/L,EAAAyE,GAAA,yCAAAuH,iBAAA,EAAA5F,MAAA,IAAoMpB,MAAA,CAAQ/C,MAAAjC,EAAAiM,SAAAC,KAAA,KAAAjH,SAAA,SAAAC,GAAwDlF,EAAAmM,KAAAnM,EAAAiM,SAAAC,KAAA,OAAAhH,IAAyChD,WAAA,wBAAkC9B,EAAA,gBAAqB+B,MAAA,CAAO8F,GAAA,aAAA6D,UAAA,QAAA/J,KAAA,QAAA+C,MAAA9E,EAAAyE,GAAA,mCAAAsH,YAAA/L,EAAAyE,GAAA,yCAAA2H,eAAApM,EAAAqM,oBAAAjG,MAAA,IAAyNpB,MAAA,CAAQ/C,MAAAjC,EAAAiM,SAAAC,KAAA,SAAAjH,SAAA,SAAAC,GAA4DlF,EAAAmM,KAAAnM,EAAAiM,SAAAC,KAAA,WAAAhH,IAA6ChD,WAAA,4BAAsC9B,EAAA,gBAAqBkM,IAAA,gBAAAnK,MAAA,CAA2B8F,GAAA,gBAAA6D,UAAA,WAAA/J,KAAA,WAAA+C,MAAA9E,EAAAyE,GAAA,mCAAAsH,YAAA/L,EAAAyE,GAAA,yCAAA2H,eAAApM,EAAAuM,uBAAAnG,MAAA,IAAqOpB,MAAA,CAAQ/C,MAAAjC,EAAAiM,SAAAC,KAAA,SAAAjH,SAAA,SAAAC,GAA4DlF,EAAAmM,KAAAnM,EAAAiM,SAAAC,KAAA,WAAAhH,IAA6ChD,WAAA,4BAAsC9B,EAAA,YAAiBE,YAAA,QAAA6B,MAAA,CAA2BqK,WAAA,GAAA1H,MAAA,GAAA/C,KAAA,QAAAE,MAAAjC,EAAAyM,OAA4DzH,MAAA,CAAQ/C,MAAAjC,EAAA,MAAAiF,SAAA,SAAAC,GAA2ClF,EAAAyM,MAAAvH,GAAchD,WAAA,UAAqB,CAAA9B,EAAA,QAAaE,YAAA,wBAAAgF,SAAA,CAA8CC,UAAAvF,EAAA4B,GAAA5B,EAAAyE,GAAA,iCAAuDrE,EAAA,UAAiBE,YAAA,kBAAA6B,MAAA,CAAqCa,KAAA,SAAAE,UAAAlD,EAAAiB,OAAAjB,EAAAkH,UAAsD,CAAAlH,EAAA2B,GAAA,SAAA3B,EAAA4B,GAAA5B,EAAAyE,GAAA,uCAAArE,EAAA,QAAkF0B,WAAA,EAAaC,KAAA,OAAAC,QAAA,SAAAC,MAAAjC,EAAA,QAAAkC,WAAA,aAAwE,CAAA9B,EAAA,KAAUE,YAAA,yCAA+CF,EAAA,eAAwBE,YAAA,WAAA6B,MAAA,CAA8B4I,GAAA,CAAMhJ,KAAA,WAAkB,CAAA/B,EAAA2B,GAAA,SAAA3B,EAAA4B,GAAA5B,EAAAyE,GAAA,mDACnqE5B,EAAA,iDCkDe6J,EAAA,CACf5F,YAAA6F,uBACAvJ,gBACA,OACAqJ,SACAF,kEACAF,uBACAnF,WACA+E,UACAlK,QACAmK,MACAU,YACAC,YACA9K,QACA+K,YAGAC,qBAGAhK,OACA4G,uBACA3G,YACAG,cAEAuG,mBACA1G,YACAG,eAGAkE,UACApG,iBACA,OACAhB,KAAAgM,SAAAC,KAAAnK,MACAiL,2DACA/M,KAAAgM,SAAAC,KAAAW,UACA5M,KAAAwM,QAIApJ,SACAwI,sBAAA,IAAA/H,EAAA7D,KAQA,GAPAA,KAAAiH,SAAA,EACAjH,KAAA8M,iBAAA,EACA9M,KAAAoM,oBAAA,IAKApM,KAAAgN,iBAAAhN,KAAAgM,SAAAC,KAAAW,UAAA,OAAA5M,KAAAiH,SAAA,EAEAjH,KAAAgM,SAAAlK,KAAA9B,KAAAgM,SAAAC,KAAAnK,KAAA,iBAEA9B,KAAAuH,OACAC,2BAAAwE,uBAAAf,QAAAE,oCAAAD,+BACAzD,gBAEA5D,EAAA0D,OACAC,kBAAAyF,+BAAAL,oCACAnF,gBACA5D,EAAAoD,SAAA,EACApD,EAAAP,MAAA,eAAAO,EAAAmI,cAGA5D,kBAEA,GADAvE,EAAAoD,SAAA,EACA,KAAAiG,EAAAC,OAAA,CAEA,IAAAC,EAAAL,EAAA,WAAAM,aACAxJ,EAAAiJ,iBAAA,EACAjJ,EAAAuI,oBAAA,GAAAtE,OAAAjE,EAAAW,GAAA,8CAAAsD,OAAAsF,EAAA,YAAAtF,OAAAjE,EAAAW,GAAA,kDAKAwI,6BAEA,OADAhN,KAAAsM,uBAAA,KACAM,EAAAnK,OAAA,KACAzC,KAAAsM,uBAAAtM,KAAAwE,GAAA,0CACA,KAKAb,OACA3C,OACA4C,oBACA5D,KAAAsD,MAAA,QAAAgK,OC1IuVC,EAAA,0BCQvVtJ,EAAgBC,OAAAC,EAAA,KAAAD,CACdqJ,EACAzN,EACA8C,GACF,EACA,KACA,KACA,MAIewB,EAAA,WAAAH,oECnBf,IAAAuJ,EAAA7N,EAAA,QAAA8N,EAAA9N,EAAAE,EAAA2N,GAAghBC,EAAG","file":"js/lazy-view-views-SignupFlow.f9ee3134.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!./SignupStepOne.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!./SignupStepOne.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:\"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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('form',{staticClass:\"step-two\",on:{\"submit\":function($event){$event.preventDefault();return _vm.onSubmitIntegration($event)}}},[_c('p',{staticClass:\"description\"},[_vm._v(_vm._s(_vm.$t('signupflow.step-2.description')))]),_c('CustomSelect',{staticClass:\"integration-select\",attrs:{\"disabled\":!!_vm.createdIntegration,\"options\":_vm.connectors,\"legend\":_vm.$t('signupflow.step-2.select.placeholder'),\"label\":_vm.$t('signupflow.step-2.select.label'),\"optionHasImgSources\":\"\"},model:{value:(_vm.connectorType),callback:function ($$v) {_vm.connectorType=$$v},expression:\"connectorType\"}}),_c('span',{staticClass:\"leave-flow-text text-muted\",on:{\"click\":_vm.onCancelFlow}},[_vm._v(_vm._s(_vm.$t('signupflow.step-2.cancel-btn')))]),(_vm.connectorType && _vm.ready)?_c('div',{staticClass:\"dynamic-connector-wrapper\"},[_c('h3',[_vm._v(_vm._s(_vm.$t('signupflow.step-2.sub-title')))]),_c('p',{staticClass:\"description\",domProps:{\"innerHTML\":_vm._s(_vm.connectorSetup.setupDescription)}}),_c('a',{attrs:{\"href\":_vm.connectorSetup.guideLink,\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.connectorSetup.guideText))]),_c('DynamicForm',{staticClass:\"dynamic-form\",attrs:{\"formData\":_vm.connectorSetup.form,\"source\":_vm.connectorSource,\"formDataIndex\":0,\"ignoreInvalid\":_vm.ignoreInvalid,\"boxed\":\"\"},on:{\"changes\":_vm.changesMade}}),_c('button',{staticClass:\"btn-signup-flow\",attrs:{\"type\":\"submit\",\"disabled\":!_vm.valid}},[_vm._v(\"\\n      \"+_vm._s(_vm.primaryButtonMessage)+\" \"),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading),expression:\"loading\"}]},[_c('i',{staticClass:\"fa-light fa-circle-notch fa-spin\"})])])],1):_vm._e(),(_vm.connectionError)?_c('div',{staticClass:\"connection-error\"},[_c('h4',[_vm._v(_vm._s(_vm.$t('signupflow.step-2.connection-error.title')))]),_c('p',{staticClass:\"description\"},[_vm._v(_vm._s(_vm.$t('signupflow.step-2.connection-error.description')))]),(_vm.connectionMessage)?_c('p',{staticClass:\"description\"},[_vm._v(\"\\n      \"+_vm._s(_vm.$t('signupflow.step-2.connection-error.error-description'))+\" \"),_c('span',{staticClass:\"text-danger\"},[_vm._v(_vm._s(_vm.connectionMessage))])]):_vm._e(),_c('p',{staticClass:\"description\"},[_vm._v(_vm._s(_vm.$t('signupflow.step-2.connection-error.check-info-description')))]),_c('button',{attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.proceed(false)}}},[_vm._v(_vm._s(_vm.$t('signupflow.step-2.connection-error.opt-out-btn')))])]):_vm._e(),(_vm.showOkMessage && !_vm.connectionError)?_c('div',{staticClass:\"ok-message\"},[_c('h4',[_vm._v(_vm._s(_vm.$t('signupflow.step-2.connection-restored.title')))]),_c('p',{staticClass:\"description text-success\"},[_vm._v(_vm._s(_vm.$t('signupflow.step-2.connection-restored.description')))]),_c('button',{attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.proceed(true)}}},[_vm._v(_vm._s(_vm.$t('signupflow.step-2.connection-restored.proceed-btn')))])]):_vm._e(),_c('transition',{attrs:{\"name\":\"quick-fade-in\"}},[(_vm.noIntegrationOption)?_c('div',{staticClass:\"no-integration-option\"},[_c('h4',[_vm._v(_vm._s(_vm.$t('signupflow.step-2.no-connector.title')))]),_c('p',{staticClass:\"description\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t('signupflow.step-2.no-connector.description'))+\"\\n      \")]),_c('ul',[_c('li',[_vm._v(_vm._s(_vm.$t('signupflow.step-2.no-connector.sheets')))]),_c('li',[_vm._v(\"\\n          \"+_vm._s(_vm.$t('signupflow.step-2.no-connector.xml'))+\" \"),_c('br'),_c('span',{staticClass:\"text-muted text-small\"},[_vm._v(_vm._s(_vm.$t('signupflow.step-2.no-connector.xml-small')))])]),_c('li',[_vm._v(_vm._s(_vm.$t('signupflow.step-2.no-connector.api')))])]),_c('button',{staticClass:\"btn-signup-flow\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.cancelFlow()}}},[_vm._v(_vm._s(_vm.$t('signupflow.step-2.no-connector.cancel-btn')))])]):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <form class=\"step-two\" @submit.prevent=\"onSubmitIntegration\">\n    <p class=\"description\">{{$t('signupflow.step-2.description')}}</p>\n    <CustomSelect\n      :disabled=\"!!createdIntegration\"\n      class=\"integration-select\"\n      v-model=\"connectorType\"\n      :options=\"connectors\"\n      :legend=\"$t('signupflow.step-2.select.placeholder')\"\n      :label=\"$t('signupflow.step-2.select.label')\"\n      optionHasImgSources\n    />\n\n    <span class=\"leave-flow-text text-muted\" @click=\"onCancelFlow\">{{$t('signupflow.step-2.cancel-btn')}}</span>\n\n    <div v-if=\"connectorType && ready\" class=\"dynamic-connector-wrapper\">\n      <h3>{{$t('signupflow.step-2.sub-title')}}</h3>\n      <p class=\"description\" v-html=\"connectorSetup.setupDescription\"></p>\n      <a :href=\"connectorSetup.guideLink\" target=\"_blank\">{{ connectorSetup.guideText }}</a>\n      <DynamicForm\n        class=\"dynamic-form\"\n        :formData=\"connectorSetup.form\"\n        :source=\"connectorSource\"\n        :formDataIndex=\"0\"\n        :ignoreInvalid=\"ignoreInvalid\"\n        @changes=\"changesMade\"\n        boxed\n      />\n      <button class=\"btn-signup-flow\" type=\"submit\" :disabled=\"!valid\">\n        {{ primaryButtonMessage }} <span v-show=\"loading\"><i class=\"fa-light fa-circle-notch fa-spin\"></i></span>\n      </button>\n    </div>\n\n    <div v-if=\"connectionError\" class=\"connection-error\">\n      <h4>{{$t('signupflow.step-2.connection-error.title')}}</h4> \n      <p class=\"description\">{{$t('signupflow.step-2.connection-error.description')}}</p>\n      <p class=\"description\" v-if=\"connectionMessage\">\n        {{$t('signupflow.step-2.connection-error.error-description')}} <span class=\"text-danger\">{{ connectionMessage }}</span>\n      </p>\n      <p class=\"description\">{{$t('signupflow.step-2.connection-error.check-info-description')}}</p>\n      <button type=\"button\" @click=\"proceed(false)\">{{$t('signupflow.step-2.connection-error.opt-out-btn')}}</button>\n    </div>\n    <div v-if=\"showOkMessage && !connectionError\" class=\"ok-message\">\n      <h4>{{$t('signupflow.step-2.connection-restored.title')}}</h4>\n      <p class=\"description text-success\">{{$t('signupflow.step-2.connection-restored.description')}}</p>\n      <button type=\"button\" @click=\"proceed(true)\">{{$t('signupflow.step-2.connection-restored.proceed-btn')}}</button>\n    </div>\n    <transition name=\"quick-fade-in\">\n      <div v-if=\"noIntegrationOption\" class=\"no-integration-option\">\n        <h4>{{$t('signupflow.step-2.no-connector.title')}}</h4>\n        <p class=\"description\">\n          {{$t('signupflow.step-2.no-connector.description')}}\n        </p>\n        <ul>\n          <li>{{$t('signupflow.step-2.no-connector.sheets')}}</li>\n          <li>\n            {{$t('signupflow.step-2.no-connector.xml')}} <br />\n            <span class=\"text-muted text-small\">{{$t('signupflow.step-2.no-connector.xml-small')}}</span>\n          </li>\n          <li>{{$t('signupflow.step-2.no-connector.api')}}</li>\n        </ul>\n        <button type=\"button\" class=\"btn-signup-flow\" @click=\"cancelFlow()\">{{$t('signupflow.step-2.no-connector.cancel-btn')}}</button>\n      </div>\n    </transition>\n  </form>\n</template>\n\n<script>\nimport Connector from \"@/assets/js/connector.js\";\nimport appHelper from \"@/assets/js/appHelper.js\";\nimport CustomSelect from \"@/components/CustomSelect\";\nimport DynamicForm from \"@/components/DynamicForm\";\nimport quickConnectors from \"@/assets/js/quickConnectors.js\";\nexport default {\n  components: { CustomSelect, DynamicForm },\n  data() {\n    return {\n      connectorType: null,\n      connectors: [\n        { value: \"Shopify\", name: \"Shopify\", imgSrc: \"integration-icons/shopifyicon.svg\" },\n        { value: \"WooCommerce\", name: \"WooCommerce\", imgSrc: \"integration-icons/woocommerceicon.svg\" },\n        { value: \"DanDomainClassic\", name: \"DanDomain Classic\", imgSrc: \"integration-icons/dandomainlogo.png\" },\n        { value: \"Shoporama\", name: \"Shoporama\", imgSrc: \"integration-icons/shoporamaicon.svg\" },\n        { value: \"Magento2\", name: \"Magento\", imgSrc: \"integration-icons/magentoicon.svg\" }\n      ],\n      connectorSetup: null,\n      connectorSource: {},\n      ignoreInvalid: [],\n      ready: true,\n      connectionError: false,\n      connectionMessage: \"\",\n      createdIntegration: null,\n      showOkMessage: false,\n      loading: false,\n      connectedToShop: false,\n      noIntegrationOption: false\n    };\n  },\n  computed: {\n    valid() {\n      return !this.loading;\n    },\n    primaryButtonMessage() {\n      return this.createdIntegration && this.showOkMessage ? this.$t('signupflow.step-2.primary-btn.continue') : this.$t('signupflow.step-2.primary-btn.connect');\n    }\n  },\n  methods: {\n    onSubmitIntegration() {\n      if (this.connectedToShop) return this.proceed(true);\n      this.loading = true;\n      if (this.createdIntegration) this.updateIntegrationSettings();\n      else this.createIntegration();\n    },\n\n    createIntegration() {\n      this.$store\n        .dispatch(\"getIntegrationSettings\", [this.connectorType])\n        .then((res) => {\n          // Get settings for the integration the user wants to create\n          // add default settings from that integration to the conntectorSettings\n          let defaultConfig = {};\n          res[appHelper.toCamelCase(this.connectorType)].forEach((setting) => {\n            defaultConfig[setting.id] = setting.default;\n          });\n\n          let connector = new Connector(this.connectorType, `${this.connectorType} connector`);\n          connector.config = {\n            ...defaultConfig,\n            ...this.connectorSource\n          };\n          console.log(connector);\n          this.$store\n            .dispatch(\"createConnectorFromSignup\", connector)\n            .then((res) => {\n              // When created, check connection status\n              // if no connection then ask if all the info is correct\n              this.createdIntegration = res.body;\n              console.log(\"created connector\", res);\n              this.$store.dispatch(\"testSourceConnection\", res.body.id).then((connection) => {\n                if (!this.handleConnectionStatus(connection[res.body.id])) {\n                  // Give user ability to update their connection\n                  this.connectionError = true;\n                } else this.$emit(\"integration-created\", this.createdIntegration);\n              });\n            })\n            .finally(() => (this.loading = false));\n        })\n        .catch((err) => {\n          this.loading = false;\n        });\n    },\n\n    updateIntegrationSettings() {\n      let integration = { ...this.createdIntegration };\n      for (let key in this.connectorSource) {\n        integration.config[key] = this.connectorSource[key];\n      }\n      this.$store.dispatch(\"editFixedIntegration\", integration).then((res) => {\n        this.$nextTick(() => {\n          this.createdIntegration = res;\n          this.checkUpdatedSourceConnection(this.createdIntegration);\n        });\n      });\n    },\n\n    checkUpdatedSourceConnection(integration, retry = 0) {\n      retry = retry + 1;\n      this.$store.dispatch(\"testSourceConnection\", integration.id).then((connection) => {\n        if (this.handleConnectionStatus(connection[integration.id])) {\n          this.$emit(\"integration-created\", integration);\n          this.connectionError = false;\n          this.showOkMessage = true;\n          this.connectedToShop = true;\n          this.loading = false;\n        } else {\n          if (retry > 5) {\n            // Give user ability to update their connection \n            this.connectionError = true;\n            this.loading = false;\n            return;\n          }\n          setTimeout(() => {\n            this.checkUpdatedSourceConnection(integration, retry);\n          }, 2000);\n        }\n      });\n    },\n\n    handleConnectionStatus(connection) {\n      console.log(connection);\n      if (connection == \"Ok\") return true;\n      else {\n        this.connectionMessage = connection;\n        return false;\n      }\n    },\n\n    proceed(connected) {\n      this.$emit(\"integration-created\", this.createdIntegration, connected);\n    },\n    cancelFlow() {\n      this.$emit(\"cancel-flow\");\n    },\n    changesMade(i) {\n      console.log(\"changes made\", i);\n    },\n\n    onCancelFlow() {\n      this.noIntegrationOption = true;\n      this.connectorType = null;\n      // CTA go to platform\n    }\n  },\n  watch: {\n    connectorType: {\n      handler: function() {\n        this.connectorSetup = quickConnectors[this.connectorType];\n        this.connectorSource = {};\n        this.ready = false;\n        this.$nextTick(() => (this.ready = true));\n        if (this.connectorSetup) this.noIntegrationOption = false;\n      }\n    }\n  }\n};\n</script>\n\n<style lang=\"less\">\n.step-two {\n  .integration-select {\n    margin-top: 36px;\n  }\n\n  .leave-flow-text {\n    margin-top: 8px;\n    cursor: pointer;\n    text-align: center;\n    text-decoration: underline;\n    // opacity: 0.5;\n  }\n\n  .dynamic-connector-wrapper,\n  .no-integration-option {\n    display: flex;\n    flex-direction: column;\n    h3 {\n      margin-top: 18px;\n      font-family: \"Roboto\" sans-serif;\n    }\n    p {\n      font-weight: 400;\n      line-height: 14px;\n    }\n    a {\n      margin: 18px 0 0 0;\n      align-self: center;\n      text-decoration: underline;\n    }\n    .dynamic-form {\n      margin-bottom: 24px;\n    }\n  }\n\n  .no-integration-option {\n    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);\n    border-radius: 4px;\n    margin-top: 18px;\n    padding: 18px;\n    ul {\n      padding: 0 12px;\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n      margin: 18px 0;\n      font-weight: 500;\n    }\n  }\n  .connection-error,\n  .ok-message {\n    margin-top: 18px;\n    button {\n      background: none;\n      border: none;\n      text-decoration: underline;\n      padding: 0;\n      color: var(--charcoal-75);\n      &:hover,\n      &:focus {\n        color: var(--charcoal);\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!./SignupStepTwo.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!./SignupStepTwo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SignupStepTwo.vue?vue&type=template&id=1b8b1e9f&\"\nimport script from \"./SignupStepTwo.vue?vue&type=script&lang=js&\"\nexport * from \"./SignupStepTwo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SignupStepTwo.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!./SignupStepTwo.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!./SignupStepTwo.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:\"login-type-page\",attrs:{\"id\":\"signup-flow\"}},[_c('main',[_c('img',{staticClass:\"main-logo\",attrs:{\"src\":require(\"@/assets/svg/Logo_Horizontal_Gradient_Dark_Transparent.svg\"),\"alt\":\"logo\"}}),_c('step-indicator',{attrs:{\"steps\":_vm.indicatorSteps,\"current\":_vm.currentStep,\"disabled\":false,\"width\":\"clamp(300px, 80%, 420px)\",\"signupDesign\":\"\"},on:{\"click-step\":_vm.stepChanged}}),_c('div',{staticClass:\"steps\"},[_c('transition',{attrs:{\"name\":\"s-first\"}},[(_vm.currentStep == 1)?_c('SignupStepOne',{attrs:{\"userRequestedPlan\":_vm.userRequestedPlan,\"userRequestedSolution\":_vm.userRequestedSolution},on:{\"user-created\":_vm.userCreated}}):_vm._e()],1),_c('transition',{attrs:{\"name\":'s-' + _vm.midTransition}},[(_vm.currentStep == 2)?_c('SignupStepTwo',{on:{\"integration-created\":_vm.integrationCreated,\"cancel-flow\":function($event){return _vm.cancelFlow()}}}):_vm._e()],1),_c('transition',{attrs:{\"name\":\"s-last\"}},[(_vm.currentStep == 3)?_c('SignupStepThree',{attrs:{\"contentSourceId\":_vm.integrationData.id,\"sourceConnected\":_vm.sourceConnected}}):_vm._e()],1)],1)],1),_c('aside',[_c('div',[_c('h1',[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"signupflow.sideview.title\"))+\"\\n      \")]),_c('ul',{staticClass:\"usp-list\"},_vm._l((_vm.listItems),function(item,index){return _c('li',{key:index},[_c('img',{staticClass:\"checkmark\",attrs:{\"src\":require(\"@/assets/svg/circle-check.svg\"),\"alt\":\"checkmark\"}}),_c('span',[_vm._v(\" \"+_vm._s(item))])])}),0)]),_c('div',{staticClass:\"sideview-images\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.currentStep == 1),expression:\"currentStep == 1\"}],staticClass:\"step sideview-step-1\"},[_c('h2',[_vm._v(_vm._s(_vm.$t(\"signupflow.sideview.sub-titles.title-1\")))]),_vm._m(0)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.currentStep == 2),expression:\"currentStep == 2\"}],staticClass:\"step sideview-step-2\"},[_c('h2',[_vm._v(_vm._s(_vm.$t(\"signupflow.sideview.sub-titles.title-2\")))]),_vm._m(1)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.currentStep == 3),expression:\"currentStep == 3\"}],staticClass:\"step sideview-step-3\"},[_c('h2',[_vm._v(_vm._s(_vm.$t(\"signupflow.sideview.sub-titles.title-3\")))]),_vm._m(2)])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"img-container\"},[_c('img',{attrs:{\"src\":require(\"@/assets/svg/brands.png\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"img-container\"},[_c('img',{attrs:{\"src\":require(\"@/assets/svg/integrations.png\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"img-container\"},[_c('img',{attrs:{\"src\":require(\"@/assets/svg/product-image.webp\"),\"alt\":\"\"}})])}]\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"signup-flow\" class=\"login-type-page\">\n    <main>\n      <img class=\"main-logo\" src=\"@/assets/svg/Logo_Horizontal_Gradient_Dark_Transparent.svg\" alt=\"logo\" />\n      <step-indicator\n        :steps=\"indicatorSteps\"\n        :current=\"currentStep\"\n        :disabled=\"false\"\n        width=\"clamp(300px, 80%, 420px)\"\n        @click-step=\"stepChanged\"\n        signupDesign\n      />\n      <div class=\"steps\">\n        <transition name=\"s-first\">\n          <SignupStepOne\n            v-if=\"currentStep == 1\"\n            @user-created=\"userCreated\"\n            :userRequestedPlan=\"userRequestedPlan\"\n            :userRequestedSolution=\"userRequestedSolution\"\n          />\n        </transition>\n\n        <transition :name=\"'s-' + midTransition\">\n          <SignupStepTwo\n            v-if=\"currentStep == 2\"\n            @integration-created=\"integrationCreated\"\n            @cancel-flow=\"cancelFlow()\"\n          />\n        </transition>\n\n        <transition name=\"s-last\">\n          <SignupStepThree\n            v-if=\"currentStep == 3\"\n            :contentSourceId=\"integrationData.id\"\n            :sourceConnected=\"sourceConnected\"\n            />\n            <!-- :userRequestedSolution=\"userRequestedSolution\" -->\n        </transition>\n      </div>\n    </main>\n    <aside>\n      <div>\n        <h1>\n          {{ $t(\"signupflow.sideview.title\") }}\n        </h1>\n        <ul class=\"usp-list\">\n          <li v-for=\"(item, index) in listItems\" :key=\"index\">\n            <img src=\"@/assets/svg/circle-check.svg\" alt=\"checkmark\" class=\"checkmark\" /><span> {{ item }}</span>\n          </li>\n        </ul>\n      </div>\n      <div class=\"sideview-images\">\n        <!-- <transition name=\"step-fade\"> -->\n        <div class=\"step sideview-step-1\" v-show=\"currentStep == 1\">\n          <!-- <h2>The cool ones are already doing it</h2> -->\n          <h2>{{ $t(\"signupflow.sideview.sub-titles.title-1\") }}</h2>\n          <div class=\"img-container\">\n            <img src=\"@/assets/svg/brands.png\" alt=\"\" />\n          </div>\n        </div>\n        <!-- </transition> -->\n        <!-- <transition name=\"step-fade\"> -->\n        <div class=\"step sideview-step-2\" v-show=\"currentStep == 2\">\n          <h2>{{ $t(\"signupflow.sideview.sub-titles.title-2\") }}</h2>\n          <div class=\"img-container\">\n            <img src=\"@/assets/svg/integrations.png\" alt=\"\" />\n          </div>\n        </div>\n        <!-- </transition> -->\n        <!-- <transition name=\"step-fade\">   -->\n        <div class=\"step sideview-step-3\" v-show=\"currentStep == 3\">\n          <h2>{{ $t(\"signupflow.sideview.sub-titles.title-3\") }}</h2>\n          <div class=\"img-container\">\n            <img src=\"@/assets/svg/product-image.webp\" alt=\"\" />\n          </div>\n        </div>\n        <!-- </transition> -->\n      </div>\n      <!-- </div> -->\n    </aside>\n  </div>\n</template>\n\n<script>\nimport { stepIndicatorMixin } from \"@/assets/js/stepIndicatorMixin.js\";\nimport StepIndicator from \"@/components/StepIndicator.vue\";\nimport SignupStepOne from \"@/components/SignupStepOne\";\nimport SignupStepTwo from \"@/components/SignupStepTwo\";\nimport SignupStepThree from \"@/components/SignupStepThree\";\nexport default {\n  mixins: [stepIndicatorMixin],\n  components: { StepIndicator, SignupStepOne, SignupStepTwo, SignupStepThree },\n  data() {\n    return {\n      listItems: [\n        this.$t(\"signupflow.sideview.usp-list.item-1\"),\n        this.$t(\"signupflow.sideview.usp-list.item-2\"),\n        this.$t(\"signupflow.sideview.usp-list.item-3\"),\n        this.$t(\"signupflow.sideview.usp-list.item-4\"),\n        this.$t(\"signupflow.sideview.usp-list.item-5\")\n      ],\n      currentStep: 1,\n      indicatorSteps: [\n        {\n          step: 1,\n          title: this.$t(\"signupflow.step-indicator.title-1\"),\n          allowed: true,\n          visited: true,\n          valid: false,\n          disabled: false\n        },\n        {\n          step: 2,\n          title: this.$t(\"signupflow.step-indicator.title-2\"),\n          allowed: false,\n          deniedAccessMsg: \"We need your name and stuff first\",\n          visited: false,\n          valid: false,\n          disabled: true\n        },\n        {\n          step: 3,\n          title: this.$t(\"signupflow.step-indicator.title-3\"),\n          allowed: false,\n          deniedAccessMsg: \"We need a connection to your webshop before we continue :) \",\n          visited: false,\n          valid: false,\n          disabled: true\n        }\n      ],\n      midTransition: \"mid-next\",\n      integrationData: {},\n      userRequestedPlan: null,\n      userRequestedSolution: null,\n      sourceConnected: null\n    };\n  },\n\n  methods: {\n    stepChanged(to) {\n      this.midTransition = this.nextTransition(this.currentStep, to);\n      this.$nextTick(() => {\n        this.currentStep = to;\n      });\n    },\n    userCreated(userData) {\n      console.log(\"user was created - next step\");\n\n      this.indicatorSteps[0].visited = true;\n      this.indicatorSteps[0].valid = true;\n      this.indicatorSteps[1].disabled = false;\n      this.indicatorSteps[1].allowed = true;\n      this.stepChanged(2);\n\n      //disable first step\n      this.$nextTick(() => {\n        this.indicatorSteps[0].disabled = true;\n      });\n    },\n    integrationCreated(integrationData, connected) {\n      console.log(\"Integration was created - next step\");\n      console.log(integrationData, connected);\n      this.integrationData = integrationData;\n\n      // False if a connector was created but never got connected\n      this.sourceConnected = connected;\n\n      localStorage.setItem(\"signupSourceID\", integrationData.id);\n      this.indicatorSteps[1].visited = true;\n      this.indicatorSteps[1].valid = true;\n      this.indicatorSteps[2].disabled = false;\n      this.indicatorSteps[2].allowed = true;\n\n      this.stepChanged(3);\n      //disable second step\n      this.$nextTick(() => {\n        this.indicatorSteps[1].disabled = true;\n      });\n    },\n    handleQueryParams(params) {\n      if (params.plan) {\n        // Save the requeste plan\n        switch (params.plan) {\n          case \"1\":\n            this.userRequestedPlan = 1;\n            break;\n          case \"2\":\n            this.userRequestedPlan = 2;\n            break;\n          case \"3\":\n            this.userRequestedPlan = 3;\n            break;\n          case \"4\":\n            this.userRequestedPlan = 4;\n            break;\n          default:\n            this.userRequestedPlan = null;\n        }\n      }\n      if (params.solution) {\n        // Save the requested solution\n        switch (params.solution) {\n          case \"premium\":\n            this.userRequestedSolution = \"premium\";\n            break;\n          case \"ai\":\n            this.userRequestedSolution = \"ai\";\n            break;\n          default:\n            this.userRequestedSolution = null;\n        }\n      }\n    },\n\n    cancelFlow() {\n      this.$store.dispatch(\"endSignupFlow\", \"NoIntegration\").finally(() => {\n        this.$router.push(\"/?quickstart=true&userCancelledFromStep=2\");\n      });\n    }\n  },\n  mounted() {\n    // retrieve url params\n    this.handleQueryParams(this.$router.currentRoute.query);\n  },\n  computed: {},\n  watch: {}\n};\n</script>\n\n<style lang=\"less\">\n#signup-flow {\n  min-height: 100vh;\n  width: 100vh;\n  display: flex;\n  justify-content: space-between;\n\n  main {\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    overflow-y: auto;\n    .steps {\n      display: flex;\n      flex-direction: row;\n    }\n\n    .description {\n      font-size: 12px;\n      color: var(--text-grey-primary);\n      font-weight: 500;\n      margin-bottom: 0;\n    }\n\n    .step-one,\n    .step-two {\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      width: 330px;\n    }\n\n    .btn-signup-flow {\n      border: none;\n      box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);\n      border-radius: 3px;\n      width: 100%;\n      text-align: left;\n      padding: 12px 18px;\n      font-weight: 700;\n      color: var(--orange-web);\n      background: var(--orange-web-20);\n      margin-bottom: 4px;\n\n      &:hover {\n        background: var(--orange-web-40);\n      }\n\n      &:disabled {\n        background: var(--orange-web-10);\n        color: var(--orange-web-40);\n        cursor: not-allowed;\n      }\n    }\n  }\n\n  .main-logo {\n    margin-top: 80px;\n    width: 220px;\n    margin-bottom: 36px;\n  }\n  .step-indicator {\n    margin-bottom: 36px;\n  }\n\n  aside {\n    width: clamp(400px, 40vw, 500px);\n    background: var(--signup-aside);\n    padding: 80px 80px 40px 80px;\n    box-shadow: inset 2px 0px 4px rgba(0, 0, 0, 0.05);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    overflow: hidden;\n    ul {\n      list-style-type: none;\n      margin: 0;\n      padding: 0;\n      & > li {\n        display: flex;\n        gap: 12px;\n        margin-bottom: 24px;\n        font-weight: 500;\n        .checkmark {\n          width: 14px;\n        }\n      }\n    }\n\n    .sideview-images {\n      position: relative;\n      .step {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n      }\n\n      img {\n        max-width: 100%;\n        height: auto;\n      }\n\n      .img-container {\n        height: 350px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 1100px) {\n  #signup-flow {\n    display: block;\n    min-height: auto;\n    width: auto;\n    aside {\n      display: flex;\n      flex-direction: row;\n      margin: 0;\n      margin-top: 80px;\n      width: 100vw;\n\n      .content {\n        display: flex;\n        flex-direction: row;\n        justify-content: space-between;\n      }\n\n      .sideview-images {\n        align-self: end;\n        margin-bottom: 0;\n        .step {\n          display: flex;\n          flex-direction: column-reverse;\n        }\n      }\n      .img-container {\n        max-width: 300px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n    }\n  }\n}\n@media only screen and (max-width: 900px) {\n  #signup-flow {\n    aside {\n      margin: 0;\n      margin-top: 80px;\n      display: block;\n      text-align: center;\n      // display: flex;\n      // flex-direction: column;\n      // justify-content: center;\n      > div {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        margin-bottom: 40px;\n      }\n      .sideview-images {\n        .step {\n          display: flex;\n          flex-direction: column;\n          h2 {\n            margin-bottom: 24px;\n          }\n        }\n\n        .img-container {\n          height: auto;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n        }\n      }\n    }\n\n    main .step-three {\n      .startup-options {\n        flex-direction: column;\n      }\n    }\n  }\n\n  .step-three .last-step {\n    max-width: 260px;\n  }\n}\n\n.s-first-enter-to .s-last-enter-to {\n  position: absolute;\n  opacity: 1;\n  transform: translateX(50px);\n}\n.s-first-enter,\n.s-first-leave-to {\n  position: absolute;\n  opacity: 0;\n  transform: translateX(-50px);\n}\n\n.s-last-enter,\n.s-last-leave-to {\n  position: absolute;\n  opacity: 0;\n  transform: translateX(50px);\n}\n.s-first-enter-active,\n.s-first-leave-active {\n  // transition: all 0.2s ease;\n  transition: transform 0.3s ease;\n  transition: opacity 0.2s ease;\n}\n.s-last-leave-active,\n.s-last-enter-active {\n  // transition: all 0.2s ease;\n  // transition-delay: 0.s-1s;\n  transition: transform 0.3s ease;\n  transition: opacity 0.2s ease;\n}\n\n.s-mid-next-enter {\n  position: absolute;\n  opacity: 0;\n  transform: translateX(50px);\n}\n.s-mid-next-leave-to {\n  position: absolute;\n  opacity: 0;\n  transform: translateX(-50px);\n}\n.s-mid-next-leave-active,\n.s-mid-next-enter-active {\n  // transition: all .0.2s ease;\n  // transition-delay:. 0.s-1s;\n  transition: transform 0.3s ease;\n  transition: opacity 0.2s ease;\n}\n\n.s-mid-previous-enter {\n  position: absolute;\n  opacity: 0;\n  transform: translateX(-50px);\n}\n.s-mid-previous-leave-to {\n  position: absolute;\n  opacity: 0;\n  transform: translateX(50px);\n}\n.s-mid-previous-leave-active,\n.s-mid-previous-enter-active {\n  // transition-delay:. 0.1s;\n  transition: transform 0.3s ease;\n  transition: opacity 0.2s ease;\n  // transition: all .0.2s ease;\n}\n\n.s-last-enter-active,\n.s-mid-previous-enter-active,\n.s-mid-next-enter-active,\n.s-first-enter-active {\n  transition-delay: 0.3s;\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!./SignupFlow.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!./SignupFlow.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SignupFlow.vue?vue&type=template&id=49b74b1c&\"\nimport script from \"./SignupFlow.vue?vue&type=script&lang=js&\"\nexport * from \"./SignupFlow.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SignupFlow.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!./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('form',{staticClass:\"step-one\",on:{\"submit\":function($event){$event.preventDefault();return _vm.signupUser($event)}}},[_c('p',{staticClass:\"description\"},[_vm._v(_vm._s(_vm.$t('signupflow.step-1.description')))]),_c('custom-input',{attrs:{\"id\":\"nameInput\",\"inputType\":'text',\"name\":'name',\"label\":_vm.$t('signupflow.step-1.input-1.label'),\"placeholder\":_vm.$t('signupflow.step-1.input-1.placeholder'),\"focusInputField\":true,\"boxed\":\"\"},model:{value:(_vm.userInfo.user.name),callback:function ($$v) {_vm.$set(_vm.userInfo.user, \"name\", $$v)},expression:\"userInfo.user.name\"}}),_c('custom-input',{attrs:{\"id\":\"emailInput\",\"inputType\":'email',\"name\":'email',\"label\":_vm.$t('signupflow.step-1.input-2.label'),\"placeholder\":_vm.$t('signupflow.step-1.input-2.placeholder'),\"supportingText\":_vm.emailSupportingText,\"boxed\":\"\"},model:{value:(_vm.userInfo.user.username),callback:function ($$v) {_vm.$set(_vm.userInfo.user, \"username\", $$v)},expression:\"userInfo.user.username\"}}),_c('custom-input',{ref:\"passwordInput\",attrs:{\"id\":\"passwordInput\",\"inputType\":'password',\"name\":'password',\"label\":_vm.$t('signupflow.step-1.input-3.label'),\"placeholder\":_vm.$t('signupflow.step-1.input-3.placeholder'),\"supportingText\":_vm.passwordSupportingText,\"boxed\":\"\"},model:{value:(_vm.userInfo.user.password),callback:function ($$v) {_vm.$set(_vm.userInfo.user, \"password\", $$v)},expression:\"userInfo.user.password\"}}),_c('checkbox',{staticClass:\"terms\",attrs:{\"lightLabel\":\"\",\"label\":'',\"name\":'terms',\"value\":_vm.terms},model:{value:(_vm.terms),callback:function ($$v) {_vm.terms=$$v},expression:\"terms\"}},[_c('span',{staticClass:\"text-muted text-small\",domProps:{\"innerHTML\":_vm._s(_vm.$t('signupflow.step-1.terms'))}})]),_c('button',{staticClass:\"btn-signup-flow\",attrs:{\"type\":\"submit\",\"disabled\":!_vm.valid || _vm.loading}},[_vm._v(\"\\n    \"+_vm._s(_vm.$t('signupflow.step-1.primary-btn'))+\" \"),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading),expression:\"loading\"}]},[_c('i',{staticClass:\"fa-light fa-circle-notch fa-spin\"})])]),_c('router-link',{staticClass:\"to-login\",attrs:{\"to\":{ name: 'login' }}},[_vm._v(\"\\n    \"+_vm._s(_vm.$t('signupflow.step-1.secondary-btn'))+\"\\n  \")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <form class=\"step-one\" @submit.prevent=\"signupUser\">\n    <p class=\"description\">{{$t('signupflow.step-1.description')}}</p>\n    <custom-input\n      v-model=\"userInfo.user.name\"\n      id=\"nameInput\"\n      :inputType=\"'text'\"\n      :name=\"'name'\"\n      :label=\"$t('signupflow.step-1.input-1.label')\"\n      :placeholder=\"$t('signupflow.step-1.input-1.placeholder')\"\n      :focusInputField=\"true\"\n      boxed\n    />\n    <custom-input\n      v-model=\"userInfo.user.username\"\n      id=\"emailInput\"\n      :inputType=\"'email'\"\n      :name=\"'email'\"\n      :label=\"$t('signupflow.step-1.input-2.label')\"\n      :placeholder=\"$t('signupflow.step-1.input-2.placeholder')\"\n      :supportingText=\"emailSupportingText\"\n      boxed\n    />\n    <custom-input\n      v-model=\"userInfo.user.password\"\n      id=\"passwordInput\"\n      ref=\"passwordInput\"\n      :inputType=\"'password'\"\n      :name=\"'password'\"\n      :label=\"$t('signupflow.step-1.input-3.label')\"\n      :placeholder=\"$t('signupflow.step-1.input-3.placeholder')\"\n      :supportingText=\"passwordSupportingText\"\n      boxed\n    />\n    <checkbox lightLabel :label=\"''\" :name=\"'terms'\" :value=\"terms\" v-model=\"terms\" class=\"terms\">\n      <span class=\"text-muted text-small\" v-html=\"$t('signupflow.step-1.terms')\"></span>\n    </checkbox>\n\n    <button type=\"submit\" class=\"btn-signup-flow\" :disabled=\"!valid || loading\">\n      {{$t('signupflow.step-1.primary-btn')}} <span v-show=\"loading\"><i class=\"fa-light fa-circle-notch fa-spin\"></i></span>\n    </button>\n\n    <router-link :to=\"{ name: 'login' }\" class=\"to-login\">\n      {{$t('signupflow.step-1.secondary-btn')}}\n    </router-link>\n  </form>\n</template>\n\n<script>\nimport appHelper from \"@/assets/js/appHelper.js\";\nimport Checkbox from \"@/components/Checkbox\";\nexport default {\n  components: { Checkbox },\n  data() {\n    return {\n      terms: false,\n      passwordSupportingText: this.$t('signupflow.step-1.password-text'),\n      emailSupportingText: \"\",\n      loading: false,\n      userInfo: {\n        name: \"\",\n        user: {\n          username: \"\",\n          password: \"\",\n          name: \"\",\n          phone: \" \"\n        }\n      },\n      userExistsError: false\n    };\n  },\n  props:{\n    userRequestedSolution: {\n      type: String,\n      default: null\n    },\n    userRequestedPlan: {\n      type: Number,\n      default: null\n    },\n  },\n  computed: {\n    valid() {\n      return (\n        this.userInfo.user.name &&\n        appHelper.emailRegex.test(this.userInfo.user.username) &&\n        this.userInfo.user.password &&\n        this.terms\n      );\n    }\n  },\n  methods: {\n    signupUser() {\n      this.loading = true;\n      this.userExistsError = false;\n      this.emailSupportingText = \"\";\n      // Check if terms are checked\n      // Do email validation\n\n      // Do password validation\n      if (!this.validatePassword(this.userInfo.user.password)) return (this.loading = false);\n      // set name to organization name\n      this.userInfo.name = this.userInfo.user.name + \"s organization\";\n\n      this.$store\n        .dispatch(\"signupFromFlow\", {userInfo: this.userInfo, params:{ solution: this.userRequestedSolution, plan: this.userRequestedPlan}})\n        .then(() => {\n          // If signup success - login and receive token emit ('user-created')\n          this.$store\n            .dispatch(\"logIn\", { email: this.userInfo.user.username, password: this.userInfo.user.password })\n            .then(() => {\n              this.loading = false;\n              this.$emit(\"user-created\", this.userInfo);\n            });\n        })\n        .catch((e) => {\n          this.loading = false;\n          if (e.status == 400) {\n            // If exists - Give message to go to login instead\n            const baseUrl = appHelper.getBaseUrl();\n            this.userExistsError = true;\n            this.emailSupportingText = `${this.$t('signupflow.step-1.email-text')} <a href=\"${baseUrl}/login\">${this.$t('signupflow.step-1.email-text-login')}</a>`;\n          }\n        });\n    },\n\n    validatePassword(password) {\n      this.passwordSupportingText = \"\";\n      if (password.length < 8) {\n        this.passwordSupportingText =  this.$t('signupflow.step-1.password-text-error')\n        return false;\n      }\n      return true;\n    }\n  },\n  watch: {\n    valid: {\n      handler: function(val) {\n        this.$emit(\"valid\", val);\n      }\n    }\n  }\n};\n</script>\n<style lang=\"less\">\n.step-one {\n  .terms {\n    margin-top: 18px;\n    font-weight: 500;\n  }\n}\n#app .step-one .to-login {\n  font-size: 12px;\n  color: var(--text-grey-primary);\n  text-decoration: underline;\n  align-self: flex-end;\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!./SignupStepOne.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!./SignupStepOne.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SignupStepOne.vue?vue&type=template&id=665c8743&\"\nimport script from \"./SignupStepOne.vue?vue&type=script&lang=js&\"\nexport * from \"./SignupStepOne.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SignupStepOne.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!./SignupFlow.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!./SignupFlow.vue?vue&type=style&index=0&lang=less&\""],"sourceRoot":""}