@unlev/exeq 0.1.10 → 0.1.12

package/dist/index.mjs

@@ -1108,7 +1108,7 @@ function DesignerView({
 }
 
 // src/components/pdf-builder/SignerView.tsx
-import { useState as useState3, useCallback as useCallback4, useEffect as useEffect3, useRef as useRef4 } from "react";
+import { useState as useState4, useCallback as useCallback4, useEffect as useEffect3, useRef as useRef4 } from "react";
 
 // src/utils/pdfFiller.ts
 import { PDFDocument, rgb, StandardFonts } from "pdf-lib";
@@ -1182,14 +1182,20 @@ async function generateFilledPdf(pdfSource, fields) {
         });
       }
     } else {
-      const fontSize = Math.min(field.fontSize, h * 0.7);
+      const maxFontSize = Math.min(field.fontSize, h * 0.7);
+      let fontSize = maxFontSize;
+      const padding = 4;
+      while (fontSize > 4) {
+        const textWidth = font.widthOfTextAtSize(field.value, fontSize);
+        if (textWidth <= w - padding) break;
+        fontSize -= 0.5;
+      }
       page.drawText(field.value, {
         x: x + 2,
         y: y + h * 0.3,
         size: fontSize,
         font,
-        color: inkColor,
-        maxWidth: w - 4
+        color: inkColor
       });
     }
   }
@@ -1215,7 +1221,13 @@ async function postPdfToCallback(bytes, callbackUrl, filename) {
 }
 
 // src/components/pdf-builder/FieldNavigator.tsx
+import { useState as useState3 } from "react";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function isFieldFilled(f) {
+  if (!f.required) return true;
+  if (f.type === "checkbox") return true;
+  return !!f.value;
+}
 function FieldNavigator({
   fields,
   currentFieldId,
@@ -1224,6 +1236,7 @@ function FieldNavigator({
   onComplete,
   completeLabel = "Complete"
 }) {
+  const [showIncomplete, setShowIncomplete] = useState3(false);
   const currentIndex = fields.findIndex((f) => f.id === currentFieldId);
   const hasPrev = currentIndex > 0;
   const hasNext = currentIndex < fields.length - 1;
@@ -1237,18 +1250,36 @@ function FieldNavigator({
       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;
+  const filledCount = fields.filter(isFieldFilled).length;
+  const incompleteFields = fields.filter((f) => !isFieldFilled(f));
+  const showCompleteAsNext = !hasNext && allRequiredFilled;
   return /* @__PURE__ */ jsxs5("div", { className: "field-navigator", children: [
-    /* @__PURE__ */ jsxs5("div", { className: "field-navigator-progress", children: [
-      filledCount,
-      " of ",
-      fields.length,
-      " fields completed"
-    ] }),
+    /* @__PURE__ */ jsxs5(
+      "div",
+      {
+        className: `field-navigator-progress ${incompleteFields.length > 0 ? "clickable" : ""}`,
+        onClick: () => incompleteFields.length > 0 && setShowIncomplete(!showIncomplete),
+        children: [
+          filledCount,
+          " of ",
+          fields.length,
+          " fields completed",
+          incompleteFields.length > 0 && /* @__PURE__ */ jsx5("span", { className: "field-navigator-toggle", children: showIncomplete ? "\u25B2" : "\u25BC" })
+        ]
+      }
+    ),
+    showIncomplete && incompleteFields.length > 0 && /* @__PURE__ */ jsx5("div", { className: "incomplete-fields-list", children: incompleteFields.map((f) => /* @__PURE__ */ jsx5(
+      "button",
+      {
+        className: "incomplete-field-item",
+        onClick: () => {
+          onNavigate(f.id);
+          setShowIncomplete(false);
+        },
+        children: f.label
+      },
+      f.id
+    )) }),
     /* @__PURE__ */ jsxs5("div", { className: "field-navigator-controls", children: [
       /* @__PURE__ */ jsx5(
         "button",
@@ -1260,7 +1291,14 @@ function FieldNavigator({
         }
       ),
       /* @__PURE__ */ jsx5("span", { className: "field-navigator-position", children: currentIndex >= 0 ? `${currentIndex + 1} / ${fields.length}` : "-" }),
-      /* @__PURE__ */ jsx5(
+      showCompleteAsNext ? /* @__PURE__ */ jsx5(
+        "button",
+        {
+          onClick: onComplete,
+          className: "nav-btn nav-btn-complete",
+          children: completeLabel
+        }
+      ) : /* @__PURE__ */ jsx5(
         "button",
         {
           onClick: handleNext,
@@ -1269,21 +1307,12 @@ function FieldNavigator({
           children: "Next"
         }
       )
-    ] }),
-    /* @__PURE__ */ jsx5(
-      "button",
-      {
-        onClick: onComplete,
-        disabled: !allRequiredFilled,
-        className: "complete-btn",
-        children: completeLabel
-      }
-    )
+    ] })
   ] });
 }
 
 // src/components/pdf-builder/SignerView.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 function SignerView({
   apiKey,
   initialPdfUrl,
@@ -1305,11 +1334,11 @@ function SignerView({
       ] })
     ] }) });
   }
