@superdoc-dev/esign 2.1.0-next.3 → 2.1.0-next.5

package/dist/defaults/CheckboxInput.d.ts

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

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

@@ -1 +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,CAiBvD,CAAC"}
+{"version":3,"file":"CheckboxInput.d.ts","sourceRoot":"","sources":["../../src/defaults/CheckboxInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEpD,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,mBAAmB,CAYjD,CAAC"}

package/dist/defaults/DownloadButton.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { FC } from 'react';
 import { DownloadButtonProps, DownloadConfig } from '../types';
-export declare const createDownloadButton: (config?: DownloadConfig) => React.FC<DownloadButtonProps>;
+export declare const createDownloadButton: (config?: DownloadConfig) => FC<DownloadButtonProps>;
 //# sourceMappingURL=DownloadButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DownloadButton.d.ts","sourceRoot":"","sources":["../../src/defaults/DownloadButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAEpE,eAAO,MAAM,oBAAoB,GAAI,SAAS,cAAc,kCAuC3D,CAAC"}
+{"version":3,"file":"DownloadButton.d.ts","sourceRoot":"","sources":["../../src/defaults/DownloadButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAEpE,eAAO,MAAM,oBAAoB,GAAI,SAAS,cAAc,4BAkC3D,CAAC"}

package/dist/defaults/SignatureInput.d.ts

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

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

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

package/dist/defaults/SubmitButton.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { FC } from 'react';
 import { SubmitButtonProps, SubmitConfig } from '../types';
-export declare const createSubmitButton: (config?: SubmitConfig) => React.FC<SubmitButtonProps>;
+export declare const createSubmitButton: (config?: SubmitConfig) => FC<SubmitButtonProps>;
 //# sourceMappingURL=SubmitButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SubmitButton.d.ts","sourceRoot":"","sources":["../../src/defaults/SubmitButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAEhE,eAAO,MAAM,kBAAkB,GAAI,SAAS,YAAY,gCAsCvD,CAAC"}
+{"version":3,"file":"SubmitButton.d.ts","sourceRoot":"","sources":["../../src/defaults/SubmitButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAEhE,eAAO,MAAM,kBAAkB,GAAI,SAAS,YAAY,0BAiCvD,CAAC"}

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,aAAa,EAA4C,MAAM,YAAY,CAAC;AAErG,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC;AAIzC,QAAA,MAAM,aAAa,gIA8djB,CAAC;AAIH,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,aAAa,EAA4C,MAAM,YAAY,CAAC;AAErG,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC;AAIzC,QAAA,MAAM,aAAa,gIAqdjB,CAAC;AAIH,eAAe,aAAa,CAAC"}

package/dist/index.js

@@ -1 +1 @@
-"use strict";var ye=Object.create;var J=Object.defineProperty;var be=Object.getOwnPropertyDescriptor;var xe=Object.getOwnPropertyNames;var Se=Object.getPrototypeOf,we=Object.prototype.hasOwnProperty;var Ce=(i,c,r,n)=>{if(c&&typeof c=="object"||typeof c=="function")for(let o of xe(c))!we.call(i,o)&&o!==r&&J(i,o,{get:()=>c[o],enumerable:!(n=be(c,o))||n.enumerable});return i};var De=(i,c,r)=>(r=i!=null?ye(Se(i)):{},Ce(c||!i||!i.__esModule?J(r,"default",{value:i,enumerable:!0}):r,i));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),a=require("react"),Q=i=>{const c=globalThis.document.createElement("canvas"),r=c.getContext("2d"),n=30;r.font=`italic ${n}px cursive`;const u=r.measureText(i).width,f=n*1.3,g=4,M=6;return c.width=Math.ceil(u+g*2)+20,c.height=Math.ceil(f+M*2),r.font=`italic ${n}px cursive`,r.fillStyle="black",r.textAlign="center",r.textBaseline="middle",r.fillText(i,c.width/2,c.height/2),c.toDataURL("image/png")},Z=({value:i,onChange:c,isDisabled:r,label:n})=>l.jsxs("div",{className:"superdoc-esign-signature-input",style:{display:"flex",flexDirection:"column",gap:"8px"},children:[n&&l.jsx("label",{children:n}),l.jsx("input",{type:"text",value:String(i||""),onChange:o=>c(o.target.value),disabled:r,placeholder:"Type your full name",style:{fontFamily:"cursive",fontSize:"18px"}})]}),ee=({value:i,onChange:c,isDisabled:r,label:n})=>l.jsxs("label",{className:"superdoc-esign-checkbox-input",style:{display:"flex",gap:"8px"},children:[l.jsx("input",{type:"checkbox",checked:!!i,onChange:o=>c(o.target.checked),disabled:r}),l.jsx("span",{children:n})]}),je=i=>({onClick:r,fileName:n,isDisabled:o,isDownloading:u})=>{const f=i?.label||"Download",g=o||u;return l.jsxs("button",{onClick:r,disabled:g,className:`superdoc-esign-btn superdoc-esign-btn--download${u?" superdoc-esign-btn--loading":""}`,style:{padding:"8px 16px",borderRadius:"6px",border:"1px solid #d0d5dd",background:"#ffffff",color:"#333",cursor:g?"not-allowed":"pointer",opacity:g?.7:1,fontSize:"16px",fontWeight:"bold",display:"inline-flex",alignItems:"center",gap:"8px",transition:"opacity 0.2s ease"},children:[u&&l.jsx("span",{className:"superdoc-esign-spinner"}),u?"Downloading...":f,!u&&n&&` (${n})`]})},Me=i=>({onClick:r,isValid:n,isDisabled:o,isSubmitting:u})=>{const f=i?.label||"Submit",g=!n||o||u;return l.jsxs("button",{onClick:r,disabled:g,className:`superdoc-esign-btn superdoc-esign-btn--submit${u?" superdoc-esign-btn--loading":""}`,style:{padding:"12px 24px",borderRadius:"6px",border:"none",background:"#007bff",color:"#fff",cursor:g?"not-allowed":"pointer",opacity:g&&!u?.5:1,fontSize:"16px",fontWeight:"bold",display:"inline-flex",alignItems:"center",gap:"8px",transition:"opacity 0.2s ease"},children:[u&&l.jsx("span",{className:"superdoc-esign-spinner superdoc-esign-spinner--light"}),u?"Submitting...":f]})},te=a.forwardRef((i,c)=>{const{eventId:r,document:n,fields:o={},download:u,submit:f,onSubmit:g,onDownload:M,onStateChange:F,onFieldChange:A,onFieldsDiscovered:q,isDisabled:h=!1,className:ne,style:se,documentHeight:oe="600px"}=i,[b,_]=a.useState(!n.validation?.scroll?.required),[m,B]=a.useState(new Map),[x,V]=a.useState(!1),[v,U]=a.useState(!1),[N,z]=a.useState(!1),[O,$]=a.useState([]),[H,re]=a.useState(!1),R=a.useRef(null),T=a.useRef(null),ae=a.useRef(Date.now()),S=a.useRef(o),w=a.useRef([]),P=a.useRef(q);S.current=o,P.current=q,a.useEffect(()=>{w.current=O},[O]);const y=a.useCallback(e=>{if(!T.current?.activeEditor)return;const t=T.current.activeEditor,d=S.current.signer?.find(s=>s.id===e.id);if(e.type==="table"&&Array.isArray(e.value)){const D=t.helpers?.structuredContentCommands?.getStructuredContentTablesById?.(e.id,t.state)||[];if(D.length){const{node:k,pos:fe}=D[0],X=k.childCount;if(X>1){let j=t.state.tr;for(let E=X-1;E>=1;E--){let Y=1;for(let I=0;I<E;I++)Y+=k.child(I).nodeSize;const he=k.child(E),G=fe+Y,ve=G+he.nodeSize;j=j.delete(j.mapping.map(G),j.mapping.map(ve))}t.view?.dispatch(j)}t.commands?.appendRowsToStructuredContentTable?.({id:e.id,rows:e.value,copyRowStyle:!0})}return}let p;d?.type==="signature"&&e.value?p={json:{type:"image",attrs:{src:typeof e.value=="string"&&e.value.startsWith("data:image/")?e.value:Q(String(e.value)),alt:"Signature"}}}:p={text:String(e.value??"")},e.id&&t.commands?.updateStructuredContentById?.(e.id,p)},[]),W=a.useCallback(e=>{if(!e)return;const t=e.helpers.structuredContentCommands.getStructuredContentTags(e.state),d=new Map;S.current.document?.forEach(s=>{s.id&&d.set(s.id,s.value)}),S.current.signer?.forEach(s=>{s.value!==void 0&&d.set(s.id,s.value)});const p=t.map(({node:s})=>({id:s.attrs.id,label:s.attrs.label,value:d.get(s.attrs.id)??s.textContent??""})).filter(s=>s.id);p.length>0&&(P.current?.(p),(S.current.document||[]).filter(s=>s.value!==void 0).forEach(s=>y({id:s.id,value:s.value,type:s.type})),(S.current.signer||[]).filter(s=>s.value!==void 0).forEach(s=>y({id:s.id,value:s.value})))},[y]),C=e=>{const t={...e,timestamp:new Date().toISOString()},d=globalThis?.__SUPERDOC_AUDIT_MOCK__;d&&d(t);const p=[...w.current,t];return w.current=p,$(p),p};a.useEffect(()=>{if(!R.current)return;let e=!1,t=null;return(async()=>{const{SuperDoc:p}=await import("superdoc");e||(t=new p({selector:R.current,document:n.source,documentMode:"viewing",modules:{comments:!1},layoutMode:n.layoutMode,layoutMargins:n.layoutMargins,onReady:()=>{e||(t?.activeEditor&&W(t.activeEditor),C({type:"ready"}),re(!0))}}),T.current=t)})(),()=>{e=!0,t&&typeof t.destroy=="function"&&t.destroy(),T.current=null}},[n.source,n.mode,n.layoutMode,n.layoutMargins?.top,n.layoutMargins?.bottom,n.layoutMargins?.left,n.layoutMargins?.right,W]),a.useEffect(()=>{if(!n.validation?.scroll?.required||!H)return;const e=R.current;if(!e)return;const t=()=>{const{scrollTop:d,scrollHeight:p,clientHeight:s}=e,D=d/(p-s);(D>=.95||p<=s)&&(_(!0),C({type:"scroll",data:{percent:Math.round(D*100)}}))};return e.addEventListener("scroll",t),t(),()=>e.removeEventListener("scroll",t)},[n.validation?.scroll?.required,H]);const ie=a.useCallback((e,t)=>{B(d=>{const p=d.get(e),s=new Map(d);return s.set(e,t),y({id:e,value:t}),C({type:"field_change",data:{fieldId:e,value:t,previousValue:p}}),A?.({id:e,value:t,previousValue:p}),s})},[A,y]),L=a.useCallback(()=>n.validation?.scroll?.required&&!b?!1:(o.signer||[]).every(e=>{if(!e.validation?.required)return!0;const t=m.get(e.id);return t&&(typeof t!="string"||t.trim())}),[b,o.signer,m,n.validation?.scroll?.required]);a.useEffect(()=>{const e=L();V(e),F?.({scrolled:b,fields:m,isValid:e,isSubmitting:v})},[b,m,v,L,F]);const ce=a.useCallback(async()=>{if(h||N)return;z(!0);const e={eventId:r,documentSource:n.source,fields:{document:o.document||[],signer:(o.signer||[]).map(t=>({id:t.id,value:m.get(t.id)??null}))},fileName:u?.fileName||"document.pdf"};try{await M?.(e)}finally{z(!1)}},[h,N,r,n.source,o,m,u,M]),le=a.useCallback(async()=>{if(!x||h||v)return;U(!0),C({type:"submit"});const e=C({type:"submit"}),t={eventId:r,timestamp:new Date().toISOString(),duration:Math.floor((Date.now()-ae.current)/1e3),auditTrail:e,documentFields:o.document||[],signerFields:(o.signer||[]).map(d=>({id:d.id,value:m.get(d.id)??null})),isFullyCompleted:x};try{await g(t)}finally{U(!1)}},[x,h,v,r,o,m,g]),ue=e=>{const t=e.component||de(e.type);return l.jsx(t,{value:m.get(e.id)??null,onChange:d=>ie(e.id,d),isDisabled:h,label:e.label},e.id)},de=e=>{switch(e){case"signature":case"text":return Z;case"checkbox":return ee}},pe=()=>{const e=u?.component||je(u);return e?l.jsx(e,{onClick:ce,fileName:u?.fileName,isDisabled:h,isDownloading:N}):null},ge=()=>{if(n.mode==="download")return null;const e=f?.component||Me(f);return l.jsx("div",{className:"superdoc-esign-actions superdoc-esign-form-actions",children:l.jsx(e,{onClick:le,isValid:x,isDisabled:h,isSubmitting:v})})},K=pe(),me=ge();return a.useImperativeHandle(c,()=>({getState:()=>({scrolled:b,fields:m,isValid:x,isSubmitting:v}),getAuditTrail:()=>w.current,reset:()=>{_(!n.validation?.scroll?.required),B(new Map),V(!1),w.current=[],$([])},updateFieldInDocument:y}),[b,m,x,v,n.validation?.scroll?.required,y]),l.jsxs("div",{className:`superdoc-esign-container ${ne||""}`,style:se,children:[l.jsxs("div",{className:"superdoc-esign-document","data-testid":"superdoc-esign-document",children:[K&&l.jsx("div",{className:"superdoc-esign-document-toolbar",children:l.jsx("div",{className:"superdoc-esign-document-controls",children:K})}),l.jsx("div",{ref:R,className:"superdoc-esign-document-viewer","data-testid":"superdoc-scroll-container",style:{height:oe,overflow:"auto"}})]}),l.jsxs("div",{className:"superdoc-esign-controls","data-testid":"superdoc-esign-controls",children:[o.signer&&o.signer.length>0&&l.jsx("div",{className:"superdoc-esign-fields","data-testid":"superdoc-esign-fields",children:o.signer.map(ue)}),me]})]})});te.displayName="SuperDocESign";exports.CheckboxInput=ee;exports.SignatureInput=Z;exports.default=te;exports.textToImageDataUrl=Q;
+"use strict";var be=Object.create;var J=Object.defineProperty;var ye=Object.getOwnPropertyDescriptor;var xe=Object.getOwnPropertyNames;var Se=Object.getPrototypeOf,we=Object.prototype.hasOwnProperty;var Ce=(i,c,r,s)=>{if(c&&typeof c=="object"||typeof c=="function")for(let o of xe(c))!we.call(i,o)&&o!==r&&J(i,o,{get:()=>c[o],enumerable:!(s=ye(c,o))||s.enumerable});return i};var De=(i,c,r)=>(r=i!=null?be(Se(i)):{},Ce(c||!i||!i.__esModule?J(r,"default",{value:i,enumerable:!0}):r,i));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),a=require("react"),Q=i=>{const c=globalThis.document.createElement("canvas"),r=c.getContext("2d"),s=30;r.font=`italic ${s}px cursive`;const u=r.measureText(i).width,f=s*1.3,g=4,R=6;return c.width=Math.ceil(u+g*2)+20,c.height=Math.ceil(f+R*2),r.font=`italic ${s}px cursive`,r.fillStyle="black",r.textAlign="center",r.textBaseline="middle",r.fillText(i,c.width/2,c.height/2),c.toDataURL("image/png")},Z=({value:i,onChange:c,isDisabled:r,label:s})=>l.jsxs("div",{className:"superdoc-esign-signature-input",style:{display:"flex",flexDirection:"column",gap:"8px"},children:[s&&l.jsx("label",{children:s}),l.jsx("input",{type:"text",value:String(i||""),onChange:o=>c(o.target.value),disabled:r,placeholder:"Type your full name",style:{fontFamily:"cursive",fontSize:"18px"}})]}),ee=({value:i,onChange:c,isDisabled:r,label:s})=>l.jsxs("label",{className:"superdoc-esign-checkbox-input",style:{display:"flex",gap:"8px"},children:[l.jsx("input",{type:"checkbox",checked:!!i,onChange:o=>c(o.target.checked),disabled:r}),l.jsx("span",{children:s})]}),je=i=>({onClick:r,fileName:s,isDisabled:o,isDownloading:u})=>{const f=i?.label||"Download",g=o||u;return l.jsxs("button",{onClick:r,disabled:g,className:`superdoc-esign-btn superdoc-esign-btn--download${u?" superdoc-esign-btn--loading":""}`,style:{padding:"8px 16px",borderRadius:"6px",border:"1px solid #d0d5dd",background:"#ffffff",color:"#333",cursor:g?"not-allowed":"pointer",opacity:g?.7:1,fontSize:"16px",fontWeight:"bold",display:"inline-flex",alignItems:"center",gap:"8px",transition:"opacity 0.2s ease"},children:[u&&l.jsx("span",{className:"superdoc-esign-spinner"}),u?"Downloading...":f,!u&&s&&` (${s})`]})},Re=i=>({onClick:r,isValid:s,isDisabled:o,isSubmitting:u})=>{const f=i?.label||"Submit",g=!s||o||u;return l.jsxs("button",{onClick:r,disabled:g,className:`superdoc-esign-btn superdoc-esign-btn--submit${u?" superdoc-esign-btn--loading":""}`,style:{padding:"12px 24px",borderRadius:"6px",border:"none",background:"#007bff",color:"#fff",cursor:g?"not-allowed":"pointer",opacity:g&&!u?.5:1,fontSize:"16px",fontWeight:"bold",display:"inline-flex",alignItems:"center",gap:"8px",transition:"opacity 0.2s ease"},children:[u&&l.jsx("span",{className:"superdoc-esign-spinner superdoc-esign-spinner--light"}),u?"Submitting...":f]})},te=a.forwardRef((i,c)=>{const{eventId:r,document:s,fields:o={},download:u,submit:f,onSubmit:g,onDownload:R,onStateChange:F,onFieldChange:A,onFieldsDiscovered:q,isDisabled:h=!1,className:ne,style:se,documentHeight:oe="600px"}=i,[y,O]=a.useState(!s.validation?.scroll?.required),[m,_]=a.useState(new Map),[x,B]=a.useState(!1),[v,V]=a.useState(!1),[k,U]=a.useState(!1),[z,$]=a.useState([]),[H,re]=a.useState(!1),T=a.useRef(null),E=a.useRef(null),ae=a.useRef(Date.now()),S=a.useRef(o),w=a.useRef([]),P=a.useRef(q);S.current=o,P.current=q,a.useEffect(()=>{w.current=z},[z]);const b=a.useCallback(e=>{if(!E.current?.activeEditor)return;const t=E.current.activeEditor,d=S.current.signer?.find(n=>n.id===e.id);if(e.type==="table"&&Array.isArray(e.value)){const D=t.helpers?.structuredContentCommands?.getStructuredContentTablesById?.(e.id,t.state)||[];if(D.length){const{node:I,pos:fe}=D[0],X=I.childCount;if(X>1){let j=t.state.tr;for(let N=X-1;N>=1;N--){let Y=1;for(let M=0;M<N;M++)Y+=I.child(M).nodeSize;const he=I.child(N),G=fe+Y,ve=G+he.nodeSize;j=j.delete(j.mapping.map(G),j.mapping.map(ve))}t.view?.dispatch(j)}t.commands?.appendRowsToStructuredContentTable?.({id:e.id,rows:e.value,copyRowStyle:!0})}return}let p;d?.type==="signature"&&e.value?p={json:{type:"image",attrs:{src:typeof e.value=="string"&&e.value.startsWith("data:image/")?e.value:Q(String(e.value)),alt:"Signature"}}}:p={text:String(e.value??"")},e.id&&t.commands?.updateStructuredContentById?.(e.id,p)},[]),W=a.useCallback(e=>{if(!e)return;const t=e.helpers.structuredContentCommands.getStructuredContentTags(e.state),d=new Map;S.current.document?.forEach(n=>{n.id&&d.set(n.id,n.value)}),S.current.signer?.forEach(n=>{n.value!==void 0&&d.set(n.id,n.value)});const p=t.map(({node:n})=>({id:n.attrs.id,label:n.attrs.label,value:d.get(n.attrs.id)??n.textContent??""})).filter(n=>n.id);p.length>0&&(P.current?.(p),(S.current.document||[]).filter(n=>n.value!==void 0).forEach(n=>b({id:n.id,value:n.value,type:n.type})),(S.current.signer||[]).filter(n=>n.value!==void 0).forEach(n=>b({id:n.id,value:n.value})))},[b]),C=e=>{const t={...e,timestamp:new Date().toISOString()},d=globalThis?.__SUPERDOC_AUDIT_MOCK__;d&&d(t);const p=[...w.current,t];return w.current=p,$(p),p};a.useEffect(()=>{if(!T.current)return;let e=!1,t=null;return(async()=>{const{SuperDoc:p}=await import("superdoc");e||(t=new p({selector:T.current,document:s.source,documentMode:"viewing",modules:{comments:!1},viewOptions:{layout:s.viewOptions?.layout??(s.layoutMode==="responsive"?"web":"print")},onReady:()=>{e||(t?.activeEditor&&W(t.activeEditor),C({type:"ready"}),re(!0))}}),E.current=t)})(),()=>{e=!0,t&&typeof t.destroy=="function"&&t.destroy(),E.current=null}},[s.source,s.mode,s.layoutMode,s.viewOptions?.layout,W]),a.useEffect(()=>{if(!s.validation?.scroll?.required||!H)return;const e=T.current;if(!e)return;const t=()=>{const{scrollTop:d,scrollHeight:p,clientHeight:n}=e,D=d/(p-n);(D>=.95||p<=n)&&(O(!0),C({type:"scroll",data:{percent:Math.round(D*100)}}))};return e.addEventListener("scroll",t),t(),()=>e.removeEventListener("scroll",t)},[s.validation?.scroll?.required,H]);const ie=a.useCallback((e,t)=>{_(d=>{const p=d.get(e),n=new Map(d);return n.set(e,t),b({id:e,value:t}),C({type:"field_change",data:{fieldId:e,value:t,previousValue:p}}),A?.({id:e,value:t,previousValue:p}),n})},[A,b]),L=a.useCallback(()=>s.validation?.scroll?.required&&!y?!1:(o.signer||[]).every(e=>{if(!e.validation?.required)return!0;const t=m.get(e.id);return t&&(typeof t!="string"||t.trim())}),[y,o.signer,m,s.validation?.scroll?.required]);a.useEffect(()=>{const e=L();B(e),F?.({scrolled:y,fields:m,isValid:e,isSubmitting:v})},[y,m,v,L,F]);const ce=a.useCallback(async()=>{if(h||k)return;U(!0);const e={eventId:r,documentSource:s.source,fields:{document:o.document||[],signer:(o.signer||[]).map(t=>({id:t.id,value:m.get(t.id)??null}))},fileName:u?.fileName||"document.pdf"};try{await R?.(e)}finally{U(!1)}},[h,k,r,s.source,o,m,u,R]),le=a.useCallback(async()=>{if(!x||h||v)return;V(!0),C({type:"submit"});const e=C({type:"submit"}),t={eventId:r,timestamp:new Date().toISOString(),duration:Math.floor((Date.now()-ae.current)/1e3),auditTrail:e,documentFields:o.document||[],signerFields:(o.signer||[]).map(d=>({id:d.id,value:m.get(d.id)??null})),isFullyCompleted:x};try{await g(t)}finally{V(!1)}},[x,h,v,r,o,m,g]),ue=e=>{const t=e.component||de(e.type);return l.jsx(t,{value:m.get(e.id)??null,onChange:d=>ie(e.id,d),isDisabled:h,label:e.label},e.id)},de=e=>{switch(e){case"signature":case"text":return Z;case"checkbox":return ee}},pe=()=>{const e=u?.component||je(u);return e?l.jsx(e,{onClick:ce,fileName:u?.fileName,isDisabled:h,isDownloading:k}):null},ge=()=>{if(s.mode==="download")return null;const e=f?.component||Re(f);return l.jsx("div",{className:"superdoc-esign-actions superdoc-esign-form-actions",children:l.jsx(e,{onClick:le,isValid:x,isDisabled:h,isSubmitting:v})})},K=pe(),me=ge();return a.useImperativeHandle(c,()=>({getState:()=>({scrolled:y,fields:m,isValid:x,isSubmitting:v}),getAuditTrail:()=>w.current,reset:()=>{O(!s.validation?.scroll?.required),_(new Map),B(!1),w.current=[],$([])},updateFieldInDocument:b}),[y,m,x,v,s.validation?.scroll?.required,b]),l.jsxs("div",{className:`superdoc-esign-container ${ne||""}`,style:se,children:[l.jsxs("div",{className:"superdoc-esign-document","data-testid":"superdoc-esign-document",children:[K&&l.jsx("div",{className:"superdoc-esign-document-toolbar",children:l.jsx("div",{className:"superdoc-esign-document-controls",children:K})}),l.jsx("div",{ref:T,className:"superdoc-esign-document-viewer","data-testid":"superdoc-scroll-container",style:{height:oe,overflow:"auto"}})]}),l.jsxs("div",{className:"superdoc-esign-controls","data-testid":"superdoc-esign-controls",children:[o.signer&&o.signer.length>0&&l.jsx("div",{className:"superdoc-esign-fields","data-testid":"superdoc-esign-fields",children:o.signer.map(ue)}),me]})]})});te.displayName="SuperDocESign";exports.CheckboxInput=ee;exports.SignatureInput=Z;exports.default=te;exports.textToImageDataUrl=Q;

package/dist/index.mjs

@@ -1,44 +1,27 @@
 import { jsxs as b, jsx as d } from "react/jsx-runtime";
-import { forwardRef as ye, useState as v, useRef as C, useEffect as A, useCallback as D, useImperativeHandle as ve } from "react";
+import { forwardRef as ve, useState as y, useRef as C, useEffect as A, useCallback as D, useImperativeHandle as ye } from "react";
 const be = (u) => {
   const l = globalThis.document.createElement("canvas"), s = l.getContext("2d"), o = 30;
   s.font = `italic ${o}px cursive`;
-  const a = s.measureText(u).width, m = o * 1.3, p = 4, R = 6;
-  return l.width = Math.ceil(a + p * 2) + 20, l.height = Math.ceil(m + R * 2), s.font = `italic ${o}px cursive`, s.fillStyle = "black", s.textAlign = "center", s.textBaseline = "middle", s.fillText(u, l.width / 2, l.height / 2), l.toDataURL("image/png");
-}, xe = ({
-  value: u,
-  onChange: l,
-  isDisabled: s,
-  label: o
-}) => /* @__PURE__ */ b(
-  "div",
-  {
-    className: "superdoc-esign-signature-input",
-    style: { display: "flex", flexDirection: "column", gap: "8px" },
-    children: [
-      o && /* @__PURE__ */ d("label", { children: o }),
-      /* @__PURE__ */ d(
-        "input",
-        {
-          type: "text",
-          value: String(u || ""),
-          onChange: (r) => l(r.target.value),
-          disabled: s,
-          placeholder: "Type your full name",
-          style: {
-            fontFamily: "cursive",
-            fontSize: "18px"
-          }
-        }
-      )
-    ]
-  }
-), we = ({
-  value: u,
-  onChange: l,
-  isDisabled: s,
-  label: o
-}) => /* @__PURE__ */ b("label", { className: "superdoc-esign-checkbox-input", style: { display: "flex", gap: "8px" }, children: [
+  const i = s.measureText(u).width, m = o * 1.3, p = 4, k = 6;
+  return l.width = Math.ceil(i + p * 2) + 20, l.height = Math.ceil(m + k * 2), s.font = `italic ${o}px cursive`, s.fillStyle = "black", s.textAlign = "center", s.textBaseline = "middle", s.fillText(u, l.width / 2, l.height / 2), l.toDataURL("image/png");
+}, we = ({ value: u, onChange: l, isDisabled: s, label: o }) => /* @__PURE__ */ b("div", { className: "superdoc-esign-signature-input", style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
+  o && /* @__PURE__ */ d("label", { children: o }),
+  /* @__PURE__ */ d(
+    "input",
+    {
+      type: "text",
+      value: String(u || ""),
+      onChange: (r) => l(r.target.value),
+      disabled: s,
+      placeholder: "Type your full name",
+      style: {
+        fontFamily: "cursive",
+        fontSize: "18px"
+      }
+    }
+  )
+] }), xe = ({ value: u, onChange: l, isDisabled: s, label: o }) => /* @__PURE__ */ b("label", { className: "superdoc-esign-checkbox-input", style: { display: "flex", gap: "8px" }, children: [
   /* @__PURE__ */ d(
     "input",
     {
@@ -49,19 +32,14 @@ const be = (u) => {
     }
   ),
   /* @__PURE__ */ d("span", { children: o })
-] }), Se = (u) => ({
-  onClick: s,
-  fileName: o,
-  isDisabled: r,
-  isDownloading: a
-}) => {
-  const m = u?.label || "Download", p = r || a;
+] }), Se = (u) => ({ onClick: s, fileName: o, isDisabled: r, isDownloading: i }) => {
+  const m = u?.label || "Download", p = r || i;
   return /* @__PURE__ */ b(
     "button",
     {
       onClick: s,
       disabled: p,
-      className: `superdoc-esign-btn superdoc-esign-btn--download${a ? " superdoc-esign-btn--loading" : ""}`,
+      className: `superdoc-esign-btn superdoc-esign-btn--download${i ? " superdoc-esign-btn--loading" : ""}`,
       style: {
         padding: "8px 16px",
         borderRadius: "6px",
@@ -78,25 +56,20 @@ const be = (u) => {
         transition: "opacity 0.2s ease"
       },
       children: [
-        a && /* @__PURE__ */ d("span", { className: "superdoc-esign-spinner" }),
-        a ? "Downloading..." : m,
-        !a && o && ` (${o})`
+        i && /* @__PURE__ */ d("span", { className: "superdoc-esign-spinner" }),
+        i ? "Downloading..." : m,
+        !i && o && ` (${o})`
       ]
     }
   );
-}, Ce = (u) => ({
-  onClick: s,
-  isValid: o,
-  isDisabled: r,
-  isSubmitting: a
-}) => {
-  const m = u?.label || "Submit", p = !o || r || a;
+}, Ce = (u) => ({ onClick: s, isValid: o, isDisabled: r, isSubmitting: i }) => {
+  const m = u?.label || "Submit", p = !o || r || i;
   return /* @__PURE__ */ b(
     "button",
     {
       onClick: s,
       disabled: p,
-      className: `superdoc-esign-btn superdoc-esign-btn--submit${a ? " superdoc-esign-btn--loading" : ""}`,
+      className: `superdoc-esign-btn superdoc-esign-btn--submit${i ? " superdoc-esign-btn--loading" : ""}`,
       style: {
         padding: "12px 24px",
         borderRadius: "6px",
@@ -104,7 +77,7 @@ const be = (u) => {
         background: "#007bff",
         color: "#fff",
         cursor: p ? "not-allowed" : "pointer",
-        opacity: p && !a ? 0.5 : 1,
+        opacity: p && !i ? 0.5 : 1,
         fontSize: "16px",
         fontWeight: "bold",
         display: "inline-flex",
@@ -113,48 +86,48 @@ const be = (u) => {
         transition: "opacity 0.2s ease"
       },
       children: [
-        a && /* @__PURE__ */ d("span", { className: "superdoc-esign-spinner superdoc-esign-spinner--light" }),
-        a ? "Submitting..." : m
+        i && /* @__PURE__ */ d("span", { className: "superdoc-esign-spinner superdoc-esign-spinner--light" }),
+        i ? "Submitting..." : m
       ]
     }
   );
-}, De = ye((u, l) => {
+}, De = ve((u, l) => {
   const {
     eventId: s,
     document: o,
     fields: r = {},
-    download: a,
+    download: i,
     submit: m,
     onSubmit: p,
-    onDownload: R,
-    onStateChange: _,
-    onFieldChange: z,
-    onFieldsDiscovered: U,
+    onDownload: k,
+    onStateChange: V,
+    onFieldChange: _,
+    onFieldsDiscovered: z,
     isDisabled: f = !1,
     className: te,
     style: ne,
     documentHeight: oe = "600px"
-  } = u, [x, $] = v(!o.validation?.scroll?.required), [g, H] = v(/* @__PURE__ */ new Map()), [w, O] = v(!1), [h, j] = v(!1), [q, P] = v(!1), [W, L] = v([]), [K, re] = v(!1), k = C(null), F = C(null), se = C(Date.now()), S = C(r), M = C([]), X = C(U);
-  S.current = r, X.current = U, A(() => {
-    M.current = W;
+  } = u, [w, U] = y(!o.validation?.scroll?.required), [g, $] = y(/* @__PURE__ */ new Map()), [x, H] = y(!1), [h, j] = y(!1), [q, P] = y(!1), [W, L] = y([]), [K, re] = y(!1), F = C(null), I = C(null), se = C(Date.now()), S = C(r), N = C([]), X = C(z);
+  S.current = r, X.current = z, A(() => {
+    N.current = W;
   }, [W]);
-  const y = D((e) => {
-    if (!F.current?.activeEditor) return;
-    const t = F.current.activeEditor, i = S.current.signer?.find((n) => n.id === e.id);
+  const v = D((e) => {
+    if (!I.current?.activeEditor) return;
+    const t = I.current.activeEditor, a = S.current.signer?.find((n) => n.id === e.id);
     if (e.type === "table" && Array.isArray(e.value)) {
-      const T = t.helpers?.structuredContentCommands?.getStructuredContentTablesById?.(e.id, t.state) || [];
-      if (T.length) {
-        const { node: B, pos: me } = T[0], Q = B.childCount;
+      const E = t.helpers?.structuredContentCommands?.getStructuredContentTablesById?.(e.id, t.state) || [];
+      if (E.length) {
+        const { node: B, pos: me } = E[0], Q = B.childCount;
         if (Q > 1) {
-          let E = t.state.tr;
-          for (let I = Q - 1; I >= 1; I--) {
+          let R = t.state.tr;
+          for (let M = Q - 1; M >= 1; M--) {
             let Z = 1;
-            for (let V = 0; V < I; V++)
-              Z += B.child(V).nodeSize;
-            const fe = B.child(I), ee = me + Z, he = ee + fe.nodeSize;
-            E = E.delete(E.mapping.map(ee), E.mapping.map(he));
+            for (let O = 0; O < M; O++)
+              Z += B.child(O).nodeSize;
+            const fe = B.child(M), ee = me + Z, he = ee + fe.nodeSize;
+            R = R.delete(R.mapping.map(ee), R.mapping.map(he));
           }
-          t.view?.dispatch(E);
+          t.view?.dispatch(R);
         }
         t.commands?.appendRowsToStructuredContentTable?.({
           id: e.id,
@@ -165,7 +138,7 @@ const be = (u) => {
       return;
     }
     let c;
-    i?.type === "signature" && e.value ? c = {
+    a?.type === "signature" && e.value ? c = {
       json: {
         type: "image",
         attrs: { src: typeof e.value == "string" && e.value.startsWith("data:image/") ? e.value : be(String(e.value)), alt: "Signature" }
@@ -174,117 +147,108 @@ const be = (u) => {
   }, []), Y = D(
     (e) => {
       if (!e) return;
-      const t = e.helpers.structuredContentCommands.getStructuredContentTags(e.state), i = /* @__PURE__ */ new Map();
+      const t = e.helpers.structuredContentCommands.getStructuredContentTags(e.state), a = /* @__PURE__ */ new Map();
       S.current.document?.forEach((n) => {
-        n.id && i.set(n.id, n.value);
+        n.id && a.set(n.id, n.value);
       }), S.current.signer?.forEach((n) => {
-        n.value !== void 0 && i.set(n.id, n.value);
+        n.value !== void 0 && a.set(n.id, n.value);
       });
       const c = t.map(({ node: n }) => ({
         id: n.attrs.id,
         label: n.attrs.label,
-        value: i.get(n.attrs.id) ?? n.textContent ?? ""
+        value: a.get(n.attrs.id) ?? n.textContent ?? ""
       })).filter((n) => n.id);
       c.length > 0 && (X.current?.(c), (S.current.document || []).filter((n) => n.value !== void 0).forEach(
-        (n) => y({
+        (n) => v({
           id: n.id,
           value: n.value,
           type: n.type
         })
       ), (S.current.signer || []).filter((n) => n.value !== void 0).forEach(
-        (n) => y({
+        (n) => v({
           id: n.id,
           value: n.value
         })
       ));
     },
-    [y]
-  ), N = (e) => {
+    [v]
+  ), T = (e) => {
     const t = {
       ...e,
       timestamp: (/* @__PURE__ */ new Date()).toISOString()
-    }, i = globalThis?.__SUPERDOC_AUDIT_MOCK__;
-    i && i(t);
-    const c = [...M.current, t];
-    return M.current = c, L(c), c;
+    }, a = globalThis?.__SUPERDOC_AUDIT_MOCK__;
+    a && a(t);
+    const c = [...N.current, t];
+    return N.current = c, L(c), c;
   };
   A(() => {
-    if (!k.current) return;
+    if (!F.current) return;
     let e = !1, t = null;
     return (async () => {
       const { SuperDoc: c } = await import("superdoc");
       e || (t = new c({
-        selector: k.current,
+        selector: F.current,
         document: o.source,
         documentMode: "viewing",
         modules: {
           comments: !1
         },
-        // @ts-expect-error - layoutMode is a valid SuperDoc option
-        layoutMode: o.layoutMode,
-        layoutMargins: o.layoutMargins,
+        viewOptions: {
+          layout: o.viewOptions?.layout ?? (o.layoutMode === "responsive" ? "web" : "print")
+        },
         onReady: () => {
-          e || (t?.activeEditor && Y(t.activeEditor), N({ type: "ready" }), re(!0));
+          e || (t?.activeEditor && Y(t.activeEditor), T({ type: "ready" }), re(!0));
         }
-      }), F.current = t);
+      }), I.current = t);
     })(), () => {
-      e = !0, t && typeof t.destroy == "function" && t.destroy(), F.current = null;
+      e = !0, t && typeof t.destroy == "function" && t.destroy(), I.current = null;
     };
-  }, [
-    o.source,
-    o.mode,
-    o.layoutMode,
-    o.layoutMargins?.top,
-    o.layoutMargins?.bottom,
-    o.layoutMargins?.left,
-    o.layoutMargins?.right,
-    Y
-  ]), A(() => {
+  }, [o.source, o.mode, o.layoutMode, o.viewOptions?.layout, Y]), A(() => {
     if (!o.validation?.scroll?.required || !K) return;
-    const e = k.current;
+    const e = F.current;
     if (!e) return;
     const t = () => {
-      const { scrollTop: i, scrollHeight: c, clientHeight: n } = e, T = i / (c - n);
-      (T >= 0.95 || c <= n) && ($(!0), N({
+      const { scrollTop: a, scrollHeight: c, clientHeight: n } = e, E = a / (c - n);
+      (E >= 0.95 || c <= n) && (U(!0), T({
         type: "scroll",
-        data: { percent: Math.round(T * 100) }
+        data: { percent: Math.round(E * 100) }
       }));
     };
     return e.addEventListener("scroll", t), t(), () => e.removeEventListener("scroll", t);
   }, [o.validation?.scroll?.required, K]);
-  const ae = D(
+  const ie = D(
     (e, t) => {
-      H((i) => {
-        const c = i.get(e), n = new Map(i);
-        return n.set(e, t), y({
+      $((a) => {
+        const c = a.get(e), n = new Map(a);
+        return n.set(e, t), v({
           id: e,
           value: t
-        }), N({
+        }), T({
           type: "field_change",
           data: { fieldId: e, value: t, previousValue: c }
-        }), z?.({
+        }), _?.({
           id: e,
           value: t,
           previousValue: c
         }), n;
       });
     },
-    [z, y]
-  ), G = D(() => o.validation?.scroll?.required && !x ? !1 : (r.signer || []).every((e) => {
+    [_, v]
+  ), G = D(() => o.validation?.scroll?.required && !w ? !1 : (r.signer || []).every((e) => {
     if (!e.validation?.required) return !0;
     const t = g.get(e.id);
     return t && (typeof t != "string" || t.trim());
-  }), [x, r.signer, g, o.validation?.scroll?.required]);
+  }), [w, r.signer, g, o.validation?.scroll?.required]);
   A(() => {
     const e = G();
-    O(e), _?.({
-      scrolled: x,
+    H(e), V?.({
+      scrolled: w,
       fields: g,
       isValid: e,
       isSubmitting: h
     });
-  }, [x, g, h, G, _]);
-  const ie = D(async () => {
+  }, [w, g, h, G, V]);
+  const ae = D(async () => {
     if (f || q) return;
     P(!0);
     const e = {
@@ -297,40 +261,40 @@ const be = (u) => {
           value: g.get(t.id) ?? null
         }))
       },
-      fileName: a?.fileName || "document.pdf"
+      fileName: i?.fileName || "document.pdf"
     };
     try {
-      await R?.(e);
+      await k?.(e);
     } finally {
       P(!1);
     }
-  }, [f, q, s, o.source, r, g, a, R]), ce = D(async () => {
-    if (!w || f || h) return;
-    j(!0), N({ type: "submit" });
-    const e = N({ type: "submit" }), t = {
+  }, [f, q, s, o.source, r, g, i, k]), ce = D(async () => {
+    if (!x || f || h) return;
+    j(!0), T({ type: "submit" });
+    const e = T({ type: "submit" }), t = {
       eventId: s,
       timestamp: (/* @__PURE__ */ new Date()).toISOString(),
       duration: Math.floor((Date.now() - se.current) / 1e3),
       auditTrail: e,
       documentFields: r.document || [],
-      signerFields: (r.signer || []).map((i) => ({
-        id: i.id,
-        value: g.get(i.id) ?? null
+      signerFields: (r.signer || []).map((a) => ({
+        id: a.id,
+        value: g.get(a.id) ?? null
       })),
-      isFullyCompleted: w
+      isFullyCompleted: x
     };
     try {
       await p(t);
     } finally {
       j(!1);
     }
-  }, [w, f, h, s, r, g, p]), le = (e) => {
+  }, [x, f, h, s, r, g, p]), le = (e) => {
     const t = e.component || de(e.type);
     return /* @__PURE__ */ d(
       t,
       {
         value: g.get(e.id) ?? null,
-        onChange: (i) => ae(e.id, i),
+        onChange: (a) => ie(e.id, a),
         isDisabled: f,
         label: e.label
       },
@@ -340,17 +304,17 @@ const be = (u) => {
     switch (e) {
       case "signature":
       case "text":
-        return xe;
-      case "checkbox":
         return we;
+      case "checkbox":
+        return xe;
     }
   }, ue = () => {
-    const e = a?.component || Se(a);
+    const e = i?.component || Se(i);
     return e ? /* @__PURE__ */ d(
       e,
       {
-        onClick: ie,
-        fileName: a?.fileName,
+        onClick: ae,
+        fileName: i?.fileName,
         isDisabled: f,
         isDownloading: q
       }
@@ -359,31 +323,31 @@ const be = (u) => {
     if (o.mode === "download")
       return null;
     const e = m?.component || Ce(m);
-    return /* @__PURE__ */ d("div", { className: "superdoc-esign-actions superdoc-esign-form-actions", children: /* @__PURE__ */ d(e, { onClick: ce, isValid: w, isDisabled: f, isSubmitting: h }) });
+    return /* @__PURE__ */ d("div", { className: "superdoc-esign-actions superdoc-esign-form-actions", children: /* @__PURE__ */ d(e, { onClick: ce, isValid: x, isDisabled: f, isSubmitting: h }) });
   }, J = ue(), ge = pe();
-  return ve(
+  return ye(
     l,
     () => ({
       getState: () => ({
-        scrolled: x,
+        scrolled: w,
         fields: g,
-        isValid: w,
+        isValid: x,
         isSubmitting: h
       }),
-      getAuditTrail: () => M.current,
+      getAuditTrail: () => N.current,
       reset: () => {
-        $(!o.validation?.scroll?.required), H(/* @__PURE__ */ new Map()), O(!1), M.current = [], L([]);
+        U(!o.validation?.scroll?.required), $(/* @__PURE__ */ new Map()), H(!1), N.current = [], L([]);
       },
-      updateFieldInDocument: y
+      updateFieldInDocument: v
     }),
-    [x, g, w, h, o.validation?.scroll?.required, y]
+    [w, g, x, h, o.validation?.scroll?.required, v]
   ), /* @__PURE__ */ b("div", { className: `superdoc-esign-container ${te || ""}`, style: ne, children: [
     /* @__PURE__ */ b("div", { className: "superdoc-esign-document", "data-testid": "superdoc-esign-document", children: [
       J && /* @__PURE__ */ d("div", { className: "superdoc-esign-document-toolbar", children: /* @__PURE__ */ d("div", { className: "superdoc-esign-document-controls", children: J }) }),
       /* @__PURE__ */ d(
         "div",
         {
-          ref: k,
+          ref: F,
           className: "superdoc-esign-document-viewer",
           "data-testid": "superdoc-scroll-container",
           style: { height: oe, overflow: "auto" }
@@ -398,8 +362,8 @@ const be = (u) => {
 });
 De.displayName = "SuperDocESign";
 export {
-  we as CheckboxInput,
-  xe as SignatureInput,
+  xe as CheckboxInput,
+  we as SignatureInput,
   De as default,
   be as textToImageDataUrl
 };

package/dist/test/setup.d.ts

@@ -1,4 +1,6 @@
 export declare const resetAuditEvents: () => void;
 export declare const recordAuditEvent: (type: string, data?: Record<string, unknown>) => void;
 export declare const getAuditEventTypes: () => string[];
+export declare const getLastConstructorOptions: () => any;
+export declare const resetLastConstructorOptions: () => void;
 //# sourceMappingURL=setup.d.ts.map

package/dist/test/setup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../src/test/setup.ts"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAQ1C,eAAO,MAAM,gBAAgB,YAE5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,EAAE,OAAO,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,SAE5E,CAAC;AAEF,eAAO,MAAM,kBAAkB,gBAA+C,CAAC"}
+{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../src/test/setup.ts"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC;AAQ1C,eAAO,MAAM,gBAAgB,YAE5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,MAAM,MAAM,EAAE,OAAO,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,SAE5E,CAAC;AAEF,eAAO,MAAM,kBAAkB,gBAA+C,CAAC;AAoD/E,eAAO,MAAM,yBAAyB,WAA+B,CAAC;AACtE,eAAO,MAAM,2BAA2B,YAEvC,CAAC"}

package/dist/types.d.ts

@@ -60,15 +60,22 @@ export interface DocumentConfig {
         };
     };
     /**
+     * Document view options (recommended for SuperDoc > v1.6.x):
+     * - 'print': Fixed page width, displays document as it prints (default)
+     * - 'web': Content reflows to fit container width (mobile/accessibility)
+     */
+    viewOptions?: {
+        layout?: 'web' | 'print';
+    };
+    /**
+     * @deprecated Use `viewOptions: { layout: 'web' }` instead.
      * Document layout mode:
      * - 'paginated' (default): Fixed page width, shows page breaks
-     * - 'responsive': 100% width, text reflows to fit container (useful for mobile/accessibility)
-     * Note: 'responsive' takes precedence over pagination - pagination is ignored when layoutMode is 'responsive'
+     * - 'responsive': 100% width, text reflows to fit container
      */
     layoutMode?: 'responsive' | 'paginated';
     /**
-     * Custom margins in pixels for responsive layout mode.
-     * Only applies when layoutMode is 'responsive'.
+     * @deprecated No longer supported in v1.x. Use CSS for margin control.
      */
     layoutMargins?: LayoutMargins;
 }

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": "2.1.0-next.3",
+  "version": "2.1.0-next.5",
   "description": "React eSignature component for SuperDoc",
   "type": "module",
   "main": "./dist/index.js",