{"version":3,"sources":["webpack:///./src/components/modals/GenerateWebhook.vue?a5cd","webpack:///src/components/modals/GenerateWebhook.vue","webpack:///./src/components/modals/GenerateWebhook.vue?5e34","webpack:///./src/components/modals/GenerateWebhook.vue?aa79","webpack:///./src/components/modals/GenerateWebhook.vue?97c1"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","id","_v","_s","isFixedConnector","$t","on","submit","$event","stopPropagation","preventDefault","to","nativeOn","click","$emit","onCreateNewKey","newKey","ref","inputType","name","label","placeholder","focusInputField","optionBtn","btnVisible","btnText","btnPadding","option-btn-clicked","toggleNewKey","model","value","callback","$$v","newKeyName","expression","apikey","directives","rawName","type","domProps","input","target","composing","webhook","copyToClipboard","_e","disabled","valid","generateWebhook","loading","staticRenderFns","GenerateWebhookvue_type_script_lang_js_","props","publication","data","generated","copied","methods","_this","$nextTick","$refs","newApiInput","focus","_this2","scopes","$store","dispatch","then","JSON","stringify","res","key","generatedHook","_this3","appHelper","setTimeout","computed","state","fixedConnectors","map","c","includes","contentType","components","CustomInput","modals_GenerateWebhookvue_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_GenerateWebhook_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_GenerateWebhook_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n"],"mappings":"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","file":"js/lazy-view-components-modals-GenerateWebhook.15a1c178.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"editor-modal\",attrs:{\"id\":\"generate-webhook\"}},[_c('h2',[_vm._v(_vm._s(_vm.isFixedConnector ? _vm.$t(\"webhook.title-webhook\") : _vm.$t(\"webhook.title-endpoint\")))]),_c('form',{on:{\"submit\":function($event){$event.stopPropagation();$event.preventDefault();}}},[_c('span',[_vm._v(_vm._s(_vm.$t(\"webhook.info1\")))]),_c('router-link',{attrs:{\"to\":\"/settings/api-keys\"},nativeOn:{\"click\":function($event){return _vm.$emit('close')}}},[_vm._v(_vm._s(_vm.$t(\"webhook.info-link\"))+\" \")]),_c('span',[_vm._v(_vm._s(_vm.$t(\"webhook.info2\")))]),_c('a',{on:{\"click\":_vm.onCreateNewKey}},[_vm._v(_vm._s(_vm.$t(\"webhook.info-link2\")))]),_c('span',[_vm._v(_vm._s(_vm.$t(\"webhook.info3\")))]),(!_vm.newKey)?_c('custom-input',{staticClass:\"api-input\",attrs:{\"inputType\":'text',\"name\":'ApiForHook',\"label\":_vm.$t('data.existing-api-key'),\"placeholder\":_vm.$t('data.api-key'),\"focusInputField\":true,\"optionBtn\":true,\"btnVisible\":true,\"btnText\":_vm.$t('webhook.api-key-btn'),\"btnPadding\":true},on:{\"option-btn-clicked\":_vm.toggleNewKey},model:{value:(_vm.apikey),callback:function ($$v) {_vm.apikey=$$v},expression:\"apikey\"}}):_c('custom-input',{ref:\"newApiInput\",staticClass:\"api-input\",attrs:{\"inputType\":'text',\"name\":'newApiKey',\"label\":_vm.$t('webhook.new-key-label'),\"placeholder\":_vm.$t('webhook.new-key-placeholder'),\"focusInputField\":true,\"optionBtn\":true,\"btnVisible\":true,\"btnText\":_vm.$t('webhook.new-key-btn'),\"btnPadding\":true},on:{\"option-btn-clicked\":_vm.toggleNewKey},model:{value:(_vm.newKeyName),callback:function ($$v) {_vm.newKeyName=$$v},expression:\"newKeyName\"}}),(_vm.generated)?_c('div',{staticClass:\"result\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.webhook),expression:\"webhook\"}],ref:\"copier\",attrs:{\"type\":\"text\"},domProps:{\"value\":(_vm.webhook)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.webhook=$event.target.value}}}),_c('div',{staticClass:\"copy-to-clipboard\",on:{\"click\":function($event){return _vm.copyToClipboard()}}},[_c('i',{staticClass:\"fa-light fa-clipboard\"}),_c('span',[_vm._v(_vm._s(_vm.$t(\"webhook.copy-text\")))])]),(_vm.copied)?_c('div',{staticClass:\"copy-message\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"webhook.copy-msg\"))+\"\\n      \")]):_vm._e()]):_vm._e(),_c('div',{staticClass:\"footer\"},[_c('button',{staticClass:\"btn btn-md btn-primary\",attrs:{\"disabled\":!_vm.valid,\"type\":\"submit\"},on:{\"click\":function($event){return _vm.generateWebhook()}}},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading),expression:\"loading\"}]},[_c('i',{staticClass:\"fa-light fa-circle-notch fa-spin\"})]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.loading),expression:\"!loading\"}]},[_vm._v(_vm._s(_vm.$t(\"webhook.generate\")))])]),_c('button',{staticClass:\"btn btn-md btn-secondary\",attrs:{\"type\":\"reset\"},on:{\"click\":function($event){return _vm.$emit('close')}}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"template.cr-tp-btn-cancel\"))+\"\\n      \")])])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"generate-webhook\" class=\"editor-modal\">\n    <h2>{{ isFixedConnector ? $t(\"webhook.title-webhook\") : $t(\"webhook.title-endpoint\") }}</h2>\n\n    <form @submit.stop.prevent>\n      <span>{{ $t(\"webhook.info1\") }}</span>\n      <router-link @click.native=\"$emit('close')\" to=\"/settings/api-keys\">{{ $t(\"webhook.info-link\") }} </router-link>\n      <span>{{ $t(\"webhook.info2\") }}</span>\n      <a @click=\"onCreateNewKey\">{{ $t(\"webhook.info-link2\") }}</a>\n      <span>{{ $t(\"webhook.info3\") }}</span>\n\n      <custom-input\n        v-if=\"!newKey\"\n        class=\"api-input\"\n        v-model=\"apikey\"\n        :inputType=\"'text'\"\n        :name=\"'ApiForHook'\"\n        :label=\"$t('data.existing-api-key')\"\n        :placeholder=\"$t('data.api-key')\"\n        :focusInputField=\"true\"\n        @option-btn-clicked=\"toggleNewKey\"\n        :optionBtn=\"true\"\n        :btnVisible=\"true\"\n        :btnText=\"$t('webhook.api-key-btn')\"\n        :btnPadding=\"true\"\n      />\n      <custom-input\n        v-else\n        class=\"api-input\"\n        v-model=\"newKeyName\"\n        :inputType=\"'text'\"\n        :name=\"'newApiKey'\"\n        :label=\"$t('webhook.new-key-label')\"\n        :placeholder=\"$t('webhook.new-key-placeholder')\"\n        :focusInputField=\"true\"\n        @option-btn-clicked=\"toggleNewKey\"\n        :optionBtn=\"true\"\n        :btnVisible=\"true\"\n        :btnText=\"$t('webhook.new-key-btn')\"\n        ref=\"newApiInput\"\n        :btnPadding=\"true\"\n      />\n\n      <div class=\"result\" v-if=\"generated\">\n        <input ref=\"copier\" type=\"text\" v-model=\"webhook\" />\n\n        <div class=\"copy-to-clipboard\" @click=\"copyToClipboard()\">\n          <i class=\"fa-light fa-clipboard\"></i>\n          <span>{{ $t(\"webhook.copy-text\") }}</span>\n        </div>\n\n        <div v-if=\"copied\" class=\"copy-message\">\n          {{ $t(\"webhook.copy-msg\") }}\n        </div>\n      </div>\n\n      <div class=\"footer\">\n        <button class=\"btn btn-md btn-primary\" :disabled=\"!valid\" type=\"submit\" @click=\"generateWebhook()\">\n          <span v-show=\"loading\"><i class=\"fa-light fa-circle-notch fa-spin\"></i> </span>\n          <span v-show=\"!loading\">{{ $t(\"webhook.generate\") }}</span>\n        </button>\n        <button class=\"btn btn-md btn-secondary\" type=\"reset\" @click=\"$emit('close')\">\n          {{ $t(\"template.cr-tp-btn-cancel\") }}\n        </button>\n      </div>\n    </form>\n  </div>\n</template>\n\n<script>\nimport appHelper from \"@/assets/js/appHelper.js\";\nimport CustomInput from \"@/components/CustomInput\";\nexport default {\n  props: {\n    publication: Object,\n  },\n  data() {\n    return {\n      webhook: \"\",\n      apikey: \"\",\n      generated: false,\n      copied: false,\n      newKey: false,\n      newKeyName: \"\",\n      loading: false,\n    };\n  },\n  methods: {\n    onCreateNewKey() {\n      this.newKey = true;\n      this.$nextTick(() => {\n        this.$refs.newApiInput.focus();\n      });\n    },\n    toggleNewKey() {\n      this.newKey = !this.newKey;\n    },\n    generateWebhook() {\n      if (this.newKey) {\n        this.loading = true;\n        const data = {\n          name: this.newKeyName,\n          scopes: [\"template_generate\"],\n        };\n        this.$store.dispatch(\"getApiKeys\").then(() => {\n          this.$store.dispatch(\"addApi\", JSON.stringify(data)).then((res) => {\n            this.apikey = res.key;\n            this.webhook = this.generatedHook;\n            this.generated = true;\n            this.loading = false;\n          });\n        });\n      } else {\n        this.webhook = this.generatedHook;\n        this.generated = true;\n      }\n    },\n    copyToClipboard() {\n      appHelper.copyToClipboard(this.webhook);\n      this.copied = true;\n      setTimeout(() => {\n        this.copied = false;\n      }, 2000);\n    },\n  },\n  computed: {\n    isFixedConnector() {\n      return this.$store.state.fixedConnectors.map((c) => c.value).includes(this.publication.contentType.name);\n    },\n    generatedHook() {\n      if (this.isFixedConnector == true)\n        return \"https://api.icrobotics.com/templates/\" + this.publication.id + \"/trigger?x-api-key=\" + this.apikey;\n      else\n        return (\n          \"https://api.icrobotics.com/templates/\" +\n          this.publication.id +\n          \"/generate?contentId={contentId}&x-api-key=\" +\n          this.apikey\n        );\n    },\n    valid() {\n      return this.newKey ? this.newKeyName : this.apikey;\n    },\n  },\n  components: {\n    CustomInput,\n  },\n};\n</script>\n\n<style lang=\"less\">\n#generate-webhook {\n  padding: 30px 25px 25px 25px;\n  h2 {\n    margin: 0;\n  }\n  .footer {\n    margin-top: 20px;\n  }\n  .info {\n    cursor: default;\n  }\n  .result {\n    position: relative;\n    input {\n      width: 100%;\n      height: 40px;\n      margin-bottom: 10px;\n    }\n  }\n  .api-input {\n    margin: 0 0 12px 0;\n  }\n  .copy-message {\n    color: #fff;\n    position: absolute;\n    left: 20px;\n    bottom: 20px;\n    background-color: var(--charcoal);\n    box-shadow: 2px 4px 4px 2px rgba(0, 0, 0, 0.041);\n    padding: 5px 10px;\n    transform-origin: 0;\n  }\n  .copy-to-clipboard {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    color: var(--charcoal-75);\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!./GenerateWebhook.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!./GenerateWebhook.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GenerateWebhook.vue?vue&type=template&id=1aabb6f4&\"\nimport script from \"./GenerateWebhook.vue?vue&type=script&lang=js&\"\nexport * from \"./GenerateWebhook.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GenerateWebhook.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!./GenerateWebhook.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!./GenerateWebhook.vue?vue&type=style&index=0&lang=less&\""],"sourceRoot":""}