@alfadocs/ui-kit 0.45.0 → 0.47.0

package/dist/_chunks/{payment-form-DqEiEJRO.js → payment-form-BNTx4876.js}

@@ -1,19 +1,19 @@
-import { jsx as t, jsxs as m, Fragment as oe } from "react/jsx-runtime";
-import { forwardRef as ie, useState as z, useEffect as D, useRef as q, useMemo as G, useImperativeHandle as de, useId as ce, useCallback as le } from "react";
-import { c as R } from "./index-D2ZczOXr.js";
-import { useTranslation as K } from "react-i18next";
-import { S as re } from "./spinner-OjQNn8oN.js";
-import { A as Q } from "./alert-ywPR59NE.js";
-import { loadStripe as me } from "@stripe/stripe-js";
-import { Elements as ue, useStripe as pe, useElements as fe, PaymentElement as be, AddressElement as ve } from "@stripe/react-stripe-js";
-import { u as ye } from "./registry-nPAVE19X.js";
-function te() {
+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 G, useMemo as H, 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-OjQNn8oN.js";
+import { A as ee } from "./alert-ywPR59NE.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-nPAVE19X.js";
+function ne() {
   return typeof document < "u" && typeof window < "u";
 }
-function H(r) {
-  if (!te())
+function O(r) {
+  if (!ne())
     return { theme: "stripe" };
-  const n = r ?? document.documentElement, s = getComputedStyle(n), e = (a) => s.getPropertyValue(a).trim();
+  const n = r ?? document.documentElement, a = getComputedStyle(n), e = (s) => a.getPropertyValue(s).trim();
   return {
     theme: n.classList.contains("theme-dark") ? "night" : "stripe",
     variables: {
@@ -65,24 +65,46 @@ function H(r) {
         borderColor: e("--primary"),
         backgroundColor: e("--background"),
         color: e("--primary")
+      },
+      // Accordion method rows (the `accordion` layout): keep Stripe's native
+      // per-method card structure, restyled with our tokens — our border +
+      // radius, our background, `--primary` on the selected row, no extra shadow.
+      ".AccordionItem": {
+        backgroundColor: e("--background"),
+        border: `1px solid ${e("--border")}`,
+        borderRadius: e("--radius-md"),
+        boxShadow: "none"
+      },
+      ".AccordionItem--selected": {
+        borderColor: e("--primary"),
+        backgroundColor: e("--background")
+      },
+      // Stripe's in-method notice blocks (e.g. PayPal's "you'll be redirected")
+      // otherwise render in their own bordered box — a card nested inside the
+      // selected method card. Flatten to inline icon + text, no inner box.
+      ".Block": {
+        border: "none",
+        borderRadius: "0",
+        boxShadow: "none",
+        backgroundColor: "transparent"
       }
     }
   };
 }
-function ge(r, n) {
-  if (!te()) return () => {
+function he(r, n) {
+  if (!ne()) return () => {
   };
-  const s = document.documentElement, e = () => r(H(n)), o = new MutationObserver(e);
-  o.observe(s, {
+  const a = document.documentElement, e = () => r(O(n)), o = new MutationObserver(e);
+  o.observe(a, {
     attributes: !0,
     attributeFilter: ["class", "dir", "lang"]
   });
-  const a = window.matchMedia("(prefers-color-scheme: dark)"), c = window.matchMedia("(prefers-reduced-motion: reduce)");
-  return a.addEventListener("change", e), c.addEventListener("change", e), () => {
-    o.disconnect(), a.removeEventListener("change", e), c.removeEventListener("change", e);
+  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 he = {
+const we = {
   id: "payment-form",
   capabilities: ["submit"],
   state: {},
@@ -108,7 +130,7 @@ const he = {
       description: "Sourced from the id prop."
     }
   }
-}, we = /* @__PURE__ */ new Set([
+}, xe = /* @__PURE__ */ new Set([
   "BIF",
   "CLP",
   "DJF",
@@ -127,10 +149,10 @@ const he = {
   "XOF",
   "XPF"
 ]);
-function O(r, n, s) {
-  const e = n.toUpperCase(), o = we.has(e) ? r : r / 100;
+function K(r, n, a) {
+  const e = n.toUpperCase(), o = xe.has(e) ? r : r / 100;
   try {
-    return new Intl.NumberFormat(s, {
+    return new Intl.NumberFormat(a, {
       style: "currency",
       currency: e
     }).format(o);
@@ -141,21 +163,21 @@ function O(r, n, s) {
     }).format(o);
   }
 }
-function xe(r) {
+function ke(r) {
   if (r === void 0) return null;
   const n = r.trim();
   if (n === "" || typeof window > "u") return null;
   try {
-    const s = new URL(n, window.location.href);
-    return !(/* @__PURE__ */ new Set(["http:", "https:"])).has(s.protocol) || s.origin !== window.location.origin ? null : s.toString();
+    const a = new URL(n, window.location.href);
+    return !(/* @__PURE__ */ new Set(["http:", "https:"])).has(a.protocol) || a.origin !== window.location.origin ? null : a.toString();
   } catch {
     return null;
   }
 }
-function Ee(r) {
+function Ce(r) {
   return r && r.replace(/\d{4,}/g, "****");
 }
-function Ne(r) {
+function Ee(r) {
   switch (r) {
     case "incorrect_number":
     case "invalid_number":
@@ -181,20 +203,21 @@ function Ne(r) {
       return "payment.error.generic";
   }
 }
-const ke = R(
+const Ie = A(
   [
     "ds:payment-form-alfadocs ds:flex ds:flex-col",
     "ds:gap-[var(--spacing-md)]",
-    "ds:bg-[var(--background)] ds:text-[var(--foreground)]",
-    "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--card-border)] ds:shadow-[var(--shadow-card)] ds:[.theme-accessible_&]:border-2",
-    "ds:p-[var(--spacing-md)]",
+    // Transparent, padding-less container — the consuming surface (a Card, the
+    // check-in step, a checkout column) owns the card chrome + padding, so the
+    // Stripe method boxes never read as cards nested inside another card.
+    "ds:text-[var(--foreground)]",
     "ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed"
   ].join(" ")
-), V = R(
+), B = A(
   ["ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]"].join(" ")
-), F = R(
+), z = A(
   ["type-label", "ds:text-[var(--foreground)]"].join(" ")
-), ne = R(
+), ae = A(
   [
     "ds:flex ds:items-baseline ds:justify-between",
     "ds:gap-[var(--spacing-sm)]",
@@ -204,7 +227,7 @@ const ke = R(
     "ds:rounded-[var(--radius-sm)]",
     "ds:text-[var(--foreground)]"
   ].join(" ")
-), se = R(
+), se = A(
   [
     "ds:inline-flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)]",
     "ds:[min-block-size:var(--min-target-size)]",
@@ -224,175 +247,179 @@ const ke = R(
     "ds:aria-busy:cursor-wait"
   ].join(" ")
 );
-function Ce(r) {
+function Ne(r) {
   const {
     amount: n,
-    currency: s,
+    currency: a,
     locale: e,
     billingAddress: o,
-    returnUrl: a,
+    returnUrl: s,
     clientSecret: c,
     onCreatePaymentIntent: I,
-    onSuccess: P,
-    onError: _
-  } = r, { t: i } = K(), h = pe(), v = fe(), w = ce(), y = G(
-    () => `pay-${w.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-    [w]
-  ), M = `${y}-payment`, T = `${y}-address`, g = `${y}-error`, [u, x] = z(!1), [L, U] = z(!1), [E, S] = z(null), [j, l] = z(""), d = q(P), N = q(_);
+    onSuccess: F,
+    onError: N,
+    layout: V
+  } = r, { t: i } = W(), h = fe(), l = be(), R = le(), g = H(
+    () => `pay-${R.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+    [R]
+  ), M = `${g}-payment`, T = `${g}-address`, v = `${g}-error`, [p, w] = _(!1), [P, U] = _(!1), [x, S] = _(null), [$, m] = _(""), d = G(F), k = G(N);
   D(() => {
-    d.current = P, N.current = _;
-  }, [P, _]);
-  const B = le(
-    async (p) => {
-      var X, Z, J;
-      if (p && p.preventDefault(), !h || !v || u) return;
-      x(!0), S(null), l("");
-      const k = (f, A) => {
-        var Y;
-        const b = Ne(f), C = Ee(A ?? "");
-        S(b), l(i(b)), (Y = N.current) == null || Y.call(N, {
-          code: f,
-          translatedMessage: C || i(b)
+    d.current = F, k.current = N;
+  }, [F, 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)
         });
-      }, $ = xe(a);
-      if (a !== void 0 && $ === null) {
-        S("payment.error.invalidReturnUrl"), l(i("payment.error.invalidReturnUrl")), (X = N.current) == null || X.call(N, {
+      }, 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, {
           code: "invalid_return_url",
           translatedMessage: i("payment.error.invalidReturnUrl")
-        }), x(!1);
+        }), w(!1);
         return;
       }
-      const W = $ ? { return_url: $ } : {};
+      const X = q ? { return_url: q } : {};
       try {
         if (c !== void 0) {
-          const C = await h.confirmPayment({
-            elements: v,
-            confirmParams: W,
+          const E = await h.confirmPayment({
+            elements: l,
+            confirmParams: X,
             redirect: "if_required"
           });
-          if (C.error) {
-            k(C.error.code ?? "generic", C.error.message);
+          if (E.error) {
+            C(E.error.code ?? "generic", E.error.message);
             return;
           }
-          C.paymentIntent && ((Z = d.current) == null || Z.call(d, C.paymentIntent.id));
+          E.paymentIntent && ((J = d.current) == null || J.call(d, E.paymentIntent.id));
           return;
         }
-        const { error: f } = await v.submit();
-        if (f) {
-          k(f.code ?? "generic", f.message);
+        const { error: b } = await l.submit();
+        if (b) {
+          C(b.code ?? "generic", b.message);
           return;
         }
         if (!I)
           return;
-        const A = await I(), b = await h.confirmPayment({
-          elements: v,
-          clientSecret: A,
-          confirmParams: W,
+        const L = await I(), y = await h.confirmPayment({
+          elements: l,
+          clientSecret: L,
+          confirmParams: X,
           redirect: "if_required"
         });
-        if (b.error) {
-          k(b.error.code ?? "generic", b.error.message);
+        if (y.error) {
+          C(y.error.code ?? "generic", y.error.message);
           return;
         }
-        b.paymentIntent && ((J = d.current) == null || J.call(d, b.paymentIntent.id));
-      } catch (f) {
-        const A = f instanceof Error ? f.message : "";
-        k("unexpected", A);
+        y.paymentIntent && ((Y = d.current) == null || Y.call(d, y.paymentIntent.id));
+      } catch (b) {
+        const L = b instanceof Error ? b.message : "";
+        C("unexpected", L);
       } finally {
-        x(!1);
+        w(!1);
       }
     },
     [
       h,
-      v,
-      u,
-      a,
+      l,
+      p,
+      s,
       c,
       I,
       i
     ]
   );
   D(() => {
-    const p = document.getElementById(y);
-    if (!p) return;
-    const k = () => {
-      B();
+    const f = document.getElementById(g);
+    if (!f) return;
+    const C = () => {
+      j();
     };
-    return p.addEventListener("payment-form:submit", k), () => p.removeEventListener("payment-form:submit", k);
-  }, [y, B]);
-  const ae = !h || !v || u || !(c === void 0 && !I) && !L;
+    return f.addEventListener("payment-form:submit", C), () => f.removeEventListener("payment-form:submit", C);
+  }, [g, j]);
+  const oe = !h || !l || p || !(c === void 0 && !I) && !P;
   return /* @__PURE__ */ t(
     "form",
     {
-      id: y,
-      onSubmit: B,
+      id: g,
+      onSubmit: j,
       "aria-label": i("payment.ariaLabel"),
-      "aria-busy": u || void 0,
+      "aria-busy": p || void 0,
       noValidate: !0,
-      children: /* @__PURE__ */ m("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-        /* @__PURE__ */ m("div", { className: ne(), children: [
-          /* @__PURE__ */ t("span", { className: F(), children: i("payment.amountLabel") }),
-          /* @__PURE__ */ t("span", { className: "type-title-card", "data-testid": "payment-amount", children: O(n, s, e) })
+      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: z(), children: i("payment.amountLabel") }),
+          /* @__PURE__ */ t("span", { className: "type-title-card", "data-testid": "payment-amount", children: K(n, a, e) })
         ] }),
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ u(
           "label",
           {
             htmlFor: M,
-            className: V(),
+            className: B(),
             "data-testid": "payment-field",
             children: [
-              /* @__PURE__ */ t("span", { className: F(), children: i("payment.fields.card") }),
+              /* @__PURE__ */ t("span", { className: z(), children: i("payment.fields.card") }),
               /* @__PURE__ */ t(
-                be,
+                ye,
                 {
                   id: M,
                   options: {
-                    layout: { type: "accordion", defaultCollapsed: !1 }
+                    // `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: V === "accordion" ? { type: "accordion", defaultCollapsed: !0 } : { type: "tabs" }
                   },
-                  onChange: (p) => {
-                    U(p.complete === !0), p.complete && (S(null), l(""));
+                  onChange: (f) => {
+                    U(f.complete === !0), f.complete && (S(null), m(""));
                   }
                 }
               )
             ]
           }
         ),
-        o ? /* @__PURE__ */ m(
+        o ? /* @__PURE__ */ u(
           "label",
           {
             htmlFor: T,
-            className: V(),
+            className: B(),
             "data-testid": "payment-address",
             children: [
-              /* @__PURE__ */ t("span", { className: F(), children: i("payment.billingAddress") }),
-              /* @__PURE__ */ t(ve, { id: T, options: { mode: "billing" } })
+              /* @__PURE__ */ t("span", { className: z(), children: i("payment.billingAddress") }),
+              /* @__PURE__ */ t(ge, { id: T, options: { mode: "billing" } })
             ]
           }
         ) : null,
-        E ? /* @__PURE__ */ t(
-          Q,
+        x ? /* @__PURE__ */ t(
+          ee,
           {
-            id: g,
+            id: v,
             variant: "error",
             live: "polite",
             "data-testid": "payment-error",
-            children: /* @__PURE__ */ t(Q.Description, { children: j })
+            children: /* @__PURE__ */ t(ee.Description, { children: $ })
           }
         ) : null,
         /* @__PURE__ */ t(
           "button",
           {
             type: "submit",
-            "aria-disabled": ae || void 0,
-            "aria-busy": u || void 0,
-            "aria-describedby": E ? g : void 0,
+            "aria-disabled": oe || void 0,
+            "aria-busy": p || void 0,
+            "aria-describedby": x ? v : void 0,
             className: se(),
             "data-testid": "payment-submit",
-            children: u ? /* @__PURE__ */ m(oe, { children: [
-              /* @__PURE__ */ t(re, { size: "sm", label: i("payment.processing") }),
+            children: p ? /* @__PURE__ */ u(ie, { children: [
+              /* @__PURE__ */ t(te, { size: "sm", label: i("payment.processing") }),
               /* @__PURE__ */ t("span", { children: i("payment.processing") })
             ] }) : /* @__PURE__ */ t("span", { children: i("payment.submit", {
-              amount: O(n, s, e)
+              amount: K(n, a, e)
             }) })
           }
         )
@@ -400,7 +427,7 @@ function Ce(r) {
     }
   );
 }
-const ee = /* @__PURE__ */ new Set([
+const re = /* @__PURE__ */ new Set([
   "auto",
   "ar",
   "bg",
@@ -452,127 +479,129 @@ const ee = /* @__PURE__ */ new Set([
   "zh-HK",
   "zh-TW"
 ]);
-function Ie(r) {
+function Se(r) {
   if (!r) return "auto";
   const n = r === "cn" ? "zh" : r;
-  if (ee.has(n))
+  if (re.has(n))
     return n;
-  const s = n.split("-")[0];
-  return ee.has(s) ? s : "auto";
+  const a = n.split("-")[0];
+  return re.has(a) ? a : "auto";
 }
-const _e = ie(
+const _e = de(
   ({
     id: r,
     clientSecret: n,
-    mode: s = "payment",
+    mode: a = "payment",
     onCreatePaymentIntent: e,
     publishableKey: o,
-    currency: a,
+    currency: s,
     amount: c,
     onSuccess: I,
-    onError: P,
-    billingAddress: _ = !1,
-    locale: i,
-    ariaLabel: h,
-    returnUrl: v,
-    stripePromise: w,
-    className: y
+    onError: F,
+    billingAddress: N = !1,
+    locale: V,
+    ariaLabel: i,
+    returnUrl: h,
+    stripePromise: l,
+    layout: R = "tabs",
+    className: g
   }, M) => {
-    const { i18n: T } = K(), g = Ie(i ?? T.language ?? "en"), [u, x] = z(w ?? null);
+    const { i18n: T } = W(), v = Se(V ?? T.language ?? "en"), [p, w] = _(l ?? null);
     D(() => {
-      if (w !== void 0) {
-        x(w);
+      if (l !== void 0) {
+        w(l);
         return;
       }
       if (!o) {
-        x(null);
+        w(null);
         return;
       }
-      x(me(o));
-    }, [w, o]);
-    const [L, U] = z(
-      () => H()
+      w(ue(o));
+    }, [l, o]);
+    const [P, U] = _(
+      () => O()
     );
-    D(() => (U(H()), ge(U)), []);
-    const E = q(null), S = G(
+    D(() => (U(O()), he(U)), []);
+    const x = G(null), S = H(
       () => ({
         submit: async () => {
           var d;
-          const l = (d = E.current) == null ? void 0 : d.querySelector("form");
-          l && l.dispatchEvent(
+          const m = (d = x.current) == null ? void 0 : d.querySelector("form");
+          m && m.dispatchEvent(
             new CustomEvent("payment-form:submit", { bubbles: !0 })
           );
         },
         reset: () => {
           var d;
-          const l = (d = E.current) == null ? void 0 : d.querySelector("form");
-          l instanceof HTMLFormElement && l.reset();
+          const m = (d = x.current) == null ? void 0 : d.querySelector("form");
+          m instanceof HTMLFormElement && m.reset();
         }
       }),
       []
     );
-    de(M, () => E.current, []), ye(he, S, r);
-    const j = G(
+    ce(M, () => x.current, []), ve(we, S, r);
+    const $ = H(
       () => n !== void 0 ? (
         // Immediate mode — the consumer already created the intent.
-        { clientSecret: n, appearance: L, locale: g }
+        { clientSecret: n, appearance: P, locale: v }
       ) : (
         // 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: s,
+          mode: a,
           amount: c,
-          currency: a.toLowerCase(),
-          appearance: L,
-          locale: g
+          currency: s.toLowerCase(),
+          appearance: P,
+          locale: v
         }
       ),
-      [n, s, c, a, L, g]
+      [n, a, c, s, P, v]
     );
     return /* @__PURE__ */ t(
       "div",
       {
-        ref: E,
-        "aria-label": h,
-        className: [ke(), y].filter(Boolean).join(" "),
+        ref: x,
+        "aria-label": i,
+        className: [Ie(), g].filter(Boolean).join(" "),
         "data-component": "payment-form",
         "data-component-id": r,
         "data-testid": "payment-form-root",
-        children: u ? (
+        children: p ? (
           // 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(
-            ue,
+            pe,
             {
-              stripe: u,
-              options: j,
+              stripe: p,
+              options: $,
               children: /* @__PURE__ */ t(
-                Ce,
+                Ne,
                 {
                   amount: c,
-                  currency: a,
-                  locale: g,
-                  billingAddress: _,
-                  returnUrl: v,
+                  currency: s,
+                  locale: v,
+                  billingAddress: N,
+                  returnUrl: h,
                   clientSecret: n,
                   onCreatePaymentIntent: e,
                   onSuccess: I,
-                  onError: P
+                  onError: F,
+                  layout: R
                 }
               )
             },
             n ?? "deferred"
           )
         ) : /* @__PURE__ */ t(
-          Se,
+          ze,
           {
             amount: c,
-            currency: a,
-            locale: g,
-            billingAddress: _
+            currency: s,
+            locale: v,
+            billingAddress: N
           }
         )
       }
@@ -580,21 +609,21 @@ const _e = ie(
   }
 );
 _e.displayName = "PaymentForm";
-function Se(r) {
-  const { amount: n, currency: s, locale: e, billingAddress: o } = r, { t: a } = K();
-  return /* @__PURE__ */ m(
+function ze(r) {
+  const { amount: n, currency: a, locale: e, billingAddress: o } = r, { t: s } = W();
+  return /* @__PURE__ */ u(
     "div",
     {
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
       "data-testid": "payment-skeleton",
       "aria-busy": "true",
       children: [
-        /* @__PURE__ */ m("div", { className: ne(), children: [
-          /* @__PURE__ */ t("span", { className: F(), children: a("payment.amountLabel") }),
-          /* @__PURE__ */ t("span", { className: "type-title-card", children: O(n, s, e) })
+        /* @__PURE__ */ u("div", { className: ae(), children: [
+          /* @__PURE__ */ t("span", { className: z(), children: s("payment.amountLabel") }),
+          /* @__PURE__ */ t("span", { className: "type-title-card", children: K(n, a, e) })
         ] }),
-        /* @__PURE__ */ m("div", { className: V(), children: [
-          /* @__PURE__ */ t("span", { className: F(), children: a("payment.fields.card") }),
+        /* @__PURE__ */ u("div", { className: B(), children: [
+          /* @__PURE__ */ t("span", { className: z(), children: s("payment.fields.card") }),
           /* @__PURE__ */ t(
             "div",
             {
@@ -603,8 +632,8 @@ function Se(r) {
             }
           )
         ] }),
-        o ? /* @__PURE__ */ m("div", { className: V(), "data-testid": "payment-address", children: [
-          /* @__PURE__ */ t("span", { className: F(), children: a("payment.billingAddress") }),
+        o ? /* @__PURE__ */ u("div", { className: B(), "data-testid": "payment-address", children: [
+          /* @__PURE__ */ t("span", { className: z(), children: s("payment.billingAddress") }),
           /* @__PURE__ */ t(
             "div",
             {
@@ -613,7 +642,7 @@ function Se(r) {
             }
           )
         ] }) : null,
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ u(
           "button",
           {
             type: "button",
@@ -621,8 +650,8 @@ function Se(r) {
             className: se(),
             disabled: !0,
             children: [
-              /* @__PURE__ */ t(re, { size: "sm", label: a("payment.processing") }),
-              /* @__PURE__ */ t("span", { children: a("payment.processing") })
+              /* @__PURE__ */ t(te, { size: "sm", label: s("payment.processing") }),
+              /* @__PURE__ */ t("span", { children: s("payment.processing") })
             ]
           }
         )
@@ -632,11 +661,11 @@ function Se(r) {
 }
 export {
   _e as P,
-  ke as a,
-  Ee as b,
-  Ne as c,
-  O as f,
-  he as p,
+  Ie as a,
+  Ce as b,
+  Ee as c,
+  K as f,
+  we as p,
   se as s
 };
-//# sourceMappingURL=payment-form-DqEiEJRO.js.map
+//# sourceMappingURL=payment-form-BNTx4876.js.map