{"version":3,"sources":["webpack:///./src/components/popups/interactionSettings.vue","webpack:///src/components/popups/interactionSettings.vue","webpack:///./src/components/popups/interactionSettings.vue?dbaf","webpack:///./src/components/popups/interactionSettings.vue?02bb","webpack:///./src/components/popups/interactionSettings.vue?7493"],"names":["render","_vm","this","_c","_self","staticClass","on","onHideModal","$event","stopPropagation","_m","showPopoupChangeImage","attrs","faviconUrl","setDefaultFavicon","_v","directives","name","rawName","value","interactionName","expression","editContentMode","domProps","target","composing","gtagId","_s","errorMsg","ref","popupsVisible","preventDefault","onSave","apply","arguments","staticRenderFns","require","components","data","externalDomain","computed","mapGetters","myInteractions","activeMyInteraction","myInteracionFavicon","mounted","_this$activeMyInterac","external_domain","gtag_id","methods","src","$emit","$store","dispatch","type","callback","onChangeImage","idx","url","then","clearAll","catch","error","showErrorMsg","msg","component"],"mappings":"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","file":"js/interactionSettings.7585866f.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"popup-wraper\",on:{\"click\":_vm.onHideModal}},[_c('div',{staticClass:\"popup-overlay\",on:{\"click\":function($event){$event.stopPropagation();}}},[_vm._m(0),_c('div',{staticClass:\"popup-container\"},[_c('div',{staticClass:\"content-wraper\"},[_c('div',{staticClass:\"input-wrapper\"},[_c('button',{staticClass:\"favicon-btn\",on:{\"click\":_vm.showPopoupChangeImage}},[_c('img',{attrs:{\"alt\":\"img\",\"src\":_vm.faviconUrl},on:{\"error\":_vm.setDefaultFavicon}})]),_c('span',{staticClass:\"tabs-span\"},[_vm._v(\"favicon\")])]),_c('div',{staticClass:\"input-wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.interactionName),expression:\"interactionName\"}],attrs:{\"type\":\"text\",\"disabled\":_vm.editContentMode},domProps:{\"value\":(_vm.interactionName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.interactionName=$event.target.value}}}),_c('span',{staticClass:\"tabs-span\"},[_vm._v(\"name/title\")])]),_c('div',{staticClass:\"input-wrapper\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.gtagId),expression:\"gtagId\"}],attrs:{\"type\":\"text\",\"disabled\":_vm.editContentMode},domProps:{\"value\":(_vm.gtagId)},on:{\"input\":function($event){if($event.target.composing)return;_vm.gtagId=$event.target.value}}}),_c('span',{staticClass:\"tabs-span\"},[_vm._v(\"google analytics id\")])])]),_c('div',{staticClass:\"error\"},[_vm._v(_vm._s(_vm.errorMsg))]),_c('button',{ref:\"saveBtn\",staticClass:\"popup-btn\",attrs:{\"data-is-avalable\":_vm.popupsVisible,\"id\":\"apply-btn\"},on:{\"click\":function($event){$event.preventDefault();return _vm.onSave.apply(null, arguments)}}},[_vm._v(\" apply \")])]),_c('div',{staticClass:\"popup-close\",on:{\"click\":_vm.onHideModal}},[_vm._v(\"×\")])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"popup-overlay-title\"},[_c('img',{attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/user_settings.svg\")}}),_c('span',{staticClass:\"popup-overlay-title-span\"},[_vm._v(\"Interaction settings\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"popup-wraper\" @click=\"onHideModal\">\n    <div class=\"popup-overlay\" @click.stop>\n      <div class=\"popup-overlay-title\">\n        <img alt=\"img\" src=\"@/assets/img/user_settings.svg\" />\n        <span class=\"popup-overlay-title-span\">Interaction settings</span>\n      </div>\n      <div class=\"popup-container\">\n        <div class=\"content-wraper\">\n          <div class=\"input-wrapper\">\n            <button @click=\"showPopoupChangeImage\" class=\"favicon-btn\">\n              <img alt=\"img\" :src=\"faviconUrl\" @error=\"setDefaultFavicon\" />\n            </button>\n\n            <span class=\"tabs-span\">favicon</span>\n          </div>\n          <div class=\"input-wrapper\">\n            <input\n              type=\"text\"\n              :disabled=\"editContentMode\"\n              v-model=\"interactionName\"\n            />\n            <span class=\"tabs-span\">name/title</span>\n          </div>\n          <div class=\"input-wrapper\">\n            <input type=\"text\" :disabled=\"editContentMode\" v-model=\"gtagId\" />\n            <span class=\"tabs-span\">google analytics id</span>\n          </div>\n          <!-- <div class=\"input-wrapper\">\n            <input type=\"text\" v-model=\"externalDomain\" />\n            <span class=\"tabs-span\">external domin</span>\n          </div> -->\n        </div>\n        <div class=\"error\">{{ errorMsg }}</div>\n        <button\n          ref=\"saveBtn\"\n          :data-is-avalable=\"popupsVisible\"\n          id=\"apply-btn\"\n          class=\"popup-btn\"\n          @click.prevent=\"onSave\"\n        >\n          apply\n        </button>\n      </div>\n      <div class=\"popup-close\" @click=\"onHideModal\">&times;</div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\n\nimport \"@/assets/css/popups.css\";\n\nexport default {\n  name: \"InteractionSettingsPopup\",\n  components: {},\n  data() {\n    return {\n      externalDomain: \"\",\n      gtagId: \"\",\n      errorMsg: \"\",\n      interactionName: \"\"\n    };\n  },\n  computed: {\n    ...mapGetters({\n      popupsVisible: \"workSpace/popupsVisible\",\n      myInteractions: \"customContent/myInteractions\",\n      activeMyInteraction: \"workSpace/activeMyInteraction\",\n      myInteracionFavicon: \"workSpace/myInteracionFavicon\",\n      editContentMode: \"workSpace/editContentMode\"\n    }),\n    faviconUrl() {\n      return this.myInteracionFavicon || require(\"@/assets/img/mob-logo.svg\");\n    }\n  },\n  mounted() {\n    if (this.activeMyInteraction) {\n      this.externalDomain = this.activeMyInteraction.external_domain;\n      this.gtagId = this.activeMyInteraction.gtag_id;\n      this.interactionName = this.activeMyInteraction?.name;\n    }\n  },\n  methods: {\n    setDefaultFavicon({ target }) {\n      target.src = require(\"@/assets/img/mob-logo.svg\");\n    },\n    onHideModal() {\n      this.$emit(\"hide-modal\");\n    },\n    showPopoupChangeImage() {\n      this.$store.dispatch(\"workSpace/showPopup\", {\n        type: \"changeImage\",\n        data: {\n          callback: this.onChangeImage,\n          idx: null\n        }\n      });\n    },\n    onChangeImage(idx, url) {\n      this.$store\n        .dispatch(\"customContent/updateMyInteractionFavicon\", url)\n        .then(() => {\n          this.$store.dispatch(\"workSpace/showPopup\", { clearAll: true });\n        });\n    },\n    onSave() {\n      this.$store\n        .dispatch(\"customContent/updateInteractionSettings\", {\n          external_domain: this.externalDomain,\n          gtag_id: this.gtagId,\n          name: this.interactionName\n        })\n        .catch(error => {\n          this.showErrorMsg(error);\n        });\n    },\n    showErrorMsg(msg = \"\") {\n      this.errorMsg = msg;\n    }\n  }\n};\n</script>\n\n<style scoped>\n.popup-overlay {\n  /* max-width: 1334px;\n  max-height: 760px; */\n  max-width: 500px;\n  max-height: 290px;\n  height: auto;\n}\n.popup-overlay-title {\n  margin-bottom: 0;\n}\n.popup-container {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  height: calc(100vh - 160px);\n  /* max-width: 1334px; */\n  /* max-height: 600px; */\n  max-width: 500px;\n  max-height: 600px;\n}\n.content-wraper {\n  margin: 0 7px 7px;\n  width: calc(100% - 15px);\n  height: calc(100% - 1px);\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  background: #fff;\n}\n.input-wrapper input {\n  background: #f8f8f5;\n  border: none;\n  height: 20px;\n  line-height: 20px;\n  text-align: center;\n  font-weight: 600;\n  width: 200px;\n}\n.popup-btn {\n  margin: 10px auto 20px;\n}\n.input-wrapper {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  align-items: center;\n  margin: 20px auto 0;\n}\n.input-wrapper img {\n  width: 100%;\n  max-width: 24px;\n}\n.tabs-span {\n  line-height: 1;\n  font-size: 12px;\n  color: #1d2d36;\n  margin-top: 4px;\n  font-family: \"Montserrat\", sans-serif;\n}\n.favicon-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 30px;\n  height: 30px;\n  background: #fff;\n  border: none;\n  border-radius: 7px;\n  cursor: pointer;\n  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);\n}\n.favicon-btn img {\n  max-width: 26px;\n  max-height: 26 px;\n}\n.error {\n  color: red;\n  font-size: 10px;\n  font-weight: 600;\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!./interactionSettings.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!./interactionSettings.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./interactionSettings.vue?vue&type=template&id=a59bb6a0&scoped=true&\"\nimport script from \"./interactionSettings.vue?vue&type=script&lang=js&\"\nexport * from \"./interactionSettings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./interactionSettings.vue?vue&type=style&index=0&id=a59bb6a0&prod&scoped=true&lang=css&\"\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  \"a59bb6a0\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./interactionSettings.vue?vue&type=style&index=0&id=a59bb6a0&prod&scoped=true&lang=css&\""],"sourceRoot":""}