@superdoc-dev/esign 1.4.1 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/LICENSE +661 -0
  2. package/dist/defaults/DownloadButton.d.ts.map +1 -1
  3. package/dist/defaults/SubmitButton.d.ts.map +1 -1
  4. package/dist/index.d.ts.map +1 -1
  5. package/dist/index.js +1 -1
  6. package/dist/index.mjs +273 -216
  7. package/dist/types.d.ts +20 -0
  8. package/dist/types.d.ts.map +1 -1
  9. package/package.json +3 -2
  10. package/src/styles.css +26 -0
package/dist/index.mjs CHANGED
@@ -1,24 +1,24 @@
1
- import { jsxs as x, jsx as a } from "react/jsx-runtime";
2
- import { forwardRef as le, useState as v, useRef as b, useEffect as F, useCallback as y, useImperativeHandle as de } from "react";
3
- const ue = ({
4
- value: d,
1
+ import { jsxs as y, jsx as c } from "react/jsx-runtime";
2
+ import { forwardRef as ue, useState as v, useRef as D, useEffect as R, useCallback as M, useImperativeHandle as pe } from "react";
3
+ const ge = ({
4
+ value: p,
5
5
  onChange: m,
6
- isDisabled: c,
7
- label: s
8
- }) => /* @__PURE__ */ x(
6
+ isDisabled: l,
7
+ label: n
8
+ }) => /* @__PURE__ */ y(
9
9
  "div",
10
10
  {
11
11
  className: "superdoc-esign-signature-input",
12
12
  style: { display: "flex", flexDirection: "column", gap: "8px" },
13
13
  children: [
14
- s && /* @__PURE__ */ a("label", { children: s }),
15
- /* @__PURE__ */ a(
14
+ n && /* @__PURE__ */ c("label", { children: n }),
15
+ /* @__PURE__ */ c(
16
16
  "input",
17
17
  {
18
18
  type: "text",
19
- value: String(d || ""),
20
- onChange: (r) => m(r.target.value),
21
- disabled: c,
19
+ value: String(p || ""),
20
+ onChange: (i) => m(i.target.value),
21
+ disabled: l,
22
22
  placeholder: "Type your full name",
23
23
  style: {
24
24
  fontFamily: "cursive",
@@ -28,323 +28,380 @@ const ue = ({
28
28
  )
29
29
  ]
30
30
  }
31
- ), pe = ({
32
- value: d,
31
+ ), me = ({
32
+ value: p,
33
33
  onChange: m,
34
- isDisabled: c,
35
- label: s
36
- }) => /* @__PURE__ */ x("label", { className: "superdoc-esign-checkbox-input", style: { display: "flex", gap: "8px" }, children: [
37
- /* @__PURE__ */ a(
34
+ isDisabled: l,
35
+ label: n
36
+ }) => /* @__PURE__ */ y("label", { className: "superdoc-esign-checkbox-input", style: { display: "flex", gap: "8px" }, children: [
37
+ /* @__PURE__ */ c(
38
38
  "input",
39
39
  {
40
40
  type: "checkbox",
41
- checked: !!d,
42
- onChange: (r) => m(r.target.checked),
43
- disabled: c
41
+ checked: !!p,
42
+ onChange: (i) => m(i.target.checked),
43
+ disabled: l
44
44
  }
45
45
  ),
46
- /* @__PURE__ */ a("span", { children: s })
47
- ] }), me = (d) => ({ onClick: c, fileName: s, isDisabled: r }) => {
48
- const u = d?.label || "Download";
49
- return /* @__PURE__ */ x(
46
+ /* @__PURE__ */ c("span", { children: n })
47
+ ] }), fe = (p) => ({
48
+ onClick: l,
49
+ fileName: n,
50
+ isDisabled: i,
51
+ isDownloading: a
52
+ }) => {
53
+ const b = p?.label || "Download", u = i || a;
54
+ return /* @__PURE__ */ y(
50
55
  "button",
51
56
  {
52
- onClick: c,
53
- disabled: r,
54
- className: "superdoc-esign-btn superdoc-esign-btn--download",
57
+ onClick: l,
58
+ disabled: u,
59
+ className: `superdoc-esign-btn superdoc-esign-btn--download${a ? " superdoc-esign-btn--loading" : ""}`,
55
60
  style: {
56
61
  padding: "8px 16px",
57
62
  borderRadius: "6px",
58
63
  border: "1px solid #d0d5dd",
59
64
  background: "#ffffff",
60
65
  color: "#333",
61
- cursor: r ? "not-allowed" : "pointer",
62
- opacity: r ? 0.5 : 1,
66
+ cursor: u ? "not-allowed" : "pointer",
67
+ opacity: u ? 0.7 : 1,
63
68
  fontSize: "16px",
64
- fontWeight: "bold"
69
+ fontWeight: "bold",
70
+ display: "inline-flex",
71
+ alignItems: "center",
72
+ gap: "8px",
73
+ transition: "opacity 0.2s ease"
65
74
  },
66
75
  children: [
67
- u,
68
- " ",
69
- s && `(${s})`
76
+ a && /* @__PURE__ */ c("span", { className: "superdoc-esign-spinner" }),
77
+ a ? "Downloading..." : b,
78
+ !a && n && ` (${n})`
70
79
  ]
71
80
  }
72
81
  );
73
- }, ge = (d) => ({
74
- onClick: c,
75
- isValid: s,
76
- isDisabled: r,
77
- isSubmitting: u
78
- }) => /* @__PURE__ */ a(
79
- "button",
80
- {
81
- onClick: c,
82
- disabled: !s || r || u,
83
- className: "superdoc-esign-btn superdoc-esign-btn--submit",
84
- style: {
85
- padding: "12px 24px",
86
- borderRadius: "6px",
87
- border: "none",
88
- background: "#007bff",
89
- color: "#fff",
90
- cursor: !s || r ? "not-allowed" : "pointer",
91
- opacity: !s || r ? 0.5 : 1,
92
- fontSize: "16px",
93
- fontWeight: "bold"
94
- },
95
- children: d?.label || "Submit"
96
- }
97
- ), fe = le(
98
- (d, m) => {
82
+ }, he = (p) => ({
83
+ onClick: l,
84
+ isValid: n,
85
+ isDisabled: i,
86
+ isSubmitting: a
87
+ }) => {
88
+ const b = p?.label || "Submit", u = !n || i || a;
89
+ return /* @__PURE__ */ y(
90
+ "button",
91
+ {
92
+ onClick: l,
93
+ disabled: u,
94
+ className: `superdoc-esign-btn superdoc-esign-btn--submit${a ? " superdoc-esign-btn--loading" : ""}`,
95
+ style: {
96
+ padding: "12px 24px",
97
+ borderRadius: "6px",
98
+ border: "none",
99
+ background: "#007bff",
100
+ color: "#fff",
101
+ cursor: u ? "not-allowed" : "pointer",
102
+ opacity: u && !a ? 0.5 : 1,
103
+ fontSize: "16px",
104
+ fontWeight: "bold",
105
+ display: "inline-flex",
106
+ alignItems: "center",
107
+ gap: "8px",
108
+ transition: "opacity 0.2s ease"
109
+ },
110
+ children: [
111
+ a && /* @__PURE__ */ c("span", { className: "superdoc-esign-spinner superdoc-esign-spinner--light" }),
112
+ a ? "Submitting..." : b
113
+ ]
114
+ }
115
+ );
116
+ }, ve = ue(
117
+ (p, m) => {
99
118
  const {
100
- eventId: c,
101
- document: s,
102
- fields: r = {},
103
- download: u,
104
- submit: R,
105
- onSubmit: k,
106
- onDownload: M,
119
+ eventId: l,
120
+ document: n,
121
+ fields: i = {},
122
+ download: a,
123
+ submit: b,
124
+ onSubmit: u,
125
+ onDownload: I,
107
126
  onStateChange: A,
108
- onFieldChange: I,
109
- onFieldsDiscovered: q,
110
- isDisabled: g = !1,
111
- className: P,
112
- style: K,
113
- documentHeight: X = "600px"
114
- } = d, [S, B] = v(!s.validation?.scroll?.required), [l, _] = v(/* @__PURE__ */ new Map()), [w, U] = v(!1), [f, V] = v(!1), [H, L] = v([]), [z, Y] = v(!1), N = b(null), T = b(null), G = b(Date.now()), h = b(r), C = b([]), O = b(q);
115
- h.current = r, O.current = q, F(() => {
116
- C.current = H;
117
- }, [H]);
118
- const E = y((e) => {
119
- if (!T.current?.activeEditor) return;
120
- const t = T.current.activeEditor, n = h.current.signer?.find((o) => o.id === e.id);
121
- let i;
122
- n?.type === "signature" && e.value ? i = {
127
+ onFieldChange: q,
128
+ onFieldsDiscovered: V,
129
+ isDisabled: f = !1,
130
+ className: X,
131
+ style: Y,
132
+ documentHeight: G = "600px"
133
+ } = p, [x, B] = v(!n.validation?.scroll?.required), [d, _] = v(/* @__PURE__ */ new Map()), [S, U] = v(!1), [h, $] = v(!1), [k, H] = v(!1), [z, O] = v([]), [W, J] = v(!1), E = D(null), F = D(null), Q = D(Date.now()), w = D(i), N = D([]), j = D(V);
134
+ w.current = i, j.current = V, R(() => {
135
+ N.current = z;
136
+ }, [z]);
137
+ const C = M((e) => {
138
+ if (!F.current?.activeEditor) return;
139
+ const t = F.current.activeEditor, o = w.current.signer?.find((s) => s.id === e.id);
140
+ let r;
141
+ o?.type === "signature" && e.value ? r = {
123
142
  json: {
124
143
  type: "image",
125
- attrs: { src: typeof e.value == "string" && e.value.startsWith("data:image/") ? e.value : J(String(e.value)), alt: "Signature" }
144
+ attrs: { src: typeof e.value == "string" && e.value.startsWith("data:image/") ? e.value : Z(String(e.value)), alt: "Signature" }
126
145
  }
127
- } : i = { text: String(e.value ?? "") }, e.id && t.commands.updateStructuredContentById(e.id, i);
146
+ } : r = { text: String(e.value ?? "") }, e.id && t.commands.updateStructuredContentById(e.id, r);
128
147
  }, []);
129
- function J(e) {
130
- const t = globalThis.document.createElement("canvas"), n = t.getContext("2d"), i = 30;
131
- n.font = `italic ${i}px cursive`;
132
- const p = n.measureText(e).width, ie = i * 1.3, ae = 4, ce = 6;
133
- return t.width = Math.ceil(p + ae * 2) + 20, t.height = Math.ceil(ie + ce * 2), n.font = `italic ${i}px cursive`, n.fillStyle = "black", n.textAlign = "center", n.textBaseline = "middle", n.fillText(e, t.width / 2, t.height / 2), t.toDataURL("image/png");
148
+ function Z(e) {
149
+ const t = globalThis.document.createElement("canvas"), o = t.getContext("2d"), r = 30;
150
+ o.font = `italic ${r}px cursive`;
151
+ const g = o.measureText(e).width, ce = r * 1.3, le = 4, de = 6;
152
+ return t.width = Math.ceil(g + le * 2) + 20, t.height = Math.ceil(ce + de * 2), o.font = `italic ${r}px cursive`, o.fillStyle = "black", o.textAlign = "center", o.textBaseline = "middle", o.fillText(e, t.width / 2, t.height / 2), t.toDataURL("image/png");
134
153
  }
135
- const W = y(
154
+ const L = M(
136
155
  (e) => {
137
156
  if (!e) return;
138
157
  const t = e.helpers.structuredContentCommands.getStructuredContentTags(
139
158
  e.state
140
- ), n = /* @__PURE__ */ new Map();
141
- h.current.document?.forEach((o) => {
142
- o.id && n.set(o.id, o.value);
143
- }), h.current.signer?.forEach((o) => {
144
- o.value !== void 0 && n.set(o.id, o.value);
159
+ ), o = /* @__PURE__ */ new Map();
160
+ w.current.document?.forEach((s) => {
161
+ s.id && o.set(s.id, s.value);
162
+ }), w.current.signer?.forEach((s) => {
163
+ s.value !== void 0 && o.set(s.id, s.value);
145
164
  });
146
- const i = t.map(({ node: o }) => ({
147
- id: o.attrs.id,
148
- label: o.attrs.label,
149
- value: n.get(o.attrs.id) ?? o.textContent ?? ""
150
- })).filter((o) => o.id);
151
- i.length > 0 && (O.current?.(i), [
152
- ...h.current.document || [],
153
- ...h.current.signer || []
154
- ].filter((p) => p.value !== void 0).forEach(
155
- (p) => E({
156
- id: p.id,
157
- value: p.value
165
+ const r = t.map(({ node: s }) => ({
166
+ id: s.attrs.id,
167
+ label: s.attrs.label,
168
+ value: o.get(s.attrs.id) ?? s.textContent ?? ""
169
+ })).filter((s) => s.id);
170
+ r.length > 0 && (j.current?.(r), [
171
+ ...w.current.document || [],
172
+ ...w.current.signer || []
173
+ ].filter((g) => g.value !== void 0).forEach(
174
+ (g) => C({
175
+ id: g.id,
176
+ value: g.value
158
177
  })
159
178
  ));
160
179
  },
161
- [E]
162
- ), D = (e) => {
180
+ [C]
181
+ ), T = (e) => {
163
182
  const t = {
164
183
  ...e,
165
184
  timestamp: (/* @__PURE__ */ new Date()).toISOString()
166
- }, n = globalThis?.__SUPERDOC_AUDIT_MOCK__;
167
- n && n(t);
168
- const i = [...C.current, t];
169
- return C.current = i, L(i), i;
185
+ }, o = globalThis?.__SUPERDOC_AUDIT_MOCK__;
186
+ o && o(t);
187
+ const r = [...N.current, t];
188
+ return N.current = r, O(r), r;
170
189
  };
171
- F(() => {
172
- if (!N.current) return;
190
+ R(() => {
191
+ if (!E.current) return;
173
192
  let e = !1, t = null;
174
193
  return (async () => {
175
- const { SuperDoc: i } = await import("superdoc");
176
- e || (t = new i({
177
- selector: N.current,
178
- document: s.source,
194
+ const { SuperDoc: r } = await import("superdoc");
195
+ e || (t = new r({
196
+ selector: E.current,
197
+ document: n.source,
179
198
  documentMode: "viewing",
180
199
  modules: {
181
200
  comments: !1
182
201
  },
202
+ layoutMode: n.layoutMode,
203
+ layoutMargins: n.layoutMargins,
183
204
  onReady: () => {
184
- e || (t?.activeEditor && W(t.activeEditor), D({ type: "ready" }), Y(!0));
205
+ e || (t?.activeEditor && L(t.activeEditor), T({ type: "ready" }), J(!0));
185
206
  }
186
- }), T.current = t);
207
+ }), F.current = t);
187
208
  })(), () => {
188
- e = !0, t && typeof t.destroy == "function" && t.destroy(), T.current = null;
209
+ e = !0, t && typeof t.destroy == "function" && t.destroy(), F.current = null;
189
210
  };
190
- }, [s.source, s.mode, W]), F(() => {
191
- if (!s.validation?.scroll?.required || !z) return;
192
- const e = N.current;
211
+ }, [
212
+ n.source,
213
+ n.mode,
214
+ n.layoutMode,
215
+ n.layoutMargins?.top,
216
+ n.layoutMargins?.bottom,
217
+ n.layoutMargins?.left,
218
+ n.layoutMargins?.right,
219
+ L
220
+ ]), R(() => {
221
+ if (!n.validation?.scroll?.required || !W) return;
222
+ const e = E.current;
193
223
  if (!e) return;
194
224
  const t = () => {
195
- const { scrollTop: n, scrollHeight: i, clientHeight: o } = e, p = n / (i - o);
196
- (p >= 0.95 || i <= o) && (B(!0), D({
225
+ const { scrollTop: o, scrollHeight: r, clientHeight: s } = e, g = o / (r - s);
226
+ (g >= 0.95 || r <= s) && (B(!0), T({
197
227
  type: "scroll",
198
- data: { percent: Math.round(p * 100) }
228
+ data: { percent: Math.round(g * 100) }
199
229
  }));
200
230
  };
201
231
  return e.addEventListener("scroll", t), t(), () => e.removeEventListener("scroll", t);
202
- }, [s.validation?.scroll?.required, z]);
203
- const Q = y(
232
+ }, [n.validation?.scroll?.required, W]);
233
+ const ee = M(
204
234
  (e, t) => {
205
- _((n) => {
206
- const i = n.get(e), o = new Map(n);
207
- return o.set(e, t), E({
235
+ _((o) => {
236
+ const r = o.get(e), s = new Map(o);
237
+ return s.set(e, t), C({
208
238
  id: e,
209
239
  value: t
210
- }), D({
240
+ }), T({
211
241
  type: "field_change",
212
- data: { fieldId: e, value: t, previousValue: i }
213
- }), I?.({
242
+ data: { fieldId: e, value: t, previousValue: r }
243
+ }), q?.({
214
244
  id: e,
215
245
  value: t,
216
- previousValue: i
217
- }), o;
246
+ previousValue: r
247
+ }), s;
218
248
  });
219
249
  },
220
- [I, E]
221
- ), $ = y(() => s.validation?.scroll?.required && !S ? !1 : (r.signer || []).every((e) => {
250
+ [q, C]
251
+ ), P = M(() => n.validation?.scroll?.required && !x ? !1 : (i.signer || []).every((e) => {
222
252
  if (!e.validation?.required) return !0;
223
- const t = l.get(e.id);
253
+ const t = d.get(e.id);
224
254
  return t && (typeof t != "string" || t.trim());
225
- }), [S, r.signer, l, s.validation?.scroll?.required]);
226
- F(() => {
227
- const e = $();
255
+ }), [x, i.signer, d, n.validation?.scroll?.required]);
256
+ R(() => {
257
+ const e = P();
228
258
  U(e), A?.({
229
- scrolled: S,
230
- fields: l,
259
+ scrolled: x,
260
+ fields: d,
231
261
  isValid: e,
232
- isSubmitting: f
262
+ isSubmitting: h
233
263
  });
234
- }, [S, l, f, $, A]);
235
- const Z = y(async () => {
236
- if (g) return;
264
+ }, [x, d, h, P, A]);
265
+ const te = M(async () => {
266
+ if (f || k) return;
267
+ H(!0);
237
268
  const e = {
238
- eventId: c,
239
- documentSource: s.source,
269
+ eventId: l,
270
+ documentSource: n.source,
240
271
  fields: {
241
- document: r.document || [],
242
- signer: (r.signer || []).map((t) => ({
272
+ document: i.document || [],
273
+ signer: (i.signer || []).map((t) => ({
243
274
  id: t.id,
244
- value: l.get(t.id) ?? null
275
+ value: d.get(t.id) ?? null
245
276
  }))
246
277
  },
247
- fileName: u?.fileName || "document.pdf"
278
+ fileName: a?.fileName || "document.pdf"
248
279
  };
249
- await M?.(e);
250
- }, [g, c, s.source, r, l, u, M]), ee = y(async () => {
251
- if (!w || g || f) return;
252
- V(!0), D({ type: "submit" });
253
- const e = D({ type: "submit" }), t = {
254
- eventId: c,
280
+ try {
281
+ await I?.(e);
282
+ } finally {
283
+ H(!1);
284
+ }
285
+ }, [
286
+ f,
287
+ k,
288
+ l,
289
+ n.source,
290
+ i,
291
+ d,
292
+ a,
293
+ I
294
+ ]), ne = M(async () => {
295
+ if (!S || f || h) return;
296
+ $(!0), T({ type: "submit" });
297
+ const e = T({ type: "submit" }), t = {
298
+ eventId: l,
255
299
  timestamp: (/* @__PURE__ */ new Date()).toISOString(),
256
- duration: Math.floor((Date.now() - G.current) / 1e3),
300
+ duration: Math.floor((Date.now() - Q.current) / 1e3),
257
301
  auditTrail: e,
258
- documentFields: r.document || [],
259
- signerFields: (r.signer || []).map((n) => ({
260
- id: n.id,
261
- value: l.get(n.id) ?? null
302
+ documentFields: i.document || [],
303
+ signerFields: (i.signer || []).map((o) => ({
304
+ id: o.id,
305
+ value: d.get(o.id) ?? null
262
306
  })),
263
- isFullyCompleted: w
307
+ isFullyCompleted: S
264
308
  };
265
309
  try {
266
- await k(t);
310
+ await u(t);
267
311
  } finally {
268
- V(!1);
312
+ $(!1);
269
313
  }
270
- }, [w, g, f, c, r, l, k]), te = (e) => {
271
- const t = e.component || ne(e.type);
272
- return /* @__PURE__ */ a(
314
+ }, [S, f, h, l, i, d, u]), oe = (e) => {
315
+ const t = e.component || se(e.type);
316
+ return /* @__PURE__ */ c(
273
317
  t,
274
318
  {
275
- value: l.get(e.id) ?? null,
276
- onChange: (n) => Q(e.id, n),
277
- isDisabled: g,
319
+ value: d.get(e.id) ?? null,
320
+ onChange: (o) => ee(e.id, o),
321
+ isDisabled: f,
278
322
  label: e.label
279
323
  },
280
324
  e.id
281
325
  );
282
- }, ne = (e) => {
326
+ }, se = (e) => {
283
327
  switch (e) {
284
328
  case "signature":
285
329
  case "text":
286
- return ue;
330
+ return ge;
287
331
  case "checkbox":
288
- return pe;
332
+ return me;
289
333
  }
290
334
  }, re = () => {
291
- const e = u?.component || me(u);
292
- return e ? /* @__PURE__ */ a(
335
+ const e = a?.component || fe(a);
336
+ return e ? /* @__PURE__ */ c(
293
337
  e,
294
338
  {
295
- onClick: Z,
296
- fileName: u?.fileName,
297
- isDisabled: g
339
+ onClick: te,
340
+ fileName: a?.fileName,
341
+ isDisabled: f,
342
+ isDownloading: k
298
343
  }
299
344
  ) : null;
300
- }, oe = () => {
301
- if (s.mode === "download")
345
+ }, ie = () => {
346
+ if (n.mode === "download")
302
347
  return null;
303
- const e = R?.component || ge(R);
304
- return /* @__PURE__ */ a("div", { className: "superdoc-esign-actions superdoc-esign-form-actions", children: /* @__PURE__ */ a(
348
+ const e = b?.component || he(b);
349
+ return /* @__PURE__ */ c("div", { className: "superdoc-esign-actions superdoc-esign-form-actions", children: /* @__PURE__ */ c(
305
350
  e,
306
351
  {
307
- onClick: ee,
308
- isValid: w,
309
- isDisabled: g,
310
- isSubmitting: f
352
+ onClick: ne,
353
+ isValid: S,
354
+ isDisabled: f,
355
+ isSubmitting: h
311
356
  }
312
357
  ) });
313
- }, j = re(), se = oe();
314
- return de(m, () => ({
315
- getState: () => ({
316
- scrolled: S,
317
- fields: l,
318
- isValid: w,
319
- isSubmitting: f
358
+ }, K = re(), ae = ie();
359
+ return pe(
360
+ m,
361
+ () => ({
362
+ getState: () => ({
363
+ scrolled: x,
364
+ fields: d,
365
+ isValid: S,
366
+ isSubmitting: h
367
+ }),
368
+ getAuditTrail: () => N.current,
369
+ reset: () => {
370
+ B(!n.validation?.scroll?.required), _(/* @__PURE__ */ new Map()), U(!1), N.current = [], O([]);
371
+ },
372
+ updateFieldInDocument: C
320
373
  }),
321
- getAuditTrail: () => C.current,
322
- reset: () => {
323
- B(!s.validation?.scroll?.required), _(/* @__PURE__ */ new Map()), U(!1), C.current = [], L([]);
324
- }
325
- })), /* @__PURE__ */ x("div", { className: `superdoc-esign-container ${P || ""}`, style: K, children: [
326
- /* @__PURE__ */ x("div", { className: "superdoc-esign-document", "data-testid": "superdoc-esign-document", children: [
327
- j && /* @__PURE__ */ a("div", { className: "superdoc-esign-document-toolbar", children: /* @__PURE__ */ a("div", { className: "superdoc-esign-document-controls", children: j }) }),
328
- /* @__PURE__ */ a(
374
+ [
375
+ x,
376
+ d,
377
+ S,
378
+ h,
379
+ n.validation?.scroll?.required,
380
+ C
381
+ ]
382
+ ), /* @__PURE__ */ y("div", { className: `superdoc-esign-container ${X || ""}`, style: Y, children: [
383
+ /* @__PURE__ */ y("div", { className: "superdoc-esign-document", "data-testid": "superdoc-esign-document", children: [
384
+ K && /* @__PURE__ */ c("div", { className: "superdoc-esign-document-toolbar", children: /* @__PURE__ */ c("div", { className: "superdoc-esign-document-controls", children: K }) }),
385
+ /* @__PURE__ */ c(
329
386
  "div",
330
387
  {
331
- ref: N,
388
+ ref: E,
332
389
  className: "superdoc-esign-document-viewer",
333
390
  "data-testid": "superdoc-scroll-container",
334
- style: { height: X, overflow: "auto" }
391
+ style: { height: G, overflow: "auto" }
335
392
  }
336
393
  )
337
394
  ] }),
338
- /* @__PURE__ */ x("div", { className: "superdoc-esign-controls", "data-testid": "superdoc-esign-controls", children: [
339
- r.signer && r.signer.length > 0 && /* @__PURE__ */ a("div", { className: "superdoc-esign-fields", "data-testid": "superdoc-esign-fields", children: r.signer.map(te) }),
340
- se
395
+ /* @__PURE__ */ y("div", { className: "superdoc-esign-controls", "data-testid": "superdoc-esign-controls", children: [
396
+ i.signer && i.signer.length > 0 && /* @__PURE__ */ c("div", { className: "superdoc-esign-fields", "data-testid": "superdoc-esign-fields", children: i.signer.map(oe) }),
397
+ ae
341
398
  ] })
342
399
  ] });
343
400
  }
344
401
  );
345
- fe.displayName = "SuperDocESign";
402
+ ve.displayName = "SuperDocESign";
346
403
  export {
347
- pe as CheckboxInput,
348
- ue as SignatureInput,
349
- fe as default
404
+ me as CheckboxInput,
405
+ ge as SignatureInput,
406
+ ve as default
350
407
  };