@superdoc-dev/esign 1.0.0-next.2 → 1.0.0-next.3

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import ne, { forwardRef as ae, useState as F, useRef as Q, useCallback as A, useEffect as k, useImperativeHandle as oe } from "react";
-var X = { exports: {} }, Y = {};
+import se, { useState as C, forwardRef as ie, useRef as X, useCallback as D, useEffect as te, useImperativeHandle as le } from "react";
+var Z = { exports: {} }, $ = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -9,29 +9,29 @@ var X = { exports: {} }, Y = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var K;
-function se() {
-  if (K) return Y;
-  K = 1;
-  var m = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
-  function p(i, c, u) {
-    var _ = null;
-    if (u !== void 0 && (_ = "" + u), c.key !== void 0 && (_ = "" + c.key), "key" in c) {
-      u = {};
-      for (var b in c)
-        b !== "key" && (u[b] = c[b]);
-    } else u = c;
-    return c = u.ref, {
-      $$typeof: m,
+var re;
+function ce() {
+  if (re) return $;
+  re = 1;
+  var d = Symbol.for("react.transitional.element"), E = Symbol.for("react.fragment");
+  function f(i, o, c) {
+    var g = null;
+    if (c !== void 0 && (g = "" + c), o.key !== void 0 && (g = "" + o.key), "key" in o) {
+      c = {};
+      for (var p in o)
+        p !== "key" && (c[p] = o[p]);
+    } else c = o;
+    return o = c.ref, {
+      $$typeof: d,
       type: i,
-      key: _,
-      ref: c !== void 0 ? c : null,
-      props: u
+      key: g,
+      ref: o !== void 0 ? o : null,
+      props: c
     };
   }
-  return Y.Fragment = s, Y.jsx = p, Y.jsxs = p, Y;
+  return $.Fragment = E, $.jsx = f, $.jsxs = f, $;
 }
-var M = {};
+var U = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -41,126 +41,126 @@ var M = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ee;
-function ce() {
-  return ee || (ee = 1, process.env.NODE_ENV !== "production" && (function() {
-    function m(e) {
+var ne;
+function ue() {
+  return ne || (ne = 1, process.env.NODE_ENV !== "production" && (function() {
+    function d(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === T ? null : e.displayName || e.name || null;
+        return e.$$typeof === K ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case g:
+        case S:
           return "Fragment";
-        case h:
+        case y:
           return "Profiler";
-        case z:
+        case W:
           return "StrictMode";
-        case y:
+        case T:
           return "Suspense";
-        case B:
+        case J:
           return "SuspenseList";
-        case H:
+        case G:
           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 U:
+          case Q:
             return "Portal";
-          case f:
+          case k:
             return e.displayName || "Context";
-          case J:
+          case B:
             return (e._context.displayName || "Context") + ".Consumer";
-          case G:
-            var t = e.render;
-            return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case R:
-            return t = e.displayName || null, t !== null ? t : m(e.type) || "Memo";
-          case d:
-            t = e._payload, e = e._init;
+          case z:
+            var n = e.render;
+            return e = e.displayName, e || (e = n.displayName || n.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case Y:
+            return n = e.displayName || null, n !== null ? n : d(e.type) || "Memo";
+          case N:
+            n = e._payload, e = e._init;
             try {
-              return m(e(t));
+              return d(e(n));
             } catch {
             }
         }
       return null;
     }
-    function s(e) {
+    function E(e) {
       return "" + e;
     }
-    function p(e) {
+    function f(e) {
       try {
-        s(e);
-        var t = !1;
+        E(e);
+        var n = !1;
       } catch {
-        t = !0;
+        n = !0;
       }
-      if (t) {
-        t = console;
-        var r = t.error, n = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return r.call(
-          t,
+      if (n) {
+        n = console;
+        var l = n.error, u = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return l.call(
+          n,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          n
-        ), s(e);
+          u
+        ), E(e);
       }
     }
     function i(e) {
-      if (e === g) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === d)
+      if (e === S) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === N)
         return "<...>";
       try {
-        var t = m(e);
-        return t ? "<" + t + ">" : "<...>";
+        var n = d(e);
+        return n ? "<" + n + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function c() {
-      var e = C.A;
+    function o() {
+      var e = w.A;
       return e === null ? null : e.getOwner();
     }
-    function u() {
+    function c() {
       return Error("react-stack-top-frame");
     }
-    function _(e) {
-      if (O.call(e, "key")) {
-        var t = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (t && t.isReactWarning) return !1;
+    function g(e) {
+      if (x.call(e, "key")) {
+        var n = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (n && n.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function b(e, t) {
-      function r() {
-        N || (N = !0, console.error(
+    function p(e, n) {
+      function l() {
+        j || (j = !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)",
-          t
+          n
         ));
       }
-      r.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: r,
+      l.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: l,
         configurable: !0
       });
     }
-    function V() {
-      var e = m(this.type);
-      return j[e] || (j[e] = !0, console.error(
+    function b() {
+      var e = d(this.type);
+      return L[e] || (L[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 q(e, t, r, n, o, l) {
-      var a = r.ref;
+    function q(e, n, l, u, P, t) {
+      var r = l.ref;
       return e = {
-        $$typeof: v,
+        $$typeof: V,
         type: e,
-        key: t,
-        props: r,
-        _owner: n
-      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
+        key: n,
+        props: l,
+        _owner: u
+      }, (r !== void 0 ? r : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: V
+        get: b
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -175,349 +175,492 @@ function ce() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: o
+        value: P
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: l
+        value: t
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function x(e, t, r, n, o, l) {
-      var a = t.children;
-      if (a !== void 0)
-        if (n)
-          if (Z(a)) {
-            for (n = 0; n < a.length; n++)
-              $(a[n]);
-            Object.freeze && Object.freeze(a);
+    function F(e, n, l, u, P, t) {
+      var r = n.children;
+      if (r !== void 0)
+        if (u)
+          if (ee(r)) {
+            for (u = 0; u < r.length; u++)
+              I(r[u]);
+            Object.freeze && Object.freeze(r);
           } 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 $(a);
-      if (O.call(t, "key")) {
-        a = m(e);
-        var E = Object.keys(t).filter(function(re) {
-          return re !== "key";
+        else I(r);
+      if (x.call(n, "key")) {
+        r = d(e);
+        var s = Object.keys(n).filter(function(a) {
+          return a !== "key";
         });
-        n = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", S[a + n] || (E = 0 < E.length ? "{" + E.join(": ..., ") + ": ...}" : "{}", console.error(
+        u = 0 < s.length ? "{key: someKey, " + s.join(": ..., ") + ": ...}" : "{key: someKey}", M[r + u] || (s = 0 < s.length ? "{" + s.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} />`,
-          n,
-          a,
-          E,
-          a
-        ), S[a + n] = !0);
+          u,
+          r,
+          s,
+          r
+        ), M[r + u] = !0);
       }
-      if (a = null, r !== void 0 && (p(r), a = "" + r), _(t) && (p(t.key), a = "" + t.key), "key" in t) {
-        r = {};
-        for (var L in t)
-          L !== "key" && (r[L] = t[L]);
-      } else r = t;
-      return a && b(
-        r,
+      if (r = null, l !== void 0 && (f(l), r = "" + l), g(n) && (f(n.key), r = "" + n.key), "key" in n) {
+        l = {};
+        for (var v in n)
+          v !== "key" && (l[v] = n[v]);
+      } else l = n;
+      return r && p(
+        l,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
       ), q(
         e,
-        a,
         r,
-        c(),
-        o,
-        l
+        l,
+        o(),
+        P,
+        t
       );
     }
-    function $(e) {
-      W(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === d && (e._payload.status === "fulfilled" ? W(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function I(e) {
+      R(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === N && (e._payload.status === "fulfilled" ? R(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function W(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === v;
+    function R(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === V;
     }
-    var w = ne, v = Symbol.for("react.transitional.element"), U = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), z = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), J = Symbol.for("react.consumer"), f = Symbol.for("react.context"), G = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), d = Symbol.for("react.lazy"), H = Symbol.for("react.activity"), T = Symbol.for("react.client.reference"), C = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, O = Object.prototype.hasOwnProperty, Z = Array.isArray, P = console.createTask ? console.createTask : function() {
+    var A = se, V = Symbol.for("react.transitional.element"), Q = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), W = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), B = Symbol.for("react.consumer"), k = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), J = Symbol.for("react.suspense_list"), Y = Symbol.for("react.memo"), N = Symbol.for("react.lazy"), G = Symbol.for("react.activity"), K = Symbol.for("react.client.reference"), w = A.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, x = Object.prototype.hasOwnProperty, ee = Array.isArray, h = console.createTask ? console.createTask : function() {
       return null;
     };
-    w = {
+    A = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var N, j = {}, D = w.react_stack_bottom_frame.bind(
-      w,
-      u
-    )(), I = P(i(u)), S = {};
-    M.Fragment = g, M.jsx = function(e, t, r) {
-      var n = 1e4 > C.recentlyCreatedOwnerStacks++;
-      return x(
+    var j, L = {}, O = A.react_stack_bottom_frame.bind(
+      A,
+      c
+    )(), H = h(i(c)), M = {};
+    U.Fragment = S, U.jsx = function(e, n, l) {
+      var u = 1e4 > w.recentlyCreatedOwnerStacks++;
+      return F(
         e,
-        t,
-        r,
+        n,
+        l,
         !1,
-        n ? Error("react-stack-top-frame") : D,
-        n ? P(i(e)) : I
+        u ? Error("react-stack-top-frame") : O,
+        u ? h(i(e)) : H
       );
-    }, M.jsxs = function(e, t, r) {
-      var n = 1e4 > C.recentlyCreatedOwnerStacks++;
-      return x(
+    }, U.jsxs = function(e, n, l) {
+      var u = 1e4 > w.recentlyCreatedOwnerStacks++;
+      return F(
         e,
-        t,
-        r,
+        n,
+        l,
         !0,
-        n ? Error("react-stack-top-frame") : D,
-        n ? P(i(e)) : I
+        u ? Error("react-stack-top-frame") : O,
+        u ? h(i(e)) : H
       );
     };
-  })()), M;
+  })()), U;
 }
-var te;
-function le() {
-  return te || (te = 1, process.env.NODE_ENV === "production" ? X.exports = se() : X.exports = ce()), X.exports;
+var ae;
+function de() {
+  return ae || (ae = 1, process.env.NODE_ENV === "production" ? Z.exports = ce() : Z.exports = ue()), Z.exports;
 }
-var ue = le();
-const ie = ae(
-  ({
-    document: m,
-    requirements: s = {},
-    fields: p = [],
-    signatureSelector: i = "[data-esign-signature]",
-    consentSelector: c = "[data-esign-consent]",
-    downloadSelector: u = "[data-esign-download]",
-    onReady: _,
-    onChange: b,
-    onAccept: V,
-    onFieldsDiscovered: q,
-    onDownloadRequest: x,
-    className: $,
-    style: W
-  }, w) => {
-    const [v, U] = F(!1), [g, z] = F(!1), [h, J] = F(/* @__PURE__ */ new Set()), [f, G] = F(/* @__PURE__ */ new Map()), [y, B] = F(!1), R = Q(null), d = Q(null), H = Q(Date.now()), T = A(() => {
-      const t = (s.consents || []).every(
-        (r) => h.has(r)
+var m = de();
+const fe = ({
+  onChange: d,
+  isDisabled: E,
+  label: f
+}) => {
+  const [i, o] = C(""), c = (g) => {
+    o(g);
+    const p = document.createElement("canvas");
+    p.width = 300, p.height = 80;
+    const b = p.getContext("2d");
+    b.fillStyle = "transparent", b.clearRect(0, 0, p.width, p.height), g && (b.font = "italic 30px cursive", b.fillStyle = "#000", b.textAlign = "center", b.textBaseline = "middle", b.fillText(g, p.width / 2, p.height / 2)), d(p.toDataURL());
+  };
+  return /* @__PURE__ */ m.jsxs("div", { className: "superdoc-esign-signature-input", children: [
+    f && /* @__PURE__ */ m.jsx("label", { children: f }),
+    /* @__PURE__ */ m.jsx(
+      "input",
+      {
+        type: "text",
+        value: i,
+        onChange: (g) => c(g.target.value),
+        disabled: E,
+        placeholder: "Type your full name",
+        style: {
+          width: "100%",
+          padding: "12px",
+          fontSize: "18px",
+          fontFamily: "cursive",
+          borderBottom: "2px solid #333"
+        }
+      }
+    )
+  ] });
+}, pe = ({
+  value: d,
+  onChange: E,
+  isDisabled: f,
+  label: i
+}) => /* @__PURE__ */ m.jsxs(
+  "label",
+  {
+    className: "superdoc-esign-consent-checkbox",
+    style: { display: "flex", gap: "8px" },
+    children: [
+      /* @__PURE__ */ m.jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: !!d,
+          onChange: (o) => E(o.target.checked),
+          disabled: f
+        }
+      ),
+      /* @__PURE__ */ m.jsx("span", { children: i })
+    ]
+  }
+), me = (d) => ({
+  onClick: f,
+  fileName: i,
+  isDisabled: o
+}) => {
+  const c = d?.label || "Download";
+  return /* @__PURE__ */ m.jsxs(
+    "button",
+    {
+      onClick: f,
+      disabled: o,
+      className: "superdoc-esign-btn",
+      style: {
+        padding: "10px 20px",
+        borderRadius: "6px",
+        border: "none",
+        background: "#fff",
+        color: "#333",
+        cursor: o ? "not-allowed" : "pointer",
+        opacity: o ? 0.5 : 1,
+        fontSize: "16px",
+        fontWeight: "bold"
+      },
+      children: [
+        c,
+        " ",
+        i && `(${i})`
+      ]
+    }
+  );
+}, ge = (d) => ({
+  onClick: f,
+  isValid: i,
+  isDisabled: o,
+  isSubmitting: c
+}) => {
+  const g = () => d?.label || "Submit";
+  return /* @__PURE__ */ m.jsx(
+    "button",
+    {
+      onClick: f,
+      disabled: !i || o || c,
+      className: "superdoc-esign-btn",
+      style: {
+        padding: "12px 24px",
+        borderRadius: "6px",
+        border: "none",
+        background: "#007bff",
+        color: "#fff",
+        cursor: !i || o ? "not-allowed" : "pointer",
+        opacity: !i || o ? 0.5 : 1,
+        fontSize: "16px",
+        fontWeight: "bold"
+      },
+      children: g()
+    }
+  );
+}, ve = ie(
+  (d, E) => {
+    const {
+      eventId: f,
+      document: i,
+      fields: o = {},
+      download: c,
+      submit: g,
+      onSubmit: p,
+      onDownload: b,
+      onStateChange: q,
+      onFieldChange: F,
+      onFieldsDiscovered: I,
+      isDisabled: R = !1,
+      className: A,
+      style: V,
+      documentHeight: Q = "600px"
+    } = d, [S, W] = C(
+      !i.displayOptions?.scrollRequired
+    ), [y, B] = C(/* @__PURE__ */ new Map()), [k, z] = C(!1), [T, J] = C(!1), [Y, N] = C([]), [G, K] = C(!1), w = X(null), x = X(null), ee = X(Date.now()), h = X(o);
+    h.current = o;
+    const j = D((t) => {
+      if (!x.current?.activeEditor) return;
+      const r = x.current.activeEditor, v = h.current.signer?.find(
+        (a) => a.id === t.id || a.alias === t.alias
+      )?.type === "signature" && t.value ? {
+        json: {
+          type: "image",
+          attrs: {
+            src: t.value,
+            alt: "Signature"
+          }
+        }
+      } : { text: String(t.value ?? "") };
+      t.alias && r.commands.updateStructuredContentByAlias(
+        t.alias,
+        v
       );
-      return {
-        scroll: !s.scroll || v,
-        signature: !s.signature || g,
-        consents: Array.from(h),
-        isValid: (!s.scroll || v) && (!s.signature || g) && t
+    }, []), L = D(
+      (t) => {
+        if (!t) return;
+        const r = t.helpers.structuredContentCommands.getStructuredContentTags(
+          t.state
+        ), s = /* @__PURE__ */ new Map();
+        h.current.document?.forEach((a) => {
+          a.id && s.set(a.id, a.value), a.alias && s.set(a.alias, a.value);
+        }), h.current.signer?.forEach((a) => {
+          a.value !== void 0 && (s.set(a.id, a.value), a.alias && s.set(a.alias, a.value));
+        });
+        const v = r.map(({ node: a }) => ({
+          id: a.attrs.id,
+          alias: a.attrs.alias,
+          label: a.attrs.alias,
+          value: s.get(a.attrs.id) ?? s.get(a.attrs.alias) ?? a.textContent ?? ""
+        })).filter((a) => a.id || a.alias);
+        v.length > 0 && (I?.(v), [
+          ...h.current.document || [],
+          ...h.current.signer || []
+        ].filter((_) => _.value !== void 0).forEach(
+          (_) => j({
+            id: _.id,
+            alias: _.alias,
+            value: _.value
+          })
+        ));
+      },
+      [I, j]
+    ), O = (t) => {
+      const r = {
+        ...t,
+        timestamp: (/* @__PURE__ */ new Date()).toISOString()
       };
-    }, [v, g, h, s]);
-    k(() => R.current ? ((async () => {
-      const { SuperDoc: t } = await import("superdoc"), r = new t({
-        selector: R.current,
-        document: m,
+      N((s) => [...s, r]);
+    };
+    te(() => w.current ? ((async () => {
+      const { SuperDoc: r } = await import("superdoc"), s = new r({
+        selector: w.current,
+        document: i.source,
         documentMode: "viewing",
         onReady: () => {
-          B(!0), C(r), _?.();
-        },
-        onException: ({ error: n }) => {
-          console.error("SuperDoc error:", n);
+          s.activeEditor && L(s.activeEditor), O({ type: "ready" }), K(!0);
         }
       });
-      d.current = r;
+      x.current = s;
     })(), () => {
-      d.current?.destroy?.(), d.current = null;
-    }) : void 0, [m]);
-    const C = (e) => {
-      if (!e.activeEditor) return;
-      const t = e.activeEditor, r = t.helpers.structuredContentCommands.getStructuredContentTags(
-        t.state
-      ), n = /* @__PURE__ */ new Map();
-      p.forEach((l) => {
-        const a = l.id || l.alias;
-        a && n.set(a, l.value);
-      });
-      const o = r.map(({ node: l }) => {
-        const a = l.attrs.id, E = l.attrs.alias, L = n.get(a) ?? n.get(E);
-        return {
-          id: a,
-          label: E,
-          value: L ?? l.textContent ?? ""
-        };
-      });
-      if (o.length > 0) {
-        const l = new Map(o.map((a) => [a.id, a]));
-        G(l), q?.(o), p.forEach((a) => {
-          O(a);
+      x.current && (x.current.destroy(), x.current = null);
+    }) : void 0, [i.source, i.mode, L]), te(() => {
+      if (!i.displayOptions?.scrollRequired || !G) return;
+      const t = w.current;
+      if (!t) return;
+      const r = () => {
+        const { scrollTop: s, scrollHeight: v, clientHeight: a } = t, _ = s / (v - a);
+        (_ >= 0.95 || v <= a) && (W(!0), O({
+          type: "scroll",
+          data: { percent: Math.round(_ * 100) }
+        }));
+      };
+      return t.addEventListener("scroll", r), r(), () => t.removeEventListener("scroll", r);
+    }, [i.displayOptions?.scrollRequired, G]);
+    const H = D(
+      (t, r) => {
+        B((s) => {
+          const v = s.get(t), a = new Map(s);
+          a.set(t, r);
+          const _ = h.current.signer?.find(
+            (oe) => oe.id === t
+          );
+          return j({
+            id: t,
+            alias: _?.alias,
+            value: r
+          }), O({
+            type: "field_change",
+            data: { fieldId: t, value: r, previousValue: v }
+          }), F?.({
+            id: t,
+            value: r,
+            previousValue: v
+          }), a;
         });
-      }
-    }, O = (e) => {
-      if (!d.current?.activeEditor) return;
-      const t = d.current.activeEditor, r = String(e.value);
-      e.id ? t.commands.updateStructuredContentById(e.id, {
-        text: r
-      }) : e.alias && t.commands.updateStructuredContentByAlias(e.alias, {
-        text: r
+      },
+      [F, j]
+    ), M = D(() => i.displayOptions?.scrollRequired && !S ? !1 : (o.signer || []).every((t) => {
+      if (!t.validation?.required) return !0;
+      const r = y.get(t.id);
+      return r && (typeof r != "string" || r.trim());
+    }), [S, o.signer, y, i.displayOptions]);
+    te(() => {
+      const t = M();
+      z(t), q?.({
+        scrolled: S,
+        fields: y,
+        isValid: t,
+        isSubmitting: T
       });
-    };
-    k(() => {
-      if (!s.scroll || !y) return;
-      const e = R.current;
-      if (!e) return;
-      const t = () => {
-        const { scrollTop: r, scrollHeight: n, clientHeight: o } = e;
-        (r / (n - o) >= 0.95 || n <= o) && U(!0);
-      };
-      return e.addEventListener("scroll", t), t(), () => e.removeEventListener("scroll", t);
-    }, [s.scroll, y]), k(() => {
-      if (!s.signature) return;
-      const e = () => {
-        const n = globalThis.document.querySelector(
-          i
-        );
-        if (!n) return;
-        const o = Z(n);
-        z(o);
-      }, t = new MutationObserver(e);
-      t.observe(globalThis.document.body, {
-        childList: !0,
-        subtree: !0,
-        attributes: !0,
-        attributeFilter: ["value", "data-signed"]
+    }, [S, y, T, M, q]);
+    const e = D(async () => {
+      if (R) return;
+      const t = await x.current?.export({
+        exportType: ["pdf"],
+        isFinalDoc: !0,
+        triggerDownload: !1
       });
-      const r = (n) => {
-        n.target.matches(i) && e();
-      };
-      return globalThis.document.addEventListener("input", r, !0), globalThis.document.addEventListener("change", r, !0), e(), () => {
-        t.disconnect(), globalThis.document.removeEventListener("input", r, !0), globalThis.document.removeEventListener("change", r, !0);
-      };
-    }, [s.signature, i]), k(() => {
-      if (!s.consents || s.consents.length === 0) return;
-      const e = () => {
-        const r = globalThis.document.querySelectorAll(
-          c
-        ), n = /* @__PURE__ */ new Set();
-        r.forEach((o) => {
-          const l = o.name || o.dataset.esignConsent || o.id;
-          l && o.checked && n.add(l);
-        }), J(n);
-      }, t = (r) => {
-        r.target.matches(c) && e();
-      };
-      return globalThis.document.addEventListener("change", t, !0), e(), () => {
-        globalThis.document.removeEventListener("change", t, !0);
-      };
-    }, [s.consents, c]);
-    const Z = (e) => {
-      if (!e) return !1;
-      if (e.tagName === "CANVAS") {
-        const t = e, r = t.getContext("2d");
-        return r ? r.getImageData(0, 0, t.width, t.height).data.some(
-          (o) => o !== 0 && o !== 255
-        ) : !1;
+      if (t && b)
+        b(t, c?.fileName || "document.pdf");
+      else if (t) {
+        const r = URL.createObjectURL(t), s = globalThis.document.createElement("a");
+        s.href = r, s.download = c?.fileName || "document.pdf", s.click(), URL.revokeObjectURL(r);
       }
-      return "value" in e ? !!e.value?.trim() : e.dataset.signed === "true";
-    }, P = () => {
-      const e = globalThis.document.querySelector(
-        i
-      );
-      if (e?.dataset.signatureImage)
-        return e.dataset.signatureImage;
-      if (e?.tagName === "CANVAS")
-        return e.toDataURL("image/png");
-    };
-    k(() => {
-      const e = T();
-      b?.(e);
-    }, [v, g, h, s, T, b]);
-    const N = A(async () => {
-      if (!T().isValid) return !1;
-      const t = Array.from(f.values()).map(
-        (n) => ({
-          id: n.id,
-          alias: n.label,
-          value: n.value
-        })
-      ), r = {
+    }, [R, c, b]), n = D(async () => {
+      if (!k || R || T) return;
+      J(!0), O({ type: "submit" });
+      const t = {
+        eventId: f,
         timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-        duration: Math.round((Date.now() - H.current) / 1e3),
-        fields: t,
-        scrolled: v,
-        signed: g,
-        consents: Array.from(h),
-        signatureImage: P()
+        duration: Math.floor((Date.now() - ee.current) / 1e3),
+        auditTrail: Y,
+        documentFields: o.document || [],
+        signerFields: (o.signer || []).map((r) => ({
+          id: r.id,
+          alias: r.alias,
+          value: y.get(r.id) ?? null
+        })),
+        isFullyCompleted: k
       };
-      return await V?.(r), r;
-    }, [f, v, g, h, T, V]), j = A(() => {
-      U(!1), z(!1), J(/* @__PURE__ */ new Set()), H.current = Date.now(), R.current && (R.current.scrollTop = 0);
-      const e = globalThis.document.querySelector(
-        i
-      );
-      e && (e.tagName === "CANVAS" ? e.getContext("2d")?.clearRect(
-        0,
-        0,
-        e.clientWidth,
-        e.clientHeight
-      ) : "value" in e && (e.value = ""), e.dataset.signed = "false"), globalThis.document.querySelectorAll(
-        c
-      ).forEach((r) => {
-        r.checked = !1;
-      });
-    }, [i, c]), D = A(
-      (e) => {
-        e.forEach((t) => {
-          O(t);
-          const r = f.get(t.id || "");
-          r && (r.value = t.value, G(new Map(f)));
-        });
-      },
-      [f]
-    ), I = A(() => Array.from(f.values()), [f]), S = A(async () => {
-      if (!d.current) return !1;
       try {
-        const e = await d.current.export({
-          exportType: ["docx"],
-          isFinalDoc: !0,
-          triggerDownload: !1
-        });
-        if (!e) return !1;
-        const t = {
-          blob: e,
-          fields: Array.from(f.values())
-        };
-        return await x?.(t), t;
-      } catch (e) {
-        return console.error("Download request failed:", e), !1;
+        await p(t);
+      } finally {
+        J(!1);
       }
-    }, [f, x]);
-    return k(() => {
-      if (!y) return;
-      const e = (r) => {
-        r.preventDefault(), S();
-      }, t = globalThis.document.querySelectorAll(u);
-      return t.forEach((r) => {
-        r.addEventListener("click", e);
-      }), () => {
-        t.forEach((r) => {
-          r.removeEventListener("click", e);
-        });
-      };
-    }, [u, y, S]), oe(
-      w,
-      () => ({
-        accept: N,
-        reset: j,
-        updateFields: D,
-        getStatus: T,
-        getFields: I,
-        requestDownload: S,
-        superdoc: d.current
+    }, [
+      k,
+      R,
+      T,
+      f,
+      Y,
+      o,
+      y,
+      p
+    ]), l = (t) => {
+      const r = t.component || u(t.type);
+      return /* @__PURE__ */ m.jsx(
+        r,
+        {
+          value: y.get(t.id) ?? null,
+          onChange: (s) => H(t.id, s),
+          isDisabled: R,
+          label: t.label
+        },
+        t.id
+      );
+    }, u = (t) => {
+      switch (t) {
+        case "signature":
+        case "text":
+          return fe;
+        case "consent":
+        case "checkbox":
+          return pe;
+      }
+    }, P = () => {
+      const t = c?.component || me(c), r = g?.component || ge(g);
+      return /* @__PURE__ */ m.jsxs(
+        "div",
+        {
+          className: "superdoc-esign-actions",
+          style: { display: "flex", gap: "10px" },
+          children: [
+            i.mode !== "download" && /* @__PURE__ */ m.jsx(
+              r,
+              {
+                onClick: n,
+                isValid: k,
+                isDisabled: R,
+                isSubmitting: T
+              }
+            ),
+            /* @__PURE__ */ m.jsx(
+              t,
+              {
+                onClick: e,
+                fileName: c?.fileName,
+                isDisabled: R
+              }
+            )
+          ]
+        }
+      );
+    };
+    return le(E, () => ({
+      getState: () => ({
+        scrolled: S,
+        fields: y,
+        isValid: k,
+        isSubmitting: T
       }),
-      [N, j, D, T, I, S]
-    ), /* @__PURE__ */ ue.jsx(
+      getAuditTrail: () => Y,
+      reset: () => {
+        W(!i.displayOptions?.scrollRequired), B(/* @__PURE__ */ new Map()), z(!1), N([]);
+      }
+    })), /* @__PURE__ */ m.jsxs(
       "div",
       {
-        ref: R,
-        className: `superdoc-esign ${$ || ""}`,
-        "data-superdoc": "esign",
-        style: W
+        className: `superdoc-esign-container ${A || ""}`,
+        style: V,
+        children: [
+          /* @__PURE__ */ m.jsx("div", { className: "superdoc-esign-document", children: /* @__PURE__ */ m.jsx(
+            "div",
+            {
+              ref: w,
+              style: { height: Q, overflow: "auto" }
+            }
+          ) }),
+          /* @__PURE__ */ m.jsxs("div", { className: "superdoc-esign-controls", style: { marginTop: "20px" }, children: [
+            o.signer && o.signer.length > 0 && /* @__PURE__ */ m.jsx(
+              "div",
+              {
+                className: "superdoc-esign-fields",
+                style: { marginBottom: "20px" },
+                children: o.signer.map(l)
+              }
+            ),
+            P()
+          ] })
+        ]
       }
     );
   }
 );
-ie.displayName = "SuperDocESign";
+ve.displayName = "SuperDocESign";
 export {
-  ie as default
+  pe as ConsentCheckbox,
+  fe as SignatureInput,
+  ve as default
 };