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

package/dist/signatures-panel-B56PC6d9.cjs

@@ -0,0 +1,300 @@
+const require_icons = require("./icons-x0Tc05bs.cjs");
+const require_stamp_store = require("./stamp-store-BHvRs-Do.cjs");
+let react = require("react");
+let _embedpdf_react_runtime = require("@embedpdf/react/runtime");
+let _embedpdf_react_interaction = require("@embedpdf/react/interaction");
+let _embedpdf_react_stamp = require("@embedpdf/react/stamp");
+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");
+//#region src/ui/signatures-panel.tsx
+/**
+* The signatures sidebar (right panel), a signature sheet like Preview's.
+* One row per person: a stamp library of kind `signatures` holding a
+* full signature and, optionally, initials. Nothing is stored beyond the
+* file; rename/export/delete are the library verbs.
+*
+*   pick a mark → with a target field ("sign here" was clicked, or a
+*   signature widget selected) the mark goes into that field by the
+*   plugin's mode; otherwise it arms — hover a page for the ghost, click a
+*   signature field to sign it, click anywhere else to drop it as a stamp.
+*
+* Below the people: the signature fields of this document, signed or not,
+* with their verdicts — click an unsigned one to target it, a signed one to
+* inspect it.
+*/
+const fieldLabel = (field) => field.kind === "fqn" ? field.name : `#${field.objectNumber}`;
+function SignaturesPanel() {
+	const t = (0, _embedpdf_react_i18n.useT)();
+	const stamp = (0, _embedpdf_react_stamp.useStamp)();
+	const signature = (0, _embedpdf_react_signature.useSignature)();
+	const config = require_icons.useSignatureSettings();
+	const rows = (0, _embedpdf_react_signature.useSignerRows)();
+	const target = (0, _embedpdf_react_signature.useSignatureState)((state) => state.target);
+	const busy = (0, _embedpdf_react_signature.useSignatureState)((state) => state.busy);
+	const { activeToolId } = (0, _embedpdf_react_interaction.useInteractionState)();
+	const maker = (0, _embedpdf_react_shell.useSurface)("signature-maker");
+	const [armedId, setArmedId] = (0, react.useState)(null);
+	const [error, setError] = (0, react.useState)(null);
+	const [invalidating, setInvalidating] = (0, react.useState)(null);
+	(0, _embedpdf_react_signature.useSignatureEvent)((signature) => signature.onInvalidationPredicted, (event) => setInvalidating(signature.getSignature(event.field)?.fieldName ?? fieldLabel(event.field)));
+	(0, _embedpdf_react_signature.useSignatureEvent)((signature) => signature.onValidated, (event) => {
+		if (!event.verdicts.some((verdict) => verdict.summary === "invalid" && verdict.modifications.basis === "working-copy")) setInvalidating(null);
+	});
+	(0, react.useEffect)(() => {
+		require_stamp_store.restoreStampLibrariesOnce(stamp);
+	}, [stamp]);
+	(0, react.useEffect)(() => {
+		if (activeToolId !== "stamp") setArmedId(null);
+	}, [activeToolId]);
+	const pick = (asset) => {
+		setError(null);
+		if (target) {
+			signature.placeMark({ assetId: asset.id }, { field: target }).catch((error) => {
+				console.error("[embedpdf] placing the mark failed:", error);
+				setError(t("demo.signError"));
+			});
+			return;
+		}
+		setArmedId(asset.id);
+		stamp.armAsset(asset.id).catch((error) => {
+			console.error("[embedpdf] arm mark failed:", error);
+			setArmedId(null);
+			setError(t("demo.stampsArmError"));
+		});
+	};
+	const canAddPerson = (config.libraries ?? "many") === "many" || rows.length === 0;
+	const wantsInitials = (config.kinds ?? ["signature", "initials"]).includes("initials");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex min-h-0 flex-1 flex-col",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "min-h-0 flex-1 overflow-y-auto p-3",
+				children: [rows.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex flex-col items-center gap-3 px-4 py-8 text-center",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.Icon, {
+						name: "signature",
+						size: 32,
+						className: "text-fg-muted"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "text-fg-muted text-sm",
+						children: t("demo.signaturesEmpty")
+					})]
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+					className: "flex flex-col gap-3",
+					children: rows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SignerRowView, {
+						row,
+						armedId,
+						wantsInitials,
+						onPick: pick,
+						onAddInitials: () => maker.open({
+							exclusive: "modal",
+							props: { libraryId: row.libraryId }
+						})
+					}, row.libraryId))
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DocumentSignatures, {})]
+			}),
+			invalidating && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "border-border-subtle shrink-0 border-t px-3 py-2 text-xs text-amber-700",
+				children: t("demo.signaturesInvalidating", { params: { field: invalidating } })
+			}),
+			(error || target || armedId) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `border-border-subtle shrink-0 border-t px-3 py-2 text-xs ${error ? "text-red-600" : "text-fg-muted"}`,
+				children: error ?? (target ? busy ? t("demo.signSigning") : t("demo.signaturesTargetHint") : t("demo.signaturesArmedHint"))
+			}),
+			canAddPerson ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "border-border-subtle shrink-0 border-t p-3",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					onClick: () => maker.open({ exclusive: "modal" }),
+					className: "border-border text-fg hover:bg-hover flex w-full items-center justify-center gap-2 rounded-md border px-3 py-1.5 text-sm",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.Icon, {
+						name: "plus",
+						size: 16
+					}), t("demo.signaturesNew")]
+				})
+			}) : null
+		]
+	});
+}
+function SignerRowView({ row, armedId, wantsInitials, onPick, onAddInitials }) {
+	const t = (0, _embedpdf_react_i18n.useT)();
+	const stamp = (0, _embedpdf_react_stamp.useStamp)();
+	const [renaming, setRenaming] = (0, react.useState)(null);
+	const exportPdf = async () => {
+		const bytes = await stamp.exportLibrary(row.libraryId).catch(() => null);
+		if (!bytes) return;
+		const blob = new Blob([bytes], { type: "application/pdf" });
+		const url = URL.createObjectURL(blob);
+		const anchor = document.createElement("a");
+		anchor.href = url;
+		anchor.download = `${row.name || "signature"}.pdf`;
+		anchor.click();
+		URL.revokeObjectURL(url);
+	};
+	const commitRename = () => {
+		const name = renaming?.trim();
+		setRenaming(null);
+		if (name && name !== row.name) stamp.updateLibrary(row.libraryId, { name });
+	};
+	const iconButton = "text-fg-muted hover:text-fg grid h-6 w-6 shrink-0 place-items-center rounded";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+		className: "border-border-subtle rounded-md border p-2",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-1",
+			children: [
+				renaming !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					autoFocus: true,
+					value: renaming,
+					onChange: (event) => setRenaming(event.target.value),
+					onBlur: commitRename,
+					onKeyDown: (event) => {
+						if (event.key === "Enter") commitRename();
+						if (event.key === "Escape") setRenaming(null);
+					},
+					className: "border-border bg-surface text-fg min-w-0 flex-1 rounded border px-1.5 py-0.5 text-sm"
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "text-fg min-w-0 flex-1 truncate text-sm font-medium",
+					children: row.name
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					onClick: () => setRenaming(row.name),
+					title: t("demo.signaturesRename"),
+					className: iconButton,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.Icon, {
+						name: "pencilMarker",
+						size: 13
+					})
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					onClick: exportPdf,
+					title: t("demo.signaturesExport"),
+					className: iconButton,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.Icon, {
+						name: "download",
+						size: 13
+					})
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					onClick: () => void stamp.deleteLibrary(row.libraryId),
+					title: t("demo.signaturesRemove"),
+					className: iconButton,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.Icon, {
+						name: "trash",
+						size: 13
+					})
+				})
+			]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "mt-2 grid grid-cols-[2fr_1fr] gap-2",
+			children: [row.signatures.map((asset) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MarkThumb, {
+				asset,
+				label: t("demo.signatureLabel"),
+				armed: armedId === asset.id,
+				onPick: () => onPick(asset)
+			}, asset.id)), wantsInitials ? row.initials ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MarkThumb, {
+				asset: row.initials,
+				label: t("demo.initialsLabel"),
+				armed: armedId === row.initials.id,
+				onPick: () => onPick(row.initials)
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				onClick: onAddInitials,
+				title: t("demo.signaturesAddInitials"),
+				className: "border-border-subtle text-fg-muted hover:bg-hover flex h-16 items-center justify-center rounded-md border border-dashed text-xs",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.Icon, {
+					name: "plus",
+					size: 14
+				})
+			}) : null]
+		})]
+	});
+}
+function MarkThumb({ asset, label, armed, onPick }) {
+	const url = (0, _embedpdf_react_stamp.useStampAssetPreviewUrl)(asset.id);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+		type: "button",
+		onClick: onPick,
+		title: label,
+		"aria-pressed": armed,
+		className: `flex h-16 items-center justify-center rounded-md border p-1 ${armed ? "border-accent bg-accent-light ring-accent ring-2" : "border-border-subtle hover:border-border hover:bg-hover"}`,
+		children: url ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+			src: url,
+			alt: label,
+			className: "max-h-full max-w-full object-contain"
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "text-fg-muted text-xs",
+			children: label
+		})
+	});
+}
+/** The signature fields of this document, with their state. */
+function DocumentSignatures() {
+	const t = (0, _embedpdf_react_i18n.useT)();
+	const signature = (0, _embedpdf_react_signature.useSignature)();
+	const snapshot = (0, _embedpdf_react_runtime.useSelector)(_embedpdf_react_signature.SignatureToken, (capability) => capability.getSnapshot());
+	const signed = (0, _embedpdf_react_signature.useSignatureState)((state) => state.signatures);
+	const target = (0, _embedpdf_react_signature.useSignatureState)((state) => state.target);
+	const [validating, setValidating] = (0, react.useState)(false);
+	const fields = snapshot?.signatures ?? [];
+	const verdictOf = (dto) => signed.find((entry) => entry.index === dto.index)?.verdict ?? null;
+	const verdictLabel = (verdict) => !verdict ? t("demo.signaturesSigned") : verdict.summary === "valid" ? t("demo.verdictValid") : verdict.summary === "valid-untrusted" ? t("demo.verdictValidUntrusted") : verdict.summary === "indeterminate" ? t("demo.verdictIndeterminate") : verdict.modifications.basis === "working-copy" ? t("demo.verdictWillInvalidate") : t("demo.verdictInvalid");
+	const verdictTone = (verdict) => !verdict || verdict.summary === "indeterminate" ? "text-fg-muted" : verdict.summary === "invalid" ? verdict.modifications.basis === "working-copy" ? "text-amber-600" : "text-red-600" : verdict.summary === "valid-untrusted" ? "text-amber-600" : "text-green-600";
+	const isTarget = (dto) => !!target && (target.kind === "fqn" ? target.name === dto.fieldName : target.objectNumber === (dto.field.kind === "objectNumber" ? dto.field.objectNumber : -1));
+	const validate = () => {
+		setValidating(true);
+		signature.validate().finally(() => setValidating(false));
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "mt-4",
+		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-muted text-xs font-semibold uppercase tracking-wide",
+				children: t("demo.signaturesInDocument")
+			}), fields.some((signature) => signature.signed) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+				type: "button",
+				disabled: validating,
+				onClick: validate,
+				className: "text-accent text-xs hover:underline disabled:opacity-60",
+				children: validating ? t("demo.signaturesValidating") : t("demo.signaturesValidate")
+			}) : null]
+		}), fields.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			className: "text-fg-muted mt-1 text-xs",
+			children: t("demo.signaturesNone")
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+			className: "mt-1 flex flex-col gap-1",
+			children: fields.map((dto) => {
+				const verdict = verdictOf(dto);
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					onClick: () => dto.signed ? signature.requestInspection(dto.field) : signature.setTarget(dto.field),
+					className: `hover:bg-hover flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-start text-sm ${isTarget(dto) ? "bg-accent-light" : ""}`,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.Icon, {
+							name: dto.signed ? "check" : "signature",
+							size: 14,
+							className: dto.signed ? "text-green-600" : "text-fg-muted"
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "text-fg min-w-0 flex-1 truncate",
+							children: dto.fieldName
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: `shrink-0 text-end text-xs ${dto.signed ? verdictTone(verdict) : "text-fg-muted"}`,
+							children: dto.signed ? verdictLabel(verdict) : t("demo.signaturesUnsigned")
+						})
+					]
+				}) }, dto.index);
+			})
+		})]
+	});
+}
+//#endregion
+exports.SignaturesPanel = SignaturesPanel;
+
+//# sourceMappingURL=signatures-panel-B56PC6d9.cjs.map

