@vtex/faststore 0.0.10 → 0.0.12

package/dist/matter/account-saved-cards/account-saved-cards.js.map

@@ -1 +1 @@
-{"version":3,"file":"account-saved-cards.js","names":[],"sources":["../../../src/matter/account-saved-cards/account-saved-cards.tsx"],"sourcesContent":["'use client';\n\nimport type { ErrorLike } from '@apollo/client';\nimport { CombinedGraphQLErrors } from '@apollo/client/errors';\nimport { type ContentValue, defineComponent, defineContentType } from '@vtex/fs-core';\nimport {\n  type ComponentPropsWithRef,\n  cloneElement,\n  createContext,\n  isValidElement,\n  type MouseEvent,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  AlertDialogBackdrop,\n  AlertDialogClose,\n  AlertDialogDescription,\n  AlertDialogPopup,\n  AlertDialogPortal,\n  AlertDialogRoot,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  AlertDialogViewport,\n} from '../../particles/alert-dialog/alert-dialog.js';\nimport { CardSummary, CardSummaryRoot, useCardSummary } from '../../particles/card-summary/card-summary.js';\nimport { NavigationLink } from '../../particles/navigation-link/navigation-link.js';\nimport { ActionsOverrideContext, useActionsOverride } from '../../sdk/actions/actions-override-context.js';\nimport type { ComponentActions } from '../../sdk/actions/types.js';\nimport { useDataOverride } from '../../sdk/data/data-override-context.js';\nimport { ListItemRefContext } from '../../sdk/data/list-item-ref-context.js';\nimport { ReactiveRootContext } from '../../sdk/data/page-reactive-data-root.js';\nimport { graphql } from '../../sdk/generated/gql.js';\nimport type { CustomerSavedCardStatus } from '../../sdk/generated/graphql.js';\nimport { useIntl } from '../../sdk/i18n/client.js';\nimport { useStorefrontRoute } from '../../sdk/navigation/use-storefront-route.js';\nimport { resolveAuthoredCopy } from '../../utils/resolve-authored-copy.js';\nimport { signInTarget } from '../../utils/safe-href.js';\nimport { useSession } from '../session/session.js';\n\n/**\n * The signed-in shopper's saved cards in the account.\n * The Root reads card ids only; each AccountSavedCardItem subscribes to its own CustomerSavedCard\n * (ADR-0012) and provides `card-summary` and the row itself, so the schema arranges the CardSummary\n * parts and AccountSavedCardExpiry in the row.\n * Every text resolves children, then the CMS entry, then the `fs/saved-cards.*` catalog; the expiry\n * line, repeated per row, takes no children.\n * Removal state lives in the Root, because a successful removal unmounts the row it started from. The\n * Root also declares the `savedCard.remove` write, so a remove control rendered by a default, which the\n * compiler cannot wrap, still reaches the provider.\n */\n\n// ---------------------------------------------------------------------------\n// GraphQL fragments\n// ---------------------------------------------------------------------------\n\nconst fragment = graphql(`\n  fragment AccountSavedCardsData on Query {\n    customerSavedCards {\n      __typename\n      id\n      cards {\n        __typename\n        id\n      }\n    }\n  }\n`);\n\nconst itemFragment = graphql(`\n  fragment AccountSavedCardItemData on Query {\n    customerSavedCards {\n      cards {\n        __typename\n        id\n        network {\n          name\n        }\n        lastDigits\n        expiry {\n          month\n          year\n        }\n        status\n      }\n    }\n  }\n`);\n\n// ---------------------------------------------------------------------------\n// Content models — optional and default-free, so an unauthored field falls through to the catalog\n// ---------------------------------------------------------------------------\n\nexport const AccountSavedCardsHeadingContent = defineContentType({\n  id: 'account-saved-cards-heading',\n  title: 'Account Saved Cards Heading',\n  description: \"Heading of the account's saved-cards section.\",\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      text: { type: 'string', minLength: 1, title: 'Heading' },\n    },\n  },\n});\n\nexport const AccountSavedCardsEmptyContent = defineContentType({\n  id: 'account-saved-cards-empty',\n  title: 'Account Saved Cards Empty',\n  description: 'Statement shown when the shopper has no saved cards.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      text: { type: 'string', minLength: 1, title: 'Empty statement' },\n    },\n  },\n});\n\nexport const AccountSavedCardsLoadingContent = defineContentType({\n  id: 'account-saved-cards-loading',\n  title: 'Account Saved Cards Loading',\n  description: 'Announcement read to assistive technology while the saved cards load.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      text: { type: 'string', minLength: 1, title: 'Loading announcement' },\n    },\n  },\n});\n\nexport const AccountSavedCardsErrorContent = defineContentType({\n  id: 'account-saved-cards-error',\n  title: 'Account Saved Cards Error',\n  description: 'Messages shown when the saved cards cannot be read.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      text: { type: 'string', minLength: 1, title: 'Load failure message' },\n      sessionExpiredText: { type: 'string', minLength: 1, title: 'Session expired message' },\n      signInLabel: { type: 'string', minLength: 1, title: 'Sign-in link label' },\n    },\n  },\n});\n\nexport const AccountSavedCardExpiryContent = defineContentType({\n  id: 'account-saved-card-expiry',\n  title: 'Account Saved Card Expiry',\n  description: \"A saved card's expiry line. The date follows the label and is never authored.\",\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      expiresLabel: { type: 'string', minLength: 1, title: \"Label before a working card's date\" },\n      expiredLabel: { type: 'string', minLength: 1, title: \"Label before an expired card's date\" },\n      expiredText: { type: 'string', minLength: 1, title: 'Expired card with no date' },\n      unusableText: { type: 'string', minLength: 1, title: 'Unusable card' },\n    },\n  },\n});\n\nexport const AccountSavedCardRemoveTriggerContent = defineContentType({\n  id: 'account-saved-card-remove-trigger',\n  title: 'Account Saved Card Remove Trigger',\n  description: \"Label of the control that opens a saved card's removal prompt.\",\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      text: { type: 'string', minLength: 1, title: 'Trigger label' },\n    },\n  },\n});\n\nexport const AccountSavedCardRemoveTitleContent = defineContentType({\n  id: 'account-saved-card-remove-title',\n  title: 'Account Saved Card Remove Title',\n  description: 'Question that titles the removal prompt.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      text: { type: 'string', minLength: 1, title: 'Prompt title' },\n    },\n  },\n});\n\nexport const AccountSavedCardRemoveDescriptionContent = defineContentType({\n  id: 'account-saved-card-remove-description',\n  title: 'Account Saved Card Remove Description',\n  description: 'What removing the card means, shown after the card in the removal prompt.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      text: { type: 'string', minLength: 1, title: 'Consequence' },\n    },\n  },\n});\n\nexport const AccountSavedCardRemoveCancelContent = defineContentType({\n  id: 'account-saved-card-remove-cancel',\n  title: 'Account Saved Card Remove Cancel',\n  description: 'Label of the control that keeps the card.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      text: { type: 'string', minLength: 1, title: 'Cancel label' },\n    },\n  },\n});\n\nexport const AccountSavedCardRemoveConfirmContent = defineContentType({\n  id: 'account-saved-card-remove-confirm',\n  title: 'Account Saved Card Remove Confirm',\n  description: 'Label of the control that removes the card, and its label while the removal runs.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      text: { type: 'string', minLength: 1, title: 'Confirm label' },\n      pendingText: { type: 'string', minLength: 1, title: 'Label while removing' },\n    },\n  },\n});\n\nexport const AccountSavedCardsRemoveFeedbackContent = defineContentType({\n  id: 'account-saved-cards-remove-feedback',\n  title: 'Account Saved Cards Remove Feedback',\n  description: 'Messages that tell the shopper how a card removal ended.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      successText: { type: 'string', minLength: 1, title: 'Card removed' },\n      failureText: { type: 'string', minLength: 1, title: 'Card not removed' },\n      sessionExpiredText: { type: 'string', minLength: 1, title: 'Session expired message' },\n      signInLabel: { type: 'string', minLength: 1, title: 'Sign-in link label' },\n    },\n  },\n});\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/** The unwrapped `customerSavedCards` entity the reactive runtime delivers to the Root. */\nexport type AccountSavedCardsData = {\n  id?: string | null;\n  cards?: ReadonlyArray<{ id: string }> | null;\n} | null;\n\n/** One card's slice, delivered per row by the reactive-list-item runtime. */\nexport type AccountSavedCardItemData = {\n  id: string;\n  network: { name: string };\n  lastDigits: string;\n  expiry?: { month: number; year: number } | null;\n  status: CustomerSavedCardStatus;\n} | null;\n\n/** The row a resolved AccountSavedCardItem provides to the parts inside it. */\nexport type AccountSavedCardContextValue = NonNullable<AccountSavedCardItemData>;\n\n/** `idle` is a null slice with no query in flight, such as a render with no reactive root. */\nexport type AccountSavedCardsState = 'idle' | 'loading' | 'error' | 'empty' | 'ready';\n\nexport type AccountSavedCardRemovalOutcome = Readonly<{ kind: 'removed' }> | Readonly<{ kind: 'failed'; code: string }>;\n\nexport type AccountSavedCardsRemoval = Readonly<{\n  /** Card id of the removal in flight, or null. At most one per section. */\n  pendingId: string | null;\n  /** The last removal's outcome, or null before any and after begin(). */\n  outcome: AccountSavedCardRemovalOutcome | null;\n  /** Starts a removal. False, with no state change, while another is pending. */\n  begin: (id: string) => boolean;\n  /** Ends the pending removal with the action's userErrors (empty on success). */\n  settle: (id: string, userErrors: readonly { code: string }[]) => void;\n}>;\n\nexport type AccountSavedCardsContextValue = Readonly<{\n  state: AccountSavedCardsState;\n  cards: ReadonlyArray<{ id: string }>;\n  /** `extensions.code` of the read's error, or `null`. Set only in the `error` state. */\n  errorCode: string | null;\n  removal: AccountSavedCardsRemoval;\n}>;\n\nexport type AccountSavedCardsRootProps = ComponentPropsWithRef<'div'> & {\n  $data?: AccountSavedCardsData;\n  /** Injected by the compiler from `actions: { savedCard: ['remove'] }`, for every remove control inside. */\n  $actions?: ComponentActions;\n};\n\nexport type AccountSavedCardsHeadingLevel = 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nexport type AccountSavedCardsHeadingProps = ComponentPropsWithRef<'h2'> & {\n  /** Heading level. `h1` is excluded: the page title belongs to the page shell. Defaults to `h2`. */\n  as?: AccountSavedCardsHeadingLevel;\n  $content?: ContentValue<typeof AccountSavedCardsHeadingContent>;\n};\n\nexport type AccountSavedCardsListProps = ComponentPropsWithRef<'ul'> & {\n  /** The per-row template, typically one AccountSavedCardItem. */\n  children?: ReactNode;\n};\n\nexport type AccountSavedCardItemProps = ComponentPropsWithRef<'li'> & {\n  /** Per-row slice from the reactive-list-item runtime; passed directly in tests. */\n  $data?: AccountSavedCardItemData;\n};\n\nexport type AccountSavedCardExpiryProps = Omit<ComponentPropsWithRef<'p'>, 'children'> & {\n  $content?: ContentValue<typeof AccountSavedCardExpiryContent>;\n};\n\nexport type AccountSavedCardsEmptyProps = ComponentPropsWithRef<'p'> & {\n  $content?: ContentValue<typeof AccountSavedCardsEmptyContent>;\n};\n\nexport type AccountSavedCardsLoadingProps = Omit<ComponentPropsWithRef<'div'>, 'children'> & {\n  /** Placeholder rows shown while the cards load. Defaults to 2. */\n  skeletonCount?: number;\n  $content?: ContentValue<typeof AccountSavedCardsLoadingContent>;\n};\n\nexport type AccountSavedCardsErrorProps = ComponentPropsWithRef<'div'> & {\n  /** Replaces the message for every error code and drops the sign-in link. */\n  children?: ReactNode;\n  $content?: ContentValue<typeof AccountSavedCardsErrorContent>;\n};\n\n/** The remove controller a row's prompt parts read. */\nexport type AccountSavedCardRemoveValue = Readonly<{\n  id: string;\n  /** This card's removal is pending. */\n  pending: boolean;\n  /** Any removal in the section is pending. */\n  blocked: boolean;\n  close: () => void;\n}>;\n\nexport type AccountSavedCardRemoveProps = {\n  /** One AlertDialogRoot to control, or none for the default prompt. */\n  children?: ReactNode;\n};\n\nexport type AccountSavedCardRemoveTriggerProps = ComponentPropsWithRef<'button'> & {\n  $content?: ContentValue<typeof AccountSavedCardRemoveTriggerContent>;\n};\n\nexport type AccountSavedCardRemoveTitleProps = ComponentPropsWithRef<'h2'> & {\n  $content?: ContentValue<typeof AccountSavedCardRemoveTitleContent>;\n};\n\nexport type AccountSavedCardRemoveDescriptionProps = ComponentPropsWithRef<'p'> & {\n  $content?: ContentValue<typeof AccountSavedCardRemoveDescriptionContent>;\n};\n\nexport type AccountSavedCardRemoveCancelProps = ComponentPropsWithRef<'button'> & {\n  $content?: ContentValue<typeof AccountSavedCardRemoveCancelContent>;\n};\n\nexport type AccountSavedCardRemoveConfirmProps = ComponentPropsWithRef<'button'> & {\n  $content?: ContentValue<typeof AccountSavedCardRemoveConfirmContent>;\n};\n\nexport type AccountSavedCardsRemoveFeedbackProps = Omit<ComponentPropsWithRef<'div'>, 'children'> & {\n  $content?: ContentValue<typeof AccountSavedCardsRemoveFeedbackContent>;\n};\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\nconst AccountSavedCardsContext = createContext<AccountSavedCardsContextValue | null>(null);\n\n/** The section state the nearest AccountSavedCardsRoot publishes. Throws outside one. */\nexport function useAccountSavedCards(): AccountSavedCardsContextValue {\n  const ctx = useContext(AccountSavedCardsContext);\n  if (!ctx) throw new Error('AccountSavedCards parts must be used inside AccountSavedCardsRoot.');\n  return ctx;\n}\n\nconst AccountSavedCardContext = createContext<AccountSavedCardContextValue | null>(null);\n\n/** The card the nearest AccountSavedCardItem provides. Throws outside one. */\nexport function useAccountSavedCard(): AccountSavedCardContextValue {\n  const ctx = useContext(AccountSavedCardContext);\n  if (!ctx) throw new Error('AccountSavedCard parts must be used inside AccountSavedCardItem.');\n  return ctx;\n}\n\nconst AccountSavedCardRemoveContext = createContext<AccountSavedCardRemoveValue | null>(null);\n\n/** The remove controller the nearest AccountSavedCardRemove provides. Throws outside one. */\nexport function useAccountSavedCardRemove(): AccountSavedCardRemoveValue {\n  const ctx = useContext(AccountSavedCardRemoveContext);\n  if (!ctx) throw new Error('AccountSavedCardRemove parts must be used inside AccountSavedCardRemove.');\n  return ctx;\n}\n\ntype SavedCardState = 'usable' | 'expired' | 'unusable';\n\n/** Only an explicit USABLE reads as usable, so a status this client does not know never looks usable. */\nfunction savedCardState(status: string): SavedCardState {\n  if (status === 'USABLE') return 'usable';\n  if (status === 'EXPIRED') return 'expired';\n  return 'unusable';\n}\n\nfunction validExpiry(expiry: AccountSavedCardContextValue['expiry']): { month: number; year: number } | null {\n  if (!expiry) return null;\n  const { month, year } = expiry;\n  if (!Number.isInteger(month) || month < 1 || month > 12) return null;\n  if (!Number.isInteger(year) || year < 1000 || year > 9999) return null;\n  return { month, year };\n}\n\nconst EMPTY_CARDS: ReadonlyArray<{ id: string }> = Object.freeze([]);\n\n/**\n * The read's own error code. The root error is page-wide, so an error whose path names another field\n * does not count; with no path at all, the first code stands.\n */\nfunction readErrorCode(error: ErrorLike): string | null {\n  if (!CombinedGraphQLErrors.is(error)) return null;\n  const own =\n    error.errors.find((entry) => entry.path?.[0] === 'customerSavedCards') ??\n    error.errors.find((entry) => entry.path == null);\n  const code = own?.extensions?.code;\n  return typeof code === 'string' ? code : null;\n}\n\n/**\n * One state for the whole section. A null slice plus an error is a failed read; an error beside a\n * resolved slice belongs to another field of the page query and changes nothing here.\n */\nfunction resolveSectionState(\n  data: AccountSavedCardsData,\n  loading: boolean,\n  error: ErrorLike | undefined,\n): Omit<AccountSavedCardsContextValue, 'removal'> {\n  if (data == null) {\n    if (error) return { state: 'error', cards: EMPTY_CARDS, errorCode: readErrorCode(error) };\n    return { state: loading ? 'loading' : 'idle', cards: EMPTY_CARDS, errorCode: null };\n  }\n  const cards = data.cards ?? EMPTY_CARDS;\n  return { state: cards.length === 0 ? 'empty' : 'ready', cards, errorCode: null };\n}\n\n// ---------------------------------------------------------------------------\n// Definitions\n// ---------------------------------------------------------------------------\n\nexport const AccountSavedCardsRootDefinition = defineComponent<AccountSavedCardsRootProps>({\n  name: 'AccountSavedCardsRoot',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardsRoot,\n  fragment,\n  fetchStrategy: 'reactive',\n  requiresContext: 'session',\n  providesContext: 'account-saved-cards',\n  actions: { savedCard: ['remove'] },\n  editor: { label: 'Account Saved Cards Root', category: 'identity' },\n  schema: {},\n  guideline:\n    \"The signed-in shopper's saved cards, read with no cart. Renders nothing unless the session is loggedIn, and no chrome of its own: compose AccountSavedCardsHeading, AccountSavedCardsRemoveFeedback, AccountSavedCardsLoading, AccountSavedCardsError, AccountSavedCardsEmpty, and AccountSavedCardsList (with an AccountSavedCardItem inside) as children. Exactly one of Loading, Error, Empty, or List renders at a time; the state is on data-fs-account-saved-cards-state. It owns the removal state and supplies the savedCard.remove write to every AccountSavedCardRemove inside, placed or default, so the write sits here rather than on the control that dispatches it; with no remove control composed the write is never called. Must be inside a SessionRoot, normally the my-account layout's. See account-saved-cards.md.\",\n});\n\nexport const AccountSavedCardsHeadingDefinition = defineComponent<AccountSavedCardsHeadingProps>({\n  name: 'AccountSavedCardsHeading',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardsHeading,\n  content: AccountSavedCardsHeadingContent,\n  requiresContext: 'account-saved-cards',\n  editor: { label: 'Account Saved Cards Heading', category: 'identity' },\n  schema: {\n    as: { type: ['h2', 'h3', 'h4', 'h5', 'h6'] as const, default: 'h2', label: 'Heading level' },\n  },\n  guideline:\n    'The section heading, rendered in every state. `as` sets the level from h2 to h6 (default h2); there is no h1, because the page title belongs to the page shell — pick the level that fits where the section is nested, or omit the heading. Text resolves children, then the CMS entry, then the catalog (fs/saved-cards.heading). Must be inside AccountSavedCardsRoot.',\n});\n\nexport const AccountSavedCardsListDefinition = defineComponent<AccountSavedCardsListProps>({\n  name: 'AccountSavedCardsList',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardsList,\n  requiresContext: 'account-saved-cards',\n  providesContext: 'account-saved-card',\n  editor: { label: 'Account Saved Cards List', category: 'identity' },\n  schema: {},\n  guideline:\n    'The list of saved cards, one row per card in the platform order, rendered only when the shopper has at least one. Place one AccountSavedCardItem inside as the row template. Must be inside AccountSavedCardsRoot.',\n});\n\nexport const AccountSavedCardItemDefinition = defineComponent<AccountSavedCardItemProps>({\n  name: 'AccountSavedCardItem',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardItem,\n  fragment: itemFragment,\n  fetchStrategy: 'reactive-list-item',\n  requiresContext: 'account-saved-card',\n  providesContext: ['card-summary', 'account-saved-card-data'],\n  editor: { label: 'Account Saved Card Item', category: 'identity' },\n  schema: {},\n  guideline:\n    'One saved card as a list row. It provides the card to the CardSummary parts, AccountSavedCardExpiry, and AccountSavedCardRemove. With no children it renders CardSummary (mark, network name, mask, last four digits), AccountSavedCardExpiry, and AccountSavedCardRemove, whose text is then always the catalog wording; compose them as children to rearrange them or to reword them from the CMS, keep AccountSavedCardExpiry in any custom row, and leave AccountSavedCardRemove out only for a read-only list. An expired row carries data-fs-account-saved-card-expired, an unusable one data-fs-account-saved-card-unusable, and a row whose removal is pending data-fs-account-saved-card-removing, for a swatch to dim. Never shows more than the last four digits. Must be inside AccountSavedCardsList.',\n});\n\nexport const AccountSavedCardExpiryDefinition = defineComponent<AccountSavedCardExpiryProps>({\n  name: 'AccountSavedCardExpiry',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardExpiry,\n  content: AccountSavedCardExpiryContent,\n  requiresContext: 'account-saved-card-data',\n  editor: { label: 'Account Saved Card Expiry', category: 'identity' },\n  schema: {},\n  guideline:\n    'When a saved card expires: \"Expires 05/28\" for a working card, \"Expired 05/24\" (or \"Expired\" with no date) for an expired one, and \"This card can\\'t be used\", with no date, for an unusable one. Renders nothing for a working card with no date. The label comes from the CMS entry, then the catalog (fs/saved-cards.expires, .expired, .expired-no-date, .unusable); the component always places the MM/YY date after it, and only a placed element reads the CMS entry. The state is on data-fs-account-saved-card-expiry-status (usable, expired, unusable). Must be inside AccountSavedCardItem.',\n});\n\nexport const AccountSavedCardsEmptyDefinition = defineComponent<AccountSavedCardsEmptyProps>({\n  name: 'AccountSavedCardsEmpty',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardsEmpty,\n  content: AccountSavedCardsEmptyContent,\n  requiresContext: 'account-saved-cards',\n  editor: { label: 'Account Saved Cards Empty', category: 'identity' },\n  schema: {},\n  guideline:\n    'States that the shopper has no saved cards. Renders only once the read resolved with none — never while loading or after a failure. Text resolves children, then the CMS entry, then the catalog (fs/saved-cards.empty). Must be inside AccountSavedCardsRoot.',\n});\n\nexport const AccountSavedCardsLoadingDefinition = defineComponent<AccountSavedCardsLoadingProps>({\n  name: 'AccountSavedCardsLoading',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardsLoading,\n  content: AccountSavedCardsLoadingContent,\n  requiresContext: 'account-saved-cards',\n  editor: { label: 'Account Saved Cards Loading', category: 'identity' },\n  schema: {\n    skeletonCount: { type: 'number', default: 2, label: 'Placeholder rows' },\n  },\n  guideline:\n    'Placeholder rows while the saved cards load, plus one polite live region that announces the wait (CMS entry, then the catalog fs/saved-cards.loading). The rows are hidden from assistive technology; style them through data-fs-account-saved-cards-loading-row. Without this part the section shows no loading look. Must be inside AccountSavedCardsRoot.',\n});\n\nexport const AccountSavedCardsErrorDefinition = defineComponent<AccountSavedCardsErrorProps>({\n  name: 'AccountSavedCardsError',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardsError,\n  content: AccountSavedCardsErrorContent,\n  requiresContext: 'account-saved-cards',\n  editor: { label: 'Account Saved Cards Error', category: 'identity' },\n  schema: {},\n  guideline:\n    'An alert shown when the saved cards cannot be read. An expired session says so and links to sign-in, returning the shopper to this page; any other failure says the cards could not be loaded. The wording comes from the CMS entry, then the catalog (fs/saved-cards.session-expired, .sign-in, .load-failed), never from the server; children replace it for every failure and drop the link. Must be inside AccountSavedCardsRoot.',\n});\n\nexport const AccountSavedCardRemoveDefinition = defineComponent<AccountSavedCardRemoveProps>({\n  name: 'AccountSavedCardRemove',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardRemove,\n  requiresContext: 'account-saved-card-data',\n  providesContext: 'account-saved-card-remove',\n  editor: { label: 'Account Saved Card Remove', category: 'identity' },\n  schema: {},\n  guideline:\n    \"Lets the shopper remove the row's card after confirming. State-only controller: wrap one AlertDialogRoot and it becomes controlled, so never set open or onOpenChange on it. Compose AlertDialogRoot > (AccountSavedCardRemoveTrigger + AlertDialogPortal > (AlertDialogBackdrop + AlertDialogViewport > AlertDialogPopup > (AccountSavedCardRemoveTitle + AccountSavedCardRemoveDescription + AccountSavedCardRemoveCancel + AccountSavedCardRemoveConfirm))), Cancel before Confirm so the safe action takes focus. With no children it renders that prompt with catalog text; compose the parts to reword them from the CMS. The prompt stays open while the removal runs and closes when it fails; on success the row leaves the list. AccountSavedCardsRoot supplies the savedCard.remove write, and the outcome goes unreported unless the section composes AccountSavedCardsRemoveFeedback. Must be inside AccountSavedCardItem.\",\n});\n\nexport const AccountSavedCardRemoveTriggerDefinition = defineComponent<AccountSavedCardRemoveTriggerProps>({\n  name: 'AccountSavedCardRemoveTrigger',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardRemoveTrigger,\n  content: AccountSavedCardRemoveTriggerContent,\n  requiresContext: 'account-saved-card-remove',\n  editor: { label: 'Account Saved Card Remove Trigger', category: 'identity' },\n  schema: {},\n  guideline:\n    'Opens the removal prompt. Its accessible name is its text followed by the card, e.g. \"Remove Visa ending in 1234\"; the card part is visually hidden. Disabled while any removal in the section is pending. Text resolves children, then the CMS entry, then the catalog (fs/saved-cards.remove.trigger). Direct child of the AlertDialogRoot inside AccountSavedCardRemove.',\n});\n\nexport const AccountSavedCardRemoveTitleDefinition = defineComponent<AccountSavedCardRemoveTitleProps>({\n  name: 'AccountSavedCardRemoveTitle',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardRemoveTitle,\n  content: AccountSavedCardRemoveTitleContent,\n  requiresContext: 'account-saved-card-remove',\n  editor: { label: 'Account Saved Card Remove Title', category: 'identity' },\n  schema: {},\n  guideline:\n    \"The removal prompt's question and its accessible name. Required inside AlertDialogPopup. Text resolves children, then the CMS entry, then the catalog (fs/saved-cards.remove.title). Must be inside AccountSavedCardRemove.\",\n});\n\nexport const AccountSavedCardRemoveDescriptionDefinition = defineComponent<AccountSavedCardRemoveDescriptionProps>({\n  name: 'AccountSavedCardRemoveDescription',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardRemoveDescription,\n  content: AccountSavedCardRemoveDescriptionContent,\n  requiresContext: 'account-saved-card-remove',\n  editor: { label: 'Account Saved Card Remove Description', category: 'identity' },\n  schema: {},\n  guideline:\n    'Names the card and states the consequence; screen readers announce it with the prompt. With no children it renders CardSummary and then the text, which resolves the CMS entry, then the catalog (fs/saved-cards.remove.description); children replace both, so keep a CardSummary in them for the prompt to name the card. Inside AlertDialogPopup, after AccountSavedCardRemoveTitle. Must be inside AccountSavedCardRemove.',\n});\n\nexport const AccountSavedCardRemoveCancelDefinition = defineComponent<AccountSavedCardRemoveCancelProps>({\n  name: 'AccountSavedCardRemoveCancel',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardRemoveCancel,\n  content: AccountSavedCardRemoveCancelContent,\n  requiresContext: 'account-saved-card-remove',\n  editor: { label: 'Account Saved Card Remove Cancel', category: 'identity' },\n  schema: {},\n  guideline:\n    'Closes the removal prompt and keeps the card. Disabled while the removal runs. Place it before AccountSavedCardRemoveConfirm so it takes focus when the prompt opens. Text resolves children, then the CMS entry, then the catalog (fs/saved-cards.remove.cancel). Must be inside AccountSavedCardRemove.',\n});\n\nexport const AccountSavedCardRemoveConfirmDefinition = defineComponent<AccountSavedCardRemoveConfirmProps>({\n  name: 'AccountSavedCardRemoveConfirm',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardRemoveConfirm,\n  content: AccountSavedCardRemoveConfirmContent,\n  requiresContext: 'account-saved-card-remove',\n  editor: { label: 'Account Saved Card Remove Confirm', category: 'identity' },\n  schema: {},\n  guideline:\n    'Removes the card. It dispatches savedCard.remove through the write AccountSavedCardsRoot supplies and declares none of its own. While the removal runs it is busy and shows its pending text; one removal runs at a time in the section. Text resolves children, then the CMS entry, then the catalog (fs/saved-cards.remove.confirm, .pending). Must be inside AccountSavedCardRemove.',\n});\n\nexport const AccountSavedCardsRemoveFeedbackDefinition = defineComponent<AccountSavedCardsRemoveFeedbackProps>({\n  name: 'AccountSavedCardsRemoveFeedback',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardsRemoveFeedback,\n  content: AccountSavedCardsRemoveFeedbackContent,\n  requiresContext: 'account-saved-cards',\n  editor: { label: 'Account Saved Cards Remove Feedback', category: 'identity' },\n  schema: {},\n  guideline:\n    \"Tells the shopper how a card removal ended: a status message that takes focus when the card was removed, or an alert when it was not, with a sign-in link back to this page when the session expired. Renders in every state of the section, so the message outlives the removed row and an emptied list; it stays until the next removal starts. Without this part a removal's outcome goes unreported. The wording comes from the CMS entry, then the catalog (fs/saved-cards.remove.success, .failed, fs/saved-cards.session-expired, .sign-in), never from the server; the outcome is on data-fs-account-saved-cards-remove-feedback-outcome. Must be inside AccountSavedCardsRoot.\",\n});\n\n// ---------------------------------------------------------------------------\n// Implementations\n// ---------------------------------------------------------------------------\n\n/**\n * One removal at a time: each success replaces the whole cached list, so two in flight could land out\n * of order and restore a card the later one removed.\n */\nfunction useRemovalState(): AccountSavedCardsRemoval {\n  const [pendingId, setPendingId] = useState<string | null>(null);\n  const [outcome, setOutcome] = useState<AccountSavedCardRemovalOutcome | null>(null);\n  // Read synchronously, so a second activation in the same tick already sees the first.\n  const pendingRef = useRef<string | null>(null);\n\n  const begin = useCallback((id: string) => {\n    if (pendingRef.current !== null) return false;\n    pendingRef.current = id;\n    setPendingId(id);\n    setOutcome(null);\n    return true;\n  }, []);\n\n  const settle = useCallback((id: string, userErrors: readonly { code: string }[]) => {\n    if (pendingRef.current !== id) return;\n    pendingRef.current = null;\n    setPendingId(null);\n    const [first] = userErrors;\n    setOutcome(first ? { kind: 'failed', code: first.code } : { kind: 'removed' });\n  }, []);\n\n  return useMemo(() => ({ pendingId, outcome, begin, settle }), [pendingId, outcome, begin, settle]);\n}\n\nexport function AccountSavedCardsRoot({\n  $data: $dataProp,\n  $actions: $actionsProp,\n  className,\n  children,\n  ...props\n}: AccountSavedCardsRootProps) {\n  // Enforces the SessionRoot ancestor: useSession() throws outside one.\n  const { state: sessionState } = useSession();\n  const data = useDataOverride<AccountSavedCardsData | undefined>($dataProp) ?? null;\n  const $actions = useActionsOverride($actionsProp);\n  const { loading, error } = useContext(ReactiveRootContext);\n  const section = useMemo(() => resolveSectionState(data, loading, error), [data, loading, error]);\n  const removal = useRemovalState();\n  const value = useMemo(() => ({ ...section, removal }), [section, removal]);\n\n  if (sessionState !== 'loggedIn') return null;\n\n  return (\n    <AccountSavedCardsContext value={value}>\n      <ActionsOverrideContext value={$actions}>\n        <div\n          {...props}\n          className={className}\n          data-fs-account-saved-cards=\"\"\n          data-fs-account-saved-cards-state={value.state}\n        >\n          {children}\n        </div>\n      </ActionsOverrideContext>\n    </AccountSavedCardsContext>\n  );\n}\n\nexport function AccountSavedCardsHeading({\n  as: Tag = 'h2',\n  $content,\n  className,\n  children,\n  ...props\n}: AccountSavedCardsHeadingProps) {\n  useAccountSavedCards();\n  const intl = useIntl();\n  return (\n    <Tag {...props} className={className} data-fs-account-saved-cards-heading=\"\">\n      {children ?? resolveAuthoredCopy($content?.text, intl.formatMessage({ id: 'fs/saved-cards.heading' }))}\n    </Tag>\n  );\n}\n\nexport function AccountSavedCardsList({ className, children, ...props }: AccountSavedCardsListProps) {\n  const { state, cards } = useAccountSavedCards();\n  if (state !== 'ready') return null;\n\n  return (\n    <ul {...props} className={className} data-fs-account-saved-cards-list=\"\">\n      {cards.map((card) => (\n        // No fallback slice: the Root selects ids only, so an incomplete row renders nothing until\n        // its cache entry resolves rather than a partial card.\n        <ListItemRefContext\n          key={card.id}\n          value={{ __typename: 'CustomerSavedCard', id: card.id, fallbackData: undefined }}\n        >\n          {children}\n        </ListItemRefContext>\n      ))}\n    </ul>\n  );\n}\n\nexport function AccountSavedCardItem({ $data: $dataProp, className, children, ...props }: AccountSavedCardItemProps) {\n  const card = useDataOverride<AccountSavedCardItemData | undefined>($dataProp) ?? null;\n  // Not useAccountSavedCards(): an Item composed without a remove control stays usable outside a Root.\n  const pendingId = useContext(AccountSavedCardsContext)?.removal.pendingId ?? null;\n  if (!card) return null;\n  const state = savedCardState(card.status);\n\n  return (\n    <AccountSavedCardContext value={card}>\n      <li\n        {...props}\n        className={className}\n        data-fs-account-saved-card=\"\"\n        {...(state === 'expired' ? { 'data-fs-account-saved-card-expired': '' } : {})}\n        {...(state === 'unusable' ? { 'data-fs-account-saved-card-unusable': '' } : {})}\n        {...(pendingId === card.id ? { 'data-fs-account-saved-card-removing': '' } : {})}\n      >\n        <CardSummaryRoot network={card.network.name} lastDigits={card.lastDigits}>\n          {children ?? (\n            <>\n              <CardSummary />\n              <AccountSavedCardExpiry />\n              <AccountSavedCardRemove />\n            </>\n          )}\n        </CardSummaryRoot>\n      </li>\n    </AccountSavedCardContext>\n  );\n}\n\nexport function AccountSavedCardExpiry({ $content, className, ...props }: AccountSavedCardExpiryProps) {\n  const { status, expiry } = useAccountSavedCard();\n  const intl = useIntl();\n  const state = savedCardState(status);\n  const date = state === 'unusable' ? null : validExpiry(expiry);\n  if (state === 'usable' && !date) return null;\n\n  let label: string;\n  if (state === 'unusable') {\n    label = resolveAuthoredCopy($content?.unusableText, intl.formatMessage({ id: 'fs/saved-cards.unusable' }));\n  } else if (!date) {\n    label = resolveAuthoredCopy($content?.expiredText, intl.formatMessage({ id: 'fs/saved-cards.expired-no-date' }));\n  } else if (state === 'expired') {\n    label = resolveAuthoredCopy($content?.expiredLabel, intl.formatMessage({ id: 'fs/saved-cards.expired' }));\n  } else {\n    label = resolveAuthoredCopy($content?.expiresLabel, intl.formatMessage({ id: 'fs/saved-cards.expires' }));\n  }\n  const month = date ? String(date.month).padStart(2, '0') : '';\n\n  return (\n    <p\n      {...props}\n      className={className}\n      data-fs-account-saved-card-expiry=\"\"\n      data-fs-account-saved-card-expiry-status={state}\n    >\n      <span data-fs-account-saved-card-expiry-label=\"\">{label}</span>\n      {date ? (\n        <>\n          {' '}\n          <time data-fs-account-saved-card-expiry-date=\"\" dateTime={`${date.year}-${month}`} aria-hidden=\"true\">\n            {`${month}/${String(date.year % 100).padStart(2, '0')}`}\n          </time>{' '}\n          <span data-fs-sr-only=\"\" className=\"sr-only\">\n            {/* UTC on the first of the month, so no time zone moves the date into another month. */}\n            {intl.formatDate(Date.UTC(date.year, date.month - 1, 1), {\n              month: 'long',\n              year: 'numeric',\n              timeZone: 'UTC',\n            })}\n          </span>\n        </>\n      ) : null}\n    </p>\n  );\n}\n\nexport function AccountSavedCardsEmpty({ $content, className, children, ...props }: AccountSavedCardsEmptyProps) {\n  const { state } = useAccountSavedCards();\n  const intl = useIntl();\n  if (state !== 'empty') return null;\n\n  return (\n    <p {...props} className={className} data-fs-account-saved-cards-empty=\"\">\n      {children ?? resolveAuthoredCopy($content?.text, intl.formatMessage({ id: 'fs/saved-cards.empty' }))}\n    </p>\n  );\n}\n\nconst DEFAULT_SKELETON_COUNT = 2;\n\nexport function AccountSavedCardsLoading({\n  skeletonCount = DEFAULT_SKELETON_COUNT,\n  $content,\n  className,\n  ...props\n}: AccountSavedCardsLoadingProps) {\n  const { state } = useAccountSavedCards();\n  const intl = useIntl();\n  const loading = state === 'loading';\n  const label = resolveAuthoredCopy($content?.text, intl.formatMessage({ id: 'fs/saved-cards.loading' }));\n  const rows = Number.isFinite(skeletonCount) ? Math.max(1, Math.trunc(skeletonCount)) : DEFAULT_SKELETON_COUNT;\n\n  // A live region only announces text written after it mounted, so it stays in the tree and is\n  // filled on the pass after loading starts (AccountEntryPoint's pattern).\n  const [announcement, setAnnouncement] = useState('');\n  const pendingLabel = loading ? label : '';\n  useEffect(() => {\n    setAnnouncement(pendingLabel);\n  }, [pendingLabel]);\n\n  return (\n    <>\n      {loading ? (\n        <div {...props} className={className} aria-hidden=\"true\" data-fs-account-saved-cards-loading=\"\">\n          {Array.from({ length: rows }, (_, index) => (\n            <span key={index} data-fs-account-saved-cards-loading-row=\"\" />\n          ))}\n        </div>\n      ) : null}\n      <output aria-live=\"polite\" data-fs-account-saved-cards-loading-announcement=\"\">\n        {announcement}\n      </output>\n    </>\n  );\n}\n\nexport function AccountSavedCardsError({ $content, className, children, ...props }: AccountSavedCardsErrorProps) {\n  const { state, errorCode } = useAccountSavedCards();\n  const intl = useIntl();\n  const { path } = useStorefrontRoute();\n  if (state !== 'error') return null;\n\n  // Keyed on the code as a whole: confronted identity gives every refusal one UNAUTHORIZED, and the\n  // server's message is never rendered.\n  const sessionExpired = errorCode === 'UNAUTHORIZED';\n\n  return (\n    <div\n      {...props}\n      role=\"alert\"\n      className={className}\n      data-fs-account-saved-cards-error=\"\"\n      data-fs-account-saved-cards-error-code={sessionExpired ? 'unauthorized' : 'failed'}\n    >\n      {children ??\n        (sessionExpired ? (\n          <>\n            {resolveAuthoredCopy(\n              $content?.sessionExpiredText,\n              intl.formatMessage({ id: 'fs/saved-cards.session-expired' }),\n            )}{' '}\n            <NavigationLink href={signInTarget(path)} prefetch={false} data-fs-account-saved-cards-sign-in=\"\">\n              {resolveAuthoredCopy($content?.signInLabel, intl.formatMessage({ id: 'fs/saved-cards.sign-in' }))}\n            </NavigationLink>\n          </>\n        ) : (\n          resolveAuthoredCopy($content?.text, intl.formatMessage({ id: 'fs/saved-cards.load-failed' }))\n        ))}\n    </div>\n  );\n}\n\ntype OverlayOpenProps = {\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n};\n\nexport function AccountSavedCardRemove({ children }: Readonly<AccountSavedCardRemoveProps>) {\n  const { id } = useAccountSavedCard();\n  const { removal } = useAccountSavedCards();\n  const [open, setOpen] = useState(false);\n  const pending = removal.pendingId === id;\n  const blocked = removal.pendingId !== null;\n  const close = useCallback(() => setOpen(false), []);\n  const value = useMemo(() => ({ id, pending, blocked, close }), [id, pending, blocked, close]);\n  const prompt = children ?? <AccountSavedCardRemoveDefaultPrompt />;\n\n  if (!isValidElement<OverlayOpenProps>(prompt)) {\n    return <AccountSavedCardRemoveContext value={value}>{prompt}</AccountSavedCardRemoveContext>;\n  }\n\n  return (\n    <AccountSavedCardRemoveContext value={value}>\n      {cloneElement(prompt, {\n        open,\n        onOpenChange: (next: boolean) => {\n          // Escape and Cancel cannot leave a removal in flight, and no prompt opens while one runs.\n          if (next ? blocked : pending) return;\n          setOpen(next);\n        },\n      })}\n    </AccountSavedCardRemoveContext>\n  );\n}\n\nfunction AccountSavedCardRemoveDefaultPrompt({ open, onOpenChange }: Readonly<OverlayOpenProps>) {\n  return (\n    <AlertDialogRoot open={open} onOpenChange={onOpenChange}>\n      <AccountSavedCardRemoveTrigger />\n      <AlertDialogPortal>\n        <AlertDialogBackdrop />\n        <AlertDialogViewport>\n          <AlertDialogPopup>\n            <AccountSavedCardRemoveTitle />\n            <AccountSavedCardRemoveDescription />\n            <AccountSavedCardRemoveCancel />\n            <AccountSavedCardRemoveConfirm />\n          </AlertDialogPopup>\n        </AlertDialogViewport>\n      </AlertDialogPortal>\n    </AlertDialogRoot>\n  );\n}\n\nexport function AccountSavedCardRemoveTrigger({\n  $content,\n  className,\n  children,\n  disabled,\n  ...props\n}: AccountSavedCardRemoveTriggerProps) {\n  const { blocked } = useAccountSavedCardRemove();\n  const { name, lastFour } = useCardSummary();\n  const intl = useIntl();\n  const card = [name, lastFour ? intl.formatMessage({ id: 'fs/card.ending-in' }, { lastDigits: lastFour }) : null]\n    .filter(Boolean)\n    .join(' ');\n\n  return (\n    <AlertDialogTrigger\n      {...props}\n      className={className}\n      disabled={blocked || disabled}\n      data-fs-account-saved-card-remove-trigger=\"\"\n    >\n      {children ?? resolveAuthoredCopy($content?.text, intl.formatMessage({ id: 'fs/saved-cards.remove.trigger' }))}\n      {card ? (\n        <>\n          {' '}\n          <span data-fs-sr-only=\"\" className=\"sr-only\">\n            {card}\n          </span>\n        </>\n      ) : null}\n    </AlertDialogTrigger>\n  );\n}\n\nexport function AccountSavedCardRemoveTitle({\n  $content,\n  className,\n  children,\n  ...props\n}: AccountSavedCardRemoveTitleProps) {\n  useAccountSavedCardRemove();\n  const intl = useIntl();\n  return (\n    <AlertDialogTitle {...props} className={className} data-fs-account-saved-card-remove-title=\"\">\n      {children ?? resolveAuthoredCopy($content?.text, intl.formatMessage({ id: 'fs/saved-cards.remove.title' }))}\n    </AlertDialogTitle>\n  );\n}\n\nexport function AccountSavedCardRemoveDescription({\n  $content,\n  className,\n  children,\n  ...props\n}: AccountSavedCardRemoveDescriptionProps) {\n  useAccountSavedCardRemove();\n  const intl = useIntl();\n  return (\n    <AlertDialogDescription {...props} className={className} data-fs-account-saved-card-remove-description=\"\">\n      {children ?? (\n        <>\n          <CardSummary />{' '}\n          {resolveAuthoredCopy($content?.text, intl.formatMessage({ id: 'fs/saved-cards.remove.description' }))}\n        </>\n      )}\n    </AlertDialogDescription>\n  );\n}\n\nexport function AccountSavedCardRemoveCancel({\n  $content,\n  className,\n  children,\n  disabled,\n  ...props\n}: AccountSavedCardRemoveCancelProps) {\n  const { pending } = useAccountSavedCardRemove();\n  const intl = useIntl();\n  return (\n    <AlertDialogClose\n      {...props}\n      className={className}\n      disabled={pending || disabled}\n      data-fs-account-saved-card-remove-cancel=\"\"\n    >\n      {children ?? resolveAuthoredCopy($content?.text, intl.formatMessage({ id: 'fs/saved-cards.remove.cancel' }))}\n    </AlertDialogClose>\n  );\n}\n\nexport function AccountSavedCardRemoveConfirm({\n  $content,\n  className,\n  children,\n  onClick,\n  ...props\n}: AccountSavedCardRemoveConfirmProps) {\n  const { id, pending, close } = useAccountSavedCardRemove();\n  const { removal } = useAccountSavedCards();\n  const remove = useActionsOverride(undefined)?.savedCard?.remove;\n  const intl = useIntl();\n\n  async function handleClick(event: MouseEvent<HTMLButtonElement>) {\n    onClick?.(event);\n    if (event.defaultPrevented || !remove || !removal.begin(id)) return;\n    let userErrors: readonly { code: string }[];\n    try {\n      userErrors = await remove({ id });\n    } catch {\n      // An injected action may reject; a removal left pending would lock the prompt open.\n      userErrors = [{ code: 'NETWORK_ERROR' }];\n    }\n    // On success the row, and this prompt with it, has already left the list; the Root is still there.\n    removal.settle(id, userErrors);\n    close();\n  }\n\n  return (\n    <button\n      {...props}\n      type=\"button\"\n      className={className}\n      // aria-disabled rather than disabled, so focus stays on the control while it reports progress.\n      aria-disabled={pending || undefined}\n      aria-busy={pending || undefined}\n      data-fs-account-saved-card-remove-confirm=\"\"\n      {...(pending ? { 'data-fs-account-saved-card-remove-confirm-pending': '' } : {})}\n      onClick={handleClick}\n    >\n      {pending\n        ? resolveAuthoredCopy($content?.pendingText, intl.formatMessage({ id: 'fs/saved-cards.remove.pending' }))\n        : (children ??\n          resolveAuthoredCopy($content?.text, intl.formatMessage({ id: 'fs/saved-cards.remove.confirm' })))}\n    </button>\n  );\n}\n\nfunction feedbackOutcome(outcome: AccountSavedCardRemovalOutcome | null) {\n  if (!outcome) return undefined;\n  if (outcome.kind === 'removed') return 'removed';\n  return outcome.code === 'UNAUTHORIZED' ? 'unauthorized' : 'failed';\n}\n\nexport function AccountSavedCardsRemoveFeedback({\n  $content,\n  className,\n  ...props\n}: AccountSavedCardsRemoveFeedbackProps) {\n  const {\n    removal: { outcome },\n  } = useAccountSavedCards();\n  const intl = useIntl();\n  const { path } = useStorefrontRoute();\n  const statusRef = useRef<HTMLOutputElement>(null);\n  const kind = feedbackOutcome(outcome);\n  const successText = resolveAuthoredCopy(\n    $content?.successText,\n    intl.formatMessage({ id: 'fs/saved-cards.remove.success' }),\n  );\n\n  // A live region only announces text written after it mounted, so it stays in the tree and is filled\n  // on the pass after the outcome. Focus moves to it because the trigger it would return to left with\n  // the removed row.\n  const [announcement, setAnnouncement] = useState('');\n  useEffect(() => {\n    const removed = outcome?.kind === 'removed';\n    setAnnouncement(removed ? successText : '');\n    if (removed) statusRef.current?.focus();\n  }, [outcome, successText]);\n\n  return (\n    <div\n      {...props}\n      className={className}\n      data-fs-account-saved-cards-remove-feedback=\"\"\n      data-fs-account-saved-cards-remove-feedback-outcome={kind}\n    >\n      <output ref={statusRef} aria-live=\"polite\" tabIndex={-1}>\n        {announcement}\n      </output>\n      {kind === 'unauthorized' ? (\n        <div role=\"alert\">\n          {resolveAuthoredCopy(\n            $content?.sessionExpiredText,\n            intl.formatMessage({ id: 'fs/saved-cards.session-expired' }),\n          )}{' '}\n          <NavigationLink\n            href={signInTarget(path)}\n            prefetch={false}\n            data-fs-account-saved-cards-remove-feedback-sign-in=\"\"\n          >\n            {resolveAuthoredCopy($content?.signInLabel, intl.formatMessage({ id: 'fs/saved-cards.sign-in' }))}\n          </NavigationLink>\n        </div>\n      ) : null}\n      {kind === 'failed' ? (\n        <div role=\"alert\">\n          {resolveAuthoredCopy($content?.failureText, intl.formatMessage({ id: 'fs/saved-cards.remove.failed' }))}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"account-saved-cards.js","names":[],"sources":["../../../src/matter/account-saved-cards/account-saved-cards.tsx"],"sourcesContent":["'use client';\n\nimport type { ErrorLike } from '@apollo/client';\nimport { CombinedGraphQLErrors } from '@apollo/client/errors';\nimport { type ContentValue, defineComponent, defineContentType, type MessageLocaleProp } from '@vtex/fs-core';\nimport {\n  type ComponentPropsWithRef,\n  cloneElement,\n  createContext,\n  isValidElement,\n  type MouseEvent,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  AlertDialogClose,\n  AlertDialogDescription,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from '../../particles/alert-dialog/alert-dialog.js';\nimport { CardSummary, CardSummaryRoot, useCardSummary } from '../../particles/card-summary/card-summary.js';\nimport { NavigationLink } from '../../particles/navigation-link/navigation-link.js';\nimport { ActionsOverrideContext, useActionsOverride } from '../../sdk/actions/actions-override-context.js';\nimport type { ComponentActions } from '../../sdk/actions/types.js';\nimport { useDataOverride } from '../../sdk/data/data-override-context.js';\nimport { ListItemRefContext } from '../../sdk/data/list-item-ref-context.js';\nimport { ReactiveRootContext } from '../../sdk/data/page-reactive-data-root.js';\nimport { useStorefrontFormatters } from '../../sdk/format/client.js';\nimport { graphql } from '../../sdk/generated/gql.js';\nimport type { CustomerSavedCardStatus } from '../../sdk/generated/graphql.js';\nimport { useMessageFormatter } from '../../sdk/i18n/use-message-formatter.js';\nimport { useStorefrontRoute } from '../../sdk/navigation/use-storefront-route.js';\nimport { signInTarget } from '../../utils/safe-href.js';\nimport { useSession } from '../session/session.js';\n\n/**\n * The signed-in shopper's saved cards in the account.\n * The Root reads card ids only; each AccountSavedCardItem subscribes to its own CustomerSavedCard\n * (ADR-0012) and provides `card-summary` and the row itself, so the schema arranges the CardSummary\n * parts and AccountSavedCardExpiry in the row.\n * Every text is children or else the part's own `$content` message; the expiry line, repeated per row,\n * takes no children.\n * Removal state lives in the Root, because a successful removal unmounts the row it started from. The\n * Root also declares the `savedCard.remove` write, so every remove control in the section reaches the\n * provider.\n */\n\n// ---------------------------------------------------------------------------\n// GraphQL fragments\n// ---------------------------------------------------------------------------\n\nconst fragment = graphql(`\n  fragment AccountSavedCardsData on Query {\n    customerSavedCards {\n      __typename\n      id\n      cards {\n        __typename\n        id\n      }\n    }\n  }\n`);\n\nconst itemFragment = graphql(`\n  fragment AccountSavedCardItemData on Query {\n    customerSavedCards {\n      cards {\n        __typename\n        id\n        network {\n          name\n        }\n        lastDigits\n        expiry {\n          month\n          year\n        }\n        status\n      }\n    }\n  }\n`);\n\n// ---------------------------------------------------------------------------\n// Content models — a missing message renders empty and logs\n// ---------------------------------------------------------------------------\n\nexport const AccountSavedCardsHeadingContent = defineContentType({\n  id: 'account-saved-cards-heading',\n  title: 'Account Saved Cards Heading',\n  description: \"Heading of the account's saved-cards section.\",\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      text: { type: 'string', minLength: 1, title: 'Heading', format: 'icu-message', messageSource: 'Saved cards' },\n    },\n  },\n});\n\nexport const AccountSavedCardsEmptyContent = defineContentType({\n  id: 'account-saved-cards-empty',\n  title: 'Account Saved Cards Empty',\n  description: 'Statement shown when the shopper has no saved cards.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      text: {\n        type: 'string',\n        minLength: 1,\n        title: 'Empty statement',\n        format: 'icu-message',\n        messageSource: 'You have no saved cards yet.',\n      },\n    },\n  },\n});\n\nexport const AccountSavedCardsLoadingContent = defineContentType({\n  id: 'account-saved-cards-loading',\n  title: 'Account Saved Cards Loading',\n  description: 'Announcement read to assistive technology while the saved cards load.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      text: {\n        type: 'string',\n        minLength: 1,\n        title: 'Loading announcement',\n        format: 'icu-message',\n        messageSource: 'Loading your saved cards…',\n      },\n    },\n  },\n});\n\nexport const AccountSavedCardsErrorContent = defineContentType({\n  id: 'account-saved-cards-error',\n  title: 'Account Saved Cards Error',\n  description: 'Messages shown when the saved cards cannot be read.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      text: {\n        type: 'string',\n        minLength: 1,\n        title: 'Load failure message',\n        format: 'icu-message',\n        messageSource: \"We couldn't load your saved cards. Please try again later.\",\n      },\n      sessionExpiredText: {\n        type: 'string',\n        minLength: 1,\n        title: 'Session expired message',\n        format: 'icu-message',\n        messageSource: 'Your session has expired.',\n      },\n      signInLabel: {\n        type: 'string',\n        minLength: 1,\n        title: 'Sign-in link label',\n        format: 'icu-message',\n        messageSource: 'Sign in again',\n      },\n    },\n  },\n});\n\nexport const AccountSavedCardExpiryContent = defineContentType({\n  id: 'account-saved-card-expiry',\n  title: 'Account Saved Card Expiry',\n  description: \"A saved card's expiry line. The date follows the label and is never authored.\",\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      expiresLabel: {\n        type: 'string',\n        minLength: 1,\n        title: \"Label before a working card's date\",\n        format: 'icu-message',\n        messageSource: 'Expires',\n      },\n      expiredLabel: {\n        type: 'string',\n        minLength: 1,\n        title: \"Label before an expired card's date\",\n        format: 'icu-message',\n        messageSource: 'Expired',\n      },\n      expiredText: {\n        type: 'string',\n        minLength: 1,\n        title: 'Expired card with no date',\n        format: 'icu-message',\n        messageSource: 'Expired',\n      },\n      unusableText: {\n        type: 'string',\n        minLength: 1,\n        title: 'Unusable card',\n        format: 'icu-message',\n        messageSource: \"This card can't be used\",\n      },\n    },\n  },\n});\n\nexport const AccountSavedCardRemoveTriggerContent = defineContentType({\n  id: 'account-saved-card-remove-trigger',\n  title: 'Account Saved Card Remove Trigger',\n  description:\n    \"Label of the control that opens a saved card's removal prompt, and the card's last digits read to assistive technology.\",\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      text: { type: 'string', minLength: 1, title: 'Trigger label', format: 'icu-message', messageSource: 'Remove' },\n      cardEndingIn: {\n        type: 'string',\n        minLength: 1,\n        title: 'Card last digits',\n        description: 'Read to assistive technology after the card name.',\n        format: 'icu-message',\n        messageSource: 'ending in {lastDigits}',\n        messageArguments: { type: 'object', properties: { lastDigits: { type: 'string' } } },\n        messageExample: { lastDigits: '4242' },\n      },\n    },\n  },\n});\n\nexport const AccountSavedCardRemoveTitleContent = defineContentType({\n  id: 'account-saved-card-remove-title',\n  title: 'Account Saved Card Remove Title',\n  description: 'Question that titles the removal prompt.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      text: {\n        type: 'string',\n        minLength: 1,\n        title: 'Prompt title',\n        format: 'icu-message',\n        messageSource: 'Remove this card?',\n      },\n    },\n  },\n});\n\nexport const AccountSavedCardRemoveDescriptionContent = defineContentType({\n  id: 'account-saved-card-remove-body',\n  title: 'Account Saved Card Remove Description',\n  description:\n    \"What removing the card means, shown after the card in the removal prompt, and the card's last digits read to assistive technology.\",\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      text: {\n        type: 'string',\n        minLength: 1,\n        title: 'Consequence',\n        format: 'icu-message',\n        messageSource: \"It will no longer be offered when you pay. This can't be undone.\",\n      },\n      cardEndingIn: {\n        type: 'string',\n        minLength: 1,\n        title: 'Card last digits',\n        description: 'Read to assistive technology after the card name.',\n        format: 'icu-message',\n        messageSource: 'ending in {lastDigits}',\n        messageArguments: { type: 'object', properties: { lastDigits: { type: 'string' } } },\n        messageExample: { lastDigits: '4242' },\n      },\n    },\n  },\n});\n\nexport const AccountSavedCardRemoveCancelContent = defineContentType({\n  id: 'account-saved-card-remove-cancel',\n  title: 'Account Saved Card Remove Cancel',\n  description: 'Label of the control that keeps the card.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      text: { type: 'string', minLength: 1, title: 'Cancel label', format: 'icu-message', messageSource: 'Cancel' },\n    },\n  },\n});\n\nexport const AccountSavedCardRemoveConfirmContent = defineContentType({\n  id: 'account-saved-card-remove-confirm',\n  title: 'Account Saved Card Remove Confirm',\n  description: 'Label of the control that removes the card, and its label while the removal runs.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      text: {\n        type: 'string',\n        minLength: 1,\n        title: 'Confirm label',\n        format: 'icu-message',\n        messageSource: 'Remove card',\n      },\n      pendingText: {\n        type: 'string',\n        minLength: 1,\n        title: 'Label while removing',\n        format: 'icu-message',\n        messageSource: 'Removing…',\n      },\n    },\n  },\n});\n\nexport const AccountSavedCardsRemoveFeedbackContent = defineContentType({\n  id: 'account-saved-cards-remove-feedback',\n  title: 'Account Saved Cards Remove Feedback',\n  description: 'Messages that tell the shopper how a card removal ended.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      successText: {\n        type: 'string',\n        minLength: 1,\n        title: 'Card removed',\n        format: 'icu-message',\n        messageSource: 'The card was removed.',\n      },\n      failureText: {\n        type: 'string',\n        minLength: 1,\n        title: 'Card not removed',\n        format: 'icu-message',\n        messageSource: \"We couldn't remove the card. Please try again.\",\n      },\n      sessionExpiredText: {\n        type: 'string',\n        minLength: 1,\n        title: 'Session expired message',\n        format: 'icu-message',\n        messageSource: 'Your session has expired.',\n      },\n      signInLabel: {\n        type: 'string',\n        minLength: 1,\n        title: 'Sign-in link label',\n        format: 'icu-message',\n        messageSource: 'Sign in again',\n      },\n    },\n  },\n});\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/** The unwrapped `customerSavedCards` entity the reactive runtime delivers to the Root. */\nexport type AccountSavedCardsData = {\n  id?: string | null;\n  cards?: ReadonlyArray<{ id: string }> | null;\n} | null;\n\n/** One card's slice, delivered per row by the reactive-list-item runtime. */\nexport type AccountSavedCardItemData = {\n  id: string;\n  network: { name: string };\n  lastDigits: string;\n  expiry?: { month: number; year: number } | null;\n  status: CustomerSavedCardStatus;\n} | null;\n\n/** The row a resolved AccountSavedCardItem provides to the parts inside it. */\nexport type AccountSavedCardContextValue = NonNullable<AccountSavedCardItemData>;\n\n/** `idle` is a null slice with no query in flight, such as a render with no reactive root. */\nexport type AccountSavedCardsState = 'idle' | 'loading' | 'error' | 'empty' | 'ready';\n\nexport type AccountSavedCardRemovalOutcome = Readonly<{ kind: 'removed' }> | Readonly<{ kind: 'failed'; code: string }>;\n\nexport type AccountSavedCardsRemoval = Readonly<{\n  /** Card id of the removal in flight, or null. At most one per section. */\n  pendingId: string | null;\n  /** The last removal's outcome, or null before any and after begin(). */\n  outcome: AccountSavedCardRemovalOutcome | null;\n  /** Starts a removal. False, with no state change, while another is pending. */\n  begin: (id: string) => boolean;\n  /** Ends the pending removal with the action's userErrors (empty on success). */\n  settle: (id: string, userErrors: readonly { code: string }[]) => void;\n}>;\n\nexport type AccountSavedCardsContextValue = Readonly<{\n  state: AccountSavedCardsState;\n  cards: ReadonlyArray<{ id: string }>;\n  /** `extensions.code` of the read's error, or `null`. Set only in the `error` state. */\n  errorCode: string | null;\n  removal: AccountSavedCardsRemoval;\n}>;\n\nexport type AccountSavedCardsRootProps = ComponentPropsWithRef<'div'> & {\n  $data?: AccountSavedCardsData;\n  /** Injected by the compiler from `actions: { savedCard: ['remove'] }`, for every remove control inside. */\n  $actions?: ComponentActions;\n};\n\nexport type AccountSavedCardsHeadingLevel = 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nexport type AccountSavedCardsHeadingProps = ComponentPropsWithRef<'h2'> &\n  MessageLocaleProp & {\n    /** Heading level. `h1` is excluded: the page title belongs to the page shell. Defaults to `h2`. */\n    as?: AccountSavedCardsHeadingLevel;\n    $content?: ContentValue<typeof AccountSavedCardsHeadingContent>;\n  };\n\nexport type AccountSavedCardsListProps = ComponentPropsWithRef<'ul'> & {\n  /** The per-row template, typically one AccountSavedCardItem. */\n  children?: ReactNode;\n};\n\nexport type AccountSavedCardItemProps = ComponentPropsWithRef<'li'> & {\n  /** The row's parts. The item has no default anatomy. */\n  children: ReactNode;\n  /** Per-row slice from the reactive-list-item runtime; passed directly in tests. */\n  $data?: AccountSavedCardItemData;\n};\n\nexport type AccountSavedCardExpiryProps = Omit<ComponentPropsWithRef<'p'>, 'children'> &\n  MessageLocaleProp & {\n    $content?: ContentValue<typeof AccountSavedCardExpiryContent>;\n  };\n\nexport type AccountSavedCardsEmptyProps = ComponentPropsWithRef<'p'> &\n  MessageLocaleProp & {\n    $content?: ContentValue<typeof AccountSavedCardsEmptyContent>;\n  };\n\nexport type AccountSavedCardsLoadingProps = Omit<ComponentPropsWithRef<'div'>, 'children'> &\n  MessageLocaleProp & {\n    /** Placeholder rows shown while the cards load. Defaults to 2. */\n    skeletonCount?: number;\n    $content?: ContentValue<typeof AccountSavedCardsLoadingContent>;\n  };\n\nexport type AccountSavedCardsErrorProps = ComponentPropsWithRef<'div'> &\n  MessageLocaleProp & {\n    /** Replaces the message for every error code and drops the sign-in link. */\n    children?: ReactNode;\n    $content?: ContentValue<typeof AccountSavedCardsErrorContent>;\n  };\n\n/** The remove controller a row's prompt parts read. */\nexport type AccountSavedCardRemoveValue = Readonly<{\n  id: string;\n  /** This card's removal is pending. */\n  pending: boolean;\n  /** Any removal in the section is pending. */\n  blocked: boolean;\n  close: () => void;\n}>;\n\nexport type AccountSavedCardRemoveProps = {\n  /** One AlertDialogRoot to control. */\n  children: ReactNode;\n};\n\nexport type AccountSavedCardRemoveTriggerProps = ComponentPropsWithRef<'button'> &\n  MessageLocaleProp & {\n    $content?: ContentValue<typeof AccountSavedCardRemoveTriggerContent>;\n  };\n\nexport type AccountSavedCardRemoveTitleProps = ComponentPropsWithRef<'h2'> &\n  MessageLocaleProp & {\n    $content?: ContentValue<typeof AccountSavedCardRemoveTitleContent>;\n  };\n\nexport type AccountSavedCardRemoveDescriptionProps = ComponentPropsWithRef<'p'> &\n  MessageLocaleProp & {\n    $content?: ContentValue<typeof AccountSavedCardRemoveDescriptionContent>;\n  };\n\nexport type AccountSavedCardRemoveCancelProps = ComponentPropsWithRef<'button'> &\n  MessageLocaleProp & {\n    $content?: ContentValue<typeof AccountSavedCardRemoveCancelContent>;\n  };\n\nexport type AccountSavedCardRemoveConfirmProps = ComponentPropsWithRef<'button'> &\n  MessageLocaleProp & {\n    $content?: ContentValue<typeof AccountSavedCardRemoveConfirmContent>;\n  };\n\nexport type AccountSavedCardsRemoveFeedbackProps = Omit<ComponentPropsWithRef<'div'>, 'children'> &\n  MessageLocaleProp & {\n    $content?: ContentValue<typeof AccountSavedCardsRemoveFeedbackContent>;\n  };\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\nconst AccountSavedCardsContext = createContext<AccountSavedCardsContextValue | null>(null);\n\n/** The section state the nearest AccountSavedCardsRoot publishes. Throws outside one. */\nexport function useAccountSavedCards(): AccountSavedCardsContextValue {\n  const ctx = useContext(AccountSavedCardsContext);\n  if (!ctx) throw new Error('AccountSavedCards parts must be used inside AccountSavedCardsRoot.');\n  return ctx;\n}\n\nconst AccountSavedCardContext = createContext<AccountSavedCardContextValue | null>(null);\n\n/** The card the nearest AccountSavedCardItem provides. Throws outside one. */\nexport function useAccountSavedCard(): AccountSavedCardContextValue {\n  const ctx = useContext(AccountSavedCardContext);\n  if (!ctx) throw new Error('AccountSavedCard parts must be used inside AccountSavedCardItem.');\n  return ctx;\n}\n\nconst AccountSavedCardRemoveContext = createContext<AccountSavedCardRemoveValue | null>(null);\n\n/** The remove controller the nearest AccountSavedCardRemove provides. Throws outside one. */\nexport function useAccountSavedCardRemove(): AccountSavedCardRemoveValue {\n  const ctx = useContext(AccountSavedCardRemoveContext);\n  if (!ctx) throw new Error('AccountSavedCardRemove parts must be used inside AccountSavedCardRemove.');\n  return ctx;\n}\n\ntype SavedCardState = 'usable' | 'expired' | 'unusable';\n\n/** Only an explicit USABLE reads as usable, so a status this client does not know never looks usable. */\nfunction savedCardState(status: string): SavedCardState {\n  if (status === 'USABLE') return 'usable';\n  if (status === 'EXPIRED') return 'expired';\n  return 'unusable';\n}\n\nfunction validExpiry(expiry: AccountSavedCardContextValue['expiry']): { month: number; year: number } | null {\n  if (!expiry) return null;\n  const { month, year } = expiry;\n  if (!Number.isInteger(month) || month < 1 || month > 12) return null;\n  if (!Number.isInteger(year) || year < 1000 || year > 9999) return null;\n  return { month, year };\n}\n\nconst EMPTY_CARDS: ReadonlyArray<{ id: string }> = Object.freeze([]);\n\n/**\n * The read's own error code. The root error is page-wide, so an error whose path names another field\n * does not count; with no path at all, the first code stands.\n */\nfunction readErrorCode(error: ErrorLike): string | null {\n  if (!CombinedGraphQLErrors.is(error)) return null;\n  const own =\n    error.errors.find((entry) => entry.path?.[0] === 'customerSavedCards') ??\n    error.errors.find((entry) => entry.path == null);\n  const code = own?.extensions?.code;\n  return typeof code === 'string' ? code : null;\n}\n\n/**\n * One state for the whole section. A null slice plus an error is a failed read; an error beside a\n * resolved slice belongs to another field of the page query and changes nothing here.\n */\nfunction resolveSectionState(\n  data: AccountSavedCardsData,\n  loading: boolean,\n  error: ErrorLike | undefined,\n): Omit<AccountSavedCardsContextValue, 'removal'> {\n  if (data == null) {\n    if (error) return { state: 'error', cards: EMPTY_CARDS, errorCode: readErrorCode(error) };\n    return { state: loading ? 'loading' : 'idle', cards: EMPTY_CARDS, errorCode: null };\n  }\n  const cards = data.cards ?? EMPTY_CARDS;\n  return { state: cards.length === 0 ? 'empty' : 'ready', cards, errorCode: null };\n}\n\n// ---------------------------------------------------------------------------\n// Definitions\n// ---------------------------------------------------------------------------\n\nexport const AccountSavedCardsRootDefinition = defineComponent<AccountSavedCardsRootProps>({\n  name: 'AccountSavedCardsRoot',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardsRoot,\n  fragment,\n  fetchStrategy: 'reactive',\n  requiresContext: 'session',\n  providesContext: 'account-saved-cards',\n  actions: { savedCard: ['remove'] },\n  editor: { label: 'Account Saved Cards Root', category: 'identity' },\n  schema: {},\n  guideline:\n    \"The signed-in shopper's saved cards, read with no cart. Renders nothing unless the session is loggedIn, and no chrome of its own: compose AccountSavedCardsHeading, AccountSavedCardsRemoveFeedback, AccountSavedCardsLoading, AccountSavedCardsError, AccountSavedCardsEmpty, and AccountSavedCardsList (with an AccountSavedCardItem inside) as children. Exactly one of Loading, Error, Empty, or List renders at a time; the state is on data-fs-account-saved-cards-state. It owns the removal state and supplies the savedCard.remove write to every AccountSavedCardRemove inside, so the write sits here rather than on the control that dispatches it; with no remove control composed the write is never called. Must be inside a SessionRoot, normally the my-account layout's. See account-saved-cards.md.\",\n});\n\nexport const AccountSavedCardsHeadingDefinition = defineComponent<AccountSavedCardsHeadingProps>({\n  name: 'AccountSavedCardsHeading',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardsHeading,\n  content: AccountSavedCardsHeadingContent,\n  requiresContext: 'account-saved-cards',\n  editor: { label: 'Account Saved Cards Heading', category: 'identity' },\n  schema: {\n    as: { type: ['h2', 'h3', 'h4', 'h5', 'h6'] as const, default: 'h2', label: 'Heading level' },\n  },\n  guideline:\n    'The section heading, rendered in every state. `as` sets the level from h2 to h6 (default h2); there is no h1, because the page title belongs to the page shell — pick the level that fits where the section is nested, or omit the heading. Text is children, or else the text message. Must be inside AccountSavedCardsRoot.',\n});\n\nexport const AccountSavedCardsListDefinition = defineComponent<AccountSavedCardsListProps>({\n  name: 'AccountSavedCardsList',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardsList,\n  requiresContext: 'account-saved-cards',\n  providesContext: 'account-saved-card',\n  editor: { label: 'Account Saved Cards List', category: 'identity' },\n  schema: {},\n  guideline:\n    'The list of saved cards, one row per card in the platform order, rendered only when the shopper has at least one. Place one AccountSavedCardItem inside as the row template. Must be inside AccountSavedCardsRoot.',\n});\n\nexport const AccountSavedCardItemDefinition = defineComponent<AccountSavedCardItemProps>({\n  name: 'AccountSavedCardItem',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardItem,\n  fragment: itemFragment,\n  fetchStrategy: 'reactive-list-item',\n  requiresContext: 'account-saved-card',\n  providesContext: ['card-summary', 'account-saved-card-data'],\n  editor: { label: 'Account Saved Card Item', category: 'identity' },\n  schema: {},\n  guideline:\n    'One saved card as a list row. It provides the card to the CardSummary parts, AccountSavedCardExpiry, and AccountSavedCardRemove. It renders only its children, so compose CardSummary, AccountSavedCardExpiry and AccountSavedCardRemove in it; keep AccountSavedCardExpiry in any row, and leave AccountSavedCardRemove out only for a read-only list. An expired row carries data-fs-account-saved-card-expired, an unusable one data-fs-account-saved-card-unusable, and a row whose removal is pending data-fs-account-saved-card-removing, for a swatch to dim. Never shows more than the last four digits. Must be inside AccountSavedCardsList.',\n});\n\nexport const AccountSavedCardExpiryDefinition = defineComponent<AccountSavedCardExpiryProps>({\n  name: 'AccountSavedCardExpiry',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardExpiry,\n  content: AccountSavedCardExpiryContent,\n  requiresContext: 'account-saved-card-data',\n  editor: { label: 'Account Saved Card Expiry', category: 'identity' },\n  schema: {},\n  guideline:\n    'When a saved card expires: \"Expires 05/28\" for a working card, \"Expired 05/24\" (or \"Expired\" with no date) for an expired one, and \"This card can\\'t be used\", with no date, for an unusable one. Renders nothing for a working card with no date. The label is the expiresLabel, expiredLabel, expiredText or unusableText message; the component always places the MM/YY date after it. The state is on data-fs-account-saved-card-expiry-status (usable, expired, unusable). Must be inside AccountSavedCardItem.',\n});\n\nexport const AccountSavedCardsEmptyDefinition = defineComponent<AccountSavedCardsEmptyProps>({\n  name: 'AccountSavedCardsEmpty',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardsEmpty,\n  content: AccountSavedCardsEmptyContent,\n  requiresContext: 'account-saved-cards',\n  editor: { label: 'Account Saved Cards Empty', category: 'identity' },\n  schema: {},\n  guideline:\n    'States that the shopper has no saved cards. Renders only once the read resolved with none — never while loading or after a failure. Text is children, or else the text message. Must be inside AccountSavedCardsRoot.',\n});\n\nexport const AccountSavedCardsLoadingDefinition = defineComponent<AccountSavedCardsLoadingProps>({\n  name: 'AccountSavedCardsLoading',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardsLoading,\n  content: AccountSavedCardsLoadingContent,\n  requiresContext: 'account-saved-cards',\n  editor: { label: 'Account Saved Cards Loading', category: 'identity' },\n  schema: {\n    skeletonCount: { type: 'number', default: 2, label: 'Placeholder rows' },\n  },\n  guideline:\n    'Placeholder rows while the saved cards load, plus one polite live region that announces the wait (the text message). The rows are hidden from assistive technology; style them through data-fs-account-saved-cards-loading-row. Without this part the section shows no loading look. Must be inside AccountSavedCardsRoot.',\n});\n\nexport const AccountSavedCardsErrorDefinition = defineComponent<AccountSavedCardsErrorProps>({\n  name: 'AccountSavedCardsError',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardsError,\n  content: AccountSavedCardsErrorContent,\n  requiresContext: 'account-saved-cards',\n  editor: { label: 'Account Saved Cards Error', category: 'identity' },\n  schema: {},\n  guideline:\n    'An alert shown when the saved cards cannot be read. An expired session says so and links to sign-in, returning the shopper to this page; any other failure says the cards could not be loaded. The wording is the sessionExpiredText, signInLabel and text messages, never from the server; children replace it for every failure and drop the link. Must be inside AccountSavedCardsRoot.',\n});\n\nexport const AccountSavedCardRemoveDefinition = defineComponent<AccountSavedCardRemoveProps>({\n  name: 'AccountSavedCardRemove',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardRemove,\n  requiresContext: 'account-saved-card-data',\n  providesContext: 'account-saved-card-remove',\n  editor: { label: 'Account Saved Card Remove', category: 'identity' },\n  schema: {},\n  guideline:\n    \"Lets the shopper remove the row's card after confirming. State-only controller: wrap one AlertDialogRoot and it becomes controlled, so never set open or onOpenChange on it. Compose AlertDialogRoot > (AccountSavedCardRemoveTrigger + AlertDialogPortal > (AlertDialogBackdrop + AlertDialogViewport > AlertDialogPopup > (AccountSavedCardRemoveTitle + AccountSavedCardRemoveDescription + AccountSavedCardRemoveCancel + AccountSavedCardRemoveConfirm))), Cancel before Confirm so the safe action takes focus. With no children it renders nothing. The prompt stays open while the removal runs and closes when it fails; on success the row leaves the list. AccountSavedCardsRoot supplies the savedCard.remove write, and the outcome goes unreported unless the section composes AccountSavedCardsRemoveFeedback. Must be inside AccountSavedCardItem.\",\n});\n\nexport const AccountSavedCardRemoveTriggerDefinition = defineComponent<AccountSavedCardRemoveTriggerProps>({\n  name: 'AccountSavedCardRemoveTrigger',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardRemoveTrigger,\n  content: AccountSavedCardRemoveTriggerContent,\n  requiresContext: 'account-saved-card-remove',\n  editor: { label: 'Account Saved Card Remove Trigger', category: 'identity' },\n  schema: {},\n  guideline:\n    'Opens the removal prompt. Its accessible name is its text followed by the card, e.g. \"Remove Visa ending in 1234\"; the card part is visually hidden. Disabled while any removal in the section is pending. Text is children, or else the text message; the card part is the cardEndingIn message. Direct child of the AlertDialogRoot inside AccountSavedCardRemove.',\n});\n\nexport const AccountSavedCardRemoveTitleDefinition = defineComponent<AccountSavedCardRemoveTitleProps>({\n  name: 'AccountSavedCardRemoveTitle',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardRemoveTitle,\n  content: AccountSavedCardRemoveTitleContent,\n  requiresContext: 'account-saved-card-remove',\n  editor: { label: 'Account Saved Card Remove Title', category: 'identity' },\n  schema: {},\n  guideline:\n    \"The removal prompt's question and its accessible name. Required inside AlertDialogPopup. Text is children, or else the text message. Must be inside AccountSavedCardRemove.\",\n});\n\nexport const AccountSavedCardRemoveDescriptionDefinition = defineComponent<AccountSavedCardRemoveDescriptionProps>({\n  name: 'AccountSavedCardRemoveDescription',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardRemoveDescription,\n  content: AccountSavedCardRemoveDescriptionContent,\n  requiresContext: 'account-saved-card-remove',\n  editor: { label: 'Account Saved Card Remove Description', category: 'identity' },\n  schema: {},\n  guideline:\n    'Names the card and states the consequence; screen readers announce it with the prompt. With no children it renders CardSummary, which reads the cardEndingIn message of this part as its endingIn, and then the text message; children replace both, so keep a CardSummary in them for the prompt to name the card. Inside AlertDialogPopup, after AccountSavedCardRemoveTitle. Must be inside AccountSavedCardRemove.',\n});\n\nexport const AccountSavedCardRemoveCancelDefinition = defineComponent<AccountSavedCardRemoveCancelProps>({\n  name: 'AccountSavedCardRemoveCancel',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardRemoveCancel,\n  content: AccountSavedCardRemoveCancelContent,\n  requiresContext: 'account-saved-card-remove',\n  editor: { label: 'Account Saved Card Remove Cancel', category: 'identity' },\n  schema: {},\n  guideline:\n    'Closes the removal prompt and keeps the card. Disabled while the removal runs. Place it before AccountSavedCardRemoveConfirm so it takes focus when the prompt opens. Text is children, or else the text message. Must be inside AccountSavedCardRemove.',\n});\n\nexport const AccountSavedCardRemoveConfirmDefinition = defineComponent<AccountSavedCardRemoveConfirmProps>({\n  name: 'AccountSavedCardRemoveConfirm',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardRemoveConfirm,\n  content: AccountSavedCardRemoveConfirmContent,\n  requiresContext: 'account-saved-card-remove',\n  editor: { label: 'Account Saved Card Remove Confirm', category: 'identity' },\n  schema: {},\n  guideline:\n    'Removes the card. It dispatches savedCard.remove through the write AccountSavedCardsRoot supplies and declares none of its own. While the removal runs it is busy and shows its pending text; one removal runs at a time in the section. Text is children, or else the text message; the pendingText message while removing. Must be inside AccountSavedCardRemove.',\n});\n\nexport const AccountSavedCardsRemoveFeedbackDefinition = defineComponent<AccountSavedCardsRemoveFeedbackProps>({\n  name: 'AccountSavedCardsRemoveFeedback',\n  importPath: '@vtex/faststore/components',\n  component: AccountSavedCardsRemoveFeedback,\n  content: AccountSavedCardsRemoveFeedbackContent,\n  requiresContext: 'account-saved-cards',\n  editor: { label: 'Account Saved Cards Remove Feedback', category: 'identity' },\n  schema: {},\n  guideline:\n    \"Tells the shopper how a card removal ended: a status message that takes focus when the card was removed, or an alert when it was not, with a sign-in link back to this page when the session expired. Renders in every state of the section, so the message outlives the removed row and an emptied list; it stays until the next removal starts. Without this part a removal's outcome goes unreported. The wording is the successText, failureText, sessionExpiredText and signInLabel messages, never the server's; the outcome is on data-fs-account-saved-cards-remove-feedback-outcome. Must be inside AccountSavedCardsRoot.\",\n});\n\n// ---------------------------------------------------------------------------\n// Implementations\n// ---------------------------------------------------------------------------\n\n/**\n * One removal at a time: each success replaces the whole cached list, so two in flight could land out\n * of order and restore a card the later one removed.\n */\nfunction useRemovalState(): AccountSavedCardsRemoval {\n  const [pendingId, setPendingId] = useState<string | null>(null);\n  const [outcome, setOutcome] = useState<AccountSavedCardRemovalOutcome | null>(null);\n  // Read synchronously, so a second activation in the same tick already sees the first.\n  const pendingRef = useRef<string | null>(null);\n\n  const begin = useCallback((id: string) => {\n    if (pendingRef.current !== null) return false;\n    pendingRef.current = id;\n    setPendingId(id);\n    setOutcome(null);\n    return true;\n  }, []);\n\n  const settle = useCallback((id: string, userErrors: readonly { code: string }[]) => {\n    if (pendingRef.current !== id) return;\n    pendingRef.current = null;\n    setPendingId(null);\n    const [first] = userErrors;\n    setOutcome(first ? { kind: 'failed', code: first.code } : { kind: 'removed' });\n  }, []);\n\n  return useMemo(() => ({ pendingId, outcome, begin, settle }), [pendingId, outcome, begin, settle]);\n}\n\nexport function AccountSavedCardsRoot({\n  $data: $dataProp,\n  $actions: $actionsProp,\n  className,\n  children,\n  ...props\n}: AccountSavedCardsRootProps) {\n  // Enforces the SessionRoot ancestor: useSession() throws outside one.\n  const { state: sessionState } = useSession();\n  const data = useDataOverride<AccountSavedCardsData | undefined>($dataProp) ?? null;\n  const $actions = useActionsOverride($actionsProp);\n  const { loading, error } = useContext(ReactiveRootContext);\n  const section = useMemo(() => resolveSectionState(data, loading, error), [data, loading, error]);\n  const removal = useRemovalState();\n  const value = useMemo(() => ({ ...section, removal }), [section, removal]);\n\n  if (sessionState !== 'loggedIn') return null;\n\n  return (\n    <AccountSavedCardsContext value={value}>\n      <ActionsOverrideContext value={$actions}>\n        <div\n          {...props}\n          className={className}\n          data-fs-account-saved-cards=\"\"\n          data-fs-account-saved-cards-state={value.state}\n        >\n          {children}\n        </div>\n      </ActionsOverrideContext>\n    </AccountSavedCardsContext>\n  );\n}\n\nexport function AccountSavedCardsHeading({\n  as: Tag = 'h2',\n  $content,\n  $locale,\n  className,\n  children,\n  ...props\n}: AccountSavedCardsHeadingProps) {\n  useAccountSavedCards();\n  const { format } = useMessageFormatter(AccountSavedCardsHeadingContent, $content);\n  return (\n    <Tag {...props} className={className} data-fs-account-saved-cards-heading=\"\">\n      {children ?? format('text')}\n    </Tag>\n  );\n}\n\nexport function AccountSavedCardsList({ className, children, ...props }: AccountSavedCardsListProps) {\n  const { state, cards } = useAccountSavedCards();\n  if (state !== 'ready') return null;\n\n  return (\n    <ul {...props} className={className} data-fs-account-saved-cards-list=\"\">\n      {cards.map((card) => (\n        // No fallback slice: the Root selects ids only, so an incomplete row renders nothing until\n        // its cache entry resolves rather than a partial card.\n        <ListItemRefContext\n          key={card.id}\n          value={{ __typename: 'CustomerSavedCard', id: card.id, fallbackData: undefined }}\n        >\n          {children}\n        </ListItemRefContext>\n      ))}\n    </ul>\n  );\n}\n\nexport function AccountSavedCardItem({ $data: $dataProp, className, children, ...props }: AccountSavedCardItemProps) {\n  const card = useDataOverride<AccountSavedCardItemData | undefined>($dataProp) ?? null;\n  // Not useAccountSavedCards(): an Item composed without a remove control stays usable outside a Root.\n  const pendingId = useContext(AccountSavedCardsContext)?.removal.pendingId ?? null;\n  if (!card) return null;\n  const state = savedCardState(card.status);\n\n  return (\n    <AccountSavedCardContext value={card}>\n      <li\n        {...props}\n        className={className}\n        data-fs-account-saved-card=\"\"\n        {...(state === 'expired' ? { 'data-fs-account-saved-card-expired': '' } : {})}\n        {...(state === 'unusable' ? { 'data-fs-account-saved-card-unusable': '' } : {})}\n        {...(pendingId === card.id ? { 'data-fs-account-saved-card-removing': '' } : {})}\n      >\n        <CardSummaryRoot network={card.network.name} lastDigits={card.lastDigits}>\n          {children}\n        </CardSummaryRoot>\n      </li>\n    </AccountSavedCardContext>\n  );\n}\n\nexport function AccountSavedCardExpiry({ $content, $locale, className, ...props }: AccountSavedCardExpiryProps) {\n  const { status, expiry } = useAccountSavedCard();\n  const { format } = useMessageFormatter(AccountSavedCardExpiryContent, $content);\n  const { formatDate } = useStorefrontFormatters();\n  const state = savedCardState(status);\n  const date = state === 'unusable' ? null : validExpiry(expiry);\n  if (state === 'usable' && !date) return null;\n\n  let label: string;\n  if (state === 'unusable') {\n    label = format('unusableText');\n  } else if (!date) {\n    label = format('expiredText');\n  } else if (state === 'expired') {\n    label = format('expiredLabel');\n  } else {\n    label = format('expiresLabel');\n  }\n  const month = date ? String(date.month).padStart(2, '0') : '';\n\n  return (\n    <p\n      {...props}\n      className={className}\n      data-fs-account-saved-card-expiry=\"\"\n      data-fs-account-saved-card-expiry-status={state}\n    >\n      <span data-fs-account-saved-card-expiry-label=\"\">{label}</span>\n      {date ? (\n        <>\n          {' '}\n          <time data-fs-account-saved-card-expiry-date=\"\" dateTime={`${date.year}-${month}`} aria-hidden=\"true\">\n            {`${month}/${String(date.year % 100).padStart(2, '0')}`}\n          </time>{' '}\n          <span data-fs-sr-only=\"\" className=\"sr-only\">\n            {/* UTC on the first of the month, so no time zone moves the date into another month. */}\n            {formatDate(Date.UTC(date.year, date.month - 1, 1), {\n              month: 'long',\n              year: 'numeric',\n              timeZone: 'UTC',\n            })}\n          </span>\n        </>\n      ) : null}\n    </p>\n  );\n}\n\nexport function AccountSavedCardsEmpty({\n  $content,\n  $locale,\n  className,\n  children,\n  ...props\n}: AccountSavedCardsEmptyProps) {\n  const { state } = useAccountSavedCards();\n  const { format } = useMessageFormatter(AccountSavedCardsEmptyContent, $content);\n  if (state !== 'empty') return null;\n\n  return (\n    <p {...props} className={className} data-fs-account-saved-cards-empty=\"\">\n      {children ?? format('text')}\n    </p>\n  );\n}\n\nconst DEFAULT_SKELETON_COUNT = 2;\n\nexport function AccountSavedCardsLoading({\n  skeletonCount = DEFAULT_SKELETON_COUNT,\n  $content,\n  $locale,\n  className,\n  ...props\n}: AccountSavedCardsLoadingProps) {\n  const { state } = useAccountSavedCards();\n  const { format } = useMessageFormatter(AccountSavedCardsLoadingContent, $content);\n  const loading = state === 'loading';\n  const rows = Number.isFinite(skeletonCount) ? Math.max(1, Math.trunc(skeletonCount)) : DEFAULT_SKELETON_COUNT;\n\n  // A live region only announces text written after it mounted, so it stays in the tree and is\n  // filled on the pass after loading starts (AccountEntryPoint's pattern).\n  const [announcement, setAnnouncement] = useState('');\n  const pendingLabel = loading ? format('text') : '';\n  useEffect(() => {\n    setAnnouncement(pendingLabel);\n  }, [pendingLabel]);\n\n  return (\n    <>\n      {loading ? (\n        <div {...props} className={className} aria-hidden=\"true\" data-fs-account-saved-cards-loading=\"\">\n          {Array.from({ length: rows }, (_, index) => (\n            <span key={index} data-fs-account-saved-cards-loading-row=\"\" />\n          ))}\n        </div>\n      ) : null}\n      <output aria-live=\"polite\" data-fs-account-saved-cards-loading-announcement=\"\">\n        {announcement}\n      </output>\n    </>\n  );\n}\n\nexport function AccountSavedCardsError({\n  $content,\n  $locale,\n  className,\n  children,\n  ...props\n}: AccountSavedCardsErrorProps) {\n  const { state, errorCode } = useAccountSavedCards();\n  const { format } = useMessageFormatter(AccountSavedCardsErrorContent, $content);\n  const { path } = useStorefrontRoute();\n  if (state !== 'error') return null;\n\n  // Keyed on the code as a whole: confronted identity gives every refusal one UNAUTHORIZED, and the\n  // server's message is never rendered.\n  const sessionExpired = errorCode === 'UNAUTHORIZED';\n\n  return (\n    <div\n      {...props}\n      role=\"alert\"\n      className={className}\n      data-fs-account-saved-cards-error=\"\"\n      data-fs-account-saved-cards-error-code={sessionExpired ? 'unauthorized' : 'failed'}\n    >\n      {children ??\n        (sessionExpired ? (\n          <>\n            {format('sessionExpiredText')}{' '}\n            <NavigationLink href={signInTarget(path)} prefetch={false} data-fs-account-saved-cards-sign-in=\"\">\n              {format('signInLabel')}\n            </NavigationLink>\n          </>\n        ) : (\n          format('text')\n        ))}\n    </div>\n  );\n}\n\ntype OverlayOpenProps = {\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n};\n\nexport function AccountSavedCardRemove({ children }: Readonly<AccountSavedCardRemoveProps>) {\n  const { id } = useAccountSavedCard();\n  const { removal } = useAccountSavedCards();\n  const [open, setOpen] = useState(false);\n  const pending = removal.pendingId === id;\n  const blocked = removal.pendingId !== null;\n  const close = useCallback(() => setOpen(false), []);\n  const value = useMemo(() => ({ id, pending, blocked, close }), [id, pending, blocked, close]);\n\n  if (!isValidElement<OverlayOpenProps>(children)) {\n    return <AccountSavedCardRemoveContext value={value}>{children}</AccountSavedCardRemoveContext>;\n  }\n\n  return (\n    <AccountSavedCardRemoveContext value={value}>\n      {cloneElement(children, {\n        open,\n        onOpenChange: (next: boolean) => {\n          // Escape and Cancel cannot leave a removal in flight, and no prompt opens while one runs.\n          if (next ? blocked : pending) return;\n          setOpen(next);\n        },\n      })}\n    </AccountSavedCardRemoveContext>\n  );\n}\n\nexport function AccountSavedCardRemoveTrigger({\n  $content,\n  $locale,\n  className,\n  children,\n  disabled,\n  ...props\n}: AccountSavedCardRemoveTriggerProps) {\n  const { blocked } = useAccountSavedCardRemove();\n  const { name, lastFour } = useCardSummary();\n  const { format } = useMessageFormatter(AccountSavedCardRemoveTriggerContent, $content);\n  const card = [name, lastFour ? format('cardEndingIn', { lastDigits: lastFour }) : null].filter(Boolean).join(' ');\n\n  return (\n    <AlertDialogTrigger\n      {...props}\n      className={className}\n      disabled={blocked || disabled}\n      data-fs-account-saved-card-remove-trigger=\"\"\n    >\n      {children ?? format('text')}\n      {card ? (\n        <>\n          {' '}\n          <span data-fs-sr-only=\"\" className=\"sr-only\">\n            {card}\n          </span>\n        </>\n      ) : null}\n    </AlertDialogTrigger>\n  );\n}\n\nexport function AccountSavedCardRemoveTitle({\n  $content,\n  $locale,\n  className,\n  children,\n  ...props\n}: AccountSavedCardRemoveTitleProps) {\n  useAccountSavedCardRemove();\n  const { format } = useMessageFormatter(AccountSavedCardRemoveTitleContent, $content);\n  return (\n    <AlertDialogTitle {...props} className={className} data-fs-account-saved-card-remove-title=\"\">\n      {children ?? format('text')}\n    </AlertDialogTitle>\n  );\n}\n\nexport function AccountSavedCardRemoveDescription({\n  $content,\n  $locale,\n  className,\n  children,\n  ...props\n}: AccountSavedCardRemoveDescriptionProps) {\n  useAccountSavedCardRemove();\n  const { format } = useMessageFormatter(AccountSavedCardRemoveDescriptionContent, $content);\n  const cardEndingIn = $content?.cardEndingIn;\n  const cardSummaryContent = useMemo(() => ({ endingIn: cardEndingIn }), [cardEndingIn]);\n  return (\n    <AlertDialogDescription {...props} className={className} data-fs-account-saved-card-remove-description=\"\">\n      {children ?? (\n        <>\n          <CardSummary $content={cardSummaryContent} /> {format('text')}\n        </>\n      )}\n    </AlertDialogDescription>\n  );\n}\n\nexport function AccountSavedCardRemoveCancel({\n  $content,\n  $locale,\n  className,\n  children,\n  disabled,\n  ...props\n}: AccountSavedCardRemoveCancelProps) {\n  const { pending } = useAccountSavedCardRemove();\n  const { format } = useMessageFormatter(AccountSavedCardRemoveCancelContent, $content);\n  return (\n    <AlertDialogClose\n      {...props}\n      className={className}\n      disabled={pending || disabled}\n      data-fs-account-saved-card-remove-cancel=\"\"\n    >\n      {children ?? format('text')}\n    </AlertDialogClose>\n  );\n}\n\nexport function AccountSavedCardRemoveConfirm({\n  $content,\n  $locale,\n  className,\n  children,\n  onClick,\n  ...props\n}: AccountSavedCardRemoveConfirmProps) {\n  const { id, pending, close } = useAccountSavedCardRemove();\n  const { removal } = useAccountSavedCards();\n  const remove = useActionsOverride(undefined)?.savedCard?.remove;\n  const { format } = useMessageFormatter(AccountSavedCardRemoveConfirmContent, $content);\n\n  async function handleClick(event: MouseEvent<HTMLButtonElement>) {\n    onClick?.(event);\n    if (event.defaultPrevented || !remove || !removal.begin(id)) return;\n    let userErrors: readonly { code: string }[];\n    try {\n      userErrors = await remove({ id });\n    } catch {\n      // An injected action may reject; a removal left pending would lock the prompt open.\n      userErrors = [{ code: 'NETWORK_ERROR' }];\n    }\n    // On success the row, and this prompt with it, has already left the list; the Root is still there.\n    removal.settle(id, userErrors);\n    close();\n  }\n\n  return (\n    <button\n      {...props}\n      type=\"button\"\n      className={className}\n      // aria-disabled rather than disabled, so focus stays on the control while it reports progress.\n      aria-disabled={pending || undefined}\n      aria-busy={pending || undefined}\n      data-fs-account-saved-card-remove-confirm=\"\"\n      {...(pending ? { 'data-fs-account-saved-card-remove-confirm-pending': '' } : {})}\n      onClick={handleClick}\n    >\n      {pending ? format('pendingText') : (children ?? format('text'))}\n    </button>\n  );\n}\n\nfunction feedbackOutcome(outcome: AccountSavedCardRemovalOutcome | null) {\n  if (!outcome) return undefined;\n  if (outcome.kind === 'removed') return 'removed';\n  return outcome.code === 'UNAUTHORIZED' ? 'unauthorized' : 'failed';\n}\n\nexport function AccountSavedCardsRemoveFeedback({\n  $content,\n  $locale,\n  className,\n  ...props\n}: AccountSavedCardsRemoveFeedbackProps) {\n  const {\n    removal: { outcome },\n  } = useAccountSavedCards();\n  const { format } = useMessageFormatter(AccountSavedCardsRemoveFeedbackContent, $content);\n  const { path } = useStorefrontRoute();\n  const statusRef = useRef<HTMLOutputElement>(null);\n  const kind = feedbackOutcome(outcome);\n\n  // A live region only announces text written after it mounted, so it stays in the tree and is filled\n  // on the pass after the outcome. Focus moves to it because the trigger it would return to left with\n  // the removed row.\n  const [announcement, setAnnouncement] = useState('');\n  const removed = outcome?.kind === 'removed';\n  // Formatted only once a card was removed, so an idle section never reports the message missing.\n  const successText = removed ? format('successText') : '';\n  useEffect(() => {\n    setAnnouncement(successText);\n    if (removed) statusRef.current?.focus();\n  }, [removed, successText]);\n\n  return (\n    <div\n      {...props}\n      className={className}\n      data-fs-account-saved-cards-remove-feedback=\"\"\n      data-fs-account-saved-cards-remove-feedback-outcome={kind}\n    >\n      <output ref={statusRef} aria-live=\"polite\" tabIndex={-1}>\n        {announcement}\n      </output>\n      {kind === 'unauthorized' ? (\n        <div role=\"alert\">\n          {format('sessionExpiredText')}{' '}\n          <NavigationLink\n            href={signInTarget(path)}\n            prefetch={false}\n            data-fs-account-saved-cards-remove-feedback-sign-in=\"\"\n          >\n            {format('signInLabel')}\n          </NavigationLink>\n        </div>\n      ) : null}\n      {kind === 'failed' ? <div role=\"alert\">{format('failureText')}</div> : null}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/matter/billing-address/billing-address.d.ts

@@ -1,7 +1,7 @@
+import { ContentValue, MessageLocaleProp } from "../../core/dist/define-content-type.js";
 import { ComponentDefinition } from "../../core/dist/define-component.js";
 import "../../core/dist/index.js";
 import { ComponentActions } from "../../sdk/actions/types.js";
-import "../shipping-address/country-descriptors.js";
 import { ComponentPropsWithRef } from "react";
 //#region src/matter/billing-address/billing-address.d.ts
 /**
@@ -10,11 +10,13 @@ import { ComponentPropsWithRef } from "react";
  * country-specific address form that persists via `$actions.payment.setBillingAddress`
  * (already shipped by T4, zero consumers before this task).
  *
- * The shared `Address` composition RFC D6 names (shipping and billing as two control matters over
- * one set of reusable particles) is DEFERRED — an implementation-time call the engineer resolved
- * narrow (specs/billing-address.md Decision 1). This component builds its own controls and imports
- * `countryDescriptors` from `../shipping-address/country-descriptors.js`, the one place a country's field
- * set, labels, copy and format rules live.
+ * RFC D6 names one shared `Address` under shipping and billing. What the two matters share is the country
+ * descriptors (`../shipping-address/country-descriptors.js`, the one place a country's field set and format
+ * rules live), the rule verdict (`satisfiesFieldRule`) and the payload helpers
+ * (`../shipping-address/address-payload.js`: value normalisation and which text fields a country sends). The
+ * controls are not shared: this component builds its own, over local state, where shipping binds
+ * react-hook-form, and their `data-fs-*` hooks, required rules and error copy differ (specs/billing-address.md
+ * Decision 1). Its copy is its own `$content`; country names come from `Intl.DisplayNames`.
  *
  * There is NO read-back path for a persisted billing address (specs/billing-address.md Decision 3):
  * `type Payment` carries no `billingAddress` field, and `setBillingAddress` itself resolves only
@@ -76,80 +78,19 @@ export type BillingAddressFormDraft = Readonly<{
   country: string;
   [fieldName: string]: string;
 }>;
-export type BillingAddressProps = Omit<ComponentPropsWithRef<'div'>, 'children'> & {
-  /** The "same as delivery" toggle's own accessible label. */
-  sameAsDeliveryLabel?: string;
+export type BillingAddressProps = Omit<ComponentPropsWithRef<'div'>, 'children'> & MessageLocaleProp & {
   /** ISO 3166-1 alpha-3 default country for the custom-address form's country selector. */
   defaultCountry?: string;
-  /** Label for the country selector inside the custom-address form. */
-  countryLabel?: string;
-  /** Label for the control that persists a custom billing address. */
-  submitLabel?: string;
-  /** Label on the submit control while the mutation is in flight. */
-  submitPendingLabel?: string;
-  /** Shown when the selected method's validator marks a billing address required. */
-  requiredNoticeLabel?: string;
-  /** Label for the recipient-name descriptor field. Not rendered by the custom-address form today
-   *  (`OMITTED_FORM_FIELD_NAMES` — the write contract has no matching input slot, Decision 4); kept
-   *  for parity with the other seven field labels this same map covers. */
-  recipientNameLabel?: string;
-  /** Label for the street descriptor field. */
-  streetLabel?: string;
-  /** Label for the street-number descriptor field. */
-  numberLabel?: string;
-  /** Label for the complement descriptor field. Its "(optional)" suffix is the only signal that the
-   *  field is not required — `OPTIONAL_FORM_FIELD_NAMES` drives the actual `required` attribute
-   *  independently, so authoring this without the suffix loses the optionality cue, not the behavior
-   *  (R7). */
-  complementLabel?: string;
-  /** Label for the neighborhood descriptor field. Unused when the active country's descriptor has no
-   *  `neighborhood` field (e.g. USA). */
-  neighborhoodLabel?: string;
-  /** Label for the city descriptor field. */
-  cityLabel?: string;
-  /** Label for the state descriptor field. */
-  stateLabel?: string;
-  /** Label for the postal-code descriptor field. */
-  postalCodeLabel?: string;
-  /** Shown while the form is open and no address has been persisted yet (PR #544 N7) — the shopper
-   * declined "same as delivery" but has not (or not yet again) had a submit succeed, so Place Order
-   * will bill the delivery address unless they save one first. Rendered `role="status"`, not
-   * `role="alert"`: it is a persistent, advisory condition of the form being open, not a one-off
-   * announcement reacting to a rejected action (see this file's own existing `-error` alert for that
-   * shape) — see `specs/billing-address.md`'s Accessibility Contract for the site count this choice is
-   * measured against. */
-  unsavedAddressNoticeLabel?: string;
-  /** Always-on billing-match disclaimer (requirement 12.20): tells the shopper their billing address
-   *  must match the one their card issuer or bank statement holds, so an AVS mismatch does not get the
-   *  order declined with no explanation on screen. Gated on this prop and `billingMatchNoticeVisible`
-   *  only — reads no `usePayment()` value, no local state, no `$data` (FR-4), unlike the two notices
-   *  above. */
-  billingMatchNoticeLabel?: string;
-  /** Switches the billing-match disclaimer above on or off. Defaults to `true` (Decision 5 — the
-   *  requirement's own intent); subordinate to `billingMatchNoticeLabel.trim()`, which alone can still
-   *  suppress an empty notice (FR-3) regardless of this prop's value. */
+  /** Switches the always-on billing-match disclaimer (requirement 12.20) on or off. Defaults to `true`
+   *  (Decision 5 — the requirement's own intent); a blank `billingMatchNoticeLabel` message also
+   *  suppresses it (FR-3). Reads no `usePayment()` value, no local state, no `$data` (FR-4). */
   billingMatchNoticeVisible?: boolean;
-  /**
-   * Shown as a `Field.Error` under a required, blank, touched field (T38, FR-6/FR-7) — the same
-   * non-blank rule `isBillingAddressFormValid` already applies, except `complement`
-   * (`OPTIONAL_FORM_FIELD_NAMES`), which is never marked invalid. One prop, not one per field: every
-   * rendered field shares the same rule, so seven props would be seven ways to say the same sentence.
-   * Resolved through `resolveAuthoredCopy`.
-   */
-  fieldRequiredMessage?: string;
-  /**
-   * Shown as a `Field.Error` under a touched, non-blank postal code that does not match the selected
-   * country's format (the descriptor's `rule.pattern`). Only the postal code reads this prop: any other
-   * field that gains a pattern speaks with its own descriptor message. Blank wins over format: a blank
-   * field reads `fieldRequiredMessage`, never this. Never contains the typed value. Resolved through
-   * `resolveAuthoredCopy`, so a blank value falls back to the English default like every other copy on
-   * this form.
-   */
-  postalCodeInvalidMessage?: string;
   /** Disables the toggle, every form field, the country selector, and the submit control. */
   disabled?: boolean;
   /** Compiler-injected action surface; carries `payment.setBillingAddress`. */
   $actions?: ComponentActions;
+  /** The toggle, notices, field labels, messages and submit labels of the form. */
+  $content?: ContentValue<typeof BillingAddressContent>;
 };
 /**
  * Whether the toggle reads as "same as delivery" — `true` whenever the published flag is `null`
@@ -172,7 +113,148 @@ export declare function resolveSameAsDelivery(billingAddressDifferent: boolean |
  * gate would fail on.
  */
 export declare function isBillingAddressFormValid(formDraft: BillingAddressFormDraft): boolean;
+export declare const BillingAddressContent: {
+  readonly id: "billing-address";
+  readonly title: "Billing Address";
+  readonly description: "Copy of the billing address toggle, its notices, the custom-address form and its messages.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly sameAsDeliveryLabel: {
+        readonly type: "string";
+        readonly title: "Same-as-delivery toggle label";
+        readonly format: "icu-message";
+        readonly messageSource: "Billing address same as delivery address";
+      };
+      readonly countryLabel: {
+        readonly type: "string";
+        readonly title: "Country field label";
+        readonly format: "icu-message";
+        readonly messageSource: "Country";
+      };
+      readonly submitLabel: {
+        readonly type: "string";
+        readonly title: "Submit button label";
+        readonly format: "icu-message";
+        readonly messageSource: "Save billing address";
+      };
+      readonly submitPendingLabel: {
+        readonly type: "string";
+        readonly title: "Submit button pending label";
+        readonly format: "icu-message";
+        readonly messageSource: "Saving...";
+      };
+      readonly requiredNoticeLabel: {
+        readonly type: "string";
+        readonly title: "Required-billing-address notice";
+        readonly description: "Shown when the selected method's validator marks a billing address required.";
+        readonly format: "icu-message";
+        readonly messageSource: "This payment method requires a billing address.";
+      };
+      readonly unsavedAddressNoticeLabel: {
+        readonly type: "string";
+        readonly title: "Unsaved-address notice";
+        readonly description: "Shown while the form is open and no address has been saved yet.";
+        readonly format: "icu-message";
+        readonly messageSource: "No billing address has been saved yet — the delivery address will be used unless you save one below.";
+      };
+      readonly billingMatchNoticeLabel: {
+        readonly type: "string";
+        readonly title: "Billing-match disclaimer";
+        readonly description: "Always on unless billingMatchNoticeVisible is false; blank shows no disclaimer.";
+        readonly format: "icu-message";
+        readonly messageSource: "Your billing address must match the one on your card or bank statement, or your bank may decline the order.";
+      };
+      readonly recipientNameLabel: {
+        readonly type: "string";
+        readonly title: "Recipient name field label";
+        readonly description: "Not rendered today: the billing write has no recipient name.";
+        readonly format: "icu-message";
+        readonly messageSource: "Recipient's name";
+      };
+      readonly streetLabel: {
+        readonly type: "string";
+        readonly title: "Street field label";
+        readonly format: "icu-message";
+        readonly messageSource: "Street";
+      };
+      readonly numberLabel: {
+        readonly type: "string";
+        readonly title: "Number field label";
+        readonly format: "icu-message";
+        readonly messageSource: "Number";
+      };
+      readonly complementLabel: {
+        readonly type: "string";
+        readonly title: "Complement field label";
+        readonly description: "Its \"(optional)\" is the only sign the field is optional.";
+        readonly format: "icu-message";
+        readonly messageSource: "Complement (optional)";
+      };
+      readonly neighborhoodLabel: {
+        readonly type: "string";
+        readonly title: "Neighborhood field label";
+        readonly format: "icu-message";
+        readonly messageSource: "Neighborhood";
+      };
+      readonly cityLabel: {
+        readonly type: "string";
+        readonly title: "City field label";
+        readonly format: "icu-message";
+        readonly messageSource: "City";
+      };
+      readonly stateLabel: {
+        readonly type: "string";
+        readonly title: "State field label";
+        readonly format: "icu-message";
+        readonly messageSource: "State";
+      };
+      readonly postalCodeLabel: {
+        readonly type: "string";
+        readonly title: "Postal code field label";
+        readonly format: "icu-message";
+        readonly messageSource: "Postal code";
+      };
+      readonly fieldRequiredMessage: {
+        readonly type: "string";
+        readonly title: "Field required message";
+        readonly description: "Shown under a required field left blank.";
+        readonly format: "icu-message";
+        readonly messageSource: "This field is required.";
+      };
+      readonly postalCodeInvalidMessage: {
+        readonly type: "string";
+        readonly title: "Postal code format message";
+        readonly description: "Shown under a postal code not in the selected country's format. Never contains the typed value.";
+        readonly format: "icu-message";
+        readonly messageSource: "Enter a valid postal code.";
+      };
+      readonly missingFieldsMessage: {
+        readonly type: "string";
+        readonly title: "Missing address fields message";
+        readonly description: "Shown when the server refuses an address without a postal code or a country.";
+        readonly format: "icu-message";
+        readonly messageSource: "Fill in the postal code and the country of your billing address.";
+      };
+      readonly invalidCountryMessage: {
+        readonly type: "string";
+        readonly title: "Invalid country message";
+        readonly description: "Shown when the server refuses the selected country.";
+        readonly format: "icu-message";
+        readonly messageSource: "Choose a valid country for your billing address.";
+      };
+      readonly genericErrorMessage: {
+        readonly type: "string";
+        readonly title: "Save failure message";
+        readonly description: "Shown when the save fails: a network failure or a fault the shopper cannot fix.";
+        readonly format: "icu-message";
+        readonly messageSource: "Unable to save your billing address. Please try again.";
+      };
+    };
+  };
+};
 export declare const BillingAddressDefinition: ComponentDefinition<BillingAddressProps>;
-export declare function BillingAddress({ sameAsDeliveryLabel, defaultCountry, countryLabel, submitLabel, submitPendingLabel, requiredNoticeLabel, unsavedAddressNoticeLabel, billingMatchNoticeLabel, billingMatchNoticeVisible, recipientNameLabel, streetLabel, numberLabel, complementLabel, neighborhoodLabel, cityLabel, stateLabel, postalCodeLabel, fieldRequiredMessage, postalCodeInvalidMessage, disabled, className, $actions: $actionsProp, ...props }: BillingAddressProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function BillingAddress({ defaultCountry, billingMatchNoticeVisible, disabled, className, $actions: $actionsProp, $content, $locale, ...props }: BillingAddressProps): import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 //# sourceMappingURL=billing-address.d.ts.map