{"version":3,"sources":["webpack:///./src/View/setting/twilio/listing.vue","webpack:///src/View/setting/twilio/listing.vue","webpack:///./src/View/setting/twilio/listing.vue?d674","webpack:///./src/View/setting/twilio/listing.vue?b837","webpack:///./src/View/setting/twilio/listing.vue?10a2"],"names":["render","_vm","this","_c","_self","staticClass","_m","class","mobileView","_v","twilioCOnfList","length","attrs","on","$event","selectNumber","_e","twilioConfigurationId","openDetail","_s","configLabel","_f","phoneNumber","isActive","accountSid","appSid","messagingServiceSid","twilioConfPopup","staticStyle","addNumberObject","nameErr","data","numErr","checkContactNumber","accSidErr","appSIDErr","msgSerErr","directives","name","rawName","value","expression","domProps","Array","isArray","_i","$$a","$$el","target","$$c","checked","$$v","$$i","$set","concat","slice","clickOnBtn","saveAPI","staticRenderFns","components","NoRecords","TextField","NumberInput","Button","apiKeyErr","apiSecretErr","apiKey","apiSecret","twimalAppId","created","window","mounted","methods","resizeWindowHandler","isvalid","status","message","MyJobApp","response","showAlert","color","error","getTwilioListing","err","beforeDestroy","component"],"mappings":"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ACA,MACA,6CACA,oEACA,oEACA,kEACA,0DACA,0DACA,gEACA,oFACA,oEACA,+DAEA,yBAEAkB,qBACA,uDAGA,YADA,EACA,oCAEA,IAGAwB,UACA,SACA,wCACA,gCACAiB,MAEA,wCACA,uCACAA,MAEA,mBACAA,MAEA,uCACA,yCACAA,MAEA,mCACA,qCACAA,MAUA,gDACA,mDACAA,MAEA,IACA,kCAAAC,UAAAC,2BACAC,wBACA,qBACAC,IACA,wBACA,wBACA,iCAAAC,aAAAH,kBAAAI,kBACA,kCAAAL,UAAAC,cAEAK,IACA,iCAAAF,aAAAH,kBAAAI,gBACA,kCAAAL,UAAAC,iBAKApB,aACA,6CACA,oCACA,oCACA,mCACA,+BACA,+BACA,kCACA,4CACA,gBACA,eACA,kBACA,kBACA,kBACA,qBACA,kBACA,yBAEA0B,mBACA,kCAAAP,UAAAC,uBACAC,qBACA,EACA,GACA,GACA,GACA,GACA,GACAC,IACA,8DACA,kCAAAH,UAAAC,cAEAO,IACA,iCAAAJ,aAAAH,kBAAAI,gBACA,kCAAAL,UAAAC,iBAKAQ,mBC3V+W,I,wBCQ3WC,EAAY,eACd,EACArF,EACA0D,GACA,EACA,KACA,WACA,MAIa,aAAA2B,E,2CCnBf","file":"js/chunk-5e59d802.3d60d99f.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mt-4\"},[_vm._m(0),_c('div',{staticClass:\"flex justify-center\"},[_c('div',{staticClass:\"sm:w-full w-full lg:w-1/2 xl:w-1/2 2xl:w-1/2\"},[_c('div',{staticClass:\"text-gray3 mb-4 card rounded-xl bg-white p-4 my-4\"},[_c('div',{staticClass:\"flex items-center justify-between\"},[_c('div',{staticClass:\"text-text2\",class:_vm.mobileView ? 'heading-5' : 'heading-3'},[_vm._v(\"● Twilio Configuration:\")]),_c('div',[(_vm.twilioCOnfList.length === 0)?_c('Button',{staticClass:\"ml-2\",attrs:{\"btnSize\":'medium',\"textColor\":'white',\"btnColor\":'primary',\"btnText\":'Add Number'},on:{\"buttonAction\":function($event){return _vm.selectNumber(0)}}}):_vm._e(),(_vm.twilioCOnfList.length > 0)?_c('div',{staticClass:\"text-white heading-4 cursor-pointer bg-primary px-2.5 py-1 rounded-xl\",on:{\"click\":function($event){return _vm.selectNumber(_vm.twilioCOnfList[0].twilioConfigurationId)}}},[_c('i',{staticClass:\"fa-solid fa-pen-to-square\"})]):_vm._e()],1)]),(_vm.twilioCOnfList.length > 0)?_c('div',{staticClass:\"pb-0 mt-8\"},[_c('div',{staticClass:\"relative\",on:{\"click\":function($event){_vm.openDetail= !_vm.openDetail}}},[_c('div',{staticClass:\"card rounded-xl bg-white p-3 cursor-pointer relative border-t border-gray-100\"},[_c('div',{staticClass:\"text-text1 flex justify-between\"},[_c('p',{staticClass:\"pl-4\"},[_vm._v(_vm._s(_vm.twilioCOnfList[0].configLabel))]),_c('p',[_vm._v(_vm._s(_vm._f(\"formatPhoneNumber\")(_vm.twilioCOnfList[0].phoneNumber)))])]),_c('div',{staticClass:\"pr-2 absolute left-1 top-3\"},[(_vm.twilioCOnfList[0].isActive)?_c('span',{staticClass:\"text-success heading-7 pl-1 rounded-full\"},[_c('i',{staticClass:\"fa-solid fa-circle\"})]):_vm._e(),(!_vm.twilioCOnfList[0].isActive)?_c('p',{staticClass:\"text-error heading-7 pl-1 rounded-full\"},[_c('i',{staticClass:\"fa-solid fa-circle\"})]):_vm._e()]),(_vm.openDetail)?_c('div',{staticClass:\"card rounded-xl bg-white p-3 cursor-pointer relative\"},[_c('div',{staticClass:\"flex items-center\"},[_c('p',{staticClass:\"text-gray4 cardWidth\"},[_vm._v(\"Acc. SID\")]),_c('p',{staticClass:\"pr-2\"},[_vm._v(\":\")]),_c('p',{staticClass:\"text-text2\"},[_vm._v(_vm._s(_vm.twilioCOnfList[0].accountSid))])]),_c('div',{staticClass:\"flex items-center\"},[_c('p',{staticClass:\"text-gray4 cardWidth\"},[_vm._v(\"Acc. AuthToken\")]),_c('p',{staticClass:\"pr-2\"},[_vm._v(\":\")]),_c('p',{staticClass:\"text-text2\"},[_vm._v(_vm._s(_vm.twilioCOnfList[0].appSid))])]),_c('div',{staticClass:\"flex items-center\"},[_c('p',{staticClass:\"text-gray4 cardWidth\"},[_vm._v(\"Msg. Service SID\")]),_c('p',{staticClass:\"pr-2\"},[_vm._v(\":\")]),_c('p',{staticClass:\"text-text2\"},[_vm._v(_vm._s(_vm.twilioCOnfList[0].messagingServiceSid))])])]):_vm._e()])])]):_c('div',[_c('NoRecords',{attrs:{\"alertMessage\":`No record found.`}})],1)])]),(_vm.twilioConfPopup)?_c('div',{staticClass:\"popup_overlay relative px-4\"},[_c('div',{staticClass:\"custom_dialog rounded-xl h-min\",staticStyle:{\"width\":\"800px\",\"max-height\":\"87vh\",\"overflow\":\"auto\"}},[_c('div',{staticClass:\"bg-primary flex justify-between p-3 sticky top-0 z-10\"},[_c('p',{staticClass:\"heading-4 text-white\"},[_vm._v(_vm._s(_vm.addNumberObject.twilioConfigurationId > 0 ? 'Edit Twilio Configuration' : 'Add Twilio Configuration'))])]),_c('div',{staticClass:\"flex p-2 m-2 text-error bg-red-100 rounded-lg items-center\",attrs:{\"role\":\"alert\"}},[_c('svg',{staticClass:\"flex-shrink-0 inline w-5 h-5 mr-3\",attrs:{\"aria-hidden\":\"true\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 20 20\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"d\":\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z\",\"clip-rule\":\"evenodd\"}})]),_c('div',[_c('p',{staticClass:\"font-medium heading-6\"},[_vm._v(\"Please be cautious to \"+_vm._s(_vm.addNumberObject.twilioConfigurationId > 0 ? 'change' : 'add')+\" the values, in case of incorrect values the functionality may break.\")])])]),_c('div',{staticClass:\"p-4 grid lg:grid-cols-2 gap-2\"},[_c('div',[_c('TextField',{attrs:{\"inputId\":'TwilName',\"showcharLimit\":false,\"inputext\":_vm.addNumberObject.configLabel,\"placholderText\":`Config Label`,\"lableText\":'Config Label',\"autoFocus\":false,\"fieldError\":_vm.nameErr !== ''},on:{\"keyPressAction\":function($event){_vm.nameErr = ''},\"inputChangeAction\":(data) => _vm.addNumberObject.configLabel = data}}),_c('p',{staticClass:\"text-error heading-7\"},[_vm._v(_vm._s(_vm.nameErr))])],1),_c('div',[_c('NumberInput',{attrs:{\"inputId\":'TwilNumber',\"showcharLimit\":false,\"textMaxlength\":12,\"inputext\":_vm.addNumberObject.phoneNumber,\"placholderText\":`Phone Number`,\"lableText\":'Phone Number',\"autoFocus\":false,\"fieldError\":_vm.numErr !== ''},on:{\"keyPressAction\":function($event){_vm.numErr = ''},\"blurAction\":function($event){return _vm.checkContactNumber()},\"inputChangeAction\":(data) => _vm.addNumberObject.phoneNumber = data}}),_c('p',{staticClass:\"text-error heading-7\"},[_vm._v(_vm._s(_vm.numErr))])],1),_c('div',[_c('TextField',{attrs:{\"inputId\":'TwilSid',\"showcharLimit\":false,\"inputext\":_vm.addNumberObject.accountSid,\"placholderText\":`Account SID`,\"lableText\":'Account SID',\"autoFocus\":false,\"fieldError\":_vm.accSidErr !== ''},on:{\"keyPressAction\":function($event){_vm.accSidErr = ''},\"inputChangeAction\":(data) => _vm.addNumberObject.accountSid = data}}),_c('p',{staticClass:\"text-error heading-7\"},[_vm._v(_vm._s(_vm.accSidErr))])],1),_c('div',[_c('TextField',{attrs:{\"inputId\":'TwilAuth',\"showcharLimit\":false,\"inputext\":_vm.addNumberObject.appSid,\"placholderText\":`Account AuthToken`,\"lableText\":'Account AuthToken',\"autoFocus\":false,\"fieldError\":_vm.appSIDErr !== ''},on:{\"keyPressAction\":function($event){_vm.appSIDErr = ''},\"inputChangeAction\":(data) => _vm.addNumberObject.appSid = data}}),_c('p',{staticClass:\"text-error heading-7\"},[_vm._v(_vm._s(_vm.appSIDErr))])],1),_c('div',[_c('TextField',{attrs:{\"inputId\":'mesSerSid',\"showcharLimit\":false,\"inputext\":_vm.addNumberObject.messagingServiceSid,\"placholderText\":`Messaging Service SID`,\"lableText\":'Messaging Service SID',\"autoFocus\":false,\"fieldError\":_vm.msgSerErr !== ''},on:{\"keyPressAction\":function($event){_vm.msgSerErr = ''},\"inputChangeAction\":(data) => _vm.addNumberObject.messagingServiceSid = data}}),_c('p',{staticClass:\"text-error heading-7\"},[_vm._v(_vm._s(_vm.msgSerErr))])],1)]),_c('div',{staticClass:\"flex items-center px-4\"},[_c('label',{staticClass:\"cu_switch cursor-pointer mr-3\",class:!_vm.addNumberObject.isActive ? 'ml-2' : ''},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.addNumberObject.isActive),expression:\"addNumberObject.isActive\"}],attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.addNumberObject.isActive)?_vm._i(_vm.addNumberObject.isActive,null)>-1:(_vm.addNumberObject.isActive)},on:{\"change\":function($event){var $$a=_vm.addNumberObject.isActive,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.addNumberObject, \"isActive\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.addNumberObject, \"isActive\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.addNumberObject, \"isActive\", $$c)}}}}),_c('span',{staticClass:\"cu_slider cu_round\"})]),_c('p',{staticClass:\"text-gray3 pl-1 cursor-pointer\",on:{\"click\":function($event){_vm.addNumberObject.isActive = !_vm.addNumberObject.isActive}}},[_vm._v(_vm._s(_vm.addNumberObject.isActive ? 'Number is Active' : 'Number is Inactive'))])]),_c('div',{staticClass:\"flex gap-2 justify-end p-3\"},[_c('Button',{attrs:{\"btnSize\":'medium',\"textColor\":'text1',\"btnColor\":'gray1',\"btnText\":'Cancel'},on:{\"buttonAction\":_vm.clickOnBtn}}),_c('Button',{attrs:{\"btnSize\":'medium',\"textColor\":'white',\"btnColor\":'primary',\"btnText\":'Save'},on:{\"buttonAction\":_vm.saveAPI}})],1)])]):_vm._e()])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card top_primary_card bg-primary font-bold text-white p-2 rounded-xl w-full\"},[_c('div',{staticClass:\"flex justify-center items-center\"},[_c('h1',{staticClass:\"heading-2 text-center\"},[_vm._v(\"Twilio Configuration\")])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"mt-4\">\n      <div class=\"card top_primary_card bg-primary font-bold text-white p-2 rounded-xl  w-full\">\n        <div class=\"flex justify-center items-center\">\n          <h1 class=\"heading-2 text-center\">Twilio Configuration</h1>\n        </div>\n      </div>\n      \n      <div class=\"flex justify-center \" >\n          <div class=\"sm:w-full w-full lg:w-1/2 xl:w-1/2 2xl:w-1/2\">\n              <div class=\" text-gray3 mb-4  card rounded-xl bg-white p-4 my-4\">\n                    <div class=\"flex items-center justify-between\">\n                      <div class=\" text-text2\" :class=\"mobileView ? 'heading-5' : 'heading-3'\">● Twilio Configuration:</div>\n                      <div>\n                        <Button v-if=\"twilioCOnfList.length === 0\" @buttonAction=\"selectNumber(0)\" class=\"ml-2\" :btnSize=\"'medium'\" :textColor=\"'white'\" :btnColor=\"'primary'\" :btnText=\"'Add Number'\"/>\n                        <div v-if=\"twilioCOnfList.length > 0\" class=\" text-white heading-4 cursor-pointer bg-primary px-2.5 py-1 rounded-xl\" @click=\"selectNumber(twilioCOnfList[0].twilioConfigurationId)\">\n                          <i class=\"fa-solid fa-pen-to-square\"></i>\n                        </div>\n                      </div>\n                    </div>\n                    <div class=\"pb-0 mt-8\" v-if=\"twilioCOnfList.length > 0\">\n                      <div class=\"relative\" @click=\"openDetail= !openDetail\">\n                        <div class=\"card rounded-xl bg-white p-3 cursor-pointer relative border-t border-gray-100\">\n                          <div class=\"text-text1 flex justify-between\">\n                            <p class=\"pl-4\">{{twilioCOnfList[0].configLabel}}</p>\n                            <p>{{twilioCOnfList[0].phoneNumber | formatPhoneNumber}}</p>\n                          </div>\n                          <div class=\"pr-2 absolute left-1 top-3\">\n                            <span v-if=\"twilioCOnfList[0].isActive\" class=\"text-success heading-7 pl-1 rounded-full\"><i class=\"fa-solid fa-circle\"></i></span>\n                            <p v-if=\"!twilioCOnfList[0].isActive\" class=\"text-error heading-7 pl-1 rounded-full\"><i class=\"fa-solid fa-circle\"></i></p>\n                          </div>\n                          <div v-if=\"openDetail\" class=\"card rounded-xl bg-white p-3 cursor-pointer relative\">\n                            <div class=\"flex items-center\">\n                              <p class=\" text-gray4 cardWidth\">Acc. SID</p>\n                              <p class=\"pr-2\">:</p>\n                              <p class=\"text-text2\">{{twilioCOnfList[0].accountSid}}</p>\n                            </div>\n                            <div class=\"flex items-center\">\n                              <p class=\" text-gray4 cardWidth\">Acc. AuthToken</p>\n                              <p class=\"pr-2\">:</p>\n                              <p class=\"text-text2\">{{twilioCOnfList[0].appSid}}</p>\n                            </div>\n                            <div class=\"flex items-center\">\n                              <p class=\" text-gray4 cardWidth\">Msg. Service SID</p>\n                              <p class=\"pr-2\">:</p>\n                              <p class=\"text-text2\">{{twilioCOnfList[0].messagingServiceSid}}</p>\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                    <div v-else>\n                      <NoRecords :alertMessage=\"`No record found.`\" />\n                    </div>\n              </div>\n          </div>\n          <div v-if=\"twilioConfPopup\" class=\"popup_overlay relative px-4\">\n            <div style=\"width: 800px;max-height: 87vh;overflow: auto\" class=\"custom_dialog rounded-xl h-min\">\n              <div  class=\" bg-primary flex justify-between p-3 sticky top-0 z-10\">\n                <p class=\"heading-4 text-white\">{{addNumberObject.twilioConfigurationId > 0 ? 'Edit Twilio Configuration' : 'Add Twilio Configuration'}}</p>\n              </div>\n              <div class=\"flex p-2 m-2 text-error bg-red-100 rounded-lg  items-center\" role=\"alert\">\n                <svg aria-hidden=\"true\" class=\"flex-shrink-0 inline w-5 h-5 mr-3\" fill=\"currentColor\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z\" clip-rule=\"evenodd\"></path></svg>\n                <div>\n                  <p class=\" font-medium heading-6\">Please be cautious to {{addNumberObject.twilioConfigurationId > 0 ? 'change' : 'add'}} the values, in case of incorrect values the functionality may break.</p>\n                </div>\n              </div>\n              <div class=\"p-4 grid lg:grid-cols-2 gap-2\">\n                <div>\n                  <TextField\n                    :inputId=\"'TwilName'\"\n                    :showcharLimit=\"false\"\n                    :inputext=\"addNumberObject.configLabel\"\n                    :placholderText=\"`Config Label`\"\n                    :lableText=\"'Config Label'\"\n                    :autoFocus=\"false\"\n                    :fieldError=\"nameErr !== ''\"\n                    @keyPressAction=\"nameErr = ''\"\n                    @inputChangeAction=\"(data) => addNumberObject.configLabel = data\"  />\n                    <p class=\"text-error heading-7\">{{nameErr}}</p>\n                </div>\n                <div>\n                  <NumberInput\n                    :inputId=\"'TwilNumber'\"\n                    :showcharLimit=\"false\"\n                    :textMaxlength=\"12\"\n                    :inputext=\"addNumberObject.phoneNumber\"\n                    :placholderText=\"`Phone Number`\"\n                    :lableText=\"'Phone Number'\"\n                    :autoFocus=\"false\"\n                    @keyPressAction=\"numErr = ''\"\n                    @blurAction=\"checkContactNumber()\"\n                    :fieldError=\"numErr !== ''\"\n                    @inputChangeAction=\"(data) => addNumberObject.phoneNumber = data\"  />\n                    <p class=\"text-error heading-7\">{{numErr}}</p>\n                </div>\n                <div>\n                  <TextField\n                    :inputId=\"'TwilSid'\"\n                    :showcharLimit=\"false\"\n                    :inputext=\"addNumberObject.accountSid\"\n                    :placholderText=\"`Account SID`\"\n                    :lableText=\"'Account SID'\"\n                    :autoFocus=\"false\"\n                    @keyPressAction=\"accSidErr = ''\"\n                    :fieldError=\"accSidErr !== ''\"\n                    @inputChangeAction=\"(data) => addNumberObject.accountSid = data\"  />\n                    <p class=\"text-error heading-7\">{{accSidErr}}</p>\n                </div>\n                <div>\n                  <TextField\n                    :inputId=\"'TwilAuth'\"\n                    :showcharLimit=\"false\"\n                    :inputext=\"addNumberObject.appSid\"\n                    :placholderText=\"`Account AuthToken`\"\n                    :lableText=\"'Account AuthToken'\"\n                    :autoFocus=\"false\"\n                    @keyPressAction=\"appSIDErr = ''\"\n                    :fieldError=\"appSIDErr !== ''\"\n                    @inputChangeAction=\"(data) => addNumberObject.appSid = data\"  />\n                    <p class=\"text-error heading-7\">{{appSIDErr}}</p>\n                </div>\n                <!-- <div>\n                  <TextField\n                    :inputId=\"'TwilAKey'\"\n                    :showcharLimit=\"false\"\n                    :inputext=\"addNumberObject.apiKey\"\n                    :placholderText=\"`Api Key`\"\n                    :lableText=\"'Api Key'\"\n                    :autoFocus=\"false\"\n                    @keyPressAction=\"apiKeyErr = ''\"\n                    :fieldError=\"apiKeyErr !== ''\"\n                    @inputChangeAction=\"(data) => addNumberObject.apiKey = data\"  />\n                    <p class=\"text-error heading-7\">{{apiKeyErr}}</p>\n                </div>\n                <div>\n                  <TextField\n                    :inputId=\"'TwilASec'\"\n                    :showcharLimit=\"false\"\n                    :inputext=\"addNumberObject.apiSecret\"\n                    :placholderText=\"`Api Secret`\"\n                    :lableText=\"'Api Secret'\"\n                    :autoFocus=\"false\"\n                    @keyPressAction=\"apiSecretErr = ''\"\n                    :fieldError=\"apiSecretErr !== ''\"\n                    @inputChangeAction=\"(data) => addNumberObject.apiSecret = data\"  />\n                    <p class=\"text-error heading-7\">{{apiSecretErr}}</p>\n                </div> -->\n                <div>\n                  <TextField\n                    :inputId=\"'mesSerSid'\"\n                    :showcharLimit=\"false\"\n                    :inputext=\"addNumberObject.messagingServiceSid\"\n                    :placholderText=\"`Messaging Service SID`\"\n                    :lableText=\"'Messaging Service SID'\"\n                    :autoFocus=\"false\"\n                    @keyPressAction=\"msgSerErr = ''\"\n                    :fieldError=\"msgSerErr !== ''\"\n                    @inputChangeAction=\"(data) => addNumberObject.messagingServiceSid = data\"  />\n                    <p class=\"text-error heading-7\">{{msgSerErr}}</p>\n                </div>\n              </div>\n                <div class=\"flex items-center px-4\">\n                  <label class=\"cu_switch cursor-pointer mr-3\" :class=\"!addNumberObject.isActive ? 'ml-2' : ''\">\n                    <input type=\"checkbox\" v-model=\"addNumberObject.isActive\">\n                    <span class=\"cu_slider cu_round\"></span>\n                  </label>\n                  <p class=\"text-gray3 pl-1 cursor-pointer\" @click=\"addNumberObject.isActive = !addNumberObject.isActive\">{{addNumberObject.isActive ? 'Number is Active' : 'Number is Inactive'}}</p>\n                </div>\n              <div class=\"flex gap-2 justify-end p-3\">\n                <Button :btnSize=\"'medium'\" :textColor=\"'text1'\" :btnColor=\"'gray1'\" :btnText=\"'Cancel'\" @buttonAction=\"clickOnBtn\"/>\n                <Button :btnSize=\"'medium'\" :textColor=\"'white'\" :btnColor=\"'primary'\" :btnText=\"'Save'\" @buttonAction=\"saveAPI\"/>\n              </div>\n            </div>\n          </div>\n      </div>\n    </div>\n  </template>\n  <script>\n  import { checkSpeialChar } from \"@/utils/validation.js\";\n  import NoRecords from '@/View/components/noRecords.vue'\n  import NumberInput from '@/View/components/number-text-field.vue'\n  import TextField from '@/View/components/textfield.vue'\n  import Button from '@/View/components/globalButton.vue'\n  import MyJobApp from \"@/api/MyJobApp.js\";\n  export default {\n    name: \"customer\",\n    components: {\n        NoRecords,\n        TextField,\n        NumberInput,\n        Button\n    },\n    data() {\n      return {\n        mobileView: false,\n        nameErr: '',\n        openDetail: false,\n        numErr: '',\n        accSidErr: '',\n        appSIDErr: '',\n        apiKeyErr: '',\n        apiSecretErr: '',\n        msgSerErr: '',\n        addNumberObject: {\n            twilioConfigurationId: 0,\n            configLabel: '',\n            phoneNumber: '',\n            accountSid: '',\n            appSid: '',\n            apiKey: '',\n            apiSecret: '',\n            messagingServiceSid: '',\n            twimalAppId: '',\n            isActive: true,\n        },\n          twilioCOnfList: [],\n          twilioConfPopup: false,\n      };\n    },\n    created() {\n        window.addEventListener(\"resize\", this.resizeWindowHandler);\n    },\n    mounted() {\n      this.resizeWindowHandler();\n      this.getTwilioListing()\n    },\n    methods: {\n      resizeWindowHandler() {\n          if (window.innerWidth < 684) {\n              this.mobileView = true;\n          } else {\n              this.mobileView = false;\n          }\n      },\n      selectNumber (data) {\n        if (data > 0) {\n          this.addNumberObject.twilioConfigurationId = data\n          this.addNumberObject.configLabel = this.twilioCOnfList[0].configLabel\n          this.addNumberObject.phoneNumber = this.twilioCOnfList[0].phoneNumber\n          this.addNumberObject.accountSid = this.twilioCOnfList[0].accountSid\n          this.addNumberObject.appSid = this.twilioCOnfList[0].appSid\n          this.addNumberObject.apiKey = this.twilioCOnfList[0].apiKey\n          this.addNumberObject.apiSecret = this.twilioCOnfList[0].apiSecret\n          this.addNumberObject.messagingServiceSid = this.twilioCOnfList[0].messagingServiceSid\n          this.addNumberObject.twimalAppId = this.twilioCOnfList[0].twimalAppId\n          this.addNumberObject.isActive = this.twilioCOnfList[0].isActive\n        }\n          this.twilioConfPopup = true\n      },\n      checkContactNumber () {\n        let value = checkSpeialChar(this.addNumberObject.phoneNumber)\n        console.log('value', value)\n        if (value) {\n          this.numErr = 'Please enter valid contact number'\n        } else {\n          this.numErr = ''\n        }\n      },\n      saveAPI () {\n          let isvalid = true\n          if (this.addNumberObject.configLabel === '') {\n              this.nameErr = 'Name is required'\n              isvalid = false\n          }\n          if (this.addNumberObject.phoneNumber === '') {\n              this.numErr = 'Phone Number is required'\n              isvalid = false\n          }\n          if (this.numErr !== '') {\n              isvalid = false\n          }\n          if (this.addNumberObject.accountSid === '') {\n              this.accSidErr = 'Account SID is required'\n              isvalid = false\n          }\n          if (this.addNumberObject.appSid === '') {\n              this.appSIDErr = 'App SID is required'\n              isvalid = false\n          }\n          // if (this.addNumberObject.apiKey === '') {\n          //     this.apiKeyErr = 'Api Key is required'\n          //     isvalid = false\n          // }\n          // if (this.addNumberObject.apiSecret === '') {\n          //     this.apiSecretErr = 'Api Secret is required'\n          //     isvalid = false\n          // }\n          if (this.addNumberObject.messagingServiceSid === '') {\n              this.msgSerErr = 'Messaging Service SID is required'\n              isvalid = false\n          }\n          if (isvalid) {\n              this.$store.dispatch('SetLoader', {status: true, message: 'Please wait...'})\n              MyJobApp.TwilioConfigSave(\n                this.addNumberObject,\n                response => {\n                  this.twilioConfPopup = false\n                  this.getTwilioListing()\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      clickOnBtn () {\n        this.addNumberObject.twilioConfigurationId = 0\n        this.addNumberObject.configLabel = ''\n        this.addNumberObject.phoneNumber = ''\n        this.addNumberObject.accountSid = ''\n        this.addNumberObject.appSid = ''\n        this.addNumberObject.apiKey = ''\n        this.addNumberObject.apiSecret = ''\n        this.addNumberObject.messagingServiceSid = ''\n        this.nameErr = ''\n        this.numErr = ''\n        this.accSidErr = ''\n        this.appSIDErr = ''\n        this.apiKeyErr = ''\n        this.apiSecretErr = ''\n        this.msgSerErr = ''\n        this.twilioConfPopup = false\n      },\n      getTwilioListing() {\n        this.$store.dispatch(\"SetLoader\", { status: true, message: \"Loading...\",});\n        MyJobApp.GetTwilioList(\n          0,\n          10,\n          '',\n          '',\n          '',\n          '',\n          (response) => {\n              this.twilioCOnfList = response.Data.tableRow !== null ? response.Data.tableRow : []\n              this.$store.dispatch(\"SetLoader\", { status: false, message: \"\" });\n          },\n          (err) => {\n              this.$store.dispatch('SetAlert', {showAlert: true, message: err.message, color: 'error'})\n              this.$store.dispatch(\"SetLoader\", { status: false, message: \"\" });\n          }\n        );\n      },\n      },\n      beforeDestroy() {\n      },\n    };\n  </script>\n  <style scoped>\n  .table_col {\n    overflow-wrap: anywhere;\n    white-space: pre-wrap;\n    padding-right: 8px;\n  }\n  .name_col {\n      min-width: 200px;\n      max-block-size: 200px;\n  }\n  .des_col {\n      min-width: 250px;\n      max-block-size: 250px;\n  }\n  .pric_col {\n      min-width: 100px;\n      max-block-size: 100px;\n  }\n  .qnty_col {\n      min-width: 100px;\n      max-block-size: 100px;\n  }\n  .amt_col {\n      min-width: 100px;\n      max-block-size: 100px;\n  }\n  .cardWidth {\n    width: 145px;\n  }\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!./listing.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!./listing.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./listing.vue?vue&type=template&id=045e017f&scoped=true&\"\nimport script from \"./listing.vue?vue&type=script&lang=js&\"\nexport * from \"./listing.vue?vue&type=script&lang=js&\"\nimport style0 from \"./listing.vue?vue&type=style&index=0&id=045e017f&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"045e017f\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./listing.vue?vue&type=style&index=0&id=045e017f&prod&scoped=true&lang=css&\""],"sourceRoot":""}