@superdoc-dev/esign 1.0.0 → 1.0.1

package/README.md

@@ -50,7 +50,7 @@ function App() {
           },
           {
             id: 'accept_terms',
-            type: 'consent',
+            type: 'checkbox',
             validation: { required: true },
             label: 'I accept the terms'
           }

package/dist/defaults/CheckboxInput.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { FieldComponentProps } from '../types';
+export declare const CheckboxInput: React.FC<FieldComponentProps>;
+//# sourceMappingURL=CheckboxInput.d.ts.map

package/dist/defaults/CheckboxInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxInput.d.ts","sourceRoot":"","sources":["../../src/defaults/CheckboxInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAoBvD,CAAC"}

package/dist/defaults/index.d.ts

@@ -1,5 +1,5 @@
 export { SignatureInput } from './SignatureInput';
-export { ConsentCheckbox } from './ConsentCheckbox';
+export { CheckboxInput } from './CheckboxInput';
 export { createDownloadButton } from './DownloadButton';
 export { createSubmitButton } from './SubmitButton';
 //# sourceMappingURL=index.d.ts.map

package/dist/defaults/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/defaults/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/defaults/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/index.d.ts

@@ -1,7 +1,7 @@
-import { SignatureInput, ConsentCheckbox } from './defaults';
+import { SignatureInput, CheckboxInput } from './defaults';
 import type * as Types from "./types";
 export * from './types';
-export { SignatureInput, ConsentCheckbox };
+export { SignatureInput, CheckboxInput };
 declare const SuperDocESign: import('react').ForwardRefExoticComponent<Types.SuperDocESignProps & import('react').RefAttributes<any>>;
 export default SuperDocESign;
 //# sourceMappingURL=index.d.ts.map

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,eAAe,EAGhB,MAAM,YAAY,CAAC;AAEpB,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC;AAI3C,QAAA,MAAM,aAAa,0GA2alB,CAAC;AAIF,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,0GA0alB,CAAC;AAIF,eAAe,aAAa,CAAC"}

package/dist/index.js

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

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import le, { forwardRef as ue, useState as N, useRef as Z, useCallback as P, useEffect as re, useImperativeHandle as de } from "react";
+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: {} }, L = {};
 /**
  * @license React
@@ -14,22 +14,22 @@ function fe() {
   if (ne) return L;
   ne = 1;
   var f = Symbol.for("react.transitional.element"), g = Symbol.for("react.fragment");
-  function p(s, o, l) {
+  function m(s, o, c) {
     var v = null;
-    if (l !== void 0 && (v = "" + l), o.key !== void 0 && (v = "" + o.key), "key" in o) {
-      l = {};
+    if (c !== void 0 && (v = "" + c), o.key !== void 0 && (v = "" + o.key), "key" in o) {
+      c = {};
       for (var _ in o)
-        _ !== "key" && (l[_] = o[_]);
-    } else l = o;
-    return o = l.ref, {
+        _ !== "key" && (c[_] = o[_]);
+    } else c = o;
+    return o = c.ref, {
       $$typeof: f,
       type: s,
       key: v,
       ref: o !== void 0 ? o : null,
-      props: l
+      props: c
     };
   }
-  return L.Fragment = g, L.jsx = p, L.jsxs = p, L;
+  return L.Fragment = g, L.jsx = m, L.jsxs = m, L;
 }
 var U = {};
 /**
@@ -42,7 +42,7 @@ var U = {};
  * LICENSE file in the root directory of this source tree.
  */
 var oe;
