@vue-stripe/vue-stripe 5.0.0 → 5.1.1

package/dist/es/index.js

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