{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/pages/top-up/views/view-top-up.vue?6276","webpack:///./src/pages/top-up/views sync nonrecursive view-[^\\\\]*\\.vue$","webpack:///./src/pages/top-up/views/view-top-up.vue?3130","webpack:///./src/pages/top-up/views/view-top-up.vue","webpack:///src/pages/top-up/views/view-top-up.vue","webpack:///./src/pages/top-up/views/view-top-up.vue?c89c","webpack:///./src/pages/top-up/views/view-top-up.vue?d8de","webpack:///./src/pages/top-up/main.js"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","map","webpackContext","req","id","webpackContextResolve","e","Error","code","keys","resolve","render","_vm","this","_c","_self","staticClass","attrs","$t","ref","paymentForm","showModal","on","$event","paymentSubmitted","submitBillPayment","countSpecialChars","toString","model","phone","callback","$$v","expression","email","amount","trim","_v","staticRenderFns","mixins","errorMessageHandler","components","PaymentHeadline","PaymentForm","BaseVInput","toastMessage","freeze","success","status","title","message","created","showToastMessage","computed","startsWith","Math","min","replace","methods","normalizedNumber","normalizeAmount","dataToSend","toMsisdn","topUp","then","response","setTimeout","$refs","bankForm","submitForm","catch","handleErrorMessage","getUrlParam","toast","component","require","Vue","config","productionTip","customMessage","ValidationObserver","ValidationProvider","use","FlashMessage","loaderFull","mixin","globalVue","document","getElementById","requireComponent","forEach","fileName","componentConfig","componentName","default","i18n","el","$mount"],"mappings":"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","file":"js/topUp.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"topUp\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([8,\"chunk-vendors\",\"chunk-common\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","export * from \"-!../../../../node_modules/@vue/cli-service/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!./view-top-up.vue?vue&type=style&index=0&id=30f3019d&prod&lang=scss&scoped=true\"","var map = {\n\t\"./view-top-up.vue\": \"e484\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"6356\";","export * from \"-!../../../../node_modules/@vue/cli-service/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!./view-top-up.vue?vue&type=style&index=1&id=30f3019d&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"container top-up\"},[_c('payment-headline',{attrs:{\"title\":_vm.$t('payment.topUp.title'),\"description\":_vm.$t('payment.topUp.description')}}),_c('payment-form',{ref:\"topUp\",attrs:{\"submitBtn\":_vm.$t('payment.topUp.pay'),\"payment-form\":_vm.paymentForm,\"show-modal\":_vm.showModal},on:{\"submitted\":function($event){_vm.paymentSubmitted = $event},\"form-is-valid\":_vm.submitBillPayment}},[_c('base-v-input',{attrs:{\"variant\":\"white\",\"label\":_vm.$t('form.phoneNumber'),\"submitted\":_vm.paymentSubmitted,\"rules\":\"required|phoneNumberWithSpaces|max:15\",\"maxlength\":(13 + _vm.countSpecialChars).toString()},model:{value:(_vm.phone),callback:function ($$v) {_vm.phone=$$v},expression:\"phone\"}}),_c('base-v-input',{attrs:{\"label\":_vm.$t('form.emailAddress'),\"submitted\":_vm.paymentSubmitted,\"variant\":\"white\",\"rules\":\"required|email\"},model:{value:(_vm.email),callback:function ($$v) {_vm.email=$$v},expression:\"email\"}}),_c('div',{staticClass:\"amount-container\"},[_c('base-v-input',{staticClass:\"amount-container\",attrs:{\"label\":_vm.$t('form.amount'),\"submitted\":_vm.paymentSubmitted,\"variant\":\"white\",\"rules\":\"required|currencyRangeWithComma:3,50|max:5\",\"maxlength\":\"5\"},model:{value:(_vm.amount),callback:function ($$v) {_vm.amount=(typeof $$v === 'string'? $$v.trim(): $$v)},expression:\"amount\"}}),_c('span',{attrs:{\"id\":\"euro\"}},[_vm._v(\"€\")])],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"container top-up\">\r\n    <payment-headline :title=\"$t('payment.topUp.title')\" :description=\"$t('payment.topUp.description')\"/>\r\n    <payment-form :submitBtn=\"$t('payment.topUp.pay')\"\r\n                  :payment-form=\"paymentForm\"\r\n                  :show-modal=\"showModal\"\r\n                  ref=\"topUp\"\r\n                  @submitted=\"paymentSubmitted = $event\"\r\n                  @form-is-valid=\"submitBillPayment\">\r\n      <base-v-input v-model=\"phone\"\r\n                    variant=\"white\"\r\n                    :label=\"$t('form.phoneNumber')\"\r\n                    :submitted=\"paymentSubmitted\"\r\n                    rules=\"required|phoneNumberWithSpaces|max:15\"\r\n                    :maxlength=\"(13 + countSpecialChars).toString()\"/>\r\n      <base-v-input v-model=\"email\"\r\n                    :label=\"$t('form.emailAddress')\"\r\n                    :submitted=\"paymentSubmitted\"\r\n                    variant=\"white\"\r\n                    rules=\"required|email\"/>\r\n      <div class=\"amount-container\">\r\n        <base-v-input v-model.trim=\"amount\"\r\n                      :label=\"$t('form.amount')\"\r\n                      :submitted=\"paymentSubmitted\"\r\n                      variant=\"white\"\r\n                      class=\"amount-container\"\r\n                      rules=\"required|currencyRangeWithComma:3,50|max:5\"\r\n                      maxlength=\"5\"/>\r\n        <span id=\"euro\">&euro;</span>\r\n      </div>\r\n    </payment-form>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport PaymentHeadline from '@/components/payment/payment-headline'\r\nimport PaymentForm from '@/components/payment/payment-form'\r\nimport BaseVInput from '@/components/base/base-v-input'\r\nimport { topUp } from '@/api/payment'\r\nimport { getUrlParam } from '@/utils/urlMethods'\r\nimport errorMessageHandler from '@/mixins/errorMessageHandler'\r\n\r\nexport default {\r\n  name: 'view-bill-payment',\r\n  mixins: [errorMessageHandler],\r\n  components: { PaymentHeadline, PaymentForm, BaseVInput },\r\n  data () {\r\n    return {\r\n      phone: '',\r\n      email: '',\r\n      amount: '',\r\n      showModal: false,\r\n      paymentForm: {},\r\n      paymentSubmitted: false,\r\n      toastMessage: Object.freeze({\r\n        success: {\r\n          status: 'success',\r\n          title: this.$t('payment.topUp.successfulTopUp')\r\n        },\r\n        'payment-failed': {\r\n          status: 'error',\r\n          title: this.$t('payment.error.title'),\r\n          message: this.$t('payment.error.message')\r\n        }\r\n      })\r\n    }\r\n  },\r\n  created () {\r\n    this.showToastMessage()\r\n  },\r\n  computed: {\r\n    countSpecialChars () {\r\n      if (this.phone.startsWith('00')) {\r\n        return Math.min(this.phone.replace(/[0-9a-zA-Z]/g, '').length + 2, 5)\r\n      }\r\n      return Math.min(this.phone.replace(/[0-9a-zA-Z]/g, '').length, 5)\r\n    }\r\n  },\r\n  methods: {\r\n    submitBillPayment () {\r\n      this.showModal = true\r\n      const normalizedNumber = this.phone.replace(/[^0-9]/g, '')\r\n      const normalizeAmount = this.amount.replace(',', '.')\r\n      const dataToSend = {\r\n        toMsisdn: normalizedNumber,\r\n        email: this.email,\r\n        amount: normalizeAmount\r\n      }\r\n      topUp(dataToSend).then(response => {\r\n        this.paymentForm = response.data || {}\r\n        setTimeout(() => {\r\n          this.$refs.topUp.$refs.bankForm.submitForm()\r\n        }, 50)\r\n      }).catch(e => {\r\n        this.showModal = false\r\n        this.handleErrorMessage(e.response.data)\r\n      })\r\n    },\r\n    showToastMessage () {\r\n      const status = getUrlParam('status')\r\n      if (status && this.toastMessage[status]) {\r\n        setTimeout(() => {\r\n          this.toast(this.toastMessage[status].status, {\r\n            title: this.toastMessage[status].title,\r\n            message: this.toastMessage[status].message\r\n          })\r\n        }, 500)\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.top-up {\r\n  padding-top: 2rem;\r\n  padding-bottom: 2rem;\r\n  @media (map_get($breakpoints, md)) {\r\n    padding-top: 4rem;\r\n    padding-bottom: 4rem;\r\n  }\r\n\r\n  @media (map_get($breakpoints, lg)) {\r\n    padding-top: 10rem;\r\n  }\r\n\r\n  @media (map_get($breakpoints, xl)) {\r\n    padding-top: 6rem;\r\n  }\r\n\r\n  .amount-container {\r\n    width: 100%;\r\n    position: relative;\r\n    #euro {\r\n      position: absolute;\r\n      top: 36px;\r\n      font-size: 20px;\r\n      right: 10px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n.top-up {\r\n  padding-top: 2rem;\r\n  padding-bottom: 2rem;\r\n  @media (map_get($breakpoints, md)) {\r\n    padding-top: 4rem;\r\n    padding-bottom: 4rem;\r\n  }\r\n\r\n  @media (map_get($breakpoints, lg)) {\r\n    padding-top: 10rem;\r\n  }\r\n\r\n  @media (map_get($breakpoints, xl)) {\r\n    padding-top: 6rem;\r\n  }\r\n\r\n  .amount-container {\r\n    width: 100%;\r\n    position: relative;\r\n    #euro {\r\n      position: absolute;\r\n      top: 36px;\r\n      font-size: 20px;\r\n      right: 10px;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./view-top-up.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!./view-top-up.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./view-top-up.vue?vue&type=template&id=30f3019d&scoped=true\"\nimport script from \"./view-top-up.vue?vue&type=script&lang=js\"\nexport * from \"./view-top-up.vue?vue&type=script&lang=js\"\nimport style0 from \"./view-top-up.vue?vue&type=style&index=0&id=30f3019d&prod&lang=scss&scoped=true\"\nimport style1 from \"./view-top-up.vue?vue&type=style&index=1&id=30f3019d&prod&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  \"30f3019d\",\n  null\n  \n)\n\nexport default component.exports","import '@/utils/babel-import'\r\nimport Vue from 'vue'\r\nimport i18n from '@/i18n' // should be included, probably (unless you're not using i18n translations in any components that will be loaded here)\r\nimport globalVue from '@/mixins/global'\r\nimport customMessage from '@/components/base/flash-message-custom/custom-message'\r\nimport FlashMessage from '@smartweb/vue-flash-message'\r\nimport { ValidationObserver, ValidationProvider } from 'vee-validate'\r\nimport loaderFull from '@/components/base/loader/base-full-loader-plugin'\r\nimport '@/config/validation/vee-validate-config' // include if needed, for example if you have any input form that needs to be validated\r\nrequire('@/assets/styles/main.scss')\r\n\r\n// require('@/config/axios') // include if needed, probably is\r\n\r\nVue.config.productionTip = false\r\n\r\n/**\r\n * If you copy this to another entry point, check if you're using proper element id in spark templates\r\n */\r\nVue.component('customMessage', customMessage)\r\nVue.component('ValidationObserver', ValidationObserver)\r\nVue.component('ValidationProvider', ValidationProvider)\r\nVue.use(FlashMessage)\r\nVue.use(loaderFull)\r\nVue.mixin(globalVue)\r\n\r\nif (document.getElementById('hc-vue-top-up')) {\r\n  const requireComponent = require.context('./views/', false, /view-[^\\\\]*\\.vue$/)\r\n  requireComponent.keys().forEach((fileName) => {\r\n    const componentConfig = requireComponent(fileName)\r\n    const componentName = fileName.replace(/^\\.\\/(.*)\\.\\w+$/, '$1') // TODO Normalize component names\r\n    Vue.component(componentName, componentConfig.default || componentConfig)\r\n  })\r\n\r\n  new Vue({\r\n    i18n,\r\n    el: '#hc-vue-top-up'\r\n  }).$mount('#hc-vue-top-up')\r\n}\r\n"],"sourceRoot":""}