{"version":3,"sources":["webpack:///./src/components/StripeElement.vue?828a","webpack:///./src/components/StripeElement.vue?91b3","webpack:///src/components/StripeElement.vue","webpack:///./src/components/StripeElement.vue?e4d0","webpack:///./src/components/StripeElement.vue?bb74"],"names":["_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_StripeElement_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_StripeElement_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n","render","_vm","this","_h","$createElement","_c","_self","staticClass","on","submit","$event","stopPropagation","preventDefault","register","ref","attrs","id","role","type","_v","_s","$t","directives","name","rawName","value","expression","staticRenderFns","stripe","Stripe","store","getters","stripePublicKey","StripeElementvue_type_script_lang_js_elements","elements","card","StripeElementvue_type_script_lang_js_","props","billingInfo","paymentError","data","clientSecret","loading","methods","_this","displayError","document","getElementById","payment_method","billing_details","then","result","error","cardId","setupIntent","$emit","catch","e","mounted","_this2","$store","dispatch","res","client_secret","beforeDestroy","watch","handler","components_StripeElementvue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__"],"mappings":"sIAAA,IAAAA,EAAAC,EAAA,QAAAC,EAAAD,EAAAE,EAAAH,GAAmhBE,EAAG,mECAthB,IAAAE,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,QAAkBE,YAAA,mBAAAC,GAAA,CAAmCC,OAAA,SAAAC,GAA2E,OAAjDA,EAAAC,kBAAyBD,EAAAE,iBAAwBX,EAAAY,cAAwB,CAAAR,EAAA,OAAYE,YAAA,eAA0B,CAAAF,EAAA,OAAYS,IAAA,aAAAP,YAAA,mCAAAQ,MAAA,CAAuEC,GAAA,cAAAC,KAAA,WAAmCZ,EAAA,OAAYE,YAAA,qDAAAQ,MAAA,CAAwEC,GAAA,iBAAqB,CAAAX,EAAA,OAAYS,IAAA,aAAWT,EAAA,UAAmBE,YAAA,kBAAAQ,MAAA,CAAqCG,KAAA,WAAiB,CAAAjB,EAAAkB,GAAAlB,EAAAmB,GAAAnB,EAAAoB,GAAA,gCAAAhB,EAAA,OAAiEiB,WAAA,EAAaC,KAAA,OAAAC,QAAA,SAAAC,MAAAxB,EAAA,QAAAyB,WAAA,aAAwE,CAAArB,EAAA,KAAUE,YAAA,4CACtvBoB,EAAA,eCYAC,EAAAC,OAAAC,EAAA,WAAAC,QAAAC,iBACAC,EAAAL,EAAAM,WACAC,EAAA,KACeC,EAAA,CACfC,OACAC,mBACAC,sBAEAC,gBACA,OACAC,kBACAC,aAGAC,SACA9B,oBAAA,IAAA+B,EAAA1C,KACAA,KAAAwC,SAAA,EACA,IAAAG,EAAAC,SAAAC,eAAA,eACAF,iBAEAjB,sCACAoB,gBACAb,OACAc,iBAAA1B,uCAEA2B,KAAA,SAAAC,GAEA,GADAP,EAAAF,SAAA,EACAS,EAAAC,MACAP,kCACA,CACA,IAAAQ,EAAAF,EAAAG,YAAAN,eACAJ,EAAAW,MAAA,kBAAAF,MAEAG,MAAA,SAAAC,GACAb,EAAAF,SAAA,EACAG,qDAIAa,mBAAA,IAAAC,EAAAzD,KACAiC,mBACAA,yBAEAjC,KAAA0D,OAAAC,SAAA,kBAAAX,KAAA,SAAAY,GACAH,EAAAlB,aAAAqB,EAAAC,iBAGAC,yBACA7B,4BAEA8B,OACA1B,cACA2B,mBACA,MAAAhE,KAAAqC,aAAA,CACA,IAAAM,EAAAC,SAAAC,eAAA,eACAF,yDCpEuVsB,EAAA,0BCQvVC,EAAgBC,OAAAC,EAAA,KAAAD,CACdF,EACAnE,EACA2B,GACF,EACA,KACA,KACA,MAIe4C,EAAA,WAAAH","file":"js/lazy-view-components-StripeElement.2a0d40ac.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StripeElement.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StripeElement.vue?vue&type=style&index=0&lang=less&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('form',{staticClass:\"stripe-component\",on:{\"submit\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.register()}}},[_c('div',{staticClass:\"sr-form-row\"},[_c('div',{ref:\"cardErrors\",staticClass:\"sr-field-error text-danger small\",attrs:{\"id\":\"card-errors\",\"role\":\"alert\"}}),_c('div',{staticClass:\"sr-input sr-element sr-card-element stripe-element\",attrs:{\"id\":\"card-element\"}},[_c('div',{ref:\"card\"})])]),_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"submit\"}},[_vm._v(_vm._s(_vm.$t('subscription.subscribe'))+\" \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading),expression:\"loading\"}]},[_c('i',{staticClass:\"fa-light fa-circle-notch fa-spin\"})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n<form @submit.stop.prevent=\"register()\" class=\"stripe-component\">\n  <div class=\"sr-form-row\">\n    <div  ref=\"cardErrors\" class=\"sr-field-error text-danger small\" id=\"card-errors\" role=\"alert\"></div>\n    <div class=\"sr-input sr-element sr-card-element stripe-element\" id=\"card-element\">\n        <div ref=\"card\"></div>\n    </div>\n  </div>\n  <button class=\"btn btn-primary\" type=\"submit\" >{{$t('subscription.subscribe')}} <div v-show=\"loading\"> <i class=\"fa-light fa-circle-notch fa-spin\"></i> </div> </button>\n</form>\n</template>\n<script>\nimport Store from '@/store/store.js'\nlet stripe = Stripe(Store.getters.stripePublicKey);\nlet elements = stripe.elements();\nlet card = null\nexport default {\n  props:{\n    billingInfo: Object,\n    paymentError: Boolean\n  },\n  data () {\n    return {\n      clientSecret: null,\n      loading: false\n    }\n  },\n  methods: {\n    register(){\n      this.loading = true\n      const displayError = document.getElementById(\"card-errors\");\n      displayError.textContent = ''\n\n      stripe.confirmCardSetup(this.clientSecret, {\n        payment_method: {\n          card: card,\n          billing_details: { name: this.billingInfo.contact_name }\n        }\n      }).then(result => {\n          this.loading = false\n          if(result.error){\n              displayError.textContent = result.error.message\n          } else{\n            const cardId = result.setupIntent.payment_method\n            this.$emit('generated-token', cardId)\n          }\n      }).catch(e => {\n        this.loading = false\n        displayError.textContent = this.$t('subscription.payment-error')\n      })\n    }\n  },\n  mounted() {\n      card = elements.create('card');\n      card.mount(this.$refs.card);\n\n      this.$store.dispatch(\"getSetupintent\").then(res => {\n        this.clientSecret = res.client_secret\n      })\n  },\n  beforeDestroy() {\n    card.destroy(this.$refs.card);\n  },\n  watch: {\n    paymentError:{\n      handler: function(){\n        if(this.paymentError == true){\n          const displayError = document.getElementById(\"card-errors\");\n          displayError.textContent = this.$t('subscription.payment-error')\n        }\n      }\n    }\n  }\n};\n</script>\n<style lang=\"less\">\n.stripe-component{\n  position: relative;\n  #card-errors{\n    width: 300px;\n  }\n\n  button{\n    display: flex;\n    gap: 4px;\n    align-items: center;\n  }\n}\n\n.stripe-element {\n  width: 300px;\n  margin-bottom: 12px;\n  border: none;\n  border-bottom: 1px solid #ccc;  \n  padding: 10px 0;\n  cursor: text;\n  color: #495057;\n  font-weight: 500;\n  background-color: inherit;\n}\n\n.stripe-element:focus-within {\n  outline: 0;\n  border: none;                           \n  border-bottom: 1px solid #666;         \n  border-color: #495057;\n  color: #495057;\n}\n.stripe-element.complete {\n  border-bottom: 1px solid #28a745;\n}\n</style>\n\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!./StripeElement.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!./StripeElement.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StripeElement.vue?vue&type=template&id=19bd45eb&\"\nimport script from \"./StripeElement.vue?vue&type=script&lang=js&\"\nexport * from \"./StripeElement.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StripeElement.vue?vue&type=style&index=0&lang=less&\"\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":""}