-function me() {
+function pe() {
   return oe || (oe = 1, process.env.NODE_ENV !== "production" && (function() {
     function f(e) {
       if (e == null) return null;
@@ -78,7 +78,7 @@ function me() {
             return e = e.displayName, e || (e = n.displayName || n.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
           case M:
             return n = e.displayName || null, n !== null ? n : f(e.type) || "Memo";
-          case A:
+          case C:
             n = e._payload, e = e._init;
             try {
               return f(e(n));
@@ -90,7 +90,7 @@ function me() {
     function g(e) {
       return "" + e;
     }
-    function p(e) {
+    function m(e) {
       try {
         g(e);
         var n = !1;
@@ -99,8 +99,8 @@ function me() {
       }
       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, u = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return l.call(
           n,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           u
@@ -109,7 +109,7 @@ function me() {
     }
     function s(e) {
       if (e === y) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === A)
+      if (typeof e == "object" && e !== null && e.$$typeof === C)
         return "<...>";
       try {
         var n = f(e);
@@ -122,7 +122,7 @@ function me() {
       var e = T.A;
       return e === null ? null : e.getOwner();
     }
-    function l() {
+    function c() {
       return Error("react-stack-top-frame");
     }
     function v(e) {
@@ -133,14 +133,14 @@ function me() {
       return e.key !== void 0;
     }
     function _(e, n) {
-      function c() {
+      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
       });
     }
@@ -150,13 +150,13 @@ function me() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function q(e, n, c, u, O, $) {
-      var t = c.ref;
+    function q(e, n, l, u, O, $) {
+      var t = l.ref;
       return e = {
         $$typeof: W,
         type: e,
         key: n,
-        props: c,
+        props: l,
         _owner: u
       }, (t !== void 0 ? t : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
@@ -183,7 +183,7 @@ function me() {
         value: $
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function F(e, n, c, u, O, $) {
+    function F(e, n, l, u, O, $) {
       var t = n.children;
       if (t !== void 0)
         if (u)
@@ -214,57 +214,57 @@ React keys must be passed directly to JSX without using spread:
           t
         ), X[t + u] = !0);
       }
-      if (t = null, c !== void 0 && (p(c), t = "" + c), v(n) && (p(n.key), t = "" + n.key), "key" in n) {
-        c = {};
+      if (t = null, l !== void 0 && (m(l), t = "" + l), v(n) && (m(n.key), t = "" + n.key), "key" in n) {
+        l = {};
         for (var a in n)
-          a !== "key" && (c[a] = n[a]);
-      } else c = n;
+          a !== "key" && (l[a] = n[a]);
+      } else l = n;
       return t && _(
-        c,
+        l,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
       ), q(
         e,
         t,
-        c,
+        l,
         o(),
         O,
         $
       );
     }
     function I(e) {
-      b(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === A && (e._payload.status === "fulfilled" ? b(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+      b(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === C && (e._payload.status === "fulfilled" ? b(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
     function b(e) {
       return typeof e == "object" && e !== null && e.$$typeof === W;
     }
-    var C = le, W = Symbol.for("react.transitional.element"), K = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), V = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), z = Symbol.for("react.consumer"), w = Symbol.for("react.context"), B = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), J = Symbol.for("react.suspense_list"), M = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), H = Symbol.for("react.activity"), ee = Symbol.for("react.client.reference"), T = C.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, E = Object.prototype.hasOwnProperty, te = Array.isArray, x = console.createTask ? console.createTask : function() {
+    var A = ce, W = Symbol.for("react.transitional.element"), K = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), V = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), z = Symbol.for("react.consumer"), w = Symbol.for("react.context"), B = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), J = Symbol.for("react.suspense_list"), M = Symbol.for("react.memo"), 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, E = Object.prototype.hasOwnProperty, te = Array.isArray, x = console.createTask ? console.createTask : function() {
       return null;
     };
-    C = {
+    A = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var k, G = {}, Y = C.react_stack_bottom_frame.bind(
-      C,
-      l
-    )(), j = x(s(l)), X = {};
-    U.Fragment = y, U.jsx = function(e, n, c) {
+    var k, G = {}, Y = A.react_stack_bottom_frame.bind(
+      A,
+      c
+    )(), j = x(s(c)), X = {};
+    U.Fragment = y, U.jsx = function(e, n, l) {
       var u = 1e4 > T.recentlyCreatedOwnerStacks++;
       return F(
         e,
         n,
-        c,
+        l,
         !1,
         u ? Error("react-stack-top-frame") : Y,
         u ? x(s(e)) : j
       );
-    }, U.jsxs = function(e, n, c) {
+    }, U.jsxs = function(e, n, l) {
       var u = 1e4 > T.recentlyCreatedOwnerStacks++;
       return F(
         e,
         n,
-        c,
+        l,
         !0,
         u ? Error("react-stack-top-frame") : Y,
         u ? x(s(e)) : j
@@ -273,24 +273,24 @@ React keys must be passed directly to JSX without using spread:
   })()), U;
 }
 var ae;
-function pe() {
-  return ae || (ae = 1, process.env.NODE_ENV === "production" ? Q.exports = fe() : Q.exports = me()), Q.exports;
+function me() {
+  return ae || (ae = 1, process.env.NODE_ENV === "production" ? Q.exports = fe() : Q.exports = pe()), Q.exports;
 }
-var m = pe();
+var p = me();
 const ge = ({
   value: f,
   onChange: g,
-  isDisabled: p,
+  isDisabled: m,
   label: s
-}) => /* @__PURE__ */ m.jsxs("div", { className: "superdoc-esign-signature-input", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
-  s && /* @__PURE__ */ m.jsx("label", { children: s }),
-  /* @__PURE__ */ m.jsx(
+}) => /* @__PURE__ */ p.jsxs("div", { className: "superdoc-esign-signature-input", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
+  s && /* @__PURE__ */ p.jsx("label", { children: s }),
+  /* @__PURE__ */ p.jsx(
     "input",
     {
       type: "text",
       value: String(f || ""),
       onChange: (o) => g(o.target.value),
-      disabled: p,
+      disabled: m,
       placeholder: "Type your full name",
       style: {
         fontFamily: "cursive",
@@ -301,36 +301,36 @@ const ge = ({
 ] }), ve = ({
   value: f,
   onChange: g,
-  isDisabled: p,
+  isDisabled: m,
   label: s
-}) => /* @__PURE__ */ m.jsxs(
+}) => /* @__PURE__ */ p.jsxs(
   "label",
   {
-    className: "superdoc-esign-consent-checkbox",
+    className: "superdoc-esign-checkbox-input",
     style: { display: "flex", gap: "8px" },
     children: [
-      /* @__PURE__ */ m.jsx(
+      /* @__PURE__ */ p.jsx(
         "input",
         {
           type: "checkbox",
           checked: !!f,
           onChange: (o) => g(o.target.checked),
-          disabled: p
+          disabled: m
         }
       ),
-      /* @__PURE__ */ m.jsx("span", { children: s })
+      /* @__PURE__ */ p.jsx("span", { children: s })
     ]
   }
 ), be = (f) => ({
-  onClick: p,
+  onClick: m,
   fileName: s,
   isDisabled: o
 }) => {
-  const l = f?.label || "Download";
-  return /* @__PURE__ */ m.jsxs(
+  const c = f?.label || "Download";
+  return /* @__PURE__ */ p.jsxs(
     "button",
     {
-      onClick: p,
+      onClick: m,
       disabled: o,
       className: "superdoc-esign-btn",
       style: {
@@ -345,24 +345,24 @@ const ge = ({
         fontWeight: "bold"
       },
       children: [
-        l,
+        c,
         " ",
         s && `(${s})`
       ]
     }
   );
 }, he = (f) => ({
-  onClick: p,
+  onClick: m,
   isValid: s,
   isDisabled: o,
-  isSubmitting: l
+  isSubmitting: c
 }) => {
   const v = () => f?.label || "Submit";
-  return /* @__PURE__ */ m.jsx(
+  return /* @__PURE__ */ p.jsx(
     "button",
     {
-      onClick: p,
-      disabled: !s || o || l,
+      onClick: m,
+      disabled: !s || o || c,
       className: "superdoc-esign-btn",
       style: {
         padding: "12px 24px",
@@ -381,10 +381,10 @@ const ge = ({
 }, Ee = ue(
   (f, g) => {
     const {
-      eventId: p,
+      eventId: m,
       document: s,
       fields: o = {},
-      download: l,
+      download: c,
       submit: v,
       onSubmit: _,
       onDownload: D,
@@ -392,12 +392,12 @@ const ge = ({
       onFieldChange: F,
       onFieldsDiscovered: I,
       isDisabled: b = !1,
-      className: C,
+      className: A,
       style: W,
       documentHeight: K = "600px"
     } = f, [y, V] = N(
       !s.validation?.scroll?.required
-    ), [h, z] = N(/* @__PURE__ */ new Map()), [w, B] = N(!1), [S, J] = N(!1), [M, A] = N([]), [H, ee] = N(!1), T = Z(null), E = Z(null), te = Z(Date.now()), x = Z(o);
+    ), [h, z] = N(/* @__PURE__ */ new Map()), [w, B] = N(!1), [S, J] = N(!1), [M, C] = N([]), [H, ee] = N(!1), T = Z(null), E = Z(null), te = Z(Date.now()), x = Z(o);
     x.current = o;
     const k = P((t) => {
       if (!E.current?.activeEditor) return;
@@ -416,8 +416,8 @@ const ge = ({
     function G(t) {
       const r = globalThis.document.createElement("canvas"), a = r.getContext("2d"), d = 30;
       a.font = `italic ${d}px cursive`;
-      const R = a.measureText(t).width, se = d * 1.3, ie = 4, ce = 6;
-      return r.width = Math.ceil(R + ie * 2) + 20, r.height = Math.ceil(se + ce * 2), a.font = `italic ${d}px cursive`, a.fillStyle = "black", a.textAlign = "center", a.textBaseline = "middle", a.fillText(
+      const R = a.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), a.font = `italic ${d}px cursive`, a.fillStyle = "black", a.textAlign = "center", a.textBaseline = "middle", a.fillText(
         t,
         r.width / 2,
         r.height / 2
@@ -455,7 +455,7 @@ const ge = ({
         ...t,
         timestamp: (/* @__PURE__ */ new Date()).toISOString()
       };
-      A((a) => [...a, r]);
+      C((a) => [...a, r]);
     };
     re(() => T.current ? ((async () => {
       const { SuperDoc: r } = await import("superdoc"), a = new r({
@@ -522,16 +522,16 @@ const ge = ({
         triggerDownload: !1
       });
       if (t && D)
-        D(t, l?.fileName || "document.pdf");
+        D(t, c?.fileName || "document.pdf");
       else if (t) {
         const r = URL.createObjectURL(t), a = globalThis.document.createElement("a");
-        a.href = r, a.download = l?.fileName || "document.pdf", a.click(), URL.revokeObjectURL(r);
+        a.href = r, a.download = c?.fileName || "document.pdf", a.click(), URL.revokeObjectURL(r);
       }
-    }, [b, l, D]), c = P(async () => {
+    }, [b, c, D]), l = P(async () => {
       if (!w || b || S) return;
       J(!0), j({ type: "submit" });
       const t = {
-        eventId: p,
+        eventId: m,
         timestamp: (/* @__PURE__ */ new Date()).toISOString(),
         duration: Math.floor((Date.now() - te.current) / 1e3),
         auditTrail: M,
@@ -551,14 +551,14 @@ const ge = ({
       w,
       b,
       S,
-      p,
+      m,
       M,
       o,
       h,
       _
     ]), u = (t) => {
       const r = t.component || O(t.type);
-      return /* @__PURE__ */ m.jsx(
+      return /* @__PURE__ */ p.jsx(
         r,
         {
           value: h.get(t.id) ?? null,
@@ -573,32 +573,31 @@ const ge = ({
         case "signature":
         case "text":
           return ge;
-        case "consent":
         case "checkbox":
           return ve;
       }
     }, $ = () => {
-      const t = l?.component || be(l), r = v?.component || he(v);
-      return /* @__PURE__ */ m.jsxs(
+      const t = c?.component || be(c), r = v?.component || he(v);
+      return /* @__PURE__ */ p.jsxs(
         "div",
         {
           className: "superdoc-esign-actions",
           style: { display: "flex", gap: "10px" },
           children: [
-            s.mode !== "download" && /* @__PURE__ */ m.jsx(
+            s.mode !== "download" && /* @__PURE__ */ p.jsx(
               r,
               {
-                onClick: c,
+                onClick: l,
                 isValid: w,
                 isDisabled: b,
                 isSubmitting: S
               }
             ),
-            /* @__PURE__ */ m.jsx(
+            /* @__PURE__ */ p.jsx(
               t,
               {
                 onClick: n,
-                fileName: l?.fileName,
+                fileName: c?.fileName,
                 isDisabled: b
               }
             )
@@ -615,23 +614,23 @@ const ge = ({
       }),
       getAuditTrail: () => M,
       reset: () => {
-        V(!s.validation?.scroll?.required), z(/* @__PURE__ */ new Map()), B(!1), A([]);
+        V(!s.validation?.scroll?.required), z(/* @__PURE__ */ new Map()), B(!1), C([]);
       }
-    })), /* @__PURE__ */ m.jsxs(
+    })), /* @__PURE__ */ p.jsxs(
       "div",
       {
-        className: `superdoc-esign-container ${C || ""}`,
+        className: `superdoc-esign-container ${A || ""}`,
         style: W,
         children: [
-          /* @__PURE__ */ m.jsx("div", { className: "superdoc-esign-document", children: /* @__PURE__ */ m.jsx(
+          /* @__PURE__ */ p.jsx("div", { className: "superdoc-esign-document", children: /* @__PURE__ */ p.jsx(
             "div",
             {
               ref: T,
               style: { height: K, overflow: "auto" }
             }
           ) }),
-          /* @__PURE__ */ m.jsxs("div", { className: "superdoc-esign-controls", style: { marginTop: "20px" }, children: [
-            o.signer && o.signer.length > 0 && /* @__PURE__ */ m.jsx(
+          /* @__PURE__ */ p.jsxs("div", { className: "superdoc-esign-controls", style: { marginTop: "20px" }, children: [
+            o.signer && o.signer.length > 0 && /* @__PURE__ */ p.jsx(
               "div",
               {
                 className: "superdoc-esign-fields",
@@ -648,7 +647,7 @@ const ge = ({
 );
 Ee.displayName = "SuperDocESign";
 export {
-  ve as ConsentCheckbox,
+  ve as CheckboxInput,
   ge as SignatureInput,
   Ee as default
 };

package/dist/types.d.ts

@@ -6,14 +6,11 @@ export interface DocumentField extends FieldReference {
     value: FieldValue;
 }
 export interface SignerField extends FieldReference {
-    type: "signature" | "consent" | "checkbox" | "text";
+    type: "signature" | "checkbox" | "text";
     label?: string;
     value?: FieldValue;
     validation?: {
         required?: boolean;
-        minLength?: number;
-        maxLength?: number;
-        pattern?: RegExp;
     };
     component?: React.ComponentType<FieldComponentProps>;
 }

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

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

package/dist/defaults/ConsentCheckbox.d.ts

@@ -1,4 +0,0 @@
-import { default as React } from 'react';
-import { FieldComponentProps } from '../types';
-export declare const ConsentCheckbox: React.FC<FieldComponentProps>;
-//# sourceMappingURL=ConsentCheckbox.d.ts.map

package/dist/defaults/ConsentCheckbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConsentCheckbox.d.ts","sourceRoot":"","sources":["../../src/defaults/ConsentCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAoBzD,CAAC"}