@vtex/faststore 0.0.10 → 0.0.11

package/dist/matter/access-code-sign-in/access-code-sign-in.js.map

@@ -1 +1 @@
-{"version":3,"file":"access-code-sign-in.js","names":[],"sources":["../../../src/matter/access-code-sign-in/access-code-sign-in.tsx"],"sourcesContent":["'use client';\n\nimport { defineComponent } from '@vtex/fs-core';\nimport type { ComponentPropsWithRef, FormEvent } from 'react';\nimport { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react';\nimport { AccessCodeField } from '../../particles/access-code-field/access-code-field.js';\nimport { EmailField, isValidEmail } from '../../particles/email-field/email-field.js';\nimport { 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 type { SessionUserError } from '../../sdk/session/auth-operations.js';\nimport { resolveAuthoredCopy } from '../../utils/resolve-authored-copy.js';\nimport { useSession } from '../session/session.js';\n\n// ---------------------------------------------------------------------------\n// GraphQL Fragment (colocated, ADR-0011) — clientProfile.email seeds the draft email as a\n// convenience pre-fill for an already-identified shopper; sessionAuthProviders.accessKeyAuthentication\n// is the account gate. Authored as a raw string, mirroring EmailIdentificationControl/ShippingSimulator.\n// ---------------------------------------------------------------------------\n\nconst fragment = /* GraphQL */ `\n  fragment AccessCodeSignInData on Query {\n    clientProfile {\n      __typename\n      id\n      email\n    }\n    sessionAuthProviders {\n      accessKeyAuthentication\n    }\n  }\n`;\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/** Colocated fragment slice forwarded by the reactive runtime — `null` until both fields resolve. */\nexport type AccessCodeSignInSlice = {\n  clientProfile: { email: string | null } | null;\n  sessionAuthProviders: { accessKeyAuthentication: boolean } | null;\n};\n\nexport type AccessCodeSignInStep = 'request' | 'validate';\n\nexport type AccessCodeSignInContextValue = Readonly<{\n  /** The shopper's locally-typed draft email — never written to the cart; only ever an argument to\n   * requestAccessCode/validateAccessCode. Pre-fills from `clientProfile.email` when known, but a\n   * shopper edit is never persisted anywhere by this family. */\n  email: string;\n  /** Updates the draft email; marks it as shopper-touched so pre-fill no longer overwrites it. */\n  setEmail: (email: string) => void;\n  step: AccessCodeSignInStep;\n  /** Opaque token round-tripped from requestAccessCode into validateAccessCode. */\n  authenticationToken: string | null;\n  /** Called by AccessCodeRequestControl on a successful requestAccessCode. */\n  startValidation: (authenticationToken: string) => void;\n}>;\n\nexport type AccessCodeSignInRootProps = ComponentPropsWithRef<'div'> & {\n  $data?: AccessCodeSignInSlice | null;\n};\n\nexport type AccessCodeEmailControlProps = ComponentPropsWithRef<'div'> & {\n  label?: string;\n  placeholder?: string;\n  invalidEmailMessage?: string;\n};\n\nexport type AccessCodeRequestControlProps = ComponentPropsWithRef<'div'> & {\n  label?: string;\n  pendingLabel?: string;\n  sendLimitMessage?: string;\n  blockedMessage?: string;\n  networkErrorMessage?: string;\n  onRequested?: (authenticationToken: string) => void;\n  $actions?: ComponentActions;\n};\n\nexport type AccessCodeValidateControlProps = ComponentPropsWithRef<'div'> & {\n  label?: string;\n  placeholder?: string;\n  submitLabel?: string;\n  codeLength?: number;\n  invalidCodeMessage?: string;\n  blockedMessage?: string;\n  missingAuthContextMessage?: string;\n  networkErrorMessage?: string;\n  onValidated?: () => void;\n  $actions?: ComponentActions;\n};\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\nconst ACCESS_CODE_SIGN_IN_CONTEXT_UNSET = Symbol('AccessCodeSignInContextUnset');\n\nconst AccessCodeSignInContext = createContext<AccessCodeSignInContextValue | typeof ACCESS_CODE_SIGN_IN_CONTEXT_UNSET>(\n  ACCESS_CODE_SIGN_IN_CONTEXT_UNSET,\n);\n\n/**\n * Read the stepper state (email, step, authenticationToken) from the nearest `AccessCodeSignInRoot`.\n * Throws when called outside that subtree — a misplaced control is a composition bug that should\n * surface immediately, mirroring `useShippingSimulator()`/`useSession()`.\n */\nfunction useAccessCodeSignIn(): AccessCodeSignInContextValue {\n  const ctx = useContext(AccessCodeSignInContext);\n  if (ctx === ACCESS_CODE_SIGN_IN_CONTEXT_UNSET) {\n    throw new Error('AccessCodeSignIn components must be used inside AccessCodeSignInRoot.');\n  }\n  return ctx;\n}\n\n// ---------------------------------------------------------------------------\n// Error-code → message mapping — every failure surfaces inline, at the control that produced it;\n// an unmapped code falls back to the server-supplied message rather than being silent. Each mapped\n// case is resolved through `resolveAuthoredCopy` (T38, FR-5): an authored empty or whitespace-only\n// message falls back to the server-supplied `error.message` rather than rendering a blank alert.\n// ---------------------------------------------------------------------------\n\nfunction requestErrorMessage(\n  error: SessionUserError,\n  props: Pick<AccessCodeRequestControlProps, 'sendLimitMessage' | 'blockedMessage' | 'networkErrorMessage'>,\n): string {\n  switch (error.code) {\n    case 'ACCESS_CODE_SEND_LIMIT':\n      return resolveAuthoredCopy(props.sendLimitMessage, error.message);\n    case 'BLOCKED':\n      return resolveAuthoredCopy(props.blockedMessage, error.message);\n    case 'NETWORK_ERROR':\n      return resolveAuthoredCopy(props.networkErrorMessage, error.message);\n    default:\n      return error.message;\n  }\n}\n\nfunction validateErrorMessage(\n  error: SessionUserError,\n  props: Pick<\n    AccessCodeValidateControlProps,\n    'invalidCodeMessage' | 'blockedMessage' | 'missingAuthContextMessage' | 'networkErrorMessage'\n  >,\n): string {\n  switch (error.code) {\n    case 'INVALID_ACCESS_CODE':\n      return resolveAuthoredCopy(props.invalidCodeMessage, error.message);\n    case 'BLOCKED':\n      return resolveAuthoredCopy(props.blockedMessage, error.message);\n    case 'MISSING_AUTH_CONTEXT':\n      return resolveAuthoredCopy(props.missingAuthContextMessage, error.message);\n    case 'NETWORK_ERROR':\n      return resolveAuthoredCopy(props.networkErrorMessage, error.message);\n    default:\n      return error.message;\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Definitions\n// ---------------------------------------------------------------------------\n\nexport const AccessCodeSignInRootDefinition = defineComponent<AccessCodeSignInRootProps>({\n  name: 'AccessCodeSignInRoot',\n  importPath: '@vtex/faststore/components',\n  component: AccessCodeSignInRoot,\n  fragment,\n  fetchStrategy: 'reactive',\n  requiresContext: 'session',\n  editor: { label: 'Access Code Sign-In', category: 'identity' },\n  schema: {},\n  guideline:\n    'Self-gating root of the anonymous-or-identified, email + access-code sign-in: renders nothing once loggedIn or when the account disables accessKeyAuthentication, but is available from the anonymous state onward. Owns a locally-typed draft email (never written to the cart) and the request/validate stepper. Must be inside SessionRoot. See access-code-sign-in.md.',\n});\n\nexport const AccessCodeEmailControlDefinition = defineComponent<AccessCodeEmailControlProps>({\n  name: 'AccessCodeEmailControl',\n  importPath: '@vtex/faststore/components',\n  component: AccessCodeEmailControl,\n  editor: { label: 'Access Code Email', category: 'identity' },\n  schema: {\n    label: { type: 'string', label: 'Label' },\n    placeholder: { type: 'string', label: 'Placeholder' },\n    invalidEmailMessage: { type: 'string', label: 'Invalid email message' },\n  },\n  guideline:\n    'The draft email input for the access-code flow: visible only at the request step, pre-fills from clientProfile.email when known but never persists an edit anywhere — it is purely the argument requestAccessCode/validateAccessCode dispatch with. Must be inside AccessCodeSignInRoot. See access-code-sign-in.md.',\n});\n\nexport const AccessCodeRequestControlDefinition = defineComponent<AccessCodeRequestControlProps>({\n  name: 'AccessCodeRequestControl',\n  importPath: '@vtex/faststore/components',\n  component: AccessCodeRequestControl,\n  actions: { session: ['requestAccessCode'] },\n  editor: { label: 'Access Code Request', category: 'identity' },\n  schema: {\n    label: { type: 'string', label: 'Label' },\n    sendLimitMessage: { type: 'string', label: 'Send-limit message' },\n    blockedMessage: { type: 'string', label: 'Blocked message' },\n    networkErrorMessage: { type: 'string', label: 'Network error message' },\n  },\n  guideline:\n    'Send-code step: disabled until the Root-owned draft email is a valid, non-empty address; dispatches $actions.session.requestAccessCode with it and advances the stepper on success. Failures render inline, never as a blocking error. Must be inside AccessCodeSignInRoot. See access-code-sign-in.md.',\n});\n\nexport const AccessCodeValidateControlDefinition = defineComponent<AccessCodeValidateControlProps>({\n  name: 'AccessCodeValidateControl',\n  importPath: '@vtex/faststore/components',\n  component: AccessCodeValidateControl,\n  actions: { session: ['validateAccessCode'] },\n  editor: { label: 'Access Code Validate', category: 'identity' },\n  schema: {\n    label: { type: 'string', label: 'Label' },\n    placeholder: { type: 'string', label: 'Placeholder' },\n    submitLabel: { type: 'string', label: 'Submit label' },\n    codeLength: { type: 'number', default: 6, label: 'Code length' },\n    invalidCodeMessage: { type: 'string', label: 'Invalid code message' },\n    blockedMessage: { type: 'string', label: 'Blocked message' },\n    networkErrorMessage: { type: 'string', label: 'Network error message' },\n  },\n  guideline:\n    'Code-entry step: composes AccessCodeField and dispatches $actions.session.validateAccessCode with the Root-owned email and authenticationToken; a successful validate flips the session reactively and hides the Root. Must be inside AccessCodeSignInRoot. See access-code-sign-in.md.',\n});\n\n// ---------------------------------------------------------------------------\n// Implementations\n// ---------------------------------------------------------------------------\n\n/**\n * Data-owning root of the access-code sign-in flow. Self-gates on two signals:\n * `useSession().state !== 'loggedIn'` (available from anonymous through identified; hides once\n * signed in) and `sessionAuthProviders.accessKeyAuthentication === true`. An unresolved fragment\n * read (`$data` still `null`) is treated as \"provider not enabled\" — the flow stays hidden rather\n * than flashing. Owns the `step`/`authenticationToken` stepper plus a locally-typed draft `email`\n * as local state, broadcasting all of it through context to its children. The draft email pre-fills\n * from `clientProfile.email` once (for an already-identified shopper) but a shopper edit is never\n * persisted anywhere by this family — it is purely the requestAccessCode/validateAccessCode\n * argument; the server sets clientProfileData.email as a side effect of a successful validate.\n * Reacts automatically once `useSession()` flips to `loggedIn` — no manual unmount call anywhere in\n * this family.\n */\nexport function AccessCodeSignInRoot({ $data: $dataProp, className, children, ...props }: AccessCodeSignInRootProps) {\n  const $data = useDataOverride($dataProp);\n  const { state } = useSession();\n\n  const [step, setStep] = useState<AccessCodeSignInStep>('request');\n  const [authenticationToken, setAuthenticationToken] = useState<string | null>(null);\n\n  const startValidation = useCallback((token: string) => {\n    setAuthenticationToken(token);\n    setStep('validate');\n  }, []);\n\n  const savedEmail = $data?.clientProfile?.email ?? '';\n  const [email, setEmailState] = useState('');\n  const [touched, setTouched] = useState(false);\n\n  // Pre-fill from the resolving/known profile email, but only while still at the request step and\n  // until the shopper edits the draft — mirrors ClientProfileRoot's untouched-field re-seed, never\n  // clobbering an in-progress edit. Freezing the re-seed once the flow leaves 'request' keeps a\n  // mid-flow profile-cache change from diverging the email between requestAccessCode and\n  // validateAccessCode (the server rejects a validate whose email differs from the request).\n  useEffect(() => {\n    if (step === 'request' && !touched) setEmailState(savedEmail);\n  }, [savedEmail, touched, step]);\n\n  const setEmail = useCallback((next: string) => {\n    setTouched(true);\n    setEmailState(next);\n  }, []);\n\n  const providerEnabled = $data?.sessionAuthProviders?.accessKeyAuthentication ?? false;\n\n  const contextValue = useMemo<AccessCodeSignInContextValue>(\n    () => ({ email, setEmail, step, authenticationToken, startValidation }),\n    [email, setEmail, step, authenticationToken, startValidation],\n  );\n\n  const gated = state !== 'loggedIn' && providerEnabled;\n  if (!gated) return null;\n\n  return (\n    <AccessCodeSignInContext value={contextValue}>\n      <div {...props} className={className} data-fs-access-code-sign-in-root=\"\">\n        {children}\n      </div>\n    </AccessCodeSignInContext>\n  );\n}\n\n/**\n * The draft email input for the access-code flow. Renders only at the request step. Bound to the\n * Root's local `email`/`setEmail` — never a fragment, never a mutation of its own; typing here\n * never touches the cart. Format validation is `EmailField`'s own blur-triggered check (never\n * per-keystroke); `invalidEmailMessage` is only its fallback text, mirroring how\n * `EmailIdentificationControl` defers to the same particle for the same reason.\n */\nexport function AccessCodeEmailControl({\n  label,\n  placeholder,\n  invalidEmailMessage,\n  className,\n  ...props\n}: AccessCodeEmailControlProps) {\n  const { step, email, setEmail } = useAccessCodeSignIn();\n\n  if (step !== 'request') return null;\n\n  return (\n    <div {...props} className={className} data-fs-access-code-email-control=\"\">\n      <EmailField\n        label={label}\n        placeholder={placeholder}\n        value={email}\n        onValueChange={setEmail}\n        errorMessage={invalidEmailMessage}\n      />\n    </div>\n  );\n}\n\n/**\n * Renders only while the Root's stepper is at `step === 'request'`. Reads the draft email from\n * context and dispatches `$actions.session.requestAccessCode({ email })` once it is a valid,\n * non-empty address (no account-existence pre-check beyond that format gate). On a result with a\n * non-null token and no `userErrors`, advances the Root's stepper. Every `userErrors` entry renders\n * inline via a host-supplied, per-code message; the step never changes on error, so the shopper can\n * retry or abandon the method and continue as a guest.\n */\nexport function AccessCodeRequestControl({\n  label,\n  pendingLabel,\n  sendLimitMessage,\n  blockedMessage,\n  networkErrorMessage,\n  onRequested,\n  $actions: $actionsProp,\n  className,\n  ...props\n}: AccessCodeRequestControlProps) {\n  const $actions = useActionsOverride($actionsProp);\n  const { step, email, startValidation } = useAccessCodeSignIn();\n  const [pending, setPending] = useState(false);\n  const [error, setError] = useState<SessionUserError | null>(null);\n\n  if (step !== 'request') return null;\n\n  const canSubmit = !pending && isValidEmail(email);\n\n  async function handleClick() {\n    if (!canSubmit) return;\n    setPending(true);\n    setError(null);\n\n    try {\n      const result = (await $actions?.session?.requestAccessCode?.({ email })) ?? {\n        authenticationToken: null,\n        userErrors: [],\n      };\n\n      if (result.authenticationToken && result.userErrors.length === 0) {\n        startValidation(result.authenticationToken);\n        onRequested?.(result.authenticationToken);\n        return;\n      }\n\n      const [firstError] = result.userErrors;\n      if (firstError) setError(firstError);\n    } finally {\n      setPending(false);\n    }\n  }\n\n  const message = error ? requestErrorMessage(error, { sendLimitMessage, blockedMessage, networkErrorMessage }) : null;\n\n  return (\n    <div\n      {...props}\n      className={className}\n      data-fs-access-code-request-control=\"\"\n      {...(pending ? { 'data-fs-access-code-request-pending': '' } : {})}\n    >\n      <button\n        type=\"button\"\n        onClick={handleClick}\n        disabled={!canSubmit}\n        aria-busy={pending || undefined}\n        data-fs-access-code-request-submit=\"\"\n        data-fs-button=\"\"\n      >\n        {/* T38, FR-5: resolveAuthoredCopy so an authored empty/whitespace-only pendingLabel falls\n            back to `label` instead of blanking the button while the request is in flight. */}\n        {pending ? resolveAuthoredCopy(pendingLabel, label ?? '') : label}\n      </button>\n      {message ? (\n        <div role=\"alert\" data-fs-access-code-request-error=\"\">\n          {message}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\n/**\n * Renders only while the Root's stepper is at `step === 'validate'`. Composes `AccessCodeField` for\n * the code value and a submit control, disabled below `codeLength` (a UX courtesy, never a\n * validity claim). Dispatches `$actions.session.validateAccessCode` with the email and\n * `authenticationToken` read from context. On a non-empty `userErrors` result, sets the field's\n * `invalid`/`errorMessage` from a host-supplied per-code message and retains the code/token so the\n * shopper can retry without re-requesting. On success it calls the optional `onValidated` and renders\n * no local \"success\" UI — `useSession()` flipping to `loggedIn` is what makes the whole Root\n * disappear.\n */\nexport function AccessCodeValidateControl({\n  label,\n  placeholder,\n  submitLabel,\n  codeLength = 6,\n  invalidCodeMessage,\n  blockedMessage,\n  missingAuthContextMessage,\n  networkErrorMessage,\n  onValidated,\n  $actions: $actionsProp,\n  className,\n  ...props\n}: AccessCodeValidateControlProps) {\n  const $actions = useActionsOverride($actionsProp);\n  const { step, email, authenticationToken } = useAccessCodeSignIn();\n  const [code, setCode] = useState('');\n  const [pending, setPending] = useState(false);\n  const [error, setError] = useState<SessionUserError | null>(null);\n\n  if (step !== 'validate') return null;\n\n  const canSubmit = !pending && code.length >= codeLength && authenticationToken != null;\n\n  async function handleSubmit(event: FormEvent<HTMLFormElement>) {\n    event.preventDefault();\n    if (!canSubmit || authenticationToken == null) return;\n\n    setPending(true);\n    setError(null);\n\n    try {\n      const errors =\n        (await $actions?.session?.validateAccessCode?.({ email, accessCode: code, authenticationToken })) ?? [];\n\n      const [firstError] = errors;\n      if (firstError) {\n        setError(firstError);\n        return;\n      }\n    } finally {\n      setPending(false);\n    }\n\n    onValidated?.();\n  }\n\n  function handleCodeChange(next: string) {\n    setCode(next);\n    if (error) setError(null);\n  }\n\n  const errorMessage = error\n    ? validateErrorMessage(error, {\n        invalidCodeMessage,\n        blockedMessage,\n        missingAuthContextMessage,\n        networkErrorMessage,\n      })\n    : undefined;\n\n  return (\n    <div\n      {...props}\n      className={className}\n      data-fs-access-code-validate-control=\"\"\n      {...(pending ? { 'data-fs-access-code-validate-pending': '' } : {})}\n    >\n      <form onSubmit={handleSubmit}>\n        <AccessCodeField\n          label={label}\n          placeholder={placeholder}\n          value={code}\n          maxLength={codeLength}\n          onValueChange={handleCodeChange}\n          disabled={pending}\n          invalid={error != null}\n          errorMessage={errorMessage}\n        />\n        <button\n          type=\"submit\"\n          disabled={!canSubmit}\n          aria-busy={pending || undefined}\n          data-fs-access-code-validate-submit=\"\"\n          data-fs-button=\"\"\n        >\n          {submitLabel}\n        </button>\n      </form>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Namespace export\n// ---------------------------------------------------------------------------\n\nexport const AccessCodeSignIn = {\n  Root: AccessCodeSignInRoot,\n  Email: AccessCodeEmailControl,\n  Request: AccessCodeRequestControl,\n  Validate: AccessCodeValidateControl,\n};\n"],"mappings":"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"}
+{"version":3,"file":"access-code-sign-in.js","names":[],"sources":["../../../src/matter/access-code-sign-in/access-code-sign-in.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type ContentValue,\n  defineComponent,\n  defineContentType,\n  type MessageFieldName,\n  type MessageLocaleProp,\n} from '@vtex/fs-core';\nimport type { ComponentPropsWithRef, FormEvent } from 'react';\nimport { createContext, useCallback, useContext, useEffect, useMemo, useReducer, useRef, useState } from 'react';\nimport { AccessCodeField } from '../../particles/access-code-field/access-code-field.js';\nimport { isValidEmail } from '../../particles/email-field/email-field.js';\nimport { useActionsOverride } from '../../sdk/actions/actions-override-context.js';\nimport type { ComponentActions } from '../../sdk/actions/types.js';\nimport { formatErrorCode } from '../../sdk/i18n/format-error-code.js';\nimport { useMessageFormatter } from '../../sdk/i18n/use-message-formatter.js';\nimport type { SessionUserError } from '../../sdk/session/auth-operations.js';\nimport { useSession } from '../session/session.js';\nimport { useSignIn } from '../sign-in/sign-in.js';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\nexport type AccessCodeSignInStep = 'request' | 'validate';\n\n/** The pace between code sends, in seconds. A fixed convention, never an authored value: a CMS edit\n *  could set it to zero. VTEX ID publishes no send-limit window, so this errs long deliberately. */\nexport const ACCESS_CODE_RESEND_INTERVAL_SECONDS = 60;\n\nexport type AccessCodeSignInContextValue = Readonly<{\n  step: AccessCodeSignInStep;\n  /** Opaque token round-tripped from requestAccessCode into validateAccessCode. */\n  authenticationToken: string | null;\n  /** The address `requestAccessCode` was dispatched with. `validateAccessCode` must use this, not the\n   * live `sign-in` draft: the server rejects a validate whose email differs from the request. */\n  requestedEmail: string | null;\n  /** Called by AccessCodeRequestControl and AccessCodeResendControl on a successful requestAccessCode.\n   * Writes the token and the address it was issued for in one transition, so neither can be set without\n   * the other, and arms the resend pace. */\n  startValidation: (authenticationToken: string, requestedEmail: string) => void;\n  /** Whole seconds until another code may be sent. `0` means permitted. */\n  resendAvailableInSeconds: number;\n  /** Discards the step, the token, the pinned address and the pace together, returning to `request`. */\n  resetToRequest: () => void;\n}>;\n\nexport type AccessCodeSignInRootProps = ComponentPropsWithRef<'div'>;\n\nexport type AccessCodeRequestControlProps = ComponentPropsWithRef<'div'> &\n  MessageLocaleProp & {\n    label?: string;\n    pendingLabel?: string;\n    onRequested?: (authenticationToken: string) => void;\n    /** The inline message for each refusal of the send. */\n    $content?: ContentValue<typeof AccessCodeRequestControlContent>;\n    $actions?: ComponentActions;\n  };\n\nexport type AccessCodeSentNoticeProps = ComponentPropsWithRef<'output'> &\n  MessageLocaleProp & {\n    /** The confirmation sentence; its `email` argument is the address the code was sent to. */\n    $content?: ContentValue<typeof AccessCodeSentNoticeContent>;\n  };\n\nexport type AccessCodeResendControlProps = ComponentPropsWithRef<'div'> &\n  MessageLocaleProp & {\n    label?: string;\n    pendingLabel?: string;\n    onResent?: (authenticationToken: string) => void;\n    /** The button label while the pace has not elapsed (its `seconds` argument is the whole seconds left),\n     * and the inline message for each refusal of the send. */\n    $content?: ContentValue<typeof AccessCodeResendContent>;\n    $actions?: ComponentActions;\n  };\n\nexport type AccessCodeCorrectEmailControlProps = ComponentPropsWithRef<'div'> & {\n  label?: string;\n  onCorrected?: () => void;\n};\n\nexport type AccessCodeValidateControlProps = ComponentPropsWithRef<'div'> &\n  MessageLocaleProp & {\n    label?: string;\n    placeholder?: string;\n    submitLabel?: string;\n    codeLength?: number;\n    onValidated?: () => void;\n    /** The inline message for each refusal of the code. */\n    $content?: ContentValue<typeof AccessCodeValidateControlContent>;\n    $actions?: ComponentActions;\n  };\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\nconst ACCESS_CODE_SIGN_IN_CONTEXT_UNSET = Symbol('AccessCodeSignInContextUnset');\n\nconst AccessCodeSignInContext = createContext<AccessCodeSignInContextValue | typeof ACCESS_CODE_SIGN_IN_CONTEXT_UNSET>(\n  ACCESS_CODE_SIGN_IN_CONTEXT_UNSET,\n);\n\n/**\n * Read the stepper state (step, authenticationToken, requestedEmail) from the nearest\n * `AccessCodeSignInRoot`. Throws when called outside that subtree — a misplaced control is a\n * composition bug that should surface immediately, mirroring `useShippingSimulator()`/`useSession()`.\n * A part outside any `SignInRoot` reports that missing ancestor first, since it is the one to add first.\n */\nexport function useAccessCodeSignIn(): AccessCodeSignInContextValue {\n  useSignIn();\n  const ctx = useContext(AccessCodeSignInContext);\n  if (ctx === ACCESS_CODE_SIGN_IN_CONTEXT_UNSET) {\n    throw new Error('AccessCodeSignIn components must be used inside AccessCodeSignInRoot.');\n  }\n  return ctx;\n}\n\n// ---------------------------------------------------------------------------\n// Content models and error-code → message maps. Every failure surfaces inline, at the control that\n// produced it, worded by that control's own message for its code. A code these maps do not know (a newer\n// server than this package) shows the control's networkErrorMessage.\n// ---------------------------------------------------------------------------\n\n/** `SessionErrorCode` of API Core's schema plus the client-minted transport failure. */\ntype SessionErrorCode =\n  | 'INVALID_CREDENTIALS'\n  | 'INVALID_ACCESS_CODE'\n  | 'ACCESS_CODE_SEND_LIMIT'\n  | 'BLOCKED'\n  | 'MISSING_AUTH_CONTEXT'\n  | 'NETWORK_ERROR';\n\nexport const AccessCodeRequestControlContent = defineContentType({\n  id: 'access-code-request-control',\n  title: 'Access Code Request Control',\n  description: 'The inline messages shown when sending the access code fails.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      sendLimitMessage: {\n        type: 'string',\n        title: 'Send-limit message',\n        description: 'Shown when too many codes were requested for the address.',\n        format: 'icu-message',\n        messageSource: 'Too many codes requested. Try again later.',\n      },\n      blockedMessage: {\n        type: 'string',\n        title: 'Blocked message',\n        description: 'Shown when the account is blocked. Names no duration: the account service returns none.',\n        format: 'icu-message',\n        messageSource: 'This account is blocked. Contact support.',\n      },\n      networkErrorMessage: {\n        type: 'string',\n        title: 'Generic error message',\n        description: 'Shown for a network failure and for any refusal the shopper cannot act on.',\n        format: 'icu-message',\n        messageSource: 'Something went wrong. Please try again.',\n      },\n    },\n  },\n});\n\nexport const AccessCodeValidateControlContent = defineContentType({\n  id: 'access-code-validate-control',\n  title: 'Access Code Validate Control',\n  description: 'The inline messages shown when the access code is refused.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      invalidCodeMessage: {\n        type: 'string',\n        title: 'Invalid code message',\n        description: 'Shown when the code is wrong or expired.',\n        format: 'icu-message',\n        messageSource: 'That code is incorrect or expired.',\n      },\n      blockedMessage: {\n        type: 'string',\n        title: 'Blocked message',\n        description: 'Shown when the account is blocked. Names no duration: the account service returns none.',\n        format: 'icu-message',\n        messageSource: 'This account is blocked. Contact support.',\n      },\n      missingAuthContextMessage: {\n        type: 'string',\n        title: 'Missing sign-in context message',\n        description:\n          'Shown when the request lost the context the code was issued for. Should not occur on a correct flow.',\n        format: 'icu-message',\n        messageSource: 'Something went wrong. Please try again.',\n      },\n      networkErrorMessage: {\n        type: 'string',\n        title: 'Generic error message',\n        description: 'Shown for a network failure and for any refusal the shopper cannot act on.',\n        format: 'icu-message',\n        messageSource: 'Something went wrong. Please try again.',\n      },\n    },\n  },\n});\n\nexport const ACCESS_CODE_REQUEST_ERROR_FIELDS = {\n  ACCESS_CODE_SEND_LIMIT: 'sendLimitMessage',\n  BLOCKED: 'blockedMessage',\n  NETWORK_ERROR: 'networkErrorMessage',\n  MISSING_AUTH_CONTEXT: 'networkErrorMessage',\n  INVALID_CREDENTIALS: 'networkErrorMessage',\n  INVALID_ACCESS_CODE: 'networkErrorMessage',\n} as const satisfies Record<SessionErrorCode, MessageFieldName<typeof AccessCodeRequestControlContent>>;\n\nexport const ACCESS_CODE_VALIDATE_ERROR_FIELDS = {\n  INVALID_ACCESS_CODE: 'invalidCodeMessage',\n  BLOCKED: 'blockedMessage',\n  MISSING_AUTH_CONTEXT: 'missingAuthContextMessage',\n  NETWORK_ERROR: 'networkErrorMessage',\n  INVALID_CREDENTIALS: 'networkErrorMessage',\n  ACCESS_CODE_SEND_LIMIT: 'networkErrorMessage',\n} as const satisfies Record<SessionErrorCode, MessageFieldName<typeof AccessCodeValidateControlContent>>;\n\n// ---------------------------------------------------------------------------\n// Definitions\n// ---------------------------------------------------------------------------\n\nexport const AccessCodeSignInRootDefinition = defineComponent<AccessCodeSignInRootProps>({\n  name: 'AccessCodeSignInRoot',\n  importPath: '@vtex/faststore/components',\n  component: AccessCodeSignInRoot,\n  requiresContext: 'sign-in',\n  editor: { label: 'Access Code Sign-In', category: 'identity' },\n  schema: {},\n  guideline:\n    \"Root of the access-code method of the sign-in surface: renders nothing until the account configuration has arrived, when the account disables the access code, while another method is the active one, and once loggedIn. Owns the request/validate stepper, the authenticationToken and the address the code was requested for; the email field is SignInEmailControl's. Must be inside SignInRoot. See access-code-sign-in.md.\",\n});\n\nexport const AccessCodeRequestControlDefinition = defineComponent<AccessCodeRequestControlProps>({\n  name: 'AccessCodeRequestControl',\n  importPath: '@vtex/faststore/components',\n  component: AccessCodeRequestControl,\n  content: AccessCodeRequestControlContent,\n  actions: { session: ['requestAccessCode'] },\n  editor: { label: 'Access Code Request', category: 'identity' },\n  schema: {\n    label: { type: 'string', label: 'Label' },\n  },\n  guideline:\n    'Send-code step: disabled until the shared SignInRoot email draft is a valid, non-empty address; dispatches $actions.session.requestAccessCode with it and advances the stepper on success. Failures render inline, never as a blocking error. Must be inside AccessCodeSignInRoot. See access-code-sign-in.md.',\n});\n\nexport const AccessCodeValidateControlDefinition = defineComponent<AccessCodeValidateControlProps>({\n  name: 'AccessCodeValidateControl',\n  importPath: '@vtex/faststore/components',\n  component: AccessCodeValidateControl,\n  content: AccessCodeValidateControlContent,\n  actions: { session: ['validateAccessCode'] },\n  editor: { label: 'Access Code Validate', category: 'identity' },\n  schema: {\n    label: { type: 'string', label: 'Label' },\n    placeholder: { type: 'string', label: 'Placeholder' },\n    submitLabel: { type: 'string', label: 'Submit label' },\n    codeLength: { type: 'number', default: 6, label: 'Code length' },\n  },\n  guideline:\n    'Code-entry step: composes AccessCodeField and dispatches $actions.session.validateAccessCode with the address the code was requested for and the authenticationToken, never the live email draft; a successful validate flips the session reactively and hides the Root. Must be inside AccessCodeSignInRoot. See access-code-sign-in.md.',\n});\n\nexport const AccessCodeSentNoticeContent = defineContentType({\n  id: 'access-code-sent-notice',\n  title: 'Access Code Sent Notice',\n  description: 'Confirmation that names the address the access code was sent to.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      template: {\n        type: 'string',\n        title: 'Template',\n        format: 'icu-message',\n        messageSource: 'We sent an access code to {email}.',\n        messageArguments: { type: 'object', properties: { email: { type: 'string' } } },\n        messageExample: { email: 'shopper@example.com' },\n      },\n    },\n  },\n});\n\nexport const AccessCodeSentNoticeDefinition = defineComponent<AccessCodeSentNoticeProps>({\n  name: 'AccessCodeSentNotice',\n  importPath: '@vtex/faststore/components',\n  component: AccessCodeSentNotice,\n  content: AccessCodeSentNoticeContent,\n  editor: { label: 'Access Code Sent Notice', category: 'identity' },\n  schema: {},\n  guideline:\n    \"Confirmation shown at the validate step only: names the address the code was sent to, read from the Root's pinned address and never from the live email draft. The sentence is the $content field template, an ICU message whose {email} argument is the address. Announced once as a status. Must be inside AccessCodeSignInRoot. See access-code-sign-in.md.\",\n});\n\nexport const AccessCodeResendContent = defineContentType({\n  id: 'access-code-resend',\n  title: 'Access Code Resend',\n  description:\n    'Label of the resend button while the resend pace has not elapsed, and the inline messages shown when resending fails.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      sendLimitMessage: {\n        type: 'string',\n        title: 'Send-limit message',\n        description: 'Shown when too many codes were requested for the address.',\n        format: 'icu-message',\n        messageSource: 'Too many codes requested. Try again later.',\n      },\n      blockedMessage: {\n        type: 'string',\n        title: 'Blocked message',\n        description: 'Shown when the account is blocked. Names no duration: the account service returns none.',\n        format: 'icu-message',\n        messageSource: 'This account is blocked. Contact support.',\n      },\n      networkErrorMessage: {\n        type: 'string',\n        title: 'Generic error message',\n        description: 'Shown for a network failure and for any refusal the shopper cannot act on.',\n        format: 'icu-message',\n        messageSource: 'Something went wrong. Please try again.',\n      },\n      countdownTemplate: {\n        type: 'string',\n        title: 'Countdown template',\n        format: 'icu-message',\n        messageSource: 'Resend code in {seconds}s',\n        messageArguments: { type: 'object', properties: { seconds: { type: 'integer' } } },\n        messageExample: { seconds: 42 },\n      },\n    },\n  },\n});\n\nexport const ACCESS_CODE_RESEND_ERROR_FIELDS = {\n  ...ACCESS_CODE_REQUEST_ERROR_FIELDS,\n} as const satisfies Record<SessionErrorCode, MessageFieldName<typeof AccessCodeResendContent>>;\n\nexport const AccessCodeResendControlDefinition = defineComponent<AccessCodeResendControlProps>({\n  name: 'AccessCodeResendControl',\n  importPath: '@vtex/faststore/components',\n  component: AccessCodeResendControl,\n  content: AccessCodeResendContent,\n  actions: { session: ['requestAccessCode'] },\n  editor: { label: 'Access Code Resend', category: 'identity' },\n  schema: {\n    label: { type: 'string', label: 'Label' },\n    pendingLabel: { type: 'string', label: 'Pending label' },\n  },\n  guideline:\n    'Validate-step only: dispatches $actions.session.requestAccessCode again with the address the first code was sent to, never the live email draft, and replaces the token. Inert for a fixed interval after each code is sent, counting the seconds down in its own label through the $content field countdownTemplate (an ICU message with a {seconds} argument). The interval is not authorable. Failures render inline. Must be inside AccessCodeSignInRoot. See access-code-sign-in.md.',\n});\n\nexport const AccessCodeCorrectEmailControlDefinition = defineComponent<AccessCodeCorrectEmailControlProps>({\n  name: 'AccessCodeCorrectEmailControl',\n  importPath: '@vtex/faststore/components',\n  component: AccessCodeCorrectEmailControl,\n  editor: { label: 'Access Code Correct E-mail', category: 'identity' },\n  schema: {\n    label: { type: 'string', label: 'Label' },\n  },\n  guideline:\n    'Validate-step only: returns the shopper to the send step and discards the earlier request whole (token, pinned address and resend pace), so a corrected address starts a genuinely new request. Never held by the resend pace. Must be inside AccessCodeSignInRoot. See access-code-sign-in.md.',\n});\n\n// ---------------------------------------------------------------------------\n// Implementations\n// ---------------------------------------------------------------------------\n\n/** The in-flight label: an authored `pendingLabel` with content, else `label`, so the button never blanks. */\nfunction pendingLabelOr(pendingLabel: string | undefined, label: string | undefined): string {\n  return pendingLabel?.trim() ? pendingLabel : (label ?? '');\n}\n\ntype Stepper = {\n  step: AccessCodeSignInStep;\n  authenticationToken: string | null;\n  requestedEmail: string | null;\n  /** Epoch ms at which another code may be sent; `null` when none is pending. A deadline, not a counter,\n   * so a throttled background tab cannot make the countdown drift. */\n  resendAvailableAt: number | null;\n};\n\nconst INITIAL_STEPPER: Stepper = {\n  step: 'request',\n  authenticationToken: null,\n  requestedEmail: null,\n  resendAvailableAt: null,\n};\n\n/**\n * Root of the access-code method of the sign-in surface. It declares no fragment and reads no data of\n * its own: the gate is the three `sign-in` context reads (`resolved`, `accessCodeEnabled` and\n * `method === 'accessCode'`) plus the session read (`state !== 'loggedIn'`), so a store enabling both\n * methods shows the code step only while the access code is the method showing. It returns `null`\n * rather than unmounting, so its `useState` — the stepper, the token and the pinned address — survives\n * a method switch and a gate close.\n *\n * Owns the `step`/`authenticationToken` stepper, the address the token was issued for and the resend\n * deadline, broadcasting them through context. The shared email draft is `SignInRoot`'s, never this\n * family's; the validate dispatch reads the pinned `requestedEmail` instead, because the server rejects a\n * `validateAccessCode` whose email differs from the `requestAccessCode` that issued the token. The\n * deadline lives here, not on the resend control, because this Root returns `null` on a method switch and\n * unmounts every child with it. Everything clears together — `resetToRequest()` — on any change of\n * `useSession().state` other than the session resolving, so a stale token, address and countdown never greet\n * the next shopper. This Root never unmounts, so that reaction is the only thing that clears it: no manual call\n * anywhere in this family.\n */\nexport function AccessCodeSignInRoot({ className, children, ...props }: AccessCodeSignInRootProps) {\n  const { state, loading } = useSession();\n  const { resolved, accessCodeEnabled, method } = useSignIn();\n  const wasLoading = useRef(loading);\n\n  const [stepper, setStepper] = useState<Stepper>(INITIAL_STEPPER);\n  const [, tick] = useReducer((count: number) => count + 1, 0);\n\n  const startValidation = useCallback((token: string, requestedEmail: string) => {\n    setStepper({\n      step: 'validate',\n      authenticationToken: token,\n      requestedEmail,\n      resendAvailableAt: Date.now() + ACCESS_CODE_RESEND_INTERVAL_SECONDS * 1000,\n    });\n  }, []);\n\n  const resetToRequest = useCallback(() => {\n    setStepper(INITIAL_STEPPER);\n  }, []);\n\n  // A transition trigger, not a state test: it fires on mount (a no-op against the initial stepper) and on\n  // every change of the session state, so a shopper who is already identified keeps their own token. The\n  // session resolving is not a change of shopper: while it loads, `state` reads `anonymous` as a default, so\n  // the transition out of loading is skipped, or a code sent in that window would be wiped by the arrival\n  // of the very session it belongs to.\n  // biome-ignore lint/correctness/useExhaustiveDependencies: `state` is the trigger, not a value the effect reads\n  useEffect(() => {\n    if (!wasLoading.current) resetToRequest();\n  }, [state, resetToRequest]);\n\n  // Declared after the trigger above so that it still reads the previous commit's `loading`.\n  useEffect(() => {\n    wasLoading.current = loading;\n  }, [loading]);\n\n  const { step, authenticationToken, requestedEmail, resendAvailableAt } = stepper;\n\n  // The interval only forces a re-render; the rendered seconds are derived from the deadline. It exists\n  // while a deadline is pending and clears it, and itself, once the deadline has passed.\n  useEffect(() => {\n    if (resendAvailableAt == null) return;\n    const interval = setInterval(() => {\n      if (Date.now() < resendAvailableAt) {\n        tick();\n        return;\n      }\n      setStepper((current) =>\n        current.resendAvailableAt === resendAvailableAt ? { ...current, resendAvailableAt: null } : current,\n      );\n    }, 1000);\n    return () => clearInterval(interval);\n  }, [resendAvailableAt]);\n\n  const resendAvailableInSeconds =\n    resendAvailableAt == null ? 0 : Math.max(0, Math.ceil((resendAvailableAt - Date.now()) / 1000));\n\n  const contextValue = useMemo<AccessCodeSignInContextValue>(\n    () => ({ step, authenticationToken, requestedEmail, startValidation, resendAvailableInSeconds, resetToRequest }),\n    [step, authenticationToken, requestedEmail, startValidation, resendAvailableInSeconds, resetToRequest],\n  );\n\n  const gated = state !== 'loggedIn' && resolved && accessCodeEnabled && method === 'accessCode';\n  if (!gated) return null;\n\n  return (\n    <AccessCodeSignInContext value={contextValue}>\n      <div {...props} className={className} data-fs-access-code-sign-in-root=\"\">\n        {children}\n      </div>\n    </AccessCodeSignInContext>\n  );\n}\n\n/**\n * Renders only while the Root's stepper is at `step === 'request'`. Reads the shared draft email from\n * `useSignIn()` and dispatches `$actions.session.requestAccessCode({ email })` once it is a valid,\n * non-empty address (no account-existence pre-check beyond that format gate). On a result with a\n * non-null token and no `userErrors`, advances the Root's stepper and hands it the exact address that\n * was dispatched, so the validate step is bound to it. Every `userErrors` entry renders\n * inline, worded by the `$content` field for its code; the step never changes on error, so the shopper can\n * retry or abandon the method and continue as a guest.\n *\n * A result that arrives after the session changed under it is dropped rather than written: the Root\n * cleared the stepper for that change, and writing the result would bind the next shopper to the\n * address and the live token of the one who pressed send.\n */\nexport function AccessCodeRequestControl({\n  label,\n  pendingLabel,\n  onRequested,\n  $content,\n  $locale,\n  $actions: $actionsProp,\n  className,\n  ...props\n}: AccessCodeRequestControlProps) {\n  const $actions = useActionsOverride($actionsProp);\n  const { step, startValidation } = useAccessCodeSignIn();\n  const { format } = useMessageFormatter(AccessCodeRequestControlContent, $content);\n  const { email } = useSignIn();\n  const { state, loading } = useSession();\n  const [pending, setPending] = useState(false);\n  const [error, setError] = useState<SessionUserError | null>(null);\n\n  // The session the shopper is in right now, readable after an await: a new object whenever the Root's\n  // session clear runs (a change of `useSession().state` that is not the session resolving), so a result\n  // can tell that its request was cleared while it was in flight.\n  const liveSession = useRef({});\n  const wasLoading = useRef(loading);\n  useEffect(() => {\n    if (!wasLoading.current) liveSession.current = { state };\n  }, [state]);\n  useEffect(() => {\n    wasLoading.current = loading;\n  }, [loading]);\n\n  if (step !== 'request') return null;\n\n  const canSubmit = !pending && isValidEmail(email);\n\n  async function handleClick() {\n    if (!canSubmit) return;\n    // The address the server binds the token to. `email` is this render's value, so the draft moving while\n    // the request is in flight cannot change it; the local names the one value the dispatch and the pin share.\n    // Trimmed, as `SignInForm` trims the same shared draft. No test covers it and none can through this\n    // composition: `EmailField` renders `type=\"email\"`, whose value sanitization strips leading and trailing\n    // whitespace before the draft ever sees it, so the two methods cannot observably disagree today. The\n    // trim is here so they still cannot if the draft ever reaches them from somewhere that is not that input.\n    const requestedEmail = email.trim();\n    const sessionAtPress = liveSession.current;\n    setPending(true);\n    setError(null);\n\n    try {\n      const result = (await $actions?.session?.requestAccessCode?.({ email: requestedEmail })) ?? {\n        authenticationToken: null,\n        userErrors: [],\n      };\n\n      if (liveSession.current !== sessionAtPress) return;\n\n      if (result.authenticationToken && result.userErrors.length === 0) {\n        startValidation(result.authenticationToken, requestedEmail);\n        onRequested?.(result.authenticationToken);\n        return;\n      }\n\n      const [firstError] = result.userErrors;\n      if (firstError) setError(firstError);\n    } finally {\n      setPending(false);\n    }\n  }\n\n  const message = error\n    ? formatErrorCode(\n        AccessCodeRequestControlContent,\n        ACCESS_CODE_REQUEST_ERROR_FIELDS,\n        error,\n        format,\n        'networkErrorMessage',\n      )\n    : null;\n\n  return (\n    <div\n      {...props}\n      className={className}\n      data-fs-access-code-request-control=\"\"\n      {...(pending ? { 'data-fs-access-code-request-pending': '' } : {})}\n    >\n      <button\n        type=\"button\"\n        onClick={handleClick}\n        disabled={!canSubmit}\n        aria-busy={pending || undefined}\n        data-fs-access-code-request-submit=\"\"\n        data-fs-button=\"\"\n      >\n        {/* A blank authored pendingLabel falls back to `label` instead of blanking the button in flight. */}\n        {pending ? pendingLabelOr(pendingLabel, label) : label}\n      </button>\n      {error ? (\n        <div role=\"alert\" data-fs-access-code-request-error=\"\">\n          {message}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\n/**\n * Renders only while the Root's stepper is at `step === 'validate'`. Composes `AccessCodeField` for\n * the code value and a submit control, disabled below `codeLength` (a UX courtesy, never a\n * validity claim). Dispatches `$actions.session.validateAccessCode` with the pinned `requestedEmail`\n * and `authenticationToken` read from context — never the live `sign-in` draft. On a non-empty\n * `userErrors` result, sets the field's `invalid`/`errorMessage` from the `$content` field for its code\n * and retains the code/token so the shopper can retry without re-requesting. On success it calls the optional `onValidated` and renders\n * no local \"success\" UI — `useSession()` flipping to `loggedIn` is what makes the whole Root\n * disappear.\n */\nexport function AccessCodeValidateControl({\n  label,\n  placeholder,\n  submitLabel,\n  codeLength = 6,\n  onValidated,\n  $content,\n  $locale,\n  $actions: $actionsProp,\n  className,\n  ...props\n}: AccessCodeValidateControlProps) {\n  const $actions = useActionsOverride($actionsProp);\n  const { format } = useMessageFormatter(AccessCodeValidateControlContent, $content);\n  const { step, requestedEmail, authenticationToken } = useAccessCodeSignIn();\n  const [code, setCode] = useState('');\n  const [pending, setPending] = useState(false);\n  const [error, setError] = useState<SessionUserError | null>(null);\n\n  // This control stays mounted while the stepper is back at the request step, so what the shopper typed and\n  // the error that answered it belong to a request that no longer exists. Drop both on that transition.\n  if (step !== 'validate') {\n    if (code) setCode('');\n    if (error) setError(null);\n    return null;\n  }\n\n  const canSubmit = !pending && code.length >= codeLength && authenticationToken != null && requestedEmail != null;\n\n  async function handleSubmit(event: FormEvent<HTMLFormElement>) {\n    event.preventDefault();\n    if (!canSubmit || authenticationToken == null || requestedEmail == null) return;\n\n    setPending(true);\n    setError(null);\n\n    try {\n      const errors =\n        (await $actions?.session?.validateAccessCode?.({\n          email: requestedEmail,\n          accessCode: code,\n          authenticationToken,\n        })) ?? [];\n\n      const [firstError] = errors;\n      if (firstError) {\n        setError(firstError);\n        return;\n      }\n    } finally {\n      setPending(false);\n    }\n\n    onValidated?.();\n  }\n\n  function handleCodeChange(next: string) {\n    setCode(next);\n    if (error) setError(null);\n  }\n\n  const errorMessage = error\n    ? formatErrorCode(\n        AccessCodeValidateControlContent,\n        ACCESS_CODE_VALIDATE_ERROR_FIELDS,\n        error,\n        format,\n        'networkErrorMessage',\n      )\n    : undefined;\n\n  return (\n    <div\n      {...props}\n      className={className}\n      data-fs-access-code-validate-control=\"\"\n      {...(pending ? { 'data-fs-access-code-validate-pending': '' } : {})}\n    >\n      <form onSubmit={handleSubmit}>\n        <AccessCodeField\n          label={label}\n          placeholder={placeholder}\n          value={code}\n          maxLength={codeLength}\n          onValueChange={handleCodeChange}\n          disabled={pending}\n          invalid={error != null}\n          errorMessage={errorMessage}\n        />\n        <button\n          type=\"submit\"\n          disabled={!canSubmit}\n          aria-busy={pending || undefined}\n          data-fs-access-code-validate-submit=\"\"\n          data-fs-button=\"\"\n        >\n          {submitLabel}\n        </button>\n      </form>\n    </div>\n  );\n}\n\n/**\n * Renders only at the validate step. Names the address the code was dispatched to — the Root's pinned\n * `requestedEmail`, never the live `sign-in` draft, which a shopper edit or a profile re-seed can move\n * after the request. The `template` message's `email` argument is the address. The wrapper is an\n * `output`, whose implicit `status` role announces the confirmation once, when it appears.\n */\nexport function AccessCodeSentNotice({ $content, $locale, className, ...props }: AccessCodeSentNoticeProps) {\n  const { step, requestedEmail } = useAccessCodeSignIn();\n  const { format } = useMessageFormatter(AccessCodeSentNoticeContent, $content);\n\n  if (step !== 'validate' || requestedEmail == null) return null;\n\n  return (\n    <output {...props} className={className} data-fs-access-code-sent-notice=\"\">\n      {format('template', { email: requestedEmail })}\n    </output>\n  );\n}\n\n/**\n * Renders only at the validate step. Dispatches `$actions.session.requestAccessCode` with the Root's\n * pinned `requestedEmail` — never the live draft, so a second code goes to the address the shopper was\n * told about — and replaces the token with the one it returns through the same `startValidation` that\n * the request control uses, which re-pins the same address and re-arms the pace. Inert until the pace\n * has elapsed, with the whole seconds left in its own label. A failure renders inline and leaves the\n * step, the token and the pace untouched: no code was sent, so none is paced.\n *\n * A result that arrives after the request it answered has been discarded (the shopper went back, the\n * session changed, the Root closed) is dropped rather than written, so a token is never re-paired with\n * the address that was left.\n */\nexport function AccessCodeResendControl({\n  label,\n  pendingLabel,\n  onResent,\n  $content,\n  $locale,\n  $actions: $actionsProp,\n  className,\n  ...props\n}: AccessCodeResendControlProps) {\n  const $actions = useActionsOverride($actionsProp);\n  const { step, authenticationToken, requestedEmail, resendAvailableInSeconds, startValidation } =\n    useAccessCodeSignIn();\n  const { format } = useMessageFormatter(AccessCodeResendContent, $content);\n  const [pending, setPending] = useState(false);\n  const [error, setError] = useState<SessionUserError | null>(null);\n\n  // The token the Root holds right now, readable after an await. `null` once the request this control\n  // answers has been discarded, or once the control itself is gone.\n  const liveToken = useRef<string | null>(authenticationToken);\n  useEffect(() => {\n    liveToken.current = authenticationToken;\n    return () => {\n      liveToken.current = null;\n    };\n  }, [authenticationToken]);\n\n  if (step !== 'validate' || requestedEmail == null) {\n    if (error) setError(null);\n    return null;\n  }\n\n  const paced = resendAvailableInSeconds > 0;\n  const canSubmit = !pending && !paced;\n\n  async function handleClick() {\n    if (!canSubmit || requestedEmail == null) return;\n    // The address the first code went to and the token it was issued under, fixed at press time.\n    const pinnedEmail = requestedEmail;\n    const tokenAtPress = authenticationToken;\n    setPending(true);\n    setError(null);\n\n    try {\n      const result = (await $actions?.session?.requestAccessCode?.({ email: pinnedEmail })) ?? {\n        authenticationToken: null,\n        userErrors: [],\n      };\n\n      if (liveToken.current !== tokenAtPress) return;\n\n      if (result.authenticationToken && result.userErrors.length === 0) {\n        startValidation(result.authenticationToken, pinnedEmail);\n        onResent?.(result.authenticationToken);\n        return;\n      }\n\n      const [firstError] = result.userErrors;\n      if (firstError) setError(firstError);\n    } finally {\n      setPending(false);\n    }\n  }\n\n  const message = error\n    ? formatErrorCode(AccessCodeResendContent, ACCESS_CODE_RESEND_ERROR_FIELDS, error, format, 'networkErrorMessage')\n    : null;\n  const pacedLabel = paced ? format('countdownTemplate', { seconds: resendAvailableInSeconds }) : label;\n  const buttonLabel = pending ? pendingLabelOr(pendingLabel, label) : pacedLabel;\n\n  return (\n    <div\n      {...props}\n      className={className}\n      data-fs-access-code-resend-control=\"\"\n      {...(paced ? { 'data-fs-access-code-resend-waiting': '' } : {})}\n      {...(pending ? { 'data-fs-access-code-resend-pending': '' } : {})}\n    >\n      <button\n        type=\"button\"\n        onClick={handleClick}\n        disabled={!canSubmit}\n        aria-busy={pending || undefined}\n        data-fs-access-code-resend-submit=\"\"\n        data-fs-button=\"\"\n      >\n        {buttonLabel}\n      </button>\n      {error ? (\n        <div role=\"alert\" data-fs-access-code-resend-error=\"\">\n          {message}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\n/**\n * Renders only at the validate step. Calls the Root's `resetToRequest()`, which discards the step, the\n * token, the pinned address and the resend pace in one transition. The shopper lands on the request step\n * with the shared draft still in the field to edit; the next request pins whatever address they send and\n * the token the server issues for it, and the earlier token is unreachable. Never held by the pace: the\n * pace counts codes sent, and a shopper who mistyped is not made to wait for the address they meant.\n */\nexport function AccessCodeCorrectEmailControl({\n  label,\n  onCorrected,\n  className,\n  ...props\n}: AccessCodeCorrectEmailControlProps) {\n  const { step, resetToRequest } = useAccessCodeSignIn();\n\n  if (step !== 'validate') return null;\n\n  function handleClick() {\n    resetToRequest();\n    onCorrected?.();\n  }\n\n  return (\n    <div {...props} className={className} data-fs-access-code-correct-email-control=\"\">\n      <button type=\"button\" onClick={handleClick} data-fs-access-code-correct-email-button=\"\" data-fs-button=\"\">\n        {label}\n      </button>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Namespace export\n// ---------------------------------------------------------------------------\n\nexport const AccessCodeSignIn = {\n  Root: AccessCodeSignInRoot,\n  Request: AccessCodeRequestControl,\n  SentNotice: AccessCodeSentNotice,\n  Validate: AccessCodeValidateControl,\n  Resend: AccessCodeResendControl,\n  CorrectEmail: AccessCodeCorrectEmailControl,\n};\n"],"mappings":"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"}

