@embedpdf/viewer-chrome 3.0.0-next.13 → 3.0.0-next.15

package/dist/sign-dialog-GDqCoQhA.js

@@ -0,0 +1,155 @@
+import { t as Dialog } from "./dialog-B5GBisKv.js";
+import { useId, useState } from "react";
+import { useStampAssetPreviewUrl } from "@embedpdf/react/stamp";
+import { useSignature } from "@embedpdf/react/signature";
+import { useT } from "@embedpdf/react/i18n";
+import { useSurface } from "@embedpdf/react/shell";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/ui/sign-dialog.tsx
+/**
+* The sign dialog (`signature-sign` modal surface): a mark met a field and
+* the mode is `ask` — or a "sign here" flow wants the facts first. Shows
+* the mark as it will sit in the field, takes reason and location, offers
+* a certification when the config allows it, and either seals the field
+* (`sign`) or only draws the mark into it (`fillField`). Escape cancels,
+* unless it's signing.
+*/
+function SignDialog() {
+	const t = useT();
+	const surface = useSurface("signature-sign");
+	const signature = useSignature();
+	const [reason, setReason] = useState("");
+	const [location, setLocation] = useState("");
+	const [signKind, setSignKind] = useState("approval");
+	const [busy, setBusy] = useState(null);
+	const [error, setError] = useState(null);
+	const titleId = useId();
+	const field = surface.props?.field;
+	const mark = surface.props?.mark;
+	const preview = useStampAssetPreviewUrl(mark && "assetId" in mark ? mark.assetId : null);
+	if (!surface.isOpen || !field || !mark) return null;
+	const signer = {
+		...reason.trim() ? { reason: reason.trim() } : {},
+		...location.trim() ? { location: location.trim() } : {}
+	};
+	const run = async (kind) => {
+		setBusy(kind);
+		setError(null);
+		try {
+			if (kind === "sign") await signature.sign({
+				field,
+				mark,
+				signer,
+				...signKind !== "approval" && signature.canCertify() ? { certify: { permission: Number(signKind.slice(-1)) } } : {}
+			});
+			else await signature.fillField(field, mark);
+			surface.close();
+		} catch (error) {
+			setError(error instanceof Error ? error.message : String(error));
+		} finally {
+			setBusy(null);
+		}
+	};
+	const input = "border-border bg-surface text-fg w-full rounded border px-2 py-1.5 text-sm";
+	return /* @__PURE__ */ jsxs(Dialog, {
+		labelledBy: titleId,
+		onClose: () => {
+			if (busy == null) surface.close();
+		},
+		className: "border-border bg-surface w-96 rounded-lg border p-4 shadow-xl",
+		children: [
+			/* @__PURE__ */ jsx("h2", {
+				id: titleId,
+				className: "text-fg text-base font-semibold",
+				children: t("demo.signTitle")
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "border-border-subtle mt-3 flex h-24 items-center justify-center rounded-md border p-2",
+				children: preview ? /* @__PURE__ */ jsx("img", {
+					src: preview,
+					alt: "",
+					className: "max-h-full max-w-full object-contain"
+				}) : /* @__PURE__ */ jsx("span", {
+					className: "text-fg-muted text-sm",
+					children: t("demo.signatureLabel")
+				})
+			}),
+			/* @__PURE__ */ jsxs("label", {
+				className: "text-fg-muted mt-3 block text-xs",
+				children: [t("demo.signReason"), /* @__PURE__ */ jsx("input", {
+					value: reason,
+					onChange: (event) => setReason(event.target.value),
+					className: input
+				})]
+			}),
+			/* @__PURE__ */ jsxs("label", {
+				className: "text-fg-muted mt-2 block text-xs",
+				children: [t("demo.signLocation"), /* @__PURE__ */ jsx("input", {
+					value: location,
+					onChange: (event) => setLocation(event.target.value),
+					className: input
+				})]
+			}),
+			signature.canCertify() ? /* @__PURE__ */ jsxs("label", {
+				className: "text-fg-muted mt-3 block text-xs",
+				children: [t("demo.signKind"), /* @__PURE__ */ jsxs("select", {
+					value: signKind,
+					onChange: (event) => setSignKind(event.target.value),
+					className: input,
+					children: [
+						/* @__PURE__ */ jsx("option", {
+							value: "approval",
+							children: t("demo.signKindApproval")
+						}),
+						/* @__PURE__ */ jsx("option", {
+							value: "certify-3",
+							children: t("demo.signKindCertifyAnnotate")
+						}),
+						/* @__PURE__ */ jsx("option", {
+							value: "certify-2",
+							children: t("demo.signKindCertifyFill")
+						}),
+						/* @__PURE__ */ jsx("option", {
+							value: "certify-1",
+							children: t("demo.signKindCertifyLocked")
+						})
+					]
+				})]
+			}) : null,
+			error ? /* @__PURE__ */ jsx("p", {
+				className: "mt-2 text-sm text-red-600",
+				children: error
+			}) : null,
+			/* @__PURE__ */ jsxs("div", {
+				className: "mt-4 flex justify-end gap-2",
+				children: [
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						disabled: busy != null,
+						onClick: surface.close,
+						className: "border-border text-fg hover:bg-hover rounded-md border px-3 py-1.5 text-sm",
+						children: t("demo.cancel")
+					}),
+					signature.canFill(field) ? /* @__PURE__ */ jsx("button", {
+						type: "button",
+						disabled: busy != null,
+						onClick: () => void run("fill"),
+						className: "border-border text-fg hover:bg-hover rounded-md border px-3 py-1.5 text-sm disabled:opacity-60",
+						children: t("demo.signFill")
+					}) : null,
+					signature.canSign(field) ? /* @__PURE__ */ jsx("button", {
+						type: "button",
+						disabled: busy != null,
+						onClick: () => void run("sign"),
+						className: "bg-accent text-on-accent rounded-md px-3 py-1.5 text-sm disabled:opacity-60",
+						children: busy === "sign" ? t("demo.signSigning") : t("demo.signButton")
+					}) : null
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { SignDialog };
+
+//# sourceMappingURL=sign-dialog-GDqCoQhA.js.map

package/dist/sign-dialog-GDqCoQhA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sign-dialog-GDqCoQhA.js","names":[],"sources":["../src/ui/sign-dialog.tsx"],"sourcesContent":["/**\n * The sign dialog (`signature-sign` modal surface): a mark met a field and\n * the mode is `ask` — or a \"sign here\" flow wants the facts first. Shows\n * the mark as it will sit in the field, takes reason and location, offers\n * a certification when the config allows it, and either seals the field\n * (`sign`) or only draws the mark into it (`fillField`). Escape cancels,\n * unless it's signing.\n */\nimport { useId, useState } from 'react';\nimport { useSurface } from '@embedpdf/react/shell';\nimport { useT } from '@embedpdf/react/i18n';\nimport { useStampAssetPreviewUrl } from '@embedpdf/react/stamp';\nimport { useSignature, type FormFieldRef, type Mark } from '@embedpdf/react/signature';\nimport { Dialog } from './dialog';\n\nexport function SignDialog() {\n  const t = useT();\n  const surface = useSurface('signature-sign');\n  const signature = useSignature();\n  const [reason, setReason] = useState('');\n  const [location, setLocation] = useState('');\n  // What the signature declares about later changes: a plain approval (form\n  // filling and further signatures keep it valid; Acrobat's reading), or a\n  // certification with its DocMDP permission. Only the first signature can certify.\n  const [signKind, setSignKind] = useState<'approval' | 'certify-3' | 'certify-2' | 'certify-1'>(\n    'approval',\n  );\n  const [busy, setBusy] = useState<'sign' | 'fill' | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const titleId = useId();\n\n  const field = surface.props?.field as FormFieldRef | undefined;\n  const mark = surface.props?.mark as Mark | undefined;\n  const assetId = mark && 'assetId' in mark ? mark.assetId : null;\n  const preview = useStampAssetPreviewUrl(assetId);\n  if (!surface.isOpen || !field || !mark) return null;\n\n  const signer = {\n    ...(reason.trim() ? { reason: reason.trim() } : {}),\n    ...(location.trim() ? { location: location.trim() } : {}),\n  };\n  const run = async (kind: 'sign' | 'fill') => {\n    setBusy(kind);\n    setError(null);\n    try {\n      if (kind === 'sign') {\n        await signature.sign({\n          field,\n          mark,\n          signer,\n          ...(signKind !== 'approval' && signature.canCertify()\n            ? { certify: { permission: Number(signKind.slice(-1)) as 1 | 2 | 3 } }\n            : {}),\n        });\n      } else {\n        await signature.fillField(field, mark);\n      }\n      surface.close();\n    } catch (error) {\n      setError(error instanceof Error ? error.message : String(error));\n    } finally {\n      setBusy(null);\n    }\n  };\n\n  const input = 'border-border bg-surface text-fg w-full rounded border px-2 py-1.5 text-sm';\n  return (\n    <Dialog\n      labelledBy={titleId}\n      onClose={() => {\n        if (busy == null) surface.close();\n      }}\n      className=\"border-border bg-surface w-96 rounded-lg border p-4 shadow-xl\"\n    >\n      <h2 id={titleId} className=\"text-fg text-base font-semibold\">\n        {t('demo.signTitle')}\n      </h2>\n      <div className=\"border-border-subtle mt-3 flex h-24 items-center justify-center rounded-md border p-2\">\n        {preview ? (\n          <img src={preview} alt=\"\" className=\"max-h-full max-w-full object-contain\" />\n        ) : (\n          <span className=\"text-fg-muted text-sm\">{t('demo.signatureLabel')}</span>\n        )}\n      </div>\n      <label className=\"text-fg-muted mt-3 block text-xs\">\n        {t('demo.signReason')}\n        <input\n          value={reason}\n          onChange={(event) => setReason(event.target.value)}\n          className={input}\n        />\n      </label>\n      <label className=\"text-fg-muted mt-2 block text-xs\">\n        {t('demo.signLocation')}\n        <input\n          value={location}\n          onChange={(event) => setLocation(event.target.value)}\n          className={input}\n        />\n      </label>\n      {signature.canCertify() ? (\n        <label className=\"text-fg-muted mt-3 block text-xs\">\n          {t('demo.signKind')}\n          <select\n            value={signKind}\n            onChange={(event) => setSignKind(event.target.value as typeof signKind)}\n            className={input}\n          >\n            <option value=\"approval\">{t('demo.signKindApproval')}</option>\n            <option value=\"certify-3\">{t('demo.signKindCertifyAnnotate')}</option>\n            <option value=\"certify-2\">{t('demo.signKindCertifyFill')}</option>\n            <option value=\"certify-1\">{t('demo.signKindCertifyLocked')}</option>\n          </select>\n        </label>\n      ) : null}\n      {error ? <p className=\"mt-2 text-sm text-red-600\">{error}</p> : null}\n      <div className=\"mt-4 flex justify-end gap-2\">\n        <button\n          type=\"button\"\n          disabled={busy != null}\n          onClick={surface.close}\n          className=\"border-border text-fg hover:bg-hover rounded-md border px-3 py-1.5 text-sm\"\n        >\n          {t('demo.cancel')}\n        </button>\n        {signature.canFill(field) ? (\n          <button\n            type=\"button\"\n            disabled={busy != null}\n            onClick={() => void run('fill')}\n            className=\"border-border text-fg hover:bg-hover rounded-md border px-3 py-1.5 text-sm disabled:opacity-60\"\n          >\n            {t('demo.signFill')}\n          </button>\n        ) : null}\n        {signature.canSign(field) ? (\n          <button\n            type=\"button\"\n            disabled={busy != null}\n            onClick={() => void run('sign')}\n            className=\"bg-accent text-on-accent rounded-md px-3 py-1.5 text-sm disabled:opacity-60\"\n          >\n            {busy === 'sign' ? t('demo.signSigning') : t('demo.signButton')}\n          </button>\n        ) : null}\n      </div>\n    </Dialog>\n  );\n}\n"],"mappings":"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"}

package/dist/signature-inspector-DyO313Qf.cjs

@@ -0,0 +1,166 @@
+const require_icons = require("./icons-x0Tc05bs.cjs");
+let react = require("react");
+let _embedpdf_react_runtime = require("@embedpdf/react/runtime");
+let _embedpdf_react_form = require("@embedpdf/react/form");
+let _embedpdf_react_signature = require("@embedpdf/react/signature");
+let _embedpdf_react_i18n = require("@embedpdf/react/i18n");
+let _embedpdf_react_shell = require("@embedpdf/react/shell");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _embedpdf_react_anchored = require("@embedpdf/react/anchored");
+//#region src/ui/signature-inspector.tsx
+/**
+* The validation popover (`signature-inspector` surface): what a signed
+* field's signature says and whether it holds — the four independent facts
+* (integrity, cryptography, trust, changes since) and the signer's claims,
+* anchored at the widget when its box is known, plus the signed revision as
+* a download (the exact bytes the signature covers). Mounted in the Stage
+* overlay so `<Anchored>` can project onto the page.
+*/
+const verdictKey = (verdict) => !verdict ? "demo.verdictIndeterminate" : verdict.summary === "valid" ? "demo.verdictValid" : verdict.summary === "valid-untrusted" ? "demo.verdictValidUntrusted" : verdict.summary === "invalid" ? verdict.modifications.basis === "working-copy" ? "demo.verdictWillInvalidate" : "demo.verdictInvalid" : "demo.verdictIndeterminate";
+/** A PDF date string (`D:YYYYMMDDHHmmSSZ` or with a zone offset) as a locale date; the raw text when it is not one. */
+/** A moment in the reader's locale; the text itself if it isn't one. */
+const dateTime = (iso) => {
+	const date = new Date(iso);
+	return Number.isNaN(date.getTime()) ? iso : date.toLocaleString();
+};
+const tone = (summary) => summary === "valid" ? "text-green-600" : summary === "invalid" ? "text-red-600" : summary === "valid-untrusted" ? "text-amber-600" : "text-fg-muted";
+function SignatureInspector() {
+	const t = (0, _embedpdf_react_i18n.useT)();
+	const surface = (0, _embedpdf_react_shell.useSurface)("signature-inspector");
+	const signature = (0, _embedpdf_react_signature.useSignature)();
+	const status = (0, _embedpdf_react_signature.useSignatureState)((state) => state.status);
+	(0, _embedpdf_react_signature.useSignatureState)((state) => state.signatures);
+	const [validating, setValidating] = (0, react.useState)(false);
+	const field = surface.props?.field;
+	const dto = field ? signature.getSignature(field) : null;
+	const verdict = field ? signature.getVerdict(field) : null;
+	const widget = dto?.widget ?? null;
+	const form = (0, _embedpdf_react_runtime.useOptionalCapability)(_embedpdf_react_form.FormToken);
+	const box = (widget && form?.getWidget(widget)?.rect) ?? null;
+	(0, react.useEffect)(() => {
+		if (!surface.isOpen || !dto?.signed || signature.listVerdicts()) return;
+		setValidating(true);
+		signature.validate().finally(() => setValidating(false));
+	}, [surface.isOpen, dto?.index]);
+	if (!surface.isOpen || !field || !dto || status !== "ready") return null;
+	const revalidate = () => {
+		setValidating(true);
+		signature.validate().finally(() => setValidating(false));
+	};
+	const summary = verdict?.summary ?? null;
+	const modifications = verdict?.modifications.verdict ?? null;
+	const row = (label, value, className = "text-fg") => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex items-baseline justify-between gap-3 text-xs",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "text-fg-muted",
+			children: label
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: `text-end ${className}`,
+			children: value
+		})]
+	});
+	const card = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "border-border bg-elevated w-72 rounded-lg border p-3 text-sm shadow-xl",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-fg font-semibold",
+					children: t("demo.inspectTitle")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					onClick: surface.close,
+					className: "text-fg-muted hover:bg-hover grid h-6 w-6 place-items-center rounded",
+					"aria-label": t("demo.cancel"),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.Icon, {
+						name: "x",
+						size: 14
+					})
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: `mt-1 text-sm font-medium ${tone(summary)}`,
+				children: validating ? t("demo.signaturesValidating") : t(verdictKey(verdict))
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "mt-2 flex flex-col gap-1",
+				children: [
+					row(t("demo.inspectSigner"), dto.signer.name ?? "—"),
+					dto.signer.reason ? row(t("demo.inspectReason"), dto.signer.reason) : null,
+					dto.signer.location ? row(t("demo.inspectLocation"), dto.signer.location) : null,
+					dto.signer.signedAt ? row(t("demo.inspectTime"), dateTime(dto.signer.signedAt)) : null
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "border-border-subtle mt-2 flex flex-col gap-1 border-t pt-2",
+				children: [
+					row(t("demo.inspectIntegrity"), verdict?.integrity ?? "—", tone(verdict?.integrity === "valid" ? "valid" : verdict?.integrity === "invalid" ? "invalid" : null)),
+					row(t("demo.inspectCryptography"), verdict?.cryptography ?? "—"),
+					row(t("demo.inspectTrust"), verdict?.trust ?? "—"),
+					row(t("demo.inspectChanges"), modifications === "unchanged" ? verdict?.modifications.undone ? t("demo.verdictRestored") : t("demo.verdictUnchanged") : modifications === "permitted" ? t("demo.verdictPermitted") : modifications === "forbidden" ? t("demo.verdictForbidden") : "—", modifications === "forbidden" ? "text-red-600" : "text-fg"),
+					verdict?.modifications.laterRevisions ? row(t("demo.inspectLaterRevisions"), String(verdict.modifications.laterRevisions)) : null
+				]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "mt-3 flex justify-end gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					disabled: validating,
+					onClick: revalidate,
+					className: "border-border text-fg hover:bg-hover rounded-md border px-2 py-1 text-xs disabled:opacity-60",
+					children: t("demo.signaturesValidate")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DownloadRevision, { field })]
+			})
+		]
+	});
+	if (widget?.page && box) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_embedpdf_react_anchored.Anchored, {
+		anchor: {
+			page: widget.page,
+			bounds: box
+		},
+		placement: "bottom",
+		gap: 8,
+		children: card
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "absolute end-4 top-4 z-40",
+		children: card
+	});
+}
+/** The signed revision — the exact bytes the signature covers — as a file. */
+function DownloadRevision({ field }) {
+	const t = (0, _embedpdf_react_i18n.useT)();
+	const signature = (0, _embedpdf_react_signature.useSignature)();
+	const dto = signature.getSignature(field);
+	const [busy, setBusy] = (0, react.useState)(false);
+	if (!dto || dto.revisionIndex === null) return null;
+	const revisionIndex = dto.revisionIndex;
+	const run = async () => {
+		setBusy(true);
+		try {
+			const bytes = await signature.readRevision({ revisionIndex });
+			const blob = new Blob([bytes], { type: "application/pdf" });
+			const url = URL.createObjectURL(blob);
+			const anchor = document.createElement("a");
+			anchor.href = url;
+			anchor.download = `${dto.fieldName}-signed.pdf`;
+			anchor.click();
+			URL.revokeObjectURL(url);
+		} catch (error) {
+			console.error("[embedpdf] signed revision download failed:", error);
+		} finally {
+			setBusy(false);
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		type: "button",
+		disabled: busy,
+		onClick: () => void run(),
+		className: "border-border text-fg hover:bg-hover rounded-md border px-2 py-1 text-xs disabled:opacity-60",
+		children: t("demo.inspectDownload")
+	});
+}
+//#endregion
+exports.SignatureInspector = SignatureInspector;
+
+//# sourceMappingURL=signature-inspector-DyO313Qf.cjs.map

