epochs-pdf 0.1.8 → 0.1.9

package/dist/epochs-pdf.js

@@ -485,11 +485,11 @@ function yr({
   pendingFieldValue: vt = null,
   onPlaceFieldValue: E,
   texts: ct = [],
-  onAddText: ut,
+  onAddText: ht,
   onUpdateText: gt,
   onRemoveText: tt,
-  selectedTextId: kt = null,
-  onSelectText: dt,
+  selectedTextId: Pt = null,
+  onSelectText: ut,
   textFields: te = [],
   selectedTextFieldId: ye = null,
   onSelectTextField: Vt,
@@ -497,7 +497,7 @@ function yr({
   editingTextId: Kt = null,
   onEditingTextIdChange: G
 }) {
-  const $t = xt(null), yt = xt(null), bt = xt(null), it = xt(null), Wt = xt(null), st = xt(null), [mt, It] = O(null), ee = xt(null), ht = xt(!1);
+  const $t = xt(null), yt = xt(null), bt = xt(null), it = xt(null), Wt = xt(null), st = xt(null), [mt, It] = O(null), ee = xt(null), dt = xt(!1);
   Dt(() => {
     if (!t || !yt.current || !bt.current || !it.current)
       return;
@@ -574,7 +574,7 @@ function yr({
       }), (Z = window.getSelection()) == null || Z.removeAllRanges(), !0;
     }, v = (P) => {
       var lt;
-      if (!g || !ut) return !1;
+      if (!g || !ht) return !1;
       const F = an(a, n);
       if (!F) return !1;
       const N = cn(F.rects);
@@ -597,8 +597,8 @@ function yr({
         fontSize: j.fontSize,
         color: me
       };
-      return ut(R), dt == null || dt(R.id), G == null || G(R.id), (lt = window.getSelection()) == null || lt.removeAllRanges(), ht.current = !0, window.setTimeout(() => {
-        ht.current = !1;
+      return ht(R), ut == null || ut(R.id), G == null || G(R.id), (lt = window.getSelection()) == null || lt.removeAllRanges(), dt.current = !0, window.setTimeout(() => {
+        dt.current = !1;
       }, 0), !0;
     }, M = () => {
       if (d === "highlight" || d === "underline") {
@@ -637,9 +637,9 @@ function yr({
     d,
     u,
     g,
-    ut,
+    ht,
     G,
-    dt,
+    ut,
     e,
     n
   ]), Dt(() => {
@@ -657,8 +657,8 @@ function yr({
         lt - mt.startY,
         et,
         n
-      ) : { dx: 0, dy: 0 }, Ht = ft.width - X.x, At = ft.height - X.y, St = Math.min(Ht, Math.max(40, mt.startW + Ft)), Pt = Math.min(At, Math.max(20, mt.startH + Rt));
-      I(mt.id, { width: St, height: Pt });
+      ) : { dx: 0, dy: 0 }, Ht = ft.width - X.x, At = ft.height - X.y, St = Math.min(Ht, Math.max(40, mt.startW + Ft)), Nt = Math.min(At, Math.max(20, mt.startH + Rt));
+      I(mt.id, { width: St, height: Nt });
     }, F = (R, lt) => {
       var Ut;
       if (mt.kind !== "signature" || !I || pt) return;
@@ -680,8 +680,8 @@ function yr({
         10
       ), Rt = We(R, lt, ft, n), Ht = Ce(ft, n);
       let At = Rt.x - mt.offsetX, St = Rt.y - mt.offsetY;
-      const Pt = Math.max(0, Ht.width - X.width), _t = Math.max(0, Ht.height - X.height);
-      At = Math.min(Math.max(0, At), Pt), St = Math.min(Math.max(0, St), _t), I(mt.id, {
+      const Nt = Math.max(0, Ht.width - X.width), _t = Math.max(0, Ht.height - X.height);
+      At = Math.min(Math.max(0, At), Nt), St = Math.min(Math.max(0, St), _t), I(mt.id, {
         pageNumber: Ft,
         x: At,
         y: St
@@ -735,7 +735,7 @@ function yr({
   }, [Kt]);
   const ne = (a) => {
     $t.current = a, r == null || r(a);
-  }, Nt = m.filter((a) => a.pageNumber === e), oe = y.filter((a) => a.pageNumber === e), f = nt.filter((a) => a.pageNumber === e), L = ct.filter((a) => a.pageNumber === e), U = (a, w) => {
+  }, kt = m.filter((a) => a.pageNumber === e), oe = y.filter((a) => a.pageNumber === e), p = nt.filter((a) => a.pageNumber === e), L = ct.filter((a) => a.pageNumber === e), U = (a, w) => {
     const v = w.trim();
     if (!v) {
       tt == null || tt(a.id), G == null || G(null);
@@ -748,7 +748,7 @@ function yr({
       height: M.height
     }), G == null || G(null);
   }, rt = (a, w) => {
-    if (!ut) return;
+    if (!ht) return;
     const v = it.current, M = bt.current;
     if (!v || !M) return;
     let D = qi(
@@ -768,7 +768,7 @@ function yr({
       if (!Z) return;
       const R = ct.find((lt) => lt.fieldId === Z.id);
       if (R) {
-        dt == null || dt(R.id), Vt == null || Vt(Z.id), G == null || G(R.id);
+        ut == null || ut(R.id), Vt == null || Vt(Z.id), G == null || G(R.id);
         return;
       }
       P = Z.id, D = {
@@ -789,20 +789,20 @@ function yr({
       fontSize: D.fontSize,
       color: F
     };
-    ut(j), dt == null || dt(j.id), G == null || G(j.id);
+    ht(j), ut == null || ut(j.id), G == null || G(j.id);
   }, Lt = (a) => {
     var v;
     if (d !== "text" || a.target.closest(".epochs-pdf-viewer__inline-text"))
       return;
-    if (ht.current) {
-      ht.current = !1;
+    if (dt.current) {
+      dt.current = !1;
       return;
     }
     const w = window.getSelection();
     if (!(w && !w.isCollapsed && w.toString().trim())) {
       if (a.detail >= 2 && tr(a.clientX, a.clientY, bt.current)) {
         const D = it.current;
-        if (D && g && ut) {
+        if (D && g && ht) {
           const P = an(D, n);
           if (P) {
             g({
@@ -824,7 +824,7 @@ function yr({
               fontSize: F.fontSize,
               color: me
             };
-            ut(j), dt == null || dt(j.id), G == null || G(j.id), (v = window.getSelection()) == null || v.removeAllRanges(), ht.current = !0;
+            ht(j), ut == null || ut(j.id), G == null || G(j.id), (v = window.getSelection()) == null || v.removeAllRanges(), dt.current = !0;
           }
         }
         return;
@@ -901,7 +901,7 @@ function yr({
   ) : a.value.trim() ? /* @__PURE__ */ s(
     "span",
     {
-      className: kt === a.id ? "epochs-pdf-viewer__inline-text epochs-pdf-viewer__inline-text--selected" : "epochs-pdf-viewer__inline-text",
+      className: Pt === a.id ? "epochs-pdf-viewer__inline-text epochs-pdf-viewer__inline-text--selected" : "epochs-pdf-viewer__inline-text",
       style: {
         left: a.x * n,
         top: a.y * n,
@@ -913,7 +913,7 @@ function yr({
           tt == null || tt(a.id);
           return;
         }
-        d === "text" && (dt == null || dt(a.id), G == null || G(a.id));
+        d === "text" && (ut == null || ut(a.id), G == null || G(a.id));
       },
       children: a.value
     },
@@ -933,7 +933,7 @@ function yr({
           onClick: Zt,
           children: [
             /* @__PURE__ */ s("canvas", { ref: yt, className: "epochs-pdf-viewer__canvas" }),
-            /* @__PURE__ */ s("div", { className: "epochs-pdf-viewer__markup-layer", "aria-hidden": "true", children: Nt.map(
+            /* @__PURE__ */ s("div", { className: "epochs-pdf-viewer__markup-layer", "aria-hidden": "true", children: kt.map(
               (a) => a.kind === "redact" ? null : a.rects.map((w, v) => a.kind === "highlight" ? /* @__PURE__ */ s(
                 "div",
                 {
@@ -969,7 +969,7 @@ function yr({
               ))
             ) }),
             /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__signature-layer", children: [
-              f.map((a) => {
+              p.map((a) => {
                 const w = a.type ?? "sign", v = Mt[a.id] ?? a.value ?? "", M = w === "date" || w === "text" ? !!v.trim() : oe.some((D) => D.fieldId === a.id);
                 return /* @__PURE__ */ s(
                   "button",
@@ -1110,7 +1110,7 @@ function yr({
                 onClick: Lt
               }
             ),
-            /* @__PURE__ */ s("div", { className: "epochs-pdf-viewer__redact-layer", "aria-hidden": "true", children: Nt.map(
+            /* @__PURE__ */ s("div", { className: "epochs-pdf-viewer__redact-layer", "aria-hidden": "true", children: kt.map(
               (a) => a.kind === "redact" ? a.rects.map((w, v) => /* @__PURE__ */ s(
                 "div",
                 {
@@ -1416,7 +1416,7 @@ function Cr({
   rememberedByType: g,
   onRememberFill: _
 }) {
-  const y = xt(null), b = xt(!1), x = xt(null), I = xt([]), S = xt([]), H = xt(null), W = r ?? "sign", [A, C] = O(W), [nt, at] = O(""), [q, pt] = O(""), [J, Mt] = O("draw"), [K, Et] = O(""), [vt, E] = O(""), [ct, ut] = O(!1), [gt, tt] = O("signature"), [kt, dt] = O("#111827"), [te, ye] = O("dancing-script"), [Vt, qt] = O(!1), [Kt, G] = O(!1), $t = Ue.find((f) => f.id === te) ?? Ue[0], yt = gt === "initials" ? vt.trim() : K.trim(), bt = yt || (gt === "initials" ? "AB" : "Signature");
+  const y = xt(null), b = xt(!1), x = xt(null), I = xt([]), S = xt([]), H = xt(null), W = r ?? "sign", [A, C] = O(W), [nt, at] = O(""), [q, pt] = O(""), [J, Mt] = O("draw"), [K, Et] = O(""), [vt, E] = O(""), [ct, ht] = O(!1), [gt, tt] = O("signature"), [Pt, ut] = O("#111827"), [te, ye] = O("dancing-script"), [Vt, qt] = O(!1), [Kt, G] = O(!1), $t = Ue.find((p) => p.id === te) ?? Ue[0], yt = gt === "initials" ? vt.trim() : K.trim(), bt = yt || (gt === "initials" ? "AB" : "Signature");
   if (Dt(() => {
     var U, rt;
     if (!t) return;
@@ -1430,91 +1430,91 @@ function Cr({
       pt(u || ((rt = g == null ? void 0 : g.text) == null ? void 0 : rt.value) || "");
       return;
     }
-    const f = g == null ? void 0 : g.sign;
-    if (!f) {
-      Mt("draw"), Et(""), E(""), ut(!1), tt("signature"), dt("#111827"), ye("dancing-script"), H.current = null, G(!1);
+    const p = g == null ? void 0 : g.sign;
+    if (!p) {
+      Mt("draw"), Et(""), E(""), ht(!1), tt("signature"), ut("#111827"), ye("dancing-script"), H.current = null, G(!1);
       return;
     }
-    Mt(f.mode), Et(f.typedName ?? ""), E(f.typedInitials ?? ""), ut(!!f.typedInitials), tt(f.typeKind ?? "signature"), dt(f.inkColor ?? "#111827");
-    const L = Ue.find((Lt) => Lt.id === f.fontId);
-    L && ye(L.id), f.mode === "draw" ? (H.current = {
-      imageDataUrl: f.imageDataUrl,
-      width: f.width,
-      height: f.height
+    Mt(p.mode), Et(p.typedName ?? ""), E(p.typedInitials ?? ""), ht(!!p.typedInitials), tt(p.typeKind ?? "signature"), ut(p.inkColor ?? "#111827");
+    const L = Ue.find((Lt) => Lt.id === p.fontId);
+    L && ye(L.id), p.mode === "draw" ? (H.current = {
+      imageDataUrl: p.imageDataUrl,
+      width: p.width,
+      height: p.height
     }, G(!0)) : (H.current = null, G(!1));
   }, [t, W, g, u]), Dt(() => {
     if (!t || A !== "sign") return;
-    const f = y.current;
-    if (!f) return;
-    const L = f.getContext("2d");
-    if (!L || (f.width = 560, f.height = 200, L.fillStyle = "#ffffff", L.fillRect(0, 0, f.width, f.height), L.lineCap = "round", L.lineJoin = "round", L.strokeStyle = kt, L.lineWidth = 2.5, x.current = null, b.current = !1, I.current = [], S.current = [], J !== "draw")) return;
+    const p = y.current;
+    if (!p) return;
+    const L = p.getContext("2d");
+    if (!L || (p.width = 560, p.height = 200, L.fillStyle = "#ffffff", L.fillRect(0, 0, p.width, p.height), L.lineCap = "round", L.lineJoin = "round", L.strokeStyle = Pt, L.lineWidth = 2.5, x.current = null, b.current = !1, I.current = [], S.current = [], J !== "draw")) return;
     const U = H.current;
     if (!(U != null && U.imageDataUrl)) return;
     const rt = new Image();
     rt.onload = () => {
       const Lt = Math.min(
-        f.width / Math.max(1, U.width),
-        f.height / Math.max(1, U.height),
+        p.width / Math.max(1, U.width),
+        p.height / Math.max(1, U.height),
         1
       ), Zt = U.width * Lt, ie = U.height * Lt;
-      L.drawImage(rt, (f.width - Zt) / 2, (f.height - ie) / 2, Zt, ie);
+      L.drawImage(rt, (p.width - Zt) / 2, (p.height - ie) / 2, Zt, ie);
     }, rt.src = U.imageDataUrl;
   }, [t, A, J]), Dt(() => {
     if (!t) return;
-    let f = !1;
+    let p = !1;
     return qt(!1), Ir().then(() => {
-      f || qt(!0);
+      p || qt(!0);
     }), () => {
-      f = !0;
+      p = !0;
     };
   }, [t]), Dt(() => {
-    const f = y.current, L = f == null ? void 0 : f.getContext("2d");
-    L && (L.strokeStyle = kt, L.fillStyle = kt);
-  }, [kt]), Dt(() => {
+    const p = y.current, L = p == null ? void 0 : p.getContext("2d");
+    L && (L.strokeStyle = Pt, L.fillStyle = Pt);
+  }, [Pt]), Dt(() => {
     if (!t || J !== "type") return;
-    const f = y.current, L = f == null ? void 0 : f.getContext("2d");
-    if (!f || !L || (L.fillStyle = "#ffffff", L.fillRect(0, 0, f.width, f.height), !yt)) return;
+    const p = y.current, L = p == null ? void 0 : p.getContext("2d");
+    if (!p || !L || (L.fillStyle = "#ffffff", L.fillRect(0, 0, p.width, p.height), !yt)) return;
     const U = Dn(gt, $t.family);
-    L.fillStyle = kt, L.textAlign = "center", L.textBaseline = "middle", L.font = `${U}px "${$t.family}", cursive`, L.fillText(yt, f.width / 2, f.height / 2);
+    L.fillStyle = Pt, L.textAlign = "center", L.textBaseline = "middle", L.font = `${U}px "${$t.family}", cursive`, L.fillText(yt, p.width / 2, p.height / 2);
   }, [
     yt,
     gt,
     J,
-    kt,
+    Pt,
     t,
     $t,
     Vt
   ]), !t) return null;
-  const it = (f) => {
+  const it = (p) => {
     const L = y.current, U = L.getBoundingClientRect();
     return {
-      x: (f.clientX - U.left) / U.width * L.width,
-      y: (f.clientY - U.top) / U.height * L.height
+      x: (p.clientX - U.left) / U.width * L.width,
+      y: (p.clientY - U.top) / U.height * L.height
     };
-  }, Wt = (f) => {
+  }, Wt = (p) => {
     if (J !== "draw") return;
     if (H.current) {
       H.current = null, G(!1);
       const U = y.current, rt = U == null ? void 0 : U.getContext("2d");
-      U && rt && (rt.fillStyle = "#ffffff", rt.fillRect(0, 0, U.width, U.height), rt.strokeStyle = kt, rt.lineWidth = 2.5, rt.lineCap = "round", rt.lineJoin = "round"), I.current = [];
+      U && rt && (rt.fillStyle = "#ffffff", rt.fillRect(0, 0, U.width, U.height), rt.strokeStyle = Pt, rt.lineWidth = 2.5, rt.lineCap = "round", rt.lineJoin = "round"), I.current = [];
     }
-    f.currentTarget.setPointerCapture(f.pointerId), b.current = !0;
-    const L = it(f);
+    p.currentTarget.setPointerCapture(p.pointerId), b.current = !0;
+    const L = it(p);
     x.current = L, S.current = [L];
-  }, st = (f) => {
+  }, st = (p) => {
     if (!b.current || J !== "draw") return;
     const L = y.current, U = L == null ? void 0 : L.getContext("2d"), rt = x.current;
     if (!U || !rt) return;
-    const Lt = it(f);
+    const Lt = it(p);
     U.beginPath(), U.moveTo(rt.x, rt.y), U.lineTo(Lt.x, Lt.y), U.stroke(), x.current = Lt, S.current.push(Lt);
   }, mt = () => {
     S.current.length > 1 && I.current.push([...S.current]), S.current = [], b.current = !1, x.current = null;
   }, It = () => {
-    const f = y.current, L = f == null ? void 0 : f.getContext("2d");
-    !f || !L || (L.fillStyle = "#ffffff", L.fillRect(0, 0, f.width, f.height), I.current = [], S.current = [], H.current = null, G(!1), Et(""), E(""), ut(!1));
-  }, ee = (f) => {
-    Et(f), ct || E(Tr(f));
-  }, ht = () => {
+    const p = y.current, L = p == null ? void 0 : p.getContext("2d");
+    !p || !L || (L.fillStyle = "#ffffff", L.fillRect(0, 0, p.width, p.height), I.current = [], S.current = [], H.current = null, G(!1), Et(""), E(""), ht(!1));
+  }, ee = (p) => {
+    Et(p), ct || E(Tr(p));
+  }, dt = () => {
     if (J === "draw") {
       const X = I.current, et = H.current;
       if (X.length === 0) {
@@ -1524,7 +1524,7 @@ function Cr({
           imageDataUrl: et.imageDataUrl,
           width: et.width,
           height: et.height,
-          inkColor: kt
+          inkColor: Pt
         }), n(et.imageDataUrl, et.width, et.height);
         return;
       }
@@ -1534,23 +1534,23 @@ function Cr({
           Qt.x < ft && (ft = Qt.x), Qt.y < Ft && (Ft = Qt.y), Qt.x > Rt && (Rt = Qt.x), Qt.y > Ht && (Ht = Qt.y);
       const At = 8;
       ft = Math.max(0, ft - At), Ft = Math.max(0, Ft - At), Rt += At, Ht += At;
-      const St = Rt - ft, Pt = Ht - Ft, _t = X.map((_e) => "M" + _e.map((ae) => ({ x: ae.x - ft, y: ae.y - Ft })).map((ae) => `${ae.x.toFixed(1)},${ae.y.toFixed(1)}`).join("L")).join(" "), Ut = Math.max(1, (m == null ? void 0 : m.width) ?? St), Yt = Math.max(1, (m == null ? void 0 : m.height) ?? Pt), Gt = Math.min(Ut / St, Yt / Pt), be = St * Gt, se = Pt * Gt, Ve = (Ut - be) / 2, de = (Yt - se) / 2, qe = `<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 ${Ut} ${Yt}"><g transform="translate(${Ve.toFixed(2)} ${de.toFixed(2)}) scale(${Gt.toFixed(4)})"><path d="${_t}" fill="none" stroke="${kt}" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></g></svg>`, he = `data:image/svg+xml;base64,${btoa(qe)}`;
+      const St = Rt - ft, Nt = Ht - Ft, _t = X.map((_e) => "M" + _e.map((ae) => ({ x: ae.x - ft, y: ae.y - Ft })).map((ae) => `${ae.x.toFixed(1)},${ae.y.toFixed(1)}`).join("L")).join(" "), Ut = Math.max(1, (m == null ? void 0 : m.width) ?? St), Yt = Math.max(1, (m == null ? void 0 : m.height) ?? Nt), Gt = Math.min(Ut / St, Yt / Nt), be = St * Gt, se = Nt * Gt, Ve = (Ut - be) / 2, de = (Yt - se) / 2, qe = `<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 ${Ut} ${Yt}"><g transform="translate(${Ve.toFixed(2)} ${de.toFixed(2)}) scale(${Gt.toFixed(4)})"><path d="${_t}" fill="none" stroke="${Pt}" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></g></svg>`, he = `data:image/svg+xml;base64,${btoa(qe)}`;
       _ == null || _("sign", {
         mode: "draw",
         imageDataUrl: he,
         width: Ut,
         height: Yt,
-        inkColor: kt
+        inkColor: Pt
       }), n(he, Ut, Yt);
       return;
     }
     if (!yt) return;
-    const f = 3, L = Dn(gt, $t.family), rt = document.createElement("canvas").getContext("2d");
+    const p = 3, L = Dn(gt, $t.family), rt = document.createElement("canvas").getContext("2d");
     rt.font = `${L}px "${$t.family}", cursive`;
-    const Lt = rt.measureText(yt), Zt = 8, ie = Math.ceil(Lt.width) + Zt * 2, a = L + Zt * 2, w = Math.max(1, (m == null ? void 0 : m.width) ?? ie), v = Math.max(1, (m == null ? void 0 : m.height) ?? a), M = Math.min(w / ie, v / a), D = Math.max(8, L * M), P = Math.max(1, Math.round(w * f)), F = Math.max(1, Math.round(v * f)), N = document.createElement("canvas");
+    const Lt = rt.measureText(yt), Zt = 8, ie = Math.ceil(Lt.width) + Zt * 2, a = L + Zt * 2, w = Math.max(1, (m == null ? void 0 : m.width) ?? ie), v = Math.max(1, (m == null ? void 0 : m.height) ?? a), M = Math.min(w / ie, v / a), D = Math.max(8, L * M), P = Math.max(1, Math.round(w * p)), F = Math.max(1, Math.round(v * p)), N = document.createElement("canvas");
     N.width = P, N.height = F;
     const j = N.getContext("2d");
-    j.fillStyle = "#ffffff", j.fillRect(0, 0, P, F), j.font = `${D * f}px "${$t.family}", cursive`, j.fillStyle = kt, j.textAlign = "center", j.textBaseline = "middle", j.fillText(yt, P / 2, F / 2);
+    j.fillStyle = "#ffffff", j.fillRect(0, 0, P, F), j.font = `${D * p}px "${$t.family}", cursive`, j.fillStyle = Pt, j.textAlign = "center", j.textBaseline = "middle", j.fillText(yt, P / 2, F / 2);
     const Z = N.toDataURL("image/png"), R = `<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 ${w} ${v}"><image href="${Z}" width="${w}" height="${v}" preserveAspectRatio="xMidYMid meet"/></svg>`, lt = `data:image/svg+xml;base64,${btoa(R)}`;
     _ == null || _("sign", {
       mode: "type",
@@ -1560,14 +1560,14 @@ function Cr({
       typedName: K,
       typedInitials: vt,
       fontId: te,
-      inkColor: kt,
+      inkColor: Pt,
       typeKind: gt
     }), n(lt, w, v);
   }, ne = () => {
     if (A !== "date" && A !== "text") return;
-    const f = A === "date" ? nt : q.trim();
-    f && (_ == null || _(A, { value: f }), i == null || i(f, A));
-  }, Nt = A === "sign";
+    const p = A === "date" ? nt : q.trim();
+    p && (_ == null || _(A, { value: p }), i == null || i(p, A));
+  }, kt = A === "sign";
   return /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__modal", role: "dialog", "aria-modal": "true", children: [
     /* @__PURE__ */ s("div", { className: "epochs-pdf-viewer__modal-backdrop", onClick: e }),
     /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__modal-card", children: [
@@ -1584,19 +1584,19 @@ function Cr({
           }
         )
       ] }),
-      o && !r ? /* @__PURE__ */ s("div", { className: "epochs-pdf-viewer__field-type-tabs", role: "tablist", children: ["sign", "date", "text"].map((f) => /* @__PURE__ */ s(
+      o && !r ? /* @__PURE__ */ s("div", { className: "epochs-pdf-viewer__field-type-tabs", role: "tablist", children: ["sign", "date", "text"].map((p) => /* @__PURE__ */ s(
         "button",
         {
           type: "button",
           role: "tab",
-          "aria-selected": A === f,
-          className: A === f ? "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text epochs-pdf-viewer__btn--active" : "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text",
-          onClick: () => C(f),
-          children: f === "sign" ? "Sign" : f === "date" ? "Date" : "Text"
+          "aria-selected": A === p,
+          className: A === p ? "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text epochs-pdf-viewer__btn--active" : "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text",
+          onClick: () => C(p),
+          children: p === "sign" ? "Sign" : p === "date" ? "Date" : "Text"
         },
-        f
+        p
       )) }) : null,
-      Nt ? /* @__PURE__ */ T(je, { children: [
+      kt ? /* @__PURE__ */ T(je, { children: [
         /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__sign-modes", children: [
           /* @__PURE__ */ s(
             "button",
@@ -1617,18 +1617,7 @@ function Cr({
               onClick: () => Mt("type"),
               children: "Type"
             }
-          ),
-          /* @__PURE__ */ T("label", { className: "epochs-pdf-viewer__sign-ink", children: [
-            "Ink",
-            /* @__PURE__ */ s(
-              "input",
-              {
-                type: "color",
-                value: kt,
-                onChange: (f) => dt(f.target.value)
-              }
-            )
-          ] })
+          )
         ] }),
         J === "type" ? /* @__PURE__ */ T(je, { children: [
           /* @__PURE__ */ s(
@@ -1637,17 +1626,17 @@ function Cr({
               className: "epochs-pdf-viewer__sign-fonts",
               role: "group",
               "aria-label": "Handwriting style",
-              children: Ue.map((f) => /* @__PURE__ */ s(
+              children: Ue.map((p) => /* @__PURE__ */ s(
                 "button",
                 {
                   type: "button",
-                  className: te === f.id ? "epochs-pdf-viewer__sign-font epochs-pdf-viewer__sign-font--active" : "epochs-pdf-viewer__sign-font",
-                  style: { fontFamily: `"${f.family}", cursive` },
-                  onClick: () => ye(f.id),
-                  title: f.label,
+                  className: te === p.id ? "epochs-pdf-viewer__sign-font epochs-pdf-viewer__sign-font--active" : "epochs-pdf-viewer__sign-font",
+                  style: { fontFamily: `"${p.family}", cursive` },
+                  onClick: () => ye(p.id),
+                  title: p.label,
                   children: bt
                 },
-                f.id
+                p.id
               ))
             }
           ),
@@ -1660,7 +1649,7 @@ function Cr({
                   className: "epochs-pdf-viewer__sign-type-input",
                   type: "text",
                   value: K,
-                  onChange: (f) => ee(f.target.value),
+                  onChange: (p) => ee(p.target.value),
                   onFocus: () => tt("signature"),
                   placeholder: "Type your full name",
                   style: { fontFamily: `"${$t.family}", cursive` },
@@ -1676,8 +1665,8 @@ function Cr({
                   className: "epochs-pdf-viewer__sign-type-input",
                   type: "text",
                   value: vt,
-                  onChange: (f) => {
-                    ut(!0), E(f.target.value.toUpperCase());
+                  onChange: (p) => {
+                    ht(!0), E(p.target.value.toUpperCase());
                   },
                   onFocus: () => tt("initials"),
                   placeholder: "e.g. JD",
@@ -1735,7 +1724,7 @@ function Cr({
             className: "epochs-pdf-viewer__sign-type-input",
             type: "date",
             value: nt,
-            onChange: (f) => at(f.target.value),
+            onChange: (p) => at(p.target.value),
             autoFocus: !0
           }
         )
@@ -1747,14 +1736,14 @@ function Cr({
             className: "epochs-pdf-viewer__sign-type-input",
             type: "text",
             value: q,
-            onChange: (f) => pt(f.target.value),
+            onChange: (p) => pt(p.target.value),
             placeholder: d ?? "Enter text",
             autoFocus: !0
           }
         )
       ] }),
       /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__modal-actions", children: [
-        Nt ? /* @__PURE__ */ s(
+        kt ? /* @__PURE__ */ s(
           "button",
           {
             type: "button",
@@ -1777,9 +1766,9 @@ function Cr({
           {
             type: "button",
             className: "epochs-pdf-viewer__btn epochs-pdf-viewer__btn--text epochs-pdf-viewer__btn--primary",
-            onClick: Nt ? ht : ne,
+            onClick: kt ? dt : ne,
             disabled: A === "date" ? !nt : A === "text" ? !q.trim() : !1,
-            children: Nt ? "Use signature" : "Place on page"
+            children: kt ? "Use signature" : "Place on page"
           }
         )
       ] })
@@ -2281,17 +2270,17 @@ function oo({
   signatureFields: vt = [],
   textFields: E = [],
   onSignatureComplete: ct,
-  onSignatureFieldsChange: ut,
+  onSignatureFieldsChange: ht,
   applySignatureToSameTag: gt = !1,
   onFieldValueComplete: tt,
-  openSignaturePad: kt = !1,
-  onSignaturePadClose: dt,
+  openSignaturePad: Pt = !1,
+  onSignaturePadClose: ut,
   onSubmit: te,
   submitLabel: ye = "Submit",
   submitLoading: Vt = !1
 }) {
   var Mn, kn;
-  const qt = xt(null), Kt = xt(null), G = xt(/* @__PURE__ */ new Map()), $t = xt(!1), yt = Pe(() => t && typeof t != "string" ? t : null, [t]), bt = Pe(() => yt ? "" : xr(typeof t == "string" ? t : void 0, e, n), [yt, t, e, n]), [it, Wt] = O("idle"), [st, mt] = O(null), [It, ee] = O(0), [ht, ne] = O(1), [Nt, oe] = O(d), [f, L] = O(0), [U, rt] = O(null), [Lt, Zt] = O(!1), [ie, a] = O(!1), [w, v] = O(!1), [M, D] = O("none"), [P, F] = O([]), [N, j] = O([]), [Z, R] = O([]), [lt, X] = O(!1), [et, ft] = O(void 0), [Ft, Rt] = O({}), [Ht, At] = O(null), [St, Pt] = O(
+  const qt = xt(null), Kt = xt(null), G = xt(/* @__PURE__ */ new Map()), $t = xt(!1), yt = Pe(() => t && typeof t != "string" ? t : null, [t]), bt = Pe(() => yt ? "" : xr(typeof t == "string" ? t : void 0, e, n), [yt, t, e, n]), [it, Wt] = O("idle"), [st, mt] = O(null), [It, ee] = O(0), [dt, ne] = O(1), [kt, oe] = O(d), [p, L] = O(0), [U, rt] = O(null), [Lt, Zt] = O(!1), [ie, a] = O(!1), [w, v] = O(!1), [M, D] = O("none"), [P, F] = O([]), [N, j] = O([]), [Z, R] = O([]), [lt, X] = O(!1), [et, ft] = O(void 0), [Ft, Rt] = O({}), [Ht, At] = O(null), [St, Nt] = O(
     null
   ), [_t, Ut] = O(
     null
@@ -2300,8 +2289,8 @@ function oo({
     ve.current = vt, Ke(vt), Ye((c) => {
       const h = { ...c };
       for (const l of vt) {
-        const p = l.type ?? "sign";
-        (p === "date" || p === "text") && l.value != null && l.value !== "" && (h[l.id] = l.value);
+        const f = l.type ?? "sign";
+        (f === "date" || f === "text") && l.value != null && l.value !== "" && (h[l.id] = l.value);
       }
       return h;
     });
@@ -2309,8 +2298,8 @@ function oo({
   const jt = B.length > 0, De = Y(
     (c, h, l) => {
       var k;
-      const p = c.type ?? "sign";
-      return p === "date" || p === "text" ? !!((k = l[c.id] ?? c.value) != null && k.trim()) : h.some(($) => $.fieldId === c.id) || !!c.signatureDataUrl;
+      const f = c.type ?? "sign";
+      return f === "date" || f === "text" ? !!((k = l[c.id] ?? c.value) != null && k.trim()) : h.some(($) => $.fieldId === c.id) || !!c.signatureDataUrl;
     },
     []
   ), pn = Y(
@@ -2318,7 +2307,7 @@ function oo({
       const l = new Set(c), k = ve.current.map(
         ($) => l.has($.id) ? { ...$, value: h } : $
       );
-      ve.current = k, Ke(k), ut == null || ut(k), Ye(($) => {
+      ve.current = k, Ke(k), ht == null || ht(k), Ye(($) => {
         const z = { ...$ };
         for (const ot of c) z[ot] = h;
         return z;
@@ -2326,13 +2315,13 @@ function oo({
       for (const $ of c)
         tt == null || tt($, h);
     },
-    [tt, ut]
+    [tt, ht]
   ), Le = Y(
     (c, h, l) => {
-      const p = ve.current, k = c == null ? null : Array.isArray(c) ? c : [c], $ = k ? new Set(k) : null, z = $ ? p.map(
+      const f = ve.current, k = c == null ? null : Array.isArray(c) ? c : [c], $ = k ? new Set(k) : null, z = $ ? f.map(
         (ot) => $.has(ot.id) ? { ...ot, signatureDataUrl: h.imageDataUrl } : ot
       ) : [
-        ...p,
+        ...f,
         {
           id: h.id,
           pageNumber: h.pageNumber,
@@ -2344,7 +2333,7 @@ function oo({
           signatureDataUrl: h.imageDataUrl
         }
       ];
-      if (ve.current = z, Ke(z), ut == null || ut(z), !k || k.length === 0) {
+      if (ve.current = z, Ke(z), ht == null || ht(z), !k || k.length === 0) {
         ct == null || ct(void 0, h);
         return;
       }
@@ -2354,11 +2343,11 @@ function oo({
           (l == null ? void 0 : l.get(ot)) ?? h
         );
     },
-    [ct, ut]
+    [ct, ht]
   );
   Dt(() => {
-    kt && X(!0);
-  }, [kt]);
+    Pt && X(!0);
+  }, [Pt]);
   const ue = Pe(
     () => Ar(b, {
       enableThumbnails: x,
@@ -2408,7 +2397,7 @@ function oo({
     Kt.current && (URL.revokeObjectURL(Kt.current), Kt.current = null);
   }, []), Qe = Y(async () => {
     if (!(!yt && !bt)) {
-      vr(y), Wt("loading"), mt(null), ee(0), ne(1), F([]), j([]), R([]), At(null), Pt(null), Ut(null), Gt(null), se(null), de(null), he(null), D("none");
+      vr(y), Wt("loading"), mt(null), ee(0), ne(1), F([]), j([]), R([]), At(null), Nt(null), Ut(null), Gt(null), se(null), de(null), he(null), D("none");
       try {
         const c = yt ? await In(yt, i) : await In(bt, i), h = new Blob([c], { type: "application/pdf" }), l = URL.createObjectURL(h);
         Fe(), Kt.current = l, rt(l);
@@ -2459,10 +2448,10 @@ function oo({
       h && ($t.current = !0, ne(c.pageNumber));
       const l = () => {
         var k;
-        const p = (k = qt.current) == null ? void 0 : k.querySelector(
+        const f = (k = qt.current) == null ? void 0 : k.querySelector(
           `[data-signature-field-id="${CSS.escape(c.id)}"]`
         );
-        p ? p.scrollIntoView({ behavior: "smooth", block: "center" }) : h && h.scrollIntoView({ behavior: "smooth", block: "start" }), window.setTimeout(() => {
+        f ? f.scrollIntoView({ behavior: "smooth", block: "center" }) : h && h.scrollIntoView({ behavior: "smooth", block: "start" }), window.setTimeout(() => {
           $t.current = !1;
         }, 500);
       };
@@ -2477,16 +2466,16 @@ function oo({
     const c = qt.current, h = new IntersectionObserver(
       (l) => {
         if ($t.current) return;
-        let p = null;
+        let f = null;
         for (const k of l) {
           if (!k.isIntersecting) continue;
           const $ = Number.parseInt(
             k.target.dataset.pageNumber || "0",
             10
           );
-          $ && (!p || k.intersectionRatio > p.ratio) && (p = { page: $, ratio: k.intersectionRatio });
+          $ && (!f || k.intersectionRatio > f.ratio) && (f = { page: $, ratio: k.intersectionRatio });
         }
-        p && ne(p.page);
+        f && ne(f.page);
       },
       {
         root: c,
@@ -2494,16 +2483,16 @@ function oo({
       }
     );
     for (let l = 1; l <= It; l += 1) {
-      const p = G.current.get(l);
-      p && h.observe(p);
+      const f = G.current.get(l);
+      f && h.observe(f);
     }
     return () => h.disconnect();
   }, [it, It]);
-  const Je = ht > 1, tn = It ? ht < It : !1, hi = Y(() => {
-    Je && xe(ht - 1);
-  }, [Je, ht, xe]), ui = Y(() => {
-    tn && xe(ht + 1);
-  }, [tn, ht, xe]), fi = Y(() => {
+  const Je = dt > 1, tn = It ? dt < It : !1, hi = Y(() => {
+    Je && xe(dt - 1);
+  }, [Je, dt, xe]), ui = Y(() => {
+    tn && xe(dt + 1);
+  }, [tn, dt, xe]), fi = Y(() => {
     L((c) => (c + 90) % 360);
   }, []), pi = Y(() => {
     oe((c) => Math.max(0.25, Math.round((c - 0.1) * 100) / 100));
@@ -2512,14 +2501,14 @@ function oo({
   }, []), en = Y(async () => {
     if (!(!st || !qt.current))
       try {
-        const h = (await st.getPage(ht)).getViewport({ scale: 1, rotation: f }), p = window.matchMedia("(max-width: 720px)").matches ? 16 : 24, $ = Math.max(
+        const h = (await st.getPage(dt)).getViewport({ scale: 1, rotation: p }), f = window.matchMedia("(max-width: 720px)").matches ? 16 : 24, $ = Math.max(
           0,
-          qt.current.clientWidth - p
+          qt.current.clientWidth - f
         ) / h.width;
         oe(Math.max(0.25, Math.min(5, Math.round($ * 100) / 100)));
       } catch {
       }
-  }, [st, ht, f]);
+  }, [st, dt, p]);
   Dt(() => {
     if (it !== "ready" || !st || !window.matchMedia("(max-width: 720px)").matches) return;
     let c = !1;
@@ -2527,21 +2516,21 @@ function oo({
       c || en();
     };
     h();
-    const l = qt.current, p = typeof ResizeObserver < "u" && l ? new ResizeObserver(() => h()) : null;
-    p == null || p.observe(l);
+    const l = qt.current, f = typeof ResizeObserver < "u" && l ? new ResizeObserver(() => h()) : null;
+    f == null || f.observe(l);
     const k = window.matchMedia("(max-width: 720px)"), $ = () => {
       k.matches && h();
     };
     return k.addEventListener("change", $), () => {
-      c = !0, p == null || p.disconnect(), k.removeEventListener("change", $);
+      c = !0, f == null || f.disconnect(), k.removeEventListener("change", $);
     };
-  }, [it, st, Lt, f, en]);
+  }, [it, st, Lt, p, en]);
   const bn = Pe(() => B.flatMap((c) => {
     const h = c.type ?? "sign";
     if (h !== "date" && h !== "text") return [];
     const l = (Xt[c.id] ?? c.value ?? "").trim();
     if (!l) return [];
-    const p = Math.max(
+    const f = Math.max(
       10,
       Math.min(we, c.height * 0.55)
     );
@@ -2551,11 +2540,11 @@ function oo({
         pageNumber: c.pageNumber,
         fieldId: c.id,
         x: c.x + 4,
-        y: c.y + Math.max(2, (c.height - p) / 2),
+        y: c.y + Math.max(2, (c.height - f) / 2),
         width: Math.max(12, c.width - 8),
-        height: Math.max(p * 1.2, c.height - 4),
+        height: Math.max(f * 1.2, c.height - 4),
         value: l,
-        fontSize: p,
+        fontSize: f,
         color: me
       }
     ];
@@ -2569,16 +2558,16 @@ function oo({
       try {
         const h = await Cn(st, {
           scale: 1.5,
-          rotation: f,
+          rotation: p,
           annotations: P,
           signatures: N,
           texts: ke,
           mimeType: "image/png"
         }), l = document.createElement("iframe");
         l.style.position = "fixed", l.style.right = "0", l.style.bottom = "0", l.style.width = "0", l.style.height = "0", l.style.border = "0", l.setAttribute("aria-hidden", "true"), document.body.appendChild(l);
-        const p = (c = l.contentWindow) == null ? void 0 : c.document;
-        if (!p) throw new Error("print iframe not available");
-        p.open(), p.write(`<!doctype html>
+        const f = (c = l.contentWindow) == null ? void 0 : c.document;
+        if (!f) throw new Error("print iframe not available");
+        f.open(), f.write(`<!doctype html>
 <html>
   <head>
     <meta charset="utf-8" />
@@ -2592,12 +2581,12 @@ function oo({
     </style>
   </head>
   <body></body>
-</html>`), p.close();
-        const k = p.body;
+</html>`), f.close();
+        const k = f.body;
         for (const $ of h) {
-          const z = p.createElement("img");
+          const z = f.createElement("img");
           z.src = $.dataUrl;
-          const ot = p.createElement("div");
+          const ot = f.createElement("div");
           ot.className = "page", ot.appendChild(z), k.appendChild(ot);
         }
         await Promise.all(
@@ -2630,7 +2619,7 @@ function oo({
         a(!1);
       }
     }
-  }, [st, it, f, o, U, bt, P, N, ke]), wi = Y(async () => {
+  }, [st, it, p, o, U, bt, P, N, ke]), wi = Y(async () => {
     if (!st || it !== "ready") return;
     const c = `${o.replace(/[^\w.-]+/g, "_") || "document"}.pdf`;
     if (!(P.length > 0 || N.length > 0 || ke.length > 0) && U) {
@@ -2644,14 +2633,14 @@ function oo({
     try {
       const l = await Cn(st, {
         scale: 2,
-        rotation: f,
+        rotation: p,
         annotations: P,
         signatures: N,
         texts: ke,
         mimeType: "image/jpeg",
         quality: 0.92
-      }), p = Pr(l), k = new Uint8Array(p.byteLength);
-      k.set(p), hn(
+      }), f = Pr(l), k = new Uint8Array(f.byteLength);
+      k.set(f), hn(
         new Blob([k], { type: "application/pdf" }),
         c
       );
@@ -2663,24 +2652,24 @@ function oo({
     } finally {
       v(!1);
     }
-  }, [st, it, f, o, U, P, N, ke]), yi = Y((c) => {
+  }, [st, it, p, o, U, P, N, ke]), yi = Y((c) => {
     D((h) => h === c ? "none" : c);
   }, []), bi = M === "highlight" || M === "underline" ? Un(M === "highlight" ? _e : M === "underline" ? ae : null, M) : void 0, Ne = St != null ? N.find((c) => c.id === St) ?? null : null, _i = Y((c) => {
     F((h) => [...h, c]);
   }, []), vi = Y((c) => {
     F((h) => h.filter((l) => l.id !== c));
   }, []), xi = Y(() => {
-    F([]), j([]), R([]), Pt(null), se(null), de(null), he(null);
+    F([]), j([]), R([]), Nt(null), se(null), de(null), he(null);
   }, []), Be = Y(
     (c, h) => {
       const l = B.findIndex(
         (k) => k.id === c
-      ), p = B.slice(l + 1).find((k) => !h.has(k.id)) ?? B.slice(0, Math.max(0, l)).find((k) => !h.has(k.id));
-      if (!p) {
+      ), f = B.slice(l + 1).find((k) => !h.has(k.id)) ?? B.slice(0, Math.max(0, l)).find((k) => !h.has(k.id));
+      if (!f) {
         X(!1), Gt(null);
         return;
       }
-      Ut(p.id), Pt(null), Gt(null), ft(p.type ?? "sign"), Me(p), window.setTimeout(() => {
+      Ut(f.id), Nt(null), Gt(null), ft(f.type ?? "sign"), Me(f), window.setTimeout(() => {
         X(!0);
       }, 350);
     },
@@ -2696,17 +2685,17 @@ function oo({
     (c) => {
       const h = Xt[c];
       h && (tt == null || tt(c, h));
-      const l = B.findIndex(($) => $.id === c), p = new Set(
+      const l = B.findIndex(($) => $.id === c), f = new Set(
         Object.keys(Xt).filter(($) => {
           var z;
           return (z = Xt[$]) == null ? void 0 : z.trim();
         })
       );
-      p.add(c);
+      f.add(c);
       const k = B.slice(l + 1).find(
-        ($) => !p.has($.id) && !N.some((z) => z.fieldId === $.id)
+        ($) => !f.has($.id) && !N.some((z) => z.fieldId === $.id)
       ) ?? B.slice(0, Math.max(0, l)).find(
-        ($) => !p.has($.id) && !N.some((z) => z.fieldId === $.id)
+        ($) => !f.has($.id) && !N.some((z) => z.fieldId === $.id)
       );
       k && (Ut(k.id), Me(k));
     },
@@ -2714,15 +2703,15 @@ function oo({
   ), Pi = Y(
     (c, h, l) => {
       var pe;
-      const p = Xi(h, l);
+      const f = Xi(h, l);
       if (Yt) {
         j(
           (Q) => Q.map(
             (Ct) => Ct.id === Yt ? {
               ...Ct,
               imageDataUrl: c,
-              width: Ct.fieldId ? Ct.width : p.width,
-              height: Ct.fieldId ? Ct.height : p.height
+              width: Ct.fieldId ? Ct.width : f.width,
+              height: Ct.fieldId ? Ct.height : f.height
             } : Ct
           )
         ), At(null), D("none"), X(!1), Gt(null);
@@ -2761,7 +2750,7 @@ function oo({
           Ct.map((V) => V.id),
           Tt[0],
           ge
-        ), At(null), D("none"), Pt(((pe = Tt[0]) == null ? void 0 : pe.id) ?? null);
+        ), At(null), D("none"), Nt(((pe = Tt[0]) == null ? void 0 : pe.id) ?? null);
         const wt = new Set(
           B.filter(
             (V) => De(
@@ -2775,32 +2764,32 @@ function oo({
         Be(Q.id, wt);
         return;
       }
-      const k = G.current.get(ht), $ = k == null ? void 0 : k.querySelector(
+      const k = G.current.get(dt), $ = k == null ? void 0 : k.querySelector(
         ".epochs-pdf-viewer__surface"
       );
       let z = 24, ot = 24;
       if ($) {
-        const Q = Ce($, Nt), Ct = $.closest(".epochs-pdf-viewer__body");
+        const Q = Ce($, kt), Ct = $.closest(".epochs-pdf-viewer__body");
         if (Ct) {
           const Tt = Pn(
             Ct.getBoundingClientRect(),
             $,
-            Nt
+            kt
           ), re = Math.max(0, Tt.top), ge = Math.min(Q.height, Tt.bottom), wt = Math.max(0, Tt.left), V = Math.min(Q.width, Tt.right);
-          z = Math.max(0, (wt + V) / 2 - p.width / 2), ot = Math.max(0, (re + ge) / 2 - p.height / 2), z = Math.min(z, Math.max(0, Q.width - p.width)), ot = Math.min(ot, Math.max(0, Q.height - p.height));
+          z = Math.max(0, (wt + V) / 2 - f.width / 2), ot = Math.max(0, (re + ge) / 2 - f.height / 2), z = Math.min(z, Math.max(0, Q.width - f.width)), ot = Math.min(ot, Math.max(0, Q.height - f.height));
         } else
-          z = Math.max(0, (Q.width - p.width) / 2), ot = Math.max(0, (Q.height - p.height) / 2);
+          z = Math.max(0, (Q.width - f.width) / 2), ot = Math.max(0, (Q.height - f.height) / 2);
       }
       const Ot = {
         id: Se(),
-        pageNumber: ht,
+        pageNumber: dt,
         x: z,
         y: ot,
-        width: p.width,
-        height: p.height,
+        width: f.width,
+        height: f.height,
         imageDataUrl: c
       };
-      j((Q) => [...Q, Ot]), Le(void 0, Ot), Pt(Ot.id), At(null), D("none"), X(!1), Gt(null);
+      j((Q) => [...Q, Ot]), Le(void 0, Ot), Nt(Ot.id), At(null), D("none"), X(!1), Gt(null);
     },
     [
       Be,
@@ -2809,8 +2798,8 @@ function oo({
       Xt,
       jt,
       De,
-      ht,
-      Nt,
+      dt,
+      kt,
       _t,
       B,
       N,
@@ -2840,30 +2829,30 @@ function oo({
         Be(Q.id, ge);
         return;
       }
-      const l = we, p = Math.max(80, c.length * l * 0.55), k = l * 1.25;
+      const l = we, f = Math.max(80, c.length * l * 0.55), k = l * 1.25;
       let $ = 24, z = 24;
-      const ot = G.current.get(ht), Ot = ot == null ? void 0 : ot.querySelector(
+      const ot = G.current.get(dt), Ot = ot == null ? void 0 : ot.querySelector(
         ".epochs-pdf-viewer__surface"
       );
       if (Ot) {
-        const Q = Ce(Ot, Nt), Ct = Ot.closest(
+        const Q = Ce(Ot, kt), Ct = Ot.closest(
           ".epochs-pdf-viewer__body"
         );
         if (Ct) {
           const Tt = Pn(
             Ct.getBoundingClientRect(),
             Ot,
-            Nt
+            kt
           ), re = Math.max(0, Tt.top), ge = Math.min(Q.height, Tt.bottom), wt = Math.max(0, Tt.left), V = Math.min(Q.width, Tt.right);
-          $ = Math.max(0, (wt + V) / 2 - p / 2), z = Math.max(0, (re + ge) / 2 - k / 2), $ = Math.min($, Math.max(0, Q.width - p)), z = Math.min(z, Math.max(0, Q.height - k));
+          $ = Math.max(0, (wt + V) / 2 - f / 2), z = Math.max(0, (re + ge) / 2 - k / 2), $ = Math.min($, Math.max(0, Q.width - f)), z = Math.min(z, Math.max(0, Q.height - k));
         }
       }
       const pe = {
         id: Ge(),
-        pageNumber: ht,
+        pageNumber: dt,
         x: $,
         y: z,
-        width: p,
+        width: f,
         height: k,
         value: c,
         fontSize: l,
@@ -2877,34 +2866,34 @@ function oo({
       Xt,
       jt,
       De,
-      ht,
-      Nt,
+      dt,
+      kt,
       _t,
       B,
       N,
       pn
     ]
   ), Ii = Y((c) => {
-    j((h) => [...h, c]), Le(void 0, c), Pt(c.id), At(null), D("none");
+    j((h) => [...h, c]), Le(void 0, c), Nt(c.id), At(null), D("none");
   }, [Le]), Ci = Y(
     (c, h) => {
       j(
-        (l) => l.map((p) => p.id === c ? { ...p, ...h } : p)
+        (l) => l.map((f) => f.id === c ? { ...f, ...h } : f)
       );
     },
     []
   ), Ti = Y((c) => {
     const h = N.find((l) => l.id === c);
-    j((l) => l.filter((p) => p.id !== c)), Pt((l) => l === c ? null : l), h != null && h.fieldId && Ut(h.fieldId);
+    j((l) => l.filter((f) => f.id !== c)), Nt((l) => l === c ? null : l), h != null && h.fieldId && Ut(h.fieldId);
   }, [N]), Di = Y((c) => {
     const h = c ? N.find((Ot) => Ot.id === c) ?? null : Ne;
     if (!h) return;
-    const l = G.current.get(h.pageNumber), p = l == null ? void 0 : l.querySelector(
+    const l = G.current.get(h.pageNumber), f = l == null ? void 0 : l.querySelector(
       ".epochs-pdf-viewer__surface"
     ), k = 18;
     let $ = h.x + k, z = h.y + k;
-    if (p) {
-      const Ot = p.clientWidth / Nt, pe = p.clientHeight / Nt;
+    if (f) {
+      const Ot = f.clientWidth / kt, pe = f.clientHeight / kt;
       $ = Math.min(
         Math.max(0, $),
         Math.max(0, Ot - h.width)
@@ -2919,30 +2908,30 @@ function oo({
       x: $,
       y: z
     };
-    j((Ot) => [...Ot, ot]), Pt(ot.id), At(null), D("none");
-  }, [Nt, Ne, N]), Li = Y((c) => {
+    j((Ot) => [...Ot, ot]), Nt(ot.id), At(null), D("none");
+  }, [kt, Ne, N]), Li = Y((c) => {
     const h = c ?? (Ne == null ? void 0 : Ne.id);
     if (!h) return;
-    const l = N.find((k) => k.id === h), p = l != null && l.fieldId ? B.find((k) => k.id === l.fieldId) : void 0;
-    ft((p == null ? void 0 : p.type) ?? "sign"), Pt(h), Gt(h), X(!0);
+    const l = N.find((k) => k.id === h), f = l != null && l.fieldId ? B.find((k) => k.id === l.fieldId) : void 0;
+    ft((f == null ? void 0 : f.type) ?? "sign"), Nt(h), Gt(h), X(!0);
   }, [Ne, N, B]), Fi = Y((c) => {
     R((h) => c.fieldId ? [...h.filter((l) => l.fieldId !== c.fieldId), c] : [...h, c]), se(c.id), c.fieldId && de(c.fieldId);
   }, []), Ri = Y(
     (c, h) => {
       R(
-        (l) => l.map((p) => p.id === c ? { ...p, ...h } : p)
+        (l) => l.map((f) => f.id === c ? { ...f, ...h } : f)
       );
     },
     []
   ), Ai = Y((c) => {
     const h = Z.find((l) => l.id === c);
-    R((l) => l.filter((p) => p.id !== c)), se((l) => l === c ? null : l), he((l) => l === c ? null : l), h != null && h.fieldId && de(h.fieldId);
+    R((l) => l.filter((f) => f.id !== c)), se((l) => l === c ? null : l), he((l) => l === c ? null : l), h != null && h.fieldId && de(h.fieldId);
   }, [Z]);
   Dt(() => {
     Te && R(
       (c) => c.map((h) => {
         if (!h.fieldId) return h;
-        const l = E.find((p) => p.id === h.fieldId);
+        const l = E.find((f) => f.id === h.fieldId);
         return l ? {
           ...h,
           pageNumber: l.pageNumber,
@@ -2963,10 +2952,10 @@ function oo({
       const h = _t != null ? B.findIndex(($) => $.id === _t) : -1, l = Math.min(
         B.length - 1,
         Math.max(0, (h < 0 ? 0 : h) + c)
-      ), p = B[l];
-      p && (Ut(p.id), Pt(
-        ((k = N.find(($) => $.fieldId === p.id)) == null ? void 0 : k.id) ?? null
-      ), Me(p));
+      ), f = B[l];
+      f && (Ut(f.id), Nt(
+        ((k = N.find(($) => $.fieldId === f.id)) == null ? void 0 : k.id) ?? null
+      ), Me(f));
     },
     [
       Me,
@@ -2994,10 +2983,10 @@ function oo({
     canGoNext: tn,
     handlePrev: hi,
     handleNext: ui,
-    pageNumber: ht,
+    pageNumber: dt,
     numPages: It,
     scrollToPage: xe,
-    scale: Nt,
+    scale: kt,
     handleZoomOut: pi,
     handleZoomIn: gi,
     handleFitWidth: en,
@@ -3033,7 +3022,7 @@ function oo({
       return /* @__PURE__ */ s("div", { className: "epochs-pdf-viewer__toolbar-group" });
     if (l.length === 0)
       return /* @__PURE__ */ s("div", { className: "epochs-pdf-viewer__toolbar-group epochs-pdf-viewer__toolbar-group--end" });
-    const p = l.map((k, $) => {
+    const f = l.map((k, $) => {
       const z = l[$ - 1], ot = Rn(k) && (!z || !Rn(z));
       return /* @__PURE__ */ s(Wi, { children: Fr(k, vn, { showMarkupSep: ot }) }, k);
     });
@@ -3042,7 +3031,7 @@ function oo({
       {
         className: h ? "epochs-pdf-viewer__toolbar-group epochs-pdf-viewer__toolbar-group--end" : "epochs-pdf-viewer__toolbar-group",
         children: [
-          p,
+          f,
           Rr(vn, new Set(l))
         ]
       }
@@ -3060,12 +3049,12 @@ function oo({
           xn(ue.left),
           xn(ue.right, !0)
         ] }) : null,
-        Ze || kt || jt ? /* @__PURE__ */ s(
+        Ze || Pt || jt ? /* @__PURE__ */ s(
           Cr,
           {
             open: lt,
             onClose: () => {
-              X(!1), Gt(null), ft(void 0), dt == null || dt();
+              X(!1), Gt(null), ft(void 0), ut == null || ut();
             },
             onSave: Pi,
             onSaveFieldValue: $i,
@@ -3102,8 +3091,8 @@ function oo({
                     {
                       pdfDoc: st,
                       pageNumber: l,
-                      isActive: l === ht,
-                      rotation: f,
+                      isActive: l === dt,
+                      rotation: p,
                       onSelect: xe,
                       width: m,
                       annotations: P,
@@ -3147,8 +3136,8 @@ function oo({
                 {
                   pdfDoc: st,
                   pageNumber: l,
-                  scale: Nt,
-                  rotation: f,
+                  scale: kt,
+                  rotation: p,
                   markupTool: at ? M : "none",
                   markupColor: bi,
                   annotations: P,
@@ -3162,7 +3151,7 @@ function oo({
                   onEditSignature: Li,
                   onDuplicateSignature: Di,
                   selectedSignatureId: St,
-                  onSelectSignature: Pt,
+                  onSelectSignature: Nt,
                   signatureFields: B,
                   selectedSignatureFieldId: _t,
                   onSelectSignatureField: Ut,
@@ -3183,8 +3172,8 @@ function oo({
                   hasFixedTextFields: Te,
                   editingTextId: qe,
                   onEditingTextIdChange: he,
-                  pageRef: (p) => {
-                    p && G.current.set(l, p);
+                  pageRef: (f) => {
+                    f && G.current.set(l, f);
                   }
                 },
                 l
@@ -3465,7 +3454,7 @@ function ci(t, e, n, i, r) {
   const b = o.flexDirection ?? "column", x = o.gap ?? 0, I = [];
   let S = m + u.left, H = g + u.top, W = 0, A = 0;
   for (let E = 0; E < t.children.length; E++) {
-    const ct = t.children[E], ut = b === "row" ? Math.max(0, y - W - (E > 0 ? x : 0)) : y, gt = b === "column" ? Math.max(0, r - (H - n) - d.bottom) : r, tt = ci(ct, S, H, ut, gt);
+    const ct = t.children[E], ht = b === "row" ? Math.max(0, y - W - (E > 0 ? x : 0)) : y, gt = b === "column" ? Math.max(0, r - (H - n) - d.bottom) : r, tt = ci(ct, S, H, ht, gt);
     I.push(tt), b === "row" ? (W += tt.width + Ae(ct.props.style ?? {}).left + Ae(ct.props.style ?? {}).right, E < t.children.length - 1 && (W += x), S = m + u.left + W, A = Math.max(A, tt.height)) : (W += tt.height + Ae(ct.props.style ?? {}).top + Ae(ct.props.style ?? {}).bottom, E < t.children.length - 1 && (W += x), H = g + u.top + W, A = Math.max(A, tt.width));
   }
   const C = $e(