@unlev/exeq 0.1.0

package/dist/index.mjs

@@ -0,0 +1,1266 @@
+// src/components/pdf-builder/DesignerView.tsx
+import { useState as useState3, useCallback as useCallback3, useEffect as useEffect2 } from "react";
+
+// src/types/pdf-builder.ts
+function generateId() {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+    return crypto.randomUUID();
+  }
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+    const r = Math.random() * 16 | 0;
+    const v = c === "x" ? r : r & 3 | 8;
+    return v.toString(16);
+  });
+}
+var DEFAULT_SIGNER_ROLES = ["Sender", "Signer 1"];
+var SIGNER_ROLE_COLORS = {
+  "Sender": "#6366f1",
+  "Signer 1": "#22c55e",
+  "Signer 2": "#f59e0b",
+  "Signer 3": "#ef4444",
+  "Signer 4": "#06b6d4",
+  "Signer 5": "#d946ef"
+};
+function getSignerColor(role) {
+  return SIGNER_ROLE_COLORS[role] || "#888888";
+}
+var FIELD_DEFAULTS = {
+  text: {
+    width: 20,
+    height: 3,
+    fontSize: 12,
+    placeholder: "Enter text",
+    textSubtype: "freeform"
+  },
+  signature: {
+    width: 20,
+    height: 6,
+    fontSize: 12,
+    placeholder: "Sign here"
+  },
+  "signed-date": {
+    width: 15,
+    height: 3,
+    fontSize: 12,
+    placeholder: "Date"
+  },
+  checkbox: {
+    width: 2.5,
+    height: 2.5,
+    fontSize: 12,
+    placeholder: ""
+  },
+  initials: {
+    width: 8,
+    height: 5,
+    fontSize: 12,
+    placeholder: "Initials"
+  }
+};
+function createField(type, assignee, page, x, y) {
+  const defaults = FIELD_DEFAULTS[type];
+  return {
+    id: generateId(),
+    type,
+    label: type === "text" ? "Text Field" : type === "signature" ? "Signature" : type === "signed-date" ? "Signed Date" : type === "checkbox" ? "Checkbox" : "Initials",
+    placeholder: defaults.placeholder || "",
+    required: true,
+    assignee,
+    page,
+    x,
+    y,
+    width: defaults.width || 20,
+    height: defaults.height || 3,
+    fontSize: defaults.fontSize || 12,
+    value: "",
+    ...type === "text" ? { textSubtype: defaults.textSubtype } : {}
+  };
+}
+
+// src/utils/pdfRenderer.ts
+import * as pdfjsLib from "pdfjs-dist";
+if (typeof window !== "undefined") {
+  pdfjsLib.GlobalWorkerOptions.workerSrc = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjsLib.version}/pdf.worker.min.mjs`;
+}
+async function renderPdfPages(source, scale = 2) {
+  const loadingTask = pdfjsLib.getDocument(
+    typeof source === "string" ? { url: source } : { data: source }
+  );
+  const pdf = await loadingTask.promise;
+  const pages = [];
+  for (let i = 1; i <= pdf.numPages; i++) {
+    const page = await pdf.getPage(i);
+    const viewport = page.getViewport({ scale });
+    const canvas = document.createElement("canvas");
+    canvas.width = viewport.width;
+    canvas.height = viewport.height;
+    const ctx = canvas.getContext("2d");
+    await page.render({ canvasContext: ctx, viewport }).promise;
+    pages.push({
+      pageNumber: i,
+      dataUrl: canvas.toDataURL("image/png"),
+      width: viewport.width,
+      height: viewport.height
+    });
+  }
+  return pages;
+}
+
+// src/components/pdf-builder/PdfViewer.tsx
+import { useRef, useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function PdfViewer({
+  pages,
+  fields,
+  selectedFieldId,
+  onSelectField,
+  onFieldMove,
+  onFieldResize,
+  onPageClick,
+  mode,
+  currentSigner,
+  renderFieldContent
+}) {
+  const containerRef = useRef(null);
+  const handlePageClick = useCallback((e, pageIndex) => {
+    const target = e.target;
+    if (target.closest(".field-overlay")) return;
+    if (onPageClick) {
+      const rect = e.currentTarget.getBoundingClientRect();
+      const x = (e.clientX - rect.left) / rect.width * 100;
+      const y = (e.clientY - rect.top) / rect.height * 100;
+      onPageClick(pageIndex, x, y);
+    } else {
+      onSelectField(null);
+    }
+  }, [onPageClick, onSelectField]);
+  return /* @__PURE__ */ jsx("div", { className: "pdf-viewer", ref: containerRef, children: pages.map((page, pageIndex) => {
+    const pageFields = fields.filter((f) => f.page === pageIndex);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "pdf-page",
+        style: { aspectRatio: `${page.width} / ${page.height}` },
+        onClick: (e) => handlePageClick(e, pageIndex),
+        "data-page": pageIndex,
+        children: [
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: page.dataUrl,
+              alt: `Page ${pageIndex + 1}`,
+              className: "pdf-page-image",
+              draggable: false
+            }
+          ),
+          pageFields.map((field) => /* @__PURE__ */ jsx(
+            FieldOverlayItem,
+            {
+              field,
+              isSelected: field.id === selectedFieldId,
+              onSelect: () => onSelectField(field.id),
+              onMove: onFieldMove,
+              onResize: onFieldResize,
+              mode,
+              currentSigner,
+              renderContent: renderFieldContent
+            },
+            field.id
+          ))
+        ]
+      },
+      pageIndex
+    );
+  }) });
+}
+function FieldOverlayItem({
+  field,
+  isSelected,
+  onSelect,
+  onMove,
+  onResize,
+  mode,
+  currentSigner,
+  renderContent
+}) {
+  const overlayRef = useRef(null);
+  const dragStartRef = useRef(null);
+  const resizeStartRef = useRef(null);
+  const color = getSignerColor(field.assignee);
+  const isEditable = mode === "designer" || mode === "signer" && field.assignee === currentSigner;
+  const isPreFilled = !isEditable && !!field.value;
+  const handleMouseDown = useCallback((e) => {
+    if (mode !== "designer" || !onMove) return;
+    e.preventDefault();
+    e.stopPropagation();
+    onSelect();
+    const pageEl = overlayRef.current?.closest(".pdf-page");
+    if (!pageEl) return;
+    dragStartRef.current = {
+      startX: e.clientX,
+      startY: e.clientY,
+      fieldX: field.x,
+      fieldY: field.y
+    };
+    const handleMouseMove = (e2) => {
+      if (!dragStartRef.current) return;
+      const rect = pageEl.getBoundingClientRect();
+      const dx = (e2.clientX - dragStartRef.current.startX) / rect.width * 100;
+      const dy = (e2.clientY - dragStartRef.current.startY) / rect.height * 100;
+      const newX = Math.max(0, Math.min(100 - field.width, dragStartRef.current.fieldX + dx));
+      const newY = Math.max(0, Math.min(100 - field.height, dragStartRef.current.fieldY + dy));
+      onMove(field.id, field.page, newX, newY);
+    };
+    const handleMouseUp = () => {
+      dragStartRef.current = null;
+      window.removeEventListener("mousemove", handleMouseMove);
+      window.removeEventListener("mouseup", handleMouseUp);
+    };
+    window.addEventListener("mousemove", handleMouseMove);
+    window.addEventListener("mouseup", handleMouseUp);
+  }, [field, mode, onMove, onSelect]);
+  const handleResizeMouseDown = useCallback((e) => {
+    if (mode !== "designer" || !onResize) return;
+    e.preventDefault();
+    e.stopPropagation();
+    const pageEl = overlayRef.current?.closest(".pdf-page");
+    if (!pageEl) return;
+    resizeStartRef.current = {
+      startX: e.clientX,
+      startY: e.clientY,
+      fieldW: field.width,
+      fieldH: field.height
+    };
+    const handleMouseMove = (e2) => {
+      if (!resizeStartRef.current) return;
+      const rect = pageEl.getBoundingClientRect();
+      const dw = (e2.clientX - resizeStartRef.current.startX) / rect.width * 100;
+      const dh = (e2.clientY - resizeStartRef.current.startY) / rect.height * 100;
+      const newW = Math.max(2, Math.min(100 - field.x, resizeStartRef.current.fieldW + dw));
+      const newH = Math.max(1.5, Math.min(100 - field.y, resizeStartRef.current.fieldH + dh));
+      onResize(field.id, newW, newH);
+    };
+    const handleMouseUp = () => {
+      resizeStartRef.current = null;
+      window.removeEventListener("mousemove", handleMouseMove);
+      window.removeEventListener("mouseup", handleMouseUp);
+    };
+    window.addEventListener("mousemove", handleMouseMove);
+    window.addEventListener("mouseup", handleMouseUp);
+  }, [field, mode, onResize]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: overlayRef,
+      className: `field-overlay ${isSelected ? "selected" : ""} ${isEditable ? "editable" : "readonly"} ${isPreFilled ? "prefilled" : ""}`,
+      style: {
+        left: `${field.x}%`,
+        top: `${field.y}%`,
+        width: `${field.width}%`,
+        height: `${field.height}%`,
+        borderColor: color,
+        backgroundColor: isSelected ? `${color}22` : `${color}11`,
+        cursor: mode === "designer" ? "move" : "default"
+      },
+      onClick: (e) => {
+        e.stopPropagation();
+        onSelect();
+      },
+      onMouseDown: handleMouseDown,
+      children: [
+        mode === "designer" && /* @__PURE__ */ jsx("div", { className: "field-overlay-label", style: { backgroundColor: color }, children: field.label }),
+        renderContent ? renderContent(field) : /* @__PURE__ */ jsx("div", { className: "field-overlay-placeholder", children: field.value || field.placeholder }),
+        mode === "designer" && isSelected && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "field-resize-handle",
+            onMouseDown: handleResizeMouseDown
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/pdf-builder/FieldPropertyPanel.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function FieldPropertyPanel({ field, signerRoles, onUpdate, onDelete }) {
+  const color = getSignerColor(field.assignee);
+  return /* @__PURE__ */ jsxs2("div", { className: "field-property-panel", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "panel-header", children: [
+      /* @__PURE__ */ jsx2("h3", { style: { color }, children: field.label }),
+      /* @__PURE__ */ jsx2("button", { onClick: () => onDelete(field.id), className: "panel-delete-btn", children: "Delete" })
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { className: "panel-field", children: [
+      /* @__PURE__ */ jsx2("label", { children: "Label" }),
+      /* @__PURE__ */ jsx2(
+        "input",
+        {
+          type: "text",
+          value: field.label,
+          onChange: (e) => onUpdate(field.id, { label: e.target.value })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { className: "panel-field", children: [
+      /* @__PURE__ */ jsx2("label", { children: "Field Type" }),
+      /* @__PURE__ */ jsxs2(
+        "select",
+        {
+          value: field.type,
+          onChange: (e) => onUpdate(field.id, { type: e.target.value }),
+          children: [
+            /* @__PURE__ */ jsx2("option", { value: "text", children: "Text" }),
+            /* @__PURE__ */ jsx2("option", { value: "signature", children: "Signature" }),
+            /* @__PURE__ */ jsx2("option", { value: "signed-date", children: "Signed Date" }),
+            /* @__PURE__ */ jsx2("option", { value: "checkbox", children: "Checkbox" }),
+            /* @__PURE__ */ jsx2("option", { value: "initials", children: "Initials" })
+          ]
+        }
+      )
+    ] }),
+    field.type === "text" && /* @__PURE__ */ jsxs2("div", { className: "panel-field", children: [
+      /* @__PURE__ */ jsx2("label", { children: "Text Type" }),
+      /* @__PURE__ */ jsxs2(
+        "select",
+        {
+          value: field.textSubtype || "freeform",
+          onChange: (e) => onUpdate(field.id, { textSubtype: e.target.value }),
+          children: [
+            /* @__PURE__ */ jsx2("option", { value: "freeform", children: "Freeform" }),
+            /* @__PURE__ */ jsx2("option", { value: "number", children: "Number" }),
+            /* @__PURE__ */ jsx2("option", { value: "date", children: "Date" }),
+            /* @__PURE__ */ jsx2("option", { value: "email", children: "Email" }),
+            /* @__PURE__ */ jsx2("option", { value: "phone", children: "Phone" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { className: "panel-field", children: [
+      /* @__PURE__ */ jsx2("label", { children: "Assigned To" }),
+      /* @__PURE__ */ jsx2(
+        "select",
+        {
+          value: field.assignee,
+          onChange: (e) => onUpdate(field.id, { assignee: e.target.value }),
+          children: signerRoles.map((role) => /* @__PURE__ */ jsx2("option", { value: role, style: { color: getSignerColor(role) }, children: role }, role))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { className: "panel-field", children: [
+      /* @__PURE__ */ jsx2("label", { children: "Placeholder" }),
+      /* @__PURE__ */ jsx2(
+        "input",
+        {
+          type: "text",
+          value: field.placeholder,
+          onChange: (e) => onUpdate(field.id, { placeholder: e.target.value })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx2("div", { className: "panel-field", children: /* @__PURE__ */ jsxs2("label", { className: "panel-checkbox-label", children: [
+      /* @__PURE__ */ jsx2(
+        "input",
+        {
+          type: "checkbox",
+          checked: field.required,
+          onChange: (e) => onUpdate(field.id, { required: e.target.checked })
+        }
+      ),
+      "Required"
+    ] }) }),
+    field.type !== "checkbox" && /* @__PURE__ */ jsxs2("div", { className: "panel-field", children: [
+      /* @__PURE__ */ jsx2("label", { children: "Font Size (pt)" }),
+      /* @__PURE__ */ jsx2(
+        "input",
+        {
+          type: "number",
+          min: "6",
+          max: "72",
+          value: field.fontSize,
+          onChange: (e) => onUpdate(field.id, { fontSize: Number(e.target.value) })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs2("div", { className: "panel-field-group", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "panel-field", children: [
+        /* @__PURE__ */ jsx2("label", { children: "Width (%)" }),
+        /* @__PURE__ */ jsx2(
+          "input",
+          {
+            type: "number",
+            min: "1",
+            max: "100",
+            step: "0.5",
+            value: field.width,
+            onChange: (e) => onUpdate(field.id, { width: Number(e.target.value) })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { className: "panel-field", children: [
+        /* @__PURE__ */ jsx2("label", { children: "Height (%)" }),
+        /* @__PURE__ */ jsx2(
+          "input",
+          {
+            type: "number",
+            min: "1",
+            max: "100",
+            step: "0.5",
+            value: field.height,
+            onChange: (e) => onUpdate(field.id, { height: Number(e.target.value) })
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+// src/components/pdf-builder/SignerRoleSelector.tsx
+import { useState } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function SignerRoleSelector({
+  roles,
+  activeRole,
+  onSetActiveRole,
+  onAddRole,
+  onRemoveRole
+}) {
+  const [isAdding, setIsAdding] = useState(false);
+  const [newRoleName, setNewRoleName] = useState("");
+  const handleAdd = () => {
+    if (newRoleName.trim()) {
+      onAddRole(newRoleName.trim());
+      setNewRoleName("");
+      setIsAdding(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs3("div", { className: "signer-role-selector", children: [
+    /* @__PURE__ */ jsx3("div", { className: "signer-role-label", children: "Signer Roles" }),
+    /* @__PURE__ */ jsxs3("div", { className: "signer-role-list", children: [
+      roles.map((role) => /* @__PURE__ */ jsxs3(
+        "button",
+        {
+          className: `signer-role-chip ${role === activeRole ? "active" : ""}`,
+          style: {
+            borderColor: getSignerColor(role),
+            backgroundColor: role === activeRole ? getSignerColor(role) : "transparent",
+            color: role === activeRole ? "#fff" : getSignerColor(role)
+          },
+          onClick: () => onSetActiveRole(role),
+          children: [
+            role,
+            roles.length > 1 && role !== "Sender" && /* @__PURE__ */ jsx3(
+              "span",
+              {
+                className: "signer-role-remove",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  onRemoveRole(role);
+                },
+                children: "\xD7"
+              }
+            )
+          ]
+        },
+        role
+      )),
+      isAdding ? /* @__PURE__ */ jsxs3("div", { className: "signer-role-add-input", children: [
+        /* @__PURE__ */ jsx3(
+          "input",
+          {
+            type: "text",
+            value: newRoleName,
+            onChange: (e) => setNewRoleName(e.target.value),
+            onKeyDown: (e) => e.key === "Enter" && handleAdd(),
+            placeholder: "Role name",
+            autoFocus: true
+          }
+        ),
+        /* @__PURE__ */ jsx3("button", { onClick: handleAdd, children: "Add" }),
+        /* @__PURE__ */ jsx3("button", { onClick: () => setIsAdding(false), children: "Cancel" })
+      ] }) : /* @__PURE__ */ jsx3(
+        "button",
+        {
+          className: "signer-role-add-btn",
+          onClick: () => setIsAdding(true),
+          children: "+ Add Role"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/components/pdf-builder/SignatureCanvas.tsx
+import { useRef as useRef2, useState as useState2, useCallback as useCallback2, useEffect } from "react";
+import { getStroke } from "perfect-freehand";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function getSvgPathFromStroke(stroke) {
+  if (!stroke.length) return "";
+  const d = stroke.reduce(
+    (acc, [x0, y0], i, arr) => {
+      const [x1, y1] = arr[(i + 1) % arr.length];
+      acc.push(x0, y0, (x0 + x1) / 2, (y0 + y1) / 2);
+      return acc;
+    },
+    ["M", ...stroke[0], "Q"]
+  );
+  d.push("Z");
+  return d.join(" ");
+}
+function SignatureCanvas({
+  width = 400,
+  height = 150,
+  onSign,
+  initialValue,
+  className
+}) {
+  const canvasRef = useRef2(null);
+  const [paths, setPaths] = useState2([]);
+  const [currentPath, setCurrentPath] = useState2(null);
+  const [isEmpty, setIsEmpty] = useState2(!initialValue);
+  useEffect(() => {
+    if (initialValue && canvasRef.current) {
+      const ctx = canvasRef.current.getContext("2d");
+      const img = new Image();
+      img.onload = () => {
+        ctx.clearRect(0, 0, width, height);
+        ctx.drawImage(img, 0, 0, width, height);
+      };
+      img.src = initialValue;
+    }
+  }, [initialValue, width, height]);
+  useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const ctx = canvas.getContext("2d");
+    ctx.clearRect(0, 0, width, height);
+    const allPaths = currentPath ? [...paths, currentPath] : paths;
+    for (const path of allPaths) {
+      const stroke = getStroke(path, {
+        size: 3,
+        thinning: 0.5,
+        smoothing: 0.5,
+        streamline: 0.5
+      });
+      const pathStr = getSvgPathFromStroke(stroke);
+      const path2d = new Path2D(pathStr);
+      ctx.fillStyle = "#000";
+      ctx.fill(path2d);
+    }
+  }, [paths, currentPath, width, height]);
+  const getPoint = useCallback2((e) => {
+    const rect = canvasRef.current.getBoundingClientRect();
+    return [
+      e.clientX - rect.left,
+      e.clientY - rect.top,
+      e.pressure
+    ];
+  }, []);
+  const handlePointerDown = useCallback2((e) => {
+    e.preventDefault();
+    e.target.setPointerCapture(e.pointerId);
+    setCurrentPath([getPoint(e)]);
+  }, [getPoint]);
+  const handlePointerMove = useCallback2((e) => {
+    if (!currentPath) return;
+    e.preventDefault();
+    setCurrentPath([...currentPath, getPoint(e)]);
+  }, [currentPath, getPoint]);
+  const handlePointerUp = useCallback2(() => {
+    if (!currentPath) return;
+    setPaths((prev) => [...prev, currentPath]);
+    setCurrentPath(null);
+    setIsEmpty(false);
+    requestAnimationFrame(() => {
+      if (canvasRef.current) {
+        onSign(canvasRef.current.toDataURL("image/png"));
+      }
+    });
+  }, [currentPath, onSign]);
+  const handleClear = useCallback2(() => {
+    setPaths([]);
+    setCurrentPath(null);
+    setIsEmpty(true);
+    const canvas = canvasRef.current;
+    if (canvas) {
+      const ctx = canvas.getContext("2d");
+      ctx.clearRect(0, 0, width, height);
+      onSign("");
+    }
+  }, [width, height, onSign]);
+  return /* @__PURE__ */ jsxs4("div", { className: `signature-canvas-wrapper ${className || ""}`, children: [
+    /* @__PURE__ */ jsx4(
+      "canvas",
+      {
+        ref: canvasRef,
+        width,
+        height,
+        className: "signature-canvas",
+        onPointerDown: handlePointerDown,
+        onPointerMove: handlePointerMove,
+        onPointerUp: handlePointerUp,
+        style: { touchAction: "none" }
+      }
+    ),
+    /* @__PURE__ */ jsxs4("div", { className: "signature-canvas-actions", children: [
+      !isEmpty && /* @__PURE__ */ jsx4("button", { type: "button", onClick: handleClear, className: "signature-clear-btn", children: "Clear" }),
+      isEmpty && /* @__PURE__ */ jsx4("span", { className: "signature-hint", children: "Draw your signature above" })
+    ] })
+  ] });
+}
+
+// src/components/pdf-builder/DesignerView.tsx
+import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function DesignerView() {
+  const [pages, setPages] = useState3([]);
+  const [fields, setFields] = useState3([]);
+  const [selectedFieldId, setSelectedFieldId] = useState3(null);
+  const [signerRoles, setSignerRoles] = useState3([...DEFAULT_SIGNER_ROLES]);
+  const [activeRole, setActiveRole] = useState3("Sender");
+  const [activeFieldType, setActiveFieldType] = useState3("text");
+  const [loading, setLoading] = useState3(false);
+  const [pdfSource, setPdfSource] = useState3(null);
+  useEffect2(() => {
+    const params = new URLSearchParams(window.location.search);
+    const pdfUrl = params.get("pdf");
+    if (pdfUrl) {
+      loadPdf(pdfUrl);
+    }
+    const handleMessage = (e) => {
+      if (e.data?.type === "load-pdf" && e.data.url) {
+        loadPdf(e.data.url);
+      }
+      if (e.data?.type === "load-template") {
+        if (e.data.fields) setFields(e.data.fields);
+        if (e.data.signerRoles) setSignerRoles(e.data.signerRoles);
+        if (e.data.pdfUrl) loadPdf(e.data.pdfUrl);
+      }
+    };
+    window.addEventListener("message", handleMessage);
+    return () => window.removeEventListener("message", handleMessage);
+  }, []);
+  const loadPdf = useCallback3(async (source) => {
+    setLoading(true);
+    try {
+      const rendered = await renderPdfPages(source);
+      setPages(rendered);
+      setPdfSource(source);
+    } catch (err) {
+      console.error("Failed to load PDF:", err);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  const handleFileUpload = useCallback3((e) => {
+    const file = e.target.files?.[0];
+    if (!file) return;
+    const reader = new FileReader();
+    reader.onload = () => {
+      if (reader.result) loadPdf(reader.result);
+    };
+    reader.readAsArrayBuffer(file);
+  }, [loadPdf]);
+  const handlePageClick = useCallback3((page, x, y) => {
+    const field = createField(activeFieldType, activeRole, page, x, y);
+    setFields((prev) => [...prev, field]);
+    setSelectedFieldId(field.id);
+  }, [activeFieldType, activeRole]);
+  const handleFieldMove = useCallback3((id, page, x, y) => {
+    setFields((prev) => prev.map((f) => f.id === id ? { ...f, page, x, y } : f));
+  }, []);
+  const handleFieldResize = useCallback3((id, width, height) => {
+    setFields((prev) => prev.map((f) => f.id === id ? { ...f, width, height } : f));
+  }, []);
+  const handleFieldUpdate = useCallback3((id, updates) => {
+    setFields((prev) => prev.map((f) => f.id === id ? { ...f, ...updates } : f));
+  }, []);
+  const handleFieldDelete = useCallback3((id) => {
+    setFields((prev) => prev.filter((f) => f.id !== id));
+    if (selectedFieldId === id) setSelectedFieldId(null);
+  }, [selectedFieldId]);
+  const handleAddRole = useCallback3((role) => {
+    if (!signerRoles.includes(role)) {
+      setSignerRoles((prev) => [...prev, role]);
+    }
+  }, [signerRoles]);
+  const handleRemoveRole = useCallback3((role) => {
+    setSignerRoles((prev) => prev.filter((r) => r !== role));
+    setFields((prev) => prev.map((f) => f.assignee === role ? { ...f, assignee: signerRoles[0] } : f));
+    if (activeRole === role) setActiveRole(signerRoles[0]);
+  }, [signerRoles, activeRole]);
+  const handleExport = useCallback3(() => {
+    const template = {
+      fields,
+      signerRoles,
+      pdfUrl: typeof pdfSource === "string" ? pdfSource : ""
+    };
+    const json = JSON.stringify(template, null, 2);
+    const blob = new Blob([json], { type: "application/json" });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = "template.json";
+    a.click();
+    URL.revokeObjectURL(url);
+    window.parent?.postMessage({ type: "template-saved", template }, "*");
+  }, [fields, signerRoles, pdfSource]);
+  const selectedField = fields.find((f) => f.id === selectedFieldId) || null;
+  const renderFieldContent = useCallback3((field) => {
+    if (field.type === "signature" || field.type === "initials") {
+      if (field.value) {
+        return /* @__PURE__ */ jsx5("img", { src: field.value, alt: field.label, className: "field-signature-preview" });
+      }
+    }
+    return /* @__PURE__ */ jsx5("div", { className: "field-overlay-placeholder", children: field.value || field.placeholder });
+  }, []);
+  return /* @__PURE__ */ jsxs5("div", { className: "designer-layout", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "designer-toolbar", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "toolbar-left", children: [
+        !pages.length && /* @__PURE__ */ jsxs5("label", { className: "upload-btn", children: [
+          "Upload PDF",
+          /* @__PURE__ */ jsx5("input", { type: "file", accept: ".pdf", onChange: handleFileUpload, hidden: true })
+        ] }),
+        pages.length > 0 && /* @__PURE__ */ jsxs5(Fragment, { children: [
+          /* @__PURE__ */ jsxs5("label", { className: "upload-btn upload-btn-small", children: [
+            "Change PDF",
+            /* @__PURE__ */ jsx5("input", { type: "file", accept: ".pdf", onChange: handleFileUpload, hidden: true })
+          ] }),
+          /* @__PURE__ */ jsx5("div", { className: "field-type-selector", children: ["text", "signature", "signed-date", "checkbox", "initials"].map((type) => /* @__PURE__ */ jsx5(
+            "button",
+            {
+              className: `field-type-btn ${activeFieldType === type ? "active" : ""}`,
+              onClick: () => setActiveFieldType(type),
+              children: type === "text" ? "Text" : type === "signature" ? "Signature" : type === "signed-date" ? "Date" : type === "checkbox" ? "Checkbox" : "Initials"
+            },
+            type
+          )) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx5("div", { className: "toolbar-right", children: pages.length > 0 && /* @__PURE__ */ jsx5("button", { onClick: handleExport, className: "export-btn", children: "Export Template" }) })
+    ] }),
+    pages.length > 0 && /* @__PURE__ */ jsx5(
+      SignerRoleSelector,
+      {
+        roles: signerRoles,
+        activeRole,
+        onSetActiveRole: setActiveRole,
+        onAddRole: handleAddRole,
+        onRemoveRole: handleRemoveRole
+      }
+    ),
+    /* @__PURE__ */ jsxs5("div", { className: "designer-content", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "designer-pdf-area", children: [
+        loading && /* @__PURE__ */ jsx5("div", { className: "loading-indicator", children: "Loading PDF..." }),
+        !pages.length && !loading && /* @__PURE__ */ jsxs5("div", { className: "empty-state", children: [
+          /* @__PURE__ */ jsx5("h2", { children: "Upload a PDF to get started" }),
+          /* @__PURE__ */ jsx5("p", { children: "Upload a template PDF, then click on the page to place form fields." }),
+          /* @__PURE__ */ jsxs5("label", { className: "upload-btn upload-btn-large", children: [
+            "Choose PDF File",
+            /* @__PURE__ */ jsx5("input", { type: "file", accept: ".pdf", onChange: handleFileUpload, hidden: true })
+          ] })
+        ] }),
+        pages.length > 0 && /* @__PURE__ */ jsx5(
+          PdfViewer,
+          {
+            pages,
+            fields,
+            selectedFieldId,
+            onSelectField: setSelectedFieldId,
+            onFieldMove: handleFieldMove,
+            onFieldResize: handleFieldResize,
+            onPageClick: handlePageClick,
+            mode: "designer",
+            renderFieldContent
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs5("div", { className: "designer-panel", children: [
+        selectedField ? /* @__PURE__ */ jsxs5(Fragment, { children: [
+          /* @__PURE__ */ jsx5(
+            FieldPropertyPanel,
+            {
+              field: selectedField,
+              signerRoles,
+              onUpdate: handleFieldUpdate,
+              onDelete: handleFieldDelete
+            }
+          ),
+          selectedField.assignee === activeRole && /* @__PURE__ */ jsxs5("div", { className: "prefill-section", children: [
+            /* @__PURE__ */ jsx5("h4", { children: "Pre-fill Value" }),
+            selectedField.type === "signature" || selectedField.type === "initials" ? /* @__PURE__ */ jsx5(
+              SignatureCanvas,
+              {
+                width: 300,
+                height: selectedField.type === "initials" ? 100 : 150,
+                onSign: (dataUrl) => handleFieldUpdate(selectedField.id, { value: dataUrl }),
+                initialValue: selectedField.value
+              }
+            ) : selectedField.type === "checkbox" ? /* @__PURE__ */ jsxs5("label", { className: "panel-checkbox-label", children: [
+              /* @__PURE__ */ jsx5(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: selectedField.value === "true",
+                  onChange: (e) => handleFieldUpdate(selectedField.id, { value: e.target.checked ? "true" : "" })
+                }
+              ),
+              "Checked"
+            ] }) : /* @__PURE__ */ jsx5(
+              "input",
+              {
+                type: selectedField.textSubtype === "email" ? "email" : selectedField.textSubtype === "number" ? "number" : selectedField.textSubtype === "phone" ? "tel" : selectedField.textSubtype === "date" ? "date" : "text",
+                value: selectedField.value,
+                onChange: (e) => handleFieldUpdate(selectedField.id, { value: e.target.value }),
+                placeholder: `Pre-fill ${selectedField.label}`,
+                className: "prefill-input"
+              }
+            )
+          ] })
+        ] }) : /* @__PURE__ */ jsx5("div", { className: "panel-empty", children: pages.length > 0 ? "Click on the PDF to place a field, or select an existing field to edit its properties." : "Upload a PDF to begin designing your template." }),
+        fields.length > 0 && /* @__PURE__ */ jsxs5("div", { className: "field-list", children: [
+          /* @__PURE__ */ jsxs5("h4", { children: [
+            "All Fields (",
+            fields.length,
+            ")"
+          ] }),
+          fields.map((f, i) => /* @__PURE__ */ jsxs5(
+            "div",
+            {
+              className: `field-list-item ${f.id === selectedFieldId ? "active" : ""}`,
+              onClick: () => setSelectedFieldId(f.id),
+              children: [
+                /* @__PURE__ */ jsx5(
+                  "span",
+                  {
+                    className: "field-list-dot",
+                    style: { backgroundColor: getSignerColor(f.assignee) }
+                  }
+                ),
+                /* @__PURE__ */ jsx5("span", { className: "field-list-name", children: f.label }),
+                /* @__PURE__ */ jsxs5("span", { className: "field-list-page", children: [
+                  "p",
+                  f.page + 1
+                ] }),
+                f.required && /* @__PURE__ */ jsx5("span", { className: "field-list-required", children: "*" })
+              ]
+            },
+            f.id
+          ))
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs5("div", { className: "powered-by", children: [
+      "Powered by ",
+      /* @__PURE__ */ jsx5("a", { href: "https://exeq.org", target: "_blank", rel: "noopener noreferrer", children: "Exeq.org" })
+    ] })
+  ] });
+}
+
+// src/components/pdf-builder/SignerView.tsx
+import { useState as useState4, useCallback as useCallback4, useEffect as useEffect3, useRef as useRef3 } from "react";
+
+// src/utils/pdfFiller.ts
+import { PDFDocument, rgb, StandardFonts } from "pdf-lib";
+async function generateFilledPdf(pdfSource, fields) {
+  let pdfBytes;
+  if (typeof pdfSource === "string") {
+    const res = await fetch(pdfSource);
+    pdfBytes = await res.arrayBuffer();
+  } else {
+    pdfBytes = pdfSource;
+  }
+  const pdfDoc = await PDFDocument.load(pdfBytes);
+  const font = await pdfDoc.embedFont(StandardFonts.Helvetica);
+  const pages = pdfDoc.getPages();
+  for (const field of fields) {
+    if (!field.value) continue;
+    const page = pages[field.page];
+    if (!page) continue;
+    const pageWidth = page.getWidth();
+    const pageHeight = page.getHeight();
+    const x = field.x / 100 * pageWidth;
+    const y = pageHeight - field.y / 100 * pageHeight - field.height / 100 * pageHeight;
+    const w = field.width / 100 * pageWidth;
+    const h = field.height / 100 * pageHeight;
+    if (field.type === "checkbox") {
+      if (field.value === "true") {
+        const inset = Math.min(w, h) * 0.2;
+        const lineWidth = Math.min(w, h) * 0.08;
+        page.drawLine({
+          start: { x: x + inset, y: y + inset },
+          end: { x: x + w - inset, y: y + h - inset },
+          thickness: lineWidth,
+          color: rgb(0, 0, 0)
+        });
+        page.drawLine({
+          start: { x: x + w - inset, y: y + inset },
+          end: { x: x + inset, y: y + h - inset },
+          thickness: lineWidth,
+          color: rgb(0, 0, 0)
+        });
+      }
+    } else if (field.type === "signature" || field.type === "initials") {
+      if (field.value.startsWith("data:image/png")) {
+        const pngBytes = Uint8Array.from(
+          atob(field.value.split(",")[1]),
+          (c) => c.charCodeAt(0)
+        );
+        const pngImage = await pdfDoc.embedPng(pngBytes);
+        page.drawImage(pngImage, {
+          x,
+          y,
+          width: w,
+          height: h
+        });
+      }
+    } else {
+      const fontSize = Math.min(field.fontSize, h * 0.7);
+      page.drawText(field.value, {
+        x: x + 2,
+        y: y + h * 0.3,
+        size: fontSize,
+        font,
+        color: rgb(0, 0, 0),
+        maxWidth: w - 4
+      });
+    }
+  }
+  return pdfDoc.save();
+}
+function downloadPdf(bytes, filename) {
+  const blob = new Blob([bytes.slice().buffer], { type: "application/pdf" });
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = filename;
+  a.click();
+  URL.revokeObjectURL(url);
+}
+async function postPdfToCallback(bytes, callbackUrl, filename) {
+  const blob = new Blob([bytes.slice().buffer], { type: "application/pdf" });
+  const formData = new FormData();
+  formData.append("file", blob, filename);
+  await fetch(callbackUrl, {
+    method: "POST",
+    body: formData
+  });
+}
+
+// src/components/pdf-builder/FieldNavigator.tsx
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function FieldNavigator({
+  fields,
+  currentFieldId,
+  onNavigate,
+  allRequiredFilled,
+  onSubmit
+}) {
+  const currentIndex = fields.findIndex((f) => f.id === currentFieldId);
+  const hasPrev = currentIndex > 0;
+  const hasNext = currentIndex < fields.length - 1;
+  const handlePrev = () => {
+    if (hasPrev) {
+      onNavigate(fields[currentIndex - 1].id);
+    }
+  };
+  const handleNext = () => {
+    if (hasNext) {
+      onNavigate(fields[currentIndex + 1].id);
+    }
+  };
+  const filledCount = fields.filter((f) => {
+    if (!f.required) return true;
+    if (f.type === "checkbox") return true;
+    return !!f.value;
+  }).length;
+  return /* @__PURE__ */ jsxs6("div", { className: "field-navigator", children: [
+    /* @__PURE__ */ jsxs6("div", { className: "field-navigator-progress", children: [
+      filledCount,
+      " of ",
+      fields.length,
+      " fields completed"
+    ] }),
+    /* @__PURE__ */ jsxs6("div", { className: "field-navigator-controls", children: [
+      /* @__PURE__ */ jsx6(
+        "button",
+        {
+          onClick: handlePrev,
+          disabled: !hasPrev,
+          className: "nav-btn",
+          children: "Prev"
+        }
+      ),
+      /* @__PURE__ */ jsx6("span", { className: "field-navigator-position", children: currentIndex >= 0 ? `${currentIndex + 1} / ${fields.length}` : "-" }),
+      /* @__PURE__ */ jsx6(
+        "button",
+        {
+          onClick: handleNext,
+          disabled: !hasNext,
+          className: "nav-btn",
+          children: "Next"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx6(
+      "button",
+      {
+        onClick: onSubmit,
+        disabled: !allRequiredFilled,
+        className: "submit-btn",
+        children: "Complete & Download"
+      }
+    )
+  ] });
+}
+
+// src/components/pdf-builder/SignerView.tsx
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+function SignerView({
+  initialPdfUrl,
+  initialTemplate,
+  initialSigner,
+  callbackUrl: initialCallbackUrl,
+  onComplete
+} = {}) {
+  const [pages, setPages] = useState4([]);
+  const [fields, setFields] = useState4([]);
+  const [selectedFieldId, setSelectedFieldId] = useState4(null);
+  const [signer, setSigner] = useState4(initialSigner || "Signer 1");
+  const [loading, setLoading] = useState4(false);
+  const [submitting, setSubmitting] = useState4(false);
+  const [pdfSource, setPdfSource] = useState4(null);
+  const [callbackUrl, setCallbackUrl] = useState4(initialCallbackUrl || "");
+  const containerRef = useRef3(null);
+  useEffect3(() => {
+    if (initialTemplate) {
+      setFields(initialTemplate.fields);
+      if (initialPdfUrl) loadPdf(initialPdfUrl);
+      return;
+    }
+    const params = new URLSearchParams(window.location.search);
+    const pdfUrl = params.get("pdf");
+    const fieldsUrl = params.get("fields");
+    const signerParam = params.get("signer");
+    const cbUrl = params.get("callbackUrl");
+    if (signerParam) setSigner(signerParam);
+    if (cbUrl) setCallbackUrl(cbUrl);
+    if (pdfUrl) loadPdf(pdfUrl);
+    if (fieldsUrl) {
+      fetch(fieldsUrl).then((r) => r.json()).then((template) => setFields(template.fields)).catch((err) => console.error("Failed to load fields:", err));
+    }
+    const handleMessage = (e) => {
+      if (e.data?.type === "load-signing") {
+        if (e.data.fields) setFields(e.data.fields);
+        if (e.data.pdfUrl) loadPdf(e.data.pdfUrl);
+        if (e.data.signer) setSigner(e.data.signer);
+        if (e.data.callbackUrl) setCallbackUrl(e.data.callbackUrl);
+      }
+    };
+    window.addEventListener("message", handleMessage);
+    return () => window.removeEventListener("message", handleMessage);
+  }, [initialTemplate, initialPdfUrl]);
+  const loadPdf = useCallback4(async (source) => {
+    setLoading(true);
+    try {
+      const rendered = await renderPdfPages(source);
+      setPages(rendered);
+      setPdfSource(source);
+    } catch (err) {
+      console.error("Failed to load PDF:", err);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  const editableFields = fields.filter((f) => f.assignee === signer);
+  const selectedField = fields.find((f) => f.id === selectedFieldId) || null;
+  const isFieldEditable = selectedField ? selectedField.assignee === signer : false;
+  const handleFieldUpdate = useCallback4((id, value) => {
+    setFields((prev) => prev.map((f) => f.id === id ? { ...f, value } : f));
+  }, []);
+  const handleNavigate = useCallback4((fieldId) => {
+    setSelectedFieldId(fieldId);
+    const field = fields.find((f) => f.id === fieldId);
+    if (field && containerRef.current) {
+      const pageEl = containerRef.current.querySelector(`[data-page="${field.page}"]`);
+      if (pageEl) {
+        pageEl.scrollIntoView({ behavior: "smooth", block: "center" });
+      }
+    }
+  }, [fields]);
+  const allRequiredFilled = editableFields.every((f) => {
+    if (!f.required) return true;
+    if (f.type === "checkbox") return true;
+    return !!f.value;
+  });
+  const handleSubmit = useCallback4(async () => {
+    if (!pdfSource || !allRequiredFilled) return;
+    setSubmitting(true);
+    try {
+      const pdfBytes = await generateFilledPdf(pdfSource, fields);
+      const blob = new Blob([pdfBytes.slice().buffer], { type: "application/pdf" });
+      downloadPdf(pdfBytes, "signed-document.pdf");
+      if (callbackUrl) {
+        await postPdfToCallback(pdfBytes, callbackUrl, "signed-document.pdf");
+      }
+      if (onComplete) {
+        onComplete(blob);
+      }
+      window.parent?.postMessage({ type: "signing-complete" }, "*");
+    } catch (err) {
+      console.error("Failed to generate PDF:", err);
+    } finally {
+      setSubmitting(false);
+    }
+  }, [pdfSource, fields, callbackUrl, allRequiredFilled, onComplete]);
+  const renderFieldContent = useCallback4((field) => {
+    const editable = field.assignee === signer;
+    if (!editable) {
+      if (field.type === "signature" || field.type === "initials") {
+        return field.value ? /* @__PURE__ */ jsx7("img", { src: field.value, alt: field.label, className: "field-signature-preview" }) : /* @__PURE__ */ jsx7("div", { className: "field-overlay-placeholder readonly", children: field.placeholder });
+      }
+      if (field.type === "checkbox") {
+        return /* @__PURE__ */ jsx7("div", { className: "field-checkbox-display readonly", children: field.value === "true" ? "\u2713" : "" });
+      }
+      return /* @__PURE__ */ jsx7("div", { className: "field-overlay-placeholder readonly", children: field.value || field.placeholder });
+    }
+    if (field.type === "signature" || field.type === "initials") {
+      if (field.value) {
+        return /* @__PURE__ */ jsx7("div", { className: "field-signature-filled", onClick: () => handleFieldUpdate(field.id, ""), children: /* @__PURE__ */ jsx7("img", { src: field.value, alt: field.label, className: "field-signature-preview" }) });
+      }
+      return /* @__PURE__ */ jsx7("div", { className: "field-overlay-placeholder editable", children: field.placeholder });
+    }
+    if (field.type === "checkbox") {
+      return /* @__PURE__ */ jsx7(
+        "div",
+        {
+          className: "field-checkbox-display editable",
+          onClick: (e) => {
+            e.stopPropagation();
+            handleFieldUpdate(field.id, field.value === "true" ? "" : "true");
+          },
+          children: field.value === "true" ? "\u2713" : ""
+        }
+      );
+    }
+    if (field.type === "signed-date") {
+      return /* @__PURE__ */ jsx7("div", { className: "field-overlay-value", children: field.value || (/* @__PURE__ */ new Date()).toLocaleDateString() });
+    }
+    return /* @__PURE__ */ jsx7(
+      "input",
+      {
+        type: field.textSubtype === "email" ? "email" : field.textSubtype === "number" ? "number" : field.textSubtype === "phone" ? "tel" : field.textSubtype === "date" ? "date" : "text",
+        className: "field-inline-input",
+        value: field.value,
+        placeholder: field.placeholder,
+        onChange: (e) => handleFieldUpdate(field.id, e.target.value),
+        onClick: (e) => e.stopPropagation(),
+        style: { fontSize: `${field.fontSize * 0.6}px` }
+      }
+    );
+  }, [signer, handleFieldUpdate]);
+  useEffect3(() => {
+    const sigFields = fields.filter((f) => f.assignee === signer && f.type === "signature" && f.value);
+    if (sigFields.length > 0) {
+      const dateStr = (/* @__PURE__ */ new Date()).toLocaleDateString();
+      setFields((prev) => prev.map((f) => {
+        if (f.assignee === signer && f.type === "signed-date" && !f.value) {
+          return { ...f, value: dateStr };
+        }
+        return f;
+      }));
+    }
+  }, [fields.filter((f) => f.type === "signature" && f.value).length]);
+  return /* @__PURE__ */ jsxs7("div", { className: "signer-layout", ref: containerRef, children: [
+    loading && /* @__PURE__ */ jsx7("div", { className: "loading-indicator", children: "Loading document..." }),
+    /* @__PURE__ */ jsxs7("div", { className: "signer-content", children: [
+      /* @__PURE__ */ jsx7("div", { className: "signer-pdf-area", children: pages.length > 0 && /* @__PURE__ */ jsx7(
+        PdfViewer,
+        {
+          pages,
+          fields,
+          selectedFieldId,
+          onSelectField: setSelectedFieldId,
+          mode: "signer",
+          currentSigner: signer,
+          renderFieldContent
+        }
+      ) }),
+      /* @__PURE__ */ jsxs7("div", { className: "signer-panel", children: [
+        selectedField && isFieldEditable && /* @__PURE__ */ jsxs7("div", { className: "signer-field-input", children: [
+          /* @__PURE__ */ jsx7("h3", { children: selectedField.label }),
+          selectedField.required && /* @__PURE__ */ jsx7("span", { className: "required-badge", children: "Required" }),
+          (selectedField.type === "signature" || selectedField.type === "initials") && /* @__PURE__ */ jsx7(
+            SignatureCanvas,
+            {
+              width: 280,
+              height: selectedField.type === "initials" ? 80 : 120,
+              onSign: (dataUrl) => handleFieldUpdate(selectedField.id, dataUrl),
+              initialValue: selectedField.value
+            }
+          ),
+          selectedField.type === "text" && /* @__PURE__ */ jsx7(
+            "input",
+            {
+              type: selectedField.textSubtype === "email" ? "email" : selectedField.textSubtype === "number" ? "number" : selectedField.textSubtype === "phone" ? "tel" : selectedField.textSubtype === "date" ? "date" : "text",
+              value: selectedField.value,
+              onChange: (e) => handleFieldUpdate(selectedField.id, e.target.value),
+              placeholder: selectedField.placeholder,
+              className: "signer-text-input"
+            }
+          ),
+          selectedField.type === "checkbox" && /* @__PURE__ */ jsxs7("label", { className: "signer-checkbox-label", children: [
+            /* @__PURE__ */ jsx7(
+              "input",
+              {
+                type: "checkbox",
+                checked: selectedField.value === "true",
+                onChange: (e) => handleFieldUpdate(selectedField.id, e.target.checked ? "true" : "")
+              }
+            ),
+            selectedField.placeholder || "Check this box"
+          ] }),
+          selectedField.type === "signed-date" && /* @__PURE__ */ jsx7("div", { className: "signer-date-display", children: selectedField.value || "Will auto-fill when you sign" })
+        ] }),
+        selectedField && !isFieldEditable && /* @__PURE__ */ jsxs7("div", { className: "signer-field-readonly", children: [
+          /* @__PURE__ */ jsx7("h3", { children: selectedField.label }),
+          /* @__PURE__ */ jsx7("p", { children: "This field belongs to another signer." })
+        ] }),
+        !selectedField && editableFields.length > 0 && /* @__PURE__ */ jsx7("div", { className: "panel-empty", children: "Select a field to fill it in, or use the navigation below." }),
+        /* @__PURE__ */ jsx7(
+          FieldNavigator,
+          {
+            fields: editableFields,
+            currentFieldId: selectedFieldId,
+            onNavigate: handleNavigate,
+            allRequiredFilled,
+            onSubmit: handleSubmit
+          }
+        ),
+        submitting && /* @__PURE__ */ jsx7("div", { className: "loading-indicator", children: "Generating PDF..." })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs7("div", { className: "powered-by", children: [
+      "Powered by ",
+      /* @__PURE__ */ jsx7("a", { href: "https://exeq.org", target: "_blank", rel: "noopener noreferrer", children: "Exeq.org" })
+    ] })
+  ] });
+}
+export {
+  DEFAULT_SIGNER_ROLES,
+  DesignerView,
+  FIELD_DEFAULTS,
+  FieldNavigator,
+  FieldPropertyPanel,
+  PdfViewer,
+  SIGNER_ROLE_COLORS,
+  SignatureCanvas,
+  SignerRoleSelector,
+  SignerView,
+  createField,
+  downloadPdf,
+  generateFilledPdf,
+  getSignerColor,
+  postPdfToCallback,
+  renderPdfPages
+};
+//# sourceMappingURL=index.mjs.map