@unlev/exeq 0.1.0

package/dist/index.js

@@ -0,0 +1,1318 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/lib/index.ts
+var lib_exports = {};
+__export(lib_exports, {
+  DEFAULT_SIGNER_ROLES: () => DEFAULT_SIGNER_ROLES,
+  DesignerView: () => DesignerView,
+  FIELD_DEFAULTS: () => FIELD_DEFAULTS,
+  FieldNavigator: () => FieldNavigator,
+  FieldPropertyPanel: () => FieldPropertyPanel,
+  PdfViewer: () => PdfViewer,
+  SIGNER_ROLE_COLORS: () => SIGNER_ROLE_COLORS,
+  SignatureCanvas: () => SignatureCanvas,
+  SignerRoleSelector: () => SignerRoleSelector,
+  SignerView: () => SignerView,
+  createField: () => createField,
+  downloadPdf: () => downloadPdf,
+  generateFilledPdf: () => generateFilledPdf,
+  getSignerColor: () => getSignerColor,
+  postPdfToCallback: () => postPdfToCallback,
+  renderPdfPages: () => renderPdfPages
+});
+module.exports = __toCommonJS(lib_exports);
+
+// src/components/pdf-builder/DesignerView.tsx
+var import_react4 = require("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
+var pdfjsLib = __toESM(require("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
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+function PdfViewer({
+  pages,
+  fields,
+  selectedFieldId,
+  onSelectField,
+  onFieldMove,
+  onFieldResize,
+  onPageClick,
+  mode,
+  currentSigner,
+  renderFieldContent
+}) {
+  const containerRef = (0, import_react.useRef)(null);
+  const handlePageClick = (0, import_react.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__ */ (0, import_jsx_runtime.jsx)("div", { className: "pdf-viewer", ref: containerRef, children: pages.map((page, pageIndex) => {
+    const pageFields = fields.filter((f) => f.page === pageIndex);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        className: "pdf-page",
+        style: { aspectRatio: `${page.width} / ${page.height}` },
+        onClick: (e) => handlePageClick(e, pageIndex),
+        "data-page": pageIndex,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "img",
+            {
+              src: page.dataUrl,
+              alt: `Page ${pageIndex + 1}`,
+              className: "pdf-page-image",
+              draggable: false
+            }
+          ),
+          pageFields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime.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 = (0, import_react.useRef)(null);
+  const dragStartRef = (0, import_react.useRef)(null);
+  const resizeStartRef = (0, import_react.useRef)(null);
+  const color = getSignerColor(field.assignee);
+  const isEditable = mode === "designer" || mode === "signer" && field.assignee === currentSigner;
+  const isPreFilled = !isEditable && !!field.value;
+  const handleMouseDown = (0, import_react.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 = (0, import_react.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)("div", { className: "field-overlay-label", style: { backgroundColor: color }, children: field.label }),
+        renderContent ? renderContent(field) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "field-overlay-placeholder", children: field.value || field.placeholder }),
+        mode === "designer" && isSelected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            className: "field-resize-handle",
+            onMouseDown: handleResizeMouseDown
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/components/pdf-builder/FieldPropertyPanel.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function FieldPropertyPanel({ field, signerRoles, onUpdate, onDelete }) {
+  const color = getSignerColor(field.assignee);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "field-property-panel", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "panel-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { style: { color }, children: field.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { onClick: () => onDelete(field.id), className: "panel-delete-btn", children: "Delete" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "panel-field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { children: "Label" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "input",
+        {
+          type: "text",
+          value: field.label,
+          onChange: (e) => onUpdate(field.id, { label: e.target.value })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "panel-field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { children: "Field Type" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        "select",
+        {
+          value: field.type,
+          onChange: (e) => onUpdate(field.id, { type: e.target.value }),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "text", children: "Text" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "signature", children: "Signature" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "signed-date", children: "Signed Date" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "checkbox", children: "Checkbox" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "initials", children: "Initials" })
+          ]
+        }
+      )
+    ] }),
+    field.type === "text" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "panel-field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { children: "Text Type" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        "select",
+        {
+          value: field.textSubtype || "freeform",
+          onChange: (e) => onUpdate(field.id, { textSubtype: e.target.value }),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "freeform", children: "Freeform" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "number", children: "Number" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "date", children: "Date" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "email", children: "Email" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "phone", children: "Phone" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "panel-field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { children: "Assigned To" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "select",
+        {
+          value: field.assignee,
+          onChange: (e) => onUpdate(field.id, { assignee: e.target.value }),
+          children: signerRoles.map((role) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: role, style: { color: getSignerColor(role) }, children: role }, role))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "panel-field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { children: "Placeholder" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "input",
+        {
+          type: "text",
+          value: field.placeholder,
+          onChange: (e) => onUpdate(field.id, { placeholder: e.target.value })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "panel-field", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "panel-checkbox-label", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "input",
+        {
+          type: "checkbox",
+          checked: field.required,
+          onChange: (e) => onUpdate(field.id, { required: e.target.checked })
+        }
+      ),
+      "Required"
+    ] }) }),
+    field.type !== "checkbox" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "panel-field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { children: "Font Size (pt)" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "input",
+        {
+          type: "number",
+          min: "6",
+          max: "72",
+          value: field.fontSize,
+          onChange: (e) => onUpdate(field.id, { fontSize: Number(e.target.value) })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "panel-field-group", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "panel-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { children: "Width (%)" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "input",
+          {
+            type: "number",
+            min: "1",
+            max: "100",
+            step: "0.5",
+            value: field.width,
+            onChange: (e) => onUpdate(field.id, { width: Number(e.target.value) })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "panel-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { children: "Height (%)" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "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
+var import_react2 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function SignerRoleSelector({
+  roles,
+  activeRole,
+  onSetActiveRole,
+  onAddRole,
+  onRemoveRole
+}) {
+  const [isAdding, setIsAdding] = (0, import_react2.useState)(false);
+  const [newRoleName, setNewRoleName] = (0, import_react2.useState)("");
+  const handleAdd = () => {
+    if (newRoleName.trim()) {
+      onAddRole(newRoleName.trim());
+      setNewRoleName("");
+      setIsAdding(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "signer-role-selector", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "signer-role-label", children: "Signer Roles" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "signer-role-list", children: [
+      roles.map((role) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        "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__ */ (0, import_jsx_runtime3.jsx)(
+              "span",
+              {
+                className: "signer-role-remove",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  onRemoveRole(role);
+                },
+                children: "\xD7"
+              }
+            )
+          ]
+        },
+        role
+      )),
+      isAdding ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "signer-role-add-input", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "input",
+          {
+            type: "text",
+            value: newRoleName,
+            onChange: (e) => setNewRoleName(e.target.value),
+            onKeyDown: (e) => e.key === "Enter" && handleAdd(),
+            placeholder: "Role name",
+            autoFocus: true
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { onClick: handleAdd, children: "Add" }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { onClick: () => setIsAdding(false), children: "Cancel" })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "button",
+        {
+          className: "signer-role-add-btn",
+          onClick: () => setIsAdding(true),
+          children: "+ Add Role"
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/components/pdf-builder/SignatureCanvas.tsx
+var import_react3 = require("react");
+var import_perfect_freehand = require("perfect-freehand");
+var import_jsx_runtime4 = require("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 = (0, import_react3.useRef)(null);
+  const [paths, setPaths] = (0, import_react3.useState)([]);
+  const [currentPath, setCurrentPath] = (0, import_react3.useState)(null);
+  const [isEmpty, setIsEmpty] = (0, import_react3.useState)(!initialValue);
+  (0, import_react3.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]);
+  (0, import_react3.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 = (0, import_perfect_freehand.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 = (0, import_react3.useCallback)((e) => {
+    const rect = canvasRef.current.getBoundingClientRect();
+    return [
+      e.clientX - rect.left,
+      e.clientY - rect.top,
+      e.pressure
+    ];
+  }, []);
+  const handlePointerDown = (0, import_react3.useCallback)((e) => {
+    e.preventDefault();
+    e.target.setPointerCapture(e.pointerId);
+    setCurrentPath([getPoint(e)]);
+  }, [getPoint]);
+  const handlePointerMove = (0, import_react3.useCallback)((e) => {
+    if (!currentPath) return;
+    e.preventDefault();
+    setCurrentPath([...currentPath, getPoint(e)]);
+  }, [currentPath, getPoint]);
+  const handlePointerUp = (0, import_react3.useCallback)(() => {
+    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 = (0, import_react3.useCallback)(() => {
+    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__ */ (0, import_jsx_runtime4.jsxs)("div", { className: `signature-canvas-wrapper ${className || ""}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "canvas",
+      {
+        ref: canvasRef,
+        width,
+        height,
+        className: "signature-canvas",
+        onPointerDown: handlePointerDown,
+        onPointerMove: handlePointerMove,
+        onPointerUp: handlePointerUp,
+        style: { touchAction: "none" }
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "signature-canvas-actions", children: [
+      !isEmpty && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: handleClear, className: "signature-clear-btn", children: "Clear" }),
+      isEmpty && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "signature-hint", children: "Draw your signature above" })
+    ] })
+  ] });
+}
+
+// src/components/pdf-builder/DesignerView.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+function DesignerView() {
+  const [pages, setPages] = (0, import_react4.useState)([]);
+  const [fields, setFields] = (0, import_react4.useState)([]);
+  const [selectedFieldId, setSelectedFieldId] = (0, import_react4.useState)(null);
+  const [signerRoles, setSignerRoles] = (0, import_react4.useState)([...DEFAULT_SIGNER_ROLES]);
+  const [activeRole, setActiveRole] = (0, import_react4.useState)("Sender");
+  const [activeFieldType, setActiveFieldType] = (0, import_react4.useState)("text");
+  const [loading, setLoading] = (0, import_react4.useState)(false);
+  const [pdfSource, setPdfSource] = (0, import_react4.useState)(null);
+  (0, import_react4.useEffect)(() => {
+    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 = (0, import_react4.useCallback)(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 = (0, import_react4.useCallback)((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 = (0, import_react4.useCallback)((page, x, y) => {
+    const field = createField(activeFieldType, activeRole, page, x, y);
+    setFields((prev) => [...prev, field]);
+    setSelectedFieldId(field.id);
+  }, [activeFieldType, activeRole]);
+  const handleFieldMove = (0, import_react4.useCallback)((id, page, x, y) => {
+    setFields((prev) => prev.map((f) => f.id === id ? { ...f, page, x, y } : f));
+  }, []);
+  const handleFieldResize = (0, import_react4.useCallback)((id, width, height) => {
+    setFields((prev) => prev.map((f) => f.id === id ? { ...f, width, height } : f));
+  }, []);
+  const handleFieldUpdate = (0, import_react4.useCallback)((id, updates) => {
+    setFields((prev) => prev.map((f) => f.id === id ? { ...f, ...updates } : f));
+  }, []);
+  const handleFieldDelete = (0, import_react4.useCallback)((id) => {
+    setFields((prev) => prev.filter((f) => f.id !== id));
+    if (selectedFieldId === id) setSelectedFieldId(null);
+  }, [selectedFieldId]);
+  const handleAddRole = (0, import_react4.useCallback)((role) => {
+    if (!signerRoles.includes(role)) {
+      setSignerRoles((prev) => [...prev, role]);
+    }
+  }, [signerRoles]);
+  const handleRemoveRole = (0, import_react4.useCallback)((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 = (0, import_react4.useCallback)(() => {
+    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 = (0, import_react4.useCallback)((field) => {
+    if (field.type === "signature" || field.type === "initials") {
+      if (field.value) {
+        return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { src: field.value, alt: field.label, className: "field-signature-preview" });
+      }
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "field-overlay-placeholder", children: field.value || field.placeholder });
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "designer-layout", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "designer-toolbar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "toolbar-left", children: [
+        !pages.length && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "upload-btn", children: [
+          "Upload PDF",
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "file", accept: ".pdf", onChange: handleFileUpload, hidden: true })
+        ] }),
+        pages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "upload-btn upload-btn-small", children: [
+            "Change PDF",
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "file", accept: ".pdf", onChange: handleFileUpload, hidden: true })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "field-type-selector", children: ["text", "signature", "signed-date", "checkbox", "initials"].map((type) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            "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__ */ (0, import_jsx_runtime5.jsx)("div", { className: "toolbar-right", children: pages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { onClick: handleExport, className: "export-btn", children: "Export Template" }) })
+    ] }),
+    pages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      SignerRoleSelector,
+      {
+        roles: signerRoles,
+        activeRole,
+        onSetActiveRole: setActiveRole,
+        onAddRole: handleAddRole,
+        onRemoveRole: handleRemoveRole
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "designer-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "designer-pdf-area", children: [
+        loading && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "loading-indicator", children: "Loading PDF..." }),
+        !pages.length && !loading && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "empty-state", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h2", { children: "Upload a PDF to get started" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: "Upload a template PDF, then click on the page to place form fields." }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "upload-btn upload-btn-large", children: [
+            "Choose PDF File",
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { type: "file", accept: ".pdf", onChange: handleFileUpload, hidden: true })
+          ] })
+        ] }),
+        pages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          PdfViewer,
+          {
+            pages,
+            fields,
+            selectedFieldId,
+            onSelectField: setSelectedFieldId,
+            onFieldMove: handleFieldMove,
+            onFieldResize: handleFieldResize,
+            onPageClick: handlePageClick,
+            mode: "designer",
+            renderFieldContent
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "designer-panel", children: [
+        selectedField ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            FieldPropertyPanel,
+            {
+              field: selectedField,
+              signerRoles,
+              onUpdate: handleFieldUpdate,
+              onDelete: handleFieldDelete
+            }
+          ),
+          selectedField.assignee === activeRole && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "prefill-section", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h4", { children: "Pre-fill Value" }),
+            selectedField.type === "signature" || selectedField.type === "initials" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              SignatureCanvas,
+              {
+                width: 300,
+                height: selectedField.type === "initials" ? 100 : 150,
+                onSign: (dataUrl) => handleFieldUpdate(selectedField.id, { value: dataUrl }),
+                initialValue: selectedField.value
+              }
+            ) : selectedField.type === "checkbox" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "panel-checkbox-label", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: selectedField.value === "true",
+                  onChange: (e) => handleFieldUpdate(selectedField.id, { value: e.target.checked ? "true" : "" })
+                }
+              ),
+              "Checked"
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              "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__ */ (0, import_jsx_runtime5.jsx)("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__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "field-list", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("h4", { children: [
+            "All Fields (",
+            fields.length,
+            ")"
+          ] }),
+          fields.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+            "div",
+            {
+              className: `field-list-item ${f.id === selectedFieldId ? "active" : ""}`,
+              onClick: () => setSelectedFieldId(f.id),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                  "span",
+                  {
+                    className: "field-list-dot",
+                    style: { backgroundColor: getSignerColor(f.assignee) }
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "field-list-name", children: f.label }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "field-list-page", children: [
+                  "p",
+                  f.page + 1
+                ] }),
+                f.required && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "field-list-required", children: "*" })
+              ]
+            },
+            f.id
+          ))
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "powered-by", children: [
+      "Powered by ",
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("a", { href: "https://exeq.org", target: "_blank", rel: "noopener noreferrer", children: "Exeq.org" })
+    ] })
+  ] });
+}
+
+// src/components/pdf-builder/SignerView.tsx
+var import_react5 = require("react");
+
+// src/utils/pdfFiller.ts
+var import_pdf_lib = require("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 import_pdf_lib.PDFDocument.load(pdfBytes);
+  const font = await pdfDoc.embedFont(import_pdf_lib.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: (0, import_pdf_lib.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: (0, import_pdf_lib.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: (0, import_pdf_lib.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
+var import_jsx_runtime6 = require("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__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "field-navigator", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "field-navigator-progress", children: [
+      filledCount,
+      " of ",
+      fields.length,
+      " fields completed"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "field-navigator-controls", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "button",
+        {
+          onClick: handlePrev,
+          disabled: !hasPrev,
+          className: "nav-btn",
+          children: "Prev"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "field-navigator-position", children: currentIndex >= 0 ? `${currentIndex + 1} / ${fields.length}` : "-" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "button",
+        {
+          onClick: handleNext,
+          disabled: !hasNext,
+          className: "nav-btn",
+          children: "Next"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      "button",
+      {
+        onClick: onSubmit,
+        disabled: !allRequiredFilled,
+        className: "submit-btn",
+        children: "Complete & Download"
+      }
+    )
+  ] });
+}
+
+// src/components/pdf-builder/SignerView.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function SignerView({
+  initialPdfUrl,
+  initialTemplate,
+  initialSigner,
+  callbackUrl: initialCallbackUrl,
+  onComplete
+} = {}) {
+  const [pages, setPages] = (0, import_react5.useState)([]);
+  const [fields, setFields] = (0, import_react5.useState)([]);
+  const [selectedFieldId, setSelectedFieldId] = (0, import_react5.useState)(null);
+  const [signer, setSigner] = (0, import_react5.useState)(initialSigner || "Signer 1");
+  const [loading, setLoading] = (0, import_react5.useState)(false);
+  const [submitting, setSubmitting] = (0, import_react5.useState)(false);
+  const [pdfSource, setPdfSource] = (0, import_react5.useState)(null);
+  const [callbackUrl, setCallbackUrl] = (0, import_react5.useState)(initialCallbackUrl || "");
+  const containerRef = (0, import_react5.useRef)(null);
+  (0, import_react5.useEffect)(() => {
+    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 = (0, import_react5.useCallback)(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 = (0, import_react5.useCallback)((id, value) => {
+    setFields((prev) => prev.map((f) => f.id === id ? { ...f, value } : f));
+  }, []);
+  const handleNavigate = (0, import_react5.useCallback)((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 = (0, import_react5.useCallback)(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 = (0, import_react5.useCallback)((field) => {
+    const editable = field.assignee === signer;
+    if (!editable) {
+      if (field.type === "signature" || field.type === "initials") {
+        return field.value ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: field.value, alt: field.label, className: "field-signature-preview" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "field-overlay-placeholder readonly", children: field.placeholder });
+      }
+      if (field.type === "checkbox") {
+        return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "field-checkbox-display readonly", children: field.value === "true" ? "\u2713" : "" });
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "field-overlay-placeholder readonly", children: field.value || field.placeholder });
+    }
+    if (field.type === "signature" || field.type === "initials") {
+      if (field.value) {
+        return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "field-signature-filled", onClick: () => handleFieldUpdate(field.id, ""), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("img", { src: field.value, alt: field.label, className: "field-signature-preview" }) });
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "field-overlay-placeholder editable", children: field.placeholder });
+    }
+    if (field.type === "checkbox") {
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "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__ */ (0, import_jsx_runtime7.jsx)("div", { className: "field-overlay-value", children: field.value || (/* @__PURE__ */ new Date()).toLocaleDateString() });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "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]);
+  (0, import_react5.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "signer-layout", ref: containerRef, children: [
+    loading && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "loading-indicator", children: "Loading document..." }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "signer-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "signer-pdf-area", children: pages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        PdfViewer,
+        {
+          pages,
+          fields,
+          selectedFieldId,
+          onSelectField: setSelectedFieldId,
+          mode: "signer",
+          currentSigner: signer,
+          renderFieldContent
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "signer-panel", children: [
+        selectedField && isFieldEditable && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "signer-field-input", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h3", { children: selectedField.label }),
+          selectedField.required && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "required-badge", children: "Required" }),
+          (selectedField.type === "signature" || selectedField.type === "initials") && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            SignatureCanvas,
+            {
+              width: 280,
+              height: selectedField.type === "initials" ? 80 : 120,
+              onSign: (dataUrl) => handleFieldUpdate(selectedField.id, dataUrl),
+              initialValue: selectedField.value
+            }
+          ),
+          selectedField.type === "text" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            "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__ */ (0, import_jsx_runtime7.jsxs)("label", { className: "signer-checkbox-label", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              "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__ */ (0, import_jsx_runtime7.jsx)("div", { className: "signer-date-display", children: selectedField.value || "Will auto-fill when you sign" })
+        ] }),
+        selectedField && !isFieldEditable && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "signer-field-readonly", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h3", { children: selectedField.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: "This field belongs to another signer." })
+        ] }),
+        !selectedField && editableFields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "panel-empty", children: "Select a field to fill it in, or use the navigation below." }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          FieldNavigator,
+          {
+            fields: editableFields,
+            currentFieldId: selectedFieldId,
+            onNavigate: handleNavigate,
+            allRequiredFilled,
+            onSubmit: handleSubmit
+          }
+        ),
+        submitting && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "loading-indicator", children: "Generating PDF..." })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "powered-by", children: [
+      "Powered by ",
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("a", { href: "https://exeq.org", target: "_blank", rel: "noopener noreferrer", children: "Exeq.org" })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DEFAULT_SIGNER_ROLES,
+  DesignerView,
+  FIELD_DEFAULTS,
+  FieldNavigator,
+  FieldPropertyPanel,
+  PdfViewer,
+  SIGNER_ROLE_COLORS,
+  SignatureCanvas,
+  SignerRoleSelector,
+  SignerView,
+  createField,
+  downloadPdf,
+  generateFilledPdf,
+  getSignerColor,
+  postPdfToCallback,
+  renderPdfPages
+});
+//# sourceMappingURL=index.js.map