{"version":3,"sources":["webpack:///./src/components/email/Edit.vue?7ed1","webpack:///./src/views/email/Edit.vue?6d21","webpack:///./src/components/email/Edit.vue?e61e","webpack:///src/components/email/Edit.vue","webpack:///./src/components/email/Edit.vue?ff5c","webpack:///./src/components/email/Edit.vue","webpack:///src/views/email/Edit.vue","webpack:///./src/views/email/Edit.vue?4b69","webpack:///./src/views/email/Edit.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","emailId","staticRenderFns","staticClass","_v","_s","$t","name","isLoading","on","updateDesign","deleteDesign","ref","editorLoaded","_e","popupActive","status_id","newsSelected","company_id","getDataForm","closeModal","NAME","components","EmailEditor","data","template","id","isLoadingC","isLoadingR","props","type","String","default","computed","watch","newValue","$refs","emailEditor","editor","loadDesign","methods","setMergeTags","registerCallback","sendDesign","Promise","component","COMPONENT_NAME","created","$route","params"],"mappings":"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","file":"js/CustomEmailEdit.d067d6e3.js","sourcesContent":["import mod from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Edit.vue?vue&type=style&index=0&id=09e059d5&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Edit.vue?vue&type=style&index=0&id=09e059d5&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('email-edit',{attrs:{\"emailId\":_vm.emailId}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container container-editor-email\"},[_c('div',{staticClass:\"container-bar-editor-email my-2 rounded\"},[_c('h1',[_vm._v(_vm._s(this.$t(\"custom_email.title_view_edit\") + \" \")+_vm._s(_vm.name))]),_c('button',{staticClass:\"bg-yellow-500 hover:bg-yellow-100 text-gray-800 font-semibold py-2 px-4 border border-yellow-400 rounded shadow\",attrs:{\"disabled\":_vm.isLoading},on:{\"click\":_vm.updateDesign}},[_vm._v(\" \"+_vm._s(this.$t(\"custom_email.btn_update\"))+\" \")]),_c('button',{staticClass:\"bg-red-500 hover:bg-white text-gray-800 hover:text-red-900 font-semibold py-2 px-4 border border-red-800 rounded shadow\",attrs:{\"disabled\":_vm.isLoading},on:{\"click\":_vm.deleteDesign}},[_vm._v(\" \"+_vm._s(this.$t(\"custom_email.btn_delete\"))+\" \")])]),_c('EmailEditor',{ref:\"emailEditor\",on:{\"load\":_vm.editorLoaded}}),(!_vm.isLoading)?_c('vue-form',{ref:\"EmailForm\",attrs:{\"popupActive\":_vm.popupActive,\"original_name\":_vm.name,\"original_status_id\":_vm.status_id,\"selectedNewsPrev\":_vm.newsSelected,\"original_company_id\":_vm.company_id},on:{\"submitForm\":_vm.getDataForm,\"closePopup\":_vm.closeModal}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"container container-editor-email\">\n    <div class=\"container-bar-editor-email my-2 rounded\">\n      <h1>{{ this.$t(\"custom_email.title_view_edit\") + \" \" }}{{ name }}</h1>\n      <button\n        class=\"bg-yellow-500 hover:bg-yellow-100 text-gray-800 font-semibold py-2 px-4 border border-yellow-400 rounded shadow\"\n        @click=\"updateDesign\"\n        :disabled=\"isLoading\"\n      >\n        {{ this.$t(\"custom_email.btn_update\") }}\n      </button>\n      <button\n        class=\"bg-red-500 hover:bg-white text-gray-800 hover:text-red-900 font-semibold py-2 px-4 border border-red-800 rounded shadow\"\n        @click=\"deleteDesign\"\n        :disabled=\"isLoading\"\n      >\n        {{ this.$t(\"custom_email.btn_delete\") }}\n      </button>\n    </div>\n    <EmailEditor ref=\"emailEditor\" @load=\"editorLoaded\" />\n    <vue-form\n      v-if=\"!isLoading\"\n      ref=\"EmailForm\"\n      :popupActive=\"popupActive\"\n      :original_name=\"name\"\n      :original_status_id=\"status_id\"\n      :selectedNewsPrev=\"newsSelected\"\n      :original_company_id=\"company_id\"\n      @submitForm=\"getDataForm\"\n      @closePopup=\"closeModal\"\n    ></vue-form>\n  </div>\n</template>\n\n<script>\nimport { EmailEditor } from \"vue-email-editor\";\nimport HTTP from \"@/http-common\";\nimport FieldsCustomEmail from \"@/fields/email/fieldsEmails\";\nimport EmailForm from \"./Form\";\n\nconst NAME = \"EmailEdit\";\n\nexport default {\n  name: NAME,\n  components: {\n    EmailEditor,\n    \"vue-form\": EmailForm,\n  },\n  data() {\n    return {\n      template: {},\n      id: \"\",\n      name: \"\",\n      company_id: null,\n      status_id: null,\n      isLoadingC: true,\n      isLoadingR: true,\n      popupActive: false,\n      newsSelected:\"\"\n    };\n  },\n  props: {\n    emailId: {\n      type: String,\n      default: () => \"\",\n    },\n  },\n  computed: {\n    isLoading() {\n      return this.isLoadingC || this.isLoadingR;\n    },\n  },\n  watch: {\n    isLoading(newValue) {\n      if (!newValue) {\n        this.$refs.emailEditor.editor.loadDesign(this.template);\n      }\n    },\n  },\n  methods: {\n    editorLoaded() {\n      this.isLoadingC = false;\n      // this.$refs.emailEditor.editor.setMergeTagsConfig(\n      //   FieldsCustomEmail.mergeTagsConfig\n      // );\n      this.$refs.emailEditor.editor.setMergeTags(FieldsCustomEmail.mergeTags);\n      this.$refs.emailEditor.editor.registerCallback(\n        \"image\",\n        this.callbackImage\n      );\n    },\n    async deleteDesign() {\n      const response = await this.$swal({\n        position: \"center\",\n        type: \"error\",\n        title: this.$t(\"danger\"),\n        text: this.$t(\"custom_email.message_delete_template\"),\n        confirmButtonColor: \"#ea5455\",\n        cancelButtonColor: \"#24292e\",\n        showLoaderOnConfirm: true,\n        showConfirmButton: true,\n        showCancelButton: true,\n        showCloseButton: true,\n        confirmButtonText: \"Delete\",\n        cancelButtonText: \"Cancel\",\n      });\n      if (response.value) {\n        try {\n          await HTTP.delete(`v1/custom-emails/${this.emailId}`);\n          return this.$router.push({ name: \"index-email\" });\n        } catch (error) {\n          return this.$swal({\n            position: \"center\",\n            type: \"warning\",\n            confirmButtonColor: \"#FDD402\",\n            title: \"Oops...\",\n            text: error.response.data.error.message,\n          });\n        }\n      }\n    },\n    async getDataForm(formData) {\n      this.closeModal();\n      try {\n        await this.sendDesign(\n          formData.name,\n          formData.company_id,\n          formData.status_id,\n          formData.newsSelected\n        );\n        await this.$swal({\n          position: \"center\",\n          type: \"success\",\n          title: this.$t(\"custom_email.title_success_template\"),\n          confirmButtonColor: \"#FDD402\",\n          allowOutsideClick: false,\n          timer: 3000,\n        });\n        this.$router.push({ name: \"index-email\" });\n      } catch (error) {\n        return this.$swal({\n          position: \"center\",\n          type: \"warning\",\n          confirmButtonColor: \"#FDD402\",\n          title: \"Oops...\",\n          text: error.response.data.error.message,\n        });\n      }\n    },\n    async updateDesign() {\n      this.popupActive = true;\n    },\n    sendDesign(name, company_id, status_id,newsSelected) {\n      return new Promise((resolve, reject) => {\n        this.$refs.emailEditor.editor.exportHtml(async (design) => {\n          try {\n            await HTTP.put(\"v1/custom-emails\", {\n              id: this.emailId,\n              name,\n              company_id,\n              status_id,\n              jsonModel: { body: design.design.body },\n              htmlModel: design.html,\n              newsSelected\n            });\n            resolve();\n          } catch (error) {\n            reject(error);\n          }\n        });\n      });\n    },\n    async callbackImage(file, done) {\n      let data = new FormData();\n      let url;\n      data.append(\"data\", file.attachments[0]);\n      try {\n        let response = await HTTP.post(\"v1/custom-emails/image\", data);\n        url = response.data.url;\n        done({ progress: 100, url });\n      } catch (error) {\n        done({ progress: 100, url: \"ERROR SERVER IN URL OF THE FILE\" });\n      }\n    },\n    async getTemplate() {\n      try {\n        let templateGet = await HTTP.query(`v1/custom-emails/${this.emailId}`);\n        if (templateGet.data.status === \"success\") {\n          this.isLoadingR = false;\n          this.template = templateGet.data.json_model;\n          this.name = templateGet.data.name;\n          this.company_id = templateGet.data.company_id;\n          this.status_id = templateGet.data.status_id;\n          this.newsSelected= templateGet.data.newness_id\n        } else {\n          throw \"error\";\n        }\n      } catch (error) {\n        throw error;\n      }\n    },\n    closeModal() {\n      this.popupActive = false;\n    },\n  },\n  async mounted() {\n    try {\n      await this.getTemplate();\n    } catch (error) {\n      await this.$swal({\n        position: \"center\",\n        type: \"warning\",\n        confirmButtonColor: \"#FDD402\",\n        title: \"Oops...\",\n        text: this.$t(\"custom_email.title_error_load\"),\n        timer: 3000,\n      });\n      return this.$router.push({ name: \"index-email\" });\n    }\n  },\n};\n</script>\n\n<style scoped>\n.container-editor-email {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  height: 550px;\n}\n\n.container-bar-editor-email {\n  background-color: #333;\n  flex: 1;\n  padding: 10px;\n  display: flex;\n  max-height: 60px;\n}\n\n.container-bar-editor-email h1 {\n  flex: 1;\n  text-align: left;\n  color: #ffffff;\n}\n\n.container-bar-editor-email button {\n  flex: 1;\n  margin-left: 10px;\n  max-width: 150px;\n  cursor: pointer;\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/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Edit.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/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Edit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Edit.vue?vue&type=template&id=09e059d5&scoped=true&\"\nimport script from \"./Edit.vue?vue&type=script&lang=js&\"\nexport * from \"./Edit.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Edit.vue?vue&type=style&index=0&id=09e059d5&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  \"09e059d5\",\n  null\n  \n)\n\nexport default component.exports","<template lang=\"pug\">\nemail-edit(:emailId=\"emailId\")\n</template>\n\n<script>\nimport EmailEdit from \"@/components/email/Edit.vue\";\nimport { validatePermission } from \"@/Ability\";\n\nconst COMPONENT_NAME = \"ViewEditEmail\";\n\nexport default {\n  name: COMPONENT_NAME,\n  components: {\n    \"email-edit\": EmailEdit,\n  },\n  methods: {},\n  data() {\n    return {\n      emailId: \"\",\n    };\n  },\n  created() {\n    this.emailId = String(this.$route.params.id);\n    validatePermission(this, \"update\", \"email\", \"Edit\");\n  },\n};\n</script>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Edit.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/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Edit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Edit.vue?vue&type=template&id=e8f5cf26&lang=pug&\"\nimport script from \"./Edit.vue?vue&type=script&lang=js&\"\nexport * from \"./Edit.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}