{"version":3,"sources":["webpack:///./src/components/popups/errorPopup.vue?b115","webpack:///./src/components/popups/errorPopup.vue","webpack:///src/components/popups/errorPopup.vue","webpack:///./src/components/popups/errorPopup.vue?1d99","webpack:///./src/components/popups/errorPopup.vue?ee3f","webpack:///./src/assets/img/error.svg"],"names":["render","_vm","this","_c","_self","staticClass","on","onHideModal","$event","stopPropagation","_m","directives","name","rawName","value","popupsData","msg","expression","_v","_s","formats","staticStyle","$store","dispatch","type","attrs","popupsVisible","onClickApply","applyText","staticRenderFns","require","data","computed","mapGetters","interactionMode","mounted","LogsService","createLog","action","methods","onTryPro","$emit","acceptCookie","localStorage","cookiesBanner","setCanvasSize","component","module","exports"],"mappings":"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","file":"js/errorPopup.7f38a0f8.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!./errorPopup.vue?vue&type=style&index=0&id=c8b3c0aa&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();}}},[_vm._m(0),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.popupsData.msg),expression:\"popupsData.msg\"}],staticClass:\"error_msg\"},[_vm._v(\" \"+_vm._s(_vm.popupsData.msg)+\" \")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.popupsData === 'limit'),expression:\"popupsData === 'limit'\"}],staticClass:\"error_msg\"},[_vm._v(\" the limits of your price plan have been exceeded \")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.popupsData === 'empty_canvas'),expression:\"popupsData === 'empty_canvas'\"}],staticClass:\"error_msg\"},[_vm._v(\" you can't do this with empty canvas \")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(\n        _vm.popupsData === 'accepted_files' || _vm.popupsData === 'accepted_fonts'\n      ),expression:\"\\n        popupsData === 'accepted_files' || popupsData === 'accepted_fonts'\\n      \"}],staticClass:\"error_msg\"},[_vm._v(\" only those file formats are allowed for upload:: \"),_c('div',{staticClass:\"bold center\"},[_vm._v(_vm._s(_vm.formats))])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.popupsData === 'accept_cookies'),expression:\"popupsData === 'accept_cookies'\"}],staticClass:\"error_msg\"},[_vm._v(\" Please accept \"),_c('span',{staticStyle:{\"font-weight\":\"600\",\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.$store.dispatch('workSpace/showPopup', {\n            type: 'termsAndConditions'\n          })}}},[_vm._v(\"Terms and Condition\")]),_vm._v(\" first \")]),_c('div',{staticClass:\"popup-btn\",attrs:{\"data-is-avalable\":_vm.popupsVisible,\"id\":\"apply-btn\"},on:{\"click\":_vm.onClickApply}},[_vm._v(\" \"+_vm._s(_vm.applyText)+\" \")]),_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/error.svg\")}}),_c('span',{staticClass:\"popup-overlay-title-span\"},[_vm._v(\"error\")])])\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/error.svg\" />\n        <span class=\"popup-overlay-title-span\">error</span>\n      </div>\n      <!-- msg -->\n      <div class=\"error_msg\" v-show=\"popupsData.msg\">\n        {{ popupsData.msg }}\n      </div>\n      <!-- limit -->\n      <div class=\"error_msg\" v-show=\"popupsData === 'limit'\">\n        the limits of your price plan have been exceeded\n      </div>\n      <!-- empty canvas -->\n      <div class=\"error_msg\" v-show=\"popupsData === 'empty_canvas'\">\n        you can't do this with empty canvas\n      </div>\n      <!-- accepted_files -->\n      <div\n        class=\"error_msg\"\n        v-show=\"\n          popupsData === 'accepted_files' || popupsData === 'accepted_fonts'\n        \"\n      >\n        only those file formats are allowed for upload::\n        <div class=\"bold center\">{{ formats }}</div>\n      </div>\n      <!-- accept_cookies -->\n      <div class=\"error_msg\" v-show=\"popupsData === 'accept_cookies'\">\n        Please accept\n        <span\n          style=\"font-weight: 600; cursor: pointer;\"\n          @click=\"\n            $store.dispatch('workSpace/showPopup', {\n              type: 'termsAndConditions'\n            })\n          \"\n          >Terms and Condition</span\n        >\n        first\n      </div>\n      <!-- <div class=\"try-pro\" @click=\"onTryPro\" v-show=\"popupsData === 'limit'\">\n        <div class=\"try-pro-logo\">\n          <img alt=\"img\"\n            class=\"logog-img\"\n            src=\"@/assets/img/logo_pro.svg\"\n          />\n        </div>\n        <div class=\"try-pro-title\">try pro</div>\n      </div> -->\n      <!-- accepted_files -->\n      <div\n        :data-is-avalable=\"popupsVisible\"\n        id=\"apply-btn\"\n        class=\"popup-btn\"\n        @click=\"onClickApply\"\n      >\n        {{ applyText }}\n      </div>\n      <div class=\"popup-close\" @click=\"onHideModal\">&times;</div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nimport LogsService from \"@/services/LogsService\";\nimport { setCanvasSize } from \"@/helpers/firstRendering\";\nimport \"@/assets/css/popups.css\";\n\nexport default {\n  name: \"errorPopup\",\n  data() {\n    return {};\n  },\n  computed: {\n    ...mapGetters({\n      popupsVisible: \"workSpace/popupsVisible\",\n      popupsData: \"workSpace/popupsData\",\n      interactionMode: \"workSpace/interactionMode\"\n    }),\n    formats() {\n      if (this.popupsData === \"accepted_fonts\") return \"ttf, otf\";\n      return \"jpeg, png, gif, webp, svg, bmp\";\n    },\n    applyText() {\n      if (this.popupsData === \"accept_cookies\") return \"accept\";\n      return \"apply\";\n    }\n  },\n  mounted() {\n    if (this.popupsData === \"limit\")\n      LogsService.createLog({\n        action: \"limit of memory reach\",\n        data: {}\n      });\n  },\n  methods: {\n    onTryPro() {\n      this.onHideModal();\n      this.$store.dispatch(\"workSpace/showPopup\", {\n        type: \"userSettings\"\n      });\n    },\n    onHideModal() {\n      this.$emit(\"hide-modal\");\n    },\n    acceptCookie() {\n      localStorage.cookiesBanner = true;\n      this.$store.dispatch(\"workSpace/updateCookiesAccepted\", true);\n      if (!this.interactionMode) setCanvasSize();\n    },\n    onClickApply() {\n      if (this.popupsData === \"accept_cookies\") {\n        this.acceptCookie();\n      }\n      this.onHideModal();\n    }\n  }\n};\n</script>\n\n<style scoped>\n.popup-wraper {\n  position: fixed;\n  background: rgba(188, 188, 203, 0.8);\n  top: 0;\n  left: 0;\n  height: 100vh;\n  width: 100vw;\n  z-index: 50;\n  cursor: default;\n}\n.popup-overlay {\n  width: 609px;\n  height: fit-content;\n  max-width: calc(100vw - 20px);\n  max-height: calc(100vh - 90px);\n}\n.try-pro {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  padding-right: 25px;\n  width: 142px;\n  height: 30px;\n  background: #ffe000;\n  align-items: center;\n  cursor: pointer;\n  border-radius: 5px;\n  margin: 0 auto 30px;\n}\n\n.try-pro-logo {\n  margin-top: 3px;\n  margin-left: 8px;\n  margin-right: 8px;\n}\n.try-pro-title {\n  font-size: 16px;\n  font-weight: 600;\n}\n.bold,\n.error_msg {\n  font-size: 20px;\n}\n.error_msg {\n  /* padding: 37px 10px; */\n  padding: 20px 10px;\n  text-align: center;\n}\n.bold {\n  font-weight: 600;\n}\n.center {\n  text-align: center;\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!./errorPopup.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!./errorPopup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./errorPopup.vue?vue&type=template&id=c8b3c0aa&scoped=true&\"\nimport script from \"./errorPopup.vue?vue&type=script&lang=js&\"\nexport * from \"./errorPopup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./errorPopup.vue?vue&type=style&index=0&id=c8b3c0aa&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  \"c8b3c0aa\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/error.09f2703b.svg\";"],"sourceRoot":""}