{"version":3,"sources":["webpack:///./src/views/pages/transactions/payment-details.vue?3a02","webpack:///./src/components/breadcrumb.vue?2e8e","webpack:///./src/assets/images/close.svg","webpack:///./src/views/pages/transactions/payment-details.vue?ce37","webpack:///src/views/pages/transactions/payment-details.vue","webpack:///./src/views/pages/transactions/payment-details.vue?3ac9","webpack:///./src/views/pages/transactions/payment-details.vue?8fe1","webpack:///./src/components/close-modal-btn.vue?e246","webpack:///src/components/close-modal-btn.vue","webpack:///./src/components/close-modal-btn.vue?8d25","webpack:///./src/components/close-modal-btn.vue","webpack:///./src/assets/images/drop_down.svg","webpack:///./src/assets/images/refund.svg","webpack:///./src/components/breadcrumb.vue?2dd7","webpack:///src/components/breadcrumb.vue","webpack:///./src/components/breadcrumb.vue?e486","webpack:///./src/components/breadcrumb.vue?525f","webpack:///./src/assets/images/drop_up.svg","webpack:///./src/assets/images/arrow_left.svg"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","items","name","transactionData","status","channel_name","isMasterMerchant","directives","rawName","modifiers","_v","_e","channel_key","method_key","direct_bank_transfer_details","payment_slip","userRoles","includes","is_refund_allowed","on","openRefundsDetailsModal","_s","$t","value","showCollapse","expression","txnDetails","model","callback","$$v","$set","merchant_order_ref","_f","created_at","buyer_name","buyer_email","cross_border_data","forex_details","invoice_amount","invoice_currency","forex_rate","payment_amount","payment_currency","transactionAmount","method_name","masked_card_number","query","pageRef","payment_link_ref","payment_page_ref","subscription_order_ref","merchant_email_address","order_ref","receipt_url","arg","additionalDetails","status_code","ip_address","user_agent","shopperDetails","buyer_phone","buyer_address1","webhookDetails","webhookReload","webhookDataForSelectedTransaction","webhookDetailsTableFields","scopedSlots","_u","key","fn","data","label","row","routedTxnDetails","failoverTransactions","failoverTransactionTableFields","item","$event","openTransactionDetails","callbackEventDetails","channelEventsForSelectedTransaction","channelEventTableFields","ref","approvePayslip","slide","length","onSlidePrev","downloadPayslip","onSlideNext","_l","payslip","index","fileType","pdfUrl","hideUpdateStatusModal","staticRenderFns","components","Layout","CloseModalBtn","Breadcrumb","orderRef","created","computed","text","to","active","title","address","watch","filters","date","dateFormat","time","methods","transactionDetailsFetch","submerchant_key","then","fetchFailoverTransactions","catch","error","console","type","closeOnClick","fetchTransactionWebhookDetails","style","currency","transactionStatusVariant","transactionStatus","path","merchantOrderRef","onCopySuccess","window","beforeDestroy","component","clicked","goBackTo","goback","props","default"],"mappings":"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AG,aACA,CAAAH,iBAAAG,wBACA,CAAAH,WAAAG,cACA,CAAAH,aAAAG,gBACA,CAAAH,oBAAAG,uBACA,CAAAH,4BAAAG,gCAEAU,yBACA,CAAAb,iBAAAG,sDACA,CAAAH,eAAAG,qDAEAa,QACA5D,cACAE,cACA6B,qBACAI,kBACAG,kBACAW,oBACAM,2BAKAsB,UACA,gCAEAC,UACArG,QACA,OACA,CACAsG,oCACAC,IAAAtG,sBAEA,CACAqG,kDACAE,aAKAC,QACA,qDAGA1C,oCACA,wFAGAU,uBACA,2DAGAM,sCACA,0FAGAhE,YACA,qDAGAb,kBACA,uDAGAG,mBACA,8DAEAqG,UACA,sFACA,0EACA,gDAIAC,OACA,2BACA,iCAIAC,SACAC,QACA,8CAEAC,cACA,mCAEAC,QACA,qCAIAC,SACAC,0BACA,0CACA,8CACA9D,wBACA+D,wCACAC,KAAA,KACA,0CACA,yPACA,oCAGA,0DACA,sCACA,wDAIAC,6BACA,8CACAtF,wCACAoF,iCACAG,MAAAC,IACAC,eACA,8BACA,cACAC,aACAlB,eACAmB,qBAIAC,kCACA,8CACAvE,sBACA+D,iCACAG,MAAAC,IACAC,eACA,8BACA,cACAC,aACAlB,eACAmB,qBAIA/E,oBACA,yCACA,+BAAAiF,iBAAAC,yCAAA,oCAEA,6BAGAC,2BACA,MACA,oCACA,cACAC,YACA,MACA,gBACAA,SACA,MACA,aACAA,WACA,MACA,cACAA,cACA,MACA,aACAA,WACA,MACA,mBACAA,WACA,MACA,QACAA,cACA,MAEA,UAGAhE,gBACA,6DAGA3C,0BACA,mBAAA4G,qDAAAlF,OAAAM,4BAGA0C,wBACA,0CAGAX,kBACA,8CACA/E,SACA6H,2DAEA,cAEArC,YACA,wCAEAC,UACA,wCACA,+BACA,uBACA,uDAEA,EAGA,wDAEAqC,gBACA,cACAT,eACAlB,2BACAmB,mBAGA5C,0BACA,8IAEAU,cACA,oFACA,cAGAF,cACA,cACA,cAGAC,mBACA,IACAG,8EAEAyC,0BAIAC,gBACA,6CC/QuX,I,wBCQnXC,EAAY,eACd,EACA9I,EACAwG,GACA,EACA,KACA,WACA,MAIa,aAAAsC,E,6CCnBf,IAAI9I,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,QAAQ,CAACE,YAAY,yBAAyB,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiBE,MAAM,CAAC,IAAM,EAAQ,QAA6B,IAAM,SAASmB,GAAG,CAAC,MAAQ3B,EAAI8I,cACtQvC,EAAkB,GCMP,GACfkB,SACAqB,UACA,sCCVyV,I,YCOrVD,EAAY,eACd,EACA9I,EACAwG,GACA,EACA,KACA,KACA,MAIa,OAAAsC,E,gCClBfhJ,EAAOC,QAAU,IAA0B,8B,uBCA3CD,EAAOC,QAAU,IAA0B,2B,kCCA3C,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,SAAS,CAACE,YAAY,cAAcE,MAAM,CAAC,UAAYR,EAAI+I,UAAUpH,GAAG,CAAC,MAAQ3B,EAAIgJ,SAAS,CAAC5I,EAAG,MAAM,CAACI,MAAM,CAAC,IAAM,EAAQ,QAAkC,IAAM,YAAYJ,EAAG,eAAe,CAACE,YAAY,eAAeE,MAAM,CAAC,MAAQR,EAAIS,UAAU,IAC7X8F,EAAkB,GCSP,GACf0C,OACAxI,OACAwH,WACAiB,YACA,IAGAH,iBAGAtB,SACAuB,SACA,eACA,oCCxBoV,I,wBCQhVH,EAAY,eACd,EACA9I,EACAwG,GACA,EACA,KACA,WACA,MAIa,OAAAsC,E,8BCnBfhJ,EAAOC,QAAU,IAA0B,4B,mECA3CD,EAAOC,QAAU,IAA0B","file":"js/chunk-62ba8d40.6444d710.js","sourcesContent":["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!./payment-details.vue?vue&type=style&index=0&id=2dec419e&lang=css&scoped=true&\"","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!./breadcrumb.vue?vue&type=style&index=0&id=d155fadc&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/close.b94d0f7a.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Layout',[_c('div',{staticClass:\"d-flex\",staticStyle:{\"height\":\"44px\"}},[_c('breadcrumb',{attrs:{\"items\":_vm.items,\"goBackTo\":{ name: 'Transactions' }}}),_c('div',{staticClass:\"ml-auto\"},[(((_vm.transactionData.status === 'Error' && _vm.transactionData.channel_name === 'CYBERSOURCE') || (_vm.transactionData.status === 'Processing' && _vm.transactionData.channel_name === 'VTCPAY') || _vm.transactionData.status === 'Under Review') && !_vm.isMasterMerchant)?_c('b-btn',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modal-update-status\",modifiers:{\"modal-update-status\":true}}],staticStyle:{\"padding\":\"20px 25px\"},attrs:{\"variant\":\"white\"}},[_vm._v(\" Update Status \")]):_vm._e(),(_vm.transactionData.channel_key === 'OTHERS' && _vm.transactionData.method_key === 'OTHERS_DIRECT_BANK_TRANSFER' && _vm.transactionData.direct_bank_transfer_details && _vm.transactionData.direct_bank_transfer_details.payment_slip && !_vm.isMasterMerchant)?_c('b-btn',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modal-payslip\",modifiers:{\"modal-payslip\":true}}],staticStyle:{\"padding\":\"20px 25px\"},attrs:{\"variant\":\"white\"}},[_vm._v(\" View Payslip \")]):_vm._e(),(_vm.userRoles.includes('admin') || _vm.userRoles.includes('sub-admin') || _vm.userRoles.includes('payment-refund-user') || _vm.userRoles.includes('payment-admin'))?_c('b-btn',{staticStyle:{\"padding\":\"20px 25px\"},attrs:{\"variant\":\"primary\",\"disabled\":!['Success', 'Authorized'].includes(_vm.transactionData.status) || _vm.transactionData.is_refund_allowed === false},on:{\"click\":_vm.openRefundsDetailsModal}},[_c('img',{staticClass:\"mr-1\",attrs:{\"src\":require(\"@/assets/images/refund.svg\"),\"alt\":\"refund\"}}),_vm._v(_vm._s(_vm.$t(\"views.payments.transactions.btn-refund\")))]):_vm._e()],1)],1),_c('div',{staticClass:\"my-4\"},[_c('div',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-transaction-details\",modifiers:{\"collapse-transaction-details\":true}}],staticClass:\"d-flex justify-content-between p-3 custom-collapse common-bg-30\"},[_c('h3',{staticClass:\"mb-0 collapse-header\"},[_vm._v(\" Transaction Details \")]),_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showCollapse.txnDetails),expression:\"showCollapse.txnDetails\"}],attrs:{\"src\":require(\"@/assets/images/drop_up.svg\"),\"alt\":\"down\"}}),_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showCollapse.txnDetails),expression:\"!showCollapse.txnDetails\"}],attrs:{\"src\":require(\"@/assets/images/drop_down.svg\"),\"alt\":\"down\"}})]),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-transaction-details\"},model:{value:(_vm.showCollapse.txnDetails),callback:function ($$v) {_vm.$set(_vm.showCollapse, \"txnDetails\", $$v)},expression:\"showCollapse.txnDetails\"}},[_c('div',{staticClass:\"row collapse-body-table-row\"},[_c('p',{staticClass:\"col-6 collapse-body-table-head-col\"},[_vm._v(\"Transaction ID\")]),_c('p',{staticClass:\"col-6 collapse-body-table-col\"},[_vm._v(_vm._s(_vm.transactionData.merchant_order_ref))])]),_c('div',{staticClass:\"row collapse-body-table-row\"},[_c('p',{staticClass:\"col-6 collapse-body-table-head-col\"},[_vm._v(\"Transaction Date\")]),_c('p',{staticClass:\"col-6 collapse-body-table-col\"},[_vm._v(_vm._s(_vm._f(\"date\")(_vm.transactionData.created_at)))])]),_c('div',{staticClass:\"row collapse-body-table-row\"},[_c('p',{staticClass:\"col-6 collapse-body-table-head-col\"},[_vm._v(\"Customer Name\")]),_c('p',{staticClass:\"col-6 collapse-body-table-col\"},[_vm._v(_vm._s(_vm.transactionData.buyer_name || '-')),(_vm.transactionData.buyer_email)?_c('span',[_vm._v(\"( \"),_c('a',{staticClass:\"text-chai font-16px\",attrs:{\"href\":(\"mailto:\" + (_vm.transactionData.buyer_email))}},[_vm._v(_vm._s(_vm.transactionData.buyer_email))]),_vm._v(\" )\")]):_vm._e()])]),(_vm.transactionData.cross_border_data && 'forex_details' in _vm.transactionData.cross_border_data)?_c('div',[_c('div',{staticClass:\"row collapse-body-table-row\"},[_c('p',{staticClass:\"col-6 collapse-body-table-head-col\"},[_vm._v(\"Amount\")]),_c('p',{staticClass:\"col-6 collapse-body-table-col\"},[_vm._v(_vm._s(_vm.transactionData.cross_border_data.forex_details.invoice_amount))])]),_c('div',{staticClass:\"row collapse-body-table-row\"},[_c('p',{staticClass:\"col-6 collapse-body-table-head-col\"},[_vm._v(\"Currency\")]),_c('p',{staticClass:\"col-6 collapse-body-table-col\"},[_vm._v(_vm._s(_vm.transactionData.cross_border_data.forex_details.invoice_currency))])]),_c('div',{staticClass:\"row collapse-body-table-row\"},[_c('p',{staticClass:\"col-6 collapse-body-table-head-col\"},[_vm._v(\"Forex Rate\")]),_c('p',{staticClass:\"col-6 collapse-body-table-col\"},[_vm._v(_vm._s(_vm.transactionData.cross_border_data.forex_details.forex_rate))])]),_c('div',{staticClass:\"row collapse-body-table-row\"},[_c('p',{staticClass:\"col-6 collapse-body-table-head-col\"},[_vm._v(\"Payment Amount\")]),_c('p',{staticClass:\"col-6 collapse-body-table-col\"},[_vm._v(_vm._s(_vm.transactionData.cross_border_data.forex_details.payment_amount))])]),_c('div',{staticClass:\"row collapse-body-table-row\"},[_c('p',{staticClass:\"col-6 collapse-body-table-head-col\"},[_vm._v(\"Payment Currency\")]),_c('p',{staticClass:\"col-6 collapse-body-table-col\"},[_vm._v(_vm._s(_vm.transactionData.cross_border_data.forex_details.payment_currency))])])]):_c('div',{staticClass:\"row collapse-body-table-row\"},[_c('p',{staticClass:\"col-6 collapse-body-table-head-col\"},[_vm._v(\"Amount\")]),_c('p',{staticClass:\"col-6 collapse-body-table-col\"},[_vm._v(_vm._s(_vm.transactionAmount()))])]),_c('div',{staticClass:\"row collapse-body-table-row\"},[_c('p',{staticClass:\"col-6 collapse-body-table-head-col\"},[_vm._v(\"Payment Method\")]),_c('p',{staticClass:\"col-6 collapse-body-table-col\"},[_vm._v(_vm._s(_vm.transactionData.method_name))])]),(_vm.transactionData.masked_card_number)?_c('div',{staticClass:\"row collapse-body-table-row\"},[_c('p',{staticClass:\"col-6 collapse-body-table-head-col\"},[_vm._v(\"Masked CardNumber\")]),_c('p',{staticClass:\"col-6 collapse-body-table-col\"},[_vm._v(_vm._s(_vm.transactionData.masked_card_number))])]):_vm._e(),_c('div',{staticClass:\"row collapse-body-table-row\"},[_c('p',{staticClass:\"col-6 collapse-body-table-head-col\"},[_vm._v(\"Payment Channel\")]),_c('p',{staticClass:\"col-6 collapse-body-table-col\"},[_vm._v(_vm._s(_vm.transactionData.channel_name))])]),(_vm.transactionData.payment_link_ref)?_c('div',{staticClass:\"row collapse-body-table-row\"},[_c('p',{staticClass:\"col-6 collapse-body-table-head-col\"},[_vm._v(\"Payment Link Ref\")]),_c('p',{staticClass:\"col-6 collapse-body-table-col\"},[_c('router-link',{staticClass:\"text-chai font-16px\",attrs:{\"to\":{ name: 'Payment Link Details', query: { pageRef: _vm.transactionData.payment_link_ref } }}},[_vm._v(\" \"+_vm._s(_vm.transactionData.payment_link_ref)+\" \")])],1)]):_vm._e(),(_vm.transactionData.payment_page_ref)?_c('div',{staticClass:\"row collapse-body-table-row\"},[_c('p',{staticClass:\"col-6 collapse-body-table-head-col\"},[_vm._v(\"Payment page Ref\")]),_c('p',{staticClass:\"col-6 collapse-body-table-col\"},[_c('router-link',{staticClass:\"text-chai font-16px\",attrs:{\"to\":{ name: 'Payment Page Details', query: { pageRef: _vm.transactionData.payment_page_ref } }}},[_vm._v(\" \"+_vm._s(_vm.transactionData.payment_page_ref)+\" \")])],1)]):_vm._e(),(_vm.transactionData.subscription_order_ref)?_c('div',{staticClass:\"row collapse-body-table-row\"},[_c('p',{staticClass:\"col-6 collapse-body-table-head-col\"},[_vm._v(\"Subscription Ref\")]),_c('p',{staticClass:\"col-6 collapse-body-table-col\"},[_c('router-link',{staticClass:\"text-chai font-16px\",attrs:{\"to\":{ name: 'Subscription Details', query: { pageRef: _vm.transactionData.subscription_order_ref } }}},[_vm._v(\" \"+_vm._s(_vm.transactionData.subscription_order_ref)+\" \")])],1)]):_vm._e(),_c('div',{staticClass:\"row collapse-body-table-row\"},[_c('p',{staticClass:\"col-6 collapse-body-table-head-col\"},[_vm._v(\"Merchant Email\")]),_c('p',{staticClass:\"col-6 collapse-body-table-col\"},[(_vm.transactionData.merchant_email_address)?_c('a',{staticClass:\"text-chai font-16px\",attrs:{\"href\":(\"mailto:\" + (_vm.transactionData.merchant_email_address))}},[_vm._v(_vm._s(_vm.transactionData.merchant_email_address))]):_vm._e()])]),_c('div',{staticClass:\"row collapse-body-table-row\"},[_c('p',{staticClass:\"col-6 collapse-body-table-head-col\"},[_vm._v(\"PortOne Reference ID\")]),_c('p',{staticClass:\"col-6 collapse-body-table-col\"},[_vm._v(_vm._s(_vm.transactionData.order_ref))])]),_c('div',{staticClass:\"row collapse-body-table-row\"},[_c('p',{staticClass:\"col-6 collapse-body-table-head-col\"},[_vm._v(\"Transaction Status\")]),_c('p',{staticClass:\"col-6 collapse-body-table-col\"},[_vm._v(_vm._s(_vm.transactionData.status))])]),(_vm.transactionData.receipt_url)?_c('div',{staticClass:\"row collapse-body-table-row\"},[_c('p',{staticClass:\"col-6 collapse-body-table-head-col\"},[_vm._v(\"Receipt Url\")]),_c('p',{staticClass:\"col-6 collapse-body-table-col d-flex\",staticStyle:{\"gap\":\"20px\"}},[(_vm.transactionData.receipt_url)?_c('a',{staticClass:\"text-chai text-truncate d-inline-block my-auto\",staticStyle:{\"width\":\"80%\"},attrs:{\"target\":\"_blank\",\"href\":_vm.transactionData.receipt_url}},[_vm._v(\" \"+_vm._s(_vm.transactionData.receipt_url)+\" \")]):_vm._e(),_c('i',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.transactionData.receipt_url),expression:\"transactionData.receipt_url\"},{name:\"clipboard\",rawName:\"v-clipboard:copy\",value:(_vm.transactionData.receipt_url),expression:\"transactionData.receipt_url\",arg:\"copy\"},{name:\"clipboard\",rawName:\"v-clipboard:success\",value:(_vm.onCopySuccess),expression:\"onCopySuccess\",arg:\"success\"},{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.right\",modifiers:{\"hover\":true,\"right\":true}}],staticClass:\"mdi mdi-content-copy btn p-0 my-auto\",attrs:{\"title\":_vm.$t('common.copy')}})])]):_vm._e()])],1),_c('div',{staticClass:\"my-4\"},[_c('div',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-additional-details\",modifiers:{\"collapse-additional-details\":true}}],staticClass:\"d-flex justify-content-between p-3 custom-collapse common-bg-30\"},[_c('h3',{staticClass:\"mb-0 collapse-header\"},[_vm._v(\" Additional Details \")]),_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showCollapse.additionalDetails),expression:\"showCollapse.additionalDetails\"}],attrs:{\"src\":require(\"@/assets/images/drop_up.svg\"),\"alt\":\"down\"}}),_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showCollapse.additionalDetails),expression:\"!showCollapse.additionalDetails\"}],attrs:{\"src\":require(\"@/assets/images/drop_down.svg\"),\"alt\":\"down\"}})]),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-additional-details\"},model:{value:(_vm.showCollapse.additionalDetails),callback:function ($$v) {_vm.$set(_vm.showCollapse, \"additionalDetails\", $$v)},expression:\"showCollapse.additionalDetails\"}},[_c('div',{staticClass:\"row collapse-body-table-row\"},[_c('p',{staticClass:\"col-6 collapse-body-table-head-col\"},[_vm._v(\"Payment Service Provider\")]),_c('p',{staticClass:\"col-6 collapse-body-table-col\"},[_vm._v(_vm._s(_vm.transactionData.channel_name))])]),_c('div',{staticClass:\"row collapse-body-table-row\"},[_c('p',{staticClass:\"col-6 collapse-body-table-head-col\"},[_vm._v(\"Transaction Status Code\")]),_c('p',{staticClass:\"col-6 collapse-body-table-col\"},[_vm._v(_vm._s(_vm.transactionData.status_code || '-'))])]),_c('div',{staticClass:\"row collapse-body-table-row\"},[_c('p',{staticClass:\"col-6 collapse-body-table-head-col\"},[_vm._v(\"Actual Payment Method\")]),_c('p',{staticClass:\"col-6 collapse-body-table-col\"},[_vm._v(_vm._s(_vm.transactionData.method_name))])]),_c('div',{staticClass:\"row collapse-body-table-row\"},[_c('p',{staticClass:\"col-6 collapse-body-table-head-col\"},[_vm._v(\"Payment Attempt\")]),_c('p',{staticClass:\"col-6 collapse-body-table-col\"})]),_c('div',{staticClass:\"row collapse-body-table-row\"},[_c('p',{staticClass:\"col-6 collapse-body-table-head-col\"},[_vm._v(\"IP Address\")]),_c('p',{staticClass:\"col-6 collapse-body-table-col\"},[_vm._v(_vm._s(_vm.transactionData.ip_address))])]),_c('div',{staticClass:\"row collapse-body-table-row\"},[_c('p',{staticClass:\"col-6 collapse-body-table-head-col\"},[_vm._v(\"Device Info\")]),_c('p',{staticClass:\"col-6 collapse-body-table-col\"},[_vm._v(_vm._s(_vm.transactionData.user_agent))])])])],1),_c('div',{staticClass:\"my-4\"},[_c('div',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-shopper-details\",modifiers:{\"collapse-shopper-details\":true}}],staticClass:\"d-flex justify-content-between p-3 custom-collapse common-bg-30\"},[_c('h3',{staticClass:\"mb-0 collapse-header\"},[_vm._v(\" Shopper Details \")]),_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showCollapse.shopperDetails),expression:\"showCollapse.shopperDetails\"}],attrs:{\"src\":require(\"@/assets/images/drop_up.svg\"),\"alt\":\"down\"}}),_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showCollapse.shopperDetails),expression:\"!showCollapse.shopperDetails\"}],attrs:{\"src\":require(\"@/assets/images/drop_down.svg\"),\"alt\":\"down\"}})]),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse-shopper-details\"},model:{value:(_vm.showCollapse.shopperDetails),callback:function ($$v) {_vm.$set(_vm.showCollapse, \"shopperDetails\", $$v)},expression:\"showCollapse.shopperDetails\"}},[_c('div',{staticClass:\"row collapse-body-table-row\"},[_c('p',{staticClass:\"col-6 collapse-body-table-head-col\"},[_vm._v(\"Phone Number\")]),_c('p',{staticClass:\"col-6 collapse-body-table-col\"},[_vm._v(_vm._s(_vm.transactionData.buyer_phone))])]),_c('div',{staticClass:\"row collapse-body-table-row\"},[_c('p',{staticClass:\"col-6 collapse-body-table-head-col\"},[_vm._v(\"Address\")]),_c('p',{staticClass:\"col-6 collapse-body-table-col\"},[_vm._v(_vm._s(_vm.transactionData.buyer_address1 ? ((_vm.transactionData.buyer_address1) + \", \" + (_vm.transactionData.buyer_address2) + \", \" + (_vm.transactionData.buyer_city) + \", \" + (_vm.transactionData.buyer_country)) : '-'))])])])],1),_c('div',{staticClass:\"my-4\"},[_c('div',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-webhook-details\",modifiers:{\"collapse-webhook-details\":true}}],staticClass:\"d-flex justify-content-between p-3 custom-collapse common-bg-30\"},[_c('h3',{staticClass:\"mb-0 collapse-header\"},[_vm._v(\" Webhook Details \")]),_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showCollapse.webhookDetails),expression:\"showCollapse.webhookDetails\"}],attrs:{\"src\":require(\"@/assets/images/drop_up.svg\"),\"alt\":\"down\"}}),_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showCollapse.webhookDetails),expression:\"!showCollapse.webhookDetails\"}],attrs:{\"src\":require(\"@/assets/images/drop_down.svg\"),\"alt\":\"down\"}})]),_c('b-collapse',{attrs:{\"id\":\"collapse-webhook-details\"},model:{value:(_vm.showCollapse.webhookDetails),callback:function ($$v) {_vm.$set(_vm.showCollapse, \"webhookDetails\", $$v)},expression:\"showCollapse.webhookDetails\"}},[_c('div',{staticClass:\"d-flex justify-content-between m-3\"},[_c('p',{staticClass:\"my-auto collapse-body-table-head-col\"},[_vm._v(\"Trace Logs And Additional Details For Webhook Sent From PortOne Server For The Transaction.\")]),_c('b-btn',{attrs:{\"variant\":\"primary\",\"size\":\"sm\"},on:{\"click\":_vm.webhookReload}},[_vm._v(_vm._s(_vm.$t(\"views.payments.transactions.resend_webhook\")))])],1),_c('b-table',{staticClass:\"table-custom text-center table-centered m-3\",attrs:{\"responsive\":\"sm\",\"items\":_vm.webhookDataForSelectedTransaction,\"fields\":_vm.webhookDetailsTableFields,\"small\":true,\"sticky-header\":\"60vh\",\"show-empty\":\"\",\"empty-text\":_vm.$t('common.no-records'),\"hover\":\"\"},scopedSlots:_vm._u([{key:\"head()\",fn:function(data){return [_vm._v(\" \"+_vm._s(_vm.$t(data.label))+\" \")]}},{key:\"cell(request_time)\",fn:function(row){return [_c('p',{staticClass:\"table-date\"},[_vm._v(_vm._s(_vm._f(\"dateFormat\")(row.value)))]),_c('p',{staticClass:\"table-time\"},[_vm._v(_vm._s(_vm._f(\"time\")(row.value)))])]}}])})],1)],1),_c('div',{staticClass:\"my-4\"},[_c('div',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-routed-transactions\",modifiers:{\"collapse-routed-transactions\":true}}],staticClass:\"d-flex justify-content-between p-3 custom-collapse common-bg-30\"},[_c('h3',{staticClass:\"mb-0 collapse-header\"},[_vm._v(\" Routed Transactions \")]),_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showCollapse.routedTxnDetails),expression:\"showCollapse.routedTxnDetails\"}],attrs:{\"src\":require(\"@/assets/images/drop_up.svg\"),\"alt\":\"down\"}}),_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showCollapse.routedTxnDetails),expression:\"!showCollapse.routedTxnDetails\"}],attrs:{\"src\":require(\"@/assets/images/drop_down.svg\"),\"alt\":\"down\"}})]),_c('b-collapse',{attrs:{\"id\":\"collapse-routed-transactions\"},model:{value:(_vm.showCollapse.routedTxnDetails),callback:function ($$v) {_vm.$set(_vm.showCollapse, \"routedTxnDetails\", $$v)},expression:\"showCollapse.routedTxnDetails\"}},[_c('b-table',{staticClass:\"table-custom text-center table-centered m-3\",attrs:{\"items\":_vm.failoverTransactions,\"fields\":_vm.failoverTransactionTableFields,\"small\":true,\"sticky-header\":\"60vh\",\"show-empty\":\"\",\"empty-text\":_vm.$t('common.no-records'),\"hover\":\"\"},scopedSlots:_vm._u([{key:\"cell(order_ref)\",fn:function(row){return [(row.item.details_available)?_c('b-btn',{staticClass:\"text-chai font-16px\",attrs:{\"variant\":\"link\"},on:{\"click\":function($event){return _vm.openTransactionDetails(row.item.order_ref)}}},[_vm._v(_vm._s(row.value))]):_c('span',[_vm._v(_vm._s(row.value))])]}}])})],1)],1),_c('div',{staticClass:\"my-4\"},[_c('div',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.collapse-callback-event-details\",modifiers:{\"collapse-callback-event-details\":true}}],staticClass:\"d-flex justify-content-between p-3 custom-collapse common-bg-30\"},[_c('h3',{staticClass:\"mb-0 collapse-header\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"views.payments.transactions.cb_event_details\"))+\" \")]),_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showCollapse.callbackEventDetails),expression:\"showCollapse.callbackEventDetails\"}],attrs:{\"src\":require(\"@/assets/images/drop_up.svg\"),\"alt\":\"down\"}}),_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.showCollapse.callbackEventDetails),expression:\"!showCollapse.callbackEventDetails\"}],attrs:{\"src\":require(\"@/assets/images/drop_down.svg\"),\"alt\":\"down\"}})]),_c('b-collapse',{attrs:{\"id\":\"collapse-callback-event-details\"},model:{value:(_vm.showCollapse.callbackEventDetails),callback:function ($$v) {_vm.$set(_vm.showCollapse, \"callbackEventDetails\", $$v)},expression:\"showCollapse.callbackEventDetails\"}},[_c('p',{staticClass:\"m-3 collapse-body-table-head-col\"},[_vm._v(\"Trace Logs And Additional Details For Webhook Sent From Payment Channel's Server To PortOne Server For The Transaction.\")]),_c('b-table',{staticClass:\"table-custom text-center table-centered m-3\",attrs:{\"responsive\":\"sm\",\"items\":_vm.channelEventsForSelectedTransaction,\"fields\":_vm.channelEventTableFields,\"small\":true,\"sticky-header\":\"500px\",\"show-empty\":\"\",\"empty-text\":_vm.$t('common.no-records'),\"hover\":\"\"},scopedSlots:_vm._u([{key:\"head()\",fn:function(data){return [_vm._v(\" \"+_vm._s(_vm.$t(data.label))+\" \")]}},{key:\"cell(created_at)\",fn:function(row){return [_c('p',{staticClass:\"table-date\"},[_vm._v(_vm._s(_vm._f(\"dateFormat\")(row.value)))]),_c('p',{staticClass:\"table-time\"},[_vm._v(_vm._s(_vm._f(\"time\")(row.value)))])]}}])})],1)],1),(_vm.transactionData.channel_key === 'OTHERS' && _vm.transactionData.method_key === 'OTHERS_DIRECT_BANK_TRANSFER' && _vm.transactionData.direct_bank_transfer_details && _vm.transactionData.direct_bank_transfer_details.payment_slip && !_vm.isMasterMerchant)?_c('b-modal',{ref:\"modal-payslip\",attrs:{\"id\":\"modal-payslip\",\"ok-title\":\"Approve\",\"title\":\"View Payslip\",\"cancel-title\":\"Reject\",\"ok-variant\":\"success-approve px-3\",\"cancel-variant\":\"primary px-3\",\"footer-bg-variant\":\"light\",\"footer-class\":\"justify-content-center\",\"size\":\"lg\",\"hide-footer\":['Success', 'Failed'].includes(this.transactionData.status),\"no-close-on-backdrop\":\"\"},on:{\"ok\":function($event){return _vm.approvePayslip(true)},\"hidden\":function () { return _vm.slide = 0; },\"cancel\":function($event){return _vm.approvePayslip(false)}}},[_c('div',{staticClass:\"d-flex justify-content-center w-100\",staticStyle:{\"height\":\"75vh\",\"overflow\":\"hidden\"}},[_c('div',{staticClass:\"w-100\"},[_c('div',{staticClass:\"d-flex justify-content-between\"},[_c('div',{staticClass:\"d-flex\"},[_c('span',{staticClass:\"h5 my-auto\"},[_vm._v(_vm._s(_vm.slide + 1 + \" / \" + _vm.transactionData.direct_bank_transfer_details.payment_slip.length))])]),_c('b-button-group',[_c('b-btn',{attrs:{\"variant\":\"light\",\"disabled\":_vm.slide < 1},on:{\"click\":_vm.onSlidePrev}},[_c('i',{staticClass:\"mdi mdi-arrow-collapse-left\"})]),_c('b-btn',{staticClass:\"mx-2\",attrs:{\"variant\":\"light\"},on:{\"click\":function($event){return _vm.downloadPayslip()}}},[_c('i',{staticClass:\"mdi mdi-download\"})]),_c('b-btn',{attrs:{\"variant\":\"light\",\"disabled\":_vm.slide >= _vm.transactionData.direct_bank_transfer_details.payment_slip.length - 1},on:{\"click\":_vm.onSlideNext}},[_c('i',{staticClass:\"mdi mdi-arrow-collapse-right\"})])],1)],1),_vm._l((_vm.transactionData.direct_bank_transfer_details.payment_slip),function(payslip,index){return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(index === _vm.slide),expression:\"index === slide\"}],key:index,staticClass:\"border w-100 mt-3\",staticStyle:{\"height\":\"80%\"}},[_c('div',{staticClass:\"d-flex h-100 justify-content-center\"},[(_vm.fileType(payslip) == '.pdf')?_c('embed',{attrs:{\"src\":_vm.pdfUrl(payslip),\"type\":\"application/pdf\",\"width\":\"100%\",\"height\":\"600px\"}}):_c('img',{staticClass:\"img-fluid\",attrs:{\"src\":payslip,\"alt\":\"\"}})])])})],2)])]):_vm._e(),(((_vm.transactionData.status === 'Error' && _vm.transactionData.channel_name === 'CYBERSOURCE') || (_vm.transactionData.status === 'Processing' && _vm.transactionData.channel_name === 'VTCPAY') || _vm.transactionData.status === 'Under Review') && !_vm.isMasterMerchant)?_c('b-modal',{ref:\"modal-update-status\",attrs:{\"id\":\"modal-update-status\",\"ok-title\":\"Success\",\"cancel-title\":\"Failed\",\"ok-variant\":\"success-approve px-3\",\"cancel-variant\":\"primary px-3\",\"footer-bg-variant\":\"light\",\"footer-class\":\"justify-content-center\",\"size\":\"md\",\"no-close-on-backdrop\":\"\",\"hide-header\":\"\",\"centered\":\"\"},on:{\"ok\":function($event){return _vm.approvePayslip(true)},\"cancel\":function($event){return _vm.approvePayslip(false)}}},[_c('span',{on:{\"click\":_vm.hideUpdateStatusModal}},[_c('CloseModalBtn')],1),_c('div',{staticClass:\"d-flex justify-content-center mx-auto my-3 text-danger\"},[_vm._v(\" Please use the respective PSP Dashboard to verify and update the correct status of this transaction. \")])]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport Layout from \"../../layouts/main\";\n// import PageHeader from \"@/components/page-header\";\nimport * as moment from \"moment\";\nimport {\n  FETCH_TRANSACTION_DETAILS,\n  FETCH_WEBHOOK_DATA_FOR_TRANSACTION,\n  FETCH_FAILOVER_DATA_FOR_TRANSACTION,\n  RESEND_WEBHOOK_DATA_FOR_TRANSACTION,\n  UPDATE_TRXN_STATUS\n} from \"@/state/actions.type\";\nimport CloseModalBtn from '../../../components/close-modal-btn.vue';\nimport Breadcrumb from '../../../components/breadcrumb.vue';\n\nexport default {\n  components: {\n    Layout,\n    // PageHeader,\n    CloseModalBtn,\n    Breadcrumb\n  },\n  data() {\n    return {\n      orderRef: \"\",\n      webhookDetailsTableFields: [\n        { key: \"request_time\", label: 'views.payments.transactions.table.request_time' },\n        { key: \"webhook_id\", label: 'views.payments.transactions.table.webhook_id' },\n        { key: \"request_url\", label: 'views.payments.transactions.table.request_url' },\n        { key: \"webhook_status\", label: 'views.payments.transactions.table.webhook_status' },\n        { key: \"response_code\", label: 'views.payments.transactions.table.response_code' },\n        { key: \"response_body\", label: 'views.payments.transactions.table.response_body' },\n        { key: \"request_body\", label: 'views.payments.transactions.table.request_body' },\n      ],\n      failoverTransactionTableFields: [\n        { key: \"order_ref\", label: 'PortOne Txn Ref' },\n        // { key: \"show_details\", label: 'Options'},\n        { key: \"channel_key\", label: 'PSP' },\n        { key: \"method_key\", label: 'Payment Method' },\n        { key: \"rank\", label: 'Rank' },\n        { key: \"status\", label: 'Status' },\n        { key: \"status_reason\", label: 'Status Reason' },\n        { key: \"status_channel_reason\", label: 'Status Channel Reason' }\n      ],\n      channelEventTableFields: [\n        { key: \"created_at\", label: 'views.payments.transactions.table.created_at' },\n        { key: \"response\", label: 'views.payments.transactions.table.response' },\n      ],\n      slide: 0,\n      showCollapse: {\n        txnDetails: true,\n        additionalDetails: true,\n        shopperDetails: true,\n        webhookDetails: true,\n        routedTxnDetails: true,\n        callbackEventDetails: true\n      }\n    };\n  },\n\n  created() {\n    this.transactionDetailsFetch();\n  },\n  computed: {\n    items() {\n      return [\n        {\n          text: this.$t(\"common.transactions\"),\n          to: { name: 'Transactions' }\n        },\n        {\n          text: this.$t(\"views.payments.transactions.title\"),\n          active: true\n        }\n      ];\n    },\n\n    title() {\n      return this.$t(\"views.payments.transactions.title\");\n    },\n\n    webhookDataForSelectedTransaction() {\n      return this.$store.state.transactions.webhookDetailsForSelectedTransaction.webhookData;\n    },\n\n    failoverTransactions() {\n      return this.$store.state.transactions.failoverTrasactions;\n    },\n\n    channelEventsForSelectedTransaction() {\n      return this.$store.state.transactions.webhookDetailsForSelectedTransaction.channelEvents;\n    },\n\n    userRoles() {\n      return this.$store.getters[\"auth/getUserRolesList\"];\n    },\n\n    transactionData() {\n      return this.$store.state.transactions.transactionData;\n    },\n\n    isMasterMerchant() {\n      return this.$store.state.auth.currentUser.is_master_merchant;\n    },\n    address() {\n      let add1 = this.transactionData.buyer_address1 ? `${this.transactionData.buyer_address1}, ` : \"\";\n      let city = this.transactionData.buyer_city ? `${this.transactionData.buyer_city}, ` : \"\";\n      return add1 + city + this.transactionData.buyer_country;\n    }\n  },\n\n  watch: {\n    '$route.query.order_ref'() {\n      this.transactionDetailsFetch();\n    }\n  },\n\n  filters: {\n    date(date) {\n      return moment(date).format(\"MMM Do YYYY, h:mm:ss a\");\n    },\n    dateFormat(value) {\n      return moment(value).format(\"DD MMM YYYY\");\n    },\n    time(value) {\n      return 'at ' + moment(value).format(\"hh:mm A\");\n    },\n  },\n\n  methods: {\n    transactionDetailsFetch() {\n      this.orderRef = this.$route.query.order_ref;\n      this.$store.dispatch(`transactions/${FETCH_TRANSACTION_DETAILS}`, {\n        order_ref: this.orderRef,\n        submerchant_key: this.$route.query.key\n      }).then(() => {\n        if(this.$route.query.view_payslips === 'true') {\n          if(this.transactionData.channel_key === 'OTHERS' && this.transactionData.method_key === 'OTHERS_DIRECT_BANK_TRANSFER' && this.transactionData.direct_bank_transfer_details && this.transactionData.direct_bank_transfer_details.payment_slip && !this.isMasterMerchant) {\n            this.$bvModal.show('modal-payslip');\n          }\n        }\n        this.fetchTransactionWebhookDetails(this.transactionData);\n        if(this.transactionData.routing_enabled) {\n          this.fetchFailoverTransactions(this.transactionData);\n        }\n      });\n    },\n    fetchFailoverTransactions(txnDetails) {\n      this.$store.dispatch(`transactions/${FETCH_FAILOVER_DATA_FOR_TRANSACTION}`, {\n        merchant_order_ref: txnDetails.merchant_order_ref,\n        submerchant_key: txnDetails.merchant_key\n      }).catch(error => {\n        console.log(error);\n        const errorMsg = JSON.parse(error.message)\n        this.$notify({\n          type: 'error',\n          text: errorMsg.message,\n          closeOnClick: true\n        });\n      });\n    },\n    fetchTransactionWebhookDetails(txnDetails) {\n      this.$store.dispatch(`transactions/${FETCH_WEBHOOK_DATA_FOR_TRANSACTION}`, {\n        order_ref: txnDetails.order_ref,\n        submerchant_key: txnDetails.merchant_key\n      }).catch(error => {\n        console.log(error);\n        const errorMsg = JSON.parse(error.message)\n        this.$notify({\n          type: 'error',\n          text: errorMsg.message,\n          closeOnClick: true\n        });\n      });\n    },\n    transactionAmount() {\n      if(this.transactionData.country_code) {\n        return new Intl.NumberFormat('en-US', { style: 'currency', currency: this.transactionData.currency }).format(this.transactionData.amount)\n      }\n      return this.transactionData.amount;\n    },\n\n    transactionStatusVariant() {\n      let transactionStatus;\n      switch (this.transactionData.status) {\n        case 'Success':\n          transactionStatus = 'success';\n          break;\n        case 'Initiated':\n          transactionStatus = 'info';\n          break;\n        case 'Failed':\n          transactionStatus = 'danger';\n          break;\n        case 'Expired':\n          transactionStatus = 'secondary';\n          break;\n        case 'Voided':\n          transactionStatus = 'danger';\n          break;\n        case 'Under Review':\n          transactionStatus = 'orange';\n          break;\n        default:\n          transactionStatus = 'secondary';\n          break;\n      }\n      return transactionStatus;\n    },\n\n    webhookReload() {\n      this.$store.dispatch(`transactions/${RESEND_WEBHOOK_DATA_FOR_TRANSACTION}`, this.orderRef)\n    },\n\n    openRefundsDetailsModal() {\n      this.$router.push({path: '/transactions/payments/payment-details/refund', query: { order_ref: this.orderRef }});\n    },\n\n    hideUpdateStatusModal() {\n      this.$refs['modal-update-status'].hide()\n    },\n\n    approvePayslip(status) {\n      this.$store.dispatch(`transactions/${UPDATE_TRXN_STATUS}`, {\n        status: status,\n        merchantOrderRef: this.transactionData.merchant_order_ref\n      })\n      this.slide = 0;\n    },\n    fileType(file) {\n      return file.substring(file.lastIndexOf('.'))\n    },\n    pdfUrl(link) {\n      let ua = navigator.userAgent.toLowerCase();\n      if (ua.indexOf('safari') !== -1) {\n        if (ua.indexOf('chrome') > -1) {\n          return `https://docs.google.com/gview?url=${link}&embedded=true`;\n        } else {\n          return link;\n        }\n      }\n      return `https://docs.google.com/gview?url=${link}&embedded=true`;\n    },\n    onCopySuccess() {\n      this.$notify({\n        type: \"success\",\n        text: \"Copied Successfully\",\n        closeOnClick: true,\n      });\n    },\n    openTransactionDetails(order_ref) {\n      this.$router.push(`/transactions/payments/payment-details?order_ref=${order_ref}&key=${this.isMasterMerchant ? this.transactionData.merchant_key : ''}`);\n    },\n    onSlideNext() {\n      if(this.slide < this.transactionData.direct_bank_transfer_details.payment_slip.length - 1) {\n        this.slide++;\n      }\n    },\n    onSlidePrev() {\n      if(this.slide > 0) {\n        this.slide--;\n      }\n    },\n    downloadPayslip(payslip) {\n      if(!payslip) {\n        payslip = this.transactionData.direct_bank_transfer_details.payment_slip[this.slide];\n      }\n      window.open(payslip, '_blank');\n    }\n  },\n\n  beforeDestroy() {\n    this.$store.dispatch('notification/clear');\n  }\n};\n</script>\n\n<template>\n  <Layout>\n    <!-- <PageHeader :title=\"title\" :items=\"items\" /> -->\n    <div class=\"d-flex\" style=\"height: 44px;\">\n      <breadcrumb :items=\"items\" :goBackTo=\"{ name: 'Transactions' }\" />\n      <div class=\"ml-auto\">\n        <b-btn\n          variant=\"white\"\n          v-b-modal.modal-update-status\n          v-if=\"((transactionData.status === 'Error' && transactionData.channel_name === 'CYBERSOURCE') || (transactionData.status === 'Processing' && transactionData.channel_name === 'VTCPAY') || transactionData.status === 'Under Review') && !isMasterMerchant\"\n          style=\"padding: 20px 25px;\"\n        >\n          Update Status\n        </b-btn>\n        <b-btn\n          variant=\"white\"\n          v-b-modal.modal-payslip\n          v-if=\"transactionData.channel_key === 'OTHERS' && transactionData.method_key === 'OTHERS_DIRECT_BANK_TRANSFER' && transactionData.direct_bank_transfer_details && transactionData.direct_bank_transfer_details.payment_slip && !isMasterMerchant\"\n          style=\"padding: 20px 25px;\"\n        >\n          View Payslip\n        </b-btn>\n        <b-btn\n          variant=\"primary\"\n          v-if=\"userRoles.includes('admin') || userRoles.includes('sub-admin') || userRoles.includes('payment-refund-user') || userRoles.includes('payment-admin')\"\n          :disabled=\"!['Success', 'Authorized'].includes(transactionData.status) || transactionData.is_refund_allowed === false\"\n          @click=\"openRefundsDetailsModal\"\n          style=\"padding: 20px 25px;\"\n        ><img src=\"@/assets/images/refund.svg\" alt=\"refund\" class=\"mr-1\" />{{ $t(\"views.payments.transactions.btn-refund\") }}</b-btn>\n      </div>\n    </div>\n\n    <!-- Transaction Details -->\n    <div class=\"my-4\">\n      <div v-b-toggle.collapse-transaction-details class=\"d-flex justify-content-between p-3 custom-collapse common-bg-30\">\n        <h3 class=\"mb-0 collapse-header\">\n          Transaction Details\n        </h3>\n        <img v-show=\"showCollapse.txnDetails\" src=\"@/assets/images/drop_up.svg\" alt=\"down\"/>\n        <img v-show=\"!showCollapse.txnDetails\" src=\"@/assets/images/drop_down.svg\" alt=\"down\"/>\n      </div>\n      <b-collapse v-model=\"showCollapse.txnDetails\" id=\"collapse-transaction-details\" class=\"mt-2\">\n        <div class=\"row collapse-body-table-row\">\n          <p class=\"col-6 collapse-body-table-head-col\">Transaction ID</p>\n          <p class=\"col-6 collapse-body-table-col\">{{ transactionData.merchant_order_ref }}</p>\n        </div>\n        <div class=\"row collapse-body-table-row\">\n          <p class=\"col-6 collapse-body-table-head-col\">Transaction Date</p>\n          <p class=\"col-6 collapse-body-table-col\">{{ transactionData.created_at | date }}</p>\n        </div>\n        <div class=\"row collapse-body-table-row\">\n          <p class=\"col-6 collapse-body-table-head-col\">Customer Name</p>\n          <p class=\"col-6 collapse-body-table-col\">{{ transactionData.buyer_name || '-' }}<span v-if=\"transactionData.buyer_email\">( <a class=\"text-chai font-16px\" :href=\"`mailto:${transactionData.buyer_email}`\">{{ transactionData.buyer_email }}</a> )</span></p>\n        </div>\n        <div v-if=\"transactionData.cross_border_data && 'forex_details' in transactionData.cross_border_data\">\n          <div class=\"row collapse-body-table-row\">\n            <p class=\"col-6 collapse-body-table-head-col\">Amount</p>\n            <p class=\"col-6 collapse-body-table-col\">{{ transactionData.cross_border_data.forex_details.invoice_amount }}</p>\n          </div>\n          <div class=\"row collapse-body-table-row\">\n            <p class=\"col-6 collapse-body-table-head-col\">Currency</p>\n            <p class=\"col-6 collapse-body-table-col\">{{ transactionData.cross_border_data.forex_details.invoice_currency }}</p>\n          </div>\n          <div class=\"row collapse-body-table-row\">\n            <p class=\"col-6 collapse-body-table-head-col\">Forex Rate</p>\n            <p class=\"col-6 collapse-body-table-col\">{{ transactionData.cross_border_data.forex_details.forex_rate }}</p>\n          </div>\n          <div class=\"row collapse-body-table-row\">\n            <p class=\"col-6 collapse-body-table-head-col\">Payment Amount</p>\n            <p class=\"col-6 collapse-body-table-col\">{{ transactionData.cross_border_data.forex_details.payment_amount }}</p>\n          </div>\n          <div class=\"row collapse-body-table-row\">\n            <p class=\"col-6 collapse-body-table-head-col\">Payment Currency</p>\n            <p class=\"col-6 collapse-body-table-col\">{{ transactionData.cross_border_data.forex_details.payment_currency }}</p>\n          </div>\n        </div>\n        <div v-else class=\"row collapse-body-table-row\">\n          <p class=\"col-6 collapse-body-table-head-col\">Amount</p>\n          <p class=\"col-6 collapse-body-table-col\">{{ transactionAmount() }}</p>\n        </div>\n        <div class=\"row collapse-body-table-row\">\n          <p class=\"col-6 collapse-body-table-head-col\">Payment Method</p>\n          <p class=\"col-6 collapse-body-table-col\">{{ transactionData.method_name }}</p>\n        </div>\n        <div class=\"row collapse-body-table-row\" v-if=\"transactionData.masked_card_number\">\n          <p class=\"col-6 collapse-body-table-head-col\">Masked CardNumber</p>\n          <p class=\"col-6 collapse-body-table-col\">{{ transactionData.masked_card_number }}</p>\n        </div>\n        \n        <div class=\"row collapse-body-table-row\">\n          <p class=\"col-6 collapse-body-table-head-col\">Payment Channel</p>\n          <p class=\"col-6 collapse-body-table-col\">{{ transactionData.channel_name }}</p>\n        </div>\n        <div class=\"row collapse-body-table-row\" v-if=\"transactionData.payment_link_ref\">\n          <p class=\"col-6 collapse-body-table-head-col\">Payment Link Ref</p>\n          <p class=\"col-6 collapse-body-table-col\">\n            <router-link class=\"text-chai font-16px\" :to=\"{ name: 'Payment Link Details', query: { pageRef: transactionData.payment_link_ref } }\">\n              {{ transactionData.payment_link_ref }}\n            </router-link>\n          </p>\n        </div>\n        <div class=\"row collapse-body-table-row\" v-if=\"transactionData.payment_page_ref\">\n          <p class=\"col-6 collapse-body-table-head-col\">Payment page Ref</p>\n          <p class=\"col-6 collapse-body-table-col\">\n            <router-link class=\"text-chai font-16px\" :to=\"{ name: 'Payment Page Details', query: { pageRef: transactionData.payment_page_ref } }\">\n              {{ transactionData.payment_page_ref }}\n            </router-link>\n          </p>\n        </div>\n        <div class=\"row collapse-body-table-row\" v-if=\"transactionData.subscription_order_ref\">\n          <p class=\"col-6 collapse-body-table-head-col\">Subscription Ref</p>\n          <p class=\"col-6 collapse-body-table-col\">\n            <router-link class=\"text-chai font-16px\" :to=\"{ name: 'Subscription Details', query: { pageRef: transactionData.subscription_order_ref } }\">\n              {{ transactionData.subscription_order_ref }}\n            </router-link>\n          </p>\n        </div>\n        <div class=\"row collapse-body-table-row\">\n          <p class=\"col-6 collapse-body-table-head-col\">Merchant Email</p>\n          <p class=\"col-6 collapse-body-table-col\"><a v-if=\"transactionData.merchant_email_address\" class=\"text-chai font-16px\" :href=\"`mailto:${transactionData.merchant_email_address}`\">{{ transactionData.merchant_email_address }}</a></p>\n        </div>\n        <div class=\"row collapse-body-table-row\">\n          <p class=\"col-6 collapse-body-table-head-col\">PortOne Reference ID</p>\n          <p class=\"col-6 collapse-body-table-col\">{{ transactionData.order_ref }}</p>\n        </div>\n  \n        <div class=\"row collapse-body-table-row\">\n          <p class=\"col-6 collapse-body-table-head-col\">Transaction Status</p>\n          <p class=\"col-6 collapse-body-table-col\">{{ transactionData.status }}</p>\n        </div>\n\n        <div class=\"row collapse-body-table-row\" v-if=\"transactionData.receipt_url\">\n          <p class=\"col-6 collapse-body-table-head-col\">Receipt Url</p>\n          <p class=\"col-6 collapse-body-table-col d-flex\" style=\"gap: 20px;\">\n              <a v-if=\"transactionData.receipt_url\" class=\"text-chai text-truncate d-inline-block my-auto\" target=\"_blank\" :href=\"transactionData.receipt_url\" style=\"width: 80%;\">\n                {{ transactionData.receipt_url }}\n              </a>\n              <i\n                v-show=\"transactionData.receipt_url\"\n                v-clipboard:copy=\"transactionData.receipt_url\"\n                v-clipboard:success=\"onCopySuccess\"\n                v-b-tooltip.hover.right\n                :title=\"$t('common.copy')\"\n                class=\"mdi mdi-content-copy btn p-0 my-auto\"\n              ></i>\n          </p>\n        </div>\n      </b-collapse>\n    </div>\n\n    <!-- Additional Details -->\n    <div class=\"my-4\">\n      <div v-b-toggle.collapse-additional-details class=\"d-flex justify-content-between p-3 custom-collapse common-bg-30\">\n        <h3 class=\"mb-0 collapse-header\">\n          Additional Details\n        </h3>\n        <img v-show=\"showCollapse.additionalDetails\" src=\"@/assets/images/drop_up.svg\" alt=\"down\"/>\n        <img v-show=\"!showCollapse.additionalDetails\" src=\"@/assets/images/drop_down.svg\" alt=\"down\"/>\n      </div>\n      <b-collapse v-model=\"showCollapse.additionalDetails\" id=\"collapse-additional-details\" class=\"mt-2\">\n        <div class=\"row collapse-body-table-row\">\n          <p class=\"col-6 collapse-body-table-head-col\">Payment Service Provider</p>\n          <p class=\"col-6 collapse-body-table-col\">{{ transactionData.channel_name }}</p>\n        </div>\n        <div class=\"row collapse-body-table-row\">\n          <p class=\"col-6 collapse-body-table-head-col\">Transaction Status Code</p>\n          <p class=\"col-6 collapse-body-table-col\">{{ transactionData.status_code || '-' }}</p>\n        </div>\n        <div class=\"row collapse-body-table-row\">\n          <p class=\"col-6 collapse-body-table-head-col\">Actual Payment Method</p>\n          <p class=\"col-6 collapse-body-table-col\">{{ transactionData.method_name }}</p>\n        </div>\n        <div class=\"row collapse-body-table-row\">\n          <p class=\"col-6 collapse-body-table-head-col\">Payment Attempt</p>\n          <p class=\"col-6 collapse-body-table-col\"></p>\n        </div>\n        <div class=\"row collapse-body-table-row\">\n          <p class=\"col-6 collapse-body-table-head-col\">IP Address</p>\n          <p class=\"col-6 collapse-body-table-col\">{{ transactionData.ip_address }}</p>\n        </div>\n        <div class=\"row collapse-body-table-row\">\n          <p class=\"col-6 collapse-body-table-head-col\">Device Info</p>\n          <p class=\"col-6 collapse-body-table-col\">{{ transactionData.user_agent }}</p>\n        </div>\n      </b-collapse>\n    </div>\n\n    <!-- Shopper Details -->\n    <div class=\"my-4\">\n      <div v-b-toggle.collapse-shopper-details class=\"d-flex justify-content-between p-3 custom-collapse common-bg-30\">\n        <h3 class=\"mb-0 collapse-header\">\n          Shopper Details\n        </h3>\n        <img v-show=\"showCollapse.shopperDetails\" src=\"@/assets/images/drop_up.svg\" alt=\"down\"/>\n        <img v-show=\"!showCollapse.shopperDetails\" src=\"@/assets/images/drop_down.svg\" alt=\"down\"/>\n      </div>\n      <b-collapse v-model=\"showCollapse.shopperDetails\" id=\"collapse-shopper-details\" class=\"mt-2\">\n        <div class=\"row collapse-body-table-row\">\n          <p class=\"col-6 collapse-body-table-head-col\">Phone Number</p>\n          <p class=\"col-6 collapse-body-table-col\">{{ transactionData.buyer_phone }}</p>\n        </div>\n        <div class=\"row collapse-body-table-row\">\n          <p class=\"col-6 collapse-body-table-head-col\">Address</p>\n          <p class=\"col-6 collapse-body-table-col\">{{ transactionData.buyer_address1 ? `${transactionData.buyer_address1}, ${transactionData.buyer_address2}, ${transactionData.buyer_city}, ${transactionData.buyer_country}` : '-' }}</p>\n        </div>\n      </b-collapse>\n    </div>\n\n    <!-- Webhook Details -->\n    <div class=\"my-4\">\n      <div v-b-toggle.collapse-webhook-details class=\"d-flex justify-content-between p-3 custom-collapse common-bg-30\">\n        <h3 class=\"mb-0 collapse-header\">\n          Webhook Details\n        </h3>\n        <img v-show=\"showCollapse.webhookDetails\" src=\"@/assets/images/drop_up.svg\" alt=\"down\"/>\n        <img v-show=\"!showCollapse.webhookDetails\" src=\"@/assets/images/drop_down.svg\" alt=\"down\"/>\n      </div>\n      <b-collapse v-model=\"showCollapse.webhookDetails\" id=\"collapse-webhook-details\">\n        <div class=\"d-flex justify-content-between m-3\">\n          <p class=\"my-auto collapse-body-table-head-col\">Trace Logs And Additional Details For Webhook Sent From PortOne Server For The Transaction.</p>\n          <b-btn variant=\"primary\" size=\"sm\" @click=\"webhookReload\">{{ $t(\"views.payments.transactions.resend_webhook\") }}</b-btn>\n        </div>\n        <b-table\n          class=\"table-custom text-center table-centered m-3\"\n          responsive=\"sm\"\n          :items=\"webhookDataForSelectedTransaction\"\n          :fields=\"webhookDetailsTableFields\"\n          :small=\"true\"\n          sticky-header=\"60vh\"\n          show-empty\n          :empty-text=\"$t('common.no-records')\"\n          hover\n        >\n          <template v-slot:head()=\"data\">\n            {{ $t(data.label) }}\n          </template>\n          <template v-slot:cell(request_time)=\"row\">\n            <p class=\"table-date\">{{ row.value | dateFormat }}</p>\n            <p class=\"table-time\">{{ row.value | time }}</p>\n          </template>\n        </b-table>\n      </b-collapse>\n    </div>\n\n    <!-- Routed Transactions -->\n    <div class=\"my-4\">\n      <div v-b-toggle.collapse-routed-transactions class=\"d-flex justify-content-between p-3 custom-collapse common-bg-30\">\n        <h3 class=\"mb-0 collapse-header\">\n          Routed Transactions\n        </h3>\n        <img v-show=\"showCollapse.routedTxnDetails\" src=\"@/assets/images/drop_up.svg\" alt=\"down\"/>\n        <img v-show=\"!showCollapse.routedTxnDetails\" src=\"@/assets/images/drop_down.svg\" alt=\"down\"/>\n      </div>\n      <b-collapse v-model=\"showCollapse.routedTxnDetails\" id=\"collapse-routed-transactions\">\n        <b-table\n          class=\"table-custom text-center table-centered m-3\"\n          :items=\"failoverTransactions\"\n          :fields=\"failoverTransactionTableFields\"\n          :small=\"true\"\n          sticky-header=\"60vh\"\n          show-empty\n          :empty-text=\"$t('common.no-records')\"\n          hover\n        >\n          <template #cell(order_ref)=\"row\">\n            <b-btn v-if=\"row.item.details_available\" variant=\"link\" class=\"text-chai font-16px\" @click=\"openTransactionDetails(row.item.order_ref)\">{{row.value}}</b-btn>\n            <span v-else>{{row.value}}</span>\n          </template>\n        </b-table>\n      </b-collapse>\n    </div>\n\n\n    <!-- Callback Event Details -->\n    <div class=\"my-4\">\n      <div v-b-toggle.collapse-callback-event-details class=\"d-flex justify-content-between p-3 custom-collapse common-bg-30\">\n        <h3 class=\"mb-0 collapse-header\">\n          {{ $t(\"views.payments.transactions.cb_event_details\") }}\n        </h3>\n        <img v-show=\"showCollapse.callbackEventDetails\" src=\"@/assets/images/drop_up.svg\" alt=\"down\"/>\n        <img v-show=\"!showCollapse.callbackEventDetails\" src=\"@/assets/images/drop_down.svg\" alt=\"down\"/>\n      </div>\n      <b-collapse v-model=\"showCollapse.callbackEventDetails\" id=\"collapse-callback-event-details\">\n        <p class=\"m-3 collapse-body-table-head-col\">Trace Logs And Additional Details For Webhook Sent From Payment Channel's Server To PortOne Server For The Transaction.</p>\n        <b-table\n          class=\"table-custom text-center table-centered m-3\"\n          responsive=\"sm\"\n          :items=\"channelEventsForSelectedTransaction\"\n          :fields=\"channelEventTableFields\"\n          :small=\"true\"\n          sticky-header=\"500px\"\n          show-empty\n          :empty-text=\"$t('common.no-records')\"\n          hover\n        >\n          <template v-slot:head()=\"data\">\n            {{ $t(data.label) }}\n          </template>\n          <template v-slot:cell(created_at)=\"row\">\n            <p class=\"table-date\">{{ row.value | dateFormat }}</p>\n            <p class=\"table-time\">{{ row.value | time }}</p>\n          </template>\n        </b-table>\n      </b-collapse>\n    </div>\n\n    <b-modal\n      ref=\"modal-payslip\"\n      id=\"modal-payslip\"\n      ok-title=\"Approve\"\n      title=\"View Payslip\"\n      cancel-title=\"Reject\"\n      ok-variant=\"success-approve px-3\"\n      cancel-variant=\"primary px-3\"\n      footer-bg-variant=\"light\"\n      footer-class=\"justify-content-center\"\n      size=\"lg\"\n      @ok=\"approvePayslip(true)\"\n      @hidden=\"() => slide = 0\"\n      @cancel=\"approvePayslip(false)\"\n      :hide-footer=\"['Success', 'Failed'].includes(this.transactionData.status)\"\n      no-close-on-backdrop\n      v-if=\"transactionData.channel_key === 'OTHERS' && transactionData.method_key === 'OTHERS_DIRECT_BANK_TRANSFER' && transactionData.direct_bank_transfer_details && transactionData.direct_bank_transfer_details.payment_slip && !isMasterMerchant\"\n    >\n      <div class=\"d-flex justify-content-center w-100\" style=\"height: 75vh; overflow: hidden;\">\n        <div class=\"w-100\">\n          <div class=\"d-flex justify-content-between\">\n            <div class=\"d-flex\">\n              <span class=\"h5 my-auto\">{{ slide + 1 + \" / \" + transactionData.direct_bank_transfer_details.payment_slip.length }}</span>\n            </div>\n            <b-button-group>\n              <b-btn variant=\"light\" @click=\"onSlidePrev\" :disabled=\"slide < 1\"><i class=\"mdi mdi-arrow-collapse-left\"></i></b-btn>\n              <b-btn variant=\"light\" @click=\"downloadPayslip()\" class=\"mx-2\"><i class=\"mdi mdi-download\"></i></b-btn>\n              <b-btn variant=\"light\" @click=\"onSlideNext\" :disabled=\"slide >= transactionData.direct_bank_transfer_details.payment_slip.length - 1\"><i class=\"mdi mdi-arrow-collapse-right\"></i></b-btn>\n            </b-button-group>\n          </div>\n\n          <div class=\"border w-100 mt-3\" style=\"height: 80%;\" v-show=\"index === slide\" v-for=\"(payslip, index) in transactionData.direct_bank_transfer_details.payment_slip\" :key=\"index\">\n            <div class=\"d-flex h-100 justify-content-center\">\n              <embed :src=\"pdfUrl(payslip)\" v-if=\"fileType(payslip) == '.pdf'\" type=\"application/pdf\" width=\"100%\" height=\"600px\" />\n              <img v-else :src=\"payslip\" class=\"img-fluid\" alt=\"\">\n            </div>\n          </div>\n        </div>\n      </div>\n    </b-modal>\n\n    <b-modal\n      ref=\"modal-update-status\"\n      id=\"modal-update-status\"\n      ok-title=\"Success\"\n      cancel-title=\"Failed\"\n      ok-variant=\"success-approve px-3\"\n      cancel-variant=\"primary px-3\"\n      footer-bg-variant=\"light\"\n      footer-class=\"justify-content-center\"\n      size=\"md\"\n      @ok=\"approvePayslip(true)\"\n      @cancel=\"approvePayslip(false)\"\n      no-close-on-backdrop\n      hide-header\n      centered\n      v-if=\"((transactionData.status === 'Error' && transactionData.channel_name === 'CYBERSOURCE') || (transactionData.status === 'Processing' && transactionData.channel_name === 'VTCPAY') || transactionData.status === 'Under Review') && !isMasterMerchant\"\n    >\n      <span @click=\"hideUpdateStatusModal\"><CloseModalBtn /></span>\n      <div class=\"d-flex justify-content-center mx-auto my-3 text-danger\">\n        Please use the respective PSP Dashboard to verify and update the correct status of this transaction.\n      </div>\n    </b-modal>\n\n    <!-- <b-alert class=\"my-3 mx-1 row text-reset font-weight-bold\" show>\n      <span class=\"col-md-8 d-flex\"><p class=\"my-auto\">{{ $t(\"views.payments.transactions.order_reference\") }} - {{ transactionData.merchant_order_ref }}</p></span>\n      <h5 class=\"mb-0 col-md-4 d-flex justify-content-between\">\n        <span class=\"my-auto\">{{ transactionAmount() }}</span>\n        <b-badge class=\"float-right\" :variant=\"transactionStatusVariant()\"><span class=\"h5\" :class=\"transactionStatusVariant() === 'orange' ? 'badge-orange' : 'text-white'\">{{ transactionData.status }}</span></b-badge>\n      </h5>\n    </b-alert> -->\n\n    <!-- <div class=\"bg-white my-4 border rounded\">\n      <p class=\"bg-light px-3 py-2 mb-0\">{{ $t(\"views.payments.transactions.transaction-details\") }}</p>\n      <div class=\"p-3\">\n        <table class=\"w-100\">\n          <colgroup>\n            <col width=\"30%\"/>\n          </colgroup>\n          <tr>\n            <td class=\"text-muted\">{{ $t(\"views.payments.transactions.order_reference\") }}</td>\n            <td>{{ transactionData.order_ref }}</td>\n          </tr>\n          <tr>\n            <td class=\"text-muted\">{{ $t(\"views.payments.transactions.psp_order_reference\") }}</td>\n            <td>{{ transactionData.channel_order_ref || `-` }}</td>\n          </tr>\n          <tr v-if=\"transactionData.payment_link_ref\">\n            <td class=\"text-muted\">Payment Link Reference</td>\n            <td>\n              <router-link :to=\"`/payment-links-details?pageRef=${transactionData.payment_link_ref}`\">\n                {{ transactionData.payment_link_ref }}\n              </router-link>\n            </td>\n          </tr>\n          <tr v-if=\"transactionData.payment_page_ref\">\n            <td class=\"text-muted\">Payment Page Reference</td>\n            <td>\n              <router-link :to=\"`/settings/payment-pages-details?pageRef=${transactionData.payment_page_ref}`\">\n                {{ transactionData.payment_page_ref }}\n              </router-link>\n            </td>\n          </tr>\n          <tr v-if=\"transactionData.subscription_order_ref\">\n            <td class=\"text-muted\">Subscription Link Reference</td>\n            <td>\n              <router-link :to=\"`/subscription-details?pageRef=${transactionData.subscription_order_ref}`\">\n                {{ transactionData.subscription_order_ref }}\n              </router-link>\n            </td>\n          </tr>\n          <tr>\n            <td class=\"text-muted\">{{ $t(\"views.payments.transactions.date\") }}</td>\n            <td>{{ transactionData.date | date }}</td>\n          </tr>\n          <tr>\n            <td class=\"text-muted\">{{ $t(\"views.payments.transactions.currency\") }}</td>\n            <td>{{ transactionData.currency }}</td>\n          </tr>\n          <tr>\n            <td class=\"text-muted\">{{ $t(\"common.amount\") }}</td>\n            <td>{{ transactionData.amount }}</td>\n          </tr>\n          <tr>\n            <td class=\"text-muted\">{{ $t(\"views.payments.transactions.payment_status\") }}</td>\n            <td>{{ transactionData.status }}</td>\n          </tr>\n        </table>\n      </div>\n    </div> -->\n    <!-- <div class=\"bg-white my-4 border rounded\">\n      <p class=\"bg-light px-3 py-2 mb-0\">{{ $t(\"views.payments.transactions.additional_info\") }}</p>\n      <div class=\"p-3\">\n        <table class=\"w-100\">\n          <colgroup>\n            <col width=\"30%\"/>\n          </colgroup>\n          <tr>\n            <td class=\"text-muted\">{{ $t(\"views.payments.transactions.payment_service_provider\") }}</td>\n            <td>{{ transactionData.channel_name }}</td>\n          </tr>\n          <tr>\n            <td class=\"text-muted\">{{ $t(\"views.payments.transactions.payment_method\") }}</td>\n            <td>{{ transactionData.method_name }}</td>\n          </tr>\n          <tr>\n            <td class=\"text-muted\">{{ $t(\"views.payments.transactions.status_code\") }}</td>\n            <td>{{ transactionData.status_code || '-' }}</td>\n          </tr>\n          <tr>\n            <td class=\"text-muted\">{{ $t(\"views.payments.transactions.status_reason\") }}</td>\n            <td>{{ transactionData.status_reason || '-' }}</td>\n          </tr>\n          <tr>\n            <td class=\"text-muted\">{{ $t(\"views.payments.transactions.status_psp_reason\") }}</td>\n            <td>{{ transactionData.status_channel_reason || '-' }}</td>\n          </tr>\n          <tr v-if=\"transactionData.routing_enabled && transactionData.route_rank\">\n            <td class=\"text-muted\">Route Rank</td>\n            <td>{{ transactionData.route_rank }}</td>\n          </tr>\n        </table>\n      </div>\n    </div> -->\n    <!-- <div class=\"bg-white my-4 border rounded\">\n      <p class=\"bg-light px-3 py-2 mb-0\">{{ $t(\"views.payments.transactions.shopper_details\") }}</p>\n      <div class=\"p-3\">\n        <table class=\"w-100\">\n          <colgroup>\n            <col width=\"30%\"/>\n          </colgroup>\n          <tr>\n            <td class=\"text-muted\">{{ $t(\"views.payments.transactions.table.name\") }}</td>\n            <td>{{ transactionData.buyer_name }}</td>\n          </tr>\n          <tr>\n            <td class=\"text-muted\">{{ $t(\"views.payments.transactions.table.email\") }}</td>\n            <td>{{ transactionData.buyer_email }}</td>\n          </tr>\n          <tr>\n            <td class=\"text-muted\">{{ $t(\"views.payments.transactions.table.phone_number\") }}</td>\n            <td>{{ transactionData.buyer_phone }}</td>\n          </tr>\n          <tr>\n            <td class=\"text-muted\">{{ $t(\"views.payments.transactions.table.address\") }}</td>\n            <td>{{ address }}</td>\n          </tr>\n          <tr>\n            <td class=\"text-muted\">{{ $t(\"views.payments.transactions.table.ip_address\") }}</td>\n            <td>{{ transactionData.ip_address }}</td>\n          </tr>\n          <tr>\n            <td class=\"text-muted\">{{ $t(\"views.payments.transactions.table.device_info\") }}</td>\n            <td>{{ transactionData.user_agent }}</td>\n          </tr>\n        </table>\n      </div>\n    </div> -->\n    <!-- <div class=\"bg-white my-4 border rounded\">\n      <p class=\"bg-light px-3 py-2 mb-0\">{{ $t(\"views.payments.transactions.webhook_details\") }}</p>\n      <div class=\"p-3\">\n        <div class=\"d-flex justify-content-between\">\n          <p>{{ $t(\"views.payments.transactions.trace_log_title\") }}</p>\n          <div><b-btn variant=\"primary\" size=\"sm\" @click=\"webhookReload\">{{ $t(\"views.payments.transactions.resend_webhook\") }}</b-btn></div>\n        </div>\n        <div class=\"table-responsive text-center table-custom\" style=\"padding-top:1rem;\">\n          <b-table\n            class=\"table-centered\"\n            responsive=\"sm\"\n            :items=\"webhookDataForSelectedTransaction\"\n            :fields=\"webhookDetailsTableFields\"\n            :bordered=\"true\"\n            :small=\"true\"\n            sticky-header=\"60vh\"\n            show-empty\n            :empty-text=\"$t('common.no-records')\"\n            busy.sync=\"true\"\n            hover\n          >\n            <template v-slot:head()=\"data\">\n              {{ $t(data.label) }}\n            </template>\n          </b-table>\n        </div>\n      </div>\n    </div> -->\n    <!-- <div class=\"bg-white my-4 border rounded\">\n      <p class=\"bg-light px-3 py-2 mb-0\">Routed Transactions</p>\n      <div class=\"p-3\">\n        <div class=\"table-responsive text-center table-custom\" style=\"padding-top:1rem;\">\n          <b-table\n            class=\"table-centered\"\n            responsive=\"sm\"\n            :items=\"failoverTransactions\"\n            :fields=\"failoverTransactionTableFields\"\n            :bordered=\"true\"\n            :small=\"true\"\n            sticky-header=\"60vh\"\n            show-empty\n            :empty-text=\"$t('views.payments.transactions.no-records')\"\n            busy.sync=\"true\"\n            hover\n          >\n            <template #cell(order_ref)=\"row\">\n              <b-btn v-if=\"row.item.details_available\" variant=\"link\" class=\"text-chai font-16px\" @click=\"openTransactionDetails(row.item.order_ref)\">{{row.value}}</b-btn>\n              <span v-else>{{row.value}}</span>\n            </template>\n          </b-table>\n        </div>\n      </div>\n    </div> -->\n    <!-- <div class=\"bg-white my-4 border rounded\">\n      <p class=\"bg-light px-3 py-2 mb-0\">{{ $t(\"views.payments.transactions.cb_event_details\") }}</p>\n      <div class=\"p-3\">\n        <p>{{ $t(\"views.payments.transactions.trace_log_psp\") }}</p>\n        <div class=\"table-responsive text-center table-custom\" style=\"padding-top:1rem;\">\n          <b-table\n            class=\"table-centered\"\n            responsive=\"sm\"\n            :items=\"channelEventsForSelectedTransaction\"\n            :fields=\"channelEventTableFields\"\n            :bordered=\"true\"\n            :small=\"true\"\n            sticky-header=\"500px\"\n            show-empty\n            :empty-text=\"$t('common.no-records')\"\n            busy.sync=\"true\"\n            hover\n          >\n            <template v-slot:head()=\"data\">\n              {{ $t(data.label) }}\n            </template>\n          </b-table>\n        </div>\n      </div>\n    </div> -->\n  </Layout>\n</template>\n\n<style lang=\"css\" scoped>\n.badge-orange {\n  color: #FA8234;\n  background-color: #FA823414;\n}\n.custom-collapse {\n  border-radius: 15px 15px 0px 0px;\n  border-bottom: 1px solid #DCDAD5;\n}\n.collapse-header {\n  color: #000;\n  font-size: 20px;\n  font-style: normal;\n  font-weight: 350;\n}\n.collapse-body-table-row {\n  border-bottom: 1px solid #DCDAD5;\n  margin-right: unset;\n  margin-left: unset;\n  height: 60px;\n}\n.collapse-body-table-head-col {\n  color: rgba(0, 0, 0, 0.50);\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 350;\n  margin-top: auto;\n  margin-bottom: auto;\n}\n\n.collapse-body-table-col {\n  color: #000;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 350;\n  margin-top: auto;\n  margin-bottom: auto;\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!./payment-details.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!./payment-details.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./payment-details.vue?vue&type=template&id=2dec419e&scoped=true&\"\nimport script from \"./payment-details.vue?vue&type=script&lang=js&\"\nexport * from \"./payment-details.vue?vue&type=script&lang=js&\"\nimport style0 from \"./payment-details.vue?vue&type=style&index=0&id=2dec419e&lang=css&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2dec419e\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-btn',{staticClass:\"p-0 bg-white border-0\"},[_c('img',{staticClass:\"cursor-pointer\",attrs:{\"src\":require(\"@/assets/images/close.svg\"),\"alt\":\"close\"},on:{\"click\":_vm.clicked}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <b-btn class=\"p-0 bg-white border-0\">\n        <img @click=\"clicked\" class=\"cursor-pointer\" src=\"@/assets/images/close.svg\" alt=\"close\" />\n    </b-btn>\n</template>\n\n<script>\nexport default {\n    methods: {\n        clicked() {\n            this.$emit('close-button-clicked')\n        }\n    }\n}\n</script>\n\n<style>\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!./close-modal-btn.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!./close-modal-btn.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./close-modal-btn.vue?vue&type=template&id=19647592&\"\nimport script from \"./close-modal-btn.vue?vue&type=script&lang=js&\"\nexport * from \"./close-modal-btn.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/drop_down.5c9b25f4.svg\";","module.exports = __webpack_public_path__ + \"img/refund.bceb3468.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"d-flex\"},[_c('button',{staticClass:\"btn my-auto\",attrs:{\"disabled\":!_vm.goBackTo},on:{\"click\":_vm.goback}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/arrow_left.svg\"),\"alt\":\"back\"}})]),_c('b-breadcrumb',{staticClass:\"my-auto py-0\",attrs:{\"items\":_vm.items}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"d-flex\">\n        <button :disabled=\"!goBackTo\" @click=\"goback\" class=\"btn my-auto\">\n          <img src=\"@/assets/images/arrow_left.svg\" alt=\"back\" />\n        </button>\n        <b-breadcrumb class=\"my-auto py-0\" :items=\"items\"></b-breadcrumb>\n    </div>\n</template>\n\n<script>\nexport default {\n    props: {\n        items: {\n            type: Array,\n            default: () => {\n                return []\n            },\n        },\n        goBackTo: Object\n    },\n\n    methods: {\n        goback() {\n            if(this.goBackTo) {\n                this.$router.push(this.goBackTo);\n            }\n        }\n    }\n}\n</script>\n\n<style scoped>\n\n/* Add a color to all links inside the list */\na {\n    color: rgba(0, 0, 0, 0.50);\n    text-decoration: none;\n    font-style: normal;\n}\n\nbutton {\n    width: 44px;\n    height: 44px;\n    border-radius: 12px;\n    padding: 0;\n    background: rgb(217,217,217, 0.3);\n    border: none;\n}\nli{\n    font-size: 12px;\n}\nli:last-child {\n    color: #FC6B2D;\n}\n\nol {\n    background-color: #FFF !important;\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!./breadcrumb.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!./breadcrumb.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./breadcrumb.vue?vue&type=template&id=d155fadc&scoped=true&\"\nimport script from \"./breadcrumb.vue?vue&type=script&lang=js&\"\nexport * from \"./breadcrumb.vue?vue&type=script&lang=js&\"\nimport style0 from \"./breadcrumb.vue?vue&type=style&index=0&id=d155fadc&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  \"d155fadc\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/drop_up.81b27c44.svg\";","module.exports = __webpack_public_path__ + \"img/arrow_left.26890a40.svg\";"],"sourceRoot":""}