{"version":3,"sources":["webpack:///./src/components/popups/contributions/contributePopup.vue?2fe2","webpack:///./src/components/popups/contributions/contributePopup.vue","webpack:///src/components/popups/contributions/contributePopup.vue","webpack:///./src/components/popups/contributions/contributePopup.vue?208d","webpack:///./src/components/popups/contributions/contributePopup.vue?a14e","webpack:///./src/assets/img/tabs/font.svg"],"names":["render","_vm","this","_c","_self","staticClass","on","onHideModal","$event","stopPropagation","_m","_l","tabs","tab","idx","key","showPopup","origin","attrs","img","_v","_s","staticRenderFns","require","name","computed","mapGetters","currentUser","isEmptyCanvas","data","methods","mounted","_this$currentUser","role","$emit","step","$store","dispatch","type","component","module","exports"],"mappings":"mHAAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,eAAeC,GAAG,CAAC,MAAQL,EAAIM,cAAc,CAACJ,EAAG,MAAM,CAACE,YAAY,gBAAgBC,GAAG,CAAC,MAAQ,SAASE,GAAQA,EAAOC,qBAAsB,CAACN,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACJ,EAAIS,GAAG,GAAGP,EAAG,MAAM,CAACE,YAAY,kBAAkBJ,EAAIU,GAAIV,EAAIW,MAAM,SAASC,EAAIC,GAAK,OAAOX,EAAG,MAAM,CAACY,IAAID,EAAIT,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,WAAWC,GAAG,CAAC,MAAQ,SAASE,GAAQ,OAAOP,EAAIe,UAAUH,EAAII,WAAW,CAACd,EAAG,MAAM,CAACe,MAAM,CAAC,IAAM,MAAM,IAAML,EAAIM,OAAOhB,EAAG,OAAO,CAACF,EAAImB,GAAGnB,EAAIoB,GAAGR,EAAII,kBAAiB,KAAKd,EAAG,MAAM,CAACE,YAAY,cAAcC,GAAG,CAAC,MAAQL,EAAIM,cAAc,CAACN,EAAImB,GAAG,cAErsBE,EAAkB,CAAC,WAAY,IAAIrB,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACe,MAAM,CAAC,IAAM,MAAM,IAAMK,EAAQ,WAA4CpB,EAAG,OAAO,CAACE,YAAY,sBAAsB,CAACJ,EAAImB,GAAG,oB,wBC0B5O,GACfI,KAAA,oBACAC,SAAA,IACAC,eAAA,CACAC,YAAA,mBACAC,cAAA,6BAGAC,OACA,OACAjB,KAAA,CACA,CACAO,IAAAI,EAAA,QACAN,OAAA,aAEA,CACAE,IAAAI,EAAA,QACAN,OAAA,UAEA,CACAE,IAAAI,EAAA,QACAN,OAAA,SAEA,CACAE,IAAAI,EAAA,QACAN,OAAA,YASAa,QAAA,CACAC,UAAA,IAAAC,EACA,gCAAAA,EAAA,KAAAL,mBAAA,IAAAK,OAAA,EAAAA,EAAAC,OAAA,KAAA1B,eAEAA,cACA,KAAA2B,MAAA,eAEAlB,UAAAmB,IACA,KAAAP,eAAA,cAAAO,GAAA,UAAAA,EAOA,KAAAC,OAAAC,SAAA,uBACAC,KAAA,WACAT,KAAA,CAAAM,UARA,KAAAC,OAAAC,SAAA,uBACAC,KAAA,aACAT,KAAA,oBCzEuX,I,wBCQnXU,EAAY,eACd,EACAvC,EACAsB,GACA,EACA,KACA,WACA,MAIa,aAAAiB,E,yDCnBfC,EAAOC,QAAU,IAA0B,yB","file":"js/contributePopup.fe6b441a.js","sourcesContent":["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!./contributePopup.vue?vue&type=style&index=0&id=2989c829&prod&scoped=true&lang=css&\"","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();}}},[_c('div',{staticClass:\"popup-scroll\"},[_c('div',{staticClass:\"container\"},[_vm._m(0),_c('div',{staticClass:\"tabs-container\"},_vm._l((_vm.tabs),function(tab,idx){return _c('div',{key:idx,staticClass:\"tab-item\"},[_c('div',{staticClass:\"tab-item\",on:{\"click\":function($event){return _vm.showPopup(tab.origin)}}},[_c('img',{attrs:{\"alt\":\"img\",\"src\":tab.img}}),_c('span',[_vm._v(_vm._s(tab.origin))])])])}),0)]),_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:\"overlay-title\"},[_c('img',{attrs:{\"alt\":\"img\",\"src\":require(\"@/assets/img/publish_as_community.svg\")}}),_c('span',{staticClass:\"overlay-title-span\"},[_vm._v(\"contribute\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"popup-wraper\" @click=\"onHideModal\">\n    <div class=\"popup-overlay\" @click.stop>\n      <div class=\"popup-scroll\">\n        <div class=\"container\">\n          <div class=\"overlay-title\">\n            <img alt=\"img\" src=\"@/assets/img/publish_as_community.svg\" />\n            <span class=\"overlay-title-span\">contribute</span>\n          </div>\n          <div class=\"tabs-container\">\n            <div class=\"tab-item\" v-for=\"(tab, idx) in tabs\" :key=\"idx\">\n              <div class=\"tab-item\" @click=\"showPopup(tab.origin)\">\n                <img alt=\"img\" :src=\"tab.img\" />\n                <span>{{ tab.origin }}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"popup-close\" @click=\"onHideModal\">&times;</div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport \"@/assets/css/popups.css\";\nimport { mapGetters } from \"vuex\";\n\nexport default {\n  name: \"contributionPopup\",\n  computed: {\n    ...mapGetters({\n      currentUser: \"auth/currentUser\",\n      isEmptyCanvas: \"workSpace/isEmptyCanvas\"\n    })\n  },\n  data() {\n    return {\n      tabs: [\n        {\n          img: require(\"@/assets/img/tabs/templates.svg\"),\n          origin: \"templates\"\n        },\n        {\n          img: require(\"@/assets/img/tabs/images.svg\"),\n          origin: \"images\"\n        },\n        {\n          img: require(\"@/assets/img/tabs/text.svg\"),\n          origin: \"texts\"\n        },\n        {\n          img: require(\"@/assets/img/tabs/font.svg\"),\n          origin: \"fonts\"\n        }\n        // {\n        //   img: require(\"@/assets/img/tabs/elements.svg\"),\n        //   origin: \"categories\",\n        // },\n      ]\n    };\n  },\n  methods: {\n    mounted() {\n      if (this.currentUser?.role === \"regular/no-publish\") this.onHideModal();\n    },\n    onHideModal() {\n      this.$emit(\"hide-modal\");\n    },\n    showPopup(step) {\n      if (this.isEmptyCanvas && (step === \"templates\" || step === \"texts\")) {\n        this.$store.dispatch(\"workSpace/showPopup\", {\n          type: \"errorPopup\",\n          data: \"empty_canvas\"\n        });\n        return;\n      }\n      this.$store.dispatch(\"workSpace/showPopup\", {\n        type: \"addPopup\",\n        data: { step }\n      });\n    }\n  }\n};\n</script>\n\n<style scoped>\n.popup-overlay {\n  max-width: 420px;\n  width: calc(100% - 20px);\n  max-height: 170px;\n  height: calc(100vh - 90px);\n}\n.container {\n  width: calc(100% - 10px);\n  max-height: calc(100vh - 145px);\n  height: 100%;\n  display: flex;\n  overflow: auto;\n  margin-top: 5px;\n  flex-direction: column;\n  align-items: center;\n  justify-content: start;\n}\n.btns-container {\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  padding: 0 35px;\n  box-sizing: border-box;\n}\n.msg {\n  align-self: center;\n  color: #aaa;\n  font-size: 12px;\n  font-weight: 600;\n  text-align: center;\n  padding: 0 20px;\n}\n.overlay-title {\n  display: flex;\n  align-self: start;\n  align-items: center;\n  position: relative;\n  top: 17px;\n  left: 17px;\n}\n.overlay-title-span {\n  font-size: 12px;\n  font-weight: 500;\n  margin-left: 8px;\n}\n.items-container {\n  position: relative;\n  max-height: calc(100vh - 234px);\n  height: 100%;\n  width: calc(100vw - 60px);\n  max-width: 1300px;\n  box-sizing: border-box;\n  overflow: auto;\n  overflow-y: hidden;\n}\n.titles {\n  height: 40px;\n  margin-right: 30px;\n  background: #4d4f5c;\n}\n.titles-item {\n  color: #fff;\n  font-size: 10px;\n  text-align: center;\n  font-weight: 600;\n}\n.content-container {\n  cursor: pointer;\n  margin-left: 1vw;\n}\n.items-list {\n  overflow-y: auto;\n  overflow-x: hidden;\n  width: fit-content;\n  box-sizing: border-box;\n  max-height: calc(100vh - 275px);\n  min-width: 100%;\n  color: #4d4f5c;\n  font-size: 10px;\n  height: 560px;\n}\n.item {\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid #707070;\n}\n.is-checked {\n  display: none;\n  position: absolute;\n  top: -8px;\n  left: -3px;\n  width: 24px;\n  height: 24px;\n}\n.review-container {\n  margin: 10px 0;\n  border: 1px solid #bcbccb;\n  border-radius: 10px;\n  padding: 3px;\n  max-width: 100%;\n  position: relative;\n}\n.review-container:hover .edit-contribution {\n  opacity: 1;\n}\n.edit-contribution {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  border-radius: 7px;\n  width: 100%;\n  height: 30px;\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 30px;\n  text-align: center;\n  background: #ffe000;\n  cursor: pointer;\n  color: #000;\n  opacity: 0;\n  z-index: 10;\n  transition: 0.2s opacity;\n}\n.review-img {\n  width: 100px;\n  border-radius: 7px;\n  max-height: 146px;\n}\n.smallbold {\n  font-weight: 600;\n}\n.item-info {\n  margin: 10px 0;\n  box-sizing: border-box;\n}\n.locale-value {\n  margin-left: 4px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.locale,\n.visible,\n.category {\n  display: flex;\n}\n.center {\n  text-align: center;\n  justify-content: center;\n}\n.comment-text {\n  white-space: pre-line;\n  max-width: 170px;\n  max-height: 200px;\n  overflow: auto;\n}\n.tabs-container {\n  padding: 0 10px;\n  box-sizing: border-box;\n  display: flex;\n  justify-self: end;\n  margin-top: 20px;\n  align-items: center;\n  height: 100px;\n  width: 100%;\n  max-width: 350px;\n  justify-content: space-between;\n}\n.tab-item {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  align-items: center;\n  padding-bottom: 2px;\n  cursor: pointer;\n}\n\n.tab-item img {\n  margin: 0 5px;\n  max-height: 18px;\n}\n.tab-item span {\n  font-size: 8px;\n}\n.font-review {\n  font-size: 15px;\n  text-align: center;\n  padding: 10px;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n@media screen and (max-width: 600px) {\n  .msg {\n    align-self: center;\n    width: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    box-sizing: border-box;\n    display: flex;\n    justify-content: center;\n    height: 25px;\n    align-items: center;\n  }\n  .btns-container {\n    padding: 0 10px;\n    align-items: flex-end;\n  }\n  .popup-btn {\n    min-width: 100px;\n    margin: 32px 0 12px;\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!./contributePopup.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!./contributePopup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./contributePopup.vue?vue&type=template&id=2989c829&scoped=true&\"\nimport script from \"./contributePopup.vue?vue&type=script&lang=js&\"\nexport * from \"./contributePopup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./contributePopup.vue?vue&type=style&index=0&id=2989c829&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  \"2989c829\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/font.a4325fb3.svg\";"],"sourceRoot":""}