{"version":3,"sources":["webpack:///./src/helpers/loadExternalScript.js","webpack:///./src/views/fund/components/StripeCardInput.vue?9101","webpack:///./src/views/fund/components/StripeCardInput.vue?6781","webpack:///src/views/fund/components/StripeCardInput.vue","webpack:///./src/views/fund/components/StripeCardInput.vue?cfd5","webpack:///./src/views/fund/components/StripeCardInput.vue"],"names":["url","Promise","resolve","reject","scripts","document","querySelectorAll","length","remoteScript","createElement","type","onload","onerror","src","getElementsByTagName","appendChild","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","ref","_v","_s","errors","first","staticRenderFns","data","stripe","elements","card","methods","component"],"mappings":"kHAAe,gBAACA,GACd,OAAO,IAAIC,SAAQ,SAACC,EAASC,GAE3B,IAAMC,EAAUC,SAASC,iBAAT,sBAAyCN,EAAzC,OAChB,GAAII,EAAQG,OAEV,OAAOL,IAIT,IAAMM,EAAeH,SAASI,cAAc,UAC5CD,EAAaE,KAAO,kBACpBF,EAAaG,OAAS,WACpB,OAAOT,KAETM,EAAaI,QAAU,WACrB,OAAOT,KAETK,EAAaK,IAAMb,EACnBK,SAASS,qBAAqB,QAAQ,GAAGC,YAAYP,Q,2DCnBzD,W,yCCAA,IAAIQ,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,oCAAoCC,MAAM,CAAC,GAAK,uCAAuC,CAACH,EAAG,MAAM,CAACI,IAAI,OAAOF,YAAY,aAAaF,EAAG,OAAO,CAACE,YAAY,kCAAkC,CAACN,EAAIS,GAAGT,EAAIU,GAAGV,EAAIW,OAAOC,MAAM,eAClXC,EAAkB,G,gDCYtB,GACEC,KADF,WAEI,MAAO,CACLC,OAAQ,KACRC,SAAU,KACVC,KAAM,OAGV,QARF,kLAWA,4CAXA,UAaA,kEACA,qCAEA,iBAhBA,gCAiBA,gCAjBA,OAiBA,UAjBA,OAmBA,mCACA,QACA,yBACA,aACA,sBAGA,sCA1BA,wBA+BA,iCA/BA,yGAoCEC,QAAS,CACP,eADJ,oEACA,GADA,kGAEA,uBAFA,KAGA,eAHA,SAGA,kCACA,gBACA,kBALA,mBAGA,GAHA,cASA,6CACA,iBACA,kBACA,wEAEA,qCAdA,2GCjDuX,I,wBCQnXC,EAAY,eACd,EACApB,EACAc,GACA,EACA,KACA,WACA,MAIa,aAAAM,E","file":"js/chunk-2239cebc.0a707823.js","sourcesContent":["export default (url) => {\n  return new Promise((resolve, reject) => {\n    // check if the script loaded before\n    const scripts = document.querySelectorAll(`script[src='${url}']`)\n    if (scripts.length) {\n      // the script loaded before so we just return\n      return resolve()\n    }\n\n    // start loading\n    const remoteScript = document.createElement('script')\n    remoteScript.type = 'text/javascript'\n    remoteScript.onload = function () {\n      return resolve()\n    }\n    remoteScript.onerror = function () {\n      return reject()\n    }\n    remoteScript.src = url\n    document.getElementsByTagName('head')[0].appendChild(remoteScript)\n  })\n}\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StripeCardInput.vue?vue&type=style&index=0&id=a37f9ee8&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-full\"},[_c('div',{staticClass:\"w-full flex items-center card p-2\",attrs:{\"id\":\"fund-credit-card-card-number-input\"}},[_c('div',{ref:\"card\",staticClass:\"w-full\"})]),_c('span',{staticClass:\"text-danger text-sm block mt-2\"},[_vm._v(_vm._s(_vm.errors.first('card')))])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"w-full\">\n    <div id=\"fund-credit-card-card-number-input\" class=\"w-full flex items-center card p-2\">\n      <div class=\"w-full\" ref=\"card\"></div>\n    </div>\n    <span class=\"text-danger text-sm block mt-2\">{{ errors.first('card') }}</span>\n  </div>\n</template>\n\n<script>\nimport LoadExternalScript from '../../../helpers/loadExternalScript'\nimport {cloneDeep, get} from 'lodash'\n\nexport default {\n  data () {\n    return {\n      stripe: null,\n      elements: null,\n      card: null\n    }\n  },\n  async mounted () {\n\n    // load stripe SDK\n    await LoadExternalScript('https://js.stripe.com/v3/')\n\n    this.stripe = window.Stripe(window.speakol_configs.stripePublicKey)\n    this.elements = this.stripe.elements()\n\n    if (this.card === null) {\n      this.card = await this.elements.create('card', {})\n\n      this.card.on('change', (event) => {\n        if (event.error) {\n          this.$validator.errors.add({\n            field: 'card',\n            msg: event.error.message\n          })\n        } else {\n          this.$validator.errors.remove('card')\n        }\n      })\n    }\n\n    await this.card.mount(this.$refs.card)\n\n\n  },\n\n  methods: {\n    async confirmPayment (response) {\n      const secretKey = response.data['secret_key']\n      const result = cloneDeep(await this.stripe.confirmCardPayment(secretKey, {\n        payment_method: {\n          card: this.card\n        }\n      }))\n\n      const status = get(result, 'paymentIntent.status')\n      if (status === 'succeeded') {\n        this.card.clear()\n        this.$emit('payment-succeeded', get(result, 'paymentIntent', {}))\n      } else {\n        this.$emit('payment-failed', result.error)\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n$borderColor: #d8d8d8;\n\n.card {\n  border: 1px solid $borderColor;\n  border-radius: 4px;\n  height: 40px;\n}\n</style>\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!./StripeCardInput.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!./StripeCardInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StripeCardInput.vue?vue&type=template&id=a37f9ee8&scoped=true&\"\nimport script from \"./StripeCardInput.vue?vue&type=script&lang=js&\"\nexport * from \"./StripeCardInput.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StripeCardInput.vue?vue&type=style&index=0&id=a37f9ee8&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  \"a37f9ee8\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}