@superdoc-dev/esign 1.3.1 → 1.4.0-next.1

package/dist/index.mjs

@@ -1,301 +1,29 @@
-import pe, { forwardRef as me, useState as I, useRef as L, useEffect as te, useCallback as M, useImperativeHandle as ge } from "react";
-var re = { exports: {} }, W = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var ie;
-function ve() {
-  if (ie) return W;
-  ie = 1;
-  var g = Symbol.for("react.transitional.element"), v = Symbol.for("react.fragment");
-  function m(a, n, d) {
-    var x = null;
-    if (d !== void 0 && (x = "" + d), n.key !== void 0 && (x = "" + n.key), "key" in n) {
-      d = {};
-      for (var S in n)
-        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: d
-    };
-  }
-  return W.Fragment = v, W.jsx = m, W.jsxs = m, W;
-}
-var V = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var ce;
-function be() {
-  return ce || (ce = 1, process.env.NODE_ENV !== "production" && (function() {
-    function g(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === oe ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case _:
-          return "Fragment";
-        case b:
-          return "Profiler";
-        case H:
-          return "StrictMode";
-        case T:
-          return "Suspense";
-        case Z:
-          return "SuspenseList";
-        case K:
-          return "Activity";
-      }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case ne:
-            return "Portal";
-          case A:
-            return e.displayName || "Context";
-          case G:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case X:
-            var r = e.render;
-            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case Q:
-            return r = e.displayName || null, r !== null ? r : g(e.type) || "Memo";
-          case P:
-            r = e._payload, e = e._init;
-            try {
-              return g(e(r));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function v(e) {
-      return "" + e;
-    }
-    function m(e) {
-      try {
-        v(e);
-        var r = !1;
-      } catch {
-        r = !0;
-      }
-      if (r) {
-        r = console;
-        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.",
-          l
-        ), v(e);
-      }
-    }
-    function a(e) {
-      if (e === _) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === P)
-        return "<...>";
-      try {
-        var r = g(e);
-        return r ? "<" + r + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function n() {
-      var e = w.A;
-      return e === null ? null : e.getOwner();
-    }
-    function d() {
-      return Error("react-stack-top-frame");
-    }
-    function x(e) {
-      if (y.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning) return !1;
-      }
-      return e.key !== void 0;
-    }
-    function S(e, r) {
-      function c() {
-        k || (k = !0, console.error(
-          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          r
-        ));
-      }
-      c.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: c,
-        configurable: !0
-      });
-    }
-    function z() {
-      var e = g(this.type);
-      return N[e] || (N[e] = !0, console.error(
-        "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, l, D, q) {
-      var u = c.ref;
-      return e = {
-        $$typeof: J,
-        type: e,
-        key: r,
-        props: c,
-        _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", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(e, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: D
-      }), Object.defineProperty(e, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: q
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
-    }
-    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 $(u);
-      if (y.call(r, "key")) {
-        u = g(e);
-        var C = Object.keys(r).filter(function(se) {
-          return se !== "key";
-        });
-        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,
-          C,
-          u
-        ), j[u + l] = !0);
-      }
-      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 u && S(
-        c,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), B(
-        e,
-        u,
-        c,
-        n(),
-        D,
-        q
-      );
-    }
-    function $(e) {
-      h(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === P && (e._payload.status === "fulfilled" ? h(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
-    }
-    function h(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === J;
-    }
-    var O = pe, J = Symbol.for("react.transitional.element"), ne = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), H = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), G = Symbol.for("react.consumer"), A = Symbol.for("react.context"), X = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), Z = Symbol.for("react.suspense_list"), Q = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), K = Symbol.for("react.activity"), oe = Symbol.for("react.client.reference"), w = O.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, y = Object.prototype.hasOwnProperty, ae = Array.isArray, E = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    O = {
-      react_stack_bottom_frame: function(e) {
-        return e();
-      }
-    };
-    var k, N = {}, ee = O.react_stack_bottom_frame.bind(
-      O,
-      d
-    )(), U = E(a(d)), j = {};
-    V.Fragment = _, V.jsx = function(e, r, c) {
-      var l = 1e4 > w.recentlyCreatedOwnerStacks++;
-      return Y(
-        e,
-        r,
-        c,
-        !1,
-        l ? Error("react-stack-top-frame") : ee,
-        l ? E(a(e)) : U
-      );
-    }, V.jsxs = function(e, r, c) {
-      var l = 1e4 > w.recentlyCreatedOwnerStacks++;
-      return Y(
-        e,
-        r,
-        c,
-        !0,
-        l ? Error("react-stack-top-frame") : ee,
-        l ? E(a(e)) : U
-      );
-    };
-  })()), V;
-}
-var le;
-function xe() {
-  return le || (le = 1, process.env.NODE_ENV === "production" ? re.exports = ve() : re.exports = be()), re.exports;
-}
-var p = xe();
-const he = ({
-  value: g,
-  onChange: v,
-  isDisabled: m,
-  label: a
-}) => /* @__PURE__ */ p.jsxs(
+import { jsxs as b, jsx as d } from "react/jsx-runtime";
+import { forwardRef as ae, useState as y, useRef as D, useEffect as k, useCallback as M, useImperativeHandle as ce } from "react";
+const le = (u) => {
+  const l = globalThis.document.createElement("canvas"), r = l.getContext("2d"), n = 30;
+  r.font = `italic ${n}px cursive`;
+  const i = r.measureText(u).width, m = n * 1.3, p = 4, T = 6;
+  return l.width = Math.ceil(i + p * 2) + 20, l.height = Math.ceil(m + T * 2), r.font = `italic ${n}px cursive`, r.fillStyle = "black", r.textAlign = "center", r.textBaseline = "middle", r.fillText(u, l.width / 2, l.height / 2), l.toDataURL("image/png");
+}, de = ({
+  value: u,
+  onChange: l,
+  isDisabled: r,
+  label: n
+}) => /* @__PURE__ */ b(
   "div",
   {
     className: "superdoc-esign-signature-input",
     style: { display: "flex", flexDirection: "column", gap: "8px" },
     children: [
-      a && /* @__PURE__ */ p.jsx("label", { children: a }),
-      /* @__PURE__ */ p.jsx(
+      n && /* @__PURE__ */ d("label", { children: n }),
+      /* @__PURE__ */ d(
         "input",
         {
           type: "text",
-          value: String(g || ""),
-          onChange: (n) => v(n.target.value),
-          disabled: m,
+          value: String(u || ""),
+          onChange: (s) => l(s.target.value),
+          disabled: r,
           placeholder: "Type your full name",
           style: {
             fontFamily: "cursive",
@@ -305,412 +33,375 @@ const he = ({
       )
     ]
   }
-), ye = ({
-  value: g,
-  onChange: v,
-  isDisabled: m,
-  label: a
-}) => /* @__PURE__ */ p.jsxs(
-  "label",
-  {
-    className: "superdoc-esign-checkbox-input",
-    style: { display: "flex", gap: "8px" },
-    children: [
-      /* @__PURE__ */ p.jsx(
-        "input",
-        {
-          type: "checkbox",
-          checked: !!g,
-          onChange: (n) => v(n.target.checked),
-          disabled: m
-        }
-      ),
-      /* @__PURE__ */ p.jsx("span", { children: a })
-    ]
-  }
-), Ee = (g) => ({
-  onClick: m,
-  fileName: a,
-  isDisabled: n
+), ue = ({
+  value: u,
+  onChange: l,
+  isDisabled: r,
+  label: n
+}) => /* @__PURE__ */ b("label", { className: "superdoc-esign-checkbox-input", style: { display: "flex", gap: "8px" }, children: [
+  /* @__PURE__ */ d(
+    "input",
+    {
+      type: "checkbox",
+      checked: !!u,
+      onChange: (s) => l(s.target.checked),
+      disabled: r
+    }
+  ),
+  /* @__PURE__ */ d("span", { children: n })
+] }), pe = (u) => ({
+  onClick: r,
+  fileName: n,
+  isDisabled: s,
+  isDownloading: i
 }) => {
-  const d = g?.label || "Download";
-  return /* @__PURE__ */ p.jsxs(
+  const m = u?.label || "Download", p = s || i;
+  return /* @__PURE__ */ b(
     "button",
     {
-      onClick: m,
-      disabled: n,
-      className: "superdoc-esign-btn superdoc-esign-btn--download",
+      onClick: r,
+      disabled: p,
+      className: `superdoc-esign-btn superdoc-esign-btn--download${i ? " superdoc-esign-btn--loading" : ""}`,
       style: {
         padding: "8px 16px",
         borderRadius: "6px",
         border: "1px solid #d0d5dd",
         background: "#ffffff",
         color: "#333",
-        cursor: n ? "not-allowed" : "pointer",
-        opacity: n ? 0.5 : 1,
+        cursor: p ? "not-allowed" : "pointer",
+        opacity: p ? 0.7 : 1,
         fontSize: "16px",
-        fontWeight: "bold"
+        fontWeight: "bold",
+        display: "inline-flex",
+        alignItems: "center",
+        gap: "8px",
+        transition: "opacity 0.2s ease"
       },
       children: [
-        d,
-        " ",
-        a && `(${a})`
+        i && /* @__PURE__ */ d("span", { className: "superdoc-esign-spinner" }),
+        i ? "Downloading..." : m,
+        !i && n && ` (${n})`
       ]
     }
   );
-}, _e = (g) => ({
-  onClick: m,
-  isValid: a,
-  isDisabled: n,
-  isSubmitting: d
+}, ge = (u) => ({
+  onClick: r,
+  isValid: n,
+  isDisabled: s,
+  isSubmitting: i
 }) => {
-  const x = () => g?.label || "Submit";
-  return /* @__PURE__ */ p.jsx(
+  const m = u?.label || "Submit", p = !n || s || i;
+  return /* @__PURE__ */ b(
     "button",
     {
-      onClick: m,
-      disabled: !a || n || d,
-      className: "superdoc-esign-btn superdoc-esign-btn--submit",
+      onClick: r,
+      disabled: p,
+      className: `superdoc-esign-btn superdoc-esign-btn--submit${i ? " superdoc-esign-btn--loading" : ""}`,
       style: {
         padding: "12px 24px",
         borderRadius: "6px",
         border: "none",
         background: "#007bff",
         color: "#fff",
-        cursor: !a || n ? "not-allowed" : "pointer",
-        opacity: !a || n ? 0.5 : 1,
+        cursor: p ? "not-allowed" : "pointer",
+        opacity: p && !i ? 0.5 : 1,
         fontSize: "16px",
-        fontWeight: "bold"
+        fontWeight: "bold",
+        display: "inline-flex",
+        alignItems: "center",
+        gap: "8px",
+        transition: "opacity 0.2s ease"
       },
-      children: x()
+      children: [
+        i && /* @__PURE__ */ d("span", { className: "superdoc-esign-spinner superdoc-esign-spinner--light" }),
+        i ? "Submitting..." : m
+      ]
     }
   );
-}, 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,
-      documentSource: a.source,
-      fields: {
-        document: n.document || [],
-        signer: (n.signer || []).map((o) => ({
-          id: o.id,
-          value: b.get(o.id) ?? null
-        }))
+}, me = ae(
+  (u, l) => {
+    const {
+      eventId: r,
+      document: n,
+      fields: s = {},
+      download: i,
+      submit: m,
+      onSubmit: p,
+      onDownload: T,
+      onStateChange: A,
+      onFieldChange: q,
+      onFieldsDiscovered: V,
+      isDisabled: f = !1,
+      className: X,
+      style: Y,
+      documentHeight: G = "600px"
+    } = u, [x, B] = y(!n.validation?.scroll?.required), [g, _] = y(/* @__PURE__ */ new Map()), [S, U] = y(!1), [h, $] = y(!1), [I, H] = y(!1), [z, O] = y([]), [W, J] = y(!1), E = D(null), F = D(null), Q = D(Date.now()), w = D(s), N = D([]), j = D(V);
+    w.current = s, j.current = V, k(() => {
+      N.current = z;
+    }, [z]);
+    const C = M((e) => {
+      if (!F.current?.activeEditor) return;
+      const t = F.current.activeEditor, a = w.current.signer?.find((o) => o.id === e.id);
+      let c;
+      a?.type === "signature" && e.value ? c = {
+        json: {
+          type: "image",
+          attrs: { src: typeof e.value == "string" && e.value.startsWith("data:image/") ? e.value : le(String(e.value)), alt: "Signature" }
+        }
+      } : c = { text: String(e.value ?? "") }, e.id && t.commands.updateStructuredContentById?.(e.id, c);
+    }, []), L = M(
+      (e) => {
+        if (!e) return;
+        const t = e.helpers.structuredContentCommands.getStructuredContentTags(
+          e.state
+        ), a = /* @__PURE__ */ new Map();
+        w.current.document?.forEach((o) => {
+          o.id && a.set(o.id, o.value);
+        }), w.current.signer?.forEach((o) => {
+          o.value !== void 0 && a.set(o.id, o.value);
+        });
+        const c = t.map(({ node: o }) => ({
+          id: o.attrs.id,
+          label: o.attrs.label,
+          value: a.get(o.attrs.id) ?? o.textContent ?? ""
+        })).filter((o) => o.id);
+        c.length > 0 && (j.current?.(c), [
+          ...w.current.document || [],
+          ...w.current.signer || []
+        ].filter((v) => v.value !== void 0).forEach(
+          (v) => C({
+            id: v.id,
+            value: v.value
+          })
+        ));
       },
-      fileName: d?.fileName || "document.pdf"
-    };
-    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
+      [C]
+    ), R = (e) => {
+      const t = {
+        ...e,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
+      }, a = globalThis?.__SUPERDOC_AUDIT_MOCK__;
+      a && a(t);
+      const c = [...N.current, t];
+      return N.current = c, O(c), c;
     };
-    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
+    k(() => {
+      if (!E.current) return;
+      let e = !1, t = null;
+      return (async () => {
+        const { SuperDoc: c } = await import("superdoc");
+        e || (t = new c({
+          selector: E.current,
+          document: n.source,
+          documentMode: "viewing",
+          modules: {
+            comments: !1
+          },
+          // @ts-expect-error - layoutMode is not supported in SuperDoc v1.1.0 yet
+          layoutMode: n.layoutMode,
+          layoutMargins: n.layoutMargins,
+          onReady: () => {
+            e || (t?.activeEditor && L(t.activeEditor), R({ type: "ready" }), J(!0));
+          }
+        }), F.current = t);
+      })(), () => {
+        e = !0, t && typeof t.destroy == "function" && t.destroy(), F.current = null;
+      };
+    }, [
+      n.source,
+      n.mode,
+      n.layoutMode,
+      n.layoutMargins?.top,
+      n.layoutMargins?.bottom,
+      n.layoutMargins?.left,
+      n.layoutMargins?.right,
+      L
+    ]), k(() => {
+      if (!n.validation?.scroll?.required || !W) return;
+      const e = E.current;
+      if (!e) return;
+      const t = () => {
+        const { scrollTop: a, scrollHeight: c, clientHeight: o } = e, v = a / (c - o);
+        (v >= 0.95 || c <= o) && (B(!0), R({
+          type: "scroll",
+          data: { percent: Math.round(v * 100) }
+        }));
+      };
+      return e.addEventListener("scroll", t), t(), () => e.removeEventListener("scroll", t);
+    }, [n.validation?.scroll?.required, W]);
+    const Z = M(
+      (e, t) => {
+        _((a) => {
+          const c = a.get(e), o = new Map(a);
+          return o.set(e, t), C({
+            id: e,
+            value: t
+          }), R({
+            type: "field_change",
+            data: { fieldId: e, value: t, previousValue: c }
+          }), q?.({
+            id: e,
+            value: t,
+            previousValue: c
+          }), o;
+        });
       },
-      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
+      [q, C]
+    ), P = M(() => n.validation?.scroll?.required && !x ? !1 : (s.signer || []).every((e) => {
+      if (!e.validation?.required) return !0;
+      const t = g.get(e.id);
+      return t && (typeof t != "string" || t.trim());
+    }), [x, s.signer, g, n.validation?.scroll?.required]);
+    k(() => {
+      const e = P();
+      U(e), A?.({
+        scrolled: x,
+        fields: g,
+        isValid: e,
+        isSubmitting: h
+      });
+    }, [x, g, h, P, A]);
+    const ee = M(async () => {
+      if (f || I) return;
+      H(!0);
+      const e = {
+        eventId: r,
+        documentSource: n.source,
+        fields: {
+          document: s.document || [],
+          signer: (s.signer || []).map((t) => ({
+            id: t.id,
+            value: g.get(t.id) ?? null
+          }))
+        },
+        fileName: i?.fileName || "document.pdf"
+      };
+      try {
+        await T?.(e);
+      } finally {
+        H(!1);
       }
-    ) : 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: l,
-            isValid: A,
-            isDisabled: h,
-            isSubmitting: T
-          }
-        )
+    }, [
+      f,
+      I,
+      r,
+      n.source,
+      s,
+      g,
+      i,
+      T
+    ]), te = M(async () => {
+      if (!S || f || h) return;
+      $(!0);
+      const e = R({ type: "submit" }), t = {
+        eventId: r,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+        duration: Math.floor((Date.now() - Q.current) / 1e3),
+        auditTrail: e,
+        documentFields: s.document || [],
+        signerFields: (s.signer || []).map((a) => ({
+          id: a.id,
+          value: g.get(a.id) ?? null
+        })),
+        isFullyCompleted: S
+      };
+      try {
+        await p(t);
+      } finally {
+        $(!1);
       }
-    );
-  }, 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(
+    }, [S, f, h, r, s, g, p]), ne = (e) => {
+      const t = e.component || oe(e.type);
+      return /* @__PURE__ */ d(
+        t,
+        {
+          value: g.get(e.id) ?? null,
+          onChange: (a) => Z(e.id, a),
+          isDisabled: f,
+          label: e.label
+        },
+        e.id
+      );
+    }, oe = (e) => {
+      switch (e) {
+        case "signature":
+        case "text":
+          return de;
+        case "checkbox":
+          return ue;
+      }
+    }, se = () => {
+      const e = i?.component || pe(i);
+      return e ? /* @__PURE__ */ d(
+        e,
+        {
+          onClick: ee,
+          fileName: i?.fileName,
+          isDisabled: f,
+          isDownloading: I
+        }
+      ) : null;
+    }, re = () => {
+      if (n.mode === "download")
+        return null;
+      const e = m?.component || ge(m);
+      return /* @__PURE__ */ d("div", { className: "superdoc-esign-actions superdoc-esign-form-actions", children: /* @__PURE__ */ d(
+        e,
+        {
+          onClick: te,
+          isValid: S,
+          isDisabled: f,
+          isSubmitting: h
+        }
+      ) });
+    }, K = se(), ie = re();
+    return ce(
+      l,
+      () => ({
+        getState: () => ({
+          scrolled: x,
+          fields: g,
+          isValid: S,
+          isSubmitting: h
+        }),
+        getAuditTrail: () => N.current,
+        reset: () => {
+          B(!n.validation?.scroll?.required), _(/* @__PURE__ */ new Map()), U(!1), N.current = [], O([]);
+        },
+        updateFieldInDocument: C
+      }),
+      [
+        x,
+        g,
+        S,
+        h,
+        n.validation?.scroll?.required,
+        C
+      ]
+    ), /* @__PURE__ */ b("div", { className: `superdoc-esign-container ${X || ""}`, style: Y, children: [
+      /* @__PURE__ */ b("div", { className: "superdoc-esign-document", "data-testid": "superdoc-esign-document", children: [
+        K && /* @__PURE__ */ d("div", { className: "superdoc-esign-document-toolbar", children: /* @__PURE__ */ d("div", { className: "superdoc-esign-document-controls", children: K }) }),
+        /* @__PURE__ */ d(
           "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
-            ]
+            ref: E,
+            className: "superdoc-esign-document-viewer",
+            "data-testid": "superdoc-scroll-container",
+            style: { height: G, overflow: "auto" }
           }
         )
-      ]
-    }
-  );
-});
-Re.displayName = "SuperDocESign";
+      ] }),
+      /* @__PURE__ */ b("div", { className: "superdoc-esign-controls", "data-testid": "superdoc-esign-controls", children: [
+        s.signer && s.signer.length > 0 && /* @__PURE__ */ d("div", { className: "superdoc-esign-fields", "data-testid": "superdoc-esign-fields", children: s.signer.map(ne) }),
+        ie
+      ] })
+    ] });
+  }
+);
+me.displayName = "SuperDocESign";
 export {
-  ye as CheckboxInput,
-  he as SignatureInput,
-  Re as default
+  ue as CheckboxInput,
+  de as SignatureInput,
+  me as default,
+  le as textToImageDataUrl
 };