{"version":3,"sources":["webpack:///./src/components/SignupAIStartupForm.vue?453a","webpack:///src/components/SignupAIStartupForm.vue","webpack:///./src/components/SignupAIStartupForm.vue?f592","webpack:///./src/components/SignupAIStartupForm.vue?138e","webpack:///./src/components/SignupAIStartupForm.vue?e439","webpack:///./src/assets/svg/arrow-right-ai.svg"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","submit","$event","stopPropagation","preventDefault","_v","_s","$t","click","languages","focus","attrs","placeholder","label","name","boxed","autoComplete","input","searchDebounce","language","model","value","callback","$$v","expression","_l","lang","index","key","onLanguageChange","_e","type","disabled","loadingWebhook","loadingTemplate","onPublish","directives","rawName","src","__webpack_require__","alt","href","webHookLink","target","webhookReady","isDisabled","inputType","id","supportingText","webhook","tooltip","tooltip-placement","copyWebhook","navigateToPlatform","staticRenderFns","SignupAIStartupFormvue_type_script_lang_js_","components","OutsideClickWrapper","data","_this","publishedId","templateCreated","template","filter","length","getLanguages","props","contentSource","sourceConnected","default","methods","_this2","$store","dispatch","then","res","findStandardTemplateId","isProduction","contentType","navigateToEditor","publish","requestedWebhook","_this3","templateName","standardTemplateId","_objectSpread","sections","outputSettings","publication","publicationName","existingPublication","apiKey","scopes","JSON","stringify","apiKeyResult","concat","finally","catch","appHelper","_this4","$router","push","metadata","_this5","computed","document","location","hostname","includes","components_SignupAIStartupFormvue_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_SignupAIStartupForm_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_SignupAIStartupForm_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n","module","exports","p"],"mappings":"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","file":"js/lazy-view-components-SignupAIStartupForm.6ee6e1b2.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('form',{staticClass:\"ai-startup-form\",on:{\"submit\":function($event){$event.stopPropagation();$event.preventDefault();}}},[_c('div',[_c('h4',[_vm._v(_vm._s(_vm.$t(\"signupflow.step-3.ai.form.title\")))]),_c('p',{staticClass:\"description text-muted text-small\"},[_vm._v(\"\\n      \"+_vm._s(_vm.$t(\"signupflow.step-3.ai.form.description\"))+\"\\n    \")])]),_c('div',{staticClass:\"selectors\"},[_c('OutsideClickWrapper',{on:{\"click\":function($event){_vm.languages = []},\"focus\":function($event){_vm.languages = []}}},[_c('div',{staticClass:\"language-select\"},[_c('custom-input',{attrs:{\"placeholder\":_vm.$t('signupflow.step-3.ai.form.select.placeholder'),\"label\":_vm.$t('signupflow.step-3.ai.form.select.label'),\"name\":\"Production language\",\"boxed\":\"\",\"autoComplete\":\"off\"},on:{\"input\":function($event){return _vm.searchDebounce(_vm.language)}},model:{value:(_vm.language),callback:function ($$v) {_vm.language=$$v},expression:\"language\"}}),(_vm.languages)?_c('ul',{staticClass:\"language-results\"},_vm._l((_vm.languages),function(lang,index){return _c('li',{key:index,staticClass:\"language-result\"},[_c('button',{on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.onLanguageChange(lang)}}},[_vm._v(_vm._s(lang))])])}),0):_vm._e()],1)])],1),_c('button',{staticClass:\"btn-signup-flow\",attrs:{\"type\":\"button\",\"disabled\":!_vm.language || _vm.loadingWebhook || _vm.loadingTemplate},on:{\"click\":function($event){return _vm.onPublish()}}},[_c('span',[_vm._v(\"\\n      \"+_vm._s(_vm.$t('signupflow.step-3.ai.form.primary-btn'))+\" \"),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loadingTemplate),expression:\"loadingTemplate\"}]},[_c('i',{staticClass:\"fa-light fa-circle-notch fa-spin\"})])]),_c('img',{attrs:{\"src\":require(\"@/assets/svg/arrow-right-ai.svg\"),\"alt\":\"button arrow\"}})]),_c('div',{staticClass:\"ai-cta\"},[_c('p',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.$t('signupflow.step-3.ai.form.cta.title')))]),_c('p',{staticClass:\"description\"},[_vm._v(_vm._s(_vm.$t('signupflow.step-3.ai.form.cta.description')))]),_c('a',{staticClass:\"ai-link\",attrs:{\"href\":_vm.webHookLink,\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.$t('signupflow.step-3.ai.form.cta.link-text')))]),_c('div',{staticClass:\"webhook-wrapper\"},[_c('div',{staticClass:\"input-wrapper\"},[(!_vm.webhookReady)?_c('div',{staticClass:\"overlay\"},[_c('button',{attrs:{\"type\":\"button\",\"disabled\":!_vm.language || _vm.loadingWebhook || _vm.loadingTemplate},on:{\"click\":function($event){return _vm.onPublish(true)}}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('signupflow.step-3.ai.form.cta.webhook-btn'))+\"\\n          \")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loadingWebhook),expression:\"loadingWebhook\"}]},[_c('i',{staticClass:\"fa-light fa-circle-notch fa-spin\"})])]):_vm._e(),_c('custom-input',{attrs:{\"boxed\":\"\",\"isDisabled\":\"\",\"inputType\":\"text\",\"name\":\"Webhook\",\"label\":\"Webhook\",\"id\":\"webhookInput\",\"placeholder\":_vm.$t('signupflow.step-3.ai.form.cta.placeholder'),\"supportingText\":_vm.webhookReady ? _vm.$t('signupflow.step-3.ai.form.cta.supporting-text-2') : _vm.$t('signupflow.step-3.ai.form.cta.supporting-text-1')},model:{value:(_vm.webhook),callback:function ($$v) {_vm.webhook=$$v},expression:\"webhook\"}})],1),_c('button',{staticClass:\"btn-copy\",attrs:{\"type\":\"button\",\"disabled\":!_vm.webhookReady,\"tooltip\":_vm.$t('signupflow.step-3.ai.form.cta.copy-tooltip'),\"tooltip-placement\":\"left\"},on:{\"click\":_vm.copyWebhook}},[_c('i',{staticClass:\"fa-light fa-clipboard\"})])]),_c('transition',{attrs:{\"name\":\"quick-fade-in\"}},[(_vm.webhookReady)?_c('div',{staticClass:\"generation-settings\"},[_c('p',{staticClass:\"description\"},[_vm._v(\"\\n          \"+_vm._s(_vm.$t('signupflow.step-3.ai.form.webhook-ready.description'))+\"\\n          \"),_c('a',{on:{\"click\":function($event){return _vm.navigateToPlatform()}}},[_vm._v(_vm._s(_vm.$t('signupflow.step-3.ai.form.webhook-ready.navigation-text')))])]),_c('a',{staticClass:\"ai-link\",attrs:{\"href\":_vm.webHookLink,\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.$t('signupflow.step-3.ai.form.webhook-ready.link-text')))])]):_vm._e()])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <form @submit.stop.prevent class=\"ai-startup-form\">\n    <div>\n      <h4>{{ $t(\"signupflow.step-3.ai.form.title\") }}</h4>\n      <p class=\"description text-muted text-small\">\n        {{ $t(\"signupflow.step-3.ai.form.description\") }}\n      </p>\n    </div>\n\n    <div class=\"selectors\">\n      <OutsideClickWrapper @click=\"languages = []\" @focus=\"languages = []\">\n        <div class=\"language-select\">\n          <custom-input\n            v-model=\"language\"\n            :placeholder=\"$t('signupflow.step-3.ai.form.select.placeholder')\"\n            :label=\"$t('signupflow.step-3.ai.form.select.label')\"\n            name=\"Production language\"\n            boxed\n            @input=\"searchDebounce(language)\"\n            autoComplete=\"off\"\n          />\n          <ul class=\"language-results\" v-if=\"languages\">\n            <li class=\"language-result\" v-for=\"(lang, index) in languages\" :key=\"index\">\n              <button class=\"\" @click.stop.prevent=\"onLanguageChange(lang)\">{{ lang }}</button>\n            </li>\n          </ul>\n        </div>\n      </OutsideClickWrapper>\n    </div>\n    <button\n      class=\"btn-signup-flow\"\n      type=\"button\"\n      @click=\"onPublish()\"\n      :disabled=\"!language || loadingWebhook || loadingTemplate\"\n    >\n      <span>\n        {{$t('signupflow.step-3.ai.form.primary-btn')}} <span v-show=\"loadingTemplate\"><i class=\"fa-light fa-circle-notch fa-spin\"></i></span>\n      </span>\n      <img src=\"@/assets/svg/arrow-right-ai.svg\" alt=\"button arrow\" />\n    </button>\n\n    <div class=\"ai-cta\">\n      <p class=\"title\">{{$t('signupflow.step-3.ai.form.cta.title')}}</p>\n      <p class=\"description\">{{$t('signupflow.step-3.ai.form.cta.description')}}</p>\n      <a :href=\"webHookLink\" target=\"_blank\" class=\"ai-link\">{{$t('signupflow.step-3.ai.form.cta.link-text')}}</a>\n\n      <div class=\"webhook-wrapper\">\n        <div class=\"input-wrapper\">\n          <div v-if=\"!webhookReady\" class=\"overlay\">\n            <button type=\"button\" @click=\"onPublish(true)\" :disabled=\"!language || loadingWebhook || loadingTemplate\">\n              {{$t('signupflow.step-3.ai.form.cta.webhook-btn')}}\n            </button>\n            <span v-show=\"loadingWebhook\"><i class=\"fa-light fa-circle-notch fa-spin\"></i></span>\n          </div>\n          <custom-input\n            v-model=\"webhook\"\n            boxed\n            isDisabled\n            inputType=\"text\"\n            name=\"Webhook\"\n            label=\"Webhook\"\n            id=\"webhookInput\"\n            :placeholder=\"$t('signupflow.step-3.ai.form.cta.placeholder')\"\n            :supportingText=\"webhookReady ? $t('signupflow.step-3.ai.form.cta.supporting-text-2') : $t('signupflow.step-3.ai.form.cta.supporting-text-1')\"\n          />\n        </div>\n        <button\n          class=\"btn-copy\"\n          type=\"button\"\n          :disabled=\"!webhookReady\"\n          @click=\"copyWebhook\"\n          :tooltip=\"$t('signupflow.step-3.ai.form.cta.copy-tooltip')\"\n          tooltip-placement=\"left\"\n        >\n          <i class=\"fa-light fa-clipboard\"></i>\n        </button>\n      </div>\n      <transition name=\"quick-fade-in\">\n        <div v-if=\"webhookReady\" class=\"generation-settings\">\n          <p class=\"description\">\n            {{$t('signupflow.step-3.ai.form.webhook-ready.description')}}\n            <a @click=\"navigateToPlatform()\">{{$t('signupflow.step-3.ai.form.webhook-ready.navigation-text')}}</a>\n            <!-- <router-link :to=\"'/?quickstart=true&templateType=ai&userCompletedFlow=true' \">the platform</router-link> -->\n          </p>\n          <a :href=\"webHookLink\" target=\"_blank\" class=\"ai-link\">{{$t('signupflow.step-3.ai.form.webhook-ready.link-text')}}</a>\n        </div>\n      </transition>\n    </div>\n  </form>\n</template>\n\n<script>\nimport OutsideClickWrapper from \"@/components/OutsideClickWrapper.vue\";\nimport appHelper from \"@/assets/js/appHelper\";\nimport debounce from \"lodash/debounce\";\nexport default {\n  components: {\n    OutsideClickWrapper\n  },\n  data() {\n    return {\n      language: \"\",\n      webhook: \"some webhook\",\n      webhookReady: false,\n      publishedId: null,\n      templateCreated: false,\n      template: null,\n      loadingTemplate: false,\n      loadingWebhook: false,\n      languages: [],\n      searchDebounce: debounce((filter) => {\n        if (filter.length) this.getLanguages(filter);\n        else {\n          this.languages = [];\n        }\n      }, 100)\n    };\n  },\n  props: {\n    contentSource: {\n      type: Object\n    },\n    sourceConnected: {\n      type: Boolean,\n      default: null\n    }\n  },\n  methods: {\n    getLanguages() {\n      this.$store.dispatch(\"getLanguages\", this.language).then((res) => {\n        this.languages = res;\n      });\n    },\n    findStandardTemplateId() {\n      // Find the standard template that matches the content source\n      if (this.isProduction) {\n        switch (this.contentSource.contentType.name) {\n          case \"Shopify\":\n            return 1343;\n          case \"WooCommerce\":\n            return 1344;\n          case \"DanDomain\":\n            return 1345;\n          case \"Magento\":\n            return 1346;\n          case \"Shoporama\":\n            return 1347;\n          default:\n            return null;\n        }\n      } else {\n        return 957;\n      }\n    },\n    onPublish(requestedWebhook) {\n      if (this.templateCreated) {\n        this.navigateToEditor();\n      } else this.publish(requestedWebhook);\n    },\n    publish(requestedWebhook) {\n      // Create the template\n      if (requestedWebhook) this.loadingWebhook = true;\n      else this.loadingTemplate = true;\n      this.$store\n        .dispatch(\"createTemplate\", {\n          templateName: \"My first AI template\",\n          contentType: this.contentSource.contentType,\n          contentSource: [this.contentSource],\n          language: this.language,\n          standardTemplateId: this.findStandardTemplateId()\n        })\n        .then((res) => {\n          this.template = { ...res };\n          this.template.sections[0].outputSettings.language = this.language;\n          this.templateCreated = true;\n\n          this.$store.dispatch(\"saveTemplateFromSignupFlow\", this.template).then((res) => {\n            if (requestedWebhook) {\n              const publication = {\n                publicationName: \"My first AI publication\",\n                template: { id: this.template.metadata.id },\n                existingPublication: false\n              };\n\n              this.$store\n                .dispatch(\"publishTemplate\", publication)\n                .then((res) => {\n                  this.publishedId = res.id;\n                  const apiKey = { name: \"My api key\", scopes: [\"template_generate\"] };\n                  this.$store.dispatch(\"addApi\", JSON.stringify(apiKey)).then((apiKeyResult) => {\n                    this.webhook = `https://${!this.isProduction ? \"staging.\" : \"\"}api.icrobotics.com/templates/${\n                      this.publishedId\n                    }/trigger?x-api-key=${apiKeyResult.key}`;\n                    this.webhookReady = true;\n                  });\n                })\n                .finally(() => {\n                  this.loadingTemplate = false;\n                  this.loadingWebhook = false;\n                });\n            } else this.navigateToEditor();\n          });\n        })\n        .catch((err) => {\n          this.loadingTemplate = false;\n          this.loadingWebhook = false;\n        });\n      // this.webhookReady = true;\n    },\n    copyWebhook() {\n      appHelper.copyToClipboard(this.webhook);\n    },\n    onLanguageChange(language) {\n      this.language = language;\n      this.languages = [];\n    },\n    navigateToEditor() {\n      this.$store.dispatch(\"endSignupFlow\", \"AI\").finally(() => {\n        this.$router.push(`/templates/${this.template.metadata.id}?quickStart=true&templateType=ai&userCompletedFlow=true`);\n      });\n    },\n    navigateToPlatform() {\n      this.$store.dispatch(\"endSignupFlow\", \"AI\").finally(() => {\n        this.$router.push(`/?quickstart=true&templateType=ai&userCompletedFlow=true`);\n      });\n    }\n  },\n  computed: {\n    isProduction() {\n      return (\n        document.location.hostname.includes(\"app.icrobotics.com\") &&\n        !document.location.hostname.includes(\"staging\") &&\n        !document.location.hostname.includes(\"dev\")\n      );\n    },\n\n    webHookLink() {\n      switch (this.contentSource.contentType.name) {\n        case \"Shopify\":\n          return \"https://help.icrobotics.com/how-to-generate-texts-from-ic-robotics-til-shopify\";\n        case \"WooCommerce\":\n          return \"https://help.icrobotics.com/how-do-i-generate-texts-from-ic-robotics-to-woocommerce\";\n        case \"DanDomain\":\n          return \"https://help.icrobotics.com/how-do-i-generate-texts-from-ic-robotics-to-dandomain-classic\";\n        case \"Magento\":\n          return \"https://help.icrobotics.com/how-do-i-generate-texts-for-magento2\";\n        case \"Shoporama\":\n          return \"https://help.icrobotics.com/integrations\";\n        default:\n          return \"https://help.icrobotics.com/integrations\";\n      }\n    }\n  }\n};\n</script>\n\n<style lang=\"less\">\n#signup-flow main .ai-startup-form {\n  .btn-signup-flow {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 12px;\n\n    &:disabled {\n      background: none;\n      color: var(--ai-secondary-40);\n      border: 1px solid var(--ai-secondary-40);\n      img {\n        opacity: 0.4;\n      }\n    }\n  }\n}\n.ai-cta {\n  margin-top: 12px;\n  .title {\n    font-weight: 500;\n    margin-bottom: 0px;\n  }\n\n  .webhook-wrapper {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    .input-wrapper {\n      position: relative;\n      flex-grow: 1;\n      input {\n        width: 100%;\n      }\n      .overlay {\n        z-index: 10;\n        position: absolute;\n        background: #fff;\n        left: 2px;\n        bottom: 23px;\n        padding: 2px 0;\n        width: calc(100% - 4px);\n        text-align: center;\n        cursor: pointer;\n\n        button {\n          border: none;\n          background: none;\n          text-decoration: underline;\n        }\n      }\n    }\n\n    .btn-copy {\n      border: none;\n      background: none;\n      margin-top: 16px;\n    }\n  }\n  .generation-settings {\n    margin-top: 18px;\n  }\n}\n\n.language-select {\n  position: relative;\n  .language-results {\n    position: absolute;\n    top: calc(100% + 2px);\n    left: 0;\n    right: 0;\n    background: #fff;\n    z-index: 99;\n    border-radius: 4px;\n    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);\n    max-height: 200px;\n    overflow-y: auto;\n    padding: 0;\n    list-style-type: none;\n    display: flex;\n    flex-direction: column;\n    gap: 1px;\n    .language-result {\n      button {\n        padding: 4px 12px;\n        width: 100%;\n        text-align: left;\n        border: none;\n        background: none;\n        outline: none !important;\n      }\n      &:hover,\n      &focus,\n      &:focus-within {\n        button {\n          background: var(--charcoal-10);\n          outline: none;\n          border: none;\n        }\n      }\n    }\n  }\n}\n\n#app .ai-cta a {\n  color: var(--ai-secondary);\n  text-decoration: underline;\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!./SignupAIStartupForm.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!./SignupAIStartupForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SignupAIStartupForm.vue?vue&type=template&id=69c5a10a&\"\nimport script from \"./SignupAIStartupForm.vue?vue&type=script&lang=js&\"\nexport * from \"./SignupAIStartupForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SignupAIStartupForm.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!./SignupAIStartupForm.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!./SignupAIStartupForm.vue?vue&type=style&index=0&lang=less&\"","module.exports = __webpack_public_path__ + \"img/arrow-right-ai.13a117cb.svg\";"],"sourceRoot":""}