{"version":3,"sources":["webpack:///./src/components/payment/stripe/StripeSubscriptionCreditCard.vue","webpack:///src/components/payment/stripe/StripeSubscriptionCreditCard.vue","webpack:///./src/components/payment/stripe/StripeSubscriptionCreditCard.vue?30c3","webpack:///./src/components/payment/stripe/StripeSubscriptionCreditCard.vue?ced3"],"names":["render","_vm","this","_c","_self","attrs","$t","staticClass","ref","staticRenderFns","name","props","data","stripe","elements","element","cardInvalid","options","style","base","color","invalid","iconColor","empty","mounted","mount","$refs","card","created","window","Stripe","company","stripe_public_key","create","on","event","complete","$emit","isInvalid","computed","mapGetters","billing_details","methods","stripeRequestCard","client_secret","confirmCardSetup","payment_method","then","result","purchase","console","log","$store","dispatch","response","payload","setup_intent","catch","error","commit","message","err","setupIntent","status","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,YAAY,CAACE,MAAM,CAAC,MAAQJ,EAAIK,GAAG,0BAA0B,CAACH,EAAG,MAAM,CAACI,YAAY,4BAA4B,CAACJ,EAAG,MAAM,CAACI,YAAY,oBAAoB,CAACJ,EAAG,MAAM,CAACK,IAAI,OAAOD,YAAY,0BAE/PE,EAAkB,G,YCSP,GACfC,KAAA,+BACAC,MAAA,YACAC,OACA,OACAC,OAAA,KACAC,SAAA,KACAC,QAAA,KACAC,aAAA,EACAC,QAAA,CACAC,MAAA,CACAC,KAAA,CACAC,MAAA,UACA,iBACAA,MAAA,WAEA,qBACAA,MAAA,YAGAC,QAAA,CACAD,MAAA,UACAE,UAAA,UACA,qBACAF,MAAA,YAGAG,MAAA,CACAH,MAAA,UACAE,UAAA,UACA,qBACAF,MAAA,gBAOAI,UACA,KAAAT,QAAAU,MAAA,KAAAC,MAAAC,OAEAC,UACA,KAAAf,OAAAgB,OAAAC,OAAA,KAAAC,QAAAC,mBACA,KAAAlB,SAAA,KAAAD,OAAAC,WACA,KAAAC,QAAA,KAAAD,SAAAmB,OAAA,YAAAhB,SAEA,KAAAF,QAAAmB,GAAA,SAAAC,IACAA,EAAAC,SAGA,KAAApB,aAAA,EAFA,KAAAA,aAAA,EAIA,KAAAqB,MAAA,iBAAAC,aAGA,KAAAD,MAAA,iBAAAC,YAEAC,SAAA,CACAD,YACA,YAAAtB,gBAEAwB,eAAA,CACAC,gBAAA,iCACAV,QAAA,kBAGAW,QAAA,CACAC,kBAAAC,GACA,KAAA/B,OAAAgC,iBAAAD,EAAA,CACAE,eAAA,CACAnB,KAAA,KAAAZ,QACA0B,gBAAA,KAAAA,mBAEAM,KAAAC,IACA,KAAAA,aAGAC,WACA,KAAAX,UAUAY,QAAAC,IAAA,sBATAD,QAAAC,IAAA,YACA,KAAAC,OAAAC,SAAA,sCACAN,KAAAO,GACA,KAAAX,kBAAAW,EAAA1C,KAAA2C,QAAAC,aAAAZ,gBAEAa,MAAAC,IACAR,QAAAC,IAAAO,OAMAV,UACAA,EAAAU,OACA,KAAAN,OAAAO,OAAA,wBAAAX,EAAAU,MAAAE,SACA,KAAAR,OAAAC,SAAA,sCACAN,KAAA,UAAAV,MAAA,QAAAW,EAAAU,SACAD,MAAAI,IAAAX,QAAAC,IAAAU,GAAA,KAAAxB,MAAA,QAAAwB,OAEAX,QAAAC,IAAAH,GAEA,cAAAA,EAAAc,YAAAC,SACA,KAAAX,OAAAO,OAAA,gCACA,KAAAP,OAAAO,OAAA,gCAAAX,EAAAc,YAAAhB,gBACA,KAAAM,OAAAC,SAAA,sCAAAI,MAAAI,IAAAX,QAAAC,IAAAU,KACAd,KAAA,UAAAV,MAAA,aACAoB,MAAAI,IAAA,KAAAxB,MAAA,QAAAwB,UCpHoY,I,YCOhYG,EAAY,eACd,EACAhE,EACAS,GACA,EACA,KACA,KACA,MAIa,aAAAuD,E","file":"js/chunk-2d0d07bb.e2de0af2.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vca-field',{attrs:{\"label\":_vm.$t('payment.more_details')}},[_c('div',{staticClass:\"stripe-payment-container\"},[_c('div',{staticClass:\"vca-input-border\"},[_c('div',{ref:\"card\",staticClass:\"stripe-payment\"})])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <vca-field :label=\"$t('payment.more_details')\">\n        <div class=\"stripe-payment-container\">\n            <div class=\"vca-input-border\"><div ref=\"card\" class=\"stripe-payment\"></div></div>\n        </div>\n    </vca-field>\n</template>\n\n<script>\n\nimport { mapGetters } from 'vuex'\nexport default {\n    name: 'StripeSubscriptionCreditCard',\n    props: ['product'],\n    data() {\n        return {\n            stripe: null,\n            elements: null,\n            element: null,\n            cardInvalid: true,\n            options: {\n                style: {\n                    base: {\n                        color: '#32325d',\n                        '::placeholder': {\n                            color: '#aab7c4'\n                        },\n                        ':-webkit-autofill': {\n                            color: '#32325d',\n                        },\n                    },\n                    invalid: {\n                        color: '#ff5522',\n                        iconColor: '#ff5522',\n                        ':-webkit-autofill': {\n                            color: '#ff5522',\n                        },\n                    },\n                    empty: {\n                        color: '#0a6b91',\n                        iconColor: '#0a6b91',\n                        ':-webkit-autofill': {\n                            color: '#0a6b91',\n                        },\n                    },\n                }\n            }\n        }\n    },\n    mounted () {\n        this.element.mount(this.$refs.card)\n    },\n    created() {\n        this.stripe = window.Stripe(this.company.stripe_public_key)\n        this.elements = this.stripe.elements()\n        this.element = this.elements.create('card', this.options)\n\n        this.element.on('change', (event) => {\n            if (!event.complete) {\n                this.cardInvalid = true\n            } else {\n                this.cardInvalid = false\n            }\n            this.$emit('isInvalid', this.isInvalid)\n        })\n\n        this.$emit('isInvalid', this.isInvalid)\n    },\n    computed: {\n        isInvalid() {\n            return this.cardInvalid\n        },\n        ...mapGetters({\n            billing_details: 'payment/stripe/billing_details',\n            company: 'form/company'\n        })\n    },\n    methods: {\n        stripeRequestCard(client_secret) {\n            this.stripe.confirmCardSetup(client_secret, {\n                payment_method: {\n                    card: this.element,\n                    billing_details: this.billing_details\n                }\n            }).then(result => {\n                this.result(result)\n            });\n        },\n         purchase () {\n            if (!this.isInvalid) {\n                console.log(\"purchase\")\n                this.$store.dispatch('payment/stripe/setup_intent_create')\n                    .then(response => (\n                        this.stripeRequestCard(response.data.payload.setup_intent.client_secret)\n                    ))\n                    .catch(error => {\n                        console.log(error)\n                    })\n            } else {\n                console.log(\"isInvalid == true\")\n            }\n         },\n        result(result) {\n            if (result.error) {\n                this.$store.commit(\"payment/stripe/status\", result.error.message)\n                this.$store.dispatch(\"payment/stripe/setup_intent_finish\")\n                        .then(()=>{this.$emit('error', result.error)})\n                        .catch((err) => {console.log(err), this.$emit(\"error\", err)})\n            } else {\n                console.log(result)\n                // The payment has been processed!\n                if (result.setupIntent.status === 'succeeded') {\n                    this.$store.commit(\"payment/stripe/status\", \"done\")\n                    this.$store.commit(\"payment/stripe/payment_method\", result.setupIntent.payment_method)\n                    this.$store.dispatch(\"payment/stripe/setup_intent_finish\").catch(err => {console.log(err)})\n                        .then(()=>{this.$emit('success')})\n                        .catch((err) => { this.$emit(\"error\", err)})\n                }\n            }\n        }\n\n\n    }\n\n\n}\n</script>\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!./StripeSubscriptionCreditCard.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!./StripeSubscriptionCreditCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StripeSubscriptionCreditCard.vue?vue&type=template&id=5cfd2e61&\"\nimport script from \"./StripeSubscriptionCreditCard.vue?vue&type=script&lang=js&\"\nexport * from \"./StripeSubscriptionCreditCard.vue?vue&type=script&lang=js&\"\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":""}