package/dist/signatures-panel-B56PC6d9.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"signatures-panel-B56PC6d9.cjs","names":["useSignatureSettings","restoreStampLibrariesOnce","Icon","SignatureToken"],"sources":["../src/ui/signatures-panel.tsx"],"sourcesContent":["/**\n * The signatures sidebar (right panel), a signature sheet like Preview's.\n * One row per person: a stamp library of kind `signatures` holding a\n * full signature and, optionally, initials. Nothing is stored beyond the\n * file; rename/export/delete are the library verbs.\n *\n *   pick a mark → with a target field (\"sign here\" was clicked, or a\n *   signature widget selected) the mark goes into that field by the\n *   plugin's mode; otherwise it arms — hover a page for the ghost, click a\n *   signature field to sign it, click anywhere else to drop it as a stamp.\n *\n * Below the people: the signature fields of this document, signed or not,\n * with their verdicts — click an unsigned one to target it, a signed one to\n * inspect it.\n */\nimport { useEffect, useState } from 'react';\nimport { useInteractionState } from '@embedpdf/react/interaction';\nimport { useSelector } from '@embedpdf/react/runtime';\nimport { useT } from '@embedpdf/react/i18n';\nimport { useSurface } from '@embedpdf/react/shell';\nimport { useStamp, useStampAssetPreviewUrl, type StampAsset } from '@embedpdf/react/stamp';\nimport {\n  SignatureToken,\n  useSignature,\n  useSignatureState,\n  useSignatureEvent,\n  useSignerRows,\n  type SignatureDTO,\n  type SignatureVerdict,\n  type SignerRow,\n} from '@embedpdf/react/signature';\nimport { useSignatureSettings } from '../config-context';\nimport { Icon } from './icons';\nimport { restoreStampLibrariesOnce } from './stamp-store';\n\nconst fieldLabel = (\n  field: { kind: 'fqn'; name: string } | { kind: 'objectNumber'; objectNumber: number },\n): string => (field.kind === 'fqn' ? field.name : `#${field.objectNumber}`);\n\nexport function SignaturesPanel() {\n  const t = useT();\n  const stamp = useStamp();\n  const signature = useSignature();\n  const config = useSignatureSettings();\n  const rows = useSignerRows();\n  const target = useSignatureState((state) => state.target);\n  const busy = useSignatureState((state) => state.busy);\n  const { activeToolId } = useInteractionState();\n  const maker = useSurface('signature-maker');\n  const [armedId, setArmedId] = useState<string | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  // Acrobat's warning: an unsaved edit just turned a signature that held into\n  // one a save would invalidate. Shown until the next verdicts land.\n  const [invalidating, setInvalidating] = useState<string | null>(null);\n  useSignatureEvent(\n    (signature) => signature.onInvalidationPredicted,\n    (event) =>\n      setInvalidating(signature.getSignature(event.field)?.fieldName ?? fieldLabel(event.field)),\n  );\n  useSignatureEvent(\n    (signature) => signature.onValidated,\n    (event) => {\n      if (\n        !event.verdicts.some(\n          (verdict) =>\n            verdict.summary === 'invalid' && verdict.modifications.basis === 'working-copy',\n        )\n      )\n        setInvalidating(null);\n    },\n  );\n\n  // The people live in the same store as the stamps: bring them back on\n  // first open (a no-op when the store component already did).\n  useEffect(() => {\n    void restoreStampLibrariesOnce(stamp);\n  }, [stamp]);\n  useEffect(() => {\n    if (activeToolId !== 'stamp') setArmedId(null);\n  }, [activeToolId]);\n\n  const pick = (asset: StampAsset) => {\n    setError(null);\n    if (target) {\n      void signature.placeMark({ assetId: asset.id }, { field: target }).catch((error) => {\n        console.error('[embedpdf] placing the mark failed:', error);\n        setError(t('demo.signError'));\n      });\n      return;\n    }\n    setArmedId(asset.id);\n    void stamp.armAsset(asset.id).catch((error) => {\n      console.error('[embedpdf] arm mark failed:', error);\n      setArmedId(null);\n      setError(t('demo.stampsArmError'));\n    });\n  };\n\n  const canAddPerson = (config.libraries ?? 'many') === 'many' || rows.length === 0;\n  const wantsInitials = (config.kinds ?? ['signature', 'initials']).includes('initials');\n\n  return (\n    <div className=\"flex min-h-0 flex-1 flex-col\">\n      <div className=\"min-h-0 flex-1 overflow-y-auto p-3\">\n        {rows.length === 0 ? (\n          <div className=\"flex flex-col items-center gap-3 px-4 py-8 text-center\">\n            <Icon name=\"signature\" size={32} className=\"text-fg-muted\" />\n            <p className=\"text-fg-muted text-sm\">{t('demo.signaturesEmpty')}</p>\n          </div>\n        ) : (\n          <ul className=\"flex flex-col gap-3\">\n            {rows.map((row) => (\n              <SignerRowView\n                key={row.libraryId}\n                row={row}\n                armedId={armedId}\n                wantsInitials={wantsInitials}\n                onPick={pick}\n                onAddInitials={() =>\n                  maker.open({ exclusive: 'modal', props: { libraryId: row.libraryId } })\n                }\n              />\n            ))}\n          </ul>\n        )}\n        <DocumentSignatures />\n      </div>\n\n      {invalidating && (\n        <div className=\"border-border-subtle shrink-0 border-t px-3 py-2 text-xs text-amber-700\">\n          {t('demo.signaturesInvalidating', { params: { field: invalidating } })}\n        </div>\n      )}\n      {(error || target || armedId) && (\n        <div\n          className={`border-border-subtle shrink-0 border-t px-3 py-2 text-xs ${\n            error ? 'text-red-600' : 'text-fg-muted'\n          }`}\n        >\n          {error ??\n            (target\n              ? busy\n                ? t('demo.signSigning')\n                : t('demo.signaturesTargetHint')\n              : t('demo.signaturesArmedHint'))}\n        </div>\n      )}\n\n      {canAddPerson ? (\n        <div className=\"border-border-subtle shrink-0 border-t p-3\">\n          <button\n            type=\"button\"\n            onClick={() => maker.open({ exclusive: 'modal' })}\n            className=\"border-border text-fg hover:bg-hover flex w-full items-center justify-center gap-2 rounded-md border px-3 py-1.5 text-sm\"\n          >\n            <Icon name=\"plus\" size={16} />\n            {t('demo.signaturesNew')}\n          </button>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nfunction SignerRowView({\n  row,\n  armedId,\n  wantsInitials,\n  onPick,\n  onAddInitials,\n}: {\n  row: SignerRow;\n  armedId: string | null;\n  wantsInitials: boolean;\n  onPick: (asset: StampAsset) => void;\n  onAddInitials: () => void;\n}) {\n  const t = useT();\n  const stamp = useStamp();\n  const [renaming, setRenaming] = useState<string | null>(null);\n\n  const exportPdf = async () => {\n    const bytes = await stamp.exportLibrary(row.libraryId).catch(() => null);\n    if (!bytes) return;\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 = `${row.name || 'signature'}.pdf`;\n    anchor.click();\n    URL.revokeObjectURL(url);\n  };\n  const commitRename = () => {\n    const name = renaming?.trim();\n    setRenaming(null);\n    if (name && name !== row.name) void stamp.updateLibrary(row.libraryId, { name });\n  };\n  const iconButton = 'text-fg-muted hover:text-fg grid h-6 w-6 shrink-0 place-items-center rounded';\n\n  return (\n    <li className=\"border-border-subtle rounded-md border p-2\">\n      <div className=\"flex items-center gap-1\">\n        {renaming !== null ? (\n          <input\n            autoFocus\n            value={renaming}\n            onChange={(event) => setRenaming(event.target.value)}\n            onBlur={commitRename}\n            onKeyDown={(event) => {\n              if (event.key === 'Enter') commitRename();\n              if (event.key === 'Escape') setRenaming(null);\n            }}\n            className=\"border-border bg-surface text-fg min-w-0 flex-1 rounded border px-1.5 py-0.5 text-sm\"\n          />\n        ) : (\n          <span className=\"text-fg min-w-0 flex-1 truncate text-sm font-medium\">{row.name}</span>\n        )}\n        <button\n          type=\"button\"\n          onClick={() => setRenaming(row.name)}\n          title={t('demo.signaturesRename')}\n          className={iconButton}\n        >\n          <Icon name=\"pencilMarker\" size={13} />\n        </button>\n        <button\n          type=\"button\"\n          onClick={exportPdf}\n          title={t('demo.signaturesExport')}\n          className={iconButton}\n        >\n          <Icon name=\"download\" size={13} />\n        </button>\n        <button\n          type=\"button\"\n          onClick={() => void stamp.deleteLibrary(row.libraryId)}\n          title={t('demo.signaturesRemove')}\n          className={iconButton}\n        >\n          <Icon name=\"trash\" size={13} />\n        </button>\n      </div>\n      <div className=\"mt-2 grid grid-cols-[2fr_1fr] gap-2\">\n        {row.signatures.map((asset) => (\n          <MarkThumb\n            key={asset.id}\n            asset={asset}\n            label={t('demo.signatureLabel')}\n            armed={armedId === asset.id}\n            onPick={() => onPick(asset)}\n          />\n        ))}\n        {wantsInitials ? (\n          row.initials ? (\n            <MarkThumb\n              asset={row.initials}\n              label={t('demo.initialsLabel')}\n              armed={armedId === row.initials.id}\n              onPick={() => onPick(row.initials!)}\n            />\n          ) : (\n            <button\n              type=\"button\"\n              onClick={onAddInitials}\n              title={t('demo.signaturesAddInitials')}\n              className=\"border-border-subtle text-fg-muted hover:bg-hover flex h-16 items-center justify-center rounded-md border border-dashed text-xs\"\n            >\n              <Icon name=\"plus\" size={14} />\n            </button>\n          )\n        ) : null}\n      </div>\n    </li>\n  );\n}\n\nfunction MarkThumb({\n  asset,\n  label,\n  armed,\n  onPick,\n}: {\n  asset: StampAsset;\n  label: string;\n  armed: boolean;\n  onPick: () => void;\n}) {\n  const url = useStampAssetPreviewUrl(asset.id);\n  return (\n    <button\n      type=\"button\"\n      onClick={onPick}\n      title={label}\n      aria-pressed={armed}\n      className={`flex h-16 items-center justify-center rounded-md border p-1 ${\n        armed\n          ? 'border-accent bg-accent-light ring-accent ring-2'\n          : 'border-border-subtle hover:border-border hover:bg-hover'\n      }`}\n    >\n      {url ? (\n        <img src={url} alt={label} className=\"max-h-full max-w-full object-contain\" />\n      ) : (\n        <span className=\"text-fg-muted text-xs\">{label}</span>\n      )}\n    </button>\n  );\n}\n\n/** The signature fields of this document, with their state. */\nfunction DocumentSignatures() {\n  const t = useT();\n  const signature = useSignature();\n  // Every signature field, signed or not; the signed ones carry their verdict in the state.\n  const snapshot = useSelector(SignatureToken, (capability) => capability.getSnapshot());\n  const signed = useSignatureState((state) => state.signatures);\n  const target = useSignatureState((state) => state.target);\n  const [validating, setValidating] = useState(false);\n  const fields = snapshot?.signatures ?? [];\n  const verdictOf = (dto: SignatureDTO) =>\n    signed.find((entry) => entry.index === dto.index)?.verdict ?? null;\n  // Three honest states: valid; valid on disk but unsaved edits would\n  // invalidate it (the verdict judged the working copy); invalid on disk.\n  const verdictLabel = (verdict: SignatureVerdict | null): string =>\n    !verdict\n      ? t('demo.signaturesSigned')\n      : verdict.summary === 'valid'\n        ? t('demo.verdictValid')\n        : verdict.summary === 'valid-untrusted'\n          ? t('demo.verdictValidUntrusted')\n          : verdict.summary === 'indeterminate'\n            ? t('demo.verdictIndeterminate')\n            : verdict.modifications.basis === 'working-copy'\n              ? t('demo.verdictWillInvalidate')\n              : t('demo.verdictInvalid');\n  const verdictTone = (verdict: SignatureVerdict | null): string =>\n    !verdict || verdict.summary === 'indeterminate'\n      ? 'text-fg-muted'\n      : verdict.summary === 'invalid'\n        ? verdict.modifications.basis === 'working-copy'\n          ? 'text-amber-600'\n          : 'text-red-600'\n        : verdict.summary === 'valid-untrusted'\n          ? 'text-amber-600'\n          : 'text-green-600';\n  const isTarget = (dto: SignatureDTO) =>\n    !!target &&\n    (target.kind === 'fqn'\n      ? target.name === dto.fieldName\n      : target.objectNumber === (dto.field.kind === 'objectNumber' ? dto.field.objectNumber : -1));\n  const validate = () => {\n    setValidating(true);\n    void signature.validate().finally(() => setValidating(false));\n  };\n\n  return (\n    <div className=\"mt-4\">\n      <div className=\"flex items-center justify-between\">\n        <span className=\"text-fg-muted text-xs font-semibold uppercase tracking-wide\">\n          {t('demo.signaturesInDocument')}\n        </span>\n        {fields.some((signature) => signature.signed) ? (\n          <button\n            type=\"button\"\n            disabled={validating}\n            onClick={validate}\n            className=\"text-accent text-xs hover:underline disabled:opacity-60\"\n          >\n            {validating ? t('demo.signaturesValidating') : t('demo.signaturesValidate')}\n          </button>\n        ) : null}\n      </div>\n      {fields.length === 0 ? (\n        <p className=\"text-fg-muted mt-1 text-xs\">{t('demo.signaturesNone')}</p>\n      ) : (\n        <ul className=\"mt-1 flex flex-col gap-1\">\n          {fields.map((dto) => {\n            const verdict = verdictOf(dto);\n            return (\n              <li key={dto.index}>\n                <button\n                  type=\"button\"\n                  onClick={() =>\n                    dto.signed\n                      ? signature.requestInspection(dto.field)\n                      : signature.setTarget(dto.field)\n                  }\n                  className={`hover:bg-hover flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-start text-sm ${\n                    isTarget(dto) ? 'bg-accent-light' : ''\n                  }`}\n                >\n                  <Icon\n                    name={dto.signed ? 'check' : 'signature'}\n                    size={14}\n                    className={dto.signed ? 'text-green-600' : 'text-fg-muted'}\n                  />\n                  <span className=\"text-fg min-w-0 flex-1 truncate\">{dto.fieldName}</span>\n                  <span\n                    className={`shrink-0 text-end text-xs ${dto.signed ? verdictTone(verdict) : 'text-fg-muted'}`}\n                  >\n                    {dto.signed ? verdictLabel(verdict) : t('demo.signaturesUnsigned')}\n                  </span>\n                </button>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/signatures-panel-CgnFfhFm.js

@@ -0,0 +1,300 @@
+import { g as useSignatureSettings, n as Icon } from "./icons-BrK5iVL8.js";
+import { n as restoreStampLibrariesOnce } from "./stamp-store-WuF-L3Jj.js";
+import { useEffect, useState } from "react";
+import { useSelector } from "@embedpdf/react/runtime";
+import { useInteractionState } from "@embedpdf/react/interaction";
+import { useStamp, useStampAssetPreviewUrl } from "@embedpdf/react/stamp";
+import { SignatureToken, useSignature, useSignatureEvent, useSignatureState, useSignerRows } 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/signatures-panel.tsx
+/**
+* The signatures sidebar (right panel), a signature sheet like Preview's.
+* One row per person: a stamp library of kind `signatures` holding a
+* full signature and, optionally, initials. Nothing is stored beyond the
+* file; rename/export/delete are the library verbs.
+*
+*   pick a mark → with a target field ("sign here" was clicked, or a
+*   signature widget selected) the mark goes into that field by the
+*   plugin's mode; otherwise it arms — hover a page for the ghost, click a
+*   signature field to sign it, click anywhere else to drop it as a stamp.
+*
+* Below the people: the signature fields of this document, signed or not,
+* with their verdicts — click an unsigned one to target it, a signed one to
+* inspect it.
+*/
+const fieldLabel = (field) => field.kind === "fqn" ? field.name : `#${field.objectNumber}`;
+function SignaturesPanel() {
+	const t = useT();
+	const stamp = useStamp();
+	const signature = useSignature();
+	const config = useSignatureSettings();
+	const rows = useSignerRows();
+	const target = useSignatureState((state) => state.target);
+	const busy = useSignatureState((state) => state.busy);
+	const { activeToolId } = useInteractionState();
+	const maker = useSurface("signature-maker");
+	const [armedId, setArmedId] = useState(null);
+	const [error, setError] = useState(null);
+	const [invalidating, setInvalidating] = useState(null);
+	useSignatureEvent((signature) => signature.onInvalidationPredicted, (event) => setInvalidating(signature.getSignature(event.field)?.fieldName ?? fieldLabel(event.field)));
+	useSignatureEvent((signature) => signature.onValidated, (event) => {
+		if (!event.verdicts.some((verdict) => verdict.summary === "invalid" && verdict.modifications.basis === "working-copy")) setInvalidating(null);
+	});
+	useEffect(() => {
+		restoreStampLibrariesOnce(stamp);
+	}, [stamp]);
+	useEffect(() => {
+		if (activeToolId !== "stamp") setArmedId(null);
+	}, [activeToolId]);
+	const pick = (asset) => {
+		setError(null);
+		if (target) {
+			signature.placeMark({ assetId: asset.id }, { field: target }).catch((error) => {
+				console.error("[embedpdf] placing the mark failed:", error);
+				setError(t("demo.signError"));
+			});
+			return;
+		}
+		setArmedId(asset.id);
+		stamp.armAsset(asset.id).catch((error) => {
+			console.error("[embedpdf] arm mark failed:", error);
+			setArmedId(null);
+			setError(t("demo.stampsArmError"));
+		});
+	};
+	const canAddPerson = (config.libraries ?? "many") === "many" || rows.length === 0;
+	const wantsInitials = (config.kinds ?? ["signature", "initials"]).includes("initials");
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex min-h-0 flex-1 flex-col",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "min-h-0 flex-1 overflow-y-auto p-3",
+				children: [rows.length === 0 ? /* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col items-center gap-3 px-4 py-8 text-center",
+					children: [/* @__PURE__ */ jsx(Icon, {
+						name: "signature",
+						size: 32,
+						className: "text-fg-muted"
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-fg-muted text-sm",
+						children: t("demo.signaturesEmpty")
+					})]
+				}) : /* @__PURE__ */ jsx("ul", {
+					className: "flex flex-col gap-3",
+					children: rows.map((row) => /* @__PURE__ */ jsx(SignerRowView, {
+						row,
+						armedId,
+						wantsInitials,
+						onPick: pick,
+						onAddInitials: () => maker.open({
+							exclusive: "modal",
+							props: { libraryId: row.libraryId }
+						})
+					}, row.libraryId))
+				}), /* @__PURE__ */ jsx(DocumentSignatures, {})]
+			}),
+			invalidating && /* @__PURE__ */ jsx("div", {
+				className: "border-border-subtle shrink-0 border-t px-3 py-2 text-xs text-amber-700",
+				children: t("demo.signaturesInvalidating", { params: { field: invalidating } })
+			}),
+			(error || target || armedId) && /* @__PURE__ */ jsx("div", {
+				className: `border-border-subtle shrink-0 border-t px-3 py-2 text-xs ${error ? "text-red-600" : "text-fg-muted"}`,
+				children: error ?? (target ? busy ? t("demo.signSigning") : t("demo.signaturesTargetHint") : t("demo.signaturesArmedHint"))
+			}),
+			canAddPerson ? /* @__PURE__ */ jsx("div", {
+				className: "border-border-subtle shrink-0 border-t p-3",
+				children: /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					onClick: () => maker.open({ exclusive: "modal" }),
+					className: "border-border text-fg hover:bg-hover flex w-full items-center justify-center gap-2 rounded-md border px-3 py-1.5 text-sm",
+					children: [/* @__PURE__ */ jsx(Icon, {
+						name: "plus",
+						size: 16
+					}), t("demo.signaturesNew")]
+				})
+			}) : null
+		]
+	});
+}
+function SignerRowView({ row, armedId, wantsInitials, onPick, onAddInitials }) {
+	const t = useT();
+	const stamp = useStamp();
+	const [renaming, setRenaming] = useState(null);
+	const exportPdf = async () => {
+		const bytes = await stamp.exportLibrary(row.libraryId).catch(() => null);
+		if (!bytes) return;
+		const blob = new Blob([bytes], { type: "application/pdf" });
+		const url = URL.createObjectURL(blob);
+		const anchor = document.createElement("a");
+		anchor.href = url;
+		anchor.download = `${row.name || "signature"}.pdf`;
+		anchor.click();
+		URL.revokeObjectURL(url);
+	};
+	const commitRename = () => {
+		const name = renaming?.trim();
+		setRenaming(null);
+		if (name && name !== row.name) stamp.updateLibrary(row.libraryId, { name });
+	};
+	const iconButton = "text-fg-muted hover:text-fg grid h-6 w-6 shrink-0 place-items-center rounded";
+	return /* @__PURE__ */ jsxs("li", {
+		className: "border-border-subtle rounded-md border p-2",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-1",
+			children: [
+				renaming !== null ? /* @__PURE__ */ jsx("input", {
+					autoFocus: true,
+					value: renaming,
+					onChange: (event) => setRenaming(event.target.value),
+					onBlur: commitRename,
+					onKeyDown: (event) => {
+						if (event.key === "Enter") commitRename();
+						if (event.key === "Escape") setRenaming(null);
+					},
+					className: "border-border bg-surface text-fg min-w-0 flex-1 rounded border px-1.5 py-0.5 text-sm"
+				}) : /* @__PURE__ */ jsx("span", {
+					className: "text-fg min-w-0 flex-1 truncate text-sm font-medium",
+					children: row.name
+				}),
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: () => setRenaming(row.name),
+					title: t("demo.signaturesRename"),
+					className: iconButton,
+					children: /* @__PURE__ */ jsx(Icon, {
+						name: "pencilMarker",
+						size: 13
+					})
+				}),
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: exportPdf,
+					title: t("demo.signaturesExport"),
+					className: iconButton,
+					children: /* @__PURE__ */ jsx(Icon, {
+						name: "download",
+						size: 13
+					})
+				}),
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: () => void stamp.deleteLibrary(row.libraryId),
+					title: t("demo.signaturesRemove"),
+					className: iconButton,
+					children: /* @__PURE__ */ jsx(Icon, {
+						name: "trash",
+						size: 13
+					})
+				})
+			]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "mt-2 grid grid-cols-[2fr_1fr] gap-2",
+			children: [row.signatures.map((asset) => /* @__PURE__ */ jsx(MarkThumb, {
+				asset,
+				label: t("demo.signatureLabel"),
+				armed: armedId === asset.id,
+				onPick: () => onPick(asset)
+			}, asset.id)), wantsInitials ? row.initials ? /* @__PURE__ */ jsx(MarkThumb, {
+				asset: row.initials,
+				label: t("demo.initialsLabel"),
+				armed: armedId === row.initials.id,
+				onPick: () => onPick(row.initials)
+			}) : /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: onAddInitials,
+				title: t("demo.signaturesAddInitials"),
+				className: "border-border-subtle text-fg-muted hover:bg-hover flex h-16 items-center justify-center rounded-md border border-dashed text-xs",
+				children: /* @__PURE__ */ jsx(Icon, {
+					name: "plus",
+					size: 14
+				})
+			}) : null]
+		})]
+	});
+}
+function MarkThumb({ asset, label, armed, onPick }) {
+	const url = useStampAssetPreviewUrl(asset.id);
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		onClick: onPick,
+		title: label,
+		"aria-pressed": armed,
+		className: `flex h-16 items-center justify-center rounded-md border p-1 ${armed ? "border-accent bg-accent-light ring-accent ring-2" : "border-border-subtle hover:border-border hover:bg-hover"}`,
+		children: url ? /* @__PURE__ */ jsx("img", {
+			src: url,
+			alt: label,
+			className: "max-h-full max-w-full object-contain"
+		}) : /* @__PURE__ */ jsx("span", {
+			className: "text-fg-muted text-xs",
+			children: label
+		})
+	});
+}
+/** The signature fields of this document, with their state. */
+function DocumentSignatures() {
+	const t = useT();
+	const signature = useSignature();
+	const snapshot = useSelector(SignatureToken, (capability) => capability.getSnapshot());
+	const signed = useSignatureState((state) => state.signatures);
+	const target = useSignatureState((state) => state.target);
+	const [validating, setValidating] = useState(false);
+	const fields = snapshot?.signatures ?? [];
+	const verdictOf = (dto) => signed.find((entry) => entry.index === dto.index)?.verdict ?? null;
+	const verdictLabel = (verdict) => !verdict ? t("demo.signaturesSigned") : verdict.summary === "valid" ? t("demo.verdictValid") : verdict.summary === "valid-untrusted" ? t("demo.verdictValidUntrusted") : verdict.summary === "indeterminate" ? t("demo.verdictIndeterminate") : verdict.modifications.basis === "working-copy" ? t("demo.verdictWillInvalidate") : t("demo.verdictInvalid");
+	const verdictTone = (verdict) => !verdict || verdict.summary === "indeterminate" ? "text-fg-muted" : verdict.summary === "invalid" ? verdict.modifications.basis === "working-copy" ? "text-amber-600" : "text-red-600" : verdict.summary === "valid-untrusted" ? "text-amber-600" : "text-green-600";
+	const isTarget = (dto) => !!target && (target.kind === "fqn" ? target.name === dto.fieldName : target.objectNumber === (dto.field.kind === "objectNumber" ? dto.field.objectNumber : -1));
+	const validate = () => {
+		setValidating(true);
+		signature.validate().finally(() => setValidating(false));
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mt-4",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "text-fg-muted text-xs font-semibold uppercase tracking-wide",
+				children: t("demo.signaturesInDocument")
+			}), fields.some((signature) => signature.signed) ? /* @__PURE__ */ jsx("button", {
+				type: "button",
+				disabled: validating,
+				onClick: validate,
+				className: "text-accent text-xs hover:underline disabled:opacity-60",
+				children: validating ? t("demo.signaturesValidating") : t("demo.signaturesValidate")
+			}) : null]
+		}), fields.length === 0 ? /* @__PURE__ */ jsx("p", {
+			className: "text-fg-muted mt-1 text-xs",
+			children: t("demo.signaturesNone")
+		}) : /* @__PURE__ */ jsx("ul", {
+			className: "mt-1 flex flex-col gap-1",
+			children: fields.map((dto) => {
+				const verdict = verdictOf(dto);
+				return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					onClick: () => dto.signed ? signature.requestInspection(dto.field) : signature.setTarget(dto.field),
+					className: `hover:bg-hover flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-start text-sm ${isTarget(dto) ? "bg-accent-light" : ""}`,
+					children: [
+						/* @__PURE__ */ jsx(Icon, {
+							name: dto.signed ? "check" : "signature",
+							size: 14,
+							className: dto.signed ? "text-green-600" : "text-fg-muted"
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "text-fg min-w-0 flex-1 truncate",
+							children: dto.fieldName
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: `shrink-0 text-end text-xs ${dto.signed ? verdictTone(verdict) : "text-fg-muted"}`,
+							children: dto.signed ? verdictLabel(verdict) : t("demo.signaturesUnsigned")
+						})
+					]
+				}) }, dto.index);
+			})
+		})]
+	});
+}
+//#endregion
+export { SignaturesPanel };
+
+//# sourceMappingURL=signatures-panel-CgnFfhFm.js.map