{"version":3,"sources":["webpack:///./node_modules/vue-switches/dist/switches.css?32fc","webpack:///./src/components/page-header.vue?fcde","webpack:///src/components/page-header.vue","webpack:///./src/components/page-header.vue?5067","webpack:///./src/components/page-header.vue","webpack:///./node_modules/vue-switches/src/switches.vue?e9be","webpack:///node_modules/vue-switches/src/switches.vue","webpack:///./node_modules/vue-switches/src/switches.vue?e011","webpack:///./node_modules/vue-switches/src/switches.vue","webpack:///./src/views/pages/remittances/payment_methods.vue?94e9","webpack:///src/views/pages/remittances/payment_methods.vue","webpack:///./src/views/pages/remittances/payment_methods.vue?93b1","webpack:///./src/views/pages/remittances/payment_methods.vue?c158","webpack:///./src/views/pages/remittances/payment_methods.vue?7c28"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","title","attrs","items","staticRenderFns","components","props","type","default","component","class","classObject","domProps","label","_e","value","textEnabled","textDisabled","disabled","on","trigger","name","typeBold","color","theme","emitOnMount","mounted","methods","computed","shouldShowLabel","staticStyle","_l","data","index","key","selectedCountry","$event","updateCountry","convertCountryToCurrency","updateMethod","selectedmethod","convertkeyNamesTomethods","toLowerCase","replace","is_enabled","toggleSwitch","CHAIPAY_APP_URL","Layout","PageHeader","Switches","selectedmethodArray","listOfMethods","appliedFilter","appliedtype","appliedAnalytics","selectedChannel","selectedExpandBy","expandByObj","expandBy","paymentLinksData","mor_filter","isFilterApplied","showFilterSection","filter","currency","method","channel","created","paymentLinksDataFromStore","paymentMethodsDataFromStore","CountryData","isFetchingTransactions","rows","text","active","watch","pageIndex","pagesize","from_date","to_date","field","frequency","recon_type","source","destroyed","onFiltered","sortByDate","filterTransactionByMor","updateAnalytics","fetchTransactionOnEmptyFilter","statusData","countryForMethod","then","catch","error","console","openFilter","saveFilter","clearFilter","beforeDestroy"],"mappings":"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mBACAC,qBACAC,QACAC,YACAC,UACAC,cAIAC,UACA,2DACA,yDAGAvC,UACAwC,4BACA,4DAGAC,8BACA,gEAGAC,cACA,mDAGAC,yBACA,qDAEAC,OACA,qDAGArE,QACA,OACA,CACAsE,kBACAC,WAEA,CACAD,sBACAC,aAIAzE,QACA,yBAGA0E,OACAP,4BACA,yDAEAC,8BACA,sBACA,kFACA,qFAEA,6DAGAlC,kBACA,uBACA,kFACA,gFACA,sFAGAK,iBACA,uBACA,sFAGAgB,mBACA,iCACA,2BAEA,sBACA,6CACAoB,YACAC,YACAC,6EACAC,8EACAC,4BACAC,6BACAC,0BAGA,6CACAN,YACAC,YACAC,6EACAC,8EACAI,4BACAF,6BACAC,0BAGA,sBAEAzB,cACA,iBACA,yCACA,4CAGA,2BAKA/B,UAEA,wDACA,0DAGA0D,cAIAzD,YACA,OAIA0D,cAEA,wBACA,oBAEAC,kBACA,oBACA,iCACA,2BACA,aAIAjD,iBACA,wBAEAE,gBACA,uBAEAgD,yBACA,iCACA,2BACA,gBACA,6CACAX,YACAC,YACAC,6EACAC,8EACAI,4BACAF,6BACAC,2BAcAM,mBACA,wBACA,sBAcAC,gCACA,wBACA,iCACA,2BACA,6CACAb,YACAC,YACAC,6EACAC,8EACAI,4BACAF,6BACAC,4BAIA5C,4BACA,cACA,UACA,QACA,WACA,QACA,YACA,QACA,YACA,QACA,WACA,QACA,SACA,QACA,cACA,QACA,QACA,QACA,QACA,QACA,QACA,QACA,eACA,QACA,UACA,YACA,SACA,MACA,QADA,GAIAG,4BACA,wBACA,eACA,mBACA,gBACA,qBACA,cACA,cACA,WACA,iBACA,cACA,iBACA,cACA,aACA,UACA,oBACA,sBACA,0BACA,uBACA,YACA,SAEA,GAGAI,kBACA,oBACA,OACA,oCACA,iBACA,2BACA,cAEA,GACA,mCACA,iBACA,mBACA,cAEA,IACA,gBACA,0DACA6C,aACAC,qBACAC,KAAA,KACA,MACA,0DACAF,aACAC,qBACAC,KAAA,KACA,2DACA,4DAIAC,MAAAC,IACAC,mBAKAC,aACA,gDAEAC,aAMA,0BACA,yFACA,wBAEA,yBAGAC,cACA,aACAlC,YACAC,UACAC,YAOA,0BACA,0BAIAiC,gBACA,6CClXuX,I,wBCQnX1F,EAAY,eACd,EACAlB,EACAa,GACA,EACA,KACA,WACA,MAIa,aAAAK,E,6FCnBf","file":"js/chunk-642cafef.21e224f1.js","sourcesContent":["export * from \"-!../../mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../vue-loader/lib/loaders/stylePostLoader.js!../../postcss-loader/src/index.js??ref--7-oneOf-1-2!./switches.css?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[_c('div',{staticClass:\"page-title-box d-flex align-items-center justify-content-between\"},[_c('h4',{staticClass:\"mb-0\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"page-title-right\"},[_c('b-breadcrumb',{staticClass:\"m-0\",attrs:{\"items\":_vm.items}})],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nexport default {\n  components: {},\n  props: {\n    title: {\n      type: String,\n      default: '',\n    },\n    items: {\n      type: Array,\n      default: () => {\n        return []\n      },\n    },\n  },\n}\n</script>\n\n<template>\n  <!-- start page title -->\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <div class=\"page-title-box d-flex align-items-center justify-content-between\">\n        <h4 class=\"mb-0\">{{ title }}</h4>\n\n        <div class=\"page-title-right\">\n          <b-breadcrumb :items=\"items\" class=\"m-0\"></b-breadcrumb>\n        </div>\n      </div>\n    </div>\n  </div>\n  <!-- end page title -->\n</template>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./page-header.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!./page-header.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./page-header.vue?vue&type=template&id=1adc201e&\"\nimport script from \"./page-header.vue?vue&type=script&lang=js&\"\nexport * from \"./page-header.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',{class:_vm.classObject},[(_vm.shouldShowLabel)?_c('span',{staticClass:\"vue-switcher__label\"},[(_vm.label)?_c('span',{domProps:{\"textContent\":_vm._s(_vm.label)}}):_vm._e(),(!_vm.label && _vm.value)?_c('span',{domProps:{\"textContent\":_vm._s(_vm.textEnabled)}}):_vm._e(),(!_vm.label && !_vm.value)?_c('span',{domProps:{\"textContent\":_vm._s(_vm.textDisabled)}}):_vm._e()]):_vm._e(),_c('input',{attrs:{\"type\":\"checkbox\",\"disabled\":_vm.disabled},domProps:{\"checked\":_vm.value},on:{\"change\":_vm.trigger}}),_c('div')])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <label :class=\"classObject\">\n        <span class=\"vue-switcher__label\" v-if=\"shouldShowLabel\">\n            <span v-if=\"label\" v-text=\"label\"></span>\n            <span v-if=\"!label && value\" v-text=\"textEnabled\"></span>\n            <span v-if=\"!label && !value\" v-text=\"textDisabled\"></span>\n        </span>\n\n        <input type=\"checkbox\" :disabled=\"disabled\" @change=\"trigger\" :checked=\"value\">\n\n        <div></div>\n    </label>\n</template>\n\n<script>\n\nexport default {\n    name: 'switches',\n\n    props: {\n        typeBold: {\n            default: false\n        },\n\n        value: {\n            default: false\n        },\n\n        disabled: {\n            default: false\n        },\n\n        label: {\n            default: ''\n        },\n\n        textEnabled: {\n            default: ''\n        },\n\n        textDisabled: {\n            default: ''\n        },\n\n        color: {\n            default: 'default'\n        },\n\n        theme: {\n            default: 'default'\n        },\n\n        emitOnMount: {\n            default: true\n        }\n    },\n\n    mounted () {\n        if(this.emitOnMount) {\n            this.$emit('input', this.value)\n        }\n    },\n\n    methods: {\n        trigger (e) {\n            this.$emit('input', e.target.checked)\n        }\n    },\n\n    computed: {\n        classObject () {\n\n            const { color, value, theme, typeBold, disabled } = this;\n\n            return {\n                'vue-switcher' : true,\n                ['vue-switcher--unchecked'] : !value,\n                ['vue-switcher--disabled'] : disabled,\n                ['vue-switcher--bold']: typeBold,\n                ['vue-switcher--bold--unchecked']: typeBold && !value,\n                [`vue-switcher-theme--${theme}`] : color,\n                [`vue-switcher-color--${color}`] : color,\n            };\n\n        },\n\n        shouldShowLabel () {\n            return this.label !== '' || this.textEnabled !== '' || this.textDisabled !== '';\n        }\n    }\n}\n\n</script>\n\n<style src=\"./../dist/switches.css\"></style>\n","import mod from \"-!../../cache-loader/dist/cjs.js??ref--13-0!../../thread-loader/dist/cjs.js!../../babel-loader/lib/index.js!../../cache-loader/dist/cjs.js??ref--1-0!../../vue-loader/lib/index.js??vue-loader-options!./switches.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../cache-loader/dist/cjs.js??ref--13-0!../../thread-loader/dist/cjs.js!../../babel-loader/lib/index.js!../../cache-loader/dist/cjs.js??ref--1-0!../../vue-loader/lib/index.js??vue-loader-options!./switches.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./switches.vue?vue&type=template&id=8e4870fc&\"\nimport script from \"./switches.vue?vue&type=script&lang=js&\"\nexport * from \"./switches.vue?vue&type=script&lang=js&\"\nimport style0 from \"./../dist/switches.css?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {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}}),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"}),_c('div',{staticClass:\"col-lg-12\"},[_c('div',{staticClass:\"row pb-2\"},[_c('div',{staticClass:\"check-mobile col-sx-5 col-sm-12 col-lg-9 col-md-9\"})]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-sm-12 col-md-2\",staticStyle:{\"border-right\":\"1px solid #e2e2e2\"}},_vm._l((_vm.paymentMethodsDataFromStore),function(data,index){return _c('div',{key:index},[_c('div',{staticClass:\"country_list\",class:{ 'active': _vm.selectedCountry == data },on:{\"click\":function($event){return _vm.updateCountry(data)}}},[_vm._v(\" \"+_vm._s(_vm.convertCountryToCurrency(data))+\" \")])])}),0),_c('div',{staticClass:\"col-sm-12 col-md-10\",staticStyle:{\"min-height\":\"60vh\"}},[_c('ul',{staticClass:\"nav nav-tabs nav-tabs-custom\",attrs:{\"role\":\"tablist\"}},_vm._l((_vm.selectedmethodArray),function(data,index){return _c('li',{key:index,staticClass:\"nav-item\",attrs:{\"role\":\"presentation\"},on:{\"click\":function($event){return _vm.updateMethod(data)}}},[_c('a',{staticClass:\"nav-link p-3\",class:{ 'active': _vm.selectedmethod == data },attrs:{\"role\":\"tab\",\"href\":\"#\",\"target\":\"_self\"}},[_vm._v(\" \"+_vm._s(_vm.convertkeyNamesTomethods(data)))])])}),0),_c('div',{staticClass:\"row\"},_vm._l((_vm.listOfMethods),function(data,index){return _c('div',{key:index,staticClass:\"col-xl-3 col-md-4 col-lg-4 col-sm-6 dynamic-card-parent\"},[_c('div',{staticClass:\"card border dynamic-card\"},[_c('div',{staticClass:\"card-body text-center card-body-custom\"},[_c('div',{},[_c('div',{},[_c('div',{staticClass:\"avatar-background avatar-lg\"}),_c('img',{staticClass:\"avatar-lg\",staticStyle:{\"object-fit\":\"contain\",\"position\":\"relative\"},attrs:{\"src\":(\"\" + (data.logo)),\"alt\":\"\"}}),_c('div',{staticClass:\"media-body media-body-custom text-left\"},[_c('p',{staticClass:\"text-muted mb-0 mt-2 d-inline-block\"},[_vm._v(\" \"+_vm._s(data.name.toLowerCase() == 'paypal' ? 'PayPal' : data.name.replace(/via/g, \"By\"))+\" \")]),_c('switches',{staticClass:\"ml-1 font-size-10 custom_switch\",staticStyle:{\"position\":\"absolute\",\"right\":\"0px\",\"top\":\"10px\"},attrs:{\"value\":data.is_enabled,\"color\":\"primary\"},on:{\"input\":function($event){return _vm.toggleSwitch($event, data)}}})],1)])])])])])}),0)])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport Layout from \"../../layouts/main\";\nimport PageHeader from \"@/components/page-header\";\nimport * as cloneDeep from \"lodash.clonedeep\";\nimport \"vue-phone-number-input/dist/vue-phone-number-input.css\";\nimport Switches from \"vue-switches\";\nexport const CHAIPAY_APP_URL = process.env.VUE_APP_CHAIPAY_FRONTEND_URL;\n// import FilterBtn from '../../../components/filter-btn.vue';\nimport { paymentMethods } from \"@/state/helpers\";\nimport {\n  FETCH_SETTLEMENTS_SUMMARY_RESULTS,\n  FETCH_SETTLEMENTS_SUMMARY_EXPAND_BY,\n  FETCH_CROSS_BORDER_PAYMENT_METHODS,\n  CROSS_BORDER_UPDATE_ENABLE_AND_DEFAULT_STATUS,\n} from \"@/state/actions.type\";\n// import Multiselect from 'vue-multiselect';\n\nexport default {\n  components: {\n    Layout,\n    PageHeader,\n    // Multiselect,\n    // FilterBtn,\n    Switches\n  },\n  data() {\n    // const startDate = new Date();\n    // const endDate = new Date();\n    // startDate.setDate(startDate.getDate() - 200);\n    return {\n      selectedCountry:\"\",\n      selectedmethodArray:[],\n      selectedmethod:\"\",\n      listOfMethods:{},\n      appliedFilter: 'month',\n      appliedtype: 'amount',\n      appliedAnalytics:'feeMismatch',\n      selectedChannel:\"\",\n      selectedExpandBy:\"\",\n      expandByObj:{key:'',value:'Expand By'},\n      expandBy:[{key:'',value:'Expand By'}, {key:'currency',value:'Country'},{key:'method',value:'Payment Method'},{key:'channel',value:'Payment channel'}],\n      paymentLinksData: [],\n      mor_filter: \"\",\n      isFilterApplied: false,\n      showFilterSection:false,\n      filter:{\n        currency:[],\n        method:[],\n        channel:[]\n      }\n    };\n  },\n  created() {\n      this.$store.dispatch(`crossBorderPaymentMethods/${FETCH_CROSS_BORDER_PAYMENT_METHODS}`);\n      this.paymentLinksData = cloneDeep(this.paymentLinksDataFromStore);\n  },\n\n  computed: {\n    paymentLinksDataFromStore() {\n      return this.$store.state.crossBorderPaymentMethods.methods;\n    },\n\n    paymentMethodsDataFromStore() {\n      return this.$store.state.crossBorderPaymentMethods.countryList;\n    },\n\n    CountryData() {\n      return this.$store.state.auth.currentUser.country;\n    },\n\n    isFetchingTransactions() {\n      return this.$store.state.settlements.isFetchingData;\n    },\n    rows() {\n      return this.$store.state.settlements.total_elements;\n    },\n\n    items() {\n      return [\n        {\n          text: \"Remittance\",\n          active: true,\n        },\n         {\n          text: \"Payment Mthods\",\n          active: true,\n        },\n      ];\n    },\n    title() {\n      return \"Payment Mthods\";\n    },\n  },\n  watch: {\n    paymentLinksDataFromStore() {\n      this.paymentLinksData = cloneDeep(this.paymentLinksDataFromStore);\n    },\n    paymentMethodsDataFromStore() {\n      if(this.selectedCountry){\n        this.selectedmethodArray = Object.keys(this.paymentLinksData[this.selectedCountry])\n        this.listOfMethods = this.paymentLinksData[this.selectedCountry][this.selectedmethod]\n      }else{\n        this.selectedCountry = cloneDeep(this.paymentMethodsDataFromStore[0]);\n      }\n    },\n    selectedCountry(){\n      if(this.selectedCountry){\n        this.selectedmethodArray = Object.keys(this.paymentLinksData[this.selectedCountry])\n        this.selectedmethod =  Object.keys(this.paymentLinksData[this.selectedCountry])[0];\n        this.listOfMethods = this.paymentLinksData[this.selectedCountry][this.selectedmethod]\n      }\n    },\n    selectedmethod(){\n      if(this.selectedCountry){\n        this.listOfMethods = this.paymentLinksData[this.selectedCountry][this.selectedmethod]\n      }\n    },\n    selectedExpandBy(){\n      var from_date = this.pickerDates.startDate\n      var to_date = this.pickerDates.endDate\n\n      if(this.selectedExpandBy){\n        this.$store.dispatch(`settlements/${FETCH_SETTLEMENTS_SUMMARY_EXPAND_BY}`, {\n          pageIndex: 1,\n          pagesize: 10,\n          from_date:new Date(from_date.getFullYear(), from_date.getMonth(), from_date.getDate(), 0, 0, 0 ).getTime(),\n          to_date:new Date(to_date.getFullYear(), to_date.getMonth(), to_date.getDate(), 23, 59, 59 ).getTime(),\n          field:this.selectedExpandBy,\n          frequency:this.appliedFilter,\n          recon_type:\"reconciled\"\n        });\n      }else{\n        this.$store.dispatch(`settlements/${FETCH_SETTLEMENTS_SUMMARY_RESULTS}`, {\n          pageIndex: 1,\n          pagesize: 10,\n          from_date:new Date(from_date.getFullYear(), from_date.getMonth(), from_date.getDate(), 0, 0, 0 ).getTime(),\n          to_date:new Date(to_date.getFullYear(), to_date.getMonth(), to_date.getDate(), 23, 59, 59 ).getTime(),\n          source:this.selectedChannel,\n          frequency:this.appliedFilter,\n          recon_type:\"reconciled\"\n        });\n      }\n      this.updateColumns();\n    },\n    expandByObj(){\n      if(this.expandByObj){\n        if(Object.keys(this.expandByObj).length > 0){\n          this.selectedExpandBy = this.expandByObj.key\n        }\n      }else{\n        this.selectedExpandBy = \"\"\n      }\n    }\n  },\n\n  mounted() {\n    // Set the initial number of items\n    this.paymentLinksData = cloneDeep(this.paymentLinksDataFromStore);\n    this.selectedCountry = this.paymentMethodsDataFromStore[0];\n  },\n\n  destroyed() {\n    // document.body.classList.remove(\"dynamic-body\");\n  },\n\n  methods: {\n    ...paymentMethods,\n    /**\n     * Search the table data with search input\n     */\n    onFiltered(filteredItems) {\n      // Trigger pagination to update the number of buttons/pages due to filtering\n      this.totalRows = filteredItems.length;\n      this.currentPage = 1;\n    },\n    sortByDate(a, b, key) {\n      if (key == \"created_at\") {\n        const d1 = new Date(a[key]).getTime();\n        const d2 = new Date(b[key]).getTime();\n        return d1 - d2;\n      }\n    },\n\n    updateCountry(val){\n      this.selectedCountry = val;\n    },\n    updateMethod(val){\n      this.selectedmethod = val;\n    },\n    filterTransactionByMor() {\n      var from_date = this.pickerDates.startDate\n      var to_date = this.pickerDates.endDate\n      if (this.mor_filter == \"\") {\n        this.$store.dispatch(`settlements/${FETCH_SETTLEMENTS_SUMMARY_RESULTS}`, {\n          pageIndex: 1,\n          pagesize: 10,\n          from_date:new Date(from_date.getFullYear(), from_date.getMonth(), from_date.getDate(), 0, 0, 0 ).getTime(),\n          to_date:new Date(to_date.getFullYear(), to_date.getMonth(), to_date.getDate(), 23, 59, 59 ).getTime(),\n          source:this.selectedChannel,\n          frequency:this.appliedFilter,\n          recon_type:\"reconciled\"\n        });\n      } else {\n        this.$store.dispatch(`settlements/${FETCH_SETTLEMENTS_SUMMARY_RESULTS}`, {\n          pageIndex: 1,\n          pagesize: 10,\n          from_date:new Date(from_date.getFullYear(), from_date.getMonth(), from_date.getDate(), 0, 0, 0 ).getTime(),\n          to_date:new Date(to_date.getFullYear(), to_date.getMonth(), to_date.getDate(), 23, 59, 59 ).getTime(),\n          source:this.selectedChannel,\n          frequency:this.appliedFilter,\n          recon_type:\"reconciled\"\n        });\n      }\n    },\n    updateAnalytics(filter) {\n      this.appliedAnalytics = filter;\n      this.updateColumns();\n       \n      // var from_date = this.pickerDates.startDate\n      // var to_date = this.pickerDates.endDate\n      // this.$store.dispatch(`settlements/${FETCH_RECONCILIATION_SUMMARY_RESULTS}`, {\n      //   pageIndex: 1,\n      //   pagesize: 10,\n      //   from_date:new Date(from_date.getFullYear(), from_date.getMonth(), from_date.getDate(), 0, 0, 0 ).getTime(),\n      //   to_date:new Date(to_date.getFullYear(), to_date.getMonth(), to_date.getDate(), 23, 59, 59 ).getTime(),\n      //   source:this.selectedChannel,\n      //   frequency:this.appliedFilter,\n      //   recon_type:\"reconciled\"\n      // });\n    },\n    fetchTransactionOnEmptyFilter() {\n      if (this.mor_filter == \"\") {\n        var from_date = this.pickerDates.startDate\n        var to_date = this.pickerDates.endDate\n        this.$store.dispatch(`settlements/${FETCH_SETTLEMENTS_SUMMARY_RESULTS}`, {\n          pageIndex: 1,\n          pagesize: 10,\n          from_date:new Date(from_date.getFullYear(), from_date.getMonth(), from_date.getDate(), 0, 0, 0 ).getTime(),\n          to_date:new Date(to_date.getFullYear(), to_date.getMonth(), to_date.getDate(), 23, 59, 59 ).getTime(),\n          source:this.selectedChannel,\n          frequency:this.appliedFilter,\n          recon_type:\"reconciled\"\n        });\n      }\n    },\n    convertCountryToCurrency(val){\n      if(val == \"VN\"){\n          return \"Vietnam\"\n      }else if(val== \"TH\"){\n        return \"Thailand\"\n      }else if(val== \"SG\"){\n        return \"Singapore\"\n      }else if(val== \"ID\"){\n        return \"Indonesia\"\n      }else if(val== \"MY\"){\n        return \"Malaysia\"\n      }else if(val== \"TW\"){\n        return \"Taiwan\"\n      }else if(val== \"PH\"){\n        return \"Philippines\"\n      }else if(val== \"JP\"){\n        return \"Japan\"\n      }else if(val== \"KR\"){\n        return \"Korea\"\n      }else if(val==\"KE\"){\n        return \"Kenya\"\n      }else if(val==\"ZA\"){\n        return \"South Africa\"\n      }else if(val==\"NG\"){\n        return \"Nigeria\"\n      }else if(val== \"GLOBAL\"){\n        return \"GLOBAL\"\n      }else if(val== \"\"){\n        return \"\"\n      }\n    },\n    convertkeyNamesTomethods(val){\n      if(val == \"CROSS_BORDER\"){\n          return \"Cross Border\"\n      }else if(val== \"BANK_TRANSFER\"){\n        return \"Bank Transfer\"\n      }else if(val== \"INT_CREDIT_CARD\"){\n        return \"Credit Card\"\n      }else if(val== \"ATM_CARD\"){\n        return \"ATM Card\"\n      }else if(val== \"INSTALLMENT\"){\n        return \"Installment\"\n      }else if(val== \"NET_BANKING\"){\n        return \"Net Banking\"\n      }else if(val== \"QR_CODE\"){\n        return \"QR Code\"\n      }else if(val== \"MOBILE_BANKING\"){\n        return \"Net Banking(Mobile)\"\n      }else if(val== \"DIRECT_BANK_TRANSFER\"){\n        return \"Direct Bank Transfer\"\n      }else if(val== \"WALLET\"){\n        return \"Wallet\"\n      } else {\n        return val\n      }\n    },\n    toggleSwitch(value, data) {\n      if (value != data.is_enabled) {\n        var default_data = {\n            \"action_type\": \"UPDATE_DEFAULT_STATUS\",\n            \"method_key\": data.key,\n            \"method_sub_type\": data.sub_type,\n            \"is_enabled\": value\n        }\n        var enable_data = {\n            \"action_type\": \"UPDATE_ENABLE_STATUS\",\n            \"method_key\": data.key,\n            \"method_sub_type\": \"\",\n            \"is_enabled\": value\n        }\n        var count = 0;\n        var selectedChannelName = data.channel_key\n        this.$store.dispatch(`crossBorderPaymentMethods/${CROSS_BORDER_UPDATE_ENABLE_AND_DEFAULT_STATUS}`, {\n          statusData: enable_data,\n          countryForMethod: selectedChannelName\n        }).then(() => {\n            if(count == 0){\n               this.$store.dispatch(`crossBorderPaymentMethods/${CROSS_BORDER_UPDATE_ENABLE_AND_DEFAULT_STATUS}`, {\n                statusData: default_data,\n                countryForMethod: selectedChannelName\n              }).then(() => {\n                this.$store.dispatch(`crossBorderPaymentMethods/${FETCH_CROSS_BORDER_PAYMENT_METHODS}`);\n                this.paymentLinksData = cloneDeep(this.paymentLinksDataFromStore);\n              })\n            }\n        })\n        .catch((error) => {\n          console.log(error);\n          // failed while adding webhook\n        });\n      }\n    },\n    openFilter(){\n      this.showFilterSection = !this.showFilterSection\n    },\n    saveFilter(){\n      // var from_date = moment(new Date(this.pickerDates.startDate.getFullYear(), this.pickerDates.startDate.getMonth(), this.pickerDates.startDate.getDate(), 0, 0, 0 )).format(\"YYYY-MM-DD HH:mm:ss\");\n      // var to_date = moment(new Date(this.pickerDates.endDate.getFullYear(), this.pickerDates.endDate.getMonth(), this.pickerDates.endDate.getDate(), 23, 59, 59 )).format(\"YYYY-MM-DD HH:mm:ss\");\n      // this.$store.dispatch(`remittancesDashboard/${FETCH_REMITTANCES_TRANSACTION_STATS}`, { filter: this.filter, from_date, to_date, isMasterMerchant:this.isMasterMerchant, merchant_uuids:this.merchant_uuids, currency:this.currentSelectedFilter});\n      // this.$store.dispatch(`remittancesDashboard/${FETCH_REMITTANCES_TRANSACTION_DATA_FOR_DOUGHNUT_CHARTS}`, { filter: this.filter, from_date, to_date, isMasterMerchant:this.isMasterMerchant, merchant_uuids:this.merchant_uuids, currency:this.currentSelectedFilter});\n      // this.$store.dispatch(`remittancesDashboard/${FETCH_REMITTANCES_TRANSACTION_VOLUME_STACKED_BAR}`, { filter: this.filter, from_date, to_date, isMasterMerchant:this.isMasterMerchant, merchant_uuids:this.merchant_uuids, currency:this.currentSelectedFilter});\n      this.showFilterSection = false;\n      if(this.filter.method.length > 0 || this.filter.channel.length > 0 || this.filter.currency.length > 0) {\n        this.isFilterApplied = true;\n      } else {\n        this.isFilterApplied = false;\n      }\n    },\n    clearFilter(){\n      this.filter = {\n        currency:[],\n        method:[],\n        channel:[]\n      }\n      // var from_date = moment(new Date(this.pickerDates.startDate.getFullYear(), this.pickerDates.startDate.getMonth(), this.pickerDates.startDate.getDate(), 0, 0, 0 )).format(\"YYYY-MM-DD HH:mm:ss\");\n      // var to_date = moment(new Date(this.pickerDates.endDate.getFullYear(), this.pickerDates.endDate.getMonth(), this.pickerDates.endDate.getDate(), 23, 59, 59 )).format(\"YYYY-MM-DD HH:mm:ss\");\n      // this.$store.dispatch(`remittancesDashboard/${FETCH_REMITTANCES_TRANSACTION_STATS}`, { filter: {}, from_date, to_date, isMasterMerchant:this.isMasterMerchant, merchant_uuids:this.merchant_uuids, currency:this.currentSelectedFilter});\n      // this.$store.dispatch(`remittancesDashboard/${FETCH_REMITTANCES_TRANSACTION_DATA_FOR_DOUGHNUT_CHARTS}`, { filter: {}, from_date, to_date, isMasterMerchant:this.isMasterMerchant, merchant_uuids:this.merchant_uuids, currency:this.currentSelectedFilter});\n      // this.$store.dispatch(`remittancesDashboard/${FETCH_REMITTANCES_TRANSACTION_VOLUME_STACKED_BAR}`, { filter: {}, from_date, to_date, isMasterMerchant:this.isMasterMerchant, merchant_uuids:this.merchant_uuids, currency:this.currentSelectedFilter});\n      this.showFilterSection = false;\n      this.isFilterApplied = false;\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\">\n      <div class=\"col-lg-12\">\n       <!-- <div class=\"btn-group\" style=\"margin-left: 15px; vertical-align: top;\">\n          <button type=\"button\" id=\"feeMismatch\" class=\"btn btn-sm\" @click=\"updateAnalytics('feeMismatch')\" :class=\"appliedAnalytics==='feeMismatch' ? 'btn-primary': 'btn-outline-primary'\">Fee Mismatch</button>\n          <button type=\"button\" id=\"reconSummary\" class=\"btn btn-sm\" @click=\"updateAnalytics('reconSummary')\" :class=\"appliedAnalytics==='reconSummary' ? 'btn-primary': 'btn-outline-primary'\">Recon Summary</button>\n        </div> -->\n      </div>\n      <div class=\"col-lg-12\">\n            <div class=\"row pb-2\">\n              <!-- <div class=\"col-sm-12 col-lg-3 col-md-3 d-inline-block\">\n              </div> -->\n              <div class=\"check-mobile col-sx-5 col-sm-12 col-lg-9 col-md-9\">\n              </div>\n              <!-- <div class=\"col-sm-12 col-lg-3 col-md-3 d-flex\">\n                <multiselect\n                  v-model=\"expandByObj\"\n                  placeholder=\"Expand By\"\n                  :searchable=\"true\"\n                  :options=\"expandBy\"\n                  track-by=\"value\"\n                  label=\"value\"\n                  :multiple=\"false\"\n                  class=\"custom-multiselect cursor-pointer sm-multiselect\"\n                  :taggable=\"true\"\n                ></multiselect>\n                  <div class=\"ml-3 d-md-inline-block\">\n                    <div style=\"width: max-content; height:35px;\" class=\"filter_button\" @click=\"openFilter()\" ><FilterBtn :isActive=\"isFilterApplied\" /></div>\n                    <div v-if=\"showFilterSection\" class=\"filter-section\">\n                      <div class=\"bottom-section float-right\">\n                          <div @click=\"openFilter()\" class=\"mb-2\"><FilterBtn :isActive=\"isFilterApplied\" /></div>\n                      </div>\n                      <div class=\"my-3 h-50\" style=\"margin-left: 4%; border-bottom: 1px solid #F0F0F0; padding-bottom: 20px;\">\n                          <button @click=\"saveFilter()\" class=\"btn btn-primary btn-sm\">\n                            Apply\n                          </button>\n                          <button @click=\"clearFilter()\" style=\"padding-left: 20px;\" class=\"mr-2 btn btn-sm\">Clear Filter</button>\n                      </div>\n                      <div class=\"top-section\">\n                          <div class=\"filter_channel\">\n                            <div class=\"filter_heading\" style=\"padding-left: 20px;\">COUNTRY</div>\n                              <div class=\"checkbox-group\" style=\"padding-left: 20px;\">  \n                                <input type=\"checkbox\" id=\"filter_vietnam\" value=\"VND\" v-model=\"filter.currency\">\n                                <label for=\"filter_vietnam\">Vietnam (VND)</label>\n                              </div>\n                              <div class=\"checkbox-group\" style=\"padding-left: 20px;\">  \n                                <input type=\"checkbox\" id=\"filter_thailand\" value=\"THB\" v-model=\"filter.currency\">\n                                <label for=\"filter_thailand\">Thailand (THB)</label>\n                              </div>\n                              <div class=\"checkbox-group\" style=\"padding-left: 20px;\"> \n                                <input type=\"checkbox\" id=\"filter_singapore\" value=\"SGD\" v-model=\"filter.currency\">\n                                <label for=\"filter_singapore\">Singapore (SGD)</label>\n                              </div>\n                              <div class=\"checkbox-group\" style=\"padding-left: 20px;\"> \n                                <input type=\"checkbox\" id=\"filter_indonesia\" value=\"IDR\" v-model=\"filter.currency\">\n                                <label for=\"filter_indonesia\">Indonesia (IDR)</label>\n                              </div>\n                              <div class=\"checkbox-group\" style=\"padding-left: 20px;\"> \n                                <input type=\"checkbox\" id=\"filter_malaysia\" value=\"MYR\" v-model=\"filter.currency\">\n                                <label for=\"filter_malaysia\">Malaysia (MYR)</label>\n                              </div>\n                              <div class=\"checkbox-group\" style=\"padding-left: 20px;\"> \n                                <input type=\"checkbox\" id=\"filter_philippines\" value=\"PHP\" v-model=\"filter.currency\">\n                                <label for=\"filter_philippines\">Philippines (PHP)</label>\n                              </div>\n                              <div class=\"checkbox-group\" style=\"padding-left: 20px;\"> \n                                <input type=\"checkbox\" id=\"filter_taiwan\" value=\"TWD\" v-model=\"filter.currency\">\n                                <label for=\"filter_taiwan\">Taiwan (TWD)</label>\n                              </div>\n                          </div>\n                          <div class=\"filter_method\"> \n                              <div class=\"filter_heading\" style=\"padding-left: 20px;\">PAYMENT METHODS</div>\n                              <div class=\"checkbox-group\" style=\"padding-left: 20px;\">  \n                                <input type=\"checkbox\" id=\"filter_wallet\" value=\"WALLET\" v-model=\"filter.method\">\n                                <label for=\"filter_wallet\">Wallet</label>\n                              </div>\n                              <div class=\"checkbox-group\" style=\"padding-left: 20px;\">  \n                                <input type=\"checkbox\" id=\"filter_credit_card\" value=\"INT_CREDIT_CARD\" v-model=\"filter.method\">\n                                <label for=\"filter_credit_card\">Credit Card</label>\n                              </div>\n                              <div class=\"checkbox-group\" style=\"padding-left: 20px;\"> \n                                <input type=\"checkbox\" id=\"filter_atm_card\" value=\"ATM_CARD\" v-model=\"filter.method\">\n                                <label for=\"filter_atm_card\">ATM Card</label>\n                              </div>\n                          </div>\n                          <div class=\"filter_channels\"> \n                              <div class=\"filter_heading\" style=\"padding-left: 20px;\">PAYMENT CHANNELS</div>\n                              <div class=\"checkbox-group\" style=\"padding-left: 20px;\">  \n                                <input type=\"checkbox\" id=\"filter_STRIPE\" value=\"STRIPE\" v-model=\"filter.channel\">\n                                <label for=\"filter_STRIPE\">STRIPE</label>\n                              </div>\n                              <div class=\"checkbox-group\" style=\"padding-left: 20px;\">  \n                                <input type=\"checkbox\" id=\"filter_2C2P\" value=\"2C2P\" v-model=\"filter.channel\">\n                                <label for=\"filter_2C2P\">2C2P</label>\n                              </div>\n                              <div class=\"checkbox-group\" style=\"padding-left: 20px;\"> \n                                <input type=\"checkbox\" id=\"filter_EPAY\" value=\"EPAY\" v-model=\"filter.channel\">\n                                <label for=\"filter_EPAY\">EPAY</label>\n                              </div>\n                              <div class=\"checkbox-group\" style=\"padding-left: 20px;\"> \n                                <input type=\"checkbox\" id=\"filter_MOMOPAY\" value=\"MOMOPAY\" v-model=\"filter.channel\">\n                                <label for=\"filter_MOMOPAY\">MOMOPAY</label>\n                              </div>\n                              <div class=\"checkbox-group\" style=\"padding-left: 20px;\"> \n                                <input type=\"checkbox\" id=\"filter_GBPRIMEPAY\" value=\"GBPRIMEPAY\" v-model=\"filter.channel\">\n                                <label for=\"filter_GBPRIMEPAY\">GBPRIMEPAY</label>\n                              </div>\n                          </div>\n                      </div>\n                    </div>\n                </div>\n              </div> -->\n            </div>\n            <div class=\"row\">\n              <div class=\"col-sm-12 col-md-2\" style=\"border-right: 1px solid #e2e2e2;\">\n                <div class=\"\"\n                  v-for=\"(data, index) in paymentMethodsDataFromStore\"\n                  :key=\"index\">\n                    <div @click=\"updateCountry(data)\" class=\"country_list\"\n                    :class=\"{ 'active': selectedCountry == data }\">\n                        {{ convertCountryToCurrency(data) }}\n                    </div>\n                </div>\n              </div>\n              <div class=\"col-sm-12 col-md-10\" style=\"min-height: 60vh;\">\n                <ul role=\"tablist\" class=\"nav nav-tabs nav-tabs-custom\">\n                  <li role=\"presentation\" class=\"nav-item\"\n                    v-for=\"(data, index) in selectedmethodArray\"\n                    :key=\"index\" @click=\"updateMethod(data)\">\n                    <a role=\"tab\" href=\"#\" target=\"_self\" :class=\"{ 'active': selectedmethod == data }\" class=\"nav-link p-3\"> {{convertkeyNamesTomethods(data)}}</a>\n                  </li>\n                </ul>\n                <!-- <b-tabs nav-class=\"nav-tabs-custom\"> -->\n                    <!-- Payment Channel tab -->\n                    <!-- <b-tab\n                      v-for=\"(data, index) in selectedmethodArray\"\n                      :key=\"index\"\n                      :title=\"data\"\n                      :active=\"selectedmethod == data\"\n                      :aria-posinset=\"index+1\"\n                      @click=\"updateMethod(data)\"\n                      title-link-class=\"p-3\"\n                    >\n                    </b-tab>\n                  </b-tabs> -->\n                  <div class=\"row\">\n                    <div\n                      class=\"col-xl-3 col-md-4 col-lg-4 col-sm-6 dynamic-card-parent\"\n                      v-for=\"(data, index) in listOfMethods\"\n                      :key=\"index\"\n                    >\n                      <div\n                        class=\"card border dynamic-card\"\n                      >\n                        <div class=\"card-body text-center card-body-custom\">\n                          <div class=\"\">\n                          <div class=\"\">\n                            <div class=\"avatar-background avatar-lg\"></div>\n                            <img\n                              :src=\"`${data.logo}`\"\n                              alt\n                              class=\"avatar-lg\"\n                              style=\"object-fit: contain;position: relative;\"\n                            />\n                            <div class=\"media-body media-body-custom text-left\">\n                              <p class=\"text-muted mb-0 mt-2 d-inline-block\">\n                                {{ data.name.toLowerCase() == 'paypal' ? 'PayPal' : data.name.replace(/via/g, \"By\") }}\n                              </p>\n                               <switches\n                                :value=\"data.is_enabled\"\n                                color=\"primary\"\n                                class=\"ml-1 font-size-10 custom_switch\"\n                                style=\"position: absolute; right: 0px; top: 10px;\"\n                                 @input=\"toggleSwitch($event, data)\"\n                              ></switches>\n                              <!-- <img v-if=\"!data.is_enabled\" src=\"@/assets/images/arrow.png\" alt />\n                              <img v-if=\"data.is_enabled\" src=\"@/assets/images/tick.png\" alt /> -->\n                            </div>\n                          </div>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n              </div>\n            </div>\n            <!-- </b-tab> -->\n            <!-- </b-tabs> -->\n      </div>\n    </div>\n  </Layout>\n</template>\n\n<style lang=\"css\" scoped>\n::v-deep .nav-tabs > li > a{\n  padding-top: 0px !important;\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\n::v-deep .filter_button button{\n  height: 100%;\n}\n::v-deep .filter_button button:focus,.filter_button button:active {\n  outline: none !important;\n  box-shadow: none;\n}\n\n.search-button{\n  background: #EAEAEA;\n  border-color: #EAEAEA;\n  color: #B3AFAF;\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  .custom-multiselect .multiselect__tags{\n  border: 0.5px solid #00246414 !important;\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} \ninput#file-upload-button{\n  cursor: pointer;\n}\n .filter-section{\n      box-shadow: 0px 3px 10px #0000001a;\n      background: #fff;\n      position: absolute;\n      top: 0px;\n      z-index: 9;\n      width: 380px;\n      right:0px;\n  }\n  .top-section{\n      border-bottom: 1px solid #F0F0F0;\n      padding: 15px;\n      padding-left: 5px;\n      padding-top: 0px;\n  }\n  .clear_filter{\n    color: #BFBFBF;\n    display: inline-block;\n    margin-left: 15px;\n    font-size: 13px;\n    cursor: pointer;\n  }\n  .bottom-section{\n      padding: 15px;\n      padding-left: 35px;\n  }\n  .filter_heading{\n      color: #BFBFBF;\n      padding-bottom: 15px;\n      font-size: 13px;\n      padding-top:10px ;\n  }\n  .checkbox-group{\n    position: relative;\n    display: inline-block;\n  }\n  .checkbox-group input{\n    display: none;\n  }\n  .checkbox-group  label {\n    cursor: pointer;\n    font-size: 13px;\n  }\n  .checkbox-group  label:before {\n    content:'';\n    -webkit-appearance: none;\n    background-color: #fff;\n    border: 1px solid #DAD9D9;\n    border-radius: 4px;\n    padding: 7px;\n    display: inline-block;\n    position: relative;\n    vertical-align: middle;\n    cursor: pointer;\n    margin-right: 10px;\n    bottom:1px;\n  }\n  .checkbox-group input:checked+label:before {\n    background-color: #252B3A;\n    border: 1px solid #252B3A;\n  }\n\n  .checkbox-group input:checked+label:after {\n    content: '';\n    display: block;\n    position: absolute;\n    top: 5px;\n    left: 25px;\n    width: 5px;\n    height: 9px;\n    border: 1px solid #fff;\n    border-width: 0px 2px 2px 0px;\n    transform: rotate(45deg);\n  }\n  .filter_channel,.filter_method{\n    display: block;\n    border-bottom: 1px solid #F0F0F0;\n  }\n  .country_list{\n    padding: 5px 25px;\n    font-size: 16px;\n    color: #B3AFAF;\n    margin-bottom: 15px;\n    cursor: pointer;\n  }\n  .country_list.active{\n    color: inherit;\n    background: #eeeeee;\n    border-radius: 4px;\n  }\n.card-body-custom{\n  padding:10px;\n  cursor: pointer;\n}\n.media-body-custom{\n  border-top: 1px solid #DCE8FC;\n  font-size: 12px;\n  position: relative;\n}\n.media-body-custom img{\n  width: 15px;\n  height: 15px;\n  position: absolute;\n  right: 0px;\n  top: 10px;\n}\n.avatar-background{\n    background-image: url(\"../../../assets/images/dots.png\");\n    background-size: 60px;\n    background-position-x: 25%;\n    background-position-y: center;\n    background-repeat: no-repeat;\n    position: absolute;\n    width: 100%;\n    left: 0px;\n}\n@media (min-width: 1550px) {\n    .avatar-background{\n      background-position-x: 30%;\n  }\n}\n@media (max-width: 575px) {\n    .avatar-background{\n      background-position-x: 30%;\n  }\n}\n.dynamic-card{\n  width: 88%;\n  margin: auto;\n  margin-top: 30px;\n}\n::v-deep .custom_switch div:after{\n    height: 14px;\n    width: 14px;\n    margin-left: -15px;\n    top: 1px;\n    background-color: #fff !important;\n}\n::v-deep .custom_switch div{\n    height: 17px;\n    background-color: #33b24a;\n}\n::v-deep .custom_switch.vue-switcher-theme--default.vue-switcher-color--primary.vue-switcher--unchecked div:after{\n  margin-left: -13px;\n}\n @media (max-width: 767px) {\n  .check-mobile{\n    margin-top: 20px;\n  }\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_methods.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_methods.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./payment_methods.vue?vue&type=template&id=10558474&scoped=true&\"\nimport script from \"./payment_methods.vue?vue&type=script&lang=js&\"\nexport * from \"./payment_methods.vue?vue&type=script&lang=js&\"\nimport style0 from \"./payment_methods.vue?vue&type=style&index=0&id=10558474&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  \"10558474\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./payment_methods.vue?vue&type=style&index=0&id=10558474&lang=css&scoped=true&\""],"sourceRoot":""}