-  const [pages, setPages] = useState3([]);
-  const [fields, setFields] = useState3([]);
-  const [selectedFieldId, setSelectedFieldId] = useState3(null);
-  const [signerRoles, setSignerRoles] = useState3([]);
-  const [currentSignerIndex, setCurrentSignerIndex] = useState3(() => {
+  const [pages, setPages] = useState4([]);
+  const [fields, setFields] = useState4([]);
+  const [selectedFieldId, setSelectedFieldId] = useState4(null);
+  const [signerRoles, setSignerRoles] = useState4([]);
+  const [currentSignerIndex, setCurrentSignerIndex] = useState4(() => {
     if (initialSigner && signerOrderProp) {
       const idx = signerOrderProp.indexOf(initialSigner);
       return idx >= 0 ? idx : 0;
@@ -1317,10 +1346,10 @@ function SignerView({
     return 0;
   });
   const initializedRef = useRef4(false);
-  const [loading, setLoading] = useState3(false);
-  const [submitting, setSubmitting] = useState3(false);
-  const [pdfSource, setPdfSource] = useState3(null);
-  const [callbackUrl, setCallbackUrl] = useState3(initialCallbackUrl || "");
+  const [loading, setLoading] = useState4(false);
+  const [submitting, setSubmitting] = useState4(false);
+  const [pdfSource, setPdfSource] = useState4(null);
+  const [callbackUrl, setCallbackUrl] = useState4(initialCallbackUrl || "");
   const containerRef = useRef4(null);
   const signerOrder = signerOrderProp || (signerRoles.length > 0 ? [...signerRoles.filter((r) => r !== "Sender"), ...signerRoles.filter((r) => r === "Sender")] : [initialSigner || "Signer 1"]);
   const signer = signerOrder[currentSignerIndex] || signerOrder[0] || "Signer 1";
@@ -1419,6 +1448,9 @@ function SignerView({
   const handleFieldUpdate = useCallback4((id, value) => {
     setFields((prev) => prev.map((f) => f.id === id ? { ...f, value } : f));
   }, []);
+  const handleFieldPropertyUpdate = useCallback4((id, updates) => {
+    setFields((prev) => prev.map((f) => f.id === id ? { ...f, ...updates } : f));
+  }, []);
   const handleNavigate = useCallback4((fieldId) => {
     setSelectedFieldId(fieldId);
     const field = fields.find((f) => f.id === fieldId);
@@ -1569,16 +1601,32 @@ function SignerView({
                 initialValue: selectedField.value
               }
             ),
-            selectedField.type === "text" && /* @__PURE__ */ jsx6(
-              "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 === "text" && /* @__PURE__ */ jsxs6(Fragment2, { children: [
+              /* @__PURE__ */ jsx6(
+                "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"
+                }
+              ),
+              /* @__PURE__ */ jsxs6("div", { className: "signer-font-size", children: [
+                /* @__PURE__ */ jsx6("label", { children: "Font Size" }),
+                /* @__PURE__ */ jsx6(
+                  "input",
+                  {
+                    type: "number",
+                    min: "6",
+                    max: "72",
+                    value: selectedField.fontSize,
+                    onChange: (e) => handleFieldPropertyUpdate(selectedField.id, { fontSize: Number(e.target.value) })
+                  }
+                ),
+                /* @__PURE__ */ jsx6("span", { children: "pt" })
+              ] })
+            ] }),
             selectedField.type === "checkbox" && /* @__PURE__ */ jsxs6("label", { className: "signer-checkbox-label", children: [
               /* @__PURE__ */ jsx6(
                 "input",
@@ -1622,7 +1670,7 @@ function SignerView({
 }
 
 // src/components/pdf-builder/SignerRoleSelector.tsx
-import { useState as useState4 } from "react";
+import { useState as useState5 } from "react";
 import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function SignerRoleSelector({
   roles,
@@ -1631,8 +1679,8 @@ function SignerRoleSelector({
   onAddRole,
   onRemoveRole
 }) {
-  const [isAdding, setIsAdding] = useState4(false);
-  const [newRoleName, setNewRoleName] = useState4("");
+  const [isAdding, setIsAdding] = useState5(false);
+  const [newRoleName, setNewRoleName] = useState5("");
   const handleAdd = () => {
     if (newRoleName.trim()) {
       onAddRole(newRoleName.trim());