{"version":3,"sources":["webpack:///./src/components/popups/publishPopup.vue?a39d","webpack:///./src/components/popups/publishPopup.vue","webpack:///src/components/popups/publishPopup.vue","webpack:///./src/components/popups/publishPopup.vue?d9d0","webpack:///./src/components/popups/publishPopup.vue?a9d3"],"names":["render","_vm","this","_c","_self","staticClass","on","$event","stopPropagation","onHideModal","apply","arguments","_m","style","canvasSizesReview","attrs","review","_l","networksList","n","idx","key","network","url","descrition","onOpenShareWindow","logoSrc","directives","name","rawName","value","errorMsg","expression","_v","_s","staticRenderFns","require","data","wasOpened","removeKey","owner","mounted","createImage","computed","mapGetters","canvas","canvasHeight","canvasWidth","maxSizes","KF","customHeight","Math","abs","customWidth","width","height","methods","removeImage","$emit","showErrorMsg","msg","updateReview","canvasDataUR","toDataURL","socialNetwork","_this$activePoster$na","_this$activePoster","LogsService","createLog","action","poster_name","activePoster","social_network","image_link","fileName","Date","now","toString","random","slice","dataUrl","multiplier","max","getZoom","content","dataUrlToFile","res","uploadItem","direction","isPublic","location","replace","process","error","console","log","message","deleteItem","component"],"mappings":"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","file":"js/publishPopup.748b78ce.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!./publishPopup.vue?vue&type=style&index=0&id=8c83bc9e&prod&scoped=true&lang=css&\"","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:\"publish-container\"},[_vm._m(0),_c('div',{staticClass:\"publish-content\"},[_c('div',{staticClass:\"review-container\"},[_c('img',{staticClass:\"review\",style:(_vm.canvasSizesReview),attrs:{\"alt\":\"img\",\"src\":_vm.review}})]),_c('div',{staticClass:\"soc-networks\"},_vm._l((_vm.networksList),function(n,idx){return _c('ShareNetwork',{key:idx,staticClass:\"newtwork-link\",attrs:{\"network\":n.network,\"url\":_vm.url,\"title\":'POSTER I LOVE',\"description\":_vm.descrition,\"quote\":_vm.descrition,\"hashtags\":\"POSTERILOVE\"},on:{\"open\":_vm.onOpenShareWindow}},[_c('img',{staticClass:\"sn-img\",attrs:{\"alt\":\"img\",\"src\":n.logoSrc}})])}),1)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errorMsg),expression:\"errorMsg\"}],staticClass:\"errors\"},[_vm._v(_vm._s(_vm.errorMsg))]),_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.svg\")}}),_c('span',{staticClass:\"overlay-title-span\"},[_vm._v(\"share\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"popup-wraper\" @click.stop=\"onHideModal\">\n    <div class=\"popup-overlay\" @click.stop>\n      <div class=\"publish-container\">\n        <div class=\"overlay-title\">\n          <img alt=\"img\" src=\"@/assets/img/publish.svg\" />\n          <span class=\"overlay-title-span\">share</span>\n        </div>\n        <div class=\"publish-content\">\n          <div class=\"review-container\">\n            <img\n              alt=\"img\"\n              class=\"review\"\n              :style=\"canvasSizesReview\"\n              :src=\"review\"\n            />\n          </div>\n          <div class=\"soc-networks\">\n            <ShareNetwork\n              v-for=\"(n, idx) of networksList\"\n              :key=\"idx\"\n              class=\"newtwork-link\"\n              :network=\"n.network\"\n              :url=\"url\"\n              @open=\"onOpenShareWindow\"\n              :title=\"'POSTER I LOVE'\"\n              :description=\"descrition\"\n              :quote=\"descrition\"\n              hashtags=\"POSTERILOVE\"\n            >\n              <img alt=\"img\" class=\"sn-img\" :src=\"n.logoSrc\" />\n            </ShareNetwork>\n          </div>\n        </div>\n        <div v-show=\"errorMsg\" class=\"errors\">{{ errorMsg }}</div>\n        <div class=\"popup-close\" @click=\"onHideModal\">&times;</div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport LogsService from \"@/services/LogsService\";\nimport { dataUrlToFile, deleteItem, uploadItem } from \"@/util/services/files\";\nimport \"@/assets/css/popups.css\";\n\nexport default {\n  name: \"PilPublishPopup\",\n  data() {\n    return {\n      review: null,\n      errorMsg: \"\",\n      wasOpened: false,\n      url: \"\",\n      removeKey: \"\",\n      owner: {},\n      descrition:\n        \"free poster editor, design, vector, a4, for print, templates, QR-codes, upload your fotos\"\n    };\n  },\n  mounted() {\n    this.createImage();\n  },\n  computed: {\n    ...mapGetters({\n      canvas: \"workSpace/canvas\",\n      canvasHeight: \"workSpace/canvasHeight\",\n      canvasWidth: \"workSpace/canvasWidth\",\n      networksList: \"colorPicker/networksList\"\n    }),\n    canvasSizesReview() {\n      const maxSizes = 300;\n      let KF = 0;\n      const customHeight = Math.abs(this.canvasHeight);\n      const customWidth = Math.abs(this.canvasWidth);\n      if (customHeight >= customWidth) {\n        KF = maxSizes / customHeight;\n      } else {\n        KF = maxSizes / customWidth;\n      }\n      const width = KF * customWidth;\n      const height = KF * customHeight;\n      return {\n        width: `${width}px`,\n        height: `${height}px`\n      };\n    }\n  },\n  methods: {\n    onHideModal() {\n      this.removeImage();\n      this.$emit(\"hide-modal\");\n    },\n    showErrorMsg(msg = \"\") {\n      this.errorMsg = msg;\n    },\n    updateReview() {\n      const canvasDataUR = this.canvas.toDataURL();\n      this.review = canvasDataUR;\n    },\n    onOpenShareWindow(socialNetwork) {\n      this.wasOpened = true;\n      LogsService.createLog({\n        action: \"poster share\",\n        data: {\n          poster_name: this.activePoster?.name ?? \"unsaved poster\",\n          social_network: socialNetwork,\n          image_link: this.url\n        }\n      });\n    },\n    // share in social networks\n    async createImage() {\n      this.updateReview();\n      try {\n        const fileName = `s/share${Date.now().toString()}_${Math.random()\n          .toString()\n          .slice(3)}`;\n        const dataUrl = this.canvas.toDataURL({\n          multiplier: 1 / Math.max(this.canvas.getZoom(), 0.68)\n        });\n        const content = await dataUrlToFile(dataUrl, fileName);\n        const res = await uploadItem({\n          content,\n          fileName,\n          direction: \"s\",\n          isPublic: true\n        });\n        this.url = res.location.replace(\n          process.env.VUE_APP_DEFAULT_CDN_SPACES_URL,\n          process.env.VUE_APP_CDN_SPACES_URL\n        );\n      } catch (error) {\n        console.log(error.message);\n      }\n    },\n    removeImage() {\n      try {\n        if (!this.wasOpened) deleteItem({ url: this.url });\n      } catch (error) {\n        console.log(error.message);\n      }\n    }\n  }\n};\n</script>\n\n<style scoped>\n.popup-overlay {\n  width: fit-content;\n  height: fit-content;\n  max-width: calc(100vw - 20px);\n  max-height: calc(100vh - 90px);\n}\n.soc-networks {\n  padding: 30px 30px 30px;\n  display: grid;\n  grid-gap: 8px;\n  grid-auto-flow: column;\n}\n.sn-img {\n  border-radius: 5px;\n  width: 32px;\n  height: 32px;\n}\n.review-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  /* min-width: 300px; */\n  max-width: 300px;\n  min-height: 300px;\n  max-height: 300px;\n  margin: 15px 0 8px;\n}\n.review {\n  background-image: url(./../../assets/img/qr/card_bg.png);\n  box-sizing: border-box;\n  border: 1px solid #bcbccb;\n  box-shadow: 1px 5px 7px #d8d8d8;\n}\n.publish-container {\n  width: calc(100vw - 20px);\n  max-width: 610px;\n  max-height: 520px;\n}\n.overlay-title {\n  display: flex;\n  align-self: start;\n  align-items: center;\n  margin: 18px 0 19px 21px;\n}\n.publish-content {\n  max-height: calc(100vh - 150px);\n  overflow: auto;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-items: center;\n}\n.newtwork-link {\n  cursor: pointer;\n  display: flex;\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!./publishPopup.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!./publishPopup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./publishPopup.vue?vue&type=template&id=8c83bc9e&scoped=true&\"\nimport script from \"./publishPopup.vue?vue&type=script&lang=js&\"\nexport * from \"./publishPopup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./publishPopup.vue?vue&type=style&index=0&id=8c83bc9e&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  \"8c83bc9e\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}