package/dist/signature-inspector-DyO313Qf.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"signature-inspector-DyO313Qf.cjs","names":["FormToken","Icon","Anchored"],"sources":["../src/ui/signature-inspector.tsx"],"sourcesContent":["/**\n * The validation popover (`signature-inspector` surface): what a signed\n * field's signature says and whether it holds — the four independent facts\n * (integrity, cryptography, trust, changes since) and the signer's claims,\n * anchored at the widget when its box is known, plus the signed revision as\n * a download (the exact bytes the signature covers). Mounted in the Stage\n * overlay so `<Anchored>` can project onto the page.\n */\nimport { useEffect, useState } from 'react';\nimport { Anchored } from '@embedpdf/react/anchored';\nimport { FormToken } from '@embedpdf/react/form';\nimport { useOptionalCapability } from '@embedpdf/react/runtime';\nimport { useSurface } from '@embedpdf/react/shell';\nimport { useT } from '@embedpdf/react/i18n';\nimport {\n  useSignature,\n  useSignatureState,\n  type FormFieldRef,\n  type SignatureVerdict,\n} from '@embedpdf/react/signature';\nimport { Icon } from './icons';\n\nconst verdictKey = (verdict: SignatureVerdict | null): string =>\n  !verdict\n    ? 'demo.verdictIndeterminate'\n    : verdict.summary === 'valid'\n      ? 'demo.verdictValid'\n      : verdict.summary === 'valid-untrusted'\n        ? 'demo.verdictValidUntrusted'\n        : verdict.summary === 'invalid'\n          ? verdict.modifications.basis === 'working-copy'\n            ? 'demo.verdictWillInvalidate'\n            : 'demo.verdictInvalid'\n          : 'demo.verdictIndeterminate';\n\n/** A PDF date string (`D:YYYYMMDDHHmmSSZ` or with a zone offset) as a locale date; the raw text when it is not one. */\n/** A moment in the reader's locale; the text itself if it isn't one. */\nconst dateTime = (iso: string): string => {\n  const date = new Date(iso);\n  return Number.isNaN(date.getTime()) ? iso : date.toLocaleString();\n};\n\nconst tone = (summary: SignatureVerdict['summary'] | null): string =>\n  summary === 'valid'\n    ? 'text-green-600'\n    : summary === 'invalid'\n      ? 'text-red-600'\n      : summary === 'valid-untrusted'\n        ? 'text-amber-600'\n        : 'text-fg-muted';\n\nexport function SignatureInspector() {\n  const t = useT();\n  const surface = useSurface('signature-inspector');\n  const signature = useSignature();\n  // Re-render when the signatures are read, and when one or its verdict changes.\n  const status = useSignatureState((state) => state.status);\n  useSignatureState((state) => state.signatures);\n  const [validating, setValidating] = useState(false);\n  const field = surface.props?.field as FormFieldRef | undefined;\n  const dto = field ? signature.getSignature(field) : null;\n  const verdict = field ? signature.getVerdict(field) : null;\n  const widget = dto?.widget ?? null;\n  // Where the signature shows is its widget's row in the form.\n  const form = useOptionalCapability(FormToken);\n  const box = (widget && form?.getWidget(widget)?.rect) ?? null;\n\n  // Open on a field never validated: judge it now.\n  useEffect(() => {\n    if (!surface.isOpen || !dto?.signed || signature.listVerdicts()) return;\n    setValidating(true);\n    void signature.validate().finally(() => setValidating(false));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [surface.isOpen, dto?.index]);\n\n  if (!surface.isOpen || !field || !dto || status !== 'ready') return null;\n\n  const revalidate = () => {\n    setValidating(true);\n    void signature.validate().finally(() => setValidating(false));\n  };\n  const summary = verdict?.summary ?? null;\n  const modifications = verdict?.modifications.verdict ?? null;\n  const row = (label: string, value: string, className = 'text-fg') => (\n    <div className=\"flex items-baseline justify-between gap-3 text-xs\">\n      <span className=\"text-fg-muted\">{label}</span>\n      <span className={`text-end ${className}`}>{value}</span>\n    </div>\n  );\n\n  const card = (\n    <div className=\"border-border bg-elevated w-72 rounded-lg border p-3 text-sm shadow-xl\">\n      <div className=\"flex items-center justify-between\">\n        <span className=\"text-fg font-semibold\">{t('demo.inspectTitle')}</span>\n        <button\n          type=\"button\"\n          onClick={surface.close}\n          className=\"text-fg-muted hover:bg-hover grid h-6 w-6 place-items-center rounded\"\n          aria-label={t('demo.cancel')}\n        >\n          <Icon name=\"x\" size={14} />\n        </button>\n      </div>\n      <p className={`mt-1 text-sm font-medium ${tone(summary)}`}>\n        {validating ? t('demo.signaturesValidating') : t(verdictKey(verdict))}\n      </p>\n      <div className=\"mt-2 flex flex-col gap-1\">\n        {row(t('demo.inspectSigner'), dto.signer.name ?? '—')}\n        {dto.signer.reason ? row(t('demo.inspectReason'), dto.signer.reason) : null}\n        {dto.signer.location ? row(t('demo.inspectLocation'), dto.signer.location) : null}\n        {dto.signer.signedAt ? row(t('demo.inspectTime'), dateTime(dto.signer.signedAt)) : null}\n      </div>\n      <div className=\"border-border-subtle mt-2 flex flex-col gap-1 border-t pt-2\">\n        {row(\n          t('demo.inspectIntegrity'),\n          verdict?.integrity ?? '—',\n          tone(\n            verdict?.integrity === 'valid'\n              ? 'valid'\n              : verdict?.integrity === 'invalid'\n                ? 'invalid'\n                : null,\n          ),\n        )}\n        {row(t('demo.inspectCryptography'), verdict?.cryptography ?? '—')}\n        {row(t('demo.inspectTrust'), verdict?.trust ?? '—')}\n        {row(\n          t('demo.inspectChanges'),\n          modifications === 'unchanged'\n            ? verdict?.modifications.undone\n              ? t('demo.verdictRestored')\n              : t('demo.verdictUnchanged')\n            : modifications === 'permitted'\n              ? t('demo.verdictPermitted')\n              : modifications === 'forbidden'\n                ? t('demo.verdictForbidden')\n                : '—',\n          modifications === 'forbidden' ? 'text-red-600' : 'text-fg',\n        )}\n        {verdict?.modifications.laterRevisions\n          ? row(t('demo.inspectLaterRevisions'), String(verdict.modifications.laterRevisions))\n          : null}\n      </div>\n      <div className=\"mt-3 flex justify-end gap-2\">\n        <button\n          type=\"button\"\n          disabled={validating}\n          onClick={revalidate}\n          className=\"border-border text-fg hover:bg-hover rounded-md border px-2 py-1 text-xs disabled:opacity-60\"\n        >\n          {t('demo.signaturesValidate')}\n        </button>\n        <DownloadRevision field={field} />\n      </div>\n    </div>\n  );\n\n  if (widget?.page && box) {\n    return (\n      <Anchored anchor={{ page: widget.page, bounds: box }} placement=\"bottom\" gap={8}>\n        {card}\n      </Anchored>\n    );\n  }\n  return <div className=\"absolute end-4 top-4 z-40\">{card}</div>;\n}\n\n/** The signed revision — the exact bytes the signature covers — as a file. */\nfunction DownloadRevision({ field }: { field: FormFieldRef }) {\n  const t = useT();\n  const signature = useSignature();\n  const dto = signature.getSignature(field);\n  const [busy, setBusy] = useState(false);\n  if (!dto || dto.revisionIndex === null) return null;\n  const revisionIndex = dto.revisionIndex;\n  const run = async () => {\n    setBusy(true);\n    try {\n      const bytes = await signature.readRevision({ revisionIndex });\n      const blob = new Blob([bytes as BlobPart], { type: 'application/pdf' });\n      const url = URL.createObjectURL(blob);\n      const anchor = document.createElement('a');\n      anchor.href = url;\n      anchor.download = `${dto.fieldName}-signed.pdf`;\n      anchor.click();\n      URL.revokeObjectURL(url);\n    } catch (error) {\n      console.error('[embedpdf] signed revision download failed:', error);\n    } finally {\n      setBusy(false);\n    }\n  };\n  return (\n    <button\n      type=\"button\"\n      disabled={busy}\n      onClick={() => void run()}\n      className=\"border-border text-fg hover:bg-hover rounded-md border px-2 py-1 text-xs disabled:opacity-60\"\n    >\n      {t('demo.inspectDownload')}\n    </button>\n  );\n}\n"],"mappings":"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"}

