@alfadocs/ui-kit-debug 1.46.0 → 1.47.0

package/dist/_chunks/payment-form-DqJFiplX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"payment-form-DqJFiplX.js","sources":["../../src/tokens/themes/bridges/stripe-appearance.ts","../../src/components/payment-form/payment-form.agent.ts","../../src/components/payment-form/payment-form.tsx"],"sourcesContent":["import type { Appearance } from '@stripe/stripe-js';\n\n/**\n * Reads the current design-system tokens from a theme-root element and maps\n * them to Stripe Elements' Appearance API. `root` defaults to\n * `document.documentElement` but consumers can pass a scoped theme wrapper\n * (e.g. a modal with its own `.theme-accessible` override) so that Stripe\n * iframes pick up the right token set.\n *\n * Tokens referenced: --primary, --background, --foreground, --muted,\n * --muted-foreground, --border, --destructive, --radius-md, --font-sans,\n * --font-size-base, --spacing-sm, --animation-duration, --focus-ring-width,\n * --ring.\n *\n * No hex / rgb / hsl literals — every value flows from the token layer.\n */\n\nfunction isBrowser(): boolean {\n  return typeof document !== 'undefined' && typeof window !== 'undefined';\n}\n\nexport function getStripeAppearance(root?: HTMLElement): Appearance {\n  if (!isBrowser()) {\n    return { theme: 'stripe' };\n  }\n\n  const target = root ?? document.documentElement;\n  const styles = getComputedStyle(target);\n  const read = (token: string) => styles.getPropertyValue(token).trim();\n  const isDark = target.classList.contains('theme-dark');\n\n  return {\n    theme: isDark ? 'night' : 'stripe',\n    variables: {\n      colorPrimary: read('--primary'),\n      colorBackground: read('--background'),\n      colorText: read('--foreground'),\n      colorDanger: read('--destructive'),\n      colorTextSecondary: read('--muted-foreground'),\n      colorTextPlaceholder: read('--muted-foreground'),\n      borderRadius: read('--radius-md'),\n      fontFamily: read('--font-sans'),\n      fontSizeBase: read('--font-size-base'),\n      // Stripe multiplies spacingUnit throughout every Element; --spacing-sm\n      // gives readable density. Keep this in sync with the JSDoc above.\n      spacingUnit: read('--spacing-sm'),\n    },\n    rules: {\n      '.Input': {\n        backgroundColor: read('--background'),\n        border: `1px solid ${read('--border')}`,\n        color: read('--foreground'),\n        padding: read('--spacing-sm'),\n        transition: `border-color ${read('--animation-duration')} ease-out`,\n      },\n      '.Input:focus': {\n        borderColor: read('--primary'),\n        boxShadow: `0 0 0 ${read('--focus-ring-width')} ${read('--ring')}`,\n        outline: 'none',\n      },\n      '.Input--invalid': {\n        borderColor: read('--destructive'),\n        color: read('--foreground'),\n      },\n      '.Label': {\n        color: read('--foreground'),\n        fontWeight: read('--font-weight-medium'),\n        fontSize: read('--font-size-sm'),\n      },\n      '.Error': {\n        color: read('--destructive'),\n        fontSize: read('--font-size-sm'),\n      },\n      '.Tab': {\n        border: `1px solid ${read('--border')}`,\n        backgroundColor: read('--background'),\n        color: read('--foreground'),\n      },\n      '.Tab--selected': {\n        borderColor: read('--primary'),\n        backgroundColor: read('--background'),\n        color: read('--primary'),\n      },\n      // Accordion method rows (the `accordion` layout): keep Stripe's native\n      // per-method card structure, restyled with our tokens — our border +\n      // radius, our background, `--primary` on the selected row, no extra shadow.\n      '.AccordionItem': {\n        backgroundColor: read('--background'),\n        border: `1px solid ${read('--border')}`,\n        borderRadius: read('--radius-md'),\n        boxShadow: 'none',\n      },\n      '.AccordionItem--selected': {\n        borderColor: read('--primary'),\n        backgroundColor: read('--background'),\n      },\n      // Stripe's in-method notice blocks (e.g. PayPal's \"you'll be redirected\")\n      // otherwise render in their own bordered box — a card nested inside the\n      // selected method card. Flatten to inline icon + text, no inner box.\n      '.Block': {\n        border: 'none',\n        borderRadius: '0',\n        boxShadow: 'none',\n        backgroundColor: 'transparent',\n      },\n    },\n  };\n}\n\n/**\n * Calls `onChange(getStripeAppearance(root))` whenever the theme root's\n * class list mutates (theme switch) or the user toggles\n * `prefers-color-scheme` / `prefers-reduced-motion`. Returns an\n * unsubscribe function.\n */\nexport function subscribeStripeAppearance(\n  onChange: (next: Appearance) => void,\n  root?: HTMLElement,\n): () => void {\n  if (!isBrowser()) return () => undefined;\n\n  const target = root ?? document.documentElement;\n  const emit = () => onChange(getStripeAppearance(root));\n\n  const observer = new MutationObserver(emit);\n  observer.observe(target, {\n    attributes: true,\n    attributeFilter: ['class', 'dir', 'lang'],\n  });\n\n  const schemeMql = window.matchMedia('(prefers-color-scheme: dark)');\n  const motionMql = window.matchMedia('(prefers-reduced-motion: reduce)');\n  schemeMql.addEventListener('change', emit);\n  motionMql.addEventListener('change', emit);\n\n  return () => {\n    observer.disconnect();\n    schemeMql.removeEventListener('change', emit);\n    motionMql.removeEventListener('change', emit);\n  };\n}\n","import type { AgentAdapter } from '../../agent/types';\nimport type { PaymentFormHandle } from './payment-form';\n\nexport const paymentFormAgent: AgentAdapter<PaymentFormHandle> = {\n  id: 'payment-form',\n  capabilities: ['submit'],\n  // The kit's only destructive + openWorld action that moves real money,\n  // so it is also the one that most needs to be verifiable. `submit`\n  // resolves once the charge attempt has settled; these four slots are\n  // how an agent then tells success from decline from never-fired, and\n  // how it recovers the receipt.\n  //\n  // A9: the PaymentIntent id and the i18n error KEY only. Never card\n  // fields (they live in Stripe's cross-origin iframes and never reach\n  // this origin), never the translated Stripe message, never\n  // `clientSecret`.\n  state: {\n    status: {\n      type: \"'idle' | 'processing' | 'succeeded' | 'failed'\",\n      descriptionKey: 'ui.agent.paymentForm.state.status',\n      description:\n        '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.',\n      read: (handle) => handle.getStatus(),\n    },\n    complete: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.paymentForm.state.complete',\n      description:\n        'True when Stripe reports the payment fields, and any required billing address, 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.',\n      read: (handle) => handle.isComplete(),\n    },\n    errorKey: {\n      type: 'string | null',\n      descriptionKey: 'ui.agent.paymentForm.state.errorKey',\n      description:\n        '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.',\n      read: (handle) => handle.getErrorKey(),\n    },\n    paymentIntentId: {\n      type: 'string | null',\n      descriptionKey: 'ui.agent.paymentForm.state.paymentIntentId',\n      description:\n        'Opaque Stripe PaymentIntent id once a charge succeeded, else null. The receipt — the attribution handle for the money that moved. Never the client secret.',\n      read: (handle) => handle.getPaymentIntentId(),\n    },\n  },\n  actions: {\n    submit: {\n      safety: 'destructive',\n      // Charges an external payment processor — irreversible, hits a system\n      // outside this UI.\n      openWorld: true,\n      returns: 'Promise<void>',\n      errors: [\n        'Validation failed (incomplete or invalid card details) — `status` is \"failed\", `errorKey` names which.',\n        'Payment was declined by the processor — `status` is \"failed\", `errorKey` is `payment.error.cardDeclined`.',\n        'Network or processor error during the charge — `status` is \"failed\".',\n        'Stripe had not mounted, so nothing was attempted — `status` is still \"idle\".',\n      ],\n      descriptionKey: 'ui.agent.paymentForm.actions.submit',\n      description:\n        '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.',\n      invoke: (handle) => handle.submit(),\n    },\n    reset: {\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.paymentForm.actions.reset',\n      description:\n        'Clear recoverable errors and return their status to \"idle\". Stripe fields remain unchanged. Pending or paid attempts cannot be reset and require a new session.',\n      invoke: (handle) => {\n        handle.reset();\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'payment-form' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","/* ------------------------------------------------------------------ */\n/* PaymentForm — Stripe Elements wrapper (PCI DSS SAQ-A).               */\n/*                                                                     */\n/* - Library: `@stripe/react-stripe-js` + `@stripe/stripe-js` (see     */\n/*   `src/docs/08-third-party.mdx §Payments`). Card number, expiry,    */\n/*   CVC, and postal code all live inside Stripe-hosted iframes on    */\n/*   `js.stripe.com` — raw PAN never touches our origin, keeping us    */\n/*   inside PCI DSS SAQ-A scope.                                       */\n/*                                                                     */\n/* - Theming: the `stripe-appearance` bridge snapshots our tokens into */\n/*   Stripe's Appearance API (`variables`, `rules`). A                 */\n/*   `MutationObserver` on `<html class>` re-runs the snapshot when    */\n/*   the user flips theme so the embedded iframes repaint.             */\n/*                                                                     */\n/* - Security invariants enforced in this file:                        */\n/*   1. No `<input type=\"tel\" name=\"card\">` anywhere.                  */\n/*   2. Error strings are sanitised via `stripCardLikeDigits` before   */\n/*      forwarding to `onError` (replaces any `\\b\\d{4,}\\b` with        */\n/*      `****`).                                                       */\n/*   3. Element change events are never logged; any dev-only logging  */\n/*      is gated behind `import.meta.env.DEV` — never runs in prod.   */\n/*                                                                     */\n/* TODO:                                                                */\n/*   - Stripe's `direction: 'rtl'` is not part of the current          */\n/*     `Appearance` TypeScript type; we rely on CSS mirroring of our   */\n/*     chrome via logical properties and let Stripe lay out the iframe */\n/*     ltr for now. Revisit when @stripe/stripe-js publishes the type. */\n/*   - No `<CardNumberElement>` / split-fields story — `PaymentElement` */\n/*     handles tabs + card-only modes via its own `layout` option.     */\n/* ------------------------------------------------------------------ */\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type FormEvent,\n  type ReactElement,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Spinner } from '../spinner';\nimport { Alert } from '../alert';\nimport { loadStripe } from '@stripe/stripe-js/pure';\nimport type {\n  Stripe,\n  Appearance,\n  StripeElementLocale,\n  StripeElementsOptions,\n} from '@stripe/stripe-js';\nimport {\n  Elements,\n  PaymentElement,\n  AddressElement,\n  useElements,\n  useStripe,\n} from '@stripe/react-stripe-js';\n\nimport {\n  getStripeAppearance,\n  subscribeStripeAppearance,\n} from '../../tokens/themes/bridges/stripe-appearance';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { paymentFormAgent } from './payment-form.agent';\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport type PaymentCurrency = string; // ISO-4217\n\n/** Stripe's known PaymentIntent states. Only `succeeded` means paid. */\nexport type PaymentFormIntentStatus =\n  | 'requires_payment_method'\n  | 'requires_confirmation'\n  | 'requires_action'\n  | 'processing'\n  | 'requires_capture'\n  | 'canceled'\n  | 'succeeded';\n\n/** Complete invoicing address only. Never contains card details. */\nexport interface PaymentFormBillingDetails {\n  name: string;\n  address: {\n    line1: string;\n    line2: string | null;\n    city: string;\n    state: string;\n    postalCode: string;\n    country: string;\n  };\n}\n\nexport interface PaymentFormProps {\n  /** Opaque instance id — emitted as `data-component-id` for the agent registry. */\n  id?: string;\n  /**\n   * Client secret from your server, created via the PaymentIntents API.\n   *\n   * Omit to use **deferred-intent mode** — the Payment Element renders from\n   * just the publishable key (no `clientSecret`, no backend round-trip up\n   * front). In deferred mode supply `onCreatePaymentIntent` to actually\n   * confirm: your server mints + returns the client secret at submit time.\n   */\n  clientSecret?: string;\n  /**\n   * Deferred-intent setup: `'payment'` collects a charge, `'setup'` saves a\n   * method for later. Ignored when `clientSecret` is supplied (the secret's\n   * own intent type wins). Defaults to `'payment'`.\n   */\n  mode?: 'payment' | 'setup';\n  /** Restrict deferred Elements to cards. With a client secret, the server intent controls methods. */\n  cardOnly?: boolean;\n  /**\n   * Deferred-confirm callback. Called at submit time (after client-side\n   * field validation succeeds) so your server can mint a PaymentIntent and\n   * return its `client_secret`. The returned secret is used ONLY to confirm\n   * and is never logged or sent to any third-party origin. When omitted in\n   * deferred mode the form runs in PREVIEW: fields render + validate, but no\n   * charge is attempted.\n   */\n  onCreatePaymentIntent?: () => Promise<string>;\n  /** Preview-only validation completed. Awaited without creating or confirming a payment. */\n  onPreviewValidated?: () => void | Promise<void>;\n  /** Stripe publishable key (`pk_test_…` / `pk_live_…`). */\n  publishableKey: string;\n  /** Connected account used to create the intent. Ignored by an injected Stripe instance. */\n  stripeAccount?: string;\n  /** ISO-4217 currency code (e.g. 'EUR', 'USD', 'JPY'). */\n  currency: PaymentCurrency;\n  /** Amount in the currency's smallest unit (cents for EUR/USD, yen for JPY). */\n  amount: number;\n  /** Called with the PaymentIntent id on successful confirmation. */\n  onSuccess?: (paymentIntentId: string) => void;\n  /** Observes confirmed intent states, including payments still awaiting completion. */\n  onPaymentStatusChange?: (\n    status: PaymentFormIntentStatus,\n    paymentIntentId: string,\n  ) => void;\n  /** Called with a sanitised error (no PAN digits, no Stripe English strings). */\n  onError?: (error: { code: string; translatedMessage: string }) => void;\n  /** Show the billing-address collector below the payment fields. */\n  billingAddress?: boolean;\n  /** Show and require a complete billing address before confirming payment. */\n  requireBillingAddress?: boolean;\n  /** Initial name/address for each Elements session. Does not enable or validate the collector. */\n  defaultBillingDetails?: PaymentFormBillingDetails;\n  /**\n   * Save complete billing details before confirmation or any redirect. Enables\n   * the address collector; rejection blocks payment and permits a retry.\n   * Not called in validation-only preview mode. Never logs or stores details.\n   */\n  onBillingDetails?: (\n    details: PaymentFormBillingDetails,\n  ) => void | Promise<void>;\n  /** Locale override — defaults to the active i18next locale. */\n  locale?: string;\n  /** Accessible label for the form. */\n  ariaLabel?: string;\n  /** URL Stripe redirects to when a payment method requires it. */\n  returnUrl?: string;\n  /** Pre-injected Stripe instance — used by tests + stories to bypass the network. */\n  stripePromise?: Promise<Stripe | null> | null;\n  /**\n   * Payment Element layout. `tabs` (default) renders methods as a tile row —\n   * best in wide containers. `accordion` stacks them as full-width rows — use\n   * it in narrow columns (< ~400px) where Stripe's tab row clips a partial tile.\n   */\n  layout?: 'tabs' | 'accordion';\n  className?: string;\n}\n\n/**\n * Lifecycle of one payment attempt, as the agent surface reports it.\n * `succeeded` is only reached once Stripe has confirmed the\n * PaymentIntent; `failed` covers validation, decline, and processor /\n * network errors alike (read `getErrorKey()` for which).\n */\nexport type PaymentFormStatus = 'idle' | 'processing' | 'succeeded' | 'failed';\n\nexport interface PaymentFormHandle {\n  /**\n   * Programmatically submit the form (same flow as the Pay button).\n   * Resolves only once the charge attempt has settled — read\n   * `getStatus()` / `getErrorKey()` afterwards for the outcome.\n   */\n  submit: () => Promise<void>;\n  /** Clear recoverable errors. A pending or paid attempt requires a new session. */\n  reset: () => void;\n  /* ---- read-back ------------------------------------------------- */\n  /** Lifecycle of the current attempt. */\n  getStatus: () => PaymentFormStatus;\n  /**\n   * True when Stripe reports the payment fields, and any required billing address, as complete. `submit`\n   * is refused (the button is disabled) while this is false outside\n   * preview mode.\n   */\n  isComplete: () => boolean;\n  /**\n   * i18n KEY of the current error (e.g. `payment.error.cardDeclined`),\n   * or null. The translated message is deliberately not exposed — the\n   * key is the structural datum, the message is free text.\n   */\n  getErrorKey: () => string | null;\n  /**\n   * Opaque Stripe PaymentIntent id once a charge succeeded, else null.\n   * The receipt handle — the same id handed to `onSuccess`. Never the\n   * client secret.\n   */\n  getPaymentIntentId: () => string | null;\n}\n\n/**\n * The read-back channel from the inner form (inside Stripe's\n * `<Elements>` provider) out to the wrapper that owns the agent handle.\n * The existing CustomEvent bridge is one-way (outer → inner), and the\n * outer cannot read through the provider, so the inner writes its\n * settled state into this ref during render and registers its submit\n * function so the wrapper's `submit()` can actually await the charge.\n */\ninterface PaymentFormAgentBridge {\n  status: PaymentFormStatus;\n  complete: boolean;\n  errorKey: string | null;\n  paymentIntentId: string | null;\n  /** Set by the inner form; absent until Stripe's provider has mounted. */\n  submit?: () => Promise<void>;\n}\n\n/* ------------------------------------------------------------------ */\n/* Currency helpers                                                    */\n/* ------------------------------------------------------------------ */\n\n/**\n * Currencies that Stripe bills in their base unit (no decimals). Source:\n * https://stripe.com/docs/currencies#zero-decimal — list pinned per\n * 08-third-party.mdx.\n */\nconst ZERO_DECIMAL_CURRENCIES = new Set<string>([\n  'BIF',\n  'CLP',\n  'DJF',\n  'GNF',\n  'IDR',\n  'JPY',\n  'KMF',\n  'KRW',\n  'MGA',\n  'PYG',\n  'RWF',\n  'UGX',\n  'VND',\n  'VUV',\n  'XAF',\n  'XOF',\n  'XPF',\n]);\n\nexport function formatPaymentAmount(\n  amount: number,\n  currency: string,\n  locale: string,\n): string {\n  const iso = currency.toUpperCase();\n  const major = ZERO_DECIMAL_CURRENCIES.has(iso) ? amount : amount / 100;\n  try {\n    return new Intl.NumberFormat(locale, {\n      style: 'currency',\n      currency: iso,\n    }).format(major);\n  } catch {\n    // Invalid locale/currency pair — fall back to a safe format so we\n    // never leak raw amount integers into the UI.\n    return new Intl.NumberFormat('en', {\n      style: 'currency',\n      currency: iso,\n    }).format(major);\n  }\n}\n\n/* ------------------------------------------------------------------ */\n/* Return URL validation                                               */\n/* ------------------------------------------------------------------ */\n\n/**\n * Resolve `returnUrl` against the current origin. Accepts:\n *   - absolute URLs on the same origin as `window.location`\n *   - relative paths (resolved against the current origin)\n * Rejects (returns `null`):\n *   - cross-origin URLs — would leak `payment_intent_client_secret`\n *   - `javascript:` / `data:` / `file:` / `blob:` schemes\n *   - SSR contexts (no `window`) — the submit path requires a browser\n *     anyway, so rejecting here is the safer default.\n * See security-hardening.mdx.\n */\nexport function validateReturnUrl(\n  returnUrl: string | undefined,\n): string | null {\n  if (returnUrl === undefined) return null;\n  const raw = returnUrl.trim();\n  if (raw === '') return null;\n  if (typeof window === 'undefined') return null;\n  try {\n    const resolved = new URL(raw, window.location.href);\n    const allowedSchemes = new Set(['http:', 'https:']);\n    if (!allowedSchemes.has(resolved.protocol)) return null;\n    if (resolved.origin !== window.location.origin) return null;\n    return resolved.toString();\n  } catch {\n    return null;\n  }\n}\n\n/* ------------------------------------------------------------------ */\n/* Error sanitisation                                                  */\n/* ------------------------------------------------------------------ */\n\n/**\n * Replace any run of 4+ consecutive digits with `****`. Called before any\n * error text leaves the wrapper. Defensive: even though Stripe's error\n * strings don't normally contain PANs, a future SDK change could, and we\n * want a hard guarantee that `console` / analytics / Sentry breadcrumbs\n * stay clear of anything that looks like card data.\n */\nexport function stripCardLikeDigits(message: string): string {\n  if (!message) return message;\n  // Deliberately no word boundaries: a PAN run embedded between word\n  // characters (e.g. \"CARD4242424242424242DECLINED\") must still be masked.\n  return message.replace(/\\d{4,}/g, '****');\n}\n\n/**\n * Map a Stripe error code (e.g. `card_declined`, `incorrect_number`) to a\n * translation key under `payment.error.*`. Unknown codes fall through to\n * `payment.error.generic`.\n */\nexport function stripeErrorCodeToI18nKey(code: string | undefined): string {\n  switch (code) {\n    case 'incorrect_number':\n    case 'invalid_number':\n      return 'payment.error.cardNumber';\n    case 'invalid_expiry_month':\n    case 'invalid_expiry_year':\n    case 'expired_card':\n      return 'payment.error.expiry';\n    case 'invalid_cvc':\n    case 'incorrect_cvc':\n      return 'payment.error.cvc';\n    case 'incorrect_zip':\n    case 'invalid_zip':\n      return 'payment.error.postalCode';\n    case 'card_declined':\n    case 'do_not_honor':\n    case 'generic_decline':\n      return 'payment.error.declined';\n    case 'network_error':\n    case 'api_connection_error':\n      return 'payment.error.network';\n    case 'billing_address_incomplete':\n      return 'payment.error.billingAddressIncomplete';\n    case 'billing_details_save':\n      return 'payment.error.billingDetailsSave';\n    case 'billing_details_changed':\n      return 'payment.error.billingDetailsChanged';\n    default:\n      return 'payment.error.generic';\n  }\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst formVariants = cva(\n  [\n    'ds:payment-form-alfadocs ds:flex ds:flex-col',\n    'ds:gap-[var(--spacing-md)]',\n    // Transparent, padding-less container — the consuming surface (a Card, the\n    // check-in step, a checkout column) owns the card chrome + padding, so the\n    // Stripe method boxes never read as cards nested inside another card.\n    'ds:text-[var(--foreground)]',\n    'ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed',\n  ].join(' '),\n);\n\nconst fieldLabelVariants = cva(\n  ['ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]'].join(' '),\n);\n\nconst labelTextVariants = cva(\n  ['type-label', 'ds:text-[var(--foreground)]'].join(' '),\n);\n\nconst amountSummaryVariants = cva(\n  [\n    'ds:flex ds:items-baseline ds:justify-between',\n    'ds:gap-[var(--spacing-sm)]',\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n    'ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n    'ds:bg-[var(--muted)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:text-[var(--foreground)]',\n  ].join(' '),\n);\n\nconst submitButtonVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center ds:gap-[var(--spacing-xs)]',\n    'ds:[min-block-size:var(--min-target-size)]',\n    'ds:[min-inline-size:var(--min-target-size)]',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]',\n    'ds:text-[length:var(--font-size-base)] ds:font-medium',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:hover:bg-[var(--primary-hover)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)]',\n    'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed',\n    'ds:aria-busy:cursor-wait',\n  ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Inner form — lives inside the <Elements> provider                    */\n/* ------------------------------------------------------------------ */\n\ninterface InnerPaymentFormProps {\n  amount: number;\n  currency: string;\n  locale: string;\n  billingAddress: boolean;\n  requireBillingAddress: boolean;\n  defaultBillingDetails: PaymentFormProps['defaultBillingDetails'];\n  onBillingDetails: PaymentFormProps['onBillingDetails'];\n  returnUrl: string | undefined;\n  /** Present in immediate mode; `undefined` in deferred mode. */\n  clientSecret: string | undefined;\n  /** Deferred-confirm callback; `undefined` → preview (validate-only). */\n  onCreatePaymentIntent: PaymentFormProps['onCreatePaymentIntent'];\n  onPreviewValidated: PaymentFormProps['onPreviewValidated'];\n  onSuccess: PaymentFormProps['onSuccess'];\n  onPaymentStatusChange: PaymentFormProps['onPaymentStatusChange'];\n  onError: PaymentFormProps['onError'];\n  layout: NonNullable<PaymentFormProps['layout']>;\n  /** Return channel to the wrapper's agent handle. */\n  agentBridge: { current: PaymentFormAgentBridge };\n}\n\nfunction InnerPaymentForm(props: InnerPaymentFormProps): ReactElement {\n  const {\n    amount,\n    currency,\n    locale,\n    billingAddress,\n    requireBillingAddress,\n    defaultBillingDetails,\n    onBillingDetails,\n    returnUrl,\n    clientSecret,\n    onCreatePaymentIntent,\n    onPreviewValidated,\n    onSuccess,\n    onPaymentStatusChange,\n    onError,\n    layout,\n    agentBridge,\n  } = props;\n\n  const { t } = useTranslation();\n  const stripe = useStripe();\n  const elements = useElements();\n  const [defaultAddressValues] = useState(() =>\n    defaultBillingDetails\n      ? {\n          name: defaultBillingDetails.name,\n          address: {\n            line1: defaultBillingDetails.address.line1,\n            line2: defaultBillingDetails.address.line2,\n            city: defaultBillingDetails.address.city,\n            state: defaultBillingDetails.address.state,\n            postal_code: defaultBillingDetails.address.postalCode,\n            country: defaultBillingDetails.address.country,\n          },\n        }\n      : undefined,\n  );\n\n  const rawId = useId();\n  const idSafe = useMemo(\n    () => `pay-${rawId.replace(/[^a-zA-Z0-9-_]/g, '')}`,\n    [rawId],\n  );\n  const paymentFieldId = `${idSafe}-payment`;\n  const addressFieldId = `${idSafe}-address`;\n  const errorId = `${idSafe}-error`;\n\n  const [processing, setProcessing] = useState(false);\n  const [paid, setPaid] = useState(false);\n  const submissionLocked = useRef(false);\n  const mounted = useRef(true);\n  const [elementComplete, setElementComplete] = useState(false);\n  const [addressComplete, setAddressComplete] = useState(false);\n  const addressRevision = useRef(0);\n  const [errorKey, setErrorKey] = useState<string | null>(null);\n  const [errorMessage, setErrorMessage] = useState<string>('');\n\n  useEffect(() => {\n    agentBridge.current.complete =\n      elementComplete && (!requireBillingAddress || addressComplete);\n  }, [agentBridge, elementComplete, requireBillingAddress, addressComplete]);\n\n  /* ---- agent read-back channel ---------------------------------- */\n  // Written SYNCHRONOUSLY at every transition, never mirrored during\n  // render: `submit()` resolves the moment the charge settles, which is\n  // before React has re-rendered, so a render-time mirror would still\n  // report `processing` to the caller that just awaited it. `status` and\n  // `paymentIntentId` live only here — nothing renders them.\n  const setAgentStatus = useCallback(\n    (next: PaymentFormStatus) => {\n      agentBridge.current.status = next;\n    },\n    [agentBridge],\n  );\n  const applyErrorKey = useCallback(\n    (key: string | null) => {\n      agentBridge.current.errorKey = key;\n      setErrorKey(key);\n    },\n    [agentBridge],\n  );\n  const applyComplete = useCallback(\n    (complete: boolean) => {\n      agentBridge.current.complete =\n        complete && (!requireBillingAddress || addressComplete);\n      setElementComplete(complete);\n    },\n    [agentBridge, requireBillingAddress, addressComplete],\n  );\n\n  const onSuccessRef = useRef(onSuccess);\n  const onPaymentStatusChangeRef = useRef(onPaymentStatusChange);\n  const onErrorRef = useRef(onError);\n  const onBillingDetailsRef = useRef(onBillingDetails);\n  const onPreviewValidatedRef = useRef(onPreviewValidated);\n  useEffect(() => {\n    onSuccessRef.current = onSuccess;\n    onPaymentStatusChangeRef.current = onPaymentStatusChange;\n    onErrorRef.current = onError;\n    onBillingDetailsRef.current = onBillingDetails;\n    onPreviewValidatedRef.current = onPreviewValidated;\n  }, [\n    onSuccess,\n    onPaymentStatusChange,\n    onError,\n    onBillingDetails,\n    onPreviewValidated,\n  ]);\n\n  const handleSubmit = useCallback(\n    async (event?: FormEvent<HTMLFormElement>): Promise<void> => {\n      if (event) event.preventDefault();\n      if (!stripe || !elements) return;\n      if (submissionLocked.current || !mounted.current) return;\n\n      submissionLocked.current = true;\n      setProcessing(true);\n      setAgentStatus('processing');\n      // A new attempt supersedes the previous receipt.\n      agentBridge.current.paymentIntentId = null;\n      applyErrorKey(null);\n      setErrorMessage('');\n\n      // The single sanitise → map → setError → onError pipeline. Every error\n      // surfaced by either path (immediate or deferred) flows through here so\n      // raw Stripe English / PAN-like digit runs can never reach the UI or\n      // `onError`. `rawMessage` is sanitised; the i18n key is mapped from\n      // the Stripe error code.\n      const reportError = (\n        code: string,\n        rawMessage: string | undefined,\n      ): void => {\n        const key = stripeErrorCodeToI18nKey(code);\n        // CRITICAL: sanitise before storing OR forwarding.\n        const safe = stripCardLikeDigits(rawMessage ?? '');\n        applyErrorKey(key);\n        setErrorMessage(t(key));\n        setAgentStatus('failed');\n        onErrorRef.current?.({\n          code,\n          translatedMessage: safe || t(key),\n        });\n      };\n\n      // Validate returnUrl at the boundary so even a careless consumer\n      // cannot leak payment_intent_client_secret to a third-party origin.\n      const safeReturnUrl = validateReturnUrl(returnUrl);\n      if (returnUrl !== undefined && safeReturnUrl === null) {\n        applyErrorKey('payment.error.invalidReturnUrl');\n        setErrorMessage(t('payment.error.invalidReturnUrl'));\n        setAgentStatus('failed');\n        onErrorRef.current?.({\n          code: 'invalid_return_url',\n          translatedMessage: t('payment.error.invalidReturnUrl'),\n        });\n        setProcessing(false);\n        submissionLocked.current = false;\n        return;\n      }\n\n      const confirmParams = safeReturnUrl ? { return_url: safeReturnUrl } : {};\n\n      let keepLocked = false;\n      const saveBillingDetails = onBillingDetailsRef.current;\n      try {\n        let mintedSecret: string | undefined;\n        if (clientSecret === undefined) {\n          const { error: submitError } = await elements.submit();\n          if (!mounted.current) return;\n          if (submitError) {\n            reportError(submitError.code ?? 'generic', submitError.message);\n            return;\n          }\n        }\n        let billingDetails: PaymentFormBillingDetails | undefined;\n        const billingRevision = addressRevision.current;\n        const billingChanged = () =>\n          requireBillingAddress && billingRevision !== addressRevision.current;\n        if (requireBillingAddress) {\n          const address = elements.getElement(AddressElement);\n          const result = await address?.getValue();\n          if (!mounted.current) return;\n          if (billingChanged()) {\n            reportError('billing_details_changed', undefined);\n            return;\n          }\n          if (!result?.complete) {\n            reportError('billing_address_incomplete', undefined);\n            return;\n          }\n          const value = result.value;\n          billingDetails = {\n            name: value.name,\n            address: {\n              line1: value.address.line1,\n              line2: value.address.line2,\n              city: value.address.city,\n              state: value.address.state,\n              postalCode: value.address.postal_code,\n              country: value.address.country,\n            },\n          };\n        }\n        // Preview validates without persisting billing or creating an intent.\n        if (clientSecret === undefined && !onCreatePaymentIntent) {\n          await onPreviewValidatedRef.current?.();\n          return;\n        }\n        if (billingDetails && saveBillingDetails) {\n          try {\n            await saveBillingDetails(billingDetails);\n          } catch {\n            if (mounted.current) reportError('billing_details_save', undefined);\n            return;\n          }\n          if (!mounted.current) return;\n        }\n        if (billingChanged()) {\n          reportError('billing_details_changed', undefined);\n          return;\n        }\n        if (clientSecret === undefined && onCreatePaymentIntent) {\n          mintedSecret = await onCreatePaymentIntent();\n          if (!mounted.current) return;\n        }\n        if (billingChanged()) {\n          reportError('billing_details_changed', undefined);\n          return;\n        }\n        const result = await stripe.confirmPayment({\n          elements,\n          ...(mintedSecret === undefined ? {} : { clientSecret: mintedSecret }),\n          confirmParams,\n          redirect: 'if_required',\n        });\n        if (!mounted.current) return;\n        if (result.error) {\n          reportError(result.error.code ?? 'generic', result.error.message);\n          return;\n        }\n\n        const intent = result.paymentIntent;\n        // A redirect or unfinished payment must never permit another charge.\n        keepLocked = true;\n        if (!intent) return;\n        if (intent.status === 'succeeded') {\n          agentBridge.current.paymentIntentId = intent.id;\n          setAgentStatus('succeeded');\n          setPaid(true);\n          setProcessing(false);\n        } else if (\n          intent.status === 'requires_payment_method' ||\n          intent.status === 'canceled'\n        ) {\n          keepLocked = false;\n          reportError(intent.status, undefined);\n        }\n        try {\n          onPaymentStatusChangeRef.current?.(intent.status, intent.id);\n        } catch {\n          // An observer must not prevent the authoritative completion callback.\n        }\n        if (intent.status === 'succeeded') {\n          onSuccessRef.current?.(intent.id);\n        }\n      } catch (err: unknown) {\n        // Consumer callbacks cannot change an already-paid/pending result.\n        if (mounted.current && !keepLocked) {\n          reportError('unexpected', err instanceof Error ? err.message : '');\n        }\n      } finally {\n        if (mounted.current && !keepLocked) {\n          submissionLocked.current = false;\n          setProcessing(false);\n          if (agentBridge.current.status === 'processing')\n            setAgentStatus('idle');\n        }\n      }\n    },\n    [\n      stripe,\n      elements,\n      returnUrl,\n      clientSecret,\n      onCreatePaymentIntent,\n      requireBillingAddress,\n      t,\n      agentBridge,\n      applyErrorKey,\n      setAgentStatus,\n    ],\n  );\n\n  // Imperative submit hook used by DOM-driving callers. Kept for the\n  // documented `payment-form:submit` CustomEvent contract; the agent\n  // handle uses the awaitable channel below instead.\n  useEffect(() => {\n    const host = document.getElementById(idSafe);\n    if (!host) return;\n    const submitter = () => {\n      void handleSubmit();\n    };\n    host.addEventListener('payment-form:submit', submitter);\n    return () => host.removeEventListener('payment-form:submit', submitter);\n  }, [idSafe, handleSubmit]);\n\n  // Register the awaitable submit with the wrapper's agent handle. Only\n  // structural values ever cross this bridge: never card fields, never\n  // the raw Stripe message, never the client secret.\n  useEffect(() => {\n    const bridge = agentBridge.current;\n    bridge.submit = handleSubmit;\n    return () => {\n      if (bridge.submit === handleSubmit) bridge.submit = undefined;\n    };\n  }, [agentBridge, handleSubmit]);\n\n  // Each Elements session owns its result. Ignore asynchronous work from a\n  // discarded session and start replacement fields without a stale receipt.\n  useEffect(() => {\n    const bridge = agentBridge.current;\n    mounted.current = true;\n    bridge.status = 'idle';\n    bridge.paymentIntentId = null;\n    bridge.errorKey = null;\n    bridge.complete = false;\n    return () => {\n      mounted.current = false;\n      bridge.complete = false;\n      bridge.status = 'idle';\n      bridge.paymentIntentId = null;\n      bridge.errorKey = null;\n    };\n  }, [agentBridge]);\n\n  // Preview mode = deferred (no clientSecret) with no confirm callback. There\n  // no charge happens, so we keep the button enabled even before the fields\n  // report complete: clicking it triggers `elements.submit()` validation,\n  // which is the entire point of the preview.\n  const isPreview = clientSecret === undefined && !onCreatePaymentIntent;\n  const submitDisabled =\n    !stripe ||\n    !elements ||\n    processing ||\n    paid ||\n    (!isPreview &&\n      (!elementComplete || (requireBillingAddress && !addressComplete)));\n\n  return (\n    <form\n      id={idSafe}\n      onSubmit={handleSubmit}\n      // `reset()` on the handle (and any native reset) discards the\n      // previous attempt: without this the error Alert and the agent's\n      // `status` / `errorKey` slots would keep reporting a decline that\n      // is no longer on screen. `elementComplete` is deliberately left\n      // alone — Stripe owns those cross-origin fields and a native form\n      // reset does not clear them.\n      onReset={() => {\n        if (submissionLocked.current) return;\n        applyErrorKey(null);\n        setErrorMessage('');\n        setAgentStatus('idle');\n        agentBridge.current.paymentIntentId = null;\n      }}\n      aria-label={t('payment.ariaLabel')}\n      aria-busy={processing || undefined}\n      noValidate\n    >\n      <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n        <div className={amountSummaryVariants()}>\n          <span className={labelTextVariants()}>\n            {t('payment.amountLabel')}\n          </span>\n          <span className=\"type-title-card\" data-testid=\"payment-amount\">\n            {formatPaymentAmount(amount, currency, locale)}\n          </span>\n        </div>\n\n        <label\n          htmlFor={paymentFieldId}\n          className={fieldLabelVariants()}\n          data-testid=\"payment-field\"\n        >\n          <span className={labelTextVariants()}>\n            {t('payment.fields.card')}\n          </span>\n          <PaymentElement\n            id={paymentFieldId}\n            options={{\n              // `tabs` = method tiles (Card selected by default); `accordion`\n              // = full-width stacked rows for narrow columns where the tab row\n              // clips. Stripe owns overflow + tab alignment either way.\n              layout:\n                layout === 'accordion'\n                  ? { type: 'accordion', defaultCollapsed: true }\n                  : { type: 'tabs' },\n            }}\n            onChange={(ev) => {\n              // NOTE: never log `ev` — change events may include hints\n              // about field contents. Keep only the boolean completeness.\n              applyComplete(ev.complete === true);\n              if (ev.complete) {\n                applyErrorKey(null);\n                setErrorMessage('');\n                // The declined attempt is over — the fields are valid\n                // again, so the surface is back to idle. A succeeded\n                // attempt stays succeeded.\n                if (agentBridge.current.status === 'failed') {\n                  setAgentStatus('idle');\n                }\n              }\n            }}\n          />\n        </label>\n\n        {billingAddress ? (\n          <label\n            htmlFor={addressFieldId}\n            className={fieldLabelVariants()}\n            data-testid=\"payment-address\"\n          >\n            <span className={labelTextVariants()}>\n              {t('payment.billingAddress')}\n            </span>\n            <AddressElement\n              id={addressFieldId}\n              options={{\n                mode: 'billing',\n                ...(defaultAddressValues\n                  ? { defaultValues: defaultAddressValues }\n                  : {}),\n              }}\n              onChange={(event) => {\n                addressRevision.current += 1;\n                setAddressComplete(event.complete);\n                agentBridge.current.complete =\n                  elementComplete && (!requireBillingAddress || event.complete);\n                if (\n                  event.complete &&\n                  errorKey === 'payment.error.billingAddressIncomplete'\n                ) {\n                  applyErrorKey(null);\n                  setErrorMessage('');\n                  setAgentStatus('idle');\n                }\n              }}\n            />\n          </label>\n        ) : null}\n\n        {errorKey ? (\n          <Alert\n            id={errorId}\n            variant=\"error\"\n            live=\"polite\"\n            data-testid=\"payment-error\"\n          >\n            <Alert.Description>{errorMessage}</Alert.Description>\n          </Alert>\n        ) : null}\n\n        <button\n          type=\"submit\"\n          aria-disabled={submitDisabled || undefined}\n          aria-busy={processing || undefined}\n          aria-describedby={errorKey ? errorId : undefined}\n          className={submitButtonVariants()}\n          data-testid=\"payment-submit\"\n        >\n          {processing ? (\n            <>\n              <Spinner\n                variant=\"pulse\"\n                size=\"sm\"\n                label={t('payment.processing')}\n              />\n              <span>{t('payment.processing')}</span>\n            </>\n          ) : (\n            <span>\n              {t('payment.submit', {\n                amount: formatPaymentAmount(amount, currency, locale),\n              })}\n            </span>\n          )}\n        </button>\n      </div>\n    </form>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* PaymentForm — outer wrapper                                          */\n/* ------------------------------------------------------------------ */\n\n/**\n * Stripe ships a closed union of supported locales; anything outside it\n * must fall through to `'auto'` (Stripe picks the best match from the\n * browser). We also normalise the legacy `cn` code to `zh` per\n * `src/docs/06-i18n.mdx`.\n */\nconst STRIPE_LOCALES = new Set<StripeElementLocale>([\n  'auto',\n  'ar',\n  'bg',\n  'cs',\n  'da',\n  'de',\n  'el',\n  'en',\n  'en-AU',\n  'en-CA',\n  'en-NZ',\n  'en-GB',\n  'es',\n  'es-ES',\n  'es-419',\n  'et',\n  'fi',\n  'fil',\n  'fr',\n  'fr-CA',\n  'fr-FR',\n  'he',\n  'hu',\n  'hr',\n  'id',\n  'it',\n  'it-IT',\n  'ja',\n  'ko',\n  'lt',\n  'lv',\n  'ms',\n  'mt',\n  'nb',\n  'nl',\n  'no',\n  'pl',\n  'pt',\n  'pt-BR',\n  'ro',\n  'ru',\n  'sk',\n  'sl',\n  'sv',\n  'th',\n  'tr',\n  'vi',\n  'zh',\n  'zh-HK',\n  'zh-TW',\n]);\n\nfunction normaliseLocale(input: string): StripeElementLocale {\n  if (!input) return 'auto';\n  const candidate = input === 'cn' ? 'zh' : input;\n  if ((STRIPE_LOCALES as Set<string>).has(candidate)) {\n    return candidate as StripeElementLocale;\n  }\n  // Try stripping region (\"en-US\" → \"en\") before giving up.\n  const base = candidate.split('-')[0];\n  if ((STRIPE_LOCALES as Set<string>).has(base)) {\n    return base as StripeElementLocale;\n  }\n  return 'auto';\n}\n\nexport const PaymentForm = forwardRef<HTMLDivElement, PaymentFormProps>(\n  (\n    {\n      id,\n      clientSecret,\n      mode = 'payment',\n      cardOnly = false,\n      onCreatePaymentIntent,\n      onPreviewValidated,\n      publishableKey,\n      stripeAccount,\n      currency,\n      amount,\n      onSuccess,\n      onPaymentStatusChange,\n      onError,\n      billingAddress = false,\n      requireBillingAddress = false,\n      defaultBillingDetails,\n      onBillingDetails,\n      locale,\n      ariaLabel,\n      returnUrl,\n      stripePromise: injectedStripe,\n      layout = 'tabs',\n      className,\n    },\n    ref,\n  ) => {\n    const { i18n } = useTranslation();\n    const activeLocale = normaliseLocale(locale ?? i18n.language ?? 'en');\n    const requireCompleteBilling =\n      requireBillingAddress || onBillingDetails !== undefined;\n    const showBillingAddress = billingAddress || requireCompleteBilling;\n\n    // Stripe instance — pre-injected (tests/stories) or lazily loaded.\n    const stripeSource = useMemo(\n      () => ({ injectedStripe, publishableKey, stripeAccount }),\n      [injectedStripe, publishableKey, stripeAccount],\n    );\n    const [stripeSession, setStripeSession] = useState(() => ({\n      source: stripeSource,\n      instance: injectedStripe ?? null,\n    }));\n    // Unmount the old immutable Elements context before replacing its Stripe\n    // instance, including when only the injected promise changes.\n    const stripeInstance =\n      stripeSession.source === stripeSource ? stripeSession.instance : null;\n\n    useEffect(() => {\n      const {\n        injectedStripe: injected,\n        publishableKey: key,\n        stripeAccount: account,\n      } = stripeSource;\n      const instance =\n        injected !== undefined\n          ? injected\n          : key\n            ? account\n              ? loadStripe(key, { stripeAccount: account })\n              : loadStripe(key)\n            : null;\n      setStripeSession({ source: stripeSource, instance });\n    }, [stripeSource]);\n\n    // Appearance bridge — snapshot + subscribe.\n    const [appearance, setAppearance] = useState<Appearance>(() =>\n      getStripeAppearance(),\n    );\n    useEffect(() => {\n      setAppearance(getStripeAppearance());\n      const unsubscribe = subscribeStripeAppearance(setAppearance);\n      return unsubscribe;\n    }, []);\n\n    // Imperative handle. The inner form lives inside Stripe's\n    // `<Elements>` provider, which owns its own tree, so the two sides\n    // talk through `agentBridge`: the inner writes its settled status /\n    // completeness / error key / PaymentIntent id into it and registers\n    // its submit function there. That registration is what lets\n    // `submit()` AWAIT the charge — the older CustomEvent dispatch\n    // resolved as soon as it fired the event, before the charge was even\n    // attempted, so an agent could not tell success from decline.\n    const hostRef = useRef<HTMLDivElement>(null);\n    const agentBridge = useRef<PaymentFormAgentBridge>({\n      status: 'idle',\n      complete: false,\n      errorKey: null,\n      paymentIntentId: null,\n    });\n\n    const agentHandle = useMemo<PaymentFormHandle>(\n      () => ({\n        submit: async () => {\n          const run = agentBridge.current.submit;\n          if (!run) {\n            // Stripe has not mounted (no publishable key, or still\n            // loading) — there is nothing to charge. Left as `idle` so\n            // the caller can tell \"never fired\" from \"declined\".\n            return;\n          }\n          await run();\n        },\n        reset: () => {\n          const form = hostRef.current?.querySelector('form');\n          if (form instanceof HTMLFormElement) {\n            form.reset();\n          }\n        },\n        getStatus: () => agentBridge.current.status,\n        isComplete: () => agentBridge.current.complete,\n        getErrorKey: () => agentBridge.current.errorKey,\n        getPaymentIntentId: () => agentBridge.current.paymentIntentId,\n      }),\n      [],\n    );\n    useImperativeHandle(ref, () => hostRef.current as HTMLDivElement, []);\n    useAgentRegistration(paymentFormAgent, agentHandle, id);\n\n    const elementsOptions = useMemo<StripeElementsOptions>(\n      () =>\n        clientSecret !== undefined\n          ? // Immediate mode — the consumer already created the intent.\n            { clientSecret, appearance, locale: activeLocale }\n          : // Deferred-intent mode — no secret yet; Stripe needs the intent\n            // shape (mode + amount + currency) to render the Payment Element.\n            // Stripe expects a lowercase ISO-4217 currency here.\n            {\n              mode,\n              amount,\n              currency: currency.toLowerCase(),\n              ...(cardOnly ? { paymentMethodTypes: ['card'] } : {}),\n              appearance,\n              locale: activeLocale,\n            },\n      [\n        clientSecret,\n        mode,\n        cardOnly,\n        amount,\n        currency,\n        appearance,\n        activeLocale,\n      ],\n    );\n\n    return (\n      <div\n        ref={hostRef}\n        aria-label={ariaLabel}\n        className={[formVariants(), className].filter(Boolean).join(' ')}\n        data-component=\"payment-form\"\n        data-component-id={id}\n        data-testid=\"payment-form-root\"\n      >\n        {stripeInstance ? (\n          // Render the real Payment Element whenever a Stripe instance is\n          // available — in immediate mode (clientSecret present) AND in\n          // deferred mode (no secret). The skeleton is reserved for the\n          // no-Stripe case (missing publishableKey / injected null).\n          <Elements\n            stripe={stripeInstance}\n            options={elementsOptions}\n            key={\n              clientSecret ??\n              `deferred:${mode}:${amount}:${currency}:${cardOnly}`\n            }\n          >\n            <InnerPaymentForm\n              amount={amount}\n              currency={currency}\n              locale={activeLocale}\n              billingAddress={showBillingAddress}\n              requireBillingAddress={requireCompleteBilling}\n              defaultBillingDetails={defaultBillingDetails}\n              onBillingDetails={onBillingDetails}\n              returnUrl={returnUrl}\n              clientSecret={clientSecret}\n              onCreatePaymentIntent={onCreatePaymentIntent}\n              onPreviewValidated={onPreviewValidated}\n              onSuccess={onSuccess}\n              onPaymentStatusChange={onPaymentStatusChange}\n              onError={onError}\n              layout={layout}\n              agentBridge={agentBridge}\n            />\n          </Elements>\n        ) : (\n          <PaymentFormSkeleton\n            amount={amount}\n            currency={currency}\n            locale={activeLocale}\n            billingAddress={showBillingAddress}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nPaymentForm.displayName = 'PaymentForm';\n\n/* ------------------------------------------------------------------ */\n/* Skeleton — visual chrome when Stripe hasn't loaded yet              */\n/* ------------------------------------------------------------------ */\n\ninterface PaymentFormSkeletonProps {\n  amount: number;\n  currency: string;\n  locale: string;\n  billingAddress: boolean;\n}\n\nfunction PaymentFormSkeleton(props: PaymentFormSkeletonProps): ReactElement {\n  const { amount, currency, locale, billingAddress } = props;\n  const { t } = useTranslation();\n\n  return (\n    <div\n      className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\"\n      data-testid=\"payment-skeleton\"\n      aria-busy=\"true\"\n    >\n      <div className={amountSummaryVariants()}>\n        <span className={labelTextVariants()}>{t('payment.amountLabel')}</span>\n        <span className=\"type-title-card\">\n          {formatPaymentAmount(amount, currency, locale)}\n        </span>\n      </div>\n      <div className={fieldLabelVariants()}>\n        <span className={labelTextVariants()}>{t('payment.fields.card')}</span>\n        <div\n          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)]\"\n          aria-hidden=\"true\"\n        />\n      </div>\n      {billingAddress ? (\n        <div className={fieldLabelVariants()} data-testid=\"payment-address\">\n          <span className={labelTextVariants()}>\n            {t('payment.billingAddress')}\n          </span>\n          <div\n            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)]\"\n            aria-hidden=\"true\"\n          />\n        </div>\n      ) : null}\n      <button\n        type=\"button\"\n        aria-disabled=\"true\"\n        className={submitButtonVariants()}\n        disabled\n      >\n        <Spinner variant=\"pulse\" size=\"sm\" label={t('payment.processing')} />\n        <span>{t('payment.processing')}</span>\n      </button>\n    </div>\n  );\n}\n\nexport {\n  formVariants as paymentFormVariants,\n  submitButtonVariants as paymentSubmitButtonVariants,\n};\n"],"names":["isBrowser","getStripeAppearance","root","target","styles","read","token","subscribeStripeAppearance","onChange","emit","observer","schemeMql","motionMql","paymentFormAgent","handle","ZERO_DECIMAL_CURRENCIES","formatPaymentAmount","amount","currency","locale","iso","major","validateReturnUrl","returnUrl","raw","resolved","stripCardLikeDigits","message","stripeErrorCodeToI18nKey","code","formVariants","cva","fieldLabelVariants","labelTextVariants","amountSummaryVariants","submitButtonVariants","InnerPaymentForm","props","billingAddress","requireBillingAddress","defaultBillingDetails","onBillingDetails","clientSecret","onCreatePaymentIntent","onPreviewValidated","onSuccess","onPaymentStatusChange","onError","layout","agentBridge","t","useTranslation","stripe","useStripe","elements","useElements","defaultAddressValues","useState","rawId","useId","idSafe","useMemo","paymentFieldId","addressFieldId","errorId","processing","setProcessing","paid","setPaid","submissionLocked","useRef","mounted","elementComplete","setElementComplete","addressComplete","setAddressComplete","addressRevision","errorKey","setErrorKey","errorMessage","setErrorMessage","useEffect","setAgentStatus","useCallback","next","applyErrorKey","key","applyComplete","complete","onSuccessRef","onPaymentStatusChangeRef","onErrorRef","onBillingDetailsRef","onPreviewValidatedRef","handleSubmit","event","reportError","rawMessage","safe","_a","safeReturnUrl","confirmParams","keepLocked","saveBillingDetails","mintedSecret","submitError","billingDetails","billingRevision","billingChanged","address","AddressElement","result","value","_b","intent","_c","_d","err","host","submitter","bridge","submitDisabled","jsx","jsxs","PaymentElement","ev","Alert","Fragment","Spinner","STRIPE_LOCALES","normaliseLocale","input","candidate","base","PaymentForm","forwardRef","id","mode","cardOnly","publishableKey","stripeAccount","ariaLabel","injectedStripe","className","ref","i18n","activeLocale","requireCompleteBilling","showBillingAddress","stripeSource","stripeSession","setStripeSession","stripeInstance","injected","account","instance","loadStripe","appearance","setAppearance","hostRef","agentHandle","run","form","useImperativeHandle","useAgentRegistration","elementsOptions","Elements","PaymentFormSkeleton"],"mappings":"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"}

