@vue-stripe/vue-stripe 4.5.0 → 5.1.1

package/dist/es/index.js

@@ -0,0 +1,943 @@
+import { loadStripe as B } from "@stripe/stripe-js";
+import { loadStripe as He } from "@stripe/stripe-js";
+import { defineComponent as V, ref as v, onMounted as $, provide as F, createElementBlock as f, unref as m, openBlock as h, renderSlot as S, createElementVNode as g, toDisplayString as x, inject as _, watch as E, onUnmounted as P, createCommentVNode as U, normalizeClass as M, h as T, onBeforeUnmount as X, readonly as b, useSlots as G, computed as H, Fragment as N, createTextVNode as q } from "vue-demi";
+const R = Symbol("stripe"), w = Symbol("stripe-elements");
+class y extends Error {
+  constructor(n) {
+    super(n), this.name = "VueStripeProviderError";
+  }
+}
+class k extends Error {
+  constructor(n) {
+    super(n), this.name = "VueStripeElementsError";
+  }
+}
+class J extends Error {
+  constructor(n) {
+    super(n), this.name = "VueStripeLoadError";
+  }
+}
+function Te(a, n) {
+  switch (a) {
+    case "provider":
+      return new y(n);
+    case "elements":
+      return new k(n);
+    case "load":
+      return new J(n);
+    default:
+      return new Error(n);
+  }
+}
+const D = {
+  name: "vue-stripe",
+  version: "5.1.1",
+  url: "https://vuestripe.com",
+  partner_id: "pp_partner_IqtOXpBSuz0IE2"
+}, Q = {
+  key: 0,
+  class: "vue-stripe-error"
+}, Y = { class: "vue-stripe-error-message" }, Z = {
+  key: 1,
+  class: "vue-stripe-loading"
+}, ee = { key: 2 }, te = /* @__PURE__ */ V({
+  __name: "VueStripeProvider",
+  props: {
+    publishableKey: {},
+    stripeKey: {},
+    stripeAccount: {},
+    apiVersion: {},
+    locale: {},
+    options: {}
+  },
+  emits: ["load", "error"],
+  setup(a, { emit: n }) {
+    const u = a, o = n, s = v(null), l = v(!0), e = v(null), t = u.publishableKey || u.stripeKey;
+    if (!t)
+      throw new y("publishableKey or stripeKey is required");
+    const i = {
+      publishableKey: t,
+      stripeAccount: u.stripeAccount || u.options?.stripeAccount,
+      apiVersion: u.apiVersion || u.options?.apiVersion,
+      locale: u.locale || u.options?.locale
+    }, d = async () => {
+      try {
+        l.value = !0, e.value = null;
+        const c = {}, r = u.stripeAccount || u.options?.stripeAccount, p = u.apiVersion || u.options?.apiVersion, C = u.locale || u.options?.locale;
+        if (r && (c.stripeAccount = r), p && (c.apiVersion = p), C && (c.locale = C), s.value = await B(t, c), !s.value)
+          throw new y("Failed to initialize Stripe");
+        s.value.registerAppInfo(D), o("load", s.value);
+      } catch (c) {
+        const r = c instanceof Error ? c.message : "Failed to load Stripe";
+        e.value = r, console.error("[Vue Stripe] Initialization error:", r), o("error", c instanceof Error ? c : new Error(r));
+      } finally {
+        l.value = !1;
+      }
+    };
+    return $(() => {
+      d();
+    }), F("vue-stripe-config", i), F(R, {
+      stripe: s,
+      loading: l,
+      error: e
+    }), (c, r) => m(e) ? (h(), f("div", Q, [
+      S(c.$slots, "error", { error: m(e) }, () => [
+        g("div", Y, x(m(e)), 1)
+      ], !0)
+    ])) : m(l) ? (h(), f("div", Z, [
+      S(c.$slots, "loading", {}, () => [
+        r[0] || (r[0] = g("div", { class: "vue-stripe-loading-message" }, " Loading Stripe... ", -1))
+      ], !0)
+    ])) : (h(), f("div", ee, [
+      S(c.$slots, "default", {}, void 0, !0)
+    ]));
+  }
+}), I = (a, n) => {
+  const u = a.__vccOpts || a;
+  for (const [o, s] of n)
+    u[o] = s;
+  return u;
+}, Ue = /* @__PURE__ */ I(te, [["__scopeId", "data-v-ce126b08"]]), re = {
+  key: 0,
+  class: "vue-stripe-elements-error"
+}, se = { class: "vue-stripe-error-message" }, ne = {
+  key: 1,
+  class: "vue-stripe-elements-loading"
+}, ae = { key: 2 }, oe = /* @__PURE__ */ V({
+  __name: "VueStripeElements",
+  props: {
+    clientSecret: {},
+    mode: {},
+    currency: {},
+    amount: {},
+    setupFutureUsage: {},
+    captureMethod: {},
+    paymentMethodTypes: {},
+    options: {}
+  },
+  setup(a) {
+    const n = a, u = _(R);
+    if (!u)
+      throw new y(
+        "VueStripeElements must be used within VueStripeProvider"
+      );
+    const o = v(null), s = v(!0), l = v(null), e = () => {
+      if (!u.stripe.value) {
+        l.value = "Stripe instance not available", s.value = !1;
+        return;
+      }
+      try {
+        l.value = null, s.value = !0;
+        const t = {
+          ...n.options
+        };
+        n.clientSecret && (t.clientSecret = n.clientSecret), n.mode && (t.mode = n.mode), n.currency && (t.currency = n.currency), n.amount !== void 0 && (t.amount = n.amount), n.setupFutureUsage && (t.setupFutureUsage = n.setupFutureUsage), n.captureMethod && (t.captureMethod = n.captureMethod), n.paymentMethodTypes && (t.paymentMethodTypes = n.paymentMethodTypes), o.value = u.stripe.value.elements(t), s.value = !1;
+      } catch (t) {
+        const i = t instanceof Error ? t.message : "Failed to create elements";
+        l.value = i, s.value = !1, console.error("[Vue Stripe] Elements creation error:", i);
+      }
+    };
+    return E(
+      () => u.stripe.value,
+      (t) => {
+        t && !o.value && e();
+      },
+      { immediate: !0 }
+    ), E(
+      () => n.clientSecret,
+      () => {
+        u.stripe.value && e();
+      }
+    ), E(
+      () => [n.mode, n.currency, n.amount, n.setupFutureUsage],
+      () => {
+        u.stripe.value && e();
+      }
+    ), $(() => {
+      u.stripe.value && !o.value && e();
+    }), F(w, {
+      elements: o,
+      loading: s,
+      error: l
+    }), (t, i) => m(l) ? (h(), f("div", re, [
+      S(t.$slots, "error", { error: m(l) }, () => [
+        g("div", se, x(m(l)), 1)
+      ], !0)
+    ])) : m(s) ? (h(), f("div", ne, [
+      S(t.$slots, "loading", {}, () => [
+        i[0] || (i[0] = g("div", { class: "vue-stripe-loading-message" }, " Initializing Elements... ", -1))
+      ], !0)
+    ])) : (h(), f("div", ae, [
+      S(t.$slots, "default", {}, void 0, !0)
+    ]));
+  }
+}), Pe = /* @__PURE__ */ I(oe, [["__scopeId", "data-v-478abfa3"]]), le = { class: "vue-stripe-payment-element" }, ie = {
+  key: 0,
+  class: "vue-stripe-payment-element-error"
+}, ue = { class: "vue-stripe-error-message" }, ce = {
+  key: 1,
+  class: "vue-stripe-payment-element-loader"
+}, de = /* @__PURE__ */ V({
+  __name: "VueStripePaymentElement",
+  props: {
+    options: {}
+  },
+  emits: ["ready", "change", "focus", "blur", "escape", "loaderstart", "loaderstop"],
+  setup(a, { expose: n, emit: u }) {
+    const o = a, s = u, l = v(), e = v(null), t = v(!0), i = v(null), d = _(w);
+    if (!d)
+      throw new k(
+        "VueStripePaymentElement must be used within VueStripeElements"
+      );
+    const c = () => {
+      if (!d.elements.value) {
+        i.value = "Elements instance not available", t.value = !1;
+        return;
+      }
+      if (!l.value) {
+        i.value = "Mount point not available", t.value = !1;
+        return;
+      }
+      try {
+        i.value = null, t.value = !0, e.value = d.elements.value.create("payment", o.options), e.value.on("ready", () => {
+          t.value = !1, s("ready", e.value);
+        }), e.value.on("change", (p) => {
+          s("change", p);
+        }), e.value.on("focus", () => {
+          s("focus");
+        }), e.value.on("blur", () => {
+          s("blur");
+        }), e.value.on("escape", () => {
+          s("escape");
+        });
+        const r = e.value;
+        r.on("loaderstart", () => {
+          s("loaderstart");
+        }), r.on("loaderstop", () => {
+          s("loaderstop");
+        }), e.value.mount(l.value);
+      } catch (r) {
+        const p = r instanceof Error ? r.message : "Failed to create payment element";
+        i.value = p, t.value = !1, console.error("[Vue Stripe] Payment element creation error:", p);
+      }
+    };
+    return E(
+      () => o.options,
+      (r) => {
+        e.value && r && e.value.update(r);
+      },
+      { deep: !0 }
+    ), E(
+      () => d.elements.value,
+      (r) => {
+        r && l.value && !e.value && c();
+      },
+      { immediate: !0 }
+    ), $(() => {
+      d.elements.value && l.value && !e.value && c();
+    }), P(() => {
+      e.value && e.value.destroy();
+    }), n({
+      element: e,
+      loading: t,
+      error: i
+    }), (r, p) => (h(), f("div", le, [
+      m(i) ? (h(), f("div", ie, [
+        S(r.$slots, "error", { error: m(i) }, () => [
+          g("div", ue, x(m(i)), 1)
+        ], !0)
+      ])) : U("", !0),
+      g("div", {
+        ref_key: "elementRef",
+        ref: l,
+        class: M(["vue-stripe-payment-element-mount", { "vue-stripe-payment-element-loading": m(t) }])
+      }, null, 2),
+      m(t) ? (h(), f("div", ce, [
+        S(r.$slots, "loading", {}, () => [
+          p[0] || (p[0] = g("div", { class: "vue-stripe-loading-message" }, " Loading payment form... ", -1))
+        ], !0)
+      ])) : U("", !0)
+    ]));
+  }
+}), Re = /* @__PURE__ */ I(de, [["__scopeId", "data-v-2477e9df"]]), pe = { class: "vue-stripe-express-checkout-element" }, ve = {
+  key: 0,
+  class: "vue-stripe-express-checkout-element-error"
+}, me = { class: "vue-stripe-error-message" }, fe = {
+  key: 1,
+  class: "vue-stripe-express-checkout-element-loader"
+}, he = /* @__PURE__ */ V({
+  __name: "VueStripeExpressCheckoutElement",
+  props: {
+    options: {}
+  },
+  emits: ["ready", "click", "confirm", "cancel", "shippingaddresschange", "shippingratechange"],
+  setup(a, { expose: n, emit: u }) {
+    const o = a, s = u, l = v(), e = v(null), t = v(!0), i = v(null), d = _(w);
+    if (!d)
+      throw new k(
+        "VueStripeExpressCheckoutElement must be used within VueStripeElements"
+      );
+    const c = () => {
+      if (!d.elements.value) {
+        i.value = "Elements instance not available", t.value = !1;
+        return;
+      }
+      if (!l.value) {
+        i.value = "Mount point not available", t.value = !1;
+        return;
+      }
+      try {
+        i.value = null, t.value = !0, e.value = d.elements.value.create("expressCheckout", o.options), e.value.on("ready", (r) => {
+          t.value = !1, s("ready", r);
+        }), e.value.on("click", (r) => {
+          s("click", r);
+        }), e.value.on("confirm", (r) => {
+          s("confirm", r);
+        }), e.value.on("cancel", () => {
+          s("cancel");
+        }), e.value.on("shippingaddresschange", (r) => {
+          s("shippingaddresschange", r);
+        }), e.value.on("shippingratechange", (r) => {
+          s("shippingratechange", r);
+        }), e.value.mount(l.value);
+      } catch (r) {
+        const p = r instanceof Error ? r.message : "Failed to create express checkout element";
+        i.value = p, t.value = !1, console.error("[Vue Stripe] Express checkout element creation error:", p);
+      }
+    };
+    return E(
+      () => o.options,
+      (r) => {
+        e.value && r && e.value.update(r);
+      },
+      { deep: !0 }
+    ), E(
+      () => d.elements.value,
+      (r) => {
+        r && l.value && !e.value && c();
+      },
+      { immediate: !0 }
+    ), $(() => {
+      d.elements.value && l.value && !e.value && c();
+    }), P(() => {
+      e.value && e.value.destroy();
+    }), n({
+      element: e,
+      loading: t,
+      error: i
+    }), (r, p) => (h(), f("div", pe, [
+      m(i) ? (h(), f("div", ve, [
+        S(r.$slots, "error", { error: m(i) }, () => [
+          g("div", me, x(m(i)), 1)
+        ], !0)
+      ])) : U("", !0),
+      g("div", {
+        ref_key: "elementRef",
+        ref: l,
+        class: M(["vue-stripe-express-checkout-element-mount", { "vue-stripe-express-checkout-element-loading": m(t) }])
+      }, null, 2),
+      m(t) ? (h(), f("div", fe, [
+        S(r.$slots, "loading", {}, () => [
+          p[0] || (p[0] = g("div", { class: "vue-stripe-loading-message" }, " Loading express checkout... ", -1))
+        ], !0)
+      ])) : U("", !0)
+    ]));
+  }
+}), Me = /* @__PURE__ */ I(he, [["__scopeId", "data-v-20294cda"]]), ye = { class: "vue-stripe-card-element" }, ge = {
+  key: 0,
+  class: "vue-stripe-card-element-error"
+}, Ee = { class: "vue-stripe-error-message" }, Se = {
+  key: 1,
+  class: "vue-stripe-card-element-loader"
+}, _e = /* @__PURE__ */ V({
+  __name: "VueStripeCardElement",
+  props: {
+    options: {}
+  },
+  emits: ["ready", "change", "focus", "blur", "escape"],
+  setup(a, { expose: n, emit: u }) {
+    const o = a, s = u, l = v(), e = v(null), t = v(!0), i = v(null), d = _(w);
+    if (!d)
+      throw new k(
+        "VueStripeCardElement must be used within VueStripeElements"
+      );
+    const c = () => {
+      if (!d.elements.value) {
+        i.value = "Elements instance not available", t.value = !1;
+        return;
+      }
+      if (!l.value) {
+        i.value = "Mount point not available", t.value = !1;
+        return;
+      }
+      try {
+        i.value = null, t.value = !0, e.value = d.elements.value.create("card", o.options), e.value.on("ready", () => {
+          t.value = !1, s("ready", e.value);
+        }), e.value.on("change", (r) => {
+          r.error ? i.value = r.error.message : i.value = null, s("change", r);
+        }), e.value.on("focus", () => {
+          s("focus");
+        }), e.value.on("blur", () => {
+          s("blur");
+        }), e.value.on("escape", () => {
+          s("escape");
+        }), e.value.mount(l.value);
+      } catch (r) {
+        const p = r instanceof Error ? r.message : "Failed to create card element";
+        i.value = p, t.value = !1, console.error("[Vue Stripe] Card element creation error:", p);
+      }
+    };
+    return E(
+      () => o.options,
+      (r) => {
+        e.value && r && e.value.update(r);
+      },
+      { deep: !0 }
+    ), E(
+      () => d.elements.value,
+      (r) => {
+        r && l.value && !e.value && c();
+      },
+      { immediate: !0 }
+    ), $(() => {
+      d.elements.value && l.value && !e.value && c();
+    }), P(() => {
+      e.value && e.value.destroy();
+    }), n({
+      element: e,
+      loading: t,
+      error: i,
+      focus: () => e.value?.focus(),
+      blur: () => e.value?.blur(),
+      clear: () => e.value?.clear()
+    }), (r, p) => (h(), f("div", ye, [
+      m(i) ? (h(), f("div", ge, [
+        S(r.$slots, "error", { error: m(i) }, () => [
+          g("div", Ee, x(m(i)), 1)
+        ], !0)
+      ])) : U("", !0),
+      g("div", {
+        ref_key: "elementRef",
+        ref: l,
+        class: M(["vue-stripe-card-element-mount", { "vue-stripe-card-element-loading": m(t) }])
+      }, null, 2),
+      m(t) ? (h(), f("div", Se, [
+        S(r.$slots, "loading", {}, () => [
+          p[0] || (p[0] = g("div", { class: "vue-stripe-loading-message" }, " Loading card form... ", -1))
+        ], !0)
+      ])) : U("", !0)
+    ]));
+  }
+}), Ae = /* @__PURE__ */ I(_e, [["__scopeId", "data-v-a41a7ee5"]]);
+function L({ elementType: a, componentName: n }) {
+  return V({
+    name: n,
+    props: {
+      options: {
+        type: Object,
+        default: () => ({})
+      }
+    },
+    emits: ["ready", "change", "focus", "blur", "escape"],
+    setup(u, { emit: o, expose: s }) {
+      const l = v(), e = v(null), t = v(!0), i = v(null), d = _(w);
+      if (!d)
+        throw new k(
+          `${n} must be used within VueStripeElements`
+        );
+      const c = () => {
+        if (!d.elements.value) {
+          i.value = "Elements instance not available", t.value = !1;
+          return;
+        }
+        if (!l.value) {
+          i.value = "Mount point not available", t.value = !1;
+          return;
+        }
+        try {
+          i.value = null, t.value = !0;
+          const r = d.elements.value.create(a, u.options);
+          e.value = r, r.on("ready", () => {
+            t.value = !1, o("ready", e.value);
+          }), r.on("change", (p) => {
+            const C = p;
+            C.error ? i.value = C.error.message : i.value = null, o("change", C);
+          }), r.on("focus", () => {
+            o("focus");
+          }), r.on("blur", () => {
+            o("blur");
+          }), r.on("escape", () => {
+            o("escape");
+          }), r.mount(l.value);
+        } catch (r) {
+          const p = r instanceof Error ? r.message : `Failed to create ${a} element`;
+          i.value = p, t.value = !1, console.error(`[Vue Stripe] ${n} creation error:`, p);
+        }
+      };
+      return E(
+        () => u.options,
+        (r) => {
+          e.value?.update && r && e.value.update(r);
+        },
+        { deep: !0 }
+      ), E(
+        () => d.elements.value,
+        (r) => {
+          r && l.value && !e.value && c();
+        },
+        { immediate: !0 }
+      ), $(() => {
+        d.elements.value && l.value && !e.value && c();
+      }), P(() => {
+        e.value && e.value.destroy();
+      }), s({
+        element: e,
+        loading: t,
+        error: i,
+        focus: () => {
+          e.value?.focus?.();
+        },
+        blur: () => {
+          e.value?.blur?.();
+        },
+        clear: () => {
+          e.value?.clear?.();
+        }
+      }), () => {
+        const r = `vue-stripe-${a}-element`;
+        return T("div", { class: r }, [
+          i.value && T("div", { class: `${r}-error` }, [
+            T("div", { class: "vue-stripe-error-message" }, i.value)
+          ]),
+          T("div", {
+            ref: l,
+            class: {
+              [`${r}-mount`]: !0,
+              [`${r}-loading`]: t.value
+            }
+          }),
+          t.value && T("div", { class: `${r}-loader` }, [
+            T("div", { class: "vue-stripe-loading-message" }, `Loading ${a}...`)
+          ])
+        ]);
+      };
+    }
+  });
+}
+const Fe = L({
+  elementType: "cardNumber",
+  componentName: "VueStripeCardNumberElement"
+}), Le = L({
+  elementType: "cardExpiry",
+  componentName: "VueStripeCardExpiryElement"
+}), ze = L({
+  elementType: "cardCvc",
+  componentName: "VueStripeCardCvcElement"
+}), be = /* @__PURE__ */ V({
+  __name: "VueStripeLinkAuthenticationElement",
+  props: {
+    options: {}
+  },
+  emits: ["ready", "change"],
+  setup(a, { expose: n, emit: u }) {
+    const o = a, s = u, l = _(w);
+    if (!l)
+      throw new k(
+        "VueStripeLinkAuthenticationElement must be used within VueStripeElements"
+      );
+    const e = v(), t = v(null), i = () => {
+      if (!(!l.elements?.value || !e.value))
+        try {
+          t.value = l.elements?.value.create("linkAuthentication", o.options), t.value.mount(e.value), t.value.on("ready", () => {
+            t.value && s("ready", t.value);
+          }), t.value.on("change", (c) => {
+            s("change", c);
+          });
+        } catch (c) {
+          console.error("[Vue Stripe] Link authentication element creation error:", c);
+        }
+    }, d = () => {
+      t.value && (t.value.unmount(), t.value.destroy(), t.value = null);
+    };
+    return E(
+      () => l.elements?.value,
+      (c) => {
+        c && e.value && !t.value && i();
+      },
+      { immediate: !0 }
+    ), E(
+      () => o.options,
+      (c) => {
+        t.value && c && typeof t.value.update == "function" && t.value.update(c);
+      },
+      { deep: !0 }
+    ), $(() => {
+      l.elements?.value && e.value && i();
+    }), P(() => {
+      d();
+    }), n({
+      element: t,
+      focus: () => t.value?.focus(),
+      blur: () => t.value?.blur(),
+      clear: () => t.value?.clear()
+    }), (c, r) => (h(), f("div", {
+      ref_key: "elementRef",
+      ref: e,
+      class: "vue-stripe-link-auth-element"
+    }, null, 512));
+  }
+}), je = /* @__PURE__ */ I(be, [["__scopeId", "data-v-b79076eb"]]), we = V({
+  name: "VueStripeAddressElement",
+  props: {
+    options: {
+      type: Object,
+      default: () => ({
+        mode: "shipping"
+      })
+    }
+  },
+  emits: ["ready", "change", "blur", "focus", "escape", "loadError"],
+  setup(a, { emit: n, expose: u }) {
+    const o = v(), s = v(null), l = _(w);
+    if (!l)
+      throw new k("VueStripeAddressElement must be used within VueStripeElements");
+    const e = () => {
+      n("ready");
+    }, t = (A) => {
+      n("change", A);
+    }, i = () => {
+      n("blur");
+    }, d = () => {
+      n("focus");
+    }, c = () => {
+      n("escape");
+    }, r = (A) => {
+      n("loadError", A);
+    }, p = () => {
+      !l.elements.value || !o.value || (s.value = l.elements.value.create("address", a.options), s.value.mount(o.value), s.value.on("ready", e), s.value.on("change", t), s.value.on("blur", i), s.value.on("focus", d), s.value.on("escape", c), s.value.on("loaderror", r));
+    }, C = () => {
+      s.value && s.value.update(a.options);
+    }, W = () => {
+      s.value && (s.value.off("ready", e), s.value.off("change", t), s.value.off("blur", i), s.value.off("focus", d), s.value.off("escape", c), s.value.off("loaderror", r), s.value.destroy(), s.value = null);
+    }, z = async () => {
+      if (!s.value)
+        throw new k("Address element not mounted");
+      return s.value.getValue();
+    }, j = () => {
+      s.value?.focus();
+    }, K = () => {
+      s.value?.clear();
+    };
+    return $(() => {
+      p();
+    }), X(() => {
+      W();
+    }), E(() => a.options, () => {
+      C();
+    }, { deep: !0 }), u({
+      element: s,
+      getValue: z,
+      focus: j,
+      clear: K
+    }), {
+      addressRef: o,
+      element: s,
+      getValue: z,
+      focus: j,
+      clear: K
+    };
+  }
+}), ke = { ref: "addressRef" };
+function Ve(a, n, u, o, s, l) {
+  return h(), f("div", ke, null, 512);
+}
+const Ke = /* @__PURE__ */ I(we, [["render", Ve]]);
+function O() {
+  const a = _(R);
+  if (!a)
+    throw new y(
+      "useStripe must be called within a VueStripeProvider component"
+    );
+  return {
+    stripe: b(a.stripe),
+    loading: b(a.loading),
+    error: b(a.error),
+    initialize: async () => {
+    }
+  };
+}
+const Ce = ["disabled"], $e = /* @__PURE__ */ V({
+  __name: "VueStripeCheckout",
+  props: {
+    sessionId: {},
+    sessionUrl: {},
+    priceId: {},
+    mode: { default: "payment" },
+    successUrl: {},
+    cancelUrl: {},
+    customerEmail: {},
+    clientReferenceId: {},
+    submitType: {},
+    buttonText: { default: "Checkout" },
+    loadingText: { default: "Redirecting..." },
+    disabled: { type: Boolean, default: !1 },
+    buttonClass: { default: "vue-stripe-checkout-button" }
+  },
+  emits: ["checkout", "success", "error", "before-redirect"],
+  setup(a, { expose: n, emit: u }) {
+    const o = a, s = u, { stripe: l } = O(), e = v(!1), t = G(), i = H(() => !!t.default), d = () => l.value !== null && typeof l.value.redirectToCheckout == "function", c = async () => {
+      e.value = !0, s("checkout");
+      try {
+        if (o.sessionUrl) {
+          s("before-redirect", { url: o.sessionUrl }), window.location.replace(o.sessionUrl), s("success");
+          return;
+        }
+        if (o.sessionId) {
+          if (!d())
+            throw new y(
+              "redirectToCheckout is not available. This method was removed in @stripe/stripe-js v8.x. Use sessionUrl prop with the checkout session URL instead."
+            );
+          if (!l.value)
+            throw new y("Stripe not initialized");
+          const r = await l.value.redirectToCheckout({
+            sessionId: o.sessionId
+          });
+          if (r.error)
+            throw new y(r.error.message || "Redirect to checkout failed");
+          s("success");
+          return;
+        }
+        if (o.priceId) {
+          if (!d())
+            throw new y(
+              "Price-based checkout using redirectToCheckout is not available in @stripe/stripe-js v8.x. Create a Checkout Session on your server and use sessionUrl prop instead."
+            );
+          if (!l.value)
+            throw new y("Stripe not initialized");
+          console.warn(
+            "[Vue Stripe] Price-based checkout is deprecated in v8.x. Create a Checkout Session on your server and use sessionUrl prop instead."
+          );
+          const r = await l.value.redirectToCheckout({
+            lineItems: [
+              {
+                price: o.priceId,
+                quantity: 1
+              }
+            ],
+            mode: o.mode,
+            successUrl: o.successUrl || window.location.origin + "/success",
+            cancelUrl: o.cancelUrl || window.location.origin + "/cancel",
+            customerEmail: o.customerEmail,
+            clientReferenceId: o.clientReferenceId,
+            submitType: o.submitType
+          });
+          if (r.error)
+            throw new y(r.error.message || "Redirect to checkout failed");
+          s("success");
+          return;
+        }
+        throw new y(
+          "Either sessionUrl, sessionId, or priceId is required. For @stripe/stripe-js v8.x, use sessionUrl."
+        );
+      } catch (r) {
+        const p = r instanceof Error ? r : new Error("Checkout failed");
+        s("error", p), console.error("[Vue Stripe] Checkout error:", p);
+      } finally {
+        e.value = !1;
+      }
+    };
+    return n({ checkout: c, loading: e }), (r, p) => m(i) ? (h(), f("span", {
+      key: 0,
+      onClick: c,
+      class: "vue-stripe-checkout-wrapper"
+    }, [
+      S(r.$slots, "default", {
+        checkout: c,
+        loading: m(e),
+        disabled: a.disabled
+      }, void 0, !0)
+    ])) : (h(), f("button", {
+      key: 1,
+      disabled: m(e) || a.disabled,
+      class: M(a.buttonClass),
+      onClick: c
+    }, [
+      m(e) ? (h(), f(N, { key: 1 }, [
+        p[0] || (p[0] = g("span", { class: "vue-stripe-loading-spinner" }, null, -1)),
+        q(" " + x(a.loadingText), 1)
+      ], 64)) : (h(), f(N, { key: 0 }, [
+        q(x(a.buttonText), 1)
+      ], 64))
+    ], 10, Ce));
+  }
+}), Ne = /* @__PURE__ */ I($e, [["__scopeId", "data-v-639387e4"]]);
+function qe() {
+  const a = _(R), n = _(w);
+  if (!a)
+    throw new y(
+      "usePaymentIntent must be called within a VueStripeProvider component"
+    );
+  const u = v(!1), o = v(null);
+  return {
+    confirmPayment: async (l) => {
+      if (!a.stripe.value)
+        return o.value = "Stripe not initialized", { error: { message: "Stripe not initialized" } };
+      u.value = !0, o.value = null;
+      try {
+        const e = l.elements ?? n?.elements.value;
+        if (e && !l.skipSubmit) {
+          const { error: i } = await e.submit();
+          if (i)
+            return o.value = i.message || "Form validation failed", { error: i };
+        }
+        const t = await a.stripe.value.confirmPayment({
+          elements: e ?? void 0,
+          clientSecret: l.clientSecret,
+          confirmParams: l.confirmParams ?? {},
+          redirect: l.redirect ?? "if_required"
+        });
+        return t.error && (o.value = t.error.message || "Payment confirmation failed"), t;
+      } catch (e) {
+        const t = e instanceof Error ? e.message : "Payment confirmation failed";
+        return o.value = t, { error: { message: t } };
+      } finally {
+        u.value = !1;
+      }
+    },
+    loading: b(u),
+    error: b(o)
+  };
+}
+function Be() {
+  const a = _(R), n = _(w);
+  if (!a)
+    throw new y(
+      "useSetupIntent must be called within a VueStripeProvider component"
+    );
+  const u = v(!1), o = v(null);
+  return {
+    confirmSetup: async (l) => {
+      if (!a.stripe.value)
+        return o.value = "Stripe not initialized", { error: { message: "Stripe not initialized" } };
+      u.value = !0, o.value = null;
+      try {
+        const e = l.elements ?? n?.elements.value;
+        if (e && !l.skipSubmit) {
+          const { error: i } = await e.submit();
+          if (i)
+            return o.value = i.message || "Form validation failed", { error: i };
+        }
+        const t = await a.stripe.value.confirmSetup({
+          elements: e ?? void 0,
+          clientSecret: l.clientSecret,
+          confirmParams: l.confirmParams ?? {},
+          redirect: l.redirect ?? "if_required"
+        });
+        return t.error && (o.value = t.error.message || "Setup confirmation failed"), t;
+      } catch (e) {
+        const t = e instanceof Error ? e.message : "Setup confirmation failed";
+        return o.value = t, { error: { message: t } };
+      } finally {
+        u.value = !1;
+      }
+    },
+    loading: b(u),
+    error: b(o)
+  };
+}
+function De() {
+  const { stripe: a } = O(), n = v(!1), u = v(null), o = () => a.value !== null && typeof a.value.redirectToCheckout == "function";
+  return {
+    redirectToCheckout: async (e) => {
+      n.value = !0, u.value = null;
+      try {
+        if ("url" in e && e.url) {
+          window.location.replace(e.url);
+          return;
+        }
+        const t = e;
+        if (!o())
+          throw new y(
+            "redirectToCheckout is not available. This method was removed in @stripe/stripe-js v8.x. Create a Checkout Session on your server and use redirectToUrl() or pass { url } instead."
+          );
+        if (!a.value)
+          throw new y("Stripe not initialized");
+        console.warn(
+          "[Vue Stripe] Legacy redirectToCheckout is deprecated in @stripe/stripe-js v8.x. Use redirectToUrl() with a session URL from your server instead."
+        );
+        const i = await a.value.redirectToCheckout(t);
+        if (i.error) {
+          const d = i.error.message || "Checkout redirect failed";
+          throw u.value = d, new y(d);
+        }
+      } catch (t) {
+        const i = t instanceof Error ? t.message : "Checkout redirect failed";
+        throw u.value = i, t;
+      } finally {
+        n.value = !1;
+      }
+    },
+    redirectToUrl: (e) => {
+      n.value = !0, u.value = null, window.location.replace(e);
+    },
+    loading: b(n),
+    error: b(u)
+  };
+}
+function Oe() {
+  const a = _(w);
+  if (!a)
+    throw new k(
+      "Elements context not found. Make sure to wrap your component with VueStripeElements."
+    );
+  const n = async () => a.elements.value ? a.elements.value.submit() : { error: { message: "Elements not initialized" } };
+  return {
+    elements: b(a.elements),
+    submit: n,
+    loading: b(a.loading),
+    error: b(a.error)
+  };
+}
+function We(a) {
+  return {
+    install(n) {
+      n.provide("vue-stripe-config", a);
+      let u = null;
+      n.provide("vue-stripe-global", {
+        get stripe() {
+          if (!u) {
+            const o = {};
+            a.stripeAccount && (o.stripeAccount = a.stripeAccount), a.apiVersion && (o.apiVersion = a.apiVersion), a.locale && (o.locale = a.locale), u = B(a.publishableKey, o).then((s) => (s && s.registerAppInfo(D), s));
+          }
+          return u;
+        }
+      });
+    }
+  };
+}
+export {
+  Ke as VueStripeAddressElement,
+  ze as VueStripeCardCvcElement,
+  Ae as VueStripeCardElement,
+  Le as VueStripeCardExpiryElement,
+  Fe as VueStripeCardNumberElement,
+  Ne as VueStripeCheckout,
+  Pe as VueStripeElements,
+  k as VueStripeElementsError,
+  Me as VueStripeExpressCheckoutElement,
+  je as VueStripeLinkAuthenticationElement,
+  J as VueStripeLoadError,
+  Re as VueStripePaymentElement,
+  Ue as VueStripeProvider,
+  y as VueStripeProviderError,
+  We as createVueStripe,
+  Te as createVueStripeError,
+  He as loadStripe,
+  De as useCheckout,
+  Oe as useElements,
+  qe as usePaymentIntent,
+  Be as useSetupIntent,
+  O as useStripe,
+  De as useStripeCheckout,
+  Oe as useStripeElements
+};