@superdoc-dev/esign 1.3.0 → 1.3.1

package/dist/index.mjs

@@ -14,19 +14,19 @@ function ve() {
   if (ie) return W;
   ie = 1;
   var g = Symbol.for("react.transitional.element"), v = Symbol.for("react.fragment");
-  function m(a, n, f) {
+  function m(a, n, d) {
     var x = null;
-    if (f !== void 0 && (x = "" + f), n.key !== void 0 && (x = "" + n.key), "key" in n) {
-      f = {};
+    if (d !== void 0 && (x = "" + d), n.key !== void 0 && (x = "" + n.key), "key" in n) {
+      d = {};
       for (var S in n)
-        S !== "key" && (f[S] = n[S]);
-    } else f = n;
-    return n = f.ref, {
+        S !== "key" && (d[S] = n[S]);
+    } else d = n;
+    return n = d.ref, {
       $$typeof: g,
       type: a,
       key: x,
       ref: n !== void 0 ? n : null,
-      props: f
+      props: d
     };
   }
   return W.Fragment = v, W.jsx = m, W.jsxs = m, W;
@@ -99,11 +99,11 @@ function be() {
       }
       if (r) {
         r = console;
-        var c = r.error, u = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        var c = r.error, l = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return c.call(
           r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          u
+          l
         ), v(e);
       }
     }
@@ -122,7 +122,7 @@ function be() {
       var e = w.A;
       return e === null ? null : e.getOwner();
     }
-    function f() {
+    function d() {
       return Error("react-stack-top-frame");
     }
     function x(e) {
@@ -150,15 +150,15 @@ function be() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function B(e, r, c, u, D, q) {
-      var d = c.ref;
+    function B(e, r, c, l, D, q) {
+      var u = c.ref;
       return e = {
         $$typeof: J,
         type: e,
         key: r,
         props: c,
-        _owner: u
-      }, (d !== void 0 ? d : null) !== null ? Object.defineProperty(e, "ref", {
+        _owner: l
+      }, (u !== void 0 ? u : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
         get: z
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
@@ -183,48 +183,48 @@ function be() {
         value: q
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function Y(e, r, c, u, D, q) {
-      var d = r.children;
-      if (d !== void 0)
-        if (u)
-          if (ae(d)) {
-            for (u = 0; u < d.length; u++)
-              $(d[u]);
-            Object.freeze && Object.freeze(d);
+    function Y(e, r, c, l, D, q) {
+      var u = r.children;
+      if (u !== void 0)
+        if (l)
+          if (ae(u)) {
+            for (l = 0; l < u.length; l++)
+              $(u[l]);
+            Object.freeze && Object.freeze(u);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else $(d);
+        else $(u);
       if (y.call(r, "key")) {
-        d = g(e);
+        u = g(e);
         var C = Object.keys(r).filter(function(se) {
           return se !== "key";
         });
-        u = 0 < C.length ? "{key: someKey, " + C.join(": ..., ") + ": ...}" : "{key: someKey}", j[d + u] || (C = 0 < C.length ? "{" + C.join(": ..., ") + ": ...}" : "{}", console.error(
+        l = 0 < C.length ? "{key: someKey, " + C.join(": ..., ") + ": ...}" : "{key: someKey}", j[u + l] || (C = 0 < C.length ? "{" + C.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
+          l,
           u,
-          d,
           C,
-          d
-        ), j[d + u] = !0);
+          u
+        ), j[u + l] = !0);
       }
-      if (d = null, c !== void 0 && (m(c), d = "" + c), x(r) && (m(r.key), d = "" + r.key), "key" in r) {
+      if (u = null, c !== void 0 && (m(c), u = "" + c), x(r) && (m(r.key), u = "" + r.key), "key" in r) {
         c = {};
         for (var F in r)
           F !== "key" && (c[F] = r[F]);
       } else c = r;
-      return d && S(
+      return u && S(
         c,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
       ), B(
         e,
-        d,
+        u,
         c,
         n(),
         D,
@@ -247,27 +247,27 @@ React keys must be passed directly to JSX without using spread:
     };
     var k, N = {}, ee = O.react_stack_bottom_frame.bind(
       O,
-      f
-    )(), U = E(a(f)), j = {};
+      d
+    )(), U = E(a(d)), j = {};
     V.Fragment = _, V.jsx = function(e, r, c) {
-      var u = 1e4 > w.recentlyCreatedOwnerStacks++;
+      var l = 1e4 > w.recentlyCreatedOwnerStacks++;
       return Y(
         e,
         r,
         c,
         !1,
-        u ? Error("react-stack-top-frame") : ee,
-        u ? E(a(e)) : U
+        l ? Error("react-stack-top-frame") : ee,
+        l ? E(a(e)) : U
       );
     }, V.jsxs = function(e, r, c) {
-      var u = 1e4 > w.recentlyCreatedOwnerStacks++;
+      var l = 1e4 > w.recentlyCreatedOwnerStacks++;
       return Y(
         e,
         r,
         c,
         !0,
-        u ? Error("react-stack-top-frame") : ee,
-        u ? E(a(e)) : U
+        l ? Error("react-stack-top-frame") : ee,
+        l ? E(a(e)) : U
       );
     };
   })()), V;
@@ -333,7 +333,7 @@ const he = ({
   fileName: a,
   isDisabled: n
 }) => {
-  const f = g?.label || "Download";
+  const d = g?.label || "Download";
   return /* @__PURE__ */ p.jsxs(
     "button",
     {
@@ -352,7 +352,7 @@ const he = ({
         fontWeight: "bold"
       },
       children: [
-        f,
+        d,
         " ",
         a && `(${a})`
       ]
@@ -362,14 +362,14 @@ const he = ({
   onClick: m,
   isValid: a,
   isDisabled: n,
-  isSubmitting: f
+  isSubmitting: d
 }) => {
   const x = () => g?.label || "Submit";
   return /* @__PURE__ */ p.jsx(
     "button",
     {
       onClick: m,
-      disabled: !a || n || f,
+      disabled: !a || n || d,
       className: "superdoc-esign-btn superdoc-esign-btn--submit",
       style: {
         padding: "12px 24px",
@@ -385,331 +385,329 @@ const he = ({
       children: x()
     }
   );
-}, Re = me(
-  (g, v) => {
-    const {
+}, Re = me((g, v) => {
+  const {
+    eventId: m,
+    document: a,
+    fields: n = {},
+    download: d,
+    submit: x,
+    onSubmit: S,
+    onDownload: z,
+    onStateChange: B,
+    onFieldChange: Y,
+    onFieldsDiscovered: $,
+    isDisabled: h = !1,
+    className: O,
+    style: J,
+    documentHeight: ne = "600px"
+  } = g, [_, H] = I(
+    !a.validation?.scroll?.required
+  ), [b, G] = I(
+    /* @__PURE__ */ new Map()
+  ), [A, X] = I(!1), [T, Z] = I(!1), [Q, P] = I([]), [K, oe] = I(!1), w = L(null), y = L(null), ae = L(Date.now()), E = L(n), k = L([]);
+  E.current = n, te(() => {
+    k.current = Q;
+  }, [Q]);
+  const N = M((t) => {
+    if (!y.current?.activeEditor) return;
+    const o = y.current.activeEditor, s = E.current.signer?.find(
+      (i) => i.id === t.id
+    );
+    let f;
+    s?.type === "signature" && t.value ? f = {
+      json: {
+        type: "image",
+        attrs: { src: typeof t.value == "string" && t.value.startsWith("data:image/") ? t.value : ee(String(t.value)), alt: "Signature" }
+      }
+    } : f = { text: String(t.value ?? "") }, t.id && o.commands.updateStructuredContentById(t.id, f);
+  }, []);
+  function ee(t) {
+    const o = globalThis.document.createElement("canvas"), s = o.getContext("2d"), f = 30;
+    s.font = `italic ${f}px cursive`;
+    const R = s.measureText(t).width, ue = f * 1.3, de = 4, fe = 6;
+    return o.width = Math.ceil(R + de * 2) + 20, o.height = Math.ceil(ue + fe * 2), s.font = `italic ${f}px cursive`, s.fillStyle = "black", s.textAlign = "center", s.textBaseline = "middle", s.fillText(t, o.width / 2, o.height / 2), o.toDataURL("image/png");
+  }
+  const U = M(
+    (t) => {
+      if (!t) return;
+      const o = t.helpers.structuredContentCommands.getStructuredContentTags(
+        t.state
+      ), s = /* @__PURE__ */ new Map();
+      E.current.document?.forEach((i) => {
+        i.id && s.set(i.id, i.value);
+      }), E.current.signer?.forEach((i) => {
+        i.value !== void 0 && s.set(i.id, i.value);
+      });
+      const f = o.map(({ node: i }) => ({
+        id: i.attrs.id,
+        label: i.attrs.label,
+        value: s.get(i.attrs.id) ?? i.textContent ?? ""
+      })).filter((i) => i.id);
+      f.length > 0 && ($?.(f), [
+        ...E.current.document || [],
+        ...E.current.signer || []
+      ].filter((R) => R.value !== void 0).forEach(
+        (R) => N({
+          id: R.id,
+          value: R.value
+        })
+      ));
+    },
+    [$, N]
+  ), j = (t) => {
+    const o = {
+      ...t,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString()
+    }, s = globalThis?.__SUPERDOC_AUDIT_MOCK__;
+    s && s(o);
+    const f = [...k.current, o];
+    return k.current = f, P(f), f;
+  };
+  te(() => w.current ? ((async () => {
+    const { SuperDoc: o } = await import("superdoc"), s = new o({
+      selector: w.current,
+      document: a.source,
+      documentMode: "viewing",
+      onReady: () => {
+        s.activeEditor && U(s.activeEditor), j({ type: "ready" }), oe(!0);
+      }
+    });
+    y.current = s;
+  })(), () => {
+    y.current && (typeof y.current.destroy == "function" && y.current.destroy(), y.current = null);
+  }) : void 0, [a.source, a.mode, U]), te(() => {
+    if (!a.validation?.scroll?.required || !K) return;
+    const t = w.current;
+    if (!t) return;
+    const o = () => {
+      const { scrollTop: s, scrollHeight: f, clientHeight: i } = t, R = s / (f - i);
+      (R >= 0.95 || f <= i) && (H(!0), j({
+        type: "scroll",
+        data: { percent: Math.round(R * 100) }
+      }));
+    };
+    return t.addEventListener("scroll", o), o(), () => t.removeEventListener("scroll", o);
+  }, [a.validation?.scroll?.required, K]);
+  const e = M(
+    (t, o) => {
+      G((s) => {
+        const f = s.get(t), i = new Map(s);
+        return i.set(t, o), N({
+          id: t,
+          value: o
+        }), j({
+          type: "field_change",
+          data: { fieldId: t, value: o, previousValue: f }
+        }), Y?.({
+          id: t,
+          value: o,
+          previousValue: f
+        }), i;
+      });
+    },
+    [Y, N]
+  ), r = M(() => a.validation?.scroll?.required && !_ ? !1 : (n.signer || []).every((t) => {
+    if (!t.validation?.required) return !0;
+    const o = b.get(t.id);
+    return o && (typeof o != "string" || o.trim());
+  }), [
+    _,
+    n.signer,
+    b,
+    a.validation?.scroll?.required
+  ]);
+  te(() => {
+    const t = r();
+    X(t), B?.({
+      scrolled: _,
+      fields: b,
+      isValid: t,
+      isSubmitting: T
+    });
+  }, [_, b, T, r, B]);
+  const c = M(async () => {
+    if (h) return;
+    const t = {
       eventId: m,
-      document: a,
-      fields: n = {},
-      download: f,
-      submit: x,
-      onSubmit: S,
-      onDownload: z,
-      onStateChange: B,
-      onFieldChange: Y,
-      onFieldsDiscovered: $,
-      isDisabled: h = !1,
-      className: O,
-      style: J,
-      documentHeight: ne = "600px"
-    } = g, [_, H] = I(
-      !a.validation?.scroll?.required
-    ), [b, G] = I(
-      /* @__PURE__ */ new Map()
-    ), [A, X] = I(!1), [T, Z] = I(!1), [Q, P] = I([]), [K, oe] = I(!1), w = L(null), y = L(null), ae = L(Date.now()), E = L(n), k = L([]);
-    E.current = n, te(() => {
-      k.current = Q;
-    }, [Q]);
-    const N = M((t) => {
-      if (!y.current?.activeEditor) return;
-      const o = y.current.activeEditor, s = E.current.signer?.find(
-        (i) => i.id === t.id
-      );
-      let l;
-      s?.type === "signature" && t.value ? l = {
-        json: {
-          type: "image",
-          attrs: { src: typeof t.value == "string" && t.value.startsWith("data:image/") ? t.value : ee(String(t.value)), alt: "Signature" }
-        }
-      } : l = { text: String(t.value ?? "") }, t.id && o.commands.updateStructuredContentById(t.id, l);
-    }, []);
-    function ee(t) {
-      const o = globalThis.document.createElement("canvas"), s = o.getContext("2d"), l = 30;
-      s.font = `italic ${l}px cursive`;
-      const R = s.measureText(t).width, ue = l * 1.3, de = 4, fe = 6;
-      return o.width = Math.ceil(R + de * 2) + 20, o.height = Math.ceil(ue + fe * 2), s.font = `italic ${l}px cursive`, s.fillStyle = "black", s.textAlign = "center", s.textBaseline = "middle", s.fillText(t, o.width / 2, o.height / 2), o.toDataURL("image/png");
-    }
-    const U = M(
-      (t) => {
-        if (!t) return;
-        const o = t.helpers.structuredContentCommands.getStructuredContentTags(
-          t.state
-        ), s = /* @__PURE__ */ new Map();
-        E.current.document?.forEach((i) => {
-          i.id && s.set(i.id, i.value);
-        }), E.current.signer?.forEach((i) => {
-          i.value !== void 0 && s.set(i.id, i.value);
-        });
-        const l = o.map(({ node: i }) => ({
-          id: i.attrs.id,
-          label: i.attrs.label,
-          value: s.get(i.attrs.id) ?? i.textContent ?? ""
-        })).filter((i) => i.id);
-        l.length > 0 && ($?.(l), [
-          ...E.current.document || [],
-          ...E.current.signer || []
-        ].filter((R) => R.value !== void 0).forEach(
-          (R) => N({
-            id: R.id,
-            value: R.value
-          })
-        ));
+      documentSource: a.source,
+      fields: {
+        document: n.document || [],
+        signer: (n.signer || []).map((o) => ({
+          id: o.id,
+          value: b.get(o.id) ?? null
+        }))
       },
-      [$, N]
-    ), j = (t) => {
-      const o = {
-        ...t,
-        timestamp: (/* @__PURE__ */ new Date()).toISOString()
-      }, s = globalThis?.__SUPERDOC_AUDIT_MOCK__;
-      s && s(o);
-      const l = [...k.current, o];
-      return k.current = l, P(l), l;
+      fileName: d?.fileName || "document.pdf"
     };
-    te(() => w.current ? ((async () => {
-      const { SuperDoc: o } = await import("./superdoc.es-CqejOF1J.js").then((l) => l.D), s = new o({
-        selector: w.current,
-        document: a.source,
-        documentMode: "viewing",
-        onReady: () => {
-          s.activeEditor && U(s.activeEditor), j({ type: "ready" }), oe(!0);
-        }
-      });
-      y.current = s;
-    })(), () => {
-      y.current && (typeof y.current.destroy == "function" && y.current.destroy(), y.current = null);
-    }) : void 0, [a.source, a.mode, U]), te(() => {
-      if (!a.validation?.scroll?.required || !K) return;
-      const t = w.current;
-      if (!t) return;
-      const o = () => {
-        const { scrollTop: s, scrollHeight: l, clientHeight: i } = t, R = s / (l - i);
-        (R >= 0.95 || l <= i) && (H(!0), j({
-          type: "scroll",
-          data: { percent: Math.round(R * 100) }
-        }));
-      };
-      return t.addEventListener("scroll", o), o(), () => t.removeEventListener("scroll", o);
-    }, [a.validation?.scroll?.required, K]);
-    const e = M(
-      (t, o) => {
-        G((s) => {
-          const l = s.get(t), i = new Map(s);
-          return i.set(t, o), N({
-            id: t,
-            value: o
-          }), j({
-            type: "field_change",
-            data: { fieldId: t, value: o, previousValue: l }
-          }), Y?.({
-            id: t,
-            value: o,
-            previousValue: l
-          }), i;
-        });
+    await z?.(t);
+  }, [
+    h,
+    m,
+    a.source,
+    n,
+    b,
+    d,
+    z
+  ]), l = M(async () => {
+    if (!A || h || T) return;
+    Z(!0), j({ type: "submit" });
+    const t = j({ type: "submit" }), o = {
+      eventId: m,
+      timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+      duration: Math.floor((Date.now() - ae.current) / 1e3),
+      auditTrail: t,
+      documentFields: n.document || [],
+      signerFields: (n.signer || []).map((s) => ({
+        id: s.id,
+        value: b.get(s.id) ?? null
+      })),
+      isFullyCompleted: A
+    };
+    try {
+      await S(o);
+    } finally {
+      Z(!1);
+    }
+  }, [
+    A,
+    h,
+    T,
+    m,
+    n,
+    b,
+    S
+  ]), D = (t) => {
+    const o = t.component || q(t.type);
+    return /* @__PURE__ */ p.jsx(
+      o,
+      {
+        value: b.get(t.id) ?? null,
+        onChange: (s) => e(t.id, s),
+        isDisabled: h,
+        label: t.label
       },
-      [Y, N]
-    ), r = M(() => a.validation?.scroll?.required && !_ ? !1 : (n.signer || []).every((t) => {
-      if (!t.validation?.required) return !0;
-      const o = b.get(t.id);
-      return o && (typeof o != "string" || o.trim());
-    }), [
-      _,
-      n.signer,
-      b,
-      a.validation?.scroll?.required
-    ]);
-    te(() => {
-      const t = r();
-      X(t), B?.({
-        scrolled: _,
-        fields: b,
-        isValid: t,
-        isSubmitting: T
-      });
-    }, [_, b, T, r, B]);
-    const c = M(async () => {
-      if (h) return;
-      const t = {
-        eventId: m,
-        documentSource: a.source,
-        fields: {
-          document: n.document || [],
-          signer: (n.signer || []).map((o) => ({
-            id: o.id,
-            value: b.get(o.id) ?? null
-          }))
-        },
-        fileName: f?.fileName || "document.pdf"
-      };
-      await z?.(t);
-    }, [
-      h,
-      m,
-      a.source,
-      n,
-      b,
-      f,
-      z
-    ]), u = M(async () => {
-      if (!A || h || T) return;
-      Z(!0), j({ type: "submit" });
-      const t = j({ type: "submit" }), o = {
-        eventId: m,
-        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-        duration: Math.floor((Date.now() - ae.current) / 1e3),
-        auditTrail: t,
-        documentFields: n.document || [],
-        signerFields: (n.signer || []).map((s) => ({
-          id: s.id,
-          value: b.get(s.id) ?? null
-        })),
-        isFullyCompleted: A
-      };
-      try {
-        await S(o);
-      } finally {
-        Z(!1);
-      }
-    }, [
-      A,
-      h,
-      T,
-      m,
-      n,
-      b,
-      S
-    ]), D = (t) => {
-      const o = t.component || q(t.type);
-      return /* @__PURE__ */ p.jsx(
-        o,
-        {
-          value: b.get(t.id) ?? null,
-          onChange: (s) => e(t.id, s),
-          isDisabled: h,
-          label: t.label
-        },
-        t.id
-      );
-    }, q = (t) => {
-      switch (t) {
-        case "signature":
-        case "text":
-          return he;
-        case "checkbox":
-          return ye;
-      }
-    }, d = () => {
-      const t = f?.component || Ee(f);
-      return t ? /* @__PURE__ */ p.jsx(
-        t,
-        {
-          onClick: c,
-          fileName: f?.fileName,
-          isDisabled: h
-        }
-      ) : null;
-    }, C = () => {
-      if (a.mode === "download")
-        return null;
-      const t = x?.component || _e(x);
-      return /* @__PURE__ */ p.jsx(
-        "div",
-        {
-          className: "superdoc-esign-actions superdoc-esign-form-actions",
-          style: { display: "flex", gap: "10px" },
-          children: /* @__PURE__ */ p.jsx(
-            t,
-            {
-              onClick: u,
-              isValid: A,
-              isDisabled: h,
-              isSubmitting: T
-            }
-          )
-        }
-      );
-    }, F = d(), se = C();
-    return ge(v, () => ({
-      getState: () => ({
-        scrolled: _,
-        fields: b,
-        isValid: A,
-        isSubmitting: T
-      }),
-      getAuditTrail: () => k.current,
-      reset: () => {
-        H(!a.validation?.scroll?.required), G(/* @__PURE__ */ new Map()), X(!1), k.current = [], P([]);
+      t.id
+    );
+  }, q = (t) => {
+    switch (t) {
+      case "signature":
+      case "text":
+        return he;
+      case "checkbox":
+        return ye;
+    }
+  }, u = () => {
+    const t = d?.component || Ee(d);
+    return t ? /* @__PURE__ */ p.jsx(
+      t,
+      {
+        onClick: c,
+        fileName: d?.fileName,
+        isDisabled: h
       }
-    })), /* @__PURE__ */ p.jsxs(
+    ) : null;
+  }, C = () => {
+    if (a.mode === "download")
+      return null;
+    const t = x?.component || _e(x);
+    return /* @__PURE__ */ p.jsx(
       "div",
       {
-        className: `superdoc-esign-container ${O || ""}`,
-        style: J,
-        children: [
-          /* @__PURE__ */ p.jsxs(
-            "div",
-            {
-              className: "superdoc-esign-document",
-              "data-testid": "superdoc-esign-document",
-              style: { display: "flex", flexDirection: "column" },
-              children: [
-                F && /* @__PURE__ */ p.jsx(
-                  "div",
-                  {
-                    className: "superdoc-esign-document-toolbar",
-                    style: {
-                      display: "flex",
-                      justifyContent: "flex-end",
-                      alignItems: "center",
-                      padding: "8px 12px"
-                    },
-                    children: /* @__PURE__ */ p.jsx(
-                      "div",
-                      {
-                        className: "superdoc-esign-document-controls",
-                        style: { display: "flex", gap: "8px" },
-                        children: F
-                      }
-                    )
-                  }
-                ),
-                /* @__PURE__ */ p.jsx(
-                  "div",
-                  {
-                    ref: w,
-                    className: "superdoc-esign-document-viewer",
-                    "data-testid": "superdoc-scroll-container",
-                    style: { height: ne, overflow: "auto" }
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ p.jsxs(
-            "div",
-            {
-              className: "superdoc-esign-controls",
-              style: { marginTop: "20px" },
-              "data-testid": "superdoc-esign-controls",
-              children: [
-                n.signer && n.signer.length > 0 && /* @__PURE__ */ p.jsx(
-                  "div",
-                  {
-                    className: "superdoc-esign-fields",
-                    style: { marginBottom: "20px" },
-                    "data-testid": "superdoc-esign-fields",
-                    children: n.signer.map(D)
-                  }
-                ),
-                se
-              ]
-            }
-          )
-        ]
+        className: "superdoc-esign-actions superdoc-esign-form-actions",
+        style: { display: "flex", gap: "10px" },
+        children: /* @__PURE__ */ p.jsx(
+          t,
+          {
+            onClick: l,
+            isValid: A,
+            isDisabled: h,
+            isSubmitting: T
+          }
+        )
       }
     );
-  }
-);
+  }, F = u(), se = C();
+  return ge(v, () => ({
+    getState: () => ({
+      scrolled: _,
+      fields: b,
+      isValid: A,
+      isSubmitting: T
+    }),
+    getAuditTrail: () => k.current,
+    reset: () => {
+      H(!a.validation?.scroll?.required), G(/* @__PURE__ */ new Map()), X(!1), k.current = [], P([]);
+    }
+  })), /* @__PURE__ */ p.jsxs(
+    "div",
+    {
+      className: `superdoc-esign-container ${O || ""}`,
+      style: J,
+      children: [
+        /* @__PURE__ */ p.jsxs(
+          "div",
+          {
+            className: "superdoc-esign-document",
+            "data-testid": "superdoc-esign-document",
+            style: { display: "flex", flexDirection: "column" },
+            children: [
+              F && /* @__PURE__ */ p.jsx(
+                "div",
+                {
+                  className: "superdoc-esign-document-toolbar",
+                  style: {
+                    display: "flex",
+                    justifyContent: "flex-end",
+                    alignItems: "center",
+                    padding: "8px 12px"
+                  },
+                  children: /* @__PURE__ */ p.jsx(
+                    "div",
+                    {
+                      className: "superdoc-esign-document-controls",
+                      style: { display: "flex", gap: "8px" },
+                      children: F
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ p.jsx(
+                "div",
+                {
+                  ref: w,
+                  className: "superdoc-esign-document-viewer",
+                  "data-testid": "superdoc-scroll-container",
+                  style: { height: ne, overflow: "auto" }
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ p.jsxs(
+          "div",
+          {
+            className: "superdoc-esign-controls",
+            style: { marginTop: "20px" },
+            "data-testid": "superdoc-esign-controls",
+            children: [
+              n.signer && n.signer.length > 0 && /* @__PURE__ */ p.jsx(
+                "div",
+                {
+                  className: "superdoc-esign-fields",
+                  style: { marginBottom: "20px" },
+                  "data-testid": "superdoc-esign-fields",
+                  children: n.signer.map(D)
+                }
+              ),
+              se
+            ]
+          }
+        )
+      ]
+    }
+  );
+});
 Re.displayName = "SuperDocESign";
 export {
   ye as CheckboxInput,