package/dist/matter/account-address-book/account-address-book-delete.d.ts

@@ -1,3 +1,4 @@
+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";
@@ -9,52 +10,89 @@ import { ComponentPropsWithRef } from "react";
  * puts the question and dispatches `$actions.address.remove`. The confirmation never edits the list:
  * the entry leaves through the cache edit the action makes.
  */
-export type AccountAddressBookDeleteTriggerProps = ComponentPropsWithRef<'button'> & {
-  /** The button's visible text. A blank value falls back to the catalog copy. */
-  label?: string;
+export type AccountAddressBookDeleteTriggerProps = ComponentPropsWithRef<'button'> & MessageLocaleProp & {
+  $content?: ContentValue<typeof AccountAddressBookDeleteTriggerContent>;
 };
-export type AccountAddressBookDeleteConfirmProps = Readonly<{
+export type AccountAddressBookDeleteConfirmProps = MessageLocaleProp & Readonly<{
   /** Goes on the popup, the one element a store can size and place: the dialog renders in a portal. */
   className?: string;
-  /** The question. A blank value falls back to the catalog copy. */
-  title?: string;
-  /** What deleting means. The address's first line always shows before it. A blank value falls back to the catalog copy. */
-  description?: string;
-  /** The label of the control that backs out. A blank value falls back to the catalog copy. */
-  cancelLabel?: string;
-  /** The label of the control that deletes. A blank value falls back to the catalog copy. */
-  confirmLabel?: string;
-  /** Toast after the address is deleted. A blank value falls back to the catalog copy. */
-  deletedMessage?: string;
-  /** Shown in the prompt when the address was not deleted. A blank value falls back to the catalog copy. */
-  failedMessage?: string;
-  /** Shown in the prompt when the session expired. A blank value falls back to the catalog copy. */
-  unauthorizedMessage?: string;
+  $content?: ContentValue<typeof AccountAddressBookDeleteConfirmContent>;
   /** Injected by the compiler from `actions: { address: [...] }`; the address write surface. */
   $actions?: ComponentActions;
 }>;
-export declare function AccountAddressBookDeleteTrigger({ label, className, children, onClick, ...props }: AccountAddressBookDeleteTriggerProps): import("react/jsx-runtime").JSX.Element;
-export declare function AccountAddressBookDeleteConfirm({ className, title, description, cancelLabel, confirmLabel, deletedMessage, failedMessage, unauthorizedMessage, $actions: $actionsProp }: AccountAddressBookDeleteConfirmProps): import("react/jsx-runtime").JSX.Element;
+export declare function AccountAddressBookDeleteTrigger({ $content, $locale, className, children, onClick, ...props }: AccountAddressBookDeleteTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function AccountAddressBookDeleteConfirm({ className, $content, $actions: $actionsProp }: AccountAddressBookDeleteConfirmProps): import("react/jsx-runtime").JSX.Element;
+export declare const AccountAddressBookDeleteTriggerContent: {
+  readonly id: "account-address-book-delete-trigger";
+  readonly title: "Account Address Book Delete Trigger";
+  readonly description: "Label of the control that asks to delete an address.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly label: {
+        readonly type: "string";
+        readonly title: "Button label";
+        readonly format: "icu-message";
+        readonly messageSource: "Delete";
+      };
+    };
+  };
+};
 export declare const AccountAddressBookDeleteTriggerDefinition: ComponentDefinition<AccountAddressBookDeleteTriggerProps>;
