{"version":3,"sources":["webpack:///./src/assets/images/back-arrow-btn.svg","webpack:///./src/module/ValueDesign/components/AlertModal.vue?764d","webpack:///./src/assets/images/valueDesign/delete_card.svg","webpack:///./src/module/ValueDesign/MyCard.vue?35a2","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:///./src/core/ValueDesign/BzbsValueDesign.js","webpack:///./src/module/ValueDesign/MyCard.vue?2d15","webpack:///src/module/ValueDesign/MyCard.vue","webpack:///./src/module/ValueDesign/MyCard.vue?9f23","webpack:///./src/module/ValueDesign/MyCard.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","handleClose","model","value","callback","$$v","visible","expression","_e","success","_v","_s","title","messege","staticRenderFns","component","config","Vue","bzbsConfig","token","Account","getCacheToken","ewallet_token","getCacheWalletToken","app_id","Cache","get","getCacheCustom","undefined","appId","agency_id","sponsorId","locale","getCards","strUrl","bzbModuleUrl","BzbsApi","connectBzbsGet","createDigitalCard","connectBzbsPost","createPhysicalCard","params","deleteCard","id","cardId","connectBzbsDelete","cardHistory","bzbsCashcardUrl","cardTopup","genQr","$event","goback","lbl","value_design","my_card","page_title","style","activeCard","maxCard","backgroundColor","color","addcard","new_card_bth","_l","card","key","class","Active","handleClickCard","getCardTypeClass","Type","digital_card","physical_card","cardImage","CoverUrl","deleted_text","displayBalance","Balance","home","currency","displayID","CardId","stopPropagation","handleDelete","delete_card_btn","isConfirmDelete","confirm_delete","desc","confirm_btn","cancelDelete","cancel_btn","alert","show"],"mappings":"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","file":"js/myCard.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/back-arrow-btn.svg\";","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&\"","module.exports = __webpack_public_path__ + \"img/delete_card.svg\";","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!./MyCard.vue?vue&type=style&index=0&id=07cf46fb&lang=scss&scoped=true&\"","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","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 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\"}})]),_vm._v(\"\\n      \"+_vm._s(_vm.lbl.value_design.my_card.page_title)+\"\\n    \")]),_c('div',{staticClass:\"right\"},[_c('a-button',{staticClass:\"btn\",style:({\n          'background-color': _vm.activeCard >= _vm.maxCard ? '#d8d8d8' : '#ffffff',\n          'border-color':\n            _vm.activeCard >= _vm.maxCard\n              ? '#d8d8d8'\n              : _vm.backgroundColor\n              ? _vm.backgroundColor\n              : '#1890ff',\n          color:\n            _vm.activeCard >= _vm.maxCard\n              ? '#ffffff'\n              : _vm.backgroundColor\n              ? _vm.backgroundColor\n              : '#1890ff',\n        }),attrs:{\"type\":\"primary\",\"shape\":\"round\",\"crm_at\":\"btn_new_card\"},on:{\"click\":function($event){return _vm.addcard()}}},[_c('a-icon',{style:({\n            color:\n              _vm.activeCard >= _vm.maxCard\n                ? '#ffffff'\n                : _vm.backgroundColor\n                ? _vm.backgroundColor\n                : '#1890ff',\n          }),attrs:{\"type\":\"plus\"}}),_c('span',{staticClass:\"label-rectangle\",style:({\n            color:\n              _vm.activeCard >= _vm.maxCard\n                ? '#ffffff'\n                : _vm.backgroundColor\n                ? _vm.backgroundColor\n                : '#1890ff',\n          })},[_vm._v(\"\\n          \"+_vm._s(_vm.lbl.value_design.my_card.new_card_bth)+\"\\n        \")])],1)],1)]),_c('section',{staticClass:\"list-wrapper\"},_vm._l((_vm.cardData),function(card){return _c('div',{key:card.id,staticClass:\"card-container\",class:{ 'card-deleted': !card.Active },on:{\"click\":function($event){return _vm.handleClickCard(card)}}},[_c('div',{staticClass:\"tab-type\",class:_vm.getCardTypeClass(card)},[_vm._v(\"\\n        \"+_vm._s(card.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:\"card-design\",style:(card.Active ? _vm.cardImage(card.CoverUrl) : '')},[(!card.Active)?_c('div',{staticClass:\"mask-delete\"},[_vm._v(\"\\n          \"+_vm._s(_vm.lbl.value_design.my_card.deleted_text)+\"\\n        \")]):_vm._e()]),_c('div',{staticClass:\"card-detail\"},[_c('div',{staticClass:\"balance\"},[_c('strong',[_vm._v(\"\\n            \"+_vm._s(_vm.displayBalance(card.Balance))+\"\\n          \")]),_c('span',{staticClass:\"currency\"},[_vm._v(\"\\n            \"+_vm._s(_vm.lbl.value_design.home.currency)+\"\\n          \")])]),_c('div',{staticClass:\"id\"},[_c('span',[_vm._v(\"\\n            \"+_vm._s(_vm.displayID(card.CardId))+\"\\n          \")])]),(card.Active && card.Type !== 'digital')?_c('div',{staticClass:\"delete\",on:{\"click\":function($event){$event.stopPropagation();return _vm.handleDelete(card)}}},[_vm._v(\"\\n          \"+_vm._s(_vm.lbl.value_design.my_card.delete_card_btn)+\"\\n        \")]):_vm._e()])])}),0),_c('a-modal',{attrs:{\"id\":\"confirm_delete\",\"visible\":_vm.isConfirmDelete,\"title\":null,\"footer\":null,\"closable\":false,\"mask-closable\":false,\"centered\":\"\"}},[_c('div',{staticClass:\"modal-container\"},[_c('img',{attrs:{\"src\":require('@/assets/images/valueDesign/delete_card.svg'),\"alt\":\"delete_card logo\"}}),_c('strong',[_vm._v(\"\\n        \"+_vm._s(_vm.lbl.value_design.my_card.confirm_delete.title)+\"\\n      \")]),_c('span',[_vm._v(\"\\n        \"+_vm._s(_vm.lbl.value_design.my_card.confirm_delete.desc)+\"\\n      \")]),_c('div',{staticClass:\"action\"},[_c('a-button',{staticClass:\"delete-btn\",attrs:{\"type\":\"primary\",\"shape\":\"round\",\"size\":\"large\",\"crm_at\":\"btn_delete_card\"},on:{\"click\":function($event){return _vm.deleteCard()}}},[_vm._v(\"\\n          \"+_vm._s(_vm.lbl.value_design.my_card.confirm_delete.confirm_btn)+\"\\n        \")]),_c('div',{staticClass:\"cancel-btn\",on:{\"click\":_vm.cancelDelete}},[_vm._v(\"\\n          \"+_vm._s(_vm.lbl.value_design.my_card.confirm_delete.cancel_btn)+\"\\n        \")])],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        {{ lbl.value_design.my_card.page_title }}\r\n      </div>\r\n      <div class=\"right\">\r\n        <a-button\r\n          type=\"primary\"\r\n          shape=\"round\"\r\n          crm_at=\"btn_new_card\"\r\n          class=\"btn\"\r\n          :style=\"{\r\n            'background-color': activeCard >= maxCard ? '#d8d8d8' : '#ffffff',\r\n            'border-color':\r\n              activeCard >= maxCard\r\n                ? '#d8d8d8'\r\n                : backgroundColor\r\n                ? backgroundColor\r\n                : '#1890ff',\r\n            color:\r\n              activeCard >= maxCard\r\n                ? '#ffffff'\r\n                : backgroundColor\r\n                ? backgroundColor\r\n                : '#1890ff',\r\n          }\"\r\n          @click=\"addcard()\"\r\n        >\r\n          <a-icon\r\n            type=\"plus\"\r\n            :style=\"{\r\n              color:\r\n                activeCard >= maxCard\r\n                  ? '#ffffff'\r\n                  : backgroundColor\r\n                  ? backgroundColor\r\n                  : '#1890ff',\r\n            }\"\r\n          />\r\n          <span\r\n            class=\"label-rectangle\"\r\n            :style=\"{\r\n              color:\r\n                activeCard >= maxCard\r\n                  ? '#ffffff'\r\n                  : backgroundColor\r\n                  ? backgroundColor\r\n                  : '#1890ff',\r\n            }\"\r\n          >\r\n            {{ lbl.value_design.my_card.new_card_bth }}\r\n          </span>\r\n        </a-button>\r\n      </div>\r\n    </section>\r\n    <section class=\"list-wrapper\">\r\n      <div\r\n        v-for=\"card in cardData\"\r\n        :key=\"card.id\"\r\n        class=\"card-container\"\r\n        :class=\"{ 'card-deleted': !card.Active }\"\r\n        @click=\"handleClickCard(card)\"\r\n      >\r\n        <div class=\"tab-type\" :class=\"getCardTypeClass(card)\">\r\n          {{\r\n            card.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        </div>\r\n        <div\r\n          class=\"card-design\"\r\n          :style=\"card.Active ? cardImage(card.CoverUrl) : ''\"\r\n        >\r\n          <div v-if=\"!card.Active\" class=\"mask-delete\">\r\n            {{ lbl.value_design.my_card.deleted_text }}\r\n          </div>\r\n        </div>\r\n        <div class=\"card-detail\">\r\n          <div class=\"balance\">\r\n            <strong>\r\n              {{ displayBalance(card.Balance) }}\r\n            </strong>\r\n            <span class=\"currency\">\r\n              {{ lbl.value_design.home.currency }}\r\n            </span>\r\n          </div>\r\n          <div class=\"id\">\r\n            <span>\r\n              {{ displayID(card.CardId) }}\r\n            </span>\r\n          </div>\r\n          <div\r\n            v-if=\"card.Active && card.Type !== 'digital'\"\r\n            class=\"delete\"\r\n            @click.stop=\"handleDelete(card)\"\r\n          >\r\n            {{ lbl.value_design.my_card.delete_card_btn }}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n    <a-modal\r\n      id=\"confirm_delete\"\r\n      :visible=\"isConfirmDelete\"\r\n      :title=\"null\"\r\n      :footer=\"null\"\r\n      :closable=\"false\"\r\n      :mask-closable=\"false\"\r\n      centered\r\n    >\r\n      <div class=\"modal-container\">\r\n        <img\r\n          :src=\"require('@/assets/images/valueDesign/delete_card.svg')\"\r\n          alt=\"delete_card logo\"\r\n        />\r\n        <strong>\r\n          {{ lbl.value_design.my_card.confirm_delete.title }}\r\n        </strong>\r\n        <span>\r\n          {{ lbl.value_design.my_card.confirm_delete.desc }}\r\n        </span>\r\n        <div class=\"action\">\r\n          <a-button\r\n            type=\"primary\"\r\n            shape=\"round\"\r\n            size=\"large\"\r\n            crm_at=\"btn_delete_card\"\r\n            class=\"delete-btn\"\r\n            @click=\"deleteCard()\"\r\n          >\r\n            {{ lbl.value_design.my_card.confirm_delete.confirm_btn }}\r\n          </a-button>\r\n          <div class=\"cancel-btn\" @click=\"cancelDelete\">\r\n            {{ lbl.value_design.my_card.confirm_delete.cancel_btn }}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </a-modal>\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\nexport default {\r\n  name: 'MyCard',\r\n  components: {\r\n    Alert,\r\n  },\r\n  mixins: [CommonMixin, ResponsiveMixin],\r\n  data() {\r\n    return {\r\n      cardData: [],\r\n      activeCard: 0,\r\n      maxCard: 2,\r\n      backgroundColor: null,\r\n      isConfirmDelete: false,\r\n      deleteCardId: 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      'my_card_page',\r\n      'value_design',\r\n      'view_my_card_page',\r\n      'on view',\r\n    )\r\n    this.init()\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    getCardList() {\r\n      return new Promise(resolve => {\r\n        BzbsVD.getCards()\r\n          .then(res => {\r\n            this.cardData = res.data.data\r\n            this.activeCard = this.cardData.filter(card => card.Active).length\r\n            resolve(res.data)\r\n          })\r\n          .catch(error => {\r\n            this.handleLoading(false)\r\n            resolve(error)\r\n          })\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              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    deleteCard() {\r\n      return new Promise(resolve => {\r\n        BzbsVD.deleteCard(this.deleteCardId)\r\n          .then(res => {\r\n            this.isConfirmDelete = false\r\n            this.deleteCardId = null\r\n            if (res.data.success) {\r\n              this.alert = {\r\n                show: true,\r\n                success: true,\r\n                title: this.lbl.value_design.my_card.confirm_delete\r\n                  .delete_success_title,\r\n                messege: null,\r\n              }\r\n              setTimeout(() => {\r\n                this.getCardList()\r\n                this.alert.show = false\r\n              }, 2000)\r\n            } else {\r\n              this.alert = {\r\n                show: true,\r\n                success: false,\r\n                title: this.lbl.value_design.my_card.confirm_delete\r\n                  .delete_fail_title,\r\n                messege: res.data.message,\r\n              }\r\n              setTimeout(() => {\r\n                this.getCardList()\r\n                this.alert.show = false\r\n              }, 2000)\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.value_design.my_card.confirm_delete\r\n                .delete_fail_title,\r\n              messege: error.response.data.error.message,\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    cancelDelete() {\r\n      this.isConfirmDelete = false\r\n      this.deleteCardId = null\r\n    },\r\n    handleClickCard(data) {\r\n      if (data.Active) {\r\n        this.$router.push({\r\n          name: 'cardDetail',\r\n          params: { Id: data.CardId },\r\n        })\r\n      }\r\n    },\r\n    handleDelete(data) {\r\n      Account.bzbsAnalyticTracking(\r\n        'my_card_page',\r\n        'value_design',\r\n        'click_delete_card_' + data.CardId,\r\n        'on click',\r\n      )\r\n      if (data.Active) {\r\n        this.isConfirmDelete = true\r\n        this.deleteCardId = data.CardId\r\n      }\r\n    },\r\n    getCardTypeClass(card) {\r\n      return card.Type === 'digital' ? 'digital' : 'physical'\r\n    },\r\n    addcard() {\r\n      if (this.activeCard >= this.maxCard) {\r\n        Account.bzbsAnalyticTracking(\r\n          'my_card_page',\r\n          'value_design',\r\n          'click_add_card',\r\n          'on click',\r\n        )\r\n        this.$warning({\r\n          title: this.lbl.value_design.my_card.confirm_delete.warning_add_max,\r\n          content: null,\r\n          centered: true,\r\n        })\r\n      } else {\r\n        this.$router.push({ name: 'createVDCard' })\r\n      }\r\n    },\r\n    goback() {\r\n      Account.bzbsAnalyticTracking(\r\n        'my_card_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    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      return id.slice(0, 6) + '-' + id.slice(6)\r\n    },\r\n    cardImage(img) {\r\n      return img ? { backgroundImage: `url(${img})` } : {}\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      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 16px;\r\n      align-items: center;\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  .list-wrapper {\r\n    display: flex;\r\n    flex-direction: column;\r\n    .card-container {\r\n      position: relative;\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 16px;\r\n      margin: auto -20px;\r\n      padding: 16px 20px;\r\n      border-bottom: 1px solid #e3e3e3;\r\n      .tab-type {\r\n        position: absolute;\r\n        top: 4px;\r\n        padding: 2px 6px;\r\n        border-radius: 4px;\r\n        font-size: 10px;\r\n        font-weight: 400;\r\n        line-height: 14px;\r\n        letter-spacing: 0.4000000059604645px;\r\n        color: #ffffff;\r\n        border-radius: 0 4px 4px 0;\r\n        z-index: 1;\r\n      }\r\n      .physical {\r\n        background-color: #373737;\r\n      }\r\n      .digital {\r\n        background-color: #f9a601;\r\n      }\r\n      .card-design {\r\n        position: relative;\r\n        box-shadow: 0px 3.53px 7.07px 0px #00000026;\r\n        border-radius: 6px;\r\n        width: 160px;\r\n        height: 100%;\r\n        min-height: 100px;\r\n        display: flex;\r\n        justify-content: flex-end;\r\n        flex-direction: column;\r\n        background-size: cover;\r\n        .balance-detail {\r\n          border-radius: 0 0 6px 6px;\r\n          background-color: #ffffff;\r\n          color: #303030;\r\n          display: flex;\r\n          align-items: center;\r\n          padding: 6px;\r\n          gap: 8px;\r\n          img {\r\n            width: 20px;\r\n            height: 20px;\r\n          }\r\n          strong {\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            letter-spacing: 0.25px;\r\n          }\r\n          span {\r\n            font-size: 10px;\r\n            font-weight: 400;\r\n            line-height: 14px; /* 116.667% */\r\n            letter-spacing: 0.4px;\r\n            color: #303030;\r\n          }\r\n        }\r\n\r\n        .mask-delete {\r\n          position: absolute;\r\n          top: 50%;\r\n          left: 50%;\r\n          transform: translate(-50%, -50%);\r\n          font-size: 30px;\r\n          font-weight: 700;\r\n          letter-spacing: 1.1777777671813965px;\r\n          color: #b5b5b5;\r\n        }\r\n\r\n        @media only screen and (min-width: 420px) {\r\n          width: 100%;\r\n        }\r\n        @media only screen and (min-width: 550px) {\r\n          width: 100%;\r\n          height: 140px;\r\n        }\r\n      }\r\n      .card-detail {\r\n        display: flex;\r\n        gap: 4px;\r\n        flex-direction: column;\r\n\r\n        .balance {\r\n          display: flex;\r\n          align-items: flex-end;\r\n          gap: 8px;\r\n\r\n          img {\r\n            width: 20px;\r\n            height: 20px;\r\n          }\r\n          strong {\r\n            font-size: 24px;\r\n            font-weight: 700;\r\n            line-height: 28.13px;\r\n            text-align: left;\r\n            color: #4a4a4a;\r\n          }\r\n          .currency {\r\n            color: #303030;\r\n            font-size: 12px;\r\n            font-weight: 400;\r\n            letter-spacing: 0.4000000059604645px;\r\n          }\r\n        }\r\n        .id {\r\n          color: #636363;\r\n          font-size: 10px;\r\n          font-weight: 400;\r\n          line-height: 14px;\r\n          letter-spacing: 0.4000000059604645px;\r\n        }\r\n        .delete {\r\n          width: fit-content;\r\n          margin-top: 8px;\r\n          color: #ff5252;\r\n          font-size: 14px;\r\n          font-weight: 400;\r\n          line-height: 21px;\r\n          text-decoration-line: underline;\r\n        }\r\n      }\r\n\r\n      @media only screen and (max-width: 320px) {\r\n        grid-template-columns: 1fr;\r\n        .card-design {\r\n          width: 100%;\r\n          height: 126px;\r\n        }\r\n      }\r\n    }\r\n    .card-deleted {\r\n      background: #f5f5f5;\r\n      .card-design {\r\n        .balance-detail {\r\n          color: #b5b5b5;\r\n\r\n          span {\r\n            color: #b5b5b5;\r\n          }\r\n        }\r\n\r\n        .mask-delete {\r\n          position: absolute;\r\n          top: 50%;\r\n          left: 50%;\r\n          transform: translate(-50%, -50%);\r\n          font-size: 30px;\r\n          font-weight: 700;\r\n          letter-spacing: 1.1777777671813965px;\r\n          color: #b5b5b5;\r\n        }\r\n\r\n        @media only screen and (min-width: 420px) {\r\n          width: 100%;\r\n        }\r\n        @media only screen and (min-width: 550px) {\r\n          width: 100%;\r\n          height: 140px;\r\n        }\r\n      }\r\n      .card-detail {\r\n        .balance {\r\n          strong {\r\n            color: #b5b5b5;\r\n          }\r\n        }\r\n        .id {\r\n          color: #b5b5b5;\r\n        }\r\n        .delete {\r\n          color: #f5f5f5;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n#confirm_delete {\r\n  .modal-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 8px;\r\n    align-items: center;\r\n    padding: 8px;\r\n    img {\r\n      width: 120px;\r\n      height: 120px;\r\n    }\r\n    strong {\r\n      font-size: 16px;\r\n      font-weight: 600;\r\n      line-height: 24px;\r\n      letter-spacing: 0.5px;\r\n      text-align: center;\r\n      color: #424242;\r\n    }\r\n    span {\r\n      line-height: 22px;\r\n      letter-spacing: 0.15000000596046448px;\r\n      text-align: center;\r\n      color: #757575;\r\n    }\r\n    .action {\r\n      margin-top: 8px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      width: 100%;\r\n      align-items: center;\r\n      gap: 16px;\r\n\r\n      .delete-btn {\r\n        width: 100%;\r\n        font-size: 18px;\r\n        background-color: #ff5252;\r\n        border-color: #ff5252;\r\n        color: #ffffff;\r\n      }\r\n      .cancel-btn {\r\n        font-size: 18px;\r\n        font-weight: 500;\r\n        line-height: 21.09px;\r\n        text-align: center;\r\n        color: #4a4a4a;\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!./MyCard.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!./MyCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MyCard.vue?vue&type=template&id=07cf46fb&scoped=true&\"\nimport script from \"./MyCard.vue?vue&type=script&lang=js&\"\nexport * from \"./MyCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MyCard.vue?vue&type=style&index=0&id=07cf46fb&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  \"07cf46fb\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}