@alfadocs/ui-kit-debug 1.3.13 → 1.4.0

package/dist/_chunks/{payment-form-h-BZ8onk.js → payment-form-Ds1I9KqB.js}

@@ -1,19 +1,19 @@
-import { jsx as t, jsxs as u, Fragment as ie } from "react/jsx-runtime";
-import { forwardRef as de, useState as _, useEffect as D, useRef as K, useMemo as G, useImperativeHandle as ce, useId as le, useCallback as me } from "react";
-import { c as A } from "./index-D2ZczOXr.js";
-import { useTranslation as W } from "react-i18next";
-import { S as te } from "./spinner-hbwuKwMf.js";
-import { A as ee } from "./alert-CiJT540z.js";
-import { loadStripe as ue } from "@stripe/stripe-js";
-import { Elements as pe, useStripe as fe, useElements as be, PaymentElement as ye, AddressElement as ge } from "@stripe/react-stripe-js";
-import { u as ve } from "./registry-DvAUVLHh.js";
-function ne() {
+import { jsx as t, jsxs as g, Fragment as me } from "react/jsx-runtime";
+import { forwardRef as pe, useState as z, useEffect as L, useRef as j, useMemo as X, useImperativeHandle as fe, useId as ye, useCallback as $ } from "react";
+import { c as D } from "./index-D2ZczOXr.js";
+import { useTranslation as Y } from "react-i18next";
+import { S as oe } from "./spinner-hbwuKwMf.js";
+import { A as se } from "./alert-CiJT540z.js";
+import { loadStripe as ge } from "@stripe/stripe-js";
+import { Elements as be, useStripe as ve, useElements as he, PaymentElement as Ie, AddressElement as we } from "@stripe/react-stripe-js";
+import { u as xe } from "./registry-DvAUVLHh.js";
+function ie() {
   return typeof document < "u" && typeof window < "u";
 }
-function H(r) {
-  if (!ne())
+function Z(r) {
+  if (!ie())
     return { theme: "stripe" };
-  const n = r ?? document.documentElement, a = getComputedStyle(n), e = (s) => a.getPropertyValue(s).trim();
+  const n = r ?? document.documentElement, a = getComputedStyle(n), e = (o) => a.getPropertyValue(o).trim();
   return {
     theme: n.classList.contains("theme-dark") ? "night" : "stripe",
     variables: {
@@ -91,23 +91,58 @@ function H(r) {
     }
   };
 }
-function he(r, n) {
-  if (!ne()) return () => {
+function Se(r, n) {
+  if (!ie()) return () => {
   };
-  const a = document.documentElement, e = () => r(H(n)), o = new MutationObserver(e);
-  o.observe(a, {
+  const a = document.documentElement, e = () => r(Z(n)), d = new MutationObserver(e);
+  d.observe(a, {
     attributes: !0,
     attributeFilter: ["class", "dir", "lang"]
   });
-  const s = window.matchMedia("(prefers-color-scheme: dark)"), c = window.matchMedia("(prefers-reduced-motion: reduce)");
-  return s.addEventListener("change", e), c.addEventListener("change", e), () => {
-    o.disconnect(), s.removeEventListener("change", e), c.removeEventListener("change", e);
+  const o = window.matchMedia("(prefers-color-scheme: dark)"), m = window.matchMedia("(prefers-reduced-motion: reduce)");
+  return o.addEventListener("change", e), m.addEventListener("change", e), () => {
+    d.disconnect(), o.removeEventListener("change", e), m.removeEventListener("change", e);
   };
 }
-const we = {
+const ke = {
   id: "payment-form",
   capabilities: ["submit"],
-  state: {},
+  // The kit's only destructive + openWorld action that moves real money,
+  // so it is also the one that most needs to be verifiable. `submit`
+  // resolves once the charge attempt has settled; these four slots are
+  // how an agent then tells success from decline from never-fired, and
+  // how it recovers the receipt.
+  //
+  // A9: the PaymentIntent id and the i18n error KEY only. Never card
+  // fields (they live in Stripe's cross-origin iframes and never reach
+  // this origin), never the translated Stripe message, never
+  // `clientSecret`.
+  state: {
+    status: {
+      type: "'idle' | 'processing' | 'succeeded' | 'failed'",
+      descriptionKey: "ui.agent.paymentForm.state.status",
+      description: "Lifecycle of the current payment attempt. `succeeded` is only reached once Stripe confirmed the PaymentIntent; `failed` covers validation, decline and processor errors alike. Still `idle` after `submit` means the attempt never fired — Stripe had not mounted.",
+      read: (r) => r.getStatus()
+    },
+    complete: {
+      type: "boolean",
+      descriptionKey: "ui.agent.paymentForm.state.complete",
+      description: "True when Stripe reports the payment fields as complete. Read this before `submit` — outside preview mode the submit control is disabled while it is false, so the call will not be accepted.",
+      read: (r) => r.isComplete()
+    },
+    errorKey: {
+      type: "string | null",
+      descriptionKey: "ui.agent.paymentForm.state.errorKey",
+      description: "i18n key of the current error (e.g. `payment.error.cardDeclined`), or null. The key is the structural datum — the translated message is free text and is never exposed.",
+      read: (r) => r.getErrorKey()
+    },
+    paymentIntentId: {
+      type: "string | null",
+      descriptionKey: "ui.agent.paymentForm.state.paymentIntentId",
+      description: "Opaque Stripe PaymentIntent id once a charge succeeded, else null. The receipt — the attribution handle for the money that moved. Never the client secret.",
+      read: (r) => r.getPaymentIntentId()
+    }
+  },
   actions: {
     submit: {
       safety: "destructive",
@@ -116,19 +151,20 @@ const we = {
       openWorld: !0,
       returns: "Promise<void>",
       errors: [
-        "Validation failed (incomplete or invalid card details).",
-        "Payment was declined by the processor.",
-        "Network or processor error during the charge."
+        'Validation failed (incomplete or invalid card details) — `status` is "failed", `errorKey` names which.',
+        'Payment was declined by the processor — `status` is "failed", `errorKey` is `payment.error.cardDeclined`.',
+        'Network or processor error during the charge — `status` is "failed".',
+        'Stripe had not mounted, so nothing was attempted — `status` is still "idle".'
       ],
       descriptionKey: "ui.agent.paymentForm.actions.submit",
-      description: "Submit the payment. Charges the configured payment method — irreversible.",
+      description: "Submit the payment. Charges the configured payment method — irreversible. Resolves once the attempt has settled; the outcome is never in the resolved value, so read `status`, then `errorKey` on failure or `paymentIntentId` on success.",
       invoke: (r) => r.submit()
     },
     reset: {
       safety: "destructive",
       idempotent: !0,
       descriptionKey: "ui.agent.paymentForm.actions.reset",
-      description: "Reset the form to its initial state. Loses any in-progress input.",
+      description: 'Reset the form to its initial state. Loses any in-progress input, and discards the previous attempt — `status` returns to "idle" and `errorKey` / `paymentIntentId` to null.',
       invoke: (r) => {
         r.reset();
       }
@@ -142,7 +178,7 @@ const we = {
       description: "Sourced from the id prop."
     }
   }
-}, xe = /* @__PURE__ */ new Set([
+}, Ce = /* @__PURE__ */ new Set([
   "BIF",
   "CLP",
   "DJF",
@@ -161,21 +197,21 @@ const we = {
   "XOF",
   "XPF"
 ]);
-function O(r, n, a) {
-  const e = n.toUpperCase(), o = xe.has(e) ? r : r / 100;
+function J(r, n, a) {
+  const e = n.toUpperCase(), d = Ce.has(e) ? r : r / 100;
   try {
     return new Intl.NumberFormat(a, {
       style: "currency",
       currency: e
-    }).format(o);
+    }).format(d);
   } catch {
     return new Intl.NumberFormat("en", {
       style: "currency",
       currency: e
-    }).format(o);
+    }).format(d);
   }
 }
-function ke(r) {
+function Ee(r) {
   if (r === void 0) return null;
   const n = r.trim();
   if (n === "" || typeof window > "u") return null;
@@ -186,10 +222,10 @@ function ke(r) {
     return null;
   }
 }
-function Ce(r) {
+function Ne(r) {
   return r && r.replace(/\d{4,}/g, "****");
 }
-function Ee(r) {
+function Fe(r) {
   switch (r) {
     case "incorrect_number":
     case "invalid_number":
@@ -215,7 +251,7 @@ function Ee(r) {
       return "payment.error.generic";
   }
 }
-const Ie = A(
+const Pe = D(
   [
     "ds:payment-form-alfadocs ds:flex ds:flex-col",
     "ds:gap-[var(--spacing-md)]",
@@ -225,11 +261,11 @@ const Ie = A(
     "ds:text-[var(--foreground)]",
     "ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed"
   ].join(" ")
-), V = A(
+), q = D(
   ["ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]"].join(" ")
-), F = A(
+), A = D(
   ["type-label", "ds:text-[var(--foreground)]"].join(" ")
-), ae = A(
+), de = D(
   [
     "ds:flex ds:items-baseline ds:justify-between",
     "ds:gap-[var(--spacing-sm)]",
@@ -239,7 +275,7 @@ const Ie = A(
     "ds:rounded-[var(--radius-sm)]",
     "ds:text-[var(--foreground)]"
   ].join(" ")
-), se = A(
+), ce = D(
   [
     "ds:inline-flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)]",
     "ds:[min-block-size:var(--min-target-size)]",
@@ -259,186 +295,220 @@ const Ie = A(
     "ds:aria-busy:cursor-wait"
   ].join(" ")
 );
-function Ne(r) {
+function _e(r) {
   const {
     amount: n,
     currency: a,
     locale: e,
-    billingAddress: o,
-    returnUrl: s,
-    clientSecret: c,
-    onCreatePaymentIntent: I,
-    onSuccess: P,
-    onError: N,
-    layout: B
-  } = r, { t: i } = W(), h = fe(), l = be(), R = le(), g = G(
-    () => `pay-${R.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-    [R]
-  ), M = `${g}-payment`, T = `${g}-address`, v = `${g}-error`, [p, w] = _(!1), [z, U] = _(!1), [x, S] = _(null), [$, m] = _(""), d = K(P), k = K(N);
-  D(() => {
-    d.current = P, k.current = N;
-  }, [P, N]);
-  const j = me(
-    async (f) => {
-      var Z, J, Y;
-      if (f && f.preventDefault(), !h || !l || p) return;
-      w(!0), S(null), m("");
-      const C = (b, L) => {
-        var Q;
-        const y = Ee(b), E = Ce(L ?? "");
-        S(y), m(i(y)), (Q = k.current) == null || Q.call(k, {
-          code: b,
-          translatedMessage: E || i(y)
+    billingAddress: d,
+    returnUrl: o,
+    clientSecret: m,
+    onCreatePaymentIntent: N,
+    onSuccess: K,
+    onError: F,
+    layout: O,
+    agentBridge: i
+  } = r, { t: c } = Y(), p = ve(), h = he(), B = ye(), I = X(
+    () => `pay-${B.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+    [B]
+  ), U = `${I}-payment`, w = `${I}-address`, R = `${I}-error`, [f, S] = z(!1), [V, T] = z(!1), [b, G] = z(null), [H, u] = z(""), l = $(
+    (s) => {
+      i.current.status = s;
+    },
+    [i]
+  ), P = $(
+    (s) => {
+      i.current.errorKey = s, G(s);
+    },
+    [i]
+  ), le = $(
+    (s) => {
+      i.current.complete = s, T(s);
+    },
+    [i]
+  ), k = j(K), C = j(F);
+  L(() => {
+    k.current = K, C.current = F;
+  }, [K, F]);
+  const _ = $(
+    async (s) => {
+      var ee, re, te;
+      if (s && s.preventDefault(), !p || !h || f) return;
+      S(!0), l("processing"), i.current.paymentIntentId = null, P(null), u("");
+      const E = (v, M) => {
+        var ne;
+        const y = Fe(v), x = Ne(M ?? "");
+        P(y), u(c(y)), l("failed"), (ne = C.current) == null || ne.call(C, {
+          code: v,
+          translatedMessage: x || c(y)
         });
-      }, q = ke(s);
-      if (s !== void 0 && q === null) {
-        S("payment.error.invalidReturnUrl"), m(i("payment.error.invalidReturnUrl")), (Z = k.current) == null || Z.call(k, {
+      }, W = Ee(o);
+      if (o !== void 0 && W === null) {
+        P("payment.error.invalidReturnUrl"), u(c("payment.error.invalidReturnUrl")), l("failed"), (ee = C.current) == null || ee.call(C, {
           code: "invalid_return_url",
-          translatedMessage: i("payment.error.invalidReturnUrl")
-        }), w(!1);
+          translatedMessage: c("payment.error.invalidReturnUrl")
+        }), S(!1);
         return;
       }
-      const X = q ? { return_url: q } : {};
+      const Q = W ? { return_url: W } : {};
       try {
-        if (c !== void 0) {
-          const E = await h.confirmPayment({
-            elements: l,
-            confirmParams: X,
+        if (m !== void 0) {
+          const x = await p.confirmPayment({
+            elements: h,
+            confirmParams: Q,
             redirect: "if_required"
           });
-          if (E.error) {
-            C(E.error.code ?? "generic", E.error.message);
+          if (x.error) {
+            E(x.error.code ?? "generic", x.error.message);
             return;
           }
-          E.paymentIntent && ((J = d.current) == null || J.call(d, E.paymentIntent.id));
+          x.paymentIntent && (i.current.paymentIntentId = x.paymentIntent.id, l("succeeded"), (re = k.current) == null || re.call(k, x.paymentIntent.id));
           return;
         }
-        const { error: b } = await l.submit();
-        if (b) {
-          C(b.code ?? "generic", b.message);
+        const { error: v } = await h.submit();
+        if (v) {
+          E(v.code ?? "generic", v.message);
           return;
         }
-        if (!I)
+        if (!N) {
+          l("idle");
           return;
-        const L = await I(), y = await h.confirmPayment({
-          elements: l,
-          clientSecret: L,
-          confirmParams: X,
+        }
+        const M = await N(), y = await p.confirmPayment({
+          elements: h,
+          clientSecret: M,
+          confirmParams: Q,
           redirect: "if_required"
         });
         if (y.error) {
-          C(y.error.code ?? "generic", y.error.message);
+          E(y.error.code ?? "generic", y.error.message);
           return;
         }
-        y.paymentIntent && ((Y = d.current) == null || Y.call(d, y.paymentIntent.id));
-      } catch (b) {
-        const L = b instanceof Error ? b.message : "";
-        C("unexpected", L);
+        y.paymentIntent && (i.current.paymentIntentId = y.paymentIntent.id, l("succeeded"), (te = k.current) == null || te.call(k, y.paymentIntent.id));
+      } catch (v) {
+        const M = v instanceof Error ? v.message : "";
+        E("unexpected", M);
       } finally {
-        w(!1);
+        S(!1), i.current.status === "processing" && l("idle");
       }
     },
     [
-      h,
-      l,
       p,
-      s,
+      h,
+      f,
+      o,
+      m,
+      N,
       c,
-      I,
-      i
+      i,
+      P,
+      l
     ]
   );
-  D(() => {
-    const f = document.getElementById(g);
-    if (!f) return;
-    const C = () => {
-      j();
+  L(() => {
+    const s = document.getElementById(I);
+    if (!s) return;
+    const E = () => {
+      _();
+    };
+    return s.addEventListener("payment-form:submit", E), () => s.removeEventListener("payment-form:submit", E);
+  }, [I, _]), L(() => {
+    const s = i.current;
+    return s.submit = _, () => {
+      s.submit === _ && (s.submit = void 0);
     };
-    return f.addEventListener("payment-form:submit", C), () => f.removeEventListener("payment-form:submit", C);
-  }, [g, j]);
-  const oe = !h || !l || p || !(c === void 0 && !I) && !z;
+  }, [i, _]), L(() => {
+    const s = i.current;
+    return () => {
+      s.complete = !1;
+    };
+  }, [i]);
+  const ue = !p || !h || f || !(m === void 0 && !N) && !V;
   return /* @__PURE__ */ t(
     "form",
     {
-      id: g,
-      onSubmit: j,
-      "aria-label": i("payment.ariaLabel"),
-      "aria-busy": p || void 0,
+      id: I,
+      onSubmit: _,
+      onReset: () => {
+        P(null), u(""), l("idle"), i.current.paymentIntentId = null;
+      },
+      "aria-label": c("payment.ariaLabel"),
+      "aria-busy": f || void 0,
       noValidate: !0,
-      children: /* @__PURE__ */ u("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-        /* @__PURE__ */ u("div", { className: ae(), children: [
-          /* @__PURE__ */ t("span", { className: F(), children: i("payment.amountLabel") }),
-          /* @__PURE__ */ t("span", { className: "type-title-card", "data-testid": "payment-amount", children: O(n, a, e) })
+      children: /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+        /* @__PURE__ */ g("div", { className: de(), children: [
+          /* @__PURE__ */ t("span", { className: A(), children: c("payment.amountLabel") }),
+          /* @__PURE__ */ t("span", { className: "type-title-card", "data-testid": "payment-amount", children: J(n, a, e) })
         ] }),
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ g(
           "label",
           {
-            htmlFor: M,
-            className: V(),
+            htmlFor: U,
+            className: q(),
             "data-testid": "payment-field",
             children: [
-              /* @__PURE__ */ t("span", { className: F(), children: i("payment.fields.card") }),
+              /* @__PURE__ */ t("span", { className: A(), children: c("payment.fields.card") }),
               /* @__PURE__ */ t(
-                ye,
+                Ie,
                 {
-                  id: M,
+                  id: U,
                   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: B === "accordion" ? { type: "accordion", defaultCollapsed: !0 } : { type: "tabs" }
+                    layout: O === "accordion" ? { type: "accordion", defaultCollapsed: !0 } : { type: "tabs" }
                   },
-                  onChange: (f) => {
-                    U(f.complete === !0), f.complete && (S(null), m(""));
+                  onChange: (s) => {
+                    le(s.complete === !0), s.complete && (P(null), u(""), i.current.status === "failed" && l("idle"));
                   }
                 }
               )
             ]
           }
         ),
-        o ? /* @__PURE__ */ u(
+        d ? /* @__PURE__ */ g(
           "label",
           {
-            htmlFor: T,
-            className: V(),
+            htmlFor: w,
+            className: q(),
             "data-testid": "payment-address",
             children: [
-              /* @__PURE__ */ t("span", { className: F(), children: i("payment.billingAddress") }),
-              /* @__PURE__ */ t(ge, { id: T, options: { mode: "billing" } })
+              /* @__PURE__ */ t("span", { className: A(), children: c("payment.billingAddress") }),
+              /* @__PURE__ */ t(we, { id: w, options: { mode: "billing" } })
             ]
           }
         ) : null,
-        x ? /* @__PURE__ */ t(
-          ee,
+        b ? /* @__PURE__ */ t(
+          se,
           {
-            id: v,
+            id: R,
             variant: "error",
             live: "polite",
             "data-testid": "payment-error",
-            children: /* @__PURE__ */ t(ee.Description, { children: $ })
+            children: /* @__PURE__ */ t(se.Description, { children: H })
           }
         ) : null,
         /* @__PURE__ */ t(
           "button",
           {
             type: "submit",
-            "aria-disabled": oe || void 0,
-            "aria-busy": p || void 0,
-            "aria-describedby": x ? v : void 0,
-            className: se(),
+            "aria-disabled": ue || void 0,
+            "aria-busy": f || void 0,
+            "aria-describedby": b ? R : void 0,
+            className: ce(),
             "data-testid": "payment-submit",
-            children: p ? /* @__PURE__ */ u(ie, { children: [
+            children: f ? /* @__PURE__ */ g(me, { children: [
               /* @__PURE__ */ t(
-                te,
+                oe,
                 {
                   variant: "pulse",
                   size: "sm",
-                  label: i("payment.processing")
+                  label: c("payment.processing")
                 }
               ),
-              /* @__PURE__ */ t("span", { children: i("payment.processing") })
-            ] }) : /* @__PURE__ */ t("span", { children: i("payment.submit", {
-              amount: O(n, a, e)
+              /* @__PURE__ */ t("span", { children: c("payment.processing") })
+            ] }) : /* @__PURE__ */ t("span", { children: c("payment.submit", {
+              amount: J(n, a, e)
             }) })
           }
         )
@@ -446,7 +516,7 @@ function Ne(r) {
     }
   );
 }
-const re = /* @__PURE__ */ new Set([
+const ae = /* @__PURE__ */ new Set([
   "auto",
   "ar",
   "bg",
@@ -498,151 +568,158 @@ const re = /* @__PURE__ */ new Set([
   "zh-HK",
   "zh-TW"
 ]);
-function Se(r) {
+function ze(r) {
   if (!r) return "auto";
   const n = r === "cn" ? "zh" : r;
-  if (re.has(n))
+  if (ae.has(n))
     return n;
   const a = n.split("-")[0];
-  return re.has(a) ? a : "auto";
+  return ae.has(a) ? a : "auto";
 }
-const _e = de(
+const Le = pe(
   ({
     id: r,
     clientSecret: n,
     mode: a = "payment",
     onCreatePaymentIntent: e,
-    publishableKey: o,
-    currency: s,
-    amount: c,
-    onSuccess: I,
-    onError: P,
-    billingAddress: N = !1,
-    locale: B,
+    publishableKey: d,
+    currency: o,
+    amount: m,
+    onSuccess: N,
+    onError: K,
+    billingAddress: F = !1,
+    locale: O,
     ariaLabel: i,
-    returnUrl: h,
-    stripePromise: l,
-    layout: R = "tabs",
-    className: g
-  }, M) => {
-    const { i18n: T } = W(), v = Se(B ?? T.language ?? "en"), [p, w] = _(l ?? null);
-    D(() => {
-      if (l !== void 0) {
-        w(l);
+    returnUrl: c,
+    stripePromise: p,
+    layout: h = "tabs",
+    className: B
+  }, I) => {
+    const { i18n: U } = Y(), w = ze(O ?? U.language ?? "en"), [R, f] = z(p ?? null);
+    L(() => {
+      if (p !== void 0) {
+        f(p);
         return;
       }
-      if (!o) {
-        w(null);
+      if (!d) {
+        f(null);
         return;
       }
-      w(ue(o));
-    }, [l, o]);
-    const [z, U] = _(
-      () => H()
+      f(ge(d));
+    }, [p, d]);
+    const [S, V] = z(
+      () => Z()
     );
-    D(() => (U(H()), he(U)), []);
-    const x = K(null), S = G(
+    L(() => (V(Z()), Se(V)), []);
+    const T = j(null), b = j({
+      status: "idle",
+      complete: !1,
+      errorKey: null,
+      paymentIntentId: null
+    }), G = X(
       () => ({
         submit: async () => {
-          var d;
-          const m = (d = x.current) == null ? void 0 : d.querySelector("form");
-          m && m.dispatchEvent(
-            new CustomEvent("payment-form:submit", { bubbles: !0 })
-          );
+          const u = b.current.submit;
+          u && await u();
         },
         reset: () => {
-          var d;
-          const m = (d = x.current) == null ? void 0 : d.querySelector("form");
-          m instanceof HTMLFormElement && m.reset();
-        }
+          var l;
+          const u = (l = T.current) == null ? void 0 : l.querySelector("form");
+          u instanceof HTMLFormElement && u.reset();
+        },
+        getStatus: () => b.current.status,
+        isComplete: () => b.current.complete,
+        getErrorKey: () => b.current.errorKey,
+        getPaymentIntentId: () => b.current.paymentIntentId
       }),
       []
     );
-    ce(M, () => x.current, []), ve(we, S, r);
-    const $ = G(
+    fe(I, () => T.current, []), xe(ke, G, r);
+    const H = X(
       () => n !== void 0 ? (
         // Immediate mode — the consumer already created the intent.
-        { clientSecret: n, appearance: z, locale: v }
+        { clientSecret: n, appearance: S, locale: w }
       ) : (
         // 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: a,
-          amount: c,
-          currency: s.toLowerCase(),
-          appearance: z,
-          locale: v
+          amount: m,
+          currency: o.toLowerCase(),
+          appearance: S,
+          locale: w
         }
       ),
-      [n, a, c, s, z, v]
+      [n, a, m, o, S, w]
     );
     return /* @__PURE__ */ t(
       "div",
       {
-        ref: x,
+        ref: T,
         "aria-label": i,
-        className: [Ie(), g].filter(Boolean).join(" "),
+        className: [Pe(), B].filter(Boolean).join(" "),
         "data-component": "payment-form",
         "data-component-id": r,
         "data-testid": "payment-form-root",
-        children: p ? (
+        children: R ? (
           // 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__ */ t(
-            pe,
+            be,
             {
-              stripe: p,
-              options: $,
+              stripe: R,
+              options: H,
               children: /* @__PURE__ */ t(
-                Ne,
+                _e,
                 {
-                  amount: c,
-                  currency: s,
-                  locale: v,
-                  billingAddress: N,
-                  returnUrl: h,
+                  amount: m,
+                  currency: o,
+                  locale: w,
+                  billingAddress: F,
+                  returnUrl: c,
                   clientSecret: n,
                   onCreatePaymentIntent: e,
-                  onSuccess: I,
-                  onError: P,
-                  layout: R
+                  onSuccess: N,
+                  onError: K,
+                  layout: h,
+                  agentBridge: b
                 }
               )
             },
             n ?? "deferred"
           )
         ) : /* @__PURE__ */ t(
-          Fe,
+          Ae,
           {
-            amount: c,
-            currency: s,
-            locale: v,
-            billingAddress: N
+            amount: m,
+            currency: o,
+            locale: w,
+            billingAddress: F
           }
         )
       }
     );
   }
 );
-_e.displayName = "PaymentForm";
-function Fe(r) {
-  const { amount: n, currency: a, locale: e, billingAddress: o } = r, { t: s } = W();
-  return /* @__PURE__ */ u(
+Le.displayName = "PaymentForm";
+function Ae(r) {
+  const { amount: n, currency: a, locale: e, billingAddress: d } = r, { t: o } = Y();
+  return /* @__PURE__ */ g(
     "div",
     {
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
       "data-testid": "payment-skeleton",
       "aria-busy": "true",
       children: [
-        /* @__PURE__ */ u("div", { className: ae(), children: [
-          /* @__PURE__ */ t("span", { className: F(), children: s("payment.amountLabel") }),
-          /* @__PURE__ */ t("span", { className: "type-title-card", children: O(n, a, e) })
+        /* @__PURE__ */ g("div", { className: de(), children: [
+          /* @__PURE__ */ t("span", { className: A(), children: o("payment.amountLabel") }),
+          /* @__PURE__ */ t("span", { className: "type-title-card", children: J(n, a, e) })
         ] }),
-        /* @__PURE__ */ u("div", { className: V(), children: [
-          /* @__PURE__ */ t("span", { className: F(), children: s("payment.fields.card") }),
+        /* @__PURE__ */ g("div", { className: q(), children: [
+          /* @__PURE__ */ t("span", { className: A(), children: o("payment.fields.card") }),
           /* @__PURE__ */ t(
             "div",
             {
@@ -651,8 +728,8 @@ function Fe(r) {
             }
           )
         ] }),
-        o ? /* @__PURE__ */ u("div", { className: V(), "data-testid": "payment-address", children: [
-          /* @__PURE__ */ t("span", { className: F(), children: s("payment.billingAddress") }),
+        d ? /* @__PURE__ */ g("div", { className: q(), "data-testid": "payment-address", children: [
+          /* @__PURE__ */ t("span", { className: A(), children: o("payment.billingAddress") }),
           /* @__PURE__ */ t(
             "div",
             {
@@ -661,16 +738,16 @@ function Fe(r) {
             }
           )
         ] }) : null,
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ g(
           "button",
           {
             type: "button",
             "aria-disabled": "true",
-            className: se(),
+            className: ce(),
             disabled: !0,
             children: [
-              /* @__PURE__ */ t(te, { variant: "pulse", size: "sm", label: s("payment.processing") }),
-              /* @__PURE__ */ t("span", { children: s("payment.processing") })
+              /* @__PURE__ */ t(oe, { variant: "pulse", size: "sm", label: o("payment.processing") }),
+              /* @__PURE__ */ t("span", { children: o("payment.processing") })
             ]
           }
         )
@@ -679,12 +756,12 @@ function Fe(r) {
   );
 }
 export {
-  _e as P,
-  Ie as a,
-  Ce as b,
-  Ee as c,
-  O as f,
-  we as p,
-  se as s
+  Le as P,
+  Pe as a,
+  Ne as b,
+  Fe as c,
+  J as f,
+  ke as p,
+  ce as s
 };
-//# sourceMappingURL=payment-form-h-BZ8onk.js.map
+//# sourceMappingURL=payment-form-Ds1I9KqB.js.map