package/dist/_chunks/{phone-input-BsZIoE36.js → phone-input-IWrGOCwm.js}

@@ -1,12 +1,12 @@
 import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { forwardRef as Te, useContext as Ae, useMemo as b, useState as $, useRef as B, useEffect as ue, useCallback as ce } from "react";
+import { forwardRef as Te, useContext as Ae, useMemo as b, useState as B, useRef as K, useEffect as ue, useCallback as ce } from "react";
 import { u as $e } from "./registry-DvAUVLHh.js";
 import { u as Be } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import * as K from "@radix-ui/react-popover";
+import * as L from "@radix-ui/react-popover";
 import { R as Ke, _ as N } from "./index-4xgbg-sn.js";
 import { c as ee } from "./index-D2ZczOXr.js";
 import { useTranslation as Le } from "react-i18next";
-import { getCountries as qe, parsePhoneNumberFromString as L, AsYouType as q, getCountryCallingCode as Me } from "libphonenumber-js/min";
+import { getCountries as qe, parsePhoneNumberFromString as q, AsYouType as M, getCountryCallingCode as Me } from "libphonenumber-js/min";
 import { u as He, F as _e } from "./form-field-context-B3APVHKx.js";
 import { c as Ge } from "./compose-refs-C0k0tdqF.js";
 import { n as J } from "./normalize-diacritics-BNGbFNlJ.js";
