@alfadocs/ui-kit-debug 1.45.0 → 1.47.0

package/dist/_chunks/payment-form-BHMDqW9C.js

@@ -1,767 +0,0 @@
-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-CiQ5Pa3Q.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 Z(r) {
-  if (!ie())
-    return { theme: "stripe" };
-  const n = r ?? document.documentElement, a = getComputedStyle(n), e = (o) => a.getPropertyValue(o).trim();
-  return {
-    theme: n.classList.contains("theme-dark") ? "night" : "stripe",
-    variables: {
-      colorPrimary: e("--primary"),
-      colorBackground: e("--background"),
-      colorText: e("--foreground"),
-      colorDanger: e("--destructive"),
-      colorTextSecondary: e("--muted-foreground"),
-      colorTextPlaceholder: e("--muted-foreground"),
-      borderRadius: e("--radius-md"),
-      fontFamily: e("--font-sans"),
-      fontSizeBase: e("--font-size-base"),
-      // Stripe multiplies spacingUnit throughout every Element; --spacing-sm
-      // gives readable density. Keep this in sync with the JSDoc above.
-      spacingUnit: e("--spacing-sm")
-    },
-    rules: {
-      ".Input": {
-        backgroundColor: e("--background"),
-        border: `1px solid ${e("--border")}`,
-        color: e("--foreground"),
-        padding: e("--spacing-sm"),
-        transition: `border-color ${e("--animation-duration")} ease-out`
-      },
-      ".Input:focus": {
-        borderColor: e("--primary"),
-        boxShadow: `0 0 0 ${e("--focus-ring-width")} ${e("--ring")}`,
-        outline: "none"
-      },
-      ".Input--invalid": {
-        borderColor: e("--destructive"),
-        color: e("--foreground")
-      },
-      ".Label": {
-        color: e("--foreground"),
-        fontWeight: e("--font-weight-medium"),
-        fontSize: e("--font-size-sm")
-      },
-      ".Error": {
-        color: e("--destructive"),
-        fontSize: e("--font-size-sm")
-      },
-      ".Tab": {
-        border: `1px solid ${e("--border")}`,
-        backgroundColor: e("--background"),
-        color: e("--foreground")
-      },
-      ".Tab--selected": {
-        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 Se(r, n) {
-  if (!ie()) return () => {
-  };
-  const a = document.documentElement, e = () => r(Z(n)), d = new MutationObserver(e);
-  d.observe(a, {
-    attributes: !0,
-    attributeFilter: ["class", "dir", "lang"]
-  });
-  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 ke = {
-  id: "payment-form",
-  capabilities: ["submit"],
-  // 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",
-      // Charges an external payment processor — irreversible, hits a system
-      // outside this UI.
-      openWorld: !0,
-      returns: "Promise<void>",
-      errors: [
-        '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. 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, and discards the previous attempt — `status` returns to "idle" and `errorKey` / `paymentIntentId` to null.',
-      invoke: (r) => {
-        r.reset();
-      }
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "payment-form" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    }
-  }
-}, Ce = /* @__PURE__ */ new Set([
-  "BIF",
-  "CLP",
-  "DJF",
-  "GNF",
-  "IDR",
-  "JPY",
-  "KMF",
-  "KRW",
-  "MGA",
-  "PYG",
-  "RWF",
-  "UGX",
-  "VND",
-  "VUV",
-  "XAF",
-  "XOF",
-  "XPF"
-]);
-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(d);
-  } catch {
-    return new Intl.NumberFormat("en", {
-      style: "currency",
-      currency: e
-    }).format(d);
-  }
-}
-function Ee(r) {
-  if (r === void 0) return null;
-  const n = r.trim();
-  if (n === "" || typeof window > "u") return null;
-  try {
-    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 Ne(r) {
-  return r && r.replace(/\d{4,}/g, "****");
-}
-function Fe(r) {
-  switch (r) {
-    case "incorrect_number":
-    case "invalid_number":
-      return "payment.error.cardNumber";
-    case "invalid_expiry_month":
-    case "invalid_expiry_year":
-    case "expired_card":
-      return "payment.error.expiry";
-    case "invalid_cvc":
-    case "incorrect_cvc":
-      return "payment.error.cvc";
-    case "incorrect_zip":
-    case "invalid_zip":
-      return "payment.error.postalCode";
-    case "card_declined":
-    case "do_not_honor":
-    case "generic_decline":
-      return "payment.error.declined";
-    case "network_error":
-    case "api_connection_error":
-      return "payment.error.network";
-    default:
-      return "payment.error.generic";
-  }
-}
-const Pe = D(
-  [
-    "ds:payment-form-alfadocs ds:flex ds:flex-col",
-    "ds:gap-[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(" ")
-), q = D(
-  ["ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]"].join(" ")
-), A = D(
-  ["type-label", "ds:text-[var(--foreground)]"].join(" ")
-), de = D(
-  [
-    "ds:flex ds:items-baseline ds:justify-between",
-    "ds:gap-[var(--spacing-sm)]",
-    "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
-    "ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]",
-    "ds:bg-[var(--muted)]",
-    "ds:rounded-[var(--radius-sm)]",
-    "ds:text-[var(--foreground)]"
-  ].join(" ")
-), ce = D(
-  [
-    "ds:inline-flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)]",
-    "ds:[min-block-size:var(--min-target-size)]",
-    "ds:[min-inline-size:var(--min-target-size)]",
-    "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-    "ds:rounded-[var(--radius-sm)]",
-    "ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]",
-    "ds:text-[length:var(--font-size-base)] ds:font-medium",
-    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-    "ds:hover:bg-[var(--primary-hover)]",
-    "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
-    "ds:focus-visible:outline-solid",
-    "ds:focus-visible:outline-[var(--ring)]",
-    "ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
-    "ds:forced-colors:focus-visible:outline-[CanvasText]",
-    "ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed",
-    "ds:aria-busy:cursor-wait"
-  ].join(" ")
-);
-function _e(r) {
-  const {
-    amount: n,
-    currency: a,
-    locale: e,
-    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)
-        });
-      }, 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: c("payment.error.invalidReturnUrl")
-        }), S(!1);
-        return;
-      }
-      const Q = W ? { return_url: W } : {};
-      try {
-        if (m !== void 0) {
-          const x = await p.confirmPayment({
-            elements: h,
-            confirmParams: Q,
-            redirect: "if_required"
-          });
-          if (x.error) {
-            E(x.error.code ?? "generic", x.error.message);
-            return;
-          }
-          x.paymentIntent && (i.current.paymentIntentId = x.paymentIntent.id, l("succeeded"), (re = k.current) == null || re.call(k, x.paymentIntent.id));
-          return;
-        }
-        const { error: v } = await h.submit();
-        if (v) {
-          E(v.code ?? "generic", v.message);
-          return;
-        }
-        if (!N) {
-          l("idle");
-          return;
-        }
-        const M = await N(), y = await p.confirmPayment({
-          elements: h,
-          clientSecret: M,
-          confirmParams: Q,
-          redirect: "if_required"
-        });
-        if (y.error) {
-          E(y.error.code ?? "generic", y.error.message);
-          return;
-        }
-        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 {
-        S(!1), i.current.status === "processing" && l("idle");
-      }
-    },
-    [
-      p,
-      h,
-      f,
-      o,
-      m,
-      N,
-      c,
-      i,
-      P,
-      l
-    ]
-  );
-  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);
-    };
-  }, [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: 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__ */ 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__ */ g(
-          "label",
-          {
-            htmlFor: U,
-            className: q(),
-            "data-testid": "payment-field",
-            children: [
-              /* @__PURE__ */ t("span", { className: A(), children: c("payment.fields.card") }),
-              /* @__PURE__ */ t(
-                Ie,
-                {
-                  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: O === "accordion" ? { type: "accordion", defaultCollapsed: !0 } : { type: "tabs" }
-                  },
-                  onChange: (s) => {
-                    le(s.complete === !0), s.complete && (P(null), u(""), i.current.status === "failed" && l("idle"));
-                  }
-                }
-              )
-            ]
-          }
-        ),
-        d ? /* @__PURE__ */ g(
-          "label",
-          {
-            htmlFor: w,
-            className: q(),
-            "data-testid": "payment-address",
-            children: [
-              /* @__PURE__ */ t("span", { className: A(), children: c("payment.billingAddress") }),
-              /* @__PURE__ */ t(we, { id: w, options: { mode: "billing" } })
-            ]
-          }
-        ) : null,
-        b ? /* @__PURE__ */ t(
-          se,
-          {
-            id: R,
-            variant: "error",
-            live: "polite",
-            "data-testid": "payment-error",
-            children: /* @__PURE__ */ t(se.Description, { children: H })
-          }
-        ) : null,
-        /* @__PURE__ */ t(
-          "button",
-          {
-            type: "submit",
-            "aria-disabled": ue || void 0,
-            "aria-busy": f || void 0,
-            "aria-describedby": b ? R : void 0,
-            className: ce(),
-            "data-testid": "payment-submit",
-            children: f ? /* @__PURE__ */ g(me, { children: [
-              /* @__PURE__ */ t(
-                oe,
-                {
-                  variant: "pulse",
-                  size: "sm",
-                  label: c("payment.processing")
-                }
-              ),
-              /* @__PURE__ */ t("span", { children: c("payment.processing") })
-            ] }) : /* @__PURE__ */ t("span", { children: c("payment.submit", {
-              amount: J(n, a, e)
-            }) })
-          }
-        )
-      ] })
-    }
-  );
-}
-const ae = /* @__PURE__ */ new Set([
-  "auto",
-  "ar",
-  "bg",
-  "cs",
-  "da",
-  "de",
-  "el",
-  "en",
-  "en-AU",
-  "en-CA",
-  "en-NZ",
-  "en-GB",
-  "es",
-  "es-ES",
-  "es-419",
-  "et",
-  "fi",
-  "fil",
-  "fr",
-  "fr-CA",
-  "fr-FR",
-  "he",
-  "hu",
-  "hr",
-  "id",
-  "it",
-  "it-IT",
-  "ja",
-  "ko",
-  "lt",
-  "lv",
-  "ms",
-  "mt",
-  "nb",
-  "nl",
-  "no",
-  "pl",
-  "pt",
-  "pt-BR",
-  "ro",
-  "ru",
-  "sk",
-  "sl",
-  "sv",
-  "th",
-  "tr",
-  "vi",
-  "zh",
-  "zh-HK",
-  "zh-TW"
-]);
-function ze(r) {
-  if (!r) return "auto";
-  const n = r === "cn" ? "zh" : r;
-  if (ae.has(n))
-    return n;
-  const a = n.split("-")[0];
-  return ae.has(a) ? a : "auto";
-}
-const Le = pe(
-  ({
-    id: r,
-    clientSecret: n,
-    mode: a = "payment",
-    onCreatePaymentIntent: e,
-    publishableKey: d,
-    currency: o,
-    amount: m,
-    onSuccess: N,
-    onError: K,
-    billingAddress: F = !1,
-    locale: O,
-    ariaLabel: i,
-    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 (!d) {
-        f(null);
-        return;
-      }
-      f(ge(d));
-    }, [p, d]);
-    const [S, V] = z(
-      () => Z()
-    );
-    L(() => (V(Z()), Se(V)), []);
-    const T = j(null), b = j({
-      status: "idle",
-      complete: !1,
-      errorKey: null,
-      paymentIntentId: null
-    }), G = X(
-      () => ({
-        submit: async () => {
-          const u = b.current.submit;
-          u && await u();
-        },
-        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
-      }),
-      []
-    );
-    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: 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: m,
-          currency: o.toLowerCase(),
-          appearance: S,
-          locale: w
-        }
-      ),
-      [n, a, m, o, S, w]
-    );
-    return /* @__PURE__ */ t(
-      "div",
-      {
-        ref: T,
-        "aria-label": i,
-        className: [Pe(), B].filter(Boolean).join(" "),
-        "data-component": "payment-form",
-        "data-component-id": r,
-        "data-testid": "payment-form-root",
-        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(
-            be,
-            {
-              stripe: R,
-              options: H,
-              children: /* @__PURE__ */ t(
-                _e,
-                {
-                  amount: m,
-                  currency: o,
-                  locale: w,
-                  billingAddress: F,
-                  returnUrl: c,
-                  clientSecret: n,
-                  onCreatePaymentIntent: e,
-                  onSuccess: N,
-                  onError: K,
-                  layout: h,
-                  agentBridge: b
-                }
-              )
-            },
-            n ?? "deferred"
-          )
-        ) : /* @__PURE__ */ t(
-          Ae,
-          {
-            amount: m,
-            currency: o,
-            locale: w,
-            billingAddress: F
-          }
-        )
-      }
-    );
-  }
-);
-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__ */ 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__ */ g("div", { className: q(), children: [
-          /* @__PURE__ */ t("span", { className: A(), children: o("payment.fields.card") }),
-          /* @__PURE__ */ t(
-            "div",
-            {
-              className: "ds:[min-block-size:var(--min-target-size)] ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--border)] ds:bg-[var(--muted)]",
-              "aria-hidden": "true"
-            }
-          )
-        ] }),
-        d ? /* @__PURE__ */ g("div", { className: q(), "data-testid": "payment-address", children: [
-          /* @__PURE__ */ t("span", { className: A(), children: o("payment.billingAddress") }),
-          /* @__PURE__ */ t(
-            "div",
-            {
-              className: "ds:[min-block-size:calc(var(--min-target-size)*2)] ds:rounded-[var(--radius-sm)] ds:border ds:border-[color:var(--border)] ds:bg-[var(--muted)]",
-              "aria-hidden": "true"
-            }
-          )
-        ] }) : null,
-        /* @__PURE__ */ g(
-          "button",
-          {
-            type: "button",
-            "aria-disabled": "true",
-            className: ce(),
-            disabled: !0,
-            children: [
-              /* @__PURE__ */ t(oe, { variant: "pulse", size: "sm", label: o("payment.processing") }),
-              /* @__PURE__ */ t("span", { children: o("payment.processing") })
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  Le as P,
-  Pe as a,
-  Ne as b,
-  Fe as c,
-  J as f,
-  ke as p,
-  ce as s
-};
-//# sourceMappingURL=payment-form-BHMDqW9C.js.map