@alfadocs/ui-kit-debug 0.64.0 → 0.65.0

package/dist/_chunks/{patient-summary-card-BnTqxcTr.js → patient-summary-card-Bgso0p_l.js}

@@ -5,7 +5,7 @@ import { useTranslation as Ca } from "react-i18next";
 import { A as H } from "./avatar-BNQNhoyL.js";
 import { B as w } from "./badge-zsf5i5bH.js";
 import { C as O } from "./card-DPmk26CL.js";
-import { K as Na, a as Aa } from "./key-value-pair-CkQIb9EG.js";
+import { K as Na, a as Aa } from "./key-value-pair-BrgbMfbF.js";
 import { L as S } from "./link-DrD_cRUg.js";
 import { S as C } from "./skeleton-CZbwyJAA.js";
 import { T as W } from "./tag-CdA0s_VV.js";
@@ -440,4 +440,4 @@ export {
   qa as P,
   za as p
 };
-//# sourceMappingURL=patient-summary-card-BnTqxcTr.js.map
+//# sourceMappingURL=patient-summary-card-Bgso0p_l.js.map

package/dist/_chunks/{patient-summary-card-BnTqxcTr.js.map → patient-summary-card-Bgso0p_l.js.map}

@@ -1 +1 @@
-{"version":3,"file":"patient-summary-card-BnTqxcTr.js","sources":["../../node_modules/lucide-react/dist/esm/icons/file-exclamation-point.js","../../node_modules/lucide-react/dist/esm/icons/message-square-warning.js","../../node_modules/lucide-react/dist/esm/icons/users.js","../../src/components/patient-summary-card/patient-summary-card.agent.ts","../../src/components/patient-summary-card/patient-summary-card.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\",\n      key: \"1oefj6\"\n    }\n  ],\n  [\"path\", { d: \"M12 9v4\", key: \"juzpu7\" }],\n  [\"path\", { d: \"M12 17h.01\", key: \"p32p05\" }]\n];\nconst FileExclamationPoint = createLucideIcon(\"file-exclamation-point\", __iconNode);\n\nexport { __iconNode, FileExclamationPoint as default };\n//# sourceMappingURL=file-exclamation-point.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z\",\n      key: \"18887p\"\n    }\n  ],\n  [\"path\", { d: \"M12 15h.01\", key: \"q59x07\" }],\n  [\"path\", { d: \"M12 7v4\", key: \"xawao1\" }]\n];\nconst MessageSquareWarning = createLucideIcon(\"message-square-warning\", __iconNode);\n\nexport { __iconNode, MessageSquareWarning as default };\n//# sourceMappingURL=message-square-warning.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\", key: \"1yyitq\" }],\n  [\"path\", { d: \"M16 3.128a4 4 0 0 1 0 7.744\", key: \"16gr8j\" }],\n  [\"path\", { d: \"M22 21v-2a4 4 0 0 0-3-3.87\", key: \"kshegd\" }],\n  [\"circle\", { cx: \"9\", cy: \"7\", r: \"4\", key: \"nufk8\" }]\n];\nconst Users = createLucideIcon(\"users\", __iconNode);\n\nexport { __iconNode, Users as default };\n//# sourceMappingURL=users.js.map\n","import type { AgentAdapter } from '../../agent/types';\nimport type { PatientSummaryCardHandle } from './patient-summary-card';\n\n/* -------------------------------------------------------------------- */\n/* Agent adapter — PatientSummaryCard                                    */\n/*                                                                        */\n/* Read-only adapter. Surfaces a STRUCTURAL snapshot of the patient       */\n/* overview — counts, flags, and the consumer id only. Never the patient */\n/* name, age, contact details, or any clinical content, so an agent /    */\n/* MCP runtime can answer \"does this patient have unpaid balances /       */\n/* unsigned documents / AI consent?\" without re-parsing the DOM and       */\n/* without leaking PHI (PRS §Security).                                   */\n/* -------------------------------------------------------------------- */\n\nexport const patientSummaryCardAgent: AgentAdapter<PatientSummaryCardHandle> = {\n  id: 'patient-summary-card',\n  capabilities: ['view_change'],\n  state: {\n    summary: {\n      type: '{ id?: string; hasUnpaid: boolean; unsignedDocumentsCount: number; highlightedAnamnesisCount: number; aiConsentGranted: boolean }',\n      descriptionKey: 'ui.agent.patientSummaryCard.state.summary',\n      description:\n        'Structural summary of the patient card — identifiers, counts, and consent flags only. Never patient identity or clinical content.',\n      read: (handle) => handle.getSummary(),\n    },\n  },\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'patient-summary-card',\n      description: 'Marks the PatientSummaryCard root region.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useId,\n  useMemo,\n  type ComponentPropsWithoutRef,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  FileWarning,\n  Mail,\n  MapPin,\n  MessageSquareWarning,\n  Phone,\n  ShieldCheck,\n  Sparkles,\n  Users,\n  type LucideIcon,\n} from 'lucide-react';\nimport { Avatar } from '../avatar/avatar';\nimport { Badge } from '../badge/badge';\nimport { Card } from '../card/card';\nimport { KeyValueList, KeyValuePair } from '../key-value-pair/key-value-pair';\nimport { Link } from '../link/link';\nimport { Skeleton } from '../skeleton/skeleton';\nimport { Tag } from '../tag/tag';\nimport { TransactionChip } from '../transaction-chip/transaction-chip';\nimport { isSafeEntityUrl } from '../_shared/is-safe-url';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { patientSummaryCardAgent } from './patient-summary-card.agent';\n\n/* -------------------------------------------------------------------- */\n/* PatientSummaryCard                                                     */\n/*                                                                        */\n/* The patient-overview profile card every AlfaDocs in-app surface       */\n/* composes by hand today (platform patient header, alfascribe patient   */\n/* sidebar, check-in landing). Templated on ContactProfileCard: composes */\n/* Card + Avatar + KeyValueList + KeyValuePair + Badge + Tag +           */\n/* TransactionChip + Link so the contact rows share a column and every   */\n/* row uses the same lucide icon family.                                 */\n/*                                                                        */\n/* The kit owns the ORDER, ICONS, and LABELS — consumers pass data. No   */\n/* free-text clinical content (anamnesis notes, diagnoses) ever lives    */\n/* here: only counts/flags/relations are surfaced, so the card stays     */\n/* PHI-light and the agent state can be derived without leaking patient  */\n/* identity.                                                             */\n/*                                                                        */\n/* All visible text flows through `useTranslation('ui')` against the     */\n/* `patientSummaryCard.*` namespace.                                     */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* CVA — root                                                             */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva('ds:w-full ds:text-[color:var(--foreground)]', {\n  variants: {\n    // Matches the kit's other `surface` props (ContactProfileCard,\n    // OperatorHero). `'elevated'` wraps the content in `<Card>`.\n    surface: {\n      flat: '',\n      elevated: '',\n    },\n    // Density tunes the avatar size + body padding. `comfortable` reads\n    // as a page header; `compact` fits an embedded sidebar / aside.\n    density: {\n      comfortable: '',\n      compact: '',\n    },\n  },\n  defaultVariants: {\n    surface: 'elevated',\n    density: 'comfortable',\n  },\n});\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                           */\n/* -------------------------------------------------------------------- */\n\n/** Patient phone number — already formatted for display by the consumer. */\nexport interface PatientSummaryCardPhone {\n  /** Display string, e.g. `\"+39 055 123 4567\"`. Compiled into a `tel:` link. */\n  prefixAndNumber: string;\n  /** Optional label that distinguishes this number (e.g. \"Mobile\"). */\n  label?: string;\n  /** Whether SMS is enabled for this number — shows a small \"SMS\" chip. */\n  smsEnabled?: boolean;\n}\n\n/** A family relation row — links one patient to another. */\nexport interface PatientSummaryCardFamilyRelation {\n  /** Localised relation label, consumer-supplied (e.g. \"Mother\", \"Child\"). */\n  relation: string;\n  /** The related patient — name + optional in-app profile URL. */\n  relatedPatient: {\n    name: string;\n    url?: string;\n  };\n}\n\n/** Operator the patient is assigned to. */\nexport interface PatientSummaryCardAssignee {\n  name: string;\n  avatarUrl?: string;\n}\n\n/** AI-consent grant metadata — structural only, never the consented content. */\nexport interface PatientSummaryCardAiConsent {\n  /** ISO-8601 / display string of when consent was granted. */\n  grantedAt: string;\n  /** Optional name of who recorded the grant. */\n  grantedBy?: string;\n}\n\n/** Status flags rendered as glyph badges (counts / amounts only — no PHI). */\nexport interface PatientSummaryCardFlags {\n  /** Number of anamnesis answers highlighted for clinical attention. */\n  highlightedAnamnesisCount?: number;\n  /** Outstanding balance in the smallest currency unit (cents). */\n  unpaidAmountCents?: number;\n  /** Number of documents awaiting the patient's signature. */\n  unsignedDocumentsCount?: number;\n}\n\n/** Marketing-consent tri-state. */\nexport type PatientSummaryCardMarketingConsent = 'no' | 'yes' | 'not_specified';\n\nexport interface PatientSummaryCardHandle {\n  /** Structural snapshot — identifiers and counts only, never patient identity. */\n  getSummary: () => {\n    id?: string;\n    hasUnpaid: boolean;\n    unsignedDocumentsCount: number;\n    highlightedAnamnesisCount: number;\n    aiConsentGranted: boolean;\n  };\n}\n\nexport interface PatientSummaryCardProps extends Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'aria-label' | 'children'\n> {\n  /** Patient display name. Rendered as the heading. */\n  name: string;\n  /** Honorific — `'mr'` / `'ms'`. Prepended to the name in the heading. */\n  title?: 'mr' | 'ms';\n  /** Patient age in whole years — rendered in the identity line. */\n  ageYears?: number;\n  /** Date of birth — already formatted for display by the consumer. */\n  dateOfBirth?: string;\n  /** Biological sex marker — `'m'` / `'f'`. Drives the identity-line glyph copy. */\n  gender?: 'm' | 'f';\n  /** Optional avatar / photo URL. Falls back to initials. */\n  avatarUrl?: string;\n  /**\n   * In-app patient profile URL. When safe, the heading becomes a link.\n   * Guarded by the shared `isSafeEntityUrl` allow-list — unsafe URLs are\n   * dropped and the heading renders as plain text.\n   */\n  patientUrl?: string;\n\n  /* ----- Contact rows ----- */\n\n  /** Patient email. Compiled into a `mailto:` link when `emailEnabled`. */\n  email?: string;\n  /** Whether email contact is enabled — gates the `mailto:` link. */\n  emailEnabled?: boolean;\n  /** Phone number block. Compiled into a `tel:` link. */\n  phone?: PatientSummaryCardPhone;\n  /** City / province display string. */\n  cityProvince?: string;\n\n  /* ----- Consent ----- */\n\n  /** Marketing-consent tri-state. */\n  marketingConsent?: PatientSummaryCardMarketingConsent;\n  /** AI-consent grant metadata. When present, an \"AI consent\" row renders. */\n  aiConsent?: PatientSummaryCardAiConsent;\n\n  /* ----- Status flags ----- */\n\n  /** Counts / amounts surfaced as glyph badges. */\n  flags?: PatientSummaryCardFlags;\n\n  /* ----- Relations & assignment ----- */\n\n  /** Family relations — rendered as `<Tag>` chips, optionally linked. */\n  familyRelations?: PatientSummaryCardFamilyRelation[];\n  /** Operator the patient is assigned to. */\n  assignedTo?: PatientSummaryCardAssignee;\n\n  /* ----- Formatting ----- */\n\n  /** ISO-4217 currency code for the unpaid-amount chip. Defaults to `EUR`. */\n  currency?: string;\n  /** BCP-47 locale override. Defaults to the active i18next language. */\n  locale?: string;\n\n  /* ----- States ----- */\n\n  /** Render the skeleton loading placeholder. */\n  loading?: boolean;\n\n  /* ----- Slots & callbacks ----- */\n\n  /** Rendered at the inline-end of the heading row (e.g. an action menu). */\n  actionSlot?: ReactNode;\n  /** Fires when the whole card / heading is activated. */\n  onActivate?: () => void;\n\n  /* ----- Styling ----- */\n\n  /** `'elevated'` (default) wraps in `<Card>`; `'flat'` drops the chrome. */\n  surface?: 'flat' | 'elevated';\n  /** `'comfortable'` (default) reads as a header; `'compact'` for asides. */\n  density?: 'comfortable' | 'compact';\n\n  /* ----- a11y ----- */\n\n  /** Override the default region aria-label. */\n  'aria-label'?: string;\n  /** Agent-readiness consumer id, surfaced as `data-component-id`. */\n  id?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* Helpers                                                                */\n/* -------------------------------------------------------------------- */\n\n/** Strip everything except digits + leading `+` for `tel:` URLs. */\nfunction normalisePhone(raw: string): string {\n  return raw.replace(/[^\\d+]/g, '');\n}\n\n/* -------------------------------------------------------------------- */\n/* Flag glyphs — the closed set of status indicators                     */\n/* -------------------------------------------------------------------- */\n\n/** The closed set of status-flag keys (icon + tonal variant defined below). */\ntype FlagKey = 'highlightedAnamnesis' | 'unsignedDocuments';\n\nconst FLAG_ICON: Record<FlagKey, LucideIcon> = {\n  highlightedAnamnesis: MessageSquareWarning,\n  unsignedDocuments: FileWarning,\n};\n\nconst FLAG_VARIANT: Record<FlagKey, 'warning' | 'error'> = {\n  highlightedAnamnesis: 'warning',\n  unsignedDocuments: 'error',\n};\n\n/** English fallbacks for the flag badge accessible names (count-interpolated). */\nconst FLAG_LABEL_DEFAULTS: Record<FlagKey, string> = {\n  highlightedAnamnesis: '{{count}} highlighted anamnesis answers',\n  unsignedDocuments: '{{count}} unsigned documents',\n};\n\n/** English fallbacks for the marketing-consent tri-state chip. */\nconst MARKETING_CONSENT_DEFAULTS: Record<\n  PatientSummaryCardMarketingConsent,\n  string\n> = {\n  yes: 'Yes',\n  no: 'No',\n  not_specified: 'Not specified',\n};\n\n/* -------------------------------------------------------------------- */\n/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\nexport const PatientSummaryCard = forwardRef<\n  HTMLDivElement,\n  PatientSummaryCardProps\n>(\n  (\n    {\n      name,\n      title,\n      ageYears,\n      dateOfBirth,\n      gender,\n      avatarUrl,\n      patientUrl,\n      email,\n      emailEnabled = false,\n      phone,\n      cityProvince,\n      marketingConsent,\n      aiConsent,\n      flags,\n      familyRelations,\n      assignedTo,\n      currency = 'EUR',\n      locale,\n      loading = false,\n      actionSlot,\n      onActivate,\n      surface = 'elevated',\n      density = 'comfortable',\n      'aria-label': ariaLabel,\n      id,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const headingId = useId();\n    const activeLocale = locale ?? i18n.language ?? 'en';\n\n    const unpaidAmountCents = flags?.unpaidAmountCents;\n    const unsignedDocumentsCount = flags?.unsignedDocumentsCount ?? 0;\n    const highlightedAnamnesisCount = flags?.highlightedAnamnesisCount ?? 0;\n    const hasUnpaid = unpaidAmountCents != null && unpaidAmountCents > 0;\n\n    // Imperative handle — structural snapshot only (counts/flags/ids),\n    // never the patient name or any clinical content.\n    const handle = useMemo<PatientSummaryCardHandle>(\n      () => ({\n        getSummary: () => ({\n          id,\n          hasUnpaid,\n          unsignedDocumentsCount,\n          highlightedAnamnesisCount,\n          aiConsentGranted: aiConsent != null,\n        }),\n      }),\n      [\n        id,\n        hasUnpaid,\n        unsignedDocumentsCount,\n        highlightedAnamnesisCount,\n        aiConsent,\n      ],\n    );\n    useAgentRegistration(patientSummaryCardAgent, handle, id);\n\n    const resolvedAriaLabel =\n      ariaLabel ??\n      t('patientSummaryCard.regionLabel', { defaultValue: 'Patient overview' });\n\n    // Heading text: optional honorific prefix + name.\n    const TITLE_DEFAULTS: Record<'mr' | 'ms', string> = {\n      mr: 'Mr.',\n      ms: 'Ms.',\n    };\n    const honorific = title\n      ? t(`patientSummaryCard.title.${title}`, {\n          defaultValue: TITLE_DEFAULTS[title],\n        })\n      : undefined;\n    const headingText = honorific ? `${honorific} ${name}` : name;\n\n    // Identity line: a localised, comma-joined summary of the structured\n    // fields below the name. Each segment is added only when present.\n    const GENDER_DEFAULTS: Record<'m' | 'f', string> = {\n      m: 'Male',\n      f: 'Female',\n    };\n    const identitySegments: string[] = [];\n    if (gender) {\n      identitySegments.push(\n        t(`patientSummaryCard.gender.${gender}`, {\n          defaultValue: GENDER_DEFAULTS[gender],\n        }),\n      );\n    }\n    if (ageYears != null) {\n      identitySegments.push(\n        t('patientSummaryCard.identity.age', {\n          count: ageYears,\n          defaultValue: '{{count}} yrs',\n        }),\n      );\n    }\n    if (dateOfBirth) {\n      identitySegments.push(\n        t('patientSummaryCard.identity.bornOn', {\n          date: dateOfBirth,\n          defaultValue: 'Born {{date}}',\n        }),\n      );\n    }\n    const identityLine = identitySegments.join(\n      t('patientSummaryCard.identity.separator', { defaultValue: ' · ' }),\n    );\n\n    const isUrlSafe = !!patientUrl && isSafeEntityUrl(patientUrl);\n\n    const avatarSize = density === 'comfortable' ? 'xl' : 'lg';\n    const headingClass =\n      density === 'comfortable' ? 'type-title-card' : 'type-title-item';\n    const bodyGapClass =\n      density === 'comfortable'\n        ? 'ds:gap-[var(--spacing-md)]'\n        : 'ds:gap-[var(--spacing-sm)]';\n\n    /* ---------------------------------------------------------------- */\n    /* Contact rows                                                      */\n    /* ---------------------------------------------------------------- */\n\n    const rows: Array<{\n      key: string;\n      icon: ReactElement;\n      label: string;\n      value: ReactNode;\n    }> = [];\n\n    if (email) {\n      rows.push({\n        key: 'email',\n        icon: <Mail aria-hidden=\"true\" />,\n        label: t('patientSummaryCard.label.email', { defaultValue: 'Email' }),\n        value: emailEnabled ? (\n          <Link href={`mailto:${email}`} intent=\"default\" onClick={onActivate}>\n            {email}\n          </Link>\n        ) : (\n          <span className=\"ds:text-[color:var(--muted-foreground)]\">\n            {email}\n          </span>\n        ),\n      });\n    }\n\n    if (phone) {\n      rows.push({\n        key: 'phone',\n        icon: <Phone aria-hidden=\"true\" />,\n        label:\n          phone.label ??\n          t('patientSummaryCard.label.phone', { defaultValue: 'Phone' }),\n        value: (\n          <span className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-2xs)]\">\n            <Link\n              href={`tel:${normalisePhone(phone.prefixAndNumber)}`}\n              intent=\"default\"\n            >\n              {phone.prefixAndNumber}\n            </Link>\n            {phone.smsEnabled ? (\n              <Badge variant=\"success\" size=\"sm\">\n                {t('patientSummaryCard.value.smsEnabled', {\n                  defaultValue: 'SMS',\n                })}\n              </Badge>\n            ) : null}\n          </span>\n        ),\n      });\n    }\n\n    if (cityProvince) {\n      rows.push({\n        key: 'cityProvince',\n        icon: <MapPin aria-hidden=\"true\" />,\n        label: t('patientSummaryCard.label.cityProvince', {\n          defaultValue: 'City / province',\n        }),\n        value: cityProvince,\n      });\n    }\n\n    if (marketingConsent) {\n      rows.push({\n        key: 'marketingConsent',\n        icon: <ShieldCheck aria-hidden=\"true\" />,\n        label: t('patientSummaryCard.label.marketingConsent', {\n          defaultValue: 'Marketing consent',\n        }),\n        value: (\n          <Badge\n            variant={\n              marketingConsent === 'yes'\n                ? 'success'\n                : marketingConsent === 'no'\n                  ? 'error'\n                  : 'neutral'\n            }\n            size=\"sm\"\n            withDot\n          >\n            {t(`patientSummaryCard.marketingConsent.${marketingConsent}`, {\n              defaultValue: MARKETING_CONSENT_DEFAULTS[marketingConsent],\n            })}\n          </Badge>\n        ),\n      });\n    }\n\n    if (aiConsent) {\n      rows.push({\n        key: 'aiConsent',\n        icon: <Sparkles aria-hidden=\"true\" />,\n        label: t('patientSummaryCard.label.aiConsent', {\n          defaultValue: 'AI consent',\n        }),\n        value: aiConsent.grantedBy\n          ? t('patientSummaryCard.value.aiConsentGrantedBy', {\n              date: aiConsent.grantedAt,\n              by: aiConsent.grantedBy,\n              defaultValue: 'Granted {{date}} by {{by}}',\n            })\n          : t('patientSummaryCard.value.aiConsentGrantedAt', {\n              date: aiConsent.grantedAt,\n              defaultValue: 'Granted {{date}}',\n            }),\n      });\n    }\n\n    if (assignedTo) {\n      rows.push({\n        key: 'assignedTo',\n        icon: <Users aria-hidden=\"true\" />,\n        label: t('patientSummaryCard.label.assignedTo', {\n          defaultValue: 'Assigned to',\n        }),\n        value: (\n          <span className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n            <Avatar\n              size=\"xs\"\n              name={assignedTo.name}\n              src={assignedTo.avatarUrl}\n            />\n            <span>{assignedTo.name}</span>\n          </span>\n        ),\n      });\n    }\n\n    /* ---------------------------------------------------------------- */\n    /* Status-flag badges (counts only)                                  */\n    /* ---------------------------------------------------------------- */\n\n    const flagBadges: Array<{ key: FlagKey; count: number }> = [];\n    if (highlightedAnamnesisCount > 0) {\n      flagBadges.push({\n        key: 'highlightedAnamnesis',\n        count: highlightedAnamnesisCount,\n      });\n    }\n    if (unsignedDocumentsCount > 0) {\n      flagBadges.push({\n        key: 'unsignedDocuments',\n        count: unsignedDocumentsCount,\n      });\n    }\n\n    const showFlagStrip = hasUnpaid || flagBadges.length > 0;\n\n    /* ---------------------------------------------------------------- */\n    /* Loading skeleton                                                  */\n    /* ---------------------------------------------------------------- */\n\n    const skeletonBody = (\n      <div className={`ds:flex ds:flex-col ${bodyGapClass}`}>\n        <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-md)]\">\n          <Skeleton variant=\"circular\" size=\"lg\" />\n          <div className=\"ds:flex ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]\">\n            <Skeleton variant=\"text\" width=\"60%\" />\n            <Skeleton variant=\"text\" width=\"40%\" />\n          </div>\n        </div>\n        <Skeleton variant=\"text\" lines={3} />\n      </div>\n    );\n\n    /* ---------------------------------------------------------------- */\n    /* Header                                                            */\n    /* ---------------------------------------------------------------- */\n\n    const heading = isUrlSafe ? (\n      <Link\n        href={patientUrl as string}\n        intent=\"default\"\n        weight=\"strong\"\n        onClick={onActivate}\n        className={`${headingClass} ds:no-underline`}\n      >\n        <span id={headingId}>{headingText}</span>\n      </Link>\n    ) : (\n      <span\n        id={headingId}\n        className={`${headingClass} ds:text-[color:var(--foreground)]`}\n      >\n        {headingText}\n      </span>\n    );\n\n    const header = (\n      <div className=\"ds:flex ds:items-start ds:gap-[var(--spacing-md)]\">\n        <Avatar\n          size={avatarSize}\n          name={name}\n          src={avatarUrl}\n          className=\"ds:shrink-0\"\n        />\n        <div className=\"ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n          {heading}\n          {identityLine ? (\n            <p className=\"type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]\">\n              {identityLine}\n            </p>\n          ) : null}\n        </div>\n        {actionSlot ? (\n          <div className=\"ds:ms-auto ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-xs)]\">\n            {actionSlot}\n          </div>\n        ) : null}\n      </div>\n    );\n\n    /* ---------------------------------------------------------------- */\n    /* Flag strip                                                        */\n    /* ---------------------------------------------------------------- */\n\n    const flagStrip = showFlagStrip ? (\n      <div\n        role=\"list\"\n        aria-label={t('patientSummaryCard.flagsLabel', {\n          defaultValue: 'Patient attention flags',\n        })}\n        className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]\"\n      >\n        {hasUnpaid ? (\n          <span role=\"listitem\">\n            <TransactionChip\n              state=\"debt\"\n              amount={(unpaidAmountCents as number) / 100}\n              currency={currency}\n              locale={activeLocale}\n              size=\"sm\"\n              showLabel\n            />\n          </span>\n        ) : null}\n        {flagBadges.map(({ key, count }) => {\n          const FlagIcon = FLAG_ICON[key];\n          // The Badge shows the visible icon + count; the descriptive,\n          // count-interpolated accessible name lives on the wrapping\n          // listitem (role=\"img\") so screen readers announce e.g.\n          // \"3 unsigned documents\" rather than just the bare number.\n          return (\n            <span\n              key={key}\n              role=\"listitem\"\n              aria-label={t(`patientSummaryCard.flag.${key}`, {\n                count,\n                defaultValue: FLAG_LABEL_DEFAULTS[key],\n              })}\n              className=\"ds:inline-flex\"\n            >\n              <Badge\n                aria-hidden=\"true\"\n                variant={FLAG_VARIANT[key]}\n                size=\"md\"\n                withDot\n                leading={<FlagIcon aria-hidden=\"true\" />}\n              >\n                {count}\n              </Badge>\n            </span>\n          );\n        })}\n      </div>\n    ) : null;\n\n    /* ---------------------------------------------------------------- */\n    /* Family relations                                                  */\n    /* ---------------------------------------------------------------- */\n\n    const familyBlock =\n      familyRelations && familyRelations.length > 0 ? (\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n          <span className=\"type-label ds:text-[color:var(--muted-foreground)]\">\n            {t('patientSummaryCard.label.familyRelations', {\n              defaultValue: 'Family relations',\n            })}\n          </span>\n          <div className=\"ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]\">\n            {familyRelations.map((rel, index) => {\n              const safeUrl =\n                !!rel.relatedPatient.url &&\n                isSafeEntityUrl(rel.relatedPatient.url);\n              const tagLabel = t('patientSummaryCard.value.familyRelation', {\n                relation: rel.relation,\n                name: rel.relatedPatient.name,\n                defaultValue: '{{relation}}: {{name}}',\n              });\n              return safeUrl ? (\n                <Link\n                  key={`${rel.relation}-${index}`}\n                  href={rel.relatedPatient.url as string}\n                  intent=\"default\"\n                  className=\"ds:no-underline\"\n                >\n                  <Tag label={tagLabel} variant=\"neutral\" />\n                </Link>\n              ) : (\n                <Tag\n                  key={`${rel.relation}-${index}`}\n                  label={tagLabel}\n                  variant=\"neutral\"\n                />\n              );\n            })}\n          </div>\n        </div>\n      ) : null;\n\n    /* ---------------------------------------------------------------- */\n    /* Body                                                              */\n    /* ---------------------------------------------------------------- */\n\n    const body = (\n      <div className={`ds:flex ds:flex-col ${bodyGapClass}`}>\n        {header}\n        {flagStrip}\n        {rows.length > 0 ? (\n          <KeyValueList rowGap=\"sm\">\n            {rows.map((row) => (\n              <KeyValuePair\n                key={row.key}\n                icon={row.icon}\n                label={row.label}\n                value={row.value}\n              />\n            ))}\n          </KeyValueList>\n        ) : null}\n        {familyBlock}\n      </div>\n    );\n\n    const inner = loading ? skeletonBody : body;\n\n    return (\n      <div\n        ref={ref}\n        role=\"region\"\n        // When the heading is rendered, the patient name (via\n        // aria-labelledby) is the region's accessible name — the more\n        // meaningful label than a generic \"Patient overview\". A consumer\n        // aria-label still wins; the generic fallback only applies when\n        // there is no heading to point at (loading state).\n        aria-label={loading || ariaLabel ? resolvedAriaLabel : undefined}\n        aria-labelledby={loading ? undefined : headingId}\n        aria-busy={loading || undefined}\n        data-component=\"patient-summary-card\"\n        data-component-id={id}\n        data-density={density}\n        id={id}\n        className={rootVariants({ surface, density, className })}\n        {...rest}\n      >\n        {surface === 'elevated' ? (\n          <Card variant=\"elevated\">\n            <Card.Body>{inner}</Card.Body>\n          </Card>\n        ) : (\n          inner\n        )}\n      </div>\n    );\n  },\n);\n\nPatientSummaryCard.displayName = 'PatientSummaryCard';\n\n/** Variant unions re-exported for downstream typing. */\nexport type PatientSummaryCardSurface = NonNullable<\n  VariantProps<typeof rootVariants>['surface']\n>;\nexport type PatientSummaryCardDensity = NonNullable<\n  VariantProps<typeof rootVariants>['density']\n>;\n"],"names":["__iconNode","FileExclamationPoint","createLucideIcon","MessageSquareWarning","Users","patientSummaryCardAgent","handle","rootVariants","cva","normalisePhone","raw","FLAG_ICON","FileWarning","FLAG_VARIANT","FLAG_LABEL_DEFAULTS","MARKETING_CONSENT_DEFAULTS","PatientSummaryCard","forwardRef","name","title","ageYears","dateOfBirth","gender","avatarUrl","patientUrl","email","emailEnabled","phone","cityProvince","marketingConsent","aiConsent","flags","familyRelations","assignedTo","currency","locale","loading","actionSlot","onActivate","surface","density","ariaLabel","id","className","rest","ref","t","i18n","useTranslation","headingId","useId","activeLocale","unpaidAmountCents","unsignedDocumentsCount","highlightedAnamnesisCount","hasUnpaid","useMemo","useAgentRegistration","resolvedAriaLabel","TITLE_DEFAULTS","honorific","headingText","GENDER_DEFAULTS","identitySegments","identityLine","isUrlSafe","isSafeEntityUrl","avatarSize","headingClass","bodyGapClass","rows","jsx","Mail","Link","Phone","jsxs","Badge","MapPin","ShieldCheck","Sparkles","Avatar","flagBadges","showFlagStrip","skeletonBody","Skeleton","heading","header","flagStrip","TransactionChip","key","count","FlagIcon","familyBlock","rel","index","safeUrl","tagLabel","Tag","body","KeyValueList","row","KeyValuePair","inner","Card"],"mappings":"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","x_google_ignoreList":[0,1,2]}
+{"version":3,"file":"patient-summary-card-Bgso0p_l.js","sources":["../../node_modules/lucide-react/dist/esm/icons/file-exclamation-point.js","../../node_modules/lucide-react/dist/esm/icons/message-square-warning.js","../../node_modules/lucide-react/dist/esm/icons/users.js","../../src/components/patient-summary-card/patient-summary-card.agent.ts","../../src/components/patient-summary-card/patient-summary-card.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\",\n      key: \"1oefj6\"\n    }\n  ],\n  [\"path\", { d: \"M12 9v4\", key: \"juzpu7\" }],\n  [\"path\", { d: \"M12 17h.01\", key: \"p32p05\" }]\n];\nconst FileExclamationPoint = createLucideIcon(\"file-exclamation-point\", __iconNode);\n\nexport { __iconNode, FileExclamationPoint as default };\n//# sourceMappingURL=file-exclamation-point.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z\",\n      key: \"18887p\"\n    }\n  ],\n  [\"path\", { d: \"M12 15h.01\", key: \"q59x07\" }],\n  [\"path\", { d: \"M12 7v4\", key: \"xawao1\" }]\n];\nconst MessageSquareWarning = createLucideIcon(\"message-square-warning\", __iconNode);\n\nexport { __iconNode, MessageSquareWarning as default };\n//# sourceMappingURL=message-square-warning.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\", key: \"1yyitq\" }],\n  [\"path\", { d: \"M16 3.128a4 4 0 0 1 0 7.744\", key: \"16gr8j\" }],\n  [\"path\", { d: \"M22 21v-2a4 4 0 0 0-3-3.87\", key: \"kshegd\" }],\n  [\"circle\", { cx: \"9\", cy: \"7\", r: \"4\", key: \"nufk8\" }]\n];\nconst Users = createLucideIcon(\"users\", __iconNode);\n\nexport { __iconNode, Users as default };\n//# sourceMappingURL=users.js.map\n","import type { AgentAdapter } from '../../agent/types';\nimport type { PatientSummaryCardHandle } from './patient-summary-card';\n\n/* -------------------------------------------------------------------- */\n/* Agent adapter — PatientSummaryCard                                    */\n/*                                                                        */\n/* Read-only adapter. Surfaces a STRUCTURAL snapshot of the patient       */\n/* overview — counts, flags, and the consumer id only. Never the patient */\n/* name, age, contact details, or any clinical content, so an agent /    */\n/* MCP runtime can answer \"does this patient have unpaid balances /       */\n/* unsigned documents / AI consent?\" without re-parsing the DOM and       */\n/* without leaking PHI (PRS §Security).                                   */\n/* -------------------------------------------------------------------- */\n\nexport const patientSummaryCardAgent: AgentAdapter<PatientSummaryCardHandle> = {\n  id: 'patient-summary-card',\n  capabilities: ['view_change'],\n  state: {\n    summary: {\n      type: '{ id?: string; hasUnpaid: boolean; unsignedDocumentsCount: number; highlightedAnamnesisCount: number; aiConsentGranted: boolean }',\n      descriptionKey: 'ui.agent.patientSummaryCard.state.summary',\n      description:\n        'Structural summary of the patient card — identifiers, counts, and consent flags only. Never patient identity or clinical content.',\n      read: (handle) => handle.getSummary(),\n    },\n  },\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'patient-summary-card',\n      description: 'Marks the PatientSummaryCard root region.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useId,\n  useMemo,\n  type ComponentPropsWithoutRef,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  FileWarning,\n  Mail,\n  MapPin,\n  MessageSquareWarning,\n  Phone,\n  ShieldCheck,\n  Sparkles,\n  Users,\n  type LucideIcon,\n} from 'lucide-react';\nimport { Avatar } from '../avatar/avatar';\nimport { Badge } from '../badge/badge';\nimport { Card } from '../card/card';\nimport { KeyValueList, KeyValuePair } from '../key-value-pair/key-value-pair';\nimport { Link } from '../link/link';\nimport { Skeleton } from '../skeleton/skeleton';\nimport { Tag } from '../tag/tag';\nimport { TransactionChip } from '../transaction-chip/transaction-chip';\nimport { isSafeEntityUrl } from '../_shared/is-safe-url';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { patientSummaryCardAgent } from './patient-summary-card.agent';\n\n/* -------------------------------------------------------------------- */\n/* PatientSummaryCard                                                     */\n/*                                                                        */\n/* The patient-overview profile card every AlfaDocs in-app surface       */\n/* composes by hand today (platform patient header, alfascribe patient   */\n/* sidebar, check-in landing). Templated on ContactProfileCard: composes */\n/* Card + Avatar + KeyValueList + KeyValuePair + Badge + Tag +           */\n/* TransactionChip + Link so the contact rows share a column and every   */\n/* row uses the same lucide icon family.                                 */\n/*                                                                        */\n/* The kit owns the ORDER, ICONS, and LABELS — consumers pass data. No   */\n/* free-text clinical content (anamnesis notes, diagnoses) ever lives    */\n/* here: only counts/flags/relations are surfaced, so the card stays     */\n/* PHI-light and the agent state can be derived without leaking patient  */\n/* identity.                                                             */\n/*                                                                        */\n/* All visible text flows through `useTranslation('ui')` against the     */\n/* `patientSummaryCard.*` namespace.                                     */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* CVA — root                                                             */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva('ds:w-full ds:text-[color:var(--foreground)]', {\n  variants: {\n    // Matches the kit's other `surface` props (ContactProfileCard,\n    // OperatorHero). `'elevated'` wraps the content in `<Card>`.\n    surface: {\n      flat: '',\n      elevated: '',\n    },\n    // Density tunes the avatar size + body padding. `comfortable` reads\n    // as a page header; `compact` fits an embedded sidebar / aside.\n    density: {\n      comfortable: '',\n      compact: '',\n    },\n  },\n  defaultVariants: {\n    surface: 'elevated',\n    density: 'comfortable',\n  },\n});\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                           */\n/* -------------------------------------------------------------------- */\n\n/** Patient phone number — already formatted for display by the consumer. */\nexport interface PatientSummaryCardPhone {\n  /** Display string, e.g. `\"+39 055 123 4567\"`. Compiled into a `tel:` link. */\n  prefixAndNumber: string;\n  /** Optional label that distinguishes this number (e.g. \"Mobile\"). */\n  label?: string;\n  /** Whether SMS is enabled for this number — shows a small \"SMS\" chip. */\n  smsEnabled?: boolean;\n}\n\n/** A family relation row — links one patient to another. */\nexport interface PatientSummaryCardFamilyRelation {\n  /** Localised relation label, consumer-supplied (e.g. \"Mother\", \"Child\"). */\n  relation: string;\n  /** The related patient — name + optional in-app profile URL. */\n  relatedPatient: {\n    name: string;\n    url?: string;\n  };\n}\n\n/** Operator the patient is assigned to. */\nexport interface PatientSummaryCardAssignee {\n  name: string;\n  avatarUrl?: string;\n}\n\n/** AI-consent grant metadata — structural only, never the consented content. */\nexport interface PatientSummaryCardAiConsent {\n  /** ISO-8601 / display string of when consent was granted. */\n  grantedAt: string;\n  /** Optional name of who recorded the grant. */\n  grantedBy?: string;\n}\n\n/** Status flags rendered as glyph badges (counts / amounts only — no PHI). */\nexport interface PatientSummaryCardFlags {\n  /** Number of anamnesis answers highlighted for clinical attention. */\n  highlightedAnamnesisCount?: number;\n  /** Outstanding balance in the smallest currency unit (cents). */\n  unpaidAmountCents?: number;\n  /** Number of documents awaiting the patient's signature. */\n  unsignedDocumentsCount?: number;\n}\n\n/** Marketing-consent tri-state. */\nexport type PatientSummaryCardMarketingConsent = 'no' | 'yes' | 'not_specified';\n\nexport interface PatientSummaryCardHandle {\n  /** Structural snapshot — identifiers and counts only, never patient identity. */\n  getSummary: () => {\n    id?: string;\n    hasUnpaid: boolean;\n    unsignedDocumentsCount: number;\n    highlightedAnamnesisCount: number;\n    aiConsentGranted: boolean;\n  };\n}\n\nexport interface PatientSummaryCardProps extends Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'aria-label' | 'children'\n> {\n  /** Patient display name. Rendered as the heading. */\n  name: string;\n  /** Honorific — `'mr'` / `'ms'`. Prepended to the name in the heading. */\n  title?: 'mr' | 'ms';\n  /** Patient age in whole years — rendered in the identity line. */\n  ageYears?: number;\n  /** Date of birth — already formatted for display by the consumer. */\n  dateOfBirth?: string;\n  /** Biological sex marker — `'m'` / `'f'`. Drives the identity-line glyph copy. */\n  gender?: 'm' | 'f';\n  /** Optional avatar / photo URL. Falls back to initials. */\n  avatarUrl?: string;\n  /**\n   * In-app patient profile URL. When safe, the heading becomes a link.\n   * Guarded by the shared `isSafeEntityUrl` allow-list — unsafe URLs are\n   * dropped and the heading renders as plain text.\n   */\n  patientUrl?: string;\n\n  /* ----- Contact rows ----- */\n\n  /** Patient email. Compiled into a `mailto:` link when `emailEnabled`. */\n  email?: string;\n  /** Whether email contact is enabled — gates the `mailto:` link. */\n  emailEnabled?: boolean;\n  /** Phone number block. Compiled into a `tel:` link. */\n  phone?: PatientSummaryCardPhone;\n  /** City / province display string. */\n  cityProvince?: string;\n\n  /* ----- Consent ----- */\n\n  /** Marketing-consent tri-state. */\n  marketingConsent?: PatientSummaryCardMarketingConsent;\n  /** AI-consent grant metadata. When present, an \"AI consent\" row renders. */\n  aiConsent?: PatientSummaryCardAiConsent;\n\n  /* ----- Status flags ----- */\n\n  /** Counts / amounts surfaced as glyph badges. */\n  flags?: PatientSummaryCardFlags;\n\n  /* ----- Relations & assignment ----- */\n\n  /** Family relations — rendered as `<Tag>` chips, optionally linked. */\n  familyRelations?: PatientSummaryCardFamilyRelation[];\n  /** Operator the patient is assigned to. */\n  assignedTo?: PatientSummaryCardAssignee;\n\n  /* ----- Formatting ----- */\n\n  /** ISO-4217 currency code for the unpaid-amount chip. Defaults to `EUR`. */\n  currency?: string;\n  /** BCP-47 locale override. Defaults to the active i18next language. */\n  locale?: string;\n\n  /* ----- States ----- */\n\n  /** Render the skeleton loading placeholder. */\n  loading?: boolean;\n\n  /* ----- Slots & callbacks ----- */\n\n  /** Rendered at the inline-end of the heading row (e.g. an action menu). */\n  actionSlot?: ReactNode;\n  /** Fires when the whole card / heading is activated. */\n  onActivate?: () => void;\n\n  /* ----- Styling ----- */\n\n  /** `'elevated'` (default) wraps in `<Card>`; `'flat'` drops the chrome. */\n  surface?: 'flat' | 'elevated';\n  /** `'comfortable'` (default) reads as a header; `'compact'` for asides. */\n  density?: 'comfortable' | 'compact';\n\n  /* ----- a11y ----- */\n\n  /** Override the default region aria-label. */\n  'aria-label'?: string;\n  /** Agent-readiness consumer id, surfaced as `data-component-id`. */\n  id?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* Helpers                                                                */\n/* -------------------------------------------------------------------- */\n\n/** Strip everything except digits + leading `+` for `tel:` URLs. */\nfunction normalisePhone(raw: string): string {\n  return raw.replace(/[^\\d+]/g, '');\n}\n\n/* -------------------------------------------------------------------- */\n/* Flag glyphs — the closed set of status indicators                     */\n/* -------------------------------------------------------------------- */\n\n/** The closed set of status-flag keys (icon + tonal variant defined below). */\ntype FlagKey = 'highlightedAnamnesis' | 'unsignedDocuments';\n\nconst FLAG_ICON: Record<FlagKey, LucideIcon> = {\n  highlightedAnamnesis: MessageSquareWarning,\n  unsignedDocuments: FileWarning,\n};\n\nconst FLAG_VARIANT: Record<FlagKey, 'warning' | 'error'> = {\n  highlightedAnamnesis: 'warning',\n  unsignedDocuments: 'error',\n};\n\n/** English fallbacks for the flag badge accessible names (count-interpolated). */\nconst FLAG_LABEL_DEFAULTS: Record<FlagKey, string> = {\n  highlightedAnamnesis: '{{count}} highlighted anamnesis answers',\n  unsignedDocuments: '{{count}} unsigned documents',\n};\n\n/** English fallbacks for the marketing-consent tri-state chip. */\nconst MARKETING_CONSENT_DEFAULTS: Record<\n  PatientSummaryCardMarketingConsent,\n  string\n> = {\n  yes: 'Yes',\n  no: 'No',\n  not_specified: 'Not specified',\n};\n\n/* -------------------------------------------------------------------- */\n/* Component                                                              */\n/* -------------------------------------------------------------------- */\n\nexport const PatientSummaryCard = forwardRef<\n  HTMLDivElement,\n  PatientSummaryCardProps\n>(\n  (\n    {\n      name,\n      title,\n      ageYears,\n      dateOfBirth,\n      gender,\n      avatarUrl,\n      patientUrl,\n      email,\n      emailEnabled = false,\n      phone,\n      cityProvince,\n      marketingConsent,\n      aiConsent,\n      flags,\n      familyRelations,\n      assignedTo,\n      currency = 'EUR',\n      locale,\n      loading = false,\n      actionSlot,\n      onActivate,\n      surface = 'elevated',\n      density = 'comfortable',\n      'aria-label': ariaLabel,\n      id,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const headingId = useId();\n    const activeLocale = locale ?? i18n.language ?? 'en';\n\n    const unpaidAmountCents = flags?.unpaidAmountCents;\n    const unsignedDocumentsCount = flags?.unsignedDocumentsCount ?? 0;\n    const highlightedAnamnesisCount = flags?.highlightedAnamnesisCount ?? 0;\n    const hasUnpaid = unpaidAmountCents != null && unpaidAmountCents > 0;\n\n    // Imperative handle — structural snapshot only (counts/flags/ids),\n    // never the patient name or any clinical content.\n    const handle = useMemo<PatientSummaryCardHandle>(\n      () => ({\n        getSummary: () => ({\n          id,\n          hasUnpaid,\n          unsignedDocumentsCount,\n          highlightedAnamnesisCount,\n          aiConsentGranted: aiConsent != null,\n        }),\n      }),\n      [\n        id,\n        hasUnpaid,\n        unsignedDocumentsCount,\n        highlightedAnamnesisCount,\n        aiConsent,\n      ],\n    );\n    useAgentRegistration(patientSummaryCardAgent, handle, id);\n\n    const resolvedAriaLabel =\n      ariaLabel ??\n      t('patientSummaryCard.regionLabel', { defaultValue: 'Patient overview' });\n\n    // Heading text: optional honorific prefix + name.\n    const TITLE_DEFAULTS: Record<'mr' | 'ms', string> = {\n      mr: 'Mr.',\n      ms: 'Ms.',\n    };\n    const honorific = title\n      ? t(`patientSummaryCard.title.${title}`, {\n          defaultValue: TITLE_DEFAULTS[title],\n        })\n      : undefined;\n    const headingText = honorific ? `${honorific} ${name}` : name;\n\n    // Identity line: a localised, comma-joined summary of the structured\n    // fields below the name. Each segment is added only when present.\n    const GENDER_DEFAULTS: Record<'m' | 'f', string> = {\n      m: 'Male',\n      f: 'Female',\n    };\n    const identitySegments: string[] = [];\n    if (gender) {\n      identitySegments.push(\n        t(`patientSummaryCard.gender.${gender}`, {\n          defaultValue: GENDER_DEFAULTS[gender],\n        }),\n      );\n    }\n    if (ageYears != null) {\n      identitySegments.push(\n        t('patientSummaryCard.identity.age', {\n          count: ageYears,\n          defaultValue: '{{count}} yrs',\n        }),\n      );\n    }\n    if (dateOfBirth) {\n      identitySegments.push(\n        t('patientSummaryCard.identity.bornOn', {\n          date: dateOfBirth,\n          defaultValue: 'Born {{date}}',\n        }),\n      );\n    }\n    const identityLine = identitySegments.join(\n      t('patientSummaryCard.identity.separator', { defaultValue: ' · ' }),\n    );\n\n    const isUrlSafe = !!patientUrl && isSafeEntityUrl(patientUrl);\n\n    const avatarSize = density === 'comfortable' ? 'xl' : 'lg';\n    const headingClass =\n      density === 'comfortable' ? 'type-title-card' : 'type-title-item';\n    const bodyGapClass =\n      density === 'comfortable'\n        ? 'ds:gap-[var(--spacing-md)]'\n        : 'ds:gap-[var(--spacing-sm)]';\n\n    /* ---------------------------------------------------------------- */\n    /* Contact rows                                                      */\n    /* ---------------------------------------------------------------- */\n\n    const rows: Array<{\n      key: string;\n      icon: ReactElement;\n      label: string;\n      value: ReactNode;\n    }> = [];\n\n    if (email) {\n      rows.push({\n        key: 'email',\n        icon: <Mail aria-hidden=\"true\" />,\n        label: t('patientSummaryCard.label.email', { defaultValue: 'Email' }),\n        value: emailEnabled ? (\n          <Link href={`mailto:${email}`} intent=\"default\" onClick={onActivate}>\n            {email}\n          </Link>\n        ) : (\n          <span className=\"ds:text-[color:var(--muted-foreground)]\">\n            {email}\n          </span>\n        ),\n      });\n    }\n\n    if (phone) {\n      rows.push({\n        key: 'phone',\n        icon: <Phone aria-hidden=\"true\" />,\n        label:\n          phone.label ??\n          t('patientSummaryCard.label.phone', { defaultValue: 'Phone' }),\n        value: (\n          <span className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-2xs)]\">\n            <Link\n              href={`tel:${normalisePhone(phone.prefixAndNumber)}`}\n              intent=\"default\"\n            >\n              {phone.prefixAndNumber}\n            </Link>\n            {phone.smsEnabled ? (\n              <Badge variant=\"success\" size=\"sm\">\n                {t('patientSummaryCard.value.smsEnabled', {\n                  defaultValue: 'SMS',\n                })}\n              </Badge>\n            ) : null}\n          </span>\n        ),\n      });\n    }\n\n    if (cityProvince) {\n      rows.push({\n        key: 'cityProvince',\n        icon: <MapPin aria-hidden=\"true\" />,\n        label: t('patientSummaryCard.label.cityProvince', {\n          defaultValue: 'City / province',\n        }),\n        value: cityProvince,\n      });\n    }\n\n    if (marketingConsent) {\n      rows.push({\n        key: 'marketingConsent',\n        icon: <ShieldCheck aria-hidden=\"true\" />,\n        label: t('patientSummaryCard.label.marketingConsent', {\n          defaultValue: 'Marketing consent',\n        }),\n        value: (\n          <Badge\n            variant={\n              marketingConsent === 'yes'\n                ? 'success'\n                : marketingConsent === 'no'\n                  ? 'error'\n                  : 'neutral'\n            }\n            size=\"sm\"\n            withDot\n          >\n            {t(`patientSummaryCard.marketingConsent.${marketingConsent}`, {\n              defaultValue: MARKETING_CONSENT_DEFAULTS[marketingConsent],\n            })}\n          </Badge>\n        ),\n      });\n    }\n\n    if (aiConsent) {\n      rows.push({\n        key: 'aiConsent',\n        icon: <Sparkles aria-hidden=\"true\" />,\n        label: t('patientSummaryCard.label.aiConsent', {\n          defaultValue: 'AI consent',\n        }),\n        value: aiConsent.grantedBy\n          ? t('patientSummaryCard.value.aiConsentGrantedBy', {\n              date: aiConsent.grantedAt,\n              by: aiConsent.grantedBy,\n              defaultValue: 'Granted {{date}} by {{by}}',\n            })\n          : t('patientSummaryCard.value.aiConsentGrantedAt', {\n              date: aiConsent.grantedAt,\n              defaultValue: 'Granted {{date}}',\n            }),\n      });\n    }\n\n    if (assignedTo) {\n      rows.push({\n        key: 'assignedTo',\n        icon: <Users aria-hidden=\"true\" />,\n        label: t('patientSummaryCard.label.assignedTo', {\n          defaultValue: 'Assigned to',\n        }),\n        value: (\n          <span className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n            <Avatar\n              size=\"xs\"\n              name={assignedTo.name}\n              src={assignedTo.avatarUrl}\n            />\n            <span>{assignedTo.name}</span>\n          </span>\n        ),\n      });\n    }\n\n    /* ---------------------------------------------------------------- */\n    /* Status-flag badges (counts only)                                  */\n    /* ---------------------------------------------------------------- */\n\n    const flagBadges: Array<{ key: FlagKey; count: number }> = [];\n    if (highlightedAnamnesisCount > 0) {\n      flagBadges.push({\n        key: 'highlightedAnamnesis',\n        count: highlightedAnamnesisCount,\n      });\n    }\n    if (unsignedDocumentsCount > 0) {\n      flagBadges.push({\n        key: 'unsignedDocuments',\n        count: unsignedDocumentsCount,\n      });\n    }\n\n    const showFlagStrip = hasUnpaid || flagBadges.length > 0;\n\n    /* ---------------------------------------------------------------- */\n    /* Loading skeleton                                                  */\n    /* ---------------------------------------------------------------- */\n\n    const skeletonBody = (\n      <div className={`ds:flex ds:flex-col ${bodyGapClass}`}>\n        <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-md)]\">\n          <Skeleton variant=\"circular\" size=\"lg\" />\n          <div className=\"ds:flex ds:flex-1 ds:flex-col ds:gap-[var(--spacing-xs)]\">\n            <Skeleton variant=\"text\" width=\"60%\" />\n            <Skeleton variant=\"text\" width=\"40%\" />\n          </div>\n        </div>\n        <Skeleton variant=\"text\" lines={3} />\n      </div>\n    );\n\n    /* ---------------------------------------------------------------- */\n    /* Header                                                            */\n    /* ---------------------------------------------------------------- */\n\n    const heading = isUrlSafe ? (\n      <Link\n        href={patientUrl as string}\n        intent=\"default\"\n        weight=\"strong\"\n        onClick={onActivate}\n        className={`${headingClass} ds:no-underline`}\n      >\n        <span id={headingId}>{headingText}</span>\n      </Link>\n    ) : (\n      <span\n        id={headingId}\n        className={`${headingClass} ds:text-[color:var(--foreground)]`}\n      >\n        {headingText}\n      </span>\n    );\n\n    const header = (\n      <div className=\"ds:flex ds:items-start ds:gap-[var(--spacing-md)]\">\n        <Avatar\n          size={avatarSize}\n          name={name}\n          src={avatarUrl}\n          className=\"ds:shrink-0\"\n        />\n        <div className=\"ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n          {heading}\n          {identityLine ? (\n            <p className=\"type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]\">\n              {identityLine}\n            </p>\n          ) : null}\n        </div>\n        {actionSlot ? (\n          <div className=\"ds:ms-auto ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-xs)]\">\n            {actionSlot}\n          </div>\n        ) : null}\n      </div>\n    );\n\n    /* ---------------------------------------------------------------- */\n    /* Flag strip                                                        */\n    /* ---------------------------------------------------------------- */\n\n    const flagStrip = showFlagStrip ? (\n      <div\n        role=\"list\"\n        aria-label={t('patientSummaryCard.flagsLabel', {\n          defaultValue: 'Patient attention flags',\n        })}\n        className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]\"\n      >\n        {hasUnpaid ? (\n          <span role=\"listitem\">\n            <TransactionChip\n              state=\"debt\"\n              amount={(unpaidAmountCents as number) / 100}\n              currency={currency}\n              locale={activeLocale}\n              size=\"sm\"\n              showLabel\n            />\n          </span>\n        ) : null}\n        {flagBadges.map(({ key, count }) => {\n          const FlagIcon = FLAG_ICON[key];\n          // The Badge shows the visible icon + count; the descriptive,\n          // count-interpolated accessible name lives on the wrapping\n          // listitem (role=\"img\") so screen readers announce e.g.\n          // \"3 unsigned documents\" rather than just the bare number.\n          return (\n            <span\n              key={key}\n              role=\"listitem\"\n              aria-label={t(`patientSummaryCard.flag.${key}`, {\n                count,\n                defaultValue: FLAG_LABEL_DEFAULTS[key],\n              })}\n              className=\"ds:inline-flex\"\n            >\n              <Badge\n                aria-hidden=\"true\"\n                variant={FLAG_VARIANT[key]}\n                size=\"md\"\n                withDot\n                leading={<FlagIcon aria-hidden=\"true\" />}\n              >\n                {count}\n              </Badge>\n            </span>\n          );\n        })}\n      </div>\n    ) : null;\n\n    /* ---------------------------------------------------------------- */\n    /* Family relations                                                  */\n    /* ---------------------------------------------------------------- */\n\n    const familyBlock =\n      familyRelations && familyRelations.length > 0 ? (\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n          <span className=\"type-label ds:text-[color:var(--muted-foreground)]\">\n            {t('patientSummaryCard.label.familyRelations', {\n              defaultValue: 'Family relations',\n            })}\n          </span>\n          <div className=\"ds:flex ds:flex-wrap ds:gap-[var(--spacing-2xs)]\">\n            {familyRelations.map((rel, index) => {\n              const safeUrl =\n                !!rel.relatedPatient.url &&\n                isSafeEntityUrl(rel.relatedPatient.url);\n              const tagLabel = t('patientSummaryCard.value.familyRelation', {\n                relation: rel.relation,\n                name: rel.relatedPatient.name,\n                defaultValue: '{{relation}}: {{name}}',\n              });\n              return safeUrl ? (\n                <Link\n                  key={`${rel.relation}-${index}`}\n                  href={rel.relatedPatient.url as string}\n                  intent=\"default\"\n                  className=\"ds:no-underline\"\n                >\n                  <Tag label={tagLabel} variant=\"neutral\" />\n                </Link>\n              ) : (\n                <Tag\n                  key={`${rel.relation}-${index}`}\n                  label={tagLabel}\n                  variant=\"neutral\"\n                />\n              );\n            })}\n          </div>\n        </div>\n      ) : null;\n\n    /* ---------------------------------------------------------------- */\n    /* Body                                                              */\n    /* ---------------------------------------------------------------- */\n\n    const body = (\n      <div className={`ds:flex ds:flex-col ${bodyGapClass}`}>\n        {header}\n        {flagStrip}\n        {rows.length > 0 ? (\n          <KeyValueList rowGap=\"sm\">\n            {rows.map((row) => (\n              <KeyValuePair\n                key={row.key}\n                icon={row.icon}\n                label={row.label}\n                value={row.value}\n              />\n            ))}\n          </KeyValueList>\n        ) : null}\n        {familyBlock}\n      </div>\n    );\n\n    const inner = loading ? skeletonBody : body;\n\n    return (\n      <div\n        ref={ref}\n        role=\"region\"\n        // When the heading is rendered, the patient name (via\n        // aria-labelledby) is the region's accessible name — the more\n        // meaningful label than a generic \"Patient overview\". A consumer\n        // aria-label still wins; the generic fallback only applies when\n        // there is no heading to point at (loading state).\n        aria-label={loading || ariaLabel ? resolvedAriaLabel : undefined}\n        aria-labelledby={loading ? undefined : headingId}\n        aria-busy={loading || undefined}\n        data-component=\"patient-summary-card\"\n        data-component-id={id}\n        data-density={density}\n        id={id}\n        className={rootVariants({ surface, density, className })}\n        {...rest}\n      >\n        {surface === 'elevated' ? (\n          <Card variant=\"elevated\">\n            <Card.Body>{inner}</Card.Body>\n          </Card>\n        ) : (\n          inner\n        )}\n      </div>\n    );\n  },\n);\n\nPatientSummaryCard.displayName = 'PatientSummaryCard';\n\n/** Variant unions re-exported for downstream typing. */\nexport type PatientSummaryCardSurface = NonNullable<\n  VariantProps<typeof rootVariants>['surface']\n>;\nexport type PatientSummaryCardDensity = NonNullable<\n  VariantProps<typeof rootVariants>['density']\n>;\n"],"names":["__iconNode","FileExclamationPoint","createLucideIcon","MessageSquareWarning","Users","patientSummaryCardAgent","handle","rootVariants","cva","normalisePhone","raw","FLAG_ICON","FileWarning","FLAG_VARIANT","FLAG_LABEL_DEFAULTS","MARKETING_CONSENT_DEFAULTS","PatientSummaryCard","forwardRef","name","title","ageYears","dateOfBirth","gender","avatarUrl","patientUrl","email","emailEnabled","phone","cityProvince","marketingConsent","aiConsent","flags","familyRelations","assignedTo","currency","locale","loading","actionSlot","onActivate","surface","density","ariaLabel","id","className","rest","ref","t","i18n","useTranslation","headingId","useId","activeLocale","unpaidAmountCents","unsignedDocumentsCount","highlightedAnamnesisCount","hasUnpaid","useMemo","useAgentRegistration","resolvedAriaLabel","TITLE_DEFAULTS","honorific","headingText","GENDER_DEFAULTS","identitySegments","identityLine","isUrlSafe","isSafeEntityUrl","avatarSize","headingClass","bodyGapClass","rows","jsx","Mail","Link","Phone","jsxs","Badge","MapPin","ShieldCheck","Sparkles","Avatar","flagBadges","showFlagStrip","skeletonBody","Skeleton","heading","header","flagStrip","TransactionChip","key","count","FlagIcon","familyBlock","rel","index","safeUrl","tagLabel","Tag","body","KeyValueList","row","KeyValuePair","inner","Card"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/dist/_chunks/{payment-form-DJ9vnzrT.js → payment-form-nXocS_MX.js}

@@ -2,7 +2,7 @@ import { jsx as t, jsxs as u, Fragment as ie } from "react/jsx-runtime";
 import { forwardRef as de, useState as _, useEffect as D, useRef as G, useMemo as H, useImperativeHandle as ce, useId as le, useCallback as me } from "react";
 import { c as A } from "./index-D2ZczOXr.js";
 import { useTranslation as W } from "react-i18next";
-import { S as te } from "./spinner-OjQNn8oN.js";
+import { S as te } from "./spinner-hbwuKwMf.js";
 import { A as ee } from "./alert-_mUKLmwA.js";
 import { loadStripe as ue } from "@stripe/stripe-js";
 import { Elements as pe, useStripe as fe, useElements as be, PaymentElement as ye, AddressElement as ge } from "@stripe/react-stripe-js";
@@ -416,7 +416,14 @@ function Ne(r) {
             className: se(),
             "data-testid": "payment-submit",
             children: p ? /* @__PURE__ */ u(ie, { children: [
-              /* @__PURE__ */ t(te, { size: "sm", label: i("payment.processing") }),
+              /* @__PURE__ */ t(
+                te,
+                {
+                  variant: "pulse",
+                  size: "sm",
+                  label: i("payment.processing")
+                }
+              ),
               /* @__PURE__ */ t("span", { children: i("payment.processing") })
             ] }) : /* @__PURE__ */ t("span", { children: i("payment.submit", {
               amount: K(n, a, e)
@@ -650,7 +657,7 @@ function ze(r) {
             className: se(),
             disabled: !0,
             children: [
-              /* @__PURE__ */ t(te, { size: "sm", label: s("payment.processing") }),
+              /* @__PURE__ */ t(te, { variant: "pulse", size: "sm", label: s("payment.processing") }),
               /* @__PURE__ */ t("span", { children: s("payment.processing") })
             ]
           }
@@ -668,4 +675,4 @@ export {
   we as p,
   se as s
 };
-//# sourceMappingURL=payment-form-DJ9vnzrT.js.map
+//# sourceMappingURL=payment-form-nXocS_MX.js.map

package/dist/_chunks/{payment-form-DJ9vnzrT.js.map → payment-form-nXocS_MX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"payment-form-DJ9vnzrT.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  state: {},\n  actions: {\n    submit: {\n      safety: 'destructive',\n      description:\n        'Submit the payment. Charges the configured payment method — irreversible.',\n      invoke: (handle) => handle.submit(),\n    },\n    reset: {\n      safety: 'destructive',\n      description:\n        'Reset the form to its initial state. Loses any in-progress input.',\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 {\n  loadStripe,\n  type Stripe,\n  type Appearance,\n  type StripeElementLocale,\n  type 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\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  /**\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  /** Stripe publishable key (`pk_test_…` / `pk_live_…`). */\n  publishableKey: 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  /** 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  /** 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\nexport interface PaymentFormHandle {\n  /** Programmatically submit the form (same flow as the Pay button). */\n  submit: () => Promise<void>;\n  /** Reset the form to its initial state. */\n  reset: () => 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    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  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  onSuccess: PaymentFormProps['onSuccess'];\n  onError: PaymentFormProps['onError'];\n  layout: NonNullable<PaymentFormProps['layout']>;\n}\n\nfunction InnerPaymentForm(props: InnerPaymentFormProps): ReactElement {\n  const {\n    amount,\n    currency,\n    locale,\n    billingAddress,\n    returnUrl,\n    clientSecret,\n    onCreatePaymentIntent,\n    onSuccess,\n    onError,\n    layout,\n  } = props;\n\n  const { t } = useTranslation();\n  const stripe = useStripe();\n  const elements = useElements();\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 [elementComplete, setElementComplete] = useState(false);\n  const [errorKey, setErrorKey] = useState<string | null>(null);\n  const [errorMessage, setErrorMessage] = useState<string>('');\n\n  const onSuccessRef = useRef(onSuccess);\n  const onErrorRef = useRef(onError);\n  useEffect(() => {\n    onSuccessRef.current = onSuccess;\n    onErrorRef.current = onError;\n  }, [onSuccess, onError]);\n\n  const handleSubmit = useCallback(\n    async (event?: FormEvent<HTMLFormElement>): Promise<void> => {\n      if (event) event.preventDefault();\n      if (!stripe || !elements) return;\n      if (processing) return;\n\n      setProcessing(true);\n      setErrorKey(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        setErrorKey(key);\n        setErrorMessage(t(key));\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        setErrorKey('payment.error.invalidReturnUrl');\n        setErrorMessage(t('payment.error.invalidReturnUrl'));\n        onErrorRef.current?.({\n          code: 'invalid_return_url',\n          translatedMessage: t('payment.error.invalidReturnUrl'),\n        });\n        setProcessing(false);\n        return;\n      }\n\n      const confirmParams = safeReturnUrl ? { return_url: safeReturnUrl } : {};\n\n      try {\n        if (clientSecret !== undefined) {\n          // ----- Immediate mode: the consumer already minted the secret. ---\n          const result = await stripe.confirmPayment({\n            elements,\n            confirmParams,\n            redirect: 'if_required',\n          });\n\n          if (result.error) {\n            reportError(result.error.code ?? 'generic', result.error.message);\n            return;\n          }\n\n          // Success path — only the PaymentIntent id leaves the wrapper.\n          if (result.paymentIntent) {\n            onSuccessRef.current?.(result.paymentIntent.id);\n          }\n          return;\n        }\n\n        // ----- Deferred-intent mode: no secret up front. -----------------\n        // Run client-side field validation first; on failure we run the\n        // SAME sanitise/map/report pipeline and stop (no secret minted).\n        const { error: submitError } = await elements.submit();\n        if (submitError) {\n          reportError(submitError.code ?? 'generic', submitError.message);\n          return;\n        }\n\n        // No confirm callback → PREVIEW mode. The field validation above is\n        // the end of the flow: no secret is minted, no charge is attempted,\n        // and we surface no error — the fields simply validated.\n        if (!onCreatePaymentIntent) {\n          return;\n        }\n\n        // Mint the secret on the consumer's server, then confirm with it.\n        // The minted secret is used ONLY here and is never logged or sent to\n        // a third-party origin.\n        const mintedSecret = await onCreatePaymentIntent();\n        const result = await stripe.confirmPayment({\n          elements,\n          clientSecret: mintedSecret,\n          confirmParams,\n          redirect: 'if_required',\n        });\n\n        if (result.error) {\n          reportError(result.error.code ?? 'generic', result.error.message);\n          return;\n        }\n\n        if (result.paymentIntent) {\n          onSuccessRef.current?.(result.paymentIntent.id);\n        }\n      } catch (err: unknown) {\n        const raw = err instanceof Error ? err.message : '';\n        // Generic, sanitised — covers a thrown onCreatePaymentIntent and any\n        // unexpected SDK rejection. Never surface the raw thrown text.\n        reportError('unexpected', raw);\n      } finally {\n        setProcessing(false);\n      }\n    },\n    [\n      stripe,\n      elements,\n      processing,\n      returnUrl,\n      clientSecret,\n      onCreatePaymentIntent,\n      t,\n    ],\n  );\n\n  // Imperative submit hook used by the outer component's ref handle.\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  // 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 || !elements || processing || (!isPreview && !elementComplete);\n\n  return (\n    <form\n      id={idSafe}\n      onSubmit={handleSubmit}\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              setElementComplete(ev.complete === true);\n              if (ev.complete) {\n                setErrorKey(null);\n                setErrorMessage('');\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 id={addressFieldId} options={{ mode: 'billing' }} />\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 size=\"sm\" label={t('payment.processing')} />\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      onCreatePaymentIntent,\n      publishableKey,\n      currency,\n      amount,\n      onSuccess,\n      onError,\n      billingAddress = false,\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\n    // Stripe instance — pre-injected (tests/stories) or lazily loaded.\n    const [stripeInstance, setStripeInstance] =\n      useState<Promise<Stripe | null> | null>(injectedStripe ?? null);\n\n    useEffect(() => {\n      if (injectedStripe !== undefined) {\n        setStripeInstance(injectedStripe);\n        return;\n      }\n      if (!publishableKey) {\n        setStripeInstance(null);\n        return;\n      }\n      // `loadStripe` is cached by the SDK — safe to call per mount.\n      setStripeInstance(loadStripe(publishableKey));\n    }, [injectedStripe, publishableKey]);\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 — dispatch a custom event at the inner form so we\n    // can trigger the same submit path as the button without leaking refs\n    // through the Stripe `<Elements>` provider (which owns its own tree).\n    const hostRef = useRef<HTMLDivElement>(null);\n\n    const agentHandle = useMemo<PaymentFormHandle>(\n      () => ({\n        submit: async () => {\n          const form = hostRef.current?.querySelector('form');\n          if (form) {\n            form.dispatchEvent(\n              new CustomEvent('payment-form:submit', { bubbles: true }),\n            );\n          }\n        },\n        reset: () => {\n          const form = hostRef.current?.querySelector('form');\n          if (form instanceof HTMLFormElement) {\n            form.reset();\n          }\n        },\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              appearance,\n              locale: activeLocale,\n            },\n      [clientSecret, mode, amount, currency, appearance, activeLocale],\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={clientSecret ?? 'deferred'}\n          >\n            <InnerPaymentForm\n              amount={amount}\n              currency={currency}\n              locale={activeLocale}\n              billingAddress={billingAddress}\n              returnUrl={returnUrl}\n              clientSecret={clientSecret}\n              onCreatePaymentIntent={onCreatePaymentIntent}\n              onSuccess={onSuccess}\n              onError={onError}\n              layout={layout}\n            />\n          </Elements>\n        ) : (\n          <PaymentFormSkeleton\n            amount={amount}\n            currency={currency}\n            locale={activeLocale}\n            billingAddress={billingAddress}\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 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","clientSecret","onCreatePaymentIntent","onSuccess","onError","layout","t","useTranslation","stripe","useStripe","elements","useElements","rawId","useId","idSafe","useMemo","paymentFieldId","addressFieldId","errorId","processing","setProcessing","useState","elementComplete","setElementComplete","errorKey","setErrorKey","errorMessage","setErrorMessage","onSuccessRef","useRef","onErrorRef","useEffect","handleSubmit","useCallback","event","reportError","rawMessage","key","safe","_a","safeReturnUrl","confirmParams","result","_b","submitError","mintedSecret","_c","err","host","submitter","submitDisabled","jsx","jsxs","PaymentElement","ev","AddressElement","Alert","Fragment","Spinner","STRIPE_LOCALES","normaliseLocale","input","candidate","base","PaymentForm","forwardRef","id","mode","publishableKey","ariaLabel","injectedStripe","className","ref","i18n","activeLocale","stripeInstance","setStripeInstance","loadStripe","appearance","setAppearance","hostRef","agentHandle","form","useImperativeHandle","useAgentRegistration","elementsOptions","Elements","PaymentFormSkeleton"],"mappings":";;;;;;;;;AAiBA,SAASA,KAAqB;AAC5B,SAAO,OAAO,WAAa,OAAe,OAAO,SAAW;AAC9D;AAEO,SAASC,EAAoBC,GAAgC;AAClE,MAAI,CAACF;AACH,WAAO,EAAE,OAAO,SAAA;AAGlB,QAAMG,IAASD,KAAQ,SAAS,iBAC1BE,IAAS,iBAAiBD,CAAM,GAChCE,IAAO,CAACC,MAAkBF,EAAO,iBAAiBE,CAAK,EAAE,KAAA;AAG/D,SAAO;AAAA,IACL,OAHaH,EAAO,UAAU,SAAS,YAAY,IAGnC,UAAU;AAAA,IAC1B,WAAW;AAAA,MACT,cAAcE,EAAK,WAAW;AAAA,MAC9B,iBAAiBA,EAAK,cAAc;AAAA,MACpC,WAAWA,EAAK,cAAc;AAAA,MAC9B,aAAaA,EAAK,eAAe;AAAA,MACjC,oBAAoBA,EAAK,oBAAoB;AAAA,MAC7C,sBAAsBA,EAAK,oBAAoB;AAAA,MAC/C,cAAcA,EAAK,aAAa;AAAA,MAChC,YAAYA,EAAK,aAAa;AAAA,MAC9B,cAAcA,EAAK,kBAAkB;AAAA;AAAA;AAAA,MAGrC,aAAaA,EAAK,cAAc;AAAA,IAAA;AAAA,IAElC,OAAO;AAAA,MACL,UAAU;AAAA,QACR,iBAAiBA,EAAK,cAAc;AAAA,QACpC,QAAQ,aAAaA,EAAK,UAAU,CAAC;AAAA,QACrC,OAAOA,EAAK,cAAc;AAAA,QAC1B,SAASA,EAAK,cAAc;AAAA,QAC5B,YAAY,gBAAgBA,EAAK,sBAAsB,CAAC;AAAA,MAAA;AAAA,MAE1D,gBAAgB;AAAA,QACd,aAAaA,EAAK,WAAW;AAAA,QAC7B,WAAW,SAASA,EAAK,oBAAoB,CAAC,IAAIA,EAAK,QAAQ,CAAC;AAAA,QAChE,SAAS;AAAA,MAAA;AAAA,MAEX,mBAAmB;AAAA,QACjB,aAAaA,EAAK,eAAe;AAAA,QACjC,OAAOA,EAAK,cAAc;AAAA,MAAA;AAAA,MAE5B,UAAU;AAAA,QACR,OAAOA,EAAK,cAAc;AAAA,QAC1B,YAAYA,EAAK,sBAAsB;AAAA,QACvC,UAAUA,EAAK,gBAAgB;AAAA,MAAA;AAAA,MAEjC,UAAU;AAAA,QACR,OAAOA,EAAK,eAAe;AAAA,QAC3B,UAAUA,EAAK,gBAAgB;AAAA,MAAA;AAAA,MAEjC,QAAQ;AAAA,QACN,QAAQ,aAAaA,EAAK,UAAU,CAAC;AAAA,QACrC,iBAAiBA,EAAK,cAAc;AAAA,QACpC,OAAOA,EAAK,cAAc;AAAA,MAAA;AAAA,MAE5B,kBAAkB;AAAA,QAChB,aAAaA,EAAK,WAAW;AAAA,QAC7B,iBAAiBA,EAAK,cAAc;AAAA,QACpC,OAAOA,EAAK,WAAW;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA,MAKzB,kBAAkB;AAAA,QAChB,iBAAiBA,EAAK,cAAc;AAAA,QACpC,QAAQ,aAAaA,EAAK,UAAU,CAAC;AAAA,QACrC,cAAcA,EAAK,aAAa;AAAA,QAChC,WAAW;AAAA,MAAA;AAAA,MAEb,4BAA4B;AAAA,QAC1B,aAAaA,EAAK,WAAW;AAAA,QAC7B,iBAAiBA,EAAK,cAAc;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA,MAKtC,UAAU;AAAA,QACR,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,WAAW;AAAA,QACX,iBAAiB;AAAA,MAAA;AAAA,IACnB;AAAA,EACF;AAEJ;AAQO,SAASE,GACdC,GACAN,GACY;AACZ,MAAI,CAACF,KAAa,QAAO;;AAEzB,QAAMG,IAAiB,SAAS,iBAC1BM,IAAO,MAAMD,EAASP,EAAoBC,CAAI,CAAC,GAE/CQ,IAAW,IAAI,iBAAiBD,CAAI;AAC1C,EAAAC,EAAS,QAAQP,GAAQ;AAAA,IACvB,YAAY;AAAA,IACZ,iBAAiB,CAAC,SAAS,OAAO,MAAM;AAAA,EAAA,CACzC;AAED,QAAMQ,IAAY,OAAO,WAAW,8BAA8B,GAC5DC,IAAY,OAAO,WAAW,kCAAkC;AACtE,SAAAD,EAAU,iBAAiB,UAAUF,CAAI,GACzCG,EAAU,iBAAiB,UAAUH,CAAI,GAElC,MAAM;AACX,IAAAC,EAAS,WAAA,GACTC,EAAU,oBAAoB,UAAUF,CAAI,GAC5CG,EAAU,oBAAoB,UAAUH,CAAI;AAAA,EAC9C;AACF;ACzIO,MAAMI,KAAoD;AAAA,EAC/D,IAAI;AAAA,EACJ,cAAc,CAAC,QAAQ;AAAA,EACvB,OAAO,CAAA;AAAA,EACP,SAAS;AAAA,IACP,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,aACE;AAAA,MACF,QAAQ,CAACC,MAAWA,EAAO,OAAA;AAAA,IAAO;AAAA,IAEpC,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,aACE;AAAA,MACF,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,MAAA;AAAA,MACT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM,EAAE,MAAM,kBAAkB,OAAO,eAAA;AAAA,IACvC,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GCoHMC,yBAA8B,IAAY;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAEM,SAASC,EACdC,GACAC,GACAC,GACQ;AACR,QAAMC,IAAMF,EAAS,YAAA,GACfG,IAAQN,GAAwB,IAAIK,CAAG,IAAIH,IAASA,IAAS;AACnE,MAAI;AACF,WAAO,IAAI,KAAK,aAAaE,GAAQ;AAAA,MACnC,OAAO;AAAA,MACP,UAAUC;AAAA,IAAA,CACX,EAAE,OAAOC,CAAK;AAAA,EACjB,QAAQ;AAGN,WAAO,IAAI,KAAK,aAAa,MAAM;AAAA,MACjC,OAAO;AAAA,MACP,UAAUD;AAAA,IAAA,CACX,EAAE,OAAOC,CAAK;AAAA,EACjB;AACF;AAiBO,SAASC,GACdC,GACe;AACf,MAAIA,MAAc,OAAW,QAAO;AACpC,QAAMC,IAAMD,EAAU,KAAA;AAEtB,MADIC,MAAQ,MACR,OAAO,SAAW,IAAa,QAAO;AAC1C,MAAI;AACF,UAAMC,IAAW,IAAI,IAAID,GAAK,OAAO,SAAS,IAAI;AAGlD,WADI,EADmB,oBAAI,IAAI,CAAC,SAAS,QAAQ,CAAC,GAC9B,IAAIC,EAAS,QAAQ,KACrCA,EAAS,WAAW,OAAO,SAAS,SAAe,OAChDA,EAAS,SAAA;AAAA,EAClB,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAaO,SAASC,GAAoBC,GAAyB;AAC3D,SAAKA,KAGEA,EAAQ,QAAQ,WAAW,MAAM;AAC1C;AAOO,SAASC,GAAyBC,GAAkC;AACzE,UAAQA,GAAA;AAAA,IACN,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;AAMA,MAAMC,KAAeC;AAAA,EACnB;AAAA,IACE;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAEMC,IAAqBD;AAAA,EACzB,CAAC,gDAAgD,EAAE,KAAK,GAAG;AAC7D,GAEME,IAAoBF;AAAA,EACxB,CAAC,cAAc,6BAA6B,EAAE,KAAK,GAAG;AACxD,GAEMG,KAAwBH;AAAA,EAC5B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAEMI,KAAuBJ;AAAA,EAC3B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ;AAqBA,SAASK,GAAiBC,GAA4C;AACpE,QAAM;AAAA,IACJ,QAAApB;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,gBAAAmB;AAAA,IACA,WAAAf;AAAA,IACA,cAAAgB;AAAA,IACA,uBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,EAAA,IACEN,GAEE,EAAE,GAAAO,EAAA,IAAMC,EAAA,GACRC,IAASC,GAAA,GACTC,IAAWC,GAAA,GAEXC,IAAQC,GAAA,GACRC,IAASC;AAAA,IACb,MAAM,OAAOH,EAAM,QAAQ,mBAAmB,EAAE,CAAC;AAAA,IACjD,CAACA,CAAK;AAAA,EAAA,GAEFI,IAAiB,GAAGF,CAAM,YAC1BG,IAAiB,GAAGH,CAAM,YAC1BI,IAAU,GAAGJ,CAAM,UAEnB,CAACK,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5C,CAACC,GAAiBC,CAAkB,IAAIF,EAAS,EAAK,GACtD,CAACG,GAAUC,CAAW,IAAIJ,EAAwB,IAAI,GACtD,CAACK,GAAcC,CAAe,IAAIN,EAAiB,EAAE,GAErDO,IAAeC,EAAO1B,CAAS,GAC/B2B,IAAaD,EAAOzB,CAAO;AACjC,EAAA2B,EAAU,MAAM;AACd,IAAAH,EAAa,UAAUzB,GACvB2B,EAAW,UAAU1B;AAAA,EACvB,GAAG,CAACD,GAAWC,CAAO,CAAC;AAEvB,QAAM4B,IAAeC;AAAA,IACnB,OAAOC,MAAsD;;AAG3D,UAFIA,OAAa,eAAA,GACb,CAAC1B,KAAU,CAACE,KACZS,EAAY;AAEhB,MAAAC,EAAc,EAAI,GAClBK,EAAY,IAAI,GAChBE,EAAgB,EAAE;AAOlB,YAAMQ,IAAc,CAClB5C,GACA6C,MACS;;AACT,cAAMC,IAAM/C,GAAyBC,CAAI,GAEnC+C,IAAOlD,GAAoBgD,KAAc,EAAE;AACjD,QAAAX,EAAYY,CAAG,GACfV,EAAgBrB,EAAE+B,CAAG,CAAC,IACtBE,IAAAT,EAAW,YAAX,QAAAS,EAAA,KAAAT,GAAqB;AAAA,UACnB,MAAAvC;AAAA,UACA,mBAAmB+C,KAAQhC,EAAE+B,CAAG;AAAA,QAAA;AAAA,MAEpC,GAIMG,IAAgBxD,GAAkBC,CAAS;AACjD,UAAIA,MAAc,UAAauD,MAAkB,MAAM;AACrD,QAAAf,EAAY,gCAAgC,GAC5CE,EAAgBrB,EAAE,gCAAgC,CAAC,IACnDiC,IAAAT,EAAW,YAAX,QAAAS,EAAA,KAAAT,GAAqB;AAAA,UACnB,MAAM;AAAA,UACN,mBAAmBxB,EAAE,gCAAgC;AAAA,QAAA,IAEvDc,EAAc,EAAK;AACnB;AAAA,MACF;AAEA,YAAMqB,IAAgBD,IAAgB,EAAE,YAAYA,EAAA,IAAkB,CAAA;AAEtE,UAAI;AACF,YAAIvC,MAAiB,QAAW;AAE9B,gBAAMyC,IAAS,MAAMlC,EAAO,eAAe;AAAA,YACzC,UAAAE;AAAA,YACA,eAAA+B;AAAA,YACA,UAAU;AAAA,UAAA,CACX;AAED,cAAIC,EAAO,OAAO;AAChB,YAAAP,EAAYO,EAAO,MAAM,QAAQ,WAAWA,EAAO,MAAM,OAAO;AAChE;AAAA,UACF;AAGA,UAAIA,EAAO,mBACTC,IAAAf,EAAa,YAAb,QAAAe,EAAA,KAAAf,GAAuBc,EAAO,cAAc;AAE9C;AAAA,QACF;AAKA,cAAM,EAAE,OAAOE,EAAA,IAAgB,MAAMlC,EAAS,OAAA;AAC9C,YAAIkC,GAAa;AACf,UAAAT,EAAYS,EAAY,QAAQ,WAAWA,EAAY,OAAO;AAC9D;AAAA,QACF;AAKA,YAAI,CAAC1C;AACH;AAMF,cAAM2C,IAAe,MAAM3C,EAAA,GACrBwC,IAAS,MAAMlC,EAAO,eAAe;AAAA,UACzC,UAAAE;AAAA,UACA,cAAcmC;AAAA,UACd,eAAAJ;AAAA,UACA,UAAU;AAAA,QAAA,CACX;AAED,YAAIC,EAAO,OAAO;AAChB,UAAAP,EAAYO,EAAO,MAAM,QAAQ,WAAWA,EAAO,MAAM,OAAO;AAChE;AAAA,QACF;AAEA,QAAIA,EAAO,mBACTI,IAAAlB,EAAa,YAAb,QAAAkB,EAAA,KAAAlB,GAAuBc,EAAO,cAAc;AAAA,MAEhD,SAASK,GAAc;AACrB,cAAM7D,IAAM6D,aAAe,QAAQA,EAAI,UAAU;AAGjD,QAAAZ,EAAY,cAAcjD,CAAG;AAAA,MAC/B,UAAA;AACE,QAAAkC,EAAc,EAAK;AAAA,MACrB;AAAA,IACF;AAAA,IACA;AAAA,MACEZ;AAAA,MACAE;AAAA,MACAS;AAAA,MACAlC;AAAA,MACAgB;AAAA,MACAC;AAAA,MACAI;AAAA,IAAA;AAAA,EACF;AAIF,EAAAyB,EAAU,MAAM;AACd,UAAMiB,IAAO,SAAS,eAAelC,CAAM;AAC3C,QAAI,CAACkC,EAAM;AACX,UAAMC,IAAY,MAAM;AACtB,MAAKjB,EAAA;AAAA,IACP;AACA,WAAAgB,EAAK,iBAAiB,uBAAuBC,CAAS,GAC/C,MAAMD,EAAK,oBAAoB,uBAAuBC,CAAS;AAAA,EACxE,GAAG,CAACnC,GAAQkB,CAAY,CAAC;AAOzB,QAAMkB,KACJ,CAAC1C,KAAU,CAACE,KAAYS,KAAe,EAFvBlB,MAAiB,UAAa,CAACC,MAEM,CAACoB;AAExD,SACE,gBAAA6B;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAIrC;AAAA,MACJ,UAAUkB;AAAA,MACV,cAAY1B,EAAE,mBAAmB;AAAA,MACjC,aAAWa,KAAc;AAAA,MACzB,YAAU;AAAA,MAEV,UAAA,gBAAAiC,EAAC,OAAA,EAAI,WAAU,kDACb,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EAAI,WAAWxD,GAAA,GACd,UAAA;AAAA,UAAA,gBAAAuD,EAAC,UAAK,WAAWxD,EAAA,GACd,UAAAW,EAAE,qBAAqB,GAC1B;AAAA,UACA,gBAAA6C,EAAC,QAAA,EAAK,WAAU,mBAAkB,eAAY,kBAC3C,UAAAzE,EAAoBC,GAAQC,GAAUC,CAAM,EAAA,CAC/C;AAAA,QAAA,GACF;AAAA,QAEA,gBAAAuE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAASpC;AAAA,YACT,WAAWtB,EAAA;AAAA,YACX,eAAY;AAAA,YAEZ,UAAA;AAAA,cAAA,gBAAAyD,EAAC,UAAK,WAAWxD,EAAA,GACd,UAAAW,EAAE,qBAAqB,GAC1B;AAAA,cACA,gBAAA6C;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,IAAIrC;AAAA,kBACJ,SAAS;AAAA;AAAA;AAAA;AAAA,oBAIP,QACEX,MAAW,cACP,EAAE,MAAM,aAAa,kBAAkB,GAAA,IACvC,EAAE,MAAM,OAAA;AAAA,kBAAO;AAAA,kBAEvB,UAAU,CAACiD,MAAO;AAGhB,oBAAA/B,EAAmB+B,EAAG,aAAa,EAAI,GACnCA,EAAG,aACL7B,EAAY,IAAI,GAChBE,EAAgB,EAAE;AAAA,kBAEtB;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD3B,IACC,gBAAAoD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAASnC;AAAA,YACT,WAAWvB,EAAA;AAAA,YACX,eAAY;AAAA,YAEZ,UAAA;AAAA,cAAA,gBAAAyD,EAAC,UAAK,WAAWxD,EAAA,GACd,UAAAW,EAAE,wBAAwB,GAC7B;AAAA,cACA,gBAAA6C,EAACI,MAAe,IAAItC,GAAgB,SAAS,EAAE,MAAM,YAAU,CAAG;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,IAElE;AAAA,QAEHO,IACC,gBAAA2B;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,IAAItC;AAAA,YACJ,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,eAAY;AAAA,YAEZ,UAAA,gBAAAiC,EAACK,GAAM,aAAN,EAAmB,UAAA9B,EAAA,CAAa;AAAA,UAAA;AAAA,QAAA,IAEjC;AAAA,QAEJ,gBAAAyB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,iBAAeD,MAAkB;AAAA,YACjC,aAAW/B,KAAc;AAAA,YACzB,oBAAkBK,IAAWN,IAAU;AAAA,YACvC,WAAWrB,GAAA;AAAA,YACX,eAAY;AAAA,YAEX,cACC,gBAAAuD,EAAAK,IAAA,EACE,UAAA;AAAA,cAAA,gBAAAN,EAACO,MAAQ,MAAK,MAAK,OAAOpD,EAAE,oBAAoB,GAAG;AAAA,cACnD,gBAAA6C,EAAC,QAAA,EAAM,UAAA7C,EAAE,oBAAoB,EAAA,CAAE;AAAA,YAAA,EAAA,CACjC,IAEA,gBAAA6C,EAAC,QAAA,EACE,UAAA7C,EAAE,kBAAkB;AAAA,cACnB,QAAQ5B,EAAoBC,GAAQC,GAAUC,CAAM;AAAA,YAAA,CACrD,EAAA,CACH;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAYA,MAAM8E,yBAAqB,IAAyB;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAED,SAASC,GAAgBC,GAAoC;AAC3D,MAAI,CAACA,EAAO,QAAO;AACnB,QAAMC,IAAYD,MAAU,OAAO,OAAOA;AAC1C,MAAKF,GAA+B,IAAIG,CAAS;AAC/C,WAAOA;AAGT,QAAMC,IAAOD,EAAU,MAAM,GAAG,EAAE,CAAC;AACnC,SAAKH,GAA+B,IAAII,CAAI,IACnCA,IAEF;AACT;AAEO,MAAMC,KAAcC;AAAA,EACzB,CACE;AAAA,IACE,IAAAC;AAAA,IACA,cAAAjE;AAAA,IACA,MAAAkE,IAAO;AAAA,IACP,uBAAAjE;AAAA,IACA,gBAAAkE;AAAA,IACA,UAAAxF;AAAA,IACA,QAAAD;AAAA,IACA,WAAAwB;AAAA,IACA,SAAAC;AAAA,IACA,gBAAAJ,IAAiB;AAAA,IACjB,QAAAnB;AAAA,IACA,WAAAwF;AAAA,IACA,WAAApF;AAAA,IACA,eAAeqF;AAAA,IACf,QAAAjE,IAAS;AAAA,IACT,WAAAkE;AAAA,EAAA,GAEFC,MACG;AACH,UAAM,EAAE,MAAAC,EAAA,IAASlE,EAAA,GACXmE,IAAed,GAAgB/E,KAAU4F,EAAK,YAAY,IAAI,GAG9D,CAACE,GAAgBC,CAAiB,IACtCvD,EAAwCiD,KAAkB,IAAI;AAEhE,IAAAvC,EAAU,MAAM;AACd,UAAIuC,MAAmB,QAAW;AAChC,QAAAM,EAAkBN,CAAc;AAChC;AAAA,MACF;AACA,UAAI,CAACF,GAAgB;AACnB,QAAAQ,EAAkB,IAAI;AACtB;AAAA,MACF;AAEA,MAAAA,EAAkBC,GAAWT,CAAc,CAAC;AAAA,IAC9C,GAAG,CAACE,GAAgBF,CAAc,CAAC;AAGnC,UAAM,CAACU,GAAYC,CAAa,IAAI1D;AAAA,MAAqB,MACvD1D,EAAA;AAAA,IAAoB;AAEtB,IAAAoE,EAAU,OACRgD,EAAcpH,GAAqB,GACfM,GAA0B8G,CAAa,IAE1D,CAAA,CAAE;AAKL,UAAMC,IAAUnD,EAAuB,IAAI,GAErCoD,IAAclE;AAAA,MAClB,OAAO;AAAA,QACL,QAAQ,YAAY;;AAClB,gBAAMmE,KAAO3C,IAAAyC,EAAQ,YAAR,gBAAAzC,EAAiB,cAAc;AAC5C,UAAI2C,KACFA,EAAK;AAAA,YACH,IAAI,YAAY,uBAAuB,EAAE,SAAS,IAAM;AAAA,UAAA;AAAA,QAG9D;AAAA,QACA,OAAO,MAAM;;AACX,gBAAMA,KAAO3C,IAAAyC,EAAQ,YAAR,gBAAAzC,EAAiB,cAAc;AAC5C,UAAI2C,aAAgB,mBAClBA,EAAK,MAAA;AAAA,QAET;AAAA,MAAA;AAAA,MAEF,CAAA;AAAA,IAAC;AAEH,IAAAC,GAAoBX,GAAK,MAAMQ,EAAQ,SAA2B,CAAA,CAAE,GACpEI,GAAqB7G,IAAkB0G,GAAaf,CAAE;AAEtD,UAAMmB,IAAkBtE;AAAA,MACtB,MACEd,MAAiB;AAAA;AAAA,QAEb,EAAE,cAAAA,GAAc,YAAA6E,GAAY,QAAQJ,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAIpC;AAAA,UACE,MAAAP;AAAA,UACA,QAAAxF;AAAA,UACA,UAAUC,EAAS,YAAA;AAAA,UACnB,YAAAkG;AAAA,UACA,QAAQJ;AAAA,QAAA;AAAA;AAAA,MAEhB,CAACzE,GAAckE,GAAMxF,GAAQC,GAAUkG,GAAYJ,CAAY;AAAA,IAAA;AAGjE,WACE,gBAAAvB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK6B;AAAA,QACL,cAAYX;AAAA,QACZ,WAAW,CAAC7E,GAAA,GAAgB+E,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,QAC/D,kBAAe;AAAA,QACf,qBAAmBL;AAAA,QACnB,eAAY;AAAA,QAEX,UAAAS;AAAA;AAAA;AAAA;AAAA;AAAA,UAKC,gBAAAxB;AAAA,YAACmC;AAAA,YAAA;AAAA,cACC,QAAQX;AAAA,cACR,SAASU;AAAA,cAGT,UAAA,gBAAAlC;AAAA,gBAACrD;AAAA,gBAAA;AAAA,kBACC,QAAAnB;AAAA,kBACA,UAAAC;AAAA,kBACA,QAAQ8F;AAAA,kBACR,gBAAA1E;AAAA,kBACA,WAAAf;AAAA,kBACA,cAAAgB;AAAA,kBACA,uBAAAC;AAAA,kBACA,WAAAC;AAAA,kBACA,SAAAC;AAAA,kBACA,QAAAC;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,YAbKJ,KAAgB;AAAA,UAAA;AAAA,YAgBvB,gBAAAkD;AAAA,UAACoC;AAAA,UAAA;AAAA,YACC,QAAA5G;AAAA,YACA,UAAAC;AAAA,YACA,QAAQ8F;AAAA,YACR,gBAAA1E;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAIR;AACF;AAEAgE,GAAY,cAAc;AAa1B,SAASuB,GAAoBxF,GAA+C;AAC1E,QAAM,EAAE,QAAApB,GAAQ,UAAAC,GAAU,QAAAC,GAAQ,gBAAAmB,MAAmBD,GAC/C,EAAE,GAAAO,EAAA,IAAMC,EAAA;AAEd,SACE,gBAAA6C;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,aAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EAAI,WAAWxD,GAAA,GACd,UAAA;AAAA,UAAA,gBAAAuD,EAAC,UAAK,WAAWxD,EAAA,GAAsB,UAAAW,EAAE,qBAAqB,GAAE;AAAA,UAChE,gBAAA6C,EAAC,UAAK,WAAU,mBACb,YAAoBxE,GAAQC,GAAUC,CAAM,EAAA,CAC/C;AAAA,QAAA,GACF;AAAA,QACA,gBAAAuE,EAAC,OAAA,EAAI,WAAW1D,EAAA,GACd,UAAA;AAAA,UAAA,gBAAAyD,EAAC,UAAK,WAAWxD,EAAA,GAAsB,UAAAW,EAAE,qBAAqB,GAAE;AAAA,UAChE,gBAAA6C;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QACd,GACF;AAAA,QACCnD,IACC,gBAAAoD,EAAC,OAAA,EAAI,WAAW1D,KAAsB,eAAY,mBAChD,UAAA;AAAA,UAAA,gBAAAyD,EAAC,UAAK,WAAWxD,EAAA,GACd,UAAAW,EAAE,wBAAwB,GAC7B;AAAA,UACA,gBAAA6C;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QACd,EAAA,CACF,IACE;AAAA,QACJ,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,iBAAc;AAAA,YACd,WAAWvD,GAAA;AAAA,YACX,UAAQ;AAAA,YAER,UAAA;AAAA,cAAA,gBAAAsD,EAACO,MAAQ,MAAK,MAAK,OAAOpD,EAAE,oBAAoB,GAAG;AAAA,cACnD,gBAAA6C,EAAC,QAAA,EAAM,UAAA7C,EAAE,oBAAoB,EAAA,CAAE;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACjC;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"payment-form-nXocS_MX.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  state: {},\n  actions: {\n    submit: {\n      safety: 'destructive',\n      description:\n        'Submit the payment. Charges the configured payment method — irreversible.',\n      invoke: (handle) => handle.submit(),\n    },\n    reset: {\n      safety: 'destructive',\n      description:\n        'Reset the form to its initial state. Loses any in-progress input.',\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 {\n  loadStripe,\n  type Stripe,\n  type Appearance,\n  type StripeElementLocale,\n  type 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\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  /**\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  /** Stripe publishable key (`pk_test_…` / `pk_live_…`). */\n  publishableKey: 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  /** 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  /** 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\nexport interface PaymentFormHandle {\n  /** Programmatically submit the form (same flow as the Pay button). */\n  submit: () => Promise<void>;\n  /** Reset the form to its initial state. */\n  reset: () => 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    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  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  onSuccess: PaymentFormProps['onSuccess'];\n  onError: PaymentFormProps['onError'];\n  layout: NonNullable<PaymentFormProps['layout']>;\n}\n\nfunction InnerPaymentForm(props: InnerPaymentFormProps): ReactElement {\n  const {\n    amount,\n    currency,\n    locale,\n    billingAddress,\n    returnUrl,\n    clientSecret,\n    onCreatePaymentIntent,\n    onSuccess,\n    onError,\n    layout,\n  } = props;\n\n  const { t } = useTranslation();\n  const stripe = useStripe();\n  const elements = useElements();\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 [elementComplete, setElementComplete] = useState(false);\n  const [errorKey, setErrorKey] = useState<string | null>(null);\n  const [errorMessage, setErrorMessage] = useState<string>('');\n\n  const onSuccessRef = useRef(onSuccess);\n  const onErrorRef = useRef(onError);\n  useEffect(() => {\n    onSuccessRef.current = onSuccess;\n    onErrorRef.current = onError;\n  }, [onSuccess, onError]);\n\n  const handleSubmit = useCallback(\n    async (event?: FormEvent<HTMLFormElement>): Promise<void> => {\n      if (event) event.preventDefault();\n      if (!stripe || !elements) return;\n      if (processing) return;\n\n      setProcessing(true);\n      setErrorKey(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        setErrorKey(key);\n        setErrorMessage(t(key));\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        setErrorKey('payment.error.invalidReturnUrl');\n        setErrorMessage(t('payment.error.invalidReturnUrl'));\n        onErrorRef.current?.({\n          code: 'invalid_return_url',\n          translatedMessage: t('payment.error.invalidReturnUrl'),\n        });\n        setProcessing(false);\n        return;\n      }\n\n      const confirmParams = safeReturnUrl ? { return_url: safeReturnUrl } : {};\n\n      try {\n        if (clientSecret !== undefined) {\n          // ----- Immediate mode: the consumer already minted the secret. ---\n          const result = await stripe.confirmPayment({\n            elements,\n            confirmParams,\n            redirect: 'if_required',\n          });\n\n          if (result.error) {\n            reportError(result.error.code ?? 'generic', result.error.message);\n            return;\n          }\n\n          // Success path — only the PaymentIntent id leaves the wrapper.\n          if (result.paymentIntent) {\n            onSuccessRef.current?.(result.paymentIntent.id);\n          }\n          return;\n        }\n\n        // ----- Deferred-intent mode: no secret up front. -----------------\n        // Run client-side field validation first; on failure we run the\n        // SAME sanitise/map/report pipeline and stop (no secret minted).\n        const { error: submitError } = await elements.submit();\n        if (submitError) {\n          reportError(submitError.code ?? 'generic', submitError.message);\n          return;\n        }\n\n        // No confirm callback → PREVIEW mode. The field validation above is\n        // the end of the flow: no secret is minted, no charge is attempted,\n        // and we surface no error — the fields simply validated.\n        if (!onCreatePaymentIntent) {\n          return;\n        }\n\n        // Mint the secret on the consumer's server, then confirm with it.\n        // The minted secret is used ONLY here and is never logged or sent to\n        // a third-party origin.\n        const mintedSecret = await onCreatePaymentIntent();\n        const result = await stripe.confirmPayment({\n          elements,\n          clientSecret: mintedSecret,\n          confirmParams,\n          redirect: 'if_required',\n        });\n\n        if (result.error) {\n          reportError(result.error.code ?? 'generic', result.error.message);\n          return;\n        }\n\n        if (result.paymentIntent) {\n          onSuccessRef.current?.(result.paymentIntent.id);\n        }\n      } catch (err: unknown) {\n        const raw = err instanceof Error ? err.message : '';\n        // Generic, sanitised — covers a thrown onCreatePaymentIntent and any\n        // unexpected SDK rejection. Never surface the raw thrown text.\n        reportError('unexpected', raw);\n      } finally {\n        setProcessing(false);\n      }\n    },\n    [\n      stripe,\n      elements,\n      processing,\n      returnUrl,\n      clientSecret,\n      onCreatePaymentIntent,\n      t,\n    ],\n  );\n\n  // Imperative submit hook used by the outer component's ref handle.\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  // 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 || !elements || processing || (!isPreview && !elementComplete);\n\n  return (\n    <form\n      id={idSafe}\n      onSubmit={handleSubmit}\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              setElementComplete(ev.complete === true);\n              if (ev.complete) {\n                setErrorKey(null);\n                setErrorMessage('');\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 id={addressFieldId} options={{ mode: 'billing' }} />\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      onCreatePaymentIntent,\n      publishableKey,\n      currency,\n      amount,\n      onSuccess,\n      onError,\n      billingAddress = false,\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\n    // Stripe instance — pre-injected (tests/stories) or lazily loaded.\n    const [stripeInstance, setStripeInstance] =\n      useState<Promise<Stripe | null> | null>(injectedStripe ?? null);\n\n    useEffect(() => {\n      if (injectedStripe !== undefined) {\n        setStripeInstance(injectedStripe);\n        return;\n      }\n      if (!publishableKey) {\n        setStripeInstance(null);\n        return;\n      }\n      // `loadStripe` is cached by the SDK — safe to call per mount.\n      setStripeInstance(loadStripe(publishableKey));\n    }, [injectedStripe, publishableKey]);\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 — dispatch a custom event at the inner form so we\n    // can trigger the same submit path as the button without leaking refs\n    // through the Stripe `<Elements>` provider (which owns its own tree).\n    const hostRef = useRef<HTMLDivElement>(null);\n\n    const agentHandle = useMemo<PaymentFormHandle>(\n      () => ({\n        submit: async () => {\n          const form = hostRef.current?.querySelector('form');\n          if (form) {\n            form.dispatchEvent(\n              new CustomEvent('payment-form:submit', { bubbles: true }),\n            );\n          }\n        },\n        reset: () => {\n          const form = hostRef.current?.querySelector('form');\n          if (form instanceof HTMLFormElement) {\n            form.reset();\n          }\n        },\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              appearance,\n              locale: activeLocale,\n            },\n      [clientSecret, mode, amount, currency, appearance, activeLocale],\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={clientSecret ?? 'deferred'}\n          >\n            <InnerPaymentForm\n              amount={amount}\n              currency={currency}\n              locale={activeLocale}\n              billingAddress={billingAddress}\n              returnUrl={returnUrl}\n              clientSecret={clientSecret}\n              onCreatePaymentIntent={onCreatePaymentIntent}\n              onSuccess={onSuccess}\n              onError={onError}\n              layout={layout}\n            />\n          </Elements>\n        ) : (\n          <PaymentFormSkeleton\n            amount={amount}\n            currency={currency}\n            locale={activeLocale}\n            billingAddress={billingAddress}\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","clientSecret","onCreatePaymentIntent","onSuccess","onError","layout","t","useTranslation","stripe","useStripe","elements","useElements","rawId","useId","idSafe","useMemo","paymentFieldId","addressFieldId","errorId","processing","setProcessing","useState","elementComplete","setElementComplete","errorKey","setErrorKey","errorMessage","setErrorMessage","onSuccessRef","useRef","onErrorRef","useEffect","handleSubmit","useCallback","event","reportError","rawMessage","key","safe","_a","safeReturnUrl","confirmParams","result","_b","submitError","mintedSecret","_c","err","host","submitter","submitDisabled","jsx","jsxs","PaymentElement","ev","AddressElement","Alert","Fragment","Spinner","STRIPE_LOCALES","normaliseLocale","input","candidate","base","PaymentForm","forwardRef","id","mode","publishableKey","ariaLabel","injectedStripe","className","ref","i18n","activeLocale","stripeInstance","setStripeInstance","loadStripe","appearance","setAppearance","hostRef","agentHandle","form","useImperativeHandle","useAgentRegistration","elementsOptions","Elements","PaymentFormSkeleton"],"mappings":";;;;;;;;;AAiBA,SAASA,KAAqB;AAC5B,SAAO,OAAO,WAAa,OAAe,OAAO,SAAW;AAC9D;AAEO,SAASC,EAAoBC,GAAgC;AAClE,MAAI,CAACF;AACH,WAAO,EAAE,OAAO,SAAA;AAGlB,QAAMG,IAASD,KAAQ,SAAS,iBAC1BE,IAAS,iBAAiBD,CAAM,GAChCE,IAAO,CAACC,MAAkBF,EAAO,iBAAiBE,CAAK,EAAE,KAAA;AAG/D,SAAO;AAAA,IACL,OAHaH,EAAO,UAAU,SAAS,YAAY,IAGnC,UAAU;AAAA,IAC1B,WAAW;AAAA,MACT,cAAcE,EAAK,WAAW;AAAA,MAC9B,iBAAiBA,EAAK,cAAc;AAAA,MACpC,WAAWA,EAAK,cAAc;AAAA,MAC9B,aAAaA,EAAK,eAAe;AAAA,MACjC,oBAAoBA,EAAK,oBAAoB;AAAA,MAC7C,sBAAsBA,EAAK,oBAAoB;AAAA,MAC/C,cAAcA,EAAK,aAAa;AAAA,MAChC,YAAYA,EAAK,aAAa;AAAA,MAC9B,cAAcA,EAAK,kBAAkB;AAAA;AAAA;AAAA,MAGrC,aAAaA,EAAK,cAAc;AAAA,IAAA;AAAA,IAElC,OAAO;AAAA,MACL,UAAU;AAAA,QACR,iBAAiBA,EAAK,cAAc;AAAA,QACpC,QAAQ,aAAaA,EAAK,UAAU,CAAC;AAAA,QACrC,OAAOA,EAAK,cAAc;AAAA,QAC1B,SAASA,EAAK,cAAc;AAAA,QAC5B,YAAY,gBAAgBA,EAAK,sBAAsB,CAAC;AAAA,MAAA;AAAA,MAE1D,gBAAgB;AAAA,QACd,aAAaA,EAAK,WAAW;AAAA,QAC7B,WAAW,SAASA,EAAK,oBAAoB,CAAC,IAAIA,EAAK,QAAQ,CAAC;AAAA,QAChE,SAAS;AAAA,MAAA;AAAA,MAEX,mBAAmB;AAAA,QACjB,aAAaA,EAAK,eAAe;AAAA,QACjC,OAAOA,EAAK,cAAc;AAAA,MAAA;AAAA,MAE5B,UAAU;AAAA,QACR,OAAOA,EAAK,cAAc;AAAA,QAC1B,YAAYA,EAAK,sBAAsB;AAAA,QACvC,UAAUA,EAAK,gBAAgB;AAAA,MAAA;AAAA,MAEjC,UAAU;AAAA,QACR,OAAOA,EAAK,eAAe;AAAA,QAC3B,UAAUA,EAAK,gBAAgB;AAAA,MAAA;AAAA,MAEjC,QAAQ;AAAA,QACN,QAAQ,aAAaA,EAAK,UAAU,CAAC;AAAA,QACrC,iBAAiBA,EAAK,cAAc;AAAA,QACpC,OAAOA,EAAK,cAAc;AAAA,MAAA;AAAA,MAE5B,kBAAkB;AAAA,QAChB,aAAaA,EAAK,WAAW;AAAA,QAC7B,iBAAiBA,EAAK,cAAc;AAAA,QACpC,OAAOA,EAAK,WAAW;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA,MAKzB,kBAAkB;AAAA,QAChB,iBAAiBA,EAAK,cAAc;AAAA,QACpC,QAAQ,aAAaA,EAAK,UAAU,CAAC;AAAA,QACrC,cAAcA,EAAK,aAAa;AAAA,QAChC,WAAW;AAAA,MAAA;AAAA,MAEb,4BAA4B;AAAA,QAC1B,aAAaA,EAAK,WAAW;AAAA,QAC7B,iBAAiBA,EAAK,cAAc;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA,MAKtC,UAAU;AAAA,QACR,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,WAAW;AAAA,QACX,iBAAiB;AAAA,MAAA;AAAA,IACnB;AAAA,EACF;AAEJ;AAQO,SAASE,GACdC,GACAN,GACY;AACZ,MAAI,CAACF,KAAa,QAAO;;AAEzB,QAAMG,IAAiB,SAAS,iBAC1BM,IAAO,MAAMD,EAASP,EAAoBC,CAAI,CAAC,GAE/CQ,IAAW,IAAI,iBAAiBD,CAAI;AAC1C,EAAAC,EAAS,QAAQP,GAAQ;AAAA,IACvB,YAAY;AAAA,IACZ,iBAAiB,CAAC,SAAS,OAAO,MAAM;AAAA,EAAA,CACzC;AAED,QAAMQ,IAAY,OAAO,WAAW,8BAA8B,GAC5DC,IAAY,OAAO,WAAW,kCAAkC;AACtE,SAAAD,EAAU,iBAAiB,UAAUF,CAAI,GACzCG,EAAU,iBAAiB,UAAUH,CAAI,GAElC,MAAM;AACX,IAAAC,EAAS,WAAA,GACTC,EAAU,oBAAoB,UAAUF,CAAI,GAC5CG,EAAU,oBAAoB,UAAUH,CAAI;AAAA,EAC9C;AACF;ACzIO,MAAMI,KAAoD;AAAA,EAC/D,IAAI;AAAA,EACJ,cAAc,CAAC,QAAQ;AAAA,EACvB,OAAO,CAAA;AAAA,EACP,SAAS;AAAA,IACP,QAAQ;AAAA,MACN,QAAQ;AAAA,MACR,aACE;AAAA,MACF,QAAQ,CAACC,MAAWA,EAAO,OAAA;AAAA,IAAO;AAAA,IAEpC,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,aACE;AAAA,MACF,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,MAAA;AAAA,MACT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM,EAAE,MAAM,kBAAkB,OAAO,eAAA;AAAA,IACvC,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GCoHMC,yBAA8B,IAAY;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAEM,SAASC,EACdC,GACAC,GACAC,GACQ;AACR,QAAMC,IAAMF,EAAS,YAAA,GACfG,IAAQN,GAAwB,IAAIK,CAAG,IAAIH,IAASA,IAAS;AACnE,MAAI;AACF,WAAO,IAAI,KAAK,aAAaE,GAAQ;AAAA,MACnC,OAAO;AAAA,MACP,UAAUC;AAAA,IAAA,CACX,EAAE,OAAOC,CAAK;AAAA,EACjB,QAAQ;AAGN,WAAO,IAAI,KAAK,aAAa,MAAM;AAAA,MACjC,OAAO;AAAA,MACP,UAAUD;AAAA,IAAA,CACX,EAAE,OAAOC,CAAK;AAAA,EACjB;AACF;AAiBO,SAASC,GACdC,GACe;AACf,MAAIA,MAAc,OAAW,QAAO;AACpC,QAAMC,IAAMD,EAAU,KAAA;AAEtB,MADIC,MAAQ,MACR,OAAO,SAAW,IAAa,QAAO;AAC1C,MAAI;AACF,UAAMC,IAAW,IAAI,IAAID,GAAK,OAAO,SAAS,IAAI;AAGlD,WADI,EADmB,oBAAI,IAAI,CAAC,SAAS,QAAQ,CAAC,GAC9B,IAAIC,EAAS,QAAQ,KACrCA,EAAS,WAAW,OAAO,SAAS,SAAe,OAChDA,EAAS,SAAA;AAAA,EAClB,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAaO,SAASC,GAAoBC,GAAyB;AAC3D,SAAKA,KAGEA,EAAQ,QAAQ,WAAW,MAAM;AAC1C;AAOO,SAASC,GAAyBC,GAAkC;AACzE,UAAQA,GAAA;AAAA,IACN,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;AAMA,MAAMC,KAAeC;AAAA,EACnB;AAAA,IACE;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAEMC,IAAqBD;AAAA,EACzB,CAAC,gDAAgD,EAAE,KAAK,GAAG;AAC7D,GAEME,IAAoBF;AAAA,EACxB,CAAC,cAAc,6BAA6B,EAAE,KAAK,GAAG;AACxD,GAEMG,KAAwBH;AAAA,EAC5B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ,GAEMI,KAAuBJ;AAAA,EAC3B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AACZ;AAqBA,SAASK,GAAiBC,GAA4C;AACpE,QAAM;AAAA,IACJ,QAAApB;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,gBAAAmB;AAAA,IACA,WAAAf;AAAA,IACA,cAAAgB;AAAA,IACA,uBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,EAAA,IACEN,GAEE,EAAE,GAAAO,EAAA,IAAMC,EAAA,GACRC,IAASC,GAAA,GACTC,IAAWC,GAAA,GAEXC,IAAQC,GAAA,GACRC,IAASC;AAAA,IACb,MAAM,OAAOH,EAAM,QAAQ,mBAAmB,EAAE,CAAC;AAAA,IACjD,CAACA,CAAK;AAAA,EAAA,GAEFI,IAAiB,GAAGF,CAAM,YAC1BG,IAAiB,GAAGH,CAAM,YAC1BI,IAAU,GAAGJ,CAAM,UAEnB,CAACK,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5C,CAACC,GAAiBC,CAAkB,IAAIF,EAAS,EAAK,GACtD,CAACG,GAAUC,CAAW,IAAIJ,EAAwB,IAAI,GACtD,CAACK,GAAcC,CAAe,IAAIN,EAAiB,EAAE,GAErDO,IAAeC,EAAO1B,CAAS,GAC/B2B,IAAaD,EAAOzB,CAAO;AACjC,EAAA2B,EAAU,MAAM;AACd,IAAAH,EAAa,UAAUzB,GACvB2B,EAAW,UAAU1B;AAAA,EACvB,GAAG,CAACD,GAAWC,CAAO,CAAC;AAEvB,QAAM4B,IAAeC;AAAA,IACnB,OAAOC,MAAsD;;AAG3D,UAFIA,OAAa,eAAA,GACb,CAAC1B,KAAU,CAACE,KACZS,EAAY;AAEhB,MAAAC,EAAc,EAAI,GAClBK,EAAY,IAAI,GAChBE,EAAgB,EAAE;AAOlB,YAAMQ,IAAc,CAClB5C,GACA6C,MACS;;AACT,cAAMC,IAAM/C,GAAyBC,CAAI,GAEnC+C,IAAOlD,GAAoBgD,KAAc,EAAE;AACjD,QAAAX,EAAYY,CAAG,GACfV,EAAgBrB,EAAE+B,CAAG,CAAC,IACtBE,IAAAT,EAAW,YAAX,QAAAS,EAAA,KAAAT,GAAqB;AAAA,UACnB,MAAAvC;AAAA,UACA,mBAAmB+C,KAAQhC,EAAE+B,CAAG;AAAA,QAAA;AAAA,MAEpC,GAIMG,IAAgBxD,GAAkBC,CAAS;AACjD,UAAIA,MAAc,UAAauD,MAAkB,MAAM;AACrD,QAAAf,EAAY,gCAAgC,GAC5CE,EAAgBrB,EAAE,gCAAgC,CAAC,IACnDiC,IAAAT,EAAW,YAAX,QAAAS,EAAA,KAAAT,GAAqB;AAAA,UACnB,MAAM;AAAA,UACN,mBAAmBxB,EAAE,gCAAgC;AAAA,QAAA,IAEvDc,EAAc,EAAK;AACnB;AAAA,MACF;AAEA,YAAMqB,IAAgBD,IAAgB,EAAE,YAAYA,EAAA,IAAkB,CAAA;AAEtE,UAAI;AACF,YAAIvC,MAAiB,QAAW;AAE9B,gBAAMyC,IAAS,MAAMlC,EAAO,eAAe;AAAA,YACzC,UAAAE;AAAA,YACA,eAAA+B;AAAA,YACA,UAAU;AAAA,UAAA,CACX;AAED,cAAIC,EAAO,OAAO;AAChB,YAAAP,EAAYO,EAAO,MAAM,QAAQ,WAAWA,EAAO,MAAM,OAAO;AAChE;AAAA,UACF;AAGA,UAAIA,EAAO,mBACTC,IAAAf,EAAa,YAAb,QAAAe,EAAA,KAAAf,GAAuBc,EAAO,cAAc;AAE9C;AAAA,QACF;AAKA,cAAM,EAAE,OAAOE,EAAA,IAAgB,MAAMlC,EAAS,OAAA;AAC9C,YAAIkC,GAAa;AACf,UAAAT,EAAYS,EAAY,QAAQ,WAAWA,EAAY,OAAO;AAC9D;AAAA,QACF;AAKA,YAAI,CAAC1C;AACH;AAMF,cAAM2C,IAAe,MAAM3C,EAAA,GACrBwC,IAAS,MAAMlC,EAAO,eAAe;AAAA,UACzC,UAAAE;AAAA,UACA,cAAcmC;AAAA,UACd,eAAAJ;AAAA,UACA,UAAU;AAAA,QAAA,CACX;AAED,YAAIC,EAAO,OAAO;AAChB,UAAAP,EAAYO,EAAO,MAAM,QAAQ,WAAWA,EAAO,MAAM,OAAO;AAChE;AAAA,QACF;AAEA,QAAIA,EAAO,mBACTI,IAAAlB,EAAa,YAAb,QAAAkB,EAAA,KAAAlB,GAAuBc,EAAO,cAAc;AAAA,MAEhD,SAASK,GAAc;AACrB,cAAM7D,IAAM6D,aAAe,QAAQA,EAAI,UAAU;AAGjD,QAAAZ,EAAY,cAAcjD,CAAG;AAAA,MAC/B,UAAA;AACE,QAAAkC,EAAc,EAAK;AAAA,MACrB;AAAA,IACF;AAAA,IACA;AAAA,MACEZ;AAAA,MACAE;AAAA,MACAS;AAAA,MACAlC;AAAA,MACAgB;AAAA,MACAC;AAAA,MACAI;AAAA,IAAA;AAAA,EACF;AAIF,EAAAyB,EAAU,MAAM;AACd,UAAMiB,IAAO,SAAS,eAAelC,CAAM;AAC3C,QAAI,CAACkC,EAAM;AACX,UAAMC,IAAY,MAAM;AACtB,MAAKjB,EAAA;AAAA,IACP;AACA,WAAAgB,EAAK,iBAAiB,uBAAuBC,CAAS,GAC/C,MAAMD,EAAK,oBAAoB,uBAAuBC,CAAS;AAAA,EACxE,GAAG,CAACnC,GAAQkB,CAAY,CAAC;AAOzB,QAAMkB,KACJ,CAAC1C,KAAU,CAACE,KAAYS,KAAe,EAFvBlB,MAAiB,UAAa,CAACC,MAEM,CAACoB;AAExD,SACE,gBAAA6B;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAIrC;AAAA,MACJ,UAAUkB;AAAA,MACV,cAAY1B,EAAE,mBAAmB;AAAA,MACjC,aAAWa,KAAc;AAAA,MACzB,YAAU;AAAA,MAEV,UAAA,gBAAAiC,EAAC,OAAA,EAAI,WAAU,kDACb,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EAAI,WAAWxD,GAAA,GACd,UAAA;AAAA,UAAA,gBAAAuD,EAAC,UAAK,WAAWxD,EAAA,GACd,UAAAW,EAAE,qBAAqB,GAC1B;AAAA,UACA,gBAAA6C,EAAC,QAAA,EAAK,WAAU,mBAAkB,eAAY,kBAC3C,UAAAzE,EAAoBC,GAAQC,GAAUC,CAAM,EAAA,CAC/C;AAAA,QAAA,GACF;AAAA,QAEA,gBAAAuE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAASpC;AAAA,YACT,WAAWtB,EAAA;AAAA,YACX,eAAY;AAAA,YAEZ,UAAA;AAAA,cAAA,gBAAAyD,EAAC,UAAK,WAAWxD,EAAA,GACd,UAAAW,EAAE,qBAAqB,GAC1B;AAAA,cACA,gBAAA6C;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,IAAIrC;AAAA,kBACJ,SAAS;AAAA;AAAA;AAAA;AAAA,oBAIP,QACEX,MAAW,cACP,EAAE,MAAM,aAAa,kBAAkB,GAAA,IACvC,EAAE,MAAM,OAAA;AAAA,kBAAO;AAAA,kBAEvB,UAAU,CAACiD,MAAO;AAGhB,oBAAA/B,EAAmB+B,EAAG,aAAa,EAAI,GACnCA,EAAG,aACL7B,EAAY,IAAI,GAChBE,EAAgB,EAAE;AAAA,kBAEtB;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,QAGD3B,IACC,gBAAAoD;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,SAASnC;AAAA,YACT,WAAWvB,EAAA;AAAA,YACX,eAAY;AAAA,YAEZ,UAAA;AAAA,cAAA,gBAAAyD,EAAC,UAAK,WAAWxD,EAAA,GACd,UAAAW,EAAE,wBAAwB,GAC7B;AAAA,cACA,gBAAA6C,EAACI,MAAe,IAAItC,GAAgB,SAAS,EAAE,MAAM,YAAU,CAAG;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,IAElE;AAAA,QAEHO,IACC,gBAAA2B;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,IAAItC;AAAA,YACJ,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,eAAY;AAAA,YAEZ,UAAA,gBAAAiC,EAACK,GAAM,aAAN,EAAmB,UAAA9B,EAAA,CAAa;AAAA,UAAA;AAAA,QAAA,IAEjC;AAAA,QAEJ,gBAAAyB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,iBAAeD,MAAkB;AAAA,YACjC,aAAW/B,KAAc;AAAA,YACzB,oBAAkBK,IAAWN,IAAU;AAAA,YACvC,WAAWrB,GAAA;AAAA,YACX,eAAY;AAAA,YAEX,cACC,gBAAAuD,EAAAK,IAAA,EACE,UAAA;AAAA,cAAA,gBAAAN;AAAA,gBAACO;AAAA,gBAAA;AAAA,kBACC,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,OAAOpD,EAAE,oBAAoB;AAAA,gBAAA;AAAA,cAAA;AAAA,cAE/B,gBAAA6C,EAAC,QAAA,EAAM,UAAA7C,EAAE,oBAAoB,EAAA,CAAE;AAAA,YAAA,EAAA,CACjC,IAEA,gBAAA6C,EAAC,QAAA,EACE,UAAA7C,EAAE,kBAAkB;AAAA,cACnB,QAAQ5B,EAAoBC,GAAQC,GAAUC,CAAM;AAAA,YAAA,CACrD,EAAA,CACH;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAYA,MAAM8E,yBAAqB,IAAyB;AAAA,EAClD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAED,SAASC,GAAgBC,GAAoC;AAC3D,MAAI,CAACA,EAAO,QAAO;AACnB,QAAMC,IAAYD,MAAU,OAAO,OAAOA;AAC1C,MAAKF,GAA+B,IAAIG,CAAS;AAC/C,WAAOA;AAGT,QAAMC,IAAOD,EAAU,MAAM,GAAG,EAAE,CAAC;AACnC,SAAKH,GAA+B,IAAII,CAAI,IACnCA,IAEF;AACT;AAEO,MAAMC,KAAcC;AAAA,EACzB,CACE;AAAA,IACE,IAAAC;AAAA,IACA,cAAAjE;AAAA,IACA,MAAAkE,IAAO;AAAA,IACP,uBAAAjE;AAAA,IACA,gBAAAkE;AAAA,IACA,UAAAxF;AAAA,IACA,QAAAD;AAAA,IACA,WAAAwB;AAAA,IACA,SAAAC;AAAA,IACA,gBAAAJ,IAAiB;AAAA,IACjB,QAAAnB;AAAA,IACA,WAAAwF;AAAA,IACA,WAAApF;AAAA,IACA,eAAeqF;AAAA,IACf,QAAAjE,IAAS;AAAA,IACT,WAAAkE;AAAA,EAAA,GAEFC,MACG;AACH,UAAM,EAAE,MAAAC,EAAA,IAASlE,EAAA,GACXmE,IAAed,GAAgB/E,KAAU4F,EAAK,YAAY,IAAI,GAG9D,CAACE,GAAgBC,CAAiB,IACtCvD,EAAwCiD,KAAkB,IAAI;AAEhE,IAAAvC,EAAU,MAAM;AACd,UAAIuC,MAAmB,QAAW;AAChC,QAAAM,EAAkBN,CAAc;AAChC;AAAA,MACF;AACA,UAAI,CAACF,GAAgB;AACnB,QAAAQ,EAAkB,IAAI;AACtB;AAAA,MACF;AAEA,MAAAA,EAAkBC,GAAWT,CAAc,CAAC;AAAA,IAC9C,GAAG,CAACE,GAAgBF,CAAc,CAAC;AAGnC,UAAM,CAACU,GAAYC,CAAa,IAAI1D;AAAA,MAAqB,MACvD1D,EAAA;AAAA,IAAoB;AAEtB,IAAAoE,EAAU,OACRgD,EAAcpH,GAAqB,GACfM,GAA0B8G,CAAa,IAE1D,CAAA,CAAE;AAKL,UAAMC,IAAUnD,EAAuB,IAAI,GAErCoD,IAAclE;AAAA,MAClB,OAAO;AAAA,QACL,QAAQ,YAAY;;AAClB,gBAAMmE,KAAO3C,IAAAyC,EAAQ,YAAR,gBAAAzC,EAAiB,cAAc;AAC5C,UAAI2C,KACFA,EAAK;AAAA,YACH,IAAI,YAAY,uBAAuB,EAAE,SAAS,IAAM;AAAA,UAAA;AAAA,QAG9D;AAAA,QACA,OAAO,MAAM;;AACX,gBAAMA,KAAO3C,IAAAyC,EAAQ,YAAR,gBAAAzC,EAAiB,cAAc;AAC5C,UAAI2C,aAAgB,mBAClBA,EAAK,MAAA;AAAA,QAET;AAAA,MAAA;AAAA,MAEF,CAAA;AAAA,IAAC;AAEH,IAAAC,GAAoBX,GAAK,MAAMQ,EAAQ,SAA2B,CAAA,CAAE,GACpEI,GAAqB7G,IAAkB0G,GAAaf,CAAE;AAEtD,UAAMmB,IAAkBtE;AAAA,MACtB,MACEd,MAAiB;AAAA;AAAA,QAEb,EAAE,cAAAA,GAAc,YAAA6E,GAAY,QAAQJ,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAIpC;AAAA,UACE,MAAAP;AAAA,UACA,QAAAxF;AAAA,UACA,UAAUC,EAAS,YAAA;AAAA,UACnB,YAAAkG;AAAA,UACA,QAAQJ;AAAA,QAAA;AAAA;AAAA,MAEhB,CAACzE,GAAckE,GAAMxF,GAAQC,GAAUkG,GAAYJ,CAAY;AAAA,IAAA;AAGjE,WACE,gBAAAvB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK6B;AAAA,QACL,cAAYX;AAAA,QACZ,WAAW,CAAC7E,GAAA,GAAgB+E,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,QAC/D,kBAAe;AAAA,QACf,qBAAmBL;AAAA,QACnB,eAAY;AAAA,QAEX,UAAAS;AAAA;AAAA;AAAA;AAAA;AAAA,UAKC,gBAAAxB;AAAA,YAACmC;AAAA,YAAA;AAAA,cACC,QAAQX;AAAA,cACR,SAASU;AAAA,cAGT,UAAA,gBAAAlC;AAAA,gBAACrD;AAAA,gBAAA;AAAA,kBACC,QAAAnB;AAAA,kBACA,UAAAC;AAAA,kBACA,QAAQ8F;AAAA,kBACR,gBAAA1E;AAAA,kBACA,WAAAf;AAAA,kBACA,cAAAgB;AAAA,kBACA,uBAAAC;AAAA,kBACA,WAAAC;AAAA,kBACA,SAAAC;AAAA,kBACA,QAAAC;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,YAbKJ,KAAgB;AAAA,UAAA;AAAA,YAgBvB,gBAAAkD;AAAA,UAACoC;AAAA,UAAA;AAAA,YACC,QAAA5G;AAAA,YACA,UAAAC;AAAA,YACA,QAAQ8F;AAAA,YACR,gBAAA1E;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAIR;AACF;AAEAgE,GAAY,cAAc;AAa1B,SAASuB,GAAoBxF,GAA+C;AAC1E,QAAM,EAAE,QAAApB,GAAQ,UAAAC,GAAU,QAAAC,GAAQ,gBAAAmB,MAAmBD,GAC/C,EAAE,GAAAO,EAAA,IAAMC,EAAA;AAEd,SACE,gBAAA6C;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAY;AAAA,MACZ,aAAU;AAAA,MAEV,UAAA;AAAA,QAAA,gBAAAA,EAAC,OAAA,EAAI,WAAWxD,GAAA,GACd,UAAA;AAAA,UAAA,gBAAAuD,EAAC,UAAK,WAAWxD,EAAA,GAAsB,UAAAW,EAAE,qBAAqB,GAAE;AAAA,UAChE,gBAAA6C,EAAC,UAAK,WAAU,mBACb,YAAoBxE,GAAQC,GAAUC,CAAM,EAAA,CAC/C;AAAA,QAAA,GACF;AAAA,QACA,gBAAAuE,EAAC,OAAA,EAAI,WAAW1D,EAAA,GACd,UAAA;AAAA,UAAA,gBAAAyD,EAAC,UAAK,WAAWxD,EAAA,GAAsB,UAAAW,EAAE,qBAAqB,GAAE;AAAA,UAChE,gBAAA6C;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QACd,GACF;AAAA,QACCnD,IACC,gBAAAoD,EAAC,OAAA,EAAI,WAAW1D,KAAsB,eAAY,mBAChD,UAAA;AAAA,UAAA,gBAAAyD,EAAC,UAAK,WAAWxD,EAAA,GACd,UAAAW,EAAE,wBAAwB,GAC7B;AAAA,UACA,gBAAA6C;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,eAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QACd,EAAA,CACF,IACE;AAAA,QACJ,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,iBAAc;AAAA,YACd,WAAWvD,GAAA;AAAA,YACX,UAAQ;AAAA,YAER,UAAA;AAAA,cAAA,gBAAAsD,EAACO,IAAA,EAAQ,SAAQ,SAAQ,MAAK,MAAK,OAAOpD,EAAE,oBAAoB,GAAG;AAAA,cACnE,gBAAA6C,EAAC,QAAA,EAAM,UAAA7C,EAAE,oBAAoB,EAAA,CAAE;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACjC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/_chunks/{payment-request-card-B_lyobd0.js → payment-request-card-DBz3hVDz.js}

@@ -4,8 +4,8 @@ import { c as H } from "./index-D2ZczOXr.js";
 import { useTranslation as K } from "react-i18next";
 import { B as O } from "./badge-zsf5i5bH.js";
 import { C as R } from "./card-DPmk26CL.js";
-import { D as d } from "./description-list-BEbK2g93.js";
-import { K as Y, a as j } from "./key-value-pair-CkQIb9EG.js";
+import { D as d } from "./description-list-gkNGWk5G.js";
+import { K as Y, a as j } from "./key-value-pair-BrgbMfbF.js";
 import { T as W, A as te, a as re } from "./transaction-chip-BZCa6XDn.js";
 import { u as J } from "./registry-nPAVE19X.js";
 import { c as F } from "./createLucideIcon-CrFbzy84.js";
@@ -475,4 +475,4 @@ export {
   Pe as b,
   he as p
 };
-//# sourceMappingURL=payment-request-card-B_lyobd0.js.map
+//# sourceMappingURL=payment-request-card-DBz3hVDz.js.map