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

package/dist/signature-maker-BoYa8vgA.cjs

@@ -0,0 +1,393 @@
+const require_icons = require("./icons-x0Tc05bs.cjs");
+const require_dialog = require("./dialog-t8F13BL_.cjs");
+let react = require("react");
+let _embedpdf_react_runtime = require("@embedpdf/react/runtime");
+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");
+let _embedpdf_default_signature_fonts_library = require("@embedpdf/default-signature-fonts/library");
+//#region src/ui/signature-fonts.ts
+/**
+* The fonts a typed signature is drawn in: `plugins.signature.fonts`, or three handwriting fonts
+* (`@embedpdf/default-signature-fonts`, each a lazy chunk of your build). A font's file is read
+* the first time the signature maker needs it and registered on the engine once, under its key,
+* which a typed mark's `fontFamily` names; saving embeds the characters the mark uses.
+*/
+const DEFAULT_FONTS = _embedpdf_default_signature_fonts_library.DEFAULT_SIGNATURE_FONTS.map((font) => ({
+	key: font.key,
+	label: font.label,
+	bytes: () => (0, _embedpdf_default_signature_fonts_library.loadSignatureFont)(font.key)
+}));
+/** The bytes of an app's font: its `data`, or its `url` fetched. */
+const bytesOf = (font) => async () => {
+	if (font.data) return new Uint8Array(font.data);
+	if (!font.url) throw new Error(`[embedpdf] signature font "${font.key}" has no url or data`);
+	const response = await fetch(font.url);
+	if (!response.ok) throw new Error(`${font.url}: HTTP ${response.status}`);
+	return new Uint8Array(await response.arrayBuffer());
+};
+/** The fonts the maker offers: the app's, which replace the default ones, or the default ones. */
+const markFontsOf = (fonts) => fonts ? fonts.map((font) => ({
+	key: font.key,
+	label: font.label,
+	bytes: bytesOf(font)
+})) : DEFAULT_FONTS;
+/** Each engine's registrations, by font key: one read and one registration per font. */
+const registrations = /* @__PURE__ */ new WeakMap();
+/**
+* Register `font` on `engine`, unless it already is: what a typed mark in it needs. Engines that
+* aren't local take no fonts from the browser, so nothing happens there. A failed read is tried
+* again next time.
+*/
+function registerMarkFont(engine, font) {
+	if (!(0, _embedpdf_react_runtime.isLocalEngine)(engine)) return Promise.resolve();
+	let byKey = registrations.get(engine);
+	if (!byKey) registrations.set(engine, byKey = /* @__PURE__ */ new Map());
+	const known = byKey.get(font.key);
+	if (known) return known;
+	const registering = font.bytes().then((data) => engine.fonts.register({
+		key: font.key,
+		data
+	})).then(() => void 0);
+	byKey.set(font.key, registering);
+	registering.catch(() => byKey.delete(font.key));
+	return registering;
+}
+//#endregion
+//#region src/ui/signature-maker.tsx
+/**
+* The mark maker (`signature-maker` modal surface): a person's signature and
+* initials, drawn, typed, or uploaded, saved as one library of kind
+* `signatures` — the file is the person (Preview's model). Chrome code over
+* the stamp plugin's generic calls: `createLibrary` + `createAsset({ mark })`;
+* rename/export/delete are the library verbs. Opened on an existing library
+* (`props.libraryId`) it only adds the missing initials. Escape cancels,
+* unless it's saving.
+*/
+const PAD = {
+	width: 360,
+	height: 120
+};
+/** One pad: draw / type / upload, producing a `MarkSource` or null. */
+function MarkPad({ value, onChange, fonts, registerFont }) {
+	const t = (0, _embedpdf_react_i18n.useT)();
+	const [tab, setTab] = (0, react.useState)("draw");
+	const [strokes, setStrokes] = (0, react.useState)([]);
+	const [text, setText] = (0, react.useState)("");
+	const [font, setFont] = (0, react.useState)(fonts[0]?.key ?? "");
+	const [fileName, setFileName] = (0, react.useState)(null);
+	const canvas = (0, react.useRef)(null);
+	const drawing = (0, react.useRef)(null);
+	(0, react.useEffect)(() => {
+		const element = canvas.current;
+		if (!element) return;
+		const dpr = window.devicePixelRatio || 1;
+		element.width = PAD.width * dpr;
+		element.height = PAD.height * dpr;
+		const ctx = element.getContext("2d");
+		if (!ctx) return;
+		ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+		ctx.clearRect(0, 0, PAD.width, PAD.height);
+		ctx.lineCap = "round";
+		ctx.lineJoin = "round";
+		ctx.lineWidth = 2.5;
+		ctx.strokeStyle = getComputedStyle(element).color || "#000";
+		for (const stroke of strokes) {
+			ctx.beginPath();
+			stroke.forEach((vertex, i) => i === 0 ? ctx.moveTo(vertex.x, vertex.y) : ctx.lineTo(vertex.x, vertex.y));
+			ctx.stroke();
+		}
+	}, [strokes, tab]);
+	const point = (event) => {
+		const rect = event.currentTarget.getBoundingClientRect();
+		return {
+			x: event.clientX - rect.left,
+			y: event.clientY - rect.top
+		};
+	};
+	const commitStrokes = (next) => {
+		setStrokes(next);
+		onChange(next.length ? {
+			kind: "ink",
+			strokes: next,
+			color: "#000000",
+			strokeWidth: 2.5
+		} : null);
+	};
+	const commitText = async (next, key) => {
+		setText(next);
+		setFont(key);
+		if (!next.trim()) {
+			onChange(null);
+			return;
+		}
+		await registerFont(key);
+		onChange({
+			kind: "text",
+			text: next.trim(),
+			fontFamily: key,
+			color: "#000000",
+			fontSize: 36
+		});
+	};
+	const pickFile = (file) => {
+		setFileName(file.name);
+		onChange(file.type === "application/pdf" ? {
+			kind: "pdf",
+			source: file,
+			pageIndex: 0
+		} : {
+			kind: "image",
+			source: file
+		});
+	};
+	const tabClass = (id) => `rounded px-2 py-1 text-xs font-medium ${tab === id ? "bg-accent text-on-accent" : "text-fg-muted hover:bg-hover"}`;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex flex-col gap-2",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-1",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: tabClass("draw"),
+					onClick: () => setTab("draw"),
+					children: t("demo.makerDraw")
+				}),
+				fonts.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: tabClass("type"),
+					onClick: () => {
+						setTab("type");
+						registerFont(font).catch((error) => console.error("[embedpdf] loading the signature font failed:", error));
+					},
+					children: t("demo.makerType")
+				}) : null,
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					className: tabClass("upload"),
+					onClick: () => setTab("upload"),
+					children: t("demo.makerUpload")
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "flex-1" }),
+				value ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					onClick: () => {
+						commitStrokes([]);
+						setText("");
+						setFileName(null);
+						onChange(null);
+					},
+					className: "text-fg-muted hover:text-fg text-xs",
+					children: t("demo.makerClear")
+				}) : null
+			]
+		}), tab === "draw" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("canvas", {
+			ref: canvas,
+			style: {
+				width: PAD.width,
+				height: PAD.height,
+				touchAction: "none"
+			},
+			className: "border-border-subtle bg-surface text-fg rounded-md border",
+			onPointerDown: (event) => {
+				event.currentTarget.setPointerCapture(event.pointerId);
+				drawing.current = [point(event)];
+				setStrokes((previous) => [...previous, drawing.current]);
+			},
+			onPointerMove: (event) => {
+				if (!drawing.current) return;
+				drawing.current.push(point(event));
+				setStrokes((previous) => [...previous.slice(0, -1), [...drawing.current]]);
+			},
+			onPointerUp: () => {
+				if (!drawing.current) return;
+				const done = drawing.current;
+				drawing.current = null;
+				setStrokes((previous) => {
+					const next = [...previous.slice(0, -1), done];
+					commitStrokes(next);
+					return next;
+				});
+			}
+		}) : tab === "type" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex flex-col gap-2",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				value: text,
+				placeholder: t("demo.makerTypePlaceholder"),
+				onChange: (event) => void commitText(event.target.value, font),
+				className: "border-border bg-surface text-fg w-full rounded border px-2 py-1.5 text-sm"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+				className: "text-fg-muted flex items-center gap-2 text-xs",
+				children: [t("demo.makerFont"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+					value: font,
+					onChange: (event) => void commitText(text, event.target.value),
+					className: "border-border bg-surface text-fg rounded border px-2 py-1 text-xs",
+					children: fonts.map((fontOption) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+						value: fontOption.key,
+						children: fontOption.label
+					}, fontOption.key))
+				})]
+			})]
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+			className: "border-border-subtle text-fg-muted hover:bg-hover flex h-24 cursor-pointer items-center justify-center rounded-md border border-dashed text-sm",
+			children: [fileName ?? t("demo.makerUploadHint"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				type: "file",
+				accept: "image/png,image/jpeg,application/pdf",
+				className: "hidden",
+				onChange: (event) => {
+					const file = event.currentTarget.files?.[0];
+					event.currentTarget.value = "";
+					if (file) pickFile(file);
+				}
+			})]
+		})]
+	});
+}
+function SignatureMakerModal() {
+	const t = (0, _embedpdf_react_i18n.useT)();
+	const surface = (0, _embedpdf_react_shell.useSurface)("signature-maker");
+	const stamp = (0, _embedpdf_react_stamp.useStamp)();
+	const kernel = (0, _embedpdf_react_runtime.useKernel)();
+	const config = require_icons.useSignatureSettings();
+	const [name, setName] = (0, react.useState)("");
+	const [signatureMark, setSignatureMark] = (0, react.useState)(null);
+	const [initialsMark, setInitialsMark] = (0, react.useState)(null);
+	const [busy, setBusy] = (0, react.useState)(false);
+	const [error, setError] = (0, react.useState)(null);
+	const titleId = (0, react.useId)();
+	const existingId = surface.props?.libraryId;
+	const existing = existingId ? stamp.getLibrary(existingId) : null;
+	const wantsInitials = (config.kinds ?? ["signature", "initials"]).includes("initials");
+	const [fonts] = (0, react.useState)(() => markFontsOf(config.fonts));
+	const registerFont = async (key) => {
+		const font = fonts.find((each) => each.key === key);
+		if (font) await registerMarkFont(kernel.engine, font);
+	};
+	if (!surface.isOpen) return null;
+	const canSave = existing ? initialsMark != null : name.trim().length > 0 && signatureMark != null;
+	const save = async () => {
+		setBusy(true);
+		setError(null);
+		try {
+			if (existing) await stamp.createAsset({
+				libraryId: existing.id,
+				name: _embedpdf_react_signature.INITIALS_MARK_NAME,
+				label: t("demo.initialsLabel"),
+				mark: initialsMark
+			});
+			else {
+				const { library } = await stamp.createLibrary(name.trim(), { kind: _embedpdf_react_signature.SIGNATURES_LIBRARY_KIND });
+				const libraryId = library.id;
+				await stamp.createAsset({
+					libraryId,
+					name: _embedpdf_react_signature.SIGNATURE_MARK_NAME,
+					label: t("demo.signatureLabel"),
+					mark: signatureMark
+				});
+				if (initialsMark) await stamp.createAsset({
+					libraryId,
+					name: _embedpdf_react_signature.INITIALS_MARK_NAME,
+					label: t("demo.initialsLabel"),
+					mark: initialsMark
+				});
+			}
+			setName("");
+			setSignatureMark(null);
+			setInitialsMark(null);
+			surface.close();
+		} catch (error) {
+			console.error("[embedpdf] saving the signature failed:", error);
+			setError(t("demo.makerError"));
+		} finally {
+			setBusy(false);
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_dialog.Dialog, {
+		labelledBy: titleId,
+		onClose: () => {
+			if (!busy) surface.close();
+		},
+		className: "border-border bg-surface w-[26rem] rounded-lg border p-4 shadow-xl",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+					id: titleId,
+					className: "text-fg text-base font-semibold",
+					children: existing ? t("demo.signaturesAddInitials") : t("demo.makerTitle")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					onClick: surface.close,
+					className: "text-fg-muted hover:bg-hover grid h-7 w-7 place-items-center rounded-md",
+					"aria-label": t("demo.cancel"),
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_icons.Icon, {
+						name: "x",
+						size: 16
+					})
+				})]
+			}),
+			existing ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+				className: "text-fg-muted mt-3 block text-xs",
+				children: [t("demo.makerName"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					value: name,
+					placeholder: t("demo.makerNamePlaceholder"),
+					onChange: (event) => setName(event.target.value),
+					className: "border-border bg-surface text-fg mt-1 w-full rounded border px-2 py-1.5 text-sm"
+				})]
+			}),
+			existing ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "mt-3",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "text-fg mb-1 text-xs font-semibold uppercase tracking-wide",
+					children: t("demo.signatureLabel")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MarkPad, {
+					value: signatureMark,
+					onChange: setSignatureMark,
+					fonts,
+					registerFont
+				})]
+			}),
+			wantsInitials ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "mt-3",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+					className: "text-fg mb-1 text-xs font-semibold uppercase tracking-wide",
+					children: [t("demo.initialsLabel"), existing ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "text-fg-muted ms-1 font-normal normal-case tracking-normal",
+						children: t("demo.makerOptional")
+					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MarkPad, {
+					value: initialsMark,
+					onChange: setInitialsMark,
+					fonts,
+					registerFont
+				})]
+			}) : null,
+			error ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "mt-2 text-sm text-red-600",
+				children: error
+			}) : null,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "mt-4 flex justify-end gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					disabled: busy,
+					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")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+					type: "button",
+					disabled: busy || !canSave,
+					onClick: () => void save(),
+					className: "bg-accent text-on-accent rounded-md px-3 py-1.5 text-sm disabled:opacity-60",
+					children: busy ? t("demo.makerSaving") : t("demo.makerSave")
+				})]
+			})
+		]
+	});
+}
+//#endregion
+exports.SignatureMakerModal = SignatureMakerModal;
+
+//# sourceMappingURL=signature-maker-BoYa8vgA.cjs.map

