{"version":3,"sources":["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"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","submit","$event","preventDefault","onSubmitIntegration","_v","_s","$t","attrs","disabled","createdIntegration","options","connectors","legend","label","optionHasImgSources","model","value","callback","$$v","connectorType","expression","click","onCancelFlow","ready","domProps","innerHTML","connectorSetup","setupDescription","href","guideLink","target","guideText","formData","form","source","connectorSource","formDataIndex","ignoreInvalid","boxed","changes","changesMade","type","valid","primaryButtonMessage","directives","name","rawName","_e","connectionMessage","proceed","showOkMessage","connectionError","cancelFlow","staticRenderFns","SignupStepTwovue_type_script_lang_js_","components","CustomSelect","DynamicForm","data","imgSrc","loading","connectedToShop","noIntegrationOption","computed","methods","updateIntegrationSettings","createIntegration","_this","$store","dispatch","then","defaultConfig","res","connector","js_connector","concat","console","body","id","connection","handleConnectionStatus","$emit","finally","catch","_this2","integration","_objectSpread","key","$nextTick","checkUpdatedSourceConnection","_this3","retry","arguments","length","undefined","setTimeout","connected","watch","handler","_this4","quickConnectors","components_SignupStepTwovue_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_SignupStepTwo_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_SignupStepTwo_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n"],"mappings":"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","file":"js/lazy-view-components-SignupStepTwo.670ce46b.js","sourcesContent":["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&\""],"sourceRoot":""}