-export declare const AccountAddressBookDeleteConfirmDefinition: ComponentDefinition<Readonly<{
-  /** Goes on the popup, the one element a store can size and place: the dialog renders in a portal. */
-  className?: string;
-  /** The question. A blank value falls back to the catalog copy. */
-  title?: string;
-  /** What deleting means. The address's first line always shows before it. A blank value falls back to the catalog copy. */
-  description?: string;
-  /** The label of the control that backs out. A blank value falls back to the catalog copy. */
-  cancelLabel?: string;
-  /** The label of the control that deletes. A blank value falls back to the catalog copy. */
-  confirmLabel?: string;
-  /** Toast after the address is deleted. A blank value falls back to the catalog copy. */
-  deletedMessage?: string;
-  /** Shown in the prompt when the address was not deleted. A blank value falls back to the catalog copy. */
-  failedMessage?: string;
-  /** Shown in the prompt when the session expired. A blank value falls back to the catalog copy. */
-  unauthorizedMessage?: string;
-  /** Injected by the compiler from `actions: { address: [...] }`; the address write surface. */
-  $actions?: ComponentActions;
-}>>;
+export declare const AccountAddressBookDeleteConfirmContent: {
+  readonly id: "account-address-book-delete-confirm";
+  readonly title: "Account Address Book Delete Confirm";
+  readonly description: "The question, the labels and the outcome messages of the address deletion prompt.";
+  readonly schema: {
+    readonly type: "object";
+    readonly additionalProperties: false;
+    readonly properties: {
+      readonly title: {
+        readonly type: "string";
+        readonly title: "Question";
+        readonly format: "icu-message";
+        readonly messageSource: "Delete this address?";
+      };
+      readonly description: {
+        readonly type: "string";
+        readonly title: "What deleting means";
+        readonly format: "icu-message";
+        readonly messageSource: "This can't be undone.";
+      };
+      readonly cancelLabel: {
+        readonly type: "string";
+        readonly title: "Cancel label";
+        readonly format: "icu-message";
+        readonly messageSource: "Cancel";
+      };
+      readonly confirmLabel: {
+        readonly type: "string";
+        readonly title: "Delete label";
+        readonly format: "icu-message";
+        readonly messageSource: "Delete";
+      };
+      readonly deletedMessage: {
+        readonly type: "string";
+        readonly title: "Address deleted message";
+        readonly format: "icu-message";
+        readonly messageSource: "Address deleted.";
+      };
+      readonly failedMessage: {
+        readonly type: "string";
+        readonly title: "Not deleted message";
+        readonly format: "icu-message";
+        readonly messageSource: "We couldn't delete this address. Try again.";
+      };
+      readonly unauthorizedMessage: {
+        readonly type: "string";
+        readonly title: "Session expired message";
+        readonly format: "icu-message";
+        readonly messageSource: "Your session expired. Sign in again to delete this address.";
+      };
+    };
+  };
+};
+export declare const AccountAddressBookDeleteConfirmDefinition: ComponentDefinition<AccountAddressBookDeleteConfirmProps>;
 //#endregion
 //# sourceMappingURL=account-address-book-delete.d.ts.map