package/dist/signature-inspector-okFz8do6.js

@@ -0,0 +1,166 @@
+import { n as Icon } from "./icons-BrK5iVL8.js";
+import { useEffect, useState } from "react";
+import { useOptionalCapability } from "@embedpdf/react/runtime";
+import { FormToken } from "@embedpdf/react/form";
+import { useSignature, useSignatureState } from "@embedpdf/react/signature";
+import { useT } from "@embedpdf/react/i18n";
+import { useSurface } from "@embedpdf/react/shell";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Anchored } from "@embedpdf/react/anchored";
+//#region src/ui/signature-inspector.tsx
+/**
+* The validation popover (`signature-inspector` surface): what a signed
+* field's signature says and whether it holds — the four independent facts
+* (integrity, cryptography, trust, changes since) and the signer's claims,
+* anchored at the widget when its box is known, plus the signed revision as
+* a download (the exact bytes the signature covers). Mounted in the Stage
+* overlay so `<Anchored>` can project onto the page.
+*/
+const verdictKey = (verdict) => !verdict ? "demo.verdictIndeterminate" : verdict.summary === "valid" ? "demo.verdictValid" : verdict.summary === "valid-untrusted" ? "demo.verdictValidUntrusted" : verdict.summary === "invalid" ? verdict.modifications.basis === "working-copy" ? "demo.verdictWillInvalidate" : "demo.verdictInvalid" : "demo.verdictIndeterminate";
+/** A PDF date string (`D:YYYYMMDDHHmmSSZ` or with a zone offset) as a locale date; the raw text when it is not one. */
+/** A moment in the reader's locale; the text itself if it isn't one. */
+const dateTime = (iso) => {
+	const date = new Date(iso);
+	return Number.isNaN(date.getTime()) ? iso : date.toLocaleString();
+};
+const tone = (summary) => summary === "valid" ? "text-green-600" : summary === "invalid" ? "text-red-600" : summary === "valid-untrusted" ? "text-amber-600" : "text-fg-muted";
+function SignatureInspector() {
+	const t = useT();
+	const surface = useSurface("signature-inspector");
+	const signature = useSignature();
+	const status = useSignatureState((state) => state.status);
+	useSignatureState((state) => state.signatures);
+	const [validating, setValidating] = useState(false);
+	const field = surface.props?.field;
+	const dto = field ? signature.getSignature(field) : null;
+	const verdict = field ? signature.getVerdict(field) : null;
+	const widget = dto?.widget ?? null;
+	const form = useOptionalCapability(FormToken);
+	const box = (widget && form?.getWidget(widget)?.rect) ?? null;
+	useEffect(() => {
+		if (!surface.isOpen || !dto?.signed || signature.listVerdicts()) return;
+		setValidating(true);
+		signature.validate().finally(() => setValidating(false));
+	}, [surface.isOpen, dto?.index]);
+	if (!surface.isOpen || !field || !dto || status !== "ready") return null;
+	const revalidate = () => {
+		setValidating(true);
+		signature.validate().finally(() => setValidating(false));
+	};
+	const summary = verdict?.summary ?? null;
+	const modifications = verdict?.modifications.verdict ?? null;
+	const row = (label, value, className = "text-fg") => /* @__PURE__ */ jsxs("div", {
+		className: "flex items-baseline justify-between gap-3 text-xs",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "text-fg-muted",
+			children: label
+		}), /* @__PURE__ */ jsx("span", {
+			className: `text-end ${className}`,
+			children: value
+		})]
+	});
+	const card = /* @__PURE__ */ jsxs("div", {
+		className: "border-border bg-elevated w-72 rounded-lg border p-3 text-sm shadow-xl",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "text-fg font-semibold",
+					children: t("demo.inspectTitle")
+				}), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: surface.close,
+					className: "text-fg-muted hover:bg-hover grid h-6 w-6 place-items-center rounded",
+					"aria-label": t("demo.cancel"),
+					children: /* @__PURE__ */ jsx(Icon, {
+						name: "x",
+						size: 14
+					})
+				})]
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: `mt-1 text-sm font-medium ${tone(summary)}`,
+				children: validating ? t("demo.signaturesValidating") : t(verdictKey(verdict))
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "mt-2 flex flex-col gap-1",
+				children: [
+					row(t("demo.inspectSigner"), dto.signer.name ?? "—"),
+					dto.signer.reason ? row(t("demo.inspectReason"), dto.signer.reason) : null,
+					dto.signer.location ? row(t("demo.inspectLocation"), dto.signer.location) : null,
+					dto.signer.signedAt ? row(t("demo.inspectTime"), dateTime(dto.signer.signedAt)) : null
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "border-border-subtle mt-2 flex flex-col gap-1 border-t pt-2",
+				children: [
+					row(t("demo.inspectIntegrity"), verdict?.integrity ?? "—", tone(verdict?.integrity === "valid" ? "valid" : verdict?.integrity === "invalid" ? "invalid" : null)),
+					row(t("demo.inspectCryptography"), verdict?.cryptography ?? "—"),
+					row(t("demo.inspectTrust"), verdict?.trust ?? "—"),
+					row(t("demo.inspectChanges"), modifications === "unchanged" ? verdict?.modifications.undone ? t("demo.verdictRestored") : t("demo.verdictUnchanged") : modifications === "permitted" ? t("demo.verdictPermitted") : modifications === "forbidden" ? t("demo.verdictForbidden") : "—", modifications === "forbidden" ? "text-red-600" : "text-fg"),
+					verdict?.modifications.laterRevisions ? row(t("demo.inspectLaterRevisions"), String(verdict.modifications.laterRevisions)) : null
+				]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "mt-3 flex justify-end gap-2",
+				children: [/* @__PURE__ */ jsx("button", {
+					type: "button",
+					disabled: validating,
+					onClick: revalidate,
+					className: "border-border text-fg hover:bg-hover rounded-md border px-2 py-1 text-xs disabled:opacity-60",
+					children: t("demo.signaturesValidate")
+				}), /* @__PURE__ */ jsx(DownloadRevision, { field })]
+			})
+		]
+	});
+	if (widget?.page && box) return /* @__PURE__ */ jsx(Anchored, {
+		anchor: {
+			page: widget.page,
+			bounds: box
+		},
+		placement: "bottom",
+		gap: 8,
+		children: card
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: "absolute end-4 top-4 z-40",
+		children: card
+	});
+}
+/** The signed revision — the exact bytes the signature covers — as a file. */
+function DownloadRevision({ field }) {
+	const t = useT();
+	const signature = useSignature();
+	const dto = signature.getSignature(field);
+	const [busy, setBusy] = useState(false);
+	if (!dto || dto.revisionIndex === null) return null;
+	const revisionIndex = dto.revisionIndex;
+	const run = async () => {
+		setBusy(true);
+		try {
+			const bytes = await signature.readRevision({ revisionIndex });
+			const blob = new Blob([bytes], { type: "application/pdf" });
+			const url = URL.createObjectURL(blob);
+			const anchor = document.createElement("a");
+			anchor.href = url;
+			anchor.download = `${dto.fieldName}-signed.pdf`;
+			anchor.click();
+			URL.revokeObjectURL(url);
+		} catch (error) {
+			console.error("[embedpdf] signed revision download failed:", error);
+		} finally {
+			setBusy(false);
+		}
+	};
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		disabled: busy,
+		onClick: () => void run(),
+		className: "border-border text-fg hover:bg-hover rounded-md border px-2 py-1 text-xs disabled:opacity-60",
+		children: t("demo.inspectDownload")
+	});
+}
+//#endregion
+export { SignatureInspector };
+
+//# sourceMappingURL=signature-inspector-okFz8do6.js.map

