{"version":3,"sources":["webpack:///./src/views/Settings/MessageTemplates/components/EditTemplate/attrs/data.js","webpack:///./src/components/WhatsappMessage/Index.vue?4c7b","webpack:///./src/components/WhatsappMessage/Index.vue","webpack:///./src/views/Settings/MessageTemplates/components/EditTemplate/Index.vue","webpack:///./src/views/Settings/MessageTemplates/components/EditTemplate/Index.vue?a192","webpack:///./src/views/Settings/MessageTemplates/components/EditTemplate/Index.vue?4614","webpack:///./src/components/WhatsappMessage/Index.vue?fcd7","webpack:///./src/components/WhatsappMessage/Index.vue?615a","webpack:///./src/views/Settings/MessageTemplates/components/EditTemplate","webpack:///src/components/WhatsappMessage/Index.vue","webpack:///./src/views/Settings/MessageTemplates/components/EditTemplate/attrs/methods.js","webpack:///./src/views/Settings/MessageTemplates/components/EditTemplate/attrs/computed.js","webpack:///./src/components/WhatsappMessage/Index.vue?8922","webpack:///./src/views/Settings/MessageTemplates/components/EditTemplate/index.js","webpack:///./src/views/Settings/MessageTemplates/components/EditTemplate/attrs/mounted.js"],"names":["template","variables","whatsappTemplate","success","customToolbar","list","errors","subject","content","whatsappTemplates","component","render","_vm","this","_h","$createElement","_c","_self","attrs","on","$event","preventDefault","$router","push","name","_v","_e","updateTemplate","model","value","callback","$$v","$set","expression","staticClass","_s","availableWhatsappTemplates","setWhatsappTemplate","selectedWhatsappTemplate","components","length","join","staticRenderFns","props","Array","methods","followButton","button","type","window","open","url","computed","header","body","parsedHeader","text","includes","variableName","replace","parsedBody","buttons","loadTemplate","self","api","getApiClient","$store","templateId","$route","params","id","get","then","result","data","catch","error","console","log","loadWhatsappTemplates","map","item","label","resetFormResult","patch","headers","response","status","violations","forEach","violation","propertyPath","message","Object","keys","code","filter","domProps","_l","mounted","VueEditor","WhatsappMessage"],"mappings":"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","file":"js/chunk-309ca43c.72f85abc.js","sourcesContent":["export default function() {\n    return {\n        template: {\n            variables: [],\n            whatsappTemplate: null\n        },\n        success: false,\n        customToolbar: [[\"bold\", \"italic\", \"underline\"], [{ list: \"ordered\" }, { list: \"bullet\" }], [\"image\", \"link\"]],\n        errors: {\n            subject: null,\n            content: null\n        },\n        whatsappTemplates: []\n    }\n}\n","import mod 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!./Index.vue?vue&type=style&index=0&id=15642b32&scoped=true&lang=css&\"; export default mod; 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!./Index.vue?vue&type=style&index=0&id=15642b32&scoped=true&lang=css&\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=15642b32&scoped=true&\"\nimport script from \"./Index.vue?vue&type=script&lang=js&\"\nexport * from \"./Index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Index.vue?vue&type=style&index=0&id=15642b32&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  \"15642b32\",\n  null\n  \n)\n\nexport default component.exports","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=2daba99d&\"\nimport script from \"./index.js?vue&type=script&lang=js&\"\nexport * from \"./index.js?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","export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"7d6964bc-vue-loader-template\\\"}!../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=template&id=2daba99d&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('CButton',{attrs:{\"color\":\"info\"},on:{\"click\":function($event){$event.preventDefault();return _vm.$router.push({name: 'Templates de mensagens'})}}},[_c('CIcon',{attrs:{\"name\":\"cil-arrow-left\"}}),_vm._v(\" Voltar \")],1),_c('hr'),_c('CCard',[_c('CCardBody',[_c('h2',[_vm._v(\"Editar template\")]),(_vm.success)?_c('CAlert',{attrs:{\"color\":\"success\"}},[_vm._v(\"Template atualizado!\")]):_vm._e(),_c('CForm',{on:{\"submit\":function($event){$event.preventDefault();return _vm.updateTemplate($event)}}},[_c('CRow',[_c('CCol',{attrs:{\"col\":\"4\"}},[_c('label',[_vm._v(\"Assunto\")]),_c('CInput',{attrs:{\"type\":\"text\"},model:{value:(_vm.template.subject),callback:function ($$v) {_vm.$set(_vm.template, \"subject\", $$v)},expression:\"template.subject\"}}),(_vm.errors.subject)?_c('p',{staticClass:\"text-danger\"},[_vm._v(_vm._s(_vm.errors.subject))]):_vm._e()],1)],1),_c('label',[_vm._v(\"Conteúdo - Email\")]),_c('vue-editor',{attrs:{\"id\":\"content\",\"editorToolbar\":_vm.customToolbar},model:{value:(_vm.template.content),callback:function ($$v) {_vm.$set(_vm.template, \"content\", $$v)},expression:\"template.content\"}}),(_vm.errors.content)?_c('p',{staticClass:\"text-danger\"},[_vm._v(_vm._s(_vm.errors.content))]):_vm._e(),_c('br'),_c('label',[_vm._v(\"Template - Whatsapp\")]),(_vm.template)?_c('CSelect',{attrs:{\"options\":_vm.availableWhatsappTemplates},on:{\"update:value\":_vm.setWhatsappTemplate},model:{value:(_vm.template.whatsappTemplate),callback:function ($$v) {_vm.$set(_vm.template, \"whatsappTemplate\", $$v)},expression:\"template.whatsappTemplate\"}}):_vm._e(),(_vm.selectedWhatsappTemplate)?_c('div',[_c('h5',[_vm._v(\"Exemplo:\")]),_c('WhatsappMessage',{attrs:{\"components\":_vm.selectedWhatsappTemplate.components,\"variables\":_vm.template.variables}})],1):_vm._e(),_c('br'),(_vm.template && _vm.template.variables.length)?_c('p',[_c('b',[_vm._v(\"Variáveis disponíveis: \")])]):_vm._e(),_c('pre',[_vm._v(_vm._s(_vm.template.variables.join(', ')))]),_c('br'),_c('CButton',{attrs:{\"type\":\"submit\",\"color\":\"primary\"}},[_vm._v(\"Atualizar\")])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export * from \"-!../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"7d6964bc-vue-loader-template\\\"}!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=template&id=15642b32&scoped=true&\"","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!./Index.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!./Index.vue?vue&type=script&lang=js&\"","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!./index.js?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!./index.js?vue&type=script&lang=js&\"","<template>\n  <div class=\"message-container\">\n    <div class=\"message\">\n      <div class=\"header\" v-if=\"header\" v-html=\"parsedHeader\"></div>\n      <p v-if=\"parsedBody\" v-html=\"parsedBody\"></p>\n      <div class=\"footer\" v-if=\"buttons && buttons.buttons\">\n        <button class=\"button\" v-for=\"button in buttons.buttons\" @click.prevent=\"followButton(button)\">\n          {{ button.text }}\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'WhatsappMessage',\n  props: {\n    components: Array,\n    variables: Array\n  },\n  methods: {\n    followButton(button) {\n      if (button.type === 'URL') {\n        window.open(button.url)\n      }\n    }\n  },\n  computed: {\n    header() {\n      return this.components.filter(component => {\n        return component.type === 'HEADER'\n      })[0] ?? null\n    },\n    body() {\n      return this.components.filter(component => {\n        return component.type === 'BODY'\n      })[0] ?? null\n    },\n\n    parsedHeader() {\n      let content = ''\n\n      if (this.header) {\n        content = this.header.text\n\n        if (this.header.example?.header_text) {\n          const variableOrder = this.header.example.header_text\n          content = this.header.text\n\n          for (let i = 0; i < variableOrder.length; i++) {\n            let variableName = variableOrder[i];\n\n            if (!this.variables.includes(variableName)) {\n              variableName = `<i class=\"text-danger\" title=\"Variável não existente\">${variableName}</i>`\n            }\n\n            content = content.replace(`{{${i + 1}}`, `{${variableName}`)\n          }\n        }\n      }\n\n      return content\n    },\n\n    parsedBody() {\n      let content = ''\n\n      if (this.body) {\n        content = this.body.text\n\n        if (this.body.example?.body_text) {\n          const variableOrder = this.body.example.body_text[0]\n          content = this.body.text\n\n          for (let i = 0; i < variableOrder.length; i++) {\n            let variableName = variableOrder[i];\n\n            if (!this.variables.includes(variableName)) {\n              variableName = `<i class=\"text-danger\" title=\"Variável não existente\">${variableName}</i>`\n            }\n\n            content = content.replace(`{{${i + 1}}`, `{${variableName}`)\n          }\n        }\n      }\n\n      return content\n    },\n    buttons() {\n      return this.components.filter(component => {\n        return component.type === 'BUTTONS'\n      })[0] ?? null\n    }\n  }\n}\n</script>\n\n<style scoped>\n.message-container {\n  padding: 10px 20px;\n  width: 300px;\n  font-family: Arial, sans-serif;\n  color: #222;\n  border-radius: 7px;\n  background: #e5dfd5;\n  position: relative;\n  margin: 10px 0;\n\n  .message-container::after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 0;\n    border: 10px solid;\n    border-color: #e5dfd5 transparent transparent #e5dfd5;\n    left: -19px;\n    top: 7px;\n  }\n\n  .message {\n    background: #FFF;\n    border-radius: 5px;\n    display: flex;\n    flex-flow: column;\n    padding: 10px;\n  }\n\n  .header {\n    flex: 1;\n    margin-bottom: 5px;\n    font-weight: bold;\n  }\n\n  .footer {\n    display: flex;\n\n\n    button {\n      color: #56A1EB;\n      background: #FFF;\n      padding: 5px 10px;\n      border: none;\n      border-top: 1px solid #CCC;\n      margin-top: 10px;\n      display: inline-block;\n      cursor: pointer;\n      flex: fit-content;\n    }\n  }\n}\n</style>\n","import getApiClient from '@/plugins/api-client'\n\nexport default {\n    loadTemplate() {\n        const self = this,\n            api = getApiClient(self.$store),\n            templateId = self.$route.params.id\n\n        api.get(`message_templates/${templateId}`)\n            .then(result => {\n                self.template = result.data\n            })\n            .catch(error => {\n                console.log(error)\n            })\n    },\n\n    loadWhatsappTemplates() {\n        const self = this,\n          api = getApiClient(self.$store)\n\n        api.get('whatsapp_templates')\n          .then(result => {\n              self.whatsappTemplates = result.data['hydra:member'].map(item => {\n                  return {\n                      label: item.name,\n                      value: `/whatsapp_templates/${item.id}`,\n                      components: item.components\n                  }\n              })\n            })\n    },\n\n    setWhatsappTemplate(template) {\n        this.template.whatsappTemplate = template\n    },\n\n    updateTemplate() {\n        const self = this,\n            api = getApiClient(self.$store),\n            templateId = self.$route.params.id\n\n        self.resetFormResult()\n\n        api.patch(`message_templates/${templateId}`, self.template, {\n            headers: {\n                'Content-Type': 'application/merge-patch+json'\n            }\n        })\n            .then(result => {\n                self.template = result.data\n                self.success = true\n            })\n            .catch(error => {\n                switch (error.response.status) {\n                    case 400:\n                    case 422:\n                        let violations = error.response.data.violations\n                        violations.forEach((violation) => {\n                            self.errors[violation.propertyPath] = violation.message\n                        })\n                        break;\n                }\n            })\n    },\n\n    resetFormResult: function() {\n        const self = this\n        Object.keys(self.errors).forEach((error) => {\n            self.errors[error] = null\n        })\n        self.success = false\n    }\n}\n","export default {\n  availableWhatsappTemplates() {\n    return [\n      {\n        label: 'Nenhum',\n        code: null\n      },\n      ...this.whatsappTemplates\n    ]\n  },\n\n  selectedWhatsappTemplate() {\n    if (this.template.whatsappTemplate) {\n      return this.availableWhatsappTemplates.filter(template => {\n        return template['value'] === this.template.whatsappTemplate\n      })[0] ?? null\n    }\n  }\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"message-container\"},[_c('div',{staticClass:\"message\"},[(_vm.header)?_c('div',{staticClass:\"header\",domProps:{\"innerHTML\":_vm._s(_vm.parsedHeader)}}):_vm._e(),(_vm.parsedBody)?_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.parsedBody)}}):_vm._e(),(_vm.buttons && _vm.buttons.buttons)?_c('div',{staticClass:\"footer\"},_vm._l((_vm.buttons.buttons),function(button){return _c('button',{staticClass:\"button\",on:{\"click\":function($event){$event.preventDefault();return _vm.followButton(button)}}},[_vm._v(\" \"+_vm._s(button.text)+\" \")])}),0):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import computed from './attrs/computed'\nimport data from './attrs/data'\nimport methods from './attrs/methods'\nimport mounted from './attrs/mounted'\n\nimport { VueEditor } from 'vue2-editor'\nimport WhatsappMessage from '@/components/WhatsappMessage/Index'\n\nexport default {\n    name: 'EditTemplate',\n    computed,\n    data,\n    methods,\n    mounted,\n    components: {\n        VueEditor,\n        WhatsappMessage\n    }\n}\n","export default function() {\n    this.loadTemplate()\n    this.loadWhatsappTemplates()\n}\n"],"sourceRoot":""}