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

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,KAAK,KAAK,MAAM,SAAS,CAAC;AACtC,OAAO,EACL,cAAc,EACd,aAAa,EAGd,MAAM,YAAY,CAAC;AAEpB,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC;AAIzC,QAAA,MAAM,aAAa,gIAucjB,CAAC;AAIH,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,KAAK,KAAK,MAAM,SAAS,CAAC;AACtC,OAAO,EACL,cAAc,EACd,aAAa,EAGd,MAAM,YAAY,CAAC;AAEpB,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC;AAIzC,QAAA,MAAM,aAAa,gIAyelB,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/dist/index.js

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@superdoc-dev/esign",
-  "version": "1.2.0-next.2",
+  "version": "1.2.0-next.3",
   "description": "React eSignature component for SuperDoc",
   "type": "module",
   "main": "./dist/index.js",