@alfadocs/ui-kit-debug 1.35.0 → 1.36.0

package/dist/_chunks/patient-summary-card-Bz7KdUin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"patient-summary-card-Bz7KdUin.js","sources":["../../node_modules/lucide-react/dist/esm/icons/file-exclamation-point.mjs","../../node_modules/lucide-react/dist/esm/icons/message-square-warning.mjs","../../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.22.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.mjs';\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.mjs.map\n","/**\n * @license lucide-react v1.22.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.mjs';\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.mjs.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  // The agent surface is a structural snapshot only — the single handle method\n  // is a getSummary projection. The card MAY be human-customized (the optional\n  // per-context \"Customize fields\" cog), but that field reordering is a UI\n  // concern and is deliberately NOT exposed as an agent action; programmatic\n  // field-set control lives on PatientDetails' adapter (set_field_order).\n  capabilities: [],\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  ArrowUpRight,\n  CalendarDays,\n  FileExclamationPoint,\n  Mail,\n  MapPin,\n  MessageSquareWarning,\n  Phone,\n  ShieldCheck,\n  Astroid,\n  Users,\n  type LucideIcon,\n} from 'lucide-react';\nimport { Avatar } from '../avatar/avatar';\nimport { Badge } from '../badge/badge';\nimport { IconButton } from '../button/icon-button';\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 { Tooltip } from '../tooltip';\nimport { HoverCard } from '../hover-card';\nimport { isSafeEntityUrl } from '../_shared/is-safe-url';\nimport {\n  resolveVisibleFields,\n  type PatientField,\n  type PatientFieldSection,\n} from '../_shared/patient-fields';\nimport { usePatientFieldVisibility } from '../_shared/field-visibility';\nimport { FieldVisibilityCog } from '../_shared/field-visibility-cog';\nimport { AgeChip, NeutralChip, SexChip } from '../_shared/field-value';\nimport {\n  PatientFieldLabel,\n  PatientFieldValueCell,\n} from '../_shared/patient-field-row';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { patientSummaryCardAgent } from './patient-summary-card.agent';\n\n/** A section list reference that stays stable across renders (legacy mode). */\nconst NO_SECTIONS: PatientFieldSection[] = [];\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/** Addressable attention flags — the keys `onFlagActivate` accepts. */\nexport type PatientSummaryCardFlagId =\n  | 'highlightedAnamnesis'\n  | 'unsignedDocuments'\n  | 'unpaid';\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  /* ----- Shared field model (preferred) ----- */\n\n  /**\n   * Patient fields in the shared model — the SAME `sections` shape\n   * `PatientDetails` consumes (`@alfadocs/ui-kit` `PatientFieldSection`).\n   * When provided, the card renders these (honouring `visibleFieldOrder`)\n   * instead of the legacy contact props, so a consumer defines its patient-\n   * field registry once and reuses it across every patient surface.\n   *\n   * The card renders each field's `label`, `value`, and `icon` only — it is\n   * flat (section headings are not shown in the body) and never inline-edits;\n   * `sensitive` / `copyable` / `mono` / `editable` are honoured by\n   * `PatientDetails`, not the card (so the PHI lock glyph does not appear here).\n   *\n   * Pass `onVisibleFieldsChange` alongside `sections` to make THIS placement\n   * self-curating (a \"Customize fields\" cog appears — show/hide + drag-and-drop\n   * reorder).\n   */\n  sections?: PatientFieldSection[];\n  /**\n   * Ordered visible field ids for THIS placement. The order is a\n   * per-INSTANCE, per-CONTEXT preference the kit never persists — wire it to\n   * whatever scope the consumer wants (e.g. a global per-user setting, or a\n   * different config in the care-plan view vs the patient folder). The same\n   * field vocabulary can therefore display differently in different parts of\n   * the app. Omit (`undefined`) ⇒ show every field; an explicit empty array\n   * `[]` ⇒ show none (a card that starts collapsed to name + identity chips and\n   * reveals fields via the cog). Also applied to the legacy contact rows (ids\n   * `email` / `phone` / `cityProvince` / `marketingConsent` / `aiConsent` /\n   * `assignedTo`).\n   */\n  visibleFieldOrder?: string[];\n  /**\n   * Make this card's field set user-customizable. When provided alongside\n   * `sections`, a \"Customize fields\" cog renders in the header (show/hide +\n   * drag-and-drop / Alt+Arrow reorder), and this fires with the next ordered\n   * visible set. The consumer owns persistence + its scope — editing here\n   * writes only THIS context's preference, never a shared/global one.\n   */\n  onVisibleFieldsChange?: (orderedIds: string[]) => void;\n\n  /* ----- Contact rows (legacy — prefer `sections`) ----- */\n\n  /** @deprecated Pass via `sections`. Patient email — `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\n  /**\n   * Make an attention chip actionable. A handler turns that chip into a\n   * button — \"2 unsigned documents\" opens the signing flow, the unpaid\n   * balance opens invoicing. Without a handler the chip stays a read-only\n   * badge, which is the default: most surfaces have nowhere to send the\n   * reader.\n   */\n  onFlagActivate?: Partial<Record<PatientSummaryCardFlagId, () => void>>;\n  /**\n   * Explain a chip on hover / focus. The chip states WHAT (\"2 unsigned\n   * documents\"); this states what the reader cannot see — how the signature\n   * was requested, why the balance is outstanding.\n   *\n   * A string renders a `Tooltip`; a node renders a `HoverCard` with that node\n   * as its content, for a host that wants the fuller card grammar (an eyebrow,\n   * fact rows, a hint line). Either way the chip's own text stays the\n   * accessible name and the surface only describes it.\n   */\n  flagHover?: Partial<Record<PatientSummaryCardFlagId, ReactNode>>;\n  /**\n   * Accessible name for the open button a hover CARD shows in its top-end\n   * corner. The button appears only where the flag has BOTH a card and an\n   * `onFlagActivate` handler — it mirrors the chip's own click so a pointer\n   * that has travelled into the card can still act. Name the destination\n   * (\"Open signing\"), not the gesture.\n   *\n   * Without a label there is no button: a card that merely describes should\n   * not sprout an affordance the chip does not have.\n   */\n  flagOpenLabel?: Partial<Record<PatientSummaryCardFlagId, string>>;\n  /**\n   * Extra chips appended to the attention row, for signals the CARD cannot\n   * model because they do not belong to the patient. An appointment panel\n   * adds its own to-invoice and paid-online chips here; the card keeps its\n   * patient-level flags and does not grow an appointment vocabulary.\n   */\n  extraChips?: ReactNode;\n\n  /* ----- Inline editing (kit-owned controls, consumer-owned write) ----- */\n\n  /**\n   * Master switch — show the edit affordance on fields marked `editable` in\n   * `sections`. The card edits through the SAME shared control as\n   * `PatientDetails`, so a field offers the same affordance and the same\n   * validation wherever it is shown.\n   */\n  editable?: boolean;\n  /**\n   * The single write channel. A rejected promise keeps the row in edit mode\n   * and shows the message inline — the card never optimistically mutates the\n   * value it was given.\n   */\n  onFieldSave?: (fieldId: string, value: unknown) => Promise<void>;\n  /** Return a message to block the save and keep the row in edit mode. */\n  validateField?: (fieldId: string, value: unknown) => string | null;\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: FileExclamationPoint,\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      sections,\n      visibleFieldOrder,\n      onVisibleFieldsChange,\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      onFlagActivate,\n      flagHover,\n      flagOpenLabel,\n      extraChips,\n      editable = false,\n      onFieldSave,\n      validateField,\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    // Per-context field visibility. The cog (and live reordering) only engages\n    // with the shared `sections` model AND an `onVisibleFieldsChange` handler;\n    // legacy contact-prop cards stay read-only. The order is this placement's\n    // own preference — never shared across surfaces.\n    const customizable = !!sections && !!onVisibleFieldsChange;\n    const fieldVisibility = usePatientFieldVisibility(sections ?? NO_SECTIONS, {\n      value: visibleFieldOrder,\n      onChange: onVisibleFieldsChange,\n    });\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: the canonical sex / age / dob chips below the name — the\n    // SAME chips the field model renders, so the header and the field rows\n    // agree. Each chip is added only when its prop is present. (`dateOfBirth`\n    // is a consumer-preformatted display string, so it goes through NeutralChip\n    // directly rather than the date-parsing `dob` kind.)\n    const identityChips: ReactNode[] = [];\n    if (gender) {\n      identityChips.push(<SexChip key=\"sex\" code={gender} />);\n    }\n    if (ageYears != null) {\n      identityChips.push(<AgeChip key=\"age\" years={ageYears} />);\n    }\n    if (dateOfBirth) {\n      identityChips.push(\n        <NeutralChip key=\"dob\" icon={<CalendarDays />}>\n          {dateOfBirth}\n        </NeutralChip>,\n      );\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: <Astroid 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    /* Attention-flag chips (VERBOSE — shown in the identity line)        */\n    /*                                                                    */\n    /* The unpaid balance + warning counts sit in the chip row under the  */\n    /* name, BEFORE the sex / age chips, each as a self-describing chip    */\n    /* (\"2 unsigned documents\") rather than a collapsed count badge in a   */\n    /* separate strip — the attention signals lead the patient's chips.    */\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    /* A chip becomes a BUTTON only when the host gave it somewhere to go.\n       The chip's own text is already its accessible name, so the wrapper adds\n       no label of its own and contributes no padding — the strip's rhythm is\n       identical whether or not a chip is actionable. */\n    /* A chip becomes a CONTROL when it has something to reveal or somewhere\n       to go, and the trigger is always a real <button> — `asChild` on a bare\n       <span> badge stamps `aria-haspopup` onto something a keyboard can never\n       reach, which is both a dead end and an axe violation.\n\n       The division of labour is the same on every chip: the chip opens its\n       card (hover, or click / Enter for keyboard and touch), and the card's\n       own top-end button performs the action. One gesture to learn, and no\n       chip that acts differently from its neighbour. */\n    const asAction = (id: PatientSummaryCardFlagId, chip: ReactNode) => {\n      const onActivateFlag = onFlagActivate?.[id];\n      const hover = flagHover?.[id];\n      if (hover == null && !onActivateFlag) return chip;\n\n      const triggerClasses =\n        'ds:inline-flex ds:cursor-pointer ds:rounded-[var(--radius-full)] ds:p-0 ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]';\n\n      // No card: the chip itself is the action.\n      if (hover == null) {\n        return (\n          <button\n            key={id}\n            type=\"button\"\n            data-flag-action={id}\n            onClick={onActivateFlag}\n            className={triggerClasses}\n          >\n            {chip}\n          </button>\n        );\n      }\n\n      const trigger = (\n        <button\n          key={id}\n          type=\"button\"\n          data-flag-action={onActivateFlag ? id : undefined}\n          data-flag-hover={id}\n          className={triggerClasses}\n        >\n          {chip}\n        </button>\n      );\n\n      // A string still renders a plain Tooltip, for a chip that needs naming\n      // rather than a card.\n      if (typeof hover === 'string') {\n        return (\n          <Tooltip key={id} label={hover} side=\"bottom\">\n            {trigger}\n          </Tooltip>\n        );\n      }\n\n      return (\n        <HoverCard key={id}>\n          <HoverCard.Trigger asChild>{trigger}</HoverCard.Trigger>\n          <HoverCard.Content\n            side=\"bottom\"\n            align=\"start\"\n            size=\"sm\"\n            headerAction={\n              onActivateFlag && flagOpenLabel?.[id] ? (\n                <IconButton\n                  icon={<ArrowUpRight />}\n                  /* Outline, not ghost: the card's own surface is already\n                     light, so a borderless glyph reads as decoration rather\n                     than a control. */\n                  intent=\"outline\"\n                  background=\"surface\"\n                  size=\"sm\"\n                  aria-label={flagOpenLabel[id] as string}\n                  onClick={onActivateFlag}\n                />\n              ) : undefined\n            }\n          >\n            {hover}\n          </HoverCard.Content>\n        </HoverCard>\n      );\n    };\n\n    const attentionChips: ReactNode[] = [];\n    if (hasUnpaid) {\n      attentionChips.push(\n        asAction(\n          'unpaid',\n          <TransactionChip\n            key=\"unpaid\"\n            state=\"debt\"\n            amount={(unpaidAmountCents as number) / 100}\n            currency={currency}\n            locale={activeLocale}\n            size=\"md\"\n            showLabel\n          />,\n        ),\n      );\n    }\n    flagBadges.forEach(({ key, count }) => {\n      const FlagIcon = FLAG_ICON[key];\n      // The Badge's visible text IS the count-interpolated label, so it's its\n      // own accessible name — the leading glyph is decorative (aria-hidden).\n      attentionChips.push(\n        asAction(\n          key,\n          <Badge\n            key={key}\n            variant={FLAG_VARIANT[key]}\n            size=\"md\"\n            leading={<FlagIcon aria-hidden=\"true\" />}\n          >\n            {t(`patientSummaryCard.flag.${key}`, {\n              count,\n              defaultValue: FLAG_LABEL_DEFAULTS[key],\n            })}\n          </Badge>,\n        ),\n      );\n    });\n    if (extraChips) attentionChips.push(extraChips);\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          {attentionChips.length > 0 || identityChips.length > 0 ? (\n            <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]\">\n              {/* Attention flags lead, then the sex / age / dob identity chips. */}\n              {attentionChips}\n              {identityChips}\n            </div>\n          ) : null}\n        </div>\n        {customizable || actionSlot ? (\n          <div className=\"ds:ms-auto ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-xs)]\">\n            {customizable && sections ? (\n              <FieldVisibilityCog\n                sections={sections}\n                visible={fieldVisibility.visible}\n                onToggleField={fieldVisibility.toggleField}\n                onToggleSection={fieldVisibility.toggleSection}\n                onMoveFieldOnto={fieldVisibility.moveFieldOnto}\n                onReset={fieldVisibility.reset}\n              />\n            ) : null}\n            {actionSlot}\n          </div>\n        ) : null}\n      </div>\n    );\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    // Field rows resolve through the SHARED model: when the consumer passes\n    // `sections` (preferred), render those; otherwise wrap the legacy contact\n    // rows as a single section. Either way `resolveVisibleFields` applies the\n    // shared `visibleFieldOrder` preference, so the card and PatientDetails\n    // always show the same fields, honouring the same per-user choice.\n    const legacyFields: PatientField[] = rows.map((row) => ({\n      id: row.key,\n      label: row.label,\n      value: row.value,\n      icon: row.icon,\n    }));\n    const effectiveSections: PatientFieldSection[] = sections ?? [\n      { id: 'contact', heading: '', fields: legacyFields },\n    ];\n    // With the shared `sections` model the order comes from the visibility hook\n    // (so a cog reorder reflects live); legacy contact rows honour the raw\n    // `visibleFieldOrder` prop.\n    const order = sections ? fieldVisibility.visible : visibleFieldOrder;\n    const visibleFields = resolveVisibleFields(\n      effectiveSections,\n      order,\n    ).flatMap((resolved) => resolved.fields);\n\n    const body = (\n      <div className={`ds:flex ds:flex-col ${bodyGapClass}`}>\n        {header}\n        {visibleFields.length > 0 ? (\n          // Container-queried so the fields flow into two columns when the\n          // card is wide enough (the banner spans the full folder width), and\n          // stay single-column in a narrow rail. The list's KeyValuePair\n          // children already `col-span-3`; doubling the parent to six tracks\n          // (`repeat(2, …)`) lets grid auto-flow place two fields per row while\n          // each column keeps its own subgrid label/value alignment.\n          // 672px, not the `@2xl` rem alias: container-query `rem` follows the\n          // host root font-size, so a non-16px root moves the threshold.\n          <div className=\"ds:@container/pfields\">\n            <KeyValueList\n              rowGap=\"sm\"\n              className=\"ds:@[672px]/pfields:grid-cols-[repeat(2,auto_auto_minmax(0,1fr))]\"\n            >\n              {visibleFields.map((field) => (\n                <KeyValuePair\n                  key={field.id}\n                  icon={field.icon ?? undefined}\n                  label={field.label}\n                  labelNode={<PatientFieldLabel field={field} />}\n                  // `group` is what reveals the edit pencil on hover / focus;\n                  // the cell itself carries no row markup.\n                  className=\"ds:group\"\n                  data-field-id={field.id}\n                  value={\n                    <PatientFieldValueCell\n                      field={field}\n                      editable={editable}\n                      onFieldSave={onFieldSave}\n                      validate={validateField}\n                      locale={locale}\n                    />\n                  }\n                />\n              ))}\n            </KeyValueList>\n          </div>\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 || ariaLabel ? 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","patientSummaryCardAgent","handle","NO_SECTIONS","rootVariants","cva","normalisePhone","raw","FLAG_ICON","FLAG_VARIANT","FLAG_LABEL_DEFAULTS","MARKETING_CONSENT_DEFAULTS","PatientSummaryCard","forwardRef","name","title","ageYears","dateOfBirth","gender","avatarUrl","patientUrl","sections","visibleFieldOrder","onVisibleFieldsChange","email","emailEnabled","phone","cityProvince","marketingConsent","aiConsent","flags","familyRelations","assignedTo","currency","locale","loading","actionSlot","onFlagActivate","flagHover","flagOpenLabel","extraChips","editable","onFieldSave","validateField","onActivate","surface","density","ariaLabel","id","className","rest","ref","i18n","useTranslation","headingId","useId","activeLocale","unpaidAmountCents","unsignedDocumentsCount","highlightedAnamnesisCount","hasUnpaid","useMemo","useAgentRegistration","customizable","fieldVisibility","usePatientFieldVisibility","resolvedAriaLabel","TITLE_DEFAULTS","honorific","headingText","identityChips","jsx","SexChip","AgeChip","NeutralChip","CalendarDays","isUrlSafe","isSafeEntityUrl","avatarSize","headingClass","bodyGapClass","rows","Mail","Link","Phone","jsxs","Badge","MapPin","ShieldCheck","Astroid","Users","Avatar","flagBadges","asAction","chip","onActivateFlag","hover","triggerClasses","trigger","Tooltip","HoverCard","IconButton","ArrowUpRight","attentionChips","TransactionChip","key","count","FlagIcon","skeletonBody","Skeleton","heading","header","FieldVisibilityCog","familyBlock","rel","index","safeUrl","tagLabel","Tag","legacyFields","row","effectiveSections","order","visibleFields","resolveVisibleFields","resolved","body","KeyValueList","field","KeyValuePair","PatientFieldLabel","PatientFieldValueCell","inner","Card"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/_chunks/{payment-automation-upsell-DwQW2fRp.js → payment-automation-upsell-BLTdE2em.js}

@@ -1,45 +1,36 @@
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { forwardRef as D, useId as r } from "react";
-import { A as p } from "./alert-CiJT540z.js";
-import { B as M } from "./badge-sTusUqZD.js";
+import { forwardRef as M, useId as r } from "react";
+import { A as p } from "./alert-CiQ5Pa3Q.js";
+import { B as P } from "./badge-BudgzTe_.js";
 import { B as y } from "./benefit-card-DB1Kdrmc.js";
 import { B as C } from "./button-nJaPh_HC.js";
-import { C as d } from "./card-DPmk26CL.js";
+import { C as t } from "./card-DPmk26CL.js";
 import { L as n } from "./list-DgE1xWBM.js";
-import { S as P } from "./stat-Bs80Z6Yv.js";
-import { C as f, R as U } from "./receipt-euro-C6k4Gzhr.js";
-import { C as I } from "./circle-check-BN6rz4NV.js";
+import { S as U } from "./stat-Bs80Z6Yv.js";
+import { C as f, R as _ } from "./receipt-euro-C6k4Gzhr.js";
+import { C as b } from "./circle-check-BN6rz4NV.js";
 import { L as F } from "./lock-ClAFG1gy.js";
-import { S as q } from "./send-C5kDJ-Mz.js";
-import { c as O } from "./createLucideIcon-DhHxpK9K.js";
-import { C as W } from "./calendar-clock-hbObjfGY.js";
-import { R as $ } from "./refresh-cw-DnI0cLFC.js";
+import { S as O } from "./send-C5kDJ-Mz.js";
+import { A as W } from "./arrow-right-KsIrLdt0.js";
+import { C as $ } from "./calendar-clock-hbObjfGY.js";
+import { R as q } from "./refresh-cw-DnI0cLFC.js";
 import { R as G } from "./repeat-CvQa5rZt.js";
 import { T as J } from "./triangle-alert-CBnO6nq_.js";
 import { C as K } from "./clock-Drd4Wtis.js";
 import { S as Q } from "./shield-check-DCJALLVh.js";
-/**
- * @license lucide-react v1.22.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
 const V = [
-  ["path", { d: "M5 12h14", key: "1ays0h" }],
-  ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
-], X = O("arrow-right", V), Y = [
   // eslint-disable-next-line no-restricted-syntax -- sanctioned PAU marketing serif display heading (constraint 10)
   "ds:[font-family:var(--font-serif)] ds:italic ds:font-semibold ds:leading-tight",
   "ds:text-[color:var(--primary)]"
 ].join(" "), w = [
-  /* @__PURE__ */ e(W, { "aria-hidden": "true", className: "ds:size-5" }, "0"),
+  /* @__PURE__ */ e($, { "aria-hidden": "true", className: "ds:size-5" }, "0"),
   /* @__PURE__ */ e(f, { "aria-hidden": "true", className: "ds:size-5" }, "1"),
-  /* @__PURE__ */ e($, { "aria-hidden": "true", className: "ds:size-5" }, "2"),
+  /* @__PURE__ */ e(q, { "aria-hidden": "true", className: "ds:size-5" }, "2"),
   /* @__PURE__ */ e(G, { "aria-hidden": "true", className: "ds:size-5" }, "3")
-], z = ["violet", "purple", "magenta"], Z = {
+], z = ["violet", "purple", "magenta"], X = {
   paid: {
     variant: "success",
-    icon: /* @__PURE__ */ e(I, { "aria-hidden": "true", className: "ds:size-3.5" })
+    icon: /* @__PURE__ */ e(b, { "aria-hidden": "true", className: "ds:size-3.5" })
   },
   authorized: {
     variant: "info",
@@ -53,9 +44,9 @@ const V = [
     variant: "error",
     icon: /* @__PURE__ */ e(J, { "aria-hidden": "true", className: "ds:size-3.5" })
   }
-}, ee = D(
+}, Y = M(
   ({
-    role: b = "owner",
+    role: I = "owner",
     labels: a,
     steps: g,
     features: l,
@@ -63,15 +54,15 @@ const V = [
     previewRows: S,
     locale: T = "it-IT",
     currency: A = "EUR",
-    onActivate: k,
+    onActivate: R,
     onNotifyAdmin: L,
-    className: R,
+    className: k,
     ...B
   }, E) => {
-    const h = r(), u = r(), o = r(), m = r(), v = r(), H = new Intl.NumberFormat(T, {
+    const u = r(), h = r(), o = r(), m = r(), v = r(), H = new Intl.NumberFormat(T, {
       style: "currency",
       currency: A
-    }), j = Math.min(Math.max(g.length, 1), 4), x = Math.ceil(l.length / 2), _ = [
+    }), j = Math.min(Math.max(g.length, 1), 4), x = Math.ceil(l.length / 2), D = [
       l.slice(0, x),
       l.slice(x)
     ].filter((s) => s.length > 0);
@@ -80,15 +71,15 @@ const V = [
       {
         ref: E,
         "data-component": "payment-automation-upsell",
-        "aria-labelledby": h,
+        "aria-labelledby": u,
         className: [
           "ds:mx-auto ds:flex ds:w-full ds:max-w-[80rem] ds:flex-col ds:gap-[var(--spacing-lg)]",
           "ds:text-[color:var(--foreground)]",
-          R ?? ""
+          k ?? ""
         ].filter(Boolean).join(" "),
         ...B,
         children: [
-          /* @__PURE__ */ e(d, { variant: "elevated", children: /* @__PURE__ */ i(d.Body, { className: "ds:relative ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:overflow-hidden ds:sm:flex-row ds:sm:items-center ds:sm:justify-between ds:sm:gap-[var(--spacing-lg)]", children: [
+          /* @__PURE__ */ e(t, { variant: "elevated", children: /* @__PURE__ */ i(t.Body, { className: "ds:relative ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:overflow-hidden ds:sm:flex-row ds:sm:items-center ds:sm:justify-between ds:sm:gap-[var(--spacing-lg)]", children: [
             /* @__PURE__ */ i("div", { className: "ds:flex ds:max-w-prose ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
               a.eyebrow ? /* @__PURE__ */ i("span", { className: "type-eyebrow ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:text-[color:var(--accent)]", children: [
                 /* @__PURE__ */ e(f, { "aria-hidden": "true", className: "ds:size-4" }),
@@ -97,8 +88,8 @@ const V = [
               /* @__PURE__ */ e(
                 "h1",
                 {
-                  id: h,
-                  className: `${Y} ds:text-[length:var(--font-size-4xl)]`,
+                  id: u,
+                  className: `${V} ds:text-[length:var(--font-size-4xl)]`,
                   children: a.title
                 }
               ),
@@ -115,16 +106,16 @@ const V = [
           /* @__PURE__ */ i(
             "section",
             {
-              "aria-labelledby": u,
+              "aria-labelledby": h,
               className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
               children: [
-                /* @__PURE__ */ e("h2", { id: u, className: "type-title-section", children: a.howItWorksHeading }),
-                /* @__PURE__ */ e(y.Row, { columns: j, children: g.map((s, t) => /* @__PURE__ */ e(
+                /* @__PURE__ */ e("h2", { id: h, className: "type-title-section", children: a.howItWorksHeading }),
+                /* @__PURE__ */ e(y.Row, { columns: j, children: g.map((s, d) => /* @__PURE__ */ e(
                   y,
                   {
-                    step: t + 1,
-                    accent: z[t % z.length],
-                    icon: s.icon ?? w[t % w.length],
+                    step: d + 1,
+                    accent: z[d % z.length],
+                    icon: s.icon ?? w[d % w.length],
                     title: s.title,
                     children: s.description
                   },
@@ -143,21 +134,21 @@ const V = [
                   /* @__PURE__ */ e("h2", { id: o, className: "type-title-section", children: a.previewHeading }),
                   a.previewCaption ? /* @__PURE__ */ e("span", { className: "type-eyebrow ds:text-[color:var(--muted-foreground)]", children: a.previewCaption }) : null
                 ] }),
-                /* @__PURE__ */ e(d, { variant: "elevated", children: /* @__PURE__ */ e(d.Body, { className: "ds:p-[var(--spacing-lg)]", children: /* @__PURE__ */ e(
+                /* @__PURE__ */ e(t, { variant: "elevated", children: /* @__PURE__ */ e(t.Body, { className: "ds:p-[var(--spacing-lg)]", children: /* @__PURE__ */ e(
                   n,
                   {
                     divider: "spaced",
                     density: "relaxed",
                     "aria-labelledby": o,
                     children: S.map((s) => {
-                      const t = Z[s.status];
+                      const d = X[s.status];
                       return /* @__PURE__ */ e(
                         n.Item,
                         {
                           title: s.title,
                           description: s.meta,
                           leading: /* @__PURE__ */ e("span", { className: "ds:flex ds:size-10 ds:items-center ds:justify-center ds:rounded-full ds:bg-[color:var(--muted)] ds:text-[color:var(--accent)]", children: /* @__PURE__ */ e(
-                            U,
+                            _,
                             {
                               "aria-hidden": "true",
                               className: "ds:size-5"
@@ -166,11 +157,11 @@ const V = [
                           trailing: /* @__PURE__ */ i("span", { className: "ds:flex ds:flex-col ds:items-end ds:gap-[var(--spacing-2xs)]", children: [
                             /* @__PURE__ */ e("span", { className: "type-metric ds:text-[color:var(--foreground)] ds:[--type-metric-size:var(--font-size-xl)]", children: H.format(s.amountCents / 100) }),
                             /* @__PURE__ */ e(
-                              M,
+                              P,
                               {
-                                variant: t.variant,
+                                variant: d.variant,
                                 size: "sm",
-                                leading: t.icon,
+                                leading: d.icon,
                                 children: s.statusLabel
                               }
                             )
@@ -195,7 +186,7 @@ const V = [
                   a.ctaCardSubtitle ? /* @__PURE__ */ e("p", { className: "type-body ds:text-[color:var(--muted-foreground)]", children: a.ctaCardSubtitle }) : null
                 ] }),
                 c && c.length > 0 ? /* @__PURE__ */ e("div", { className: "ds:grid ds:gap-[var(--spacing-md)] ds:[grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))]", children: c.map((s) => /* @__PURE__ */ e(
-                  P,
+                  U,
                   {
                     label: s.label,
                     value: s.value,
@@ -206,7 +197,7 @@ const V = [
                   },
                   s.id
                 )) }) : null,
-                /* @__PURE__ */ e(d, { variant: "elevated", children: /* @__PURE__ */ i(d.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-lg)]", children: [
+                /* @__PURE__ */ e(t, { variant: "elevated", children: /* @__PURE__ */ i(t.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-lg)]", children: [
                   a.featuresHeading ? /* @__PURE__ */ e(
                     "span",
                     {
@@ -215,7 +206,7 @@ const V = [
                       children: a.featuresHeading
                     }
                   ) : null,
-                  /* @__PURE__ */ e("div", { className: "ds:grid ds:gap-x-[var(--spacing-2xl)] ds:gap-y-[var(--spacing-sm)] ds:sm:grid-cols-2", children: _.map((s, t) => /* @__PURE__ */ e(
+                  /* @__PURE__ */ e("div", { className: "ds:grid ds:gap-x-[var(--spacing-2xl)] ds:gap-y-[var(--spacing-sm)] ds:sm:grid-cols-2", children: D.map((s, d) => /* @__PURE__ */ e(
                     n,
                     {
                       divider: "spaced",
@@ -226,7 +217,7 @@ const V = [
                         {
                           title: N.label,
                           leading: /* @__PURE__ */ e(
-                            I,
+                            b,
                             {
                               "aria-hidden": "true",
                               className: "ds:size-5 ds:text-[color:var(--success)]"
@@ -236,11 +227,11 @@ const V = [
                         N.id
                       ))
                     },
-                    t
+                    d
                   )) })
                 ] }) }),
                 /* @__PURE__ */ i("div", { className: "ds:mx-auto ds:flex ds:w-full ds:max-w-[28rem] ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
-                  b === "member" ? /* @__PURE__ */ i("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+                  I === "member" ? /* @__PURE__ */ i("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
                     a.memberNoticeTitle || a.memberNoticeDescription ? /* @__PURE__ */ i(
                       p,
                       {
@@ -258,7 +249,7 @@ const V = [
                       {
                         intent: "secondary",
                         size: "lg",
-                        startIcon: /* @__PURE__ */ e(q, {}),
+                        startIcon: /* @__PURE__ */ e(O, {}),
                         flipIconInRtl: !0,
                         onClick: L,
                         className: "ds:w-full",
@@ -270,9 +261,9 @@ const V = [
                     {
                       intent: "primary",
                       size: "lg",
-                      endIcon: /* @__PURE__ */ e(X, {}),
+                      endIcon: /* @__PURE__ */ e(W, {}),
                       flipIconInRtl: !0,
-                      onClick: k,
+                      onClick: R,
                       className: "ds:w-full",
                       children: a.activateLabel
                     }
@@ -287,8 +278,8 @@ const V = [
     );
   }
 );
-ee.displayName = "PaymentAutomationUpsell";
+Y.displayName = "PaymentAutomationUpsell";
 export {
-  ee as P
+  Y as P
 };
-//# sourceMappingURL=payment-automation-upsell-DwQW2fRp.js.map
+//# sourceMappingURL=payment-automation-upsell-BLTdE2em.js.map

package/dist/_chunks/payment-automation-upsell-BLTdE2em.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"payment-automation-upsell-BLTdE2em.js","sources":["../../src/patterns/payment-automation-upsell/payment-automation-upsell.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Payment Automation Upsell — PLG surface for the payment-request index  */\n/* when the Payment Automation (PAU) module is NOT enabled.               */\n/*                                                                        */\n/* Replaces the old dead-end \"module disabled\" page with a value preview  */\n/* + role-aware call to action. Ships as a RUNTIME pattern (an importable */\n/* component) so the platform mounts it directly instead of hand-rolling  */\n/* markup — see src/patterns/README.md § \"Exception — runtime patterns\".  */\n/*                                                                        */\n/* Copy is consumer-owned: every user-visible string arrives pre-         */\n/* translated via props (the host app localises through its own i18n),    */\n/* mirroring MarketplaceAppShell. The kit owns the design, not the words. */\n/* Marketing-serif display heading is the DS-owner-sanctioned PAU         */\n/* exception (CLAUDE.md constraint 10 / 06-i18n § Font Requirements).     */\n/* -------------------------------------------------------------------- */\n\nimport { forwardRef, useId, type HTMLAttributes, type ReactNode } from 'react';\nimport {\n  ArrowRight,\n  CalendarClock,\n  CircleCheck,\n  Clock,\n  CreditCard,\n  Lock,\n  ReceiptEuro,\n  RefreshCw,\n  Repeat,\n  Send,\n  ShieldCheck,\n  TriangleAlert,\n} from 'lucide-react';\n\nimport { Alert } from '../../components/alert';\nimport { Badge } from '../../components/badge';\nimport { BenefitCard } from '../../components/benefit-card';\nimport { Button } from '../../components/button';\nimport { Card } from '../../components/card';\nimport { List } from '../../components/list';\nimport { Stat } from '../../components/stat';\n\n/** Who is viewing the surface — drives which CTA is shown. */\nexport type PaymentAutomationUpsellRole = 'owner' | 'member';\n\n/** Status of a mock payment request in the preview. */\nexport type PaymentAutomationUpsellRequestStatus =\n  | 'paid'\n  | 'authorized'\n  | 'pending'\n  | 'overdue';\n\nexport interface PaymentAutomationUpsellStep {\n  id: string;\n  /** Pre-translated step title. */\n  title: string;\n  /** Pre-translated step body. */\n  description: string;\n  /** Optional icon override; a sensible default is chosen per position. */\n  icon?: ReactNode;\n}\n\nexport interface PaymentAutomationUpsellFeature {\n  id: string;\n  /** Pre-translated single line of the \"what's included\" checklist. */\n  label: string;\n}\n\nexport interface PaymentAutomationUpsellMetric {\n  id: string;\n  /** Headline value, already formatted/localised, e.g. \"3×\" or \"−75%\". */\n  value: string;\n  /** Pre-translated caption under the value. */\n  label: string;\n}\n\nexport interface PaymentAutomationUpsellPreviewRow {\n  id: string;\n  /** Pre-translated row title, e.g. \"Richiesta RDP-2026-0042\". */\n  title: string;\n  /** Optional pre-translated secondary line (plan / date). Never real PHI. */\n  meta?: string;\n  /** Amount in minor units (cents); formatted with `locale` + `currency`. */\n  amountCents: number;\n  /** Drives the status badge colour + icon. */\n  status: PaymentAutomationUpsellRequestStatus;\n  /** Pre-translated status label shown in the badge. */\n  statusLabel: string;\n}\n\nexport interface PaymentAutomationUpsellLabels {\n  /** Small eyebrow above the headline — usually the module name. */\n  eyebrow?: string;\n  /** Serif display headline. */\n  title: string;\n  /** One- or two-sentence supporting subtitle. */\n  subtitle: string;\n  /** Heading for the \"how it works\" step column. */\n  howItWorksHeading: string;\n  /** Heading for the mock preview. */\n  previewHeading: string;\n  /** Optional small caption flagging the preview as illustrative. */\n  previewCaption?: string;\n  /** Title of the right-hand call-to-action card. */\n  ctaCardTitle: string;\n  /** Optional pitch line under the CTA card title. */\n  ctaCardSubtitle?: string;\n  /** Optional heading above the feature checklist. */\n  featuresHeading?: string;\n  /** Optional price / plan note, e.g. \"Incluso nel piano Premium\". */\n  priceNote?: string;\n  /** Owner primary CTA label. */\n  activateLabel: string;\n  /** Member: notice title explaining they cannot self-activate. */\n  memberNoticeTitle?: string;\n  /** Member: notice body. */\n  memberNoticeDescription?: string;\n  /** Member CTA label. */\n  notifyAdminLabel?: string;\n}\n\nexport interface PaymentAutomationUpsellProps extends Omit<\n  HTMLAttributes<HTMLElement>,\n  'title'\n> {\n  /** Who is viewing. Owners can self-activate; members ask an admin. Default `owner`. */\n  role?: PaymentAutomationUpsellRole;\n  /** All user-visible copy — pre-translated by the host app. */\n  labels: PaymentAutomationUpsellLabels;\n  /** \"How it works\" steps, rendered as numbered BenefitCards. */\n  steps: PaymentAutomationUpsellStep[];\n  /** \"What's included\" checklist. */\n  features: PaymentAutomationUpsellFeature[];\n  /** Optional proof metrics shown in the CTA card. */\n  metrics?: PaymentAutomationUpsellMetric[];\n  /** Mock payment-request rows for the preview. */\n  previewRows: PaymentAutomationUpsellPreviewRow[];\n  /** BCP-47 locale used for currency formatting. Default `it-IT`. */\n  locale?: string;\n  /** ISO-4217 currency for the preview amounts. Default `EUR`. */\n  currency?: string;\n  /** Owner CTA handler — host navigates to the activation / upgrade flow. */\n  onActivate?: () => void;\n  /** Member CTA handler — host notifies the practice owner / admin. */\n  onNotifyAdmin?: () => void;\n}\n\n/* Marketing serif is the DS-owner-sanctioned PAU exception; body/UI stays sans. */\nconst HEADLINE_CLASS = [\n  // eslint-disable-next-line no-restricted-syntax -- sanctioned PAU marketing serif display heading (constraint 10)\n  'ds:[font-family:var(--font-serif)] ds:italic ds:font-semibold ds:leading-tight',\n  'ds:text-[color:var(--primary)]',\n].join(' ');\n\nconst DEFAULT_STEP_ICONS: ReactNode[] = [\n  <CalendarClock aria-hidden=\"true\" className=\"ds:size-5\" key=\"0\" />,\n  <CreditCard aria-hidden=\"true\" className=\"ds:size-5\" key=\"1\" />,\n  <RefreshCw aria-hidden=\"true\" className=\"ds:size-5\" key=\"2\" />,\n  <Repeat aria-hidden=\"true\" className=\"ds:size-5\" key=\"3\" />,\n];\n\n/* Brand-only accent rotation. The BenefitCard `auto`/`blue`+ wheel pairs each\n   hue with the next (blue→green, green→red), so anything past `magenta` bleeds\n   into semantic colours. Cap to the three brand hues and wrap. */\nconst STEP_ACCENTS = ['violet', 'purple', 'magenta'] as const;\n\nconst STATUS_META: Record<\n  PaymentAutomationUpsellRequestStatus,\n  { variant: 'success' | 'info' | 'warning' | 'error'; icon: ReactNode }\n> = {\n  paid: {\n    variant: 'success',\n    icon: <CircleCheck aria-hidden=\"true\" className=\"ds:size-3.5\" />,\n  },\n  authorized: {\n    variant: 'info',\n    icon: <ShieldCheck aria-hidden=\"true\" className=\"ds:size-3.5\" />,\n  },\n  pending: {\n    variant: 'warning',\n    icon: <Clock aria-hidden=\"true\" className=\"ds:size-3.5\" />,\n  },\n  overdue: {\n    variant: 'error',\n    icon: <TriangleAlert aria-hidden=\"true\" className=\"ds:size-3.5\" />,\n  },\n};\n\nexport const PaymentAutomationUpsell = forwardRef<\n  HTMLElement,\n  PaymentAutomationUpsellProps\n>(\n  (\n    {\n      role = 'owner',\n      labels,\n      steps,\n      features,\n      metrics,\n      previewRows,\n      locale = 'it-IT',\n      currency = 'EUR',\n      onActivate,\n      onNotifyAdmin,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const headingId = useId();\n    const howHeadingId = useId();\n    const previewHeadingId = useId();\n    const ctaTitleId = useId();\n    const featuresHeadingId = useId();\n\n    const money = new Intl.NumberFormat(locale, {\n      style: 'currency',\n      currency,\n    });\n\n    const stepColumns = Math.min(Math.max(steps.length, 1), 4) as 1 | 2 | 3 | 4;\n\n    // Split the \"what's included\" checklist into two balanced columns so the\n    // full-width card reads as a filled panel rather than a left-hugging strip.\n    const featureMid = Math.ceil(features.length / 2);\n    const featureColumns = [\n      features.slice(0, featureMid),\n      features.slice(featureMid),\n    ].filter((column) => column.length > 0);\n\n    return (\n      <section\n        ref={ref}\n        data-component=\"payment-automation-upsell\"\n        aria-labelledby={headingId}\n        className={[\n          'ds:mx-auto ds:flex ds:w-full ds:max-w-[80rem] ds:flex-col ds:gap-[var(--spacing-lg)]',\n          'ds:text-[color:var(--foreground)]',\n          className ?? '',\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        {...rest}\n      >\n        {/* Hero — pure value proposition, no action. */}\n        <Card variant=\"elevated\">\n          <Card.Body className=\"ds:relative ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:overflow-hidden ds:sm:flex-row ds:sm:items-center ds:sm:justify-between ds:sm:gap-[var(--spacing-lg)]\">\n            <div className=\"ds:flex ds:max-w-prose ds:flex-col ds:gap-[var(--spacing-sm)]\">\n              {labels.eyebrow ? (\n                <span className=\"type-eyebrow ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:text-[color:var(--accent)]\">\n                  <CreditCard aria-hidden=\"true\" className=\"ds:size-4\" />\n                  {labels.eyebrow}\n                </span>\n              ) : null}\n              <h1\n                id={headingId}\n                className={`${HEADLINE_CLASS} ds:text-[length:var(--font-size-4xl)]`}\n              >\n                {labels.title}\n              </h1>\n              <p className=\"type-body ds:text-[color:var(--muted-foreground)]\">\n                {labels.subtitle}\n              </p>\n            </div>\n            <CreditCard\n              aria-hidden=\"true\"\n              className=\"ds:pointer-events-none ds:hidden ds:size-28 ds:shrink-0 ds:text-[color:var(--accent)] ds:opacity-15 ds:lg:block\"\n            />\n          </Card.Body>\n        </Card>\n\n        {/* How it works — the flow, as numbered steps. */}\n        <section\n          aria-labelledby={howHeadingId}\n          className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\"\n        >\n          <h2 id={howHeadingId} className=\"type-title-section\">\n            {labels.howItWorksHeading}\n          </h2>\n          <BenefitCard.Row columns={stepColumns}>\n            {steps.map((step, index) => (\n              <BenefitCard\n                key={step.id}\n                step={index + 1}\n                accent={STEP_ACCENTS[index % STEP_ACCENTS.length]}\n                icon={\n                  step.icon ??\n                  DEFAULT_STEP_ICONS[index % DEFAULT_STEP_ICONS.length]\n                }\n                title={step.title}\n              >\n                {step.description}\n              </BenefitCard>\n            ))}\n          </BenefitCard.Row>\n        </section>\n\n        {/* Preview — an illustrative peek at the generated requests. */}\n        <section\n          aria-labelledby={previewHeadingId}\n          className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\"\n        >\n          <div className=\"ds:flex ds:items-baseline ds:justify-between ds:gap-[var(--spacing-sm)]\">\n            <h2 id={previewHeadingId} className=\"type-title-section\">\n              {labels.previewHeading}\n            </h2>\n            {labels.previewCaption ? (\n              <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n                {labels.previewCaption}\n              </span>\n            ) : null}\n          </div>\n          <Card variant=\"elevated\">\n            <Card.Body className=\"ds:p-[var(--spacing-lg)]\">\n              <List\n                divider=\"spaced\"\n                density=\"relaxed\"\n                aria-labelledby={previewHeadingId}\n              >\n                {previewRows.map((row) => {\n                  const status = STATUS_META[row.status];\n                  return (\n                    <List.Item\n                      key={row.id}\n                      title={row.title}\n                      description={row.meta}\n                      leading={\n                        <span className=\"ds:flex ds:size-10 ds:items-center ds:justify-center ds:rounded-full ds:bg-[color:var(--muted)] ds:text-[color:var(--accent)]\">\n                          <ReceiptEuro\n                            aria-hidden=\"true\"\n                            className=\"ds:size-5\"\n                          />\n                        </span>\n                      }\n                      trailing={\n                        <span className=\"ds:flex ds:flex-col ds:items-end ds:gap-[var(--spacing-2xs)]\">\n                          <span className=\"type-metric ds:text-[color:var(--foreground)] ds:[--type-metric-size:var(--font-size-xl)]\">\n                            {money.format(row.amountCents / 100)}\n                          </span>\n                          <Badge\n                            variant={status.variant}\n                            size=\"sm\"\n                            leading={status.icon}\n                          >\n                            {row.statusLabel}\n                          </Badge>\n                        </span>\n                      }\n                    />\n                  );\n                })}\n              </List>\n            </Card.Body>\n          </Card>\n        </section>\n\n        {/* Conversion — proof metrics + what's included + the CTA. */}\n        <section\n          aria-labelledby={ctaTitleId}\n          className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]\"\n        >\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n            <h2 id={ctaTitleId} className=\"type-title-section\">\n              {labels.ctaCardTitle}\n            </h2>\n            {labels.ctaCardSubtitle ? (\n              <p className=\"type-body ds:text-[color:var(--muted-foreground)]\">\n                {labels.ctaCardSubtitle}\n              </p>\n            ) : null}\n          </div>\n\n          {metrics && metrics.length > 0 ? (\n            <div className=\"ds:grid ds:gap-[var(--spacing-md)] ds:[grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))]\">\n              {metrics.map((metric) => (\n                <Stat\n                  key={metric.id}\n                  label={metric.label}\n                  value={metric.value}\n                  variant=\"elevated\"\n                  size=\"lg\"\n                  intent=\"primary\"\n                  // eslint-disable-next-line no-restricted-syntax -- sanctioned PAU marketing serif KPI numerals (constraint 10)\n                  className=\"ds:[--type-metric-family:var(--font-serif)]\"\n                />\n              ))}\n            </div>\n          ) : null}\n\n          {/* What's included — full-width card, two balanced columns. */}\n          <Card variant=\"elevated\">\n            <Card.Body className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-lg)]\">\n              {labels.featuresHeading ? (\n                <span\n                  id={featuresHeadingId}\n                  className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\"\n                >\n                  {labels.featuresHeading}\n                </span>\n              ) : null}\n              <div className=\"ds:grid ds:gap-x-[var(--spacing-2xl)] ds:gap-y-[var(--spacing-sm)] ds:sm:grid-cols-2\">\n                {featureColumns.map((column, columnIndex) => (\n                  <List\n                    key={columnIndex}\n                    divider=\"spaced\"\n                    density=\"default\"\n                    aria-labelledby={\n                      labels.featuresHeading ? featuresHeadingId : ctaTitleId\n                    }\n                  >\n                    {column.map((feature) => (\n                      <List.Item\n                        key={feature.id}\n                        title={feature.label}\n                        leading={\n                          <CircleCheck\n                            aria-hidden=\"true\"\n                            className=\"ds:size-5 ds:text-[color:var(--success)]\"\n                          />\n                        }\n                      />\n                    ))}\n                  </List>\n                ))}\n              </div>\n            </Card.Body>\n          </Card>\n\n          {/* CTA — centred + width-capped so the button never stretches full-bleed. */}\n          <div className=\"ds:mx-auto ds:flex ds:w-full ds:max-w-[28rem] ds:flex-col ds:gap-[var(--spacing-sm)]\">\n            {role === 'member' ? (\n              <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n                {labels.memberNoticeTitle || labels.memberNoticeDescription ? (\n                  <Alert\n                    variant=\"info\"\n                    live=\"off\"\n                    icon={<Lock aria-hidden=\"true\" className=\"ds:size-4\" />}\n                  >\n                    {labels.memberNoticeTitle ? (\n                      <Alert.Title as=\"p\">\n                        {labels.memberNoticeTitle}\n                      </Alert.Title>\n                    ) : null}\n                    {labels.memberNoticeDescription ? (\n                      <Alert.Description>\n                        {labels.memberNoticeDescription}\n                      </Alert.Description>\n                    ) : null}\n                  </Alert>\n                ) : null}\n                <Button\n                  intent=\"secondary\"\n                  size=\"lg\"\n                  startIcon={<Send />}\n                  flipIconInRtl\n                  onClick={onNotifyAdmin}\n                  className=\"ds:w-full\"\n                >\n                  {labels.notifyAdminLabel ?? labels.activateLabel}\n                </Button>\n              </div>\n            ) : (\n              <Button\n                intent=\"primary\"\n                size=\"lg\"\n                endIcon={<ArrowRight />}\n                flipIconInRtl\n                onClick={onActivate}\n                className=\"ds:w-full\"\n              >\n                {labels.activateLabel}\n              </Button>\n            )}\n\n            {labels.priceNote ? (\n              <p className=\"type-meta ds:text-center ds:text-[color:var(--muted-foreground)]\">\n                {labels.priceNote}\n              </p>\n            ) : null}\n          </div>\n        </section>\n      </section>\n    );\n  },\n);\n\nPaymentAutomationUpsell.displayName = 'PaymentAutomationUpsell';\n"],"names":["HEADLINE_CLASS","DEFAULT_STEP_ICONS","CalendarClock","CreditCard","RefreshCw","Repeat","STEP_ACCENTS","STATUS_META","jsx","CircleCheck","ShieldCheck","Clock","TriangleAlert","PaymentAutomationUpsell","forwardRef","role","labels","steps","features","metrics","previewRows","locale","currency","onActivate","onNotifyAdmin","className","rest","ref","headingId","useId","howHeadingId","previewHeadingId","ctaTitleId","featuresHeadingId","money","stepColumns","featureMid","featureColumns","column","jsxs","Card","BenefitCard","step","index","List","row","status","ReceiptEuro","Badge","metric","Stat","columnIndex","feature","Alert","Lock","Button","Send","ArrowRight"],"mappings":"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"}

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

@@ -3,7 +3,7 @@ import { forwardRef as pe, useState as z, useEffect as L, useRef as j, useMemo a
 import { c as D } from "./index-D2ZczOXr.js";
 import { useTranslation as Y } from "react-i18next";
 import { S as oe } from "./spinner-hbwuKwMf.js";
-import { A as se } from "./alert-CiJT540z.js";
+import { A as se } from "./alert-CiQ5Pa3Q.js";
 import { loadStripe as ge } from "@stripe/stripe-js";
 import { Elements as be, useStripe as ve, useElements as he, PaymentElement as Ie, AddressElement as we } from "@stripe/react-stripe-js";
 import { u as xe } from "./registry-DvAUVLHh.js";
@@ -764,4 +764,4 @@ export {
   ke as p,
   ce as s
 };
-//# sourceMappingURL=payment-form-Ds1I9KqB.js.map
+//# sourceMappingURL=payment-form-BHMDqW9C.js.map