@unlev/exeq 0.5.0 → 0.5.2

package/dist/index.mjs

@@ -344,6 +344,8 @@ function PdfViewer({
               selectedIds: selectedFieldIds,
               mode,
               currentSigner,
+              pageWidthPt: page.pdfWidth,
+              pageHeightPt: page.pdfHeight,
               renderContent: renderFieldContent
             },
             field.id
@@ -434,6 +436,8 @@ function FieldOverlayItem({
   selectedIds,
   mode,
   currentSigner,
+  pageWidthPt,
+  pageHeightPt,
   renderContent
 }) {
   const overlayRef = useRef(null);
@@ -560,7 +564,7 @@ function FieldOverlayItem({
       onMouseDown: handleMouseDown,
       children: [
         mode === "designer" && !isRedact && /* @__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 }),
+        renderContent ? renderContent(field, pageWidthPt, pageHeightPt) : /* @__PURE__ */ jsx("div", { className: "field-overlay-placeholder", children: field.value || field.placeholder }),
         mode === "designer" && isSelected && !field.locked && /* @__PURE__ */ jsx(
           "div",
           {
@@ -2093,39 +2097,56 @@ import {
 } from "pdf-lib";
 
 // src/utils/formulaResolver.ts
+function parseDate(value) {
+  const s = value.trim();
+  if (!s) return null;
+  if (/^\d+(\.\d+)?$/.test(s)) {
+    const serial = parseFloat(s);
+    if (serial > 59) {
+      const utc = new Date(Math.round((serial - 25569) * 864e5));
+      if (!isNaN(utc.getTime())) {
+        return new Date(utc.getUTCFullYear(), utc.getUTCMonth(), utc.getUTCDate());
+      }
+    }
+  }
+  const iso = s.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+  if (iso) return new Date(+iso[1], +iso[2] - 1, +iso[3]);
+  const d = new Date(s);
+  return isNaN(d.getTime()) ? null : d;
+}
 var BUILTIN_TRANSFORMS = {
   // Date transforms (expects a parseable date string)
   month: (v) => {
-    const d = new Date(v);
-    return isNaN(d.getTime()) ? "" : String(d.getMonth() + 1);
+    const d = parseDate(v);
+    return d ? String(d.getMonth() + 1) : "";
   },
   month2: (v) => {
-    const d = new Date(v);
-    return isNaN(d.getTime()) ? "" : String(d.getMonth() + 1).padStart(2, "0");
+    const d = parseDate(v);
+    return d ? String(d.getMonth() + 1).padStart(2, "0") : "";
   },
   monthname: (v) => {
-    const d = new Date(v);
-    return isNaN(d.getTime()) ? "" : d.toLocaleString("en", { month: "long" });
+    const d = parseDate(v);
+    return d ? d.toLocaleString("en", { month: "long" }) : "";
   },
   monthshort: (v) => {
-    const d = new Date(v);
-    return isNaN(d.getTime()) ? "" : d.toLocaleString("en", { month: "short" });
+    const d = parseDate(v);
+    return d ? d.toLocaleString("en", { month: "short" }) : "";
   },
   day: (v) => {
-    const d = new Date(v);
-    return isNaN(d.getTime()) ? "" : String(d.getDate());
+    const d = parseDate(v);
+    return d ? String(d.getDate()) : "";
   },
   day2: (v) => {
-    const d = new Date(v);
-    return isNaN(d.getTime()) ? "" : String(d.getDate()).padStart(2, "0");
+    const d = parseDate(v);
+    return d ? String(d.getDate()).padStart(2, "0") : "";
   },
   year: (v) => {
-    const d = new Date(v);
-    return isNaN(d.getTime()) ? "" : String(d.getFullYear());
+    const d = parseDate(v);
+    return d ? String(d.getFullYear()) : "";
   },
   year2: (v) => {
-    const d = new Date(v);
-    return isNaN(d.getTime()) ? "" : String(d.getFullYear()).slice(-2);
+    const d = parseDate(v);
+    return d ? String(d.getFullYear()).slice(-2) : "";
   },
   // String transforms
   upper: (v) => v.toUpperCase(),
@@ -2154,15 +2175,27 @@ var BUILTIN_TRANSFORMS = {
 };
 var FORMULA_RE = /\{\{(.+?)\}\}/g;
 var PIPE_RE = /^(.+?)\s*\|\s*(.+)$/;
-function resolveFormula(formula, fields, customTransforms) {
+function todayIso() {
+  const d = /* @__PURE__ */ new Date();
+  return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
+}
+function resolveFormula(formula, fields, customTransforms, values) {
   const transforms = { ...BUILTIN_TRANSFORMS, ...customTransforms };
   return formula.replace(FORMULA_RE, (_match, expr) => {
     const pipeMatch = expr.match(PIPE_RE);
     const sourceLabel = (pipeMatch ? pipeMatch[1] : expr).trim();
     const transformName = pipeMatch ? pipeMatch[2].trim() : null;
-    const sourceField = fields.find((f) => f.label.toLowerCase() === sourceLabel.toLowerCase()) || fields.find((f) => f.id === sourceLabel);
-    if (!sourceField) return "";
-    const rawValue = sourceField.value || "";
+    const lowerLabel = sourceLabel.toLowerCase();
+    const sourceField = fields.find((f) => f.label.toLowerCase() === lowerLabel) || fields.find((f) => f.id === sourceLabel);
+    let rawValue = sourceField ? sourceField.value || "" : void 0;
+    if (rawValue === void 0 && values) {
+      const key = Object.keys(values).find((k) => k.toLowerCase() === lowerLabel);
+      if (key !== void 0) rawValue = values[key] || "";
+    }
+    if (rawValue === void 0 && (lowerLabel === "today" || lowerLabel === "now")) {
+      rawValue = todayIso();
+    }
+    if (rawValue === void 0) return "";
     if (!transformName) return rawValue;
     const fn = transforms[transformName];
     if (!fn) return rawValue;
@@ -2173,14 +2206,38 @@ function resolveFormula(formula, fields, customTransforms) {
     }
   });
 }
-function resolveAllFormulas(fields, customTransforms) {
+function resolveAllFormulas(fields, customTransforms, values) {
   return fields.map((f) => {
     if (!f.formula) return f;
-    const computed = resolveFormula(f.formula, fields, customTransforms);
+    const computed = resolveFormula(f.formula, fields, customTransforms, values);
     return computed !== f.value ? { ...f, value: computed } : f;
   });
 }
 
+// src/utils/fitText.ts
+function fitFontSize(o) {
+  let size = o.autoShrink ? Math.min(o.fontSize, o.fieldHeightPt * 0.7) : o.fontSize;
+  if (o.autoShrink && o.value) {
+    const padding = 4;
+    while (size > 4) {
+      if (o.measure(o.value, size) <= o.fieldWidthPt - padding) break;
+      size -= 0.5;
+    }
+  }
+  return size;
+}
+var measureCtx = null;
+function measureTextWidth(text, size, opts) {
+  if (typeof document === "undefined") return text.length * size * 0.5;
+  if (!measureCtx) measureCtx = document.createElement("canvas").getContext("2d");
+  if (!measureCtx) return text.length * size * 0.5;
+  const family = getCssFontFamily(opts?.fontFamily) || "Helvetica, Arial, sans-serif";
+  measureCtx.font = `${opts?.italic ? "italic " : ""}${opts?.bold ? "bold " : ""}${size}px ${family}`;
+  const base = measureCtx.measureText(text).width;
+  const spacing = opts?.letterSpacing ? opts.letterSpacing * Math.max(0, text.length - 1) : 0;
+  return base + spacing;
+}
+
 // src/utils/pdfFiller.ts
 var FONT_VARIANTS = {
   Helvetica: [StandardFonts.Helvetica, StandardFonts.HelveticaBold, StandardFonts.HelveticaOblique, StandardFonts.HelveticaBoldOblique],
@@ -2272,14 +2329,14 @@ async function renderFieldsOnPages(pages, fields, getFont, getSignature) {
       const font = await getFont(field.fontFamily || "Helvetica", field.bold, field.italic);
       const spacing = field.letterSpacing || 0;
       const textWidthAtSize = (text, size) => font.widthOfTextAtSize(text, size) + spacing * (text.length - 1);
-      let fontSize = field.autoShrink ? Math.min(field.fontSize, h * 0.7) : field.fontSize;
-      if (field.autoShrink) {
-        const padding = 4;
-        while (fontSize > 4) {
-          if (textWidthAtSize(field.value, fontSize) <= w - padding) break;
-          fontSize -= 0.5;
-        }
-      }
+      const fontSize = fitFontSize({
+        value: field.value,
+        fontSize: field.fontSize,
+        autoShrink: field.autoShrink,
+        fieldWidthPt: w,
+        fieldHeightPt: h,
+        measure: textWidthAtSize
+      });
       const textX = x + 2;
       const baselineY = y + h * 0.3;
       if (spacing > 0) {
@@ -2383,7 +2440,7 @@ async function createPdfBuilder(defaults = {}) {
     doc,
     async addRecord(opts) {
       const pageSize = opts.pageSize ?? defaults.pageSize;
-      let fields = opts.resolveFormulas ? resolveAllFormulas(opts.fields, opts.customTransforms) : opts.fields;
+      let fields = opts.resolveFormulas ? resolveAllFormulas(opts.fields, opts.customTransforms, opts.formulaValues) : opts.fields;
       if (opts.calibration) {
         fields = applyCalibration(
           fields,
@@ -2784,7 +2841,7 @@ ${row.join(",")}`, "csv");
       setSubmitting(false);
     }
   }, [pdfSource, fields, callbackUrl, allRequiredFilled, onComplete, isLastSigner, signer, onSignerComplete, includeAuditTrail, exportFormat, onExport, getValues, transforms]);
-  const renderFieldContent = useCallback5((field) => {
+  const renderFieldContent = useCallback5((field, pageWidthPt, pageHeightPt) => {
     if (isRedactField(field)) {
       return null;
     }
@@ -2823,8 +2880,23 @@ ${row.join(",")}`, "csv");
     if (field.type === "signed-date") {
       return /* @__PURE__ */ jsx6("div", { className: "field-overlay-value", children: field.value || (/* @__PURE__ */ new Date()).toLocaleDateString() });
     }
+    const fieldWidthPt = pageWidthPt ? field.width / 100 * pageWidthPt : Infinity;
+    const fieldHeightPt = pageHeightPt ? field.height / 100 * pageHeightPt : 0;
+    const effectiveFontSize = pageWidthPt ? fitFontSize({
+      value: field.value || "",
+      fontSize: field.fontSize,
+      autoShrink: field.autoShrink,
+      fieldWidthPt,
+      fieldHeightPt,
+      measure: (t, s) => measureTextWidth(t, s, {
+        fontFamily: field.fontFamily,
+        bold: field.bold,
+        italic: field.italic,
+        letterSpacing: field.letterSpacing
+      })
+    }) : field.fontSize;
     const fontStyle = {
-      fontSize: `${field.fontSize}pt`,
+      fontSize: `${effectiveFontSize}pt`,
       letterSpacing: field.letterSpacing ? `${field.letterSpacing}pt` : void 0,
       lineHeight: field.lineHeight ? `${field.lineHeight}` : void 0,
       ...getCssTextStyle(field)
@@ -3105,6 +3177,7 @@ export {
   isRedactField,
   isSignatureField,
   isTextLikeField,
+  parseDate,
   postPdfToCallback,
   preserveFieldValues,
   renderPdfPages,