@vue-stripe/vue-stripe 5.0.0 → 5.2.0

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 q } from "@stripe/stripe-js";
+import { loadStripe as bt } from "@stripe/stripe-js";
+import { defineComponent as V, ref as p, onMounted as I, provide as B, createElementBlock as f, unref as m, openBlock as h, renderSlot as b, createElementVNode as g, toDisplayString as P, inject as _, watch as y, onUnmounted as x, createCommentVNode as k, normalizeClass as T, h as M, onBeforeUnmount as G, readonly as $, useSlots as H, computed as J, Fragment as j, createTextVNode as K } from "vue-demi";
+const A = Symbol("stripe"), S = Symbol("stripe-elements");
+class E extends Error {
+  constructor(l) {
+    super(l), this.name = "VueStripeProviderError";
   }
 }
-class k extends Error {
-  constructor(a) {
-    super(a), this.name = "VueStripeElementsError";
+class w extends Error {
+  constructor(l) {
+    super(l), this.name = "VueStripeElementsError";
   }
 }
-class X extends Error {
-  constructor(a) {
-    super(a), this.name = "VueStripeLoadError";
+class Q extends Error {
+  constructor(l) {
+    super(l), this.name = "VueStripeLoadError";
   }
 }
-function Ie(l, a) {
-  switch (l) {
+function Qe(u, l) {
+  switch (u) {
     case "provider":
-      return new b(a);
+      return new E(l);
     case "elements":
-      return new k(a);
+      return new w(l);
     case "load":
-      return new X(a);
+      return new Q(l);
     default:
-      return new Error(a);
+      return new Error(l);
   }
 }
-const j = {
+const D = {
   name: "vue-stripe",
-  version: "5.0.0",
+  version: "5.2.0",
   url: "https://vuestripe.com",
   partner_id: "pp_partner_IqtOXpBSuz0IE2"
-}, G = {
+}, Y = {
   key: 0,
   class: "vue-stripe-error"
-}, H = { class: "vue-stripe-error-message" }, J = {
+}, Z = { class: "vue-stripe-error-message" }, O = {
   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(u, { emit: l }) {
+    const i = u, o = l, n = p(null), a = p(!0), e = p(null), r = i.publishableKey || i.stripeKey;
+    if (!r)
+      throw new E("publishableKey or stripeKey is required");
+    const s = {
+      publishableKey: r,
+      stripeAccount: i.stripeAccount || i.options?.stripeAccount,
+      apiVersion: i.apiVersion || i.options?.apiVersion,
+      locale: i.locale || i.options?.locale
+    }, v = 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);
-      } 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));
+        a.value = !0, e.value = null;
+        const d = {}, t = i.stripeAccount || i.options?.stripeAccount, c = i.apiVersion || i.options?.apiVersion, R = i.locale || i.options?.locale;
+        if (t && (d.stripeAccount = t), c && (d.apiVersion = c), R && (d.locale = R), n.value = await q(r, d), !n.value)
+          throw new E("Failed to initialize Stripe");
+        n.value.registerAppInfo(D), o("load", n.value);
+      } catch (d) {
+        const t = d instanceof Error ? d.message : "Failed to load Stripe";
+        e.value = t, console.error("[Vue Stripe] Initialization error:", t), o("error", d instanceof Error ? d : new Error(t));
       } finally {
-        s.value = !1;
+        a.value = !1;
       }
     };
     return I(() => {
-      p();
-    }), z("vue-stripe-config", u), z(R, {
+      v();
+    }), B("vue-stripe-config", s), B(A, {
       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)
+      loading: a,
+      error: e
+    }), (d, t) => m(e) ? (h(), f("div", Y, [
+      b(d.$slots, "error", { error: m(e) }, () => [
+        g("div", Z, P(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(a) ? (h(), f("div", O, [
+      b(d.$slots, "loading", {}, () => [
+        t[0] || (t[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, [
+      b(d.$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 = {
+}), C = (u, l) => {
+  const i = u.__vccOpts || u;
+  for (const [o, n] of l)
+    i[o] = n;
+  return i;
+}, Ye = /* @__PURE__ */ C(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 }, le = /* @__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(u) {
+    const l = u, i = _(A);
+    if (!i)
+      throw new E(
         "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 = p(null), n = p(!0), a = p(null), e = () => {
+      if (!i.stripe.value) {
+        a.value = "Stripe instance not available", n.value = !1;
         return;
       }
       try {
-        s.value = null, n.value = !0;
-        const e = {
-          ...a.options
+        a.value = null, n.value = !0;
+        const r = {
+          ...l.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);
+        l.clientSecret && (r.clientSecret = l.clientSecret), l.mode && (r.mode = l.mode), l.currency && (r.currency = l.currency), l.amount !== void 0 && (r.amount = l.amount), l.setupFutureUsage && (r.setupFutureUsage = l.setupFutureUsage), l.captureMethod && (r.captureMethod = l.captureMethod), l.paymentMethodTypes && (r.paymentMethodTypes = l.paymentMethodTypes), o.value = i.stripe.value.elements(r), n.value = !1;
+      } catch (r) {
+        const s = r instanceof Error ? r.message : "Failed to create elements";
+        a.value = s, n.value = !1, console.error("[Vue Stripe] Elements creation error:", s);
       }
     };
-    return E(
-      () => o.stripe.value,
-      (e) => {
-        e && !i.value && t();
+    return y(
+      () => i.stripe.value,
+      (r) => {
+        r && !o.value && e();
       },
       { immediate: !0 }
-    ), E(
-      () => a.clientSecret,
+    ), y(
+      () => l.clientSecret,
       () => {
-        o.stripe.value && t();
+        i.stripe.value && e();
       }
-    ), E(
-      () => [a.mode, a.currency, a.amount, a.setupFutureUsage],
+    ), y(
+      () => [l.mode, l.currency, l.amount, l.setupFutureUsage],
       () => {
-        o.stripe.value && t();
+        i.stripe.value && e();
       }
     ), I(() => {
-      o.stripe.value && !i.value && t();
-    }), z(V, {
-      elements: i,
+      i.stripe.value && !o.value && e();
+    }), B(S, {
+      elements: o,
       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)
+      error: a
+    }), (r, s) => m(a) ? (h(), f("div", re, [
+      b(r.$slots, "error", { error: m(a) }, () => [
+        g("div", se, P(m(a)), 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(n) ? (h(), f("div", ne, [
+      b(r.$slots, "loading", {}, () => [
+        s[0] || (s[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, [
+      b(r.$slots, "default", {}, void 0, !0)
     ]));
   }
-}), xe = /* @__PURE__ */ C(ne, [["__scopeId", "data-v-478abfa3"]]), se = { class: "vue-stripe-payment-element" }, ae = {
+}), Ze = /* @__PURE__ */ C(le, [["__scopeId", "data-v-478abfa3"]]), oe = { class: "vue-stripe-payment-element" }, ue = {
   key: 0,
   class: "vue-stripe-payment-element-error"
-}, oe = { class: "vue-stripe-error-message" }, le = {
+}, ie = { class: "vue-stripe-error-message" }, ce = {
   key: 1,
   class: "vue-stripe-payment-element-loader"
-}, ue = /* @__PURE__ */ w({
+}, ve = /* @__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)
-      throw new k(
+  setup(u, { expose: l, emit: i }) {
+    const o = u, n = i, a = p(), e = p(null), r = p(!0), s = p(null), v = _(S);
+    if (!v)
+      throw new w(
         "VueStripePaymentElement must be used within VueStripeElements"
       );
-    const c = () => {
-      if (!p.elements.value) {
-        u.value = "Elements instance not available", e.value = !1;
+    const d = () => {
+      if (!v.elements.value) {
+        s.value = "Elements instance not available", r.value = !1;
         return;
       }
-      if (!s.value) {
-        u.value = "Mount point not available", e.value = !1;
+      if (!a.value) {
+        s.value = "Mount point not available", r.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", () => {
+        s.value = null, r.value = !0, e.value = v.elements.value.create("payment", o.options), e.value.on("ready", () => {
+          r.value = !1, n("ready", e.value);
+        }), e.value.on("change", (c) => {
+          n("change", c);
+        }), e.value.on("focus", () => {
           n("focus");
-        }), t.value.on("blur", () => {
+        }), e.value.on("blur", () => {
           n("blur");
-        }), t.value.on("escape", () => {
+        }), e.value.on("escape", () => {
           n("escape");
         });
-        const r = t.value;
-        r.on("loaderstart", () => {
+        const t = e.value;
+        t.on("loaderstart", () => {
           n("loaderstart");
-        }), r.on("loaderstop", () => {
+        }), t.on("loaderstop", () => {
           n("loaderstop");
-        }), t.value.mount(s.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);
+        }), e.value.mount(a.value);
+      } catch (t) {
+        const c = t instanceof Error ? t.message : "Failed to create payment element";
+        s.value = c, r.value = !1, console.error("[Vue Stripe] Payment element creation error:", c);
       }
     };
-    return E(
-      () => i.options,
-      (r) => {
-        t.value && r && t.value.update(r);
+    return y(
+      () => o.options,
+      (t) => {
+        e.value && t && e.value.update(t);
       },
       { deep: !0 }
-    ), E(
-      () => p.elements.value,
-      (r) => {
-        r && s.value && !t.value && c();
+    ), y(
+      () => v.elements.value,
+      (t) => {
+        t && a.value && !e.value && d();
       },
       { 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)
+      v.elements.value && a.value && !e.value && d();
+    }), x(() => {
+      e.value && e.value.destroy();
+    }), l({
+      element: e,
+      loading: r,
+      error: s
+    }), (t, c) => (h(), f("div", oe, [
+      m(s) ? (h(), f("div", ue, [
+        b(t.$slots, "error", { error: m(s) }, () => [
+          g("div", ie, P(m(s)), 1)
         ], !0)
-      ])) : M("", !0),
-      y("div", {
+      ])) : k("", !0),
+      g("div", {
         ref_key: "elementRef",
-        ref: s,
-        class: T(["vue-stripe-payment-element-mount", { "vue-stripe-payment-element-loading": v(e) }])
+        ref: a,
+        class: T(["vue-stripe-payment-element-mount", { "vue-stripe-payment-element-loading": m(r) }])
       }, 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(r) ? (h(), f("div", ce, [
+        b(t.$slots, "loading", {}, () => [
+          c[0] || (c[0] = g("div", { class: "vue-stripe-loading-message" }, " Loading payment form... ", -1))
         ], !0)
-      ])) : M("", !0)
+      ])) : k("", !0)
     ]));
   }
-}), Pe = /* @__PURE__ */ C(ue, [["__scopeId", "data-v-2477e9df"]]), ie = { class: "vue-stripe-express-checkout-element" }, ce = {
+}), Oe = /* @__PURE__ */ C(ve, [["__scopeId", "data-v-2477e9df"]]), de = { class: "vue-stripe-express-checkout-element" }, pe = {
   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)
-      throw new k(
+  setup(u, { expose: l, emit: i }) {
+    const o = u, n = i, a = p(), e = p(null), r = p(!0), s = p(null), v = _(S);
+    if (!v)
+      throw new w(
         "VueStripeExpressCheckoutElement must be used within VueStripeElements"
       );
-    const c = () => {
-      if (!p.elements.value) {
-        u.value = "Elements instance not available", e.value = !1;
+    const d = () => {
+      if (!v.elements.value) {
+        s.value = "Elements instance not available", r.value = !1;
         return;
       }
-      if (!s.value) {
-        u.value = "Mount point not available", e.value = !1;
+      if (!a.value) {
+        s.value = "Mount point not available", r.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", () => {
+        s.value = null, r.value = !0, e.value = v.elements.value.create("expressCheckout", o.options), e.value.on("ready", (t) => {
+          r.value = !1, n("ready", t);
+        }), e.value.on("click", (t) => {
+          n("click", t);
+        }), e.value.on("confirm", (t) => {
+          n("confirm", t);
+        }), e.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);
-      } 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);
+        }), e.value.on("shippingaddresschange", (t) => {
+          n("shippingaddresschange", t);
+        }), e.value.on("shippingratechange", (t) => {
+          n("shippingratechange", t);
+        }), e.value.mount(a.value);
+      } catch (t) {
+        const c = t instanceof Error ? t.message : "Failed to create express checkout element";
+        s.value = c, r.value = !1, console.error("[Vue Stripe] Express checkout element creation error:", c);
       }
     };
-    return E(
-      () => i.options,
-      (r) => {
-        t.value && r && t.value.update(r);
+    return y(
+      () => o.options,
+      (t) => {
+        e.value && t && e.value.update(t);
       },
       { deep: !0 }
-    ), E(
-      () => p.elements.value,
-      (r) => {
-        r && s.value && !t.value && c();
+    ), y(
+      () => v.elements.value,
+      (t) => {
+        t && a.value && !e.value && d();
       },
       { 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)
+      v.elements.value && a.value && !e.value && d();
+    }), x(() => {
+      e.value && e.value.destroy();
+    }), l({
+      element: e,
+      loading: r,
+      error: s
+    }), (t, c) => (h(), f("div", de, [
+      m(s) ? (h(), f("div", pe, [
+        b(t.$slots, "error", { error: m(s) }, () => [
+          g("div", me, P(m(s)), 1)
         ], !0)
-      ])) : M("", !0),
-      y("div", {
+      ])) : k("", !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: a,
+        class: T(["vue-stripe-express-checkout-element-mount", { "vue-stripe-express-checkout-element-loading": m(r) }])
       }, 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(r) ? (h(), f("div", fe, [
+        b(t.$slots, "loading", {}, () => [
+          c[0] || (c[0] = g("div", { class: "vue-stripe-loading-message" }, " Loading express checkout... ", -1))
         ], !0)
-      ])) : M("", !0)
+      ])) : k("", !0)
     ]));
   }
-}), Me = /* @__PURE__ */ C(me, [["__scopeId", "data-v-20294cda"]]), ve = { class: "vue-stripe-card-element" }, fe = {
+}), et = /* @__PURE__ */ C(he, [["__scopeId", "data-v-20294cda"]]), ge = { class: "vue-stripe-card-element" }, ye = {
   key: 0,
   class: "vue-stripe-card-element-error"
-}, he = { class: "vue-stripe-error-message" }, ge = {
+}, be = { class: "vue-stripe-error-message" }, Ee = {
   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)
-      throw new k(
+  setup(u, { expose: l, emit: i }) {
+    const o = u, n = i, a = p(), e = p(null), r = p(!0), s = p(null), v = _(S);
+    if (!v)
+      throw new w(
         "VueStripeCardElement must be used within VueStripeElements"
       );
-    const c = () => {
-      if (!p.elements.value) {
-        u.value = "Elements instance not available", e.value = !1;
+    const d = () => {
+      if (!v.elements.value) {
+        s.value = "Elements instance not available", r.value = !1;
         return;
       }
-      if (!s.value) {
-        u.value = "Mount point not available", e.value = !1;
+      if (!a.value) {
+        s.value = "Mount point not available", r.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", () => {
+        s.value = null, r.value = !0, e.value = v.elements.value.create("card", o.options), e.value.on("ready", () => {
+          r.value = !1, n("ready", e.value);
+        }), e.value.on("change", (t) => {
+          t.error ? s.value = t.error.message : s.value = null, n("change", t);
+        }), e.value.on("focus", () => {
           n("focus");
-        }), t.value.on("blur", () => {
+        }), e.value.on("blur", () => {
           n("blur");
-        }), t.value.on("escape", () => {
+        }), e.value.on("escape", () => {
           n("escape");
-        }), t.value.mount(s.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);
+        }), e.value.mount(a.value);
+      } catch (t) {
+        const c = t instanceof Error ? t.message : "Failed to create card element";
+        s.value = c, r.value = !1, console.error("[Vue Stripe] Card element creation error:", c);
       }
     };
-    return E(
-      () => i.options,
-      (r) => {
-        t.value && r && t.value.update(r);
+    return y(
+      () => o.options,
+      (t) => {
+        e.value && t && e.value.update(t);
       },
       { deep: !0 }
-    ), E(
-      () => p.elements.value,
-      (r) => {
-        r && s.value && !t.value && c();
+    ), y(
+      () => v.elements.value,
+      (t) => {
+        t && a.value && !e.value && d();
       },
       { 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)
+      v.elements.value && a.value && !e.value && d();
+    }), x(() => {
+      e.value && e.value.destroy();
+    }), l({
+      element: e,
+      loading: r,
+      error: s,
+      focus: () => e.value?.focus(),
+      blur: () => e.value?.blur(),
+      clear: () => e.value?.clear()
+    }), (t, c) => (h(), f("div", ge, [
+      m(s) ? (h(), f("div", ye, [
+        b(t.$slots, "error", { error: m(s) }, () => [
+          g("div", be, P(m(s)), 1)
         ], !0)
-      ])) : M("", !0),
-      y("div", {
+      ])) : k("", !0),
+      g("div", {
         ref_key: "elementRef",
-        ref: s,
-        class: T(["vue-stripe-card-element-mount", { "vue-stripe-card-element-loading": v(e) }])
+        ref: a,
+        class: T(["vue-stripe-card-element-mount", { "vue-stripe-card-element-loading": m(r) }])
       }, 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(r) ? (h(), f("div", Ee, [
+        b(t.$slots, "loading", {}, () => [
+          c[0] || (c[0] = g("div", { class: "vue-stripe-loading-message" }, " Loading card form... ", -1))
         ], !0)
-      ])) : M("", !0)
+      ])) : k("", !0)
     ]));
   }
-}), Ae = /* @__PURE__ */ C(ye, [["__scopeId", "data-v-a41a7ee5"]]);
-function L({ elementType: l, componentName: a }) {
-  return w({
-    name: a,
+}), tt = /* @__PURE__ */ C(_e, [["__scopeId", "data-v-a41a7ee5"]]);
+function L({ elementType: u, componentName: l }) {
+  return V({
+    name: l,
     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)
-        throw new k(
-          `${a} must be used within VueStripeElements`
+    setup(i, { emit: o, expose: n }) {
+      const a = p(), e = p(null), r = p(!0), s = p(null), v = _(S);
+      if (!v)
+        throw new w(
+          `${l} must be used within VueStripeElements`
         );
-      const c = () => {
-        if (!p.elements.value) {
-          u.value = "Elements instance not available", e.value = !1;
+      const d = () => {
+        if (!v.elements.value) {
+          s.value = "Elements instance not available", r.value = !1;
           return;
         }
-        if (!s.value) {
-          u.value = "Mount point not available", e.value = !1;
+        if (!a.value) {
+          s.value = "Mount point not available", r.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", $);
-          }), r.on("focus", () => {
-            i("focus");
-          }), r.on("blur", () => {
-            i("blur");
-          }), r.on("escape", () => {
-            i("escape");
-          }), r.mount(s.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);
+          s.value = null, r.value = !0;
+          const t = v.elements.value.create(u, i.options);
+          e.value = t, t.on("ready", () => {
+            r.value = !1, o("ready", e.value);
+          }), t.on("change", (c) => {
+            const R = c;
+            R.error ? s.value = R.error.message : s.value = null, o("change", R);
+          }), t.on("focus", () => {
+            o("focus");
+          }), t.on("blur", () => {
+            o("blur");
+          }), t.on("escape", () => {
+            o("escape");
+          }), t.mount(a.value);
+        } catch (t) {
+          const c = t instanceof Error ? t.message : `Failed to create ${u} element`;
+          s.value = c, r.value = !1, console.error(`[Vue Stripe] ${l} creation error:`, c);
         }
       };
-      return E(
-        () => o.options,
-        (r) => {
-          t.value?.update && r && t.value.update(r);
+      return y(
+        () => i.options,
+        (t) => {
+          e.value?.update && t && e.value.update(t);
         },
         { deep: !0 }
-      ), E(
-        () => p.elements.value,
-        (r) => {
-          r && s.value && !t.value && c();
+      ), y(
+        () => v.elements.value,
+        (t) => {
+          t && a.value && !e.value && d();
         },
         { immediate: !0 }
       ), I(() => {
-        p.elements.value && s.value && !t.value && c();
-      }), A(() => {
-        t.value && t.value.destroy();
+        v.elements.value && a.value && !e.value && d();
+      }), x(() => {
+        e.value && e.value.destroy();
       }), n({
-        element: t,
-        loading: e,
-        error: u,
+        element: e,
+        loading: r,
+        error: s,
         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 t = `vue-stripe-${u}-element`;
+        return M("div", { class: t }, [
+          s.value && M("div", { class: `${t}-error` }, [
+            M("div", { class: "vue-stripe-error-message" }, s.value)
           ]),
-          P("div", {
-            ref: s,
+          M("div", {
+            ref: a,
             class: {
-              [`${r}-mount`]: !0,
-              [`${r}-loading`]: e.value
+              [`${t}-mount`]: !0,
+              [`${t}-loading`]: r.value
             }
           }),
-          e.value && P("div", { class: `${r}-loader` }, [
-            P("div", { class: "vue-stripe-loading-message" }, `Loading ${l}...`)
+          r.value && M("div", { class: `${t}-loader` }, [
+            M("div", { class: "vue-stripe-loading-message" }, `Loading ${u}...`)
           ])
         ]);
       };
     }
   });
 }
-const Re = L({
+const rt = L({
   elementType: "cardNumber",
   componentName: "VueStripeCardNumberElement"
-}), Te = L({
+}), st = L({
   elementType: "cardExpiry",
   componentName: "VueStripeCardExpiryElement"
-}), Fe = L({
+}), nt = L({
   elementType: "cardCvc",
   componentName: "VueStripeCardCvcElement"
-}), Ee = /* @__PURE__ */ w({
+}), ke = /* @__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)
-      throw new k(
+  setup(u, { expose: l, emit: i }) {
+    const o = u, n = i, a = _(S);
+    if (!a)
+      throw new w(
         "VueStripeLinkAuthenticationElement must be used within VueStripeElements"
       );
-    const t = d(), e = d(null), u = () => {
-      if (!(!s.elements?.value || !t.value))
+    const e = p(), r = p(null), s = () => {
+      if (!(!a.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);
+          r.value = a.elements?.value.create("linkAuthentication", o.options), r.value.mount(e.value), r.value.on("ready", () => {
+            r.value && n("ready", r.value);
+          }), r.value.on("change", (d) => {
+            n("change", d);
           });
-        } catch (c) {
-          console.error("[Vue Stripe] Link authentication element creation error:", c);
+        } catch (d) {
+          console.error("[Vue Stripe] Link authentication element creation error:", d);
         }
-    }, p = () => {
-      e.value && (e.value.unmount(), e.value.destroy(), e.value = null);
+    }, v = () => {
+      r.value && (r.value.unmount(), r.value.destroy(), r.value = null);
     };
-    return E(
-      () => s.elements?.value,
-      (c) => {
-        c && t.value && !e.value && u();
+    return y(
+      () => a.elements?.value,
+      (d) => {
+        d && e.value && !r.value && s();
       },
       { immediate: !0 }
-    ), E(
-      () => i.options,
-      (c) => {
-        e.value && c && typeof e.value.update == "function" && e.value.update(c);
+    ), y(
+      () => o.options,
+      (d) => {
+        r.value && d && typeof r.value.update == "function" && r.value.update(d);
       },
       { 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()
-    }), (c, r) => (h(), f("div", {
+      a.elements?.value && e.value && s();
+    }), x(() => {
+      v();
+    }), l({
+      element: r,
+      focus: () => r.value?.focus(),
+      blur: () => r.value?.blur(),
+      clear: () => r.value?.clear()
+    }), (d, t) => (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({
+}), at = /* @__PURE__ */ C(ke, [["__scopeId", "data-v-b79076eb"]]), Se = V({
   name: "VueStripeAddressElement",
   props: {
     options: {
@@ -597,79 +597,425 @@ 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)
-      throw new k("VueStripeAddressElement must be used within VueStripeElements");
-    const t = () => {
-      a("ready");
-    }, e = (F) => {
-      a("change", F);
-    }, u = () => {
-      a("blur");
-    }, p = () => {
-      a("focus");
+  setup(u, { emit: l, expose: i }) {
+    const o = p(), n = p(null), a = _(S);
+    if (!a)
+      throw new w("VueStripeAddressElement must be used within VueStripeElements");
+    const e = () => {
+      l("ready");
+    }, r = (U) => {
+      l("change", U);
+    }, s = () => {
+      l("blur");
+    }, v = () => {
+      l("focus");
+    }, d = () => {
+      l("escape");
+    }, t = (U) => {
+      l("loadError", U);
     }, 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 () => {
+      !a.elements.value || !o.value || (n.value = a.elements.value.create("address", u.options), n.value.mount(o.value), n.value.on("ready", e), n.value.on("change", r), n.value.on("blur", s), n.value.on("focus", v), n.value.on("escape", d), n.value.on("loaderror", t));
+    }, R = () => {
+      n.value && n.value.update(u.options);
+    }, X = () => {
+      n.value && (n.value.off("ready", e), n.value.off("change", r), n.value.off("blur", s), n.value.off("focus", v), n.value.off("escape", d), n.value.off("loaderror", t), n.value.destroy(), n.value = null);
+    }, F = async () => {
       if (!n.value)
-        throw new k("Address element not mounted");
+        throw new w("Address element not mounted");
       return n.value.getValue();
-    }, K = () => {
+    }, z = () => {
       n.value?.focus();
     }, N = () => {
       n.value?.clear();
     };
     return I(() => {
-      m();
-    }), W(() => {
-      O();
-    }), E(() => l.options, () => {
-      $();
-    }, { deep: !0 }), o({
+      c();
+    }), G(() => {
+      X();
+    }), y(() => u.options, () => {
+      R();
+    }, { deep: !0 }), i({
       element: n,
-      getValue: U,
-      focus: K,
+      getValue: F,
+      focus: z,
       clear: N
     }), {
-      addressRef: i,
+      addressRef: o,
       element: n,
-      getValue: U,
-      focus: K,
+      getValue: F,
+      focus: z,
       clear: N
     };
   }
-}), _e = { ref: "addressRef" };
-function be(l, a, o, i, n, s) {
-  return h(), f("div", _e, null, 512);
+}), we = { ref: "addressRef" };
+function Ve(u, l, i, o, n, a) {
+  return h(), f("div", we, null, 512);
 }
-const Le = /* @__PURE__ */ C(Se, [["render", be]]);
-function D() {
-  const l = S(R);
-  if (!l)
-    throw new b(
+const lt = /* @__PURE__ */ C(Se, [["render", Ve]]), $e = { class: "vue-stripe-iban-element" }, Ie = {
+  key: 0,
+  class: "vue-stripe-iban-element-error"
+}, Ce = { class: "vue-stripe-error-message" }, Pe = {
+  key: 1,
+  class: "vue-stripe-iban-element-loader"
+}, xe = /* @__PURE__ */ V({
+  __name: "VueStripeIbanElement",
+  props: {
+    options: {}
+  },
+  emits: ["ready", "change", "focus", "blur", "escape"],
+  setup(u, { expose: l, emit: i }) {
+    const o = u, n = i, a = p(), e = p(null), r = p(!0), s = p(null), v = _(S);
+    if (!v)
+      throw new w(
+        "VueStripeIbanElement must be used within VueStripeElements"
+      );
+    const d = () => {
+      if (!v.elements.value) {
+        s.value = "Elements instance not available", r.value = !1;
+        return;
+      }
+      if (!a.value) {
+        s.value = "Mount point not available", r.value = !1;
+        return;
+      }
+      try {
+        s.value = null, r.value = !0;
+        const t = {
+          supportedCountries: ["SEPA"],
+          ...o.options
+        };
+        e.value = v.elements.value.create("iban", t), e.value.on("ready", () => {
+          r.value = !1, n("ready", e.value);
+        }), e.value.on("change", (c) => {
+          c.error ? s.value = c.error.message : s.value = null, n("change", c);
+        }), e.value.on("focus", () => {
+          n("focus");
+        }), e.value.on("blur", () => {
+          n("blur");
+        }), e.value.on("escape", () => {
+          n("escape");
+        }), e.value.mount(a.value);
+      } catch (t) {
+        const c = t instanceof Error ? t.message : "Failed to create IBAN element";
+        s.value = c, r.value = !1, console.error("[Vue Stripe] IBAN element creation error:", c);
+      }
+    };
+    return y(
+      () => o.options,
+      (t) => {
+        e.value && t && e.value.update(t);
+      },
+      { deep: !0 }
+    ), y(
+      () => v.elements.value,
+      (t) => {
+        t && a.value && !e.value && d();
+      },
+      { immediate: !0 }
+    ), I(() => {
+      v.elements.value && a.value && !e.value && d();
+    }), x(() => {
+      e.value && e.value.destroy();
+    }), l({
+      element: e,
+      loading: r,
+      error: s,
+      focus: () => e.value?.focus(),
+      blur: () => e.value?.blur(),
+      clear: () => e.value?.clear()
+    }), (t, c) => (h(), f("div", $e, [
+      m(s) ? (h(), f("div", Ie, [
+        b(t.$slots, "error", { error: m(s) }, () => [
+          g("div", Ce, P(m(s)), 1)
+        ], !0)
+      ])) : k("", !0),
+      g("div", {
+        ref_key: "elementRef",
+        ref: a,
+        class: T(["vue-stripe-iban-element-mount", { "vue-stripe-iban-element-loading": m(r) }])
+      }, null, 2),
+      m(r) ? (h(), f("div", Pe, [
+        b(t.$slots, "loading", {}, () => [
+          c[0] || (c[0] = g("div", { class: "vue-stripe-loading-message" }, " Loading IBAN form... ", -1))
+        ], !0)
+      ])) : k("", !0)
+    ]));
+  }
+}), ot = /* @__PURE__ */ C(xe, [["__scopeId", "data-v-f8ffb457"]]), Re = { class: "vue-stripe-ideal-bank-element" }, Te = {
+  key: 0,
+  class: "vue-stripe-ideal-bank-element-error"
+}, Me = { class: "vue-stripe-error-message" }, Ae = {
+  key: 1,
+  class: "vue-stripe-ideal-bank-element-loader"
+}, Ue = /* @__PURE__ */ V({
+  __name: "VueStripeIdealBankElement",
+  props: {
+    options: {}
+  },
+  emits: ["ready", "change", "focus", "blur", "escape"],
+  setup(u, { expose: l, emit: i }) {
+    const o = u, n = i, a = p(), e = p(null), r = p(!0), s = p(null), v = _(S);
+    if (!v)
+      throw new w(
+        "VueStripeIdealBankElement must be used within VueStripeElements"
+      );
+    const d = () => {
+      if (!v.elements.value) {
+        s.value = "Elements instance not available", r.value = !1;
+        return;
+      }
+      if (!a.value) {
+        s.value = "Mount point not available", r.value = !1;
+        return;
+      }
+      try {
+        s.value = null, r.value = !0, e.value = v.elements.value.create("idealBank", o.options), e.value.on("ready", () => {
+          r.value = !1, n("ready", e.value);
+        }), e.value.on("change", (t) => {
+          t.error ? s.value = t.error.message : s.value = null, n("change", t);
+        }), e.value.on("focus", () => {
+          n("focus");
+        }), e.value.on("blur", () => {
+          n("blur");
+        }), e.value.on("escape", () => {
+          n("escape");
+        }), e.value.mount(a.value);
+      } catch (t) {
+        const c = t instanceof Error ? t.message : "Failed to create iDEAL bank element";
+        s.value = c, r.value = !1, console.error("[Vue Stripe] iDEAL bank element creation error:", c);
+      }
+    };
+    return y(
+      () => o.options,
+      (t) => {
+        e.value && t && e.value.update(t);
+      },
+      { deep: !0 }
+    ), y(
+      () => v.elements.value,
+      (t) => {
+        t && a.value && !e.value && d();
+      },
+      { immediate: !0 }
+    ), I(() => {
+      v.elements.value && a.value && !e.value && d();
+    }), x(() => {
+      e.value && e.value.destroy();
+    }), l({
+      element: e,
+      loading: r,
+      error: s,
+      focus: () => e.value?.focus(),
+      blur: () => e.value?.blur(),
+      clear: () => e.value?.clear()
+    }), (t, c) => (h(), f("div", Re, [
+      m(s) ? (h(), f("div", Te, [
+        b(t.$slots, "error", { error: m(s) }, () => [
+          g("div", Me, P(m(s)), 1)
+        ], !0)
+      ])) : k("", !0),
+      g("div", {
+        ref_key: "elementRef",
+        ref: a,
+        class: T(["vue-stripe-ideal-bank-element-mount", { "vue-stripe-ideal-bank-element-loading": m(r) }])
+      }, null, 2),
+      m(r) ? (h(), f("div", Ae, [
+        b(t.$slots, "loading", {}, () => [
+          c[0] || (c[0] = g("div", { class: "vue-stripe-loading-message" }, " Loading iDEAL bank selector... ", -1))
+        ], !0)
+      ])) : k("", !0)
+    ]));
+  }
+}), ut = /* @__PURE__ */ C(Ue, [["__scopeId", "data-v-3d7f7e08"]]), Be = { class: "vue-stripe-p24-bank-element" }, Le = {
+  key: 0,
+  class: "vue-stripe-p24-bank-element-error"
+}, Fe = { class: "vue-stripe-error-message" }, ze = {
+  key: 1,
+  class: "vue-stripe-p24-bank-element-loader"
+}, Ne = /* @__PURE__ */ V({
+  __name: "VueStripeP24BankElement",
+  props: {
+    options: {}
+  },
+  emits: ["ready", "change", "focus", "blur", "escape"],
+  setup(u, { expose: l, emit: i }) {
+    const o = u, n = i, a = p(), e = p(null), r = p(!0), s = p(null), v = _(S);
+    if (!v)
+      throw new w(
+        "VueStripeP24BankElement must be used within VueStripeElements"
+      );
+    const d = () => {
+      if (!v.elements.value) {
+        s.value = "Elements instance not available", r.value = !1;
+        return;
+      }
+      if (!a.value) {
+        s.value = "Mount point not available", r.value = !1;
+        return;
+      }
+      try {
+        s.value = null, r.value = !0, e.value = v.elements.value.create("p24Bank", o.options || {}), e.value.on("ready", () => {
+          r.value = !1, n("ready", e.value);
+        }), e.value.on("change", (t) => {
+          t.error ? s.value = t.error.message : s.value = null, n("change", t);
+        }), e.value.on("focus", () => {
+          n("focus");
+        }), e.value.on("blur", () => {
+          n("blur");
+        }), e.value.on("escape", () => {
+          n("escape");
+        }), e.value.mount(a.value);
+      } catch (t) {
+        const c = t instanceof Error ? t.message : "Failed to create P24 bank element";
+        s.value = c, r.value = !1, console.error("[Vue Stripe] P24 bank element creation error:", c);
+      }
+    };
+    return y(
+      () => o.options,
+      (t) => {
+        e.value && t && e.value.update(t);
+      },
+      { deep: !0 }
+    ), y(
+      () => v.elements.value,
+      (t) => {
+        t && a.value && !e.value && d();
+      },
+      { immediate: !0 }
+    ), I(() => {
+      v.elements.value && a.value && !e.value && d();
+    }), x(() => {
+      e.value && e.value.destroy();
+    }), l({
+      element: e,
+      loading: r,
+      error: s,
+      focus: () => e.value?.focus(),
+      blur: () => e.value?.blur(),
+      clear: () => e.value?.clear()
+    }), (t, c) => (h(), f("div", Be, [
+      m(s) ? (h(), f("div", Le, [
+        b(t.$slots, "error", { error: m(s) }, () => [
+          g("div", Fe, P(m(s)), 1)
+        ], !0)
+      ])) : k("", !0),
+      g("div", {
+        ref_key: "elementRef",
+        ref: a,
+        class: T(["vue-stripe-p24-bank-element-mount", { "vue-stripe-p24-bank-element-loading": m(r) }])
+      }, null, 2),
+      m(r) ? (h(), f("div", ze, [
+        b(t.$slots, "loading", {}, () => [
+          c[0] || (c[0] = g("div", { class: "vue-stripe-loading-message" }, " Loading Przelewy24 bank selector... ", -1))
+        ], !0)
+      ])) : k("", !0)
+    ]));
+  }
+}), it = /* @__PURE__ */ C(Ne, [["__scopeId", "data-v-29dc009e"]]), je = { class: "vue-stripe-eps-bank-element" }, Ke = {
+  key: 0,
+  class: "vue-stripe-eps-bank-element-error"
+}, qe = { class: "vue-stripe-error-message" }, De = {
+  key: 1,
+  class: "vue-stripe-eps-bank-element-loader"
+}, We = /* @__PURE__ */ V({
+  __name: "VueStripeEpsBankElement",
+  props: {
+    options: {}
+  },
+  emits: ["ready", "change", "focus", "blur", "escape"],
+  setup(u, { expose: l, emit: i }) {
+    const o = u, n = i, a = p(), e = p(null), r = p(!0), s = p(null), v = _(S);
+    if (!v)
+      throw new w(
+        "VueStripeEpsBankElement must be used within VueStripeElements"
+      );
+    const d = () => {
+      if (!v.elements.value) {
+        s.value = "Elements instance not available", r.value = !1;
+        return;
+      }
+      if (!a.value) {
+        s.value = "Mount point not available", r.value = !1;
+        return;
+      }
+      try {
+        s.value = null, r.value = !0, e.value = v.elements.value.create("epsBank", o.options || {}), e.value.on("ready", () => {
+          r.value = !1, n("ready", e.value);
+        }), e.value.on("change", (t) => {
+          t.error ? s.value = t.error.message : s.value = null, n("change", t);
+        }), e.value.on("focus", () => {
+          n("focus");
+        }), e.value.on("blur", () => {
+          n("blur");
+        }), e.value.on("escape", () => {
+          n("escape");
+        }), e.value.mount(a.value);
+      } catch (t) {
+        const c = t instanceof Error ? t.message : "Failed to create EPS bank element";
+        s.value = c, r.value = !1, console.error("[Vue Stripe] EPS bank element creation error:", c);
+      }
+    };
+    return y(
+      () => o.options,
+      (t) => {
+        e.value && t && e.value.update(t);
+      },
+      { deep: !0 }
+    ), y(
+      () => v.elements.value,
+      (t) => {
+        t && a.value && !e.value && d();
+      },
+      { immediate: !0 }
+    ), I(() => {
+      v.elements.value && a.value && !e.value && d();
+    }), x(() => {
+      e.value && e.value.destroy();
+    }), l({
+      element: e,
+      loading: r,
+      error: s,
+      focus: () => e.value?.focus(),
+      blur: () => e.value?.blur(),
+      clear: () => e.value?.clear()
+    }), (t, c) => (h(), f("div", je, [
+      m(s) ? (h(), f("div", Ke, [
+        b(t.$slots, "error", { error: m(s) }, () => [
+          g("div", qe, P(m(s)), 1)
+        ], !0)
+      ])) : k("", !0),
+      g("div", {
+        ref_key: "elementRef",
+        ref: a,
+        class: T(["vue-stripe-eps-bank-element-mount", { "vue-stripe-eps-bank-element-loading": m(r) }])
+      }, null, 2),
+      m(r) ? (h(), f("div", De, [
+        b(t.$slots, "loading", {}, () => [
+          c[0] || (c[0] = g("div", { class: "vue-stripe-loading-message" }, " Loading EPS bank selector... ", -1))
+        ], !0)
+      ])) : k("", !0)
+    ]));
+  }
+}), ct = /* @__PURE__ */ C(We, [["__scopeId", "data-v-27c62f72"]]);
+function W() {
+  const u = _(A);
+  if (!u)
+    throw new E(
       "useStripe must be called within a VueStripeProvider component"
     );
   return {
-    stripe: _(l.stripe),
-    loading: _(l.loading),
-    error: _(l.error),
+    stripe: $(u.stripe),
+    loading: $(u.loading),
+    error: $(u.error),
     initialize: async () => {
     }
   };
 }
-const Ve = ["disabled"], ke = /* @__PURE__ */ w({
+const Xe = ["disabled"], Ge = /* @__PURE__ */ V({
   __name: "VueStripeCheckout",
   props: {
     sessionId: {},
+    sessionUrl: {},
     priceId: {},
     mode: { default: "payment" },
     successUrl: {},
@@ -677,220 +1023,270 @@ 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(u, { expose: l, emit: i }) {
+    const o = u, n = i, { stripe: a } = W(), e = p(!1), r = H(), s = J(() => !!r.default), v = () => a.value !== null && typeof a.value.redirectToCheckout == "function", d = async () => {
+      e.value = !0, n("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) {
+          n("before-redirect", { url: o.sessionUrl }), window.location.replace(o.sessionUrl), n("success");
+          return;
+        }
+        if (o.sessionId) {
+          if (!v())
+            throw new E(
+              "redirectToCheckout is not available. This method was removed in @stripe/stripe-js v8.x. Use sessionUrl prop with the checkout session URL instead."
+            );
+          if (!a.value)
+            throw new E("Stripe not initialized");
+          const t = await a.value.redirectToCheckout({
+            sessionId: o.sessionId
+          });
+          if (t.error)
+            throw new E(t.error.message || "Redirect to checkout failed");
+          n("success");
+          return;
+        }
+        if (o.priceId) {
+          if (!v())
+            throw new E(
+              "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 (!a.value)
+            throw new E("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 t = await a.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 (t.error)
+            throw new E(t.error.message || "Redirect to checkout failed");
+          n("success");
+          return;
+        }
+        throw new E(
+          "Either sessionUrl, sessionId, or priceId is required. For @stripe/stripe-js v8.x, use sessionUrl."
+        );
+      } catch (t) {
+        const c = t instanceof Error ? t : new Error("Checkout failed");
+        n("error", c), console.error("[Vue Stripe] Checkout error:", c);
       } 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 l({ checkout: d, loading: e }), (t, c) => m(s) ? (h(), f("span", {
+      key: 0,
+      onClick: d,
+      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));
+      b(t.$slots, "default", {
+        checkout: d,
+        loading: m(e),
+        disabled: u.disabled
+      }, void 0, !0)
+    ])) : (h(), f("button", {
+      key: 1,
+      disabled: m(e) || u.disabled,
+      class: T(u.buttonClass),
+      onClick: d
+    }, [
+      m(e) ? (h(), f(j, { key: 1 }, [
+        c[0] || (c[0] = g("span", { class: "vue-stripe-loading-spinner" }, null, -1)),
+        K(" " + P(u.loadingText), 1)
+      ], 64)) : (h(), f(j, { key: 0 }, [
+        K(P(u.buttonText), 1)
+      ], 64))
+    ], 10, Xe));
   }
-}), Ue = /* @__PURE__ */ C(ke, [["__scopeId", "data-v-b439ab37"]]);
-function Ke() {
-  const l = S(R), a = S(V);
-  if (!l)
-    throw new b(
+}), vt = /* @__PURE__ */ C(Ge, [["__scopeId", "data-v-639387e4"]]);
+function dt() {
+  const u = _(A), l = _(S);
+  if (!u)
+    throw new E(
       "usePaymentIntent must be called within a VueStripeProvider component"
     );
-  const o = d(!1), i = d(null);
+  const i = p(!1), o = p(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 (a) => {
+      if (!u.stripe.value)
+        return o.value = "Stripe not initialized", { error: { message: "Stripe not initialized" } };
+      i.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 = a.elements ?? l?.elements.value;
+        if (e && !a.skipSubmit) {
+          const { error: s } = await e.submit();
+          if (s)
+            return o.value = s.message || "Form validation failed", { error: s };
         }
-        const e = await l.stripe.value.confirmPayment({
-          elements: t ?? void 0,
-          clientSecret: s.clientSecret,
-          confirmParams: s.confirmParams ?? {},
-          redirect: s.redirect ?? "if_required"
+        const r = await u.stripe.value.confirmPayment({
+          elements: e ?? void 0,
+          clientSecret: a.clientSecret,
+          confirmParams: a.confirmParams ?? {},
+          redirect: a.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 r.error && (o.value = r.error.message || "Payment confirmation failed"), r;
+      } catch (e) {
+        const r = e instanceof Error ? e.message : "Payment confirmation failed";
+        return o.value = r, { error: { message: r } };
       } finally {
-        o.value = !1;
+        i.value = !1;
       }
     },
-    loading: _(o),
-    error: _(i)
+    loading: $(i),
+    error: $(o)
   };
 }
-function Ne() {
-  const l = S(R), a = S(V);
-  if (!l)
-    throw new b(
+function pt() {
+  const u = _(A), l = _(S);
+  if (!u)
+    throw new E(
       "useSetupIntent must be called within a VueStripeProvider component"
     );
-  const o = d(!1), i = d(null);
+  const i = p(!1), o = p(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 (a) => {
+      if (!u.stripe.value)
+        return o.value = "Stripe not initialized", { error: { message: "Stripe not initialized" } };
+      i.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 = a.elements ?? l?.elements.value;
+        if (e && !a.skipSubmit) {
+          const { error: s } = await e.submit();
+          if (s)
+            return o.value = s.message || "Form validation failed", { error: s };
         }
-        const e = await l.stripe.value.confirmSetup({
-          elements: t ?? void 0,
-          clientSecret: s.clientSecret,
-          confirmParams: s.confirmParams ?? {},
-          redirect: s.redirect ?? "if_required"
+        const r = await u.stripe.value.confirmSetup({
+          elements: e ?? void 0,
+          clientSecret: a.clientSecret,
+          confirmParams: a.confirmParams ?? {},
+          redirect: a.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 r.error && (o.value = r.error.message || "Setup confirmation failed"), r;
+      } catch (e) {
+        const r = e instanceof Error ? e.message : "Setup confirmation failed";
+        return o.value = r, { error: { message: r } };
       } finally {
-        o.value = !1;
+        i.value = !1;
       }
     },
-    loading: _(o),
-    error: _(i)
+    loading: $(i),
+    error: $(o)
   };
 }
-function qe() {
-  const { stripe: l } = D(), a = d(!1), o = d(null);
+function mt() {
+  const { stripe: u } = W(), l = p(!1), i = p(null), o = () => u.value !== null && typeof u.value.redirectToCheckout == "function";
   return {
-    redirectToCheckout: async (n) => {
-      if (!l.value)
-        throw new b("Stripe not initialized");
+    redirectToCheckout: async (e) => {
+      l.value = !0, i.value = null;
       try {
-        a.value = !0, o.value = null;
-        const s = await l.value.redirectToCheckout(n);
+        if ("url" in e && e.url) {
+          window.location.replace(e.url);
+          return;
+        }
+        const r = e;
+        if (!o())
+          throw new E(
+            "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 (!u.value)
+          throw new E("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 s = await u.value.redirectToCheckout(r);
         if (s.error) {
-          const t = s.error.message || "Checkout redirect failed";
-          throw o.value = t, new b(t);
+          const v = s.error.message || "Checkout redirect failed";
+          throw i.value = v, new E(v);
         }
-      } catch (s) {
-        const t = s instanceof Error ? s.message : "Checkout redirect failed";
-        throw o.value = t, s;
+      } catch (r) {
+        const s = r instanceof Error ? r.message : "Checkout redirect failed";
+        throw i.value = s, r;
       } finally {
-        a.value = !1;
+        l.value = !1;
       }
     },
-    loading: _(a),
-    error: _(o)
+    redirectToUrl: (e) => {
+      l.value = !0, i.value = null, window.location.replace(e);
+    },
+    loading: $(l),
+    error: $(i)
   };
 }
-function Be() {
-  const l = S(V);
-  if (!l)
-    throw new k(
+function ft() {
+  const u = _(S);
+  if (!u)
+    throw new w(
       "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 l = async () => u.elements.value ? u.elements.value.submit() : { error: { message: "Elements not initialized" } };
   return {
-    elements: _(l.elements),
-    submit: a,
-    loading: _(l.loading),
-    error: _(l.error)
+    elements: $(u.elements),
+    submit: l,
+    loading: $(u.loading),
+    error: $(u.error)
   };
 }
-function je(l) {
+function ht(u) {
   return {
-    install(a) {
-      a.provide("vue-stripe-config", l);
-      let o = null;
-      a.provide("vue-stripe-global", {
+    install(l) {
+      l.provide("vue-stripe-config", u);
+      let i = null;
+      l.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 (!i) {
+            const o = {};
+            u.stripeAccount && (o.stripeAccount = u.stripeAccount), u.apiVersion && (o.apiVersion = u.apiVersion), u.locale && (o.locale = u.locale), i = q(u.publishableKey, o).then((n) => (n && n.registerAppInfo(D), n));
           }
-          return o;
+          return i;
         }
       });
     }
   };
 }
 export {
-  Le as VueStripeAddressElement,
-  Fe as VueStripeCardCvcElement,
-  Ae as VueStripeCardElement,
-  Te as VueStripeCardExpiryElement,
-  Re as VueStripeCardNumberElement,
-  Ue as VueStripeCheckout,
-  xe 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
+  lt as VueStripeAddressElement,
+  nt as VueStripeCardCvcElement,
+  tt as VueStripeCardElement,
+  st as VueStripeCardExpiryElement,
+  rt as VueStripeCardNumberElement,
+  vt as VueStripeCheckout,
+  Ze as VueStripeElements,
+  w as VueStripeElementsError,
+  ct as VueStripeEpsBankElement,
+  et as VueStripeExpressCheckoutElement,
+  ot as VueStripeIbanElement,
+  ut as VueStripeIdealBankElement,
+  at as VueStripeLinkAuthenticationElement,
+  Q as VueStripeLoadError,
+  it as VueStripeP24BankElement,
+  Oe as VueStripePaymentElement,
+  Ye as VueStripeProvider,
+  E as VueStripeProviderError,
+  ht as createVueStripe,
+  Qe as createVueStripeError,
+  bt as loadStripe,
+  mt as useCheckout,
+  ft as useElements,
+  dt as usePaymentIntent,
+  pt as useSetupIntent,
+  W as useStripe,
+  mt as useStripeCheckout,
+  ft as useStripeElements
 };