{"version":3,"sources":["webpack:///./src/views/chargeCard/Index.vue?326d","webpack:///./node_modules/core-js/modules/es.iterator.map.js","webpack:///./node_modules/core-js/internals/iterator-map.js","webpack:///./src/views/chargeCard/Index.vue","webpack:///./src/services/chargeCardService.js","webpack:///src/views/chargeCard/Index.vue","webpack:///./src/views/chargeCard/Index.vue?911e","webpack:///./src/views/chargeCard/Index.vue?1553"],"names":["$","map","IS_PURE","target","proto","real","forced","call","aCallable","anObject","getIteratorDirect","createIteratorProxy","callWithSafeIterationClosing","IteratorProxy","iterator","this","result","next","done","mapper","value","counter","module","exports","render","_vm","_c","_self","staticClass","attrs","label","$t","loading","cardTypes","_l","type","index","key","id","cardType","submitting","on","$event","selectCardType","imageUrl","getUrl","_v","_s","name","htmlContent","length","domProps","_e","ref","preventDefault","onSubmit","scopedSlots","_u","fn","errors","cards","model","formData","idCard","callback","$$v","$set","expression","moneys","money","isCard","serial","pin","secureCode","errorMessage","reloadData","staticRenderFns","chargeCardService","httpHelper","get","data","reCaptchaToken","post","headers","idType","$store","getters","chargeCardTypes","loadData","dispatch","setCardTypes","methods","response","getCards","error","message","valid","$refs","form","validate","$recaptchaLoaded","charge","$recaptcha","dialogHelper","alert","watch","x","inPromotion","promoRate","$toString","card","find","from","config","moneyName","to","goldName","component"],"mappings":"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","file":"js/chunk-b91dd078.c3b8bef2.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=style&index=0&id=bd51d646&prod&scoped=true&lang=scss\"","'use strict';\nvar $ = require('../internals/export');\nvar map = require('../internals/iterator-map');\nvar IS_PURE = require('../internals/is-pure');\n\n// `Iterator.prototype.map` method\n// https://tc39.es/ecma262/#sec-iterator.prototype.map\n$({ target: 'Iterator', proto: true, real: true, forced: IS_PURE }, {\n  map: map\n});\n","'use strict';\nvar call = require('../internals/function-call');\nvar aCallable = require('../internals/a-callable');\nvar anObject = require('../internals/an-object');\nvar getIteratorDirect = require('../internals/get-iterator-direct');\nvar createIteratorProxy = require('../internals/iterator-create-proxy');\nvar callWithSafeIterationClosing = require('../internals/call-with-safe-iteration-closing');\n\nvar IteratorProxy = createIteratorProxy(function () {\n  var iterator = this.iterator;\n  var result = anObject(call(this.next, iterator));\n  var done = this.done = !!result.done;\n  if (!done) return callWithSafeIterationClosing(iterator, this.mapper, [result.value, this.counter++], true);\n});\n\n// `Iterator.prototype.map` method\n// https://github.com/tc39/proposal-iterator-helpers\nmodule.exports = function map(mapper) {\n  anObject(this);\n  aCallable(mapper);\n  return new IteratorProxy(getIteratorDirect(this), {\n    mapper: mapper\n  });\n};\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"page page-charge-card\"},[_c('b-col',{staticClass:\"py-3\"},[_c('Breadcrumb',{attrs:{\"items\":[{label: _vm.$t('Charge card')}]}}),(_vm.loading)?_c('LoadingPanel'):(_vm.cardTypes)?_c('div',[_c('div',{staticClass:\"card-types mb-3\"},_vm._l((_vm.cardTypes),function(type,index){return _c('b-button',{key:index,attrs:{\"variant\":type.id === _vm.cardType.id ? 'outline-primary' : 'light',\"disabled\":_vm.submitting},on:{\"click\":function($event){return _vm.selectCardType(type)}}},[_c('img',{attrs:{\"src\":type.imageUrl.getUrl()}}),_c('div',{staticClass:\"type-name\"},[_vm._v(_vm._s(type.name))])])}),1),(_vm.cardType.htmlContent && _vm.cardType.htmlContent.length)?_c('div',{staticClass:\"card-type-content mb-3\",domProps:{\"innerHTML\":_vm._s(_vm.cardType.htmlContent)}}):_vm._e(),_c('ValidationObserver',{ref:\"form\",staticClass:\"form app-form\",attrs:{\"tag\":\"form\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.onSubmit()}}},[_c('b-form-group',[_c('ValidationProvider',{attrs:{\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors }){return [_c('b-select',{attrs:{\"options\":_vm.cards,\"disabled\":_vm.submitting,\"value-field\":\"id\",\"text-field\":\"name\"},model:{value:(_vm.formData.idCard),callback:function ($$v) {_vm.$set(_vm.formData, \"idCard\", $$v)},expression:\"formData.idCard\"}}),_c('div',{staticClass:\"msg-validate-error\"},[_vm._v(_vm._s(errors[0]))])]}}])})],1),_c('b-form-group',[_c('ValidationProvider',{attrs:{\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors }){return [_c('b-select',{attrs:{\"options\":_vm.moneys,\"disabled\":_vm.submitting || _vm.formData.idCard < 1,\"value-field\":\"id\",\"text-field\":\"name\"},model:{value:(_vm.formData.money),callback:function ($$v) {_vm.$set(_vm.formData, \"money\", $$v)},expression:\"formData.money\"}}),_c('div',{staticClass:\"msg-validate-error\"},[_vm._v(_vm._s(errors[0]))])]}}])})],1),(_vm.cardType.isCard)?_c('div',[_c('b-form-group',[_c('ValidationProvider',{attrs:{\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors }){return [_c('b-input',{attrs:{\"disabled\":_vm.submitting,\"placeholder\":_vm.$t('Enter a serial card')},model:{value:(_vm.formData.serial),callback:function ($$v) {_vm.$set(_vm.formData, \"serial\", $$v)},expression:\"formData.serial\"}}),_c('div',{staticClass:\"msg-validate-error\"},[_vm._v(_vm._s(errors[0]))])]}}],null,false,3214188119)})],1),_c('b-form-group',[_c('ValidationProvider',{attrs:{\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors }){return [_c('b-input',{attrs:{\"disabled\":_vm.submitting,\"placeholder\":_vm.$t('Enter a PIN card')},model:{value:(_vm.formData.pin),callback:function ($$v) {_vm.$set(_vm.formData, \"pin\", $$v)},expression:\"formData.pin\"}}),_c('div',{staticClass:\"msg-validate-error\"},[_vm._v(_vm._s(errors[0]))])]}}],null,false,788633335)})],1)],1):_c('div',[_c('b-form-group',[_c('ValidationProvider',{attrs:{\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function({ errors }){return [_c('b-input',{attrs:{\"disabled\":_vm.submitting,\"placeholder\":_vm.$t('Enter a secure code')},model:{value:(_vm.formData.secureCode),callback:function ($$v) {_vm.$set(_vm.formData, \"secureCode\", $$v)},expression:\"formData.secureCode\"}}),_c('div',{staticClass:\"msg-validate-error\"},[_vm._v(_vm._s(errors[0]))])]}}])})],1)],1),_c('b-form-group',[_c('b-button',{staticClass:\"font-weight-bold\",attrs:{\"type\":\"submit\",\"variant\":\"primary\",\"block\":\"\",\"size\":\"lg\",\"disabled\":_vm.submitting}},[_vm._v(\" \"+_vm._s(_vm.$t(\"Charge now\"))+\" \")])],1)],1)],1):_c('ErrorPanel',{attrs:{\"message\":_vm.errorMessage},on:{\"retry\":function($event){return _vm.reloadData()}}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import httpHelper from \"@/helpers/httpHelper\";\n\nconst chargeCardService = {\n    async getCards() {\n        return await httpHelper.get(\"/WebApi/ChargeCard/GetCards\");\n    },\n    async charge(data, reCaptchaToken) {\n        return await httpHelper.post(\"/WebApi/ChargeCard/Charge\", data, {\n            headers: {\n                reCaptchaToken\n            }\n        });\n    }\n};\n\nexport default chargeCardService;","<template>\n  <div class=\"page page-charge-card\">\n    <b-col class=\"py-3\">\n      <Breadcrumb :items=\"[{label: $t('Charge card')}]\"/>      \n      <LoadingPanel v-if=\"loading\"/>\n      <div v-else-if=\"cardTypes\">\n        <div class=\"card-types mb-3\">\n          <b-button v-for=\"(type, index) in cardTypes\" :key=\"index\" :variant=\"type.id === cardType.id ? 'outline-primary' : 'light'\" @click=\"selectCardType(type)\" :disabled=\"submitting\">\n            <img :src=\"type.imageUrl.getUrl()\" />\n            <div class=\"type-name\">{{type.name}}</div>\n          </b-button>\n        </div>\n        <div class=\"card-type-content mb-3\" v-if=\"cardType.htmlContent && cardType.htmlContent.length\" v-html=\"cardType.htmlContent\"></div>\n        <ValidationObserver ref=\"form\" tag=\"form\" class=\"form app-form\" @submit.prevent=\"onSubmit()\">\n          <b-form-group>\n            <ValidationProvider rules=\"required\" v-slot=\"{ errors }\">\n              <b-select v-model=\"formData.idCard\" :options=\"cards\" :disabled=\"submitting\" value-field=\"id\" text-field=\"name\"/>\n              <div class=\"msg-validate-error\">{{ errors[0] }}</div>\n            </ValidationProvider>\n          </b-form-group>\n          <b-form-group>\n            <ValidationProvider rules=\"required\" v-slot=\"{ errors }\">\n              <b-select v-model=\"formData.money\" :options=\"moneys\" :disabled=\"submitting || formData.idCard < 1\" value-field=\"id\" text-field=\"name\"/>\n              <div class=\"msg-validate-error\">{{ errors[0] }}</div>\n            </ValidationProvider>\n          </b-form-group>\n          <div v-if=\"cardType.isCard\">\n            <b-form-group>\n              <ValidationProvider rules=\"required\" v-slot=\"{ errors }\">\n                <b-input v-model=\"formData.serial\" :disabled=\"submitting\" :placeholder=\"$t('Enter a serial card')\"/>\n                <div class=\"msg-validate-error\">{{ errors[0] }}</div>\n              </ValidationProvider>\n            </b-form-group>\n            <b-form-group>\n              <ValidationProvider rules=\"required\" v-slot=\"{ errors }\">\n                <b-input v-model=\"formData.pin\" :disabled=\"submitting\" :placeholder=\"$t('Enter a PIN card')\"/>\n                <div class=\"msg-validate-error\">{{ errors[0] }}</div>\n              </ValidationProvider>\n            </b-form-group>\n          </div>\n          <div v-else>\n            <b-form-group>\n              <ValidationProvider rules=\"required\" v-slot=\"{ errors }\">\n                <b-input v-model=\"formData.secureCode\" :disabled=\"submitting\" :placeholder=\"$t('Enter a secure code')\"/>\n                <div class=\"msg-validate-error\">{{ errors[0] }}</div>\n              </ValidationProvider>\n            </b-form-group>\n          </div>\n          <b-form-group>\n            <b-button type=\"submit\" variant=\"primary\" block size=\"lg\" class=\"font-weight-bold\" :disabled=\"submitting\">\n              {{ $t(\"Charge now\") }}\n            </b-button>\n          </b-form-group>\n        </ValidationObserver>\n      </div>\n      <ErrorPanel :message=\"errorMessage\" @retry=\"reloadData()\" v-else/>\n    </b-col>\n  </div>\n</template>\n\n<script>\nimport chargeCardService from \"@/services/chargeCardService\";\nimport dialogHelper from \"@/helpers/dialogHelper\";\nimport config from \"@/config\";\n\nexport default {\n  name: \"Index\",\n  data() {\n    return {\n      loading: true,\n      submitting: false,\n      errorMessage: \"\",\n      cardTypes: null,\n      cardType: null,\n      cards: [],\n      moneys: [{\n        id: 0,\n        name: this.$t(\"Select a card value\")\n      }],\n      formData: {\n        idType: 0,\n        idCard: 0,\n        pin: \"\",\n        serial: \"\",\n        money: 0,\n        secureCode: \"\"\n      }\n    }\n  },\n  async created() {\n    let cardTypes = this.$store.getters.chargeCardTypes || await this.loadData();\n    if (cardTypes)\n    {\n      cardTypes = await this.loadData();\n      if (cardTypes)\n        await this.$store.dispatch(\"setChargeCardTypes\", cardTypes);\n    }\n\n    this.setCardTypes(cardTypes)\n  },\n  methods: {\n    setCardTypes(cardTypes) {\n      this.loading = false;\n      this.cardTypes = cardTypes;\n      if (this.cardTypes && this.cardTypes.length > 0)\n      {\n        this.cardType = this.cardTypes[0];\n        this.formData.idType = this.cardType.id;\n        this.formData.serial = \"\";\n        this.formData.pin = \"\";\n        this.formData.secureCode = \"\";\n      }\n    },\n    async reloadData() {\n      this.loading = true;\n      const cardTypes = await this.loadData();\n      if (cardTypes)\n        await this.$store.dispatch(\"setChargeCardTypes\", cardTypes);\n      \n      this.setCardTypes(cardTypes);\n    },\n    async loadData() {\n      this.loading = true;\n      const response = await chargeCardService.getCards();\n      if (!response) {\n        this.errorMessage = this.$t(\"Connect to server failed. Please check your internet connection\");\n        return null;\n      }\n      \n      if (response.error) {\n        this.errorMessage = this.message;\n        return null;\n      }\n\n      return response.data;\n    },\n    selectCardType(type) {\n      this.cardType = type;\n      this.formData.idType = type.id;\n      this.formData.serial = \"\";\n      this.formData.pin = \"\";\n      this.formData.secureCode = \"\";\n    },\n    async onSubmit() {\n      const valid = await this.$refs.form.validate();\n      if (!valid)\n        return;\n\n      this.submitting = true;\n      await this.$recaptchaLoaded();\n      const response = await chargeCardService.charge(this.formData, await this.$recaptcha('chargeCard'))\n      this.submitting = false;\n\n      if (!response)\n      {\n        await dialogHelper.alert(\"Connect to server failed. Please check your internet connection\");\n        return;\n      }\n\n      if (response.error) {\n        await dialogHelper.alert(response.message);\n        return;\n      }\n\n      await dialogHelper.alert(response.message, \"success\");\n      this.formData.money = 0;\n      this.formData.serial = \"\";\n      this.formData.pin = \"\";\n      this.formData.secureCode = \"\";\n    }\n  },\n  watch: {\n    cardType(cardType) {\n      let cards = [{\n        id: 0,\n        name: this.$t(cardType && cardType.isCard ? \"Select a card\" : \"Select a card type\")\n      }];\n      \n      if (cardType)\n        cards = [...cards, ...cardType.cards.map(x => ({\n          id: x.id,\n          name: x.name + (x.inPromotion ? (` (+${(x.promoRate*100).$toString()}%)`) : \"\")\n        }))];\n      \n      this.cards = cards;\n      this.formData.idCard = 0;\n    },\n    \"formData.idCard\": function (idCard) {\n     let moneys = [{\n       id: 0,\n       name: this.$t(\"Select a card value\")\n     }] ;\n     \n     if (idCard > 0) {\n       const card = this.cardType.cards.find(x => x.id == idCard);\n       if (card)\n        moneys = [...moneys, ...card.moneys.map(x => ({\n          id: x.from,\n          name: x.from.$toString() + \" \" + config.moneyName + \" = \" + x.to.$toString() + \" \" + config.goldName\n        }))];\n     }\n     \n     this.moneys = moneys;\n     this.formData.money = 0;\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.card-types { \n  margin: 0 -5px;\n  display: flex;\n  \n  .btn {\n    margin: 0 5px;\n    flex: 1;\n    border-radius: 10px;\n    \n    img {\n      max-width: 100%;\n      height: 80px;\n      object-fit: contain;\n      margin-bottom: 3px;\n    }\n    \n    .type-name {\n      font-size: 15px;\n    }\n  }\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.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!./Index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=bd51d646&scoped=true\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\nimport style0 from \"./Index.vue?vue&type=style&index=0&id=bd51d646&prod&scoped=true&lang=scss\"\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  \"bd51d646\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}