{"version":3,"sources":["webpack:///./src/assets/images/flags/global.png","webpack:///./src/assets/images/flags/japan.png","webpack:///./src/views/pages/settings/payout-channel/update-config.vue?32a5","webpack:///src/views/pages/settings/payout-channel/update-config.vue","webpack:///./src/views/pages/settings/payout-channel/update-config.vue?271a","webpack:///./src/views/pages/settings/payout-channel/update-config.vue?b209","webpack:///./src/views/pages/settings/payout-channel/update-config.vue?90bc","webpack:///./src/assets/images/arrow_left.svg"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","isMasterMerchant","$route","query","mEmail","staticStyle","attrs","_v","_s","_e","topBarPayoutData","key","type","description","on","gobackChannel","$event","openAddCredPayInModal","$t","_l","data","index","country","convertCodeToCountry","openPayInModal","directives","name","rawName","modifiers","value","getChaipayWebhook","expression","arg","domProps","class","showPayInmodal","currentChannel","hidePayInModal","preventDefault","handlePayInSubmit","apply","arguments","creds","inViewMode","selectedFileForUpdate","target","files","composing","$set","isValid","showAddCredPayInmodal","hideAddCredPayInModal","handleAddCredPayInSubmit","countryListForAddCred","model","callback","$$v","selected_country_for_add_cred","addChannelCred","selectedFile","credentialFieldFormat","includes","checked","selectvaflow","is_va_flow","isValidAddCred","staticRenderFns","CHAIPAY_API_URL","components","Layout","Multiselect","paymentChannelCreds","currentChannelCopy","addChannelCredCopy","isdata","checked1","paymentsMethodsData","mKey","computed","paymentChannelCredsList","paymentmethodCredsList","chaiPayKey","userRoles","created","paymentMethod","paymentType","payload","channelName","payType","watch","mounted","destroyed","validations","methods","channelId","payChannel","onCopyWebhookURL","text","closeOnClick","NoCountryAvailable","console","reader","tab","component"],"mappings":"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5B,wBACA,uEAEA3C,mBACA,gEAwCAwE,YACA,qDAGAjF,mBACA,+DAIAkF,UAEA,OACA7D,WACA8D,iBACAC,sBAEA,iCACA,mCACAC,yCAGA,kDAGAA,GACAC,0CACAC,kBAEA,mCACAF,yCAEA,mDACA,0DAGAG,OACAV,0BACA,0DAEAC,yBACA,yDAkBAvB,gCACA,yCACA,oDACA,yBACA,kCAMAiC,UACA,yDACA,yDAIAC,YAGA,kDACA,mDAGAC,aACArB,wBAGAsB,YACA,OAEAtD,oBAGA,aADA,iBACA,0BACA,oGACA,iCAEA,8DAIA,OACAuD,kCACAC,mCACAP,kBAGA,mCACAF,4BAGA,mDACA,uBAEAvB,gBACA,kCAEAX,2BAGA,aADA,iBACA,0BACA,oGACA,iCAEA,8DAIA,uCACA,kCAEA,0FACA,mCAGA,OACA0C,kCACAC,mCACAP,iBACAxB,2CAGA,mCACAsB,4BAEA,kDAEA,8BA+BA9D,oBACA,uBACA,yBACA,6BAEA,gBADA,cAOAa,iBACA,yBACA,6BACA,wBAEAP,oBACA,kDACA,sFAGAb,wBACA,qCACA,iEACA,yCACA,+CACA,yBACA,gCAGA,+BAEA,2BAKAkC,wBACA,yBACA,6BACA,+BAGA6C,mBACA,kDACA,cACApF,eACAqF,+FACAC,mBAGAC,qBACA,cACAvF,YACAqF,gEACAC,mBAGAtC,yBACA,UACA,8BACA,uCACA,UAGArC,wBACA,cACA,UACA,QACA,WACA,QACA,YACA,QACA,YACA,QACA,WACA,QACA,cACA,QACA,SACA,QACA,QACA,QACA,eACA,QACA,UACA,YACA,cADA,GAIAoC,kBACAyC,kBACA,WACA,iBACAC,wBACAA,aACA,oDAEAA,cACAD,mBAIArF,gBACA,2CACA,mBAAAW,wBAAAvB,OAAAmG,0BAEA1D,2BACAwD,kBACA,WACA,iBACAC,wBACAA,aACA,oDAEAA,cACAD,qBC1aoY,I,wBCQhYG,EAAY,eACd,EACA9G,EACAyE,GACA,EACA,KACA,WACA,MAIa,aAAAqC,E,2CCnBf,W,qBCAAhH,EAAOC,QAAU,IAA0B","file":"js/chunk-40d61303.7f3867a8.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/global.5020645f.png\";","module.exports = __webpack_public_path__ + \"img/japan.948a265f.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Layout',[_c('div',{},[_c('div',{staticClass:\"pt-0\"},[_c('div',{staticClass:\"row\"},[(_vm.isMasterMerchant && _vm.$route.query.mEmail)?_c('div',{staticClass:\"col-12 mb-3\",staticStyle:{\"font-weight\":\"bold\",\"font-size\":\"18px\"},attrs:{\"data-v-254e0753\":\"\"}},[_vm._v(_vm._s(_vm.$route.query.mEmail))]):_vm._e(),_c('div',{staticClass:\"col-xl-5 col-sm-12\"},[_c('div',{staticClass:\"card border\",staticStyle:{\"background\":\"rgba(220, 218, 213, 0.30)\",\"border-radius\":\"15px\",\"border\":\"1px #DCDAD5 solid\",\"box-shadow\":\"none\",\"margin-bottom\":\"0px\"}},[_c('div',{staticClass:\"card-body\",staticStyle:{\"padding\":\"30px\"}},[_c('div',{staticClass:\"right-top-section\"},[_c('div',{staticClass:\"media-body media-body-custom img-container\"},[_c('img',{staticClass:\"avatar-custom\",staticStyle:{\"object-fit\":\"contain\",\"display\":\"block\"},attrs:{\"src\":(\"\" + (_vm.topBarPayoutData.logo)),\"alt\":\"\"}}),_c('div',[_c('p',{staticStyle:{\"margin-bottom\":\"0px\",\"font-size\":\"20px\",\"font-weight\":\"400\",\"padding-left\":\"25px\"}},[_vm._v(\" \"+_vm._s(_vm.topBarPayoutData.key)+\" \")]),_c('p',{staticStyle:{\"margin-bottom\":\"0px\",\"margin-top\":\"10px\",\"font-size\":\"16px\",\"font-weight\":\"325\",\"padding-left\":\"25px\",\"color\":\"rgba(0, 0, 0, 0.50)\"}},[_vm._v(\" \"+_vm._s(_vm.topBarPayoutData.type)+\" \")])])]),_c('div',{staticStyle:{\"color\":\"rgba(0, 0, 0, 0.70)\",\"font-size\":\"14px\",\"word-wrap\":\"break-word\",\"padding-top\":\"10px\",\"line-height\":\"normal\"}},[_vm._v(\" \"+_vm._s(_vm.topBarPayoutData.description)+\" \")]),_c('div',{staticClass:\"button-section\"},[_c('b-btn',{staticClass:\"back-button\",on:{\"click\":_vm.gobackChannel}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/arrow_left.svg\"),\"alt\":\"back\"}})]),_c('b-button',{staticClass:\"btn btn-custom btn-primary dark-bg\",on:{\"click\":function($event){return _vm.openAddCredPayInModal()}}},[_vm._v(\"+ \"+_vm._s(_vm.$t('views.payouts.add_keys')))])],1)])])]),_c('div',{staticClass:\"right-bottom-section\",staticStyle:{\"margin-top\":\"25px\",\"margin-bottom\":\"25px\"}},[_c('div',{},_vm._l((_vm.paymentChannelCredsList),function(data,index){return _c('div',{key:index},[(data.is_enabled)?_c('div',{staticClass:\"cred-section mt-3\"},[_c('div',{staticClass:\"creds-container\"},[_c('div',{staticClass:\"creds-container-top-section\"},[_c('div',{staticClass:\"img-container cursor-pointer\"},[_c('div',{staticStyle:{\"width\":\"40px\",\"height\":\"40px\",\"margin-right\":\"20px\"}},[(data.country == 'GLOBAL')?_c('img',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"border-radius\":\"50%\"},attrs:{\"src\":require(\"@/assets/images/flags/global.png\"),\"alt\":\"\"}}):_vm._e(),(data.country == 'VN')?_c('img',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"border-radius\":\"50%\"},attrs:{\"src\":require(\"@/assets/images/flags/vietnam_rounded.png\"),\"alt\":\"\"}}):_vm._e(),(data.country == 'TH')?_c('img',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"border-radius\":\"50%\"},attrs:{\"src\":require(\"@/assets/images/flags/thailand.jpeg\"),\"alt\":\"\"}}):_vm._e(),(data.country == 'ID')?_c('img',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"border-radius\":\"50%\"},attrs:{\"src\":require(\"@/assets/images/flags/indonesia.png\"),\"alt\":\"\"}}):_vm._e(),(data.country == 'SG')?_c('img',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"border-radius\":\"50%\"},attrs:{\"src\":require(\"@/assets/images/flags/singapore.png\"),\"alt\":\"\"}}):_vm._e(),(data.country == 'MY')?_c('img',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"border-radius\":\"50%\"},attrs:{\"src\":require(\"@/assets/images/flags/malaysia.svg\"),\"alt\":\"\"}}):_vm._e(),(data.country == 'TW')?_c('img',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"border-radius\":\"50%\"},attrs:{\"src\":require(\"@/assets/images/flags/taiwan.png\"),\"alt\":\"\"}}):_vm._e(),(data.country == 'PH')?_c('img',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"border-radius\":\"50%\"},attrs:{\"src\":require(\"@/assets/images/flags/philippines.png\"),\"alt\":\"\"}}):_vm._e(),(data.country == 'HK')?_c('img',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"border-radius\":\"50%\"},attrs:{\"src\":require(\"@/assets/images/flags/hong_kong.svg\"),\"alt\":\"\"}}):_vm._e(),(data.country == 'JP')?_c('img',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"border-radius\":\"50%\"},attrs:{\"src\":require(\"@/assets/images/flags/japan.png\"),\"alt\":\"\"}}):_vm._e(),(data.country == 'IN')?_c('img',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"border-radius\":\"50%\"},attrs:{\"src\":require(\"@/assets/images/flags/india.svg\"),\"alt\":\"\"}}):_vm._e(),(data.country == 'AU')?_c('img',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"border-radius\":\"50%\"},attrs:{\"src\":require(\"@/assets/images/flags/australia.svg\"),\"alt\":\"\"}}):_vm._e(),(data.country == 'KR')?_c('img',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"border-radius\":\"50%\"},attrs:{\"src\":require(\"@/assets/images/flags/korea.svg\"),\"alt\":\"\"}}):_vm._e(),(data.country == 'KE')?_c('img',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"border-radius\":\"50%\"},attrs:{\"src\":require(\"@/assets/images/flags/Kenya.png\"),\"alt\":\"\"}}):_vm._e(),(data.country == 'ZA')?_c('img',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"border-radius\":\"50%\"},attrs:{\"src\":require(\"@/assets/images/flags/south_africa.png\"),\"alt\":\"\"}}):_vm._e(),(data.country == 'NG')?_c('img',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\",\"border-radius\":\"50%\"},attrs:{\"src\":require(\"@/assets/images/flags/nigeria.png\"),\"alt\":\"\"}}):_vm._e()]),_c('div',[_c('div',{staticClass:\"cursor-pointer value-class d-inline-block country-class\",staticStyle:{\"font-size\":\"18px\",\"font-weight\":\"400\"}},[_vm._v(_vm._s(_vm.convertCodeToCountry(data.country)))]),_c('div',{staticStyle:{\"color\":\"rgba(0, 0, 0, 0.50)\",\"font-size\":\"14px\",\"font-weight\":\"325\",\"padding-top\":\"10px\"}},[_vm._v(\"Select \"+_vm._s(_vm.convertCodeToCountry(data.country))+\" payments \")])])]),_c('span',{staticStyle:{\"float\":\"right\",\"color\":\"#FC6B2D\",\"cursor\":\"pointer\"},attrs:{\"role\":\"button\",\"tabindex\":\"0\"},on:{\"click\":function($event){return _vm.openPayInModal(data,'preview')}}},[_vm._v(_vm._s(_vm.$t('views.payment_channels.manage_keys'))+\" \"),_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"18\",\"height\":\"18\",\"viewBox\":\"0 0 18 18\",\"fill\":\"none\"}},[_c('g',{attrs:{\"id\":\"Iconsax/Linear/arrowright\"}},[_c('path',{attrs:{\"id\":\"Vector\",\"d\":\"M10.8225 4.44727L15.375 8.99977L10.8225 13.5523M2.625 8.99977H15.2475\",\"stroke\":\"#FC6B2D\",\"stroke-width\":\"1.5\",\"stroke-miterlimit\":\"10\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})])])])])])]):_vm._e()])}),0)])]),_c('div',{staticClass:\"col-xl-12 col-sm-12\"},[_c('div',{staticClass:\"card\",staticStyle:{\"background\":\"rgba(220, 218, 213, 0.3)\",\"border-radius\":\"15px\",\"box-shadow\":\"none\"}},[_c('div',{staticClass:\"card-body\",staticStyle:{\"padding\":\"30px\"}},[_c('form',{attrs:{\"id\":\"modal\",\"action\":\"#\"}},[_c('div',{staticClass:\"form-group\",staticStyle:{\"margin-bottom\":\"0px\"}},[_c('label',{attrs:{\"for\":\"webhookUrl\"}},[_vm._v(_vm._s(_vm.$t('views.payment_channels.webhook_endpoint')))]),_c('span',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}},{name:\"clipboard\",rawName:\"v-clipboard:copy\",value:(_vm.getChaipayWebhook()),expression:\"getChaipayWebhook()\",arg:\"copy\"},{name:\"clipboard\",rawName:\"v-clipboard:success\",value:(_vm.onCopyWebhookURL),expression:\"onCopyWebhookURL\",arg:\"success\"}],staticClass:\"ml-2 cursor-pointer copy-icon\",staticStyle:{\"cursor\":\"pointer\",\"width\":\"39px\",\"height\":\"39px\",\"background\":\"rgb(245, 244, 243)\",\"border-radius\":\"8px\",\"display\":\"inline-block\"},attrs:{\"data-v-06c6b9d8\":\"\",\"title\":_vm.$t('common.copy')}},[_c('svg',{staticStyle:{\"position\":\"absolute\",\"top\":\"50%\",\"left\":\"50%\",\"transform\":\"translate(-50%, -50%)\"},attrs:{\"data-v-06c6b9d8\":\"\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"18\",\"height\":\"18\",\"viewBox\":\"0 0 18 18\",\"fill\":\"none\"}},[_c('g',{attrs:{\"data-v-06c6b9d8\":\"\",\"opacity\":\"0.7\",\"clip-path\":\"url(#clip0_1540_47398)\"}},[_c('path',{attrs:{\"data-v-06c6b9d8\":\"\",\"d\":\"M12 9.675V12.825C12 15.45 10.95 16.5 8.325 16.5H5.175C2.55 16.5 1.5 15.45 1.5 12.825V9.675C1.5 7.05 2.55 6 5.175 6H8.325C10.95 6 12 7.05 12 9.675Z\",\"stroke\":\"black\",\"stroke-width\":\"1.5\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"data-v-06c6b9d8\":\"\",\"d\":\"M16.5 5.175V8.325C16.5 10.95 15.45 12 12.825 12H12V9.675C12 7.05 10.95 6 8.325 6H6V5.175C6 2.55 7.05 1.5 9.675 1.5H12.825C15.45 1.5 16.5 2.55 16.5 5.175Z\",\"stroke\":\"black\",\"stroke-width\":\"1.5\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})]),_c('defs',{attrs:{\"data-v-06c6b9d8\":\"\"}},[_c('clipPath',{attrs:{\"data-v-06c6b9d8\":\"\",\"id\":\"clip0_1540_47398\"}},[_c('rect',{attrs:{\"data-v-06c6b9d8\":\"\",\"width\":\"18\",\"height\":\"18\",\"fill\":\"white\"}})])])])]),_c('input',{directives:[{name:\"clipboard\",rawName:\"v-clipboard:copy\",value:(_vm.getChaipayWebhook()),expression:\"getChaipayWebhook()\",arg:\"copy\"}],staticClass:\"form-control\",attrs:{\"id\":\"webhookUrl\",\"type\":\"text\",\"name\":\"webhookUrl\",\"readonly\":\"\"},domProps:{\"value\":_vm.getChaipayWebhook()}}),_c('b-tooltip',{attrs:{\"target\":\"webhookUrl\"}},[_c('p',[_vm._v(\" \"+_vm._s(_vm.$t('views.payouts.config_tooltip'))+\" \")])])],1)])])])])])]),_c('div',[_c('div',{staticClass:\"right-bar\",class:{\n          'active': _vm.showPayInmodal\n        }},[(_vm.currentChannel)?_c('div',{staticClass:\"h-100\",attrs:{\"data-simplebar\":\"\"}},[_c('div',{staticClass:\"rightbar-title\"},[_c('div',{staticClass:\"right-top-section\"},[_c('div',{staticClass:\"card-body-custom\",staticStyle:{\"padding\":\"25px\"}},[(_vm.inViewMode)?_c('i',{staticClass:\"ri-pencil-fill cursor-pointer edit-button\",on:{\"click\":function($event){return _vm.openPayInModal(_vm.currentChannel,'edit')}}}):_vm._e(),_c('i',{staticClass:\"mdi mdi-close noti-icon float-right cursor-pointer\",on:{\"click\":_vm.hidePayInModal}}),_c('div',{staticClass:\"media-body media-body-custom\"},[_c('img',{staticClass:\"avatar-custom\",staticStyle:{\"object-fit\":\"contain\",\"display\":\"block\"},attrs:{\"src\":(\"\" + (_vm.topBarPayoutData.logo)),\"alt\":\"\"}}),_c('p',{staticClass:\"d-inline-block mb-0\",staticStyle:{\"font-size\":\"20px\",\"font-weight\":\"400\",\"margin-top\":\"20px\"}},[_vm._v(\" \"+_vm._s(_vm.topBarPayoutData.key)+\" \"+_vm._s(_vm.topBarPayoutData.type)+\" \")])])]),_c('div',{staticClass:\"border-sep\"})])]),_c('div',{staticStyle:{\"padding\":\"25px\"}},[_c('form',{attrs:{\"id\":\"modal\",\"action\":\"#\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.handlePayInSubmit.apply(null, arguments)}}},[_c('div',{staticClass:\"form-group\"},[_c('label',[_vm._v(_vm._s(_vm.$t('views.payouts.country')))]),_c('div',{staticClass:\"form-control\"},[_vm._v(_vm._s(_vm.convertCodeToCountry(_vm.currentChannel.country)))])]),_vm._l((_vm.currentChannel.creds),function(value,key){return _c('div',{key:key,staticClass:\"form-group\"},[(_vm.currentChannel.creds[key].type == 'file')?_c('div',[_c('label',{attrs:{\"for\":key}},[_vm._v(_vm._s(key))]),(!_vm.inViewMode)?_c('div',{staticClass:\"position-relative mb-3\"},[_c('div',{staticClass:\"bulk-upload-button btn-sm\"},[_vm._v(_vm._s(_vm.$t('button.select_file')))]),_c('input',{staticClass:\"file_Upload input-file\",attrs:{\"type\":\"file\",\"id\":key,\"multiple\":\"\",\"name\":key},on:{\"change\":function($event){return _vm.selectedFileForUpdate($event.target.name, $event.target.files)}}})]):_vm._e(),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.currentChannel.creds[key].value),expression:\"currentChannel.creds[key].value\"}],staticClass:\"w-100 form-control\",attrs:{\"readOnly\":\"\",\"disabled\":\"\",\"placeholder\":\"Preview for Keys\"},domProps:{\"value\":(_vm.currentChannel.creds[key].value)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.currentChannel.creds[key], \"value\", $event.target.value)}}})]):_vm._e(),(_vm.currentChannel.creds[key].type == 'text')?_c('div',[_c('label',{attrs:{\"for\":key}},[_vm._v(_vm._s(key))]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.currentChannel.creds[key].value),expression:\"currentChannel.creds[key].value\"}],staticClass:\"form-control\",attrs:{\"id\":key,\"type\":\"text\",\"placeholder\":(\"Enter \" + key),\"name\":key,\"readonly\":_vm.inViewMode},domProps:{\"value\":(_vm.currentChannel.creds[key].value)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.currentChannel.creds[key], \"value\", $event.target.value)}}})]):_vm._e()])}),(!_vm.inViewMode)?_c('div',{staticClass:\"text-left\"},[_c('div',{staticClass:\"border-sep\",staticStyle:{\"margin-bottom\":\"30px\",\"margin-top\":\"30px\"}}),_c('b-button',{staticClass:\"mr-2\",staticStyle:{\"padding\":\"12px 20px\",\"font-weight\":\"400\",\"color\":\"#000\",\"background\":\"#fff\",\"border\":\"none\"},attrs:{\"variant\":\"light\"},on:{\"click\":_vm.hidePayInModal}},[_vm._v(_vm._s(_vm.$t('button.cancel')))]),_c('button',{staticClass:\"btn\",staticStyle:{\"padding\":\"12px 20px\",\"background\":\"rgba(220, 218, 213, 0.30)\",\"border-radius\":\"12px\",\"color\":\"#FC6B2D\",\"font-weight\":\"400\"},attrs:{\"type\":\"submit\",\"disabled\":!_vm.isValid}},[_vm._v(\" \"+_vm._s(_vm.$t('button.save'))+\" \")])],1):_vm._e()],2)])]):_vm._e()]),_c('div',{staticClass:\"rightbar-overlay\",class:{\n          'active': _vm.showPayInmodal\n      },on:{\"click\":_vm.hidePayInModal}})]),_c('div',[_c('div',{staticClass:\"right-bar\",class:{\n          'active': _vm.showAddCredPayInmodal\n        }},[(_vm.addChannelCred)?_c('div',{staticClass:\"h-100\",attrs:{\"data-simplebar\":\"\"}},[_c('div',{staticClass:\"rightbar-title\"},[_c('div',{staticClass:\"right-top-section\"},[_c('div',{staticClass:\"card-body-custom\",staticStyle:{\"padding\":\"25px\"}},[_c('i',{staticClass:\"mdi mdi-close noti-icon float-right cursor-pointer\",on:{\"click\":_vm.hideAddCredPayInModal}}),_c('div',{staticClass:\"media-body media-body-custom\"},[_c('img',{staticClass:\"avatar-custom\",staticStyle:{\"object-fit\":\"contain\",\"display\":\"block\"},attrs:{\"src\":(\"\" + (_vm.topBarPayoutData.logo)),\"alt\":\"\"}}),_c('p',{staticClass:\"d-inline-block mb-0\",staticStyle:{\"font-size\":\"20px\",\"font-weight\":\"400\",\"margin-top\":\"20px\"}},[_vm._v(\" \"+_vm._s(_vm.topBarPayoutData.key)+\" \"+_vm._s(_vm.topBarPayoutData.type)+\" \")])])]),_c('div',{staticClass:\"border-sep\"})])]),_c('div',{staticClass:\"rightbar-content\",staticStyle:{\"padding\":\"25px\"}},[_c('form',{attrs:{\"id\":\"modal\",\"action\":\"#\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.handleAddCredPayInSubmit.apply(null, arguments)}}},[_c('multiselect',{staticClass:\"cursor-pointer\",staticStyle:{\"margin-bottom\":\"25px\"},attrs:{\"options\":_vm.countryListForAddCred,\"placeholder\":\"Select Country\",\"track-by\":\"value\",\"label\":\"value\",\"size\":\"sm\",\"searchable\":false,\"multiple\":false,\"taggable\":true,\"allowEmpty\":false,\"show-labels\":false},model:{value:(_vm.selected_country_for_add_cred),callback:function ($$v) {_vm.selected_country_for_add_cred=$$v},expression:\"selected_country_for_add_cred\"}}),_vm._l((_vm.addChannelCred.creds),function(value,key){return _c('div',{key:key,staticClass:\"form-group\"},[(_vm.addChannelCred.creds[key].type == 'file')?_c('div',[_c('label',{attrs:{\"for\":key}},[_vm._v(_vm._s(key))]),_c('div',{staticClass:\"position-relative\"},[_c('div',{staticClass:\"bulk-upload-button btn-sm\"},[_vm._v(_vm._s(_vm.$t('button.select_file')))]),_c('input',{staticClass:\"file_Upload input-file\",attrs:{\"type\":\"file\",\"id\":key,\"multiple\":\"\",\"name\":key},on:{\"change\":function($event){return _vm.selectedFile($event.target.name, $event.target.files)}}})]),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.addChannelCred.creds[key].value),expression:\"addChannelCred.creds[key].value\"}],staticClass:\"mt-3 w-100 form-control\",attrs:{\"readOnly\":\"\",\"disabled\":\"\",\"placeholder\":\"Preview for Keys\"},domProps:{\"value\":(_vm.addChannelCred.creds[key].value)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.addChannelCred.creds[key], \"value\", $event.target.value)}}})]):_vm._e(),(_vm.addChannelCred.creds[key].type == 'text')?_c('div',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.addChannelCred.creds[key].value),expression:\"addChannelCred.creds[key].value\"}],staticClass:\"form-control\",attrs:{\"id\":key,\"type\":\"text\",\"placeholder\":(\"Enter \" + (_vm.credentialFieldFormat(key))),\"name\":key},domProps:{\"value\":(_vm.addChannelCred.creds[key].value)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.addChannelCred.creds[key], \"value\", $event.target.value)}}})]):_vm._e()])}),(!['GBPRIMEPAY_PAYOUT', 'APPOTAPAY_PAYOUT', 'BBL_PAYOUT', 'PAYNAMICS_PAYOUT'].includes(_vm.addChannelCred.key))?_c('div',{staticClass:\"form-group\"},[_c('label',[_vm._v(\"Use Virtual Account Flow\")]),(_vm.addChannelCred.key == 'EPAY_PAYOUT')?_c('div',[_c('b-form-checkbox',{attrs:{\"id\":\"is_va_flow\",\"name\":\"is_va_flow\",\"switch\":\"\",\"disabled\":\"\"},model:{value:(_vm.checked),callback:function ($$v) {_vm.checked=$$v},expression:\"checked\"}})],1):_c('div',[_c('b-form-checkbox',{attrs:{\"id\":\"is_va_flow\",\"name\":\"is_va_flow\",\"switch\":\"\"},on:{\"change\":function($event){return _vm.selectvaflow(_vm.addChannelCred.is_va_flow)}},model:{value:(_vm.addChannelCred.is_va_flow),callback:function ($$v) {_vm.$set(_vm.addChannelCred, \"is_va_flow\", $$v)},expression:\"addChannelCred.is_va_flow\"}})],1)]):_vm._e(),_c('div',{staticClass:\"text-left\"},[_c('div',{staticClass:\"border-sep\",staticStyle:{\"margin-bottom\":\"30px\",\"margin-top\":\"30px\"}}),_c('button',{staticClass:\"btn\",staticStyle:{\"padding\":\"12px 20px\",\"background\":\"rgba(220, 218, 213, 0.30)\",\"border-radius\":\"12px\",\"color\":\"#FC6B2D\",\"font-weight\":\"400\"},attrs:{\"type\":\"submit\",\"disabled\":!_vm.isValidAddCred}},[_vm._v(\" \"+_vm._s(_vm.$t('button.save'))+\" \")])])],2)])]):_vm._e()]),_c('div',{staticClass:\"rightbar-overlay\",class:{\n          'active': _vm.showAddCredPayInmodal\n      },on:{\"click\":_vm.hideAddCredPayInModal}})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nimport Layout from \"../../../layouts/main\";\r\n// import PageHeader from \"@/components/page-header\";\r\n// import { required } from \"vuelidate/lib/validators\";\r\nimport { paymentMethods } from \"@/state/helpers\";\r\nimport * as cloneDeep from \"lodash.clonedeep\";\r\nimport {\r\n  FETCH_SELECTED_PAYMENT_CHANNEL_CREDENTIALS,\r\n  UPDATE_PAYMENT_METHOD_CREDENTIALS,\r\n  // FETCH_PAYMENT_METHODS_CREDENTIALS,\r\n  ADD_PAYMENT_METHOD_CREDENTIALS,\r\n  FETCH_ALL_PAYMENT_CHANNEL,\r\n  // UPDATE_ENABLE_AND_DEFAULT_STATUS\r\n} from \"@/state/actions.type\";\r\nimport {\r\n  UPDATE_PAYMENT_METHODS_DETAILS_IN_STORE,\r\n  UPDATE_SELECTED_PAYMENT_CHANNEL_DETAILS_IN_STORE\r\n} from '@/state/mutations.type';\r\nimport Multiselect from 'vue-multiselect';\r\n \r\nconst CHAIPAY_API_URL = process.env.VUE_APP_CHAIPAY_BACKEND_URL;\r\n\r\nexport default {\r\n  components: {\r\n    Layout,\r\n    // PageHeader,\r\n    Multiselect,\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      paymentChannelCreds: null,\r\n      currentChannel: null,\r\n      currentChannelCopy: null,\r\n      addChannelCred: null,\r\n      addChannelCredCopy: null,\r\n      showPayInmodal: false,\r\n      inViewMode:true,\r\n      showAddCredPayInmodal: false,\r\n      isdata: false,\r\n      checked: true,\r\n      checked1: false,\r\n      paymentsMethodsData:[],\r\n      // selected_country:\"\",\r\n      selected_country_for_add_cred:\"\",\r\n      mKey: \"\"\r\n    };\r\n  },\r\n\r\n  computed: {\r\n    isValid() {\r\n      if (this.currentChannel) {\r\n        const creds = this.currentChannel.creds;\r\n        for (let cred in creds) {\r\n          if (!creds[cred].value) {\r\n            return false;\r\n          }\r\n        }\r\n        return true;\r\n      } else {\r\n        return false;\r\n      }\r\n    },\r\n    isValidAddCred() {\r\n      if (this.addChannelCred) {\r\n        const creds = this.addChannelCred.creds;\r\n        for (let cred in creds) {\r\n          if (!creds[cred].value) {\r\n            return false;\r\n          }\r\n        }\r\n        return true;\r\n      } else {\r\n        return false;\r\n      }\r\n    },\r\n    paymentChannelCredsList() {\r\n      return this.$store.state.paymentChannels.selectedChannelCreds;\r\n    },\r\n    paymentmethodCredsList() {\r\n      return this.$store.state.paymentChannels.selectedChannelMethods;\r\n    },\r\n\r\n    chaiPayKey() {\r\n      return this.$store.getters[\"auth/iamportKey\"];\r\n    },\r\n\r\n    // countryList() {\r\n    //   return this.$store.getters[\"paymentChannels/listOfCountry\"];\r\n    // },\r\n    countryListForAddCred() {\r\n      return this.$store.getters[\"paymentChannels/listOfCountryForAddCred\"];\r\n    },\r\n    topBarPayoutData() {\r\n      return this.$store.getters[\"paymentChannels/topBarPayoutData\"];\r\n    },\r\n    // dataForWalletType() {\r\n    //   return this.$store.getters[\"paymentChannels/dataForWalletType\"];\r\n    // },\r\n    // dataForAllType() {\r\n    //   return this.$store.getters[\"paymentChannels/dataForAllType\"];\r\n    // },\r\n    // dataForCardType() {\r\n    //   return this.$store.getters[\"paymentChannels/dataForCardType\"];\r\n    // },\r\n    // dataForAtmCardType() {\r\n    //   return this.$store.getters[\"paymentChannels/dataForAtmCardType\"];\r\n    // },\r\n    // selectedCountry() {\r\n    //   return this.countryList[0];\r\n    // },\r\n    // items() {\r\n    //   var queryParams = new URLSearchParams(window.location.search);\r\n    //   return [\r\n    //     {\r\n    //       text: this.$t(\"menuitems.integration.list.payconfig\"),\r\n    //       active: true\r\n    //     },\r\n    //     {\r\n    //       text: this.$t(\"menuitems.integration.list.pay-channels\"),\r\n    //       href: '/settings/payout-channel'\r\n    //     },\r\n    //     {\r\n    //       text: `${queryParams.get(\"channelName\")}`,\r\n    //       active: true,\r\n    //     },\r\n    //   ];\r\n    // },\r\n\r\n    // title() {\r\n    //   return this.$t(\"menuitems.integration.list.pay-channels\");\r\n    //   // return this.$t(\"menuitems.integration.list.pay-channelstwo\");\r\n    // },\r\n\r\n    userRoles() {\r\n      return this.$store.getters[\"auth/getUserRolesList\"];\r\n    },\r\n\r\n    isMasterMerchant() {\r\n      return this.$store.state.auth.currentUser.is_master_merchant;\r\n    },\r\n  },\r\n\r\n  created() {\r\n    // if(Object.keys(this.$store.state.paymentChannels.channels).length < 1){\r\n    let payload = {\r\n      country: [],\r\n      paymentMethod: \"\",\r\n      paymentType: \"PAYOUT\"\r\n    };\r\n    this.mKey = this.$route.query.mKey;\r\n    if(this.mKey && this.isMasterMerchant) {\r\n      payload.merchant_uuids = this.$route.query.mKey;\r\n    }\r\n\r\n    this.$store.dispatch(`paymentChannels/${FETCH_ALL_PAYMENT_CHANNEL}`, payload);\r\n    // }\r\n\r\n    payload = {\r\n      channelName: this.$route.query.channelName,\r\n      payType: \"PAYOUT\",\r\n    }\r\n    if(this.mKey && this.isMasterMerchant) {\r\n      payload.merchant_uuids = this.$route.query.mKey;\r\n    }\r\n   this.$store.dispatch(`paymentChannels/${FETCH_SELECTED_PAYMENT_CHANNEL_CREDENTIALS}`, payload);\r\n    this.paymentChannelCreds = cloneDeep(this.paymentChannelCredsList);\r\n  },\r\n\r\n  watch: {\r\n    paymentChannelCredsList() {\r\n      this.paymentChannelCreds = cloneDeep(this.paymentChannelCredsList);\r\n    },\r\n    paymentmethodCredsList() {\r\n      this.paymentsMethodsData = cloneDeep(this.paymentmethodCredsList);\r\n    },\r\n    // selectedCountry() {\r\n    //   this.selected_country = this.selectedCountry\r\n    // },\r\n    // selected_country() {\r\n      // var queryParams = new URLSearchParams(window.location.search)\r\n      // var qrcode_channelName = queryParams.get(\"channelName\")\r\n      // var selected_country_for_method = \"\"\r\n      // if(this.paymentChannelCredsList.length > 0 && this.selected_country){\r\n      //   this.paymentChannelCredsList.forEach((channel) => {\r\n      //     if(channel.country == this.selected_country.key){\r\n      //        selected_country_for_method = channel.key\r\n      //     }\r\n      //   });\r\n      //   this.$store.dispatch(`paymentChannels/${FETCH_PAYMENT_METHODS_CREDENTIALS}`, {channel_key: selected_country_for_method})\r\n      // }  \r\n    // },\r\n    selected_country_for_add_cred() {\r\n      this.paymentChannelCredsList.forEach((channel) => {\r\n        if(channel.country == this.selected_country_for_add_cred.key){\r\n            this.addChannelCred = cloneDeep(channel);\r\n            this.addChannelCredCopy = cloneDeep(channel);\r\n        }\r\n      });\r\n    },\r\n  },\r\n\r\n  mounted() {\r\n    this.paymentChannelCreds = cloneDeep(this.paymentChannelCredsList);\r\n    this.paymentsMethodsData = cloneDeep(this.paymentmethodCredsList);\r\n    // this.selected_country = this.countryList[0];\r\n  },\r\n    \r\n  destroyed() {\r\n    // document.body.classList.remove(\"dynamic-body\");\r\n    // this.selected_country = {}\r\n    this.$store.commit(`paymentChannels/${UPDATE_PAYMENT_METHODS_DETAILS_IN_STORE}`, []);\r\n    this.$store.commit(`paymentChannels/${UPDATE_SELECTED_PAYMENT_CHANNEL_DETAILS_IN_STORE}`, []);\r\n  },\r\n\r\n  validations: {\r\n    paymentChannelCreds: {},\r\n  },\r\n\r\n  methods: {\r\n    ...paymentMethods,\r\n\r\n    handlePayInSubmit() {\r\n      // stop here if form is invalid\r\n      this.$v.$touch();\r\n      for (var key in this.currentChannel.creds) {\r\n        if(this.currentChannel.creds[key].value.includes(\"*\") && this.currentChannel.creds[key].value[0] == \"*\") {\r\n          delete this.currentChannelCopy.creds[key];\r\n        } else {\r\n          this.currentChannelCopy.creds[key] = this.currentChannel.creds[key]\r\n        }\r\n      }\r\n\r\n      let payload = {\r\n        channelId: this.currentChannel.key,\r\n        payChannel: this.currentChannelCopy,\r\n        payType:\"PAYOUT\"\r\n      };\r\n\r\n      if(this.mKey && this.isMasterMerchant) {\r\n        payload.merchant_uuids = this.mKey;\r\n      }\r\n\r\n      this.$store.dispatch(`paymentChannels/${UPDATE_PAYMENT_METHOD_CREDENTIALS}`, payload);\r\n      this.hidePayInModal();\r\n    },\r\n    selectvaflow(p){\r\n      this.addChannelCred.is_va_flow = p;\r\n    },\r\n    handleAddCredPayInSubmit() {\r\n      // stop here if form is invalid\r\n      this.$v.$touch();\r\n      for (var key in this.addChannelCred.creds) {\r\n        if(this.addChannelCred.creds[key].value.includes(\"*\") && this.addChannelCred.creds[key].value[0] == \"*\") {\r\n          delete this.addChannelCredCopy.creds[key];\r\n        } else {\r\n          this.addChannelCredCopy.creds[key] = this.addChannelCred.creds[key]\r\n        }\r\n      }\r\n\r\n      if(this.addChannelCred.key == 'EPAY_PAYOUT'){\r\n        this.addChannelCred.is_va_flow = true;\r\n      }\r\n      else if(['GBPRIMEPAY_PAYOUT', 'APPOTAPAY_PAYOUT', 'BBL_PAYOUT'].includes(this.addChannelCred.key)){\r\n        this.addChannelCred.is_va_flow = false;\r\n      }\r\n      //this.addChannelCredCopy.is_va_flow = this.addChannelCred.is_va_flow;\r\n      let payload = {\r\n        channelId: this.addChannelCred.key,\r\n        payChannel: this.addChannelCredCopy,\r\n        payType:\"PAYOUT\",\r\n        is_va_flow: this.addChannelCred.is_va_flow,\r\n      }\r\n\r\n      if(this.mKey && this.isMasterMerchant) {\r\n        payload.merchant_uuids = this.mKey;\r\n      }\r\n      this.$store.dispatch(`paymentChannels/${ADD_PAYMENT_METHOD_CREDENTIALS}`, payload);\r\n\r\n      this.hideAddCredPayInModal();\r\n    },\r\n\r\n    // markasEnabledAndDefault(method,cardType) {\r\n    //   if(cardType == \"card\"){\r\n    //     var data = {\r\n    //         \"action_type\": \"UPDATE_DEFAULT_STATUS\",\r\n    //         \"method_key\": method.key,\r\n    //         \"method_sub_type\": method.sub_type,\r\n    //         \"is_enabled\": method.is_default ? false : true\r\n    //     }\r\n    //   }else{\r\n    //     data = {\r\n    //         \"action_type\": \"UPDATE_ENABLE_STATUS\",\r\n    //         \"method_key\": method.key,\r\n    //         \"method_sub_type\": \"\",\r\n    //         \"is_enabled\": method.is_enabled ? false : true\r\n    //     }\r\n    //   }\r\n    //   var selected_country_for_method = \"\"\r\n    //   this.paymentChannelCredsList.forEach((channel) => {\r\n    //     if(channel.country == this.selected_country.key){\r\n    //        selected_country_for_method = channel.key\r\n    //     }\r\n    //   });\r\n    //   this.$store.dispatch(`paymentChannels/${UPDATE_ENABLE_AND_DEFAULT_STATUS}`, {\r\n    //     statusData: data,\r\n    //     countryForMethod: selected_country_for_method\r\n    //   });\r\n    // },\r\n    \r\n    openPayInModal(channel,viewType) {\r\n      this.showPayInmodal = true;\r\n      this.currentChannel = cloneDeep(channel);\r\n      this.currentChannelCopy = cloneDeep(channel);\r\n      if(viewType == \"preview\"){\r\n        this.inViewMode = true;\r\n      }else{\r\n        this.inViewMode = false;\r\n      }\r\n    },\r\n\r\n    hidePayInModal() {\r\n      this.currentChannel = null;\r\n      this.currentChannelCopy = null;\r\n      this.showPayInmodal = false;\r\n    },\r\n    getChaipayWebhook() {\r\n        var queryParams = new URLSearchParams(window.location.search);\r\n        return `${CHAIPAY_API_URL}/payout/webhook/${queryParams.get(\"channelName\").toLowerCase()}/${this.chaiPayKey}`;\r\n    },\r\n\r\n    openAddCredPayInModal() {\r\n      if(this.countryListForAddCred.length > 0){\r\n          this.selected_country_for_add_cred = this.countryListForAddCred[0];\r\n          this.paymentChannelCredsList.forEach((channel) => {\r\n            if(channel.country == this.countryListForAddCred[0].key){\r\n                this.addChannelCred = cloneDeep(channel);\r\n                this.addChannelCredCopy = cloneDeep(channel);\r\n            }\r\n          });\r\n        this.showAddCredPayInmodal = true;\r\n      }else{\r\n          this.NoCountryAvailable();\r\n      }\r\n\r\n    },\r\n\r\n    hideAddCredPayInModal() {\r\n      this.addChannelCred = null;\r\n      this.addChannelCredCopy = null;\r\n      this.showAddCredPayInmodal = false;\r\n    },\r\n\r\n    onCopyWebhookURL() {\r\n      var queryParams = new URLSearchParams(window.location.search);\r\n      this.$notify({\r\n        type: \"success\",\r\n        text: `PortOne provided webhook for ${queryParams.get(\"channelName\").toLowerCase()} copied to clipboard.`,\r\n        closeOnClick: true,\r\n      });\r\n    },\r\n    NoCountryAvailable() {\r\n      this.$notify({\r\n        type: \"info\",\r\n        text: this.$t('views.payment_channels.no_more_countries_to_add'),\r\n        closeOnClick: true,\r\n      });\r\n    },\r\n    credentialFieldFormat(key){\r\n      const text = key;\r\n      const result = text.replace(/([A-Z])/g, \" $1\");\r\n      const finalResult = result.charAt(0).toUpperCase() + result.slice(1);\r\n      return finalResult;\r\n\r\n    },\r\n    convertCodeToCountry(val){\r\n      if(val == \"VN\"){\r\n          return \"Vietnam\"\r\n      }else if(val== \"TH\"){\r\n        return \"Thailand\"\r\n      }else if(val== \"SG\"){\r\n        return \"Singapore\"\r\n      }else if(val== \"ID\"){\r\n        return \"Indonesia\"\r\n      }else if(val== \"MY\"){\r\n        return \"Malaysia\"\r\n      }else if(val== \"PH\"){\r\n        return \"Philippines\"\r\n      }else if(val== \"TW\"){\r\n        return \"Taiwan\"\r\n      }else if(val== \"KE\"){\r\n        return \"Kenya\"\r\n      }else if(val== \"ZA\"){\r\n        return \"South Africa\"\r\n      }else if(val== \"NG\"){\r\n        return \"Nigeria\"\r\n      }else if(val == \"GLOBAL\"){\r\n        return \"GLOBAL\"\r\n      }\r\n    },\r\n    selectedFile(fieldName, fileList) {\r\n      console.log(fileList[0]);\r\n      let file = fileList[0];\r\n      let reader = new FileReader();\r\n      reader.readAsText(file, \"UTF-8\");\r\n      reader.onload =  evt => {\r\n        this.addChannelCred.creds[fieldName].value = evt.target.result;\r\n      }\r\n      reader.onerror = evt => {\r\n        console.error(evt);\r\n      }\r\n      \r\n    },\r\n    gobackChannel() {\r\n        this.$router.push(\"/settings/pay-channel\");\r\n        this.$router.push({name: 'Payment Channels', query: {tab: 'Payout Channels'}});\r\n    },\r\n     selectedFileForUpdate(fieldName, fileList) {\r\n      console.log(fileList[0]);\r\n      let file = fileList[0];\r\n      let reader = new FileReader();\r\n      reader.readAsText(file, \"UTF-8\");\r\n      reader.onload =  evt => {\r\n        this.currentChannel.creds[fieldName].value = evt.target.result;\r\n      }\r\n      reader.onerror = evt => {\r\n        console.error(evt);\r\n      }\r\n      \r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<template>\r\n  <Layout>\r\n    <!-- <PageHeader :title=\"title\" :items=\"items\" /> -->\r\n    <div class=\"\">\r\n      <div class=\"pt-0\">\r\n          <!-- Payment Channel tab -->\r\n            <div class=\"row\">\r\n              <div data-v-254e0753=\"\" class=\"col-12 mb-3\" style=\"font-weight: bold; font-size: 18px;\" v-if=\"isMasterMerchant && $route.query.mEmail\">{{ $route.query.mEmail }}</div>\r\n              <div class=\"col-xl-5 col-sm-12\">  \r\n                <div\r\n                  class=\"card border\"\r\n                  style=\"background: rgba(220, 218, 213, 0.30);border-radius: 15px;border: 1px #DCDAD5 solid; box-shadow: none; margin-bottom: 0px;\">\r\n                  <div class=\"card-body\" style=\"padding:30px;\">\r\n                      <div class=\"right-top-section\">\r\n                        <!-- <img src=\"@/assets/images/update_config_page.png\" class=\"cursor-pointer right-top-bg-image\" alt /> -->\r\n                        <div class=\"media-body media-body-custom img-container\">\r\n                          <img\r\n                            :src=\"`${topBarPayoutData.logo}`\"\r\n                            alt\r\n                            class=\"avatar-custom\"\r\n                            style=\"object-fit: contain; display: block;\"\r\n                          />\r\n                          <div>\r\n                            <p style=\"margin-bottom: 0px;font-size: 20px;font-weight: 400;padding-left: 25px;\">\r\n                              {{ topBarPayoutData.key }}\r\n                            </p>\r\n                            <p style=\"margin-bottom: 0px;margin-top: 10px;font-size: 16px;font-weight: 325;padding-left: 25px; color:rgba(0, 0, 0, 0.50);\">\r\n                              {{ topBarPayoutData.type }}\r\n                            </p>\r\n                          </div>\r\n                        </div>\r\n                        <div style=\"color: rgba(0, 0, 0, 0.70); font-size: 14px; word-wrap: break-word; padding-top: 10px;line-height: normal;\">\r\n                          {{ topBarPayoutData.description }}\r\n                        </div>\r\n                      <!-- <b-button v-b-toggle.sidebar-right @click=\"openAddCredPayInModal()\" class=\"btn btn-custom btn-primary btn-block dark-bg\">+ Add Keys</b-button> -->\r\n                        <div class=\"button-section\">\r\n                          <b-btn class=\"back-button\" @click=\"gobackChannel\">\r\n                              <img src=\"@/assets/images/arrow_left.svg\" alt=\"back\" />\r\n                            </b-btn>\r\n                          <b-button @click=\"openAddCredPayInModal()\" class=\"btn btn-custom btn-primary dark-bg\">+ {{ $t('views.payouts.add_keys') }}</b-button>\r\n                        </div>\r\n                      </div>\r\n                  </div>\r\n                </div>\r\n                <div style=\"margin-top: 25px; margin-bottom: 25px;\" class=\"right-bottom-section\">\r\n                        <div class=\"\">\r\n                          <div\r\n                            v-for=\"(data, index) in paymentChannelCredsList\"\r\n                            :key=\"index\">\r\n                            <div class=\"cred-section mt-3\" v-if=\"data.is_enabled\">\r\n                              <!-- <div class=\"creds-container\">\r\n                                <div class=\"value-class country-class\">{{convertCodeToCountry(data.country)}}</div>\r\n                                <button class=\"btn btn-primary float-right btn-sm\" @click=\"openPayInModal(data,'preview')\">Manage Keys</button>\r\n                              </div> -->\r\n                              <div class=\"creds-container\">\r\n                                <div class=\"creds-container-top-section\">\r\n                                  <div class=\"img-container cursor-pointer\">\r\n                                    <div style=\"width: 40px;height: 40px;margin-right: 20px;\">\r\n                                      <img v-if=\"data.country == 'GLOBAL'\" style=\"width: 100%;height: 100%; border-radius: 50%;\" src=\"@/assets/images/flags/global.png\" alt />\r\n                                      <img v-if=\"data.country == 'VN'\" style=\"width: 100%;height: 100%; border-radius: 50%;\" src=\"@/assets/images/flags/vietnam_rounded.png\" alt />\r\n                                      <img v-if=\"data.country == 'TH'\" style=\"width: 100%;height: 100%; border-radius: 50%;\" src=\"@/assets/images/flags/thailand.jpeg\" alt />\r\n                                      <img v-if=\"data.country == 'ID'\" style=\"width: 100%;height: 100%; border-radius: 50%;\" src=\"@/assets/images/flags/indonesia.png\" alt />\r\n                                      <img v-if=\"data.country == 'SG'\" style=\"width: 100%;height: 100%; border-radius: 50%;\" src=\"@/assets/images/flags/singapore.png\" alt />\r\n                                      <img v-if=\"data.country == 'MY'\" style=\"width: 100%;height: 100%; border-radius: 50%;\" src=\"@/assets/images/flags/malaysia.svg\" alt />\r\n                                      <img v-if=\"data.country == 'TW'\" style=\"width: 100%;height: 100%; border-radius: 50%;\" src=\"@/assets/images/flags/taiwan.png\" alt />\r\n                                      <img v-if=\"data.country == 'PH'\" style=\"width: 100%;height: 100%; border-radius: 50%;\" src=\"@/assets/images/flags/philippines.png\" alt />\r\n                                      <img v-if=\"data.country == 'HK'\" style=\"width: 100%;height: 100%; border-radius: 50%;\" src=\"@/assets/images/flags/hong_kong.svg\" alt />\r\n                                      <img v-if=\"data.country == 'JP'\" style=\"width: 100%;height: 100%; border-radius: 50%;\" src=\"@/assets/images/flags/japan.png\" alt />\r\n                                      <img v-if=\"data.country == 'IN'\" style=\"width: 100%;height: 100%; border-radius: 50%;\" src=\"@/assets/images/flags/india.svg\" alt />\r\n                                      <img v-if=\"data.country == 'AU'\" style=\"width: 100%;height: 100%; border-radius: 50%;\" src=\"@/assets/images/flags/australia.svg\" alt />\r\n                                      <img v-if=\"data.country == 'KR'\" style=\"width: 100%;height: 100%; border-radius: 50%;\" src=\"@/assets/images/flags/korea.svg\" alt />\r\n                                      <img v-if=\"data.country == 'KE'\" style=\"width: 100%;height: 100%; border-radius: 50%;\" src=\"@/assets/images/flags/Kenya.png\" alt />\r\n                                      <img v-if=\"data.country == 'ZA'\" style=\"width: 100%;height: 100%; border-radius: 50%;\" src=\"@/assets/images/flags/south_africa.png\" alt />\r\n                                      <img v-if=\"data.country == 'NG'\" style=\"width: 100%;height: 100%; border-radius: 50%;\" src=\"@/assets/images/flags/nigeria.png\" alt />\r\n                                      <!-- <img v-if=\"data.country == 'MY'\" style=\"width: 100%;height: 100%; border-radius: 50%;\" src=\"@/assets/images/flags/malaysia.svg\" alt /> -->\r\n                                    </div>\r\n                                    <div>\r\n                                      <div style=\"font-size: 18px;font-weight: 400;\" class=\"cursor-pointer value-class d-inline-block country-class\">{{convertCodeToCountry(data.country)}}</div>\r\n                                      <div style=\"color: rgba(0, 0, 0, 0.50);font-size: 14px;font-weight: 325;padding-top: 10px;\">Select {{convertCodeToCountry(data.country)}} payments </div>\r\n                                    </div>\r\n                                  </div>\r\n                                  <span @click=\"openPayInModal(data,'preview')\" role=\"button\" tabindex=\"0\" style=\"float: right; color: #FC6B2D; cursor: pointer;\">{{ $t('views.payment_channels.manage_keys') }}\r\n                                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\">\r\n                                      <g id=\"Iconsax/Linear/arrowright\">\r\n                                        <path id=\"Vector\" d=\"M10.8225 4.44727L15.375 8.99977L10.8225 13.5523M2.625 8.99977H15.2475\" stroke=\"#FC6B2D\" stroke-width=\"1.5\" stroke-miterlimit=\"10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\r\n                                      </g>\r\n                                    </svg>\r\n                                  </span>\r\n\r\n                                  <!-- <button class=\"btn btn-primary float-right btn-sm\" @click=\"openPayInModal(data,'preview')\">{{  $t(\"views.payment_channels.manage_keys\") }}</button> -->\r\n                                </div>\r\n                              </div>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                    </div>\r\n              </div>  \r\n                         <!-- <div\r\n                  class=\"card border\"\r\n                  style=\"border-radius: 10px;box-shadow: 0px 3px 10px #0000001A;\">\r\n                  <div class=\"card-body card-body-custom\">\r\n                      <form id=\"modal\" action=\"#\">\r\n                        <div class=\"form-group\">\r\n                          <label style=\"\" for=\"webhookUrl\">{{ $t('views.payouts.webhook_endpoint') }}</label>\r\n                          <i class=\"ri-file-copy-line ml-2 align-middle cursor-pointer copy-icon\"\r\n                          v-clipboard:copy=\"getChaipayWebhook()\"\r\n                          v-clipboard:success=\"onCopyWebhookURL\"\r\n                          v-b-tooltip.hover\r\n                          :title=\"$t('common.copy')\"></i>\r\n                          <input\r\n                            id=\"webhookUrl\"\r\n                            type=\"text\"\r\n                            class=\"form-control\"\r\n                            name=\"webhookUrl\"\r\n                            v-clipboard:copy=\"getChaipayWebhook()\"\r\n                            :value=\"getChaipayWebhook()\"\r\n                            readonly\r\n                          />\r\n                          <b-tooltip target=\"webhookUrl\">\r\n                            <p>\r\n                              {{ $t('views.payouts.config_tooltip') }}\r\n                            </p>\r\n                          </b-tooltip>\r\n                        </div>\r\n                      </form>\r\n                  </div>\r\n                </div> -->\r\n\r\n                <div class=\"col-xl-12 col-sm-12\">\r\n                  <div class=\"card\"\r\n                    style=\"background: rgba(220, 218, 213, 0.3); border-radius: 15px; box-shadow: none;\">\r\n                    <div class=\"card-body\" style=\"padding: 30px;\">\r\n                        <form id=\"modal\" action=\"#\">\r\n                          <div class=\"form-group\" style=\"margin-bottom: 0px;\">\r\n                            <label style=\"\" for=\"webhookUrl\">{{ $t('views.payment_channels.webhook_endpoint') }}</label>\r\n                            <span data-v-06c6b9d8=\"\" :title=\"$t('common.copy')\"\r\n                              v-b-tooltip.hover\r\n                              v-clipboard:copy=\"getChaipayWebhook()\"\r\n                              v-clipboard:success=\"onCopyWebhookURL\"\r\n                              class=\"ml-2 cursor-pointer copy-icon\" style=\"cursor: pointer; width: 39px; height: 39px; background: rgb(245, 244, 243); border-radius: 8px; display: inline-block;\">\r\n                              <svg data-v-06c6b9d8=\"\" xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);\">\r\n                              <g data-v-06c6b9d8=\"\" opacity=\"0.7\" clip-path=\"url(#clip0_1540_47398)\">\r\n                                <path data-v-06c6b9d8=\"\" d=\"M12 9.675V12.825C12 15.45 10.95 16.5 8.325 16.5H5.175C2.55 16.5 1.5 15.45 1.5 12.825V9.675C1.5 7.05 2.55 6 5.175 6H8.325C10.95 6 12 7.05 12 9.675Z\" stroke=\"black\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\r\n                                <path data-v-06c6b9d8=\"\" d=\"M16.5 5.175V8.325C16.5 10.95 15.45 12 12.825 12H12V9.675C12 7.05 10.95 6 8.325 6H6V5.175C6 2.55 7.05 1.5 9.675 1.5H12.825C15.45 1.5 16.5 2.55 16.5 5.175Z\" stroke=\"black\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\r\n                              </g>\r\n                              <defs data-v-06c6b9d8=\"\">\r\n                                <clipPath data-v-06c6b9d8=\"\" id=\"clip0_1540_47398\">\r\n                                  <rect data-v-06c6b9d8=\"\" width=\"18\" height=\"18\" fill=\"white\"></rect>\r\n                                </clipPath>\r\n                              </defs>\r\n                              </svg>\r\n                            </span>\r\n\r\n\r\n                            <input\r\n                              id=\"webhookUrl\"\r\n                              type=\"text\"\r\n                              class=\"form-control\"\r\n                              name=\"webhookUrl\"\r\n                              v-clipboard:copy=\"getChaipayWebhook()\"\r\n                              :value=\"getChaipayWebhook()\"\r\n                              readonly\r\n                            />\r\n                            <b-tooltip target=\"webhookUrl\">\r\n                              <p>\r\n                                {{ $t('views.payouts.config_tooltip') }}\r\n                              </p>\r\n                            </b-tooltip>\r\n                          </div>\r\n                        </form>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              <!-- <div\r\n                class=\"col-xl-7 col-sm-12\">\r\n                <div\r\n                  class=\"card border\"\r\n                  style=\"border-radius: 10px;box-shadow: 0px 3px 10px #0000001A;\">\r\n                  <div class=\"card-body card-body-custom\">\r\n                    <div class=\"county-wallet-top-bar mb-3 mt-1\">\r\n                      <img src=\"@/assets/images/country.png\" alt />\r\n                      <p class=\"d-inline ml-2\">Country</p>\r\n                    </div>\r\n                    <div class=\"col-md-8 row\">\r\n                      <multiselect\r\n                        v-model=\"selected_country\"\r\n                        :options=\"countryList\"\r\n                        track-by=\"value\" \r\n                        label=\"value\"\r\n                        placeholder=\"Select Country\"\r\n                        size=\"sm\"\r\n                        :searchable=\"false\"\r\n                        :multiple=\"false\"\r\n                        :taggable=\"true\"\r\n                        :allowEmpty=\"false\"\r\n                        :show-labels=\"false\"\r\n                      ></multiselect>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                  <div\r\n                  class=\"card border\" v-if=\"dataForWalletType.length > 0\"\r\n                  style=\"border-radius: 10px;box-shadow: 0px 3px 10px #0000001A;\">\r\n                    <div class=\"card-body card-body-custom\">\r\n                      <div class=\"county-wallet-top-bar mb-3 mt-1\">\r\n                        <img src=\"@/assets/images/wallet.png\" alt />\r\n                        <p class=\"d-inline ml-2\">Wallets</p>\r\n                      </div>\r\n                      <div\r\n                        v-for=\"(data, index) in dataForWalletType\"\r\n                        :key=\"index\"\r\n                        class=\"cred-section mt-4\">\r\n                        <div class=\"row\">\r\n                          <div class=\"col-md-3\">{{ data.name }}</div>\r\n                          <div class=\"col-md-8\">\r\n                          <toggle-button @change=\"markasEnabledAndDefault(data)\"\r\n                          :value=\"data.is_enabled\"\r\n                          :width=80\r\n                          :font-size=11\r\n                          :height=25\r\n                          :margin=3\r\n                          :color=\"{checked: '#252B3A', unchecked: '#BFCBD9', disabled: '#CCCCCC'}\"\r\n                          :labels=\"{checked: 'Enabled', unchecked: 'Disabled'}\"/>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div\r\n                  class=\"card border\" v-if=\"dataForCardType.length > 0\"\r\n                  style=\"border-radius: 10px;box-shadow: 0px 3px 10px #0000001A;\">\r\n                    <div class=\"card-body card-body-custom\">\r\n                      <div class=\"county-wallet-top-bar mb-3 mt-1\">\r\n                        <img src=\"@/assets/images/card.png\" alt />\r\n                        <p class=\"d-inline ml-2\">Credit Cards</p>\r\n                      </div>\r\n                      <div\r\n                        v-for=\"(data) in dataForCardType\"\r\n                        :key=\"data.key\"\r\n                        class=\"cred-section mt-4\">\r\n                        <div class=\"row\">\r\n                          <div class=\"col-md-3\"><span class=\"d-inline-block align-middle\">{{ data.name }}</span></div>\r\n                          <div class=\"col-md-8\">\r\n                          <toggle-button @change=\"markasEnabledAndDefault(data)\"\r\n                          :value=\"data.is_enabled\"\r\n                          :width=80\r\n                          :font-size=11\r\n                          :height=25\r\n                          :margin=3\r\n                          :color=\"{checked: '#252B3A', unchecked: '#BFCBD9', disabled: '#CCCCCC'}\"\r\n                          :labels=\"{checked: 'Enabled', unchecked: 'Disabled'}\"/>\r\n                            <div class=\"default-class d-inline ml-5\"\r\n                            v-if=\"data.is_default\">\r\n                              <i class=\"bx ri-checkbox-circle-line check-class\"></i> Default\r\n                            </div>\r\n                            <button\r\n                              href=\"javascript:void(0);\"\r\n                              class=\"btn btn-primary ml-5 pt-1 pb-1\"\r\n                              v-if=\"!data.is_default\"\r\n                              style=\"font-size: 12px; border: 1px solid #DAD9D9; color: #D9D9D9; background: #fff;\"\r\n                              @click=\"markasEnabledAndDefault(data,'card')\"\r\n                            >\r\n                              Make Default\r\n                            </button>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div\r\n                  class=\"card border\" v-if=\"dataForAtmCardType.length > 0\"\r\n                  style=\"border-radius: 10px;box-shadow: 0px 3px 10px #0000001A;\">\r\n                    <div class=\"card-body card-body-custom\">\r\n                      <div class=\"county-wallet-top-bar mb-3 mt-1\">\r\n                        <img src=\"@/assets/images/card.png\" alt />\r\n                        <p class=\"d-inline ml-2\">ATM Cards</p>\r\n                      </div>\r\n                      <div\r\n                        v-for=\"(data) in dataForAtmCardType\"\r\n                        :key=\"data.key\"\r\n                        class=\"cred-section mt-4\">\r\n                        <div class=\"row\">\r\n                          <div class=\"col-md-3\"><span class=\"d-inline-block align-middle\">{{ data.name }}</span></div>\r\n                          <div class=\"col-md-8\">\r\n                          <toggle-button @change=\"markasEnabledAndDefault(data)\"\r\n                          :value=\"data.is_enabled\"\r\n                          :width=80\r\n                          :font-size=11\r\n                          :height=25\r\n                          :margin=3\r\n                          :color=\"{checked: '#252B3A', unchecked: '#BFCBD9', disabled: '#CCCCCC'}\"\r\n                          :labels=\"{checked: 'Enabled', unchecked: 'Disabled'}\"/>\r\n                            <div class=\"default-class d-inline ml-5\"\r\n                            v-if=\"data.is_default\">\r\n                              <i class=\"bx ri-checkbox-circle-line check-class\"></i> Default\r\n                            </div>\r\n                            <button\r\n                              href=\"javascript:void(0);\"\r\n                              class=\"btn btn-primary ml-5 pt-1 pb-1\"\r\n                              v-if=\"!data.is_default\"\r\n                              style=\"font-size: 12px; border: 1px solid #DAD9D9; color: #D9D9D9; background: #fff;\"\r\n                              @click=\"markasEnabledAndDefault(data,'card')\"\r\n                            >\r\n                              Make Default\r\n                            </button>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div\r\n                  class=\"card border\" v-if=\"dataForAllType.length > 0\"\r\n                  style=\"border-radius: 10px;box-shadow: 0px 3px 10px #0000001A;\">\r\n                    <div class=\"card-body card-body-custom\">\r\n                      <div class=\"county-wallet-top-bar mb-3 mt-1\">\r\n                        <img src=\"@/assets/images/wallet.png\" alt />\r\n                        <p class=\"d-inline ml-2\">All</p>\r\n                      </div>\r\n                      <div\r\n                        v-for=\"(data, index) in dataForAllType\"\r\n                        :key=\"index\"\r\n                        class=\"cred-section mt-4\">\r\n                        <div class=\"row\">\r\n                          <div class=\"col-md-3\">{{ data.name }}</div>\r\n                          <div class=\"col-md-8\">\r\n                          <toggle-button @change=\"markasEnabledAndDefault(data)\"\r\n                          :value=\"data.is_enabled\"\r\n                          :width=80\r\n                          :font-size=11\r\n                          :height=25\r\n                          :margin=3\r\n                          :color=\"{checked: '#252B3A', unchecked: '#BFCBD9', disabled: '#CCCCCC'}\"\r\n                          :labels=\"{checked: 'Enabled', unchecked: 'Disabled'}\"/>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n              </div> -->\r\n            </div>\r\n      </div>\r\n\r\n      <!-- Payment Channel Modal -->\r\n      <div>\r\n        <!-- Right Sidebar -->\r\n        <div class=\"right-bar\"\r\n        :class=\"{\r\n            'active': showPayInmodal\r\n          }\">\r\n          <div v-if=\"currentChannel\" data-simplebar class=\"h-100\">\r\n            <div class=\"rightbar-title\">\r\n              <div class=\"right-top-section\">\r\n                <div class=\"card-body-custom\" style=\"padding: 25px;\">\r\n                  <i class=\"ri-pencil-fill cursor-pointer edit-button\" v-if=\"inViewMode\" @click=\"openPayInModal(currentChannel,'edit')\"></i>\r\n                  <i class=\"mdi mdi-close noti-icon float-right cursor-pointer\" @click=\"hidePayInModal\"></i>\r\n                  <div class=\"media-body media-body-custom\">\r\n                    <img\r\n                      :src=\"`${topBarPayoutData.logo}`\"\r\n                      alt\r\n                      class=\"avatar-custom\"\r\n                      style=\"object-fit: contain; display: block;\"\r\n                    />\r\n                    <p class=\"d-inline-block mb-0\" style=\"font-size: 20px;font-weight: 400;margin-top: 20px;\">\r\n                      {{ topBarPayoutData.key }} {{ topBarPayoutData.type }}\r\n                    </p>\r\n                  </div>\r\n                </div>\r\n                <div class=\"border-sep\"></div>\r\n              </div>\r\n            </div>\r\n            <div style=\"padding: 25px;\">\r\n              <form id=\"modal\" action=\"#\" @submit.prevent=\"handlePayInSubmit\">\r\n                <div class=\"form-group\">\r\n                  <label>{{ $t('views.payouts.country') }}</label>\r\n                  <div class=\"form-control\">{{convertCodeToCountry(currentChannel.country)}}</div>\r\n                </div>\r\n                <div\r\n                  class=\"form-group\"\r\n                  v-for=\"(value, key) in currentChannel.creds\"\r\n                  :key=\"key\"\r\n                >\r\n                  <div v-if=\"currentChannel.creds[key].type == 'file'\">\r\n                    <label :for=\"key\">{{ key }}</label>\r\n                    <div v-if=\"!inViewMode\" class=\"position-relative mb-3\">\r\n                      <div class=\"bulk-upload-button btn-sm\">{{ $t('button.select_file') }}</div>\r\n                      <input type=\"file\" :id=\"key\" multiple :name=\"key\" @change=\"selectedFileForUpdate($event.target.name, $event.target.files)\" class=\"file_Upload input-file\">\r\n                    </div>\r\n                    <textarea v-model=\"currentChannel.creds[key].value\" readOnly disabled class=\"w-100 form-control\" placeholder=\"Preview for Keys\"></textarea>\r\n                  </div>\r\n                  <div v-if=\"currentChannel.creds[key].type == 'text'\">\r\n                    <label :for=\"key\">{{ key }}</label>\r\n                    <input   \r\n                      :id=\"key\"\r\n                      v-model=\"currentChannel.creds[key].value\"\r\n                      type=\"text\"\r\n                      class=\"form-control\"\r\n                      :placeholder=\"`Enter ${key}`\"\r\n                      :name=\"key\"\r\n                      :readonly=\"inViewMode\"\r\n                    />\r\n                  </div>\r\n                </div>\r\n                <div v-if=\"!inViewMode\" class=\"text-left\">\r\n                  <div class=\"border-sep\" style=\"margin-bottom: 30px;margin-top: 30px;\"></div>\r\n                    <b-button style=\"padding: 12px 20px; font-weight: 400; color:#000; background:#fff;border: none;\" class=\"mr-2\" variant=\"light\" @click=\"hidePayInModal\"\r\n                    >{{ $t('button.cancel') }}</b-button>\r\n                  <button\r\n                    type=\"submit\"\r\n                    class=\"btn\"\r\n                    :disabled=\"!isValid\"\r\n                    style=\"padding: 12px 20px;background: rgba(220, 218, 213, 0.30);border-radius: 12px;color: #FC6B2D;font-weight: 400;\"\r\n                  >\r\n                    {{ $t('button.save') }}\r\n                  </button>\r\n                </div>\r\n              </form>\r\n            </div>\r\n          </div>\r\n          <!-- end slimscroll-menu-->\r\n        </div>\r\n        <!-- /Right-bar -->\r\n        <!-- Right bar overlay-->\r\n        <div @click=\"hidePayInModal\" class=\"rightbar-overlay\"\r\n        :class=\"{\r\n            'active': showPayInmodal\r\n        }\"></div>\r\n      </div>\r\n      <!-- Payment Channel Modal For Add Cred -->\r\n      <div>\r\n        <!-- Right Sidebar -->\r\n        <div class=\"right-bar\"\r\n        :class=\"{\r\n            'active': showAddCredPayInmodal\r\n          }\">\r\n          <div v-if=\"addChannelCred\" data-simplebar class=\"h-100\">\r\n            <div class=\"rightbar-title\">\r\n              <div class=\"right-top-section\">\r\n                <div class=\"card-body-custom\" style=\"padding: 25px;\">  \r\n                   <i class=\"mdi mdi-close noti-icon float-right cursor-pointer\" @click=\"hideAddCredPayInModal\"></i>\r\n                  <div class=\"media-body media-body-custom\">\r\n                    <img\r\n                      :src=\"`${topBarPayoutData.logo}`\"\r\n                      alt\r\n                      class=\"avatar-custom\"\r\n                      style=\"object-fit: contain; display: block;\"\r\n                    />\r\n                     <p class=\"d-inline-block mb-0\" style=\"font-size: 20px;font-weight: 400;margin-top: 20px;\">\r\n                      {{ topBarPayoutData.key }} {{ topBarPayoutData.type }}\r\n                    </p>\r\n                  </div>\r\n                </div>\r\n                <div class=\"border-sep\"></div>\r\n              </div>\r\n            </div>\r\n            <div style=\"padding: 25px;\" class=\"rightbar-content\">\r\n              <form id=\"modal\" action=\"#\" @submit.prevent=\"handleAddCredPayInSubmit\">\r\n                <multiselect\r\n                  v-model=\"selected_country_for_add_cred\"\r\n                  :options=\"countryListForAddCred\"\r\n                  placeholder=\"Select Country\"\r\n                  track-by=\"value\" \r\n                  label=\"value\"\r\n                  size=\"sm\"\r\n                  class=\"cursor-pointer\"\r\n                  :searchable=\"false\"\r\n                  :multiple=\"false\"\r\n                  :taggable=\"true\"\r\n                  :allowEmpty=\"false\"\r\n                  :show-labels=\"false\"\r\n                    style=\"margin-bottom: 25px;\"\r\n                ></multiselect>\r\n                <div\r\n                  class=\"form-group\"\r\n                  v-for=\"(value, key) in addChannelCred.creds\"\r\n                  :key=\"key\"\r\n                >\r\n                  <div v-if=\"addChannelCred.creds[key].type == 'file'\">\r\n                    <label :for=\"key\">{{ key }}</label>\r\n                    <div class=\"position-relative\">\r\n                      <div class=\"bulk-upload-button btn-sm\">{{ $t('button.select_file') }}</div>\r\n                      <input type=\"file\" :id=\"key\" multiple :name=\"key\" @change=\"selectedFile($event.target.name, $event.target.files)\" class=\"file_Upload input-file\">\r\n                    </div>\r\n                    <textarea v-model=\"addChannelCred.creds[key].value\" readOnly disabled class=\"mt-3 w-100 form-control\" placeholder=\"Preview for Keys\"></textarea>\r\n                  </div>\r\n                  <div v-if=\"addChannelCred.creds[key].type == 'text'\">\r\n                    <input   \r\n                      :id=\"key\"\r\n                      v-model=\"addChannelCred.creds[key].value\"\r\n                      type=\"text\"\r\n                      class=\"form-control\"\r\n                      :placeholder=\"`Enter ${credentialFieldFormat(key)}`\"\r\n                      :name=\"key\"\r\n                    />\r\n                  </div>\r\n                </div>\r\n                <div class=\"form-group\" v-if=\"!['GBPRIMEPAY_PAYOUT', 'APPOTAPAY_PAYOUT', 'BBL_PAYOUT', 'PAYNAMICS_PAYOUT'].includes(addChannelCred.key)\">\r\n                  <label>Use Virtual Account Flow</label>\r\n                  <div v-if=\"addChannelCred.key == 'EPAY_PAYOUT'\">\r\n                    <b-form-checkbox\r\n                      id=\"is_va_flow\"   \r\n                      v-model=\"checked\"\r\n                      name=\"is_va_flow\"\r\n                      switch\r\n                      disabled \r\n                    >\r\n                    </b-form-checkbox>\r\n                  </div>\r\n                  <div v-else>\r\n                    <b-form-checkbox\r\n                      id=\"is_va_flow\"    \r\n                      v-model=\"addChannelCred.is_va_flow\"\r\n                      @change=selectvaflow(addChannelCred.is_va_flow)\r\n                      name=\"is_va_flow\"\r\n                      switch\r\n                    >\r\n                    </b-form-checkbox>\r\n                  </div>\r\n\r\n                    \r\n                  </div>\r\n                <div class=\"text-left\">\r\n                  <div class=\"border-sep\" style=\"margin-bottom: 30px;margin-top: 30px;\"></div>\r\n                  <button\r\n                    type=\"submit\"\r\n                    class=\"btn\"\r\n                    style=\"padding: 12px 20px;background: rgba(220, 218, 213, 0.30);border-radius: 12px;color: #FC6B2D;font-weight: 400;\"\r\n                    :disabled=\"!isValidAddCred\"\r\n                  >\r\n                    {{ $t('button.save') }}\r\n                  </button>\r\n                </div>\r\n              </form>\r\n            </div>\r\n          </div>\r\n          <!-- end slimscroll-menu-->\r\n        </div>\r\n        <!-- /Right-bar -->\r\n        <!-- Right bar overlay-->\r\n        <div @click=\"hideAddCredPayInModal\" class=\"rightbar-overlay\"\r\n        :class=\"{\r\n            'active': showAddCredPayInmodal\r\n        }\"></div>\r\n      </div>\r\n    </div>\r\n  </Layout>\r\n</template>\r\n\r\n<style scoped>\r\ninput:focus:required:invalid {\r\n  color: green;\r\n}\r\n\r\n::v-deep .nav-tabs-custom {\r\n  margin-bottom: 24px;\r\n}\r\n.media-body-custom{\r\n    display: inline-block;\r\n    vertical-align: middle;\r\n}\r\n.card-body-custom{\r\n  padding:15px 20px;\r\n  position: relative;\r\n}\r\n.btn-custom{\r\n    float: right;\r\n    margin-top: 30px;\r\n    background-color: #5664d2;\r\n    border-color: #5664d2;\r\n}\r\n\r\n.creds-container{\r\n  position: relative;\r\n  border-radius: 15px; \r\n  border: 1px #DCDAD5 solid;\r\n}\r\n.creds-container.active{\r\n  background: rgba(220, 218, 213, 0.30);\r\n}\r\n.creds-container-top-section{\r\n  padding: 20px 25px 20px 25px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n.edit-button{\r\n  position: absolute;\r\n  right: 50px;\r\n  top: 25px;\r\n  font-size: 15px;\r\n}\r\n.view-button{\r\n  float: right;\r\n  letter-spacing: 0px;\r\n  color: #B3AFAF;\r\n  font-size: 13px;\r\n  text-decoration: underline;\r\n}\r\n.vue-js-switch{\r\n  margin-bottom: 0px;\r\n}\r\n.check-class{\r\n    padding-right: 5px;\r\n    position: relative;\r\n    top: 3px;\r\n    color:#1cbb8c;\r\n    font-weight: bold;\r\n}\r\n.county-wallet-top-bar img{\r\n    height:18px;\r\n    width:18px;\r\n    display:inline-block;\r\n    vertical-align: middle;\r\n}\r\n.county-wallet-top-bar p{\r\n    display:inline-block;\r\n    vertical-align: middle;\r\n}\r\n.dark-bg{\r\n  background-color: #252B3A;\r\n  border-color: #252B3A;\r\n}\r\n.right-top-section{\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n.img-container{\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: left;\r\n}\r\n.manage-credentials{\r\n    background-color: #eaeaea;\r\n    border-radius: 4px;\r\n    font-weight: 600;\r\n}\r\n.right-bar{\r\n  width: 30%;\r\n  right: -30%;\r\n}\r\n.right-bar.active{\r\n  right: 0px;\r\n}\r\n.rightbar-overlay.active{\r\n  display: block;\r\n  position: fixed;\r\n}\r\n.rightbar-title{\r\n  color:#252B3B;\r\n}\r\n.cursor-pointer{\r\n  cursor: pointer;\r\n}\r\n/* .right-bar .form-control,.right-bar .custom-multiselect .multiselect__tags{\r\n  border: 0.5px solid #00246414;;\r\n}\r\n::v-deep .custom-multiselect .multiselect__select:before{\r\n  z-index: 1;\r\n} */\r\n.file_Upload{\r\n    opacity: 0;\r\n    height: 30px;\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0px;\r\n    width: 140px;\r\n    z-index: 9999;\r\n    cursor: pointer;\r\n}\r\n.bulk-upload-button{\r\n    width: 120px!important;\r\n    text-align: center;\r\n    color: #FFFFFF;\r\n    background-color: #252B3A;\r\n    cursor: pointer;\r\n    border-radius: 5px;\r\n    display: block;\r\n}\r\n.right-top-bg-image{\r\n    position: absolute;\r\n    right: 0px;\r\n}\r\n.right-bottom-bg-image{\r\n  position: absolute;\r\n  bottom: 0px;\r\n}\r\n.avatar-custom{\r\n    height: 70px;\r\n    width: 95px;\r\n}\r\n.copy-icon{\r\n  position: absolute;\r\n  right: 30px;\r\n  top: 50px;\r\n  font-size: 18px;\r\n}\r\n.right-top-section button{\r\n  padding-left: 16px;\r\n  padding-right: 16px;\r\n  height: 44px;\r\n  font-size: 14px;\r\n }\r\n.button-section{\r\n  border-top: 1px #DCDAD5 solid;\r\n  margin-top: 30px;\r\n}\r\n.back-button{\r\n    width: 44px;\r\n    height: 44px;\r\n    border-radius: 12px;\r\n    padding: 0 !important;\r\n    background: #dfdedc;\r\n    border: none;\r\n    margin-top:30px;\r\n}\r\n.copy-icon{\r\n  position: absolute;\r\n  right: 35px;\r\n  top: 60px;\r\n}\r\n#webhookUrl{\r\n    padding-right: 35px;\r\n}\r\n::v-deep .page-content label{\r\n    color: black;\r\n    font-size: 15px;\r\n    margin-bottom: 10px;\r\n}\r\n.page-content .form-group{\r\n    margin-bottom: 25px;\r\n}\r\n::v-deep .page-content select, ::v-deep .page-content textarea, ::v-deep .page-content .form-control {\r\n    padding-left: 16px;\r\n    padding-right: 16px;\r\n    padding-top: 14px;\r\n    padding-bottom: 14px;\r\n    font-size: 14px;\r\n    color: #000;\r\n    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    border: 1px #DCDAD5 solid;\r\n    height: auto;\r\n}\r\n.border-sep{\r\n  border-top: 1px #DCDAD5 solid;\r\n}\r\n::v-deep .multiselect__tags {\r\n  border-radius: 12px;\r\n  padding: 12px 15px !important;\r\n  height: 44px;\r\n}\r\n::v-deep .multiselect__input,\r\n::v-deep .multiselect__single {\r\n  font-size: 15px !important;\r\n  color: #000;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n}\r\n::v-deep .multiselect__select{\r\n  height: 44px;\r\n}\r\n::v-deep .multiselect__placeholder{\r\n  color: #75788d !important;\r\n}\r\n.arrow_img.rotate_img{\r\n  transform: rotate(180deg);\r\n}\r\n.county-wallet-top-bar .arrow_img{\r\n  height: 18px;\r\n  width: 18px;\r\n  transition: .3s;\r\n}\r\n@media (max-width: 575px) {\r\n  ::v-deep .page-title-box{\r\n    display: block !important;\r\n  }\r\n  ::v-deep .page-title-box h4{\r\n    margin-bottom: 5px!important;\r\n  }\r\n}\r\n@media (max-width: 1420px) {\r\n  .right-bar{\r\n    width: 40%;\r\n    right: -40%;\r\n  }\r\n}\r\n@media (max-width: 400px) {\r\n  .right-bar{\r\n    width: 320px;\r\n    right: -320px;\r\n  }\r\n}\r\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!./update-config.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!./update-config.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./update-config.vue?vue&type=template&id=dd569314&scoped=true&\"\nimport script from \"./update-config.vue?vue&type=script&lang=js&\"\nexport * from \"./update-config.vue?vue&type=script&lang=js&\"\nimport style0 from \"./update-config.vue?vue&type=style&index=0&id=dd569314&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  \"dd569314\",\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!./update-config.vue?vue&type=style&index=0&id=dd569314&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/arrow_left.26890a40.svg\";"],"sourceRoot":""}