{"version":3,"sources":["webpack:///./src/views/setting/company-email-template/Form.vue?ff69","webpack:///./src/views/setting/company-email-template/Form.vue","webpack:///src/views/setting/company-email-template/Form.vue","webpack:///./src/views/setting/company-email-template/Form.vue?f164","webpack:///./src/views/setting/company-email-template/Form.vue?fa8d","webpack:///./node_modules/core-js/modules/es.iterator.find.js","webpack:///./node_modules/core-js/modules/esnext.iterator.find.js"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","headerText","on","$event","preventDefault","backToList","apply","arguments","_m","attrs","typeOptions","changeEmailTemplateType","model","value","formType","callback","$$v","expression","validationErrors","hasOwnProperty","type","_e","directives","name","rawName","form","modifiers","domProps","target","composing","$set","trim","$forceUpdate","subject","_l","statusList","status","id","_q","editorOption","body","templatePlaceholders","length","placeholder","staticStyle","copyToClipboard","saveCompanyEmailTemplate","staticRenderFns","components","Multiselect","quillEditor","data","companyEmailTemplateId","loading","errors","emailTemplateTypes","selectedEmailTemplate","theme","modules","toolbar","computed","map","_this$selectedEmailTe","_this$selectedEmailTe2","placeholders","methods","error","$route","params","updateCompanyEmailTemplate","storeCompanyEmailTemplate","client","post","$toast","success","e","_helper","showErrorMessage","put","get","is_active","setEmailType","console","log","$router","push","content","find","templateType","str","el","document","createElement","appendChild","select","execCommand","removeChild","getCompanyEmailTypes","getCompanyEmailTemplate","component","$","iterate","aCallable","anObject","getIteratorDirect","proto","real","predicate","record","counter","stop","IS_RECORD","INTERRUPTED","result"],"mappings":"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","file":"js/chunk-0c189b4f.8cd2b61c.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!./Form.vue?vue&type=style&index=0&id=f1ad148e&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"content-area__body\"},[_c('section',{staticClass:\"section-gap\"},[_c('div',{staticClass:\"details__card\"},[_c('div',{staticClass:\"details__card__head d-flex justify-content-between\"},[_c('h5',{staticClass:\"font-weight-bold\"},[_vm._v(\" \"+_vm._s(_vm.headerText))]),_c('button',{staticClass:\"button primary-button\",on:{\"click\":function($event){$event.preventDefault();return _vm.backToList.apply(null, arguments)}}},[_vm._m(0),_vm._v(\" Back \")])]),_c('div',{staticClass:\"details__card__body\"},[_c('form',{on:{\"submit\":function($event){$event.preventDefault();}}},[_c('div',{staticClass:\"form-box\"},[_c('div',{staticClass:\"form-row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"type\"}},[_vm._v(\"Type *\")]),_c('multiselect',{attrs:{\"id\":\"plan\",\"options\":_vm.typeOptions,\"label\":\"name\",\"track-by\":\"id\",\"placeholder\":\"Select Type\"},on:{\"input\":_vm.changeEmailTemplateType},model:{value:(_vm.formType),callback:function ($$v) {_vm.formType=$$v},expression:\"formType\"}}),(_vm.validationErrors.hasOwnProperty('type'))?_c('label',{staticClass:\"text-danger\"},[_vm._v(\" \"+_vm._s(_vm.validationErrors.type)+\" \")]):_vm._e()],1)]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"Name *\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model.trim\",value:(_vm.form.name),expression:\"form.name\",modifiers:{\"trim\":true}}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"id\":\"name\",\"placeholder\":\"Enter name\",\"maxlength\":\"100\"},domProps:{\"value\":(_vm.form.name)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.form, \"name\", $event.target.value.trim())},\"blur\":function($event){return _vm.$forceUpdate()}}}),(_vm.validationErrors.hasOwnProperty('name'))?_c('label',{staticClass:\"text-danger\"},[_vm._v(\" \"+_vm._s(_vm.validationErrors.name)+\" \")]):_vm._e()])]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"subject\"}},[_vm._v(\"Subject *\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model.trim\",value:(_vm.form.subject),expression:\"form.subject\",modifiers:{\"trim\":true}}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"id\":\"subject\",\"placeholder\":\"Enter subject\",\"maxlength\":\"100\"},domProps:{\"value\":(_vm.form.subject)},on:{\"input\":function($event){if($event.target.composing)return;_vm.$set(_vm.form, \"subject\", $event.target.value.trim())},\"blur\":function($event){return _vm.$forceUpdate()}}}),(_vm.validationErrors.hasOwnProperty('subject'))?_c('label',{staticClass:\"text-danger\"},[_vm._v(\" \"+_vm._s(_vm.validationErrors.subject)+\" \")]):_vm._e()])]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"status\"}},[_vm._v(\"Status *\")]),_c('div',{staticClass:\"form-checkbox-radio\"},_vm._l((_vm.statusList),function(status){return _c('div',{staticClass:\"custom-radio\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.status),expression:\"form.status\"}],attrs:{\"type\":\"radio\",\"id\":`status-${status.id}`},domProps:{\"value\":status.id,\"checked\":_vm._q(_vm.form.status,status.id)},on:{\"change\":function($event){return _vm.$set(_vm.form, \"status\", status.id)}}}),_c('label',{attrs:{\"for\":`status-${status.id}`}},[_vm._v(_vm._s(status.name))])])}),0),(_vm.validationErrors.hasOwnProperty('status'))?_c('label',{staticClass:\"text-danger\"},[_vm._v(\" \"+_vm._s(_vm.validationErrors.status)+\" \")]):_vm._e()])]),_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"body\"}},[_vm._v(\"Body *\")]),_c('quill-editor',{staticClass:\"template quill-editor\",attrs:{\"id\":\"body\",\"options\":_vm.editorOption},model:{value:(_vm.form.body),callback:function ($$v) {_vm.$set(_vm.form, \"body\", $$v)},expression:\"form.body\"}}),(_vm.validationErrors.hasOwnProperty('body'))?_c('label',{staticClass:\"text-danger\"},[_vm._v(\" \"+_vm._s(_vm.validationErrors.body)+\" \")]):_vm._e()],1)]),(_vm.templatePlaceholders.length)?_c('div',{staticClass:\"col-sm-12\"},[_c('div',{staticClass:\"form-note\"},[_c('span',{staticClass:\"text-capitalize\"},[_vm._v(\"Placeholders: \")]),_vm._l((_vm.templatePlaceholders),function(placeholder){return _c('code',{staticClass:\"ml-1\",staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.copyToClipboard('['+placeholder+']')}}},[_vm._v(_vm._s(placeholder)+\" \"),_c('span',{staticClass:\"eicon e-duplicate\"})])})],2),_vm._m(1)]):_vm._e()])])])]),_c('div',{staticClass:\"details__card__footer\"},[_c('button',{staticClass:\"button success-button ml-auto\",on:{\"click\":function($event){return _vm.saveCompanyEmailTemplate()}}},[_vm._v(\" Save\")])])])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"button-icon\"},[_c('i',{staticClass:\"eicon e-back\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"form-note\"},[_c('span',{staticClass:\"text-capitalize\"},[_vm._v(\"Tips: \")]),_vm._v(\" To use placeholder put them inside [], ex: [PLACEHOLDER_NAME]. \")])\n}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"content-area__body\">\n        <section class=\"section-gap\">\n            <div class=\"details__card\">\n                <div class=\"details__card__head d-flex justify-content-between\">\n                    <h5 class=\"font-weight-bold\"> {{ headerText }}</h5>\n                    <button class=\"button primary-button\" @click.prevent=\"backToList\">\n                      <span class=\"button-icon\">\n                          <i class=\"eicon e-back\"></i>\n                        </span>\n                        Back\n                    </button>\n                </div>\n\n                <div class=\"details__card__body\">\n                    <form @submit.prevent=\"\">\n                        <div class=\"form-box\">\n                            <div class=\"form-row\">\n\n                                <div class=\"col-md-6\">\n                                    <div class=\"form-group\">\n                                        <label for=\"type\">Type *</label>\n                                        <multiselect\n                                            @input=\"changeEmailTemplateType\"\n                                            id=\"plan\"\n                                            v-model=\"formType\"\n                                            :options=\"typeOptions\"\n                                            label=\"name\"\n                                            track-by=\"id\"\n                                            placeholder=\"Select Type\"\n                                        ></multiselect>\n                                        <label class=\"text-danger\" v-if=\"validationErrors.hasOwnProperty('type')\">\n                                            {{ validationErrors.type }}\n                                        </label>\n                                    </div>\n                                </div>\n\n                                <div class=\"col-md-6\">\n                                    <div class=\"form-group\">\n                                        <label for=\"name\">Name *</label>\n                                        <input type=\"text\" id=\"name\" v-model.trim=\"form.name\" placeholder=\"Enter name\" class=\"form-control\" maxlength=\"100\"/>\n                                        <label class=\"text-danger\" v-if=\"validationErrors.hasOwnProperty('name')\">\n                                            {{ validationErrors.name }}\n                                        </label>\n                                    </div>\n                                </div>\n\n                                <div class=\"col-md-6\">\n                                    <div class=\"form-group\">\n                                        <label for=\"subject\">Subject *</label>\n                                        <input type=\"text\" id=\"subject\" v-model.trim=\"form.subject\" placeholder=\"Enter subject\" class=\"form-control\" maxlength=\"100\"/>\n                                        <label class=\"text-danger\" v-if=\"validationErrors.hasOwnProperty('subject')\">\n                                            {{ validationErrors.subject }}\n                                        </label>\n                                    </div>\n                                </div>\n\n                                <div class=\"col-md-6\">\n                                    <div class=\"form-group\">\n                                        <label for=\"status\">Status *</label>\n                                        <div class=\"form-checkbox-radio\">\n                                            <div class=\"custom-radio\" v-for=\"status in statusList\">\n                                                <input type=\"radio\" :id=\"`status-${status.id}`\" v-model=\"form.status\" :value=\"status.id\">\n                                                <label :for=\"`status-${status.id}`\">{{ status.name }}</label>\n                                            </div>\n                                        </div>\n                                        <label class=\"text-danger\" v-if=\"validationErrors.hasOwnProperty('status')\">\n                                            {{ validationErrors.status }}\n                                        </label>\n                                    </div>\n                                </div>\n\n                                <div class=\"col-md-12\">\n                                    <div class=\"form-group\">\n                                        <label for=\"body\">Body *</label>\n                                        <quill-editor\n                                            id=\"body\"\n                                            class=\"template quill-editor\"\n                                            v-model=\"form.body\"\n                                            :options=\"editorOption\"\n                                        />\n\n                                        <label class=\"text-danger\" v-if=\"validationErrors.hasOwnProperty('body')\">\n                                            {{ validationErrors.body }}\n                                        </label>\n                                    </div>\n                                </div>\n\n                                <div class=\"col-sm-12\" v-if=\"templatePlaceholders.length\">\n                                    <div class=\"form-note\">\n                                        <span class=\"text-capitalize\">Placeholders: </span>\n                                        <code style=\"cursor:pointer\" @click=\"copyToClipboard('['+placeholder+']')\" class=\"ml-1\" v-for = 'placeholder in templatePlaceholders'>{{ placeholder }} <span class=\"eicon e-duplicate\"></span></code>\n                                    </div>\n                                    <div class=\"form-note\">\n                                        <span class=\"text-capitalize\">Tips: </span>\n                                        To use placeholder put them inside [], ex: [PLACEHOLDER_NAME].\n                                    </div>\n                                </div>\n\n                            </div>\n                        </div>\n                    </form>\n                </div>\n\n                <div class=\"details__card__footer\">\n                    <button class=\"button success-button ml-auto\" @click=\"saveCompanyEmailTemplate()\"> Save</button>\n                </div>\n            </div>\n        </section>\n    </div>\n</template>\n\n<script>\nimport client from \"@/api/Client\";\nimport Multiselect from \"vue-multiselect\";\nimport {quillEditor} from \"vue-quill-editor\";\nimport 'quill/dist/quill.core.css';\nimport 'quill/dist/quill.snow.css';\n\n\nexport default {\n    name: \"CompanyEmailTemplateForm\",\n\n    components: {\n        Multiselect,\n        quillEditor\n    },\n\n    data() {\n        return {\n            companyEmailTemplateId: null,\n            loading: false,\n            form: {\n                type: '',\n                name: '',\n                subject: '',\n                body: '',\n                status: '',\n            },\n            errors: {},\n            emailTemplateTypes: [],\n            selectedEmailTemplate: {},\n            statusList: [\n                {id: 1, name: 'Active'},\n                {id: 0, name: 'Inactive'}\n            ],\n            editorOption: {\n                theme: 'snow',\n                modules: {\n                    toolbar: [\n                        ['bold', 'italic', 'underline', 'strike'],\n                        ['blockquote'],\n                        [{'header': 1}, {'header': 2}],\n                        [{'list': 'ordered'}, {'list': 'bullet'}],\n                        [{'size': ['small', false, 'large', 'huge']}],\n                        [{'color': []}],\n                        [{'align': []}],\n                        ['clean'],\n                    ],\n                },\n            },\n            formType: ''\n        }\n    },\n    computed: {\n        headerText() {\n            return this.companyEmailTemplateId ? 'Edit company email template' : 'Create company email template';\n        },\n\n        validationErrors() {\n            return this.errors;\n        },\n        typeOptions() {\n            return this.emailTemplateTypes.map(function(type) {\n                return {id: type.type, name: type.name};\n            })\n        },\n        templatePlaceholders() {\n            return this.selectedEmailTemplate?.placeholders ?? [];\n        }\n    },\n    methods: {\n        async saveCompanyEmailTemplate() {\n\n            this.errors = {\n                type: '',\n                name: '',\n                subject: '',\n                body: '',\n                status: '',\n            }\n\n            let error = 0;\n            if (this.form.type.length === 0) {\n                this.errors.type = 'Type is required';\n                error = 1;\n            }\n\n            if (this.form.name.length === 0) {\n                this.errors.name = 'Name is required';\n                error = 1;\n            }\n\n            if (this.form.status.length === 0) {\n                this.errors.status = 'Status is required';\n                error = 1;\n            }\n\n            if (this.form.subject.length === 0) {\n                this.errors.subject = 'Subject is required';\n                error = 1;\n            }\n\n            if (this.form.body.length === 0) {\n                this.errors.body = 'Body is required';\n                error = 1;\n            }\n\n            if(error === 1) {\n                return false;\n            }\n\n            if (this.$route.params.id) {\n                await this.updateCompanyEmailTemplate();\n            } else {\n                await this.storeCompanyEmailTemplate();\n            }\n        },\n\n        async storeCompanyEmailTemplate() {\n            try {\n                await client().post(`company-email-templates`, this.form);\n                this.$toast.success('Company email template created.');\n                this.backToList();\n            } catch (e) {\n                let errors = _helper.showErrorMessage(e);\n                if (errors) {\n                    this.errors = errors;\n                }\n            }\n        },\n\n        async updateCompanyEmailTemplate() {\n            try {\n                await client().put(`company-email-templates/${this.companyEmailTemplateId}`, this.form);\n                this.$toast.success('Company email template updated.');\n                this.backToList();\n            } catch (e) {\n                let errors = _helper.showErrorMessage(e);\n                if (errors.length > 0) {\n                    this.errors = errors;\n                }\n            }\n        },\n\n        async getCompanyEmailTemplate() {\n            try {\n                let {data: {data}} = await client().get(`company-email-templates/${this.companyEmailTemplateId}`);\n                this.form = {...this.form, ...data, status: data.is_active};\n                this.setEmailType(data.type);\n            } catch (e) {\n                console.log(e);\n            }\n        },\n\n        async getCompanyEmailTypes() {\n            try {\n                let {data: {data}} = await client().get(`company-email-types`);\n                this.emailTemplateTypes = data;\n            } catch (e) {\n                console.log(e);\n            }\n        },\n\n        backToList() {\n            this.$router.push({name: 'setting.company-email-template'})\n        },\n\n        changeEmailTemplateType() {\n            const { id:type } = this.formType;\n            this.form.type = type;\n\n            this.setEmailType(type);\n\n            this.form.body = this.selectedEmailTemplate.content;\n            this.form.subject = this.selectedEmailTemplate.subject;\n        },\n\n        setEmailType(type) {\n            this.selectedEmailTemplate = this.emailTemplateTypes.find((templateType) => {\n                return templateType.type === type;\n            })\n\n            this.formType = this.selectedEmailTemplate;\n        },\n\n        copyToClipboard(str) {\n            this.$toast.success('Copied.');\n\n            const el = document.createElement('textarea');\n            el.value = str;\n            document.body.appendChild(el);\n            el.select();\n            document.execCommand('copy');\n            document.body.removeChild(el);\n        }\n    },\n\n    async created() {\n        await this.getCompanyEmailTypes();\n        if (this.$route.params.id) {\n            this.companyEmailTemplateId = this.$route.params.id;\n            await this.getCompanyEmailTemplate();\n        }\n    }\n}\n</script>\n\n<style scoped>\n    .quill-editor {\n        height: 15rem;\n        width: 100%;\n        display: flex;\n        flex-direction: column;\n    }\n\n    .form-note {\n        color: #7d8091;\n        font-size: 0.875rem;\n        line-height: 1.5;\n        font-weight: 500;\n    }\n\n    .form-note span {\n        color: #597dfc;\n    }\n\n    code {\n        border: 1px solid;\n        padding: 5px 10px;\n        border-radius: 20px;\n        margin: 6px 0;\n        display: inline-block;\n    }\n\n</style>","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!./Form.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!./Form.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Form.vue?vue&type=template&id=f1ad148e&scoped=true\"\nimport script from \"./Form.vue?vue&type=script&lang=js\"\nexport * from \"./Form.vue?vue&type=script&lang=js\"\nimport style0 from \"./Form.vue?vue&type=style&index=0&id=f1ad148e&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  \"f1ad148e\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar $ = require('../internals/export');\nvar iterate = require('../internals/iterate');\nvar aCallable = require('../internals/a-callable');\nvar anObject = require('../internals/an-object');\nvar getIteratorDirect = require('../internals/get-iterator-direct');\n\n// `Iterator.prototype.find` method\n// https://tc39.es/ecma262/#sec-iterator.prototype.find\n$({ target: 'Iterator', proto: true, real: true }, {\n  find: function find(predicate) {\n    anObject(this);\n    aCallable(predicate);\n    var record = getIteratorDirect(this);\n    var counter = 0;\n    return iterate(record, function (value, stop) {\n      if (predicate(value, counter++)) return stop(value);\n    }, { IS_RECORD: true, INTERRUPTED: true }).result;\n  }\n});\n","'use strict';\n// TODO: Remove from `core-js@4`\nrequire('../modules/es.iterator.find');\n"],"sourceRoot":""}