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

package/dist/index.mjs

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