{"version":3,"sources":["webpack:///./src/views/customerPages/packageClaimHistory.vue?c51f","webpack:///./src/views/customerPages/packageClaimHistory.vue?3284","webpack:///src/views/customerPages/packageClaimHistory.vue","webpack:///./src/views/customerPages/packageClaimHistory.vue?4cfa","webpack:///./src/views/customerPages/packageClaimHistory.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","staticStyle","_v","customerList","on","$event","printWindow","_e","length","_l","list","key","acuId","attrs","_s","phHistoryId","packName","_f","packAmount","packClaimDate","initialLoading","staticRenderFns","data","path","created","computed","loggedIn","mounted","methods","window","getPackageClaimHistory","custId","console","userService","then","catch","filters","currency","style","minimumFractionDigits","formatDate","formatDatetime","component"],"mappings":"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","file":"js/chunk-796de7d6.b3a7137b.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!./packageClaimHistory.vue?vue&type=style&index=0&id=f7c42f1e&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',[_c('main',{staticClass:\"page-content\"},[_c('div',{staticClass:\"account-page-area\"},[_c('div',{staticClass:\"container containerDash\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-3 account_border-right\"},[_c('sidebar-dashboard-customer')],1),_c('div',{staticClass:\"col-lg-9\"},[_c('div',{staticClass:\"row\"},[_vm._m(0),_c('h6',{staticClass:\"printLogo\",staticStyle:{\"display\":\"none\"}},[_vm._v(\"iBidz\")]),_c('div',{staticClass:\"col-2\"},[(_vm.customerList.length)?_c('button',{staticClass:\"btn btn-primary noPrint\",staticStyle:{\"margin-top\":\"0px\"},on:{\"click\":function($event){return _vm.printWindow()}}},[_vm._v(\" Print \")]):_vm._e()])]),(!_vm.customerList.length)?_c('div',[_c('notfound',{attrs:{\"checkdata\":_vm.initialLoading}})],1):_c('div',[_c('section',{staticClass:\"autionlog-table\",staticStyle:{\"background-color\":\"#f1f1f1\",\"margin-top\":\"20px\"}},[_c('div',{staticClass:\"table-wrapper\"},[_c('div',{staticClass:\"table-cont\"},[_vm._m(1),_vm._l((_vm.customerList),function(list){return _c('div',{key:list.acuId,staticClass:\"rowz\"},[_c('div',{staticClass:\"cellz\",attrs:{\"data-title\":\"Id\"}},[_vm._v(\" \"+_vm._s(list.phHistoryId)+\" \")]),_c('div',{staticClass:\"cellz\",attrs:{\"data-title\":\"Package Name\"}},[_vm._v(\" \"+_vm._s(!list.packName ? \"Default\" : list.packName)+\" \")]),_c('div',{staticClass:\"cellz\",attrs:{\"data-title\":\"Claim Amount\"}},[_vm._v(\" \"+_vm._s(_vm._f(\"currency\")(list.packAmount))+\" \")]),_c('div',{staticClass:\"cellz\",attrs:{\"data-title\":\"Claime Date\"}},[_vm._v(\" \"+_vm._s(_vm._f(\"formatDatetime\")(list.packClaimDate))+\" \")])])})],2)])])])])])])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-10\"},[_c('h3',[_vm._v(\"Package Redeem History\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"rowz headerzz\"},[_c('div',{staticClass:\"cellz\"},[_vm._v(\"Id\")]),_c('div',{staticClass:\"cellz\"},[_vm._v(\"Package Name\")]),_c('div',{staticClass:\"cellz\"},[_vm._v(\"Redeem Amount\")]),_c('div',{staticClass:\"cellz\"},[_vm._v(\"Redeem Date\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div>\r\n      <main class=\"page-content\">\r\n        <div class=\"account-page-area\">\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-customer></sidebar-dashboard-customer>\r\n              </div>\r\n              <div class=\"col-lg-9\">\r\n                <div class=\"row\">\r\n                  <div class=\"col-10\"><h3>Package Redeem History</h3></div>\r\n                  <h6 class=\"printLogo\" style=\"display: none\">iBidz</h6>\r\n                  <div class=\"col-2\">\r\n                    <button\r\n                      v-if=\"customerList.length\"\r\n                      class=\"btn btn-primary noPrint\"\r\n                      style=\"margin-top: 0px\"\r\n                      @click=\"printWindow()\"\r\n                    >\r\n                      Print\r\n                    </button>\r\n                  </div>\r\n                </div>\r\n\r\n                <div v-if=\"!customerList.length\">\r\n                  <notfound :checkdata=\"initialLoading\"></notfound>\r\n                </div>\r\n                <div v-else>\r\n                  <section\r\n                    style=\"background-color: #f1f1f1; margin-top: 20px\"\r\n                    class=\"autionlog-table\"\r\n                  >\r\n                    <!-- STARTS HERE -->\r\n                    <div class=\"table-wrapper\">\r\n                      <div class=\"table-cont\">\r\n                        <div class=\"rowz headerzz\">\r\n                          <div class=\"cellz\">Id</div>\r\n                          <div class=\"cellz\">Package Name</div>\r\n                          <div class=\"cellz\">Redeem Amount</div>\r\n                          <div class=\"cellz\">Redeem Date</div>\r\n                        </div>\r\n\r\n                        <div\r\n                          class=\"rowz\"\r\n                          v-for=\"list in customerList\"\r\n                          :key=\"list.acuId\"\r\n                        >\r\n                          <div class=\"cellz\" data-title=\"Id\">\r\n                            {{list.phHistoryId }}\r\n                          </div>\r\n                          <div class=\"cellz\" data-title=\"Package Name\">\r\n                            {{ !list.packName ? \"Default\" : list.packName }}\r\n                          </div>\r\n                          <div class=\"cellz\" data-title=\"Claim Amount\">\r\n                            {{ list.packAmount | currency }}\r\n                          </div>\r\n                          <div class=\"cellz\" data-title=\"Claime Date\">\r\n                            {{ list.packClaimDate | formatDatetime  }}\r\n                            <!-- {{moment(String(new Date(list.packClaimDate))).format(\"DD/MM/YYYY hh:mm a\")}} -->\r\n                            <!-- {{ new Date(list.packClaimDate).toLocaleString('en-US', { year: 'numeric', month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit' }) }} -->\r\n                          </div>\r\n                          <!-- <div class=\"cellz\" data-title=\"Token Amount\">\r\n                                    {{ list.tokenAmount | currency }}\r\n                                  </div> -->\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <!-- .container -->\r\n                  </section>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </main>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport userService from \"@/services/user.service\";\r\nimport Config from \"@/config\";\r\nimport moment from \"moment\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      customerList: \"\",\r\n      path: Config.BASE_URL_IMG,\r\n      initialLoading: true,\r\n    };\r\n  },\r\n  created() {\r\n    if (this.loggedIn) {\r\n      if (\r\n        !this.$store.state.auth.user[0].customerId == \"\" ||\r\n        !this.$store.state.auth.user[0].customerId == \" \"\r\n      ) {\r\n        this.$router.push(\"/ClaimHistory\").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  computed: {\r\n    loggedIn() {\r\n      return this.$store.state.auth.status.loggedIn;\r\n    },\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.getPackageClaimHistory(this.st.customerId);\r\n    } else {\r\n      this.$router.push(\"/\").catch(() => {\r\n        \"myaccount\";\r\n      });\r\n    }\r\n  },\r\n  methods: {\r\n    printWindow() {\r\n      window.print();\r\n    },\r\n    getPackageClaimHistory(custId) {\r\n      // console.log(custId);\r\n      if (custId == \"undefind\") {\r\n        console.log(\"undefind\");\r\n      } else {\r\n        userService\r\n          .getPackageClaimHistory(custId)\r\n          .then((response) => {\r\n            this.customerList = response.data.Data;\r\n            // console.log(this.customerList);\r\n            this.initialLoading = false;\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  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    formatDate: function (value) {\r\n      if (value) {\r\n        return moment(String(value)).format(\"D-MMM-YYYY\");\r\n      }\r\n    },\r\n    formatDatetime: function (value) {\r\n      if (value) {\r\n        return moment(String(value)).format(\"D-MMM-YYYY hh:mm a\");\r\n      }\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</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!./packageClaimHistory.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!./packageClaimHistory.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./packageClaimHistory.vue?vue&type=template&id=f7c42f1e&scoped=true&\"\nimport script from \"./packageClaimHistory.vue?vue&type=script&lang=js&\"\nexport * from \"./packageClaimHistory.vue?vue&type=script&lang=js&\"\nimport style0 from \"./packageClaimHistory.vue?vue&type=style&index=0&id=f7c42f1e&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  \"f7c42f1e\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}