epochs-pdf 0.1.2 → 0.1.3

package/dist/epochs-pdf.js

@@ -490,7 +490,7 @@ function Qi({
   onRemoveText: ue,
   selectedTextId: be = null,
   onSelectText: J,
-  textFields: Ee = [],
+  textFields: Be = [],
   selectedTextFieldId: Ye = null,
   onSelectTextField: Pe,
   hasFixedTextFields: Oe = !1,
@@ -657,8 +657,8 @@ function Qi({
         le - g.startY,
         ne,
         n
-      ) : { dx: 0, dy: 0 }, $e = Ne.width - de.x, Ge = Ne.height - de.y, Se = Math.min($e, Math.max(40, g.startW + pe)), lt = Math.min(Ge, Math.max(20, g.startH + me));
-      $(g.id, { width: Se, height: lt });
+      ) : { dx: 0, dy: 0 }, $e = Ne.width - de.x, Ge = Ne.height - de.y, Ee = Math.min($e, Math.max(40, g.startW + pe)), lt = Math.min(Ge, Math.max(20, g.startH + me));
+      $(g.id, { width: Ee, height: lt });
     }, L = (H, le) => {
       var xt;
       if (g.kind !== "signature" || !$ || oe) return;
@@ -679,12 +679,12 @@ function Qi({
         ne.getAttribute("data-page-number") || String(de.pageNumber),
         10
       ), me = Pt(H, le, Ne, n), $e = yt(Ne, n);
-      let Ge = me.x - g.offsetX, Se = me.y - g.offsetY;
+      let Ge = me.x - g.offsetX, Ee = me.y - g.offsetY;
       const lt = Math.max(0, $e.width - de.width), Xe = Math.max(0, $e.height - de.height);
-      Ge = Math.min(Math.max(0, Ge), lt), Se = Math.min(Math.max(0, Se), Xe), $(g.id, {
+      Ge = Math.min(Math.max(0, Ge), lt), Ee = Math.min(Math.max(0, Ee), Xe), $(g.id, {
         pageNumber: pe,
         x: Ge,
-        y: Se
+        y: Ee
       });
     }, O = () => {
       if (o = 0, !k) return;
@@ -735,7 +735,7 @@ function Qi({
   }, [ve]);
   const re = (o) => {
     fe.current = o, r == null || r(o);
-  }, Ce = y.filter((o) => o.pageNumber === t), ce = v.filter((o) => o.pageNumber === t), Be = V.filter((o) => o.pageNumber === t), Ae = Q.filter((o) => o.pageNumber === t), Ue = (o, w) => {
+  }, Ce = y.filter((o) => o.pageNumber === t), ce = v.filter((o) => o.pageNumber === t), He = V.filter((o) => o.pageNumber === t), Ae = Q.filter((o) => o.pageNumber === t), Ue = (o, w) => {
     const _ = w.trim();
     if (!_) {
       ue == null || ue(o.id), B == null || B(null);
@@ -762,7 +762,7 @@ function Qi({
       const W = Di(
         P.x,
         P.y,
-        Ee,
+        Be,
         t
       );
       if (!W) return;
@@ -969,7 +969,7 @@ function Qi({
               ))
             ) }),
             /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__signature-layer", children: [
-              Be.map((o) => {
+              He.map((o) => {
                 const w = ce.some((_) => _.fieldId === o.id);
                 return /* @__PURE__ */ a(
                   "button",
@@ -1437,7 +1437,7 @@ function lr({
   showFieldTypeTabs: r = !1,
   textPlaceholder: s
 }) {
-  const c = _e(null), l = _e(!1), y = _e(null), f = _e([]), x = _e([]), v = i ?? "sign", [m, M] = U(v), [$, G] = U(""), [S, z] = U(""), [E, I] = U("draw"), [V, te] = U(""), [X, oe] = U(""), [ke, ye] = U(!1), [D, ae] = U("signature"), [C, F] = U("#111827"), [Q, Me] = U("dancing-script"), [Ie, ue] = U(!1), be = It.find((u) => u.id === Q) ?? It[0], J = D === "initials" ? X.trim() : V.trim(), Ee = J || (D === "initials" ? "AB" : "Signature");
+  const c = _e(null), l = _e(!1), y = _e(null), f = _e([]), x = _e([]), v = i ?? "sign", [m, M] = U(v), [$, G] = U(""), [S, z] = U(""), [E, I] = U("draw"), [V, te] = U(""), [X, oe] = U(""), [ke, ye] = U(!1), [D, ae] = U("signature"), [C, F] = U("#111827"), [Q, Me] = U("dancing-script"), [Ie, ue] = U(!1), be = It.find((u) => u.id === Q) ?? It[0], J = D === "initials" ? X.trim() : V.trim(), Be = J || (D === "initials" ? "AB" : "Signature");
   if (xe(() => {
     e && (M(v), G((/* @__PURE__ */ new Date()).toISOString().slice(0, 10)), z(""));
   }, [e, v]), xe(() => {
@@ -1506,17 +1506,17 @@ function lr({
           Le.x < g && (g = Le.x), Le.y < j && (j = Le.y), Le.x > Y && (Y = Le.x), Le.y > se && (se = Le.y);
       const re = 8;
       g = Math.max(0, g - re), j = Math.max(0, j - re), Y += re, se += re;
-      const Ce = Y - g, ce = se - j, Be = u.map((Ke) => "M" + Ke.map((We) => ({ x: We.x - g, y: We.y - j })).map((We) => `${We.x.toFixed(1)},${We.y.toFixed(1)}`).join("L")).join(" "), Ae = `<svg xmlns="http://www.w3.org/2000/svg" width="${Ce.toFixed(0)}" height="${ce.toFixed(0)}" viewBox="0 0 ${Ce.toFixed(0)} ${ce.toFixed(0)}"><path d="${Be}" fill="none" stroke="${C}" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>`, Ue = `data:image/svg+xml;base64,${btoa(Ae)}`;
+      const Ce = Y - g, ce = se - j, He = u.map((Ke) => "M" + Ke.map((We) => ({ x: We.x - g, y: We.y - j })).map((We) => `${We.x.toFixed(1)},${We.y.toFixed(1)}`).join("L")).join(" "), Ae = `<svg xmlns="http://www.w3.org/2000/svg" width="${Ce.toFixed(0)}" height="${ce.toFixed(0)}" viewBox="0 0 ${Ce.toFixed(0)} ${ce.toFixed(0)}"><path d="${He}" fill="none" stroke="${C}" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>`, Ue = `data:image/svg+xml;base64,${btoa(Ae)}`;
       n(Ue, Ce, ce);
     } else {
       if (!J) return;
       const u = 3, g = D === "initials" ? 72 : be.family === "Great Vibes" || be.family === "Allura" ? 56 : be.family === "Pacifico" ? 44 : 48, Y = document.createElement("canvas").getContext("2d");
       Y.font = `${g * u}px "${be.family}", cursive`;
-      const se = Y.measureText(J), re = 12 * u, Ce = Math.ceil(se.width) + re * 2, ce = g * u + re * 2, Be = document.createElement("canvas");
-      Be.width = Ce, Be.height = ce;
-      const Ae = Be.getContext("2d");
+      const se = Y.measureText(J), re = 12 * u, Ce = Math.ceil(se.width) + re * 2, ce = g * u + re * 2, He = document.createElement("canvas");
+      He.width = Ce, He.height = ce;
+      const Ae = He.getContext("2d");
       Ae.clearRect(0, 0, Ce, ce), Ae.font = `${g * u}px "${be.family}", cursive`, Ae.fillStyle = C, Ae.textBaseline = "middle", Ae.fillText(J, re, ce / 2);
-      const Ue = Be.toDataURL("image/png");
+      const Ue = He.toDataURL("image/png");
       n(Ue, Ce / u, ce / u);
     }
   }, ie = () => {
@@ -1606,7 +1606,7 @@ function lr({
                   style: { fontFamily: `"${u.family}", cursive` },
                   onClick: () => Me(u.id),
                   title: u.label,
-                  children: Ee
+                  children: Be
                 },
                 u.id
               ))
@@ -2248,11 +2248,11 @@ function Hr({
   onSubmit: be,
   submitLabel: J = "Submit"
 }) {
-  const Ee = _e(null), Ye = _e(null), Pe = _e(/* @__PURE__ */ new Map()), Oe = _e(!1), ve = Mt(() => e && typeof e != "string" ? e : null, [e]), B = Mt(() => ve ? "" : nr(typeof e == "string" ? e : void 0, t, n), [ve, e, t, n]), [fe, je] = U("idle"), [ie, ge] = U(null), [he, u] = U(0), [g, j] = U(1), [Y, se] = U(c), [re, Ce] = U(0), [ce, Be] = U(null), [Ae, Ue] = U(!1), [Ke, Le] = U(!1), [We, vt] = U(!1), [o, w] = U("none"), [_, k] = U([]), [P, N] = U([]), [L, O] = U([]), [Z, W] = U(!1), [H, le] = U(void 0), [de, ne] = U(null), [Ne, pe] = U(
+  const Be = _e(null), Ye = _e(null), Pe = _e(/* @__PURE__ */ new Map()), Oe = _e(!1), ve = Mt(() => e && typeof e != "string" ? e : null, [e]), B = Mt(() => ve ? "" : nr(typeof e == "string" ? e : void 0, t, n), [ve, e, t, n]), [fe, je] = U("idle"), [ie, ge] = U(null), [he, u] = U(0), [g, j] = U(1), [Y, se] = U(c), [re, Ce] = U(0), [ce, He] = U(null), [Ae, Ue] = U(!1), [Ke, Le] = U(!1), [We, vt] = U(!1), [o, w] = U("none"), [_, k] = U([]), [P, N] = U([]), [L, O] = U([]), [Z, W] = U(!1), [H, le] = U(void 0), [de, ne] = U(null), [Ne, pe] = U(
     null
   ), [me, $e] = U(
     null
-  ), [Ge, Se] = U(null), [lt, Xe] = U(null), [xt, Ze] = U(null), [Lt, Je] = U(null), [Kt, On] = U(gn), [Zt, Un] = U(xi), He = C.length > 0, dt = F.length > 0, [it, Wn] = U({});
+  ), [Ge, Ee] = U(null), [lt, Xe] = U(null), [xt, Ze] = U(null), [Lt, Je] = U(null), [Kt, On] = U(gn), [Zt, Un] = U(xi), Se = C.length > 0, dt = F.length > 0, [it, Wn] = U({});
   xe(() => {
     Ie && W(!0);
   }, [Ie]);
@@ -2301,14 +2301,14 @@ function Hr({
     };
     return d(), p.addEventListener("change", d), () => p.removeEventListener("change", d);
   }, [tt, l]);
-  const Vt = !He && tt.has("highlight"), Qt = !He && tt.has("underline"), Rt = tt.has("signature"), Jt = tt.has("text") || dt, en = !He && tt.has("erase"), ht = q(() => {
+  const Vt = !Se && tt.has("highlight"), Qt = !Se && tt.has("underline"), Rt = tt.has("signature") || Se, Jt = tt.has("text") || dt, en = !Se && tt.has("erase"), ht = q(() => {
     Ye.current && (URL.revokeObjectURL(Ye.current), Ye.current = null);
   }, []), Dt = q(async () => {
     if (!(!ve && !B)) {
-      tr(v), je("loading"), ge(null), u(0), j(1), k([]), N([]), O([]), ne(null), pe(null), $e(null), Se(null), Xe(null), Ze(null), Je(null), w("none");
+      tr(v), je("loading"), ge(null), u(0), j(1), k([]), N([]), O([]), ne(null), pe(null), $e(null), Ee(null), Xe(null), Ze(null), Je(null), w("none");
       try {
         const h = ve ? await an(ve, i) : await an(B, i), p = new Blob([h], { type: "application/pdf" }), d = URL.createObjectURL(p);
-        ht(), Ye.current = d, Be(d);
+        ht(), Ye.current = d, He(d);
         const A = await ct.getDocument({
           data: h,
           cMapUrl: `https://unpkg.com/pdfjs-dist@${ct.version}/cmaps/`,
@@ -2329,7 +2329,7 @@ function Hr({
   ]);
   xe(() => {
     if (!ve && !B) {
-      je("idle"), ge(null), u(0), Be(null), ht();
+      je("idle"), ge(null), u(0), He(null), ht();
       return;
     }
     return Dt(), () => {
@@ -2356,7 +2356,7 @@ function Hr({
       p && (Oe.current = !0, j(h.pageNumber));
       const d = () => {
         var A;
-        const b = (A = Ee.current) == null ? void 0 : A.querySelector(
+        const b = (A = Be.current) == null ? void 0 : A.querySelector(
           `[data-signature-field-id="${CSS.escape(h.id)}"]`
         );
         b ? b.scrollIntoView({ behavior: "smooth", block: "center" }) : p && p.scrollIntoView({ behavior: "smooth", block: "start" }), window.setTimeout(() => {
@@ -2370,8 +2370,8 @@ function Hr({
     []
   );
   xe(() => {
-    if (fe !== "ready" || !Ee.current || !he) return;
-    const h = Ee.current, p = new IntersectionObserver(
+    if (fe !== "ready" || !Be.current || !he) return;
+    const h = Be.current, p = new IntersectionObserver(
       (d) => {
         if (Oe.current) return;
         let b = null;
@@ -2407,11 +2407,11 @@ function Hr({
   }, []), Kn = q(() => {
     se((h) => Math.min(5, Math.round((h + 0.1) * 100) / 100));
   }, []), St = q(async () => {
-    if (!(!ie || !Ee.current))
+    if (!(!ie || !Be.current))
       try {
         const p = (await ie.getPage(g)).getViewport({ scale: 1, rotation: re }), b = window.matchMedia("(max-width: 720px)").matches ? 16 : 24, R = Math.max(
           0,
-          Ee.current.clientWidth - b
+          Be.current.clientWidth - b
         ) / p.width;
         se(Math.max(0.25, Math.min(5, Math.round(R * 100) / 100)));
       } catch {
@@ -2424,7 +2424,7 @@ function Hr({
       h || St();
     };
     p();
-    const d = Ee.current, b = typeof ResizeObserver < "u" && d ? new ResizeObserver(() => p()) : null;
+    const d = Be.current, b = typeof ResizeObserver < "u" && d ? new ResizeObserver(() => p()) : null;
     b == null || b.observe(d);
     const A = window.matchMedia("(max-width: 720px)"), R = () => {
       A.matches && p();
@@ -2585,10 +2585,10 @@ function Hr({
               height: De.fieldId ? De.height : b.height
             } : De
           )
-        ), ne(null), w("none"), W(!1), Se(null);
+        ), ne(null), w("none"), W(!1), Ee(null);
         return;
       }
-      if (He) {
+      if (Se) {
         const ee = C.find(
           (we) => we.id === me && !P.some((nt) => nt.fieldId === we.id)
         ) ?? C.find(
@@ -2611,7 +2611,7 @@ function Hr({
         N((we) => [
           ...we.filter((nt) => nt.fieldId !== ee.id),
           De
-        ]), Q == null || Q(ee.id, De), ne(null), w("none"), W(!1), Se(null);
+        ]), Q == null || Q(ee.id, De), ne(null), w("none"), W(!1), Ee(null);
         const Ve = new Set(
           P.filter((we) => we.fieldId && we.fieldId !== ee.id).map((we) => we.fieldId)
         );
@@ -2649,11 +2649,11 @@ function Hr({
         height: b.height,
         imageDataUrl: h
       };
-      N((ee) => [...ee, qe]), Q == null || Q(void 0, qe), pe(qe.id), ne(null), w("none"), W(!1), Se(null);
+      N((ee) => [...ee, qe]), Q == null || Q(void 0, qe), pe(qe.id), ne(null), w("none"), W(!1), Ee(null);
     },
     [
       Ge,
-      He,
+      Se,
       g,
       Y,
       ot,
@@ -2700,7 +2700,7 @@ function Hr({
     N((qe) => [...qe, Re]), pe(Re.id), ne(null), w("none");
   }, [Y, st, P]), hi = q((h) => {
     const p = h ?? (st == null ? void 0 : st.id);
-    p && (pe(p), Se(p), W(!0));
+    p && (pe(p), Ee(p), W(!0));
   }, [st]), pi = q((h) => {
     O((p) => h.fieldId ? [...p.filter((d) => d.fieldId !== h.fieldId), h] : [...p, h]), Xe(h.id), h.fieldId && Ze(h.fieldId);
   }, []), ui = q(
@@ -2780,7 +2780,7 @@ function Hr({
     handleRotate: qn,
     markupTool: o,
     toggleMarkupTool: (h) => Qn(h),
-    hasFixedSignatureFields: He,
+    hasFixedSignatureFields: Se,
     hasFixedTextFields: dt,
     pendingSignature: de,
     setMarkupTool: w,
@@ -2801,7 +2801,7 @@ function Hr({
     resolvedUrl: B,
     handleDownload: Vn,
     isDownloading: We
-  }, mi = (h) => h.filter((p) => !(He && (p === "highlight" || p === "underline" || p === "erase"))), Et = me ? C.findIndex((h) => h.id === me) : 0, wi = C.filter((h) => {
+  }, mi = (h) => h.filter((p) => !(Se && (p === "highlight" || p === "underline" || p === "erase"))), Et = me ? C.findIndex((h) => h.id === me) : 0, wi = C.filter((h) => {
     var d;
     const p = h.type ?? "sign";
     return p === "date" || p === "text" ? !!((d = it[h.id]) != null && d.trim()) : P.some((b) => b.fieldId === h.id);
@@ -2838,16 +2838,16 @@ function Hr({
           rn(et.left),
           rn(et.right, !0)
         ] }) : null,
-        Rt || Ie ? /* @__PURE__ */ a(
+        Rt || Ie || Se ? /* @__PURE__ */ a(
           lr,
           {
             open: Z,
             onClose: () => {
-              W(!1), Se(null), ue == null || ue();
+              W(!1), Ee(null), ue == null || ue();
             },
             onSave: si,
             fieldType: H,
-            showFieldTypeTabs: !He
+            showFieldTypeTabs: !Se
           }
         ) : null,
         /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__content", children: [
@@ -2886,7 +2886,7 @@ function Hr({
               ] }) : /* @__PURE__ */ a("div", { className: "epochs-pdf-viewer__muted", children: "Thumbnails" })
             }
           ) : null,
-          /* @__PURE__ */ T("div", { ref: Ee, className: "epochs-pdf-viewer__body", children: [
+          /* @__PURE__ */ T("div", { ref: Be, className: "epochs-pdf-viewer__body", children: [
             fe === "loading" ? /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__overlay epochs-pdf-viewer__muted", children: [
               "Loading PDF…",
               /* @__PURE__ */ a("span", { className: "epochs-pdf-viewer__spinner" })
@@ -2930,7 +2930,7 @@ function Hr({
                   signatureFields: C,
                   selectedSignatureFieldId: me,
                   onSelectSignatureField: $e,
-                  hasFixedSignatureFields: He,
+                  hasFixedSignatureFields: Se,
                   onOpenSignaturePad: ii,
                   fieldValues: it,
                   onFieldValueChange: ri,
@@ -2956,8 +2956,8 @@ function Hr({
             }) }) : null
           ] })
         ] }),
-        He || be ? /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__footer", role: "navigation", "aria-label": "Viewer actions", children: [
-          He ? /* @__PURE__ */ T(bt, { children: [
+        Se || be ? /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__footer", role: "navigation", "aria-label": "Viewer actions", children: [
+          Se ? /* @__PURE__ */ T(bt, { children: [
             /* @__PURE__ */ T("div", { className: "epochs-pdf-viewer__footer-nav", children: [
               /* @__PURE__ */ a(
                 "button",