package/dist/signature-maker-BoYa8vgA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"signature-maker-BoYa8vgA.cjs","names":["DEFAULT_SIGNATURE_FONTS","useSignatureSettings","INITIALS_MARK_NAME","SIGNATURES_LIBRARY_KIND","SIGNATURE_MARK_NAME","Dialog","Icon"],"sources":["../src/ui/signature-fonts.ts","../src/ui/signature-maker.tsx"],"sourcesContent":["/**\n * The fonts a typed signature is drawn in: `plugins.signature.fonts`, or three handwriting fonts\n * (`@embedpdf/default-signature-fonts`, each a lazy chunk of your build). A font's file is read\n * the first time the signature maker needs it and registered on the engine once, under its key,\n * which a typed mark's `fontFamily` names; saving embeds the characters the mark uses.\n */\nimport {\n  DEFAULT_SIGNATURE_FONTS,\n  loadSignatureFont,\n} from '@embedpdf/default-signature-fonts/library';\nimport { isLocalEngine, type Engine } from '@embedpdf/react/runtime';\n\nimport type { SignatureFont } from '../plugin-settings';\n\n/** A font the maker offers: its key, what the picker shows, and how its bytes are read. */\nexport interface MarkFont {\n  readonly key: string;\n  readonly label: string;\n  readonly bytes: () => Promise<Uint8Array>;\n}\n\nconst DEFAULT_FONTS: readonly MarkFont[] = DEFAULT_SIGNATURE_FONTS.map((font) => ({\n  key: font.key,\n  label: font.label,\n  bytes: () => loadSignatureFont(font.key),\n}));\n\n/** The bytes of an app's font: its `data`, or its `url` fetched. */\nconst bytesOf = (font: SignatureFont) => async (): Promise<Uint8Array> => {\n  if (font.data) return new Uint8Array(font.data);\n  if (!font.url) throw new Error(`[embedpdf] signature font \"${font.key}\" has no url or data`);\n  const response = await fetch(font.url);\n  if (!response.ok) throw new Error(`${font.url}: HTTP ${response.status}`);\n  return new Uint8Array(await response.arrayBuffer());\n};\n\n/** The fonts the maker offers: the app's, which replace the default ones, or the default ones. */\nexport const markFontsOf = (fonts: readonly SignatureFont[] | undefined): readonly MarkFont[] =>\n  fonts\n    ? fonts.map((font) => ({ key: font.key, label: font.label, bytes: bytesOf(font) }))\n    : DEFAULT_FONTS;\n\n/** Each engine's registrations, by font key: one read and one registration per font. */\nconst registrations = new WeakMap<Engine, Map<string, Promise<void>>>();\n\n/**\n * Register `font` on `engine`, unless it already is: what a typed mark in it needs. Engines that\n * aren't local take no fonts from the browser, so nothing happens there. A failed read is tried\n * again next time.\n */\nexport function registerMarkFont(engine: Engine, font: MarkFont): Promise<void> {\n  if (!isLocalEngine(engine)) return Promise.resolve();\n  let byKey = registrations.get(engine);\n  if (!byKey) registrations.set(engine, (byKey = new Map()));\n  const known = byKey.get(font.key);\n  if (known) return known;\n  const registering = font\n    .bytes()\n    .then((data) => engine.fonts.register({ key: font.key, data }))\n    .then(() => undefined);\n  byKey.set(font.key, registering);\n  registering.catch(() => byKey.delete(font.key));\n  return registering;\n}\n","/**\n * The mark maker (`signature-maker` modal surface): a person's signature and\n * initials, drawn, typed, or uploaded, saved as one library of kind\n * `signatures` — the file is the person (Preview's model). Chrome code over\n * the stamp plugin's generic calls: `createLibrary` + `createAsset({ mark })`;\n * rename/export/delete are the library verbs. Opened on an existing library\n * (`props.libraryId`) it only adds the missing initials. Escape cancels,\n * unless it's saving.\n */\nimport { useEffect, useId, useRef, useState } from 'react';\nimport { useKernel } from '@embedpdf/react/runtime';\nimport { useSurface } from '@embedpdf/react/shell';\nimport { useT } from '@embedpdf/react/i18n';\nimport { useStamp, type MarkSource } from '@embedpdf/react/stamp';\nimport {\n  INITIALS_MARK_NAME,\n  SIGNATURE_MARK_NAME,\n  SIGNATURES_LIBRARY_KIND,\n} from '@embedpdf/react/signature';\nimport { useSignatureSettings } from '../config-context';\nimport { Dialog } from './dialog';\nimport { Icon } from './icons';\nimport { markFontsOf, registerMarkFont, type MarkFont } from './signature-fonts';\n\ntype Tab = 'draw' | 'type' | 'upload';\ntype Stroke = Array<{ x: number; y: number }>;\n\nconst PAD = { width: 360, height: 120 };\n\n/** One pad: draw / type / upload, producing a `MarkSource` or null. */\nfunction MarkPad({\n  value,\n  onChange,\n  fonts,\n  registerFont,\n}: {\n  value: MarkSource | null;\n  onChange: (mark: MarkSource | null) => void;\n  fonts: readonly MarkFont[];\n  registerFont: (key: string) => Promise<void>;\n}) {\n  const t = useT();\n  const [tab, setTab] = useState<Tab>('draw');\n  const [strokes, setStrokes] = useState<Stroke[]>([]);\n  const [text, setText] = useState('');\n  const [font, setFont] = useState(fonts[0]?.key ?? '');\n  const [fileName, setFileName] = useState<string | null>(null);\n  const canvas = useRef<HTMLCanvasElement>(null);\n  const drawing = useRef<Stroke | null>(null);\n\n  // Paint the strokes (device-pixel sharp).\n  useEffect(() => {\n    const element = canvas.current;\n    if (!element) return;\n    const dpr = window.devicePixelRatio || 1;\n    element.width = PAD.width * dpr;\n    element.height = PAD.height * dpr;\n    const ctx = element.getContext('2d');\n    if (!ctx) return;\n    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);\n    ctx.clearRect(0, 0, PAD.width, PAD.height);\n    ctx.lineCap = 'round';\n    ctx.lineJoin = 'round';\n    ctx.lineWidth = 2.5;\n    ctx.strokeStyle = getComputedStyle(element).color || '#000';\n    for (const stroke of strokes) {\n      ctx.beginPath();\n      stroke.forEach((vertex, i) =>\n        i === 0 ? ctx.moveTo(vertex.x, vertex.y) : ctx.lineTo(vertex.x, vertex.y),\n      );\n      ctx.stroke();\n    }\n  }, [strokes, tab]);\n\n  const point = (event: React.PointerEvent<HTMLCanvasElement>) => {\n    const rect = event.currentTarget.getBoundingClientRect();\n    return { x: event.clientX - rect.left, y: event.clientY - rect.top };\n  };\n  const commitStrokes = (next: Stroke[]) => {\n    setStrokes(next);\n    // A mark's strokes go down the page, as the pad's do.\n    onChange(\n      next.length ? { kind: 'ink', strokes: next, color: '#000000', strokeWidth: 2.5 } : null,\n    );\n  };\n  const commitText = async (next: string, key: string) => {\n    setText(next);\n    setFont(key);\n    if (!next.trim()) {\n      onChange(null);\n      return;\n    }\n    await registerFont(key);\n    onChange({ kind: 'text', text: next.trim(), fontFamily: key, color: '#000000', fontSize: 36 });\n  };\n  const pickFile = (file: File) => {\n    setFileName(file.name);\n    onChange(\n      file.type === 'application/pdf'\n        ? { kind: 'pdf', source: file, pageIndex: 0 }\n        : { kind: 'image', source: file },\n    );\n  };\n\n  const tabClass = (id: Tab) =>\n    `rounded px-2 py-1 text-xs font-medium ${tab === id ? 'bg-accent text-on-accent' : 'text-fg-muted hover:bg-hover'}`;\n  return (\n    <div className=\"flex flex-col gap-2\">\n      <div className=\"flex items-center gap-1\">\n        <button type=\"button\" className={tabClass('draw')} onClick={() => setTab('draw')}>\n          {t('demo.makerDraw')}\n        </button>\n        {fonts.length > 0 ? (\n          <button\n            type=\"button\"\n            className={tabClass('type')}\n            onClick={() => {\n              setTab('type');\n              // The font is read while the name is typed, so the mark is ready when it is.\n              registerFont(font).catch((error: unknown) =>\n                console.error('[embedpdf] loading the signature font failed:', error),\n              );\n            }}\n          >\n            {t('demo.makerType')}\n          </button>\n        ) : null}\n        <button type=\"button\" className={tabClass('upload')} onClick={() => setTab('upload')}>\n          {t('demo.makerUpload')}\n        </button>\n        <div className=\"flex-1\" />\n        {value ? (\n          <button\n            type=\"button\"\n            onClick={() => {\n              commitStrokes([]);\n              setText('');\n              setFileName(null);\n              onChange(null);\n            }}\n            className=\"text-fg-muted hover:text-fg text-xs\"\n          >\n            {t('demo.makerClear')}\n          </button>\n        ) : null}\n      </div>\n      {tab === 'draw' ? (\n        <canvas\n          ref={canvas}\n          style={{ width: PAD.width, height: PAD.height, touchAction: 'none' }}\n          className=\"border-border-subtle bg-surface text-fg rounded-md border\"\n          onPointerDown={(event) => {\n            event.currentTarget.setPointerCapture(event.pointerId);\n            drawing.current = [point(event)];\n            setStrokes((previous) => [...previous, drawing.current!]);\n          }}\n          onPointerMove={(event) => {\n            if (!drawing.current) return;\n            drawing.current.push(point(event));\n            setStrokes((previous) => [...previous.slice(0, -1), [...drawing.current!]]);\n          }}\n          onPointerUp={() => {\n            if (!drawing.current) return;\n            const done = drawing.current;\n            drawing.current = null;\n            setStrokes((previous) => {\n              const next = [...previous.slice(0, -1), done];\n              commitStrokes(next);\n              return next;\n            });\n          }}\n        />\n      ) : tab === 'type' ? (\n        <div className=\"flex flex-col gap-2\">\n          <input\n            value={text}\n            placeholder={t('demo.makerTypePlaceholder')}\n            onChange={(event) => void commitText(event.target.value, font)}\n            className=\"border-border bg-surface text-fg w-full rounded border px-2 py-1.5 text-sm\"\n          />\n          <label className=\"text-fg-muted flex items-center gap-2 text-xs\">\n            {t('demo.makerFont')}\n            <select\n              value={font}\n              onChange={(event) => void commitText(text, event.target.value)}\n              className=\"border-border bg-surface text-fg rounded border px-2 py-1 text-xs\"\n            >\n              {fonts.map((fontOption) => (\n                <option key={fontOption.key} value={fontOption.key}>\n                  {fontOption.label}\n                </option>\n              ))}\n            </select>\n          </label>\n        </div>\n      ) : (\n        <label className=\"border-border-subtle text-fg-muted hover:bg-hover flex h-24 cursor-pointer items-center justify-center rounded-md border border-dashed text-sm\">\n          {fileName ?? t('demo.makerUploadHint')}\n          <input\n            type=\"file\"\n            accept=\"image/png,image/jpeg,application/pdf\"\n            className=\"hidden\"\n            onChange={(event) => {\n              const file = event.currentTarget.files?.[0];\n              event.currentTarget.value = '';\n              if (file) pickFile(file);\n            }}\n          />\n        </label>\n      )}\n    </div>\n  );\n}\n\nexport function SignatureMakerModal() {\n  const t = useT();\n  const surface = useSurface('signature-maker');\n  const stamp = useStamp();\n  const kernel = useKernel();\n  const config = useSignatureSettings();\n  const [name, setName] = useState('');\n  const [signatureMark, setSignatureMark] = useState<MarkSource | null>(null);\n  const [initialsMark, setInitialsMark] = useState<MarkSource | null>(null);\n  const [busy, setBusy] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const titleId = useId();\n\n  const existingId = surface.props?.libraryId as string | undefined;\n  const existing = existingId ? stamp.getLibrary(existingId) : null;\n  const wantsInitials = (config.kinds ?? ['signature', 'initials']).includes('initials');\n  const [fonts] = useState(() => markFontsOf(config.fonts));\n  // A font is registered on the engine the stamp plugin authors with (the viewer's own) the\n  // first time the Type tab opens on it, or a typed mark uses it.\n  const registerFont = async (key: string) => {\n    const font = fonts.find((each) => each.key === key);\n    if (font) await registerMarkFont(kernel.engine, font);\n  };\n\n  if (!surface.isOpen) return null;\n\n  const canSave = existing ? initialsMark != null : name.trim().length > 0 && signatureMark != null;\n  const save = async () => {\n    setBusy(true);\n    setError(null);\n    try {\n      if (existing) {\n        await stamp.createAsset({\n          libraryId: existing.id,\n          name: INITIALS_MARK_NAME,\n          label: t('demo.initialsLabel'),\n          mark: initialsMark!,\n        });\n      } else {\n        const { library } = await stamp.createLibrary(name.trim(), {\n          kind: SIGNATURES_LIBRARY_KIND,\n        });\n        const libraryId = library.id;\n        await stamp.createAsset({\n          libraryId,\n          name: SIGNATURE_MARK_NAME,\n          label: t('demo.signatureLabel'),\n          mark: signatureMark!,\n        });\n        if (initialsMark) {\n          await stamp.createAsset({\n            libraryId,\n            name: INITIALS_MARK_NAME,\n            label: t('demo.initialsLabel'),\n            mark: initialsMark,\n          });\n        }\n      }\n      setName('');\n      setSignatureMark(null);\n      setInitialsMark(null);\n      surface.close();\n    } catch (error) {\n      console.error('[embedpdf] saving the signature failed:', error);\n      setError(t('demo.makerError'));\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  return (\n    <Dialog\n      labelledBy={titleId}\n      onClose={() => {\n        if (!busy) surface.close();\n      }}\n      className=\"border-border bg-surface w-[26rem] rounded-lg border p-4 shadow-xl\"\n    >\n      <div className=\"flex items-center justify-between\">\n        <h2 id={titleId} className=\"text-fg text-base font-semibold\">\n          {existing ? t('demo.signaturesAddInitials') : t('demo.makerTitle')}\n        </h2>\n        <button\n          type=\"button\"\n          onClick={surface.close}\n          className=\"text-fg-muted hover:bg-hover grid h-7 w-7 place-items-center rounded-md\"\n          aria-label={t('demo.cancel')}\n        >\n          <Icon name=\"x\" size={16} />\n        </button>\n      </div>\n      {existing ? null : (\n        <label className=\"text-fg-muted mt-3 block text-xs\">\n          {t('demo.makerName')}\n          <input\n            value={name}\n            placeholder={t('demo.makerNamePlaceholder')}\n            onChange={(event) => setName(event.target.value)}\n            className=\"border-border bg-surface text-fg mt-1 w-full rounded border px-2 py-1.5 text-sm\"\n          />\n        </label>\n      )}\n      {existing ? null : (\n        <div className=\"mt-3\">\n          <p className=\"text-fg mb-1 text-xs font-semibold uppercase tracking-wide\">\n            {t('demo.signatureLabel')}\n          </p>\n          <MarkPad\n            value={signatureMark}\n            onChange={setSignatureMark}\n            fonts={fonts}\n            registerFont={registerFont}\n          />\n        </div>\n      )}\n      {wantsInitials ? (\n        <div className=\"mt-3\">\n          <p className=\"text-fg mb-1 text-xs font-semibold uppercase tracking-wide\">\n            {t('demo.initialsLabel')}\n            {existing ? null : (\n              <span className=\"text-fg-muted ms-1 font-normal normal-case tracking-normal\">\n                {t('demo.makerOptional')}\n              </span>\n            )}\n          </p>\n          <MarkPad\n            value={initialsMark}\n            onChange={setInitialsMark}\n            fonts={fonts}\n            registerFont={registerFont}\n          />\n        </div>\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}\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        <button\n          type=\"button\"\n          disabled={busy || !canSave}\n          onClick={() => void save()}\n          className=\"bg-accent text-on-accent rounded-md px-3 py-1.5 text-sm disabled:opacity-60\"\n        >\n          {busy ? t('demo.makerSaving') : t('demo.makerSave')}\n        </button>\n      </div>\n    </Dialog>\n  );\n}\n"],"mappings":"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"}