package/dist/signature-inspector-okFz8do6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signature-inspector-okFz8do6.js","names":[],"sources":["../src/ui/signature-inspector.tsx"],"sourcesContent":["/**\n * The validation popover (`signature-inspector` surface): what a signed\n * field's signature says and whether it holds — the four independent facts\n * (integrity, cryptography, trust, changes since) and the signer's claims,\n * anchored at the widget when its box is known, plus the signed revision as\n * a download (the exact bytes the signature covers). Mounted in the Stage\n * overlay so `<Anchored>` can project onto the page.\n */\nimport { useEffect, useState } from 'react';\nimport { Anchored } from '@embedpdf/react/anchored';\nimport { FormToken } from '@embedpdf/react/form';\nimport { useOptionalCapability } from '@embedpdf/react/runtime';\nimport { useSurface } from '@embedpdf/react/shell';\nimport { useT } from '@embedpdf/react/i18n';\nimport {\n  useSignature,\n  useSignatureState,\n  type FormFieldRef,\n  type SignatureVerdict,\n} from '@embedpdf/react/signature';\nimport { Icon } from './icons';\n\nconst verdictKey = (verdict: SignatureVerdict | null): string =>\n  !verdict\n    ? 'demo.verdictIndeterminate'\n    : verdict.summary === 'valid'\n      ? 'demo.verdictValid'\n      : verdict.summary === 'valid-untrusted'\n        ? 'demo.verdictValidUntrusted'\n        : verdict.summary === 'invalid'\n          ? verdict.modifications.basis === 'working-copy'\n            ? 'demo.verdictWillInvalidate'\n            : 'demo.verdictInvalid'\n          : 'demo.verdictIndeterminate';\n\n/** A PDF date string (`D:YYYYMMDDHHmmSSZ` or with a zone offset) as a locale date; the raw text when it is not one. */\n/** A moment in the reader's locale; the text itself if it isn't one. */\nconst dateTime = (iso: string): string => {\n  const date = new Date(iso);\n  return Number.isNaN(date.getTime()) ? iso : date.toLocaleString();\n};\n\nconst tone = (summary: SignatureVerdict['summary'] | null): string =>\n  summary === 'valid'\n    ? 'text-green-600'\n    : summary === 'invalid'\n      ? 'text-red-600'\n      : summary === 'valid-untrusted'\n        ? 'text-amber-600'\n        : 'text-fg-muted';\n\nexport function SignatureInspector() {\n  const t = useT();\n  const surface = useSurface('signature-inspector');\n  const signature = useSignature();\n  // Re-render when the signatures are read, and when one or its verdict changes.\n  const status = useSignatureState((state) => state.status);\n  useSignatureState((state) => state.signatures);\n  const [validating, setValidating] = useState(false);\n  const field = surface.props?.field as FormFieldRef | undefined;\n  const dto = field ? signature.getSignature(field) : null;\n  const verdict = field ? signature.getVerdict(field) : null;\n  const widget = dto?.widget ?? null;\n  // Where the signature shows is its widget's row in the form.\n  const form = useOptionalCapability(FormToken);\n  const box = (widget && form?.getWidget(widget)?.rect) ?? null;\n\n  // Open on a field never validated: judge it now.\n  useEffect(() => {\n    if (!surface.isOpen || !dto?.signed || signature.listVerdicts()) return;\n    setValidating(true);\n    void signature.validate().finally(() => setValidating(false));\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [surface.isOpen, dto?.index]);\n\n  if (!surface.isOpen || !field || !dto || status !== 'ready') return null;\n\n  const revalidate = () => {\n    setValidating(true);\n    void signature.validate().finally(() => setValidating(false));\n  };\n  const summary = verdict?.summary ?? null;\n  const modifications = verdict?.modifications.verdict ?? null;\n  const row = (label: string, value: string, className = 'text-fg') => (\n    <div className=\"flex items-baseline justify-between gap-3 text-xs\">\n      <span className=\"text-fg-muted\">{label}</span>\n      <span className={`text-end ${className}`}>{value}</span>\n    </div>\n  );\n\n  const card = (\n    <div className=\"border-border bg-elevated w-72 rounded-lg border p-3 text-sm shadow-xl\">\n      <div className=\"flex items-center justify-between\">\n        <span className=\"text-fg font-semibold\">{t('demo.inspectTitle')}</span>\n        <button\n          type=\"button\"\n          onClick={surface.close}\n          className=\"text-fg-muted hover:bg-hover grid h-6 w-6 place-items-center rounded\"\n          aria-label={t('demo.cancel')}\n        >\n          <Icon name=\"x\" size={14} />\n        </button>\n      </div>\n      <p className={`mt-1 text-sm font-medium ${tone(summary)}`}>\n        {validating ? t('demo.signaturesValidating') : t(verdictKey(verdict))}\n      </p>\n      <div className=\"mt-2 flex flex-col gap-1\">\n        {row(t('demo.inspectSigner'), dto.signer.name ?? '—')}\n        {dto.signer.reason ? row(t('demo.inspectReason'), dto.signer.reason) : null}\n        {dto.signer.location ? row(t('demo.inspectLocation'), dto.signer.location) : null}\n        {dto.signer.signedAt ? row(t('demo.inspectTime'), dateTime(dto.signer.signedAt)) : null}\n      </div>\n      <div className=\"border-border-subtle mt-2 flex flex-col gap-1 border-t pt-2\">\n        {row(\n          t('demo.inspectIntegrity'),\n          verdict?.integrity ?? '—',\n          tone(\n            verdict?.integrity === 'valid'\n              ? 'valid'\n              : verdict?.integrity === 'invalid'\n                ? 'invalid'\n                : null,\n          ),\n        )}\n        {row(t('demo.inspectCryptography'), verdict?.cryptography ?? '—')}\n        {row(t('demo.inspectTrust'), verdict?.trust ?? '—')}\n        {row(\n          t('demo.inspectChanges'),\n          modifications === 'unchanged'\n            ? verdict?.modifications.undone\n              ? t('demo.verdictRestored')\n              : t('demo.verdictUnchanged')\n            : modifications === 'permitted'\n              ? t('demo.verdictPermitted')\n              : modifications === 'forbidden'\n                ? t('demo.verdictForbidden')\n                : '—',\n          modifications === 'forbidden' ? 'text-red-600' : 'text-fg',\n        )}\n        {verdict?.modifications.laterRevisions\n          ? row(t('demo.inspectLaterRevisions'), String(verdict.modifications.laterRevisions))\n          : null}\n      </div>\n      <div className=\"mt-3 flex justify-end gap-2\">\n        <button\n          type=\"button\"\n          disabled={validating}\n          onClick={revalidate}\n          className=\"border-border text-fg hover:bg-hover rounded-md border px-2 py-1 text-xs disabled:opacity-60\"\n        >\n          {t('demo.signaturesValidate')}\n        </button>\n        <DownloadRevision field={field} />\n      </div>\n    </div>\n  );\n\n  if (widget?.page && box) {\n    return (\n      <Anchored anchor={{ page: widget.page, bounds: box }} placement=\"bottom\" gap={8}>\n        {card}\n      </Anchored>\n    );\n  }\n  return <div className=\"absolute end-4 top-4 z-40\">{card}</div>;\n}\n\n/** The signed revision — the exact bytes the signature covers — as a file. */\nfunction DownloadRevision({ field }: { field: FormFieldRef }) {\n  const t = useT();\n  const signature = useSignature();\n  const dto = signature.getSignature(field);\n  const [busy, setBusy] = useState(false);\n  if (!dto || dto.revisionIndex === null) return null;\n  const revisionIndex = dto.revisionIndex;\n  const run = async () => {\n    setBusy(true);\n    try {\n      const bytes = await signature.readRevision({ revisionIndex });\n      const blob = new Blob([bytes as BlobPart], { type: 'application/pdf' });\n      const url = URL.createObjectURL(blob);\n      const anchor = document.createElement('a');\n      anchor.href = url;\n      anchor.download = `${dto.fieldName}-signed.pdf`;\n      anchor.click();\n      URL.revokeObjectURL(url);\n    } catch (error) {\n      console.error('[embedpdf] signed revision download failed:', error);\n    } finally {\n      setBusy(false);\n    }\n  };\n  return (\n    <button\n      type=\"button\"\n      disabled={busy}\n      onClick={() => void run()}\n      className=\"border-border text-fg hover:bg-hover rounded-md border px-2 py-1 text-xs disabled:opacity-60\"\n    >\n      {t('demo.inspectDownload')}\n    </button>\n  );\n}\n"],"mappings":"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"}