{"version":3,"sources":["webpack:///./src/components/interactionPreviewContainer/MyInteractionPanel.vue","webpack:///src/components/interactionPreviewContainer/MyInteractionPanel.vue","webpack:///./src/components/interactionPreviewContainer/MyInteractionPanel.vue?9f24","webpack:///./src/components/interactionPreviewContainer/MyInteractionPanel.vue?9620","webpack:///./src/assets/img/widgets/video.svg","webpack:///./src/assets/img/widgets/upload.svg","webpack:///./src/assets/img/widgets/image_picker.svg","webpack:///./src/assets/img/widgets/link.svg","webpack:///./src/components/interactionPreviewContainer/PagesPanel.vue","webpack:///src/components/interactionPreviewContainer/PagesPanel.vue","webpack:///./src/components/interactionPreviewContainer/PagesPanel.vue?1e6c","webpack:///./src/components/interactionPreviewContainer/PagesPanel.vue?e03d","webpack:///./src/assets/img/widgets/download.svg","webpack:///./src/assets/img/select_arrow.svg","webpack:///./src/assets/img/widgets/stars.svg","webpack:///./src/assets/img/widgets/image.svg","webpack:///./src/assets/img/widgets/specify.svg","webpack:///./src/components/interactionPreviewContainer/WidgetsPanel.vue?a6e1","webpack:///./src/assets/img/widgets/contacts.svg","webpack:///./src/assets/img/widgets/scale.svg","webpack:///./src/assets/img/widgets/text.svg","webpack:///./src/components/interactionPreviewContainer/WidgetsPanel.vue","webpack:///./src/store/mocks/widgetsList.js","webpack:///src/components/interactionPreviewContainer/WidgetsPanel.vue","webpack:///./src/components/interactionPreviewContainer/WidgetsPanel.vue?5cd0","webpack:///./src/components/interactionPreviewContainer/WidgetsPanel.vue?525e","webpack:///./src/components/interactionPreviewContainer/MyInteractionPanel.vue?69e4","webpack:///./src/assets/img/widgets/button.svg","webpack:///./src/components/interactionPreviewContainer/PagesPanel.vue?a1c8"],"names":["render","_vm","this","_c","_self","staticClass","style","height","contentContainerHeight","attrs","activeMyInteractionLink","_v","_s","replace","on","showPopoup","faviconUrl","setDefaultFavicon","directives","name","rawName","value","interactionName","expression","editContentMode","domProps","$event","target","composing","updateMyInteractionSettings","class","hide","accordion","widgets","stopPropagation","require","maxHeight","pages","pagesContentHeight","settings","gtagId","staticRenderFns","components","pilWidgetsPanel","pilPagesPanel","data","clearId","interactions","computed","mapGetters","windowHeight","myInteractions","myInteracionFavicon","activeMyInteraction","cookiesBannerHeight","toFixed","_this$pages$filter$le","_this$pages","_this$pages$filter","oneRowHeight","console","log","pagesLength","filter","call","i","visibility","length","Math","ceil","mounted","init","methods","src","$store","dispatch","external_domain","externalDomain","gtag_id","catch","onChangeImage","idx","url","type","callback","watch","component","module","exports","_l","int","key","addToPreview","img","device","survey","item","pageContent","Survey","parsePage","renderPage","rating","incrementRating","id","fire","commit","widgetsList","w","addWidgetToPreview","origin","match","addWidget"],"mappings":"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","file":"js/MyInteractionPanel.95185a8c.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"top-review-container\"},[_c('div',{staticClass:\"container\",style:({ height: _vm.contentContainerHeight + 'px' })},[_c('div',{staticClass:\"link-container\"},[_c('a',{staticClass:\"link\",attrs:{\"href\":_vm.activeMyInteractionLink,\"target\":\"_blank\"}},[_vm._v(\" \"+_vm._s(_vm.activeMyInteractionLink.replace(/https?:\\/\\//, \"\"))+\" \")])]),_c('div',{staticClass:\"content-conteainer\",style:({ height: _vm.contentContainerHeight - 50 + 'px' })},[_c('div',{staticClass:\"block\"},[_c('button',{staticClass:\"btns\",on:{\"click\":_vm.showPopoup}},[_c('img',{attrs:{\"alt\":\"img\",\"src\":_vm.faviconUrl},on:{\"error\":_vm.setDefaultFavicon}})]),_c('div',{staticClass:\"title\"},[_vm._v(\"favicon/preloader\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.interactionName),expression:\"interactionName\"}],staticClass:\"interaction-name\",attrs:{\"type\":\"text\",\"disabled\":_vm.editContentMode},domProps:{\"value\":(_vm.interactionName)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.interactionName=$event.target.value},_vm.updateMyInteractionSettings]}}),_c('div',{staticClass:\"title\"},[_vm._v(\"name/title\")])]),_c('div',{staticClass:\"interaction-container\"},[_c('div',{staticClass:\"category-label\",class:{ hide: _vm.accordion.widgets },on:{\"click\":[function($event){$event.stopPropagation();},function($event){_vm.accordion.widgets = !_vm.accordion.widgets}]}},[_c('span',[_vm._v(\"interaction widgets\")]),_c('img',{attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/select_arrow.svg\")}})]),_c('pil-widgets-panel',{staticClass:\"accardion-effect\",style:({ maxHeight: _vm.accordion.widgets ? '0px' : '210px' })}),_c('div',{staticClass:\"category-label\",class:{ hide: _vm.accordion.pages },on:{\"click\":function($event){_vm.accordion.pages = !_vm.accordion.pages}}},[_c('span',[_vm._v(\"interaction pages\")]),_c('img',{attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/select_arrow.svg\")}})]),_c('pil-pages-panel',{staticClass:\"accardion-effect\",style:({ maxHeight: _vm.pagesContentHeight })}),_c('div',{staticClass:\"category-label\",class:{ hide: _vm.accordion.settings },on:{\"click\":function($event){_vm.accordion.settings = !_vm.accordion.settings}}},[_c('span',[_vm._v(\"interaction settings\")]),_c('img',{attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/select_arrow.svg\")}})]),_c('div',{staticClass:\"block\",style:({ maxHeight: _vm.accordion.settings ? '0px' : '200px' })},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.gtagId),expression:\"gtagId\"}],staticClass:\"interaction-gtag\",attrs:{\"type\":\"text\",\"disabled\":_vm.editContentMode},domProps:{\"value\":(_vm.gtagId)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.gtagId=$event.target.value},_vm.updateMyInteractionSettings]}}),_c('div',{staticClass:\"title\"},[_vm._v(\"Google analytics ID\")])])],1)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"top-review-container\">\n    <div class=\"container\" :style=\"{ height: contentContainerHeight + 'px' }\">\n      <div class=\"link-container\">\n        <a :href=\"activeMyInteractionLink\" target=\"_blank\" class=\"link\">\n          {{ activeMyInteractionLink.replace(/https?:\\/\\//, \"\") }}\n        </a>\n      </div>\n      <div\n        class=\"content-conteainer\"\n        :style=\"{ height: contentContainerHeight - 50 + 'px' }\"\n      >\n        <div class=\"block\">\n          <button @click=\"showPopoup\" class=\"btns\">\n            <img alt=\"img\" :src=\"faviconUrl\" @error=\"setDefaultFavicon\" />\n          </button>\n          <div class=\"title\">favicon/preloader</div>\n          <input\n            class=\"interaction-name\"\n            type=\"text\"\n            :disabled=\"editContentMode\"\n            v-model=\"interactionName\"\n            @input=\"updateMyInteractionSettings\"\n          />\n          <div class=\"title\">name/title</div>\n        </div>\n        <div class=\"interaction-container\">\n          <!-- widgets -->\n          <div\n            @click.stop\n            class=\"category-label\"\n            :class=\"{ hide: accordion.widgets }\"\n            @click=\"accordion.widgets = !accordion.widgets\"\n          >\n            <span>interaction widgets</span>\n            <img alt=\"img\" src=\"@/assets/img/select_arrow.svg\" />\n          </div>\n          <pil-widgets-panel\n            class=\"accardion-effect\"\n            :style=\"{ maxHeight: accordion.widgets ? '0px' : '210px' }\"\n          />\n          <!-- pages -->\n          <div\n            class=\"category-label\"\n            :class=\"{ hide: accordion.pages }\"\n            @click=\"accordion.pages = !accordion.pages\"\n          >\n            <span>interaction pages</span>\n            <img alt=\"img\" src=\"@/assets/img/select_arrow.svg\" />\n          </div>\n          <pil-pages-panel\n            class=\"accardion-effect\"\n            :style=\"{ maxHeight: pagesContentHeight }\"\n          />\n          <!-- my interaction settings -->\n          <div\n            class=\"category-label\"\n            :class=\"{ hide: accordion.settings }\"\n            @click=\"accordion.settings = !accordion.settings\"\n          >\n            <span>interaction settings</span>\n            <img alt=\"img\" src=\"@/assets/img/select_arrow.svg\" />\n          </div>\n          <div\n            class=\"block\"\n            :style=\"{ maxHeight: accordion.settings ? '0px' : '200px' }\"\n          >\n            <input\n              class=\"interaction-gtag\"\n              type=\"text\"\n              :disabled=\"editContentMode\"\n              v-model=\"gtagId\"\n              @input=\"updateMyInteractionSettings\"\n            />\n            <div class=\"title\">Google analytics ID</div>\n          </div>\n        </div>\n\n        <!-- <div\n          class=\"category-label\"\n          :class=\"{ hide: accordion.info }\"\n          @click=\"accordion.info = !accordion.info\"\n        >\n          <span>interaction settings</span>\n          <img alt=\"img\"g src=\"@/assets/img/select_arrow.svg\" />\n        </div> -->\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport pilPagesPanel from \"@/components/interactionPreviewContainer/PagesPanel\";\nimport pilWidgetsPanel from \"@/components/interactionPreviewContainer/WidgetsPanel\";\nimport { mapGetters } from \"vuex\";\n\nexport default {\n  name: \"PilMyInteractionPanel\",\n  components: {\n    pilWidgetsPanel,\n    pilPagesPanel\n  },\n  data() {\n    return {\n      interactionName: \"\",\n      gtagId: \"\",\n      clearId: null,\n      accordion: {\n        pages: false,\n        settings: false,\n        widgets: false,\n        interactions: false\n      }\n    };\n  },\n  computed: {\n    ...mapGetters({\n      windowHeight: \"workSpace/windowHeight\",\n      myInteractions: \"customContent/myInteractions\",\n      pages: \"feed/pages\",\n      activeMyInteractionLink: \"workSpace/activeMyInteractionLink\",\n      myInteracionFavicon: \"workSpace/myInteracionFavicon\",\n      activeMyInteraction: \"workSpace/activeMyInteraction\",\n      cookiesBannerHeight: \"workSpace/cookiesBannerHeight\",\n      editContentMode: \"workSpace/editContentMode\"\n    }),\n    contentContainerHeight() {\n      return (this.windowHeight - 123 - this.cookiesBannerHeight).toFixed();\n    },\n    faviconUrl() {\n      return this.myInteracionFavicon || require(\"@/assets/img/mob-logo.svg\");\n    },\n    pagesContentHeight() {\n      const oneRowHeight = 120;\n      console.log(123123123);\n      const pagesLength = this.pages?.filter?.(i => i.visibility)?.length ?? 0;\n      const height = Math.ceil(pagesLength / 4) * oneRowHeight + 10;\n      // console.log((this.accordion.pages ? 0 : height) + \"px\")\n      return (this.accordion.pages ? 0 : height) + \"px\";\n    }\n  },\n  mounted() {\n    this.init();\n  },\n  methods: {\n    setDefaultFavicon({ target }) {\n      target.src = require(\"@/assets/img/mob-logo.svg\");\n    },\n    updateMyInteractionSettings() {\n      this.$store\n        .dispatch(\"customContent/updateInteractionSettings\", {\n          external_domain: this.externalDomain,\n          gtag_id: this.gtagId,\n          name: this.interactionName\n        })\n        .catch(console.log);\n    },\n    init() {\n      if (this.activeMyInteraction) {\n        this.gtagId = this.activeMyInteraction.gtag_id;\n        this.interactionName = this.activeMyInteraction.name;\n      }\n    },\n    onChangeImage(idx, url) {\n      this.$store.dispatch(\"customContent/updateMyInteractionFavicon\", url);\n    },\n    showPopoup() {\n      this.$store.dispatch(\"workSpace/showPopup\", {\n        type: \"changeImage\",\n        data: {\n          callback: this.onChangeImage,\n          idx: null\n        }\n      });\n    }\n  },\n  watch: {\n    activeMyInteraction() {\n      this.init();\n    }\n  }\n};\n</script>\n\n<style scoped>\n.top-review-container {\n  z-index: 1;\n  width: 100%;\n  position: relative;\n  top: -50px;\n  background: #fff;\n  position: relative;\n  border-radius: 10px;\n}\n.container {\n  overflow: hidden;\n}\n.block {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: fit-content;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  transition: 0.2s max-height;\n}\n.btns {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 48px;\n  height: 48px;\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.btns img {\n  max-width: 38px;\n  max-height: 38px;\n}\n.link {\n  display: inline-block;\n  font-weight: 600;\n  font-size: 14px;\n  color: #000;\n}\n.title {\n  margin: 4px 0 8px;\n  line-height: 14px;\n  font-size: 10px;\n}\n.interaction-gtag,\n.interaction-name {\n  font-size: 14px;\n  font-weight: 600;\n  height: 25px;\n  line-height: 25px;\n  padding: 0 10px;\n  width: 180px;\n  background: #f8f8f5;\n  border-radius: 7px;\n  text-align: center;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  border: none;\n}\n.category-label {\n  cursor: pointer;\n  height: 20px;\n  line-height: 20px;\n  padding-left: 20px;\n  font-size: 10px;\n  font-weight: 600;\n  display: flex;\n  justify-content: space-between;\n}\n.category-label img {\n  margin: auto 15px auto 0;\n  max-height: 5px;\n  transition: 0.2s transform;\n}\n.category-label.hide img {\n  transform: rotate(180deg);\n}\n.link-container {\n  padding: 15px 0 8px;\n  text-align: center;\n}\n.accardion-effect {\n  box-sizing: border-box;\n  overflow: hidden;\n  transition: 0.2s max-height;\n}\n.content-conteainer {\n  overflow: auto;\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!./MyInteractionPanel.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!./MyInteractionPanel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MyInteractionPanel.vue?vue&type=template&id=acd546fc&scoped=true&\"\nimport script from \"./MyInteractionPanel.vue?vue&type=script&lang=js&\"\nexport * from \"./MyInteractionPanel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MyInteractionPanel.vue?vue&type=style&index=0&id=acd546fc&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  \"acd546fc\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/video.eaca569d.svg\";","module.exports = __webpack_public_path__ + \"img/upload.65564157.svg\";","module.exports = __webpack_public_path__ + \"img/image_picker.919c57af.svg\";","module.exports = __webpack_public_path__ + \"img/link.a293f3ea.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"content-container\"},[_c('div',{staticClass:\"t-temp-wraper\"},[_c('div',{staticClass:\"feed-wraper\"},_vm._l((_vm.pages),function(int,idx){return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(int.visibility),expression:\"int.visibility\"}],key:idx,staticClass:\"t-templates\"},[_c('div',{staticClass:\"t-temp-container\",on:{\"click\":function($event){return _vm.addToPreview(int, $event)}}},[_c('div',{staticClass:\"hover-wraper-content\"},[_c('img',{staticClass:\"t-temp-img\",attrs:{\"alt\":\"img\",\"src\":int.img}})])])])}),0)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"container\">\n    <div class=\"content-container\">\n      <div class=\"t-temp-wraper\">\n        <div class=\"feed-wraper\">\n          <div\n            class=\"t-templates\"\n            v-show=\"int.visibility\"\n            v-for=\"(int, idx) of pages\"\n            :key=\"idx\"\n          >\n            <div class=\"t-temp-container\" @click=\"addToPreview(int, $event)\">\n              <div class=\"hover-wraper-content\">\n                <img alt=\"img\" :src=\"int.img\" class=\"t-temp-img\" />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport Survey from \"@/util/survey/survey\";\nimport rating from \"@/services/catalog/RatingsService\";\n\nexport default {\n  name: \"pages\",\n  computed: {\n    ...mapGetters({\n      device: \"workSpace/device\",\n      pages: \"feed/pages\",\n      survey: \"workSpace/survey\"\n    })\n  },\n  methods: {\n    async addToPreview(item) {\n      const pageContent = await Survey.parsePage(item);\n      await Survey.renderPage(pageContent);\n      rating.incrementRating(item.id, \"page\");\n      this.survey.fire(\"canvas:changes\");\n      if (this.device === \"mobile\")\n        this.$store.commit(\"workSpace/updateVisibleFeedPanel\", false);\n    }\n  }\n};\n</script>\n\n<style scoped>\n.t-temp-img {\n  object-fit: contain;\n  height: 108px;\n}\n.t-temp-wraper,\n.categories {\n  position: relative;\n  overflow-x: hidden;\n}\n.content-container {\n  position: relative;\n}\n.preloader {\n  height: calc(100vh - 245px);\n  z-index: 5;\n}\n.main-preloaeder {\n  z-index: 10;\n}\n.close-tab {\n  position: relative;\n  height: 20px;\n}\n.close-tab span {\n  position: absolute;\n  font-size: 18px;\n  font-weight: 600;\n  top: 4px;\n  right: 10px;\n  cursor: pointer;\n}\n.t-templates {\n  margin: 0 5px 0 5px;\n}\n.t-temp-container {\n  margin-bottom: 10px;\n  border-radius: 7px;\n  width: auto;\n  box-shadow: 0 3px 6px rgb(0 0 0 / 16%);\n}\n.t-temp-wraper {\n  height: auto;\n  margin: 0;\n  padding: 0 15px;\n  box-sizing: border-box;\n}\n.feed-wraper {\n  margin-bottom: 0;\n}\n@media screen and (max-width: 990px) {\n  .t-temp-wraper {\n    margin: 0 -5px;\n    padding: 5px;\n    overflow: visible;\n    height: auto;\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!./PagesPanel.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!./PagesPanel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PagesPanel.vue?vue&type=template&id=05d7ea23&scoped=true&\"\nimport script from \"./PagesPanel.vue?vue&type=script&lang=js&\"\nexport * from \"./PagesPanel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PagesPanel.vue?vue&type=style&index=0&id=05d7ea23&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  \"05d7ea23\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/download.5898443d.svg\";","module.exports = __webpack_public_path__ + \"img/select_arrow.c1529dcc.svg\";","module.exports = __webpack_public_path__ + \"img/stars.f72a13ea.svg\";","module.exports = __webpack_public_path__ + \"img/image.692711e6.svg\";","module.exports = __webpack_public_path__ + \"img/specify.0e0bd747.svg\";","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!./WidgetsPanel.vue?vue&type=style&index=0&id=bd22ecf0&prod&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/contacts.03228071.svg\";","module.exports = __webpack_public_path__ + \"img/scale.4f36ee36.svg\";","module.exports = __webpack_public_path__ + \"img/text.c0a8190f.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"widgets-container\"},_vm._l((_vm.widgetsList),function(w,idx){return _c('div',{key:idx,staticClass:\"widget-items-container\"},[_c('div',{staticClass:\"widgets-item\",on:{\"click\":function($event){return _vm.addWidgetToPreview(w.origin)}}},[_c('img',{attrs:{\"alt\":\"img\",\"src\":w.src}}),_c('div',[_vm._v(_vm._s(w.name))])])])}),0)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default [\n  {\n    origin: \"text\",\n    name: \"text\",\n    src: require(\"@/assets/img/widgets/text.svg\")\n  },\n  {\n    origin: \"image\",\n    name: \"image\",\n    src: require(\"@/assets/img/widgets/image.svg\")\n  },\n  {\n    origin: \"input-field\",\n    name: \"input field\",\n    src: require(\"@/assets/img/widgets/contacts.svg\")\n  },\n  {\n    origin: \"button\",\n    name: \"button\",\n    src: require(\"@/assets/img/widgets/button.svg\")\n  },\n  {\n    origin: \"link\",\n    name: \"link\",\n    src: require(\"@/assets/img/widgets/link.svg\")\n  },\n  {\n    origin: \"video\",\n    name: \"video\",\n    src: require(\"@/assets/img/widgets/video.svg\")\n  },\n  {\n    origin: \"scale\",\n    name: \"scale\",\n    src: require(\"@/assets/img/widgets/scale.svg\")\n  },\n  {\n    origin: \"image-picker\",\n    name: \"image picker\",\n    src: require(\"@/assets/img/widgets/image_picker.svg\")\n  },\n  {\n    origin: \"like-dislike\",\n    name: \"like/islike\",\n    src: require(\"@/assets/img/widgets/specify.svg\")\n  },\n  {\n    origin: \"stars\",\n    name: \"stars\",\n    src: require(\"@/assets/img/widgets/stars.svg\")\n  },\n  {\n    origin: \"download\",\n    name: \"download file\",\n    src: require(\"@/assets/img/widgets/download.svg\")\n  },\n  {\n    origin: \"upload\",\n    name: \"upload file\",\n    src: require(\"@/assets/img/widgets/upload.svg\")\n  }\n];\n","<template>\n  <div>\n    <div class=\"widgets-container\">\n      <div\n        class=\"widget-items-container\"\n        v-for=\"(w, idx) in widgetsList\"\n        :key=\"idx\"\n      >\n        <div class=\"widgets-item\" @click=\"addWidgetToPreview(w.origin)\">\n          <img alt=\"img\" :src=\"w.src\" />\n          <div>{{ w.name }}</div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { addWidget } from \"@/util/survey/widgets\";\nimport widgetsList from \"@/store/mocks/widgetsList\";\nimport { mapGetters } from \"vuex\";\n\nexport default {\n  name: \"PilWidgetsPanel\",\n  data() {\n    return {\n      widgetsList\n    };\n  },\n  computed: {\n    ...mapGetters({\n      device: \"workSpace/device\",\n      survey: \"workSpace/survey\"\n    })\n  },\n  methods: {\n    async addWidgetToPreview(type) {\n      if (type.match(/(link|download|upload)/)) {\n        this.$store.dispatch(\"workSpace/showPopup\", {\n          type: \"newWidgetPopup\",\n          data: { type }\n        });\n      } else {\n        await addWidget(type, this.survey);\n        this.survey.fire(\"canvas:changes\");\n      }\n      if (this.device === \"mobile\")\n        this.$store.commit(\"workSpace/updateVisibleFeedPanel\", false);\n    }\n  }\n};\n</script>\n\n<style scoped>\n.widgets-container {\n  position: relative;\n  margin-top: auto;\n  width: 100%;\n  background: #fff;\n  display: flex;\n  flex-wrap: wrap;\n  box-sizing: border-box;\n  padding: 10px 0 0;\n  overflow: hidden;\n}\n.widget-items-container {\n  width: 25%;\n}\n.widgets-item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  align-items: center;\n  width: fit-content;\n  margin: auto;\n  height: 37px;\n  cursor: pointer;\n  margin-bottom: 15px;\n  font-size: 8px;\n}\n.widgets-item img {\n  margin: auto;\n  max-height: 20px;\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!./WidgetsPanel.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!./WidgetsPanel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./WidgetsPanel.vue?vue&type=template&id=bd22ecf0&scoped=true&\"\nimport script from \"./WidgetsPanel.vue?vue&type=script&lang=js&\"\nexport * from \"./WidgetsPanel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./WidgetsPanel.vue?vue&type=style&index=0&id=bd22ecf0&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  \"bd22ecf0\",\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!./MyInteractionPanel.vue?vue&type=style&index=0&id=acd546fc&prod&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/button.ccf34d01.svg\";","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!./PagesPanel.vue?vue&type=style&index=0&id=05d7ea23&prod&scoped=true&lang=css&\""],"sourceRoot":""}