{"version":3,"sources":["webpack:///./src/views/Pages/PaymentHistory.vue","webpack:///src/views/Pages/PaymentHistory.vue","webpack:///./src/views/Pages/PaymentHistory.vue?8110","webpack:///./src/views/Pages/PaymentHistory.vue?fcbe","webpack:///./src/views/Pages/PaymentHistory.vue?eb38"],"names":["render","_vm","this","_c","_self","staticClass","_v","customerList","length","staticStyle","style","printBtn","on","printCom","ref","attrs","fields","rowClass","onRowSelected","scopedSlots","_u","key","fn","rowSelected","initialLoading","staticRenderFns","data","paymentInfo","script","boxTwo","path","Config","BASE_URL_IMG","label","formatter","myBidAmount","toLocaleString","currency","tokenamount","balance","isChecked","selected","aucIds","message","mounted","$store","state","auth","user","st","getPaymentHistory","sellerId","$router","push","catch","methods","window","print","item","type","CommissionPaymentStatus","items","selectAllRows","$refs","selectableTable","clearSelected","sum_Of_Commission","auids","result","loadRazorPay","alert","cusid","userService","payCommissions","then","response","Data","Message","rp_token","options","rpayKey","amount","commissionAmount","curency","name","sellerName","description","order_id","image","handler","updCommissionPaymentHistory","location","reload","error","isLoading","toString","prefill","email","sellerEmail","contact","sellerPhone","theme","color","rzp1","Razorpay","console","log","code","paymentObject","open","e","Promise","resolve","document","createElement","src","onload","onerror","body","appendChild","closeModal","self","setTimeout","hideModal","modelShow","getPendingPaymentHistoryAgainstSellerId","computed","loggedIn","status","created","filters","value","country","countryCode","crncy","FractionDigits","minFractionDigits","Intl","NumberFormat","minimumFractionDigits","format","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,MAAM,CAACA,EAAG,OAAO,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACF,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,iCAAiC,CAACF,EAAG,sBAAsB,GAAGA,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,KAAK,GAAG,CAACF,EAAIK,GAAG,qBAAuBL,EAAIM,aAAaC,OAA8EL,EAAG,MAAM,CAACA,EAAG,MAAM,CAACM,YAAY,CAAC,MAAQ,QAAQ,eAAe,OAAO,gBAAgB,SAAS,CAACN,EAAG,SAAS,CAACE,YAAY,0BAA0BK,MAAOT,EAAIU,SAAUC,GAAG,CAAC,MAAQX,EAAIY,WAAW,CAACZ,EAAIK,GAAG,eAAeH,EAAG,UAAU,CAACW,IAAI,kBAAkBC,MAAM,CAAC,GAAK,UAAU,MAAQd,EAAIM,aAAa,OAASN,EAAIe,OAAO,cAAc,QAAQ,WAAa,GAAG,QAAU,KAAK,iBAAiBf,EAAIgB,UAAUL,GAAG,CAAC,eAAeX,EAAIiB,eAAeC,YAAYlB,EAAImB,GAAG,CAAC,CAACC,IAAI,iBAAiBC,GAAG,UAAS,YAAEC,IAAe,MAAO,CAAEA,EAAa,CAACpB,EAAG,OAAO,CAACY,MAAM,CAAC,cAAc,SAAS,CAACZ,EAAG,IAAI,CAACE,YAAY,0BAA0BF,EAAG,OAAO,CAACE,YAAY,WAAW,CAACJ,EAAIK,GAAG,eAAe,CAACH,EAAG,OAAO,CAACY,MAAM,CAAC,cAAc,SAAS,CAACZ,EAAG,IAAI,CAACE,YAAY,oBAAoBF,EAAG,OAAO,CAACE,YAAY,WAAW,CAACJ,EAAIK,GAAG,2BAA2B,GAAz4BH,EAAG,MAAM,CAACA,EAAG,WAAW,CAACY,MAAM,CAAC,UAAYd,EAAIuB,mBAAmB,kBAEpgBC,EAAkB,G,oCCiHP,GACfC,OACA,OACAC,YAAA,GACAC,OAAA,+CACAC,OAAA,GACAtB,aAAA,GACAuB,KAAAC,OAAAC,aACAR,gBAAA,EAIAR,OAAA,CACA,CAAAK,IAAA,QAAAY,MAAA,MACA,CAAAZ,IAAA,UAAAY,MAAA,gBACA,CACAZ,IAAA,cACAY,MAAA,aACAC,UAAAC,GACAA,EAAAC,eAAA,SACA1B,MAAA,WACA2B,SAAA,SAGA,CACAhB,IAAA,cACAY,MAAA,aACAC,UAAAI,GACAA,EAAAF,eAAA,SACA1B,MAAA,WACA2B,SAAA,SAGA,CACAhB,IAAA,UACAY,MAAA,UACAC,UAAAK,GACAA,EAAAH,eAAA,SACA1B,MAAA,WACA2B,SAAA,SAGA,CACAhB,IAAA,0BACAY,MAAA,8BAIAO,UAAA,GACAC,SAAA,GACAC,OAAA,GACAC,QAAA,GACAhC,SAAA,kBAIAiC,UACA,KAAAC,OAAAC,MAAAC,KAAAC,MACA,KAAAC,GAAA,KAAAJ,OAAAC,MAAAC,KAAAC,KAAA,GAEA,KAAAE,kBAAA,KAAAD,GAAAE,WAEA,KAAAC,QAAAC,KAAA,KAAAC,MAAA,SAKAC,QAAA,CACA1C,WAEA2C,OAAAC,SAaAxC,SAAAyC,EAAAC,GAEA,GAAAD,GAAA,QAAAC,EAEA,eAAAD,EAAAE,wBAAA,wBAEA1C,cAAA2C,GACA,KAAApB,SAAAoB,GAEAC,gBACA,KAAAC,MAAAC,gBAAAF,iBAGAG,gBACA,KAAAF,MAAAC,gBAAAC,gBACA,KAAAxB,SAAA,IAKA,eAAAyB,EAAAC,GAGA,MAAAC,QAAA,KAAAC,eACA,IAAAD,EAEA,YADAE,MAAA,kCAGA,KAAArB,GAAA,KAAAJ,OAAAC,MAAAC,KAAAC,KACA,IAAAuB,EAAA,KAAAtB,GAAA,GAAAE,SACAqB,OACAC,eAAAP,EAAAK,EAAAJ,GACAO,KAAAC,IAKA,GAJA,KAAAhD,YAAAgD,EAAAjD,KAAAkD,KAAA,GAGA,KAAAjC,QAAAgC,EAAAjD,KAAAmD,QACA,gBAAAlC,SAAA,WAAAhB,YAAAmD,SAAA,CAKA,MAAAC,EAAA,CACA1D,IAAAU,OAAAiD,QACAC,OAAA,KAAAtD,YAAAuD,iBACA7C,SAAAN,OAAAoD,QACAC,KAAA,KAAAzD,YAAA0D,WACAC,YAAA,aACAC,SAAA,KAAA5D,YAAAmD,SACAU,MAAA,iCACAC,QAAA,SAAAd,GAKAH,OACAkB,4BAAAf,GACAD,KAAAC,IACA,KAAAhC,QAAAgC,EAAAjD,KAAAmD,QACA,gBAAAlC,SACAgD,SAAAC,WAMAtC,MAAAuC,IAEA,KAAAC,WAAA,EACA,KAAAnD,QACAkD,EAAAlB,UAAAkB,EAAAlB,SAAAjD,KAAAmD,SACAgB,EAAAlD,SACAkD,EAAAE,cAIAC,QAAA,CACAZ,KAAA,KAAAzD,YAAA0D,WACAY,MAAA,KAAAtE,YAAAuE,YACAC,QAAA,KAAAxE,YAAAyE,aAEAC,MAAA,CACAC,MAAA,YAIAC,EAAA,IAAA/C,OAAAgD,SAAAzB,GACAwB,EAAA3F,GAAA,2BAAA+D,GACA8B,QAAAC,IAAA/B,EAAAkB,MAAAc,SAQA,MAAAC,EAAA,IAAApD,OAAAgD,SAAAzB,GACA6B,EAAAC,UAGAvD,MAAAwD,IACAL,QAAAC,IAAAI,MAGA,qBACA,WAAAC,QAAAC,IACA,MAAApF,EAAAqF,SAAAC,cAAA,UACAtF,EAAAuF,IAAA,KAAAvF,OACAA,EAAAwF,OAAA,KACAJ,GAAA,IAEApF,EAAAyF,QAAA,KACAL,GAAA,IAEAC,SAAAK,KAAAC,YAAA3F,MAGA4F,aACA,IAAAC,EAAA,KAEAC,YAAA,WACAD,EAAAE,cACA,MAEAA,YACA,KAAAC,WAAA,GAGA1E,kBAAAC,GAEA,YAAAA,EACAsD,QAAAC,IAAA,YAEAlC,OACAqD,wCAAA1E,GACAuB,KAAAC,IACA,KAAApE,aAAAoE,EAAAjD,KAAAkD,KACA,KAAApD,gBAAA,IAIA8B,MAAAwD,IACAL,QAAAC,IAAAI,GACA,KAAAtF,gBAAA,MAKAsG,SAAA,CACAC,WACA,YAAAlF,OAAAC,MAAAC,KAAAiF,OAAAD,WAGAE,UACA,KAAAF,WAEA,UAAAlF,OAAAC,MAAAC,KAAAC,KAAA,GAAAG,UACA,WAAAN,OAAAC,MAAAC,KAAAC,KAAA,GAAAG,SAEA,KAAAC,QAAAC,KAAA,mBAAAC,MAAA,QAIA,KAAAF,QAAAC,KAAA,KAAAC,MAAA,UAMA4E,QAAA,CACA7F,SAAA,SAAA8F,GACA,qBAAAA,EACA,OAAAA,EAEA,IAAAC,EAAArG,OAAAsG,YACAC,EAAAvG,OAAAoD,QACAoD,EAAAxG,OAAAyG,kBACA,MAAAtG,EAAA,IAAAuG,KAAAC,aAAAN,EAAA,CACA1H,MAAA,WACA2B,SAAAiG,EACAK,sBAAAJ,IAEA,OAAArG,EAAA0G,OAAAT,MC5XsW,I,wBCQlWU,EAAY,eACd,EACA7I,EACAyB,GACA,EACA,KACA,WACA,MAIa,aAAAoH,E,kECnBf","file":"js/chunk-d8f7760e.1ffcbd2d.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',[_c('main',{staticClass:\"page-content\"},[_c('div',{staticClass:\"account-page-area vendordashboard\"},[_c('div',{staticClass:\"container containerDash\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-3 account_border-right\"},[_c('sidebar-dashboard')],1),_c('div',{staticClass:\"col-lg-9\"},[_c('h3',{},[_vm._v(\"Payment History\")]),(!_vm.customerList.length)?_c('div',[_c('notfound',{attrs:{\"checkdata\":_vm.initialLoading}})],1):_c('div',[_c('div',{staticStyle:{\"float\":\"right\",\"margin-right\":\"10px\",\"margin-bottom\":\"10px\"}},[_c('button',{staticClass:\"btn btn-primary noPrint\",style:(_vm.printBtn),on:{\"click\":_vm.printCom}},[_vm._v(\" Print \")])]),_c('b-table',{ref:\"selectableTable\",attrs:{\"id\":\"printMe\",\"items\":_vm.customerList,\"fields\":_vm.fields,\"select-mode\":\"multi\",\"responsive\":\"\",\"stacked\":\"sm\",\"tbody-tr-class\":_vm.rowClass},on:{\"row-selected\":_vm.onRowSelected},scopedSlots:_vm._u([{key:\"cell(selected)\",fn:function({ rowSelected }){return [(rowSelected)?[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_c('i',{staticClass:\"fas fa-check-square\"})]),_c('span',{staticClass:\"sr-only\"},[_vm._v(\"Selected\")])]:[_c('span',{attrs:{\"aria-hidden\":\"true\"}},[_c('i',{staticClass:\"far fa-square\"})]),_c('span',{staticClass:\"sr-only\"},[_vm._v(\"Not selected\")])]]}}])})],1)])])])])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div>\r\n      <main class=\"page-content\">\r\n        <div class=\"account-page-area vendordashboard\">\r\n          <div class=\"container containerDash\">\r\n            <div class=\"row\">\r\n              <div class=\"col-lg-3 account_border-right\">\r\n                <sidebar-dashboard></sidebar-dashboard>\r\n              </div>\r\n\r\n              <!-- ///// -->\r\n              <div class=\"col-lg-9\">\r\n                <h3 style=\"\" >Payment History</h3>\r\n                <div v-if=\"!customerList.length\">\r\n                  <notfound :checkdata=\"initialLoading\"></notfound>\r\n                </div>\r\n                <!-- <div> -->\r\n                <div v-else>\r\n                  <div\r\n                    style=\"\r\n                      float: right;\r\n                      margin-right: 10px;\r\n                      margin-bottom: 10px;\r\n                    \"\r\n                  >\r\n                    <button class=\"btn btn-primary noPrint\" :style=\"printBtn\" @click=\"printCom\">\r\n                      Print\r\n                    </button>\r\n                  </div>\r\n                  <b-table id=\"printMe\"\r\n                    :items=\"customerList\"\r\n                    :fields=\"fields\"\r\n                    select-mode=\"multi\"\r\n                    responsive                   \r\n                    stacked=\"sm\"\r\n                    ref=\"selectableTable\"\r\n                   \r\n                    @row-selected=\"onRowSelected\"\r\n                    :tbody-tr-class=\"rowClass\"\r\n                  >\r\n                    <!-- Example scoped slot for select state illustrative purposes -->\r\n                    <template #cell(selected)=\"{ rowSelected }\">\r\n                      <template v-if=\"rowSelected\">\r\n                        <span aria-hidden=\"true\"\r\n                          ><i class=\"fas fa-check-square\"></i\r\n                        ></span>\r\n                        <!-- <input\r\n                          type=\"checkbox\"\r\n                          name=\"\"\r\n                          id=\"\"\r\n                          :checked=\"isChecked\"\r\n                         \r\n                        /> -->\r\n                        <span class=\"sr-only\">Selected</span>\r\n                      </template>\r\n                      <template v-else>\r\n                        <span aria-hidden=\"true\"\r\n                          ><i class=\"far fa-square\"></i\r\n                        ></span>\r\n                        <!-- <input\r\n                          type=\"checkbox\"\r\n                          name=\"\"\r\n                          id=\"\"\r\n                          :checked=\"isChecked\"\r\n                        /> -->\r\n\r\n                        <span class=\"sr-only\">Not selected</span>\r\n                      </template>\r\n                    </template>\r\n                  </b-table>\r\n                  <!-- <div class=\"row\">\r\n                    <div class=\"col-md-2\">\r\n                      <b-button\r\n                        class=\"btn btn-success\"\r\n                        size=\"sm\"\r\n                        style=\"width: 115px\"\r\n                        @click=\"selectAllRows\"\r\n                        >Select all</b-button\r\n                      >\r\n                    </div>\r\n                    <div class=\"col-md-2\">\r\n                      <b-button\r\n                        class=\"btn btn-warning\"\r\n                        size=\"sm\"\r\n                        style=\"width: 115px\"\r\n                        @click=\"clearSelected\"\r\n                        >Clear selected</b-button\r\n                      >\r\n                    </div>\r\n                    <div class=\"col-md-8\" style=\"text-align: end\">\r\n                      <b-button\r\n                        class=\"btn btn-primary\"\r\n                        size=\"sm\"\r\n                        style=\"width: 115px\"\r\n                        @click=\"payCommission()\"\r\n                        >Pay Commission\r\n                      </b-button>\r\n                    </div>\r\n                  </div> -->\r\n                </div>\r\n              </div>\r\n\r\n              <!-- ///// -->\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </main>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport userService from \"@/services/user.service\";\r\nimport Config from \"@/config\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      paymentInfo: \"\",\r\n      script: `https://checkout.razorpay.com/v1/checkout.js`,\r\n      boxTwo: \"\",\r\n      customerList: \"\",\r\n      path: Config.BASE_URL_IMG,\r\n      initialLoading: true,\r\n      //  { key: 'value', label: 'value(R$)', sortable: true,\r\n      //         formatter: (value, key, item) => value.toLocaleString('pt-BR', {style: 'currency', currency: 'BRL'})\r\n      //     },\r\n      fields: [\r\n      { key: \"aucid\", label: \"Id\" },\r\n        { key: \"aucName\", label: \"Auction Name\" },\r\n        {\r\n          key: \"myBidAmount\",\r\n          label: \"Win Amount\",\r\n          formatter: (myBidAmount) =>\r\n            myBidAmount.toLocaleString(\"en-IN\", {\r\n              style: \"currency\",\r\n              currency: \"INR\",\r\n            }),\r\n        },\r\n        {\r\n          key: \"tokenamount\",\r\n          label: \"Commission\",\r\n          formatter: (tokenamount) =>\r\n            tokenamount.toLocaleString(\"en-IN\", {\r\n              style: \"currency\",\r\n              currency: \"INR\",\r\n            }),\r\n        },\r\n        {\r\n          key: \"balance\",\r\n          label: \"Balance\",\r\n          formatter: (balance) =>\r\n            balance.toLocaleString(\"en-IN\", {\r\n              style: \"currency\",\r\n              currency: \"INR\",\r\n            }),\r\n        },\r\n        {\r\n          key: \"CommissionPaymentStatus\",\r\n          label: \"Commission Payment Status\",\r\n        },\r\n        // \"selected\",\r\n      ],\r\n      isChecked: \"\",\r\n      selected: [],\r\n      aucIds: \"\",\r\n      message: \"\",\r\n      printBtn:\"display:block\"\r\n      // sum_Of_Commission: null,\r\n    };\r\n  },\r\n  mounted() {\r\n    if (this.$store.state.auth.user) {\r\n      this.st = this.$store.state.auth.user[0];\r\n\r\n      this.getPaymentHistory(this.st.sellerId);\r\n    } else {\r\n      this.$router.push(\"/\").catch(() => {\r\n        \"myaccount\";\r\n      });\r\n    }\r\n  },\r\n  methods: {\r\n    printCom(){\r\n    //  this.printBtn = 'display:none';       \r\n       window.print(); \r\n\r\n    },\r\n    // printFun(){\r\n    //    let c =  document.getElementsByClassName(\"noPrint\")\r\n       \r\n    //   // if(this.printBtn  == 'display:none'){\r\n    //   //   window.print(); \r\n    //   // }\r\n          \r\n    // },\r\n\r\n    \r\n    rowClass(item, type) {\r\n      //alert(item);\r\n      if (!item || type !== \"row\") return;\r\n\r\n      if (item.CommissionPaymentStatus === \"true\") return \"table-success\";\r\n    },\r\n    onRowSelected(items) {\r\n      this.selected = items;\r\n    },\r\n    selectAllRows() {\r\n      this.$refs.selectableTable.selectAllRows();\r\n      // this.isChecked = true;\r\n    },\r\n    clearSelected() {\r\n      this.$refs.selectableTable.clearSelected();\r\n      this.selected = [];\r\n      // this.isChecked = false;\r\n    },\r\n   \r\n\r\n    async purchase(sum_Of_Commission, auids) {\r\n      //console.log(pakagel);\r\n      // var self = this;\r\n      const result = await this.loadRazorPay();\r\n      if (!result) {\r\n        alert(\"Failed to load razorpay script\");\r\n        return;\r\n      }\r\n      this.st = this.$store.state.auth.user;\r\n      let cusid = this.st[0].sellerId;\r\n      userService\r\n        .payCommissions(sum_Of_Commission, cusid, auids)\r\n        .then((response) => {\r\n          this.paymentInfo = response.data.Data[0];\r\n\r\n          //console.log(response.data.Data[0]);\r\n          this.message = response.data.Message;\r\n          if (this.message == \"Success\" && this.paymentInfo.rp_token != null) {\r\n            // alert(\"Success\");\r\n            //  let rpayTokenId =  JSON.parse(this.paymentInfo.rp_token);\r\n            //console.log();\r\n\r\n            const options = {\r\n              key: Config.rpayKey,\r\n              amount: this.paymentInfo.commissionAmount,\r\n              currency: Config.curency,\r\n              name: this.paymentInfo.sellerName,\r\n              description: \"Commission\",\r\n              order_id: this.paymentInfo.rp_token,\r\n              image: `/assets/images/menu/logo/2.png`,\r\n              handler: function (response) {\r\n                // console.log(response.razorpay_payment_id);\r\n                //   console.log(response.razorpay_order_id);\r\n                //   console.log(response.razorpay_signature);\r\n                // It is function. executed on success\r\n                userService\r\n                  .updCommissionPaymentHistory(response)\r\n                  .then((response) => {\r\n                    this.message = response.data.Message;\r\n                    if (this.message == \"Success\") {\r\n                      location.reload();\r\n                      // self.$router.push(\"/paymentSuccess\").catch(() => {\r\n                      //   \"paymentSuccess\";\r\n                      // });\r\n                    }\r\n                  })\r\n                  .catch((error) => {\r\n                    //alert('hi');\r\n                    this.isLoading = false;\r\n                    this.message =\r\n                      (error.response && error.response.data.Message) ||\r\n                      error.message ||\r\n                      error.toString();\r\n                  });\r\n              },\r\n\r\n              prefill: {\r\n                name: this.paymentInfo.sellerName,\r\n                email: this.paymentInfo.sellerEmail,\r\n                contact: this.paymentInfo.sellerPhone,\r\n              },\r\n              theme: {\r\n                color: \"#3399cc\",\r\n              },\r\n            };\r\n\r\n            const rzp1 = new window.Razorpay(options);\r\n            rzp1.on(\"payment.failed\", function (response) {\r\n              console.log(response.error.code);\r\n              // alert(response.error.description);\r\n              // alert(response.error.source);\r\n              // alert(response.error.step);\r\n              // alert(response.error.reason);\r\n              // alert(response.error.metadata.order_id);\r\n              // alert(response.error.metadata.payment_id);\r\n            });\r\n            const paymentObject = new window.Razorpay(options);\r\n            paymentObject.open();\r\n          }\r\n        })\r\n        .catch((e) => {\r\n          console.log(e);\r\n        });\r\n    },\r\n    async loadRazorPay() {\r\n      return new Promise((resolve) => {\r\n        const script = document.createElement(\"script\");\r\n        script.src = this.script;\r\n        script.onload = () => {\r\n          resolve(true);\r\n        };\r\n        script.onerror = () => {\r\n          resolve(false);\r\n        };\r\n        document.body.appendChild(script);\r\n      });\r\n    },\r\n    closeModal() {\r\n      var self = this;\r\n\r\n      setTimeout(function () {\r\n        self.hideModal();\r\n      }, 2000);\r\n    },\r\n    hideModal() {\r\n      this.modelShow = false;\r\n    },\r\n\r\n    getPaymentHistory(sellerId) {\r\n      // console.log(sellerId);\r\n      if (sellerId == \"undefind\") {\r\n        console.log(\"undefind\");\r\n      } else {\r\n        userService\r\n          .getPendingPaymentHistoryAgainstSellerId(sellerId)\r\n          .then((response) => {\r\n            this.customerList = response.data.Data;\r\n            this.initialLoading = false;\r\n            //  this.params = response.data;\r\n            // console.log(this.customerList);\r\n          })\r\n          .catch((e) => {\r\n            console.log(e);\r\n            this.initialLoading = false;\r\n          });\r\n      }\r\n    },\r\n  },\r\n  computed: {\r\n    loggedIn() {\r\n      return this.$store.state.auth.status.loggedIn;\r\n    },\r\n  },\r\n  created() {\r\n    if (this.loggedIn) {\r\n      if (\r\n        !this.$store.state.auth.user[0].sellerId == \"\" ||\r\n        !this.$store.state.auth.user[0].sellerId == \" \"\r\n      ) {\r\n        this.$router.push(\"/PaymentHistory\").catch(() => {\r\n          \"home\";\r\n        });\r\n      } else {\r\n        this.$router.push(\"/\").catch(() => {\r\n          \"home\";\r\n        });\r\n      }\r\n    }\r\n  },\r\n  filters: {\r\n    currency: function (value) {\r\n      if (typeof value !== \"number\") {\r\n        return value;\r\n      }\r\n      let country = Config.countryCode;\r\n      let crncy = Config.curency;\r\n      let FractionDigits = Config.minFractionDigits;\r\n      const formatter = new Intl.NumberFormat(country, {\r\n        style: \"currency\",\r\n        currency: crncy,\r\n        minimumFractionDigits: FractionDigits,\r\n      });\r\n      return formatter.format(value);\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\nth label {\r\n  margin-bottom: 0px;\r\n}\r\ntable {\r\n  border: 1px solid #ccc;\r\n  border-collapse: collapse;\r\n  margin: 0;\r\n  padding: 0;\r\n  width: 100%;\r\n  table-layout: fixed;\r\n}\r\n\r\ntable caption {\r\n  font-size: 1.5em;\r\n  margin: 0.5em 0 0.75em;\r\n}\r\ntable tr {\r\n  background-color: #fff;\r\n  border: 1px solid #e1e5e9;\r\n  padding: 0.35em;\r\n  border-radius: 3px;\r\n}\r\ntable thead tr:first-child {\r\n  border: 1px solid #0094da;\r\n}\r\ntable th,\r\ntable td {\r\n  padding: 8px;\r\n  text-align: left;\r\n  color: #202020;\r\n  font-size: 14px;\r\n}\r\n\r\ntable td:nth-child(4) {\r\n  font-size: 18px;\r\n}\r\n\r\ntable th {\r\n  font-size: 0.85em;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n  background: #0094da;\r\n  color: #fff;\r\n}\r\n\r\ntable tbody tr td .btn-invoice {\r\n  background: #0094da;\r\n  color: #fff;\r\n  font-size: 13px;\r\n  padding: 10px 20px;\r\n  border: 0;\r\n  width: 100%;\r\n  border-radius: 5px;\r\n}\r\n\r\ntbody tr:nth-child(even) {\r\n  background-color: #eee;\r\n}\r\n\r\ntbody tr:nth-child(odd) {\r\n  background-color: #fff;\r\n}\r\n\r\n@media screen and (max-width: 600px) {\r\n  table {\r\n    border: 0;\r\n  }\r\n  table caption {\r\n    font-size: 1.3em;\r\n  }\r\n  table thead {\r\n    border: none;\r\n    clip: rect(0 0 0 0);\r\n    height: 1px;\r\n    margin: -1px;\r\n    overflow: hidden;\r\n    position: absolute;\r\n    width: 1px;\r\n    padding: 0;\r\n  }\r\n  table tr {\r\n    border-bottom: 3px solid #e1e5e9;\r\n    display: block;\r\n    margin-bottom: 0.625em;\r\n  }\r\n  table th,\r\n  table td {\r\n    padding: 0.625em;\r\n  }\r\n  table td {\r\n    border-bottom: 1px solid #e1e5e9;\r\n    display: block;\r\n    font-size: 0.8em;\r\n    text-align: right;\r\n    color: #9da9b9;\r\n  }\r\n  table td::before {\r\n    content: attr(data-label);\r\n    float: left;\r\n    font-weight: bold;\r\n    text-transform: uppercase;\r\n    color: #656971;\r\n  }\r\n  table td:last-child {\r\n    border-bottom: 0;\r\n  }\r\n  table td:nth-child(4) {\r\n    font-size: 0.8em;\r\n  }\r\n\r\n \r\n\r\n\r\n}\r\n\r\n @media print {\r\n #navbarSupportedContent{\r\n    display:none !important;\r\n\r\n  }\r\n  .account_border-right {\r\n     display:none !important;\r\n  }\r\n  .noPrint{\r\n     display:none !important;\r\n     visibility: hidden;\r\n     \r\n  }\r\n  \r\n}\r\n\r\n</style>\r\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!./PaymentHistory.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!./PaymentHistory.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PaymentHistory.vue?vue&type=template&id=8cfa7b0a&scoped=true\"\nimport script from \"./PaymentHistory.vue?vue&type=script&lang=js\"\nexport * from \"./PaymentHistory.vue?vue&type=script&lang=js\"\nimport style0 from \"./PaymentHistory.vue?vue&type=style&index=0&id=8cfa7b0a&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"8cfa7b0a\",\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!./PaymentHistory.vue?vue&type=style&index=0&id=8cfa7b0a&prod&scoped=true&lang=css\""],"sourceRoot":""}