{"version":3,"sources":["webpack:///./src/views/pages/payment-pages/payment-page-details.vue?2d99","webpack:///./src/views/pages/payment-pages/payment-page-details.vue?e080","webpack:///src/views/pages/payment-pages/payment-page-details.vue","webpack:///./src/views/pages/payment-pages/payment-page-details.vue?b094","webpack:///./src/views/pages/payment-pages/payment-page-details.vue?e7d5","webpack:///./src/assets/images/icon-share.svg","webpack:///./src/views/pages/payment-pages/payment-page-details.vue?d5db","webpack:///./src/assets/images/icon-edit.svg"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","title","items","staticClass","scopedSlots","_u","key","fn","_v","_s","$t","proxy","pageDetails","content","page_link","isMasterMerchant","_e","on","duplicatePage","qrcode_link","generateQR","editPaymentPage","staticStyle","directives","name","rawName","value","expression","arg","style","is_active","$event","updateActiveStatus","class","payment_link_details","payment_page_ref","_f","created_at","choosenPaymentMethods","modifiers","getFormattedNumber","amount","currency","downloadQR","totalRevenue","stock_sold_quantity","Number","available_stock_quantity","totalRows","_l","pmtMethod","i","element","index","_b","logo","width","height","updateStock","model","callback","$$v","isStockEnabled","availableStockQuantity","resetAdvanceFilters","filterApplied","pageOptions","perPage","filterOptions","currentSelectedFilter","fetchTransactionOnEmptyFilter","type","indexOf","_k","keyCode","filterTransactionBySelectedRefFilter","apply","arguments","refValueForFilter","downloadExcel","notAfterToday","filters","$set","notAfterTodayAndBeforeStartDate","merchantListDataFromStore","merchant_uuids","paymentChannelList","paymentMethodList","fetchTransactionByAdvanceFilters","pageTransactions","fields","sortBy","sortDesc","data","field","tooltip","label","ref","row","item","order_ref","merchant_key","channel_logo","isFetchingTransactions","currentPage","staticRenderFns","components","Layout","PageHeader","DatePicker","Multiselect","Spinner","FilterBtn","DownloadBtn","advancedFilterClosed","mor_filter","filter","to","from","pmt_channel","pmt_method","status","totalTransactions","pageRef","sortable","thClass","tdClass","date","dateFormat","created","submerchantKey","then","computed","paymentPageDetailStore","paymentPageTransactions","text","active","href","watch","selectedTrasactionDataFromStore","console","toDate","methods","createPaymentPage","path","onCopySuccess","closeOnClick","onCopyQrSuccess","link","document","query","setTransactionData","payload","page","pagesize","charge_params","dynamic_column","dynamic_field","pageTransactions_content","getlangcodefromcurr","language","minimumFractionDigits","format","numberValue","pageData","page_ref","is_stock_enabled","duplicate","response","catch","error","beforeDestroy","component","module","exports"],"mappings":"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,sCAAAM,OAAA3B,+DAAArH,sEAGAiJ,qBAEA,8CACAC,SACAC,sBACAC,sBACAzE,qBACAqC,gFACAD,+DAEAM,iEACAQ,KAAA,KACA,mCACA,gCACA,kBACA,SACA,KACA,wBACA,mCACA,WACA,2DACAwB,OACAC,UAGA,OACAA,kBAEA,mBACA,WAEA,SACAC,iBACA,aACA,8BACAC,qCACA,eAAAxJ,MAAAsH,YAAA5B,aAGA,eAEA,wBACA,6CACA,oCAIA1B,gCACA,6BACA,cACA+C,MACAC,QACAC,eACAC,cACAC,WAEA,4BAIAsC,uBACA,MAYA,OATAC,EAFA,EACA,UACAA,KACA,UACAA,KAEAA,KAGAA,KAEA,GAGAxH,wBACA,kCACA,2BACAX,iBACAa,WACAuH,0BACAC,OAAAC,GACA,UAGAlG,gBACA,yNAGAc,gBACA,6CACAqF,UACAX,sBACAC,sBACAzE,qBACAqC,gFACAD,+DAEAM,wBAGA3F,sBACA,yCACA,qCAEA,8CACAqI,sBACAvI,YACAiB,sEACAuH,yCAIApJ,gBACA,mBAAA8H,sCAAAM,OAAA3B,+DAAA4C,iBAEA7G,cACA,8CACA2G,sBACAtH,sEACAuH,uCACAnC,KAAA,KACA,cACA5D,eACAgE,0DACAW,kBAEA,8EACA,iEAGAlE,iBACA,uBACA,yCAEA,YAEAG,mCACA,yBACA,2CAEA,YAEA/D,aACA,8CACAuG,uBACAQ,KAAAqC,IACA,mDACA,cACAjG,eACAgE,sCACAW,oBAEAuB,MAAAC,IAEA,8BACA,cACAnG,aACAgE,eACAW,sBAMAyB,gBACA,6CChc4X,I,mCCSxXC,EAAY,eACd,EACAnL,EACAgH,GACA,EACA,KACA,WACA,MAIa,aAAAmE,E,gCCpBfC,EAAOC,QAAU,IAA0B,+B,oCCA3C,W,4CCAAD,EAAOC,QAAU,IAA0B,8B","file":"js/chunk-e99592ea.7b6e3b5b.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-page-details.vue?vue&type=style&index=0&id=1492494a&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('Layout',[_c('PageHeader',{attrs:{\"title\":_vm.title,\"items\":_vm.items}}),(_vm.pageDetails)?_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-sm-12 col-md-12\"},[_c('div',{staticClass:\"row mb-4\"},[_c('div',{staticClass:\"col-md-12 d-flex justify-content-end\"},[_c('b-dropdown',{staticClass:\"custom-btn mx-1\",attrs:{\"variant\":\"white\",\"size\":\"sm\"},scopedSlots:_vm._u([{key:\"button-content\",fn:function(){return [_c('img',{staticClass:\"mb-1 mr-1\",attrs:{\"src\":require(\"@/assets/images/icon-share.svg\"),\"alt\":\"share\"}}),_vm._v(\" \"+_vm._s(_vm.$t('views.payment_pages.share'))+\" \")]},proxy:true}],null,false,1289401048)},[_c('b-dropdown-item-button',[_c('ShareNetwork',{attrs:{\"network\":\"facebook\",\"url\":_vm.pageDetails.content.page_link,\"title\":_vm.pageDetails.content.title}},[_vm._v(\" \"+_vm._s(_vm.$t('views.payment_pages.share_fb'))+\" \")])],1),_c('b-dropdown-item-button',[_c('ShareNetwork',{attrs:{\"network\":\"whatsapp\",\"url\":_vm.pageDetails.content.page_link,\"title\":_vm.pageDetails.content.title}},[_vm._v(\" \"+_vm._s(_vm.$t('views.payment_pages.share_wa'))+\" \")])],1)],1),_c('div',[(!_vm.isMasterMerchant)?_c('button',{staticClass:\"btn custom-btn mx-1\",on:{\"click\":_vm.duplicatePage}},[_c('i',{staticClass:\"mdi mdi-content-duplicate\"}),_vm._v(_vm._s(_vm.$t('views.payment_pages.duplicate'))+\" \")]):_vm._e(),(!_vm.pageDetails.content.qrcode_link)?_c('button',{staticClass:\"btn custom-btn mx-1\",on:{\"click\":_vm.generateQR}},[_vm._v(\" Generate QR \")]):_vm._e(),(!_vm.isMasterMerchant)?_c('button',{staticClass:\"btn custom-btn mx-1\",on:{\"click\":_vm.editPaymentPage}},[_c('img',{staticClass:\"mb-1 mr-1\",attrs:{\"src\":require(\"@/assets/images/icon-edit.svg\"),\"alt\":\"edit\"}}),_vm._v(_vm._s(_vm.$t(\"button.edit\"))+\" \")]):_vm._e()])],1)]),(_vm.pageDetails)?_c('div',{staticClass:\"mx-1 mb-4 row rounded\",staticStyle:{\"border\":\"1px dashed #e3e4e5 !important\",\"font-size\":\"13px\"}},[_c('div',{staticClass:\"col-md-6 p-3\"},[_c('table',{staticClass:\"page-details-1\"},[_c('colgroup',[_c('col',{attrs:{\"width\":\"30%\"}}),_c('col')]),_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('views.payment_pages.page_url'))+\":\")]),_c('td',[_c('div',{staticClass:\"d-flex justify-content-between\"},[_c('p',{staticClass:\"text-truncate mb-0 my-auto\",staticStyle:{\"width\":\"13rem\"}},[_c('a',{attrs:{\"href\":_vm.pageDetails.content.page_link,\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.pageDetails.content.page_link))])]),_c('b-btn',{directives:[{name:\"clipboard\",rawName:\"v-clipboard:copy\",value:(_vm.pageDetails ? _vm.pageDetails.content.page_link : ''),expression:\"pageDetails ? pageDetails.content.page_link : ''\",arg:\"copy\"},{name:\"clipboard\",rawName:\"v-clipboard:success\",value:(_vm.onCopySuccess),expression:\"onCopySuccess\",arg:\"success\"}],attrs:{\"size\":\"sm\",\"variant\":\"outline-primary\"}},[_c('i',{staticClass:\"mdi mdi-content-copy\"}),_vm._v(_vm._s(_vm.$t(\"common.copy\"))+\" \")])],1)])]),_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('views.payment_pages.page_status'))+\":\")]),_c('td',[_c('b-btn',{staticClass:\"mr-2\",staticStyle:{\"font-size\":\"12px\",\"background\":\"#fff\"},style:([ !_vm.pageDetails.content.is_active ? \"border: 1px solid #DAD9D9; color: #D9D9D9;\" : \"border: 1px solid #252B3A; color: #252B3A;\"]),attrs:{\"variant\":\"primary\",\"size\":\"sm\"},on:{\"click\":function($event){return _vm.updateActiveStatus(true)}}},[_c('div',{staticClass:\"checkbox-group\"},[_c('label',{staticClass:\"position-relative mb-0\",class:_vm.pageDetails.content.is_active ? \"filled\" : \"\"},[_vm._v(_vm._s(_vm.$t('views.payment_pages.activate')))])])]),_c('b-btn',{staticStyle:{\"font-size\":\"12px\",\"background\":\"#fff\"},style:([ _vm.pageDetails.content.is_active ? \"border: 1px solid #DAD9D9; color: #D9D9D9;\" : \"border: 1px solid #252B3A; color: #252B3A;\"]),attrs:{\"variant\":\"primary\",\"size\":\"sm\"},on:{\"click\":function($event){return _vm.updateActiveStatus(false)}}},[_c('div',{staticClass:\"checkbox-group\"},[_c('label',{staticClass:\"position-relative mb-0\",class:!_vm.pageDetails.content.is_active ? \"filled\" : \"\"},[_vm._v(_vm._s(_vm.$t('views.payment_pages.deactivate')))])])])],1)]),_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('views.payment_pages.page_id'))+\":\")]),_c('td',[_vm._v(_vm._s(_vm.pageDetails.payment_link_details.payment_page_ref))])]),_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('views.payment_pages.created_on'))+\":\")]),_c('td',[_vm._v(_vm._s(_vm._f(\"dateFormat\")(_vm.pageDetails.content.created_at)))])]),(_vm.choosenPaymentMethods > 0)?_c('tr',[_c('td',[_vm._v(\"Payment Methods\")]),_c('td',[_c('b-btn',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.payment-methods-view\",modifiers:{\"payment-methods-view\":true}}],staticClass:\"m-0\",attrs:{\"size\":\"sm\",\"variant\":\"primary\"}},[_vm._v(\" View \")])],1)]):_vm._e()])]),_c('div',{staticClass:\"col-md-6 p-3 bg-light\"},[_c('table',{staticClass:\"page-details-2 w-100\"},[_c('colgroup',[_c('col',{attrs:{\"width\":\"30%\"}}),_c('col',{attrs:{\"width\":\"50%\"}}),_c('col',{attrs:{\"width\":\"20%\"}})]),_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('common.amount'))+\":\")]),_c('td',[_vm._v(_vm._s(_vm.getFormattedNumber(_vm.pageDetails.content.amount, _vm.pageDetails.content.currency)))]),_c('td',{attrs:{\"rowspan\":\"4\"}},[(_vm.pageDetails.content.qrcode_link)?_c('div',[_c('img',{staticClass:\"w-100\",attrs:{\"src\":_vm.pageDetails.content.qrcode_link,\"alt\":\"\"}}),_c('b-btn',{directives:[{name:\"clipboard\",rawName:\"v-clipboard:copy\",value:(_vm.pageDetails.content.qrcode_link),expression:\"pageDetails.content.qrcode_link\",arg:\"copy\"},{name:\"clipboard\",rawName:\"v-clipboard:success\",value:(_vm.onCopyQrSuccess),expression:\"onCopyQrSuccess\",arg:\"success\"},{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.bottom\",modifiers:{\"hover\":true,\"bottom\":true}}],staticClass:\"p-0 px-3\",staticStyle:{\"font-size\":\"1rem\",\"cursor\":\"copy\"},attrs:{\"size\":\"sm\",\"variant\":\"primary\",\"title\":\"copy\"}},[_c('i',{staticClass:\"mdi mdi-content-copy\"})]),_c('b-btn',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.bottom\",modifiers:{\"hover\":true,\"bottom\":true}}],staticClass:\"p-0 px-3 float-right\",staticStyle:{\"font-size\":\"1rem\"},attrs:{\"size\":\"sm\",\"variant\":\"primary\",\"title\":\"download\"},on:{\"click\":_vm.downloadQR}},[_c('i',{staticClass:\"mdi mdi-download\"})])],1):_vm._e()])]),_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('views.payment_pages.revenue'))+\":\")]),_c('td',[_c('span',{staticClass:\"badge badge-info\"},[_vm._v(_vm._s(_vm.getFormattedNumber(_vm.totalRevenue, _vm.pageDetails.content.currency)))])])]),_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('views.payment_pages.unit_sold'))+\":\")]),_c('td',[_c('div',{staticClass:\"d-flex justify-centent-between\"},[_c('div',{staticClass:\"my-auto\"},[_c('span',{staticClass:\"badge badge-success\"},[_vm._v(_vm._s(_vm.pageDetails.content.stock_sold_quantity))]),(_vm.pageDetails.content.is_stock_enabled)?_c('span',{staticClass:\"ml-2\"},[_vm._v(\" \"+_vm._s(_vm.$t('views.payment_pages.of'))+\" \"),_c('span',{staticClass:\"ml-2 badge badge-primary\"},[_vm._v(_vm._s(Number(_vm.pageDetails.content.stock_sold_quantity) + Number(_vm.pageDetails.content.available_stock_quantity)))])]):_vm._e()]),_c('b-btn',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.update-stock-modal\",modifiers:{\"update-stock-modal\":true}}],staticClass:\"ml-auto mr-2 p-0 font-weight-bold\",attrs:{\"size\":\"sm\",\"variant\":\"link\"}},[_c('i',{staticClass:\"mdi mdi-pencil\"}),_vm._v(\" \"+_vm._s(_vm.$t('views.payment_pages.update_stocks'))+\" \")])],1)])]),_c('tr',[_c('td',[_vm._v(_vm._s(_vm.$t('common.transactions'))+\":\")]),_c('td',[_c('span',{staticClass:\"badge badge-primary my-auto\"},[_vm._v(_vm._s(_vm.totalRows))])])])])]),(_vm.choosenPaymentMethods > 0)?_c('b-modal',{attrs:{\"id\":\"payment-methods-view\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\",\"title\":\"Payment Methods\"}},_vm._l((_vm.pageDetails.content.chosen_payment_methods),function(pmtMethod,key,i){return _c('div',{key:key},[_c('label',{staticClass:\"text-primary mb-2\"},[_vm._v(_vm._s(key))]),_vm._l((pmtMethod),function(element,index){return _c('div',{key:index},[_c('b-img',_vm._b({attrs:{\"src\":element.logo,\"rounded\":\"circle\",\"alt\":\"Circle image\"}},'b-img',{width: 40, height: 40, class: 'mx-2 my-1'},false)),_vm._v(\" \"),_c('label',{staticClass:\"text-primary my-auto\"},[_vm._v(_vm._s(element.name))])],1)}),(i !== (_vm.choosenPaymentMethods - 1))?_c('hr'):_vm._e()],2)}),0):_vm._e()],1):_vm._e()])]),_c('b-modal',{attrs:{\"id\":\"update-stock-modal\",\"title\":_vm.$t('views.payment_pages.update_stock'),\"ok-title\":\"Save\",\"cancel-variant\":\"light\",\"centered\":\"\"},on:{\"ok\":_vm.updateStock}},[_c('b-form-checkbox',{staticClass:\"mb-3\",model:{value:(_vm.isStockEnabled),callback:function ($$v) {_vm.isStockEnabled=$$v},expression:\"isStockEnabled\"}},[_vm._v(\" \"+_vm._s(_vm.$t('views.payment_pages.limited_stock'))+\" \")]),_c('b-form-input',{attrs:{\"disabled\":!_vm.isStockEnabled,\"placeholder\":_vm.$t('views.payment_pages.available_stock')},model:{value:(_vm.availableStockQuantity),callback:function ($$v) {_vm.availableStockQuantity=$$v},expression:\"availableStockQuantity\"}})],1),_c('div',{staticClass:\"row my-4\"},[_c('div',{staticClass:\"col-sm-12 col-xl-4 d-flex align-items-baseline\"},[_c('div',{on:{\"click\":_vm.resetAdvanceFilters}},[_c('FilterBtn',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.transaction-filter-collapse\",modifiers:{\"transaction-filter-collapse\":true}}],attrs:{\"isActive\":_vm.filterApplied()}})],1),_c('div',{staticClass:\"dataTables_length ml-3\",attrs:{\"id\":\"tickets-table_length\"}},[_c('label',{staticClass:\"d-flex align-items-baseline\"},[_c('span',{staticClass:\"text-nowrap\"},[_vm._v(_vm._s(_vm.$t(\"common.show\")))]),_vm._v(\"  \"),_c('b-form-select',{attrs:{\"size\":\"sm\",\"options\":_vm.pageOptions},model:{value:(_vm.perPage),callback:function ($$v) {_vm.perPage=$$v},expression:\"perPage\"}}),_vm._v(\"  \"),_c('span',{staticClass:\"text-nowrap\"},[_vm._v(_vm._s(_vm.$t(\"common.entries\")))])],1)])]),_c('div',{staticClass:\"col-sm-12 col-md-8 d-flex justify-content-end align-items-center\"},[_c('div',{staticClass:\"d-flex\"},[_c('label',{staticClass:\"mr-2 text-nowrap\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"common.search_by\")))]),_c('b-form-select',{staticClass:\"w-50\",attrs:{\"size\":\"sm\",\"options\":_vm.filterOptions},scopedSlots:_vm._u([{key:\"first\",fn:function(){return [_c('b-form-select-option',{attrs:{\"value\":\"\"}},[_vm._v(\"-- Please Select Option --\")])]},proxy:true}],null,false,335398816),model:{value:(_vm.currentSelectedFilter),callback:function ($$v) {_vm.currentSelectedFilter=$$v},expression:\"currentSelectedFilter\"}}),_vm._v(\"  \"),_c('b-input-group',{staticClass:\"w-50\"},[_c('b-form-input',{staticClass:\"form-control form-control-sm ml-2\",attrs:{\"type\":\"search\",\"placeholder\":\"Enter ReferenceID\"},on:{\"keyup\":[_vm.fetchTransactionOnEmptyFilter,function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.filterTransactionBySelectedRefFilter.apply(null, arguments)}]},model:{value:(_vm.refValueForFilter),callback:function ($$v) {_vm.refValueForFilter=$$v},expression:\"refValueForFilter\"}}),_c('b-input-group-append',[_c('button',{staticClass:\"btn btn-primary btn-block btn-sm\",on:{\"click\":_vm.filterTransactionBySelectedRefFilter}},[_vm._v(_vm._s(_vm.$t('button.search')))])])],1)],1),_c('div',{staticClass:\"down-btn\",on:{\"click\":function($event){return _vm.downloadExcel()}}},[_c('DownloadBtn')],1)])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-sm-12 col-md-12\"},[_c('b-collapse',{attrs:{\"id\":\"transaction-filter-collapse\"}},[_c('b-card',{staticClass:\"border border-light\",attrs:{\"title\":\"Transaction Table Filters\"}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-sm-12 col-md-4 col-xl-3 mb-3\"},[_c('label',{staticStyle:{\"display\":\"block\"},attrs:{\"for\":\"startdate\"}},[_vm._v(_vm._s(_vm.$t(\"common.start_date\")))]),_c('date-picker',{staticClass:\"custom-datepicker\",attrs:{\"type\":\"datetime\",\"placeholder\":_vm.$t('common.start_date'),\"format\":\"DD-MM-YYYY HH:mm\",\"name\":\"startdate\",\"prefix-class\":\"xmx\",\"disabled-date\":_vm.notAfterToday},model:{value:(_vm.filters.from),callback:function ($$v) {_vm.$set(_vm.filters, \"from\", $$v)},expression:\"filters.from\"}})],1),_c('div',{staticClass:\"col-sm-12 col-md-4 col-xl-3 mb-3\"},[_c('label',{staticStyle:{\"display\":\"block\"},attrs:{\"for\":\"enddate\"}},[_vm._v(_vm._s(_vm.$t(\"common.end_date\")))]),_c('date-picker',{staticClass:\"custom-datepicker\",attrs:{\"type\":\"datetime\",\"placeholder\":_vm.$t('common.end_date'),\"format\":\"DD-MM-YYYY HH:mm\",\"name\":\"enddate\",\"prefix-class\":\"xmx\",\"disabled-date\":_vm.notAfterTodayAndBeforeStartDate},model:{value:(_vm.filters.to),callback:function ($$v) {_vm.$set(_vm.filters, \"to\", $$v)},expression:\"filters.to\"}})],1),(_vm.isMasterMerchant)?_c('div',{staticClass:\"col-sm-12 col-md-4 col-xl-3 mb-3\"},[_c('label',{staticStyle:{\"display\":\"block\"}},[_vm._v(_vm._s(_vm.$t(\"common.merchants\")))]),_c('multiselect',{staticClass:\"sm-multiselect\",attrs:{\"options\":_vm.merchantListDataFromStore,\"placeholder\":_vm.$t('common.search_merchants'),\"track-by\":\"email_id\",\"label\":\"email_id\",\"size\":\"sm\",\"searchable\":true,\"multiple\":true,\"taggable\":true},model:{value:(_vm.merchant_uuids),callback:function ($$v) {_vm.merchant_uuids=$$v},expression:\"merchant_uuids\"}})],1):_vm._e()]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-sm-12 col-md-6 col-xl-3 mt-2\"},[_c('multiselect',{staticClass:\"sm-multiselect\",attrs:{\"options\":_vm.paymentChannelList,\"placeholder\":_vm.$t('common.search_payment_channels'),\"searchable\":true,\"multiple\":true,\"taggable\":true},model:{value:(_vm.filters.pmt_channel),callback:function ($$v) {_vm.$set(_vm.filters, \"pmt_channel\", $$v)},expression:\"filters.pmt_channel\"}})],1),_c('div',{staticClass:\"col-sm-12 col-md-6 col-xl-3 mt-2\"},[_c('multiselect',{staticClass:\"sm-multiselect\",attrs:{\"placeholder\":_vm.$t('common.search_payment_methods'),\"searchable\":true,\"options\":_vm.paymentMethodList,\"multiple\":true},model:{value:(_vm.filters.pmt_method),callback:function ($$v) {_vm.$set(_vm.filters, \"pmt_method\", $$v)},expression:\"filters.pmt_method\"}})],1),_c('div',{staticClass:\"col-sm-12 col-md-6 col-xl-3 mt-2\"},[_c('multiselect',{staticClass:\"sm-multiselect\",attrs:{\"placeholder\":_vm.$t('common.search_transaction_status'),\"searchable\":true,\"options\":['Success', 'Initiated','Failed', 'Expired', 'Authorized', 'Error', 'Voided', 'Under Review'],\"multiple\":true},model:{value:(_vm.filters.status),callback:function ($$v) {_vm.$set(_vm.filters, \"status\", $$v)},expression:\"filters.status\"}})],1),_c('div',{staticClass:\"col-sm-12 col-md-6 col-xl-3\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-sm-12 col-md-6 mt-2\"},[_c('b-button',{staticClass:\"btn btn-block btn-sm\",staticStyle:{\"height\":\"35px\"},attrs:{\"variant\":\"primary\"},on:{\"click\":_vm.fetchTransactionByAdvanceFilters}},[_vm._v(_vm._s(_vm.$t('button.apply')))])],1),_c('div',{staticClass:\"col-sm-12 col-md-6 mt-2\"},[_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.transaction-filter-collapse\",modifiers:{\"transaction-filter-collapse\":true}}],staticClass:\"btn btn-block\",staticStyle:{\"height\":\"35px\"},attrs:{\"variant\":\"light\",\"size\":\"sm\"},on:{\"click\":_vm.resetAdvanceFilters}},[_vm._v(_vm._s(_vm.$t('button.clear')))])],1)])])])])],1)],1)]),_c('div',{staticClass:\"table-responsive text-center table-custom\"},[_c('b-table',{staticClass:\"table-centered\",attrs:{\"items\":_vm.pageTransactions,\"fields\":_vm.fields,\"responsive\":\"sm\",\"per-page\":_vm.perPage,\"sort-by\":_vm.sortBy,\"sort-desc\":_vm.sortDesc,\"bordered\":true,\"small\":true,\"sticky-header\":\"500px\",\"show-empty\":\"\",\"empty-text\":_vm.$t('common.no-records'),\"busy.sync\":\"true\",\"hover\":\"\"},on:{\"update:sortBy\":function($event){_vm.sortBy=$event},\"update:sort-by\":function($event){_vm.sortBy=$event},\"update:sortDesc\":function($event){_vm.sortDesc=$event},\"update:sort-desc\":function($event){_vm.sortDesc=$event}},scopedSlots:_vm._u([{key:\"head()\",fn:function(data){return [_c('span',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover.top\",modifiers:{\"hover\":true,\"top\":true}}],attrs:{\"title\":_vm.$t(data.field.tooltip)}},[_vm._v(\" \"+_vm._s(_vm.$t(data.label))+\" \")])]}},{key:\"cell(created_at)\",fn:function(ref){\nvar value = ref.value;\nreturn [_vm._v(\" \"+_vm._s(_vm._f(\"date\")(value))+\" \")]}},{key:\"cell(merchant_order_ref)\",fn:function(row){return [(row.item.order_ref)?_c('router-link',{attrs:{\"to\":'/transactions/payments/payment-details?order_ref=' + row.item.order_ref +'&key='+row.item.merchant_key}},[_c('span',{staticClass:\"text-chai\"},[_vm._v(_vm._s(row.value))])]):_vm._e()]}},{key:\"cell(status)\",fn:function(row){return [_c('div',{staticClass:\"badge font-size-12\",class:{\n                  'badge-soft-danger': (\"\" + (row.value)) === 'Failed' || (\"\" + (row.value)) === 'Expired',\n                  'badge-soft-success': (\"\" + (row.value)) === 'Success',\n                  'badge-soft-warning': (\"\" + (row.value)) === 'Initiated',\n                  'badge-orange': row.value === 'Under Review'\n                }},[_vm._v(_vm._s(row.value))]),(row.item.refund_completed)?_c('div',{staticClass:\"badge ml-1 badge-soft-success font-size-12\"},[_vm._v(_vm._s('Refund Processed'))]):_vm._e()]}},{key:\"cell(amount)\",fn:function(ref){\n                var value = ref.value;\n                var item = ref.item;\nreturn [_vm._v(\" \"+_vm._s(_vm.getFormattedNumber(value, item.currency))+\" \")]}},{key:\"cell(channel_key)\",fn:function(row){return [_c('div',{staticClass:\"badge font-size-12\"},[_c('img',{staticClass:\"mr-1\",attrs:{\"src\":row.item.channel_logo,\"alt\":\"user-image\",\"height\":\"16\"}}),_c('span',{staticClass:\"align-middle\"},[_vm._v(_vm._s(row.value))])])]}}],null,false,736400936)}),(_vm.isFetchingTransactions === true)?_c('Spinner'):_vm._e()],1),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col\"},[_c('div',{staticClass:\"dataTables_paginate paging_simple_numbers float-right\",staticStyle:{\"padding-bottom\":\"20px\"}},[_c('ul',{staticClass:\"pagination pagination-rounded mb-0\"},[_c('b-pagination',{attrs:{\"current-page\":_vm.currentPage,\"total-rows\":_vm.totalRows,\"per-page\":_vm.perPage},model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}})],1)]),_c('div',{staticClass:\"clear-both\"})])])],1)]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport Layout from \"../../layouts/main\";\nimport PageHeader from \"@/components/page-header\";\nimport Spinner from \"vue-simple-spinner\";\nimport * as cloneDeep from \"lodash.clonedeep\";\nimport * as moment from \"moment\";\nimport Multiselect from 'vue-multiselect';\nimport DatePicker from \"vue2-datepicker\";\nimport \"vue2-datepicker/index.css\";\nimport FilterBtn from '../../../components/filter-btn.vue';\n\nimport {\n  FETCH_PAYMENT_PAGE_DETAILS,\n  FETCH_PAYMENT_PAGE_TRANSACTIONS,\n  FETCH_CHANNEL_LIST,\n  EXPORT_PAYMENT_PAGE_TRANSACTIONS,\n  GENERATE_QR_CODE\n} from \"@/state/actions.type\";\n\nimport { UPDATE_PAYMENT_PAGE_DETAIL_IN_STORE } from '@/state/mutations.type';\nimport DownloadBtn from \"../../../components/download-btn.vue\";\nexport default {\n  components: {\n    Layout,\n    PageHeader,\n    DatePicker,\n    Multiselect,\n    Spinner,\n    FilterBtn,\n    DownloadBtn\n},\n  data() {\n    return {\n      paymentMethodList:['CARD', 'WALLET', 'ALL'],\n      pageDetails: null,\n      pageTransactions: [],\n      advancedFilterClosed: true,\n      totalRows: 1,\n      currentPage: 1,\n      perPage: 10,\n      pageOptions: [10, 25, 50, 100],\n      mor_filter: \"\",\n      filter: null,\n      filters: {\n        to: \"\",\n        from: \"\",\n        pmt_channel:[],\n        pmt_method:[],\n        status:[],\n      },\n      merchant_uuids:[],\n      sortBy: \"created_at\",\n      sortDesc: true,\n      refValueForFilter: \"\",\n      filterOptions: ['Merchant Order Ref', 'Channel Order Ref', 'PortOne Order Ref', 'Billing Name', 'Email', 'Phone Number'],\n      currentSelectedFilter: \"\",\n      totalTransactions: \"\",\n      totalRevenue: \"\",\n      pageRef: \"\",\n      availableStockQuantity: 0,\n      isStockEnabled: false,\n      // isDetailsModalOpen: false,\n      // selectedTrasactionData: null,\n      choosenPaymentMethods: 0,\n      fields: [\n        // { key: \"show_details\", label: 'Options', tooltip: \"Options\" },\n        { key: \"created_at\", sortable: true, label: \"views.payment_pages.table.fields.txn_date\", tooltip: \"views.payment_pages.table.tooltip.txn_date\" },\n        { key: \"buyer_name\", sortable: true, label: \"views.payment_pages.table.fields.buyer_name\", tooltip: \"views.payment_pages.table.tooltip.buyer_name\" },\n        { key: \"merchant_order_ref\", sortable: true, label: \"views.payment_pages.table.fields.merchant_order_ref\", tooltip: \"views.payment_pages.table.tooltip.merchant_order_ref\" },\n        { key: \"channel_key\", sortable: true, label: \"views.payment_pages.table.fields.channel_key\", tooltip: \"views.payment_pages.table.tooltip.channel_key\" },\n        { key: \"method_name\", sortable: true, label: \"views.payment_pages.table.fields.method_name\", tooltip: \"views.payment_pages.table.tooltip.method_name\" },\n        { key: \"order_ref\", sortable: true, label: \"views.payment_pages.table.fields.order_ref\", tooltip: \"views.payment_pages.table.tooltip.order_ref\" },\n        { key: \"status\", sortable: true, label: \"views.payment_pages.table.fields.status_details\", tooltip: \"views.payment_pages.table.tooltip.status_details\" },\n        { key: \"amount\", sortable: true, label: \"views.payment_pages.table.fields.amount\", tooltip: \"views.payment_pages.table.tooltip.amount\" },\n        { key: \"merchant_email_address\", sortable: true, label: \"views.payment_pages.table.fields.merchant_email_address\", thClass: \"\",tdClass: \"\" },\n        { key: \"order_ref\", sortable: true, label: \"PortOne Order ID\", tooltip: \"\" },\n        { key: \"status_code\", sortable: true, label: \"views.payment_pages.table.fields.status_code\", tooltip: \"views.payment_pages.table.tooltip.status_code\" },\n        { key: \"status_channel_reason\", sortable: true, label: \"views.payment_pages.table.fields.status_channel_reason\", tooltip: \"views.payment_pages.table.tooltip.status_channel_reason\" },\n        { key: \"payment_method_used\", sortable: true, label: \"views.payment_pages.table.fields.payment_method_used\", tooltip: \"views.payment_pages.table.tooltip.payment_method_used\" },\n        { key: \"channel_name\", sortable: true, label: \"views.payment_pages.table.fields.channel_name\", tooltip: \"views.payment_pages.table.tooltip.channel_name\" },\n      ],\n    };\n  },\n  filters: {\n    date(date) {\n      return moment(date).format(\"DD/MM/YYYY HH:mm:ss\");\n    },\n    dateFormat(date) {\n      return moment(date).format(\"Do MMMM YYYY hh:mm a\");\n    }\n  },\n\n  created() {\n    this.pageRef = this.$route.query.pageRef\n\n    this.$store.dispatch(`paymentPages/${FETCH_PAYMENT_PAGE_DETAILS}`, {\n      pageRef: this.pageRef,\n      submerchantKey: this.$route.query.key\n    }).then(() => {\n      this.pageDetails = cloneDeep(this.paymentPageDetailStore);\n      this.availableStockQuantity = this.pageDetails.content.available_stock_quantity;\n      this.isStockEnabled = this.pageDetails.content.is_stock_enabled;\n      this.choosenPaymentMethods = Object.keys(this.pageDetails.content.chosen_payment_methods).length;\n      this.setTransactionData();\n    });\n\n    this.$store.dispatch(`transactions/${FETCH_CHANNEL_LIST}`)\n  },\n\n  computed: {\n    paymentPageDetailStore() {\n      return this.$store.state.paymentPages.pageDetails;\n    },\n\n    paymentPageTransactions() {\n      return this.$store.state.paymentPages.pageTransactions;\n    },\n\n    isFetchingTransactions() {\n      return this.$store.state.paymentPages.isFetchingData;\n    },\n\n    merchantListDataFromStore() {\n      return this.$store.state.masterMerchant.content;\n    },\n\n    paymentChannelList() {\n      return this.$store.state.transactions.paymentChannelList.filter((value, index, array) => array.indexOf(value) === index);\n    },\n\n    isMasterMerchant() {\n      return this.$store.state.auth.currentUser.is_master_merchant;\n    },\n\n    items() {\n      return [\n        {\n          text: this.$t('views.payment_pages.title'),\n          active: false,\n          href: \"/settings/payment-pages\"\n        },\n        {\n          text: this.$t('views.payment_pages.details'),\n          active: true,\n        }\n      ];\n    },\n\n    title() {\n      return this.pageDetails ? this.pageDetails.content.title : '';\n    },\n  },\n  watch: {\n    perPage: function () {\n      this.setTransactionData();\n    },\n\n    currentPage: function () {\n      this.setTransactionData();\n    },\n\n    selectedTrasactionDataFromStore() {\n      this.selectedTrasactionData = cloneDeep(this.selectedTrasactionDataFromStore);\n    },\n\n    isStockEnabled(value) {\n      if(!value) {\n        this.availableStockQuantity = 0;\n      }\n    },\n    'filters.from': function(newFromDate) {\n      if (newFromDate !== null && newFromDate !== \"2006-01-02T00:00:00.000Z\" && newFromDate !== \"\") {\n        const toDate = new Date(newFromDate);\n        console.log(toDate)\n        toDate.setHours(23, 59, 59); // Set time to the end of the day\n        this.filters.to = toDate;\n      }\n      else{\n        this.filters.to = \"\";\n      }\n    },\n  },\n\n  methods: {\n    resetAdvanceFilters() {\n      let isFilter = this.filterApplied();\n      this.advancedFilterClosed = !this.advancedFilterClosed;\n\n      this.filters = {\n        to: \"\",\n        from: \"\",\n        pmt_channel:[],\n        pmt_method:[],\n        status:[],\n      };\n\n      if(isFilter) {\n        this.setTransactionData();\n      }\n    },\n\n    filterTransactionBySelectedRefFilter() {\n      if(this.refValueForFilter == \"\") {\n        this.setTransactionData();\n      } else {\n        this.filters = {\n          to: \"\",\n          from: \"\",\n          pmt_channel:[],\n          pmt_method:[],\n          status:[],\n        };\n\n        switch(this.currentSelectedFilter) {\n          case 'Merchant Order Ref':\n            this.filters.merchant_order_ref = this.refValueForFilter.trim();\n            break;\n          case 'Channel Order Ref':\n            this.filters.channel_order_ref = this.refValueForFilter.trim();\n            break;\n          case 'PortOne Order Ref':\n            this.filters.order_ref = this.refValueForFilter.trim();\n            break;\n          case 'Billing Name':\n            this.filters.buyer_name = this.refValueForFilter.trim();\n            break;\n          case 'Email':\n            this.filters.buyer_email = this.refValueForFilter.trim();\n            break;\n          case 'Phone Number':\n            this.filters.buyer_phone = this.refValueForFilter.trim();\n            break;\n          default:\n            this.refValueForFilter = \"\";\n        }\n\n        this.setTransactionData();\n      }\n    },\n\n    fetchTransactionByAdvanceFilters() {\n      if(this.filters.to == \"\" || !this.filters.to) {\n        this.filters.to = new Date().toISOString()\n      }\n      if(this.filters.from == \"\" || !this.filters.from) {\n        this.filters.from = new Date('2006-01-02').toISOString()\n      }\n      this.setTransactionData();\n    },\n    createPaymentPage() {\n      this.$router.push({ path: '/settings/payment-pages/config'})\n    },\n\n    onCopySuccess() {\n      this.$notify({\n        type: \"success\",\n        text: this.$t('views.payment_pages.copy_success'),\n        closeOnClick: true,\n      });\n    },\n\n    onCopyQrSuccess() {\n      this.$notify({\n        type: \"success\",\n        text: \"QR Code Copied Successfully\",\n        closeOnClick: true,\n      });\n    },\n    downloadQR() {\n      const link = document.createElement('a');\n      link.href = this.pageDetails.content.qrcode_link;\n      link.download = 'QRCode.png';\n      document.body.appendChild(link);\n      link.click();\n      document.body.removeChild(link);\n    },\n\n    editPaymentPage() {\n      this.$router.push({ path: '/settings/payment-pages/config', query: { pageRef: this.pageDetails.payment_link_details.payment_page_ref, key: this.isMasterMerchant ? this.pageDetails.content.chaipay_key : '' }})\n    },\n\n    setTransactionData() {\n\n      this.$store.dispatch(`paymentPages/${FETCH_PAYMENT_PAGE_TRANSACTIONS}`, {\n        payload: {\n          page: this.currentPage,\n          pagesize: this.perPage,\n          filters: this.filters,\n          from: moment(this.filters.from || new Date('2006-01-02')).format(\"YYYY-MM-DD HH:mm:ss\"),\n          to: moment(this.filters.to || new Date()).format(\"YYYY-MM-DD HH:mm:ss\")\n        },\n        pageRef: this.pageDetails.payment_link_details.payment_page_ref\n      }).then(() => {\n        let result = this.paymentPageTransactions;\n        var pageTransactionsData = cloneDeep(result.transactions.content) \n        const pageTransactions_content = pageTransactionsData.map((pageTrs) => {\n          var charge_params = {}\n          var dynamic_column = [];\n          if(pageTrs.custom_page_fields){ \n            for (var i in pageTrs.custom_page_fields) {\n              var keyname = `${i}`\n              var keyvalue = `${pageTrs.custom_page_fields[i] ? pageTrs.custom_page_fields[i] : \"-\"}`\n              charge_params[keyname] = keyvalue\n              dynamic_column.push(keyname);\n            }            \n          }\n          var pageTrsstaticData = {\n            dynamic_column:dynamic_column,\n          };\n          var pageTrsstaticDynamicData = {  ...pageTrs, ...pageTrsstaticData, ...charge_params };\n          return pageTrsstaticDynamicData\n        });\n        var dynamic_field = []\n        dynamic_field = cloneDeep(this.fields);\n          if(pageTransactions_content.length > 0){\n            if(pageTransactions_content[0].dynamic_column.length > 0) {\n              pageTransactions_content[0].dynamic_column.map(function (item) {\n                return dynamic_field.push({ key: item, sortable: true, label: item });\n              });\n            }\n            this.fields = dynamic_field \n          }  \n        this.pageTransactions = pageTransactions_content\n        this.totalRows = result.transactions.total_elements;\n        this.totalRevenue = result.total_amount;\n      });\n    },\n\n    fetchTransactionOnEmptyFilter() {\n      if(this.refValueForFilter == \"\") {\n        this.filters = {\n          to: \"\",\n          from: \"\",\n          pmt_channel:[],\n          pmt_method:[],\n          status:[],\n        };\n        this.setTransactionData();\n      }\n    },\n\n    getlangcodefromcurr(currdata) {\n      let language;\n      if (currdata) {\n        if (currdata === \"VND\") {\n          language = \"vi\";\n        } else if (currdata === \"THB\") {\n          language = \"th\";\n        } else {\n          language = \"en\";\n        }\n      } else {\n        language = \"vi\";\n      }\n      return language;\n    },\n\n    getFormattedNumber(numberValue, currencyValue) {\n      let choosenLanguage = this.getlangcodefromcurr(currencyValue);\n      let formattedValue = new Intl.NumberFormat(choosenLanguage, {\n        style: \"currency\",\n        currency: currencyValue,\n        minimumFractionDigits: 2,\n      }).format(numberValue);\n      return formattedValue;\n    },\n\n    filterApplied() {\n      return Boolean(this.filters.from || this.filters.to || (this.filters.pmt_channel && this.filters.pmt_channel.length) || (this.filters.pmt_method && this.filters.pmt_method.length) || (this.filters.status && this.filters.status.length));\n    },\n\n    downloadExcel() {\n      this.$store.dispatch(`paymentPages/${EXPORT_PAYMENT_PAGE_TRANSACTIONS}`, {\n        pageData: {\n          page: this.currentPage,\n          pagesize: this.perPage,\n          filters: this.filters,\n          from: moment(this.filters.from || new Date('2006-01-02')).format(\"YYYY-MM-DD HH:mm:ss\"),\n          to: moment(this.filters.to || new Date()).format(\"YYYY-MM-DD HH:mm:ss\")\n        },\n        pageRef: this.pageRef\n      });\n    },\n    updateActiveStatus(status) {\n      if(this.pageDetails.content.is_active !== status) {\n        this.pageDetails.content.is_active = status;\n  \n        this.$store.dispatch(`paymentPages/${UPDATE_PAYMENT_PAGE_DETAIL_IN_STORE}`, {\n          page_ref: this.pageRef,\n          is_active: status,\n          available_stock_quantity: Number.parseInt(this.availableStockQuantity),\n          is_stock_enabled: this.isStockEnabled\n        });\n      }\n    },\n    duplicatePage() {\n      this.$router.push({ path: '/settings/payment-pages/config', query: { pageRef: this.pageDetails.payment_link_details.payment_page_ref, duplicate: true }})\n    },\n    updateStock() {\n      this.$store.dispatch(`paymentPages/${UPDATE_PAYMENT_PAGE_DETAIL_IN_STORE}`, {\n        page_ref: this.pageRef,\n        available_stock_quantity: Number.parseInt(this.availableStockQuantity),\n        is_stock_enabled: this.isStockEnabled,\n      }).then(() => {\n        this.$notify({\n          type: \"success\",\n          text: this.$t('views.payment_pages.stock_updated_success'),\n          closeOnClick: true\n        })\n        this.pageDetails.content.available_stock_quantity = this.availableStockQuantity;\n        this.pageDetails.content.is_stock_enabled = this.isStockEnabled;\n      });\n    },\n    notAfterToday(date) {\n      if(this.filters.to) {\n        return date > new Date() || date >= new Date(this.filters.to);\n      }\n      return date > new Date();\n    },\n    notAfterTodayAndBeforeStartDate(date) {\n      if(this.filters.from) {\n        return date > new Date() || date <= new Date(this.filters.from);\n      }\n      return date > new Date();\n    },\n    generateQR() {\n      this.$store.dispatch(`paymentPages/${GENERATE_QR_CODE}`, {\n        pageRef: this.pageRef\n      }).then((response) => {\n        this.pageDetails.content.qrcode_link = response.QRCodeImage;\n        this.$notify({\n          type: \"success\",\n          text: \"QR Code Generated Successfully\",\n          closeOnClick: true,\n        });\n      }).catch((error) => {\n        // error\n        const err = JSON.parse(error.message);\n        this.$notify({\n          type: \"error\",\n          text: err.message,\n          closeOnClick: true,\n        });\n      });\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=\"row\" v-if=\"pageDetails\">\n      <div class=\"col-lg-12\">\n        <div class=\"row\">\n          <div class=\"col-sm-12 col-md-12\">\n            <div class=\"row mb-4\">\n              <div class=\"col-md-12 d-flex justify-content-end\">\n                <b-dropdown variant=\"white\" size=\"sm\" class=\"custom-btn mx-1\">\n                  <template v-slot:button-content>\n                    <img src=\"@/assets/images/icon-share.svg\" class=\"mb-1 mr-1\" alt=\"share\"> {{ $t('views.payment_pages.share') }}\n                  </template>\n                  <b-dropdown-item-button>\n                    <ShareNetwork\n                      network=\"facebook\"\n                      :url=\"pageDetails.content.page_link\"\n                      :title=\"pageDetails.content.title\"\n                    >\n                      {{ $t('views.payment_pages.share_fb') }}\n                    </ShareNetwork>\n                  </b-dropdown-item-button>\n                  <b-dropdown-item-button>\n                    <ShareNetwork\n                      network=\"whatsapp\"\n                      :url=\"pageDetails.content.page_link\"\n                      :title=\"pageDetails.content.title\"\n                    >\n                      {{ $t('views.payment_pages.share_wa') }}\n                    </ShareNetwork>\n                  </b-dropdown-item-button>\n                </b-dropdown>\n                <div>\n                  <button class=\"btn custom-btn mx-1\" @click=\"duplicatePage\" v-if=\"!isMasterMerchant\">\n                    <i class=\"mdi mdi-content-duplicate\"></i>{{ $t('views.payment_pages.duplicate') }}\n                  </button>\n                  <button class=\"btn custom-btn mx-1\" @click=\"generateQR\" v-if=\"!pageDetails.content.qrcode_link\">\n                    Generate QR\n                  </button>\n                  <button class=\"btn custom-btn mx-1\" @click=\"editPaymentPage\" v-if=\"!isMasterMerchant\">\n                    <img src=\"@/assets/images/icon-edit.svg\" class=\"mb-1 mr-1\" alt=\"edit\">{{ $t(\"button.edit\") }}\n                  </button>\n                </div>\n              </div>\n            </div>\n            <div class=\"mx-1 mb-4 row rounded\" v-if=\"pageDetails\" style=\"border: 1px dashed #e3e4e5 !important;font-size: 13px;\">\n                <div class=\"col-md-6 p-3\">\n                  <table class=\"page-details-1\">\n                    <colgroup>\n                      <col width=\"30%\">\n                      <col>\n                    </colgroup>\n                    <tr>\n                      <td>{{ $t('views.payment_pages.page_url') }}:</td>\n                      <td>\n                        <div class=\"d-flex justify-content-between\">\n                          <p class=\"text-truncate mb-0 my-auto\" style=\"width: 13rem;\">\n                            <a :href=\"pageDetails.content.page_link\" target=\"_blank\">{{ pageDetails.content.page_link }}</a>\n                          </p>\n                          <b-btn size=\"sm\" variant=\"outline-primary\" style=\"\" v-clipboard:copy=\"pageDetails ? pageDetails.content.page_link : ''\" v-clipboard:success=\"onCopySuccess\">\n                            <i class=\"mdi mdi-content-copy\"></i>{{ $t(\"common.copy\") }}\n                          </b-btn>\n                        </div>\n                        <!-- <img src=\"@/assets/images/icon-copy.svg\" class=\"mb-1 mr-1\" alt=\"copy\"> -->\n                      </td>\n                      <!-- <td>\n                      </td> -->\n                    </tr>\n                    <tr>\n                      <td>{{ $t('views.payment_pages.page_status') }}:</td>\n                      <td>\n                        <b-btn\n                          variant=\"primary\"\n                          @click=\"updateActiveStatus(true)\"\n                          class=\"mr-2\"\n                          style=\"font-size: 12px; background: #fff;\"\n                          :style=\"[ !pageDetails.content.is_active ? `border: 1px solid #DAD9D9; color: #D9D9D9;` : `border: 1px solid #252B3A; color: #252B3A;`]\"\n                          size=\"sm\"\n                        >\n                          <div class=\"checkbox-group\">\n                            <label class=\"position-relative mb-0\" :class=\"pageDetails.content.is_active ? `filled` : ``\">{{ $t('views.payment_pages.activate') }}</label>\n                          </div>\n                        </b-btn>\n                        <b-btn\n                          variant=\"primary\"\n                          @click=\"updateActiveStatus(false)\"\n                          style=\"font-size: 12px; background: #fff;\"\n                          :style=\"[ pageDetails.content.is_active ? `border: 1px solid #DAD9D9; color: #D9D9D9;` : `border: 1px solid #252B3A; color: #252B3A;`]\"\n                          size=\"sm\"\n                        >\n                          <div class=\"checkbox-group\">\n                            <label class=\"position-relative mb-0\" :class=\"!pageDetails.content.is_active ? `filled` : ``\">{{ $t('views.payment_pages.deactivate') }}</label>\n                          </div>\n                        </b-btn>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ $t('views.payment_pages.page_id') }}:</td>\n                      <td>{{ pageDetails.payment_link_details.payment_page_ref }}</td>\n                    </tr>\n                    <tr>\n                      <td>{{ $t('views.payment_pages.created_on') }}:</td>\n                      <td>{{ pageDetails.content.created_at | dateFormat }}</td>\n                    </tr>\n                    <tr v-if=\"choosenPaymentMethods > 0\">\n                      <td>Payment Methods</td>\n                      <td>\n                        <b-btn class=\"m-0\" size=\"sm\" variant=\"primary\" v-b-modal.payment-methods-view>\n                          View\n                        </b-btn>\n                        \n                      </td>\n                    </tr>\n                  </table>\n                </div>\n                <div class=\"col-md-6 p-3 bg-light\">\n                  <table class=\"page-details-2 w-100\">\n                    <colgroup>\n                      <col width=\"30%\">\n                      <col width=\"50%\">\n                      <col width=\"20%\">\n                    </colgroup>\n                    <tr>\n                      <td>{{ $t('common.amount') }}:</td>\n                      <td>{{ getFormattedNumber(pageDetails.content.amount, pageDetails.content.currency) }}</td>\n                      <td rowspan=\"4\">\n                        <div v-if=\"pageDetails.content.qrcode_link\">\n                          <img :src=\"pageDetails.content.qrcode_link\" class=\"w-100\" alt=\"\">\n                          <b-btn size=\"sm\" variant=\"primary\" v-clipboard:copy=\"pageDetails.content.qrcode_link\" v-clipboard:success=\"onCopyQrSuccess\" v-b-tooltip.hover.bottom title=\"copy\" class=\"p-0 px-3\" style=\"font-size: 1rem; cursor: copy;\">\n                            <i\n                              class=\"mdi mdi-content-copy\"\n                            ></i>\n                          </b-btn>\n                          <b-btn size=\"sm\" variant=\"primary\" class=\"p-0 px-3 float-right\" style=\"font-size: 1rem;\" v-b-tooltip.hover.bottom title=\"download\" @click=\"downloadQR\">\n                            <i\n                              class=\"mdi mdi-download\"\n                            ></i>\n                          </b-btn>\n                        </div>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ $t('views.payment_pages.revenue') }}:</td>\n                      <td><span class=\"badge badge-info\">{{ getFormattedNumber(totalRevenue, pageDetails.content.currency) }}</span></td>\n                    </tr>\n                    <tr>\n                      <td>{{ $t('views.payment_pages.unit_sold') }}:</td>\n                      <td>\n                        <div class=\"d-flex justify-centent-between\">\n                          <div class=\"my-auto\">\n                            <span class=\"badge badge-success\">{{ pageDetails.content.stock_sold_quantity }}</span>\n                            <span v-if=\"pageDetails.content.is_stock_enabled\" class=\"ml-2\">\n                              {{ $t('views.payment_pages.of') }} <span class=\"ml-2 badge badge-primary\">{{ Number(pageDetails.content.stock_sold_quantity) + Number(pageDetails.content.available_stock_quantity) }}</span>\n                            </span>\n                          </div>\n                          <b-btn size=\"sm\" variant=\"link\" class=\"ml-auto mr-2 p-0 font-weight-bold\" v-b-modal.update-stock-modal>\n                            <i class=\"mdi mdi-pencil\"></i>\n                            {{ $t('views.payment_pages.update_stocks') }}\n                          </b-btn>\n                        </div>\n                      </td>\n                    </tr>\n                    <tr>\n                      <td>{{ $t('common.transactions') }}:</td>\n                      <td>\n                        <span class=\"badge badge-primary my-auto\">{{ totalRows }}</span>\n                      </td>\n                    </tr>\n                  </table>\n                </div>\n                <b-modal id=\"payment-methods-view\" v-if=\"choosenPaymentMethods > 0\" no-close-on-backdrop hide-footer title=\"Payment Methods\">\n                    <div v-for=\"(pmtMethod, key, i) in pageDetails.content.chosen_payment_methods\" :key=\"key\">\n                      <label class=\"text-primary mb-2\">{{key}}</label>\n                      <div v-for=\"(element, index) in pmtMethod\" :key=\"index\">\n                        <b-img v-bind=\"{width: 40, height: 40, class: 'mx-2 my-1'}\" :src=\"element.logo\" rounded=\"circle\" alt=\"Circle image\"></b-img> <label class=\"text-primary my-auto\">{{element.name}}</label>\n                      </div>\n                      <hr v-if=\"i !== (choosenPaymentMethods - 1)\">\n                    </div>\n                  </b-modal>\n            </div>\n          </div>\n        </div>\n\n        <b-modal id=\"update-stock-modal\" :title=\"$t('views.payment_pages.update_stock')\" ok-title=\"Save\" cancel-variant=\"light\" @ok=\"updateStock\" centered>\n          <b-form-checkbox\n            v-model=\"isStockEnabled\"\n            class=\"mb-3\"\n          >\n            {{ $t('views.payment_pages.limited_stock') }}\n          </b-form-checkbox>\n          <b-form-input v-model=\"availableStockQuantity\" :disabled=\"!isStockEnabled\" :placeholder=\"$t('views.payment_pages.available_stock')\"></b-form-input>\n        </b-modal>\n\n        <div class=\"row my-4\">\n          <div class=\"col-sm-12 col-xl-4 d-flex align-items-baseline\">\n            <div @click=\"resetAdvanceFilters\">\n              <FilterBtn :isActive=\"filterApplied()\" v-b-toggle.transaction-filter-collapse />\n            </div>\n            <div id=\"tickets-table_length\" class=\"dataTables_length ml-3\">\n              <label class=\"d-flex align-items-baseline\">\n                <span class=\"text-nowrap\">{{ $t(\"common.show\") }}</span>&nbsp;\n                <b-form-select v-model=\"perPage\" size=\"sm\" :options=\"pageOptions\"></b-form-select>&nbsp;\n                <span class=\"text-nowrap\">{{ $t(\"common.entries\") }}</span>\n              </label>\n            </div>\n          </div>\n\n          <div class=\"col-sm-12 col-md-8 d-flex justify-content-end align-items-center\">\n            <div class=\"d-flex\">\n            <label class=\"mr-2 text-nowrap\"> {{ $t(\"common.search_by\") }}</label>\n            <b-form-select v-model=\"currentSelectedFilter\" class=\"w-50\" size=\"sm\" :options=\"filterOptions\">\n              <template #first>\n                <b-form-select-option value=\"\">-- Please Select Option --</b-form-select-option>\n              </template>\n            </b-form-select>&nbsp;\n            <b-input-group class=\"w-50\">\n              <b-form-input type=\"search\" v-model=\"refValueForFilter\" @keyup=\"fetchTransactionOnEmptyFilter\" @keyup.enter=\"filterTransactionBySelectedRefFilter\" class=\"form-control form-control-sm ml-2\" placeholder=\"Enter ReferenceID\"></b-form-input>\n              <b-input-group-append>\n                <button class=\"btn btn-primary btn-block btn-sm\" @click=\"filterTransactionBySelectedRefFilter\">{{ $t('button.search') }}</button>\n              </b-input-group-append>\n            </b-input-group>\n            </div>\n            <div class=\"down-btn\" @click=\"downloadExcel()\">\n              <DownloadBtn />\n            </div>\n          </div>\n        </div>\n\n        <div class=\"row\">\n          <div class=\"col-sm-12 col-md-12\">\n            <b-collapse id=\"transaction-filter-collapse\">\n              <b-card class=\"border border-light\" title=\"Transaction Table Filters\">\n                <div class=\"row\">\n                  <div class=\"col-sm-12 col-md-4 col-xl-3 mb-3\">\n                    <label for=\"startdate\" style=\"display: block;\">{{ $t(\"common.start_date\") }}</label>\n                    <date-picker\n                      type=\"datetime\"\n                      :placeholder=\"$t('common.start_date')\"\n                      format=\"DD-MM-YYYY HH:mm\"\n                      v-model=\"filters.from\"\n                      name=\"startdate\"\n                      class=\"custom-datepicker\"\n                      prefix-class=\"xmx\"\n                      :disabled-date=\"notAfterToday\"\n                    ></date-picker>\n                  </div>\n                  <div class=\"col-sm-12 col-md-4 col-xl-3 mb-3\">\n                    <label for=\"enddate\" style=\"display: block;\">{{ $t(\"common.end_date\") }}</label>\n                    <date-picker\n                      type=\"datetime\"\n                      :placeholder=\"$t('common.end_date')\"\n                      v-model=\"filters.to\"\n                      format=\"DD-MM-YYYY HH:mm\"\n                      name=\"enddate\"\n                      class=\"custom-datepicker\"\n                      prefix-class=\"xmx\"\n                      :disabled-date=\"notAfterTodayAndBeforeStartDate\"\n                    ></date-picker>\n                  </div>\n                  <div v-if=\"isMasterMerchant\" class=\"col-sm-12 col-md-4 col-xl-3 mb-3\">\n                    <label style=\"display: block;\">{{ $t(\"common.merchants\") }}</label>\n                    <multiselect\n                      v-model=\"merchant_uuids\"\n                      :options=\"merchantListDataFromStore\"\n                      :placeholder=\"$t('common.search_merchants')\"\n                      track-by=\"email_id\"\n                      label=\"email_id\"\n                      size=\"sm\"\n                      :searchable=\"true\"\n                      :multiple=\"true\"\n                      :taggable=\"true\"\n                      class=\"sm-multiselect\"\n                    ></multiselect>\n                  </div>\n                </div>\n                <div class=\"row\">\n                  <div class=\"col-sm-12 col-md-6 col-xl-3 mt-2\">\n                    <multiselect\n                      v-model=\"filters.pmt_channel\"\n                      :options=\"paymentChannelList\"\n                      :placeholder=\"$t('common.search_payment_channels')\"\n                      class=\"sm-multiselect\"\n                      :searchable=\"true\"\n                      :multiple=\"true\"\n                      :taggable=\"true\"\n                    ></multiselect>\n                  </div>\n                  <div class=\"col-sm-12 col-md-6 col-xl-3 mt-2\">\n                    <multiselect\n                      v-model=\"filters.pmt_method\"\n                      :placeholder=\"$t('common.search_payment_methods')\"\n                      class=\"sm-multiselect\"\n                      :searchable=\"true\"\n                      :options=\"paymentMethodList\"\n                      :multiple=\"true\"\n                    ></multiselect>\n                  </div>\n                  <div class=\"col-sm-12 col-md-6 col-xl-3 mt-2\">\n                    <multiselect\n                      v-model=\"filters.status\"\n                      :placeholder=\"$t('common.search_transaction_status')\"\n                      class=\"sm-multiselect\"\n                      :searchable=\"true\"\n                      :options=\"['Success', 'Initiated','Failed', 'Expired', 'Authorized', 'Error', 'Voided', 'Under Review']\"\n                      :multiple=\"true\"\n                    ></multiselect>\n                  </div>\n                  <div class=\"col-sm-12 col-md-6 col-xl-3\">\n                    <div class=\"row\">\n                      <div class=\"col-sm-12 col-md-6 mt-2\">\n                        <b-button variant=\"primary\" style=\"height: 35px;\" class=\"btn btn-block btn-sm\" @click=\"fetchTransactionByAdvanceFilters\" >{{ $t('button.apply') }}</b-button>\n                      </div>\n                      <div class=\"col-sm-12 col-md-6 mt-2\">\n                        <b-button variant=\"light\"  style=\"height: 35px;\" size=\"sm\" class=\"btn btn-block\" @click=\"resetAdvanceFilters\" v-b-toggle.transaction-filter-collapse>{{ $t('button.clear') }}</b-button>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </b-card>\n            </b-collapse>\n          </div>\n        </div>\n        \n        <div class=\"table-responsive text-center table-custom\">\n          <b-table\n            class=\"table-centered\"\n            :items=\"pageTransactions\"\n            :fields=\"fields\"\n            responsive=\"sm\"\n            :per-page=\"perPage\"\n            :sort-by.sync=\"sortBy\"\n            :sort-desc.sync=\"sortDesc\"\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              <span v-b-tooltip.hover.top :title=\"$t(data.field.tooltip)\">\n                {{ $t(data.label) }}\n              </span>\n            </template>\n\n            <template v-slot:cell(created_at)=\"{ value }\">\n              {{ value | date }}\n            </template>\n\n            <template v-slot:cell(merchant_order_ref)=\"row\">\n              <router-link\n                v-if=\"row.item.order_ref\"\n                :to=\"'/transactions/payments/payment-details?order_ref=' + row.item.order_ref +'&key='+row.item.merchant_key\"\n              >\n                <span class=\"text-chai\">{{row.value}}</span>\n              </router-link>\n            </template>\n\n            <template v-slot:cell(status)=\"row\">\n              <div\n                class=\"badge font-size-12\"\n                :class=\"{\n                    'badge-soft-danger': `${row.value}` === 'Failed' || `${row.value}` === 'Expired',\n                    'badge-soft-success': `${row.value}` === 'Success',\n                    'badge-soft-warning': `${row.value}` === 'Initiated',\n                    'badge-orange': row.value === 'Under Review'\n                  }\"\n              >{{ row.value }}</div>\n              <div\n                v-if=\"row.item.refund_completed\"\n                class=\"badge ml-1 badge-soft-success font-size-12\"\n              >{{ 'Refund Processed'}}</div>\n            </template>\n\n            <template v-slot:cell(amount)=\"{value, item}\">\n              {{ getFormattedNumber(value, item.currency) }}\n            </template>\n\n            <template v-slot:cell(channel_key)=\"row\">\n              <div class=\"badge font-size-12\">\n                <img :src=\"row.item.channel_logo\" alt=\"user-image\" class=\"mr-1\" height=\"16\" />\n                <span class=\"align-middle\">{{ row.value }}</span>\n              </div>\n            </template>\n          </b-table>\n          <Spinner v-if=\"isFetchingTransactions === true\"></Spinner>\n        </div>\n        <div class=\"row\">\n          <div class=\"col\">\n            <div\n              class=\"dataTables_paginate paging_simple_numbers float-right\"\n              style=\"padding-bottom: 20px;\"\n            >\n              <ul class=\"pagination pagination-rounded mb-0\">\n                <!-- pagination -->\n                <b-pagination\n                  v-model=\"currentPage\"\n                  :current-page=\"currentPage\"\n                  :total-rows=\"totalRows\"\n                  :per-page=\"perPage\"\n                ></b-pagination>\n              </ul>\n            </div>\n            <div class=\"clear-both\"></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </Layout>\n</template>\n\n<style scoped>\n.xmx-table-date .today {\n  color: #2a90e9;\n}\n</style>\n<style lang=\"css\" scoped>\n::v-deep .table > tbody > tr > td {\n  white-space: nowrap;\n  background: #fff;\n  border: none;\n  border-bottom: 1px solid #eff2f7;\n  padding-top: 12px;\n  padding-bottom: 12px;    \n  font-size: 13px;\n}\n\n::v-deep .table > thead > tr > th {\n  white-space: nowrap;\n  font-size: medium;\n}\n\n::v-deep .modal-dialog > {\n  min-width: 80%;\n  min-height: 80%;\n}\n\n::v-deep .modal-dial > .trxn-status {\n  color: red;\n}\n::v-deep .table-custom .table.b-table > thead > tr > .table-b-table-default{\n  font-size:12px;\n  border-right: 1px solid #D9D9D9;\n  background-color: #F5F5F5;\n}\n::v-deep .main-content {\n    overflow: visible;\n}\n::v-deep  .datepicker-custom .reportrange-text{\n  border: 1px solid #EAEAEA;\n  border-radius: 6px;\n  font-size: 13px;\n  color: #000;\n  height: auto;\n  padding: 5px 10px;\n}\n.page-details-1 td:first-child{\n  height: 33px;\n  color:#B3AFAF;\n}\n\n.page-details-2 td:first-child{\n  height: 33px;\n}\n.badge {\n  font-size: 95% !important;\n}\n.custom-btn {\n  background: #FFFFFF 0% 0% no-repeat padding-box;\n  border: 1px solid #EAEAEA;\n  border-radius: 6px;\n  opacity: 1;\n}\n::v-deep .multiselect__placeholder {\n  white-space: nowrap !important;\n}\n.badge-orange {\n  color: #FA8234;\n  background-color: #FA823414;\n}\n.down-btn button{\n  height: 31px;\n  position: relative;\n  margin-left: 10px;\n}\n::v-deep .btn{\n  border-radius: 4px;\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-page-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-page-details.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./payment-page-details.vue?vue&type=template&id=1492494a&scoped=true&\"\nimport script from \"./payment-page-details.vue?vue&type=script&lang=js&\"\nexport * from \"./payment-page-details.vue?vue&type=script&lang=js&\"\nimport style0 from \"./payment-page-details.vue?vue&type=style&index=0&id=1492494a&scoped=true&lang=css&\"\nimport style1 from \"./payment-page-details.vue?vue&type=style&index=1&id=1492494a&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  \"1492494a\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/icon-share.7d525ff6.svg\";","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-page-details.vue?vue&type=style&index=1&id=1492494a&lang=css&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/icon-edit.2c334240.svg\";"],"sourceRoot":""}