{"version":3,"sources":["webpack:///./src/views/pages/pipeline/email-notification.vue?267d","webpack:///./src/views/pages/pipeline/email-notification.vue","webpack:///src/views/pages/pipeline/email-notification.vue","webpack:///./src/views/pages/pipeline/email-notification.vue?aa6f","webpack:///./src/views/pages/pipeline/email-notification.vue?6da2"],"names":["staticClass","attrs","on","_vm","scopedSlots","_u","_c","_v","logItem","dialog","callback","$$v","expression","emailModel","required","$event","updateEmailList","fn","item","selected","select","model","value","key","subject","_l","att","staticStyle","$set","sendCommitmentLetter","staticRenderFns","render","name","components","QuickNavigation","LoanDetailSubMenu","response","getLoanDetail","$route","query","loanNumber","catch","err","status","fileData","data","logHistory","getEmailNotificationHistory","then","resp","$store","commit","$router","push","initEmailModel","conditionalLoanApprovalLetterLoader","templateLoading","fileDataId","from","toList","ccList","bccList","attachments","body","templateHtml","emailNotificationType","emailNotificationTypeItems","isExtraNotification","editorOption","modules","toolbar","header","list","color","background","theme","methods","dispatch","filter","x","codeValue","emailList","type","length","replaceAll","isEmailFormat","test","removeToList","splice","indexOf","res","axios","get","fileName","headers","Authorization","state","token","console","log","notifyLogId","put","$refs","form","validate","post","notifyId","setStatusLockedFile","mixins","rules","component"],"mappings":"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","file":"js/chunk-b892f37e.1efbbe1d.js","sourcesContent":["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!./email-notification.vue?vue&type=style&index=0&id=347839a2&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{attrs:{\"fluid\":\"\"}},[(!_vm.fileData)?_c('section',[_c('div',{staticClass:\"gray--text\"},[_vm._v(\"Loading....\")])]):_c('section',[(_vm.$store.getters[`isEmployee`])?_c('section',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('QuickNavigation',{attrs:{\"fileData\":_vm.fileData,\"routeHistory\":_vm.$route}})],1)],1),_c('v-card',{attrs:{\"tile\":\"\",\"flat\":\"\"}},[_c('v-container',[_c('v-row',[_c('v-col',{staticClass:\"text-right\",attrs:{\"cols\":\"12\"}},[_c('v-btn',{attrs:{\"type\":\"submit\",\"color\":\"primary\"},on:{\"click\":function($event){_vm.dialog = true}}},[_vm._v(\" Send notification \")])],1)],1),_c('v-simple-table',{staticClass:\"table--striped table--bordered\",attrs:{\"dense\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function(){return [_c('thead',[_c('tr',{staticClass:\"info\"},[_c('th',{staticClass:\"white--text\"},[_vm._v(\"User Name\")]),_c('th',{staticClass:\"white--text\"},[_vm._v(\"Type\")]),_c('th',{staticClass:\"white--text\"},[_vm._v(\"Send Date\")]),_c('th',{staticClass:\"white--text\"},[_vm._v(\"Notify to Lock Desk\")]),_c('th',{staticClass:\"white--text\"},[_vm._v(\"Result\")])])]),_c('tbody',[(_vm.logHistory && _vm.logHistory.length > 0)?_vm._l((_vm.logHistory),function(logItem){return _c('tr',{key:logItem.emailNotificationId,attrs:{\"title\":logItem.emailNotificationId}},[_c('td',[_vm._v(_vm._s(logItem.userName))]),_c('td',[_vm._v(\" \"+_vm._s(_vm.$store.state.mstCodeEnums[ \"emailNotificationType\" + logItem.emailNotificationType ])+\" \")]),_c('td',[_vm._v(\" \"+_vm._s(_vm._f(\"moment\")(logItem.sentDateTime,\"MM/DD/YYYY hh:mm A\"))+\" \")]),_c('td',[(logItem.isExtraNotification)?_c('span',{staticClass:\"success--text\"},[_vm._v(\" Yes \")]):_c('span',{staticClass:\"error--text\"},[_vm._v(\" No \")])]),_c('td',[(logItem.isSuccess)?_c('span',{staticClass:\"success--text\"},[_vm._v(\"Success\")]):(\n                          !logItem.isSuccess && logItem.retryCount > 2\n                        )?_c('span',{staticClass:\"error--text\"},[_vm._v(\"Failure\")]):_c('sapn',{staticClass:\"warning--text\"},[_vm._v(\"Waiting to send\")])],1)])}):[_c('tr',[_c('td',{staticClass:\"error--text text-center\",attrs:{\"colspan\":\"5\"}},[_vm._v(\" No Data \")])])]],2)]},proxy:true}],null,false,2750471929)})],1)],1),_c('LoanDetailSubMenu')],1):_c('section',[_c('div',{staticClass:\"error--text\"},[_vm._v(\"This feature is only open to Underwriter\")])])]),_c('v-dialog',{attrs:{\"persistent\":\"\",\"max-width\":\"900\"},model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[_c('v-card',{attrs:{\"tile\":\"\",\"loading\":_vm.templateLoading,\"disabled\":_vm.templateLoading}},[_c('v-card-title',[_vm._v(\" Notification \"),_c('v-spacer'),_c('v-btn',{attrs:{\"text\":\"\",\"icon\":\"\"},on:{\"click\":function($event){_vm.dialog = false}}},[_c('v-icon',[_vm._v(\"mdi-close\")])],1)],1),_c('v-divider'),_c('v-card-text',[_c('v-form',{ref:\"form\",staticClass:\"ma-6\"},[_c('v-select',{attrs:{\"label\":\"Select Template type\",\"item-text\":\"displayName\",\"item-value\":\"codeValue\",\"items\":_vm.emailModel.emailNotificationTypeItems,\"hide-details\":\"auto\",\"dense\":\"\",\"outlined\":\"\"},on:{\"change\":function($event){return _vm.getEmailTemplate()}},model:{value:(_vm.emailModel.emailNotificationType),callback:function ($$v) {_vm.$set(_vm.emailModel, \"emailNotificationType\", $$v)},expression:\"emailModel.emailNotificationType\"}}),_c('v-combobox',{staticClass:\"my-2\",attrs:{\"label\":\"TO\",\"rules\":[_vm.required],\"outlined\":\"\",\"chips\":\"\",\"clearable\":\"\",\"multiple\":\"\",\"dense\":\"\",\"hide-details\":\"auto\",\"append-icon\":\"\"},on:{\"change\":function($event){return _vm.updateEmailList($event, 'to')}},scopedSlots:_vm._u([{key:\"selection\",fn:function({ attrs, item, select, selected }){return [_c('v-chip',_vm._b({attrs:{\"input-value\":selected,\"close\":\"\",\"color\":\"primary\",\"small\":\"\"},on:{\"click\":select,\"click:close\":function($event){return _vm.removeToList(item, 'to')}}},'v-chip',attrs,false),[_vm._v(\" \"+_vm._s(item)+\" \")])]}}]),model:{value:(_vm.emailModel.toList),callback:function ($$v) {_vm.$set(_vm.emailModel, \"toList\", $$v)},expression:\"emailModel.toList\"}}),_c('v-combobox',{staticClass:\"my-2\",attrs:{\"label\":\"CC\",\"outlined\":\"\",\"chips\":\"\",\"clearable\":\"\",\"multiple\":\"\",\"dense\":\"\",\"hide-details\":\"auto\",\"append-icon\":\"\"},on:{\"change\":function($event){return _vm.updateEmailList($event, 'cc')}},scopedSlots:_vm._u([{key:\"selection\",fn:function({ attrs, item, select, selected }){return [_c('v-chip',_vm._b({attrs:{\"input-value\":selected,\"close\":\"\",\"small\":\"\",\"color\":\"primary\"},on:{\"click\":select,\"click:close\":function($event){return _vm.removeToList(item, 'cc')}}},'v-chip',attrs,false),[_vm._v(\" \"+_vm._s(item)+\" \")])]}}]),model:{value:(_vm.emailModel.ccList),callback:function ($$v) {_vm.$set(_vm.emailModel, \"ccList\", $$v)},expression:\"emailModel.ccList\"}}),_c('v-combobox',{staticClass:\"my-2\",attrs:{\"label\":\"BCC\",\"outlined\":\"\",\"chips\":\"\",\"clearable\":\"\",\"multiple\":\"\",\"dense\":\"\",\"hide-details\":\"auto\",\"append-icon\":\"\"},on:{\"change\":function($event){return _vm.updateEmailList($event, 'bcc')}},scopedSlots:_vm._u([{key:\"selection\",fn:function({ attrs, item, select, selected }){return [_c('v-chip',_vm._b({attrs:{\"input-value\":selected,\"close\":\"\",\"small\":\"\",\"color\":\"primary\"},on:{\"click\":select,\"click:close\":function($event){return _vm.removeToList(item, 'bcc')}}},'v-chip',attrs,false),[_vm._v(\" \"+_vm._s(item)+\" \")])]}}]),model:{value:(_vm.emailModel.bccList),callback:function ($$v) {_vm.$set(_vm.emailModel, \"bccList\", $$v)},expression:\"emailModel.bccList\"}}),_c('v-text-field',{staticClass:\"my-2\",attrs:{\"label\":\"Subject\",\"outlined\":\"\",\"dense\":\"\",\"rules\":[_vm.required],\"hide-details\":\"auto\"},model:{value:(_vm.emailModel.subject),callback:function ($$v) {_vm.$set(_vm.emailModel, \"subject\", $$v)},expression:\"emailModel.subject\"}}),_c('div',{staticClass:\"mb-2\"},[_c('div',[_vm._v(\"Attachments:\")]),_c('div',{staticClass:\"d-flex\"},_vm._l((_vm.emailModel.attachments),function(att){return _c('v-chip',{key:att.id,attrs:{\"small\":\"\",\"color\":\"error\"}},[_vm._v(\" \"+_vm._s(att.displayName)+\" \")])}),1)]),_c('div',{staticStyle:{\"height\":\"350px\"}},[_c('quill-editor',{ref:\"quillEditor\",staticClass:\"quill-editor-style\",attrs:{\"options\":_vm.editorOption},model:{value:(_vm.emailModel.body),callback:function ($$v) {_vm.$set(_vm.emailModel, \"body\", $$v)},expression:\"emailModel.body\"}})],1)],1)],1),_c('v-card-actions',[_c('v-spacer'),_c('div',{staticClass:\"mx-2\"},[_c('v-checkbox',{attrs:{\"label\":\"Notify to Lock Desk\"},model:{value:(_vm.emailModel.isExtraNotification),callback:function ($$v) {_vm.$set(_vm.emailModel, \"isExtraNotification\", $$v)},expression:\"emailModel.isExtraNotification\"}})],1),_c('v-btn',{staticClass:\"mr-9\",attrs:{\"color\":\"secondary\",\"elevation\":\"0\",\"loading\":_vm.templateLoading,\"disabled\":_vm.emailModel.emailNotificationType === null ||\n            _vm.emailModel.emailNotificationType === 0},on:{\"click\":_vm.sendCommitmentLetter}},[_vm._v(\" Send \")])],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-container fluid>\r\n    <section v-if=\"!fileData\">\r\n      <div class=\"gray--text\">Loading....</div>\r\n    </section>\r\n    <section v-else>\r\n      <section v-if=\"$store.getters[`isEmployee`]\">\r\n        <v-row>\r\n          <v-col cols=\"12\">\r\n            <QuickNavigation :fileData=\"fileData\" :routeHistory=\"$route\" />\r\n          </v-col>\r\n        </v-row>\r\n        <v-card tile flat>\r\n          <v-container>\r\n            <v-row>\r\n              <v-col cols=\"12\" class=\"text-right\">\r\n                <v-btn type=\"submit\" color=\"primary\" @click=\"dialog = true\">\r\n                  Send notification\r\n                </v-btn>\r\n              </v-col>\r\n            </v-row>\r\n            <v-simple-table class=\"table--striped table--bordered\" dense>\r\n              <template v-slot:default>\r\n                <thead>\r\n                  <tr class=\"info\">\r\n                    <th class=\"white--text\">User Name</th>\r\n                    <th class=\"white--text\">Type</th>\r\n                    <th class=\"white--text\">Send Date</th>\r\n                    <th class=\"white--text\">Notify to Lock Desk</th>\r\n                    <th class=\"white--text\">Result</th>\r\n                  </tr>\r\n                </thead>\r\n                <tbody>\r\n                  <template v-if=\"logHistory && logHistory.length > 0\">\r\n                    <tr\r\n                      v-for=\"logItem in logHistory\"\r\n                      :key=\"logItem.emailNotificationId\"\r\n                      :title=\"logItem.emailNotificationId\"\r\n                    >\r\n                      <td>{{ logItem.userName }}</td>\r\n                      <td>\r\n                        {{\r\n                          $store.state.mstCodeEnums[\r\n                            \"emailNotificationType\" +\r\n                              logItem.emailNotificationType\r\n                          ]\r\n                        }}\r\n                      </td>\r\n                      <td>\r\n                        {{\r\n                          logItem.sentDateTime | moment(\"MM/DD/YYYY hh:mm A\")\r\n                        }}\r\n                      </td>\r\n                      <td>\r\n                        <span\r\n                          v-if=\"logItem.isExtraNotification\"\r\n                          class=\"success--text\"\r\n                        >\r\n                          Yes\r\n                        </span>\r\n                        <span v-else class=\"error--text\"> No </span>\r\n                      </td>\r\n                      <td>\r\n                        <span v-if=\"logItem.isSuccess\" class=\"success--text\"\r\n                          >Success</span\r\n                        >\r\n                        <span\r\n                          v-else-if=\"\r\n                            !logItem.isSuccess && logItem.retryCount > 2\r\n                          \"\r\n                          class=\"error--text\"\r\n                          >Failure</span\r\n                        >\r\n                        <sapn v-else class=\"warning--text\"\r\n                          >Waiting to send</sapn\r\n                        >\r\n                      </td>\r\n                    </tr>\r\n                  </template>\r\n                  <template v-else>\r\n                    <tr>\r\n                      <td class=\"error--text text-center\" colspan=\"5\">\r\n                        No Data\r\n                      </td>\r\n                    </tr>\r\n                  </template>\r\n                </tbody>\r\n              </template>\r\n            </v-simple-table>\r\n          </v-container>\r\n        </v-card>\r\n        <LoanDetailSubMenu />\r\n      </section>\r\n      <section v-else>\r\n        <div class=\"error--text\">This feature is only open to Underwriter</div>\r\n      </section>\r\n    </section>\r\n    <v-dialog v-model=\"dialog\" persistent max-width=\"900\">\r\n      <v-card tile :loading=\"templateLoading\" :disabled=\"templateLoading\">\r\n        <v-card-title>\r\n          Notification\r\n          <v-spacer></v-spacer>\r\n          <v-btn text icon @click=\"dialog = false\">\r\n            <v-icon>mdi-close</v-icon>\r\n          </v-btn>\r\n        </v-card-title>\r\n        <v-divider></v-divider>\r\n        <v-card-text>\r\n          <v-form class=\"ma-6\" ref=\"form\">\r\n            <v-select\r\n              label=\"Select Template type\"\r\n              v-model=\"emailModel.emailNotificationType\"\r\n              item-text=\"displayName\"\r\n              item-value=\"codeValue\"\r\n              @change=\"getEmailTemplate()\"\r\n              :items=\"emailModel.emailNotificationTypeItems\"\r\n              hide-details=\"auto\"\r\n              dense\r\n              outlined\r\n            ></v-select>\r\n            <v-combobox\r\n              label=\"TO\"\r\n              class=\"my-2\"\r\n              v-model=\"emailModel.toList\"\r\n              @change=\"updateEmailList($event, 'to')\"\r\n              :rules=\"[required]\"\r\n              outlined\r\n              chips\r\n              clearable\r\n              multiple\r\n              dense\r\n              hide-details=\"auto\"\r\n              append-icon=\"\"\r\n            >\r\n              <template v-slot:selection=\"{ attrs, item, select, selected }\">\r\n                <v-chip\r\n                  v-bind=\"attrs\"\r\n                  :input-value=\"selected\"\r\n                  close\r\n                  color=\"primary\"\r\n                  small\r\n                  @click=\"select\"\r\n                  @click:close=\"removeToList(item, 'to')\"\r\n                >\r\n                  {{ item }}\r\n                </v-chip>\r\n              </template>\r\n            </v-combobox>\r\n            <v-combobox\r\n              label=\"CC\"\r\n              class=\"my-2\"\r\n              v-model=\"emailModel.ccList\"\r\n              @change=\"updateEmailList($event, 'cc')\"\r\n              outlined\r\n              chips\r\n              clearable\r\n              multiple\r\n              dense\r\n              hide-details=\"auto\"\r\n              append-icon=\"\"\r\n            >\r\n              <template v-slot:selection=\"{ attrs, item, select, selected }\">\r\n                <v-chip\r\n                  v-bind=\"attrs\"\r\n                  :input-value=\"selected\"\r\n                  close\r\n                  small\r\n                  color=\"primary\"\r\n                  @click=\"select\"\r\n                  @click:close=\"removeToList(item, 'cc')\"\r\n                >\r\n                  {{ item }}\r\n                </v-chip>\r\n              </template>\r\n            </v-combobox>\r\n            <v-combobox\r\n              label=\"BCC\"\r\n              class=\"my-2\"\r\n              v-model=\"emailModel.bccList\"\r\n              @change=\"updateEmailList($event, 'bcc')\"\r\n              outlined\r\n              chips\r\n              clearable\r\n              multiple\r\n              dense\r\n              hide-details=\"auto\"\r\n              append-icon=\"\"\r\n            >\r\n              <template v-slot:selection=\"{ attrs, item, select, selected }\">\r\n                <v-chip\r\n                  v-bind=\"attrs\"\r\n                  :input-value=\"selected\"\r\n                  close\r\n                  small\r\n                  color=\"primary\"\r\n                  @click=\"select\"\r\n                  @click:close=\"removeToList(item, 'bcc')\"\r\n                >\r\n                  {{ item }}\r\n                </v-chip>\r\n              </template>\r\n            </v-combobox>\r\n            <v-text-field\r\n              label=\"Subject\"\r\n              class=\"my-2\"\r\n              outlined\r\n              dense\r\n              v-model=\"emailModel.subject\"\r\n              :rules=\"[required]\"\r\n              hide-details=\"auto\"\r\n            ></v-text-field>\r\n            <div class=\"mb-2\">\r\n              <div>Attachments:</div>\r\n              <div class=\"d-flex\">\r\n                <v-chip\r\n                  v-for=\"att in emailModel.attachments\"\r\n                  :key=\"att.id\"\r\n                  small\r\n                  color=\"error\"\r\n                >\r\n                  {{ att.displayName }}\r\n                </v-chip>\r\n              </div>\r\n            </div>\r\n            <div style=\"height: 350px\">\r\n              <quill-editor\r\n                v-model=\"emailModel.body\"\r\n                class=\"quill-editor-style\"\r\n                ref=\"quillEditor\"\r\n                :options=\"editorOption\"\r\n              >\r\n              </quill-editor>\r\n            </div>\r\n          </v-form>\r\n        </v-card-text>\r\n        <v-card-actions>\r\n          <v-spacer></v-spacer>\r\n          <div class=\"mx-2\">\r\n            <!-- If condition review has been selected -->\r\n            <v-checkbox\r\n              v-model=\"emailModel.isExtraNotification\"\r\n              label=\"Notify to Lock Desk\"\r\n            ></v-checkbox>\r\n          </div>\r\n          <v-btn\r\n            color=\"secondary\"\r\n            class=\"mr-9\"\r\n            elevation=\"0\"\r\n            :loading=\"templateLoading\"\r\n            @click=\"sendCommitmentLetter\"\r\n            :disabled=\"\r\n              emailModel.emailNotificationType === null ||\r\n              emailModel.emailNotificationType === 0\r\n            \"\r\n          >\r\n            Send\r\n          </v-btn>\r\n        </v-card-actions>\r\n      </v-card>\r\n    </v-dialog>\r\n  </v-container>\r\n</template>\r\n\r\n<script>\r\nimport axios from \"axios\";\r\nimport { rules } from \"@/mixins\";\r\nimport QuickNavigation from \"@/components/QuickNavigation\";\r\nimport LoanDetailSubMenu from \"@/components/LoanDetailSubMenu\";\r\n\r\nexport default {\r\n  name: \"CommitmentLetterNotification\",\r\n  components: {\r\n    QuickNavigation,\r\n    LoanDetailSubMenu,\r\n  },\r\n  async mounted() {\r\n    this.response = await this.getLoanDetail(\r\n      this.$route.query.loanNumber\r\n    ).catch((err) => err.response);\r\n\r\n    if (this.response.status === 200) {\r\n      this.fileData = this.response.data;\r\n      this.logHistory = await this.getEmailNotificationHistory(\r\n        this.$route.query.loanNumber\r\n      )\r\n        .then((resp) => resp.data)\r\n        .catch(() => null);\r\n    } else {\r\n      this.$store.commit(\"statusDialog/showErrorDialog\", this.response.data);\r\n      this.$router.push(\"/pipeline\");\r\n    }\r\n\r\n    this.initEmailModel();\r\n  },\r\n  data() {\r\n    return {\r\n      response: null,\r\n      fileData: null,\r\n      conditionalLoanApprovalLetterLoader: false,\r\n      logHistory: [],\r\n      dialog: false,\r\n      templateLoading: false,\r\n      emailModel: {\r\n        fileDataId: null,\r\n        from: null,\r\n        toList: null,\r\n        ccList: null,\r\n        bccList: null,\r\n        attachments: null,\r\n        subject: null,\r\n        body: null,\r\n        templateHtml: null,\r\n        emailNotificationType: null,\r\n        emailNotificationTypeItems: [],\r\n        isExtraNotification: false,\r\n      },\r\n      editorOption: {\r\n        modules: {\r\n          toolbar: [\r\n            [\"bold\", \"italic\", \"underline\", \"strike\"], // toggled buttons\r\n\r\n            [{ header: 1 }, { header: 2 }], // custom button values\r\n            [{ list: \"ordered\" }, { list: \"bullet\" }],\r\n\r\n            [{ color: [] }, { background: [] }], // dropdown with defaults from theme\r\n          ],\r\n        },\r\n        theme: \"snow\",\r\n      },\r\n    };\r\n  },\r\n  methods: {\r\n    initEmailModel() {\r\n      this.templateLoading = false;\r\n      this.dialog = false;\r\n      this.emailModel = {\r\n        fileDataId: this.fileData.fileDataId,\r\n        from: null,\r\n        toList: null,\r\n        ccList: null,\r\n        bccList: null,\r\n        attachments: null,\r\n        subject: null,\r\n        body: null,\r\n        templateHtml: null,\r\n        emailNotificationType: null,\r\n        emailNotificationTypeItems: [],\r\n        isExtraNotification: false,\r\n      };\r\n\r\n      this.emailModel.emailNotificationTypeItems = this.$store\r\n        .dispatch(\"lookUpApi/getMstCodeVM\", \"emailNotificationType\")\r\n        .then((resp) => {\r\n          this.emailModel.emailNotificationTypeItems = resp.filter(\r\n            (x) => x.codeValue >= 10000\r\n          );\r\n        });\r\n    },\r\n    updateEmailList(emailList, type) {\r\n      emailList[emailList.length - 1] = emailList[\r\n        emailList.length - 1\r\n      ].replaceAll(/\\s/g, \"\");\r\n      const isEmailFormat =\r\n        /^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\\.[a-zA-Z0-9-]+)*$/.test(\r\n          emailList[emailList.length - 1]\r\n        );\r\n      if (!isEmailFormat) {\r\n        this.removeToList(emailList[emailList.length - 1], type);\r\n      }\r\n    },\r\n    removeToList(item, type) {\r\n      if (type === \"to\") {\r\n        this.emailModel.toList.splice(this.emailModel.toList.indexOf(item), 1);\r\n        this.emailModel.toList = [...this.emailModel.toList];\r\n      } else if (type === \"cc\") {\r\n        this.emailModel.ccList.splice(this.emailModel.ccList.indexOf(item), 1);\r\n        this.emailModel.ccList = [...this.emailModel.ccList];\r\n      } else if (type === \"bcc\") {\r\n        this.emailModel.bccList.splice(\r\n          this.emailModel.bccList.indexOf(item),\r\n          1\r\n        );\r\n        this.emailModel.bccList = [...this.emailModel.bccList];\r\n      }\r\n    },\r\n    async getEmailTemplate() {\r\n      this.templateLoading = true;\r\n      const res = await axios\r\n        .get(\r\n          `${process.env.VUE_APP_API_BASE_URL}/api/Feature/Notification/CommitmentLetterEmailTemplate?loanNumber=${this.fileData.fileName}&notificationType=${this.emailModel.emailNotificationType}`,\r\n          {\r\n            headers: {\r\n              Authorization: `Bearer ${this.$store.state.token}`,\r\n            },\r\n          }\r\n        )\r\n        .then((resp) => resp)\r\n        .catch((err) => err.response);\r\n\r\n      if (res.status === 200) {\r\n        console.log(res.data);\r\n        this.emailModel.from = res.data.from;\r\n        this.emailModel.toList = res.data.toList;\r\n        this.emailModel.ccList = res.data.ccList;\r\n        this.emailModel.bccList = res.data.bccList;\r\n        this.emailModel.attachments = res.data.attachments;\r\n        this.emailModel.subject = res.data.subject;\r\n        this.emailModel.body = res.data.body;\r\n        this.emailModel.templateHtml = res.data.templateHtml;\r\n        this.emailModel.isExtraNotification = res.data.isExtraNotification;\r\n      } else {\r\n        this.initEmailModel();\r\n        this.$store.commit(\"statusDialog/showErrorDialog\", res.data);\r\n      }\r\n      this.templateLoading = false;\r\n    },\r\n    async getLoanDetail(loanNumber) {\r\n      const resp = await axios.get(\r\n        `${process.env.VUE_APP_API_BASE_URL}/api/bytepro/filedata/Detail?loanNumber=${loanNumber}`,\r\n        {\r\n          headers: {\r\n            Authorization: `Bearer ${this.$store.state.token}`,\r\n          },\r\n        }\r\n      );\r\n\r\n      return resp;\r\n    },\r\n    async getEmailNotificationHistory(loanNumber) {\r\n      const resp = await axios.get(\r\n        `${process.env.VUE_APP_API_BASE_URL}/api/Feature/LogHistory/CommitmentLetterNotificationLog?loanNumber=${loanNumber}`,\r\n        {\r\n          headers: {\r\n            Authorization: `Bearer ${this.$store.state.token}`,\r\n          },\r\n        }\r\n      );\r\n\r\n      return resp;\r\n    },\r\n    async setStatusLockedFile(loanNumber, notifyLogId) {\r\n      const resp = await axios.put(\r\n        `${\r\n          process.env.VUE_APP_API_BASE_URL\r\n        }/api/NWAPP/LockDesk/SetStatusLockedFile?loanNumber=${loanNumber}&status=${\"COC\"}&notifyLogId=${notifyLogId}`,\r\n        null,\r\n        {\r\n          headers: {\r\n            Authorization: `Bearer ${this.$store.state.token}`,\r\n          },\r\n        }\r\n      );\r\n\r\n      return resp;\r\n    },\r\n    async sendCommitmentLetter() {\r\n      if (this.$refs.form.validate()) {\r\n        this.templateLoading = true;\r\n\r\n        const res = await axios.post(\r\n          `${process.env.VUE_APP_API_BASE_URL}/api/Feature/Notification/SendCommitmentLetter`,\r\n          this.emailModel,\r\n          {\r\n            headers: {\r\n              Authorization: `Bearer ${this.$store.state.token}`,\r\n            },\r\n          }\r\n        );\r\n\r\n        this.$store.commit(\r\n          \"statusDialog/showSuccessDialog\",\r\n          \"Your email has been sent successfully.\"\r\n        );\r\n\r\n        if (res.status === 200) {\r\n          const notifyId = res.data;\r\n\r\n          this.logHistory = await this.getEmailNotificationHistory(\r\n            this.$route.query.loanNumber\r\n          )\r\n            .then((resp) => resp.data)\r\n            .catch(() => null);\r\n          if (this.emailModel.isExtraNotification) {\r\n            await this.setStatusLockedFile(\r\n              this.$route.query.loanNumber,\r\n              notifyId\r\n            )\r\n              .then((resp) => resp.data)\r\n              .catch(() => null);\r\n          }\r\n\r\n          this.initEmailModel();\r\n        } else {\r\n          this.$store.commit(\r\n            \"statusDialog/showErrorDialog\",\r\n            \"Sorry, your request failed.\"\r\n          );\r\n        }\r\n      }\r\n    },\r\n  },\r\n  mixins: [rules],\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.quill-editor-style {\r\n  height: 100%;\r\n}\r\n</style>\r\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!./email-notification.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!./email-notification.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./email-notification.vue?vue&type=template&id=347839a2&scoped=true&\"\nimport script from \"./email-notification.vue?vue&type=script&lang=js&\"\nexport * from \"./email-notification.vue?vue&type=script&lang=js&\"\nimport style0 from \"./email-notification.vue?vue&type=style&index=0&id=347839a2&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  \"347839a2\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}