{"version":3,"sources":["webpack:///./src/module/ValueDesign/CardDetail.vue?2b8a","webpack:///src/module/ValueDesign/CardDetail.vue","webpack:///./src/module/ValueDesign/CardDetail.vue?3d4d","webpack:///./src/module/ValueDesign/CardDetail.vue","webpack:///./node_modules/core-js/modules/_array-methods.js","webpack:///./node_modules/core-js/modules/_is-array.js","webpack:///./src/assets/images/back-arrow-btn.svg","webpack:///./node_modules/core-js/modules/_string-pad.js","webpack:///./src/module/ValueDesign/components/AlertModal.vue?764d","webpack:///./node_modules/core-js/modules/es6.array.find.js","webpack:///./node_modules/core-js/modules/_string-repeat.js","webpack:///./src/module/ValueDesign/components/AlertModal.vue?849d","webpack:///src/module/ValueDesign/components/AlertModal.vue","webpack:///./src/module/ValueDesign/components/AlertModal.vue?1835","webpack:///./src/module/ValueDesign/components/AlertModal.vue","webpack:///./node_modules/core-js/modules/_array-species-create.js","webpack:///./src/core/ValueDesign/BzbsValueDesign.js","webpack:///./node_modules/core-js/modules/_array-species-constructor.js","webpack:///./src/module/ValueDesign/CardDetail.vue?f92b","webpack:///./node_modules/core-js/modules/es7.string.pad-start.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","$event","goback","style","backgroundColor","color","gomycard","_v","_s","lbl","value_design","home","my_card_btn","cardImage","cardDetail","CoverUrl","displayID","CardId","Type","digital_card","physical_card","displayBalance","Balance","currency","_e","detail","time","updateTime","handleRefresh","refresh","qrCode","width","height","qr_expired","countdown","handleRefreshQrCode","goto","history_btn","alert","show","success","title","messege","staticRenderFns","component","ctx","IObject","toObject","toLength","asc","module","exports","TYPE","$create","IS_MAP","IS_FILTER","IS_SOME","IS_EVERY","IS_FIND_INDEX","NO_HOLES","create","$this","callbackfn","that","val","res","O","self","f","length","index","result","undefined","push","cof","Array","isArray","arg","repeat","defined","maxLength","fillString","left","S","String","stringLength","fillStr","intMaxLength","fillLen","stringFiller","call","Math","ceil","slice","$export","$find","KEY","forced","P","F","find","arguments","toInteger","count","str","n","Infinity","RangeError","handleClose","model","value","callback","$$v","visible","expression","speciesConstructor","original","config","Vue","bzbsConfig","token","Account","getCacheToken","ewallet_token","getCacheWalletToken","app_id","Cache","get","getCacheCustom","appId","agency_id","sponsorId","locale","getCards","strUrl","bzbModuleUrl","BzbsApi","connectBzbsGet","createDigitalCard","connectBzbsPost","createPhysicalCard","params","deleteCard","id","cardId","connectBzbsDelete","cardHistory","bzbsCashcardUrl","cardTopup","genQr","isObject","SPECIES","C","constructor","prototype","$pad","userAgent","WEBKIT_BUG","test","padStart"],"mappings":"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A,mBACA,oBACA,SACA,QACA,WACA,6BACA,sCACA,8BACA,IAEA,uBACA,gBACA,kBACA,KACA,YAIA,qCACA,wBACA,sCAGA,+CACA,YACA,0CACA,0BAEA,oBACA,mCACA,wBACA,CACA,gCACA,+BACA,mEACA,GACA,oBAEA,MAEA,kCACA,gCACA,kBACA,kBACA,gCACA,+BACA,oDAGA,OACA,2BACA,0BAEA,oBAEA,iDACA,aAEA,mBACA,oBACA,SACA,QACA,WACA,6BACA,sCACA,8BACA,IAEA,uBACA,gBACA,kBACA,KACA,YAIA,oCACA,4BACA,mBACA,eACA,gBACA,YAEA,uBACA,oCACA,wBAGA,uCACA,gCACA,0BACA,kBACA,4BACA,iDACA,+CAEA,WAEA,SAGA,mBACA,oBACA,YAKA,kBACA,4BACA,mBACA,eACA,gBACA,YAEA,kCAEA,oBACA,4BACA,mBACA,eACA,gBACA,YAEA,oCAEA,2BACA,IACA,wCACA,SACA,WAGA,sBACA,IACA,mCACA,SACA,WAGA,sBACA,oDAEA,iBACA,4BACA,mBACA,eACA,cACA,YAEA,mBACA,OACA,QACA,+BC5ZmW,I,wBCQ/VC,EAAY,eACd,EACArD,EACAoD,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,gCCZf,IAAIC,EAAM,EAAQ,QACdC,EAAU,EAAQ,QAClBC,EAAW,EAAQ,QACnBC,EAAW,EAAQ,QACnBC,EAAM,EAAQ,QAClBC,EAAOC,QAAU,SAAUC,EAAMC,GAC/B,IAAIC,EAAiB,GAARF,EACTG,EAAoB,GAARH,EACZI,EAAkB,GAARJ,EACVK,EAAmB,GAARL,EACXM,EAAwB,GAARN,EAChBO,EAAmB,GAARP,GAAaM,EACxBE,EAASP,GAAWJ,EACxB,OAAO,SAAUY,EAAOC,EAAYC,GAQlC,IAPA,IAMIC,EAAKC,EANLC,EAAInB,EAASc,GACbM,EAAOrB,EAAQoB,GACfE,EAAIvB,EAAIiB,EAAYC,EAAM,GAC1BM,EAASrB,EAASmB,EAAKE,QACvBC,EAAQ,EACRC,EAASjB,EAASM,EAAOC,EAAOQ,GAAUd,EAAYK,EAAOC,EAAO,QAA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","file":"js/cardDetail.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-wrapper\",attrs:{\"id\":\"my_card_page\"}},[_c('section',{staticClass:\"page-title\"},[_c('div',{staticClass:\"left\"},[_c('div',{staticClass:\"go-back\",on:{\"click\":function($event){return _vm.goback()}}},[_c('img',{staticClass:\"icon-back\",attrs:{\"src\":require(\"@/assets/images/back-arrow-btn.svg\"),\"alt\":\"back\"}})])]),_c('div',{staticClass:\"right\"},[_c('a-button',{staticClass:\"btn\",style:({\n          'background-color': '#ffffff',\n          'border-color': _vm.backgroundColor ? _vm.backgroundColor : '#1890ff',\n          color: _vm.backgroundColor ? _vm.backgroundColor : '#1890ff',\n        }),attrs:{\"type\":\"primary\",\"shape\":\"round\",\"crm_at\":\"goto_my_card_page\"},on:{\"click\":function($event){return _vm.gomycard()}}},[_c('a-icon',{style:({\n            color: _vm.backgroundColor ? _vm.backgroundColor : '#FFFFFF',\n          }),attrs:{\"type\":\"credit-card\"}}),_c('span',{staticClass:\"label-rectangle\",style:({ color: _vm.backgroundColor ? _vm.backgroundColor : '#FFFFFF' })},[_vm._v(\"\\n          \"+_vm._s(_vm.lbl.value_design.home.my_card_btn)+\"\\n        \")])],1)],1)]),_c('div',{staticClass:\"card-wrapper\"},[(_vm.cardDetail)?_c('div',{staticClass:\"card-container\"},[_c('div',{staticClass:\"card-design\",style:(_vm.cardImage(_vm.cardDetail.CoverUrl))},[_c('div',{staticClass:\"number-detail\"},[_c('div',{staticClass:\"detail\"},[_c('span',[_vm._v(\"\\n              \"+_vm._s(_vm.displayID(_vm.cardDetail.CardId))+\"\\n            \")]),_c('a-icon',{attrs:{\"type\":\"info-circle\"}})],1),_c('div',{staticClass:\"type\"},[_c('span',[_vm._v(\"\\n              \"+_vm._s(_vm.cardDetail.Type == 'digital'\n                  ? _vm.lbl.value_design.digital_card\n                    ? _vm.lbl.value_design.digital_card\n                    : 'Digital Card'\n                  : _vm.lbl.value_design.physical_card\n                  ? _vm.lbl.value_design.physical_card\n                  : 'Physical Card')+\"\\n            \")])])]),_c('div',{staticClass:\"balance-detail\"},[_c('strong',[_vm._v(\"\\n            \"+_vm._s(_vm.displayBalance(_vm.cardDetail.Balance))+\"\\n          \")]),_c('span',[_vm._v(\"\\n            \"+_vm._s(_vm.lbl.value_design.home.currency)+\"\\n          \")])])])]):_vm._e()]),_c('section',{staticClass:\"card-detail\"},[_c('div',{staticClass:\"stamp-update\"},[_c('span',{staticClass:\"time\"},[_vm._v(\"\\n        \"+_vm._s(_vm.lbl.value_design.detail.time + _vm.updateTime)+\"\\n      \")]),_c('div',{staticClass:\"refresh-btn\",on:{\"click\":_vm.handleRefresh}},[_c('a-icon',{attrs:{\"type\":\"reload\"}}),_vm._v(\"\\n        \"+_vm._s(_vm.lbl.value_design.detail.refresh)+\"\\n      \")],1)]),_c('div',{staticClass:\"qr-code-wrapper\"},[(_vm.qrCode)?_c('div',{staticClass:\"qr-code\"},[_c('vue-qrcode',{attrs:{\"value\":_vm.qrCode,\"options\":{ width: 220, height: 220 },\"crm_at\":\"qrcode\"}})],1):_c('a-spin')],1),(_vm.qrCode)?_c('div',{staticClass:\"remain-time-wrapper\"},[_c('span',[_vm._v(\"\\n        \"+_vm._s(_vm.lbl.value_design.detail.qr_expired)+\"\\n      \")]),_c('span',[_vm._v(\"\\n        \"+_vm._s(_vm.countdown)+\"\\n      \")]),_c('div',{staticClass:\"refresh-btn\",on:{\"click\":_vm.handleRefreshQrCode}},[_c('a-icon',{attrs:{\"type\":\"reload\"}})],1)]):_vm._e()]),_c('section',{staticClass:\"action\"},[_c('a-button',{staticClass:\"btn\",style:({\n        'background-color': '#ffffff',\n        'border-color': _vm.backgroundColor ? _vm.backgroundColor : '#1890ff',\n        color: _vm.backgroundColor ? _vm.backgroundColor : '#1890ff',\n      }),attrs:{\"type\":\"primary\",\"shape\":\"round\",\"crm_at\":\"goto_history_page\"},on:{\"click\":function($event){return _vm.goto('cardHistory')}}},[_c('a-icon',{style:({\n          color: _vm.backgroundColor ? _vm.backgroundColor : '#FFFFFF',\n        }),attrs:{\"type\":\"history\"}}),_c('span',{staticClass:\"label-rectangle\",style:({ color: _vm.backgroundColor ? _vm.backgroundColor : '#FFFFFF' })},[_vm._v(\"\\n        \"+_vm._s(_vm.lbl.value_design.detail.history_btn)+\"\\n      \")])],1)],1),_c('Alert',{attrs:{\"show\":_vm.alert.show,\"success\":_vm.alert.success,\"title\":_vm.alert.title,\"messege\":_vm.alert.messege},on:{\"close\":function($event){_vm.alert.show = false}}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"my_card_page\" class=\"page-wrapper\">\r\n    <section class=\"page-title\">\r\n      <div class=\"left\">\r\n        <div class=\"go-back\" @click=\"goback()\">\r\n          <img\r\n            src=\"@/assets/images/back-arrow-btn.svg\"\r\n            class=\"icon-back\"\r\n            alt=\"back\"\r\n          />\r\n        </div>\r\n      </div>\r\n      <div class=\"right\">\r\n        <a-button\r\n          type=\"primary\"\r\n          shape=\"round\"\r\n          crm_at=\"goto_my_card_page\"\r\n          class=\"btn\"\r\n          :style=\"{\r\n            'background-color': '#ffffff',\r\n            'border-color': backgroundColor ? backgroundColor : '#1890ff',\r\n            color: backgroundColor ? backgroundColor : '#1890ff',\r\n          }\"\r\n          @click=\"gomycard()\"\r\n        >\r\n          <a-icon\r\n            type=\"credit-card\"\r\n            :style=\"{\r\n              color: backgroundColor ? backgroundColor : '#FFFFFF',\r\n            }\"\r\n          />\r\n          <span\r\n            class=\"label-rectangle\"\r\n            :style=\"{ color: backgroundColor ? backgroundColor : '#FFFFFF' }\"\r\n          >\r\n            {{ lbl.value_design.home.my_card_btn }}\r\n          </span>\r\n        </a-button>\r\n      </div>\r\n    </section>\r\n    <div class=\"card-wrapper\">\r\n      <div v-if=\"cardDetail\" class=\"card-container\">\r\n        <div class=\"card-design\" :style=\"cardImage(cardDetail.CoverUrl)\">\r\n          <div class=\"number-detail\">\r\n            <div class=\"detail\">\r\n              <span>\r\n                {{ displayID(cardDetail.CardId) }}\r\n              </span>\r\n              <a-icon type=\"info-circle\" />\r\n            </div>\r\n            <div class=\"type\">\r\n              <span>\r\n                {{\r\n                  cardDetail.Type == 'digital'\r\n                    ? lbl.value_design.digital_card\r\n                      ? lbl.value_design.digital_card\r\n                      : 'Digital Card'\r\n                    : lbl.value_design.physical_card\r\n                    ? lbl.value_design.physical_card\r\n                    : 'Physical Card'\r\n                }}\r\n              </span>\r\n            </div>\r\n          </div>\r\n          <div class=\"balance-detail\">\r\n            <strong>\r\n              {{ displayBalance(cardDetail.Balance) }}\r\n            </strong>\r\n            <span>\r\n              {{ lbl.value_design.home.currency }}\r\n            </span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <section class=\"card-detail\">\r\n      <div class=\"stamp-update\">\r\n        <span class=\"time\">\r\n          {{ lbl.value_design.detail.time + updateTime }}\r\n        </span>\r\n        <div class=\"refresh-btn\" @click=\"handleRefresh\">\r\n          <a-icon type=\"reload\" />\r\n          {{ lbl.value_design.detail.refresh }}\r\n        </div>\r\n      </div>\r\n      <div class=\"qr-code-wrapper\">\r\n        <div v-if=\"qrCode\" class=\"qr-code\">\r\n          <vue-qrcode\r\n            :value=\"qrCode\"\r\n            :options=\"{ width: 220, height: 220 }\"\r\n            crm_at=\"qrcode\"\r\n          />\r\n        </div>\r\n        <a-spin v-else />\r\n      </div>\r\n      <div v-if=\"qrCode\" class=\"remain-time-wrapper\">\r\n        <span>\r\n          {{ lbl.value_design.detail.qr_expired }}\r\n        </span>\r\n        <span>\r\n          {{ countdown }}\r\n        </span>\r\n        <div class=\"refresh-btn\" @click=\"handleRefreshQrCode\">\r\n          <a-icon type=\"reload\" />\r\n        </div>\r\n      </div>\r\n    </section>\r\n    <section class=\"action\">\r\n      <a-button\r\n        type=\"primary\"\r\n        shape=\"round\"\r\n        crm_at=\"goto_history_page\"\r\n        class=\"btn\"\r\n        :style=\"{\r\n          'background-color': '#ffffff',\r\n          'border-color': backgroundColor ? backgroundColor : '#1890ff',\r\n          color: backgroundColor ? backgroundColor : '#1890ff',\r\n        }\"\r\n        @click=\"goto('cardHistory')\"\r\n      >\r\n        <a-icon\r\n          type=\"history\"\r\n          :style=\"{\r\n            color: backgroundColor ? backgroundColor : '#FFFFFF',\r\n          }\"\r\n        />\r\n        <span\r\n          class=\"label-rectangle\"\r\n          :style=\"{ color: backgroundColor ? backgroundColor : '#FFFFFF' }\"\r\n        >\r\n          {{ lbl.value_design.detail.history_btn }}\r\n        </span>\r\n      </a-button>\r\n      <!-- <a-button\r\n        type=\"primary\"\r\n        shape=\"round\"\r\n        crm_at=\"goto_topup_page\"\r\n        class=\"btn\"\r\n        :style=\"{\r\n          'background-color': backgroundColor ? backgroundColor : '#1890ff',\r\n          'border-color': backgroundColor ? backgroundColor : '#1890ff',\r\n          color: textColor ? textColor : '#FFFFFF',\r\n        }\"\r\n        @click=\"goto('cardTopup')\"\r\n      >\r\n        <a-icon\r\n          type=\"dollar\"\r\n          :style=\"{\r\n            color: textColor ? textColor : '#FFFFFF',\r\n          }\"\r\n        />\r\n\r\n        <span\r\n          class=\"label-rectangle\"\r\n          :style=\"{ color: textColor ? textColor : '#FFFFFF' }\"\r\n        >\r\n          {{ lbl.value_design.detail.topup_btn }}\r\n        </span>\r\n      </a-button> -->\r\n    </section>\r\n    <Alert\r\n      :show=\"alert.show\"\r\n      :success=\"alert.success\"\r\n      :title=\"alert.title\"\r\n      :messege=\"alert.messege\"\r\n      @close=\"alert.show = false\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Account from '@/helper/AccountHelper.js'\r\nimport Alert from '@/module/ValueDesign/components/AlertModal'\r\nimport BzbsDashboard from '@/core/Home/BzbsDashboard'\r\nimport BzbsVD from '@/core/ValueDesign/BzbsValueDesign.js'\r\nimport CommonMixin from '@/mixin/CommonMixin'\r\nimport ResponsiveMixin from '@/mixin/ResponsiveMixin'\r\nimport moment from 'moment'\r\nimport VueQrcode from '@chenfengyuan/vue-qrcode'\r\n\r\nexport default {\r\n  name: 'CardDetail',\r\n  components: {\r\n    Alert,\r\n    VueQrcode,\r\n  },\r\n  mixins: [CommonMixin, ResponsiveMixin],\r\n  data() {\r\n    return {\r\n      cardId: this.$route.params.Id,\r\n      qrCode: null,\r\n      genTime: null,\r\n      expireTime: null,\r\n      countdown: '00:00',\r\n      countdownInterval: null,\r\n      updateTime: null,\r\n      cardDetail: null,\r\n      backgroundColor: null,\r\n      textColor: null,\r\n      alert: {\r\n        show: false,\r\n        success: false,\r\n        title: null,\r\n        messege: null,\r\n      },\r\n    }\r\n  },\r\n  created() {\r\n    Account.bzbsAnalyticTracking(\r\n      `card_${this.$route.params.Id}_page`,\r\n      `card_${this.$route.params.Id}_page`,\r\n      `view_card_${this.$route.params.Id}_page`,\r\n      'on view',\r\n    )\r\n    this.init()\r\n  },\r\n  beforeDestroy() {\r\n    if (this.countdownInterval) {\r\n      clearInterval(this.countdownInterval)\r\n    }\r\n  },\r\n  methods: {\r\n    init() {\r\n      this.handleFooter(false)\r\n      this.handleLanguage(true)\r\n      this.handleLoading(true)\r\n      Promise.all([this.getCustomerStore(), this.getCardList()]).then(\r\n        this.handleLoading(false),\r\n      )\r\n    },\r\n    convertTimestampToGMT(timestamp) {\r\n      return moment.unix(timestamp).utc().format('YYYY-MM-DD HH:mm:ss [GMT]')\r\n    },\r\n    handleRefreshQrCode() {\r\n      var params = {\r\n        cardNo: this.cardDetail.CardId,\r\n        pinCode: this.cardDetail.Pin,\r\n      }\r\n      this.generateQRCode(params)\r\n    },\r\n    generateQRCode(params) {\r\n      return new Promise(resolve => {\r\n        BzbsVD.genQr(params)\r\n          .then(res => {\r\n            if (res.data.success) {\r\n              this.qrCode = encodeURI(res.data.data.qr)\r\n              this.genTime = moment().format('YYYY-MM-DD HH:mm:ss')\r\n              this.expireTime = res.data.data.expireTime\r\n                ? moment\r\n                    .unix(res.data.data.expireTime)\r\n                    .utc()\r\n                    .format('YYYY-MM-DD HH:mm:ss')\r\n                : null\r\n              console.log(this.genTime)\r\n              console.log(this.expireTime)\r\n              this.startCountdown()\r\n            }\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n            this.alert = {\r\n              show: true,\r\n              success: false,\r\n              title: this.lbl.error.errortitle,\r\n              messege: error.response.data.error.message\r\n                ? error.response.data.error.message\r\n                : '',\r\n            }\r\n            setTimeout(() => {\r\n              this.getCardList()\r\n              this.alert.show = false\r\n            }, 2000)\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    startCountdown() {\r\n      if (this.countdownInterval) {\r\n        clearInterval(this.countdownInterval)\r\n      }\r\n\r\n      this.countdownInterval = setInterval(() => {\r\n        const now = moment()\r\n        const expire = moment(this.expireTime, 'YYYY-MM-DD HH:mm:ss')\r\n        const duration = moment.duration(expire.diff(now))\r\n\r\n        if (duration.asSeconds() <= 0) {\r\n          clearInterval(this.countdownInterval)\r\n          this.countdown = '00:00'\r\n        } else {\r\n          const minutes = Math.floor(duration.asMinutes())\r\n          const seconds = Math.floor(duration.asSeconds() % 60)\r\n          this.countdown = `${String(minutes).padStart(2, '0')}:${String(\r\n            seconds,\r\n          ).padStart(2, '0')}`\r\n        }\r\n      }, 1000)\r\n    },\r\n    getCardList() {\r\n      return new Promise(resolve => {\r\n        BzbsVD.getCards()\r\n          .then(res => {\r\n            if (res.data.success && res.data.data) {\r\n              this.cardDetail = res.data.data.find(\r\n                card => card.CardId === this.$route.params.Id,\r\n              )\r\n              console.log(this.cardDetail)\r\n              var params = {\r\n                cardNo: this.cardDetail.CardId,\r\n                pinCode: this.cardDetail.Pin,\r\n              }\r\n              this.generateQRCode(params)\r\n            }\r\n            this.updateTime = moment().format('DD/MMM/YYYY - HH:mm')\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n            this.alert = {\r\n              show: true,\r\n              success: false,\r\n              title: this.lbl.error.errortitle,\r\n              messege: error.response.data.error.message\r\n                ? error.response.data.error.message\r\n                : '',\r\n            }\r\n            setTimeout(() => {\r\n              this.getCardList()\r\n              this.alert.show = false\r\n            }, 2000)\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n    handleRefresh() {\r\n      Account.bzbsAnalyticTracking(\r\n        'crad_detail_page',\r\n        'value_design',\r\n        'click_refresh',\r\n        'on click',\r\n      )\r\n      this.handleLoading(true)\r\n      this.getCardList().then(() => {\r\n        this.handleLoading(false)\r\n      })\r\n    },\r\n    getCustomerStore() {\r\n      return new Promise(resolve => {\r\n        BzbsDashboard.getCustomerStore()\r\n          .then(res => {\r\n            if (res.data && res.data.StoreDetail) {\r\n              this.backgroundColor = res.data.StoreDetail.ButtonColor\r\n              this.textColor = res.data.StoreDetail.ButtonTextColor\r\n\r\n              resolve(res.data)\r\n            } else {\r\n              resolve(true)\r\n            }\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n            resolve(error)\r\n          })\r\n      })\r\n    },\r\n\r\n    goback() {\r\n      Account.bzbsAnalyticTracking(\r\n        'crad_detail_page',\r\n        'value_design',\r\n        'click_go_back',\r\n        'on click',\r\n      )\r\n      this.$router.push({ name: 'home' })\r\n    },\r\n    gomycard() {\r\n      Account.bzbsAnalyticTracking(\r\n        'crad_detail_page',\r\n        'value_design',\r\n        'click_my_card',\r\n        'on click',\r\n      )\r\n      this.$router.push({ name: 'myCard' })\r\n    },\r\n    displayBalance(balance) {\r\n      try {\r\n        return new Intl.NumberFormat().format(balance)\r\n      } catch {\r\n        return 0\r\n      }\r\n    },\r\n    displayID(id) {\r\n      try {\r\n        return id.slice(0, 6) + '-' + id.slice(6)\r\n      } catch {\r\n        return id\r\n      }\r\n    },\r\n    cardImage(img) {\r\n      return img ? { backgroundImage: `url(${img})` } : {}\r\n    },\r\n    goto(name) {\r\n      Account.bzbsAnalyticTracking(\r\n        'crad_detail_page',\r\n        'value_design',\r\n        'click_go_' + name,\r\n        'on click',\r\n      )\r\n      this.$router.push({\r\n        name: name,\r\n        params: {\r\n          Id: this.$route.params.Id,\r\n        },\r\n      })\r\n    },\r\n  },\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.page-wrapper {\r\n  max-width: 820px;\r\n  margin: auto;\r\n  padding: 0px 20px 50px;\r\n  .page-title {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    margin: 10px auto;\r\n\r\n    .left {\r\n      font-size: 28px;\r\n      font-weight: 500;\r\n      color: #212121;\r\n      .go-back {\r\n        width: 42px;\r\n        height: 42px;\r\n        border-radius: 100px;\r\n        border: 1px solid #eeeeee;\r\n        background-color: #ffffff;\r\n        box-shadow: 0px 4px 10px 0px #0000001a;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n\r\n        .icon-back {\r\n          width: 16px;\r\n        }\r\n      }\r\n    }\r\n    .right {\r\n      .btn {\r\n        height: 40px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 16px;\r\n      }\r\n    }\r\n  }\r\n  .card-wrapper {\r\n    width: 100%;\r\n    .card-container {\r\n      place-items: center;\r\n      .card-design {\r\n        box-shadow: 0px 8px 16px 0px #00000026;\r\n        border-radius: 6px;\r\n        width: 100%;\r\n        max-width: 400px;\r\n        height: 230px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        flex-direction: column;\r\n        background-size: cover;\r\n        gap: 10px;\r\n\r\n        .number-detail {\r\n          display: flex;\r\n          flex-direction: column;\r\n          gap: 4px;\r\n          align-items: flex-end;\r\n          padding: 0px 12px;\r\n          margin-top: 12px;\r\n          .type,\r\n          .detail {\r\n            display: flex;\r\n            padding: 2px 6px;\r\n            align-items: center;\r\n            gap: 4px;\r\n            border-radius: 20px;\r\n            background: rgba(0, 0, 0, 0.5);\r\n            color: #ffffff;\r\n            text-align: center;\r\n            font-size: 10px;\r\n            font-weight: 400;\r\n            letter-spacing: 0.4px;\r\n            width: fit-content;\r\n          }\r\n        }\r\n        .balance-detail {\r\n          border-radius: 0 0 6px 6px;\r\n          background: linear-gradient(\r\n            90deg,\r\n            #ffffff 12.24%,\r\n            rgba(255, 255, 255, 0) 100%\r\n          );\r\n\r\n          color: #303030;\r\n          display: flex;\r\n          align-items: flex-end;\r\n          padding: 12px;\r\n          gap: 8px;\r\n          color: #303030;\r\n          img {\r\n            width: 32px;\r\n            height: 32px;\r\n          }\r\n          strong {\r\n            font-size: 30px;\r\n            font-weight: 700;\r\n            line-height: 1;\r\n            letter-spacing: 0.25px;\r\n          }\r\n          span {\r\n            font-size: 12px;\r\n            font-weight: 400;\r\n            line-height: 14px;\r\n            letter-spacing: 0.4000000059604645px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .card-detail {\r\n    margin-top: 16px;\r\n    font-size: 16px;\r\n    .stamp-update {\r\n      display: flex;\r\n      gap: 8px;\r\n      align-items: center;\r\n      font-size: 14px;\r\n\r\n      .time {\r\n        color: #616161;\r\n        line-height: 22px;\r\n        letter-spacing: 0.15px;\r\n      }\r\n      .refresh-btn {\r\n        padding: 2px 6px;\r\n        gap: 4px;\r\n        border-radius: 100px;\r\n        width: fit-content;\r\n        display: flex;\r\n        align-items: center;\r\n        background: #f5f5f5;\r\n        color: #4a4a4a;\r\n      }\r\n    }\r\n    .qr-code-wrapper {\r\n      width: fit-content;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 8px;\r\n      align-items: center;\r\n      justify-self: center;\r\n      margin: 16px auto;\r\n      .qr-code {\r\n        border: 1px solid #c9c9c9;\r\n      }\r\n      .card-id {\r\n        color: #636363;\r\n        line-height: 21px;\r\n        text-align: center;\r\n      }\r\n    }\r\n    .remain-time-wrapper {\r\n      display: flex;\r\n      gap: 8px;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin: 8px auto;\r\n      text-align: center;\r\n      font-size: 14px;\r\n      color: #616161;\r\n      .refresh-btn {\r\n        display: flex;\r\n      }\r\n    }\r\n  }\r\n  .action {\r\n    display: flex;\r\n    gap: 8px;\r\n    width: 50%;\r\n    place-self: center;\r\n\r\n    .btn {\r\n      display: flex;\r\n      align-items: center;\r\n      height: 40px;\r\n      flex: 1;\r\n      justify-content: center;\r\n      text-align: center;\r\n      font-size: 16px;\r\n      font-weight: 500;\r\n      line-height: 18.75px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardDetail.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CardDetail.vue?vue&type=template&id=498fa6e3&scoped=true&\"\nimport script from \"./CardDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./CardDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CardDetail.vue?vue&type=style&index=0&id=498fa6e3&lang=scss&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  \"498fa6e3\",\n  null\n  \n)\n\nexport default component.exports","// 0 -> Array#forEach\n// 1 -> Array#map\n// 2 -> Array#filter\n// 3 -> Array#some\n// 4 -> Array#every\n// 5 -> Array#find\n// 6 -> Array#findIndex\nvar ctx = require('./_ctx');\nvar IObject = require('./_iobject');\nvar toObject = require('./_to-object');\nvar toLength = require('./_to-length');\nvar asc = require('./_array-species-create');\nmodule.exports = function (TYPE, $create) {\n  var IS_MAP = TYPE == 1;\n  var IS_FILTER = TYPE == 2;\n  var IS_SOME = TYPE == 3;\n  var IS_EVERY = TYPE == 4;\n  var IS_FIND_INDEX = TYPE == 6;\n  var NO_HOLES = TYPE == 5 || IS_FIND_INDEX;\n  var create = $create || asc;\n  return function ($this, callbackfn, that) {\n    var O = toObject($this);\n    var self = IObject(O);\n    var f = ctx(callbackfn, that, 3);\n    var length = toLength(self.length);\n    var index = 0;\n    var result = IS_MAP ? create($this, length) : IS_FILTER ? create($this, 0) : undefined;\n    var val, res;\n    for (;length > index; index++) if (NO_HOLES || index in self) {\n      val = self[index];\n      res = f(val, index, O);\n      if (TYPE) {\n        if (IS_MAP) result[index] = res;   // map\n        else if (res) switch (TYPE) {\n          case 3: return true;             // some\n          case 5: return val;              // find\n          case 6: return index;            // findIndex\n          case 2: result.push(val);        // filter\n        } else if (IS_EVERY) return false; // every\n      }\n    }\n    return IS_FIND_INDEX ? -1 : IS_SOME || IS_EVERY ? IS_EVERY : result;\n  };\n};\n","// 7.2.2 IsArray(argument)\nvar cof = require('./_cof');\nmodule.exports = Array.isArray || function isArray(arg) {\n  return cof(arg) == 'Array';\n};\n","module.exports = __webpack_public_path__ + \"img/back-arrow-btn.svg\";","// https://github.com/tc39/proposal-string-pad-start-end\nvar toLength = require('./_to-length');\nvar repeat = require('./_string-repeat');\nvar defined = require('./_defined');\n\nmodule.exports = function (that, maxLength, fillString, left) {\n  var S = String(defined(that));\n  var stringLength = S.length;\n  var fillStr = fillString === undefined ? ' ' : String(fillString);\n  var intMaxLength = toLength(maxLength);\n  if (intMaxLength <= stringLength || fillStr == '') return S;\n  var fillLen = intMaxLength - stringLength;\n  var stringFiller = repeat.call(fillStr, Math.ceil(fillLen / fillStr.length));\n  if (stringFiller.length > fillLen) stringFiller = stringFiller.slice(0, fillLen);\n  return left ? stringFiller + S : S + stringFiller;\n};\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AlertModal.vue?vue&type=style&index=0&id=aecbfb88&lang=scss&scoped=true&\"","'use strict';\n// 22.1.3.8 Array.prototype.find(predicate, thisArg = undefined)\nvar $export = require('./_export');\nvar $find = require('./_array-methods')(5);\nvar KEY = 'find';\nvar forced = true;\n// Shouldn't skip holes\nif (KEY in []) Array(1)[KEY](function () { forced = false; });\n$export($export.P + $export.F * forced, 'Array', {\n  find: function find(callbackfn /* , that = undefined */) {\n    return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\nrequire('./_add-to-unscopables')(KEY);\n","'use strict';\nvar toInteger = require('./_to-integer');\nvar defined = require('./_defined');\n\nmodule.exports = function repeat(count) {\n  var str = String(defined(this));\n  var res = '';\n  var n = toInteger(count);\n  if (n < 0 || n == Infinity) throw RangeError(\"Count can't be negative\");\n  for (;n > 0; (n >>>= 1) && (str += str)) if (n & 1) res += str;\n  return res;\n};\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"alert-modal-wrapper\"},[_c('a-modal',{attrs:{\"id\":\"alert-modal\",\"title\":null,\"footer\":null,\"mask-closable\":false,\"centered\":\"\"},on:{\"close\":_vm.handleClose},model:{value:(_vm.visible),callback:function ($$v) {_vm.visible=$$v},expression:\"visible\"}},[_c('div',{staticClass:\"content-wrapper\"},[(_vm.success)?_c('a-icon',{staticClass:\"icon-success\",attrs:{\"type\":\"check-circle\"}}):_vm._e(),(!_vm.success)?_c('a-icon',{staticClass:\"icon-fail\",attrs:{\"type\":\"close-circle\"}}):_vm._e(),_c('div',{staticClass:\"detail\"},[_c('strong',[_vm._v(\"\\n          \"+_vm._s(_vm.title)+\"\\n        \")]),_c('span',[_vm._v(_vm._s(_vm.messege))])])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"alert-modal-wrapper\">\r\n    <a-modal\r\n      id=\"alert-modal\"\r\n      v-model=\"visible\"\r\n      :title=\"null\"\r\n      :footer=\"null\"\r\n      :mask-closable=\"false\"\r\n      centered\r\n      @close=\"handleClose\"\r\n    >\r\n      <div class=\"content-wrapper\">\r\n        <a-icon v-if=\"success\" type=\"check-circle\" class=\"icon-success\" />\r\n        <a-icon v-if=\"!success\" type=\"close-circle\" class=\"icon-fail\" />\r\n        <div class=\"detail\">\r\n          <strong>\r\n            {{ title }}\r\n          </strong>\r\n          <span>{{ messege }}</span>\r\n        </div>\r\n      </div>\r\n    </a-modal>\r\n  </div>\r\n</template>\r\n<script>\r\nimport CommonMixin from '@/mixin/CommonMixin'\r\nimport ResponsiveMixin from '@/mixin/ResponsiveMixin'\r\n\r\nexport default {\r\n  name: 'AlertCreateModal',\r\n  mixins: [CommonMixin, ResponsiveMixin],\r\n  props: {\r\n    show: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    success: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    title: {\r\n      type: String,\r\n      default: '',\r\n    },\r\n    messege: {\r\n      type: String,\r\n      default: null,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      visible: false,\r\n      imgLogo: null,\r\n    }\r\n  },\r\n  watch: {\r\n    show: {\r\n      immediate: true,\r\n      handler(val) {\r\n        this.visible = val\r\n      },\r\n    },\r\n  },\r\n  methods: {\r\n    handleClose() {\r\n      this.$emit('close')\r\n    },\r\n  },\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n#alert-modal {\r\n  .content-wrapper {\r\n    margin: 24px 16px 16px;\r\n    text-align: center;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 24px;\r\n\r\n    .icon-fail {\r\n      font-size: 120px;\r\n      color: #ff5252;\r\n    }\r\n    .icon-success {\r\n      font-size: 120px;\r\n      color: #7ed321;\r\n    }\r\n    .detail {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 4px;\r\n      margin-bottom: 16px;\r\n\r\n      strong {\r\n        font-size: 20px;\r\n        color: #424242;\r\n      }\r\n      span {\r\n        font-size: 18px;\r\n        color: #757575;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AlertModal.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AlertModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AlertModal.vue?vue&type=template&id=aecbfb88&scoped=true&\"\nimport script from \"./AlertModal.vue?vue&type=script&lang=js&\"\nexport * from \"./AlertModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AlertModal.vue?vue&type=style&index=0&id=aecbfb88&lang=scss&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  \"aecbfb88\",\n  null\n  \n)\n\nexport default component.exports","// 9.4.2.3 ArraySpeciesCreate(originalArray, length)\nvar speciesConstructor = require('./_array-species-constructor');\n\nmodule.exports = function (original, length) {\n  return new (speciesConstructor(original))(length);\n};\n","import Vue from 'vue'\r\nimport BzbsApi from '@/core/Http/BzbsApi.js'\r\nimport Cache from '@/helper/Cache.js'\r\nimport Account from '@/helper/AccountHelper.js'\r\n\r\n/**\r\n * @method getCards\r\n * @method createDigitalCard\r\n * @method createPhysicalCard\r\n * @method deleteCard\r\n * @method cardHistory\r\n * @method cardTopup\r\n */\r\nexport default {\r\n  config: function () {\r\n    return Vue.bzbsConfig\r\n  },\r\n  token: function () {\r\n    return Account.getCacheToken() ? Account.getCacheToken() : null\r\n  },\r\n  ewallet_token: function () {\r\n    return Account.getCacheWalletToken() ? Account.getCacheWalletToken() : null\r\n  },\r\n  app_id: function () {\r\n    if (Cache.get('BzbsUser_' + Account.getCacheCustom('app_id')) != null) {\r\n      if (\r\n        Cache.get('BzbsUser_' + Account.getCacheCustom('app_id')).appId !=\r\n        undefined\r\n      ) {\r\n        return Cache.get('BzbsUser_' + Account.getCacheCustom('app_id')).appId\r\n      } else {\r\n        return Account.getCacheCustom('app_id')\r\n      }\r\n    } else {\r\n      return Account.getCacheCustom('app_id')\r\n    }\r\n  },\r\n  agency_id: function () {\r\n    return Cache.get('BzbsUser_' + Account.getCacheCustom('app_id')).sponsorId\r\n  },\r\n  locale: function () {\r\n    return Cache.get('BzbsUser_' + Account.getCacheCustom('app_id')).locale\r\n  },\r\n  getCards: function () {\r\n    var strUrl = this.config().bzbModuleUrl + '/crmpluscustomer/cards'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.token(), null)\r\n  },\r\n  createDigitalCard: function () {\r\n    var strUrl = this.config().bzbModuleUrl + '/crmpluscustomer/digital_card'\r\n    return BzbsApi.connectBzbsPost(strUrl, this.token(), {})\r\n  },\r\n  createPhysicalCard: function (params) {\r\n    var strUrl = this.config().bzbModuleUrl + '/crmpluscustomer/physical_card'\r\n    return BzbsApi.connectBzbsPost(strUrl, this.token(), params)\r\n  },\r\n  deleteCard: function (id) {\r\n    var params = {\r\n      cardId: id,\r\n    }\r\n    var strUrl = this.config().bzbModuleUrl + '/crmpluscustomer/card'\r\n    return BzbsApi.connectBzbsDelete(strUrl, this.token(), params)\r\n  },\r\n  cardHistory: function (params) {\r\n    var strUrl = this.config().bzbsCashcardUrl + '/card/history'\r\n    return BzbsApi.connectBzbsGet(strUrl, this.ewallet_token(), params)\r\n  },\r\n  cardTopup: function (params) {\r\n    var strUrl = this.config().bzbsCashcardUrl + '/card/topup'\r\n    return BzbsApi.connectBzbsPost(strUrl, this.ewallet_token(), params)\r\n  },\r\n  genQr: function (params) {\r\n    var strUrl = this.config().bzbsCashcardUrl + '/qr'\r\n    return BzbsApi.connectBzbsPost(strUrl, this.ewallet_token(), params)\r\n  },\r\n}\r\n","var isObject = require('./_is-object');\nvar isArray = require('./_is-array');\nvar SPECIES = require('./_wks')('species');\n\nmodule.exports = function (original) {\n  var C;\n  if (isArray(original)) {\n    C = original.constructor;\n    // cross-realm fallback\n    if (typeof C == 'function' && (C === Array || isArray(C.prototype))) C = undefined;\n    if (isObject(C)) {\n      C = C[SPECIES];\n      if (C === null) C = undefined;\n    }\n  } return C === undefined ? Array : C;\n};\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardDetail.vue?vue&type=style&index=0&id=498fa6e3&lang=scss&scoped=true&\"","'use strict';\n// https://github.com/tc39/proposal-string-pad-start-end\nvar $export = require('./_export');\nvar $pad = require('./_string-pad');\nvar userAgent = require('./_user-agent');\n\n// https://github.com/zloirock/core-js/issues/280\nvar WEBKIT_BUG = /Version\\/10\\.\\d+(\\.\\d+)?( Mobile\\/\\w+)? Safari\\//.test(userAgent);\n\n$export($export.P + $export.F * WEBKIT_BUG, 'String', {\n  padStart: function padStart(maxLength /* , fillString = ' ' */) {\n    return $pad(this, maxLength, arguments.length > 1 ? arguments[1] : undefined, true);\n  }\n});\n"],"sourceRoot":""}