@superdoc-dev/esign 1.2.0-next.2 → 1.2.0

package/dist/index.mjs

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