package/dist/matter/account-address-book/account-address-book-delete.js

@@ -1,11 +1,11 @@
 "use client";
 import { defineComponent } from "../../core/dist/define-component.js";
+import { defineContentType } from "../../core/dist/define-content-type.js";
 import "../../core/dist/index.js";
-import { useIntl } from "../../sdk/i18n/client.js";
+import { useMessageFormatter } from "../../sdk/i18n/use-message-formatter.js";
 import { useActionsOverride } from "../../sdk/actions/actions-override-context.js";
-import { resolveAuthoredCopy } from "../../utils/resolve-authored-copy.js";
-import { loggableErrorName } from "../../utils/loggable-error-name.js";
 import { Button } from "../../particles/button/button.js";
+import { loggableErrorName } from "../../utils/loggable-error-name.js";
 import { useAccountAddressBook, useAccountAddressBookItem } from "./account-address-book.js";
 import { AlertDialog } from "../../particles/alert-dialog/alert-dialog.js";
 import { useToast } from "../../particles/toast/toast.js";
@@ -22,11 +22,10 @@ function deleteError(userErrors) {
 	if (userErrors.length === 0 || userErrors.some(({ code }) => code === "NOT_FOUND")) return null;
 	return userErrors.some(({ code }) => code === "UNAUTHORIZED") ? "unauthorized" : "deleteFailed";
 }
