@alfadocs/ui-kit-debug 1.133.0 → 1.134.0

package/dist/_chunks/sms-code-entry-Dgp4GwlM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sms-code-entry-Dgp4GwlM.js","sources":["../../src/components/sms-code-entry/sms-code-entry.agent.ts","../../src/components/sms-code-entry/sms-code-entry.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter: SmsCodeEntry.                                           */\n/*                                                                        */\n/* An SMS code is a one-time credential. As for PinEntry, an agent may    */\n/* see how many digits are typed, whether the code is complete and what   */\n/* the host reported, and it may clear or focus the boxes. It can neither */\n/* read nor type the code. The adapter exposes no submit or resend action: */\n/* the person presses those buttons. So there is no `value` state slot    */\n/* and no `set_value`, `submit` or `resend` action. The buttons still     */\n/* carry `data-action=\"submit-code\"` and `\"resend-code\"` as DOM hooks,    */\n/* which any external tool can address; the adapter does not offer them.  */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { SmsCodeEntryHandle } from './sms-code-entry';\n\nexport const smsCodeEntryAgent: AgentAdapter<SmsCodeEntryHandle> = {\n  id: 'sms-code-entry',\n  capabilities: [],\n  state: {\n    filledCount: {\n      type: 'number',\n      descriptionKey: 'ui.agent.smsCodeEntry.state.filledCount',\n      description: 'How many digits are typed. Never the digits themselves.',\n      read: (handle) => handle.getFilledCount(),\n    },\n    length: {\n      type: 'number',\n      descriptionKey: 'ui.agent.smsCodeEntry.state.length',\n      description: 'How many digits the code has.',\n      read: (handle) => handle.getLength(),\n    },\n    isComplete: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.smsCodeEntry.state.isComplete',\n      description:\n        'Whether every box is filled, so the person can press the submit button.',\n      read: (handle) => handle.isComplete(),\n    },\n    error: {\n      type: \"'wrong' | 'expired' | 'locked' | 'send-failed' | 'resend-limit' | null\",\n      descriptionKey: 'ui.agent.smsCodeEntry.state.error',\n      description:\n        'What the host reported about the code: wrong, expired, locked, send-failed or resend-limit, or null when it reported nothing.',\n      read: (handle) => handle.getError(),\n    },\n  },\n  actions: {\n    clear: {\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.smsCodeEntry.actions.clear',\n      description: 'Empty the boxes. Loses the digits typed so far.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    focus: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.smsCodeEntry.actions.focus',\n      description:\n        'Move keyboard focus to the code boxes, so the person can type or paste the code. Does nothing while the boxes are disabled.',\n      invoke: (handle) => {\n        handle.focus();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'sms-code-entry',\n      description:\n        'Marks the SMS code step: the sentence naming the masked mobile, the code boxes (an OTPInput), the notes, \"Send a new code\" and the submit button.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { CircleAlert } from 'lucide-react';\nimport { Trans, useTranslation } from 'react-i18next';\nimport { useAgentRegistration } from '../../agent';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { formatNumber } from '../_shared/format-number';\nimport { Alert } from '../alert';\nimport { Button } from '../button';\nimport { OTPInput, type OTPInputHandle } from '../otp-input';\nimport { smsCodeEntryAgent } from './sms-code-entry.agent';\n\n/** What the host reports about the code. See `SmsCodeEntryProps.error`. */\nexport type SmsCodeEntryError =\n  | 'wrong'\n  | 'expired'\n  | 'locked'\n  | 'send-failed'\n  | 'resend-limit';\n\n/**\n * Agent-readiness curated handle for SmsCodeEntry. The code is a one-time\n * credential: the handle never returns the digits, and it can neither\n * submit the code nor ask for a new one. The person presses those buttons.\n */\nexport interface SmsCodeEntryHandle {\n  /** Empties the boxes. If a box had focus, focus waits in the first box. */\n  clear: () => void;\n  /** Moves focus to the boxes. Does nothing while they are disabled. */\n  focus: () => void;\n  /** How many digits are typed. Never the digits themselves. */\n  getFilledCount: () => number;\n  /** How many digits the code has. */\n  getLength: () => number;\n  /** Whether every box is filled. */\n  isComplete: () => boolean;\n  /** What the host reported about the code (`error`), or null. */\n  getError: () => SmsCodeEntryError | null;\n}\n\nconst rootVariants = cva(\n  'ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:break-words',\n);\n\n/** The quiet lines: the notes under the boxes, the wait, the contact hint. */\nconst lineVariants = cva(\n  'type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]',\n);\n\n/** A live region that stays mounted, out of the layout while it is empty. */\nconst regionVariants = cva('', {\n  variants: { empty: { true: 'ds:sr-only', false: '' } },\n  defaultVariants: { empty: true },\n});\n\nconst DEFAULT_LENGTH = 6;\n\n/** OTPInput's own clamp (3 to 10 boxes), so the checks count the boxes. */\nfunction resolveLength(length: number): number {\n  const n = Number.isFinite(length) ? Math.floor(length) : DEFAULT_LENGTH;\n  return Math.min(10, Math.max(3, n));\n}\n\n/** Digits only, Arabic-Indic digits folded as OTPInput folds them. */\nfunction toCode(raw: string, length: number): string {\n  return raw\n    .replace(/[٠-٩]/g, (c) => String(c.charCodeAt(0) - 0x0660))\n    .replace(/[۰-۹]/g, (c) => String(c.charCodeAt(0) - 0x06f0))\n    .replace(/\\D/g, '')\n    .slice(0, length);\n}\n\n/** Whole seconds left in the host's wait; anything unusable is no wait. */\nfunction toWaitSeconds(seconds: number | undefined): number {\n  return typeof seconds === 'number' && Number.isFinite(seconds)\n    ? Math.max(0, Math.ceil(seconds))\n    : 0;\n}\n\n/** A usable number of minutes, or undefined. */\nfunction toMinutes(value: number | undefined): number | undefined {\n  const ok = typeof value === 'number' && Number.isFinite(value) && value > 0;\n  return ok ? value : undefined;\n}\n\nexport interface SmsCodeEntryProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children' | 'defaultValue' | 'onChange' | 'onSubmit'\n> {\n  /**\n   * The masked mobile the code went to, as the host formats it, for example\n   * \"+39 ••• ••• 4521\" (the last four digits). Shown inside\n   * `<bdi dir=\"ltr\">`. Under `privacy`, or when absent, the sentence says\n   * \"your mobile\" instead.\n   */\n  destination?: string;\n  /**\n   * Replaces the default sentence that names the destination. Rendered as\n   * given, also under `privacy`: keep it free of personal data there.\n   */\n  body?: ReactNode;\n  /**\n   * Number of digit boxes, passed to `OTPInput`. Default 6. OTPInput draws\n   * 3 to 10 boxes and clamps anything else into that range. The boxes sit\n   * in groups of three that wrap onto more lines on a narrow screen.\n   */\n  length?: number;\n  /** The digits, when controlled. Pair with `onValueChange`. */\n  value?: string;\n  /** The first digits, when uncontrolled. */\n  defaultValue?: string;\n  /**\n   * Called with the digits on every change, controlled or not, including\n   * the empty string when the boxes empty after a submit or a resend.\n   */\n  onValueChange?: (value: string) => void;\n  /**\n   * Called with the code when the submit button is pressed with every box\n   * filled; the boxes then empty for the next attempt. The host decides\n   * right or wrong. Never called as the last digit lands (WCAG 3.2.2).\n   */\n  onSubmit?: (code: string) => void;\n  /**\n   * Submit button text. Default \"Verify\"; the step-up dialog passes\n   * \"Confirm\". Rendered as given, also under `privacy`: keep it free of\n   * personal data there.\n   */\n  submitLabel?: string;\n  /**\n   * The host is checking the code: the submit button shows a spinner and\n   * keeps focus; the boxes and \"Send a new code\" are disabled.\n   */\n  submitting?: boolean;\n  /**\n   * What the host reports. `wrong` and `expired` sit on the field and the\n   * entry stays open; after a new attempt, focus returns to the first box.\n   * `locked` and `send-failed` disable the entry and show an alert.\n   * `resend-limit` hides \"Send a new code\" only: the last code still works.\n   * A field error is read out when it appears, so set `submitting` while the\n   * host checks the next code: the message then mounts again on each result.\n   */\n  error?: SmsCodeEntryError | null;\n  /**\n   * Host text that replaces the default message for the current `error`,\n   * for example how long a lock lasts. Rendered as given, also under\n   * `privacy`: keep it free of personal data there.\n   */\n  errorText?: string;\n  /**\n   * Seconds until \"Send a new code\" unlocks, counted down by the host. Until\n   * then a line says how long is left; 0 or absent shows the button. The\n   * component runs no timer. A screen reader hears the wait only when it\n   * starts and when it ends.\n   */\n  remainingSeconds?: number;\n  /**\n   * Called when \"Send a new code\" is pressed. The button shows only when\n   * this is given. The boxes empty and focus waits in the first one.\n   */\n  onResend?: () => void;\n  /**\n   * Shows \"A new code is on its way\" in a polite live region. Hidden while\n   * an `error` is shown.\n   */\n  resent?: boolean;\n  /**\n   * Adds the line \"The code works for N minutes\", for example 10 at\n   * sign-in. The figure is the host's. Plural through i18n.\n   */\n  validityMinutes?: number;\n  /**\n   * An extra line under the boxes. Rendered as given, also under `privacy`:\n   * keep it free of personal data there.\n   */\n  note?: ReactNode;\n  /**\n   * Default true: shows the line that the phone may fill in the code, and\n   * turns on `OTPInput`'s `webOtp` (D117). A filled code is never submitted\n   * for the person.\n   */\n  autofillHint?: boolean;\n  /**\n   * Shows \"No SMS? Contact the practice.\" once a new code may be sent (no\n   * wait left) or the entry is stopped (AUTH-01: a landline takes the SMS\n   * silently).\n   */\n  contactPracticeHint?: boolean;\n  /** Disables the boxes and both buttons. */\n  disabled?: boolean;\n  /** Moves focus to the first empty box on mount. */\n  autoFocus?: boolean;\n  /**\n   * Posts the code under this name, through `OTPInput`'s hidden field. The\n   * boxes empty when the submit button is pressed, so a surrounding native\n   * form carries the code only if the host submits it synchronously inside\n   * `onSubmit` (for example `form.requestSubmit()`).\n   */\n  name?: string;\n  /**\n   * The root's id, also written as `data-component-id` and used as the\n   * agent-registry key.\n   */\n  id?: string;\n  /** Extra classes for the root. */\n  className?: string;\n  /**\n   * Privacy mode: the sentence says \"your mobile\" instead of the masked\n   * number. Nothing else the component writes is personal. Text the host\n   * passes in (`body`, `note`, `errorText`, `submitLabel`) is rendered as\n   * given, also under `privacy`.\n   */\n  privacy?: boolean;\n}\n\n/**\n * The SMS code step of sign-in, the step-up dialog, the check before a\n * document opens and check-in: the masked mobile, one box per digit, resend\n * and the code's states. Presentational: the host reports `error`,\n * `remainingSeconds` and `resent`, and decides what a code means. Nothing\n * here fetches, counts tries, compares codes or runs a timer. No email.\n */\nexport const SmsCodeEntry = forwardRef<HTMLDivElement, SmsCodeEntryProps>(\n  (\n    {\n      destination,\n      body,\n      length = DEFAULT_LENGTH,\n      value,\n      defaultValue,\n      onValueChange,\n      onSubmit,\n      submitLabel,\n      submitting = false,\n      error = null,\n      errorText,\n      remainingSeconds,\n      onResend,\n      resent = false,\n      validityMinutes,\n      note,\n      autofillHint = true,\n      contactPracticeHint = false,\n      disabled = false,\n      autoFocus = false,\n      name,\n      id,\n      className,\n      privacy = false,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation('ui');\n    const uid = useId();\n    const bodyId = `${uid}-body`;\n    const notesId = `${uid}-notes`;\n    const errorId = `${uid}-error`;\n    const otp = useRef<OTPInputHandle>(null);\n    const codeLength = resolveLength(length);\n    const lengthText = formatNumber(codeLength, i18n.language);\n\n    const [rawCode, setCode] = useControllableState<string>({\n      value,\n      defaultValue: defaultValue ?? '',\n      onChange: onValueChange,\n    });\n    const code = toCode(rawCode ?? '', codeLength);\n    const complete = code.length === codeLength;\n\n    // Bumped by each submit, resend and clear: the boxes remount empty, so\n    // OTPInput's roving focus starts again at the first box.\n    const [round, setRound] = useState(0);\n    // Set by a submit: after one, a wrong or expired code refocuses box one.\n    const submitted = useRef(false);\n    const rootRef = useRef<HTMLDivElement | null>(null);\n    const submitRef = useRef<HTMLButtonElement | null>(null);\n    // True while focus is inside the entry, so a stop can move it on.\n    const focusInside = useRef(false);\n    // Set by \"Send a new code\", and by a clear while a box had focus: once\n    // the boxes remount, focus waits in the first one.\n    const focusFirstBox = useRef(false);\n\n    const stopped = error === 'locked' || error === 'send-failed';\n    const limited = error === 'resend-limit';\n    const codeError = error === 'wrong' || error === 'expired';\n    const inactive = disabled || submitting || stopped;\n    const hostText = errorText?.trim() ? errorText : undefined;\n\n    // Hidden while the host checks, so each result mounts the alert again.\n    const fieldError = submitting\n      ? undefined\n      : error === 'wrong'\n        ? (hostText ?? t('smsCodeEntry.wrong'))\n        : error === 'expired'\n          ? (hostText ?? t('smsCodeEntry.expired'))\n          : undefined;\n    const stopText =\n      error === 'locked'\n        ? (hostText ?? t('smsCodeEntry.locked'))\n        : error === 'send-failed'\n          ? (hostText ?? t('smsCodeEntry.sendFailed'))\n          : undefined;\n    const showResent = resent && !error;\n\n    const waitSeconds = toWaitSeconds(remainingSeconds);\n    const inWait = waitSeconds > 0;\n    const canResend = Boolean(onResend) && !stopped && !limited;\n    const resendWaiting = canResend && inWait;\n    const resendReady = canResend && !inWait;\n    const showContactHint = contactPracticeHint && (stopped || !inWait);\n    const waitText = t('smsCodeEntry.resendIn', {\n      count: waitSeconds,\n      seconds: formatNumber(waitSeconds, i18n.language),\n    });\n\n    const minutes = toMinutes(validityMinutes);\n    const hasNotes = autofillHint || minutes !== undefined || Boolean(note);\n    const describedBy = hasNotes ? `${bodyId} ${notesId}` : bodyId;\n    const named = !privacy && Boolean(destination?.trim());\n    const notReady = !submitting && (stopped || !complete);\n    const submitText = submitLabel?.trim()\n      ? submitLabel\n      : t('smsCodeEntry.submit');\n    const lineClass = lineVariants();\n\n    // The wait is announced when it starts and when it ends, never each\n    // second (05, one-time codes). The region mounts empty, so a wait that\n    // opens with the step is read too.\n    const [announcement, setAnnouncement] = useState('');\n    const wasWaiting = useRef(false);\n    useEffect(() => {\n      if (resendWaiting === wasWaiting.current) return;\n      wasWaiting.current = resendWaiting;\n      const next = resendWaiting\n        ? waitText\n        : resendReady\n          ? t('smsCodeEntry.resendReady')\n          : '';\n      setAnnouncement(next);\n    }, [resendWaiting, resendReady, waitText, t]);\n\n    // After a submit, once the host reports a wrong or expired code and the\n    // boxes are usable, focus returns to the first box. Never on mount: a\n    // step that opens on an error leaves focus where it is.\n    useEffect(() => {\n      if (!submitted.current || !codeError || inactive) return;\n      submitted.current = false;\n      otp.current?.focus();\n    }, [round, codeError, inactive]);\n\n    // A stop disables the boxes under the person: move focus to the submit\n    // button, which stays focusable through aria-disabled.\n    useEffect(() => {\n      if (!stopped || !focusInside.current) return;\n      const active = document.activeElement;\n      if (active === null || active === document.body) {\n        submitRef.current?.focus();\n      }\n    }, [stopped]);\n\n    // After \"Send a new code\", focus waits in the first box for the new code;\n    // after a clear under focus, it waits there for the next attempt.\n    useEffect(() => {\n      if (!focusFirstBox.current || inactive) return;\n      focusFirstBox.current = false;\n      otp.current?.focus();\n    }, [round, inactive]);\n\n    useEffect(() => {\n      if (autoFocus) otp.current?.focus();\n    }, [autoFocus]);\n\n    const handleSubmit = () => {\n      // Only a press with every box filled sends the code (WCAG 3.2.2).\n      if (inactive || !complete) return;\n      onSubmit?.(code);\n      // The boxes empty: a refused code is typed again from the start.\n      setCode('');\n      setRound((n) => n + 1);\n      submitted.current = true;\n    };\n\n    const handleResend = () => {\n      if (disabled || submitting) return;\n      onResend?.();\n      setCode('');\n      focusFirstBox.current = true;\n      setRound((n) => n + 1);\n    };\n\n    // The handle reads the latest values through this ref, so it stays the\n    // same object from one render to the next.\n    const live = useRef({ code, length: codeLength, error });\n    live.current = { code, length: codeLength, error };\n\n    const handle = useMemo<SmsCodeEntryHandle>(\n      () => ({\n        clear: () => {\n          const active = document.activeElement;\n          const boxHadFocus =\n            active instanceof HTMLInputElement &&\n            Boolean(rootRef.current?.contains(active));\n          if (boxHadFocus) focusFirstBox.current = true;\n          // The boxes remount empty, so the roving focus starts again at\n          // the first box, as after a submit.\n          setCode('');\n          setRound((n) => n + 1);\n        },\n        focus: () => {\n          otp.current?.focus();\n        },\n        getFilledCount: () => live.current.code.length,\n        getLength: () => live.current.length,\n        isComplete: () => live.current.code.length === live.current.length,\n        getError: () => live.current.error,\n      }),\n      [setCode],\n    );\n    useAgentRegistration(smsCodeEntryAgent, handle, id);\n\n    return (\n      <div\n        {...rest}\n        ref={(node) => {\n          rootRef.current = node;\n          if (typeof ref === 'function') ref(node);\n          else if (ref) ref.current = node;\n        }}\n        id={id}\n        onFocus={(event) => {\n          focusInside.current = true;\n          rest.onFocus?.(event);\n        }}\n        onBlur={(event) => {\n          const next = event.relatedTarget;\n          if (next instanceof Node && !event.currentTarget.contains(next)) {\n            focusInside.current = false;\n          }\n          rest.onBlur?.(event);\n        }}\n        data-component=\"sms-code-entry\"\n        data-component-id={id}\n        data-privacy={privacy ? 'masked' : undefined}\n        className={rootVariants({ className })}\n      >\n        {body != null ? (\n          <div id={bodyId} className=\"type-body\">\n            {body}\n          </div>\n        ) : (\n          <p id={bodyId} className=\"type-body ds:m-0\">\n            {named ? (\n              <Trans\n                t={t}\n                ns=\"ui\"\n                i18nKey=\"smsCodeEntry.body\"\n                count={codeLength}\n                values={{ length: lengthText, destination }}\n                components={{\n                  dest: <bdi dir=\"ltr\" className=\"ds:font-semibold\" />,\n                }}\n              />\n            ) : (\n              t('smsCodeEntry.bodyYourMobile', {\n                count: codeLength,\n                length: lengthText,\n              })\n            )}\n          </p>\n        )}\n        {stopText ? (\n          <Alert variant=\"error\" announce=\"assertive\">\n            <Alert.Description>{stopText}</Alert.Description>\n          </Alert>\n        ) : null}\n        {/* Always mounted: a live region reads a change, not what it held\n            when it appeared. */}\n        <div\n          role=\"status\"\n          className={regionVariants({ empty: !limited && !showResent })}\n        >\n          {limited ? (\n            <Alert variant=\"warning\" announce=\"off\">\n              <Alert.Description>\n                {hostText ?? t('smsCodeEntry.resendLimit')}\n              </Alert.Description>\n            </Alert>\n          ) : null}\n          {showResent ? (\n            <Alert variant=\"success\" announce=\"off\">\n              <Alert.Description>{t('smsCodeEntry.resent')}</Alert.Description>\n            </Alert>\n          ) : null}\n        </div>\n        {/* A field of its own, so the code has a label and an error slot. */}\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n          <OTPInput\n            // Never pass an `id` here: an id registers OTPInput's own agent\n            // adapter, whose `value` slot would expose the digits.\n            label={t('smsCodeEntry.label')}\n            key={round}\n            ref={otp}\n            length={codeLength}\n            // Groups of three (two for the 6-digit code) that wrap onto the\n            // next line when one line does not fit (WCAG 1.4.10 at 320 px).\n            groupSize={3}\n            value={code}\n            onChange={setCode}\n            disabled={inactive}\n            webOtp={autofillHint}\n            name={name}\n            error={Boolean(fieldError)}\n            aria-describedby={\n              fieldError ? `${errorId} ${describedBy}` : describedBy\n            }\n          />\n          {fieldError ? (\n            <p\n              id={errorId}\n              role=\"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>{fieldError}</span>\n            </p>\n          ) : null}\n        </div>\n        {hasNotes ? (\n          <div\n            id={notesId}\n            className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\"\n          >\n            {autofillHint ? (\n              <p className={lineClass}>{t('smsCodeEntry.autofill')}</p>\n            ) : null}\n            {minutes !== undefined ? (\n              <p className={lineClass}>\n                {t('smsCodeEntry.validity', {\n                  count: minutes,\n                  minutes: formatNumber(minutes, i18n.language),\n                })}\n              </p>\n            ) : null}\n            {note ? <div className={lineClass}>{note}</div> : null}\n          </div>\n        ) : null}\n        {resendWaiting || resendReady || showContactHint ? (\n          <div className=\"ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n            {resendWaiting ? <p className={lineClass}>{waitText}</p> : null}\n            {resendReady ? (\n              <Button\n                intent=\"ghost\"\n                className=\"ds:min-h-[var(--min-target-size)]\"\n                data-action=\"resend-code\"\n                disabled={disabled || submitting}\n                onClick={handleResend}\n              >\n                {t('smsCodeEntry.resend')}\n              </Button>\n            ) : null}\n            {showContactHint ? (\n              <p className={lineClass}>{t('smsCodeEntry.contactPractice')}</p>\n            ) : null}\n          </div>\n        ) : null}\n        <div role=\"status\" className=\"ds:sr-only\">\n          {announcement}\n        </div>\n        <Button\n          intent=\"primary\"\n          ref={submitRef}\n          className=\"ds:w-full ds:min-h-[var(--min-target-size)]\"\n          data-action=\"submit-code\"\n          loading={submitting}\n          disabled={disabled}\n          // Not native `disabled` while the code is short or the entry is\n          // stopped: the button keeps focus as the boxes empty after a\n          // press, as it does while `loading`.\n          aria-disabled={notReady || undefined}\n          onClick={handleSubmit}\n        >\n          {submitText}\n        </Button>\n      </div>\n    );\n  },\n);\n\nSmsCodeEntry.displayName = 'SmsCodeEntry';\n"],"names":["smsCodeEntryAgent","handle","rootVariants","cva","lineVariants","regionVariants","DEFAULT_LENGTH","resolveLength","length","n","toCode","raw","c","toWaitSeconds","seconds","toMinutes","value","SmsCodeEntry","forwardRef","destination","body","defaultValue","onValueChange","onSubmit","submitLabel","submitting","error","errorText","remainingSeconds","onResend","resent","validityMinutes","note","autofillHint","contactPracticeHint","disabled","autoFocus","name","id","className","privacy","rest","ref","t","i18n","useTranslation","uid","useId","bodyId","notesId","errorId","otp","useRef","codeLength","lengthText","formatNumber","rawCode","setCode","useControllableState","code","complete","round","setRound","useState","submitted","rootRef","submitRef","focusInside","focusFirstBox","stopped","limited","codeError","inactive","hostText","fieldError","stopText","showResent","waitSeconds","inWait","canResend","resendWaiting","resendReady","showContactHint","waitText","minutes","hasNotes","describedBy","named","notReady","submitText","lineClass","announcement","setAnnouncement","wasWaiting","useEffect","next","_a","active","handleSubmit","handleResend","live","useMemo","useAgentRegistration","jsxs","node","event","jsx","Trans","Alert","OTPInput","CircleAlert","Button"],"mappings":"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"}

package/dist/_chunks/step-up-dialog-C2JqJmCA.js

@@ -0,0 +1,132 @@
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
+import { forwardRef as _, useRef as $ } from "react";
+import { c as y } from "./index-D2ZczOXr.js";
+import { useTranslation as j } from "react-i18next";
+import { B as L } from "./button-DohK_Ak_.js";
+import { D as o } from "./dialog-CVTxyR0v.js";
+import { S as M } from "./sms-code-entry-Dgp4GwlM.js";
+const b = y(
+  "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:break-words"
+), ee = y(
+  "type-body ds:m-0 ds:text-[color:var(--foreground)]"
+), te = _(
+  ({
+    open: D,
+    defaultOpen: S,
+    onOpenChange: l,
+    title: i,
+    subject: s,
+    noMobile: n = !1,
+    noMobileText: x,
+    onCancel: d,
+    onSubmit: E,
+    submitLabel: a,
+    submitting: T,
+    disabled: F,
+    autoFocus: A = !0,
+    name: B,
+    privacy: p = !1,
+    id: f,
+    className: C,
+    destination: H,
+    length: N,
+    value: R,
+    defaultValue: U,
+    onValueChange: k,
+    error: w,
+    errorText: z,
+    remainingSeconds: V,
+    onResend: q,
+    resent: G,
+    validityMinutes: I,
+    note: J,
+    autofillHint: K,
+    contactPracticeHint: O,
+    ...P
+  }, Q) => {
+    const { t: c } = j("ui"), m = $(null), W = i != null && i.trim() ? i : c("stepUpDialog.title"), h = s != null && typeof s != "boolean" && !(typeof s == "string" && s.trim() === ""), g = h || n, X = (t) => {
+      l == null || l(t), t || d == null || d();
+    }, Y = (t) => {
+      const r = document.activeElement;
+      m.current = r instanceof HTMLElement && r !== document.body ? r : null, !A && (t.preventDefault(), t.target instanceof HTMLElement && t.target.focus({ preventScroll: !0 }));
+    }, Z = (t) => {
+      if (t.target instanceof HTMLElement && t.target.isConnected)
+        return;
+      const r = m.current;
+      m.current = null;
+      const v = document.activeElement;
+      v !== null && v !== document.body || r === null || !r.isConnected || (t.preventDefault(), r.focus({ preventScroll: !0 }));
+    };
+    return /* @__PURE__ */ e(
+      o.Root,
+      {
+        id: f,
+        open: D,
+        defaultOpen: S,
+        onOpenChange: X,
+        children: /* @__PURE__ */ e(
+          o.Content,
+          {
+            ...g ? {} : { "aria-describedby": void 0 },
+            ...P,
+            ref: Q,
+            size: "sm",
+            hideCloseButton: !0,
+            className: C,
+            "data-privacy": p ? "masked" : void 0,
+            onOpenAutoFocus: Y,
+            onCloseAutoFocus: Z,
+            children: /* @__PURE__ */ u("div", { "data-component": "step-up-dialog", "data-component-id": f, children: [
+              /* @__PURE__ */ u(o.Header, { children: [
+                /* @__PURE__ */ e(o.Title, { children: W }),
+                g ? /* @__PURE__ */ e(o.Description, { asChild: !0, children: /* @__PURE__ */ u("div", { className: b(), children: [
+                  h ? /* @__PURE__ */ e("div", { children: s }) : null,
+                  n ? /* @__PURE__ */ e("p", { className: ee(), children: x ?? c("stepUpDialog.noMobile") }) : null
+                ] }) }) : null
+              ] }),
+              n ? null : /* @__PURE__ */ e(o.Body, { children: /* @__PURE__ */ e(
+                M,
+                {
+                  destination: H,
+                  length: N,
+                  value: R,
+                  defaultValue: U,
+                  onValueChange: k,
+                  onSubmit: E,
+                  submitLabel: a != null && a.trim() ? a : c("common.confirm"),
+                  submitting: T,
+                  error: w,
+                  errorText: z,
+                  remainingSeconds: V,
+                  onResend: q,
+                  resent: G,
+                  validityMinutes: I,
+                  note: J,
+                  autofillHint: K,
+                  contactPracticeHint: O,
+                  disabled: F,
+                  name: B,
+                  privacy: p
+                }
+              ) }),
+              /* @__PURE__ */ e(o.Footer, { children: /* @__PURE__ */ e(o.Close, { asChild: !0, children: /* @__PURE__ */ e(
+                L,
+                {
+                  intent: n ? "primary" : "outline",
+                  className: "ds:min-h-[var(--min-target-size)]",
+                  "data-action": n ? "close" : "cancel",
+                  children: c(n ? "common.close" : "common.cancel")
+                }
+              ) }) })
+            ] })
+          }
+        )
+      }
+    );
+  }
+);
+te.displayName = "StepUpDialog";
+export {
+  te as S
+};
+//# sourceMappingURL=step-up-dialog-C2JqJmCA.js.map

package/dist/_chunks/step-up-dialog-C2JqJmCA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-up-dialog-C2JqJmCA.js","sources":["../../src/components/step-up-dialog/step-up-dialog.tsx"],"sourcesContent":["import { forwardRef, useRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Button } from '../button';\nimport { Dialog } from '../dialog';\nimport { SmsCodeEntry, type SmsCodeEntryProps } from '../sms-code-entry';\n\n/** What the check is for and, with no mobile, why no code can come. */\nconst descriptionVariants = cva(\n  'ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:break-words',\n);\n\n/** The no-mobile refusal reads as body text, not as the muted subject. */\nconst refusalVariants = cva(\n  'type-body ds:m-0 ds:text-[color:var(--foreground)]',\n);\n\n/** The `SmsCodeEntry` props the dialog passes through as they are. */\ntype EntryProps = Pick<\n  SmsCodeEntryProps,\n  | 'destination'\n  | 'length'\n  | 'value'\n  | 'defaultValue'\n  | 'onValueChange'\n  | 'error'\n  | 'errorText'\n  | 'remainingSeconds'\n  | 'onResend'\n  | 'resent'\n  | 'validityMinutes'\n  | 'note'\n  | 'autofillHint'\n  | 'contactPracticeHint'\n>;\n\n/** Attributes for the dialog surface. The dialog owns its role and content. */\ntype SurfaceProps = Omit<\n  HTMLAttributes<HTMLDivElement>,\n  | 'autoFocus'\n  | 'children'\n  | 'className'\n  | 'dangerouslySetInnerHTML'\n  | 'defaultValue'\n  | 'id'\n  | 'onChange'\n  | 'onSubmit'\n  | 'role'\n  | 'title'\n>;\n\nexport interface StepUpDialogProps extends EntryProps, SurfaceProps {\n  /** Controlled open state. Pair with `onOpenChange`. */\n  open?: boolean;\n  /**\n   * Initial open state, when uncontrolled. Uncontrolled, the dialog closes\n   * only when the person leaves: to close it after a passed check, control\n   * `open` or unmount it.\n   */\n  defaultOpen?: boolean;\n  /**\n   * Called when the dialog asks to open or close: Cancel, Close, Escape or\n   * a click on the scrim. The host's own `open={false}`, after a passed\n   * check, does not call it.\n   */\n  onOpenChange?: (open: boolean) => void;\n  /** The dialog title. Default \"Confirm it's you\". */\n  title?: string;\n  /**\n   * What the check is for, under the title, for example \"Cancel your\n   * appointment on 12 March\". Rendered as given, also under `privacy`:\n   * keep personal data out of it there.\n   */\n  subject?: ReactNode;\n  /**\n   * No verified mobile on file (D99, D140): the code entry gives way to a\n   * line saying so and \"Contact the practice\", and Cancel becomes Close.\n   * There is no other way through: no email code and no tick box.\n   */\n  noMobile?: boolean;\n  /**\n   * Replaces the default no-mobile sentence (\"There is no verified mobile\n   * number on your record…\") when `noMobile` is set, for a host whose\n   * refusal differs, for example one with no contact at all to send a code\n   * to. Rendered as given. Has no effect without `noMobile`.\n   */\n  noMobileText?: ReactNode;\n  /**\n   * Called whenever the person leaves without a passed check: Cancel,\n   * Close, Escape or the scrim, after `onOpenChange(false)`. The host keeps\n   * the change unsaved.\n   */\n  onCancel?: () => void;\n  /**\n   * Called with the code when Confirm is pressed with every box filled.\n   * The host checks it: on a pass it closes the dialog through `open`, on\n   * a fail it reports `error`. The dialog never closes itself on submit.\n   */\n  onSubmit?: (code: string) => void;\n  /** Submit button text. Default \"Confirm\". */\n  submitLabel?: string;\n  /**\n   * The host is checking the code: Confirm shows a spinner, and the boxes\n   * and \"Send a new code\" are disabled. Cancel stays available.\n   */\n  submitting?: boolean;\n  /**\n   * Disables the boxes, Confirm and \"Send a new code\". Cancel stays\n   * available, so the person can always leave.\n   */\n  disabled?: boolean;\n  /**\n   * Default true: on open, focus moves to the first box (to Close in the\n   * no-mobile view). False keeps focus on the dialog itself, so a screen\n   * reader starts at the title.\n   */\n  autoFocus?: boolean;\n  /**\n   * Passed to the entry, which posts the code under this name through\n   * `OTPInput`'s hidden field. The dialog renders in a portal, outside the\n   * host's form, so a form does not receive it: take the code from\n   * `onSubmit`.\n   */\n  name?: string;\n  /**\n   * Privacy mode: the entry says \"your mobile\" instead of the masked\n   * number, and the dialog carries `data-privacy=\"masked\"`. The subject is\n   * shown as given.\n   */\n  privacy?: boolean;\n  /**\n   * Instance id, written as `data-component-id` in two places: on the\n   * dialog surface, which keeps the Dialog's own `data-component=\"dialog\"`,\n   * and on the step-up body wrapper (`data-component=\"step-up-dialog\"`).\n   * The composed Dialog registers its agent handle (open, close, dismiss)\n   * under it.\n   */\n  id?: string;\n  /** Extra classes for the dialog surface. */\n  className?: string;\n}\n\n/**\n * The SMS check before a sensitive step: cancelling, opening documents,\n * editing details and every change of login email, mobile or PIN (D95,\n * D122). A Radix dialog around `SmsCodeEntry`: focus moves to the first box\n * on open and Escape cancels. Presentational: the host sends and checks the\n * code, reports `error` and closes the dialog once the check passes. Nothing\n * here fetches, counts tries, compares codes or remembers a passed check.\n * The ref points at the dialog surface.\n */\nexport const StepUpDialog = forwardRef<HTMLDivElement, StepUpDialogProps>(\n  (\n    {\n      open,\n      defaultOpen,\n      onOpenChange,\n      title,\n      subject,\n      noMobile = false,\n      noMobileText,\n      onCancel,\n      onSubmit,\n      submitLabel,\n      submitting,\n      disabled,\n      autoFocus = true,\n      name,\n      privacy = false,\n      id,\n      className,\n      destination,\n      length,\n      value,\n      defaultValue,\n      onValueChange,\n      error,\n      errorText,\n      remainingSeconds,\n      onResend,\n      resent,\n      validityMinutes,\n      note,\n      autofillHint,\n      contactPracticeHint,\n      ...surface\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    // Where focus was when the dialog opened. There is no Dialog.Trigger\n    // for Radix to hand focus back to, so the dialog does it on close.\n    const openerRef = useRef<HTMLElement | null>(null);\n\n    const titleText = title?.trim() ? title : t('stepUpDialog.title');\n    const hasSubject =\n      subject != null &&\n      typeof subject !== 'boolean' &&\n      !(typeof subject === 'string' && subject.trim() === '');\n    // With no mobile, focus lands on Close: the refusal must be read then.\n    const described = hasSubject || noMobile;\n\n    const handleOpenChange = (next: boolean) => {\n      onOpenChange?.(next);\n      if (!next) onCancel?.();\n    };\n\n    // Radix calls this only while focus is still outside the dialog.\n    const handleOpenAutoFocus = (event: Event) => {\n      const active = document.activeElement;\n      openerRef.current =\n        active instanceof HTMLElement && active !== document.body\n          ? active\n          : null;\n      // Left alone, Radix focuses the first control: the first box.\n      if (autoFocus) return;\n      event.preventDefault();\n      if (event.target instanceof HTMLElement) {\n        event.target.focus({ preventScroll: true });\n      }\n    };\n\n    const handleCloseAutoFocus = (event: Event) => {\n      // A surface still on the page is a StrictMode remount, not a close.\n      if (event.target instanceof HTMLElement && event.target.isConnected) {\n        return;\n      }\n      const opener = openerRef.current;\n      openerRef.current = null;\n      // Hand focus back only if nothing else, such as the host, took it.\n      const active = document.activeElement;\n      if (active !== null && active !== document.body) return;\n      if (opener === null || !opener.isConnected) return;\n      event.preventDefault();\n      opener.focus({ preventScroll: true });\n    };\n\n    return (\n      <Dialog.Root\n        id={id}\n        open={open}\n        defaultOpen={defaultOpen}\n        onOpenChange={handleOpenChange}\n      >\n        <Dialog.Content\n          // Nothing to describe: no pointer to a description that is not there.\n          {...(described ? {} : { 'aria-describedby': undefined })}\n          {...surface}\n          ref={ref}\n          size=\"sm\"\n          // Cancel, or Close with no mobile, is the visible way out.\n          hideCloseButton\n          className={className}\n          data-privacy={privacy ? 'masked' : undefined}\n          onOpenAutoFocus={handleOpenAutoFocus}\n          onCloseAutoFocus={handleCloseAutoFocus}\n        >\n          {/* The step-up hook sits on this body wrapper; the surface keeps\n              the Dialog's own `data-component=\"dialog\"`, which owns the\n              open state. Both carry the id (CalculatorDialog precedent). */}\n          <div data-component=\"step-up-dialog\" data-component-id={id}>\n            <Dialog.Header>\n              <Dialog.Title>{titleText}</Dialog.Title>\n              {described ? (\n                <Dialog.Description asChild>\n                  <div className={descriptionVariants()}>\n                    {hasSubject ? <div>{subject}</div> : null}\n                    {noMobile ? (\n                      <p className={refusalVariants()}>\n                        {noMobileText ?? t('stepUpDialog.noMobile')}\n                      </p>\n                    ) : null}\n                  </div>\n                </Dialog.Description>\n              ) : null}\n            </Dialog.Header>\n            {noMobile ? null : (\n              <Dialog.Body>\n                <SmsCodeEntry\n                  destination={destination}\n                  length={length}\n                  value={value}\n                  defaultValue={defaultValue}\n                  onValueChange={onValueChange}\n                  onSubmit={onSubmit}\n                  submitLabel={\n                    submitLabel?.trim() ? submitLabel : t('common.confirm')\n                  }\n                  submitting={submitting}\n                  error={error}\n                  errorText={errorText}\n                  remainingSeconds={remainingSeconds}\n                  onResend={onResend}\n                  resent={resent}\n                  validityMinutes={validityMinutes}\n                  note={note}\n                  autofillHint={autofillHint}\n                  contactPracticeHint={contactPracticeHint}\n                  disabled={disabled}\n                  name={name}\n                  privacy={privacy}\n                />\n              </Dialog.Body>\n            )}\n            <Dialog.Footer>\n              <Dialog.Close asChild>\n                <Button\n                  intent={noMobile ? 'primary' : 'outline'}\n                  className=\"ds:min-h-[var(--min-target-size)]\"\n                  data-action={noMobile ? 'close' : 'cancel'}\n                >\n                  {noMobile ? t('common.close') : t('common.cancel')}\n                </Button>\n              </Dialog.Close>\n            </Dialog.Footer>\n          </div>\n        </Dialog.Content>\n      </Dialog.Root>\n    );\n  },\n);\n\nStepUpDialog.displayName = 'StepUpDialog';\n"],"names":["descriptionVariants","cva","refusalVariants","StepUpDialog","forwardRef","open","defaultOpen","onOpenChange","title","subject","noMobile","noMobileText","onCancel","onSubmit","submitLabel","submitting","disabled","autoFocus","name","privacy","id","className","destination","length","value","defaultValue","onValueChange","error","errorText","remainingSeconds","onResend","resent","validityMinutes","note","autofillHint","contactPracticeHint","surface","ref","t","useTranslation","openerRef","useRef","titleText","hasSubject","described","handleOpenChange","next","handleOpenAutoFocus","event","active","handleCloseAutoFocus","opener","jsx","Dialog","jsxs","SmsCodeEntry","Button"],"mappings":";;;;;;;AAQA,MAAMA,IAAsBC;AAAA,EAC1B;AACF,GAGMC,KAAkBD;AAAA,EACtB;AACF,GAwIaE,KAAeC;AAAA,EAC1B,CACE;AAAA,IACE,MAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,MAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,IAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,MAAAC;AAAA,IACA,cAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,IAAI,GAG3BC,IAAYC,EAA2B,IAAI,GAE3CC,IAAYlC,KAAA,QAAAA,EAAO,SAASA,IAAQ8B,EAAE,oBAAoB,GAC1DK,IACJlC,KAAW,QACX,OAAOA,KAAY,aACnB,EAAE,OAAOA,KAAY,YAAYA,EAAQ,KAAA,MAAW,KAEhDmC,IAAYD,KAAcjC,GAE1BmC,IAAmB,CAACC,MAAkB;AAC1C,MAAAvC,KAAA,QAAAA,EAAeuC,IACVA,KAAMlC,KAAA,QAAAA;AAAA,IACb,GAGMmC,IAAsB,CAACC,MAAiB;AAC5C,YAAMC,IAAS,SAAS;AAMxB,MALAT,EAAU,UACRS,aAAkB,eAAeA,MAAW,SAAS,OACjDA,IACA,MAEF,CAAAhC,MACJ+B,EAAM,eAAA,GACFA,EAAM,kBAAkB,eAC1BA,EAAM,OAAO,MAAM,EAAE,eAAe,IAAM;AAAA,IAE9C,GAEME,IAAuB,CAACF,MAAiB;AAE7C,UAAIA,EAAM,kBAAkB,eAAeA,EAAM,OAAO;AACtD;AAEF,YAAMG,IAASX,EAAU;AACzB,MAAAA,EAAU,UAAU;AAEpB,YAAMS,IAAS,SAAS;AACxB,MAAIA,MAAW,QAAQA,MAAW,SAAS,QACvCE,MAAW,QAAQ,CAACA,EAAO,gBAC/BH,EAAM,eAAA,GACNG,EAAO,MAAM,EAAE,eAAe,GAAA,CAAM;AAAA,IACtC;AAEA,WACE,gBAAAC;AAAA,MAACC,EAAO;AAAA,MAAP;AAAA,QACC,IAAAjC;AAAA,QACA,MAAAf;AAAA,QACA,aAAAC;AAAA,QACA,cAAcuC;AAAA,QAEd,UAAA,gBAAAO;AAAA,UAACC,EAAO;AAAA,UAAP;AAAA,YAEE,GAAIT,IAAY,CAAA,IAAK,EAAE,oBAAoB,OAAA;AAAA,YAC3C,GAAGR;AAAA,YACJ,KAAAC;AAAA,YACA,MAAK;AAAA,YAEL,iBAAe;AAAA,YACf,WAAAhB;AAAA,YACA,gBAAcF,IAAU,WAAW;AAAA,YACnC,iBAAiB4B;AAAA,YACjB,kBAAkBG;AAAA,YAKlB,UAAA,gBAAAI,EAAC,OAAA,EAAI,kBAAe,kBAAiB,qBAAmBlC,GACtD,UAAA;AAAA,cAAA,gBAAAkC,EAACD,EAAO,QAAP,EACC,UAAA;AAAA,gBAAA,gBAAAD,EAACC,EAAO,OAAP,EAAc,UAAAX,EAAA,CAAU;AAAA,gBACxBE,IACC,gBAAAQ,EAACC,EAAO,aAAP,EAAmB,SAAO,IACzB,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWtD,EAAA,GACb,UAAA;AAAA,kBAAA2C,IAAa,gBAAAS,EAAC,OAAA,EAAK,UAAA3C,EAAA,CAAQ,IAAS;AAAA,kBACpCC,IACC,gBAAA0C,EAAC,KAAA,EAAE,WAAWlD,GAAA,GACX,UAAAS,KAAgB2B,EAAE,uBAAuB,EAAA,CAC5C,IACE;AAAA,gBAAA,EAAA,CACN,GACF,IACE;AAAA,cAAA,GACN;AAAA,cACC5B,IAAW,OACV,gBAAA0C,EAACC,EAAO,MAAP,EACC,UAAA,gBAAAD;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBACC,aAAAjC;AAAA,kBACA,QAAAC;AAAA,kBACA,OAAAC;AAAA,kBACA,cAAAC;AAAA,kBACA,eAAAC;AAAA,kBACA,UAAAb;AAAA,kBACA,aACEC,KAAA,QAAAA,EAAa,SAASA,IAAcwB,EAAE,gBAAgB;AAAA,kBAExD,YAAAvB;AAAA,kBACA,OAAAY;AAAA,kBACA,WAAAC;AAAA,kBACA,kBAAAC;AAAA,kBACA,UAAAC;AAAA,kBACA,QAAAC;AAAA,kBACA,iBAAAC;AAAA,kBACA,MAAAC;AAAA,kBACA,cAAAC;AAAA,kBACA,qBAAAC;AAAA,kBACA,UAAAnB;AAAA,kBACA,MAAAE;AAAA,kBACA,SAAAC;AAAA,gBAAA;AAAA,cAAA,GAEJ;AAAA,cAEF,gBAAAiC,EAACC,EAAO,QAAP,EACC,4BAACA,EAAO,OAAP,EAAa,SAAO,IACnB,UAAA,gBAAAD;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,QAAQ9C,IAAW,YAAY;AAAA,kBAC/B,WAAU;AAAA,kBACV,eAAaA,IAAW,UAAU;AAAA,kBAEjC,UAAW4B,EAAX5B,IAAa,iBAAoB,eAAN;AAAA,gBAAqB;AAAA,cAAA,GAErD,EAAA,CACF;AAAA,YAAA,EAAA,CACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAGN;AACF;AAEAP,GAAa,cAAc;"}

package/dist/_chunks/{task-editor-BL2hHxNz.js → task-editor-g1AGfxhr.js}

@@ -7,9 +7,9 @@ import { B as Te } from "./button-DohK_Ak_.js";
 import { I as We } from "./icon-button-S8_weU3g.js";
 import { C as Qe } from "./combobox-BBCVQS-S.js";
 import { D as de } from "./dialog-CVTxyR0v.js";
-import { D as Pt } from "./date-picker-BmVBVpVu.js";
+import { D as Ft } from "./date-picker-BmVBVpVu.js";
 import { F as H } from "./form-field-CyHfOVKF.js";
-import { I as Ft } from "./icon-button-group-SmkdVCNx.js";
+import { I as Pt } from "./icon-button-group-SmkdVCNx.js";
 import { P as Ot } from "./panel-header-CbtlTe85.js";
 import { P as jt } from "./panel-subview-DCyvn-49.js";
 import { R as je } from "./radio-BZQs6_36.js";
@@ -26,7 +26,7 @@ import { u as Lt } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
 import { c as Ut } from "./compose-refs-C0k0tdqF.js";
 import { E as Wt, a as Kt } from "./compact-editor-fields-cP6yh7xv.js";
 import { n as Ht } from "./normalize-diacritics-BNGbFNlJ.js";
-import { P as Gt } from "./privacy-mask-DJ1gee4c.js";
+import { a as Gt } from "./privacy-mask-C19dJFMk.js";
 import { g as $e, h as Qt } from "./handled-rejection-6gqCf5vt.js";
 import { L as Yt } from "./lock-ClAFG1gy.js";
 import { X as Xt } from "./x-B5YnXwCz.js";
@@ -143,7 +143,7 @@ function ln({
       clearTimeout(u), m.abort();
     };
   }, [U, G, J]);
-  const pe = (j == null ? void 0 : j.query) === U && j.source === G, P = U ? pe ? j.status : "loading" : "idle", N = pe && P === "ready" ? j.patients : [], ae = P === "loading" ? A("inputs.search.loading") : P === "error" ? A("emptyState.error.description") : P === "idle" ? D : N.length === 0 ? A("inputs.combobox.empty") : "", we = !!T && !o && !R, me = N.map((m) => ({
+  const pe = (j == null ? void 0 : j.query) === U && j.source === G, F = U ? pe ? j.status : "loading" : "idle", N = pe && F === "ready" ? j.patients : [], ae = F === "loading" ? A("inputs.search.loading") : F === "error" ? A("emptyState.error.description") : F === "idle" ? D : N.length === 0 ? A("inputs.combobox.empty") : "", we = !!T && !o && !R, me = N.map((m) => ({
     value: m.id,
     label: m.name
   }));
@@ -155,7 +155,7 @@ function ln({
     {
       className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
       "data-component": "patient-picker",
-      "data-status": P,
+      "data-status": F,
       children: [
         /* @__PURE__ */ n(
           Qe,
@@ -172,7 +172,7 @@ function ln({
               L.current = m, w(m);
             },
             onOpenChange: (m) => {
-              !m && P !== "error" && w("");
+              !m && F !== "error" && w("");
             },
             filter: (m) => !U || N.some((f) => Ht(f.id) === m) ? 1 : 0,
             size: O,
@@ -184,7 +184,7 @@ function ln({
         ),
         /* @__PURE__ */ n("p", { role: "status", className: "type-body-sm ds:text-muted-foreground", children: ae }),
         we && T ? /* @__PURE__ */ n(vt, { action: T, typedRef: L }) : null,
-        P === "error" ? /* @__PURE__ */ n(
+        F === "error" ? /* @__PURE__ */ n(
           Te,
           {
             size: "sm",
@@ -390,7 +390,7 @@ function hn({
   readOnly: L,
   withheld: U,
   maskPatient: pe,
-  fallbackError: P
+  fallbackError: F
 }) {
   var Ce;
   const N = o === "edit", [ae, we] = V(0), [me, m] = V(D);
@@ -399,14 +399,14 @@ function hn({
     () => ut(v)
   ), [Y, Ee] = V(lt), [I, r] = V(), E = (e) => Ee((i) => ({ ...i, ...e })), fe = (e) => ie((i) => ({ ...i, ...e })), [he, te] = V(f);
   he !== f && (te(f), ie(ut(v)), Ee(lt), r(void 0));
-  const F = S({
+  const P = S({
     subject: f,
     saving: !1,
     deleting: !1,
     donePending: !1,
     accepted: !1
   });
-  F.current.subject !== f && (F.current = {
+  P.current.subject !== f && (P.current = {
     subject: f,
     saving: !1,
     deleting: !1,
@@ -417,7 +417,7 @@ function hn({
   qe(() => (ge.current = !0, () => {
     ge.current = !1;
   }), []);
-  const B = (e) => ge.current && F.current === e, ce = S(J);
+  const B = (e) => ge.current && P.current === e, ce = S(J);
   ce.current = J;
   const c = !!J, [x, l] = V(0), [d, h] = V(null), ke = S(d);
   ke.current = d;
@@ -425,7 +425,7 @@ function hn({
   qe(() => {
     const e = ce.current;
     if (!ve || !s || !e) return;
-    const i = F.current, g = ke.current;
+    const i = P.current, g = ke.current;
     if ((g == null ? void 0 : g.subject) === i.subject && g.status === "ready")
       return;
     const p = new AbortController();
@@ -443,7 +443,7 @@ function hn({
         p.signal.aborted || !B(i) || h({
           subject: i.subject,
           status: "error",
-          message: $e(y, P)
+          message: $e(y, F)
         });
       }
     ), () => p.abort();
@@ -480,7 +480,7 @@ function hn({
       done: Y.confirmedDone
     } : void 0;
   }, C = (e) => Qt(new Error(`TaskEditor: ${e}`)), Be = () => {
-    const e = F.current;
+    const e = P.current;
     if ($ !== "ready") return C(`cannot save while ${$}.`);
     if (!ye) return C("the host gave no save seam.");
     if (e.accepted) return C("this task was already saved.");
@@ -504,7 +504,7 @@ function hn({
           e.accepted = !0, B(e) && (E({ accepted: !0 }), y && (M == null || M(y)));
         }
       } catch (y) {
-        throw B(e) && E({ saveError: $e(y, P) }), y;
+        throw B(e) && E({ saveError: $e(y, F) }), y;
       } finally {
         e.saving = !1, B(e) && E({ saving: !1 });
       }
@@ -512,7 +512,7 @@ function hn({
     return p.catch(() => {
     }), p;
   }, xe = (e) => {
-    const i = F.current;
+    const i = P.current;
     if ($ !== "ready")
       return C(`cannot change Done while ${$}.`);
     if (!N || !s || !j || L)
@@ -531,7 +531,7 @@ function hn({
       } catch (W) {
         throw B(i) && E({
           done: g,
-          doneError: $e(W, P)
+          doneError: $e(W, F)
         }), W;
       } finally {
         i.donePending = !1, B(i) && E({ donePending: !1 });
@@ -540,7 +540,7 @@ function hn({
     return y.catch(() => {
     }), y;
   }, Ae = () => {
-    const e = F.current;
+    const e = P.current;
     if ($ !== "ready") return C(`cannot delete while ${$}.`);
     if (!N || !s || !ee || L)
       return C("the host gave no delete seam.");
@@ -552,7 +552,7 @@ function hn({
       try {
         await ee(i), e.accepted = !0, B(e) && (E({ accepted: !0, confirmDeleteOpen: !1 }), re == null || re(i));
       } catch (p) {
-        throw B(e) && E({ deleteError: $e(p, P) }), p;
+        throw B(e) && E({ deleteError: $e(p, F) }), p;
       } finally {
         e.deleting = !1, B(e) && E({ deleting: !1 });
       }
@@ -599,7 +599,7 @@ function hn({
       p.date = W, p.time = Ye(W);
     }
     e.note !== void 0 && (p.note = e.note), e.typeId !== void 0 && (p.typeId = e.typeId), e.assigneeId !== void 0 && (p.assigneeId = e.assigneeId ?? _), e.about !== void 0 && (p.about = e.about), e.patientId !== void 0 && (p.patientId = e.patientId, p.about = "patient"), e.companyId !== void 0 && (p.companyId = e.companyId, p.about = "company"), e.operatorId !== void 0 && (p.operatorId = e.operatorId, p.about = "operator"), fe(p);
-  }, Pe = () => {
+  }, Fe = () => {
     const e = Se();
     return {
       mode: o,
@@ -633,14 +633,14 @@ function hn({
     ui: Y,
     patchUi: E,
     /** True once a save or delete landed in this session. */
-    isAccepted: () => F.current.accepted,
+    isAccepted: () => P.current.accepted,
     /** A save or delete is in flight: closing now would lose its outcome. */
-    isBusy: () => F.current.saving || F.current.deleting,
+    isBusy: () => P.current.saving || P.current.deleting,
     submit: Be,
     setDone: xe,
     remove: Ae,
     applyPatch: be,
-    draftState: Pe
+    draftState: Fe
   };
 }
 const pt = ht("ds:flex ds:min-h-0 ds:flex-col", {
@@ -702,7 +702,7 @@ const pt = ht("ds:flex ds:min-h-0 ds:flex-col", {
     loadTask: L,
     onCreateTask: U,
     onUpdateTask: pe,
-    onDeleteTask: P,
+    onDeleteTask: F,
     onSetTaskDone: N,
     onCancel: ae,
     onSaved: we,
@@ -714,11 +714,11 @@ const pt = ht("ds:flex ds:min-h-0 ds:flex-col", {
     className: Y,
     ...Ee
   }, I) => {
-    const { t: r } = gt("ui"), E = At(), fe = o ?? E, he = s === "edit", te = O === "subview", F = !te || R, ge = f && he && u === "notice", B = f && !ge, [ce] = V(() => /* @__PURE__ */ new Map()), c = hn({
+    const { t: r } = gt("ui"), E = At(), fe = o ?? E, he = s === "edit", te = O === "subview", P = !te || R, ge = f && he && u === "notice", B = f && !ge, [ce] = V(() => /* @__PURE__ */ new Map()), c = hn({
       mode: s,
       taskId: v,
       initialDate: D,
-      active: F,
+      active: P,
       taskTypes: T,
       assignees: A,
       companies: z,
@@ -729,7 +729,7 @@ const pt = ht("ds:flex ds:min-h-0 ds:flex-col", {
       loadTask: L,
       onCreateTask: U,
       onUpdateTask: pe,
-      onDeleteTask: P,
+      onDeleteTask: F,
       onSetTaskDone: N,
       onSaved: we,
       onDeleted: me,
@@ -768,7 +768,7 @@ const pt = ht("ds:flex ds:min-h-0 ds:flex-col", {
       }),
       []
     );
-    zt(un, F ? Ve : null, fe);
+    zt(un, P ? Ve : null, fe);
     const ue = S(null), ye = Oe(
       () => Ut(I, ue),
       [I]
@@ -781,11 +781,11 @@ const pt = ht("ds:flex ds:min-h-0 ds:flex-col", {
       var st;
       const t = ue.current, b = t == null ? void 0 : t.parentElement;
       if (!te || !R || !t || !b) return;
-      const K = C.current, oe = K && b.contains(K) && !t.contains(K) ? K : null, Tt = Ae.current, De = (oe == null ? void 0 : oe.closest("[data-task-id]")) ?? Ge(b, t).find((Fe) => Fe.dataset.taskId === Tt), rt = De == null ? void 0 : De.dataset.taskId, at = (st = oe == null ? void 0 : oe.closest("[data-action]")) == null ? void 0 : st.dataset.action, it = De ? Ge(b, t).indexOf(De) : -1;
+      const K = C.current, oe = K && b.contains(K) && !t.contains(K) ? K : null, Tt = Ae.current, De = (oe == null ? void 0 : oe.closest("[data-task-id]")) ?? Ge(b, t).find((Pe) => Pe.dataset.taskId === Tt), rt = De == null ? void 0 : De.dataset.taskId, at = (st = oe == null ? void 0 : oe.closest("[data-action]")) == null ? void 0 : st.dataset.action, it = De ? Ge(b, t).indexOf(De) : -1;
       return () => {
         if (xe.current && t.isConnected) return;
-        const Fe = document.activeElement;
-        if (!b.isConnected || Fe && Fe !== document.body) return;
+        const Pe = document.activeElement;
+        if (!b.isConnected || Pe && Pe !== document.body) return;
         const Ue = Ge(b, t), Bt = [
           ...ft(
             Ue.find((Ie) => rt !== void 0 && Ie.dataset.taskId === rt),
@@ -801,7 +801,7 @@ const pt = ht("ds:flex ds:min-h-0 ds:flex-col", {
             return;
       };
     }, [R, te]);
-    const se = S(null), be = S(!1), Pe = (t) => () => {
+    const se = S(null), be = S(!1), Fe = (t) => () => {
       be.current = !0, t();
     };
     Lt(() => {
@@ -889,7 +889,7 @@ const pt = ht("ds:flex ds:min-h-0 ds:flex-col", {
         }
       ) : null,
       /* @__PURE__ */ k(
-        Ft,
+        Pt,
         {
           role: "toolbar",
           "aria-label": r(a("actionsLabel")),
@@ -968,7 +968,7 @@ const pt = ht("ds:flex ds:min-h-0 ds:flex-col", {
           ref: se,
           intent: "outline",
           "data-action": "retry-load",
-          onClick: Pe(c.retry),
+          onClick: Fe(c.retry),
           children: r("emptyState.error.cta")
         }
       )
@@ -986,7 +986,7 @@ const pt = ht("ds:flex ds:min-h-0 ds:flex-col", {
     ) }) : l.patientId ? /* @__PURE__ */ n(H, { label: r(a("aboutPatient")), children: /* @__PURE__ */ n(Me, { value: y(l.patientId), disabled: !0, readOnly: !0 }) }) : null, et = /* @__PURE__ */ k("fieldset", { disabled: m, className: mt(), children: [
       m ? Xe : null,
       /* @__PURE__ */ n(H, { label: r(a("date")), children: /* @__PURE__ */ n(
-        Pt,
+        Ft,
         {
           value: l.date,
           onChange: (t) => c.patchFields({ date: t })
@@ -1144,12 +1144,12 @@ const pt = ht("ds:flex ds:min-h-0 ds:flex-col", {
     ] }), tt = x === "loading" ? St : x === "error" ? Ct : x === "locked" ? Dt : x === "withheld" ? /* @__PURE__ */ n(
       Gt,
       {
-        onTurnOff: ie ? Pe(ie) : void 0
+        onTurnOff: ie ? Fe(ie) : void 0
       }
     ) : te ? et : /* @__PURE__ */ n($t, { orientation: "vertical", className: "ds:min-h-0 ds:flex-1", children: et }), Le = x === "ready" ? Ze(!0) : x === "locked" || x === "withheld" ? Ze(!1) : null, Rt = x === "ready" && c.showDelete, nt = he ? /* @__PURE__ */ n(
       de,
       {
-        open: d.confirmDeleteOpen && F,
+        open: d.confirmDeleteOpen && P,
         onOpenChange: (t) => {
           d.deleting || c.patchUi(
             t ? { confirmDeleteOpen: !0 } : { confirmDeleteOpen: !1, deleteError: void 0 }
@@ -1253,4 +1253,4 @@ export {
   yn as T,
   un as t
 };
-//# sourceMappingURL=task-editor-BL2hHxNz.js.map
+//# sourceMappingURL=task-editor-g1AGfxhr.js.map