@@ -253,7 +253,7 @@ const rt = Te(
     popularCountries: V,
     allowedCountries: F,
     className: ge,
-    id: M,
+    id: H,
     name: be,
     required: ye,
     "aria-label": ve
@@ -265,7 +265,7 @@ const rt = Te(
       if (!F || F.length === 0) return null;
       const e = /* @__PURE__ */ new Set(), t = F.filter((n) => !h.has(n) || e.has(n) ? !1 : (e.add(n), !0));
       return t.length > 0 ? t : null;
-    }, [F, h]), xe = c !== null && c.length === 1, H = b(() => {
+    }, [F, h]), xe = c !== null && c.length === 1, _ = b(() => {
       const e = me(
         o,
         h,
@@ -274,23 +274,23 @@ const rt = Te(
         c
       ), t = a ?? l;
       if (t) {
-        const n = L(t);
+        const n = q(t);
         return n != null && n.country ? !c || c.includes(n.country) ? {
           country: n.country,
           display: n.formatNational(),
           pinned: !0
         } : {
           country: e,
-          display: new q(e).input(
+          display: new M(e).input(
             n.nationalNumber
           ),
           pinned: !0
         } : { country: e, display: t, pinned: !1 };
       }
       return { country: e, display: "", pinned: !1 };
-    }, []), [u, E] = $(H.country), [te, g] = $(
-      H.display
-    ), [_, G] = $(!1), [Ne, ne] = $(""), se = a !== void 0, O = B(""), j = B(null), D = B(H.pinned), T = B(null), we = Ge(Ce, T);
+    }, []), [u, E] = B(_.country), [te, g] = B(
+      _.display
+    ), [G, O] = B(!1), [Ne, ne] = B(""), se = a !== void 0, U = K(""), j = K(null), D = K(_.pinned), T = K(null), we = Ge(Ce, T);
     ue(() => {
       if (D.current) return;
       const e = me(
@@ -310,12 +310,12 @@ const rt = Te(
     ]), ue(() => {
       if (!se) return;
       const e = a ?? "";
-      if (e === O.current) return;
+      if (e === U.current) return;
       if (e === "") {
         g("");
         return;
       }
-      const t = L(e);
+      const t = q(e);
       t != null && t.country && (!c || c.includes(t.country)) ? (D.current = !0, E(t.country), g(t.formatNational())) : g(t ? t.formatNational() : e);
     }, [a, se, c]), Be(() => {
       if (j.current == null) return;
@@ -326,8 +326,8 @@ const rt = Te(
     });
     const C = ce(
       (e, t) => {
-        const n = L(e, t), p = (n == null ? void 0 : n.number) ?? "";
-        O.current = p, i == null || i(p, {
+        const n = q(e, t), p = (n == null ? void 0 : n.number) ?? "";
+        U.current = p, i == null || i(p, {
           country: t,
           isValid: (n == null ? void 0 : n.isValid()) ?? !1,
           isPossible: (n == null ? void 0 : n.isPossible()) ?? !1,
@@ -335,11 +335,11 @@ const rt = Te(
         });
       },
       [i]
-    ), ze = M ?? (k ? z.id : void 0), oe = (k ? z.disabled : !1) || !!y, Ie = (k ? z.required : !1) || !!ye, re = k ? z.invalid : !1, Se = re ? "error" : v, Re = k && z.describedBy ? z.describedBy : void 0, ke = he ?? w("inputs.phone.placeholder", "Phone number"), Pe = (e) => {
+    ), ze = H ?? (k ? z.id : void 0), oe = (k ? z.disabled : !1) || !!y, Ie = (k ? z.required : !1) || !!ye, re = k ? z.invalid : !1, Se = re ? "error" : v, Re = k && z.describedBy ? z.describedBy : void 0, ke = he ?? w("inputs.phone.placeholder", "Phone number"), Pe = (e) => {
       if (S) return;
-      const t = e.target, n = t.value, p = t.selectionStart ?? n.length, I = nt(n, p), Z = new q(u).input(n);
+      const t = e.target, n = t.value, p = t.selectionStart ?? n.length, I = nt(n, p), Z = new M(u).input(n);
       j.current = st(Z, I), g(Z), C(Z, u);
-    }, ae = O, Ve = b(
+    }, ae = U, Ve = b(
       () => ({
         getValue: () => ae.current,
         setValue: (e) => {
@@ -347,11 +347,11 @@ const rt = Te(
             g(""), C("", u);
             return;
           }
-          const t = L(e);
+          const t = q(e);
           if (t != null && t.country)
             D.current = !0, E(t.country), g(t.formatNational()), C(t.formatNational(), t.country);
           else {
-            const p = new q(u).input(e);
+            const p = new M(u).input(e);
             g(p), C(p, u);
           }
         },
@@ -365,14 +365,14 @@ const rt = Te(
       }),
       [u, C, ae]
     );
-    $e(Ue, Ve, M);
+    $e(Ue, Ve, H);
     const Fe = (e) => {
       if (e === u) {
-        G(!1);
+        O(!1);
         return;
       }
-      const t = te.replace(/\D/g, ""), n = new q(e), p = t ? n.input(t) : "";
-      D.current = !0, E(e), g(p), G(!1), ne(""), C(p, e), requestAnimationFrame(() => {
+      const t = te.replace(/\D/g, ""), n = new M(e), p = t ? n.input(t) : "";
+      D.current = !0, E(e), g(p), O(!1), ne(""), C(p, e), requestAnimationFrame(() => {
         var I;
         (I = T.current) == null || I.focus();
       });
@@ -386,16 +386,16 @@ const rt = Te(
       if (!V || V.length === 0) return [];
       const e = new Map(x.map((t) => [t.code, t]));
       return V.filter((t) => h.has(t)).map((t) => e.get(t)).filter((t) => !!t);
-    }, [V, x, h]), U = b(
+    }, [V, x, h]), W = b(
       () => new Set(P.map((e) => e.code)),
       [P]
     ), Ee = b(
-      () => U.size > 0 ? x.filter((e) => !U.has(e.code)) : x,
-      [x, U]
+      () => W.size > 0 ? x.filter((e) => !W.has(e.code)) : x,
+      [x, W]
     ), A = b(
       () => x.find((e) => e.code === u),
       [x, u]
-    ), W = A ? A.dialCode : "", ie = A ? A.name : u, Y = w("inputs.phone.countryPickerLabel", "Country"), je = `${Y}: ${ie}, +${W}`, De = ce(
+    ), Y = A ? A.dialCode : "", ie = A ? A.name : u, $ = w("inputs.phone.countryPickerLabel", "Country"), je = `${$}: ${ie}, +${Y}`, De = ce(
       (e, t, n) => {
         const p = J(e), I = J(t), le = n == null ? void 0 : n.map(J);
         return Ke(
@@ -431,7 +431,7 @@ const rt = Te(
       "div",
       {
         "data-component": "phone-input",
-        "data-component-id": M,
+        "data-component-id": H,
         "data-slot": "phone-input",
         className: We({
           size: d,
@@ -445,29 +445,29 @@ const rt = Te(
               "data-slot": "phone-country-fixed",
               className: `${pe({ size: d })} ds:cursor-default ds:hover:bg-transparent`,
               children: [
-                /* @__PURE__ */ r("span", { className: "ds:sr-only", children: `${Y}: ${ie}` }),
+                /* @__PURE__ */ r("span", { className: "ds:sr-only", children: `${$}: ${ie}` }),
                 /* @__PURE__ */ r(Q, { country: u, size: X[d] }),
                 /* @__PURE__ */ m("bdi", { dir: "ltr", className: "ds:tabular-nums", children: [
                   "+",
-                  W
+                  Y
                 ] })
               ]
             }
-          ) : /* @__PURE__ */ m(K.Root, { open: _, onOpenChange: G, children: [
-            /* @__PURE__ */ r(K.Trigger, { asChild: !0, children: /* @__PURE__ */ m(
+          ) : /* @__PURE__ */ m(L.Root, { open: G, onOpenChange: O, children: [
+            /* @__PURE__ */ r(L.Trigger, { asChild: !0, children: /* @__PURE__ */ m(
               "button",
               {
                 type: "button",
                 disabled: oe,
                 "aria-haspopup": "listbox",
-                "aria-expanded": _,
+                "aria-expanded": G,
                 "aria-label": je,
                 className: pe({ size: d }),
                 children: [
                   /* @__PURE__ */ r(Q, { country: u, size: X[d] }),
                   /* @__PURE__ */ m("bdi", { dir: "ltr", className: "ds:tabular-nums", children: [
                     "+",
-                    W
+                    Y
                   ] }),
                   /* @__PURE__ */ r(
                     Oe,
@@ -477,18 +477,19 @@ const rt = Te(
                         tt[d],
                         "ds:shrink-0 ds:text-muted-foreground",
                         "ds:transition-transform ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
-                        _ ? "ds:rotate-180" : ""
+                        G ? "ds:rotate-180" : ""
                       ].join(" ")
                     }
                   )
                 ]
               }
             ) }),
-            /* @__PURE__ */ r(K.Portal, { children: /* @__PURE__ */ r(
-              K.Content,
+            /* @__PURE__ */ r(L.Portal, { children: /* @__PURE__ */ r(
+              L.Content,
               {
                 sideOffset: 6,
                 align: "start",
+                "aria-label": $,
                 className: Ze,
                 children: /* @__PURE__ */ m(
                   N,
@@ -496,7 +497,7 @@ const rt = Te(
                     filter: De,
                     shouldFilter: !0,
                     loop: !0,
-                    label: Y,
+                    label: $,
                     children: [
                       /* @__PURE__ */ r(
                         N.Input,
@@ -577,4 +578,4 @@ export {
   pe as c,
   We as p
 };
-//# sourceMappingURL=phone-input-BsZIoE36.js.map
+//# sourceMappingURL=phone-input-IWrGOCwm.js.map