-function AccountAddressBookDeleteTrigger({ label, className, children, onClick, ...props }) {
+function AccountAddressBookDeleteTrigger({ $content, $locale, className, children, onClick, ...props }) {
 	const { requestDelete } = useAccountAddressBook();
 	const address = useAccountAddressBookItem();
-	const intl = useIntl();
-	const text = resolveAuthoredCopy(label, intl.formatMessage({ id: "fs/address-delete.trigger" }));
+	const text = useMessageFormatter(AccountAddressBookDeleteTriggerContent, $content).format("label");
 	const line = firstLine(address);
 	return /* @__PURE__ */ jsx(Button, {
 		"aria-label": line === "" ? void 0 : `${text} ${line}`,
@@ -41,23 +40,22 @@ function AccountAddressBookDeleteTrigger({ label, className, children, onClick,
 		children: children ?? text
 	});
 }
-function AccountAddressBookDeleteConfirm({ className, title, description, cancelLabel, confirmLabel, deletedMessage, failedMessage, unauthorizedMessage, $actions: $actionsProp }) {
+function AccountAddressBookDeleteConfirm({ className, $content, $actions: $actionsProp }) {
 	const toast = useToast();
-	const intl = useIntl();
+	const { format } = useMessageFormatter(AccountAddressBookDeleteConfirmContent, $content);
 	const $actions = useActionsOverride($actionsProp);
 	const { pendingDelete, endDelete, openForm, close } = useAccountAddressBook();
 	const [pending, setPending] = useState(false);
 	const pendingRef = useRef(false);
 	const [error, setError] = useState(null);
 	const line = pendingDelete ? firstLine(pendingDelete) : "";
-	const errorMessage = error === "unauthorized" ? resolveAuthoredCopy(unauthorizedMessage, intl.formatMessage({ id: "fs/address-delete.error.unauthorized" })) : resolveAuthoredCopy(failedMessage, intl.formatMessage({ id: "fs/address-delete.error.failed" }));
 	function finish() {
 		setError(null);
 		endDelete();
 	}
 	function deleted(id) {
 		toast.add({
-			title: resolveAuthoredCopy(deletedMessage, intl.formatMessage({ id: "fs/address-delete.deleted" })),
+			title: format("deletedMessage"),
 			type: "success"
 		});
 		if (openForm?.mode === "edit" && openForm.address.id === id) close();
@@ -95,19 +93,19 @@ function AccountAddressBookDeleteConfirm({ className, title, description, cancel
 			className,
 			"data-fs-account-address-book-delete-confirm": "",
 			children: [
-				/* @__PURE__ */ jsx(AlertDialog.Title, { children: resolveAuthoredCopy(title, intl.formatMessage({ id: "fs/address-delete.title" })) }),
+				/* @__PURE__ */ jsx(AlertDialog.Title, { children: format("title") }),
 				/* @__PURE__ */ jsxs(AlertDialog.Description, { children: [line === "" ? null : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
 					"data-fs-account-address-book-delete-address": "",
 					children: line
-				}), " "] }), resolveAuthoredCopy(description, intl.formatMessage({ id: "fs/address-delete.description" }))] }),
+				}), " "] }), format("description")] }),
 				error === null ? null : /* @__PURE__ */ jsx("p", {
 					role: "alert",
 					"data-fs-account-address-book-delete-error": "",
-					children: errorMessage
+					children: format(error === "unauthorized" ? "unauthorizedMessage" : "failedMessage")
 				}),
 				/* @__PURE__ */ jsx(AlertDialog.Close, {
 					disabled: pending,
-					children: resolveAuthoredCopy(cancelLabel, intl.formatMessage({ id: "fs/address-delete.cancel" }))
+					children: format("cancelLabel")
 				}),
 				/* @__PURE__ */ jsx(Button, {
 					type: "button",
@@ -115,70 +113,108 @@ function AccountAddressBookDeleteConfirm({ className, title, description, cancel
 					"aria-busy": pending || void 0,
 					onClick: confirm,
 					"data-fs-account-address-book-delete-submit": "",
-					children: resolveAuthoredCopy(confirmLabel, intl.formatMessage({ id: "fs/address-delete.confirm" }))
+					children: format("confirmLabel")
 				})
 			]
 		}) })] })
 	});
 }
