{"version":3,"sources":["webpack:///./src/View/components/ConfirmBox.vue","webpack:///src/View/components/ConfirmBox.vue","webpack:///./src/View/components/ConfirmBox.vue?8f53","webpack:///./src/View/components/ConfirmBox.vue?132c","webpack:///./src/View/components/SendBokkingCon.vue","webpack:///src/View/components/SendBokkingCon.vue","webpack:///./src/View/components/SendBokkingCon.vue?0f95","webpack:///./src/View/components/SendBokkingCon.vue?5b43"],"names":["render","_vm","this","_c","_self","staticClass","staticStyle","_v","_s","title","message","yesConfir","attrs","yesinputText","inputLable","on","data","_e","warning","cancel","lbtnColor","cancelbtnText","toLowerCase","rbtnColor","confirmBtnText","sure","staticRenderFns","props","components","Button","TextField","computed","mounted","document","methods","component","style","imageDivHeight2","_m","$event","showCCInput","showBCCInput","isShowFromEmail","directives","name","rawName","value","closeToFEList","expression","class","displayFromTagSelects","stopPropagation","fromEmail","domProps","backSpacecountfr","keyUpfr","type","indexOf","_k","keyCode","key","onEnterfr","apply","arguments","scrollCountFr","downPressCountFr","checInputTabfr","target","composing","FromError","fromEMailList","length","$router","push","params","emailId","_l","index","downPressCountfr","preventDefault","selectFemail","closeToEList","displayTagSelects","showDropdownList","toemailList","validEmail","email","selectTags","searchForToEmail","keyUp","onEnter","scrollCount","downPressCount","checInputTab","emailErrorObj","sendToErr","toEmailDropDownList","closeCCEList","displayCCSelects","showCCDropdownList","ccemailList","selectCCTags","searchForCCEmail","onCCEnter","SendccErr","ccEmailDropDownList","closeBccEList","displayBccSelects","showBccDropdownList","bccEmaislList","selectBccTags","searchForBccEmail","onBccEnter","SendBccErr","emailDropDownListBcc","isDefault","messageErr","model","editorText","callback","$$v","routingTodata","discard","sendEmail","isEmailFormat","Vue","bind","el","vnode","unbind","ConfirmBox","Editor","imageDivHeight","backSpacecount","contentWidth","toEmailMainList","ccEmailMainList","bccEmailsMainList","showEmailSaveBtn","messageSectionShow","errorMsg","fromName","subject","totalCount","scrollCountfr","created","window","beforeDestroy","watch","handler","setTimeout","searchContEmail","status","MyJobApp","response","getDefaultBodyData","error","showAlert","color","styleLinksInHtml","links","link","closefrEList","resizeWindowHandler","isvalid","documentvalue","downArrowAction","upArrowAction","checkeydownFromEmail","e","checkeydownToEmail","checkeydownCcEmail","checkeydownBccEmail","checkKeyfrMail","checkKeyToMail","checkKeyCcMail","checkKeyBccMail","getEmilConfList"],"mappings":"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sBACA,0CACA,4BACA,8CACA,8GACA,uDAGA,6BACA,yCACA,mBACA,2CAMA/C,kBACA+C,UACA,sBACA,0CACA,4BACA,8CACA,8GACA,uDAGA,6BACA,yCACA,mBACA,2CAMAtC,mBACAsC,UACA,8BACA,uBAEA,2CACA,6BACA,gDACA,iHACA,0DAGA,+BACA,0CACA,mBACA,6CAOAnH,SACAuF,gBACA,4BAAA7E,4BACAsG,8BAEAK,kBACA,kCAAAC,UAAA9I,uBACA+I,0BACA,IACA,GACA,gBACAC,IACA,eACAA,eACA,mBACA,OACApE,qBACA1C,oBAEA,+BACA,uBACA0C,qBACA1C,mBACAyC,sBAGA,6BACA,6BACA,+BACA,iCACA,iCACA,sCAQA,kCAAAmE,UAAA9I,cAEA,KACA,kCAAA8I,UAAA9I,gBAIAgH,WACAzF,yCACA,kDAEA0H,qBACA,kCAAAH,UAAA9I,sCACA+I,2BACA,gBACA,cACAC,IACA,sEAGA,8BACA,iCACA,+BACA,kBACA,iCAEA,kBAEAJ,gBACA,kCAAAE,UAAA9I,cACA,MAEAkJ,IACA,kCAAAJ,UAAA9I,aACA,iCAAAmJ,aAAAnJ,kBAAAoJ,mBAIAC,oBACA,sBACA,mCACA,0BAYA,OAXAC,cACAC,yBACAA,wBACAA,8BACAA,oCACAA,qCAEAA,mCACAA,mCAGA,yCAEAvE,UACA,kEACA,0CACA,kFACA,6BACA,0BAGA,qEACA,uDACA,sBACA,wBACA,+BACA,0CACA,4DAOA,OANA,kCACA,uBACAJ,4BACA1C,2BACAyC,qEAKA,OACAC,4BACA1C,2BACAyC,oEAEA,yBAGA,0BAEAxB,YACA,4DACA,iEACA,2BACA,qBACA,gCAGAoB,eACAqE,gBACA,2BACA,IACA,4BACA,gBAGAvG,gBACAuG,gBACA,+BACA,MAEAY,eACAZ,gBACA,+BACA,IACA,qBACA,kBAGArD,eACAqD,gBACA,0BACA,IACA,4BACA,kBAGA5C,gBACA4C,gBACA,2BACA,IACA,6BACA,mBAGA/D,kBAOA,GANA,gCACA,0BACA,eACA,yBACA,sCAEA,cAGA,mCACA,oCAEA+D,gBACArH,qDACA,KAGA+C,gBACA,yBACA,8BACA,mBAEAG,mBACA,sBACAmE,gBACA,0BACArH,qDACA,KAEAsE,YACA,kEACA,0CACA,kFACA,6BACA,0BAGA,qEACA,uDACA,sBACA,wBACA,+BACA,0CACA,4DAQA,OAPA,6BACA,uBACA3D,2BACA0C,4BACAD,0EAEA,0BAIA,OACAC,4BACA1C,2BACAyC,oEAEA,yBAEA,0BAEA2B,aACA,mEACA,4CACA,qFACA,+BACA,0BAGA,wEACA,wDACA,sBACA,wBACA,gCACA,4CACA,+DAQA,OAPA,+BACA,yBACApE,4BACA0C,6BACAD,2EAEA,2BAIA,OACAC,6BACA1C,4BACAyC,qEAEA,2BAGA,2BAEAgB,oBAMA,GALA,yBACA,eACA,yBACA,sCAEA,cAGA,mCACA,oCAEAiD,gBACArH,uDACA,KAGA6E,qBAMA,GALA,0BACA,eACA,2BACA,uCAEA,cAGA,qCACA,qCAEAwC,gBACArH,wDACA,KAGAkE,qBACA,sBACAmD,gBACA,yBACArH,uDACA,KAEA2E,sBAGA,sBACA0C,gBACA,0BACArH,wDACA,KAEAkI,sBACA,wBACA,0CAGAxC,YACA,SAKA,GAJA,sBACA,0CACAyC,MAEA,0BACA,0CACA,8CAIA,OAHA,sBACA,iGACAA,MACA,EAIA,+CACA,0CACA,8CAIA,OAHA,sBACA,iGACAA,MACA,EAIA,kDACA,4CACA,gDAIA,OAHA,sBACA,iGACAA,MACA,EAIA,oDACA,iHACA,uDACAA,MAGA,IACA,kCAAAZ,UAAA9I,wBACA+I,yBACA,iBACA,iBACA,mBACA,gBACA,eACA,cACA,aACA,gBACA,eACAC,IACAzH,yCACA,iBACA,iCAAA4H,aAAAnJ,kBAAAoJ,kBACA,kCAAAN,UAAA9I,cAEAkJ,IACA,iCAAAC,aAAAnJ,kBAAAoJ,gBACA,kCAAAN,UAAA9I,iBAKAmF,gBACA,kBACA,kDACAwE,sCAEA,kBACA,oDACAA,sCAEA,mBACA,qDACAA,yCAGAnG,iBACA,oDACAmG,yCAEAC,mBACA,UACA,oFACA,0CACA,qCACArI,mEAEA,6BACA,sBAEA,mBACAA,oEAGA,UACA,oFACA,0CACA,qCACAA,mEAEA,6BACA,sBAEA,mBACAA,oEAGA,WACA,qFACA,0CACA,qCACAA,oEAEA,6BACA,sBAEA,mBACAA,qEAGA,UACA,kFACA,8CACA,yCACAA,qEAEA,+BACA,wBAEA,qBACAA,uEAIAsI,iBACA,UACA,4CACA,0CACA,qCACAtI,6FAGA,UACA,4CACA,0CACA,qCACAA,6FAGA,WACA,4CACA,0CACA,qCACAA,8FAGA,UACA,gDACA,8CACA,yCACAA,kGAKAuI,wBACAC,kBACA,eACA,oBAEA,gBACA,2BAEA,gBACA,0BAGAC,sBACAD,kBACA,eACA,oBAEA,gBACA,2BAEA,gBACA,0BAGAE,sBACAF,kBACA,eACA,oBAEA,gBACA,2BAEA,gBACA,0BAGAG,uBACAH,kBACA,eACA,qBAEA,gBACA,4BAEA,gBACA,2BAGAI,kBACAJ,kBACA,eACA,sBACA,gDAIAK,kBAEA,GADAL,kBACA,eAIA,GAHA,6BACA,2CAEA,oDACA,6BACA,iCACA,8CACA,2CAMA,OALA,sCACA,2BACAnF,cACA1C,cAKA,6BAEA,wBAGAmI,kBAEA,GADAN,kBACA,eAIA,GAHA,6BACA,2CAEA,oDACA,6BACA,iCACA,8CACA,2CAMA,OALA,sCACA,2BACAnF,cACA1C,cAKA,6BAEA,wBAGAoI,mBAEA,GADAP,kBACA,eAIA,GAHA,8BACA,2CAEA,sDACA,+BACA,kCAGA,gDACA,6CAMA,OALA,wCACA,6BACAnF,cACA1C,cAKA,+BAEA,wBAGA6C,SACA,kBACA,kDACA4E,kCAEA,kBACA,oDACAA,kCAEA,mBACA,qDACAA,qCAGA9G,UACA,oDACA8G,mCAEAY,kBACA,kCAAAzB,UAAA9I,uBACA+I,qBACA,EACA,IACA,GACA,YACA,QACA,EACAC,IACA,6DACA,6BACA,gCACA,8CAEA,+BACA,wBACA,oBAEA,kBACA,yBAEA,kCAAAF,UAAA9I,aACA,2BAEA,KACA,8BACA,kCAAA8I,UAAA9I,kBCxkCuW,I,YCOnWyB,EAAY,eACd,EACAnC,EACA0B,GACA,EACA,KACA,WACA,MAIa,OAAAS,E","file":"js/chunk-f7307b98.5ebb1352.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"popup_overlay relative px-4\"},[_c('div',{staticClass:\"custom_dialog rounded-xl h-min p-4\",staticStyle:{\"width\":\"500px\"}},[_c('div',{staticClass:\"mb-4 font-bold\"},[_c('p',{staticClass:\"heading-3 text-text1 whitespace-pre-line\"},[_vm._v(_vm._s(_vm.title))])]),_c('div',{staticClass:\"mb-5 font-bold\"},[_c('p',{staticClass:\"heading-6 text-text1 mb-4\"},[_vm._v(_vm._s(_vm.message))]),(_vm.yesConfir)?_c('div',[_c('TextField',{attrs:{\"inputId\":'yesinputText',\"showcharLimit\":false,\"inputext\":_vm.yesinputText,\"lableText\":`${_vm.inputLable}`,\"autoFocus\":true},on:{\"inputChangeAction\":(data) => _vm.yesinputText = data}})],1):_vm._e()]),(_vm.warning)?_c('div',{staticClass:\"flex gap-2 justify-end\"},[_c('Button',{attrs:{\"btnSize\":'medium',\"textColor\":'white',\"btnColor\":'primary',\"btnText\":'OK'},on:{\"buttonAction\":_vm.cancel}})],1):_c('div',{staticClass:\"flex gap-2 justify-end\"},[_c('Button',{attrs:{\"btnSize\":'medium',\"textColor\":'text1',\"btnColor\":`${_vm.lbtnColor ? _vm.lbtnColor : 'gray1' }`,\"btnText\":`${_vm.cancelbtnText ? _vm.cancelbtnText : 'No' }`},on:{\"buttonAction\":_vm.cancel}}),_c('Button',{attrs:{\"disabled\":_vm.yesinputText.toLowerCase() !== 'yes',\"btnSize\":'medium',\"textColor\":'white',\"btnColor\":`${_vm.rbtnColor ? _vm.rbtnColor : 'error' }`,\"btnText\":`${_vm.confirmBtnText ? _vm.confirmBtnText : 'Yes' }`},on:{\"buttonAction\":_vm.sure}})],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"popup_overlay relative px-4\">\n       <div style=\"width: 500px;\" class=\"custom_dialog rounded-xl h-min p-4\">\n          <div  class=\"mb-4 font-bold\">\n            <p class=\"heading-3 text-text1 whitespace-pre-line\">{{title}}</p>\n          </div>\n          <div  class=\"mb-5 font-bold\">\n            <p class=\"heading-6 text-text1 mb-4\">{{message}}</p>\n            <div v-if=\"yesConfir\">\n              <TextField\n              :inputId=\"'yesinputText'\"\n              :showcharLimit=\"false\"\n              :inputext=\"yesinputText\"\n              :lableText=\"`${inputLable}`\"\n              :autoFocus=\"true\"\n              @inputChangeAction=\"(data) => yesinputText = data\"  />\n            </div>\n          </div>\n          <div v-if=\"warning\" class=\"flex gap-2 justify-end\">\n            <Button :btnSize=\"'medium'\" :textColor=\"'white'\" :btnColor=\"'primary'\" :btnText=\"'OK'\" @buttonAction=\"cancel\"/>\n          </div>\n          <div v-else class=\"flex gap-2 justify-end\">\n            <Button :btnSize=\"'medium'\" :textColor=\"'text1'\" :btnColor=\"`${lbtnColor ? lbtnColor : 'gray1' }`\" :btnText=\"`${cancelbtnText ? cancelbtnText : 'No' }`\" @buttonAction=\"cancel\"/>\n            <Button :disabled=\"yesinputText.toLowerCase() !== 'yes'\" :btnSize=\"'medium'\" :textColor=\"'white'\" :btnColor=\"`${rbtnColor ? rbtnColor : 'error' }`\" :btnText=\"`${confirmBtnText ? confirmBtnText : 'Yes' }`\" @buttonAction=\"sure\"/>\n          </div>\n    </div>\n  </div>\n</template>\n<script>\nimport Button from '@/View/components/globalButton.vue'\nimport TextField from '@/View/components/textfield.vue'\nexport default {\n  props: ['title', 'message', 'warning', 'yesConfir', 'inputLable', 'cancelbtnText', 'confirmBtnText', \"lbtnColor\", \"rbtnColor\"],\n  components: {\n    Button,\n    TextField,\n    },\n  data () {\n    return {\n      yesinputText: 'yes'\n    }\n  },\n  computed: {\n  },\n  mounted () {\n    if (this.yesConfir) {\n      this.yesinputText = ''\n    }\n    document.body.style = 'overflow: hidden;'\n  },\n  methods: {\n    cancel () {\n      this.$root.$emit('confirmBoxHandler', false)\n      this.$emit('confirmBoxHandler', false)\n      // document.body.style = 'overflow: visible;'\n    },\n    sure () {\n     this.$root.$emit('confirmBoxHandler', true)\n     this.$emit('confirmBoxHandler', true)\n    //  document.body.style = 'overflow: visible;'\n    }\n  }\n}\n</script>\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!./ConfirmBox.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!./ConfirmBox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConfirmBox.vue?vue&type=template&id=00aeedf4&\"\nimport script from \"./ConfirmBox.vue?vue&type=script&lang=js&\"\nexport * from \"./ConfirmBox.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 render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"popup_overlay\"},[_c('div',{staticClass:\"custom_dialog\",style:(`width: 100%; overflow: auto; height: 100vh`)},[_c('div',{staticClass:\"relative\"},[_c('div',{style:(`width: 100%;height:` + _vm.imageDivHeight2 + `px;overflow: auto`)},[_vm._m(0),_c('div',{},[_c('div',[_c('div',{staticClass:\"flex justify-end mt-4 pr-4\"},[_c('p',{staticClass:\"ma-0 pa-0 text-primary text-right\"},[_c('span',{staticClass:\"mx-1 cursor-pointer\",on:{\"click\":function($event){_vm.showCCInput = !_vm.showCCInput}}},[_vm._v(\"+CC\")]),_c('span',{staticClass:\"mx-1 cursor-pointer\",on:{\"click\":function($event){_vm.showBCCInput = !_vm.showBCCInput}}},[_vm._v(\"+BCC\")])])]),_c('div',{staticClass:\"w-full\"},[(_vm.isShowFromEmail)?_c('div',{directives:[{name:\"click-outside\",rawName:\"v-click-outside\",value:(_vm.closeToFEList),expression:\"closeToFEList\"}],staticClass:\"px-2 relative\"},[_c('div',{class:`py-2 p-3 flex ${_vm.displayFromTagSelects ? 'border-b border-primary' : 'border-b border-gray2'}`,on:{\"&click\":function($event){$event.stopPropagation();_vm.displayFromTagSelects = true}}},[_c('div',{staticClass:\"flex flex-auto flex-wrap\"},[_c('div',{staticClass:\"flex flex-wrap min-w-full\"},[_c('span',{staticClass:\"mt-2 mr-2\"},[_vm._v(\"From:\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.fromEmail),expression:\"fromEmail\"}],staticClass:\"h-9 focus:outline-none focus:ring-blue-500 focus:border-blue-500 heading-4 cursor-pointer\",attrs:{\"readonly\":\"\",\"autocomplete\":\"off\",\"type\":\"text\",\"id\":\"searchFemailFTagId\"},domProps:{\"value\":(_vm.fromEmail)},on:{\"focus\":function($event){_vm.displayFromTagSelects = true; _vm.backSpacecountfr = 0},\"keyup\":[function($event){return _vm.keyUpfr()},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.onEnterfr.apply(null, arguments)}],\"blur\":function($event){_vm.scrollCountFr = 0; _vm.downPressCountFr = null},\"keydown\":function($event){return _vm.checInputTabfr()},\"input\":function($event){if($event.target.composing)return;_vm.fromEmail=$event.target.value}}}),(_vm.FromError !== '')?_c('span',{staticClass:\"mt-2 heading-6 text-error\"},[_vm._v(_vm._s(_vm.FromError))]):_vm._e(),(_vm.fromEMailList.length < 1)?_c('span',{staticClass:\"mt-2 heading-6 text-error\"},[_vm._v(\"Please add email configuration first \"),_c('span',{staticClass:\"text-primary cursor-pointer\",on:{\"click\":function($event){return _vm.$router.push({name: 'EmailconfigurationAdd', params: {emailId: 0}})}}},[_vm._v(\" Add Email Configuration\")])]):_vm._e()])]),_c('span',{staticClass:\"mt-2 right-6\"},[(_vm.displayFromTagSelects)?_c('p',[_c('i',{staticClass:\"fas fa-chevron-up text-gray3 heading-5\"})]):_vm._e(),(!_vm.displayFromTagSelects)?_c('span',[_c('i',{staticClass:\"fas fa-chevron-down text-gray3 heading-5\"})]):_vm._e()])]),(_vm.displayFromTagSelects)?_c('div',{staticClass:\"absolute z-10 flex-col max-h-64 h-auto bg-gray1 overflow-auto border heading-4 text-gray-800 border-gray-200 shadow-lg\",staticStyle:{\"overflow-x\":\"auto\",\"width\":\"99%\"},attrs:{\"id\":\"fremailLIst\"}},_vm._l((_vm.fromEMailList),function(data,index){return _c('div',{key:index,class:`${_vm.downPressCountfr !== null ? _vm.downPressCountfr === index ? 'bg-info text-primary' : '' : _vm.fromEmail === data.emailId ? 'bg-info text-primary' : '' } flex shadow hover:bg-info items-center  cursor-pointer p-3 pl-2  border-b border-transparent border-l-2 relative hover:border-teal-100`,on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.selectFemail(data)}}},[_vm._v(\" \"+_vm._s(data.emailId))])}),0):_vm._e()]):_vm._e(),_c('div',{directives:[{name:\"click-outside\",rawName:\"v-click-outside\",value:(_vm.closeToEList),expression:\"closeToEList\"}],staticClass:\"px-2 relative\"},[_c('div',{class:`py-2 p-3 flex ${_vm.displayTagSelects ? 'border-b border-primary' : 'border-b border-gray2'}`,on:{\"click\":function($event){return _vm.showDropdownList('users')}}},[_c('div',{staticClass:\"flex flex-auto flex-wrap\"},[_c('div',{staticClass:\"flex flex-wrap min-w-full\"},[_c('span',{staticClass:\"mt-2 mr-2\"},[_vm._v(\"To:\")]),_vm._l((_vm.toemailList),function(data,index){return _c('div',{key:index},[_c('div',{class:`flex items-center text-xs mt-2 mx-1 ml-0 py-1 px-2 rounded-full border border-teal-300  ${data.validEmail === 'invalid' ? 'bg-error text-white' : 'bg-gray1 text-text1'} font-bold`},[_vm._v(\" \"+_vm._s(data.name)+\" \"+_vm._s(`(${data.email})`)+\" \"),_c('div',{staticClass:\"bg-gray4 ml-1 p-px rounded-full text-white max-w-max items-center\",on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.selectTags(data, index, 'remove')}}},[_vm._m(1,true)])])])}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchForToEmail),expression:\"searchForToEmail\"}],staticClass:\"h-9 focus:outline-none focus:ring-blue-500 focus:border-blue-500 heading-4\",attrs:{\"autofocus\":\"\",\"autocomplete\":\"off\",\"type\":\"text\",\"id\":\"searchemailTagId\"},domProps:{\"value\":(_vm.searchForToEmail)},on:{\"focus\":function($event){return _vm.showDropdownList('users')},\"keyup\":[function($event){return _vm.keyUp('toemail')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.onEnter.apply(null, arguments)}],\"blur\":function($event){_vm.scrollCount = 0; _vm.downPressCount = null},\"keydown\":function($event){return _vm.checInputTab('toemail')},\"input\":[function($event){if($event.target.composing)return;_vm.searchForToEmail=$event.target.value},function($event){_vm.emailErrorObj.sendToErr = ''}]}}),(_vm.emailErrorObj.sendToErr !== '')?_c('span',{staticClass:\"mt-2 heading-6 text-error\"},[_vm._v(_vm._s(_vm.emailErrorObj.sendToErr))]):_vm._e()],2)]),_c('span',{staticClass:\"mt-2 right-6\"},[(_vm.displayTagSelects)?_c('p',[_c('i',{staticClass:\"fas fa-chevron-up text-gray3 heading-5\"})]):_vm._e(),(!_vm.displayTagSelects)?_c('span',[_c('i',{staticClass:\"fas fa-chevron-down text-gray3 heading-5\"})]):_vm._e()])]),(_vm.displayTagSelects)?_c('div',{staticClass:\"absolute z-10 flex-col max-h-64 h-auto bg-gray1 overflow-auto border heading-4 text-gray-800 border-gray-200 shadow-lg\",staticStyle:{\"overflow-x\":\"auto\",\"width\":\"99%\"},attrs:{\"id\":\"toemailLIst\"}},[_vm._l((_vm.toEmailDropDownList),function(data,index){return _c('div',{key:index,class:`${_vm.downPressCount === index ? 'bg-info text-primary' : ''} flex shadow hover:bg-info items-center  cursor-pointer p-3 pl-2  border-b border-transparent border-l-2 relative hover:border-teal-100`,on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.selectTags(data, index, 'select')}}},[_vm._v(\" \"+_vm._s(data.name)+\" \"+_vm._s(`( ${data.email} )`)+\" \")])}),(_vm.searchForToEmail)?_c('div',{class:`flex shadow hover:bg-info items-center  cursor-pointer p-3 pl-2  border-b border-transparent border-l-2 relative hover:border-teal-100`},[_c('span',{staticClass:\"heading-6 text-gray3 mr-2\"},[_vm._v(\"Press Enter to select\")]),_c('span',{staticClass:\"border border-gray3 rounded-full px-2 py-px\"},[_vm._v(_vm._s(_vm.searchForToEmail))])]):_vm._e()],2):_vm._e()])]),(_vm.showCCInput)?_c('div',{staticClass:\"w-full\"},[_c('div',{directives:[{name:\"click-outside\",rawName:\"v-click-outside\",value:(_vm.closeCCEList),expression:\"closeCCEList\"}],staticClass:\"px-2 relative\"},[_c('div',{class:`py-2 p-3 flex  ${_vm.displayCCSelects ? 'border-b border-primary' : 'border-b border-gray2'}`,on:{\"click\":function($event){return _vm.showCCDropdownList('users')}}},[_c('div',{staticClass:\"flex flex-auto flex-wrap\"},[_c('div',{staticClass:\"flex flex-wrap min-w-full\"},[_c('span',{staticClass:\"mt-2 mr-2\"},[_vm._v(\"CC:\")]),_vm._l((_vm.ccemailList),function(data,index){return _c('div',{key:index},[_c('div',{class:`flex items-center text-xs mt-2 mx-1 ml-0 py-1 px-2 rounded-full border border-teal-300  ${data.validEmail === 'invalid' ? 'bg-error text-white' : 'bg-gray1 text-text1'} font-bold`},[_vm._v(\" \"+_vm._s(data.name)+\" \"+_vm._s(`(${data.email})`)+\" \"),_c('div',{staticClass:\"bg-gray4 ml-1 p-px rounded-full text-white max-w-max items-center\",on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.selectCCTags(data, index, 'remove')}}},[_vm._m(2,true)])])])}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchForCCEmail),expression:\"searchForCCEmail\"}],staticClass:\"h-9 focus:outline-none focus:ring-blue-500 focus:border-blue-500 heading-4\",attrs:{\"autofocus\":\"\",\"autocomplete\":\"off\",\"type\":\"text\",\"id\":\"searchccemailTagId\"},domProps:{\"value\":(_vm.searchForCCEmail)},on:{\"focus\":function($event){return _vm.showCCDropdownList('users')},\"keyup\":[function($event){return _vm.keyUp('ccemail')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.onCCEnter.apply(null, arguments)}],\"keydown\":function($event){return _vm.checInputTab('ccemail')},\"blur\":function($event){_vm.scrollCount = 0; _vm.downPressCount = null},\"input\":[function($event){if($event.target.composing)return;_vm.searchForCCEmail=$event.target.value},function($event){_vm.emailErrorObj.SendccErr = ''}]}}),(_vm.emailErrorObj.SendccErr !== '')?_c('span',{staticClass:\"mt-2 heading-6 text-error\"},[_vm._v(_vm._s(_vm.emailErrorObj.SendccErr))]):_vm._e()],2)]),_c('span',{staticClass:\"mt-2 right-6\"},[(_vm.displayCCSelects)?_c('p',[_c('i',{staticClass:\"fas fa-chevron-up text-gray3 heading-5\"})]):_vm._e(),(!_vm.displayCCSelects)?_c('span',[_c('i',{staticClass:\"fas fa-chevron-down text-gray3 heading-5\"})]):_vm._e()])]),(_vm.displayCCSelects)?_c('div',{staticClass:\"absolute z-10 flex-col w-full max-h-64 h-auto bg-gray1 overflow-auto border heading-4 text-gray-800 border-gray-200 shadow-lg\",staticStyle:{\"overflow-x\":\"auto\"},attrs:{\"id\":\"ccemailLIst\"}},[_vm._l((_vm.ccEmailDropDownList),function(data,index){return _c('div',{key:index,class:`${_vm.downPressCount === index ? 'bg-info text-primary' : ''} flex shadow hover:bg-info items-center  cursor-pointer p-3 pl-2  border-b border-transparent border-l-2 relative hover:border-teal-100`,on:{\"click\":function($event){return _vm.selectCCTags(data, index, 'select')}}},[_vm._v(\" \"+_vm._s(data.name)+\" \"+_vm._s(`( ${data.email} )`)+\" \")])}),(_vm.searchForCCEmail)?_c('div',{staticClass:\"flex shadow hover:bg-gray-100 items-center cursor-pointer p-3 pl-2 border-b hover:bg-teal-100 border-transparent border-l-2 relative hover:border-teal-100\"},[_c('span',{staticClass:\"heading-6 text-gray3 mr-2\"},[_vm._v(\"Press Enter to select\")]),_c('span',{staticClass:\"border border-gray3 rounded-full px-2 py-px\"},[_vm._v(_vm._s(_vm.searchForCCEmail))])]):_vm._e()],2):_vm._e()])]):_vm._e(),(_vm.showBCCInput)?_c('div',[_c('div',{directives:[{name:\"click-outside\",rawName:\"v-click-outside\",value:(_vm.closeBccEList),expression:\"closeBccEList\"}],staticClass:\"px-2 relative\"},[_c('div',{class:`py-2 p-3 flex  ${_vm.displayBccSelects ? 'border-b border-primary' : 'border-b border-gray2'}`,on:{\"click\":function($event){return _vm.showBccDropdownList('users')}}},[_c('div',{staticClass:\"flex flex-auto flex-wrap\"},[_c('div',{staticClass:\"flex flex-wrap min-w-full\"},[_c('span',{staticClass:\"mt-2 mr-2\"},[_vm._v(\"BCC:\")]),_vm._l((_vm.bccEmaislList),function(data,index){return _c('div',{key:index},[_c('div',{class:`flex items-center text-xs mt-2 mx-1 ml-0 py-1 px-2 rounded-full border border-teal-300  ${data.validEmail === 'invalid' ? 'bg-error text-white' : 'bg-gray1 text-text1'} font-bold`},[_vm._v(\" \"+_vm._s(data.name)+\" \"+_vm._s(`(${data.email})`)+\" \"),_c('div',{staticClass:\"bg-gray4 ml-1 p-px rounded-full text-white max-w-max items-center\",on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.selectBccTags(data, index, 'remove')}}},[_vm._m(3,true)])])])}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchForBccEmail),expression:\"searchForBccEmail\"}],staticClass:\"h-9 focus:outline-none focus:ring-blue-500 focus:border-blue-500 heading-4\",attrs:{\"autofocus\":\"\",\"autocomplete\":\"off\",\"type\":\"text\",\"id\":\"searchBccemailTagId\"},domProps:{\"value\":(_vm.searchForBccEmail)},on:{\"focus\":function($event){return _vm.showBccDropdownList('users')},\"keyup\":[function($event){return _vm.keyUp('bccemail')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.onBccEnter.apply(null, arguments)}],\"blur\":function($event){_vm.scrollCount = 0; _vm.downPressCount = null},\"keydown\":function($event){return _vm.checInputTab('bccemail')},\"input\":[function($event){if($event.target.composing)return;_vm.searchForBccEmail=$event.target.value},function($event){_vm.emailErrorObj.SendBccErr = ''}]}}),(_vm.emailErrorObj.SendBccErr !== '')?_c('span',{staticClass:\"mt-2 heading-6 text-error\"},[_vm._v(_vm._s(_vm.emailErrorObj.SendBccErr))]):_vm._e()],2)]),_c('span',{staticClass:\"mt-2 right-6\"},[(_vm.displayBccSelects)?_c('p',[_c('i',{staticClass:\"fas fa-chevron-up text-gray3 heading-5\"})]):_vm._e(),(!_vm.displayBccSelects)?_c('span',[_c('i',{staticClass:\"fas fa-chevron-down text-gray3 heading-5\"})]):_vm._e()])]),(_vm.displayBccSelects)?_c('div',{staticClass:\"absolute z-10 flex-col w-full max-h-64 h-auto bg-gray1 overflow-auto border heading-4 text-gray-800 border-gray-200 shadow-lg\",staticStyle:{\"overflow-x\":\"auto\"},attrs:{\"id\":\"bccemailLIst\"}},[_vm._l((_vm.emailDropDownListBcc),function(data,index){return _c('div',{key:index,class:`${_vm.downPressCount === index ? 'bg-info text-primary' : ''} flex shadow hover:bg-info items-center  cursor-pointer p-3 pl-2  border-b border-transparent border-l-2 relative hover:border-teal-100`,on:{\"click\":function($event){return _vm.selectBccTags(data, index, 'select')}}},[_vm._v(\" \"+_vm._s(data.name)+\" \"+_vm._s(`( ${data.email} )`)+\" \")])}),(_vm.searchForBccEmail)?_c('div',{staticClass:\"flex shadow hover:bg-gray-100 items-center cursor-pointer p-3 pl-2 border-b hover:bg-teal-100 border-transparent border-l-2 relative hover:border-teal-100\"},[_c('span',{staticClass:\"heading-6 text-gray3 mr-2\"},[_vm._v(\"Press Enter to select\")]),_c('span',{staticClass:\"border border-gray3 rounded-full px-2 py-px\"},[_vm._v(_vm._s(_vm.searchForBccEmail))])]):_vm._e()],2):_vm._e()])]):_vm._e()]),_c('div',{staticClass:\"p-2 mt-4\"},[_c('p',{staticClass:\"mb-2\"},[_vm._v(\"Message:\")]),(!_vm.isDefault)?_c('Editor',{attrs:{\"error\":_vm.emailErrorObj.messageErr},model:{value:(_vm.editorText),callback:function ($$v) {_vm.editorText=$$v},expression:\"editorText\"}}):_vm._e(),(_vm.isDefault)?_c('div',{staticClass:\"pl-2 border border-gray2 rounded-xl p-2\"},[_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.editorText)}})]):_vm._e(),(_vm.emailErrorObj.messageErr)?_c('p',{staticClass:\"text-error heading-6 py-2\"},[_vm._v(\" Email message is required \")]):_vm._e()],1),(_vm.isDefault)?_c('div',{staticClass:\"p-2\"},[_c('div',{staticClass:\"text-error heading-5 font-semibold\"},[_vm._v(\"*If you want to change the Email content, you will have to create Email SMTP configuration by \"),_c('span',{staticClass:\"text-primary hover:underline cursor-pointer\",on:{\"click\":function($event){return _vm.routingTodata()}}},[_vm._v(\"clicking here\")])])]):_vm._e()])]),_c('div',{staticClass:\"sticky bottom-0 bg-white w-full flex justify-end pr-3\"},[_c('div',{staticClass:\"text-rigth flex gap-2 mb-3 pt-4\"},[_c('Button',{attrs:{\"btnSize\":'medium',\"textColor\":'text1',\"btnColor\":'gray1',\"btnText\":'Discard'},on:{\"buttonAction\":function($event){return _vm.discard(false)}}}),_c('Button',{attrs:{\"btnSize\":'medium',\"textColor\":'white',\"btnColor\":'success',\"btnText\":'Send Email'},on:{\"buttonAction\":function($event){return _vm.sendEmail(true)}}})],1)])])]),(_vm.isEmailFormat)?_c('ConfirmBox',{attrs:{\"warning\":true,\"message\":'One or more email(s) are invalid, please check and rectify email(s) in red color.',\"title\":'Error'}}):_vm._e()],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"bg-primary flex justify-between p-3\"},[_c('div',{staticClass:\"font-medium text-white heading-3\"},[_vm._v(\" Send Email \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"p-1 cursor-pointer\"},[_c('i',{staticClass:\"fa-solid fa-xmark\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"p-1 cursor-pointer\"},[_c('i',{staticClass:\"fa-solid fa-xmark\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"p-1 cursor-pointer\"},[_c('i',{staticClass:\"fa-solid fa-xmark\"})])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"popup_overlay\">\n    <div class=\"custom_dialog\" :style=\"`width: 100%; overflow: auto; height: 100vh`\">\n      <div class=\"relative\">\n        <div :style=\"`width: 100%;height:` + imageDivHeight2 + `px;overflow: auto`\">\n          <div class=\"bg-primary flex justify-between p-3\">\n            <div class=\" font-medium text-white heading-3\">\n              Send Email\n            </div>\n          </div>\n          <div class=\"\">\n            <div>\n              <div class=\"flex justify-end mt-4 pr-4\">\n                <p class=\"ma-0 pa-0 text-primary text-right\">\n                  <span class=\"mx-1 cursor-pointer\" @click=\"showCCInput = !showCCInput\">+CC</span>\n                  <span class=\"mx-1 cursor-pointer\" @click=\"showBCCInput = !showBCCInput\">+BCC</span>\n                </p>\n              </div>\n              <div class=\"w-full\">\n                <div v-if=\"isShowFromEmail\" v-click-outside=\"closeToFEList\" class=\"px-2 relative\">\n                  <div\n                    :class=\"`py-2 p-3 flex ${displayFromTagSelects ? 'border-b border-primary' : 'border-b border-gray2'}`\"\n                    @click.stop.passive=\"displayFromTagSelects = true\">\n                    <div class=\"flex flex-auto flex-wrap\">\n                      <div class=\"flex flex-wrap min-w-full\">\n                        <span class=\"mt-2 mr-2\">From:</span>\n                        <input readonly autocomplete=\"off\" @focus=\"displayFromTagSelects = true; backSpacecountfr = 0\"\n                         v-model=\"fromEmail\" \n                         @keyup=\"keyUpfr()\"\n                          v-on:keyup.enter=\"onEnterfr\"\n                          @blur=\"scrollCountFr = 0; downPressCountFr = null\" @keydown=\"checInputTabfr()\"\n                           type=\"text\" id=\"searchFemailFTagId\" \n                          class=\" h-9 focus:outline-none focus:ring-blue-500 focus:border-blue-500 heading-4 cursor-pointer\">\n                          <span class=\"mt-2 heading-6 text-error\" v-if=\"FromError !== ''\">{{ FromError }}</span>\n                          <span class=\"mt-2 heading-6 text-error\" v-if=\"fromEMailList.length < 1\">Please add email configuration first\n\n                            <span class=\"text-primary cursor-pointer\" @click=\"$router.push({name: 'EmailconfigurationAdd', params: {emailId: 0}})\"> Add Email Configuration</span>\n                          </span>\n                      </div>\n                    </div>\n                    <span class=\" mt-2 right-6 \">\n                      <p v-if=\"displayFromTagSelects\"><i class=\"fas fa-chevron-up text-gray3 heading-5\"></i></p>\n                      <span v-if=\"!displayFromTagSelects\"><i class=\"fas fa-chevron-down text-gray3 heading-5\"></i></span>\n                    </span>\n                  </div>\n                  <div id=\"fremailLIst\" v-if=\"displayFromTagSelects\"\n                    class=\"absolute z-10 flex-col  max-h-64 h-auto bg-gray1 overflow-auto border heading-4 text-gray-800 border-gray-200 shadow-lg\"\n                    style=\"overflow-x: auto; width: 99%\">\n                    <div v-for=\"(data, index) in fromEMailList\" :key=\"index\"\n                      @click.stop.prevent=\"selectFemail(data)\"\n                      :class=\"`${downPressCountfr !== null ? downPressCountfr === index ? 'bg-info text-primary' : '' : fromEmail === data.emailId ? 'bg-info text-primary' : '' } flex shadow hover:bg-info items-center  cursor-pointer p-3 pl-2  border-b border-transparent border-l-2 relative hover:border-teal-100`\">\n                      {{ data.emailId }}</div>\n                  </div>\n                </div>\n                <div v-click-outside=\"closeToEList\" class=\"px-2 relative\">\n                  <div\n                    :class=\"`py-2 p-3 flex ${displayTagSelects ? 'border-b border-primary' : 'border-b border-gray2'}`\"\n                    @click=\"showDropdownList('users')\">\n                    <div class=\"flex flex-auto flex-wrap\">\n                      <div class=\"flex flex-wrap min-w-full\">\n                        <span class=\"mt-2 mr-2\">To:</span>\n                        <div v-for=\"(data, index) in toemailList\" :key=\"index\" class=\"\">\n                          <div\n                            :class=\"`flex items-center text-xs mt-2 mx-1 ml-0 py-1 px-2 rounded-full border border-teal-300  ${data.validEmail === 'invalid' ? 'bg-error text-white' : 'bg-gray1 text-text1'} font-bold`\">\n                            {{ data.name }} {{ `(${data.email})` }}\n                            <div class=\"bg-gray4 ml-1 p-px rounded-full  text-white max-w-max items-center\"\n                              @click.stop.prevent=\"selectTags(data, index, 'remove')\">\n                              <span class=\"p-1 cursor-pointer\"><i class=\"fa-solid fa-xmark\"></i></span>\n                            </div>\n                          </div>\n                        </div>\n                        <input autofocus autocomplete=\"off\" @focus=\"showDropdownList('users')\" @keyup=\"keyUp('toemail')\"\n                          v-on:keyup.enter=\"onEnter\" v-model=\"searchForToEmail\"\n                          @blur=\"scrollCount = 0; downPressCount = null\" @keydown=\"checInputTab('toemail')\"\n                          @input=\"emailErrorObj.sendToErr = ''\" type=\"text\" id=\"searchemailTagId\"\n                          class=\" h-9 focus:outline-none focus:ring-blue-500 focus:border-blue-500 heading-4\">\n                        <span class=\"mt-2 heading-6 text-error\"\n                          v-if=\"emailErrorObj.sendToErr !== ''\">{{ emailErrorObj.sendToErr }}</span>\n                      </div>\n                    </div>\n                    <span class=\" mt-2 right-6 \">\n                      <p v-if=\"displayTagSelects\"><i class=\"fas fa-chevron-up text-gray3 heading-5\"></i></p>\n                      <span v-if=\"!displayTagSelects\"><i class=\"fas fa-chevron-down text-gray3 heading-5\"></i></span>\n                    </span>\n                  </div>\n                  <div id=\"toemailLIst\" v-if=\"displayTagSelects\"\n                    class=\"absolute z-10 flex-col  max-h-64 h-auto bg-gray1 overflow-auto border heading-4 text-gray-800 border-gray-200 shadow-lg\"\n                    style=\"overflow-x: auto; width: 99%\">\n                    <div v-for=\"(data, index) in toEmailDropDownList\" :key=\"index\"\n                      @click.stop.prevent=\"selectTags(data, index, 'select')\"\n                      :class=\"`${downPressCount === index ? 'bg-info text-primary' : ''} flex shadow hover:bg-info items-center  cursor-pointer p-3 pl-2  border-b border-transparent border-l-2 relative hover:border-teal-100`\">\n                      {{ data.name }} {{ `( ${data.email} )` }}\n                    </div>\n                    <div v-if=\"searchForToEmail\"\n                      :class=\"`flex shadow hover:bg-info items-center  cursor-pointer p-3 pl-2  border-b border-transparent border-l-2 relative hover:border-teal-100`\">\n                      <span class=\"heading-6 text-gray3 mr-2\">Press Enter to select</span>\n                      <span class=\" border border-gray3 rounded-full px-2 py-px\">{{ searchForToEmail }}</span>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div v-if=\"showCCInput\" class=\"w-full\">\n                <div v-click-outside=\"closeCCEList\" class=\"px-2 relative\">\n                  <div\n                    :class=\"`py-2 p-3 flex  ${displayCCSelects ? 'border-b border-primary' : 'border-b border-gray2'}`\"\n                    @click=\"showCCDropdownList('users')\">\n                    <div class=\"flex flex-auto flex-wrap\">\n                      <div class=\"flex flex-wrap min-w-full\">\n\n                        <span class=\"mt-2 mr-2\">CC:</span>\n                        <div v-for=\"(data, index) in ccemailList\" :key=\"index\" class=\"\">\n                          <div\n                            :class=\"`flex items-center text-xs mt-2 mx-1 ml-0 py-1 px-2 rounded-full border border-teal-300  ${data.validEmail === 'invalid' ? 'bg-error text-white' : 'bg-gray1 text-text1'} font-bold`\">\n                            {{ data.name }} {{ `(${data.email})` }}\n                            <div class=\"bg-gray4 ml-1 p-px rounded-full  text-white max-w-max items-center\"\n                              @click.stop.prevent=\"selectCCTags(data, index, 'remove')\">\n                              <!-- <i style=\"font-size: 18px;\" class=\"fas fa-times-circle cursor-pointer\" ></i> -->\n                              <span class=\"p-1 cursor-pointer\"><i class=\"fa-solid fa-xmark\"></i></span>\n                            </div>\n                          </div>\n                        </div>\n                        <input autofocus autocomplete=\"off\" @focus=\"showCCDropdownList('users')\" @keyup=\"keyUp('ccemail')\"\n                          @keydown=\"checInputTab('ccemail')\" @blur=\"scrollCount = 0; downPressCount = null\"\n                          v-on:keyup.enter=\"onCCEnter\" @input=\"emailErrorObj.SendccErr = ''\" v-model=\"searchForCCEmail\"\n                          type=\"text\" id=\"searchccemailTagId\"\n                          class=\" h-9 focus:outline-none focus:ring-blue-500 focus:border-blue-500 heading-4\">\n                        <span class=\"mt-2 heading-6 text-error\"\n                          v-if=\"emailErrorObj.SendccErr !== ''\">{{ emailErrorObj.SendccErr }}</span>\n                      </div>\n                    </div>\n                    <span class=\" mt-2 right-6 \">\n                      <p v-if=\"displayCCSelects\"><i class=\"fas fa-chevron-up text-gray3 heading-5\"></i></p>\n                      <span v-if=\"!displayCCSelects\"><i class=\"fas fa-chevron-down text-gray3 heading-5\"></i></span>\n                    </span>\n                  </div>\n                  <div id=\"ccemailLIst\" v-if=\"displayCCSelects\"\n                    class=\"absolute z-10 flex-col w-full max-h-64 h-auto bg-gray1 overflow-auto border heading-4 text-gray-800 border-gray-200 shadow-lg\"\n                    style=\"overflow-x: auto;\">\n                    <div v-for=\"(data, index) in ccEmailDropDownList\" :key=\"index\"\n                      @click=\"selectCCTags(data, index, 'select')\"\n                      :class=\"`${downPressCount === index ? 'bg-info text-primary' : ''} flex shadow hover:bg-info items-center  cursor-pointer p-3 pl-2  border-b border-transparent border-l-2 relative hover:border-teal-100`\">\n                      {{ data.name }} {{ `( ${data.email} )` }}\n                    </div>\n                    <div v-if=\"searchForCCEmail\"\n                      class=\"flex shadow hover:bg-gray-100 items-center  cursor-pointer p-3 pl-2  border-b hover:bg-teal-100 border-transparent border-l-2 relative hover:border-teal-100\">\n                      <span class=\"heading-6 text-gray3 mr-2\">Press Enter to select</span>\n                      <span class=\" border border-gray3 rounded-full px-2 py-px\">{{ searchForCCEmail }}</span>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <div v-if=\"showBCCInput\">\n                <div v-click-outside=\"closeBccEList\" class=\"px-2 relative\">\n                  <div\n                    :class=\"`py-2 p-3 flex  ${displayBccSelects ? 'border-b border-primary' : 'border-b border-gray2'}`\"\n                    @click=\"showBccDropdownList('users')\">\n                    <div class=\"flex flex-auto flex-wrap\">\n                      <div class=\"flex flex-wrap min-w-full\">\n\n                        <span class=\"mt-2 mr-2\">BCC:</span>\n                        <div v-for=\"(data, index) in bccEmaislList\" :key=\"index\" class=\"\">\n                          <div\n                            :class=\"`flex items-center text-xs mt-2 mx-1 ml-0 py-1 px-2 rounded-full border border-teal-300  ${data.validEmail === 'invalid' ? 'bg-error text-white' : 'bg-gray1 text-text1'} font-bold`\">\n                            {{ data.name }} {{ `(${data.email})` }}\n                            <div class=\"bg-gray4 ml-1 p-px rounded-full  text-white max-w-max items-center\"\n                              @click.stop.prevent=\"selectBccTags(data, index, 'remove')\">\n                              <!-- <i style=\"font-size: 18px;\" class=\"fas fa-times-circle cursor-pointer\" ></i> -->\n                              <span class=\"p-1 cursor-pointer\"><i class=\"fa-solid fa-xmark\"></i></span>\n                            </div>\n                          </div>\n                        </div>\n                        <input autofocus autocomplete=\"off\" @focus=\"showBccDropdownList('users')\"\n                          @keyup=\"keyUp('bccemail')\" @blur=\"scrollCount = 0; downPressCount = null\"\n                          @keydown=\"checInputTab('bccemail')\" v-on:keyup.enter=\"onBccEnter\"\n                          @input=\"emailErrorObj.SendBccErr = ''\" v-model=\"searchForBccEmail\" type=\"text\"\n                          id=\"searchBccemailTagId\"\n                          class=\" h-9 focus:outline-none focus:ring-blue-500 focus:border-blue-500 heading-4\">\n                        <span class=\"mt-2 heading-6 text-error\"\n                          v-if=\"emailErrorObj.SendBccErr !== ''\">{{ emailErrorObj.SendBccErr }}</span>\n                      </div>\n                    </div>\n                    <span class=\" mt-2 right-6 \">\n                      <p v-if=\"displayBccSelects\"><i class=\"fas fa-chevron-up text-gray3 heading-5\"></i></p>\n                      <span v-if=\"!displayBccSelects\"><i class=\"fas fa-chevron-down text-gray3 heading-5\"></i></span>\n                    </span>\n                  </div>\n                  <div id=\"bccemailLIst\" v-if=\"displayBccSelects\"\n                    class=\"absolute z-10 flex-col w-full max-h-64 h-auto bg-gray1 overflow-auto border heading-4 text-gray-800 border-gray-200 shadow-lg\"\n                    style=\"overflow-x: auto;\">\n                    <div v-for=\"(data, index) in emailDropDownListBcc\" :key=\"index\"\n                      @click=\"selectBccTags(data, index, 'select')\"\n                      :class=\"`${downPressCount === index ? 'bg-info text-primary' : ''} flex shadow hover:bg-info items-center  cursor-pointer p-3 pl-2  border-b border-transparent border-l-2 relative hover:border-teal-100`\">\n                      {{ data.name }} {{ `( ${data.email} )` }}\n                    </div>\n                    <div v-if=\"searchForBccEmail\"\n                      class=\"flex shadow hover:bg-gray-100 items-center  cursor-pointer p-3 pl-2  border-b hover:bg-teal-100 border-transparent border-l-2 relative hover:border-teal-100\">\n                      <span class=\"heading-6 text-gray3 mr-2\">Press Enter to select</span>\n                      <span class=\" border border-gray3 rounded-full px-2 py-px\">{{ searchForBccEmail }}</span>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"p-2 mt-4\">\n              <p class=\"mb-2\">Message:</p>\n              <Editor v-model=\"editorText\" v-if=\"!isDefault\" :error=\"emailErrorObj.messageErr\" />\n              <div v-if=\"isDefault\" class=\"pl-2 border border-gray2 rounded-xl p-2\">\n                <p v-html=\"editorText\"></p>\n              </div>\n              <p v-if=\"emailErrorObj.messageErr\" class=\"text-error heading-6 py-2\">\n                Email message is required\n              </p>\n            </div>\n            <div v-if=\"isDefault\" class=\"p-2\">\n              <div class=\"text-error heading-5 font-semibold\">*If you want to change the Email content, you will have to create Email SMTP configuration by <span @click=\"routingTodata()\" class=\"text-primary hover:underline cursor-pointer\">clicking here</span></div>\n            </div>\n          </div>\n        </div>\n        <div class=\" sticky bottom-0 bg-white w-full flex justify-end pr-3\">\n          <div class=\"text-rigth flex gap-2 mb-3 pt-4\">\n            <Button :btnSize=\"'medium'\" :textColor=\"'text1'\" :btnColor=\"'gray1'\" :btnText=\"'Discard'\"\n              @buttonAction=\"discard(false)\" />\n            <Button :btnSize=\"'medium'\" :textColor=\"'white'\" :btnColor=\"'success'\" :btnText=\"'Send Email'\"\n              @buttonAction=\"sendEmail(true)\" />\n          </div>\n        </div>\n      </div>\n    </div>\n    <ConfirmBox v-if=\"isEmailFormat\" :warning=\"true\"\n      :message=\"'One or more email(s) are invalid, please check and rectify email(s) in red color.'\" :title=\"'Error'\" />\n  </div>\n</template>\n<script>\nimport { validateEmail } from \"@/utils/validation.js\";\nimport MyJobApp from '@/api/MyJobApp.js'\nimport Button from '@/View/components/globalButton.vue'\nimport Editor from '@/View/components/editor.vue'\nimport ConfirmBox from '@/View/components/ConfirmBox.vue'\nimport Vue from 'vue'\nVue.directive('click-outside', {\n  bind: function (el, binding, vnode) {\n    el.clickOutsideEvent = function (event) {\n      // here I check that click was outside the el and his children\n      if (!(el === event.target || el.contains(event.target))) {\n        // and if it did, call method provided in attribute value\n        vnode.context[binding.expression](event)\n      }\n    }\n    document.body.addEventListener('click', el.clickOutsideEvent)\n  },\n  unbind: function (el) {\n    document.body.removeEventListener('click', el.clickOutsideEvent)\n  }\n})\nexport default {\n  name: 'sendEmail',\n  components: {\n    Button,\n    ConfirmBox,\n    Editor,\n  },\n  data() {\n    return {\n      isDefault: false,\n      isShowFromEmail: true,\n      imageDivHeight: window.innerHeight,\n      imageDivHeight2: window.innerHeight - 70,\n      scrollCount: null,\n      downPressCount: null,\n      backSpacecount: 0,\n      contentWidth: 0,\n      toemailList: [],\n      ccemailList: [],\n      bccEmaislList: [],\n      toEmailMainList: [],\n      ccEmailMainList: [],\n      bccEmailsMainList: [],\n      toEmailDropDownList: [],\n      ccEmailDropDownList: [],\n      emailDropDownListBcc: [],\n      displayTagSelects: false,\n      displayFromTagSelects: false,\n      displayCCSelects: false,\n      isEmailFormat: false,\n      showEmailSaveBtn: true,\n      displayBccSelects: false,\n      messageSectionShow: false,\n      showCCInput: false,\n      showBCCInput: false,\n      errorMsg: '',\n      searchForToEmail: '',\n      searchForCCEmail: '',\n      searchForBccEmail: '',\n      editorText: '',\n      emailErrorObj: {\n        sendToErr: '',\n        SendccErr: '',\n        SendBccErr: '',\n        messageErr: false\n      },\n      fromEmail: '',\n      fromName: '',\n      subject: '',\n      fromEMailList: [],\n      totalCount: 0,\n      FromError: '',\n       scrollCountfr: null,\n      downPressCountfr: null,\n      backSpacecountfr: 0,\n    }\n  },\n  props: ['entitySlug', 'detailId', 'customerId'],\n  created() {\n    window.addEventListener(\"resize\", this.resizeWindowHandler);\n  },\n  mounted() {\n    this.getEmilConfList()\n    this.searchContEmail()\n    if (window.innerWidth < 900) {\n      this.contentWidth = window.innerWidth - 150\n    }\n    this.$root.$on('confirmBoxHandler', () => {\n      document.body.style = 'overflow: visible;'\n      this.isEmailFormat = false\n    })\n  },\n  beforeDestroy() {\n    this.$root.$off('confirmBoxHandler')\n  },\n  watch: {\n    displayFromTagSelects: {\n      handler() {\n        if (this.displayFromTagSelects) {\n          this.displayTagSelects = false\n          this.displayCCSelects = false\n          this.displayBccSelects = false\n        }\n      }\n    },\n    showCCInput: {\n      handler() {\n        if (this.showCCInput) {\n          setTimeout(() => {\n            document.getElementById('searchccemailTagId').focus()\n          }, 500);\n        }\n      }\n    },\n    showBCCInput: {\n      handler() {\n        if (this.showBCCInput) {\n          setTimeout(() => {\n            document.getElementById('searchBccemailTagId').focus()\n          }, 500);\n        }\n      }\n    },\n    editorText: {\n      handler() {\n        if (this.editorText !== '') {\n          this.emailErrorObj.messageErr = false\n        }\n      }\n    },\n    searchForToEmail: {\n      handler() {\n        this.backSpacecount = 0\n        let filter = this.searchForToEmail.toLowerCase();\n        this.toEmailDropDownList = []\n        for (let index = 0; index < this.toEmailMainList.length; index++) {\n          if (this.searchForToEmail.toLowerCase().indexOf(filter) > -1 === this.toEmailMainList[index].name.toLowerCase().indexOf(filter) > -1) {\n            this.toEmailDropDownList.push(this.toEmailMainList[index])\n          }\n        }\n        this.toemailList.forEach(element => {\n          this.toEmailDropDownList.forEach((data, i) => {\n            if (element.email === data.email) {\n              this.toEmailDropDownList.splice(i, 1)\n            }\n          })\n        })\n      }\n    },\n    searchForCCEmail: {\n      handler() {\n        this.backSpacecount = 0\n        let filter = this.searchForCCEmail.toLowerCase();\n        this.ccEmailDropDownList = []\n        for (let index = 0; index < this.ccEmailMainList.length; index++) {\n          if (this.searchForCCEmail.toLowerCase().indexOf(filter) > -1 === this.ccEmailMainList[index].name.toLowerCase().indexOf(filter) > -1) {\n            this.ccEmailDropDownList.push(this.ccEmailMainList[index])\n          }\n        }\n        this.ccemailList.forEach(element => {\n          this.ccEmailDropDownList.forEach((data, i) => {\n            if (element.email === data.email) {\n              this.ccEmailDropDownList.splice(i, 1)\n            }\n          })\n        })\n      }\n    },\n    searchForBccEmail: {\n      handler() {\n        if (this.searchForBccEmail !== '') {\n          this.backSpacecount = 0\n        }\n        let filter = this.searchForBccEmail.toLowerCase();\n        this.emailDropDownListBcc = []\n        for (let index = 0; index < this.bccEmailsMainList.length; index++) {\n          if (this.searchForBccEmail.toLowerCase().indexOf(filter) > -1 === this.bccEmailsMainList[index].name.toLowerCase().indexOf(filter) > -1) {\n            this.emailDropDownListBcc.push(this.bccEmailsMainList[index])\n          }\n        }\n        this.bccEmaislList.forEach(element => {\n          this.emailDropDownListBcc.forEach((data, i) => {\n            if (element.email === data.email) {\n              this.emailDropDownListBcc.splice(i, 1)\n            }\n          })\n        })\n      }\n    },\n  },\n  methods: {\n    routingTodata () {\n      let url = this.$router.resolve({name: 'Emailconfiguration'})\n      window.open(url.href, '_blank')\n    },\n    searchContEmail() {\n      this.$store.dispatch('SetLoader', { status: true, message: 'Loading...' })\n      MyJobApp.searchContactEmail(\n        1000,\n        '',\n        this.customerId,\n        response => {\n          if (response.Data !== null) {\n            response.Data.map(data => {\n              if (data.emailAddress) {\n                let obj = {\n                  email: data.emailAddress,\n                  name: data.CompanyName,\n                }\n                if (this.customerId === data.CustomerId) {\n                  this.toemailList.push({\n                    email: data.emailAddress,\n                    name: data.CompanyName,\n                    validEmail: 'valid'\n                  })\n                } else {\n                this.toEmailMainList.push(obj)\n                this.ccEmailMainList.push(obj)\n                this.bccEmailsMainList.push(obj)\n                this.toEmailDropDownList.push(obj)\n                this.ccEmailDropDownList.push(obj)\n                this.emailDropDownListBcc.push(obj)\n                }\n                \n              }\n            })\n\n          }\n\n          this.$store.dispatch('SetLoader', { status: false, message: '' })\n        },\n        () => {\n          this.$store.dispatch('SetLoader', { status: false, message: '' })\n        }\n      )\n    },\n    discard(data) {\n      document.body.style = 'overflow: visible;'\n      this.$root.$emit('bookingConfirmationHandler', data)\n    },\n    getDefaultBodyData() {\n      this.$store.dispatch('SetLoader', { status: true, message: 'Loading Required Data....' })\n      MyJobApp.getSendBookConfData(\n        this.entitySlug,\n        this.detailId,\n        response => {\n          this.editorText = this.styleLinksInHtml(response.Data.defaultEmailBodyMessage);\n          // this.editorText = response.Data.defaultEmailBodyMessage\n          // this.fromEmail = response.Data.fromEmail\n          this.fromName = response.Data.fromName\n          this.subject = response.Data.emailSubject\n          if (this.fromEMailList.length === 0) {\n            this.isDefault = true\n            this.fromEmail = response.Data.fromEmail\n          } else {\n            this.isDefault = false\n          }\n          setTimeout(() => {\n            this.$store.dispatch('SetLoader', { status: false, message: '' })\n          }, 300);\n        },\n        error => {\n          this.$store.dispatch('SetLoader', { status: false, message: '' })\n          this.$store.dispatch('SetAlert', { showAlert: true, message: error.message, color: 'error' })\n        }\n      )\n    },\n    styleLinksInHtml(html) {\n      const parser = new DOMParser();\n      const doc = parser.parseFromString(html, 'text/html');\n      const links = doc.querySelectorAll('a');\n      links.forEach(link => {\n        link.style.cursor = 'pointer';\n        link.style.color = '#1295BA';\n        link.style.textDecoration = 'none';\n        link.addEventListener('mouseover', () => {\n          link.style.textDecoration = 'underline';\n        });\n        link.addEventListener('mouseout', () => {\n          link.style.textDecoration = 'none';\n        });\n      });\n      return new XMLSerializer().serializeToString(doc);\n    },\n    onEnter() {\n      if (this.downPressCount !== null && this.toEmailDropDownList.length > 0) {\n        for (let i = 0; i < this.toemailList.length; i++) {\n          if (this.toemailList[i].email === this.toEmailDropDownList[this.downPressCount].email) {\n            this.toemailList.splice(i, 1)\n            this.searchForToEmail = ''\n          }\n        }\n        this.toemailList.push(this.toEmailDropDownList[this.downPressCount])\n        this.toEmailDropDownList.splice(this.downPressCount, 1)\n        this.downPressCount = 0\n        this.scrollCount = 0\n      } else if (this.searchForToEmail !== '') {\n        for (let i = 0; i < this.toemailList.length; i++) {\n          if (this.toemailList[i].email === this.searchForToEmail.trim()) {\n            this.toemailList.splice(i, 1)\n            this.toemailList.push({\n              email: this.searchForToEmail,\n              name: this.searchForToEmail,\n              validEmail: validateEmail(this.searchForToEmail) ? 'valid' : 'invalid'\n            })\n            return\n          }\n        }\n        let obj = {\n          email: this.searchForToEmail,\n          name: this.searchForToEmail,\n          validEmail: validateEmail(this.searchForToEmail) ? 'valid' : 'invalid'\n        }\n        this.toemailList.push(obj)\n        // this.toEmailMainList.push(obj)\n      }\n      this.searchForToEmail = ''\n    },\n    onEnterfr() {\n      if (this.downPressCountfr !== null && this.fromEMailList.length > 0) {\n        this.fromEmail = this.fromEMailList[this.downPressCountfr].emailId\n        this.downPressCountfr = null\n        this.scrollCountfr = 0\n        this.displayFromTagSelects = false\n      }\n    },\n    closeToEList() {\n      setTimeout(() => {\n        this.displayTagSelects = false\n      }, 10);\n      if (this.searchForToEmail !== '') {\n        this.onEnter()\n      }\n    },\n    closeToFEList() {\n        setTimeout(() => {\n          this.displayFromTagSelects = false\n        }, 100);\n    },\n    closefrEList() {\n      setTimeout(() => {\n        this.displayFromTagSelects = false\n      }, 10);\n      if (this.fromEmail !== '') {\n        this.onEnterfr()\n      }\n    },\n    closeCCEList() {\n      setTimeout(() => {\n        this.displayCCSelects = false\n      }, 10);\n      if (this.searchForCCEmail !== '') {\n        this.onCCEnter()\n      }\n    },\n    closeBccEList() {\n      setTimeout(() => {\n        this.displayBccSelects = false\n      }, 10);\n      if (this.searchForBccEmail !== '') {\n        this.onBccEnter()\n      }\n    },\n    selectTags(data, index, fromCall) {\n      this.emailErrorObj.sendToErr = ''\n      this.displayTagSelects = true\n      if (fromCall === 'select') {\n        this.toemailList.push(data)\n        this.toEmailDropDownList.splice(index, 1)\n      }\n      if (fromCall === 'remove') {\n        // this.toEmailDropDownList.push(data)\n        // this.toemailList.splice(index, 1)  \n        let obj = this.toemailList.splice(index, 1)\n        this.toEmailDropDownList.push(obj[0])\n      }\n      setTimeout(() => {\n        document.getElementById('searchemailTagId').focus()\n      }, 10);\n\n    },\n    selectFemail(data) {\n      this.fromEmail = data.emailId\n      this.displayFromTagSelects = false\n      this.FromError = ''\n    },\n    showDropdownList() {\n      this.backSpacecount = 0\n      setTimeout(() => {\n        this.displayTagSelects = true\n        document.getElementById('searchemailTagId').focus()\n      }, 10);\n    },\n    onCCEnter() {\n      if (this.downPressCount !== null && this.ccEmailDropDownList.length > 0) {\n        for (let i = 0; i < this.ccemailList.length; i++) {\n          if (this.ccemailList[i].email === this.ccEmailDropDownList[this.downPressCount].email) {\n            this.ccemailList.splice(i, 1)\n            this.searchForToEmail = ''\n          }\n        }\n        this.ccemailList.push(this.ccEmailDropDownList[this.downPressCount])\n        this.ccEmailDropDownList.splice(this.downPressCount, 1)\n        this.downPressCount = 0\n        this.scrollCount = 0\n      } else if (this.searchForCCEmail !== '') {\n        for (let i = 0; i < this.ccemailList.length; i++) {\n          if (this.ccemailList[i].email === this.searchForCCEmail.trim()) {\n            this.ccemailList.splice(i, 1)\n            this.ccemailList.push({\n              name: this.searchForCCEmail,\n              email: this.searchForCCEmail,\n              validEmail: validateEmail(this.searchForCCEmail) ? 'valid' : 'invalid'\n            })\n            this.searchForCCEmail = ''\n            return\n          }\n        }\n        let obj = {\n          email: this.searchForCCEmail,\n          name: this.searchForCCEmail,\n          validEmail: validateEmail(this.searchForCCEmail) ? 'valid' : 'invalid'\n        }\n        this.ccemailList.push(obj)\n      }\n      this.searchForCCEmail = ''\n    },\n    onBccEnter() {\n      if (this.downPressCount !== null && this.emailDropDownListBcc.length > 0) {\n        for (let i = 0; i < this.bccEmaislList.length; i++) {\n          if (this.bccEmaislList[i].email === this.emailDropDownListBcc[this.downPressCount].email) {\n            this.bccEmaislList.splice(i, 1)\n            this.searchForToEmail = ''\n          }\n        }\n        this.bccEmaislList.push(this.emailDropDownListBcc[this.downPressCount])\n        this.emailDropDownListBcc.splice(this.downPressCount, 1)\n        this.downPressCount = 0\n        this.scrollCount = 0\n      } else if (this.searchForBccEmail !== '') {\n        for (let i = 0; i < this.bccEmaislList.length; i++) {\n          if (this.bccEmaislList[i].email === this.searchForBccEmail.trim()) {\n            this.bccEmaislList.splice(i, 1)\n            this.bccEmaislList.push({\n              name: this.searchForBccEmail,\n              email: this.searchForBccEmail,\n              validEmail: validateEmail(this.searchForBccEmail) ? 'valid' : 'invalid'\n            })\n            this.searchForBccEmail = ''\n            return\n          }\n        }\n        let obj = {\n          email: this.searchForBccEmail,\n          name: this.searchForBccEmail,\n          validEmail: validateEmail(this.searchForBccEmail) ? 'valid' : 'invalid'\n        }\n        this.bccEmaislList.push(obj)\n        // this.bccEmailsMainList.push(obj)\n      }\n      this.searchForBccEmail = ''\n    },\n    selectCCTags(data, index, fromCall) {\n      this.displayCCSelects = true\n      if (fromCall === 'select') {\n        this.ccemailList.push(data)\n        this.ccEmailDropDownList.splice(index, 1)\n      }\n      if (fromCall === 'remove') {\n        // this.ccEmailDropDownList.push(data)\n        // this.ccemailList.splice(index, 1)  \n        let obj = this.ccemailList.splice(index, 1)\n        this.ccEmailDropDownList.push(obj[0])\n      }\n      setTimeout(() => {\n        document.getElementById('searchccemailTagId').focus()\n      }, 10);\n\n    },\n    selectBccTags(data, index, fromCall) {\n      this.displayBccSelects = true\n      if (fromCall === 'select') {\n        this.bccEmaislList.push(data)\n        this.emailDropDownListBcc.splice(index, 1)\n      }\n      if (fromCall === 'remove') {\n        // this.emailDropDownListBcc.push(data)\n        // this.bccEmaislList.splice(index, 1)  \n        let obj = this.bccEmaislList.splice(index, 1)\n        this.emailDropDownListBcc.push(obj[0])\n      }\n      setTimeout(() => {\n        document.getElementById('searchBccemailTagId').focus()\n      }, 10);\n\n    },\n    showCCDropdownList() {\n      this.backSpacecount = 0\n      setTimeout(() => {\n        this.displayCCSelects = true\n        document.getElementById('searchccemailTagId').focus()\n      }, 10);\n    },\n    showBccDropdownList() {\n      console.log('emailDropDownListBcc---', this.emailDropDownListBcc);\n      console.log('bccEmailsMainList---', this.bccEmailsMainList);\n      this.backSpacecount = 0\n      setTimeout(() => {\n        this.displayBccSelects = true\n        document.getElementById('searchBccemailTagId').focus()\n      }, 10);\n    },\n    resizeWindowHandler() {\n      if (window.innerWidth < 900) {\n        this.contentWidth = window.innerWidth - 150\n      }\n    },\n    sendEmail() {\n      let isvalid = true\n      if (this.fromEmail === '') {\n        this.FromError = 'Please select from email'\n        isvalid = false\n      }\n      if (this.toemailList.length > 0) {\n        for (let r = 0; r < this.toemailList.length; r++) {\n          if (!validateEmail(this.toemailList[r].email)) {\n            this.isEmailFormat = true\n            this.errorMsg = 'One or more email(s) are invalid, please check and rectify email(s) in red color'\n            isvalid = false\n            return false\n          }\n        }\n      }\n      if (this.ccemailList.length > 0 && this.showCCInput) {\n        for (let r = 0; r < this.ccemailList.length; r++) {\n          if (!validateEmail(this.ccemailList[r].email)) {\n            this.isEmailFormat = true\n            this.errorMsg = 'One or more email(s) are invalid, please check and rectify email(s) in red color'\n            isvalid = false\n            return false\n          }\n        }\n      }\n      if (this.bccEmaislList.length > 0 && this.showBCCInput) {\n        for (let r = 0; r < this.bccEmaislList.length; r++) {\n          if (!validateEmail(this.bccEmaislList[r].email)) {\n            this.isEmailFormat = true\n            this.errorMsg = 'One or more email(s) are invalid, please check and rectify email(s) in red color'\n            isvalid = false\n            return false\n          }\n        }\n      }\n      if (this.editorText === '' || this.toemailList.length === 0) {\n        this.emailErrorObj.sendToErr = this.toemailList.length === 0 ? 'Please select email address or enter email address' : ''\n        this.emailErrorObj.messageErr = this.editorText === '' ? true : ''\n        isvalid = false\n      }\n\n      if (isvalid) {\n        this.$store.dispatch('SetLoader', { status: true, message: 'Loading....' })\n        MyJobApp.emailSendBokkconf(\n          this.toemailList,\n          this.ccemailList,\n          this.bccEmaislList,\n          this.editorText,\n          this.fromEmail,\n          this.fromName,\n          this.subject,\n          this.customerId,\n          this.isDefault,\n          response => {\n            document.body.style = 'overflow: visible;'\n            this.discard(true)\n            this.$store.dispatch('SetAlert', { showAlert: true, message: response.message, color: 'success' })\n            this.$store.dispatch('SetLoader', { status: false, message: '' })\n          },\n          error => {\n            this.$store.dispatch('SetAlert', { showAlert: true, message: error.message, color: 'error' })\n            this.$store.dispatch('SetLoader', { status: false, message: '' })\n          }\n        )\n      }\n    },\n    checInputTab(fromCall) {\n      if (fromCall === 'toemail') {\n        let documentvalue = document.getElementById(`searchemailTagId`)\n        documentvalue.onkeydown = this.checkeydownToEmail();\n      }\n      if (fromCall === 'ccemail') {\n        let documentvalue = document.getElementById(`searchccemailTagId`)\n        documentvalue.onkeydown = this.checkeydownCcEmail();\n      }\n      if (fromCall === 'bccemail') {\n        let documentvalue = document.getElementById(`searchBccemailTagId`)\n        documentvalue.onkeydown = this.checkeydownBccEmail();\n      }\n    },\n    checInputTabfr() {\n      let documentvalue = document.getElementById(`searchFemailFTagId`)\n        documentvalue.onkeydown = this.checkeydownFromEmail();\n    },\n    downArrowAction(from) {\n      if (from == 'to') {\n        if (this.toEmailDropDownList.length - 1 > this.downPressCount && this.downPressCount !== null) {\n          this.downPressCount = this.downPressCount + 1\n          this.scrollCount = this.scrollCount + 52\n          document.getElementById(`toemailLIst`).scrollTop = this.scrollCount\n        }\n        if (this.downPressCount === null) {\n          this.downPressCount = 0\n\n          this.scrollCount = 0\n          document.getElementById(`toemailLIst`).scrollTop = this.scrollCount\n        }\n      }\n      if (from == 'cc') {\n        if (this.ccEmailDropDownList.length - 1 > this.downPressCount && this.downPressCount !== null) {\n          this.downPressCount = this.downPressCount + 1\n          this.scrollCount = this.scrollCount + 52\n          document.getElementById(`ccemailLIst`).scrollTop = this.scrollCount\n        }\n        if (this.downPressCount === null) {\n          this.downPressCount = 0\n\n          this.scrollCount = 0\n          document.getElementById(`ccemailLIst`).scrollTop = this.scrollCount\n        }\n      }\n      if (from == 'bcc') {\n        if (this.emailDropDownListBcc.length - 1 > this.downPressCount && this.downPressCount !== null) {\n          this.downPressCount = this.downPressCount + 1\n          this.scrollCount = this.scrollCount + 52\n          document.getElementById(`bccemailLIst`).scrollTop = this.scrollCount\n        }\n        if (this.downPressCount === null) {\n          this.downPressCount = 0\n\n          this.scrollCount = 0\n          document.getElementById(`bccemailLIst`).scrollTop = this.scrollCount\n        }\n      }\n      if (from == 'fr') {\n        if (this.fromEMailList.length - 1 > this.downPressCountfr && this.downPressCountfr !== null) {\n          this.downPressCountfr = this.downPressCountfr + 1\n          this.scrollCountfr = this.scrollCountfr + 52\n          document.getElementById(`fremailLIst`).scrollTop = this.scrollCountfr\n        }\n        if (this.downPressCountfr === null) {\n          this.downPressCountfr = 0\n\n          this.scrollCountfr = 0\n          document.getElementById(`fremailLIst`).scrollTop = this.scrollCountfr\n        }\n      }\n    },\n    upArrowAction(from) {\n      if (from === 'to') {\n        if (this.downPressCount > 0 && this.scrollCount > 0) {\n          this.downPressCount = this.downPressCount - 1\n          this.scrollCount = this.scrollCount - 52\n          document.getElementById(`toemailLIst`).scrollTop = this.scrollCount !== null ? this.scrollCount : 0\n        }\n      }\n      if (from === 'cc') {\n        if (this.downPressCount > 0 && this.scrollCount > 0) {\n          this.downPressCount = this.downPressCount - 1\n          this.scrollCount = this.scrollCount - 52\n          document.getElementById(`ccemailLIst`).scrollTop = this.scrollCount !== null ? this.scrollCount : 0\n        }\n      }\n      if (from === 'bcc') {\n        if (this.downPressCount > 0 && this.scrollCount > 0) {\n          this.downPressCount = this.downPressCount - 1\n          this.scrollCount = this.scrollCount - 52\n          document.getElementById(`bccemailLIst`).scrollTop = this.scrollCount !== null ? this.scrollCount : 0\n        }\n      }\n      if (from === 'fr') {\n        if (this.downPressCountfr > 0 && this.scrollCountfr > 0) {\n          this.downPressCountfr = this.downPressCountfr - 1\n          this.scrollCountfr = this.scrollCountfr - 52\n          document.getElementById(`fremailLIst`).scrollTop = this.scrollCountfr !== null ? this.scrollCountfr : 0\n        }\n      }\n\n    },\n    checkeydownFromEmail(e) {\n      e = e || window.event;\n      if (e.keyCode === 9) {\n        this.closefrEList()\n      }\n      if (e.keyCode === 40) {\n        this.downArrowAction('fr')\n      }\n      if (e.keyCode === 38) {\n        this.upArrowAction('fr')\n      }\n    },\n    checkeydownToEmail(e) {\n      e = e || window.event;\n      if (e.keyCode === 9) {\n        this.closeToEList()\n      }\n      if (e.keyCode === 40) {\n        this.downArrowAction('to')\n      }\n      if (e.keyCode === 38) {\n        this.upArrowAction('to')\n      }\n    },\n    checkeydownCcEmail(e) {\n      e = e || window.event;\n      if (e.keyCode === 9) {\n        this.closeCCEList()\n      }\n      if (e.keyCode === 40) {\n        this.downArrowAction('cc')\n      }\n      if (e.keyCode === 38) {\n        this.upArrowAction('cc')\n      }\n    },\n    checkeydownBccEmail(e) {\n      e = e || window.event;\n      if (e.keyCode === 9) {\n        this.closeBccEList()\n      }\n      if (e.keyCode === 40) {\n        this.downArrowAction('bcc')\n      }\n      if (e.keyCode === 38) {\n        this.upArrowAction('bcc')\n      }\n    },\n    checkKeyfrMail(e) {\n      e = e || window.event;\n      if (e.keyCode === 8) {\n        if (this.fromEmail === '') {\n          this.backSpacecountfr = this.backSpacecountfr + 1\n        }\n      }\n    },\n    checkKeyToMail(e) {\n      e = e || window.event;\n      if (e.keyCode === 8) {\n        if (this.searchForToEmail === '') {\n          this.backSpacecount = this.backSpacecount + 1\n        }\n        if (this.backSpacecount === 2 && this.toemailList.length > 0) {\n          let data = this.toemailList.pop()\n          this.toEmailDropDownList.push(data)\n          for (let i = 0; i < this.toEmailMainList.length; i++) {\n            if (this.toEmailMainList[i].email === data.email) {\n              this.toEmailMainList.splice(i, 1)\n              this.toEmailMainList.push({\n                email: data.email,\n                name: data.name,\n              })\n              return\n            }\n          }\n          this.toEmailMainList.push(data)\n        }\n        this.backSpacecount = 1\n      }\n    },\n    checkKeyCcMail(e) {\n      e = e || window.event;\n      if (e.keyCode === 8) {\n        if (this.searchForCCEmail === '') {\n          this.backSpacecount = this.backSpacecount + 1\n        }\n        if (this.backSpacecount === 2 && this.ccemailList.length > 0) {\n          let data = this.ccemailList.pop()\n          this.ccEmailDropDownList.push(data)\n          for (let i = 0; i < this.ccEmailMainList.length; i++) {\n            if (this.ccEmailMainList[i].email === data.email) {\n              this.ccEmailMainList.splice(i, 1)\n              this.ccEmailMainList.push({\n                email: data.email,\n                name: data.name,\n              })\n              return\n            }\n          }\n          this.ccEmailMainList.push(data)\n        }\n        this.backSpacecount = 1\n      }\n    },\n    checkKeyBccMail(e) {\n      e = e || window.event;\n      if (e.keyCode === 8) {\n        if (this.searchForBccEmail === '') {\n          this.backSpacecount = this.backSpacecount + 1\n        }\n        if (this.backSpacecount === 2 && this.bccEmaislList.length > 0) {\n          let data = this.bccEmaislList.pop()\n          this.emailDropDownListBcc.push(data)\n\n\n          for (let i = 0; i < this.bccEmailsMainList.length; i++) {\n            if (this.bccEmailsMainList[i].email === data.email) {\n              this.bccEmailsMainList.splice(i, 1)\n              this.bccEmailsMainList.push({\n                email: data.email,\n                name: data.name,\n              })\n              return\n            }\n          }\n          this.bccEmailsMainList.push(data)\n        }\n        this.backSpacecount = 1\n      }\n    },\n    keyUp(fromCall) {\n      if (fromCall === 'toemail') {\n        let documentvalue = document.getElementById(`searchemailTagId`)\n        documentvalue.onkeydown = this.checkKeyToMail();\n      }\n      if (fromCall === 'ccemail') {\n        let documentvalue = document.getElementById(`searchccemailTagId`)\n        documentvalue.onkeydown = this.checkKeyCcMail();\n      }\n      if (fromCall === 'bccemail') {\n        let documentvalue = document.getElementById(`searchBccemailTagId`)\n        documentvalue.onkeydown = this.checkKeyBccMail();\n      }\n    },\n    keyUpfr() {\n      let documentvalue = document.getElementById(`searchFemailFTagId`)\n        documentvalue.onkeydown = this.checkKeyfrMail();\n    },\n    getEmilConfList () {\n      this.$store.dispatch('SetLoader', {status: true, message: 'Loading...'})\n      MyJobApp.EmailConfList(\n          0,\n          100,\n          '',\n          'addedDate',\n          'DESC',\n          true,\n          response => {\n            this.fromEMailList = response.Data.tableRow !== null ? response.Data.tableRow : []\n            this.totalCount = response.Data.count\n            if (this.fromEMailList.length === 1) {\n              this.fromEmail = this.fromEMailList[0].emailId\n            }\n            if (this.fromEMailList.length === 0) {\n              this.isShowFromEmail = false\n              this.isDefault = true\n            } else {\n              this.isDefault = false\n              this.isShowFromEmail = true\n            }\n            this.$store.dispatch('SetLoader', {status: false, message: ''})\n            this.getDefaultBodyData()\n          },\n          () => {\n            this.resetPaginationValues = false\n            this.$store.dispatch('SetLoader', {status: false, message: ''})\n          }\n        )\n    },\n  },\n}\n</script>\n<style scoped>\n</style>","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!./SendBokkingCon.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!./SendBokkingCon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SendBokkingCon.vue?vue&type=template&id=30cb8edb&scoped=true&\"\nimport script from \"./SendBokkingCon.vue?vue&type=script&lang=js&\"\nexport * from \"./SendBokkingCon.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  \"30cb8edb\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}