@alfadocs/ui-kit-debug 1.56.0 → 1.57.0

package/dist/_chunks/{registration-form-D7iNqMBF.js.map → registration-form-BlTzYywa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"registration-form-D7iNqMBF.js","sources":["../../src/patterns/registration-form/registration-form.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* RegistrationForm — the registration form card, for doctors and for    */\n/* patients.                                                              */\n/*                                                                        */\n/* One export for the card: name, email and password (each with a        */\n/* confirm field), phone, speciality, terms and the submit button. The   */\n/* host picks the fields: a doctor form shows them all, a patient form   */\n/* shows email, password and terms. The host keeps the page around the   */\n/* card, the marketing copy and every server rule. The card checks what  */\n/* a browser can check and either hands the values to `onSubmit` or      */\n/* posts a real form to the host's own field names.                      */\n/*                                                                        */\n/* What happens on submit (the busy guard, the reCAPTCHA wait, telling   */\n/* a server answer from a re-render) lives in `useRegistrationSubmit`.   */\n/* -------------------------------------------------------------------- */\n\nimport {\n  forwardRef,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { Trans, useTranslation } from 'react-i18next';\nimport { cva } from 'class-variance-authority';\nimport { CircleAlert } from 'lucide-react';\n// The same parser PhoneInput uses, for a number that arrives filled in.\nimport { parsePhoneNumberFromString } from 'libphonenumber-js/min';\n// The validator EmailInput itself uses, so the two never disagree.\nimport isEmail from 'validator/lib/isEmail';\nimport { Alert } from '../../components/alert';\nimport { Button } from '../../components/button';\nimport { Card } from '../../components/card';\nimport { Checkbox } from '../../components/checkbox';\nimport { DevBypassButton } from '../../components/dev-bypass-button';\nimport { EmailInput } from '../../components/email-input';\nimport { ErrorSummary } from '../../components/error-summary';\nimport { FormField } from '../../components/form-field';\nimport {\n  PasswordInput,\n  usePasswordRequirements,\n  type UsePasswordRequirementsOptions,\n} from '../../components/password-input';\nimport { PhoneInput } from '../../components/phone-input';\nimport { RecaptchaWidget } from '../../components/recaptcha-widget';\nimport { Select, type SelectOption } from '../../components/select';\nimport { StateBackedTextInput } from '../../components/_shared/state-backed-text-input';\nimport { isDevelopment } from '../../components/_shared/is-development';\nimport { useStateBackedInput } from '../../components/_shared/use-state-backed-input';\nimport { isSafeHref, isSameSiteHref } from '../../components/_shared/safe-href';\nimport { useFieldMatch } from '../../hooks/use-field-match';\nimport { BrandMark, type BrandMarkMotion } from '../_shared/brand-mark';\nimport {\n  useErrorSummary,\n  useFormMessageAnnounce,\n} from '../_shared/use-error-summary';\nimport { useRegistrationSubmit } from './use-registration-submit';\n\n/* -------------------------------------------------------------------- */\n/* Types                                                                  */\n/* -------------------------------------------------------------------- */\n\n/** The fields of the form, in the order they appear. */\nexport const REGISTRATION_FORM_FIELDS = [\n  'firstName',\n  'lastName',\n  'email',\n  'emailConfirm',\n  'password',\n  'passwordConfirm',\n  'phone',\n  'branch',\n  'terms',\n] as const;\n\nexport type RegistrationFormField = (typeof REGISTRATION_FORM_FIELDS)[number];\n\n/** The fields built on `TextInput`, which can refuse paste or copy. */\nexport type RegistrationFormTextField = Extract<\n  RegistrationFormField,\n  | 'firstName'\n  | 'lastName'\n  | 'email'\n  | 'emailConfirm'\n  | 'password'\n  | 'passwordConfirm'\n>;\n\n/** What `onSubmit` receives once every check has passed. A field the\n *  form does not show is empty (`''`, or `false` for the terms). */\nexport interface RegistrationFormValues {\n  firstName: string;\n  lastName: string;\n  email: string;\n  /** As typed. It matches `email` apart from case and outer spaces. */\n  emailConfirm: string;\n  password: string;\n  /** Equal to `password` when the confirm field is shown. */\n  passwordConfirm: string;\n  /** In E.164 form, e.g. `+393331234567`. */\n  phone: string;\n  /** The chosen `branches` value. */\n  branch: string;\n  /** True when the terms are shown: the form does not submit without. */\n  terms: boolean;\n  /** The reCAPTCHA token, when the host passes `recaptchaSiteKey`. */\n  captchaToken?: string;\n}\n\n/** Values to show when the form opens. There is no password here, on\n *  purpose: a password is never sent back to the browser. */\nexport type RegistrationFormInitialValues = Partial<\n  Pick<\n    RegistrationFormValues,\n    | 'firstName'\n    | 'lastName'\n    | 'email'\n    | 'emailConfirm'\n    | 'phone'\n    | 'branch'\n    | 'terms'\n  >\n>;\n\n/**\n * What the development shortcut puts in the fields. Unlike\n * `initialValues` it may carry a password: the host passes it only in\n * development, from its own server, and the kit holds no test data of\n * its own.\n */\nexport type RegistrationFormDevValues = Partial<\n  Pick<\n    RegistrationFormValues,\n    | 'firstName'\n    | 'lastName'\n    | 'email'\n    | 'password'\n    | 'phone'\n    | 'branch'\n    | 'terms'\n  >\n>;\n\n/** The development-only shortcut at the top right of the card. */\nexport interface RegistrationFormDevBypass {\n  /** What the shortcut does: the button's name and tooltip. */\n  label: string;\n  /**\n   * The values to put in the fields when the button is pressed, as if\n   * typed: the checks, the password checklist and the posted values all\n   * see them. The confirm fields are filled from the same values, so\n   * they match. A field the form does not show is ignored, and a\n   * read-only email is kept.\n   */\n  values?: RegistrationFormDevValues;\n  /**\n   * True to submit the form right after filling it, through the normal\n   * path: the checks still run, reCAPTCHA still runs, a native form\n   * still posts. Default false: fill only.\n   */\n  submit?: boolean;\n  /** Called after filling, for a host with a route of its own. */\n  onClick?: () => void;\n}\n\n/** Messages from the server, already translated by the host: one per\n *  field, plus `form` for a message about the whole form. */\nexport type RegistrationFormErrors = Partial<\n  Record<RegistrationFormField | 'form', string>\n>;\n\n/** The host's own form field names, for a native form post. `captcha`\n *  names the hidden field that carries the reCAPTCHA token. */\nexport type RegistrationFormFieldNames = Partial<\n  Record<RegistrationFormField | 'captcha', string>\n>;\n\nexport interface RegistrationFormProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'title' | 'onSubmit'\n> {\n  /** Replaces the heading \"Create your account\". Pass it translated. */\n  title?: string;\n  /** A line under the heading, e.g. \"No installation needed\". Pass it\n   *  translated. */\n  description?: string;\n  /** The heading's level. Default 2, for a page that has its own `h1`. */\n  headingLevel?: 1 | 2 | 3;\n  /**\n   * Shows the Alfadocs mark above the heading, with the heading and its\n   * line centred under it. Default true. With `false` the heading sits\n   * at the start edge, for a host that shows its own logo beside the\n   * card.\n   */\n  showLogo?: boolean;\n  /**\n   * How the mark arrives when the card opens: its pieces come together\n   * (`assemble`, the default), it turns once (`spin`), it beats\n   * (`pulse`), or it is still (`none`). It plays once and rests, and\n   * holds still under reduced motion and in the accessible themes.\n   */\n  logoMotion?: BrandMarkMotion;\n  /**\n   * Host content between the heading and the fields, such as a notice\n   * or a list of benefits. It sits outside the form, so nothing in it is\n   * posted. Keep any heading inside it below the card's own level.\n   */\n  children?: ReactNode;\n  /**\n   * The fields to show. Default: all of them, which is the doctor form.\n   * A patient form is `['email', 'password', 'passwordConfirm', 'terms']`.\n   * Leave out `emailConfirm` or `passwordConfirm` to drop that confirm\n   * field. The list picks fields, it does not order them; email and\n   * password always show; `branch` also needs `branches`.\n   */\n  fields?: readonly RegistrationFormField[];\n  /** Values to show when the form opens, such as the email from an\n   *  invite link. Read once. Never a password. */\n  initialValues?: RegistrationFormInitialValues;\n  /**\n   * Messages from the server, already translated. Each shows on its\n   * field until the user changes that field; `form` shows above the\n   * fields, as does a message for a field the form does not show.\n   *\n   * Messages present when the form opens (a page the server rendered\n   * after a failed post) take focus: the error summary at the top of the\n   * form, which lists each field with a message, or the message above the\n   * fields when no field has one.\n   *\n   * On a React host, when the messages change, both password fields\n   * are emptied and focus moves as above. Set `submitting` while you\n   * send: the form then also notices an answer that says the same as\n   * the last one (another address, also taken), which the messages\n   * alone cannot show. Any object works, kept in state or rebuilt on\n   * each render (`errors={{ email: emailError }}`).\n   */\n  errors?: RegistrationFormErrors;\n  /**\n   * Shows the email from `initialValues` read-only, for a person invited\n   * with an address they cannot change here. Off by default: choose it\n   * only when the server will refuse any other address. The value is\n   * still posted and still read out, there is no confirm email field,\n   * and the browser does not check it. Ignored when there is no initial\n   * email, so the field is never both empty and locked.\n   */\n  emailReadOnly?: boolean;\n  /** A line under the email field, e.g. \"You can change it later in the\n   *  settings\". Pass it translated. */\n  emailDescription?: string;\n  /**\n   * Fields that refuse paste and drop, so the user types them, e.g.\n   * `['passwordConfirm']`. Default: none. Autofill from the browser or a\n   * password manager still works. A refused paste is announced and shown\n   * under the field. The host decides: see the docs for the WCAG\n   * position, which differs between the email and password fields.\n   */\n  blockPaste?: readonly RegistrationFormTextField[];\n  /**\n   * Fields that refuse copy, cut and dragging text out. Default: none.\n   * Browsers already refuse to copy from a password field while it is\n   * hidden. See the docs for the WCAG position.\n   */\n  blockCopy?: readonly RegistrationFormTextField[];\n  /** The specialities to choose from. The field shows, and is required,\n   *  only when this has entries. */\n  branches?: SelectOption[];\n  /**\n   * The password rules, shown as a live checklist. Keep them equal to\n   * the server's. Default: 12 characters with an uppercase letter, a\n   * lowercase letter and a number, counting only `A-Z`, `a-z` and `0-9`\n   * (`charset: 'ascii'`), which is the platform's rule.\n   */\n  passwordPolicy?: UsePasswordRequirementsOptions;\n  /**\n   * Where \"terms of use\" leads. A path on the same site, or an address\n   * written in full (`https://…`). Anything else, such as an address\n   * that would lead off the site without saying so, shows the words\n   * without a link.\n   */\n  termsHref?: string;\n  /** Where \"privacy policy\" leads. Same rule as `termsHref`. */\n  privacyHref?: string;\n  /**\n   * Replaces the sentence beside the terms box (\"I accept the terms of\n   * use and the privacy policy\") with the host's own wording and links,\n   * already translated. The legal wording is the host's to choose. When\n   * set, `termsHref` and `privacyHref` are not used. The box stays\n   * required.\n   */\n  termsLabel?: ReactNode;\n  /** A line shown with the terms box and read out with it, e.g. \"We\n   *  will not send you any advertising\". Pass it translated. */\n  termsDescription?: ReactNode;\n  /** Adds \"Already have an account? Sign in\". Same rule as `termsHref`. */\n  loginHref?: string;\n  /** A Google reCAPTCHA v2 site key of the invisible type. The check\n   *  runs when the user submits. Leave it out where the server does not\n   *  verify a token. */\n  recaptchaSiteKey?: string;\n  /** Replaces the button's \"Create account\". Pass it translated. */\n  submitLabel?: string;\n  /** True while the host sends the values: the button shows a spinner\n   *  and a second submit is ignored. */\n  submitting?: boolean;\n  /**\n   * Shows the development-only shortcut button at the top right of the\n   * card: it fills the form with the host's `values`, and submits it\n   * when asked to. Pass it only when the server says this is a\n   * development environment: the kit never decides that itself, holds\n   * no test data, and what the shortcut submits goes through the normal\n   * path, so the server's own rules still decide. With neither `values`\n   * nor `onClick` there is nothing to do and no button.\n   */\n  devBypass?: RegistrationFormDevBypass;\n  /** For React hosts: called with the values once every check has\n   *  passed. Not called when `fieldNames` is set. */\n  onSubmit?: (values: RegistrationFormValues) => void;\n  /**\n   * For a native form post: the host's own field names, e.g.\n   * `{ email: 'registration[email]' }`. When set, the inputs carry\n   * these names and the browser posts the form. A field without a name\n   * here is not posted: name a confirm field only if the server's form\n   * has one, or it may refuse the post as carrying extra fields.\n   */\n  fieldNames?: RegistrationFormFieldNames;\n  /**\n   * Where a native form post goes. Default: the current address, query\n   * string included, which is what a page reached through an invite link\n   * needs. Only an address on this site is accepted: another site is\n   * never sent what the user typed, and the post then goes to the\n   * current address instead.\n   */\n  action?: string;\n  /**\n   * Extra hidden inputs posted with a native form, by name: a CSRF token\n   * or similar. Not used with `onSubmit`. A name that is also one of\n   * `fieldNames` is left out: the form's own field wins.\n   */\n  hiddenFields?: Readonly<Record<string, string>>;\n}\n\n/* -------------------------------------------------------------------- */\n/* Styles                                                                 */\n/* -------------------------------------------------------------------- */\n\nconst registrationFormVariants = cva(\n  'ds:@container/registration ds:w-full ds:text-start ds:text-[var(--foreground)]',\n);\n\nconst rowVariants = cva(\n  'ds:grid ds:grid-cols-1 ds:items-start ds:gap-[var(--spacing-md)]',\n  {\n    variants: {\n      columns: {\n        /** A field alone in its row takes the full width. */\n        one: '',\n        /** Two fields side by side once the card is wide enough. */\n        two: 'ds:@[544px]/registration:grid-cols-2',\n      },\n    },\n    defaultVariants: { columns: 'two' },\n  },\n);\n\n/** The top of the card: the mark, the heading and its line. */\nconst headerVariants = cva('ds:relative ds:flex ds:gap-[var(--spacing-sm)]', {\n  variants: {\n    logo: {\n      /** A centred column under the mark. */\n      true: 'ds:flex-col ds:items-center',\n      /** The heading at the start edge, the shortcut at the end. */\n      false: 'ds:items-start ds:justify-between',\n    },\n  },\n  defaultVariants: { logo: true },\n});\n\nconst headingBlockVariants = cva(\n  'ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-xs)]',\n  {\n    variants: {\n      centred: { true: 'ds:items-center ds:text-center', false: '' },\n    },\n    defaultVariants: { centred: true },\n  },\n);\n\n/** Where the development shortcut sits: the top inline-end corner. Out\n *  of the flow under the mark, so it cannot push the mark off centre. */\nconst shortcutVariants = cva('ds:shrink-0', {\n  variants: {\n    corner: { true: 'ds:absolute ds:top-0 ds:end-0', false: '' },\n  },\n  defaultVariants: { corner: true },\n});\n\n// Links inside the card take the text colour and an underline. The kit\n// Link's own colour (`--primary`) falls just below AA on a card in the\n// dark theme, as the booking form's consent links found.\nconst inlineLinkVariants = cva(\n  'ds:rounded-[var(--radius-sm)] ds:underline ds:underline-offset-4 ds:text-[var(--foreground)] ds:focus-visible:outline-solid ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  {\n    variants: {\n      weight: { normal: '', strong: 'ds:font-semibold' },\n    },\n    defaultVariants: { weight: 'normal' },\n  },\n);\n\n// The message above the fields takes focus when there is no field to\n// send the user to, so it shows a ring like anything else that does.\nconst formMessageVariants = cva(\n  'ds:focus-visible:outline-solid ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n);\n\n/** The `*` beside a required field, as FormField draws it. Decorative:\n *  the control itself says it is required. */\nconst requiredMarkVariants = cva(\n  'ds:text-destructive ds:ms-[var(--spacing-xs)]',\n);\n\n/* -------------------------------------------------------------------- */\n/* Helpers                                                                */\n/* -------------------------------------------------------------------- */\n\n// The platform's rule is written in ASCII (`[A-Z]`, `[a-z]`, `\\d`), so\n// the checklist counts the same characters and never shows green for a\n// password the server will refuse.\nconst DEFAULT_PASSWORD_POLICY: UsePasswordRequirementsOptions = {\n  minLength: 12,\n  uppercase: true,\n  lowercase: true,\n  digit: true,\n  charset: 'ascii',\n};\n\n// A brand name, not interface copy: it reads the same in every language,\n// so it has no translation key.\nconst BRAND_NAME = 'Alfadocs';\n\n/** An address a link may use, or nothing. */\nconst linkTo = (href: string | undefined): string | undefined =>\n  href && isSafeHref(href) ? href : undefined;\n\nconst hasMessage = (errors: RegistrationFormErrors): boolean =>\n  Object.values(errors).some(Boolean);\n\n/** Whether a number could be a real one, by its length for its country. */\nconst isPossiblePhone = (e164: string): boolean =>\n  parsePhoneNumberFromString(e164)?.isPossible() ?? false;\n\ninterface InlineLinkProps {\n  href: string;\n  /** Opens in a new tab, so the form keeps what the user has typed. */\n  newTab?: boolean;\n  weight?: 'normal' | 'strong';\n  /** Emitted as `data-action`. */\n  action?: string;\n  /** The link's text: `Trans` fills it in from the translation. */\n  children?: ReactNode;\n}\n\n// `Trans` hands every element it fills a bookkeeping prop of its own, so\n// these two take named props only and pass nothing else on to the DOM.\n\n/** A link inside a sentence. */\nfunction InlineLink({\n  href,\n  newTab = false,\n  weight,\n  action,\n  children,\n}: InlineLinkProps) {\n  const { t } = useTranslation('ui');\n  return (\n    <a\n      href={href}\n      target={newTab ? '_blank' : undefined}\n      rel={newTab ? 'noopener noreferrer' : undefined}\n      data-action={action}\n      className={inlineLinkVariants({ weight })}\n    >\n      {children}\n      {newTab && <span className=\"ds:sr-only\">{t('link.opensInNewTab')}</span>}\n    </a>\n  );\n}\n\n/** The words a link would wrap, when the host gives no address for it. */\nfunction PlainText({ children }: { children?: ReactNode }) {\n  return <>{children}</>;\n}\n\ntype FieldFlags = Partial<Record<RegistrationFormField, boolean>>;\n\n/** Where focus can be sent: a field, or the message above the fields. */\ntype FocusTarget = RegistrationFormField | 'form';\n\n/** Every field but the terms, which is a checkbox under the grid. */\ntype GridField = Exclude<RegistrationFormField, 'terms'>;\n\n/** A field sits beside the one it belongs with. */\nconst FIELD_PAIRS: ReadonlyArray<readonly [GridField, GridField]> = [\n  ['firstName', 'lastName'],\n  ['email', 'emailConfirm'],\n  ['password', 'passwordConfirm'],\n  ['phone', 'branch'],\n];\n\n/** The rows of the form, for the fields that show. A pair keeps its\n *  row; two fields left alone one after the other share a row, so a\n *  form of just email and password puts them side by side. */\nfunction layOutRows(shows: (field: GridField) => boolean): GridField[][] {\n  const rows: GridField[][] = [];\n  for (const pair of FIELD_PAIRS) {\n    const row = pair.filter(shows);\n    if (row.length === 0) continue;\n    const last = rows[rows.length - 1];\n    if (row.length === 1 && last?.length === 1) last.push(row[0]);\n    else rows.push(row);\n  }\n  return rows;\n}\n\ninterface FormState {\n  firstName: string;\n  lastName: string;\n  email: string;\n  emailConfirm: string;\n  password: string;\n  passwordConfirm: string;\n  phone: string;\n  branch: string;\n  terms: boolean;\n}\n\n/* -------------------------------------------------------------------- */\n/* RegistrationForm                                                       */\n/* -------------------------------------------------------------------- */\n\n/**\n * The registration form card, for doctors and for patients. The host\n * picks the fields, supplies the page around the card and owns every\n * server rule; see the props for the two ways to submit. The card's\n * text follows the kit's language, like every kit component.\n */\nexport const RegistrationForm = forwardRef<\n  HTMLDivElement,\n  RegistrationFormProps\n>(\n  (\n    {\n      title,\n      description,\n      headingLevel = 2,\n      showLogo = true,\n      logoMotion = 'assemble',\n      children,\n      fields,\n      initialValues,\n      errors,\n      emailReadOnly = false,\n      emailDescription,\n      blockPaste,\n      blockCopy,\n      branches,\n      passwordPolicy = DEFAULT_PASSWORD_POLICY,\n      termsHref,\n      privacyHref,\n      termsLabel,\n      termsDescription,\n      loginHref,\n      recaptchaSiteKey,\n      submitLabel,\n      submitting = false,\n      devBypass,\n      onSubmit,\n      fieldNames,\n      action,\n      hiddenFields,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation('ui');\n    const titleId = useId();\n    const fieldIdBase = useId();\n    /** The id of a field's wrapper: where the summary's link leads. */\n    const fieldId = (field: RegistrationFormField) => `${fieldIdBase}-${field}`;\n    const termsErrorId = useId();\n    const termsDescriptionId = useId();\n    const formMessageId = useId();\n    const native = fieldNames !== undefined;\n    const hasBranches = Boolean(branches && branches.length > 0);\n    // Locked only when there is an address to lock: an empty read-only\n    // field would leave the user with no way forward.\n    const [hadEmail] = useState(() => Boolean(initialValues?.email));\n    const emailLocked = emailReadOnly && hadEmail;\n\n    /** Whether the form shows a field. */\n    const shows = (field: RegistrationFormField): boolean => {\n      if (field === 'email' || field === 'password') return true;\n      if (fields && !fields.includes(field)) return false;\n      if (field === 'branch') return hasBranches;\n      // Nothing to mistype in an address the user cannot type.\n      if (field === 'emailConfirm') return !emailLocked;\n      return true;\n    };\n    const shown = REGISTRATION_FORM_FIELDS.filter(shows);\n\n    /* ------------------------------ State ----------------------------- */\n\n    // Read once. Passwords always start empty.\n    const [values, setValues] = useState<FormState>(() => ({\n      firstName: initialValues?.firstName ?? '',\n      lastName: initialValues?.lastName ?? '',\n      email: initialValues?.email ?? '',\n      emailConfirm: initialValues?.emailConfirm ?? '',\n      password: '',\n      passwordConfirm: '',\n      phone: initialValues?.phone ?? '',\n      branch: initialValues?.branch ?? '',\n      terms: initialValues?.terms ?? false,\n    }));\n    // PhoneInput says whether a number is possible each time it changes.\n    const [phonePossible, setPhonePossible] = useState(() =>\n      isPossiblePhone(initialValues?.phone ?? ''),\n    );\n    // A field the user has left. An email that arrives filled in counts,\n    // as it does inside EmailInput: both then flag a bad one at once, so\n    // the field is never red without a message.\n    const [touched, setTouched] = useState<FieldFlags>(() => ({\n      email: Boolean(initialValues?.email),\n    }));\n    const [submitted, setSubmitted] = useState(false);\n    const [serverErrors, setServerErrors] = useState<RegistrationFormErrors>(\n      () => errors ?? {},\n    );\n\n    const set = <K extends keyof FormState>(field: K, value: FormState[K]) => {\n      setValues((previous) => ({ ...previous, [field]: value }));\n      // The server's message was about the old value.\n      setServerErrors((previous) =>\n        previous[field] ? { ...previous, [field]: undefined } : previous,\n      );\n    };\n    const leave = (field: RegistrationFormField) =>\n      setTouched((previous) =>\n        previous[field] ? previous : { ...previous, [field]: true },\n      );\n    const emptyPasswords = () => {\n      setValues((previous) => ({\n        ...previous,\n        password: '',\n        passwordConfirm: '',\n      }));\n      setTouched((previous) => ({\n        ...previous,\n        password: false,\n        passwordConfirm: false,\n      }));\n    };\n\n    /** The paste and copy switches for one typed field. */\n    const clipboard = (field: RegistrationFormTextField) => ({\n      blockPaste: blockPaste?.includes(field) ?? false,\n      blockCopy: blockCopy?.includes(field) ?? false,\n    });\n\n    /* ---------------------------- Validation -------------------------- */\n\n    const requirements = usePasswordRequirements(passwordPolicy);\n    const emailMatch = useFieldMatch({\n      value: values.email,\n      confirmValue: values.emailConfirm,\n      kind: 'email',\n      submitted,\n    });\n    const passwordMatch = useFieldMatch({\n      value: values.password,\n      confirmValue: values.passwordConfirm,\n      kind: 'password',\n      submitted,\n    });\n\n    /** What stops a submit, whether or not the message shows yet. Only\n     *  a field that shows can stop it. */\n    const invalid: Record<RegistrationFormField, boolean> = {\n      firstName: shows('firstName') && values.firstName.trim() === '',\n      lastName: shows('lastName') && values.lastName.trim() === '',\n      // The user cannot fix a locked address, so the server judges it.\n      email: !emailLocked && !isEmail(values.email),\n      emailConfirm:\n        shows('emailConfirm') &&\n        (values.emailConfirm === '' || !emailMatch.matches),\n      password:\n        values.password === '' ||\n        !requirements.every((rule) => rule.test(values.password)),\n      passwordConfirm:\n        shows('passwordConfirm') &&\n        (values.passwordConfirm === '' || !passwordMatch.matches),\n      phone: shows('phone') && (values.phone === '' || !phonePossible),\n      branch: shows('branch') && values.branch === '',\n      terms: shows('terms') && !values.terms,\n    };\n\n    // A message shows once the user has left the field or tried to\n    // submit. The terms box waits for a submit: leaving it to follow one\n    // of its own links is not a mistake.\n    const due = (field: RegistrationFormField) =>\n      submitted || (field !== 'terms' && touched[field] === true);\n    const required = t('registrationForm.required');\n    /** Each grid field's label: on the field, and in the summary. */\n    const labels: Record<GridField, string> = {\n      firstName: t('registrationForm.firstName'),\n      lastName: t('registrationForm.lastName'),\n      email: t('registrationForm.email'),\n      emailConfirm: t('registrationForm.emailConfirm'),\n      password: t('registrationForm.password'),\n      passwordConfirm: t('registrationForm.passwordConfirm'),\n      phone: t('registrationForm.phone'),\n      branch: t('registrationForm.branch'),\n    };\n    const whenDue = (field: RegistrationFormField, message: string) =>\n      due(field) && invalid[field] ? message : undefined;\n\n    const ownErrors: Record<RegistrationFormField, string | undefined> = {\n      firstName: whenDue('firstName', required),\n      lastName: whenDue('lastName', required),\n      email: whenDue(\n        'email',\n        values.email === '' ? required : t('inputs.email.invalid'),\n      ),\n      emailConfirm:\n        values.emailConfirm === ''\n          ? whenDue('emailConfirm', required)\n          : emailMatch.error,\n      password: whenDue(\n        'password',\n        values.password === ''\n          ? required\n          : t('registrationForm.passwordInvalid'),\n      ),\n      passwordConfirm:\n        values.passwordConfirm === ''\n          ? whenDue('passwordConfirm', required)\n          : passwordMatch.error,\n      phone: whenDue(\n        'phone',\n        values.phone === '' ? required : t('registrationForm.phoneInvalid'),\n      ),\n      branch: whenDue('branch', required),\n      terms: whenDue('terms', t('registrationForm.termsRequired')),\n    };\n    const errorFor = (field: RegistrationFormField) =>\n      serverErrors[field] ?? ownErrors[field];\n\n    /* ------------------------------ Focus ----------------------------- */\n\n    const controls = useRef<\n      Partial<Record<RegistrationFormField, HTMLElement | null>>\n    >({});\n    const control = useMemo(() => {\n      const bind =\n        (field: RegistrationFormField) => (node: HTMLElement | null) => {\n          controls.current[field] = node;\n        };\n      return {\n        firstName: bind('firstName'),\n        lastName: bind('lastName'),\n        email: bind('email'),\n        emailConfirm: bind('emailConfirm'),\n        password: bind('password'),\n        passwordConfirm: bind('passwordConfirm'),\n        phone: bind('phone'),\n        branch: bind('branch'),\n        terms: bind('terms'),\n      };\n    }, []);\n    // The addresses stay out of the inputs' `value` attributes, where a\n    // copied outerHTML or a session replay could read them. The names do\n    // too, through StateBackedTextInput.\n    const emailField = useStateBackedInput(values.email, control.email);\n    const emailConfirmField = useStateBackedInput(\n      values.emailConfirm,\n      control.emailConfirm,\n    );\n    const formMessage = useRef<HTMLDivElement>(null);\n\n    /** Where to send the user for a set of server messages: the first\n     *  field on screen that has one, or the message above the fields\n     *  when only that says something. */\n    const focusTargetFor = (\n      messages: RegistrationFormErrors,\n    ): FocusTarget | undefined =>\n      shown.find((field) => messages[field]) ??\n      (hasMessage(messages) ? 'form' : undefined);\n\n    // Every field with a message after a refused submit, or after a server\n    // answer, is listed at the top of the form, and focus goes there. A\n    // page the server rendered after a failed post opens that way too: it\n    // announces nothing itself.\n    const [openedWithFieldMessage] = useState(() =>\n      shown.some((field) => Boolean(errors?.[field])),\n    );\n    const summary = useErrorSummary(shown, errorFor, openedWithFieldMessage);\n\n    // Any other place focus goes: the message above the fields, when no\n    // field has one. A new object for each request, so asking twice for the\n    // same place moves focus twice. The effect runs after the messages are\n    // drawn, so a screen reader lands on something that already says what\n    // is wrong.\n    const [focusRequest, setFocusRequest] = useState<{\n      target: FocusTarget;\n    } | null>(() => {\n      const target = openedWithFieldMessage\n        ? undefined\n        : focusTargetFor(errors ?? {});\n      return target ? { target } : null;\n    });\n    useEffect(() => {\n      if (!focusRequest) return;\n      if (focusRequest.target === 'form') formMessage.current?.focus();\n      else controls.current[focusRequest.target]?.focus();\n    }, [focusRequest]);\n\n    // PhoneInput has no blur event of its own, so listen on its input.\n    const showsPhone = shows('phone');\n    useEffect(() => {\n      const input = controls.current.phone;\n      if (!showsPhone || !input) return undefined;\n      const onBlur = () =>\n        setTouched((previous) =>\n          previous.phone ? previous : { ...previous, phone: true },\n        );\n      input.addEventListener('blur', onBlur);\n      return () => input.removeEventListener('blur', onBlur);\n    }, [showsPhone]);\n\n    /* ------------------------------ Submit ---------------------------- */\n\n    const form = useRef<HTMLFormElement>(null);\n    const captchaInput = useRef<HTMLInputElement>(null);\n\n    /* --------------------- Development shortcut ----------------------- */\n\n    // Asks for a submit once the filled values are on the page.\n    const [submitRequest, setSubmitRequest] = useState<object | null>(null);\n    useEffect(() => {\n      if (submitRequest) form.current?.requestSubmit();\n    }, [submitRequest]);\n\n    const runDevBypass = () => {\n      const filled = devBypass?.values;\n      if (filled) {\n        // Through the same state as the user's typing, and only into\n        // fields that show. A locked email keeps its address.\n        const email = emailLocked ? undefined : filled.email;\n        const next: Partial<FormState> = {};\n        if (shows('firstName') && filled.firstName !== undefined)\n          next.firstName = filled.firstName;\n        if (shows('lastName') && filled.lastName !== undefined)\n          next.lastName = filled.lastName;\n        if (email !== undefined) next.email = email;\n        if (shows('emailConfirm') && email !== undefined)\n          next.emailConfirm = email;\n        if (filled.password !== undefined) next.password = filled.password;\n        if (shows('passwordConfirm') && filled.password !== undefined)\n          next.passwordConfirm = filled.password;\n        if (shows('phone') && filled.phone !== undefined)\n          next.phone = filled.phone;\n        if (shows('branch') && filled.branch !== undefined)\n          next.branch = filled.branch;\n        if (shows('terms') && filled.terms !== undefined)\n          next.terms = filled.terms;\n        setValues((previous) => ({ ...previous, ...next }));\n        if (next.phone !== undefined)\n          setPhonePossible(isPossiblePhone(next.phone));\n        // The server's messages were about the old values.\n        setServerErrors((previous) => {\n          const kept = { ...previous };\n          for (const field of Object.keys(next) as (keyof FormState)[]) {\n            kept[field] = undefined;\n          }\n          return kept;\n        });\n        if (devBypass.submit) setSubmitRequest({});\n      }\n      devBypass?.onClick?.();\n    };\n\n    const submit = useRegistrationSubmit<RegistrationFormField>({\n      errors,\n      submitting,\n      native,\n      captcha: Boolean(recaptchaSiteKey),\n      firstProblem: () => shown.find((field) => invalid[field]),\n      onRefused: (field) => {\n        // Every message now shows, listed in the summary, which takes focus.\n        setSubmitted(true);\n        summary.open(() => setFocusRequest({ target: field }));\n      },\n      deliver: (captchaToken) => {\n        if (native) {\n          if (captchaInput.current && captchaToken) {\n            captchaInput.current.value = captchaToken;\n          }\n          form.current?.submit();\n          return;\n        }\n        // A field that does not show is empty, whatever it started with.\n        const text = (field: GridField) => (shows(field) ? values[field] : '');\n        onSubmit?.({\n          firstName: text('firstName'),\n          lastName: text('lastName'),\n          email: values.email,\n          emailConfirm: text('emailConfirm'),\n          password: values.password,\n          passwordConfirm: text('passwordConfirm'),\n          phone: text('phone'),\n          branch: text('branch'),\n          terms: shows('terms') && values.terms,\n          captchaToken,\n        });\n      },\n      onAnswer: (answer) => {\n        const next: RegistrationFormErrors = answer;\n        setServerErrors(next);\n        if (!hasMessage(next)) return;\n        // Never keep a password the server did not accept.\n        emptyPasswords();\n        setSubmitted(false);\n        // The summary when a field has a message, else the message above.\n        summary.open(() => {\n          const target = focusTargetFor(next);\n          if (target) setFocusRequest({ target });\n        });\n      },\n      // The page came back from the browser's cache as it was left:\n      // the passwords must not come back with it.\n      onRestore: emptyPasswords,\n    });\n    const { busy, captchaFailed } = submit;\n\n    // A failed reCAPTCHA check has no field of its own: send the user to\n    // the message above the fields, which may be off screen.\n    useEffect(() => {\n      if (captchaFailed) setFocusRequest({ target: 'form' });\n    }, [captchaFailed]);\n\n    /* ------------------------------ Render ---------------------------- */\n\n    const name = (field: RegistrationFormField) =>\n      native ? fieldNames[field] : field;\n    const Heading = `h${headingLevel}` as const;\n    const termsLink = linkTo(termsHref);\n    const privacyLink = linkTo(privacyHref);\n    const loginLink = linkTo(loginHref);\n    const formAction =\n      native && action && isSameSiteHref(action) ? action : undefined;\n    // What shows above the fields: the server's message about the whole\n    // form, its message about any field that is not on screen (so nothing\n    // it says is lost), and a failed reCAPTCHA check.\n    const formError =\n      [\n        serverErrors.form,\n        ...REGISTRATION_FORM_FIELDS.filter((field) => !shows(field)).map(\n          (field) => serverErrors[field],\n        ),\n        captchaFailed ? t('inputs.recaptcha.error') : undefined,\n      ]\n        .filter(Boolean)\n        .join(' ') || undefined;\n    // Quiet while the summary lists a field: the summary reads it then.\n    const formMessageAnnounce = useFormMessageAnnounce(\n      formError,\n      summary.listed.length > 0,\n    );\n    const termsError = errorFor('terms');\n    const termsDescribedBy =\n      [\n        termsDescription ? termsDescriptionId : undefined,\n        termsError ? termsErrorId : undefined,\n      ]\n        .filter(Boolean)\n        .join(' ') || undefined;\n\n    // The host's extra hidden inputs. The form's own fields keep their\n    // names: an extra one that asks for the same name is left out.\n    const ownNames = new Set(Object.values(fieldNames ?? {}));\n    const extraFields = native ? Object.entries(hiddenFields ?? {}) : [];\n    const clashes = extraFields\n      .filter(([extraName]) => ownNames.has(extraName))\n      .map(([extraName]) => extraName)\n      .join(', ');\n    useEffect(() => {\n      if (clashes && isDevelopment()) {\n        console.warn(\n          `RegistrationForm: hiddenFields \"${clashes}\" is also named in fieldNames and was left out. The form's own field wins.`,\n        );\n      }\n    }, [clashes]);\n\n    const renderField = (field: GridField): ReactNode => {\n      switch (field) {\n        case 'firstName':\n          return (\n            <FormField\n              key={field}\n              id={fieldId(field)}\n              label={labels.firstName}\n              required\n              error={errorFor('firstName')}\n              announceError={!summary.lists('firstName')}\n              data-field=\"firstName\"\n            >\n              <StateBackedTextInput\n                ref={control.firstName}\n                name={name('firstName')}\n                autoComplete=\"given-name\"\n                value={values.firstName}\n                onChange={(event) => set('firstName', event.target.value)}\n                onBlur={() => leave('firstName')}\n                {...clipboard('firstName')}\n              />\n            </FormField>\n          );\n        case 'lastName':\n          return (\n            <FormField\n              key={field}\n              id={fieldId(field)}\n              label={labels.lastName}\n              required\n              error={errorFor('lastName')}\n              announceError={!summary.lists('lastName')}\n              data-field=\"lastName\"\n            >\n              <StateBackedTextInput\n                ref={control.lastName}\n                name={name('lastName')}\n                autoComplete=\"family-name\"\n                value={values.lastName}\n                onChange={(event) => set('lastName', event.target.value)}\n                onBlur={() => leave('lastName')}\n                {...clipboard('lastName')}\n              />\n            </FormField>\n          );\n        case 'email':\n          return (\n            <FormField\n              key={field}\n              id={fieldId(field)}\n              label={labels.email}\n              required={!emailLocked}\n              description={emailDescription}\n              error={errorFor('email')}\n              announceError={!summary.lists('email')}\n              data-field=\"email\"\n            >\n              {/* EmailInput still checks the format and marks the input.\n                  Its message goes through FormField, so there is one\n                  message, in one place. Read-only, not disabled: the\n                  address is still posted and still read out. */}\n              <EmailInput\n                ref={emailField.ref}\n                name={name('email')}\n                errorMessage={null}\n                disableBuiltInValidation={emailLocked}\n                readOnly={emailLocked}\n                onChange={emailField.quiet((event) =>\n                  set('email', event.target.value),\n                )}\n                onBlur={() => leave('email')}\n                {...clipboard('email')}\n              />\n            </FormField>\n          );\n        case 'emailConfirm':\n          return (\n            <FormField\n              key={field}\n              id={fieldId(field)}\n              label={labels.emailConfirm}\n              required\n              error={errorFor('emailConfirm')}\n              announceError={!summary.lists('emailConfirm')}\n              data-field=\"emailConfirm\"\n            >\n              <EmailInput\n                ref={emailConfirmField.ref}\n                name={name('emailConfirm')}\n                disableBuiltInValidation\n                onChange={emailConfirmField.quiet((event) =>\n                  set('emailConfirm', event.target.value),\n                )}\n                onBlur={() => {\n                  leave('emailConfirm');\n                  emailMatch.confirmProps.onBlur();\n                }}\n                {...clipboard('emailConfirm')}\n              />\n            </FormField>\n          );\n        case 'password':\n          return (\n            <FormField\n              key={field}\n              id={fieldId(field)}\n              label={labels.password}\n              required\n              error={errorFor('password')}\n              announceError={!summary.lists('password')}\n              data-field=\"password\"\n            >\n              {/* PasswordInput names itself \"password\" when given no\n                  name; an empty one keeps a field out of the post. */}\n              <PasswordInput\n                ref={control.password}\n                name={name('password') ?? ''}\n                autoComplete=\"new-password\"\n                requirements={requirements}\n                value={values.password}\n                onChange={(event) => set('password', event.target.value)}\n                onBlur={() => leave('password')}\n                {...clipboard('password')}\n              />\n            </FormField>\n          );\n        case 'passwordConfirm':\n          return (\n            <FormField\n              key={field}\n              id={fieldId(field)}\n              label={labels.passwordConfirm}\n              required\n              error={errorFor('passwordConfirm')}\n              announceError={!summary.lists('passwordConfirm')}\n              data-field=\"passwordConfirm\"\n            >\n              <PasswordInput\n                ref={control.passwordConfirm}\n                name={name('passwordConfirm') ?? ''}\n                autoComplete=\"new-password\"\n                value={values.passwordConfirm}\n                onChange={(event) => set('passwordConfirm', event.target.value)}\n                onBlur={() => {\n                  leave('passwordConfirm');\n                  passwordMatch.confirmProps.onBlur();\n                }}\n                {...clipboard('passwordConfirm')}\n              />\n            </FormField>\n          );\n        case 'phone':\n          return (\n            <FormField\n              key={field}\n              id={fieldId(field)}\n              label={labels.phone}\n              required\n              error={errorFor('phone')}\n              announceError={!summary.lists('phone')}\n              data-field=\"phone\"\n            >\n              {/* The visible input holds the number as typed. In a native\n                  post a hidden input carries the full international\n                  number instead. */}\n              <PhoneInput\n                ref={control.phone}\n                name={native ? undefined : 'phone'}\n                value={values.phone}\n                onChange={(e164, meta) => {\n                  set('phone', e164);\n                  setPhonePossible(meta.isPossible);\n                }}\n              />\n            </FormField>\n          );\n        case 'branch':\n          return (\n            <FormField\n              key={field}\n              id={fieldId(field)}\n              label={labels.branch}\n              required\n              error={errorFor('branch')}\n              announceError={!summary.lists('branch')}\n              data-field=\"branch\"\n            >\n              <Select\n                ref={control.branch}\n                name={name('branch')}\n                options={branches ?? []}\n                value={values.branch}\n                onValueChange={(value) => set('branch', value)}\n              />\n            </FormField>\n          );\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        {...rest}\n        data-component=\"registration-form\"\n        className={registrationFormVariants({ className })}\n      >\n        <Card variant=\"elevated\">\n          <Card.Body className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]\">\n            <div className={headerVariants({ logo: showLogo })}>\n              <div className={headingBlockVariants({ centred: showLogo })}>\n                {/* The page's logo: read out once, before the heading. */}\n                {showLogo && (\n                  <BrandMark motion={logoMotion} label={BRAND_NAME} />\n                )}\n                <Heading id={titleId} className=\"type-title-card\">\n                  {title ?? t('registrationForm.title')}\n                </Heading>\n                {description && (\n                  <p className=\"type-body-sm ds:text-[var(--muted-foreground)]\">\n                    {description}\n                  </p>\n                )}\n              </div>\n              {devBypass && (devBypass.values || devBypass.onClick) && (\n                <div className={shortcutVariants({ corner: showLogo })}>\n                  <DevBypassButton\n                    label={devBypass.label}\n                    onClick={runDevBypass}\n                  />\n                </div>\n              )}\n            </div>\n\n            {children ? (\n              <div\n                data-slot=\"host-content\"\n                className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\"\n              >\n                {children}\n              </div>\n            ) : null}\n\n            {/* Always POST, in both modes: should the script ever fail to\n                run, the browser must not put a password in the address. */}\n            <form\n              ref={form}\n              noValidate\n              method=\"post\"\n              action={formAction}\n              aria-labelledby={titleId}\n              aria-busy={busy || undefined}\n              onSubmit={submit.handleSubmit}\n              className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\"\n            >\n              <ErrorSummary\n                ref={summary.ref}\n                headingLevel={(headingLevel + 1) as 2 | 3 | 4}\n                // The message about the whole form is read with it.\n                aria-describedby={formError ? formMessageId : undefined}\n                errors={summary.listed.map((field) => {\n                  const message = errorFor(field) ?? '';\n                  return {\n                    field,\n                    message,\n                    // \"This field is required.\" does not say which field:\n                    // the summary names it.\n                    label:\n                      message === required && field !== 'terms'\n                        ? labels[field]\n                        : undefined,\n                    targetId: fieldId(field),\n                  };\n                })}\n              />\n\n              {formError && (\n                <Alert\n                  ref={formMessage}\n                  id={formMessageId}\n                  variant=\"error\"\n                  announce={formMessageAnnounce}\n                  tabIndex={-1}\n                  data-field=\"form\"\n                  className={formMessageVariants()}\n                >\n                  <Alert.Description>{formError}</Alert.Description>\n                </Alert>\n              )}\n\n              {layOutRows(shows).map((row) => (\n                <div\n                  key={row[0]}\n                  className={rowVariants({\n                    columns: row.length === 2 ? 'two' : 'one',\n                  })}\n                >\n                  {row.map(renderField)}\n                </div>\n              ))}\n              {native && showsPhone && fieldNames.phone && (\n                <input\n                  type=\"hidden\"\n                  name={fieldNames.phone}\n                  value={values.phone}\n                />\n              )}\n              {native && fieldNames.captcha && (\n                <input\n                  ref={captchaInput}\n                  type=\"hidden\"\n                  name={fieldNames.captcha}\n                  defaultValue=\"\"\n                />\n              )}\n              {extraFields\n                .filter(([extraName]) => !ownNames.has(extraName))\n                .map(([extraName, value]) => (\n                  <input\n                    key={extraName}\n                    type=\"hidden\"\n                    name={extraName}\n                    value={value}\n                  />\n                ))}\n\n              {shows('terms') && (\n                <div\n                  id={fieldId('terms')}\n                  className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\"\n                  data-field=\"terms\"\n                >\n                  {termsDescription && (\n                    <p\n                      id={termsDescriptionId}\n                      className=\"type-body-sm ds:text-[var(--muted-foreground)]\"\n                    >\n                      {termsDescription}\n                    </p>\n                  )}\n                  <Checkbox\n                    ref={control.terms}\n                    name={name('terms')}\n                    value=\"1\"\n                    checked={values.terms}\n                    onCheckedChange={(next) => set('terms', next === true)}\n                    aria-required=\"true\"\n                    aria-invalid={termsError ? true : undefined}\n                    aria-describedby={termsDescribedBy}\n                    label={\n                      <>\n                        {termsLabel ?? (\n                          <Trans\n                            i18n={i18n}\n                            ns=\"ui\"\n                            i18nKey=\"registrationForm.terms\"\n                            components={{\n                              terms: termsLink ? (\n                                <InlineLink href={termsLink} newTab />\n                              ) : (\n                                <PlainText />\n                              ),\n                              privacy: privacyLink ? (\n                                <InlineLink href={privacyLink} newTab />\n                              ) : (\n                                <PlainText />\n                              ),\n                            }}\n                          />\n                        )}\n                        <span\n                          aria-hidden=\"true\"\n                          className={requiredMarkVariants()}\n                        >\n                          *\n                        </span>\n                      </>\n                    }\n                  />\n                  {termsError && (\n                    <p\n                      id={termsErrorId}\n                      // Quiet while the summary lists it: the summary reads it.\n                      role={summary.lists('terms') ? undefined : 'alert'}\n                      data-slot=\"error\"\n                      className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive\"\n                    >\n                      <CircleAlert\n                        aria-hidden=\"true\"\n                        className=\"ds:size-4 ds:shrink-0\"\n                      />\n                      <span>{termsError}</span>\n                    </p>\n                  )}\n                </div>\n              )}\n\n              <Button\n                type=\"submit\"\n                intent=\"primary\"\n                size=\"lg\"\n                loading={busy}\n                className=\"ds:w-full\"\n                data-action=\"submit\"\n              >\n                {submitLabel ?? t('registrationForm.submit')}\n              </Button>\n              {/* The spinner is decorative and the button is disabled\n                  while busy, so say it in words. Always mounted: a live\n                  region announces a change, not its first content. */}\n              <p role=\"status\" className=\"ds:sr-only\">\n                {busy ? t('chat.message.status.sending') : ''}\n              </p>\n\n              {loginLink && (\n                <p className=\"type-body-sm ds:text-center ds:text-[var(--muted-foreground)]\">\n                  <Trans\n                    i18n={i18n}\n                    ns=\"ui\"\n                    i18nKey=\"registrationForm.login\"\n                    components={{\n                      login: (\n                        <InlineLink\n                          href={loginLink}\n                          weight=\"strong\"\n                          action=\"login\"\n                        />\n                      ),\n                    }}\n                  />\n                </p>\n              )}\n\n              {/* Last, so its badge comes after the button and the login\n                  link in the tab order. Out of the flow: it takes no\n                  space, so it must not take a gap either. The card says\n                  when the check fails, so the widget stays quiet. */}\n              {recaptchaSiteKey && (\n                <div className=\"ds:absolute\">\n                  <RecaptchaWidget\n                    ref={submit.captcha.ref}\n                    siteKey={recaptchaSiteKey}\n                    size=\"invisible\"\n                    announceStatus={false}\n                    onChange={submit.captcha.onChange}\n                    onError={submit.captcha.onError}\n                  />\n                </div>\n              )}\n            </form>\n          </Card.Body>\n        </Card>\n      </div>\n    );\n  },\n);\nRegistrationForm.displayName = 'RegistrationForm';\n"],"names":["REGISTRATION_FORM_FIELDS","registrationFormVariants","cva","rowVariants","headerVariants","headingBlockVariants","shortcutVariants","inlineLinkVariants","formMessageVariants","requiredMarkVariants","DEFAULT_PASSWORD_POLICY","BRAND_NAME","linkTo","href","isSafeHref","hasMessage","errors","isPossiblePhone","e164","_a","parsePhoneNumberFromString","InlineLink","newTab","weight","action","children","t","useTranslation","jsxs","jsx","PlainText","FIELD_PAIRS","layOutRows","shows","rows","pair","row","last","RegistrationForm","forwardRef","title","description","headingLevel","showLogo","logoMotion","fields","initialValues","emailReadOnly","emailDescription","blockPaste","blockCopy","branches","passwordPolicy","termsHref","privacyHref","termsLabel","termsDescription","loginHref","recaptchaSiteKey","submitLabel","submitting","devBypass","onSubmit","fieldNames","hiddenFields","className","rest","ref","i18n","titleId","useId","fieldIdBase","fieldId","field","termsErrorId","termsDescriptionId","formMessageId","native","hasBranches","hadEmail","useState","emailLocked","shown","values","setValues","phonePossible","setPhonePossible","touched","setTouched","submitted","setSubmitted","serverErrors","setServerErrors","set","value","previous","leave","emptyPasswords","clipboard","requirements","usePasswordRequirements","emailMatch","useFieldMatch","passwordMatch","invalid","isEmail","rule","due","required","labels","whenDue","message","ownErrors","errorFor","controls","useRef","control","useMemo","bind","node","emailField","useStateBackedInput","emailConfirmField","formMessage","focusTargetFor","messages","openedWithFieldMessage","summary","useErrorSummary","focusRequest","setFocusRequest","target","useEffect","_b","showsPhone","input","onBlur","form","captchaInput","submitRequest","setSubmitRequest","runDevBypass","filled","email","next","kept","submit","useRegistrationSubmit","captchaToken","text","answer","busy","captchaFailed","name","Heading","termsLink","privacyLink","loginLink","formAction","isSameSiteHref","formError","formMessageAnnounce","useFormMessageAnnounce","termsError","termsDescribedBy","ownNames","extraFields","clashes","extraName","isDevelopment","renderField","FormField","StateBackedTextInput","event","EmailInput","PasswordInput","PhoneInput","meta","Select","Card","BrandMark","DevBypassButton","ErrorSummary","Alert","Checkbox","Fragment","Trans","CircleAlert","Button","RecaptchaWidget"],"mappings":"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"}
+{"version":3,"file":"registration-form-BlTzYywa.js","sources":["../../src/patterns/registration-form/registration-form.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* RegistrationForm — the registration form card, for doctors and for    */\n/* patients.                                                              */\n/*                                                                        */\n/* One export for the card: name, email and password (each with a        */\n/* confirm field), phone, speciality, terms and the submit button. The   */\n/* host picks the fields: a doctor form shows them all, a patient form   */\n/* shows email, password and terms. The host keeps the page around the   */\n/* card, the marketing copy and every server rule. The card checks what  */\n/* a browser can check and either hands the values to `onSubmit` or      */\n/* posts a real form to the host's own field names.                      */\n/*                                                                        */\n/* What happens on submit (the busy guard, the reCAPTCHA wait, telling   */\n/* a server answer from a re-render) lives in `useRegistrationSubmit`.   */\n/* -------------------------------------------------------------------- */\n\nimport {\n  forwardRef,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { Trans, useTranslation } from 'react-i18next';\nimport { cva } from 'class-variance-authority';\nimport { CircleAlert } from 'lucide-react';\n// The same parser PhoneInput uses, for a number that arrives filled in.\nimport { parsePhoneNumberFromString } from 'libphonenumber-js/min';\n// The validator EmailInput itself uses, so the two never disagree.\nimport isEmail from 'validator/lib/isEmail';\nimport { Alert } from '../../components/alert';\nimport { Button } from '../../components/button';\nimport { Card } from '../../components/card';\nimport { Checkbox } from '../../components/checkbox';\nimport { DevBypassButton } from '../../components/dev-bypass-button';\nimport { EmailInput } from '../../components/email-input';\nimport { ErrorSummary } from '../../components/error-summary';\nimport { FormField } from '../../components/form-field';\nimport {\n  PasswordInput,\n  usePasswordRequirements,\n  type UsePasswordRequirementsOptions,\n} from '../../components/password-input';\nimport { PhoneInput } from '../../components/phone-input';\nimport { RecaptchaWidget } from '../../components/recaptcha-widget';\nimport { Select, type SelectOption } from '../../components/select';\nimport { StateBackedTextInput } from '../../components/_shared/state-backed-text-input';\nimport { isDevelopment } from '../../components/_shared/is-development';\nimport { useStateBackedInput } from '../../components/_shared/use-state-backed-input';\nimport { isSafeHref, isSameSiteHref } from '../../components/_shared/safe-href';\nimport { useFieldMatch } from '../../hooks/use-field-match';\nimport { BrandMark, type BrandMarkMotion } from '../_shared/brand-mark';\nimport {\n  useErrorSummary,\n  useFormMessageAnnounce,\n} from '../_shared/use-error-summary';\nimport { useRegistrationSubmit } from './use-registration-submit';\n\n/* -------------------------------------------------------------------- */\n/* Types                                                                  */\n/* -------------------------------------------------------------------- */\n\n/** The fields of the form, in the order they appear. */\nexport const REGISTRATION_FORM_FIELDS = [\n  'firstName',\n  'lastName',\n  'email',\n  'emailConfirm',\n  'password',\n  'passwordConfirm',\n  'phone',\n  'branch',\n  'terms',\n] as const;\n\nexport type RegistrationFormField = (typeof REGISTRATION_FORM_FIELDS)[number];\n\n/** The fields built on `TextInput`, which can refuse paste or copy. */\nexport type RegistrationFormTextField = Extract<\n  RegistrationFormField,\n  | 'firstName'\n  | 'lastName'\n  | 'email'\n  | 'emailConfirm'\n  | 'password'\n  | 'passwordConfirm'\n>;\n\n/** What `onSubmit` receives once every check has passed. A field the\n *  form does not show is empty (`''`, or `false` for the terms). */\nexport interface RegistrationFormValues {\n  firstName: string;\n  lastName: string;\n  email: string;\n  /** As typed. It matches `email` apart from case and outer spaces. */\n  emailConfirm: string;\n  password: string;\n  /** Equal to `password` when the confirm field is shown. */\n  passwordConfirm: string;\n  /** In E.164 form, e.g. `+393331234567`. */\n  phone: string;\n  /** The chosen `branches` value. */\n  branch: string;\n  /** True when the terms are shown: the form does not submit without. */\n  terms: boolean;\n  /** The reCAPTCHA token, when the host passes `recaptchaSiteKey`. */\n  captchaToken?: string;\n}\n\n/** Values to show when the form opens. There is no password here, on\n *  purpose: a password is never sent back to the browser. */\nexport type RegistrationFormInitialValues = Partial<\n  Pick<\n    RegistrationFormValues,\n    | 'firstName'\n    | 'lastName'\n    | 'email'\n    | 'emailConfirm'\n    | 'phone'\n    | 'branch'\n    | 'terms'\n  >\n>;\n\n/**\n * What the development shortcut puts in the fields. Unlike\n * `initialValues` it may carry a password: the host passes it only in\n * development, from its own server, and the kit holds no test data of\n * its own.\n */\nexport type RegistrationFormDevValues = Partial<\n  Pick<\n    RegistrationFormValues,\n    | 'firstName'\n    | 'lastName'\n    | 'email'\n    | 'password'\n    | 'phone'\n    | 'branch'\n    | 'terms'\n  >\n>;\n\n/** The development-only shortcut at the top right of the card. */\nexport interface RegistrationFormDevBypass {\n  /** What the shortcut does: the button's name and tooltip. */\n  label: string;\n  /**\n   * The values to put in the fields when the button is pressed, as if\n   * typed: the checks, the password checklist and the posted values all\n   * see them. The confirm fields are filled from the same values, so\n   * they match. A field the form does not show is ignored, and a\n   * read-only email is kept.\n   */\n  values?: RegistrationFormDevValues;\n  /**\n   * True to submit the form right after filling it, through the normal\n   * path: the checks still run, reCAPTCHA still runs, a native form\n   * still posts. Default false: fill only.\n   */\n  submit?: boolean;\n  /** Called after filling, for a host with a route of its own. */\n  onClick?: () => void;\n}\n\n/** Messages from the server, already translated by the host: one per\n *  field, plus `form` for a message about the whole form. */\nexport type RegistrationFormErrors = Partial<\n  Record<RegistrationFormField | 'form', string>\n>;\n\n/** The host's own form field names, for a native form post. `captcha`\n *  names the hidden field that carries the reCAPTCHA token. */\nexport type RegistrationFormFieldNames = Partial<\n  Record<RegistrationFormField | 'captcha', string>\n>;\n\nexport interface RegistrationFormProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'title' | 'onSubmit'\n> {\n  /** Replaces the heading \"Create your account\". Pass it translated. */\n  title?: string;\n  /** A line under the heading, e.g. \"No installation needed\". Pass it\n   *  translated. */\n  description?: string;\n  /** The heading's level. Default 2, for a page that has its own `h1`. */\n  headingLevel?: 1 | 2 | 3;\n  /**\n   * Shows the Alfadocs mark above the heading, with the heading and its\n   * line centred under it. Default true. With `false` the heading sits\n   * at the start edge, for a host that shows its own logo beside the\n   * card.\n   */\n  showLogo?: boolean;\n  /**\n   * How the mark arrives when the card opens: its pieces come together\n   * (`assemble`, the default), it turns once (`spin`), it beats\n   * (`pulse`), or it is still (`none`). It plays once and rests, and\n   * holds still under reduced motion and in the accessible themes.\n   */\n  logoMotion?: BrandMarkMotion;\n  /**\n   * Host content between the heading and the fields, such as a notice\n   * or a list of benefits. It sits outside the form, so nothing in it is\n   * posted. Keep any heading inside it below the card's own level.\n   */\n  children?: ReactNode;\n  /**\n   * The fields to show. Default: all of them, which is the doctor form.\n   * A patient form is `['email', 'password', 'passwordConfirm', 'terms']`.\n   * Leave out `emailConfirm` or `passwordConfirm` to drop that confirm\n   * field. The list picks fields, it does not order them; email and\n   * password always show; `branch` also needs `branches`.\n   */\n  fields?: readonly RegistrationFormField[];\n  /** Values to show when the form opens, such as the email from an\n   *  invite link. Read once. Never a password. */\n  initialValues?: RegistrationFormInitialValues;\n  /**\n   * Messages from the server, already translated. Each shows on its\n   * field until the user changes that field; `form` shows above the\n   * fields, as does a message for a field the form does not show.\n   *\n   * Messages present when the form opens (a page the server rendered\n   * after a failed post) take focus: the error summary at the top of the\n   * form, which lists each field with a message, or the message above the\n   * fields when no field has one.\n   *\n   * On a React host, when the messages change, both password fields\n   * are emptied and focus moves as above. Set `submitting` while you\n   * send: the form then also notices an answer that says the same as\n   * the last one (another address, also taken), which the messages\n   * alone cannot show. Any object works, kept in state or rebuilt on\n   * each render (`errors={{ email: emailError }}`).\n   */\n  errors?: RegistrationFormErrors;\n  /**\n   * Shows the email from `initialValues` read-only, for a person invited\n   * with an address they cannot change here. Off by default: choose it\n   * only when the server will refuse any other address. The value is\n   * still posted and still read out, there is no confirm email field,\n   * and the browser does not check it. Ignored when there is no initial\n   * email, so the field is never both empty and locked.\n   */\n  emailReadOnly?: boolean;\n  /** A line under the email field, e.g. \"You can change it later in the\n   *  settings\". Pass it translated. */\n  emailDescription?: string;\n  /**\n   * Fields that refuse paste and drop, so the user types them, e.g.\n   * `['passwordConfirm']`. Default: none. Autofill from the browser or a\n   * password manager still works. A refused paste is announced and shown\n   * under the field. The host decides: see the docs for the WCAG\n   * position, which differs between the email and password fields.\n   */\n  blockPaste?: readonly RegistrationFormTextField[];\n  /**\n   * Fields that refuse copy, cut and dragging text out. Default: none.\n   * Browsers already refuse to copy from a password field while it is\n   * hidden. See the docs for the WCAG position.\n   */\n  blockCopy?: readonly RegistrationFormTextField[];\n  /** The specialities to choose from. The field shows, and is required,\n   *  only when this has entries. */\n  branches?: SelectOption[];\n  /**\n   * The password rules, shown as a live checklist. Keep them equal to\n   * the server's. Default: 12 characters with an uppercase letter, a\n   * lowercase letter and a number, counting only `A-Z`, `a-z` and `0-9`\n   * (`charset: 'ascii'`), which is the platform's rule.\n   */\n  passwordPolicy?: UsePasswordRequirementsOptions;\n  /**\n   * Where \"terms of use\" leads. A path on the same site, or an address\n   * written in full (`https://…`). Anything else, such as an address\n   * that would lead off the site without saying so, shows the words\n   * without a link.\n   */\n  termsHref?: string;\n  /** Where \"privacy policy\" leads. Same rule as `termsHref`. */\n  privacyHref?: string;\n  /**\n   * Replaces the sentence beside the terms box (\"I accept the terms of\n   * use and the privacy policy\") with the host's own wording and links,\n   * already translated. The legal wording is the host's to choose. When\n   * set, `termsHref` and `privacyHref` are not used. The box stays\n   * required.\n   */\n  termsLabel?: ReactNode;\n  /** A line shown with the terms box and read out with it, e.g. \"We\n   *  will not send you any advertising\". Pass it translated. */\n  termsDescription?: ReactNode;\n  /** Adds \"Already have an account? Sign in\". Same rule as `termsHref`. */\n  loginHref?: string;\n  /** A Google reCAPTCHA v2 site key of the invisible type. The check\n   *  runs when the user submits. Leave it out where the server does not\n   *  verify a token. */\n  recaptchaSiteKey?: string;\n  /** Replaces the button's \"Create account\". Pass it translated. */\n  submitLabel?: string;\n  /** True while the host sends the values: the button shows a spinner\n   *  and a second submit is ignored. */\n  submitting?: boolean;\n  /**\n   * Shows the development-only shortcut button at the top right of the\n   * card: it fills the form with the host's `values`, and submits it\n   * when asked to. Pass it only when the server says this is a\n   * development environment: the kit never decides that itself, holds\n   * no test data, and what the shortcut submits goes through the normal\n   * path, so the server's own rules still decide. With neither `values`\n   * nor `onClick` there is nothing to do and no button.\n   */\n  devBypass?: RegistrationFormDevBypass;\n  /** For React hosts: called with the values once every check has\n   *  passed. Not called when `fieldNames` is set. */\n  onSubmit?: (values: RegistrationFormValues) => void;\n  /**\n   * For a native form post: the host's own field names, e.g.\n   * `{ email: 'registration[email]' }`. When set, the inputs carry\n   * these names and the browser posts the form. A field without a name\n   * here is not posted: name a confirm field only if the server's form\n   * has one, or it may refuse the post as carrying extra fields.\n   */\n  fieldNames?: RegistrationFormFieldNames;\n  /**\n   * Where a native form post goes. Default: the current address, query\n   * string included, which is what a page reached through an invite link\n   * needs. Only an address on this site is accepted: another site is\n   * never sent what the user typed, and the post then goes to the\n   * current address instead.\n   */\n  action?: string;\n  /**\n   * Extra hidden inputs posted with a native form, by name: a CSRF token\n   * or similar. Not used with `onSubmit`. A name that is also one of\n   * `fieldNames` is left out: the form's own field wins.\n   */\n  hiddenFields?: Readonly<Record<string, string>>;\n}\n\n/* -------------------------------------------------------------------- */\n/* Styles                                                                 */\n/* -------------------------------------------------------------------- */\n\nconst registrationFormVariants = cva(\n  'ds:@container/registration ds:w-full ds:text-start ds:text-[var(--foreground)]',\n);\n\nconst rowVariants = cva(\n  'ds:grid ds:grid-cols-1 ds:items-start ds:gap-[var(--spacing-md)]',\n  {\n    variants: {\n      columns: {\n        /** A field alone in its row takes the full width. */\n        one: '',\n        /** Two fields side by side once the card is wide enough. */\n        two: 'ds:@[544px]/registration:grid-cols-2',\n      },\n    },\n    defaultVariants: { columns: 'two' },\n  },\n);\n\n/** The top of the card: the mark, the heading and its line. */\nconst headerVariants = cva('ds:relative ds:flex ds:gap-[var(--spacing-sm)]', {\n  variants: {\n    logo: {\n      /** A centred column under the mark. */\n      true: 'ds:flex-col ds:items-center',\n      /** The heading at the start edge, the shortcut at the end. */\n      false: 'ds:items-start ds:justify-between',\n    },\n  },\n  defaultVariants: { logo: true },\n});\n\nconst headingBlockVariants = cva(\n  'ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-xs)]',\n  {\n    variants: {\n      centred: { true: 'ds:items-center ds:text-center', false: '' },\n    },\n    defaultVariants: { centred: true },\n  },\n);\n\n/** Where the development shortcut sits: the top inline-end corner. Out\n *  of the flow under the mark, so it cannot push the mark off centre. */\nconst shortcutVariants = cva('ds:shrink-0', {\n  variants: {\n    corner: { true: 'ds:absolute ds:top-0 ds:end-0', false: '' },\n  },\n  defaultVariants: { corner: true },\n});\n\n// Links inside the card take the text colour and an underline. The kit\n// Link's own colour (`--primary`) falls just below AA on a card in the\n// dark theme, as the booking form's consent links found.\nconst inlineLinkVariants = cva(\n  'ds:rounded-[var(--radius-sm)] ds:underline ds:underline-offset-4 ds:text-[var(--foreground)] ds:focus-visible:outline-solid ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n  {\n    variants: {\n      weight: { normal: '', strong: 'ds:font-semibold' },\n    },\n    defaultVariants: { weight: 'normal' },\n  },\n);\n\n// The message above the fields takes focus when there is no field to\n// send the user to, so it shows a ring like anything else that does.\nconst formMessageVariants = cva(\n  'ds:focus-visible:outline-solid ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n);\n\n/** The `*` beside a required field, as FormField draws it. Decorative:\n *  the control itself says it is required. */\nconst requiredMarkVariants = cva(\n  'ds:text-destructive ds:ms-[var(--spacing-xs)]',\n);\n\n/* -------------------------------------------------------------------- */\n/* Helpers                                                                */\n/* -------------------------------------------------------------------- */\n\n// The platform's rule is written in ASCII (`[A-Z]`, `[a-z]`, `\\d`), so\n// the checklist counts the same characters and never shows green for a\n// password the server will refuse.\nconst DEFAULT_PASSWORD_POLICY: UsePasswordRequirementsOptions = {\n  minLength: 12,\n  uppercase: true,\n  lowercase: true,\n  digit: true,\n  charset: 'ascii',\n};\n\n// A brand name, not interface copy: it reads the same in every language,\n// so it has no translation key.\nconst BRAND_NAME = 'Alfadocs';\n\n/** An address a link may use, or nothing. */\nconst linkTo = (href: string | undefined): string | undefined =>\n  href && isSafeHref(href) ? href : undefined;\n\nconst hasMessage = (errors: RegistrationFormErrors): boolean =>\n  Object.values(errors).some(Boolean);\n\n/** Whether a number could be a real one, by its length for its country. */\nconst isPossiblePhone = (e164: string): boolean =>\n  parsePhoneNumberFromString(e164)?.isPossible() ?? false;\n\ninterface InlineLinkProps {\n  href: string;\n  /** Opens in a new tab, so the form keeps what the user has typed. */\n  newTab?: boolean;\n  weight?: 'normal' | 'strong';\n  /** Emitted as `data-action`. */\n  action?: string;\n  /** The link's text: `Trans` fills it in from the translation. */\n  children?: ReactNode;\n}\n\n// `Trans` hands every element it fills a bookkeeping prop of its own, so\n// these two take named props only and pass nothing else on to the DOM.\n\n/** A link inside a sentence. */\nfunction InlineLink({\n  href,\n  newTab = false,\n  weight,\n  action,\n  children,\n}: InlineLinkProps) {\n  const { t } = useTranslation('ui');\n  return (\n    <a\n      href={href}\n      target={newTab ? '_blank' : undefined}\n      rel={newTab ? 'noopener noreferrer' : undefined}\n      data-action={action}\n      className={inlineLinkVariants({ weight })}\n    >\n      {children}\n      {newTab && <span className=\"ds:sr-only\">{t('link.opensInNewTab')}</span>}\n    </a>\n  );\n}\n\n/** The words a link would wrap, when the host gives no address for it. */\nfunction PlainText({ children }: { children?: ReactNode }) {\n  return <>{children}</>;\n}\n\ntype FieldFlags = Partial<Record<RegistrationFormField, boolean>>;\n\n/** Where focus can be sent: a field, or the message above the fields. */\ntype FocusTarget = RegistrationFormField | 'form';\n\n/** Every field but the terms, which is a checkbox under the grid. */\ntype GridField = Exclude<RegistrationFormField, 'terms'>;\n\n/** A field sits beside the one it belongs with. */\nconst FIELD_PAIRS: ReadonlyArray<readonly [GridField, GridField]> = [\n  ['firstName', 'lastName'],\n  ['email', 'emailConfirm'],\n  ['password', 'passwordConfirm'],\n  ['phone', 'branch'],\n];\n\n/** The rows of the form, for the fields that show. A pair keeps its\n *  row; two fields left alone one after the other share a row, so a\n *  form of just email and password puts them side by side. */\nfunction layOutRows(shows: (field: GridField) => boolean): GridField[][] {\n  const rows: GridField[][] = [];\n  for (const pair of FIELD_PAIRS) {\n    const row = pair.filter(shows);\n    if (row.length === 0) continue;\n    const last = rows[rows.length - 1];\n    if (row.length === 1 && last?.length === 1) last.push(row[0]);\n    else rows.push(row);\n  }\n  return rows;\n}\n\ninterface FormState {\n  firstName: string;\n  lastName: string;\n  email: string;\n  emailConfirm: string;\n  password: string;\n  passwordConfirm: string;\n  phone: string;\n  branch: string;\n  terms: boolean;\n}\n\n/* -------------------------------------------------------------------- */\n/* RegistrationForm                                                       */\n/* -------------------------------------------------------------------- */\n\n/**\n * The registration form card, for doctors and for patients. The host\n * picks the fields, supplies the page around the card and owns every\n * server rule; see the props for the two ways to submit. The card's\n * text follows the kit's language, like every kit component.\n */\nexport const RegistrationForm = forwardRef<\n  HTMLDivElement,\n  RegistrationFormProps\n>(\n  (\n    {\n      title,\n      description,\n      headingLevel = 2,\n      showLogo = true,\n      logoMotion = 'assemble',\n      children,\n      fields,\n      initialValues,\n      errors,\n      emailReadOnly = false,\n      emailDescription,\n      blockPaste,\n      blockCopy,\n      branches,\n      passwordPolicy = DEFAULT_PASSWORD_POLICY,\n      termsHref,\n      privacyHref,\n      termsLabel,\n      termsDescription,\n      loginHref,\n      recaptchaSiteKey,\n      submitLabel,\n      submitting = false,\n      devBypass,\n      onSubmit,\n      fieldNames,\n      action,\n      hiddenFields,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation('ui');\n    const titleId = useId();\n    const fieldIdBase = useId();\n    /** The id of a field's wrapper: where the summary's link leads. */\n    const fieldId = (field: RegistrationFormField) => `${fieldIdBase}-${field}`;\n    const termsErrorId = useId();\n    const termsDescriptionId = useId();\n    const formMessageId = useId();\n    const native = fieldNames !== undefined;\n    const hasBranches = Boolean(branches && branches.length > 0);\n    // Locked only when there is an address to lock: an empty read-only\n    // field would leave the user with no way forward.\n    const [hadEmail] = useState(() => Boolean(initialValues?.email));\n    const emailLocked = emailReadOnly && hadEmail;\n\n    /** Whether the form shows a field. */\n    const shows = (field: RegistrationFormField): boolean => {\n      if (field === 'email' || field === 'password') return true;\n      if (fields && !fields.includes(field)) return false;\n      if (field === 'branch') return hasBranches;\n      // Nothing to mistype in an address the user cannot type.\n      if (field === 'emailConfirm') return !emailLocked;\n      return true;\n    };\n    const shown = REGISTRATION_FORM_FIELDS.filter(shows);\n\n    /* ------------------------------ State ----------------------------- */\n\n    // Read once. Passwords always start empty.\n    const [values, setValues] = useState<FormState>(() => ({\n      firstName: initialValues?.firstName ?? '',\n      lastName: initialValues?.lastName ?? '',\n      email: initialValues?.email ?? '',\n      emailConfirm: initialValues?.emailConfirm ?? '',\n      password: '',\n      passwordConfirm: '',\n      phone: initialValues?.phone ?? '',\n      branch: initialValues?.branch ?? '',\n      terms: initialValues?.terms ?? false,\n    }));\n    // PhoneInput says whether a number is possible each time it changes.\n    const [phonePossible, setPhonePossible] = useState(() =>\n      isPossiblePhone(initialValues?.phone ?? ''),\n    );\n    // A field the user has left. An email that arrives filled in counts,\n    // as it does inside EmailInput: both then flag a bad one at once, so\n    // the field is never red without a message.\n    const [touched, setTouched] = useState<FieldFlags>(() => ({\n      email: Boolean(initialValues?.email),\n    }));\n    const [submitted, setSubmitted] = useState(false);\n    const [serverErrors, setServerErrors] = useState<RegistrationFormErrors>(\n      () => errors ?? {},\n    );\n\n    const set = <K extends keyof FormState>(field: K, value: FormState[K]) => {\n      setValues((previous) => ({ ...previous, [field]: value }));\n      // The server's message was about the old value.\n      setServerErrors((previous) =>\n        previous[field] ? { ...previous, [field]: undefined } : previous,\n      );\n    };\n    const leave = (field: RegistrationFormField) =>\n      setTouched((previous) =>\n        previous[field] ? previous : { ...previous, [field]: true },\n      );\n    const emptyPasswords = () => {\n      setValues((previous) => ({\n        ...previous,\n        password: '',\n        passwordConfirm: '',\n      }));\n      setTouched((previous) => ({\n        ...previous,\n        password: false,\n        passwordConfirm: false,\n      }));\n    };\n\n    /** The paste and copy switches for one typed field. */\n    const clipboard = (field: RegistrationFormTextField) => ({\n      blockPaste: blockPaste?.includes(field) ?? false,\n      blockCopy: blockCopy?.includes(field) ?? false,\n    });\n\n    /* ---------------------------- Validation -------------------------- */\n\n    const requirements = usePasswordRequirements(passwordPolicy);\n    const emailMatch = useFieldMatch({\n      value: values.email,\n      confirmValue: values.emailConfirm,\n      kind: 'email',\n      submitted,\n    });\n    const passwordMatch = useFieldMatch({\n      value: values.password,\n      confirmValue: values.passwordConfirm,\n      kind: 'password',\n      submitted,\n    });\n\n    /** What stops a submit, whether or not the message shows yet. Only\n     *  a field that shows can stop it. */\n    const invalid: Record<RegistrationFormField, boolean> = {\n      firstName: shows('firstName') && values.firstName.trim() === '',\n      lastName: shows('lastName') && values.lastName.trim() === '',\n      // The user cannot fix a locked address, so the server judges it.\n      email: !emailLocked && !isEmail(values.email),\n      emailConfirm:\n        shows('emailConfirm') &&\n        (values.emailConfirm === '' || !emailMatch.matches),\n      password:\n        values.password === '' ||\n        !requirements.every((rule) => rule.test(values.password)),\n      passwordConfirm:\n        shows('passwordConfirm') &&\n        (values.passwordConfirm === '' || !passwordMatch.matches),\n      phone: shows('phone') && (values.phone === '' || !phonePossible),\n      branch: shows('branch') && values.branch === '',\n      terms: shows('terms') && !values.terms,\n    };\n\n    // A message shows once the user has left the field or tried to\n    // submit. The terms box waits for a submit: leaving it to follow one\n    // of its own links is not a mistake.\n    const due = (field: RegistrationFormField) =>\n      submitted || (field !== 'terms' && touched[field] === true);\n    const required = t('registrationForm.required');\n    /** Each grid field's label: on the field, and in the summary. */\n    const labels: Record<GridField, string> = {\n      firstName: t('registrationForm.firstName'),\n      lastName: t('registrationForm.lastName'),\n      email: t('registrationForm.email'),\n      emailConfirm: t('registrationForm.emailConfirm'),\n      password: t('registrationForm.password'),\n      passwordConfirm: t('registrationForm.passwordConfirm'),\n      phone: t('registrationForm.phone'),\n      branch: t('registrationForm.branch'),\n    };\n    const whenDue = (field: RegistrationFormField, message: string) =>\n      due(field) && invalid[field] ? message : undefined;\n\n    const ownErrors: Record<RegistrationFormField, string | undefined> = {\n      firstName: whenDue('firstName', required),\n      lastName: whenDue('lastName', required),\n      email: whenDue(\n        'email',\n        values.email === '' ? required : t('inputs.email.invalid'),\n      ),\n      emailConfirm:\n        values.emailConfirm === ''\n          ? whenDue('emailConfirm', required)\n          : emailMatch.error,\n      password: whenDue(\n        'password',\n        values.password === ''\n          ? required\n          : t('registrationForm.passwordInvalid'),\n      ),\n      passwordConfirm:\n        values.passwordConfirm === ''\n          ? whenDue('passwordConfirm', required)\n          : passwordMatch.error,\n      phone: whenDue(\n        'phone',\n        values.phone === '' ? required : t('registrationForm.phoneInvalid'),\n      ),\n      branch: whenDue('branch', required),\n      terms: whenDue('terms', t('registrationForm.termsRequired')),\n    };\n    const errorFor = (field: RegistrationFormField) =>\n      serverErrors[field] ?? ownErrors[field];\n\n    /* ------------------------------ Focus ----------------------------- */\n\n    const controls = useRef<\n      Partial<Record<RegistrationFormField, HTMLElement | null>>\n    >({});\n    const control = useMemo(() => {\n      const bind =\n        (field: RegistrationFormField) => (node: HTMLElement | null) => {\n          controls.current[field] = node;\n        };\n      return {\n        firstName: bind('firstName'),\n        lastName: bind('lastName'),\n        email: bind('email'),\n        emailConfirm: bind('emailConfirm'),\n        password: bind('password'),\n        passwordConfirm: bind('passwordConfirm'),\n        phone: bind('phone'),\n        branch: bind('branch'),\n        terms: bind('terms'),\n      };\n    }, []);\n    // The addresses stay out of the inputs' `value` attributes, where a\n    // copied outerHTML or a session replay could read them. The names do\n    // too, through StateBackedTextInput.\n    const emailField = useStateBackedInput(values.email, control.email);\n    const emailConfirmField = useStateBackedInput(\n      values.emailConfirm,\n      control.emailConfirm,\n    );\n    const formMessage = useRef<HTMLDivElement>(null);\n\n    /** Where to send the user for a set of server messages: the first\n     *  field on screen that has one, or the message above the fields\n     *  when only that says something. */\n    const focusTargetFor = (\n      messages: RegistrationFormErrors,\n    ): FocusTarget | undefined =>\n      shown.find((field) => messages[field]) ??\n      (hasMessage(messages) ? 'form' : undefined);\n\n    // Every field with a message after a refused submit, or after a server\n    // answer, is listed at the top of the form, and focus goes there. A\n    // page the server rendered after a failed post opens that way too: it\n    // announces nothing itself.\n    const [openedWithFieldMessage] = useState(() =>\n      shown.some((field) => Boolean(errors?.[field])),\n    );\n    const summary = useErrorSummary(shown, errorFor, openedWithFieldMessage);\n\n    // Any other place focus goes: the message above the fields, when no\n    // field has one. A new object for each request, so asking twice for the\n    // same place moves focus twice. The effect runs after the messages are\n    // drawn, so a screen reader lands on something that already says what\n    // is wrong.\n    const [focusRequest, setFocusRequest] = useState<{\n      target: FocusTarget;\n    } | null>(() => {\n      const target = openedWithFieldMessage\n        ? undefined\n        : focusTargetFor(errors ?? {});\n      return target ? { target } : null;\n    });\n    useEffect(() => {\n      if (!focusRequest) return;\n      if (focusRequest.target === 'form') formMessage.current?.focus();\n      else controls.current[focusRequest.target]?.focus();\n    }, [focusRequest]);\n\n    // PhoneInput has no blur event of its own, so listen on its input.\n    const showsPhone = shows('phone');\n    useEffect(() => {\n      const input = controls.current.phone;\n      if (!showsPhone || !input) return undefined;\n      const onBlur = () =>\n        setTouched((previous) =>\n          previous.phone ? previous : { ...previous, phone: true },\n        );\n      input.addEventListener('blur', onBlur);\n      return () => input.removeEventListener('blur', onBlur);\n    }, [showsPhone]);\n\n    /* ------------------------------ Submit ---------------------------- */\n\n    const form = useRef<HTMLFormElement>(null);\n    const captchaInput = useRef<HTMLInputElement>(null);\n\n    /* --------------------- Development shortcut ----------------------- */\n\n    // Asks for a submit once the filled values are on the page.\n    const [submitRequest, setSubmitRequest] = useState<object | null>(null);\n    useEffect(() => {\n      if (submitRequest) form.current?.requestSubmit();\n    }, [submitRequest]);\n\n    const runDevBypass = () => {\n      const filled = devBypass?.values;\n      if (filled) {\n        // Through the same state as the user's typing, and only into\n        // fields that show. A locked email keeps its address.\n        const email = emailLocked ? undefined : filled.email;\n        const next: Partial<FormState> = {};\n        if (shows('firstName') && filled.firstName !== undefined)\n          next.firstName = filled.firstName;\n        if (shows('lastName') && filled.lastName !== undefined)\n          next.lastName = filled.lastName;\n        if (email !== undefined) next.email = email;\n        if (shows('emailConfirm') && email !== undefined)\n          next.emailConfirm = email;\n        if (filled.password !== undefined) next.password = filled.password;\n        if (shows('passwordConfirm') && filled.password !== undefined)\n          next.passwordConfirm = filled.password;\n        if (shows('phone') && filled.phone !== undefined)\n          next.phone = filled.phone;\n        if (shows('branch') && filled.branch !== undefined)\n          next.branch = filled.branch;\n        if (shows('terms') && filled.terms !== undefined)\n          next.terms = filled.terms;\n        setValues((previous) => ({ ...previous, ...next }));\n        if (next.phone !== undefined)\n          setPhonePossible(isPossiblePhone(next.phone));\n        // The server's messages were about the old values.\n        setServerErrors((previous) => {\n          const kept = { ...previous };\n          for (const field of Object.keys(next) as (keyof FormState)[]) {\n            kept[field] = undefined;\n          }\n          return kept;\n        });\n        if (devBypass.submit) setSubmitRequest({});\n      }\n      devBypass?.onClick?.();\n    };\n\n    const submit = useRegistrationSubmit<RegistrationFormField>({\n      errors,\n      submitting,\n      native,\n      captcha: Boolean(recaptchaSiteKey),\n      firstProblem: () => shown.find((field) => invalid[field]),\n      onRefused: (field) => {\n        // Every message now shows, listed in the summary, which takes focus.\n        setSubmitted(true);\n        summary.open(() => setFocusRequest({ target: field }));\n      },\n      deliver: (captchaToken) => {\n        if (native) {\n          if (captchaInput.current && captchaToken) {\n            captchaInput.current.value = captchaToken;\n          }\n          form.current?.submit();\n          return;\n        }\n        // A field that does not show is empty, whatever it started with.\n        const text = (field: GridField) => (shows(field) ? values[field] : '');\n        onSubmit?.({\n          firstName: text('firstName'),\n          lastName: text('lastName'),\n          email: values.email,\n          emailConfirm: text('emailConfirm'),\n          password: values.password,\n          passwordConfirm: text('passwordConfirm'),\n          phone: text('phone'),\n          branch: text('branch'),\n          terms: shows('terms') && values.terms,\n          captchaToken,\n        });\n      },\n      onAnswer: (answer) => {\n        const next: RegistrationFormErrors = answer;\n        setServerErrors(next);\n        if (!hasMessage(next)) return;\n        // Never keep a password the server did not accept.\n        emptyPasswords();\n        setSubmitted(false);\n        // The summary when a field has a message, else the message above.\n        summary.open(() => {\n          const target = focusTargetFor(next);\n          if (target) setFocusRequest({ target });\n        });\n      },\n      // The page came back from the browser's cache as it was left:\n      // the passwords must not come back with it.\n      onRestore: emptyPasswords,\n    });\n    const { busy, captchaFailed } = submit;\n\n    // A failed reCAPTCHA check has no field of its own: send the user to\n    // the message above the fields, which may be off screen.\n    useEffect(() => {\n      if (captchaFailed) setFocusRequest({ target: 'form' });\n    }, [captchaFailed]);\n\n    /* ------------------------------ Render ---------------------------- */\n\n    const name = (field: RegistrationFormField) =>\n      native ? fieldNames[field] : field;\n    const Heading = `h${headingLevel}` as const;\n    const termsLink = linkTo(termsHref);\n    const privacyLink = linkTo(privacyHref);\n    const loginLink = linkTo(loginHref);\n    const formAction =\n      native && action && isSameSiteHref(action) ? action : undefined;\n    // What shows above the fields: the server's message about the whole\n    // form, its message about any field that is not on screen (so nothing\n    // it says is lost), and a failed reCAPTCHA check.\n    const formError =\n      [\n        serverErrors.form,\n        ...REGISTRATION_FORM_FIELDS.filter((field) => !shows(field)).map(\n          (field) => serverErrors[field],\n        ),\n        captchaFailed ? t('inputs.recaptcha.error') : undefined,\n      ]\n        .filter(Boolean)\n        .join(' ') || undefined;\n    // Quiet while the summary lists a field: the summary reads it then.\n    const formMessageAnnounce = useFormMessageAnnounce(\n      formError,\n      summary.listed.length > 0,\n    );\n    const termsError = errorFor('terms');\n    const termsDescribedBy =\n      [\n        termsDescription ? termsDescriptionId : undefined,\n        termsError ? termsErrorId : undefined,\n      ]\n        .filter(Boolean)\n        .join(' ') || undefined;\n\n    // The host's extra hidden inputs. The form's own fields keep their\n    // names: an extra one that asks for the same name is left out.\n    const ownNames = new Set(Object.values(fieldNames ?? {}));\n    const extraFields = native ? Object.entries(hiddenFields ?? {}) : [];\n    const clashes = extraFields\n      .filter(([extraName]) => ownNames.has(extraName))\n      .map(([extraName]) => extraName)\n      .join(', ');\n    useEffect(() => {\n      if (clashes && isDevelopment()) {\n        console.warn(\n          `RegistrationForm: hiddenFields \"${clashes}\" is also named in fieldNames and was left out. The form's own field wins.`,\n        );\n      }\n    }, [clashes]);\n\n    const renderField = (field: GridField): ReactNode => {\n      switch (field) {\n        case 'firstName':\n          return (\n            <FormField\n              key={field}\n              id={fieldId(field)}\n              label={labels.firstName}\n              required\n              error={errorFor('firstName')}\n              announceError={!summary.lists('firstName')}\n              data-field=\"firstName\"\n            >\n              <StateBackedTextInput\n                ref={control.firstName}\n                name={name('firstName')}\n                autoComplete=\"given-name\"\n                value={values.firstName}\n                onChange={(event) => set('firstName', event.target.value)}\n                onBlur={() => leave('firstName')}\n                {...clipboard('firstName')}\n              />\n            </FormField>\n          );\n        case 'lastName':\n          return (\n            <FormField\n              key={field}\n              id={fieldId(field)}\n              label={labels.lastName}\n              required\n              error={errorFor('lastName')}\n              announceError={!summary.lists('lastName')}\n              data-field=\"lastName\"\n            >\n              <StateBackedTextInput\n                ref={control.lastName}\n                name={name('lastName')}\n                autoComplete=\"family-name\"\n                value={values.lastName}\n                onChange={(event) => set('lastName', event.target.value)}\n                onBlur={() => leave('lastName')}\n                {...clipboard('lastName')}\n              />\n            </FormField>\n          );\n        case 'email':\n          return (\n            <FormField\n              key={field}\n              id={fieldId(field)}\n              label={labels.email}\n              required={!emailLocked}\n              description={emailDescription}\n              error={errorFor('email')}\n              announceError={!summary.lists('email')}\n              data-field=\"email\"\n            >\n              {/* EmailInput still checks the format and marks the input.\n                  Its message goes through FormField, so there is one\n                  message, in one place. Read-only, not disabled: the\n                  address is still posted and still read out. */}\n              <EmailInput\n                ref={emailField.ref}\n                name={name('email')}\n                errorMessage={null}\n                disableBuiltInValidation={emailLocked}\n                readOnly={emailLocked}\n                onChange={emailField.quiet((event) =>\n                  set('email', event.target.value),\n                )}\n                onBlur={() => leave('email')}\n                {...clipboard('email')}\n              />\n            </FormField>\n          );\n        case 'emailConfirm':\n          return (\n            <FormField\n              key={field}\n              id={fieldId(field)}\n              label={labels.emailConfirm}\n              required\n              error={errorFor('emailConfirm')}\n              announceError={!summary.lists('emailConfirm')}\n              data-field=\"emailConfirm\"\n            >\n              <EmailInput\n                ref={emailConfirmField.ref}\n                name={name('emailConfirm')}\n                disableBuiltInValidation\n                onChange={emailConfirmField.quiet((event) =>\n                  set('emailConfirm', event.target.value),\n                )}\n                onBlur={() => {\n                  leave('emailConfirm');\n                  emailMatch.confirmProps.onBlur();\n                }}\n                {...clipboard('emailConfirm')}\n              />\n            </FormField>\n          );\n        case 'password':\n          return (\n            <FormField\n              key={field}\n              id={fieldId(field)}\n              label={labels.password}\n              required\n              error={errorFor('password')}\n              announceError={!summary.lists('password')}\n              data-field=\"password\"\n            >\n              {/* PasswordInput names itself \"password\" when given no\n                  name; an empty one keeps a field out of the post. */}\n              <PasswordInput\n                ref={control.password}\n                name={name('password') ?? ''}\n                autoComplete=\"new-password\"\n                requirements={requirements}\n                value={values.password}\n                onChange={(event) => set('password', event.target.value)}\n                onBlur={() => leave('password')}\n                {...clipboard('password')}\n              />\n            </FormField>\n          );\n        case 'passwordConfirm':\n          return (\n            <FormField\n              key={field}\n              id={fieldId(field)}\n              label={labels.passwordConfirm}\n              required\n              error={errorFor('passwordConfirm')}\n              announceError={!summary.lists('passwordConfirm')}\n              data-field=\"passwordConfirm\"\n            >\n              <PasswordInput\n                ref={control.passwordConfirm}\n                name={name('passwordConfirm') ?? ''}\n                autoComplete=\"new-password\"\n                value={values.passwordConfirm}\n                onChange={(event) => set('passwordConfirm', event.target.value)}\n                onBlur={() => {\n                  leave('passwordConfirm');\n                  passwordMatch.confirmProps.onBlur();\n                }}\n                {...clipboard('passwordConfirm')}\n              />\n            </FormField>\n          );\n        case 'phone':\n          return (\n            <FormField\n              key={field}\n              id={fieldId(field)}\n              label={labels.phone}\n              required\n              error={errorFor('phone')}\n              announceError={!summary.lists('phone')}\n              data-field=\"phone\"\n            >\n              {/* The visible input holds the number as typed. In a native\n                  post a hidden input carries the full international\n                  number instead. */}\n              <PhoneInput\n                ref={control.phone}\n                name={native ? undefined : 'phone'}\n                value={values.phone}\n                onChange={(e164, meta) => {\n                  set('phone', e164);\n                  setPhonePossible(meta.isPossible);\n                }}\n              />\n            </FormField>\n          );\n        case 'branch':\n          return (\n            <FormField\n              key={field}\n              id={fieldId(field)}\n              label={labels.branch}\n              required\n              error={errorFor('branch')}\n              announceError={!summary.lists('branch')}\n              data-field=\"branch\"\n            >\n              <Select\n                ref={control.branch}\n                name={name('branch')}\n                options={branches ?? []}\n                value={values.branch}\n                onValueChange={(value) => set('branch', value)}\n              />\n            </FormField>\n          );\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        {...rest}\n        data-component=\"registration-form\"\n        className={registrationFormVariants({ className })}\n      >\n        <Card variant=\"elevated\">\n          <Card.Body className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]\">\n            <div className={headerVariants({ logo: showLogo })}>\n              <div className={headingBlockVariants({ centred: showLogo })}>\n                {/* The page's logo: read out once, before the heading. */}\n                {showLogo && (\n                  <BrandMark motion={logoMotion} label={BRAND_NAME} />\n                )}\n                <Heading id={titleId} className=\"type-title-card\">\n                  {title ?? t('registrationForm.title')}\n                </Heading>\n                {description && (\n                  <p className=\"type-body-sm ds:text-[var(--muted-foreground)]\">\n                    {description}\n                  </p>\n                )}\n              </div>\n              {devBypass && (devBypass.values || devBypass.onClick) && (\n                <div className={shortcutVariants({ corner: showLogo })}>\n                  <DevBypassButton\n                    label={devBypass.label}\n                    onClick={runDevBypass}\n                  />\n                </div>\n              )}\n            </div>\n\n            {children ? (\n              <div\n                data-slot=\"host-content\"\n                className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\"\n              >\n                {children}\n              </div>\n            ) : null}\n\n            {/* Always POST, in both modes: should the script ever fail to\n                run, the browser must not put a password in the address. */}\n            <form\n              ref={form}\n              noValidate\n              method=\"post\"\n              action={formAction}\n              aria-labelledby={titleId}\n              aria-busy={busy || undefined}\n              onSubmit={submit.handleSubmit}\n              className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\"\n            >\n              <ErrorSummary\n                ref={summary.ref}\n                headingLevel={(headingLevel + 1) as 2 | 3 | 4}\n                // The message about the whole form is read with it.\n                aria-describedby={formError ? formMessageId : undefined}\n                errors={summary.listed.map((field) => {\n                  const message = errorFor(field) ?? '';\n                  return {\n                    field,\n                    message,\n                    // \"This field is required.\" does not say which field:\n                    // the summary names it.\n                    label:\n                      message === required && field !== 'terms'\n                        ? labels[field]\n                        : undefined,\n                    targetId: fieldId(field),\n                  };\n                })}\n              />\n\n              {formError && (\n                <Alert\n                  ref={formMessage}\n                  id={formMessageId}\n                  variant=\"error\"\n                  announce={formMessageAnnounce}\n                  tabIndex={-1}\n                  data-field=\"form\"\n                  className={formMessageVariants()}\n                >\n                  <Alert.Description>{formError}</Alert.Description>\n                </Alert>\n              )}\n\n              {layOutRows(shows).map((row) => (\n                <div\n                  key={row[0]}\n                  className={rowVariants({\n                    columns: row.length === 2 ? 'two' : 'one',\n                  })}\n                >\n                  {row.map(renderField)}\n                </div>\n              ))}\n              {native && showsPhone && fieldNames.phone && (\n                <input\n                  type=\"hidden\"\n                  name={fieldNames.phone}\n                  value={values.phone}\n                />\n              )}\n              {native && fieldNames.captcha && (\n                <input\n                  ref={captchaInput}\n                  type=\"hidden\"\n                  name={fieldNames.captcha}\n                  defaultValue=\"\"\n                />\n              )}\n              {extraFields\n                .filter(([extraName]) => !ownNames.has(extraName))\n                .map(([extraName, value]) => (\n                  <input\n                    key={extraName}\n                    type=\"hidden\"\n                    name={extraName}\n                    value={value}\n                  />\n                ))}\n\n              {shows('terms') && (\n                <div\n                  id={fieldId('terms')}\n                  className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\"\n                  data-field=\"terms\"\n                >\n                  {termsDescription && (\n                    <p\n                      id={termsDescriptionId}\n                      className=\"type-body-sm ds:text-[var(--muted-foreground)]\"\n                    >\n                      {termsDescription}\n                    </p>\n                  )}\n                  <Checkbox\n                    ref={control.terms}\n                    name={name('terms')}\n                    value=\"1\"\n                    checked={values.terms}\n                    onCheckedChange={(next) => set('terms', next === true)}\n                    aria-required=\"true\"\n                    aria-invalid={termsError ? true : undefined}\n                    aria-describedby={termsDescribedBy}\n                    label={\n                      <>\n                        {termsLabel ?? (\n                          <Trans\n                            i18n={i18n}\n                            ns=\"ui\"\n                            i18nKey=\"registrationForm.terms\"\n                            components={{\n                              terms: termsLink ? (\n                                <InlineLink href={termsLink} newTab />\n                              ) : (\n                                <PlainText />\n                              ),\n                              privacy: privacyLink ? (\n                                <InlineLink href={privacyLink} newTab />\n                              ) : (\n                                <PlainText />\n                              ),\n                            }}\n                          />\n                        )}\n                        <span\n                          aria-hidden=\"true\"\n                          className={requiredMarkVariants()}\n                        >\n                          *\n                        </span>\n                      </>\n                    }\n                  />\n                  {termsError && (\n                    <p\n                      id={termsErrorId}\n                      // Quiet while the summary lists it: the summary reads it.\n                      role={summary.lists('terms') ? undefined : 'alert'}\n                      data-slot=\"error\"\n                      className=\"ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-body-sm ds:text-destructive\"\n                    >\n                      <CircleAlert\n                        aria-hidden=\"true\"\n                        className=\"ds:size-4 ds:shrink-0\"\n                      />\n                      <span>{termsError}</span>\n                    </p>\n                  )}\n                </div>\n              )}\n\n              <Button\n                type=\"submit\"\n                intent=\"primary\"\n                size=\"lg\"\n                loading={busy}\n                className=\"ds:w-full\"\n                data-action=\"submit\"\n              >\n                {submitLabel ?? t('registrationForm.submit')}\n              </Button>\n              {/* The spinner is decorative and the button is disabled\n                  while busy, so say it in words. Always mounted: a live\n                  region announces a change, not its first content. */}\n              <p role=\"status\" className=\"ds:sr-only\">\n                {busy ? t('chat.message.status.sending') : ''}\n              </p>\n\n              {loginLink && (\n                <p className=\"type-body-sm ds:text-center ds:text-[var(--muted-foreground)]\">\n                  <Trans\n                    i18n={i18n}\n                    ns=\"ui\"\n                    i18nKey=\"registrationForm.login\"\n                    components={{\n                      login: (\n                        <InlineLink\n                          href={loginLink}\n                          weight=\"strong\"\n                          action=\"login\"\n                        />\n                      ),\n                    }}\n                  />\n                </p>\n              )}\n\n              {/* Last, so its badge comes after the button and the login\n                  link in the tab order. Out of the flow: it takes no\n                  space, so it must not take a gap either. The card says\n                  when the check fails, so the widget stays quiet. */}\n              {recaptchaSiteKey && (\n                <div className=\"ds:absolute\">\n                  <RecaptchaWidget\n                    ref={submit.captcha.ref}\n                    siteKey={recaptchaSiteKey}\n                    size=\"invisible\"\n                    announceStatus={false}\n                    onChange={submit.captcha.onChange}\n                    onError={submit.captcha.onError}\n                  />\n                </div>\n              )}\n            </form>\n          </Card.Body>\n        </Card>\n      </div>\n    );\n  },\n);\nRegistrationForm.displayName = 'RegistrationForm';\n"],"names":["REGISTRATION_FORM_FIELDS","registrationFormVariants","cva","rowVariants","headerVariants","headingBlockVariants","shortcutVariants","inlineLinkVariants","formMessageVariants","requiredMarkVariants","DEFAULT_PASSWORD_POLICY","BRAND_NAME","linkTo","href","isSafeHref","hasMessage","errors","isPossiblePhone","e164","_a","parsePhoneNumberFromString","InlineLink","newTab","weight","action","children","t","useTranslation","jsxs","jsx","PlainText","FIELD_PAIRS","layOutRows","shows","rows","pair","row","last","RegistrationForm","forwardRef","title","description","headingLevel","showLogo","logoMotion","fields","initialValues","emailReadOnly","emailDescription","blockPaste","blockCopy","branches","passwordPolicy","termsHref","privacyHref","termsLabel","termsDescription","loginHref","recaptchaSiteKey","submitLabel","submitting","devBypass","onSubmit","fieldNames","hiddenFields","className","rest","ref","i18n","titleId","useId","fieldIdBase","fieldId","field","termsErrorId","termsDescriptionId","formMessageId","native","hasBranches","hadEmail","useState","emailLocked","shown","values","setValues","phonePossible","setPhonePossible","touched","setTouched","submitted","setSubmitted","serverErrors","setServerErrors","set","value","previous","leave","emptyPasswords","clipboard","requirements","usePasswordRequirements","emailMatch","useFieldMatch","passwordMatch","invalid","isEmail","rule","due","required","labels","whenDue","message","ownErrors","errorFor","controls","useRef","control","useMemo","bind","node","emailField","useStateBackedInput","emailConfirmField","formMessage","focusTargetFor","messages","openedWithFieldMessage","summary","useErrorSummary","focusRequest","setFocusRequest","target","useEffect","_b","showsPhone","input","onBlur","form","captchaInput","submitRequest","setSubmitRequest","runDevBypass","filled","email","next","kept","submit","useRegistrationSubmit","captchaToken","text","answer","busy","captchaFailed","name","Heading","termsLink","privacyLink","loginLink","formAction","isSameSiteHref","formError","formMessageAnnounce","useFormMessageAnnounce","termsError","termsDescribedBy","ownNames","extraFields","clashes","extraName","isDevelopment","renderField","FormField","StateBackedTextInput","event","EmailInput","PasswordInput","PhoneInput","meta","Select","Card","BrandMark","DevBypassButton","ErrorSummary","Alert","Checkbox","Fragment","Trans","CircleAlert","Button","RecaptchaWidget"],"mappings":"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"}