{"version":3,"sources":["webpack:///./src/assets/img/widgets/upload.svg","webpack:///./src/assets/img/widgets/link.svg","webpack:///./src/assets/img/widgets/download.svg","webpack:///./src/assets/img/widgets/image.svg","webpack:///./src/assets/img/widgets/text.svg","webpack:///./src/components/popups/newWidgetPopup.vue?5686","webpack:///./src/assets/img/widgets/button.svg","webpack:///./src/components/popups/newWidgetPopup.vue","webpack:///src/components/popups/newWidgetPopup.vue","webpack:///./src/components/popups/newWidgetPopup.vue?5f62","webpack:///./src/components/popups/newWidgetPopup.vue?6117"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","on","$event","stopPropagation","onHideModal","apply","arguments","attrs","actionType","img","_v","_s","title","actionTitle","_l","options","i","idx","key","addWidget","widget","name","staticRenderFns","data","activeTypes","link","require","download","upload","computed","mapGetters","popupsData","survey","_this$popupsData","type","methods","$emit","configs","linkTarget","pageTarget","socialNetwork","allowedFileType","fileTypes","sizeLimit","url","fire","component"],"mappings":"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","file":"js/newWidgetPopup.f30dd046.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/upload.65564157.svg\";","module.exports = __webpack_public_path__ + \"img/link.a293f3ea.svg\";","module.exports = __webpack_public_path__ + \"img/download.5898443d.svg\";","module.exports = __webpack_public_path__ + \"img/image.692711e6.svg\";","module.exports = __webpack_public_path__ + \"img/text.c0a8190f.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!./newWidgetPopup.vue?vue&type=style&index=0&id=5a227dec&prod&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/button.ccf34d01.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"popup-wraper\",on:{\"click\":function($event){$event.stopPropagation();return _vm.onHideModal.apply(null, arguments)}}},[_c('div',{staticClass:\"popup-overlay\",on:{\"click\":function($event){$event.stopPropagation();}}},[_c('div',{staticClass:\"popup-overlay-title\"},[_c('img',{attrs:{\"alt\":\"img\",\"src\":_vm.actionType.img}}),_c('span',{staticClass:\"popup-overlay-title-span\"},[_vm._v(_vm._s(_vm.actionType.title))])]),_c('div',{staticClass:\"popup-scroll\"},[_c('div',{staticClass:\"title-msg\"},[_vm._v(_vm._s(_vm.actionType.actionTitle))])]),_c('div',{staticClass:\"widgets-container\"},_vm._l((_vm.actionType.options),function(i,idx){return _c('div',{key:idx,staticClass:\"widget-item\",on:{\"click\":function($event){return _vm.addWidget(i.widget)}}},[_c('img',{attrs:{\"alt\":\"img\",\"src\":i.img}}),_c('div',[_vm._v(_vm._s(i.name))])])}),0),_c('div',{staticClass:\"popup-close\",on:{\"click\":_vm.onHideModal}},[_vm._v(\"×\")])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"popup-wraper\" @click.stop=\"onHideModal\">\n    <div class=\"popup-overlay\" @click.stop>\n      <div class=\"popup-overlay-title\">\n        <img alt=\"img\" :src=\"actionType.img\" />\n        <span class=\"popup-overlay-title-span\">{{ actionType.title }}</span>\n      </div>\n      <div class=\"popup-scroll\">\n        <div class=\"title-msg\">{{ actionType.actionTitle }}</div>\n      </div>\n      <div class=\"widgets-container\">\n        <div\n          class=\"widget-item\"\n          @click=\"addWidget(i.widget)\"\n          v-for=\"(i, idx) in actionType.options\"\n          :key=\"idx\"\n        >\n          <img alt=\"img\" :src=\"i.img\" />\n          <div>{{ i.name }}</div>\n        </div>\n      </div>\n      <div class=\"popup-close\" @click=\"onHideModal\">&times;</div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport \"@/assets/css/popups.css\";\nimport { addWidget } from \"@/util/survey/widgets\";\nimport fileTypes from \"@/store/mocks/uploadAllowedFormats\";\nimport { mapGetters } from \"vuex\";\n\nexport default {\n  name: \"PilNewWidgetPopup\",\n  data() {\n    return {\n      activeTypes: {\n        link: {\n          title: \"link\",\n          img: require(\"@/assets/img/widgets/link.svg\"),\n          actionTitle: \"choose link type\",\n          options: [\n            {\n              widget: \"text\",\n              name: \"text\\n link\",\n              img: require(\"@/assets/img/widgets/text.svg\")\n            },\n            {\n              widget: \"image\",\n              name: \"image\\n link\",\n              img: require(\"@/assets/img/widgets/image.svg\")\n            },\n            {\n              widget: \"button\",\n              name: \"button\\n link\",\n              img: require(\"@/assets/img/widgets/button.svg\")\n            }\n          ]\n        },\n        download: {\n          title: \"download file\",\n          img: require(\"@/assets/img/widgets/download.svg\"),\n          actionTitle: \"choose type\",\n          options: [\n            {\n              widget: \"text\",\n              name: \"upon \\n text click\",\n              img: require(\"@/assets/img/widgets/text.svg\")\n            },\n            {\n              widget: \"image\",\n              name: \"upon \\n image click\",\n              img: require(\"@/assets/img/widgets/image.svg\")\n            },\n            {\n              widget: \"button\",\n              name: \"upon \\n button click\",\n              img: require(\"@/assets/img/widgets/button.svg\")\n            }\n          ]\n        },\n        upload: {\n          title: \"upload file\",\n          img: require(\"@/assets/img/widgets/upload.svg\"),\n          actionTitle: \"choose type\",\n          options: [\n            {\n              widget: \"text\",\n              name: \"upon \\n text click\",\n              img: require(\"@/assets/img/widgets/text.svg\")\n            },\n            {\n              widget: \"image\",\n              name: \"upon \\n image click\",\n              img: require(\"@/assets/img/widgets/image.svg\")\n            },\n            {\n              widget: \"button\",\n              name: \"upon \\n button click\",\n              img: require(\"@/assets/img/widgets/button.svg\")\n            }\n          ]\n        }\n      }\n    };\n  },\n  computed: {\n    ...mapGetters({\n      popupsData: \"workSpace/popupsData\",\n      survey: \"workSpace/survey\"\n    }),\n    actionType() {\n      return this.activeTypes[this.popupsData?.type];\n    }\n  },\n  methods: {\n    onHideModal() {\n      this.$emit(\"hide-modal\");\n    },\n    async addWidget(widget) {\n      const actionType =\n        this.actionType.title === \"link\"\n          ? \"external link\"\n          : this.actionType.title;\n      const configs = {\n        actionType,\n        linkTarget: \"open in existing tab\",\n        pageTarget: 1,\n        socialNetwork: \"none\",\n        allowedFileType: [...fileTypes],\n        sizeLimit: 1,\n        url: \"\"\n      };\n\n      await addWidget(widget, this.survey, { configs });\n      this.survey.fire(\"canvas:changes\");\n      this.onHideModal();\n    }\n  }\n};\n</script>\n\n<style scoped>\n.popup-overlay {\n  max-width: 360px;\n  max-height: 200px;\n}\n.title-msg {\n  font-size: 16px;\n  font-weight: 600;\n  margin: 10px 0 30px;\n}\n.widgets-container {\n  display: flex;\n  text-align: center;\n  justify-content: space-between;\n  width: 220px;\n}\n.widget-item {\n  display: grid;\n  justify-items: center;\n  white-space: pre-line;\n  width: 70px;\n  font-size: 10px;\n  cursor: pointer;\n}\n.widget-item img {\n  align-self: center;\n}\n.widget-item div {\n  align-self: self-end;\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!./newWidgetPopup.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!./newWidgetPopup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./newWidgetPopup.vue?vue&type=template&id=5a227dec&scoped=true&\"\nimport script from \"./newWidgetPopup.vue?vue&type=script&lang=js&\"\nexport * from \"./newWidgetPopup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./newWidgetPopup.vue?vue&type=style&index=0&id=5a227dec&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  \"5a227dec\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}