{"version":3,"sources":["webpack:///./src/views/top-up/page.vue?d771","webpack:///./src/views/top-up/page.vue?5c50","webpack:///src/views/top-up/page.vue","webpack:///./src/views/top-up/page.vue?822d","webpack:///./src/views/top-up/page.vue?f2f2"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","_f","auth","user","balance","attrs","style","directives","name","rawName","value","expression","domProps","on","$event","target","composing","paymentAmount","parseFloat","_m","_l","provider","idx","key","title","description","_e","staticStyle","setPaymentAndSubmit","method","ref","paymentProvider","$set","staticRenderFns","component"],"mappings":"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","file":"js/chunk-e2e26296.d2fb652a.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./page.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',{staticClass:\"main-content position-relative max-height-vh-100 h-100 border-radius-lg \"},[_c('div',{staticClass:\"container-fluid py-4\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\" mb-xl-0 mb-4\"},[_c('div',{staticClass:\"card bg-transparent shadow-xl\"},[_c('div',{staticClass:\"overflow-hidden position-relative border-radius-xl\"},[_c('div',{staticClass:\"card-body position-relative z-index-1 p-3\"},[_c('div',{staticClass:\"d-flex flex-row justify-content-between\"},[_c('div',[_c('p',{staticClass:\"text-dark text-sm opacity-8 mb-0\"},[_vm._v(\"Current Balance\")]),_c('h5',{staticClass:\"text-dark mb-2 pb-2\"},[_vm._v(\"R \"+_vm._s(_vm._f(\"currency\")(_vm.auth.user.balance)))])]),_c('div',[_c('router-link',{staticClass:\"btn bg-gradient-primary mb-0 mt-1\",attrs:{\"to\":\"/\"}},[_c('i',{staticClass:\"material-icons text-sm\"},[_vm._v(\"home\")]),_vm._v(\"  Home\")])],1)]),_c('div',{staticClass:\"d-flex align-end\"},[_c('span',{staticClass:\" d-flex text-dark text-sm opacity-8 mb-0 pt-1\"},[_vm._v(\"Please enter top up amount of\")]),_c('h5',{staticClass:\"px-2\",style:(_vm.color)},[_vm._v(\"R 50\")]),_c('span',{staticClass:\" d-flex text-dark text-sm opacity-8 mb-0 pt-1\"},[_vm._v(\"or more!\")])]),_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"input-group input-group-outline mb-3\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.paymentAmount),expression:\"paymentAmount\"}],staticClass:\"form-control\",attrs:{\"type\":\"number\",\"inputmode\":\"numeric\",\"min\":\"50\"},domProps:{\"value\":(_vm.paymentAmount)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.paymentAmount=$event.target.value}}})])]),_c('div',{staticClass:\"d-flex\"},[_c('div',[_c('p',{staticClass:\"text-dark text-sm opacity-8 mb-0\"},[_vm._v(\"Balance after top up\")]),_c('h5',{staticClass:\"text-grey mb-2 pb-2\"},[_vm._v(\"R \"+_vm._s(_vm._f(\"currency\")((parseFloat(_vm.auth.user.balance) + parseFloat(_vm.paymentAmount||0)))))])])])]),_vm._m(0),_c('div',{staticClass:\"card-body pt-4 p-3\"},[_c('div',{staticClass:\"list-group\"},[_vm._l((_vm.paymentMethods),function(provider,idx){return [_c('div',{key:(\"method-\" + idx),staticClass:\"border-0 row p-4 mb-4 mx-1 bg-gray-200 border-radius-lg\"},[_c('div',{staticClass:\"d-flex flex-column\"},[_c('h6',{staticClass:\"mb-3 text-sm \"},[_vm._v(_vm._s(provider.title))]),_c('div',{staticClass:\"d-flex flex-row justify-content-start mb-2\"},[_c('img',{attrs:{\"src\":(\"/images/logos/\" + (provider.image)),\"width\":\"150\"}})]),_c('span',{staticClass:\"mb-2 text-xs\"},[_vm._v(_vm._s(provider.description))]),(provider.extraImage)?_c('div',{staticClass:\"d-flex flex-row justify-content-start py-2\"},[_c('img',{attrs:{\"src\":(\"/images/logos/\" + (provider.extraImage)),\"height\":\"20\"}})]):_vm._e(),_c('div',{staticClass:\"d-flex flex-row\"},[_c('div',{staticClass:\"col-12 col-md-6 col-lg-4\"},[(_vm.canPay)?_c('button',{staticClass:\"btn bg-gradient-dark mb-0 btn-pay\",staticStyle:{\"width\":\"100%\"},on:{\"click\":function($event){return _vm.setPaymentAndSubmit(provider.method)}}},[_vm._v(\" Pay with \"+_vm._s(provider.name)+\" \")]):_c('button',{staticClass:\"btn bg-gradient-dark mb-0 btn-pay\",staticStyle:{\"width\":\"100%\"},attrs:{\"disabled\":\"\"}},[_c('span',{staticClass:\"text--error\"},[_vm._v(\" Please enter a valid amount \")])])])])])])]})],2)])])])])]),_c('form',{ref:\"payForm\",staticStyle:{\"position\":\"absolute\",\"left\":\"-9999px\"},attrs:{\"method\":\"POST\",\"action\":\"/Payment/SubmitPaymentRequest\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.paymentProvider),expression:\"paymentProvider\"}],attrs:{\"name\":\"paymentProvider\"},domProps:{\"value\":(_vm.paymentProvider)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.paymentProvider=$event.target.value}}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.paymentAmount),expression:\"paymentAmount\"}],attrs:{\"name\":\"amount\"},domProps:{\"value\":(_vm.paymentAmount)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.paymentAmount=$event.target.value}}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.auth.token),expression:\"auth.token\"}],attrs:{\"name\":\"token\"},domProps:{\"value\":(_vm.auth.token)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.auth, \"token\", $event.target.value)}}})]),_vm._m(1)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card-header pb-0 px-3 pt-1\"},[_c('h6',{staticClass:\"mb-0\"},[_vm._v(\"Payment Method\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('footer',{staticClass:\"footer py-4\"},[_c('div',{staticClass:\"container-fluid\"},[_c('div',{staticClass:\"row align-items-center justify-content-lg-between\"},[_c('div',{staticClass:\"cal-lg-6 mb-lg-0 mb-4\"},[_c('div',{staticClass:\"copyright text-center text-sm text-muted taxt-lg-start\"},[_vm._v(\" ⚡ By \"),_c('a',{staticClass:\"font-weight-bold\",attrs:{\"href\":\"https://www.wizebooks.co.za\",\"target\":\"_blank\"}},[_vm._v(\"Wize Books\")])])])])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <main class=\"main-content position-relative max-height-vh-100 h-100 border-radius-lg \">\r\n\r\n        <div class=\"container-fluid py-4\">\r\n            <div class=\"row\">\r\n                <div class=\" mb-xl-0 mb-4\">\r\n                    <div class=\"card bg-transparent shadow-xl\">\r\n                        <div class=\"overflow-hidden position-relative border-radius-xl\">\r\n                            <div class=\"card-body position-relative z-index-1 p-3\">\r\n                                <div class=\"d-flex flex-row justify-content-between\">\r\n                                    <div>\r\n                                        <p class=\"text-dark text-sm opacity-8 mb-0\">Current Balance</p>\r\n                                        <h5 class=\"text-dark mb-2 pb-2\">R {{auth.user.balance | currency}}</h5>\r\n                                    </div>\r\n                                    <div>\r\n                                        <router-link to=\"/\" class=\"btn bg-gradient-primary mb-0 mt-1\"><i class=\"material-icons text-sm\">home</i>&nbsp;&nbsp;Home</router-link>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"d-flex align-end\">\r\n                                    <span class=\" d-flex text-dark text-sm opacity-8 mb-0 pt-1\">Please enter top up amount of</span>\r\n                                    <h5 :style=\"color\" class=\"px-2\">R 50</h5>\r\n                                    <span class=\" d-flex text-dark text-sm opacity-8 mb-0 pt-1\">or more!</span>\r\n                                </div>\r\n                                <div class=\"d-flex\">\r\n                                    <div class=\"input-group input-group-outline mb-3\">\r\n                                        <input class=\"form-control\" type=\"number\" inputmode=\"numeric\" v-model=\"paymentAmount\" min=\"50\" />\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"d-flex\">\r\n                                    <div>\r\n                                        <p class=\"text-dark text-sm opacity-8 mb-0\">Balance after top up</p>\r\n                                        <h5 class=\"text-grey mb-2 pb-2\">R {{(parseFloat(auth.user.balance) + parseFloat(paymentAmount||0)) | currency}}</h5>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n\r\n                            <div class=\"card-header pb-0 px-3 pt-1\">\r\n                                <h6 class=\"mb-0\">Payment Method</h6>\r\n                            </div>\r\n                            <div class=\"card-body pt-4 p-3\">\r\n                                <div class=\"list-group\">\r\n                                    <template v-for=\"(provider, idx) in paymentMethods\">\r\n                                        <div class=\"border-0 row p-4 mb-4 mx-1 bg-gray-200 border-radius-lg\" :key=\"`method-${idx}`\">\r\n                                            <div class=\"d-flex flex-column\">\r\n                                                <h6 class=\"mb-3 text-sm \">{{provider.title}}</h6>\r\n                                                <div class=\"d-flex flex-row justify-content-start mb-2\">\r\n                                                    <img :src=\"`/images/logos/${provider.image}`\" width=\"150\" />\r\n                                                </div>\r\n                                                <span class=\"mb-2 text-xs\">{{provider.description}}</span>\r\n                                                <div class=\"d-flex flex-row justify-content-start py-2\" v-if=\"provider.extraImage\">\r\n                                                    <img :src=\"`/images/logos/${provider.extraImage}`\" height=\"20\" />\r\n                                                </div>\r\n                                                <div class=\"d-flex flex-row\">\r\n                                                    <div class=\"col-12 col-md-6 col-lg-4\">\r\n                                                        <button v-if=\"canPay\"\r\n                                                                class=\"btn bg-gradient-dark mb-0 btn-pay\"\r\n                                                                v-on:click=\"setPaymentAndSubmit(provider.method)\"\r\n                                                                style=\"width:100%;\">\r\n                                                            Pay with {{provider.name}}\r\n                                                        </button>\r\n                                                        <button v-else \r\n                                                                class=\"btn bg-gradient-dark mb-0 btn-pay\"\r\n                                                                disabled\r\n                                                                style=\"width:100%;\">\r\n                                                            <span class=\"text--error\">\r\n                                                                Please enter a valid amount\r\n                                                            </span>\r\n                                                        </button>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </template>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <form style=\"position:absolute;left:-9999px\" method=\"POST\" action=\"/Payment/SubmitPaymentRequest\" ref=\"payForm\">\r\n                <input name=\"paymentProvider\" v-model=\"paymentProvider\" />\r\n                <input name=\"amount\" v-model=\"paymentAmount\" />\r\n                <input name=\"token\" v-model=\"auth.token\" />\r\n            </form>\r\n            <footer class=\"footer py-4\">\r\n                <div class=\"container-fluid\">\r\n                    <div class=\"row align-items-center justify-content-lg-between\">\r\n                        <div class=\"cal-lg-6 mb-lg-0 mb-4\">\r\n                            <div class=\"copyright text-center text-sm text-muted taxt-lg-start\">\r\n                                ⚡ By\r\n                                <a href=\"https://www.wizebooks.co.za\" class=\"font-weight-bold\" target=\"_blank\">Wize Books</a>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </footer>\r\n        </div>\r\n    </main>\r\n</template>\r\n\r\n<script>\r\n    import { mapState } from 'vuex'\r\n    export default {\r\n        data: function () {\r\n            return {\r\n                loading: false,\r\n                paymentAmount: 50,\r\n                paymentProvider: null,\r\n                paymentMethods: [\r\n                    { title: 'Instant EFT', name: 'Ozow', method: 'ozow', image: 'ozow.png', extraImage: 'ozow_extra.png', description: 'Ozow allows you to pay for your order by EFT instantly and securely.' },\r\n                    { title: 'Credit- or Debit Card', name: 'DPO Paygate', method: 'paygate', image: 'paygate.png', extraImage: 'paygate_extra.png', description: 'DPO is a payment gateway that accepts all major credit and debit cards including VISA and MasterCard.' },\r\n                    { title: 'On Credit', name: 'Mobicred', method: 'mobicred', image: 'mobicred.png', description: 'Mobicred is a simple & convenient credit facility that allows you to safely shop online.' }\r\n                ],\r\n            };\r\n        },\r\n        methods: {\r\n            setPaymentAndSubmit: function (method) {\r\n                this.paymentProvider = method;\r\n                console.log(this.paymentProvider)\r\n                setTimeout(() => {\r\n                    this.$refs.payForm.submit();\r\n                }, 1)\r\n            }\r\n        },\r\n        components: {\r\n        },\r\n        mounted: function () {\r\n        },\r\n        computed: {\r\n            ...mapState(['auth']),\r\n            canPay: function () {\r\n                return this.paymentAmount <= 10000 & this.paymentAmount >= 50;\r\n            },\r\n            color: function () {\r\n                return this.canPay ? 'color:var(--bs-success)' : 'color:var(--bs-danger)';\r\n            }\r\n        },\r\n\r\n    }\r\n</script>\r\n<style>\r\n    .truncate {\r\n        width: 75vw;\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n    }\r\n\r\n    .text--error {\r\n        color: #F44336 !important;\r\n    }\r\n\r\n    .text--success {\r\n        color: #4CAF50 !important;\r\n    }\r\n</style>","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!./page.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!./page.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./page.vue?vue&type=template&id=cd2e385e&\"\nimport script from \"./page.vue?vue&type=script&lang=js&\"\nexport * from \"./page.vue?vue&type=script&lang=js&\"\nimport style0 from \"./page.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}