@superdoc-dev/esign 1.0.0-next.3 → 1.0.1

package/dist/index.js

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