{"version":3,"sources":["webpack:///./src/views/admin/EmailTemplateContainer.vue?ffb3","webpack:///src/views/admin/EmailTemplateContainer.vue","webpack:///./src/views/admin/EmailTemplateContainer.vue?6b57","webpack:///./src/views/admin/EmailTemplateContainer.vue","webpack:///./src/views/admin/EmailTemplate.vue?3d9f","webpack:///src/views/admin/EmailTemplate.vue","webpack:///./src/views/admin/EmailTemplate.vue?4271","webpack:///./src/views/admin/EmailTemplate.vue","webpack:///./src/views/admin/EmailTemplate.vue?8e91"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","updateIsDirty","attrs","showLeaveDialog","$event","clickedOutsideLeave","cancelLeave","doLeave","staticRenderFns","name","components","EmailTemplate","beforeRouteLeave","next","beforeRouteUpdate","data","isDirty","methods","path","toggleLeaveDialog","component","_v","_s","templateName","cancelClick","saveTemplate","addToBodyOnCursor","directives","rawName","value","expression","ref","domProps","updateBodySelectionStart","target","composing","body","_m","model","callback","$$v","updateSubjectSelectionStart","subject","indexForms","$formsLabel","toUpperCase","scopedSlots","_u","key","fn","slotItem","item","selectedForm","indexFieldsForForm","selectedField","getSelectedFieldNameTag","addToSubjectOnCursor","users","selectedUser","expHours","maxViews","maxDownloads","showSnackbarBool","snackbarImage","snackbarSubTitle","snackbarTitle","props","emitClose","type","required","position","templateID","userID","computed","selectedEmailTemplate","fieldArray","watch","beforeCreate","created","index","setTimeout","txtArea","arrayIndex","clearFields","navigateBack","templateNameWithNoSpaces","savePayload","docLinkExpirationHours","docLinkMaxViews","docLinkMaxDownloads","docLinkUserID","saveResult","setTemplateValues"],"mappings":"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","file":"js/chunk-42c5933e.c24ed761.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vasion-calc-height\"},[_c('EmailTemplate',{on:{\"isDirty\":_vm.updateIsDirty}}),_c('md-dialog',{attrs:{\"id\":\"confirmLeave\",\"md-active\":_vm.showLeaveDialog},on:{\"update:mdActive\":function($event){_vm.showLeaveDialog=$event},\"update:md-active\":function($event){_vm.showLeaveDialog=$event},\"md-clicked-outside\":function($event){return _vm.clickedOutsideLeave()}}},[_c('VasionConfirmationDialog',{attrs:{\"message\":\"Are you sure you want to leave? Changes have not been saved.\"},on:{\"noButtonClick\":function($event){return _vm.cancelLeave()},\"yesButtonClick\":function($event){return _vm.doLeave()}}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"vasion-calc-height\">\n    <EmailTemplate @isDirty=\"updateIsDirty\" />\n    <md-dialog id=\"confirmLeave\" :md-active.sync=\"showLeaveDialog\" @md-clicked-outside=\"clickedOutsideLeave()\">\n      <VasionConfirmationDialog\n        message=\"Are you sure you want to leave? Changes have not been saved.\"\n        @noButtonClick=\"cancelLeave()\"\n        @yesButtonClick=\"doLeave()\"\n      />\n    </md-dialog>\n  </div>\n</template>\n\n<script>\n\nimport EmailTemplate from '@/views/admin/EmailTemplate.vue';\n\nexport default {\n  name: 'EmailTemplateContainer',\n  components: {\n    EmailTemplate,\n  },\n  beforeRouteLeave(to, from, next) {\n    if (this.isDirty && !this.routeTo) {\n      this.routeTo = to\n      this.toggleLeaveDialog()\n    } else {\n      this.routeTo = null\n      next()\n    }\n  },\n  // This protects the route from being changed if you click on a different email template in the left-hand menu.\n  // It appears it is called twice when navigating away, so the showLeaveDialog value is checked.\n  beforeRouteUpdate(to, from, next) {\n    if (this.isDirty && (!this.routeTo || this.showLeaveDialog)) {\n      this.routeTo = to\n      this.showLeaveDialog = true\n      next(false)\n    } else {\n      this.routeTo = null\n      next()\n    }\n  },\n  data: function () {\n    return {\n      isDirty: false,\n      showLeaveDialog: false,\n    }\n  },\n  methods: {\n    cancelLeave() {\n      this.routeTo = null\n      this.toggleLeaveDialog()\n    },\n    clickedOutsideLeave() { this.routeTo = null },\n    async doLeave() {\n      this.toggleLeaveDialog()\n      this.$router.push({ path: this.routeTo.path })\n    },\n    toggleLeaveDialog() { this.showLeaveDialog = !this.showLeaveDialog },\n    updateIsDirty(val) { this.isDirty = val },\n  },\n}\n</script>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EmailTemplateContainer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EmailTemplateContainer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EmailTemplateContainer.vue?vue&type=template&id=01656316&\"\nimport script from \"./EmailTemplateContainer.vue?vue&type=script&lang=js&\"\nexport * from \"./EmailTemplateContainer.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vap-page\"},[_c('div',{staticClass:\"vap-page-header\"},[_c('h1',[_vm._v(_vm._s(_vm.templateName ? _vm.templateName : 'New Email Template'))]),_c('div',{staticClass:\"btns-container\"},[_c('VasionButton',{attrs:{\"id\":\"save-template-button\",\"classProp\":\"secondary\"},on:{\"vasionButtonClicked\":function($event){return _vm.cancelClick()}}},[_vm._v(\" Cancel \")]),_c('VasionButton',{staticClass:\"last-btn\",attrs:{\"id\":\"save-template-button\",\"classProp\":\"primary\"},on:{\"vasionButtonClicked\":function($event){return _vm.saveTemplate()}}},[_vm._v(\" Save \")])],1)]),_c('div',{staticClass:\"vap-page-content\"},[_c('div',{staticClass:\"md-layout design-div\"},[_c('div',{staticClass:\"document-tags-div\"},[_c('ul',{staticClass:\"vasion-ul\"},[_c('li',{attrs:{\"id\":\"document-notes\"},on:{\"click\":function($event){return _vm.addToBodyOnCursor('<<Document Notes>>')}}},[_c('span',{staticClass:\"li-background\"},[_c('span',{staticClass:\"icon-bar\"},[_c('VasionDocumentNoteIcon')],1),_vm._v(\" Document Notes\")])]),_c('li',{attrs:{\"id\":\"workflow-notes\"},on:{\"click\":function($event){return _vm.addToBodyOnCursor('<<Workflow Notes>>')}}},[_c('span',{staticClass:\"li-background\"},[_c('span',{staticClass:\"icon-bar\"},[_c('VasionWorkflowNoteIcon')],1),_vm._v(\" Workflow Comments\")])]),_c('li',{attrs:{\"id\":\"last-wf-comment\"},on:{\"click\":function($event){return _vm.addToBodyOnCursor('<<Last WF Comment>>')}}},[_c('span',{staticClass:\"li-background\"},[_c('span',{staticClass:\"icon-bar\"},[_c('VasionWorkflowNoteIcon')],1),_vm._v(\" Last WF Comment\")])]),_c('hr',{staticClass:\"separator\"}),_c('li',{attrs:{\"id\":\"document-name\"},on:{\"click\":function($event){return _vm.addToBodyOnCursor('<<Document Display Name>>')}}},[_c('span',{staticClass:\"li-background\"},[_c('span',{staticClass:\"icon-bar\"},[_c('VasionDocumentNameIcon')],1),_vm._v(\" Document Name\")])]),_c('li',{attrs:{\"id\":\"created-date\"},on:{\"click\":function($event){return _vm.addToBodyOnCursor('<<Document Creation Date>>')}}},[_c('span',{staticClass:\"li-background\"},[_c('span',{staticClass:\"icon-bar\"},[_c('VasionCreatedDateIcon')],1),_vm._v(\" Created Date\")])]),_c('li',{attrs:{\"id\":\"document-tasks\"},on:{\"click\":function($event){return _vm.addToBodyOnCursor('<<Document Tasks>>')}}},[_c('span',{staticClass:\"li-background\"},[_c('span',{staticClass:\"icon-bar\"},[_c('VasionDocumentTasksIcon')],1),_vm._v(\" Document Tasks\")])]),_c('li',{attrs:{\"id\":\"document-links\"},on:{\"click\":function($event){return _vm.addToBodyOnCursor('<<Document Link>>')}}},[_c('span',{staticClass:\"li-background\"},[_c('span',{staticClass:\"icon-bar\"},[_c('VasionLinkIcon')],1),_vm._v(\" Document Link\")])]),_c('li',{attrs:{\"id\":\"document-fields\"},on:{\"click\":function($event){return _vm.addToBodyOnCursor('<<Document Fields>>')}}},[_c('span',{staticClass:\"li-background\"},[_c('span',{staticClass:\"icon-bar\"},[_c('VasionInfoOutline')],1),_vm._v(\" Document Fields\")])]),_c('hr',{staticClass:\"separator\"}),_c('li',{attrs:{\"id\":\"begin-repeat\"},on:{\"click\":function($event){return _vm.addToBodyOnCursor('<<Start Repeat Document>>')}}},[_c('span',{staticClass:\"li-background\"},[_c('span',{staticClass:\"icon-bar\"},[_c('VasionBeginRepeatIcon')],1),_vm._v(\" Begin Repeat\")])]),_c('li',{attrs:{\"id\":\"end-repeat\"},on:{\"click\":function($event){return _vm.addToBodyOnCursor('<<End Repeat Document>>')}}},[_c('span',{staticClass:\"li-background\"},[_c('span',{staticClass:\"icon-bar\"},[_c('VasionEndRepeatIcon')],1),_vm._v(\" End Repeat\")])])])]),_c('div',{staticClass:\"divider-div\"}),_c('div',{staticClass:\"md-layout-item body-div\"},[_c('div',{staticClass:\"body-text-area-div\"},[_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.body),expression:\"body\"}],ref:\"opts\",staticClass:\"vasion-textarea vasion-white-background text-area-height\",attrs:{\"id\":\"body-text-area\"},domProps:{\"value\":(_vm.body)},on:{\"click\":_vm.updateBodySelectionStart,\"keyup\":_vm.updateBodySelectionStart,\"change\":function($event){_vm.isDirty = true},\"input\":function($event){if($event.target.composing){ return; }_vm.body=$event.target.value}}})])]),_c('div',{staticClass:\"divider-div\"}),_c('div',{staticClass:\"md-layout-item details-div\"},[_vm._m(0),_c('div',{staticClass:\"detail-attribute-div\"},[_c('VasionInput',{staticClass:\"input-style\",attrs:{\"id\":\"template-name\",\"inputType\":\"top-white\",\"width\":\"100%\",\"title\":\"TEMPLATE NAME\",\"name\":\"template-name\"},on:{\"input\":function($event){_vm.isDirty = true}},model:{value:(_vm.templateName),callback:function ($$v) {_vm.templateName=$$v},expression:\"templateName\"}})],1),_c('div',{staticClass:\"detail-attribute-div\"},[_c('label',{staticClass:\"vasion-input-label-top\"},[_vm._v(\"EMAIL SUBJECT\")]),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.subject),expression:\"subject\"}],ref:\"subject\",staticClass:\"vasion-textarea\",attrs:{\"id\":\"subject-text-area\"},domProps:{\"value\":(_vm.subject)},on:{\"click\":_vm.updateSubjectSelectionStart,\"keyup\":_vm.updateSubjectSelectionStart,\"change\":function($event){_vm.isDirty = true},\"input\":function($event){if($event.target.composing){ return; }_vm.subject=$event.target.value}}})]),_c('div',{staticClass:\"detail-attribute-div\"},[_c('VasionDropList',{staticClass:\"attribute-droplist\",attrs:{\"dataArray\":_vm.indexForms,\"title\":(\"\" + (_vm.$formsLabel.toUpperCase())),\"inputType\":\"plain-list\",\"valueName\":\"value\",\"displayName\":\"name\",\"width\":\"100%\"},scopedSlots:_vm._u([{key:\"default\",fn:function(slotItem){return [_vm._v(\" \"+_vm._s(slotItem.item.name)+\" \")]}}]),model:{value:(_vm.selectedForm),callback:function ($$v) {_vm.selectedForm=$$v},expression:\"selectedForm\"}})],1),_c('div',{staticClass:\"detail-attribute-div\"},[_c('VasionDropList',{staticClass:\"attribute-droplist\",attrs:{\"dataArray\":_vm.indexFieldsForForm,\"title\":\"FIELD\",\"inputType\":\"plain-list\",\"valueName\":\"value\",\"displayName\":\"name\",\"width\":\"100%\"},scopedSlots:_vm._u([{key:\"default\",fn:function(slotItem){return [_vm._v(\" \"+_vm._s(slotItem.item.name)+\" \")]}}]),model:{value:(_vm.selectedField),callback:function ($$v) {_vm.selectedField=$$v},expression:\"selectedField\"}})],1),_c('div',{staticClass:\"detail-attribute-div md-layout\"},[_c('VasionButton',{attrs:{\"id\":\"add-to-body-button\",\"classProp\":'secondary'},on:{\"vasionButtonClicked\":function($event){_vm.addToBodyOnCursor(_vm.getSelectedFieldNameTag())}}},[_vm._v(\" Add to Body \")]),_c('VasionButton',{attrs:{\"id\":\"add-to-subject-button\",\"classProp\":'secondary'},on:{\"vasionButtonClicked\":function($event){_vm.addToSubjectOnCursor(_vm.getSelectedFieldNameTag())}}},[_vm._v(\" Add to Subject \")])],1),_c('div',[_vm._m(1),_c('div',{staticClass:\"detail-attribute-div\"},[_c('VasionDropList',{staticClass:\"attribute-droplist\",attrs:{\"dataArray\":_vm.users,\"title\":\"OPEN AS\",\"inputType\":\"plain-list-search\",\"valueName\":\"value\",\"displayName\":\"name\",\"width\":\"100%\",\"openAbove\":true},on:{\"input\":function($event){_vm.isDirty = true}},scopedSlots:_vm._u([{key:\"default\",fn:function(slotItem){return [_vm._v(\" \"+_vm._s(slotItem.item.name)+\" \")]}}]),model:{value:(_vm.selectedUser),callback:function ($$v) {_vm.selectedUser=$$v},expression:\"selectedUser\"}})],1),_c('div',{staticClass:\"detail-attribute-div\"},[_c('VasionInput',{staticClass:\"input-style\",attrs:{\"id\":\"expiration-hours\",\"inputType\":\"top-white\",\"type\":\"number\",\"min\":\"0\",\"oninput\":\"this.value = Math.abs(this.value)\",\"width\":\"100%\",\"title\":\"EXPIRATION HOURS\",\"name\":\"expiration-hours\"},on:{\"input\":function($event){_vm.isDirty = true}},model:{value:(_vm.expHours),callback:function ($$v) {_vm.expHours=$$v},expression:\"expHours\"}})],1),_c('div',{staticClass:\"detail-attribute-div\"},[_c('VasionInput',{staticClass:\"input-style\",attrs:{\"id\":\"max-views\",\"inputType\":\"top-white\",\"type\":\"number\",\"min\":\"0\",\"oninput\":\"this.value = Math.abs(this.value)\",\"width\":\"100%\",\"title\":\"MAX VIEWS\",\"name\":\"max-views\"},on:{\"input\":function($event){_vm.isDirty = true}},model:{value:(_vm.maxViews),callback:function ($$v) {_vm.maxViews=$$v},expression:\"maxViews\"}})],1),_c('div',{staticClass:\"detail-attribute-div\"},[_c('VasionInput',{staticClass:\"input-style\",attrs:{\"id\":\"max-downloads\",\"inputType\":\"top-white\",\"type\":\"number\",\"min\":\"0\",\"oninput\":\"this.value = Math.abs(this.value)\",\"width\":\"100%\",\"title\":\"MAX DOWNLOADS\",\"name\":\"max-downloads\"},on:{\"input\":function($event){_vm.isDirty = true}},model:{value:(_vm.maxDownloads),callback:function ($$v) {_vm.maxDownloads=$$v},expression:\"maxDownloads\"}})],1)])])])]),_c('VasionSnackbar',{attrs:{\"id\":\"email-template-snack\",\"showSnackbarBool\":_vm.showSnackbarBool,\"snackbarImage\":_vm.snackbarImage,\"snackbarSubTitle\":_vm.snackbarSubTitle,\"snackbarTitle\":_vm.snackbarTitle},on:{\"update:showSnackbarBool\":function($event){_vm.showSnackbarBool=$event},\"update:show-snackbar-bool\":function($event){_vm.showSnackbarBool=$event}}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vasion-page-subheader detail-attribute-div details-label\"},[_c('label',[_vm._v(\"Template Details\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vasion-page-subheader detail-attribute-div details-label\"},[_c('label',[_vm._v(\"Document Link Settings\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"vap-page\">\n    <div class=\"vap-page-header\">\n      <h1>{{ templateName ? templateName : 'New Email Template' }}</h1>\n      <div class=\"btns-container\">\n        <VasionButton\n          id=\"save-template-button\"\n          classProp=\"secondary\"\n          @vasionButtonClicked=\"cancelClick()\"\n        >\n          Cancel\n        </VasionButton>\n        <VasionButton\n          id=\"save-template-button\"\n          class=\"last-btn\"\n          classProp=\"primary\"\n          @vasionButtonClicked=\"saveTemplate()\"\n        >\n          Save\n        </VasionButton>\n      </div>\n    </div>\n    <div class=\"vap-page-content\">\n      <div class=\"md-layout design-div\">\n        <div class=\"document-tags-div\">\n          <ul class=\"vasion-ul\">\n            <li id=\"document-notes\" @click=\"addToBodyOnCursor('<<Document Notes>>')\">\n              <span class=\"li-background\"><span class=\"icon-bar\">\n                <VasionDocumentNoteIcon /></span>\n                Document Notes</span>\n            </li>\n            <li id=\"workflow-notes\" @click=\"addToBodyOnCursor('<<Workflow Notes>>')\">\n              <span class=\"li-background\"><span class=\"icon-bar\">\n                <VasionWorkflowNoteIcon /></span>\n                Workflow Comments</span>\n            </li>\n            <li id=\"last-wf-comment\" @click=\"addToBodyOnCursor('<<Last WF Comment>>')\">\n              <span class=\"li-background\"><span class=\"icon-bar\">\n                <VasionWorkflowNoteIcon /></span>\n                Last WF Comment</span>\n            </li>\n            <hr class=\"separator\">\n            <li id=\"document-name\" @click=\"addToBodyOnCursor('<<Document Display Name>>')\">\n              <span class=\"li-background\"><span class=\"icon-bar\">\n                <VasionDocumentNameIcon /></span>\n                Document Name</span>\n            </li>\n            <li id=\"created-date\" @click=\"addToBodyOnCursor('<<Document Creation Date>>')\">\n              <span class=\"li-background\"><span class=\"icon-bar\">\n                <VasionCreatedDateIcon /></span>\n                Created Date</span>\n            </li>\n            <li id=\"document-tasks\" @click=\"addToBodyOnCursor('<<Document Tasks>>')\">\n              <span class=\"li-background\"><span class=\"icon-bar\">\n                <VasionDocumentTasksIcon /></span>\n                Document Tasks</span>\n            </li>\n            <li id=\"document-links\" @click=\"addToBodyOnCursor('<<Document Link>>')\">\n              <span class=\"li-background\"><span class=\"icon-bar\">\n                <VasionLinkIcon /></span>\n                Document Link</span>\n            </li>\n            <li id=\"document-fields\" @click=\"addToBodyOnCursor('<<Document Fields>>')\">\n              <span class=\"li-background\"><span class=\"icon-bar\">\n                <VasionInfoOutline /></span>\n                Document Fields</span>\n            </li>\n            <hr class=\"separator\">\n            <li id=\"begin-repeat\" @click=\"addToBodyOnCursor('<<Start Repeat Document>>')\">\n              <span class=\"li-background\"><span class=\"icon-bar\">\n                <VasionBeginRepeatIcon /></span>\n                Begin Repeat</span>\n            </li>\n            <li id=\"end-repeat\" @click=\"addToBodyOnCursor('<<End Repeat Document>>')\">\n              <span class=\"li-background\"><span class=\"icon-bar\">\n                <VasionEndRepeatIcon /></span>\n                End Repeat</span>\n            </li>\n          </ul>\n        </div>\n        <div class=\"divider-div\" />\n        <div class=\"md-layout-item body-div\">\n          <div class=\"body-text-area-div\">\n            <textarea\n              id=\"body-text-area\"\n              ref=\"opts\"\n              v-model=\"body\"\n              class=\"vasion-textarea vasion-white-background text-area-height\"\n              @click=\"updateBodySelectionStart\"\n              @keyup=\"updateBodySelectionStart\"\n              @change=\"isDirty = true\"\n            />\n          </div>\n        </div>\n        <div class=\"divider-div\" />\n        <div class=\"md-layout-item details-div\">\n          <div class=\"vasion-page-subheader detail-attribute-div details-label\">\n            <label>Template Details</label>\n          </div>\n          <div class=\"detail-attribute-div\">\n            <VasionInput\n              id=\"template-name\"\n              v-model=\"templateName\"\n              class=\"input-style\"\n              inputType=\"top-white\"\n              width=\"100%\"\n              title=\"TEMPLATE NAME\"\n              name=\"template-name\"\n              @input=\"isDirty = true\"\n            />\n          </div>\n          <div class=\"detail-attribute-div\">\n            <label class=\"vasion-input-label-top\">EMAIL SUBJECT</label>\n            <textarea\n              id=\"subject-text-area\"\n              ref=\"subject\"\n              v-model=\"subject\"\n              class=\"vasion-textarea\"\n              @click=\"updateSubjectSelectionStart\"\n              @keyup=\"updateSubjectSelectionStart\"\n              @change=\"isDirty = true\"\n            />\n          </div>\n          <div class=\"detail-attribute-div\">\n            <VasionDropList\n              v-slot=\"slotItem\"\n              v-model=\"selectedForm\"\n              :dataArray=\"indexForms\"\n              :title=\"`${$formsLabel.toUpperCase()}`\"\n              inputType=\"plain-list\"\n              valueName=\"value\"\n              displayName=\"name\"\n              width=\"100%\"\n              class=\"attribute-droplist\"\n            >\n              {{ slotItem.item.name }}\n            </VasionDropList>\n          </div>\n          <div class=\"detail-attribute-div\">\n            <VasionDropList\n              v-slot=\"slotItem\"\n              v-model=\"selectedField\"\n              :dataArray=\"indexFieldsForForm\"\n              title=\"FIELD\"\n              inputType=\"plain-list\"\n              valueName=\"value\"\n              displayName=\"name\"\n              width=\"100%\"\n              class=\"attribute-droplist\"\n            >\n              {{ slotItem.item.name }}\n            </VasionDropList>\n          </div>\n          <div class=\"detail-attribute-div md-layout\">\n            <VasionButton id=\"add-to-body-button\" :classProp=\"'secondary'\" @vasionButtonClicked=\"addToBodyOnCursor(getSelectedFieldNameTag())\">\n              Add to Body\n            </VasionButton>\n            <VasionButton id=\"add-to-subject-button\" :classProp=\"'secondary'\" @vasionButtonClicked=\"addToSubjectOnCursor(getSelectedFieldNameTag())\">\n              Add to Subject\n            </VasionButton>\n          </div>\n          <div>\n            <div class=\"vasion-page-subheader detail-attribute-div details-label\">\n              <label>Document Link Settings</label>\n            </div>\n            <div class=\"detail-attribute-div\">\n              <VasionDropList\n                v-slot=\"slotItem\"\n                v-model=\"selectedUser\"\n                :dataArray=\"users\"\n                title=\"OPEN AS\"\n                inputType=\"plain-list-search\"\n                valueName=\"value\"\n                displayName=\"name\"\n                width=\"100%\"\n                class=\"attribute-droplist\"\n                :openAbove=\"true\"\n                @input=\"isDirty = true\"\n              >\n                {{ slotItem.item.name }}\n              </VasionDropList>\n            </div>\n            <div class=\"detail-attribute-div\">\n              <VasionInput\n                id=\"expiration-hours\"\n                v-model=\"expHours\"\n                class=\"input-style\"\n                inputType=\"top-white\"\n                type=\"number\"\n                min=\"0\"\n                oninput=\"this.value = Math.abs(this.value)\"\n                width=\"100%\"\n                title=\"EXPIRATION HOURS\"\n                name=\"expiration-hours\"\n                @input=\"isDirty = true\"\n              />\n            </div>\n            <div class=\"detail-attribute-div\">\n              <VasionInput\n                id=\"max-views\"\n                v-model=\"maxViews\"\n                class=\"input-style\"\n                inputType=\"top-white\"\n                type=\"number\"\n                min=\"0\"\n                oninput=\"this.value = Math.abs(this.value)\"\n                width=\"100%\"\n                title=\"MAX VIEWS\"\n                name=\"max-views\"\n                @input=\"isDirty = true\"\n              />\n            </div>\n            <div class=\"detail-attribute-div\">\n              <VasionInput\n                id=\"max-downloads\"\n                v-model=\"maxDownloads\"\n                class=\"input-style\"\n                inputType=\"top-white\"\n                type=\"number\"\n                min=\"0\"\n                oninput=\"this.value = Math.abs(this.value)\"\n                width=\"100%\"\n                title=\"MAX DOWNLOADS\"\n                name=\"max-downloads\"\n                @input=\"isDirty = true\"\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <VasionSnackbar\n      id=\"email-template-snack\"\n      :showSnackbarBool.sync=\"showSnackbarBool\"\n      :snackbarImage=\"snackbarImage\"\n      :snackbarSubTitle=\"snackbarSubTitle\"\n      :snackbarTitle=\"snackbarTitle\"\n    />\n  </div>\n</template>\n<script>\n\nexport default {\n  name: 'EmailTemplate',\n   props: {\n    emitClose: {\n      type: Boolean,\n      default: false,\n      required: false,\n    },\n  },\n  data: function () {\n    return {\n      body: '',\n      expHours: 0,\n      indexForms: [],\n      isDirty: false,\n      maxDownloads: 0,\n      maxViews: 0,\n      position: 0,\n      selectedUser: '',\n      selectedField: '',\n      selectedForm: '',\n      showSnackbarBool: false,\n      snackbarImage: false,\n      snackbarSubTitle: '',\n      snackbarTitle: '',\n      subject: '',\n      templateID: 0,\n      templateName: '',\n      userID: 0,\n    }\n  },\n  computed: {\n    indexFieldsForForm() { return this.$store.state.common.indexFields ? this.$store.state.common.indexFields : [] },\n    selectedEmailTemplate() { return this.$store.state.admin.selectedEmailTemplate },\n    users() {\n      // the .slice is important below - otherwise we're adding [Force Login] directly to the store\n      const fieldArray = this.$store.state.common.users ? this.$store.state.common.users.slice() : []\n      if (fieldArray.findIndex(x => x.name === '[Force Login]') === -1) {\n        fieldArray.unshift({\n        name: '[Force Login]',\n        value: 0,\n      })\n      }\n      return fieldArray\n    },\n  },\n  watch: {\n    indexFieldsForForm: function () {\n      if (this.indexFieldsForForm && this.indexFieldsForForm.length > 0) {\n        // eslint-disable-next-line\n        this.selectedField = this.indexFieldsForForm[0]\n      } else {\n        this.selectedField = ''\n      }\n    },\n    isDirty() { this.$emit('isDirty', this.isDirty) },\n    selectedEmailTemplate() { this.setTemplateValues() },\n    selectedForm: function () {\n      const formID = this.selectedForm && this.selectedForm.value ? this.selectedForm.value : 0\n      this.$store.dispatch('common/getIndexFieldsForForm', formID)\n    },\n  },\n  async beforeCreate() {\n    await this.$store.dispatch('admin/setEmailSelectedEmailTemplate', this.$route.params.templateId)\n  },\n  created: async function () {\n    this.$store.dispatch('common/getIndexFieldsForForm', 0)\n    this.$store.dispatch('common/getUsers')\n\n    this.setTemplateValues()\n\n    this.indexForms = await this.$store.dispatch('attributeForm/getForms')\n\n    if (this.indexForms && this.indexForms.length > 0) {\n      // eslint-disable-next-line\n      this.selectedForm = this.indexForms[0]\n    }\n    if (this.users && this.users.length > 0) {\n      const index = this.arrayIndex(this.userID)\n      // eslint-disable-next-line\n      this.selectedUser = this.users[index]\n    }\n    if (!this.selectedUser) {\n      // eslint-disable-next-line\n      this.selectedUser = this.users[0]\n    }\n  },\n  methods: {\n    addToBodyOnCursor(message) {\n      this.isDirty = true\n      const txtArea = this.$refs.opts\n\n      if (this.position === 0) {\n        this.position = txtArea.selectionStart\n      }\n\n      this.body = [this.body.slice(0, this.position), message, this.body.slice(this.position)].join('');\n      this.position += message.length\n      setTimeout(() => {\n        txtArea.focus()\n        txtArea.setSelectionRange(this.position, this.position)\n      }, 0)\n    },\n    addToSubjectOnCursor(message) {\n      this.isDirty = true\n      const txtArea = this.$refs.subject\n\n      if (this.position === 0) {\n        this.position = txtArea.selectionStart\n      }\n\n      this.subject = [this.subject.slice(0, this.position), message, this.subject.slice(this.position)].join('');\n      this.position += message.length\n      setTimeout(() => {\n        txtArea.focus()\n        txtArea.setSelectionRange(this.position, this.position)\n      }, 0)\n    },\n    arrayIndex(fieldValue) { return this.users.findIndex(x => x.value === fieldValue) },\n    cancelClick() { this.navigateBack() },\n    clearFields() {\n      // This method may not be used explicitly inside the component, but a parent component may be using it\n      this.body = ''\n      this.subject = ''\n      this.templateName = ''\n      this.templateID = 0\n    },\n    getSelectedFieldNameTag() {\n      const fieldName = this.selectedField?.value ? this.selectedField.value : ''\n\n      if (fieldName === '') {\n        return fieldName\n      }\n\n      return `<${fieldName}> `\n    },\n    navigateBack() {\n      if (this.emitClose === true) {\n        this.$emit('editingComplete')\n      } else {\n        this.$router.push({ name: 'AllEmailTemplates' })\n      }\n    },\n    async saveTemplate() {\n      const templateNameWithNoSpaces = this.templateName.replace(/\\s/g, '')\n      if (this.templateName === '' || templateNameWithNoSpaces === '') {\n        this.snackbarTitle = 'ERROR'\n        this.snackbarSubTitle = 'Please enter a valid Template Name.'\n        this.snackbarImage = false\n        this.showSnackbarBool = true\n        return\n      }\n      // const value = this.arrayIndex(this.selectedUser.value)\n      this.userID = this.selectedUser.value\n\n      const savePayload = {\n        templateID: this.templateID,\n        templateName: this.templateName,\n        subject: this.subject,\n        body: this.body,\n        docLinkExpirationHours: this.expHours,\n        docLinkMaxViews: this.maxViews,\n        docLinkMaxDownloads: this.maxDownloads,\n        docLinkUserID: this.userID,\n      }\n\n      const saveResult = await this.$store.dispatch('admin/saveEmailTemplate', savePayload)\n      if (!saveResult || saveResult.templateID === undefined) {\n        this.snackbarTitle = 'ERROR'\n        this.snackbarSubTitle = saveResult.Value\n        this.snackbarImage = false\n        this.showSnackbarBool = true\n        return\n      }\n      this.$emit('isDirty', false)\n\n      this.snackbarTitle = 'Success!'\n      this.snackbarSubTitle = `Email Template successfully ${this.templateID == 0 ? 'created' : 'saved'}.`\n      this.snackbarImage = true\n      this.showSnackbarBool = true\n\n      setTimeout(() => {\n        this.navigateBack()\n      }, 1500)\n    },\n    setTemplateValues() {\n      if (this.selectedEmailTemplate && this.selectedEmailTemplate !== undefined) {\n        this.templateID = this.selectedEmailTemplate.templateID\n        this.templateName = this.selectedEmailTemplate.templateName\n        this.subject = this.selectedEmailTemplate.subject\n        this.body = this.selectedEmailTemplate.body\n        this.maxViews = this.selectedEmailTemplate.docLinkMaxViews\n        this.expHours = this.selectedEmailTemplate.docLinkExpirationHours\n        this.maxDownloads = this.selectedEmailTemplate.docLinkMaxDownloads\n        this.userID = this.selectedEmailTemplate.docLinkUserID\n        if (this.$route.params.copy) {\n          this.templateID = 0\n          this.templateName = `Copy of ${this.templateName}` \n        }\n      }\n    },\n    updateBodySelectionStart() { this.position = this.$refs.opts.selectionStart },\n    updateSubjectSelectionStart() { this.position = this.$refs.subject.selectionStart },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  @import '@/assets/css/variables.scss';\n  @import '@/assets/css/light-theme-system-palette.scss';\n\n  .detail-attribute-div {\n    margin-bottom: 16px;\n  }\n\n  .details-label {\n    margin-bottom: 16px;\n  }\n\n  #body-text-area {\n    width: 100%;\n    height: 600px;\n  }\n\n  #subject-text-area {\n    width: 100%;\n    height: 70px;\n  }\n\n  .body-text-area-div {\n    padding: 15px;\n    height: calc(100vh - 222px);\n  }\n\n  .text-area-height {\n    height: 100% !important;\n  }\n\n  .design-div {\n    -webkit-flex: 1; /* Chrome */\n    flex: 1; /* NEW, */\n    overflow: auto;\n    background-color: $white;\n  }\n\n  .bottom-separator-div {\n    border-bottom: solid 1px $divider-light-grey;\n    padding-bottom: 5px;\n  }\n\n  .shift-right {\n    margin-right: -8px;\n  }\n\n  .title-div {\n    margin-bottom: 10px;\n  }\n\n  .document-tags-div {\n    width: 256px;\n    height: 100%;\n  }\n  .divider-div {\n    width: 1px;\n    background-color: $divider-light-grey;\n  }\n  .details-div {\n    width: 340px;\n    max-width: 340px;\n    padding: 16px;\n    padding-bottom: 0px;\n    overflow-y: scroll;\n    height: calc(100vh - 222px);\n  }\n  .body-div {\n    background-color: $grey-75;\n  }\n  .icon-bar {\n    margin: 12px 16px;\n  }\n  .li-background {\n    width: 278px;\n    height: 48px;\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    color: black;\n    padding: 7px 0 0 0px;\n    margin: 0 8px 1px 8px;\n    fill: $primary;\n    cursor: pointer;\n    @include Subtitle;\n  }\n  .separator {\n    border-color: #e4e5e6;\n    border-width: .5px;\n  }\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EmailTemplate.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EmailTemplate.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EmailTemplate.vue?vue&type=template&id=d2faaa38&scoped=true&\"\nimport script from \"./EmailTemplate.vue?vue&type=script&lang=js&\"\nexport * from \"./EmailTemplate.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EmailTemplate.vue?vue&type=style&index=0&id=d2faaa38&prod&lang=scss&scoped=true&\"\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  \"d2faaa38\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EmailTemplate.vue?vue&type=style&index=0&id=d2faaa38&prod&lang=scss&scoped=true&\""],"sourceRoot":""}