{"version":3,"file":"NewCreditCardModal-DvLdxFy2.js","sources":["../../../node_modules/vue-stripe-js/dist/vue-stripe.es.js","../../../app/javascript/shared/components/modals/NewCreditCardModal.vue"],"sourcesContent":["import { defineComponent, ref, toRefs, onMounted, onBeforeUnmount, watch, openBlock, createElementBlock, computed, renderSlot, createCommentVNode } from \"vue\";\nconst ERRORS = {\n  STRIPE_NOT_LOADED: \"Stripe v3 library is not loaded\",\n  INSTANCE_NOT_DEFINED: \"Instance object is not defined. Make sure you initialized Stripe before creating elements\",\n  ELEMENTS_NOT_DEFINED: \"Elements object is not defined. You can't create stripe element without it\",\n  ELEMENT_TYPE_NOT_DEFINED: \"elementType is required. You can't create stripe element without it\"\n};\nconst initStripe = (key, options) => {\n  try {\n    if (!window.Stripe) {\n      throw new Error(ERRORS.STRIPE_NOT_LOADED);\n    }\n    const stripeInstance = window.Stripe(key, options);\n    return stripeInstance;\n  } catch (error) {\n    console.error(error);\n    return error;\n  }\n};\nconst createElements = (instance, options) => {\n  try {\n    if (!instance) {\n      throw new Error(ERRORS.INSTANCE_NOT_DEFINED);\n    }\n    const elements = instance.elements(options);\n    return elements;\n  } catch (error) {\n    console.error(error);\n    return error;\n  }\n};\nconst createElement = (elements, elementType, options) => {\n  try {\n    if (!elements) {\n      throw new Error(ERRORS.ELEMENTS_NOT_DEFINED);\n    }\n    if (!elementType) {\n      throw new Error(ERRORS.ELEMENT_TYPE_NOT_DEFINED);\n    }\n    const element = elements.create(elementType, options);\n    return element;\n  } catch (error) {\n    console.error(error);\n    return error;\n  }\n};\nvar _export_sfc = (sfc, props) => {\n  const target = sfc.__vccOpts || sfc;\n  for (const [key, val] of props) {\n    target[key] = val;\n  }\n  return target;\n};\nconst _sfc_main$1 = defineComponent({\n  name: \"StripeElement\",\n  props: {\n    elements: {\n      type: Object,\n      required: true\n    },\n    type: {\n      type: String,\n      default: () => \"card\"\n    },\n    options: {\n      type: Object,\n      default: () => ({})\n    }\n  },\n  setup(props, { emit }) {\n    const domElement = ref(document.createElement(\"div\"));\n    const stripeElement = ref();\n    const mountPoint = ref();\n    const { elements, type, options } = toRefs(props);\n    onMounted(() => {\n      const mountElement = () => {\n        stripeElement.value = createElement(elements.value, type.value, options.value);\n        stripeElement.value.mount(domElement.value);\n        mountPoint.value.appendChild(domElement.value);\n      };\n      const wrapperFn = (t, e) => {\n        emit(t, e);\n      };\n      const handleEvents = () => {\n        const eventTypes = [\n          \"change\",\n          \"ready\",\n          \"focus\",\n          \"blur\",\n          \"click\",\n          \"escape\"\n        ];\n        eventTypes.forEach((t) => {\n          stripeElement.value.on(t, wrapperFn.bind(null, t));\n        });\n      };\n      try {\n        mountElement();\n        handleEvents();\n      } catch (error) {\n        console.error(error);\n      }\n    });\n    onBeforeUnmount(() => {\n      var _a, _b;\n      (_a = stripeElement.value) == null ? void 0 : _a.unmount();\n      (_b = stripeElement.value) == null ? void 0 : _b.destroy();\n    });\n    watch(options, () => {\n      var _a;\n      (_a = stripeElement.value) == null ? void 0 : _a.update(props.options);\n    });\n    return {\n      stripeElement,\n      domElement,\n      mountPoint\n    };\n  }\n});\nconst _hoisted_1$1 = { ref: \"mountPoint\" };\nfunction _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {\n  return openBlock(), createElementBlock(\"div\", _hoisted_1$1, null, 512);\n}\nvar StripeElement = /* @__PURE__ */ _export_sfc(_sfc_main$1, [[\"render\", _sfc_render$1]]);\nconst _sfc_main = defineComponent({\n  name: \"StripeElements\",\n  props: {\n    stripeKey: {\n      type: String,\n      required: true\n    },\n    instanceOptions: {\n      type: Object,\n      default: () => ({})\n    },\n    elementsOptions: {\n      type: Object,\n      default: () => ({})\n    }\n  },\n  setup(props) {\n    const { stripeKey, instanceOptions, elementsOptions } = toRefs(props);\n    const instance = ref();\n    const elements = ref();\n    const elementsUsable = computed(() => {\n      return elements.value ? Object.keys(elements.value).length > 0 : false;\n    });\n    onMounted(() => {\n      instance.value = initStripe(stripeKey.value, instanceOptions.value);\n      elements.value = createElements(instance.value, elementsOptions.value);\n    });\n    watch(elementsOptions, () => {\n      var _a;\n      (_a = elements.value) == null ? void 0 : _a.update(elementsOptions.value);\n    });\n    return {\n      elements,\n      instance,\n      elementsUsable\n    };\n  }\n});\nconst _hoisted_1 = { key: 0 };\nfunction _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {\n  return _ctx.elementsUsable ? (openBlock(), createElementBlock(\"div\", _hoisted_1, [\n    renderSlot(_ctx.$slots, \"default\", {\n      instance: _ctx.instance,\n      elements: _ctx.elements\n    })\n  ])) : createCommentVNode(\"\", true);\n}\nvar StripeElements = /* @__PURE__ */ _export_sfc(_sfc_main, [[\"render\", _sfc_render]]);\nexport { StripeElement, StripeElements, createElement, createElements, initStripe };\n","<template>\n  <FormModal :header=\"header\" :name=\"name\">\n    <FormModalBody\n      :is-button-loading=\"isProcessing\"\n      :footer-button-text=\"buttonText\"\n      @submit=\"addCard\"\n      test_id=\"new-credit-card-modal\"\n    >\n      <StripeElements\n        ref=\"stripeElementsRef\"\n        :stripe-key=\"stripeKey\"\n        v-slot=\"{ elements }\"\n      >\n        <StripeElement ref=\"stripeCardRef\" type=\"card\" :elements=\"elements\" />\n      </StripeElements>\n      <FormErrors v-if=\"errors.length\" class=\"tw-mt-2\" :errors=\"errors\" />\n    </FormModalBody>\n  </FormModal>\n</template>\n\n<script setup>\nimport { StripeElements, StripeElement } from 'vue-stripe-js'\nimport FormModal from './FormModal/FormModal.vue'\nimport FormModalBody from './FormModal/FormModalBody.vue'\nimport FormErrors from '../forms/FormErrors.vue'\nimport { computed, ref } from 'vue'\nimport { router } from '@inertiajs/vue3'\nimport { useModals } from '@/shared/composables/useModals.js'\n\nconst emit = defineEmits(['success'])\n\nconst props = defineProps({\n  name: {\n    type: String,\n    required: true,\n  },\n  stripeKey: {\n    type: String,\n    required: true,\n  },\n  isTeamCard: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst { closeModal } = useModals()\n\nconst errors = ref([])\nconst isProcessing = ref(false)\nconst stripeElementsRef = ref(null)\nconst stripeCardRef = ref(null)\n\nconst header = computed(() => {\n  return props.isTeamCard ? 'Change team card' : 'Add new card'\n})\nconst buttonText = computed(() => {\n  return props.isTeamCard ? 'Change' : 'Add'\n})\n\nconst addCard = async () => {\n  isProcessing.value = true\n\n  try {\n    const stripeResult =\n      await stripeElementsRef.value.instance.createPaymentMethod({\n        type: 'card',\n        card: stripeCardRef.value.stripeElement,\n      })\n    if (stripeResult.error) throw new Error(stripeResult.error.message)\n\n    errors.value = []\n\n    const requestUrl = props.isTeamCard ? '/team/credit_cards' : '/credit_cards'\n\n    router.post(\n      requestUrl,\n      {\n        stripe_payment_method_id: stripeResult.paymentMethod.id,\n      },\n      {\n        preserveScroll: true,\n        onStart: () => {\n          isProcessing.value = true\n        },\n        onError: (errors) => {\n          if (Array.isArray(errors) || typeof errors === 'string') {\n            errors.value = errors\n          } else {\n            errors.value = 'Something went wrong while adding your card'\n          }\n        },\n        onSuccess: () => {\n          closeModal(props.name)\n          emit('success')\n        },\n        onFinish: () => {\n          isProcessing.value = false\n        },\n      },\n    )\n  } catch (error) {\n    errors.value = [\n      error.message || 'Something went wrong while adding your card',\n    ]\n    isProcessing.value = false\n  }\n}\n</script>\n"],"names":["ERRORS","initStripe","key","options","error","createElements","instance","createElement","elements","elementType","_export_sfc","sfc","props","target","val","_sfc_main$1","defineComponent","emit","domElement","ref","stripeElement","mountPoint","type","toRefs","onMounted","mountElement","wrapperFn","t","e","handleEvents","onBeforeUnmount","_a","_b","watch","_hoisted_1$1","_sfc_render$1","_ctx","_cache","$props","$setup","$data","$options","openBlock","createElementBlock","StripeElement","_sfc_main","stripeKey","instanceOptions","elementsOptions","elementsUsable","computed","_hoisted_1","_sfc_render","renderSlot","createCommentVNode","StripeElements","__emit","__props","closeModal","useModals","errors","isProcessing","stripeElementsRef","stripeCardRef","header","buttonText","addCard","stripeResult","requestUrl","router"],"mappings":"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","x_google_ignoreList":[0]}