@arbidocs/blocks 0.4.101 → 0.4.103

package/dist/chunk-6MG62I5B.cjs

@@ -0,0 +1,272 @@
+"use client";
+'use strict';
+
+var chunkULWRNGGE_cjs = require('./chunk-ULWRNGGE.cjs');
+var react = require('react');
+var documentTools = require('@arbidocs/react/document-tools');
+var ui = require('@arbidocs/react/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+var CANVAS_W = 600;
+var CANVAS_H = 200;
+var TYPED_SIGNATURE_STYLE = {
+  fontFamily: '"Times New Roman", Times, serif',
+  fontStyle: "italic",
+  color: "#0d1a59"
+};
+function blank(canvas) {
+  const ctx = canvas?.getContext("2d");
+  if (!canvas || !ctx) return true;
+  const { data } = ctx.getImageData(0, 0, canvas.width, canvas.height);
+  for (let i = 3; i < data.length; i += 4) if (data[i] > 0) return false;
+  return true;
+}
+async function drawUpload(canvas, file) {
+  const url = URL.createObjectURL(file);
+  try {
+    const img = new Image();
+    await new Promise((resolve, reject) => {
+      img.onload = () => resolve();
+      img.onerror = () => reject(new Error("That file is not an image"));
+      img.src = url;
+    });
+    const ctx = canvas.getContext("2d");
+    ctx.clearRect(0, 0, canvas.width, canvas.height);
+    const scale = Math.min(canvas.width / img.width, canvas.height / img.height);
+    const w = img.width * scale;
+    const h = img.height * scale;
+    ctx.drawImage(img, (canvas.width - w) / 2, (canvas.height - h) / 2, w, h);
+    const pixels = ctx.getImageData(0, 0, canvas.width, canvas.height);
+    for (let i = 0; i < pixels.data.length; i += 4) {
+      const [r, g, b] = [pixels.data[i], pixels.data[i + 1], pixels.data[i + 2]];
+      if (r > 225 && g > 225 && b > 225) pixels.data[i + 3] = 0;
+    }
+    ctx.putImageData(pixels, 0, 0);
+  } finally {
+    URL.revokeObjectURL(url);
+  }
+}
+function AdoptSignatureDialog({
+  open,
+  onOpenChange,
+  defaultName,
+  onAdopt
+}) {
+  const [name, setName] = react.useState(defaultName);
+  const [initials, setInitials] = react.useState(() => documentTools.initialsOf(defaultName));
+  const [style, setStyle] = react.useState("typed");
+  const [hasInk, setHasInk] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const drawRef = react.useRef(null);
+  const uploadRef = react.useRef(null);
+  const drawing = react.useRef(false);
+  react.useEffect(() => {
+    if (open) {
+      setName(defaultName);
+      setInitials(documentTools.initialsOf(defaultName));
+    }
+  }, [open, defaultName]);
+  const canvas = () => style === "drawn" ? drawRef.current : uploadRef.current;
+  const pos = (e) => {
+    const r = e.currentTarget.getBoundingClientRect();
+    return {
+      x: (e.clientX - r.left) / r.width * CANVAS_W,
+      y: (e.clientY - r.top) / r.height * CANVAS_H
+    };
+  };
+  const start = (e) => {
+    const ctx = e.currentTarget.getContext("2d");
+    if (!ctx) return;
+    e.currentTarget.setPointerCapture?.(e.pointerId);
+    drawing.current = true;
+    const p = pos(e);
+    ctx.lineWidth = 3.5;
+    ctx.lineCap = "round";
+    ctx.lineJoin = "round";
+    ctx.strokeStyle = TYPED_SIGNATURE_STYLE.color;
+    ctx.beginPath();
+    ctx.moveTo(p.x, p.y);
+  };
+  const move = (e) => {
+    if (!drawing.current) return;
+    const ctx = e.currentTarget.getContext("2d");
+    const p = pos(e);
+    ctx?.lineTo(p.x, p.y);
+    ctx?.stroke();
+    setHasInk(true);
+  };
+  const clear = () => {
+    const c = canvas();
+    c?.getContext("2d")?.clearRect(0, 0, CANVAS_W, CANVAS_H);
+    setHasInk(false);
+  };
+  const adopt = () => {
+    setError(null);
+    if (!name.trim() || !initials.trim()) return;
+    if (style === "typed") {
+      onAdopt({
+        adopted: { name: name.trim(), initials: initials.trim(), style },
+        signatureUrl: null
+      });
+      return;
+    }
+    const c = canvas();
+    if (!c || blank(c)) {
+      setError(style === "drawn" ? "Draw your signature first." : "Choose an image first.");
+      return;
+    }
+    const url = c.toDataURL("image/png");
+    onAdopt({
+      adopted: {
+        name: name.trim(),
+        initials: initials.trim(),
+        style,
+        signature_image: url.slice(url.indexOf(",") + 1)
+      },
+      signatureUrl: url
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    chunkULWRNGGE_cjs.ModalScaffold,
+    {
+      open,
+      onOpenChange,
+      title: "Adopt your signature",
+      description: "You adopt it once and apply it at each place you are asked to sign.",
+      showDescription: true,
+      testId: "adopt-signature-dialog",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkULWRNGGE_cjs.ModalScaffold.Body, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[1fr_7rem] gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "adopt-name", children: "Full name" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Input,
+                {
+                  id: "adopt-name",
+                  value: name,
+                  onChange: (e) => {
+                    setName(e.target.value);
+                    setInitials(documentTools.initialsOf(e.target.value));
+                  },
+                  "data-testid": "adopt-signature-name"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Label, { htmlFor: "adopt-initials", children: "Initials" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Input,
+                {
+                  id: "adopt-initials",
+                  value: initials,
+                  maxLength: 12,
+                  onChange: (e) => setInitials(e.target.value),
+                  "data-testid": "adopt-signature-initials"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            ui.Tabs,
+            {
+              value: style,
+              onValueChange: (v) => {
+                setStyle(v);
+                setError(null);
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(ui.TabsList, { className: "grid w-full grid-cols-3", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.TabsTrigger, { value: "typed", "data-testid": "adopt-tab-typed", children: "Type" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.TabsTrigger, { value: "drawn", "data-testid": "adopt-tab-drawn", children: "Draw" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.TabsTrigger, { value: "uploaded", "data-testid": "adopt-tab-uploaded", children: "Upload" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.TabsContent, { value: "typed", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: "flex h-28 items-center justify-center rounded-md border bg-white px-4 text-4xl",
+                    style: TYPED_SIGNATURE_STYLE,
+                    "data-testid": "adopt-signature-typed-preview",
+                    children: name.trim() || "Your name"
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.TabsContent, { value: "drawn", forceMount: true, hidden: style !== "drawn", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "canvas",
+                  {
+                    ref: drawRef,
+                    width: CANVAS_W,
+                    height: CANVAS_H,
+                    className: "h-28 w-full touch-none rounded-md border bg-white",
+                    "aria-label": "Draw your signature",
+                    onPointerDown: start,
+                    onPointerMove: move,
+                    onPointerUp: () => drawing.current = false,
+                    onPointerLeave: () => drawing.current = false,
+                    "data-testid": "adopt-signature-canvas"
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsxs(ui.TabsContent, { value: "uploaded", forceMount: true, hidden: style !== "uploaded", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "canvas",
+                    {
+                      ref: uploadRef,
+                      width: CANVAS_W,
+                      height: CANVAS_H,
+                      className: "h-28 w-full rounded-md border bg-white",
+                      "aria-label": "Uploaded signature"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    ui.Input,
+                    {
+                      type: "file",
+                      accept: "image/png,image/jpeg,image/webp",
+                      className: "mt-2",
+                      onChange: async (e) => {
+                        const file = e.target.files?.[0];
+                        if (!file || !uploadRef.current) return;
+                        try {
+                          await drawUpload(uploadRef.current, file);
+                          setHasInk(true);
+                          setError(null);
+                        } catch (err) {
+                          setError(err instanceof Error ? err.message : "The image could not be read");
+                        }
+                      },
+                      "data-testid": "adopt-signature-upload"
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          style !== "typed" && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { type: "button", variant: "ghost", size: "sm", onClick: clear, disabled: !hasInk, children: "Clear" }),
+          name.trim() && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+            "By adopting it you agree to sign electronically: \u201C",
+            documentTools.intentText({ name }),
+            "\u201D"
+          ] }),
+          error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-red-text", role: "alert", children: error })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(chunkULWRNGGE_cjs.ModalScaffold.Footer, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { type: "button", variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
+            {
+              type: "button",
+              onClick: adopt,
+              disabled: !name.trim() || !initials.trim(),
+              "data-testid": "adopt-signature-submit",
+              children: "Adopt and sign"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+exports.AdoptSignatureDialog = AdoptSignatureDialog;
+exports.TYPED_SIGNATURE_STYLE = TYPED_SIGNATURE_STYLE;
+//# sourceMappingURL=chunk-6MG62I5B.cjs.map
+//# sourceMappingURL=chunk-6MG62I5B.cjs.map

package/dist/chunk-6MG62I5B.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/document-tools/AdoptSignatureDialog.tsx"],"names":["useState","initialsOf","useRef","useEffect","jsxs","ModalScaffold","jsx","Label","Input","Tabs","TabsList","TabsTrigger","TabsContent","Button","intentText"],"mappings":"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","file":"chunk-6MG62I5B.cjs","sourcesContent":["/**\n * Adopt a signature once, before applying it at each field: type it (the name in a signature\n * face, as the signed PDF draws it), draw it, or upload an image of it. Initials are typed. A drawn\n * or uploaded signature is handed on as a PNG (white made transparent); the server re-encodes it.\n */\n\nimport { useEffect, useRef, useState, type PointerEvent, type ReactElement } from 'react'\nimport { initialsOf, intentText, type AdoptedSignature } from '@arbidocs/react/document-tools'\nimport { Button, Input, Label, Tabs, TabsContent, TabsList, TabsTrigger } from '@arbidocs/react/ui'\nimport { ModalScaffold } from '../settings/ModalScaffold'\n\nexport interface AdoptedMark {\n  adopted: AdoptedSignature\n  /** A data URL of the drawn/uploaded signature, for showing it at each field; null when typed. */\n  signatureUrl: string | null\n}\n\nexport interface AdoptSignatureDialogProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  defaultName: string\n  onAdopt: (mark: AdoptedMark) => void\n}\n\nconst CANVAS_W = 600\nconst CANVAS_H = 200\n/** Typed signatures look like the PDF will: an italic serif in ink blue. */\nexport const TYPED_SIGNATURE_STYLE = {\n  fontFamily: '\"Times New Roman\", Times, serif',\n  fontStyle: 'italic',\n  color: '#0d1a59',\n} as const\n\ntype Style = AdoptedSignature['style']\n\nfunction blank(canvas: HTMLCanvasElement | null): boolean {\n  const ctx = canvas?.getContext('2d')\n  if (!canvas || !ctx) return true\n  const { data } = ctx.getImageData(0, 0, canvas.width, canvas.height)\n  for (let i = 3; i < data.length; i += 4) if (data[i]! > 0) return false\n  return true\n}\n\n/** Draw an uploaded image into the canvas, fitted, with near-white made transparent. */\nasync function drawUpload(canvas: HTMLCanvasElement, file: File): Promise<void> {\n  const url = URL.createObjectURL(file)\n  try {\n    const img = new Image()\n    await new Promise<void>((resolve, reject) => {\n      img.onload = () => resolve()\n      img.onerror = () => reject(new Error('That file is not an image'))\n      img.src = url\n    })\n    const ctx = canvas.getContext('2d')!\n    ctx.clearRect(0, 0, canvas.width, canvas.height)\n    const scale = Math.min(canvas.width / img.width, canvas.height / img.height)\n    const w = img.width * scale\n    const h = img.height * scale\n    ctx.drawImage(img, (canvas.width - w) / 2, (canvas.height - h) / 2, w, h)\n    const pixels = ctx.getImageData(0, 0, canvas.width, canvas.height)\n    for (let i = 0; i < pixels.data.length; i += 4) {\n      const [r, g, b] = [pixels.data[i]!, pixels.data[i + 1]!, pixels.data[i + 2]!]\n      if (r > 225 && g > 225 && b > 225) pixels.data[i + 3] = 0\n    }\n    ctx.putImageData(pixels, 0, 0)\n  } finally {\n    URL.revokeObjectURL(url)\n  }\n}\n\nexport function AdoptSignatureDialog({\n  open,\n  onOpenChange,\n  defaultName,\n  onAdopt,\n}: AdoptSignatureDialogProps): ReactElement {\n  const [name, setName] = useState(defaultName)\n  const [initials, setInitials] = useState(() => initialsOf(defaultName))\n  const [style, setStyle] = useState<Style>('typed')\n  const [hasInk, setHasInk] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n  const drawRef = useRef<HTMLCanvasElement>(null)\n  const uploadRef = useRef<HTMLCanvasElement>(null)\n  const drawing = useRef(false)\n\n  useEffect(() => {\n    if (open) {\n      setName(defaultName)\n      setInitials(initialsOf(defaultName))\n    }\n  }, [open, defaultName])\n\n  const canvas = () => (style === 'drawn' ? drawRef.current : uploadRef.current)\n\n  const pos = (e: PointerEvent<HTMLCanvasElement>) => {\n    const r = e.currentTarget.getBoundingClientRect()\n    return {\n      x: ((e.clientX - r.left) / r.width) * CANVAS_W,\n      y: ((e.clientY - r.top) / r.height) * CANVAS_H,\n    }\n  }\n\n  const start = (e: PointerEvent<HTMLCanvasElement>) => {\n    const ctx = e.currentTarget.getContext('2d')\n    if (!ctx) return\n    e.currentTarget.setPointerCapture?.(e.pointerId)\n    drawing.current = true\n    const p = pos(e)\n    ctx.lineWidth = 3.5\n    ctx.lineCap = 'round'\n    ctx.lineJoin = 'round'\n    ctx.strokeStyle = TYPED_SIGNATURE_STYLE.color\n    ctx.beginPath()\n    ctx.moveTo(p.x, p.y)\n  }\n  const move = (e: PointerEvent<HTMLCanvasElement>) => {\n    if (!drawing.current) return\n    const ctx = e.currentTarget.getContext('2d')\n    const p = pos(e)\n    ctx?.lineTo(p.x, p.y)\n    ctx?.stroke()\n    setHasInk(true)\n  }\n  const clear = () => {\n    const c = canvas()\n    c?.getContext('2d')?.clearRect(0, 0, CANVAS_W, CANVAS_H)\n    setHasInk(false)\n  }\n\n  const adopt = () => {\n    setError(null)\n    if (!name.trim() || !initials.trim()) return\n    if (style === 'typed') {\n      onAdopt({\n        adopted: { name: name.trim(), initials: initials.trim(), style },\n        signatureUrl: null,\n      })\n      return\n    }\n    const c = canvas()\n    if (!c || blank(c)) {\n      setError(style === 'drawn' ? 'Draw your signature first.' : 'Choose an image first.')\n      return\n    }\n    const url = c.toDataURL('image/png')\n    onAdopt({\n      adopted: {\n        name: name.trim(),\n        initials: initials.trim(),\n        style,\n        signature_image: url.slice(url.indexOf(',') + 1),\n      },\n      signatureUrl: url,\n    })\n  }\n\n  return (\n    <ModalScaffold\n      open={open}\n      onOpenChange={onOpenChange}\n      title=\"Adopt your signature\"\n      description=\"You adopt it once and apply it at each place you are asked to sign.\"\n      showDescription\n      testId=\"adopt-signature-dialog\"\n    >\n      <ModalScaffold.Body>\n        <div className=\"grid grid-cols-[1fr_7rem] gap-3\">\n          <div className=\"space-y-1.5\">\n            <Label htmlFor=\"adopt-name\">Full name</Label>\n            <Input\n              id=\"adopt-name\"\n              value={name}\n              onChange={(e) => {\n                setName(e.target.value)\n                setInitials(initialsOf(e.target.value))\n              }}\n              data-testid=\"adopt-signature-name\"\n            />\n          </div>\n          <div className=\"space-y-1.5\">\n            <Label htmlFor=\"adopt-initials\">Initials</Label>\n            <Input\n              id=\"adopt-initials\"\n              value={initials}\n              maxLength={12}\n              onChange={(e) => setInitials(e.target.value)}\n              data-testid=\"adopt-signature-initials\"\n            />\n          </div>\n        </div>\n        <Tabs\n          value={style}\n          onValueChange={(v) => {\n            setStyle(v as Style)\n            setError(null)\n          }}\n        >\n          <TabsList className=\"grid w-full grid-cols-3\">\n            <TabsTrigger value=\"typed\" data-testid=\"adopt-tab-typed\">\n              Type\n            </TabsTrigger>\n            <TabsTrigger value=\"drawn\" data-testid=\"adopt-tab-drawn\">\n              Draw\n            </TabsTrigger>\n            <TabsTrigger value=\"uploaded\" data-testid=\"adopt-tab-uploaded\">\n              Upload\n            </TabsTrigger>\n          </TabsList>\n          <TabsContent value=\"typed\">\n            <div\n              className=\"flex h-28 items-center justify-center rounded-md border bg-white px-4 text-4xl\"\n              style={TYPED_SIGNATURE_STYLE}\n              data-testid=\"adopt-signature-typed-preview\"\n            >\n              {name.trim() || 'Your name'}\n            </div>\n          </TabsContent>\n          <TabsContent value=\"drawn\" forceMount hidden={style !== 'drawn'}>\n            <canvas\n              ref={drawRef}\n              width={CANVAS_W}\n              height={CANVAS_H}\n              className=\"h-28 w-full touch-none rounded-md border bg-white\"\n              aria-label=\"Draw your signature\"\n              onPointerDown={start}\n              onPointerMove={move}\n              onPointerUp={() => (drawing.current = false)}\n              onPointerLeave={() => (drawing.current = false)}\n              data-testid=\"adopt-signature-canvas\"\n            />\n          </TabsContent>\n          <TabsContent value=\"uploaded\" forceMount hidden={style !== 'uploaded'}>\n            <canvas\n              ref={uploadRef}\n              width={CANVAS_W}\n              height={CANVAS_H}\n              className=\"h-28 w-full rounded-md border bg-white\"\n              aria-label=\"Uploaded signature\"\n            />\n            <Input\n              type=\"file\"\n              accept=\"image/png,image/jpeg,image/webp\"\n              className=\"mt-2\"\n              onChange={async (e) => {\n                const file = e.target.files?.[0]\n                if (!file || !uploadRef.current) return\n                try {\n                  await drawUpload(uploadRef.current, file)\n                  setHasInk(true)\n                  setError(null)\n                } catch (err) {\n                  setError(err instanceof Error ? err.message : 'The image could not be read')\n                }\n              }}\n              data-testid=\"adopt-signature-upload\"\n            />\n          </TabsContent>\n        </Tabs>\n        {style !== 'typed' && (\n          <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={clear} disabled={!hasInk}>\n            Clear\n          </Button>\n        )}\n        {name.trim() && (\n          <p className=\"text-xs text-muted-foreground\">\n            By adopting it you agree to sign electronically: “{intentText({ name })}”\n          </p>\n        )}\n        {error && (\n          <p className=\"text-sm text-red-text\" role=\"alert\">\n            {error}\n          </p>\n        )}\n      </ModalScaffold.Body>\n      <ModalScaffold.Footer>\n        <Button type=\"button\" variant=\"outline\" onClick={() => onOpenChange(false)}>\n          Cancel\n        </Button>\n        <Button\n          type=\"button\"\n          onClick={adopt}\n          disabled={!name.trim() || !initials.trim()}\n          data-testid=\"adopt-signature-submit\"\n        >\n          Adopt and sign\n        </Button>\n      </ModalScaffold.Footer>\n    </ModalScaffold>\n  )\n}\n"]}