@superdoc-dev/esign 1.1.1 → 1.2.0-next.1

package/README.md

@@ -31,15 +31,18 @@ function App() {
       eventId={`session-${Date.now()}`}
       
       document={{
-        source: "https://storage.googleapis.com/public_static_hosting/public_demo_docs/employment_agreement.docx",
+        source: "https://storage.googleapis.com/public_static_hosting/public_demo_docs/service_agreement.docx",
         validation: { scroll: { required: true } }
       }}
       
       fields={{
         document: [
-          { id: 'employee_name', value: 'Jane Smith' },
-          { id: 'position', value: 'Senior Engineer' },
-          { id: 'salary', value: '$120,000' }
+          { id: 'user_name', value: 'John Doe' },
+          { id: 'agreement_date', value: new Date().toLocaleDateString() },
+          { id: 'company_name', value: 'SuperDoc' },
+          { id: 'service_type', value: 'Premium' },
+          { id: 'agreement_jurisdiction', value: 'CA' },
+          { id: 'company_address', value: '123 Main St, Anytown, USA' }
         ],
         signer: [
           {
@@ -105,7 +108,7 @@ app.post('/api/sign', async (req, res) => {
 });
 ```
 
-See [Python, Ruby, and more examples](https://docs.superdoc.dev/solutions/esign/backend).
+See [Python, Node.js, and more examples](https://docs.superdoc.dev/solutions/esign/backend).
 
 ## What You Receive
 
@@ -115,10 +118,10 @@ See [Python, Ruby, and more examples](https://docs.superdoc.dev/solutions/esign/
   timestamp: "2024-01-15T10:30:00Z",
   duration: 45000,
   documentFields: [
-    { id: "employee_name", value: "Jane Smith" }
+    { id: "user_name", value: "John Doe" }
   ],
   signerFields: [
-    { id: "signature", value: "Jane Smith" },
+    { id: "signature", value: "John Doe" },
     { id: "accept_terms", value: true }
   ],
   auditTrail: [

package/dist/PdfViewer-BLHsHKWf.es-DVVY0V9L.cjs

@@ -0,0 +1,43 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./superdoc.es-DfpwGgyj.cjs");function B(s){const{opacityDisabled:t,heightTiny:o,heightSmall:n,heightMedium:i,heightLarge:a,heightHuge:u,primaryColor:l,fontSize:r}=s;return{fontSize:r,textColor:l,sizeTiny:o,sizeSmall:n,sizeMedium:i,sizeLarge:a,sizeHuge:u,color:l,opacitySpinning:t}}const V={common:e.derived,self:B},L=e.c$1([e.c$1("@keyframes spin-rotate",`
+ from {
+ transform: rotate(0);
+ }
+ to {
+ transform: rotate(360deg);
+ }
+ `),e.cB("spin-container",`
+ position: relative;
+ `,[e.cB("spin-body",`
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translateX(-50%) translateY(-50%);
+ `,[e.fadeInTransition()])]),e.cB("spin-body",`
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ `),e.cB("spin",`
+ display: inline-flex;
+ height: var(--n-size);
+ width: var(--n-size);
+ font-size: var(--n-size);
+ color: var(--n-color);
+ `,[e.cM("rotate",`
+ animation: spin-rotate 2s linear infinite;
+ `)]),e.cB("spin-description",`
+ display: inline-block;
+ font-size: var(--n-font-size);
+ color: var(--n-text-color);
+ transition: color .3s var(--n-bezier);
+ margin-top: 8px;
+ `),e.cB("spin-content",`
+ opacity: 1;
+ transition: opacity .3s var(--n-bezier);
+ pointer-events: all;
+ `,[e.cM("spinning",`
+ user-select: none;
+ -webkit-user-select: none;
+ pointer-events: none;
+ opacity: var(--n-opacity-spinning);
+ `)])]),_={small:20,medium:18,large:16},R=Object.assign(Object.assign({},e.useTheme.props),{contentClass:String,contentStyle:[Object,String],description:String,stroke:String,size:{type:[String,Number],default:"medium"},show:{type:Boolean,default:!0},strokeWidth:Number,rotate:{type:Boolean,default:!0},spinning:{type:Boolean,validator:()=>!0,default:void 0},delay:Number}),D=e.defineComponent({name:"Spin",props:R,slots:Object,setup(s){e.process$1.env.NODE_ENV!=="production"&&e.watchEffect(()=>{s.spinning!==void 0&&e.warnOnce("spin","`spinning` is deprecated, please use `show` instead.")});const{mergedClsPrefixRef:t,inlineThemeDisabled:o}=e.useConfig(s),n=e.useTheme("Spin","-spin",L,V,s,t),i=e.computed(()=>{const{size:r}=s,{common:{cubicBezierEaseInOut:p},self:h}=n.value,{opacitySpinning:f,color:y,textColor:b}=h,m=typeof r=="number"?e.pxfy(r):h[e.createKey("size",r)];return{"--n-bezier":p,"--n-opacity-spinning":f,"--n-size":m,"--n-color":y,"--n-text-color":b}}),a=o?e.useThemeClass("spin",e.computed(()=>{const{size:r}=s;return typeof r=="number"?String(r):r[0]}),i,s):void 0,u=e.useCompitable(s,["spinning","show"]),l=e.ref(!1);return e.watchEffect(r=>{let p;if(u.value){const{delay:h}=s;if(h){p=window.setTimeout(()=>{l.value=!0},h),r(()=>{clearTimeout(p)});return}}l.value=u.value}),{mergedClsPrefix:t,active:l,mergedStrokeWidth:e.computed(()=>{const{strokeWidth:r}=s;if(r!==void 0)return r;const{size:p}=s;return _[typeof p=="number"?"medium":p]}),cssVars:o?void 0:i,themeClass:a?.themeClass,onRender:a?.onRender}},render(){var s,t;const{$slots:o,mergedClsPrefix:n,description:i}=this,a=o.icon&&this.rotate,u=(i||o.description)&&e.h("div",{class:`${n}-spin-description`},i||((s=o.description)===null||s===void 0?void 0:s.call(o))),l=o.icon?e.h("div",{class:[`${n}-spin-body`,this.themeClass]},e.h("div",{class:[`${n}-spin`,a&&`${n}-spin--rotate`],style:o.default?"":this.cssVars},o.icon()),u):e.h("div",{class:[`${n}-spin-body`,this.themeClass]},e.h(e.NBaseLoading,{clsPrefix:n,style:o.default?"":this.cssVars,stroke:this.stroke,"stroke-width":this.mergedStrokeWidth,class:`${n}-spin`}),u);return(t=this.onRender)===null||t===void 0||t.call(this),o.default?e.h("div",{class:[`${n}-spin-container`,this.themeClass],style:this.cssVars},e.h("div",{class:[`${n}-spin-content`,this.active&&`${n}-spin-content--spinning`,this.contentClass],style:this.contentStyle},o),e.h(e.Transition,{name:"fade-in-transition"},{default:()=>this.active?l:null})):l}}),M=(s,t)=>{const o=t-s;return Array.from({length:o},(n,i)=>s+i)};class z{constructor(){if(Object.getPrototypeOf(this).constructor===z)throw new Error("Abstract class should not be instanciated")}}class T extends z{constructor(t){super(),this.pdfLib=t.pdfLib,this.pdfViewer=t.pdfViewer,this.workerSrc=t.workerSrc,this.textLayerMode=t.textLayerMode??0,t.setWorker&&(this.workerSrc?this.pdfLib.GlobalWorkerOptions.workerSrc=t.workerSrc:this.pdfLib.GlobalWorkerOptions.workerSrc=N(this.pdfLib.version)),this.pdfPageViews=[]}async getDocument(t){return await this.pdfLib.getDocument(t).promise}async renderPages({documentId:t,pdfDocument:o,viewerContainer:n,emit:i=()=>{}}){try{this.pdfPageViews=[];const a=o.numPages,l=await $(o,1,a),r=[];for(const[p,h]of l.entries()){const f=document.createElement("div");f.classList.add("pdf-page"),f.dataset.pageNumber=(p+1).toString(),f.id=`${t}-page-${p+1}`,r.push(f);const{width:y,height:b}=this.getOriginalPageSize(h),m=1,C=new this.pdfViewer.EventBus,d=new this.pdfViewer.PDFPageView({container:f,id:p+1,scale:m,defaultViewport:h.getViewport({scale:m}),eventBus:C,textLayerMode:this.textLayerMode});this.pdfPageViews.push(d);const g=f.getBoundingClientRect();g.originalWidth=y,g.originalHeight=b,d.setPdfPage(h),await d.draw(),i("page-loaded",t,p,g)}n.append(...r),i("ready",t,n)}catch(a){console.error("Error loading PDF:",a)}}getOriginalPageSize(t){const o=t.getViewport({scale:1}),n=o.width,i=o.height;return{width:n,height:i}}destroy(){this.pdfPageViews.forEach(t=>t.destroy()),this.pdfPageViews=[]}}class j{static create(t){const o={pdfjs:()=>new T(t),default:()=>{throw new Error("Unsupported adapter")}};return(o[t.adapter]??o.default)()}}const O=s=>({...{adapter:"pdfjs"},...s});async function $(s,t,o){const n=M(t,o+1).map(i=>s.getPage(i));return await Promise.all(n)}function N(s){return`https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${s}/pdf.worker.min.mjs`}const E=s=>new Promise((t,o)=>{const n=new FileReader;n.onload=i=>t(i.target.result),n.onerror=o,n.readAsDataURL(s)}),W={key:0,class:"superdoc-pdf-viewer__loader"},A={__name:"PdfViewer",props:{documentData:{type:Object,required:!0},config:{type:Object,required:!0}},emits:["page-loaded","ready","selection-change","bypass-selection"],setup(s,{emit:t}){const o=t,n=s,i=e.useSuperdocStore(),{activeZoom:a}=e.storeToRefs(i),u=e.ref(null),l=e.ref(!1),r=n.documentData.id,p=n.documentData.data,h=O({pdfLib:n.config.pdfLib,pdfViewer:n.config.pdfViewer,workerSrc:n.config.workerSrc,setWorker:n.config.setWorker,textLayerMode:n.config.textLayerMode}),f=j.create(h),y=async d=>{try{const g=await E(d),S=await f.getDocument(g);await f.renderPages({documentId:r,pdfDocument:S,viewerContainer:u.value,emit:o}),l.value=!0}catch{}};function b(d){const g=window.getSelection();if(g.rangeCount===0)return null;const w=g.getRangeAt(0).getClientRects();if(w.length===0)return null;const P=w[0];let c={top:P.top,left:P.left,bottom:P.bottom,right:P.right};for(let x=1;x<w.length;x++){const v=w[x];v.width===0||v.height===0||(c.top=Math.min(c.top,v.top),c.left=Math.min(c.left,v.left),c.bottom=Math.max(c.bottom,v.bottom),c.right=Math.max(c.right,v.right))}const k=d.getBoundingClientRect();return u.value.getBoundingClientRect(),c.top=(c.top-k.top)/(a.value/100)+d.scrollTop,c.left=(c.left-k.left)/(a.value/100)+d.scrollLeft,c.bottom=(c.bottom-k.top)/(a.value/100)+d.scrollTop,c.right=(c.right-k.left)/(a.value/100)+d.scrollLeft,c}const m=d=>{const{target:g}=d;g.tagName!=="SPAN"&&o("bypass-selection",d)},C=d=>{if(window.getSelection().toString().length>0){const S=b(u.value),w=e.useSelection({selectionBounds:S,documentId:r});o("selection-change",w)}};return e.onMounted(async()=>{await y(p)}),e.onUnmounted(()=>{f.destroy()}),(d,g)=>(e.openBlock(),e.createElementBlock("div",{class:"superdoc-pdf-viewer-container",onMousedown:m,onMouseup:C},[e.createBaseVNode("div",{class:"superdoc-pdf-viewer",ref_key:"viewer",ref:u,id:"viewerId"},null,512),l.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",W,[e.createVNode(e.unref(D),{class:"superdoc-pdf-viewer__spin",size:"large"})]))],32))}},F=e._export_sfc(A,[["__scopeId","data-v-84719682"]]);exports.default=F;

package/dist/PdfViewer-BLHsHKWf.es-JoVU99JQ.js

@@ -0,0 +1,400 @@
+import { _ as N, u as O, s as $, r as L, o as E, a as W, c as B, b as R, d as A, e as F, f as I, g as H, h as U, i as h, N as q, T as G, p as K, w as D, j as J, k as X, l as M, m as Y, n as T, q as V, t as Z, v as Q, x as ee, y as te, z as se, A as y, B as ne, C as j } from "./superdoc.es-CqejOF1J.js";
+function oe(n) {
+  const {
+    opacityDisabled: e,
+    heightTiny: s,
+    heightSmall: t,
+    heightMedium: o,
+    heightLarge: r,
+    heightHuge: p,
+    primaryColor: d,
+    fontSize: i
+  } = n;
+  return {
+    fontSize: i,
+    textColor: d,
+    sizeTiny: s,
+    sizeSmall: t,
+    sizeMedium: o,
+    sizeLarge: r,
+    sizeHuge: p,
+    color: d,
+    opacitySpinning: e
+  };
+}
+const ie = {
+  common: Y,
+  self: oe
+}, re = T([T("@keyframes spin-rotate", `
+ from {
+ transform: rotate(0);
+ }
+ to {
+ transform: rotate(360deg);
+ }
+ `), y("spin-container", `
+ position: relative;
+ `, [y("spin-body", `
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translateX(-50%) translateY(-50%);
+ `, [ne()])]), y("spin-body", `
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ `), y("spin", `
+ display: inline-flex;
+ height: var(--n-size);
+ width: var(--n-size);
+ font-size: var(--n-size);
+ color: var(--n-color);
+ `, [j("rotate", `
+ animation: spin-rotate 2s linear infinite;
+ `)]), y("spin-description", `
+ display: inline-block;
+ font-size: var(--n-font-size);
+ color: var(--n-text-color);
+ transition: color .3s var(--n-bezier);
+ margin-top: 8px;
+ `), y("spin-content", `
+ opacity: 1;
+ transition: opacity .3s var(--n-bezier);
+ pointer-events: all;
+ `, [j("spinning", `
+ user-select: none;
+ -webkit-user-select: none;
+ pointer-events: none;
+ opacity: var(--n-opacity-spinning);
+ `)])]), ae = {
+  small: 20,
+  medium: 18,
+  large: 16
+}, ce = Object.assign(Object.assign({}, M.props), {
+  contentClass: String,
+  contentStyle: [Object, String],
+  description: String,
+  stroke: String,
+  size: {
+    type: [String, Number],
+    default: "medium"
+  },
+  show: {
+    type: Boolean,
+    default: !0
+  },
+  strokeWidth: Number,
+  rotate: {
+    type: Boolean,
+    default: !0
+  },
+  spinning: {
+    type: Boolean,
+    validator: () => !0,
+    default: void 0
+  },
+  delay: Number
+}), de = U({
+  name: "Spin",
+  props: ce,
+  slots: Object,
+  setup(n) {
+    K.env.NODE_ENV !== "production" && D(() => {
+      n.spinning !== void 0 && J("spin", "`spinning` is deprecated, please use `show` instead.");
+    });
+    const {
+      mergedClsPrefixRef: e,
+      inlineThemeDisabled: s
+    } = X(n), t = M("Spin", "-spin", re, ie, n, e), o = V(() => {
+      const {
+        size: i
+      } = n, {
+        common: {
+          cubicBezierEaseInOut: l
+        },
+        self: g
+      } = t.value, {
+        opacitySpinning: u,
+        color: b,
+        textColor: S
+      } = g, m = typeof i == "number" ? Z(i) : g[Q("size", i)];
+      return {
+        "--n-bezier": l,
+        "--n-opacity-spinning": u,
+        "--n-size": m,
+        "--n-color": b,
+        "--n-text-color": S
+      };
+    }), r = s ? ee("spin", V(() => {
+      const {
+        size: i
+      } = n;
+      return typeof i == "number" ? String(i) : i[0];
+    }), o, n) : void 0, p = te(n, ["spinning", "show"]), d = L(!1);
+    return D((i) => {
+      let l;
+      if (p.value) {
+        const {
+          delay: g
+        } = n;
+        if (g) {
+          l = window.setTimeout(() => {
+            d.value = !0;
+          }, g), i(() => {
+            clearTimeout(l);
+          });
+          return;
+        }
+      }
+      d.value = p.value;
+    }), {
+      mergedClsPrefix: e,
+      active: d,
+      mergedStrokeWidth: V(() => {
+        const {
+          strokeWidth: i
+        } = n;
+        if (i !== void 0) return i;
+        const {
+          size: l
+        } = n;
+        return ae[typeof l == "number" ? "medium" : l];
+      }),
+      cssVars: s ? void 0 : o,
+      themeClass: r?.themeClass,
+      onRender: r?.onRender
+    };
+  },
+  render() {
+    var n, e;
+    const {
+      $slots: s,
+      mergedClsPrefix: t,
+      description: o
+    } = this, r = s.icon && this.rotate, p = (o || s.description) && h("div", {
+      class: `${t}-spin-description`
+    }, o || ((n = s.description) === null || n === void 0 ? void 0 : n.call(s))), d = s.icon ? h("div", {
+      class: [`${t}-spin-body`, this.themeClass]
+    }, h("div", {
+      class: [`${t}-spin`, r && `${t}-spin--rotate`],
+      style: s.default ? "" : this.cssVars
+    }, s.icon()), p) : h("div", {
+      class: [`${t}-spin-body`, this.themeClass]
+    }, h(q, {
+      clsPrefix: t,
+      style: s.default ? "" : this.cssVars,
+      stroke: this.stroke,
+      "stroke-width": this.mergedStrokeWidth,
+      class: `${t}-spin`
+    }), p);
+    return (e = this.onRender) === null || e === void 0 || e.call(this), s.default ? h("div", {
+      class: [`${t}-spin-container`, this.themeClass],
+      style: this.cssVars
+    }, h("div", {
+      class: [`${t}-spin-content`, this.active && `${t}-spin-content--spinning`, this.contentClass],
+      style: this.contentStyle
+    }, s), h(G, {
+      name: "fade-in-transition"
+    }, {
+      default: () => this.active ? d : null
+    })) : d;
+  }
+}), le = (n, e) => {
+  const s = e - n;
+  return Array.from({ length: s }, (t, o) => n + o);
+};
+class _ {
+  /**
+   * @throws {Error}
+   */
+  constructor() {
+    if (Object.getPrototypeOf(this).constructor === _)
+      throw new Error("Abstract class should not be instanciated");
+  }
+}
+class pe extends _ {
+  /**
+   * @param {PDFJSConfig} config
+   */
+  constructor(e) {
+    super(), this.pdfLib = e.pdfLib, this.pdfViewer = e.pdfViewer, this.workerSrc = e.workerSrc, this.textLayerMode = e.textLayerMode ?? 0, e.setWorker && (this.workerSrc ? this.pdfLib.GlobalWorkerOptions.workerSrc = e.workerSrc : this.pdfLib.GlobalWorkerOptions.workerSrc = he(this.pdfLib.version)), this.pdfPageViews = [];
+  }
+  /**
+   * @param {string | ArrayBuffer | Uint8Array} file
+   * @returns {Promise<PDFDocumentProxy>}
+   */
+  async getDocument(e) {
+    return await this.pdfLib.getDocument(e).promise;
+  }
+  /**
+   * @param {RenderPagesOptions} options
+   * @returns {Promise<void>}
+   */
+  async renderPages({ documentId: e, pdfDocument: s, viewerContainer: t, emit: o = () => {
+  } }) {
+    try {
+      this.pdfPageViews = [];
+      const r = s.numPages, d = await ge(s, 1, r), i = [];
+      for (const [l, g] of d.entries()) {
+        const u = document.createElement("div");
+        u.classList.add("pdf-page"), u.dataset.pageNumber = (l + 1).toString(), u.id = `${e}-page-${l + 1}`, i.push(u);
+        const { width: b, height: S } = this.getOriginalPageSize(g), m = 1, x = new this.pdfViewer.EventBus(), c = new this.pdfViewer.PDFPageView({
+          container: u,
+          id: l + 1,
+          scale: m,
+          defaultViewport: g.getViewport({ scale: m }),
+          eventBus: x,
+          textLayerMode: this.textLayerMode
+        });
+        this.pdfPageViews.push(c);
+        const f = u.getBoundingClientRect();
+        f.originalWidth = b, f.originalHeight = S, c.setPdfPage(g), await c.draw(), o("page-loaded", e, l, f);
+      }
+      t.append(...i), o("ready", e, t);
+    } catch (r) {
+      console.error("Error loading PDF:", r);
+    }
+  }
+  /**
+   * @param {PDFPageProxy} page
+   * @returns {object}
+   */
+  getOriginalPageSize(e) {
+    const s = e.getViewport({ scale: 1 }), t = s.width, o = s.height;
+    return { width: t, height: o };
+  }
+  /**
+   * @return {void}
+   */
+  destroy() {
+    this.pdfPageViews.forEach((e) => e.destroy()), this.pdfPageViews = [];
+  }
+}
+class ue {
+  /**
+   * @param {PDFJSConfig & {adapter: AdapterType}} config
+   * @returns {PDFAdapter}
+   * @throws {Error}
+   */
+  static create(e) {
+    const s = {
+      pdfjs: () => new pe(e),
+      default: () => {
+        throw new Error("Unsupported adapter");
+      }
+    };
+    return (s[e.adapter] ?? s.default)();
+  }
+}
+const fe = (n) => ({
+  ...{
+    adapter: "pdfjs"
+  },
+  ...n
+});
+async function ge(n, e, s) {
+  const t = le(e, s + 1).map((o) => n.getPage(o));
+  return await Promise.all(t);
+}
+function he(n) {
+  return `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${n}/pdf.worker.min.mjs`;
+}
+const me = (n) => new Promise((e, s) => {
+  const t = new FileReader();
+  t.onload = (o) => e(o.target.result), t.onerror = s, t.readAsDataURL(n);
+}), we = {
+  key: 0,
+  class: "superdoc-pdf-viewer__loader"
+}, ve = {
+  __name: "PdfViewer",
+  props: {
+    documentData: {
+      type: Object,
+      required: !0
+    },
+    config: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["page-loaded", "ready", "selection-change", "bypass-selection"],
+  setup(n, { emit: e }) {
+    const s = e, t = n, o = O(), { activeZoom: r } = $(o), p = L(null), d = L(!1), i = t.documentData.id, l = t.documentData.data, g = fe({
+      pdfLib: t.config.pdfLib,
+      pdfViewer: t.config.pdfViewer,
+      workerSrc: t.config.workerSrc,
+      setWorker: t.config.setWorker,
+      textLayerMode: t.config.textLayerMode
+    }), u = ue.create(g), b = async (c) => {
+      try {
+        const f = await me(c), P = await u.getDocument(f);
+        await u.renderPages({
+          documentId: i,
+          pdfDocument: P,
+          viewerContainer: p.value,
+          emit: s
+        }), d.value = !0;
+      } catch {
+      }
+    };
+    function S(c) {
+      const f = window.getSelection();
+      if (f.rangeCount === 0)
+        return null;
+      const w = f.getRangeAt(0).getClientRects();
+      if (w.length === 0)
+        return null;
+      const k = w[0];
+      let a = {
+        top: k.top,
+        left: k.left,
+        bottom: k.bottom,
+        right: k.right
+      };
+      for (let z = 1; z < w.length; z++) {
+        const v = w[z];
+        v.width === 0 || v.height === 0 || (a.top = Math.min(a.top, v.top), a.left = Math.min(a.left, v.left), a.bottom = Math.max(a.bottom, v.bottom), a.right = Math.max(a.right, v.right));
+      }
+      const C = c.getBoundingClientRect();
+      return p.value.getBoundingClientRect(), a.top = (a.top - C.top) / (r.value / 100) + c.scrollTop, a.left = (a.left - C.left) / (r.value / 100) + c.scrollLeft, a.bottom = (a.bottom - C.top) / (r.value / 100) + c.scrollTop, a.right = (a.right - C.left) / (r.value / 100) + c.scrollLeft, a;
+    }
+    const m = (c) => {
+      const { target: f } = c;
+      f.tagName !== "SPAN" && s("bypass-selection", c);
+    }, x = (c) => {
+      if (window.getSelection().toString().length > 0) {
+        const P = S(p.value), w = se({
+          selectionBounds: P,
+          documentId: i
+        });
+        s("selection-change", w);
+      }
+    };
+    return E(async () => {
+      await b(l);
+    }), W(() => {
+      u.destroy();
+    }), (c, f) => (R(), B("div", {
+      class: "superdoc-pdf-viewer-container",
+      onMousedown: m,
+      onMouseup: x
+    }, [
+      A("div", {
+        class: "superdoc-pdf-viewer",
+        ref_key: "viewer",
+        ref: p,
+        id: "viewerId"
+      }, null, 512),
+      d.value ? F("", !0) : (R(), B("div", we, [
+        I(H(de), {
+          class: "superdoc-pdf-viewer__spin",
+          size: "large"
+        })
+      ]))
+    ], 32));
+  }
+}, be = /* @__PURE__ */ N(ve, [["__scopeId", "data-v-84719682"]]);
+export {
+  be as default
+};

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