@alfadocs/ui-kit 1.52.0 → 1.54.0

package/dist/_chunks/{payment-form-DxsjXYHJ.js → payment-form-B08gHZIY.js}

@@ -1,17 +1,17 @@
-import { jsx as n, jsxs as v, Fragment as De } from "react/jsx-runtime";
-import { forwardRef as Te, useMemo as pe, useState as _, useEffect as V, useRef as b, useImperativeHandle as Me, useId as Ve, useCallback as me } from "react";
-import { c as re } from "./index-D2ZczOXr.js";
-import { useTranslation as he } from "react-i18next";
-import { S as Pe } from "./spinner-DxjSZLD-.js";
-import { A as xe } from "./alert-BhCstf2h.js";
-import { loadStripe as Ae } from "@stripe/stripe-js/pure";
-import { Elements as $e, useStripe as je, useElements as Ue, AddressElement as Ee, PaymentElement as qe } from "@stripe/react-stripe-js";
-import { u as Ge } from "./registry-DvAUVLHh.js";
-function Fe() {
+import { jsx as n, jsxs as h, Fragment as Me } from "react/jsx-runtime";
+import { forwardRef as Ve, useMemo as ye, useState as k, useEffect as K, useRef as g, useImperativeHandle as je, useId as Ue, useCallback as fe } from "react";
+import { c as ne } from "./index-D2ZczOXr.js";
+import { useTranslation as Ie } from "react-i18next";
+import { S as Le } from "./spinner-a0FTYX9Q.js";
+import { A as Ne } from "./alert-BhCstf2h.js";
+import { loadStripe as Pe } from "@stripe/stripe-js/pure";
+import { Elements as qe, useStripe as Ge, useElements as He, AddressElement as Fe, PaymentElement as We } from "@stripe/react-stripe-js";
+import { u as Oe } from "./registry-DvAUVLHh.js";
+function ze() {
   return typeof document < "u" && typeof window < "u";
 }
-function be(r) {
-  if (!Fe())
+function he(r) {
+  if (!ze())
     return { theme: "stripe" };
   const s = r ?? document.documentElement, o = getComputedStyle(s), e = (a) => o.getPropertyValue(a).trim();
   return {
@@ -91,20 +91,20 @@ function be(r) {
     }
   };
 }
-function He(r, s) {
-  if (!Fe()) return () => {
+function Xe(r, s) {
+  if (!ze()) return () => {
   };
-  const o = document.documentElement, e = () => r(be(s)), u = new MutationObserver(e);
-  u.observe(o, {
+  const o = document.documentElement, e = () => r(he(s)), m = new MutationObserver(e);
+  m.observe(o, {
     attributes: !0,
     attributeFilter: ["class", "dir", "lang"]
   });
   const a = window.matchMedia("(prefers-color-scheme: dark)"), d = window.matchMedia("(prefers-reduced-motion: reduce)");
   return a.addEventListener("change", e), d.addEventListener("change", e), () => {
-    u.disconnect(), a.removeEventListener("change", e), d.removeEventListener("change", e);
+    m.disconnect(), a.removeEventListener("change", e), d.removeEventListener("change", e);
   };
 }
-const We = {
+const Ze = {
   id: "payment-form",
   capabilities: ["submit"],
   // The kit's only destructive + openWorld action that moves real money,
@@ -178,7 +178,7 @@ const We = {
       description: "Sourced from the id prop."
     }
   }
-}, Oe = /* @__PURE__ */ new Set([
+}, Je = /* @__PURE__ */ new Set([
   "BIF",
   "CLP",
   "DJF",
@@ -197,21 +197,21 @@ const We = {
   "XOF",
   "XPF"
 ]);
-function ve(r, s, o) {
-  const e = s.toUpperCase(), u = Oe.has(e) ? r : r / 100;
+function we(r, s, o) {
+  const e = s.toUpperCase(), m = Je.has(e) ? r : r / 100;
   try {
     return new Intl.NumberFormat(o, {
       style: "currency",
       currency: e
-    }).format(u);
+    }).format(m);
   } catch {
     return new Intl.NumberFormat("en", {
       style: "currency",
       currency: e
-    }).format(u);
+    }).format(m);
   }
 }
-function Xe(r) {
+function Ye(r) {
   if (r === void 0) return null;
   const s = r.trim();
   if (s === "" || typeof window > "u") return null;
@@ -222,10 +222,10 @@ function Xe(r) {
     return null;
   }
 }
-function Ze(r) {
+function Qe(r) {
   return r && r.replace(/\d{4,}/g, "****");
 }
-function Je(r) {
+function er(r) {
   switch (r) {
     case "incorrect_number":
     case "invalid_number":
@@ -257,7 +257,7 @@ function Je(r) {
       return "payment.error.generic";
   }
 }
-const Ye = re(
+const rr = ne(
   [
     "ds:payment-form-alfadocs ds:flex ds:flex-col",
     "ds:gap-[var(--spacing-md)]",
@@ -267,11 +267,11 @@ const Ye = re(
     "ds:text-[var(--foreground)]",
     "ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed"
   ].join(" ")
-), fe = re(
+), ge = ne(
   ["ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]"].join(" ")
-), G = re(
+), H = ne(
   ["type-label", "ds:text-[var(--foreground)]"].join(" ")
-), Ke = re(
+), Be = ne(
   [
     "ds:flex ds:items-baseline ds:justify-between",
     "ds:gap-[var(--spacing-sm)]",
@@ -281,7 +281,7 @@ const Ye = re(
     "ds:rounded-[var(--radius-sm)]",
     "ds:text-[var(--foreground)]"
   ].join(" ")
-), Le = re(
+), Re = ne(
   [
     "ds:inline-flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)]",
     "ds:[min-block-size:var(--min-target-size)]",
@@ -301,25 +301,26 @@ const Ye = re(
     "ds:aria-busy:cursor-wait"
   ].join(" ")
 );
-function Qe(r) {
+function tr(r) {
   const {
     amount: s,
     currency: o,
     locale: e,
-    billingAddress: u,
+    billingAddress: m,
     requireBillingAddress: a,
     defaultBillingDetails: d,
-    onBillingDetails: $,
-    returnUrl: h,
-    clientSecret: p,
-    onCreatePaymentIntent: P,
-    onPreviewValidated: H,
-    onSuccess: W,
-    onPaymentStatusChange: O,
-    onError: X,
-    layout: ye,
+    billingDetails: L,
+    onBillingDetails: w,
+    returnUrl: I,
+    clientSecret: z,
+    onCreatePaymentIntent: B,
+    onPreviewValidated: W,
+    onSuccess: O,
+    onPaymentStatusChange: X,
+    onError: Z,
+    layout: se,
     agentBridge: i
-  } = r, { t: c } = he("ui"), j = je(), C = Ue(), [U] = _(
+  } = r, { t: l } = Ie("ui"), U = Ge(), x = He(), [q] = k(
     () => d ? {
       name: d.name,
       address: {
@@ -331,274 +332,303 @@ function Qe(r) {
         country: d.address.country
       }
     } : void 0
-  ), te = Ve(), k = pe(
-    () => `pay-${te.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-    [te]
-  ), ne = `${k}-payment`, se = `${k}-address`, x = `${k}-error`, [F, K] = _(!1), [L, ae] = _(!1), z = b(!1), l = b(!0), [A, ie] = _(!1), [w, E] = _(!1), Z = b(0), [J, f] = _(null), [N, I] = _("");
-  V(() => {
-    i.current.complete = A && (!a || w);
-  }, [i, A, a, w]);
-  const y = me(
+  ), ae = Ue(), A = ye(
+    () => `pay-${ae.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+    [ae]
+  ), ie = `${A}-payment`, oe = `${A}-address`, E = `${A}-error`, [_, R] = k(!1), [de, D] = k(!1), N = g(!1), c = g(!0), [T, J] = k(!1), [P, Y] = k(!1), b = g(0), [Q, be] = k(null), [y, u] = k("");
+  K(() => {
+    i.current.complete = T && (!a || P);
+  }, [i, T, a, P]);
+  const p = fe(
     (t) => {
       i.current.status = t;
     },
     [i]
-  ), R = me(
+  ), S = fe(
     (t) => {
-      i.current.errorKey = t, f(t);
+      i.current.errorKey = t, be(t);
     },
     [i]
-  ), ze = me(
+  ), De = fe(
     (t) => {
-      i.current.complete = t && (!a || w), ie(t);
+      i.current.complete = t && (!a || P), J(t);
     },
-    [i, a, w]
-  ), oe = b(W), de = b(O), B = b(X), we = b($), ce = b(H);
-  V(() => {
-    oe.current = W, de.current = O, B.current = X, we.current = $, ce.current = H;
+    [i, a, P]
+  ), le = g(O), ce = g(X), $ = g(Z), _e = g(L);
+  K(() => {
+    _e.current = L;
+  }, [L]);
+  const Se = g(w), ue = g(W);
+  K(() => {
+    le.current = O, ce.current = X, $.current = Z, Se.current = w, ue.current = W;
   }, [
-    W,
     O,
     X,
-    $,
-    H
+    Z,
+    w,
+    W
   ]);
-  const q = me(
+  const G = fe(
     async (t) => {
-      var Se, _e, Ce, ke;
-      if (t && t.preventDefault(), !j || !C || z.current || !l.current) return;
-      z.current = !0, K(!0), y("processing"), i.current.paymentIntentId = null, R(null), I("");
-      const m = (S, Y) => {
-        var D;
-        const Q = Je(S), ee = Ze(Y ?? "");
-        R(Q), I(c(Q)), y("failed"), (D = B.current) == null || D.call(B, {
-          code: S,
-          translatedMessage: ee || c(Q)
+      var ke, xe, Ae, Ee;
+      if (t && t.preventDefault(), !U || !x || N.current || !c.current) return;
+      N.current = !0, R(!0), p("processing"), i.current.paymentIntentId = null, S(null), u("");
+      const f = (C, ee) => {
+        var M;
+        const re = er(C), te = Qe(ee ?? "");
+        S(re), u(l(re)), p("failed"), (M = $.current) == null || M.call($, {
+          code: C,
+          translatedMessage: te || l(re)
         });
-      }, ge = Xe(h);
-      if (h !== void 0 && ge === null) {
-        R("payment.error.invalidReturnUrl"), I(c("payment.error.invalidReturnUrl")), y("failed"), (Se = B.current) == null || Se.call(B, {
+      }, ve = Ye(I);
+      if (I !== void 0 && ve === null) {
+        S("payment.error.invalidReturnUrl"), u(l("payment.error.invalidReturnUrl")), p("failed"), (ke = $.current) == null || ke.call($, {
           code: "invalid_return_url",
-          translatedMessage: c("payment.error.invalidReturnUrl")
-        }), K(!1), z.current = !1;
+          translatedMessage: l("payment.error.invalidReturnUrl")
+        }), R(!1), N.current = !1;
         return;
       }
-      const Be = ge ? { return_url: ge } : {};
-      let le = !1;
-      const Ie = we.current;
+      const F = _e.current, $e = {
+        ...ve ? { return_url: ve } : {},
+        ...F ? {
+          payment_method_data: {
+            billing_details: {
+              name: F.name,
+              address: {
+                line1: F.address.line1,
+                // An empty line is sent as null, as Stripe's own address
+                // field reports it: null is left out of the request.
+                line2: F.address.line2 || null,
+                city: F.address.city,
+                state: F.address.state || null,
+                postal_code: F.address.postalCode,
+                country: F.address.country
+              }
+            }
+          }
+        } : {}
+      };
+      let me = !1;
+      const Ce = Se.current;
       try {
-        let S;
-        if (p === void 0) {
-          const { error: T } = await C.submit();
-          if (!l.current) return;
-          if (T) {
-            m(T.code ?? "generic", T.message);
+        let C;
+        if (z === void 0) {
+          const { error: V } = await x.submit();
+          if (!c.current) return;
+          if (V) {
+            f(V.code ?? "generic", V.message);
             return;
           }
         }
-        let Y;
-        const Q = Z.current, ee = () => a && Q !== Z.current;
+        let ee;
+        const re = b.current, te = () => a && re !== b.current;
         if (a) {
-          const T = C.getElement(Ee), ue = await (T == null ? void 0 : T.getValue());
-          if (!l.current) return;
-          if (ee()) {
-            m("billing_details_changed", void 0);
+          const V = x.getElement(Fe), pe = await (V == null ? void 0 : V.getValue());
+          if (!c.current) return;
+          if (te()) {
+            f("billing_details_changed", void 0);
             return;
           }
-          if (!(ue != null && ue.complete)) {
-            m("billing_address_incomplete", void 0);
+          if (!(pe != null && pe.complete)) {
+            f("billing_address_incomplete", void 0);
             return;
           }
-          const M = ue.value;
-          Y = {
-            name: M.name,
+          const j = pe.value;
+          ee = {
+            name: j.name,
             address: {
-              line1: M.address.line1,
-              line2: M.address.line2,
-              city: M.address.city,
-              state: M.address.state,
-              postalCode: M.address.postal_code,
-              country: M.address.country
+              line1: j.address.line1,
+              line2: j.address.line2,
+              city: j.address.city,
+              state: j.address.state,
+              postalCode: j.address.postal_code,
+              country: j.address.country
             }
           };
         }
-        if (p === void 0 && !P) {
-          await ((_e = ce.current) == null ? void 0 : _e.call(ce));
+        if (z === void 0 && !B) {
+          await ((xe = ue.current) == null ? void 0 : xe.call(ue));
           return;
         }
-        if (Y && Ie) {
+        if (ee && Ce) {
           try {
-            await Ie(Y);
+            await Ce(ee);
           } catch {
-            l.current && m("billing_details_save", void 0);
+            c.current && f("billing_details_save", void 0);
             return;
           }
-          if (!l.current) return;
+          if (!c.current) return;
         }
-        if (ee()) {
-          m("billing_details_changed", void 0);
+        if (te()) {
+          f("billing_details_changed", void 0);
           return;
         }
-        if (p === void 0 && P && (S = await P(), !l.current))
+        if (z === void 0 && B && (C = await B(), !c.current))
           return;
-        if (ee()) {
-          m("billing_details_changed", void 0);
+        if (te()) {
+          f("billing_details_changed", void 0);
           return;
         }
-        const D = await j.confirmPayment({
-          elements: C,
-          ...S === void 0 ? {} : { clientSecret: S },
-          confirmParams: Be,
+        const M = await U.confirmPayment({
+          elements: x,
+          ...C === void 0 ? {} : { clientSecret: C },
+          confirmParams: $e,
           redirect: "if_required"
         });
-        if (!l.current) return;
-        if (D.error) {
-          m(D.error.code ?? "generic", D.error.message);
+        if (!c.current) return;
+        if (M.error) {
+          f(M.error.code ?? "generic", M.error.message);
           return;
         }
-        const g = D.paymentIntent;
-        if (le = !0, !g) return;
-        g.status === "succeeded" ? (i.current.paymentIntentId = g.id, y("succeeded"), ae(!0), K(!1)) : (g.status === "requires_payment_method" || g.status === "canceled") && (le = !1, m(g.status, void 0));
+        const v = M.paymentIntent;
+        if (me = !0, !v) return;
+        v.status === "succeeded" ? (i.current.paymentIntentId = v.id, p("succeeded"), D(!0), R(!1)) : (v.status === "requires_payment_method" || v.status === "canceled") && (me = !1, f(v.status, void 0));
         try {
-          (Ce = de.current) == null || Ce.call(de, g.status, g.id);
+          (Ae = ce.current) == null || Ae.call(ce, v.status, v.id);
         } catch {
         }
-        g.status === "succeeded" && ((ke = oe.current) == null || ke.call(oe, g.id));
-      } catch (S) {
-        l.current && !le && m("unexpected", S instanceof Error ? S.message : "");
+        v.status === "succeeded" && ((Ee = le.current) == null || Ee.call(le, v.id));
+      } catch (C) {
+        c.current && !me && f("unexpected", C instanceof Error ? C.message : "");
       } finally {
-        l.current && !le && (z.current = !1, K(!1), i.current.status === "processing" && y("idle"));
+        c.current && !me && (N.current = !1, R(!1), i.current.status === "processing" && p("idle"));
       }
     },
     [
-      j,
-      C,
-      h,
-      p,
-      P,
+      U,
+      x,
+      I,
+      z,
+      B,
       a,
-      c,
+      l,
       i,
-      R,
-      y
+      S,
+      p
     ]
   );
-  V(() => {
-    const t = document.getElementById(k);
+  K(() => {
+    const t = document.getElementById(A);
     if (!t) return;
-    const m = () => {
-      q();
+    const f = () => {
+      G();
     };
-    return t.addEventListener("payment-form:submit", m), () => t.removeEventListener("payment-form:submit", m);
-  }, [k, q]), V(() => {
+    return t.addEventListener("payment-form:submit", f), () => t.removeEventListener("payment-form:submit", f);
+  }, [A, G]), K(() => {
     const t = i.current;
-    return t.submit = q, () => {
-      t.submit === q && (t.submit = void 0);
+    return t.submit = G, () => {
+      t.submit === G && (t.submit = void 0);
     };
-  }, [i, q]), V(() => {
+  }, [i, G]), K(() => {
     const t = i.current;
-    return l.current = !0, t.status = "idle", t.paymentIntentId = null, t.errorKey = null, t.complete = !1, () => {
-      l.current = !1, t.complete = !1, t.status = "idle", t.paymentIntentId = null, t.errorKey = null;
+    return c.current = !0, t.status = "idle", t.paymentIntentId = null, t.errorKey = null, t.complete = !1, () => {
+      c.current = !1, t.complete = !1, t.status = "idle", t.paymentIntentId = null, t.errorKey = null;
     };
   }, [i]);
-  const Re = !j || !C || F || L || !(p === void 0 && !P) && (!A || a && !w);
+  const Te = !U || !x || _ || de || !(z === void 0 && !B) && (!T || a && !P);
   return /* @__PURE__ */ n(
     "form",
     {
-      id: k,
-      onSubmit: q,
+      id: A,
+      onSubmit: G,
       onReset: () => {
-        z.current || (R(null), I(""), y("idle"), i.current.paymentIntentId = null);
+        N.current || (S(null), u(""), p("idle"), i.current.paymentIntentId = null);
       },
-      "aria-label": c("payment.ariaLabel"),
-      "aria-busy": F || void 0,
+      "aria-label": l("payment.ariaLabel"),
+      "aria-busy": _ || void 0,
       noValidate: !0,
-      children: /* @__PURE__ */ v("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-        /* @__PURE__ */ v("div", { className: Ke(), children: [
-          /* @__PURE__ */ n("span", { className: G(), children: c("payment.amountLabel") }),
-          /* @__PURE__ */ n("span", { className: "type-title-card", "data-testid": "payment-amount", children: ve(s, o, e) })
+      children: /* @__PURE__ */ h("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+        /* @__PURE__ */ h("div", { className: Be(), children: [
+          /* @__PURE__ */ n("span", { className: H(), children: l("payment.amountLabel") }),
+          /* @__PURE__ */ n("span", { className: "type-title-card", "data-testid": "payment-amount", children: we(s, o, e) })
         ] }),
-        /* @__PURE__ */ v(
+        /* @__PURE__ */ h(
           "label",
           {
-            htmlFor: ne,
-            className: fe(),
+            htmlFor: ie,
+            className: ge(),
             "data-testid": "payment-field",
             children: [
-              /* @__PURE__ */ n("span", { className: G(), children: c("payment.fields.card") }),
+              /* @__PURE__ */ n("span", { className: H(), children: l("payment.fields.card") }),
               /* @__PURE__ */ n(
-                qe,
+                We,
                 {
-                  id: ne,
+                  id: ie,
                   options: {
                     // `tabs` = method tiles (Card selected by default); `accordion`
                     // = full-width stacked rows for narrow columns where the tab row
                     // clips. Stripe owns overflow + tab alignment either way.
-                    layout: ye === "accordion" ? { type: "accordion", defaultCollapsed: !0 } : { type: "tabs" }
+                    layout: se === "accordion" ? { type: "accordion", defaultCollapsed: !0 } : { type: "tabs" },
+                    // The host already holds the name and address: card fields only.
+                    ...L ? {
+                      fields: {
+                        billingDetails: { name: "never", address: "never" }
+                      }
+                    } : {}
                   },
                   onChange: (t) => {
-                    ze(t.complete === !0), t.complete && (R(null), I(""), i.current.status === "failed" && y("idle"));
+                    De(t.complete === !0), t.complete && (S(null), u(""), i.current.status === "failed" && p("idle"));
                   }
                 }
               )
             ]
           }
         ),
-        u ? /* @__PURE__ */ v(
+        m ? /* @__PURE__ */ h(
           "label",
           {
-            htmlFor: se,
-            className: fe(),
+            htmlFor: oe,
+            className: ge(),
             "data-testid": "payment-address",
             children: [
-              /* @__PURE__ */ n("span", { className: G(), children: c("payment.billingAddress") }),
+              /* @__PURE__ */ n("span", { className: H(), children: l("payment.billingAddress") }),
               /* @__PURE__ */ n(
-                Ee,
+                Fe,
                 {
-                  id: se,
+                  id: oe,
                   options: {
                     mode: "billing",
-                    ...U ? { defaultValues: U } : {}
+                    ...q ? { defaultValues: q } : {}
                   },
                   onChange: (t) => {
-                    Z.current += 1, E(t.complete), i.current.complete = A && (!a || t.complete), t.complete && J === "payment.error.billingAddressIncomplete" && (R(null), I(""), y("idle"));
+                    b.current += 1, Y(t.complete), i.current.complete = T && (!a || t.complete), t.complete && Q === "payment.error.billingAddressIncomplete" && (S(null), u(""), p("idle"));
                   }
                 }
               )
             ]
           }
         ) : null,
-        J ? /* @__PURE__ */ n(
-          xe,
+        Q ? /* @__PURE__ */ n(
+          Ne,
           {
-            id: x,
+            id: E,
             variant: "error",
             live: "polite",
             "data-testid": "payment-error",
-            children: /* @__PURE__ */ n(xe.Description, { children: N })
+            children: /* @__PURE__ */ n(Ne.Description, { children: y })
           }
         ) : null,
         /* @__PURE__ */ n(
           "button",
           {
             type: "submit",
-            "aria-disabled": Re || void 0,
-            "aria-busy": F || void 0,
-            "aria-describedby": J ? x : void 0,
-            className: Le(),
+            "aria-disabled": Te || void 0,
+            "aria-busy": _ || void 0,
+            "aria-describedby": Q ? E : void 0,
+            className: Re(),
             "data-testid": "payment-submit",
-            children: F ? /* @__PURE__ */ v(De, { children: [
+            children: _ ? /* @__PURE__ */ h(Me, { children: [
               /* @__PURE__ */ n(
-                Pe,
+                Le,
                 {
                   variant: "pulse",
                   size: "sm",
-                  label: c("payment.processing")
+                  label: l("payment.processing")
                 }
               ),
-              /* @__PURE__ */ n("span", { children: c("payment.processing") })
-            ] }) : /* @__PURE__ */ n("span", { children: c("payment.submit", {
-              amount: ve(s, o, e)
+              /* @__PURE__ */ n("span", { children: l("payment.processing") })
+            ] }) : /* @__PURE__ */ n("span", { children: l("payment.submit", {
+              amount: we(s, o, e)
             }) })
           }
         )
@@ -606,7 +636,7 @@ function Qe(r) {
     }
   );
 }
-const Ne = /* @__PURE__ */ new Set([
+const Ke = /* @__PURE__ */ new Set([
   "auto",
   "ar",
   "bg",
@@ -658,182 +688,184 @@ const Ne = /* @__PURE__ */ new Set([
   "zh-HK",
   "zh-TW"
 ]);
-function er(r) {
+function nr(r) {
   if (!r) return "auto";
   const s = r === "cn" ? "zh" : r;
-  if (Ne.has(s))
+  if (Ke.has(s))
     return s;
   const o = s.split("-")[0];
-  return Ne.has(o) ? o : "auto";
+  return Ke.has(o) ? o : "auto";
 }
-const rr = Te(
+const sr = Ve(
   ({
     id: r,
     clientSecret: s,
     mode: o = "payment",
     cardOnly: e = !1,
-    onCreatePaymentIntent: u,
+    onCreatePaymentIntent: m,
     onPreviewValidated: a,
     publishableKey: d,
-    stripeAccount: $,
-    currency: h,
-    amount: p,
-    onSuccess: P,
-    onPaymentStatusChange: H,
+    stripeAccount: L,
+    currency: w,
+    amount: I,
+    onSuccess: z,
+    onPaymentStatusChange: B,
     onError: W,
     billingAddress: O = !1,
     requireBillingAddress: X = !1,
-    defaultBillingDetails: ye,
+    defaultBillingDetails: Z,
+    billingDetails: se,
     onBillingDetails: i,
-    locale: c,
-    ariaLabel: j,
-    returnUrl: C,
-    stripePromise: U,
-    layout: te = "tabs",
-    className: k
-  }, ne) => {
-    const { i18n: se } = he("ui"), x = er(c ?? se.language ?? "en"), F = X || i !== void 0, K = O || F, L = pe(
-      () => ({ injectedStripe: U, publishableKey: d, stripeAccount: $ }),
-      [U, d, $]
-    ), [ae, z] = _(() => ({
-      source: L,
-      instance: U ?? null
-    })), l = ae.source === L ? ae.instance : null;
-    V(() => {
+    locale: l,
+    ariaLabel: U,
+    returnUrl: x,
+    stripePromise: q,
+    layout: ae = "tabs",
+    className: A
+  }, ie) => {
+    const { i18n: oe } = Ie("ui"), E = nr(l ?? oe.language ?? "en"), _ = se === void 0, R = _ && (X || i !== void 0), de = _ && (O || R), D = ye(
+      () => ({ injectedStripe: q, publishableKey: d, stripeAccount: L }),
+      [q, d, L]
+    ), [N, c] = k(() => ({
+      source: D,
+      instance: q ?? null
+    })), T = N.source === D ? N.instance : null;
+    K(() => {
       const {
-        injectedStripe: f,
-        publishableKey: N,
-        stripeAccount: I
-      } = L, y = f !== void 0 ? f : N ? I ? Ae(N, { stripeAccount: I }) : Ae(N) : null;
-      z({ source: L, instance: y });
-    }, [L]);
-    const [A, ie] = _(
-      () => be()
+        injectedStripe: y,
+        publishableKey: u,
+        stripeAccount: p
+      } = D, S = y !== void 0 ? y : u ? p ? Pe(u, { stripeAccount: p }) : Pe(u) : null;
+      c({ source: D, instance: S });
+    }, [D]);
+    const [J, P] = k(
+      () => he()
     );
-    V(() => (ie(be()), He(ie)), []);
-    const w = b(null), E = b({
+    K(() => (P(he()), Xe(P)), []);
+    const Y = g(null), b = g({
       status: "idle",
       complete: !1,
       errorKey: null,
       paymentIntentId: null
-    }), Z = pe(
+    }), Q = ye(
       () => ({
         submit: async () => {
-          const f = E.current.submit;
-          f && await f();
+          const y = b.current.submit;
+          y && await y();
         },
         reset: () => {
-          var N;
-          const f = (N = w.current) == null ? void 0 : N.querySelector("form");
-          f instanceof HTMLFormElement && f.reset();
+          var u;
+          const y = (u = Y.current) == null ? void 0 : u.querySelector("form");
+          y instanceof HTMLFormElement && y.reset();
         },
-        getStatus: () => E.current.status,
-        isComplete: () => E.current.complete,
-        getErrorKey: () => E.current.errorKey,
-        getPaymentIntentId: () => E.current.paymentIntentId
+        getStatus: () => b.current.status,
+        isComplete: () => b.current.complete,
+        getErrorKey: () => b.current.errorKey,
+        getPaymentIntentId: () => b.current.paymentIntentId
       }),
       []
     );
-    Me(ne, () => w.current, []), Ge(We, Z, r);
-    const J = pe(
+    je(ie, () => Y.current, []), Oe(Ze, Q, r);
+    const be = ye(
       () => s !== void 0 ? (
         // Immediate mode — the consumer already created the intent.
-        { clientSecret: s, appearance: A, locale: x }
+        { clientSecret: s, appearance: J, locale: E }
       ) : (
         // Deferred-intent mode — no secret yet; Stripe needs the intent
         // shape (mode + amount + currency) to render the Payment Element.
         // Stripe expects a lowercase ISO-4217 currency here.
         {
           mode: o,
-          amount: p,
-          currency: h.toLowerCase(),
+          amount: I,
+          currency: w.toLowerCase(),
           ...e ? { paymentMethodTypes: ["card"] } : {},
-          appearance: A,
-          locale: x
+          appearance: J,
+          locale: E
         }
       ),
       [
         s,
         o,
         e,
-        p,
-        h,
-        A,
-        x
+        I,
+        w,
+        J,
+        E
       ]
     );
     return /* @__PURE__ */ n(
       "div",
       {
-        ref: w,
-        "aria-label": j,
-        className: [Ye(), k].filter(Boolean).join(" "),
+        ref: Y,
+        "aria-label": U,
+        className: [rr(), A].filter(Boolean).join(" "),
         "data-component": "payment-form",
         "data-component-id": r,
         "data-testid": "payment-form-root",
-        children: l ? (
+        children: T ? (
           // Render the real Payment Element whenever a Stripe instance is
           // available — in immediate mode (clientSecret present) AND in
           // deferred mode (no secret). The skeleton is reserved for the
           // no-Stripe case (missing publishableKey / injected null).
           /* @__PURE__ */ n(
-            $e,
+            qe,
             {
-              stripe: l,
-              options: J,
+              stripe: T,
+              options: be,
               children: /* @__PURE__ */ n(
-                Qe,
+                tr,
                 {
-                  amount: p,
-                  currency: h,
-                  locale: x,
-                  billingAddress: K,
-                  requireBillingAddress: F,
-                  defaultBillingDetails: ye,
-                  onBillingDetails: i,
-                  returnUrl: C,
+                  amount: I,
+                  currency: w,
+                  locale: E,
+                  billingAddress: de,
+                  requireBillingAddress: R,
+                  defaultBillingDetails: Z,
+                  billingDetails: se,
+                  onBillingDetails: _ ? i : void 0,
+                  returnUrl: x,
                   clientSecret: s,
-                  onCreatePaymentIntent: u,
+                  onCreatePaymentIntent: m,
                   onPreviewValidated: a,
-                  onSuccess: P,
-                  onPaymentStatusChange: H,
+                  onSuccess: z,
+                  onPaymentStatusChange: B,
                   onError: W,
-                  layout: te,
-                  agentBridge: E
+                  layout: ae,
+                  agentBridge: b
                 }
               )
             },
-            s ?? `deferred:${o}:${p}:${h}:${e}`
+            `${s ?? `deferred:${o}:${I}:${w}:${e}`}:${_}`
           )
         ) : /* @__PURE__ */ n(
-          tr,
+          ar,
           {
-            amount: p,
-            currency: h,
-            locale: x,
-            billingAddress: K
+            amount: I,
+            currency: w,
+            locale: E,
+            billingAddress: de
           }
         )
       }
     );
   }
 );
-rr.displayName = "PaymentForm";
-function tr(r) {
-  const { amount: s, currency: o, locale: e, billingAddress: u } = r, { t: a } = he("ui");
-  return /* @__PURE__ */ v(
+sr.displayName = "PaymentForm";
+function ar(r) {
+  const { amount: s, currency: o, locale: e, billingAddress: m } = r, { t: a } = Ie("ui");
+  return /* @__PURE__ */ h(
     "div",
     {
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
       "data-testid": "payment-skeleton",
       "aria-busy": "true",
       children: [
-        /* @__PURE__ */ v("div", { className: Ke(), children: [
-          /* @__PURE__ */ n("span", { className: G(), children: a("payment.amountLabel") }),
-          /* @__PURE__ */ n("span", { className: "type-title-card", children: ve(s, o, e) })
+        /* @__PURE__ */ h("div", { className: Be(), children: [
+          /* @__PURE__ */ n("span", { className: H(), children: a("payment.amountLabel") }),
+          /* @__PURE__ */ n("span", { className: "type-title-card", children: we(s, o, e) })
         ] }),
-        /* @__PURE__ */ v("div", { className: fe(), children: [
-          /* @__PURE__ */ n("span", { className: G(), children: a("payment.fields.card") }),
+        /* @__PURE__ */ h("div", { className: ge(), children: [
+          /* @__PURE__ */ n("span", { className: H(), children: a("payment.fields.card") }),
           /* @__PURE__ */ n(
             "div",
             {
@@ -842,8 +874,8 @@ function tr(r) {
             }
           )
         ] }),
-        u ? /* @__PURE__ */ v("div", { className: fe(), "data-testid": "payment-address", children: [
-          /* @__PURE__ */ n("span", { className: G(), children: a("payment.billingAddress") }),
+        m ? /* @__PURE__ */ h("div", { className: ge(), "data-testid": "payment-address", children: [
+          /* @__PURE__ */ n("span", { className: H(), children: a("payment.billingAddress") }),
           /* @__PURE__ */ n(
             "div",
             {
@@ -852,15 +884,15 @@ function tr(r) {
             }
           )
         ] }) : null,
-        /* @__PURE__ */ v(
+        /* @__PURE__ */ h(
           "button",
           {
             type: "button",
             "aria-disabled": "true",
-            className: Le(),
+            className: Re(),
             disabled: !0,
             children: [
-              /* @__PURE__ */ n(Pe, { variant: "pulse", size: "sm", label: a("payment.processing") }),
+              /* @__PURE__ */ n(Le, { variant: "pulse", size: "sm", label: a("payment.processing") }),
               /* @__PURE__ */ n("span", { children: a("payment.processing") })
             ]
           }
@@ -870,12 +902,12 @@ function tr(r) {
   );
 }
 export {
-  rr as P,
-  Ye as a,
-  Ze as b,
-  Je as c,
-  ve as f,
-  We as p,
-  Le as s
+  sr as P,
+  rr as a,
+  Qe as b,
+  er as c,
+  we as f,
+  Ze as p,
+  Re as s
 };
-//# sourceMappingURL=payment-form-DxsjXYHJ.js.map
+//# sourceMappingURL=payment-form-B08gHZIY.js.map