+const AccountAddressBookDeleteTriggerContent = defineContentType({
+	id: "account-address-book-delete-trigger",
+	title: "Account Address Book Delete Trigger",
+	description: "Label of the control that asks to delete an address.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		properties: { label: {
+			type: "string",
+			title: "Button label",
+			format: "icu-message",
+			messageSource: "Delete"
+		} }
+	}
+});
 const AccountAddressBookDeleteTriggerDefinition = defineComponent({
 	name: "AccountAddressBookDeleteTrigger",
 	importPath: "@vtex/faststore/components",
 	component: AccountAddressBookDeleteTrigger,
+	content: AccountAddressBookDeleteTriggerContent,
 	requiresContext: "account-address-book-item",
 	editor: {
 		label: "Account Address Book Delete Trigger",
 		category: "action"
 	},
-	schema: { label: {
-		type: "string",
-		label: "Button label"
-	} },
+	schema: {},
 	guideline: "Asks to delete the address of the entry it sits in. Nothing is deleted until the shopper confirms in an AccountAddressBookDeleteConfirm. Its accessible name adds the address's first line, so a list of them is told apart. Place it inside AccountAddressBookItem, and one AccountAddressBookDeleteConfirm under the root to ask the question."
 });
+const AccountAddressBookDeleteConfirmContent = defineContentType({
+	id: "account-address-book-delete-confirm",
+	title: "Account Address Book Delete Confirm",
+	description: "The question, the labels and the outcome messages of the address deletion prompt.",
+	schema: {
+		type: "object",
+		additionalProperties: false,
+		properties: {
+			title: {
+				type: "string",
+				title: "Question",
+				format: "icu-message",
+				messageSource: "Delete this address?"
+			},
+			description: {
+				type: "string",
+				title: "What deleting means",
+				format: "icu-message",
+				messageSource: "This can't be undone."
+			},
+			cancelLabel: {
+				type: "string",
+				title: "Cancel label",
+				format: "icu-message",
+				messageSource: "Cancel"
+			},
+			confirmLabel: {
+				type: "string",
+				title: "Delete label",
+				format: "icu-message",
+				messageSource: "Delete"
+			},
+			deletedMessage: {
+				type: "string",
+				title: "Address deleted message",
+				format: "icu-message",
+				messageSource: "Address deleted."
+			},
+			failedMessage: {
+				type: "string",
+				title: "Not deleted message",
+				format: "icu-message",
+				messageSource: "We couldn't delete this address. Try again."
+			},
+			unauthorizedMessage: {
+				type: "string",
+				title: "Session expired message",
+				format: "icu-message",
+				messageSource: "Your session expired. Sign in again to delete this address."
+			}
+		}
+	}
+});
 const AccountAddressBookDeleteConfirmDefinition = defineComponent({
 	name: "AccountAddressBookDeleteConfirm",
 	importPath: "@vtex/faststore/components",
 	component: AccountAddressBookDeleteConfirm,
+	content: AccountAddressBookDeleteConfirmContent,
 	requiresContext: "account-address-book",
 	actions: { address: ["remove"] },
 	editor: {
 		label: "Account Address Book Delete Confirm",
 		category: "layout"
 	},
-	schema: {
-		title: {
-			type: "string",
-			label: "Question"
-		},
-		description: {
-			type: "string",
-			label: "What deleting means"
-		},
-		cancelLabel: {
-			type: "string",
-			label: "Cancel label"
-		},
-		confirmLabel: {
-			type: "string",
-			label: "Delete label"
-		},
-		deletedMessage: {
-			type: "string",
-			label: "Address deleted message"
-		},
-		failedMessage: {
-			type: "string",
-			label: "Not deleted message"
-		},
-		unauthorizedMessage: {
-			type: "string",
-			label: "Session expired message"
-		}
-	},
+	schema: {},
 	guideline: "The alert dialog that asks before an address is deleted, one per address book, opened by AccountAddressBookDeleteTrigger. Names the address, takes focus on Cancel, and closes only on Cancel or Escape: a click outside does nothing. Confirming removes the address, shows a toast and closes; a refusal keeps the dialog open with a message and lets the shopper try again. While the call runs, nothing closes it. Deleting the last address leaves the book empty, so compose an AccountAddressBookEmpty. Requires a ToastProvider ancestor, since the success toast throws without one. Place it under AccountAddressBookRoot. See account-address-book.md."
 });
 //#endregion
