@alfadocs/ui-kit-debug 0.39.0 → 0.41.0

package/dist/_chunks/{sign-document-DId1p-nn.js → sign-document-CpLDZ6Db.js}

@@ -3,7 +3,7 @@ import { forwardRef as ie, useId as oe, useMemo as M, useRef as k, useState as b
 import { c as i } from "./index-D2ZczOXr.js";
 import { useTranslation as ce } from "react-i18next";
 import { P as le } from "./pdf-viewer-Cy6Ul3hZ.js";
-import { S as ge } from "./signature-capture-BRzCklg4.js";
+import { S as ge } from "./signature-capture-DoiBd6i3.js";
 import { u as me } from "./registry-nPAVE19X.js";
 import { C as O } from "./circle-check-9AeSgJD_.js";
 const ue = {
@@ -78,14 +78,15 @@ const ue = {
   ].join(" ")
 ), xe = i(
   [
-    "ds:inline-flex ds:items-center ds:justify-center ds:self-start",
+    "ds:inline-flex ds:inline-size-full ds:items-center ds:justify-center",
     "ds:min-block-size-[var(--min-target-size)]",
     "ds:min-inline-size-[var(--min-target-size)]",
     "ds:gap-[var(--spacing-xs)]",
     "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+    "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
     "ds:rounded-[var(--radius-sm)]",
     "ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]",
-    "ds:text-[length:var(--font-size-sm)] ds:font-medium",
+    "ds:text-[length:var(--font-size-base)] ds:font-medium",
     "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
     "ds:hover:bg-[var(--primary-hover)]",
     "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
@@ -133,9 +134,9 @@ const Se = ie(
     ariaLabel: N,
     className: G
   }, J) => {
-    const { t: s, i18n: V } = ce(), z = oe(), u = M(
-      () => `sign-doc-${z.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [z]
+    const { t: s, i18n: z } = ce(), V = oe(), u = M(
+      () => `sign-doc-${V.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [V]
     ), R = `${u}-doc-heading`, H = `${u}-sign-label`, Q = `${u}-live`, C = `${u}-gate-hint`, p = k(null), [E, w] = b(0), [U, $] = b(1), [W, j] = b(!1), [T, l] = b(!1), g = x != null, X = D || S || g, f = k(h), v = k(y);
     L(() => {
       f.current = h, v.current = y;
@@ -182,7 +183,7 @@ const Se = ie(
     );
     de(J, () => P, [P]), me(ue, P, n);
     const ne = N ?? (a ? s("signDocument.regionLabelNamed", { title: a }) : s("signDocument.regionLabel")), ae = a ?? s("signDocument.documentLabel"), te = g ? s("signDocument.signedOn", {
-      date: Z(x, V.language)
+      date: Z(x, z.language)
     }) : o ? s("signDocument.readyToSign") : "", re = o ? T ? "" : s("signDocument.signToEnable") : s("signDocument.scrollToEnd");
     return /* @__PURE__ */ d(
       "div",
@@ -239,7 +240,7 @@ const Se = ie(
                     /* @__PURE__ */ r("strong", { className: "ds:font-semibold", children: s("signDocument.signed") }),
                     " — ",
                     s("signDocument.signedOn", {
-                      date: Z(x, V.language)
+                      date: Z(x, z.language)
                     })
                   ] })
                 ]
@@ -312,4 +313,4 @@ export {
   Se as S,
   ue as s
 };
-//# sourceMappingURL=sign-document-DId1p-nn.js.map
+//# sourceMappingURL=sign-document-CpLDZ6Db.js.map

package/dist/_chunks/sign-document-CpLDZ6Db.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sign-document-CpLDZ6Db.js","sources":["../../src/components/sign-document/sign-document.agent.ts","../../src/components/sign-document/sign-document.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — SignDocument.                                          */\n/*                                                                        */\n/* State exposes only structural lifecycle info — never the signature      */\n/* bytes (the signed consent is sensitive; persistence is the consumer's   */\n/* concern). The single write action confirms the captured signature.      */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` for the contract.                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { SignDocumentHandle } from './sign-document';\n\nexport const signDocumentAgent: AgentAdapter<SignDocumentHandle> = {\n  id: 'sign-document',\n  capabilities: ['submit'],\n  state: {\n    isReadComplete: {\n      type: 'boolean',\n      descriptionKey: 'signDocument.agent.state.isReadComplete',\n      description:\n        'True when the reader has reached the last page (or read-gating is off).',\n      read: (handle) => handle.isReadComplete(),\n    },\n  },\n  actions: {\n    submit: {\n      safety: 'write',\n      descriptionKey: 'signDocument.agent.actions.confirm',\n      description:\n        'Confirm the current signature, emitting it via onSign. No-op if unsigned.',\n      invoke: (handle) => handle.confirm(),\n    },\n    reset: {\n      safety: 'destructive',\n      descriptionKey: 'signDocument.agent.actions.reset',\n      description: 'Clear the captured signature and return to unsigned.',\n      invoke: (handle) => {\n        handle.reset();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'sign-document',\n      description: 'Marks the SignDocument wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","/* ------------------------------------------------------------------ */\n/* SignDocument — review a PDF document, then sign it.                   */\n/*                                                                     */\n/* Fills the kit gap where consumers hand-composed PDFViewer +          */\n/* SignatureCapture for consents (e.g. sign.alfadocs.com, HTP-4889).    */\n/* This component owns the composition and the read-gate so the consent */\n/* flow is a single primitive:                                          */\n/*                                                                     */\n/* - PDFViewer (the document) renders above; the signing surface        */\n/*   renders below.                                                     */\n/* - When `requireReadToEnd` (default), the SignatureCapture pad and    */\n/*   the \"Confirm & sign\" button are gated until the reader reaches the */\n/*   LAST page. We track this via PDFViewer's onLoadComplete (numPages) */\n/*   + onPageChange (currentPage === numPages). NOTE: last-page-reached */\n/*   is an APPROXIMATE read signal — a fit-page zoom can show the last  */\n/*   page without scrolling. That is acceptable for this gate; a        */\n/*   legal-grade \"read every page\" guarantee is the consumer's call.    */\n/* - When `signedAt` is set the component renders an already-signed     */\n/*   read-only state (no pad) so re-sign-on-change consumers can show   */\n/*   signed status.                                                     */\n/* - Security: no fetch / XHR / storage / globals here. SignatureCapture */\n/*   owns the export payload (PNG/SVG + sha256); the consumer owns       */\n/*   persistence via onSign.                                            */\n/* - i18n: every authored string via `t('signDocument.*')` (bare keys   */\n/*   under the `ui` namespace). PDFViewer's `pdf.*` and                  */\n/*   SignatureCapture's `signature.*` strings already exist.            */\n/* ------------------------------------------------------------------ */\n\nimport {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { CheckCircle2 } from 'lucide-react';\nimport { PDFViewer } from '../pdf-viewer';\nimport {\n  SignatureCapture,\n  type SignatureCaptureHandle,\n  type SignatureConfirmPayload,\n} from '../signature-capture';\nimport { useAgentRegistration } from '../../agent';\nimport { signDocumentAgent } from './sign-document.agent';\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport interface SignDocumentProps {\n  /** Opaque instance id — emitted as `data-component-id` for the agent registry. */\n  id?: string;\n  /** Document PDF — URL string, ArrayBuffer, or Uint8Array. Passed to PDFViewer. */\n  src: string | ArrayBuffer | Uint8Array;\n  /** Accessible name for the document region (also used as a heading). */\n  documentTitle?: string;\n  /**\n   * Gate the signature + Confirm until the reader reaches the last page.\n   * Default `true`. Last-page-reached is an approximate read signal (a\n   * fit-page zoom can show the last page without scrolling) — adequate for\n   * this gate; legal-grade read tracking is the consumer's concern.\n   */\n  requireReadToEnd?: boolean;\n  /** Fired when the user captures a signature AND confirms. */\n  onSign?: (payload: SignatureConfirmPayload) => void;\n  /** Forwarded from PDFViewer on any load / render error. */\n  onError?: (error: Error) => void;\n  /**\n   * When set, render the already-signed read-only state: shows \"Signed\" +\n   * the signed date and hides the pad. Use for re-sign-on-change consumers\n   * that surface signed status. `null` / `undefined` → unsigned.\n   */\n  signedAt?: string | null;\n  /** Disable all controls (document still readable). */\n  disabled?: boolean;\n  /** Render read-only: the document is shown but the pad is suppressed. */\n  readOnly?: boolean;\n  /** Accessible label for the component's group region. */\n  ariaLabel?: string;\n  /** Extra class names merged onto the outermost wrapper. */\n  className?: string;\n}\n\n/** Curated imperative handle for agent / external automation. */\nexport interface SignDocumentHandle {\n  /** Clear the captured signature, returning to the unsigned state. */\n  reset: () => void;\n  /** Confirm the current signature; resolves the payload, or null if unsigned. */\n  confirm: () => Promise<SignatureConfirmPayload | null>;\n  /** True when the reader has reached the last page (or the gate is off). */\n  isReadComplete: () => boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst rootVariants = cva(\n  [\n    'ds:flex ds:flex-col ds:gap-[var(--spacing-md)]',\n    'ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--card-border)]',\n    'ds:shadow-[var(--shadow-card)] ds:[.theme-accessible_&]:border-2',\n    'ds:bg-[var(--background)] ds:text-[var(--foreground)]',\n    'ds:p-[var(--spacing-md)]',\n    'ds:aria-disabled:opacity-[var(--opacity-50)] ds:aria-disabled:cursor-not-allowed',\n  ].join(' '),\n);\n\nconst headingVariants = cva(\n  ['type-heading-sm ds:text-[var(--foreground)]'].join(' '),\n);\n\nconst signSectionVariants = cva(\n  ['ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]'].join(' '),\n);\n\nconst sectionLabelVariants = cva(\n  ['type-body-sm ds:font-medium ds:text-[var(--foreground)]'].join(' '),\n);\n\nconst progressVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n    'type-body-sm ds:text-[var(--muted-foreground)]',\n  ].join(' '),\n);\n\n// The \"scroll to the end to sign\" hint uses --info as a low-emphasis\n// informational tint — tokenised, logical-property insets, no accent over\n// arbitrary content.\nconst hintVariants = cva(\n  [\n    'ds:flex ds:items-center ds:gap-[var(--spacing-xs)]',\n    'type-body-sm',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n    'ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]',\n    'ds:bg-[color-mix(in_srgb,var(--info)_10%,transparent)]',\n    'ds:text-[var(--foreground)]',\n    'ds:border ds:border-[color:color-mix(in_srgb,var(--info)_40%,transparent)]',\n  ].join(' '),\n);\n\nconst confirmButtonVariants = cva(\n  [\n    'ds:inline-flex ds:inline-size-full ds:items-center ds:justify-center',\n    'ds:min-block-size-[var(--min-target-size)]',\n    'ds:min-inline-size-[var(--min-target-size)]',\n    'ds:gap-[var(--spacing-xs)]',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n    'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]',\n    'ds:text-[length:var(--font-size-base)] ds:font-medium',\n    'ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n    'ds:hover:bg-[var(--primary-hover)]',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)]',\n    'ds:focus-visible:outline-solid',\n    'ds:focus-visible:outline-[var(--ring)]',\n    'ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:focus-visible:outline-[CanvasText]',\n    'ds:disabled:opacity-[var(--opacity-50)] ds:disabled:cursor-not-allowed',\n    'ds:disabled:hover:bg-[var(--primary)]',\n  ].join(' '),\n);\n\n// The signed banner uses the semantic --success alias for the confirmed\n// state — never the raw ramp step (constraint §11).\nconst signedBannerVariants = cva(\n  [\n    'ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n    'ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]',\n    'ds:bg-[color-mix(in_srgb,var(--success)_12%,transparent)]',\n    'ds:text-[var(--foreground)]',\n    'ds:border ds:border-[color:color-mix(in_srgb,var(--success)_45%,transparent)]',\n  ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Helpers                                                              */\n/* ------------------------------------------------------------------ */\n\n/**\n * Format an ISO timestamp using the active i18n locale. Falls back to the\n * raw string if it can't be parsed so a malformed `signedAt` never throws.\n */\nfunction formatSignedAt(iso: string, locale: string): string {\n  const date = new Date(iso);\n  if (Number.isNaN(date.getTime())) return iso;\n  try {\n    return new Intl.DateTimeFormat(locale, {\n      dateStyle: 'long',\n      timeStyle: 'short',\n    }).format(date);\n  } catch {\n    return date.toISOString();\n  }\n}\n\n/* ------------------------------------------------------------------ */\n/* SignDocument                                                        */\n/* ------------------------------------------------------------------ */\n\nexport const SignDocument = forwardRef<SignDocumentHandle, SignDocumentProps>(\n  (\n    {\n      id,\n      src,\n      documentTitle,\n      requireReadToEnd = true,\n      onSign,\n      onError,\n      signedAt = null,\n      disabled = false,\n      readOnly = false,\n      ariaLabel,\n      className,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const rawId = useId();\n    const idSafe = useMemo(\n      () => `sign-doc-${rawId.replace(/[^a-zA-Z0-9-_]/g, '')}`,\n      [rawId],\n    );\n    const docHeadingId = `${idSafe}-doc-heading`;\n    const signLabelId = `${idSafe}-sign-label`;\n    const liveRegionId = `${idSafe}-live`;\n    // Stable, static describedby target for the sign section + Confirm —\n    // kept separate from the polite live region so describedby points at\n    // unchanging text, not the transition announcer (which only carries\n    // gate-met / signed announcements).\n    const gateHintId = `${idSafe}-gate-hint`;\n\n    const signatureRef = useRef<SignatureCaptureHandle>(null);\n\n    const [numPages, setNumPages] = useState(0);\n    const [currentPage, setCurrentPage] = useState(1);\n    // True once the reader has reached the last page at least once. Sticky:\n    // scrolling back up does not re-lock the signature.\n    const [reachedEnd, setReachedEnd] = useState(false);\n    // Mirrors the pad's ink state so the Confirm button re-renders when a\n    // signature lands. SignatureCapture's isEmpty() is a sync ref read (no\n    // re-render) and its onStart only fires on a DRAWN stroke — not on the\n    // typed fallback. We poll the handle so both paths gate Confirm\n    // identically; onStart/onClear below are immediate-feedback hints.\n    const [hasSignature, setHasSignature] = useState(false);\n\n    const isSigned = signedAt != null;\n    const inert = disabled || readOnly || isSigned;\n\n    // Latest callbacks via refs so the async confirm path never closes over\n    // a stale prop.\n    const onSignRef = useRef(onSign);\n    const onErrorRef = useRef(onError);\n    useEffect(() => {\n      onSignRef.current = onSign;\n      onErrorRef.current = onError;\n    }, [onSign, onError]);\n\n    /* ---- Per-document reset -------------------------------------- */\n    // When the consumer swaps `src` to a NEW document, the previous \"read\n    // complete\" state must NOT carry over — otherwise the new document\n    // could be signed without being read. Reset the per-document state;\n    // PDFViewer's onLoadComplete re-sets reachedEnd for single-page docs.\n    useEffect(() => {\n      setReachedEnd(false);\n      setNumPages(0);\n      setCurrentPage(1);\n      setHasSignature(false);\n    }, [src]);\n\n    /* ---- Read-gate tracking -------------------------------------- */\n    const handleLoadComplete = useCallback(\n      (info: { numPages: number; title?: string }) => {\n        setNumPages(info.numPages);\n        // A single-page document is \"read to the end\" the moment it loads.\n        if (info.numPages <= 1) setReachedEnd(true);\n      },\n      [],\n    );\n\n    const handlePageChange = useCallback((page: number) => {\n      setCurrentPage(page);\n      setNumPages((total) => {\n        if (total > 0 && page >= total) setReachedEnd(true);\n        return total;\n      });\n    }, []);\n\n    const handleError = useCallback((error: Error) => {\n      onErrorRef.current?.(error);\n    }, []);\n\n    /* ---- Signature-presence polling ------------------------------ */\n    // Poll the pad's isEmpty() while the signing surface is live so the\n    // Confirm button reflects both drawn AND typed signatures. Cheap\n    // (a single boolean ref read on an interval); torn down when signed,\n    // read-only, or unmounted.\n    const signLive = !isSigned && !readOnly;\n    useEffect(() => {\n      if (!signLive) return undefined;\n      const tick = (): void => {\n        const pad = signatureRef.current;\n        if (!pad) return;\n        setHasSignature(!pad.isEmpty());\n      };\n      tick();\n      const interval = window.setInterval(tick, 200);\n      return () => window.clearInterval(interval);\n    }, [signLive]);\n\n    // The gate is satisfied when reading isn't required, or the reader has\n    // reached the last page at least once.\n    const readComplete = !requireReadToEnd || reachedEnd;\n    const canSign = !inert && readComplete;\n    const confirmDisabled = !canSign || !hasSignature;\n\n    /* ---- Confirm path -------------------------------------------- */\n    // `onSign` fires from SignatureCapture's `onConfirm` (wired below) — the\n    // single source of truth, so it fires once whether the user clicks the\n    // pad's own Confirm or this component's \"Confirm & sign\". This handle\n    // just proxies the pad's confirm() and returns its payload.\n    const handleSigned = useCallback((payload: SignatureConfirmPayload) => {\n      onSignRef.current?.(payload);\n    }, []);\n\n    const confirm =\n      useCallback(async (): Promise<SignatureConfirmPayload | null> => {\n        const pad = signatureRef.current;\n        if (!pad) return null;\n        return pad.confirm();\n      }, []);\n\n    const reset = useCallback(() => {\n      signatureRef.current?.clear();\n      setHasSignature(false);\n    }, []);\n\n    /* ---- Imperative handle + agent registration ------------------ */\n    const agentHandle = useMemo<SignDocumentHandle>(\n      () => ({\n        reset,\n        confirm,\n        isReadComplete: () => readComplete,\n      }),\n      [reset, confirm, readComplete],\n    );\n    useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n    useAgentRegistration(signDocumentAgent, agentHandle, id);\n\n    /* ---- Derived strings ----------------------------------------- */\n    const regionLabel =\n      ariaLabel ??\n      (documentTitle\n        ? t('signDocument.regionLabelNamed', { title: documentTitle })\n        : t('signDocument.regionLabel'));\n    const documentRegionLabel =\n      documentTitle ?? t('signDocument.documentLabel');\n\n    // Live region — ONLY transition announcements (gate met / signed).\n    const liveText = isSigned\n      ? t('signDocument.signedOn', {\n          date: formatSignedAt(signedAt as string, i18n.language),\n        })\n      : readComplete\n        ? t('signDocument.readyToSign')\n        : '';\n\n    // Static describedby target — always names WHY Confirm is unavailable\n    // (or stays empty when it's actionable). Stable text, never live.\n    const gateHintText = !readComplete\n      ? t('signDocument.scrollToEnd')\n      : !hasSignature\n        ? t('signDocument.signToEnable')\n        : '';\n\n    return (\n      <div\n        role=\"group\"\n        // Prefer labelling by the visible heading so the visible + accessible\n        // names match; fall back to aria-label only when there's no heading.\n        aria-labelledby={!ariaLabel && documentTitle ? docHeadingId : undefined}\n        aria-label={ariaLabel || !documentTitle ? regionLabel : undefined}\n        aria-disabled={disabled || undefined}\n        className={[rootVariants(), className].filter(Boolean).join(' ')}\n        data-component=\"sign-document\"\n        data-component-id={id}\n        data-signed={isSigned || undefined}\n      >\n        {/* Polite live region — ONLY transition announcements (gate met /\n            signed). Static describedby text lives in the gate-hint span. */}\n        <span\n          role=\"status\"\n          aria-live=\"polite\"\n          aria-atomic=\"true\"\n          className=\"ds:sr-only\"\n          data-testid=\"sign-document-live\"\n          id={liveRegionId}\n        >\n          {liveText}\n        </span>\n\n        {/* Static, non-live describedby target for the sign group + Confirm:\n            names why Confirm is unavailable (or empty when actionable). */}\n        <span className=\"ds:sr-only\" id={gateHintId}>\n          {gateHintText}\n        </span>\n\n        {documentTitle ? (\n          <h2 id={docHeadingId} className={headingVariants()}>\n            {documentTitle}\n          </h2>\n        ) : null}\n\n        {/* The document. PDFViewer owns its own toolbar, a11y, and zoom. */}\n        <PDFViewer\n          src={src}\n          ariaLabel={documentRegionLabel}\n          onLoadComplete={handleLoadComplete}\n          onPageChange={handlePageChange}\n          onError={handleError}\n        />\n\n        {isSigned ? (\n          /* ---- Already-signed, read-only ---- */\n          <div\n            className={signedBannerVariants()}\n            data-testid=\"sign-document-signed\"\n          >\n            <CheckCircle2\n              aria-hidden=\"true\"\n              className=\"ds:size-5 ds:text-[var(--success)] ds:shrink-0\"\n            />\n            <span className=\"type-body-sm\">\n              <strong className=\"ds:font-semibold\">\n                {t('signDocument.signed')}\n              </strong>\n              {' — '}\n              {t('signDocument.signedOn', {\n                date: formatSignedAt(signedAt as string, i18n.language),\n              })}\n            </span>\n          </div>\n        ) : readOnly ? null : (\n          /* ---- Sign surface ---- */\n          <div\n            className={signSectionVariants()}\n            role=\"group\"\n            aria-labelledby={signLabelId}\n            aria-describedby={gateHintId}\n          >\n            <div className=\"ds:flex ds:flex-wrap ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]\">\n              <span id={signLabelId} className={sectionLabelVariants()}>\n                {t('signDocument.signatureSection')}\n              </span>\n              {numPages > 0 ? (\n                <span\n                  className={progressVariants()}\n                  data-testid=\"sign-document-progress\"\n                >\n                  {t('signDocument.pageProgress', {\n                    current: currentPage,\n                    total: numPages,\n                  })}\n                </span>\n              ) : null}\n            </div>\n\n            {requireReadToEnd && !readComplete ? (\n              <p className={hintVariants()} data-testid=\"sign-document-hint\">\n                {t('signDocument.scrollToEnd')}\n              </p>\n            ) : null}\n\n            {/* The pad is always mounted so a keyboard user can prepare a\n                typed signature; the Confirm button is the gate. When the\n                read-gate is unmet the pad is disabled so it can't accept\n                ink prematurely. */}\n            <SignatureCapture\n              ref={signatureRef}\n              ariaLabel={t('signDocument.signatureSection')}\n              disabled={disabled || !readComplete}\n              onStart={() => setHasSignature(true)}\n              onClear={() => setHasSignature(false)}\n              onConfirm={handleSigned}\n            />\n\n            {/* Native `disabled` (not aria-disabled) so a gated Confirm\n                leaves the tab order entirely — mirrors how Button gates a\n                primary action. describedby names WHY it's unavailable. */}\n            <button\n              type=\"button\"\n              onClick={() => {\n                if (confirmDisabled) return;\n                void confirm();\n              }}\n              disabled={confirmDisabled}\n              aria-describedby={gateHintId}\n              className={confirmButtonVariants()}\n              data-testid=\"sign-document-confirm\"\n            >\n              <CheckCircle2 aria-hidden=\"true\" className=\"ds:size-4\" />\n              {t('signDocument.confirm')}\n            </button>\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n\nSignDocument.displayName = 'SignDocument';\n\nexport { rootVariants as signDocumentRootVariants };\n"],"names":["signDocumentAgent","handle","rootVariants","cva","headingVariants","signSectionVariants","sectionLabelVariants","progressVariants","hintVariants","confirmButtonVariants","signedBannerVariants","formatSignedAt","iso","locale","date","SignDocument","forwardRef","id","src","documentTitle","requireReadToEnd","onSign","onError","signedAt","disabled","readOnly","ariaLabel","className","ref","t","i18n","useTranslation","rawId","useId","idSafe","useMemo","docHeadingId","signLabelId","liveRegionId","gateHintId","signatureRef","useRef","numPages","setNumPages","useState","currentPage","setCurrentPage","reachedEnd","setReachedEnd","hasSignature","setHasSignature","isSigned","inert","onSignRef","onErrorRef","useEffect","handleLoadComplete","useCallback","info","handlePageChange","page","total","handleError","error","_a","signLive","tick","pad","interval","readComplete","confirmDisabled","handleSigned","payload","confirm","reset","agentHandle","useImperativeHandle","useAgentRegistration","regionLabel","documentRegionLabel","liveText","gateHintText","jsxs","jsx","PDFViewer","CheckCircle2","SignatureCapture"],"mappings":"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"}

package/dist/_chunks/{signature-capture-BRzCklg4.js → signature-capture-DoiBd6i3.js}

@@ -1,5 +1,5 @@
-import { jsxs as X, jsx as h } from "react/jsx-runtime";
-import { forwardRef as ze, useId as Se, useMemo as ae, useRef as C, useState as N, useEffect as P, useCallback as T, useImperativeHandle as Re } from "react";
+import { jsxs as W, jsx as k } from "react/jsx-runtime";
+import { forwardRef as Ce, useId as Se, useMemo as se, useRef as z, useState as N, useEffect as P, useCallback as T, useImperativeHandle as Re } from "react";
 import Ae from "signature_pad";
 import { c as R } from "./index-D2ZczOXr.js";
 import { useTranslation as Me } from "react-i18next";
@@ -78,18 +78,21 @@ const Pe = {
     "ds:select-none"
   ].join(" ")
 ), Ee = R(
-  ["ds:flex ds:items-center ds:flex-wrap ds:gap-[var(--spacing-xs)]"].join(" ")
-), q = R(
+  ["ds:flex ds:items-stretch ds:flex-wrap ds:gap-[var(--spacing-sm)]"].join(
+    " "
+  )
+), ae = R(
   [
-    "ds:inline-flex ds:items-center ds:justify-center",
+    "ds:inline-flex ds:flex-1 ds:items-center ds:justify-center",
     "ds:min-block-size-[var(--min-target-size)]",
     "ds:min-inline-size-[var(--min-target-size)]",
     "ds:gap-[var(--spacing-xs)]",
-    "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
+    "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+    "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
     "ds:rounded-[var(--radius-sm)]",
     "ds:border ds:border-[color:var(--border)]",
     "ds:bg-transparent ds:text-[var(--foreground)]",
-    "ds:text-[length:var(--font-size-sm)] ds:font-medium",
+    "ds:text-[length:var(--font-size-base)] ds:font-medium",
     "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
     "ds:hover:bg-[var(--muted)]",
     "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
@@ -101,13 +104,14 @@ const Pe = {
   ].join(" ")
 ), Be = R(
   [
-    "ds:inline-flex ds:items-center ds:justify-center",
+    "ds:inline-flex ds:flex-1 ds:items-center ds:justify-center",
     "ds:min-block-size-[var(--min-target-size)]",
     "ds:min-inline-size-[var(--min-target-size)]",
     "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
+    "ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]",
     "ds:rounded-[var(--radius-sm)]",
     "ds:bg-[var(--primary)] ds:text-[var(--primary-foreground)]",
-    "ds:text-[length:var(--font-size-sm)] ds:font-medium",
+    "ds:text-[length:var(--font-size-base)] ds:font-medium",
     "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
     "ds:hover:bg-[var(--primary-hover)]",
     "ds:focus-visible:outline-[length:var(--focus-ring-width)]",
@@ -193,12 +197,12 @@ function He(t, n, s, i, a) {
   const v = Math.max(
     1,
     typeof window < "u" ? window.devicePixelRatio : 1
-  ), z = document.createElement("canvas");
-  z.width = Math.floor(n * v), z.height = Math.floor(s * v);
-  const l = z.getContext("2d");
-  return l && (l.setTransform(v, 0, 0, v, 0, 0), l.fillStyle = a, l.fillRect(0, 0, n, s), l.fillStyle = i, l.font = "32px italic sans-serif", l.textAlign = "center", l.textBaseline = "middle", l.fillText(t, n / 2, s / 2, n - 16)), z;
+  ), C = document.createElement("canvas");
+  C.width = Math.floor(n * v), C.height = Math.floor(s * v);
+  const d = C.getContext("2d");
+  return d && (d.setTransform(v, 0, 0, v, 0, 0), d.fillStyle = a, d.fillRect(0, 0, n, s), d.fillStyle = i, d.font = "32px italic sans-serif", d.textAlign = "center", d.textBaseline = "middle", d.fillText(t, n / 2, s / 2, n - 16)), C;
 }
-const Ue = ze(
+const Ue = Ce(
   ({
     id: t,
     onConfirm: n,
@@ -206,31 +210,31 @@ const Ue = ze(
     onStart: i,
     width: a = 400,
     height: v = 200,
-    penColor: z,
-    backgroundColor: l,
+    penColor: C,
+    backgroundColor: d,
     allowTypedFallback: ce = !0,
-    disabled: f = !1,
+    disabled: b = !1,
     ariaLabel: le,
     className: ue
   }, fe) => {
-    const { t: o } = Me(), G = Se(), Z = `${ae(
-      () => `sig-${G.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [G]
-    )}-live`, F = C(null), J = C(null), V = C(null), K = C(null), y = C(null), [d, ge] = N("draw"), [S, L] = N(""), [pe, I] = N(!1), me = C("empty"), [ve, be] = N(""), [b, he] = N(""), [w, ye] = N(""), j = C(i), E = C(s), B = C(n);
+    const { t: c } = Me(), X = Se(), q = `${se(
+      () => `sig-${X.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [X]
+    )}-live`, F = z(null), G = z(null), V = z(null), Z = z(null), h = z(null), [l, ge] = N("draw"), [S, L] = N(""), [pe, I] = N(!1), ve = z("empty"), [me, be] = N(""), [m, he] = N(""), [y, ye] = N(""), j = z(i), E = z(s), B = z(n);
     P(() => {
       j.current = i, E.current = s, B.current = n;
     }, [i, s, n]);
-    const g = T(
+    const f = T(
       (e) => {
-        me.current = e, be(o(`signature.state.${e}`));
+        ve.current = e, be(c(`signature.state.${e}`));
       },
-      [o]
+      [c]
     );
     P(() => {
       if (typeof document > "u") return;
       function e() {
-        const c = z ?? ie("--foreground"), p = l ?? ie("--background");
-        he(c || "currentColor"), ye(p || "transparent");
+        const o = C ?? ie("--foreground"), g = d ?? ie("--background");
+        he(o || "currentColor"), ye(g || "transparent");
       }
       e();
       const r = new MutationObserver(() => {
@@ -240,47 +244,47 @@ const Ue = ze(
         attributes: !0,
         attributeFilter: ["class"]
       }), () => r.disconnect();
-    }, [z, l]), P(() => {
-      const e = y.current;
-      e && (b && (e.penColor = b), w && (e.backgroundColor = w));
-    }, [b, w]), P(() => {
-      if (d !== "draw") return;
+    }, [C, d]), P(() => {
+      const e = h.current;
+      e && (m && (e.penColor = m), y && (e.backgroundColor = y));
+    }, [m, y]), P(() => {
+      if (l !== "draw") return;
       const e = V.current;
       if (!e) return;
       const r = new Ae(e, {
-        penColor: b || "currentColor",
-        backgroundColor: w || "transparent",
+        penColor: m || "currentColor",
+        backgroundColor: y || "transparent",
         minWidth: 0.5,
         maxWidth: 2.5,
         velocityFilterWeight: 0.7
       });
-      y.current = r;
-      const c = () => {
-        var x;
-        I(!0), g("drawing"), (x = j.current) == null || x.call(j);
-      }, p = () => {
+      h.current = r;
+      const o = () => {
+        var w;
+        I(!0), f("drawing"), (w = j.current) == null || w.call(j);
+      }, g = () => {
       };
-      return r.addEventListener("beginStroke", c), r.addEventListener("endStroke", p), $(e), g("empty"), () => {
-        r.removeEventListener("beginStroke", c), r.removeEventListener("endStroke", p), r.clear(), r.off(), y.current = null;
+      return r.addEventListener("beginStroke", o), r.addEventListener("endStroke", g), $(e), f("empty"), () => {
+        r.removeEventListener("beginStroke", o), r.removeEventListener("endStroke", g), r.clear(), r.off(), h.current = null;
       };
-    }, [d]), P(() => {
-      const e = y.current;
-      e && (f ? e.off() : e.on());
-    }, [f, d]);
-    const Q = 4096, $ = T(
+    }, [l]), P(() => {
+      const e = h.current;
+      e && (b ? e.off() : e.on());
+    }, [b, l]);
+    const J = 4096, $ = T(
       (e) => {
-        const r = e.getBoundingClientRect(), c = Math.max(
+        const r = e.getBoundingClientRect(), o = Math.max(
           1,
           typeof window < "u" ? window.devicePixelRatio : 1
-        ), p = Math.max(1, Math.floor(r.width * c)), x = Math.max(1, Math.floor(r.height * c)), A = Math.min(p, Q), k = Math.min(x, Q);
-        if (e.width === A && e.height === k)
+        ), g = Math.max(1, Math.floor(r.width * o)), w = Math.max(1, Math.floor(r.height * o)), A = Math.min(g, J), x = Math.min(w, J);
+        if (e.width === A && e.height === x)
           return;
-        const m = y.current, M = m ? m.toData() : null;
-        e.width = A, e.height = k;
+        const p = h.current, M = p ? p.toData() : null;
+        e.width = A, e.height = x;
         const D = e.getContext("2d");
-        D && D.scale(c, c), m && (w && (m.backgroundColor = w), b && (m.penColor = b), m.clear(), M && M.length > 0 && m.fromData(M));
+        D && D.scale(o, o), p && (y && (p.backgroundColor = y), m && (p.penColor = m), p.clear(), M && M.length > 0 && p.fromData(M));
       },
-      [w, b]
+      [y, m]
     );
     P(() => {
       const e = V.current;
@@ -296,69 +300,69 @@ const Ue = ze(
     }, [$]);
     const H = T(() => {
       var r;
-      const e = y.current;
-      e && e.clear(), L(""), I(!1), g("cleared"), (r = E.current) == null || r.call(E);
-    }, [g]), U = T(() => {
-      const e = y.current;
+      const e = h.current;
+      e && e.clear(), L(""), I(!1), f("cleared"), (r = E.current) == null || r.call(E);
+    }, [f]), K = T(() => {
+      const e = h.current;
       if (!e) return;
       const r = e.toData();
-      !r || r.length === 0 || (r.pop(), e.fromData(r), r.length === 0 && (I(!1), g("empty")));
-    }, [g]), Y = T(() => {
-      if (d === "typed") return S.trim().length === 0;
-      const e = y.current;
+      !r || r.length === 0 || (r.pop(), e.fromData(r), r.length === 0 && (I(!1), f("empty")));
+    }, [f]), Q = T(() => {
+      if (l === "typed") return S.trim().length === 0;
+      const e = h.current;
       return e ? e.isEmpty() : !0;
-    }, [d, S]), _ = T(async () => {
-      var ne;
+    }, [l, S]), U = T(async () => {
+      var re;
       const e = de(
         typeof a == "number" ? `${a}` : String(a)
       ), r = de(
         typeof v == "number" ? `${v}` : String(v)
-      ), c = d === "draw" ? V.current ?? J.current ?? F.current : K.current ?? F.current, p = c == null ? void 0 : c.getBoundingClientRect(), x = e ?? (p ? p.width : 400), A = r ?? (p ? p.height : 200);
-      let k = "", m = "", M;
-      if (d === "draw") {
-        const u = y.current;
+      ), o = l === "draw" ? V.current ?? G.current ?? F.current : Z.current ?? F.current, g = o == null ? void 0 : o.getBoundingClientRect(), w = e ?? (g ? g.width : 400), A = r ?? (g ? g.height : 200);
+      let x = "", p = "", M;
+      if (l === "draw") {
+        const u = h.current;
         if (!u || u.isEmpty()) return null;
-        k = u.toDataURL("image/png"), m = u.toSVG(), M = u.toData();
+        x = u.toDataURL("image/png"), p = u.toSVG(), M = u.toData();
       } else {
         const u = S.trim();
         if (u.length === 0) return null;
-        k = He(
+        x = He(
           u,
-          x,
+          w,
           A,
-          b || "currentColor",
-          w || "transparent"
+          m || "currentColor",
+          y || "transparent"
         ).toDataURL("image/png");
-        const W = u.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
-        m = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${x} ${A}" width="${x}" height="${A}"><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="sans-serif" font-style="italic" font-size="32" fill="${b || "currentColor"}" letter-spacing="3">${W}</text></svg>`;
+        const O = u.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+        p = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${w} ${A}" width="${w}" height="${A}"><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="sans-serif" font-style="italic" font-size="32" fill="${m || "currentColor"}" letter-spacing="3">${O}</text></svg>`;
       }
-      const D = x * 25.4 / 96, ke = A * 25.4 / 96, Ce = (/* @__PURE__ */ new Date()).toISOString();
-      let te = "";
-      if (k) {
-        const u = k.indexOf(","), se = u >= 0 ? k.slice(u + 1) : "", W = Le(se);
-        te = await Ie(W);
+      const D = w * 25.4 / 96, ke = A * 25.4 / 96, ze = (/* @__PURE__ */ new Date()).toISOString();
+      let ee = "";
+      if (x) {
+        const u = x.indexOf(","), ne = u >= 0 ? x.slice(u + 1) : "", O = Le(ne);
+        ee = await Ie(O);
       }
-      const re = {
-        png: k,
-        svg: m,
+      const te = {
+        png: x,
+        svg: p,
         widthMm: D,
         heightMm: ke,
-        capturedAt: Ce,
-        sha256: te,
+        capturedAt: ze,
+        sha256: ee,
         strokes: M
       };
-      return g("captured"), (ne = B.current) == null || ne.call(B, re), re;
-    }, [d, S, a, v, b, w, g]), O = ae(
+      return f("captured"), (re = B.current) == null || re.call(B, te), te;
+    }, [l, S, a, v, m, y, f]), _ = se(
       () => ({
         clear: H,
-        undo: U,
-        isEmpty: Y,
-        confirm: _
+        undo: K,
+        isEmpty: Q,
+        confirm: U
       }),
-      [H, U, Y, _]
+      [H, K, Q, U]
     );
-    Re(fe, () => O, [O]), Ne(Pe, O, t);
-    const we = d === "typed" ? S.trim().length > 0 : pe, ee = f || !we, xe = {
+    Re(fe, () => _, [_]), Ne(Pe, _, t);
+    const we = l === "typed" ? S.trim().length > 0 : pe, Y = b || !we, xe = {
       "--signature-width": oe(
         a,
         "var(--signature-default-width)"
@@ -368,121 +372,109 @@ const Ue = ze(
         "var(--signature-default-height)"
       )
     };
-    return /* @__PURE__ */ X(
+    return /* @__PURE__ */ W(
       "div",
       {
         ref: F,
         role: "group",
-        "aria-label": le ?? o("signature.padLabel"),
-        "aria-disabled": f || void 0,
+        "aria-label": le ?? c("signature.padLabel"),
+        "aria-disabled": b || void 0,
         className: [Te(), ue].filter(Boolean).join(" "),
         style: xe,
         "data-component": "signature-capture",
         "data-component-id": t,
         children: [
-          d === "draw" ? /* @__PURE__ */ h("div", { ref: J, className: Ve(), children: /* @__PURE__ */ h(
+          l === "draw" ? /* @__PURE__ */ k("div", { ref: G, className: Ve(), children: /* @__PURE__ */ k(
             "canvas",
             {
               ref: V,
               role: "img",
-              "aria-label": o("signature.padLabel"),
+              "aria-label": c("signature.padLabel"),
               className: je(),
               "data-testid": "signature-canvas"
             }
-          ) }) : /* @__PURE__ */ X("label", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-            /* @__PURE__ */ h("span", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: o("signature.typedFallback.label") }),
-            /* @__PURE__ */ h(
+          ) }) : /* @__PURE__ */ W("label", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ k("span", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: c("signature.typedFallback.label") }),
+            /* @__PURE__ */ k(
               "input",
               {
                 type: "text",
                 value: S,
                 onChange: (e) => {
-                  L(e.target.value), e.target.value.length > 0 ? g("drawing") : g("empty");
+                  L(e.target.value), e.target.value.length > 0 ? f("drawing") : f("empty");
                 },
-                placeholder: o("signature.typedFallback.placeholder"),
-                "aria-label": o("signature.typedFallback.label"),
-                disabled: f,
+                placeholder: c("signature.typedFallback.placeholder"),
+                "aria-label": c("signature.typedFallback.label"),
+                disabled: b,
                 className: $e(),
                 "data-testid": "signature-typed-input"
               }
             ),
-            S ? /* @__PURE__ */ h(
+            S ? /* @__PURE__ */ k(
               "div",
               {
-                ref: K,
+                ref: Z,
                 className: De(),
                 "aria-hidden": "true",
                 children: S
               }
             ) : null
           ] }),
-          /* @__PURE__ */ h(
+          /* @__PURE__ */ k(
             "div",
             {
-              id: Z,
+              id: q,
               "aria-live": "polite",
               "aria-atomic": "true",
               className: "ds:sr-only",
               "data-testid": "signature-live",
-              children: ve
+              children: me
             }
           ),
-          /* @__PURE__ */ X(
+          /* @__PURE__ */ W(
             "div",
             {
               className: Ee(),
               role: "group",
-              "aria-label": o("signature.padLabel"),
+              "aria-label": c("signature.padLabel"),
               children: [
-                /* @__PURE__ */ h(
+                /* @__PURE__ */ k(
                   "button",
                   {
                     type: "button",
                     onClick: () => {
-                      f || H();
+                      b || H();
                     },
-                    "aria-disabled": f || void 0,
-                    className: q(),
-                    children: o("signature.clear")
+                    "aria-disabled": b || void 0,
+                    className: ae(),
+                    children: c("signature.clear")
                   }
                 ),
-                d === "draw" ? /* @__PURE__ */ h(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: () => {
-                      f || U();
-                    },
-                    "aria-disabled": f || void 0,
-                    className: q(),
-                    children: o("signature.undo")
-                  }
-                ) : null,
-                ce ? /* @__PURE__ */ h(
+                ce ? /* @__PURE__ */ k(
                   "button",
                   {
                     type: "button",
                     onClick: () => {
-                      f || (L(""), ge((e) => e === "draw" ? "typed" : "draw"), g("cleared"));
+                      b || (L(""), ge((e) => e === "draw" ? "typed" : "draw"), f("cleared"));
                     },
-                    "aria-disabled": f || void 0,
-                    className: q(),
-                    "aria-pressed": d === "typed",
-                    children: o(d === "draw" ? "signature.typedFallback.toggle" : "signature.typedFallback.toggleDraw")
+                    "aria-disabled": b || void 0,
+                    className: ae(),
+                    "aria-pressed": l === "typed",
+                    children: c(l === "draw" ? "signature.typedFallback.toggle" : "signature.typedFallback.toggleDraw")
                   }
                 ) : null,
-                /* @__PURE__ */ h(
+                /* @__PURE__ */ k(
                   "button",
                   {
                     type: "button",
                     onClick: () => {
-                      ee || _();
+                      Y || U();
                     },
-                    "aria-disabled": ee || void 0,
-                    "aria-describedby": Z,
+                    "aria-disabled": Y || void 0,
+                    "aria-describedby": q,
                     className: Be(),
                     "data-testid": "signature-confirm",
-                    children: o("signature.confirm")
+                    children: c("signature.confirm")
                   }
                 )
               ]
@@ -498,4 +490,4 @@ export {
   Ue as S,
   Pe as s
 };
-//# sourceMappingURL=signature-capture-BRzCklg4.js.map
+//# sourceMappingURL=signature-capture-DoiBd6i3.js.map