-export { AccountAddressBookDeleteConfirm, AccountAddressBookDeleteConfirmDefinition, AccountAddressBookDeleteTrigger, AccountAddressBookDeleteTriggerDefinition };
+export { AccountAddressBookDeleteConfirm, AccountAddressBookDeleteConfirmContent, AccountAddressBookDeleteConfirmDefinition, AccountAddressBookDeleteTrigger, AccountAddressBookDeleteTriggerContent, AccountAddressBookDeleteTriggerDefinition };
 
 //# sourceMappingURL=account-address-book-delete.js.map

package/dist/matter/account-address-book/account-address-book-delete.js.map

@@ -1 +1 @@
-{"version":3,"file":"account-address-book-delete.js","names":[],"sources":["../../../src/matter/account-address-book/account-address-book-delete.tsx"],"sourcesContent":["'use client';\n\nimport { defineComponent } from '@vtex/fs-core';\nimport { type ComponentPropsWithRef, useRef, useState } from 'react';\nimport { AlertDialog } from '../../particles/alert-dialog/alert-dialog.js';\nimport { Button } from '../../particles/button/button.js';\nimport { useToast } from '../../particles/toast/toast.js';\nimport { useActionsOverride } from '../../sdk/actions/actions-override-context.js';\nimport type { ComponentActions } from '../../sdk/actions/types.js';\nimport type { CustomerAddressUserError } from '../../sdk/address/operations.js';\nimport { useIntl } from '../../sdk/i18n/client.js';\nimport { loggableErrorName } from '../../utils/loggable-error-name.js';\nimport { resolveAuthoredCopy } from '../../utils/resolve-authored-copy.js';\nimport { useAccountAddressBook, useAccountAddressBookItem } from './account-address-book.js';\nimport { firstLine } from './account-address-first-line.js';\n\n/**\n * Deleting an address (specs/sfs-3437-address-book-delete.md, RFC REQ-04). The book's root holds which\n * address is waiting for an answer; a trigger in each entry asks, and one confirmation under the root\n * puts the question and dispatches `$actions.address.remove`. The confirmation never edits the list:\n * the entry leaves through the cache edit the action makes.\n */\n\nexport type AccountAddressBookDeleteTriggerProps = ComponentPropsWithRef<'button'> & {\n  /** The button's visible text. A blank value falls back to the catalog copy. */\n  label?: string;\n};\n\nexport type AccountAddressBookDeleteConfirmProps = Readonly<{\n  /** Goes on the popup, the one element a store can size and place: the dialog renders in a portal. */\n  className?: string;\n  /** The question. A blank value falls back to the catalog copy. */\n  title?: string;\n  /** What deleting means. The address's first line always shows before it. A blank value falls back to the catalog copy. */\n  description?: string;\n  /** The label of the control that backs out. A blank value falls back to the catalog copy. */\n  cancelLabel?: string;\n  /** The label of the control that deletes. A blank value falls back to the catalog copy. */\n  confirmLabel?: string;\n  /** Toast after the address is deleted. A blank value falls back to the catalog copy. */\n  deletedMessage?: string;\n  /** Shown in the prompt when the address was not deleted. A blank value falls back to the catalog copy. */\n  failedMessage?: string;\n  /** Shown in the prompt when the session expired. A blank value falls back to the catalog copy. */\n  unauthorizedMessage?: string;\n  /** Injected by the compiler from `actions: { address: [...] }`; the address write surface. */\n  $actions?: ComponentActions;\n}>;\n\ntype DeleteError = 'unauthorized' | 'deleteFailed';\n\n/**\n * What a result means for the prompt. An empty result is a removal, and so is `NOT_FOUND`: the server no\n * longer has the address, which is what the shopper asked for, and the action already took it out of\n * the cache. Anything else leaves the address listed.\n */\nfunction deleteError(userErrors: readonly CustomerAddressUserError[]): DeleteError | null {\n  if (userErrors.length === 0 || userErrors.some(({ code }) => code === 'NOT_FOUND')) return null;\n  return userErrors.some(({ code }) => code === 'UNAUTHORIZED') ? 'unauthorized' : 'deleteFailed';\n}\n\nexport function AccountAddressBookDeleteTrigger({\n  label,\n  className,\n  children,\n  onClick,\n  ...props\n}: AccountAddressBookDeleteTriggerProps) {\n  const { requestDelete } = useAccountAddressBook();\n  const address = useAccountAddressBookItem();\n  const intl = useIntl();\n  const text = resolveAuthoredCopy(label, intl.formatMessage({ id: 'fs/address-delete.trigger' }));\n  const line = firstLine(address);\n\n  return (\n    <Button\n      aria-label={line === '' ? undefined : `${text} ${line}`}\n      {...props}\n      type=\"button\"\n      className={className}\n      onClick={(event) => {\n        onClick?.(event);\n        requestDelete(address, event.currentTarget);\n      }}\n      data-fs-account-address-book-delete=\"\"\n    >\n      {children ?? text}\n    </Button>\n  );\n}\n\nexport function AccountAddressBookDeleteConfirm({\n  className,\n  title,\n  description,\n  cancelLabel,\n  confirmLabel,\n  deletedMessage,\n  failedMessage,\n  unauthorizedMessage,\n  $actions: $actionsProp,\n}: AccountAddressBookDeleteConfirmProps) {\n  // Enforces the ToastProvider ancestor: the hook throws outside one.\n  const toast = useToast();\n  const intl = useIntl();\n  const $actions = useActionsOverride($actionsProp);\n  const { pendingDelete, endDelete, openForm, close } = useAccountAddressBook();\n  const [pending, setPending] = useState(false);\n  const pendingRef = useRef(false);\n  const [error, setError] = useState<DeleteError | null>(null);\n\n  const line = pendingDelete ? firstLine(pendingDelete) : '';\n  const errorMessage =\n    error === 'unauthorized'\n      ? resolveAuthoredCopy(unauthorizedMessage, intl.formatMessage({ id: 'fs/address-delete.error.unauthorized' }))\n      : resolveAuthoredCopy(failedMessage, intl.formatMessage({ id: 'fs/address-delete.error.failed' }));\n\n  function finish() {\n    setError(null);\n    endDelete();\n  }\n\n  function deleted(id: string) {\n    toast.add({\n      title: resolveAuthoredCopy(deletedMessage, intl.formatMessage({ id: 'fs/address-delete.deleted' })),\n      type: 'success',\n    });\n    // An edit of this very address would only fail with `NOT_FOUND`, so it goes with the address.\n    if (openForm?.mode === 'edit' && openForm.address.id === id) close();\n    finish();\n  }\n\n  async function confirm() {\n    if (pendingRef.current || pendingDelete === null) return;\n    const remove = $actions?.address?.remove;\n    if (!remove) {\n      // A composition gap (the provider chain never delivered the action) is otherwise a dead button.\n      setError('deleteFailed');\n      return;\n    }\n\n    const { id } = pendingDelete;\n    pendingRef.current = true;\n    setPending(true);\n    setError(null);\n    try {\n      const failure = deleteError(await remove({ id }));\n      if (failure) setError(failure);\n      else deleted(id);\n    } catch (error_) {\n      // Log only the error name: a message can echo an address value.\n      console.error('[AccountAddressBookDeleteConfirm] address.remove failed', loggableErrorName(error_));\n      setError('deleteFailed');\n    } finally {\n      pendingRef.current = false;\n      setPending(false);\n    }\n  }\n\n  return (\n    <AlertDialog.Root\n      open={pendingDelete !== null}\n      onOpenChange={(next) => {\n        // Nothing closes the prompt while the call runs: its outcome has to land in front of the shopper.\n        if (!next && !pendingRef.current) finish();\n      }}\n    >\n      <AlertDialog.Portal>\n        <AlertDialog.Backdrop />\n        <AlertDialog.Viewport>\n          <AlertDialog.Popup className={className} data-fs-account-address-book-delete-confirm=\"\">\n            <AlertDialog.Title>\n              {resolveAuthoredCopy(title, intl.formatMessage({ id: 'fs/address-delete.title' }))}\n            </AlertDialog.Title>\n            <AlertDialog.Description>\n              {line === '' ? null : (\n                <>\n                  <span data-fs-account-address-book-delete-address=\"\">{line}</span>{' '}\n                </>\n              )}\n              {resolveAuthoredCopy(description, intl.formatMessage({ id: 'fs/address-delete.description' }))}\n            </AlertDialog.Description>\n            {error === null ? null : (\n              <p role=\"alert\" data-fs-account-address-book-delete-error=\"\">\n                {errorMessage}\n              </p>\n            )}\n            <AlertDialog.Close disabled={pending}>\n              {resolveAuthoredCopy(cancelLabel, intl.formatMessage({ id: 'fs/address-delete.cancel' }))}\n            </AlertDialog.Close>\n            <Button\n              type=\"button\"\n              disabled={pending}\n              aria-busy={pending || undefined}\n              onClick={confirm}\n              data-fs-account-address-book-delete-submit=\"\"\n            >\n              {resolveAuthoredCopy(confirmLabel, intl.formatMessage({ id: 'fs/address-delete.confirm' }))}\n            </Button>\n          </AlertDialog.Popup>\n        </AlertDialog.Viewport>\n      </AlertDialog.Portal>\n    </AlertDialog.Root>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Definitions\n// ---------------------------------------------------------------------------\n\nexport const AccountAddressBookDeleteTriggerDefinition = defineComponent<AccountAddressBookDeleteTriggerProps>({\n  name: 'AccountAddressBookDeleteTrigger',\n  importPath: '@vtex/faststore/components',\n  component: AccountAddressBookDeleteTrigger,\n  requiresContext: 'account-address-book-item',\n  editor: { label: 'Account Address Book Delete Trigger', category: 'action' },\n  schema: {\n    label: { type: 'string', label: 'Button label' },\n  },\n  guideline:\n    \"Asks to delete the address of the entry it sits in. Nothing is deleted until the shopper confirms in an AccountAddressBookDeleteConfirm. Its accessible name adds the address's first line, so a list of them is told apart. Place it inside AccountAddressBookItem, and one AccountAddressBookDeleteConfirm under the root to ask the question.\",\n});\n\nexport const AccountAddressBookDeleteConfirmDefinition = defineComponent<AccountAddressBookDeleteConfirmProps>({\n  name: 'AccountAddressBookDeleteConfirm',\n  importPath: '@vtex/faststore/components',\n  component: AccountAddressBookDeleteConfirm,\n  requiresContext: 'account-address-book',\n  actions: { address: ['remove'] },\n  editor: { label: 'Account Address Book Delete Confirm', category: 'layout' },\n  schema: {\n    title: { type: 'string', label: 'Question' },\n    description: { type: 'string', label: 'What deleting means' },\n    cancelLabel: { type: 'string', label: 'Cancel label' },\n    confirmLabel: { type: 'string', label: 'Delete label' },\n    deletedMessage: { type: 'string', label: 'Address deleted message' },\n    failedMessage: { type: 'string', label: 'Not deleted message' },\n    unauthorizedMessage: { type: 'string', label: 'Session expired message' },\n  },\n  guideline:\n    'The alert dialog that asks before an address is deleted, one per address book, opened by AccountAddressBookDeleteTrigger. Names the address, takes focus on Cancel, and closes only on Cancel or Escape: a click outside does nothing. Confirming removes the address, shows a toast and closes; a refusal keeps the dialog open with a message and lets the shopper try again. While the call runs, nothing closes it. Deleting the last address leaves the book empty, so compose an AccountAddressBookEmpty. Requires a ToastProvider ancestor, since the success toast throws without one. Place it under AccountAddressBookRoot. See account-address-book.md.',\n});\n"],"mappings":"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"}
+{"version":3,"file":"account-address-book-delete.js","names":[],"sources":["../../../src/matter/account-address-book/account-address-book-delete.tsx"],"sourcesContent":["'use client';\n\nimport { type ContentValue, defineComponent, defineContentType, type MessageLocaleProp } from '@vtex/fs-core';\nimport { type ComponentPropsWithRef, useRef, useState } from 'react';\nimport { AlertDialog } from '../../particles/alert-dialog/alert-dialog.js';\nimport { Button } from '../../particles/button/button.js';\nimport { useToast } from '../../particles/toast/toast.js';\nimport { useActionsOverride } from '../../sdk/actions/actions-override-context.js';\nimport type { ComponentActions } from '../../sdk/actions/types.js';\nimport type { CustomerAddressUserError } from '../../sdk/address/operations.js';\nimport { useMessageFormatter } from '../../sdk/i18n/use-message-formatter.js';\nimport { loggableErrorName } from '../../utils/loggable-error-name.js';\nimport { useAccountAddressBook, useAccountAddressBookItem } from './account-address-book.js';\nimport { firstLine } from './account-address-first-line.js';\n\n/**\n * Deleting an address (specs/sfs-3437-address-book-delete.md, RFC REQ-04). The book's root holds which\n * address is waiting for an answer; a trigger in each entry asks, and one confirmation under the root\n * puts the question and dispatches `$actions.address.remove`. The confirmation never edits the list:\n * the entry leaves through the cache edit the action makes.\n */\n\nexport type AccountAddressBookDeleteTriggerProps = ComponentPropsWithRef<'button'> &\n  MessageLocaleProp & {\n    $content?: ContentValue<typeof AccountAddressBookDeleteTriggerContent>;\n  };\n\nexport type AccountAddressBookDeleteConfirmProps = MessageLocaleProp &\n  Readonly<{\n    /** Goes on the popup, the one element a store can size and place: the dialog renders in a portal. */\n    className?: string;\n    $content?: ContentValue<typeof AccountAddressBookDeleteConfirmContent>;\n    /** Injected by the compiler from `actions: { address: [...] }`; the address write surface. */\n    $actions?: ComponentActions;\n  }>;\n\ntype DeleteError = 'unauthorized' | 'deleteFailed';\n\n/**\n * What a result means for the prompt. An empty result is a removal, and so is `NOT_FOUND`: the server no\n * longer has the address, which is what the shopper asked for, and the action already took it out of\n * the cache. Anything else leaves the address listed.\n */\nfunction deleteError(userErrors: readonly CustomerAddressUserError[]): DeleteError | null {\n  if (userErrors.length === 0 || userErrors.some(({ code }) => code === 'NOT_FOUND')) return null;\n  return userErrors.some(({ code }) => code === 'UNAUTHORIZED') ? 'unauthorized' : 'deleteFailed';\n}\n\nexport function AccountAddressBookDeleteTrigger({\n  $content,\n  $locale,\n  className,\n  children,\n  onClick,\n  ...props\n}: AccountAddressBookDeleteTriggerProps) {\n  const { requestDelete } = useAccountAddressBook();\n  const address = useAccountAddressBookItem();\n  const text = useMessageFormatter(AccountAddressBookDeleteTriggerContent, $content).format('label');\n  const line = firstLine(address);\n\n  return (\n    <Button\n      aria-label={line === '' ? undefined : `${text} ${line}`}\n      {...props}\n      type=\"button\"\n      className={className}\n      onClick={(event) => {\n        onClick?.(event);\n        requestDelete(address, event.currentTarget);\n      }}\n      data-fs-account-address-book-delete=\"\"\n    >\n      {children ?? text}\n    </Button>\n  );\n}\n\nexport function AccountAddressBookDeleteConfirm({\n  className,\n  $content,\n  $actions: $actionsProp,\n}: AccountAddressBookDeleteConfirmProps) {\n  // Enforces the ToastProvider ancestor: the hook throws outside one.\n  const toast = useToast();\n  const { format } = useMessageFormatter(AccountAddressBookDeleteConfirmContent, $content);\n  const $actions = useActionsOverride($actionsProp);\n  const { pendingDelete, endDelete, openForm, close } = useAccountAddressBook();\n  const [pending, setPending] = useState(false);\n  const pendingRef = useRef(false);\n  const [error, setError] = useState<DeleteError | null>(null);\n\n  const line = pendingDelete ? firstLine(pendingDelete) : '';\n\n  function finish() {\n    setError(null);\n    endDelete();\n  }\n\n  function deleted(id: string) {\n    toast.add({ title: format('deletedMessage'), type: 'success' });\n    // An edit of this very address would only fail with `NOT_FOUND`, so it goes with the address.\n    if (openForm?.mode === 'edit' && openForm.address.id === id) close();\n    finish();\n  }\n\n  async function confirm() {\n    if (pendingRef.current || pendingDelete === null) return;\n    const remove = $actions?.address?.remove;\n    if (!remove) {\n      // A composition gap (the provider chain never delivered the action) is otherwise a dead button.\n      setError('deleteFailed');\n      return;\n    }\n\n    const { id } = pendingDelete;\n    pendingRef.current = true;\n    setPending(true);\n    setError(null);\n    try {\n      const failure = deleteError(await remove({ id }));\n      if (failure) setError(failure);\n      else deleted(id);\n    } catch (error_) {\n      // Log only the error name: a message can echo an address value.\n      console.error('[AccountAddressBookDeleteConfirm] address.remove failed', loggableErrorName(error_));\n      setError('deleteFailed');\n    } finally {\n      pendingRef.current = false;\n      setPending(false);\n    }\n  }\n\n  return (\n    <AlertDialog.Root\n      open={pendingDelete !== null}\n      onOpenChange={(next) => {\n        // Nothing closes the prompt while the call runs: its outcome has to land in front of the shopper.\n        if (!next && !pendingRef.current) finish();\n      }}\n    >\n      <AlertDialog.Portal>\n        <AlertDialog.Backdrop />\n        <AlertDialog.Viewport>\n          <AlertDialog.Popup className={className} data-fs-account-address-book-delete-confirm=\"\">\n            <AlertDialog.Title>{format('title')}</AlertDialog.Title>\n            <AlertDialog.Description>\n              {line === '' ? null : (\n                <>\n                  <span data-fs-account-address-book-delete-address=\"\">{line}</span>{' '}\n                </>\n              )}\n              {format('description')}\n            </AlertDialog.Description>\n            {error === null ? null : (\n              <p role=\"alert\" data-fs-account-address-book-delete-error=\"\">\n                {format(error === 'unauthorized' ? 'unauthorizedMessage' : 'failedMessage')}\n              </p>\n            )}\n            <AlertDialog.Close disabled={pending}>{format('cancelLabel')}</AlertDialog.Close>\n            <Button\n              type=\"button\"\n              disabled={pending}\n              aria-busy={pending || undefined}\n              onClick={confirm}\n              data-fs-account-address-book-delete-submit=\"\"\n            >\n              {format('confirmLabel')}\n            </Button>\n          </AlertDialog.Popup>\n        </AlertDialog.Viewport>\n      </AlertDialog.Portal>\n    </AlertDialog.Root>\n  );\n}\n\nexport const AccountAddressBookDeleteTriggerContent = defineContentType({\n  id: 'account-address-book-delete-trigger',\n  title: 'Account Address Book Delete Trigger',\n  description: 'Label of the control that asks to delete an address.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      label: { type: 'string', title: 'Button label', format: 'icu-message', messageSource: 'Delete' },\n    },\n  },\n});\n\n// ---------------------------------------------------------------------------\n// Definitions\n// ---------------------------------------------------------------------------\n\nexport const AccountAddressBookDeleteTriggerDefinition = defineComponent<AccountAddressBookDeleteTriggerProps>({\n  name: 'AccountAddressBookDeleteTrigger',\n  importPath: '@vtex/faststore/components',\n  component: AccountAddressBookDeleteTrigger,\n  content: AccountAddressBookDeleteTriggerContent,\n  requiresContext: 'account-address-book-item',\n  editor: { label: 'Account Address Book Delete Trigger', category: 'action' },\n  schema: {},\n  guideline:\n    \"Asks to delete the address of the entry it sits in. Nothing is deleted until the shopper confirms in an AccountAddressBookDeleteConfirm. Its accessible name adds the address's first line, so a list of them is told apart. Place it inside AccountAddressBookItem, and one AccountAddressBookDeleteConfirm under the root to ask the question.\",\n});\n\nexport const AccountAddressBookDeleteConfirmContent = defineContentType({\n  id: 'account-address-book-delete-confirm',\n  title: 'Account Address Book Delete Confirm',\n  description: 'The question, the labels and the outcome messages of the address deletion prompt.',\n  schema: {\n    type: 'object',\n    additionalProperties: false,\n    properties: {\n      title: { type: 'string', title: 'Question', format: 'icu-message', messageSource: 'Delete this address?' },\n      description: {\n        type: 'string',\n        title: 'What deleting means',\n        format: 'icu-message',\n        messageSource: \"This can't be undone.\",\n      },\n      cancelLabel: { type: 'string', title: 'Cancel label', format: 'icu-message', messageSource: 'Cancel' },\n      confirmLabel: { type: 'string', title: 'Delete label', format: 'icu-message', messageSource: 'Delete' },\n      deletedMessage: {\n        type: 'string',\n        title: 'Address deleted message',\n        format: 'icu-message',\n        messageSource: 'Address deleted.',\n      },\n      failedMessage: {\n        type: 'string',\n        title: 'Not deleted message',\n        format: 'icu-message',\n        messageSource: \"We couldn't delete this address. Try again.\",\n      },\n      unauthorizedMessage: {\n        type: 'string',\n        title: 'Session expired message',\n        format: 'icu-message',\n        messageSource: 'Your session expired. Sign in again to delete this address.',\n      },\n    },\n  },\n});\n\nexport const AccountAddressBookDeleteConfirmDefinition = defineComponent<AccountAddressBookDeleteConfirmProps>({\n  name: 'AccountAddressBookDeleteConfirm',\n  importPath: '@vtex/faststore/components',\n  component: AccountAddressBookDeleteConfirm,\n  content: AccountAddressBookDeleteConfirmContent,\n  requiresContext: 'account-address-book',\n  actions: { address: ['remove'] },\n  editor: { label: 'Account Address Book Delete Confirm', category: 'layout' },\n  schema: {},\n  guideline:\n    'The alert dialog that asks before an address is deleted, one per address book, opened by AccountAddressBookDeleteTrigger. Names the address, takes focus on Cancel, and closes only on Cancel or Escape: a click outside does nothing. Confirming removes the address, shows a toast and closes; a refusal keeps the dialog open with a message and lets the shopper try again. While the call runs, nothing closes it. Deleting the last address leaves the book empty, so compose an AccountAddressBookEmpty. Requires a ToastProvider ancestor, since the success toast throws without one. Place it under AccountAddressBookRoot. See account-address-book.md.',\n});\n"],"mappings":"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"}