@documenso/embed-vue 0.2.3 → 0.3.0

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),p=["src"],f=n.defineComponent({__name:"direct-template",props:{className:{},host:{},token:{},externalId:{},css:{},cssVars:{},darkModeDisabled:{type:Boolean},email:{},lockEmail:{type:Boolean},name:{},lockName:{type:Boolean},additionalProps:{},onDocumentReady:{type:Function},onDocumentCompleted:{type:Function},onDocumentError:{type:Function},onFieldSigned:{type:Function},onFieldUnsigned:{type:Function}},setup(d){const e=d,s=n.ref();n.onMounted(()=>{window.addEventListener("message",c)}),n.onUnmounted(()=>{window.removeEventListener("message",c)});const r=n.computed(()=>{const t=e.host||"https://app.documenso.com",a=btoa(encodeURIComponent(JSON.stringify({name:e.name,lockName:e.lockName,email:e.email,lockEmail:e.lockEmail,css:e.css,cssVars:e.cssVars,darkModeDisabled:e.darkModeDisabled,...e.additionalProps}))),o=new URL(`/embed/direct/${e.token}`,t);return e.externalId&&o.searchParams.set("externalId",e.externalId),`${o}#${a}`});function c(t){var a,o,m,i,l,u;if(((a=s.value)==null?void 0:a.contentWindow)===t.source)switch(t.data.action){case"document-ready":(o=e.onDocumentReady)==null||o.call(e);break;case"document-completed":(m=e.onDocumentCompleted)==null||m.call(e,t.data.data);break;case"document-error":(i=e.onDocumentError)==null||i.call(e,t.data.data);break;case"field-signed":(l=e.onFieldSigned)==null||l.call(e);break;case"field-unsigned":(u=e.onFieldUnsigned)==null||u.call(e);break}}return(t,a)=>(n.openBlock(),n.createElementBlock("iframe",{ref_key:"__iframe",ref:s,class:n.normalizeClass(t.className),src:r.value},null,10,p))}}),k=["src"],_=n.defineComponent({__name:"sign-document",props:{className:{},host:{},token:{},css:{},cssVars:{},darkModeDisabled:{type:Boolean},name:{},lockName:{type:Boolean},allowDocumentRejection:{type:Boolean},additionalProps:{},onDocumentReady:{type:Function},onDocumentCompleted:{type:Function},onDocumentError:{type:Function},onDocumentRejected:{type:Function}},setup(d){const e=d,s=n.ref();n.onMounted(()=>{window.addEventListener("message",c)}),n.onUnmounted(()=>{window.removeEventListener("message",c)});const r=n.computed(()=>{const t=e.host||"https://app.documenso.com",a=btoa(encodeURIComponent(JSON.stringify({name:e.name,lockName:e.lockName,css:e.css,cssVars:e.cssVars,darkModeDisabled:e.darkModeDisabled,allowDocumentRejection:e.allowDocumentRejection,...e.additionalProps})));return`${new URL(`/embed/sign/${e.token}`,t)}#${a}`});function c(t){var a,o,m,i,l;if(((a=s.value)==null?void 0:a.contentWindow)===t.source)switch(t.data.action){case"document-ready":(o=e.onDocumentReady)==null||o.call(e);break;case"document-completed":(m=e.onDocumentCompleted)==null||m.call(e,t.data.data);break;case"document-error":(i=e.onDocumentError)==null||i.call(e,t.data.data);break;case"document-rejected":(l=e.onDocumentRejected)==null||l.call(e,t.data.data);break}}return(t,a)=>(n.openBlock(),n.createElementBlock("iframe",{ref_key:"__iframe",ref:s,class:n.normalizeClass(t.className),src:r.value},null,10,k))}}),b=["src"],h=n.defineComponent({__name:"create-document",props:{className:{},host:{},presignToken:{},externalId:{},css:{},cssVars:{},darkModeDisabled:{type:Boolean},features:{},additionalProps:{},onDocumentCreated:{type:Function}},setup(d){const e=d,s=n.ref();n.onMounted(()=>{window.addEventListener("message",c)}),n.onUnmounted(()=>{window.removeEventListener("message",c)});const r=n.computed(()=>{const t=e.host||"https://app.documenso.com",a=btoa(encodeURIComponent(JSON.stringify({externalId:e.externalId,features:e.features,css:e.css,cssVars:e.cssVars,darkModeDisabled:e.darkModeDisabled,...e.additionalProps}))),o=new URL("/embed/v1/authoring/document/create",t);return o.searchParams.set("token",e.presignToken),o.hash=a,o.toString()});function c(t){var a,o;if(((a=s.value)==null?void 0:a.contentWindow)===t.source)switch(t.data.type){case"document-created":(o=e.onDocumentCreated)==null||o.call(e,{documentId:t.data.documentId,externalId:t.data.externalId});break}}return(t,a)=>(n.openBlock(),n.createElementBlock("iframe",{ref_key:"__iframe",ref:s,class:n.normalizeClass(t.className),src:r.value},null,10,b))}}),y=["src"],D=n.defineComponent({__name:"create-template",props:{className:{},host:{},presignToken:{},externalId:{},css:{},cssVars:{},darkModeDisabled:{type:Boolean},features:{},additionalProps:{},onTemplateCreated:{type:Function}},setup(d){const e=d,s=n.ref();n.onMounted(()=>{window.addEventListener("message",c)}),n.onUnmounted(()=>{window.removeEventListener("message",c)});const r=n.computed(()=>{const t=e.host||"https://app.documenso.com",a=btoa(encodeURIComponent(JSON.stringify({externalId:e.externalId,features:e.features,css:e.css,cssVars:e.cssVars,darkModeDisabled:e.darkModeDisabled,...e.additionalProps}))),o=new URL("/embed/v1/authoring/template/create",t);return o.searchParams.set("token",e.presignToken),o.hash=a,o.toString()});function c(t){var a,o;if(((a=s.value)==null?void 0:a.contentWindow)===t.source)switch(t.data.type){case"template-created":(o=e.onTemplateCreated)==null||o.call(e,{templateId:t.data.templateId,externalId:t.data.externalId});break}}return(t,a)=>(n.openBlock(),n.createElementBlock("iframe",{ref_key:"__iframe",ref:s,class:n.normalizeClass(t.className),src:r.value},null,10,y))}}),g=["src"],w=n.defineComponent({__name:"update-document",props:{className:{},host:{},presignToken:{},documentId:{},externalId:{},css:{},cssVars:{},darkModeDisabled:{type:Boolean},features:{},additionalProps:{},onDocumentUpdated:{type:Function}},setup(d){const e=d,s=n.ref();n.onMounted(()=>{window.addEventListener("message",c)}),n.onUnmounted(()=>{window.removeEventListener("message",c)});const r=n.computed(()=>{const t=e.host||"https://app.documenso.com",a=btoa(encodeURIComponent(JSON.stringify({token:e.presignToken,externalId:e.externalId,features:e.features,css:e.css,cssVars:e.cssVars,darkModeDisabled:e.darkModeDisabled,...e.additionalProps}))),o=new URL(`/embed/v1/authoring/document/edit/${e.documentId}`,t);return o.searchParams.set("token",e.presignToken),o.hash=a,o.toString()});function c(t){var a,o;if(((a=s.value)==null?void 0:a.contentWindow)===t.source)switch(t.data.type){case"document-updated":(o=e.onDocumentUpdated)==null||o.call(e,{documentId:t.data.documentId,externalId:t.data.externalId});break}}return(t,a)=>(n.openBlock(),n.createElementBlock("iframe",{ref_key:"__iframe",ref:s,class:n.normalizeClass(t.className),src:r.value},null,10,g))}}),I=["src"],E=n.defineComponent({__name:"update-template",props:{className:{},host:{},presignToken:{},templateId:{},externalId:{},css:{},cssVars:{},darkModeDisabled:{type:Boolean},features:{},additionalProps:{},onTemplateUpdated:{type:Function}},setup(d){const e=d,s=n.ref();n.onMounted(()=>{window.addEventListener("message",c)}),n.onUnmounted(()=>{window.removeEventListener("message",c)});const r=n.computed(()=>{const t=e.host||"https://app.documenso.com",a=btoa(encodeURIComponent(JSON.stringify({externalId:e.externalId,features:e.features,css:e.css,cssVars:e.cssVars,darkModeDisabled:e.darkModeDisabled,...e.additionalProps}))),o=new URL(`/embed/v1/authoring/template/edit/${e.templateId}`,t);return o.searchParams.set("token",e.presignToken),o.hash=a,o.toString()});function c(t){var a,o;if(((a=s.value)==null?void 0:a.contentWindow)===t.source)switch(t.data.type){case"template-updated":(o=e.onTemplateUpdated)==null||o.call(e,{templateId:t.data.templateId,externalId:t.data.externalId});break}}return(t,a)=>(n.openBlock(),n.createElementBlock("iframe",{ref_key:"__iframe",ref:s,class:n.normalizeClass(t.className),src:r.value},null,10,I))}}),M=["src"],U=n.defineComponent({__name:"multisign-document",props:{className:{},host:{},tokens:{},css:{},cssVars:{},darkModeDisabled:{type:Boolean},name:{},lockName:{type:Boolean},allowDocumentRejection:{type:Boolean},additionalProps:{},onDocumentReady:{type:Function},onDocumentCompleted:{type:Function},onDocumentError:{type:Function},onDocumentRejected:{type:Function},onAllDocumentsCompleted:{type:Function}},setup(d){const e=d,s=n.ref();n.onMounted(()=>{window.addEventListener("message",c)}),n.onUnmounted(()=>{window.removeEventListener("message",c)});const r=n.computed(()=>{const t=e.host||"https://app.documenso.com",a=btoa(encodeURIComponent(JSON.stringify({name:e.name,lockName:e.lockName,css:e.css,cssVars:e.cssVars,darkModeDisabled:e.darkModeDisabled,allowDocumentRejection:e.allowDocumentRejection,...e.additionalProps}))),o=new URL("/embed/v1/multisign",t);for(const m of e.tokens)o.searchParams.append("token",m);return`${o}#${a}`});function c(t){var a,o,m,i,l,u;if(((a=s.value)==null?void 0:a.contentWindow)===t.source)switch(t.data.action){case"document-ready":(o=e.onDocumentReady)==null||o.call(e);break;case"document-completed":(m=e.onDocumentCompleted)==null||m.call(e,t.data.data);break;case"document-error":(i=e.onDocumentError)==null||i.call(e,t.data.data);break;case"document-rejected":(l=e.onDocumentRejected)==null||l.call(e,t.data.data);break;case"all-documents-completed":(u=e.onAllDocumentsCompleted)==null||u.call(e,t.data.data);break}}return(t,a)=>(n.openBlock(),n.createElementBlock("iframe",{ref_key:"__iframe",ref:s,class:n.normalizeClass(t.className),src:r.value},null,10,M))}});exports.EmbedDirectTemplate=f;exports.EmbedSignDocument=_;exports.unstable_EmbedCreateDocument=h;exports.unstable_EmbedCreateTemplate=D;exports.unstable_EmbedMultiSignDocument=U;exports.unstable_EmbedUpdateDocument=w;exports.unstable_EmbedUpdateTemplate=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),i=["src"],l=t.defineComponent({__name:"direct-template",props:{className:{},host:{},token:{},externalId:{},css:{},cssVars:{},darkModeDisabled:{type:Boolean},email:{},lockEmail:{type:Boolean},name:{},lockName:{type:Boolean},additionalProps:{},onDocumentReady:{type:Function},onDocumentCompleted:{type:Function},onDocumentError:{type:Function},onFieldSigned:{type:Function},onFieldUnsigned:{type:Function}},setup(r){const e=r,a=t.ref();t.onMounted(()=>{window.addEventListener("message",s)}),t.onUnmounted(()=>{window.removeEventListener("message",s)});const d=t.computed(()=>{const o=e.host||"https://app.documenso.com",c=btoa(encodeURIComponent(JSON.stringify({name:e.name,lockName:e.lockName,email:e.email,lockEmail:e.lockEmail,css:e.css,cssVars:e.cssVars,darkModeDisabled:e.darkModeDisabled,...e.additionalProps}))),n=new URL(`/embed/direct/${e.token}`,o);return e.externalId&&n.searchParams.set("externalId",e.externalId),`${n}#${c}`});function s(o){if(a.value?.contentWindow===o.source)switch(o.data.action){case"document-ready":e.onDocumentReady?.();break;case"document-completed":e.onDocumentCompleted?.(o.data.data);break;case"document-error":e.onDocumentError?.(o.data.data);break;case"field-signed":e.onFieldSigned?.();break;case"field-unsigned":e.onFieldUnsigned?.();break}}return(o,c)=>(t.openBlock(),t.createElementBlock("iframe",{ref_key:"__iframe",ref:a,class:t.normalizeClass(o.className),src:d.value},null,10,i))}}),p=["src"],u=t.defineComponent({__name:"sign-document",props:{className:{},host:{},token:{},css:{},cssVars:{},darkModeDisabled:{type:Boolean},name:{},lockName:{type:Boolean},allowDocumentRejection:{type:Boolean},additionalProps:{},onDocumentReady:{type:Function},onDocumentCompleted:{type:Function},onDocumentError:{type:Function},onDocumentRejected:{type:Function}},setup(r){const e=r,a=t.ref();t.onMounted(()=>{window.addEventListener("message",s)}),t.onUnmounted(()=>{window.removeEventListener("message",s)});const d=t.computed(()=>{const o=e.host||"https://app.documenso.com",c=btoa(encodeURIComponent(JSON.stringify({name:e.name,lockName:e.lockName,css:e.css,cssVars:e.cssVars,darkModeDisabled:e.darkModeDisabled,allowDocumentRejection:e.allowDocumentRejection,...e.additionalProps})));return`${new URL(`/embed/sign/${e.token}`,o)}#${c}`});function s(o){if(a.value?.contentWindow===o.source)switch(o.data.action){case"document-ready":e.onDocumentReady?.();break;case"document-completed":e.onDocumentCompleted?.(o.data.data);break;case"document-error":e.onDocumentError?.(o.data.data);break;case"document-rejected":e.onDocumentRejected?.(o.data.data);break}}return(o,c)=>(t.openBlock(),t.createElementBlock("iframe",{ref_key:"__iframe",ref:a,class:t.normalizeClass(o.className),src:d.value},null,10,p))}}),f=["src"],k=t.defineComponent({__name:"create-document",props:{className:{},host:{},presignToken:{},externalId:{},css:{},cssVars:{},darkModeDisabled:{type:Boolean},features:{},additionalProps:{},onDocumentCreated:{type:Function}},setup(r){const e=r,a=t.ref();t.onMounted(()=>{window.addEventListener("message",s)}),t.onUnmounted(()=>{window.removeEventListener("message",s)});const d=t.computed(()=>{const o=e.host||"https://app.documenso.com",c=btoa(encodeURIComponent(JSON.stringify({externalId:e.externalId,features:e.features,css:e.css,cssVars:e.cssVars,darkModeDisabled:e.darkModeDisabled,...e.additionalProps}))),n=new URL("/embed/v1/authoring/document/create",o);return n.searchParams.set("token",e.presignToken),n.hash=c,n.toString()});function s(o){if(a.value?.contentWindow===o.source)switch(o.data.type){case"document-created":e.onDocumentCreated?.({documentId:o.data.documentId,externalId:o.data.externalId});break}}return(o,c)=>(t.openBlock(),t.createElementBlock("iframe",{ref_key:"__iframe",ref:a,class:t.normalizeClass(o.className),src:d.value},null,10,f))}}),_=["src"],b=t.defineComponent({__name:"create-template",props:{className:{},host:{},presignToken:{},externalId:{},css:{},cssVars:{},darkModeDisabled:{type:Boolean},features:{},additionalProps:{},onTemplateCreated:{type:Function}},setup(r){const e=r,a=t.ref();t.onMounted(()=>{window.addEventListener("message",s)}),t.onUnmounted(()=>{window.removeEventListener("message",s)});const d=t.computed(()=>{const o=e.host||"https://app.documenso.com",c=btoa(encodeURIComponent(JSON.stringify({externalId:e.externalId,features:e.features,css:e.css,cssVars:e.cssVars,darkModeDisabled:e.darkModeDisabled,...e.additionalProps}))),n=new URL("/embed/v1/authoring/template/create",o);return n.searchParams.set("token",e.presignToken),n.hash=c,n.toString()});function s(o){if(a.value?.contentWindow===o.source)switch(o.data.type){case"template-created":e.onTemplateCreated?.({templateId:o.data.templateId,externalId:o.data.externalId});break}}return(o,c)=>(t.openBlock(),t.createElementBlock("iframe",{ref_key:"__iframe",ref:a,class:t.normalizeClass(o.className),src:d.value},null,10,_))}}),h=["src"],y=t.defineComponent({__name:"update-document",props:{className:{},host:{},presignToken:{},documentId:{},externalId:{},css:{},cssVars:{},darkModeDisabled:{type:Boolean},features:{},additionalProps:{},onDocumentUpdated:{type:Function}},setup(r){const e=r,a=t.ref();t.onMounted(()=>{window.addEventListener("message",s)}),t.onUnmounted(()=>{window.removeEventListener("message",s)});const d=t.computed(()=>{const o=e.host||"https://app.documenso.com",c=btoa(encodeURIComponent(JSON.stringify({token:e.presignToken,externalId:e.externalId,features:e.features,css:e.css,cssVars:e.cssVars,darkModeDisabled:e.darkModeDisabled,...e.additionalProps}))),n=new URL(`/embed/v1/authoring/document/edit/${e.documentId}`,o);return n.searchParams.set("token",e.presignToken),n.hash=c,n.toString()});function s(o){if(a.value?.contentWindow===o.source)switch(o.data.type){case"document-updated":e.onDocumentUpdated?.({documentId:o.data.documentId,externalId:o.data.externalId});break}}return(o,c)=>(t.openBlock(),t.createElementBlock("iframe",{ref_key:"__iframe",ref:a,class:t.normalizeClass(o.className),src:d.value},null,10,h))}}),D=["src"],g=t.defineComponent({__name:"update-template",props:{className:{},host:{},presignToken:{},templateId:{},externalId:{},css:{},cssVars:{},darkModeDisabled:{type:Boolean},features:{},additionalProps:{},onTemplateUpdated:{type:Function}},setup(r){const e=r,a=t.ref();t.onMounted(()=>{window.addEventListener("message",s)}),t.onUnmounted(()=>{window.removeEventListener("message",s)});const d=t.computed(()=>{const o=e.host||"https://app.documenso.com",c=btoa(encodeURIComponent(JSON.stringify({externalId:e.externalId,features:e.features,css:e.css,cssVars:e.cssVars,darkModeDisabled:e.darkModeDisabled,...e.additionalProps}))),n=new URL(`/embed/v1/authoring/template/edit/${e.templateId}`,o);return n.searchParams.set("token",e.presignToken),n.hash=c,n.toString()});function s(o){if(a.value?.contentWindow===o.source)switch(o.data.type){case"template-updated":e.onTemplateUpdated?.({templateId:o.data.templateId,externalId:o.data.externalId});break}}return(o,c)=>(t.openBlock(),t.createElementBlock("iframe",{ref_key:"__iframe",ref:a,class:t.normalizeClass(o.className),src:d.value},null,10,D))}}),w=["src"],I=t.defineComponent({__name:"multisign-document",props:{className:{},host:{},tokens:{},css:{},cssVars:{},darkModeDisabled:{type:Boolean},name:{},lockName:{type:Boolean},allowDocumentRejection:{type:Boolean},additionalProps:{},onDocumentReady:{type:Function},onDocumentCompleted:{type:Function},onDocumentError:{type:Function},onDocumentRejected:{type:Function},onAllDocumentsCompleted:{type:Function}},setup(r){const e=r,a=t.ref();t.onMounted(()=>{window.addEventListener("message",s)}),t.onUnmounted(()=>{window.removeEventListener("message",s)});const d=t.computed(()=>{const o=e.host||"https://app.documenso.com",c=btoa(encodeURIComponent(JSON.stringify({name:e.name,lockName:e.lockName,css:e.css,cssVars:e.cssVars,darkModeDisabled:e.darkModeDisabled,allowDocumentRejection:e.allowDocumentRejection,...e.additionalProps}))),n=new URL("/embed/v1/multisign",o);for(const m of e.tokens)n.searchParams.append("token",m);return`${n}#${c}`});function s(o){if(a.value?.contentWindow===o.source)switch(o.data.action){case"document-ready":e.onDocumentReady?.();break;case"document-completed":e.onDocumentCompleted?.(o.data.data);break;case"document-error":e.onDocumentError?.(o.data.data);break;case"document-rejected":e.onDocumentRejected?.(o.data.data);break;case"all-documents-completed":e.onAllDocumentsCompleted?.(o.data.data);break}}return(o,c)=>(t.openBlock(),t.createElementBlock("iframe",{ref_key:"__iframe",ref:a,class:t.normalizeClass(o.className),src:d.value},null,10,w))}});exports.EmbedDirectTemplate=l;exports.EmbedSignDocument=u;exports.unstable_EmbedCreateDocument=k;exports.unstable_EmbedCreateTemplate=b;exports.unstable_EmbedMultiSignDocument=I;exports.unstable_EmbedUpdateDocument=y;exports.unstable_EmbedUpdateTemplate=g;

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as l, ref as u, onMounted as p, onUnmounted as _, computed as f, openBlock as k, createElementBlock as h, normalizeClass as b } from "vue";
-const y = ["src"], R = /* @__PURE__ */ l({
+import { defineComponent as d, ref as i, onMounted as m, onUnmounted as l, computed as p, createElementBlock as u, openBlock as _, normalizeClass as f } from "vue";
+const h = ["src"], U = /* @__PURE__ */ d({
   __name: "direct-template",
   props: {
     className: {},
@@ -21,13 +21,13 @@ const y = ["src"], R = /* @__PURE__ */ l({
     onFieldUnsigned: { type: Function }
   },
   setup(c) {
-    const e = c, s = u();
-    p(() => {
+    const e = c, s = i();
+    m(() => {
       window.addEventListener("message", o);
-    }), _(() => {
+    }), l(() => {
       window.removeEventListener("message", o);
     });
-    const d = f(() => {
+    const r = p(() => {
       const t = e.host || "https://app.documenso.com", n = btoa(
         encodeURIComponent(
           JSON.stringify({
@@ -45,34 +45,33 @@ const y = ["src"], R = /* @__PURE__ */ l({
       return e.externalId && a.searchParams.set("externalId", e.externalId), `${a}#${n}`;
     });
     function o(t) {
-      var n, a, r, i, m, D;
-      if (((n = s.value) == null ? void 0 : n.contentWindow) === t.source)
+      if (s.value?.contentWindow === t.source)
         switch (t.data.action) {
           case "document-ready":
-            (a = e.onDocumentReady) == null || a.call(e);
+            e.onDocumentReady?.();
             break;
           case "document-completed":
-            (r = e.onDocumentCompleted) == null || r.call(e, t.data.data);
+            e.onDocumentCompleted?.(t.data.data);
             break;
           case "document-error":
-            (i = e.onDocumentError) == null || i.call(e, t.data.data);
+            e.onDocumentError?.(t.data.data);
             break;
           case "field-signed":
-            (m = e.onFieldSigned) == null || m.call(e);
+            e.onFieldSigned?.();
             break;
           case "field-unsigned":
-            (D = e.onFieldUnsigned) == null || D.call(e);
+            e.onFieldUnsigned?.();
             break;
         }
     }
-    return (t, n) => (k(), h("iframe", {
+    return (t, n) => (_(), u("iframe", {
       ref_key: "__iframe",
       ref: s,
-      class: b(t.className),
-      src: d.value
-    }, null, 10, y));
+      class: f(t.className),
+      src: r.value
+    }, null, 10, h));
   }
-}), g = ["src"], x = /* @__PURE__ */ l({
+}), b = ["src"], M = /* @__PURE__ */ d({
   __name: "sign-document",
   props: {
     className: {},
@@ -91,13 +90,13 @@ const y = ["src"], R = /* @__PURE__ */ l({
     onDocumentRejected: { type: Function }
   },
   setup(c) {
-    const e = c, s = u();
-    p(() => {
+    const e = c, s = i();
+    m(() => {
       window.addEventListener("message", o);
-    }), _(() => {
+    }), l(() => {
       window.removeEventListener("message", o);
     });
-    const d = f(() => {
+    const r = p(() => {
       const t = e.host || "https://app.documenso.com", n = btoa(
         encodeURIComponent(
           JSON.stringify({
@@ -114,31 +113,30 @@ const y = ["src"], R = /* @__PURE__ */ l({
       return `${new URL(`/embed/sign/${e.token}`, t)}#${n}`;
     });
     function o(t) {
-      var n, a, r, i, m;
-      if (((n = s.value) == null ? void 0 : n.contentWindow) === t.source)
+      if (s.value?.contentWindow === t.source)
         switch (t.data.action) {
           case "document-ready":
-            (a = e.onDocumentReady) == null || a.call(e);
+            e.onDocumentReady?.();
             break;
           case "document-completed":
-            (r = e.onDocumentCompleted) == null || r.call(e, t.data.data);
+            e.onDocumentCompleted?.(t.data.data);
             break;
           case "document-error":
-            (i = e.onDocumentError) == null || i.call(e, t.data.data);
+            e.onDocumentError?.(t.data.data);
             break;
           case "document-rejected":
-            (m = e.onDocumentRejected) == null || m.call(e, t.data.data);
+            e.onDocumentRejected?.(t.data.data);
             break;
         }
     }
-    return (t, n) => (k(), h("iframe", {
+    return (t, n) => (_(), u("iframe", {
       ref_key: "__iframe",
       ref: s,
-      class: b(t.className),
-      src: d.value
-    }, null, 10, g));
+      class: f(t.className),
+      src: r.value
+    }, null, 10, b));
   }
-}), w = ["src"], C = /* @__PURE__ */ l({
+}), D = ["src"], N = /* @__PURE__ */ d({
   __name: "create-document",
   props: {
     className: {},
@@ -153,13 +151,13 @@ const y = ["src"], R = /* @__PURE__ */ l({
     onDocumentCreated: { type: Function }
   },
   setup(c) {
-    const e = c, s = u();
-    p(() => {
+    const e = c, s = i();
+    m(() => {
       window.addEventListener("message", o);
-    }), _(() => {
+    }), l(() => {
       window.removeEventListener("message", o);
     });
-    const d = f(() => {
+    const r = p(() => {
       const t = e.host || "https://app.documenso.com", n = btoa(
         encodeURIComponent(
           JSON.stringify({
@@ -175,25 +173,24 @@ const y = ["src"], R = /* @__PURE__ */ l({
       return a.searchParams.set("token", e.presignToken), a.hash = n, a.toString();
     });
     function o(t) {
-      var n, a;
-      if (((n = s.value) == null ? void 0 : n.contentWindow) === t.source)
+      if (s.value?.contentWindow === t.source)
         switch (t.data.type) {
           case "document-created":
-            (a = e.onDocumentCreated) == null || a.call(e, {
+            e.onDocumentCreated?.({
               documentId: t.data.documentId,
               externalId: t.data.externalId
             });
             break;
         }
     }
-    return (t, n) => (k(), h("iframe", {
+    return (t, n) => (_(), u("iframe", {
       ref_key: "__iframe",
       ref: s,
-      class: b(t.className),
-      src: d.value
-    }, null, 10, w));
+      class: f(t.className),
+      src: r.value
+    }, null, 10, D));
   }
-}), I = ["src"], F = /* @__PURE__ */ l({
+}), y = ["src"], R = /* @__PURE__ */ d({
   __name: "create-template",
   props: {
     className: {},
@@ -208,13 +205,13 @@ const y = ["src"], R = /* @__PURE__ */ l({
     onTemplateCreated: { type: Function }
   },
   setup(c) {
-    const e = c, s = u();
-    p(() => {
+    const e = c, s = i();
+    m(() => {
       window.addEventListener("message", o);
-    }), _(() => {
+    }), l(() => {
       window.removeEventListener("message", o);
     });
-    const d = f(() => {
+    const r = p(() => {
       const t = e.host || "https://app.documenso.com", n = btoa(
         encodeURIComponent(
           JSON.stringify({
@@ -230,25 +227,24 @@ const y = ["src"], R = /* @__PURE__ */ l({
       return a.searchParams.set("token", e.presignToken), a.hash = n, a.toString();
     });
     function o(t) {
-      var n, a;
-      if (((n = s.value) == null ? void 0 : n.contentWindow) === t.source)
+      if (s.value?.contentWindow === t.source)
         switch (t.data.type) {
           case "template-created":
-            (a = e.onTemplateCreated) == null || a.call(e, {
+            e.onTemplateCreated?.({
               templateId: t.data.templateId,
               externalId: t.data.externalId
             });
             break;
         }
     }
-    return (t, n) => (k(), h("iframe", {
+    return (t, n) => (_(), u("iframe", {
       ref_key: "__iframe",
       ref: s,
-      class: b(t.className),
-      src: d.value
-    }, null, 10, I));
+      class: f(t.className),
+      src: r.value
+    }, null, 10, y));
   }
-}), E = ["src"], $ = /* @__PURE__ */ l({
+}), g = ["src"], x = /* @__PURE__ */ d({
   __name: "update-document",
   props: {
     className: {},
@@ -264,13 +260,13 @@ const y = ["src"], R = /* @__PURE__ */ l({
     onDocumentUpdated: { type: Function }
   },
   setup(c) {
-    const e = c, s = u();
-    p(() => {
+    const e = c, s = i();
+    m(() => {
       window.addEventListener("message", o);
-    }), _(() => {
+    }), l(() => {
       window.removeEventListener("message", o);
     });
-    const d = f(() => {
+    const r = p(() => {
       const t = e.host || "https://app.documenso.com", n = btoa(
         encodeURIComponent(
           JSON.stringify({
@@ -290,25 +286,24 @@ const y = ["src"], R = /* @__PURE__ */ l({
       return a.searchParams.set("token", e.presignToken), a.hash = n, a.toString();
     });
     function o(t) {
-      var n, a;
-      if (((n = s.value) == null ? void 0 : n.contentWindow) === t.source)
+      if (s.value?.contentWindow === t.source)
         switch (t.data.type) {
           case "document-updated":
-            (a = e.onDocumentUpdated) == null || a.call(e, {
+            e.onDocumentUpdated?.({
               documentId: t.data.documentId,
               externalId: t.data.externalId
             });
             break;
         }
     }
-    return (t, n) => (k(), h("iframe", {
+    return (t, n) => (_(), u("iframe", {
       ref_key: "__iframe",
       ref: s,
-      class: b(t.className),
-      src: d.value
-    }, null, 10, E));
+      class: f(t.className),
+      src: r.value
+    }, null, 10, g));
   }
-}), U = ["src"], L = /* @__PURE__ */ l({
+}), w = ["src"], C = /* @__PURE__ */ d({
   __name: "update-template",
   props: {
     className: {},
@@ -324,13 +319,13 @@ const y = ["src"], R = /* @__PURE__ */ l({
     onTemplateUpdated: { type: Function }
   },
   setup(c) {
-    const e = c, s = u();
-    p(() => {
+    const e = c, s = i();
+    m(() => {
       window.addEventListener("message", o);
-    }), _(() => {
+    }), l(() => {
       window.removeEventListener("message", o);
     });
-    const d = f(() => {
+    const r = p(() => {
       const t = e.host || "https://app.documenso.com", n = btoa(
         encodeURIComponent(
           JSON.stringify({
@@ -349,25 +344,24 @@ const y = ["src"], R = /* @__PURE__ */ l({
       return a.searchParams.set("token", e.presignToken), a.hash = n, a.toString();
     });
     function o(t) {
-      var n, a;
-      if (((n = s.value) == null ? void 0 : n.contentWindow) === t.source)
+      if (s.value?.contentWindow === t.source)
         switch (t.data.type) {
           case "template-updated":
-            (a = e.onTemplateUpdated) == null || a.call(e, {
+            e.onTemplateUpdated?.({
               templateId: t.data.templateId,
               externalId: t.data.externalId
             });
             break;
         }
     }
-    return (t, n) => (k(), h("iframe", {
+    return (t, n) => (_(), u("iframe", {
       ref_key: "__iframe",
       ref: s,
-      class: b(t.className),
-      src: d.value
-    }, null, 10, U));
+      class: f(t.className),
+      src: r.value
+    }, null, 10, w));
   }
-}), M = ["src"], V = /* @__PURE__ */ l({
+}), I = ["src"], F = /* @__PURE__ */ d({
   __name: "multisign-document",
   props: {
     className: {},
@@ -387,13 +381,13 @@ const y = ["src"], R = /* @__PURE__ */ l({
     onAllDocumentsCompleted: { type: Function }
   },
   setup(c) {
-    const e = c, s = u();
-    p(() => {
+    const e = c, s = i();
+    m(() => {
       window.addEventListener("message", o);
-    }), _(() => {
+    }), l(() => {
       window.removeEventListener("message", o);
     });
-    const d = f(() => {
+    const r = p(() => {
       const t = e.host || "https://app.documenso.com", n = btoa(
         encodeURIComponent(
           JSON.stringify({
@@ -407,45 +401,44 @@ const y = ["src"], R = /* @__PURE__ */ l({
           })
         )
       ), a = new URL("/embed/v1/multisign", t);
-      for (const r of e.tokens)
-        a.searchParams.append("token", r);
+      for (const k of e.tokens)
+        a.searchParams.append("token", k);
       return `${a}#${n}`;
     });
     function o(t) {
-      var n, a, r, i, m, D;
-      if (((n = s.value) == null ? void 0 : n.contentWindow) === t.source)
+      if (s.value?.contentWindow === t.source)
         switch (t.data.action) {
           case "document-ready":
-            (a = e.onDocumentReady) == null || a.call(e);
+            e.onDocumentReady?.();
             break;
           case "document-completed":
-            (r = e.onDocumentCompleted) == null || r.call(e, t.data.data);
+            e.onDocumentCompleted?.(t.data.data);
             break;
           case "document-error":
-            (i = e.onDocumentError) == null || i.call(e, t.data.data);
+            e.onDocumentError?.(t.data.data);
             break;
           case "document-rejected":
-            (m = e.onDocumentRejected) == null || m.call(e, t.data.data);
+            e.onDocumentRejected?.(t.data.data);
             break;
           case "all-documents-completed":
-            (D = e.onAllDocumentsCompleted) == null || D.call(e, t.data.data);
+            e.onAllDocumentsCompleted?.(t.data.data);
             break;
         }
     }
-    return (t, n) => (k(), h("iframe", {
+    return (t, n) => (_(), u("iframe", {
       ref_key: "__iframe",
       ref: s,
-      class: b(t.className),
-      src: d.value
-    }, null, 10, M));
+      class: f(t.className),
+      src: r.value
+    }, null, 10, I));
   }
 });
 export {
-  R as EmbedDirectTemplate,
-  x as EmbedSignDocument,
-  C as unstable_EmbedCreateDocument,
-  F as unstable_EmbedCreateTemplate,
-  V as unstable_EmbedMultiSignDocument,
-  $ as unstable_EmbedUpdateDocument,
-  L as unstable_EmbedUpdateTemplate
+  U as EmbedDirectTemplate,
+  M as EmbedSignDocument,
+  N as unstable_EmbedCreateDocument,
+  R as unstable_EmbedCreateTemplate,
+  F as unstable_EmbedMultiSignDocument,
+  x as unstable_EmbedUpdateDocument,
+  C as unstable_EmbedUpdateTemplate
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@documenso/embed-vue",
-  "version": "0.2.3",
+  "version": "0.3.0",
   "license": "MIT",
   "files": [
     "dist"
@@ -38,7 +38,7 @@
     "@documenso/embed": "*",
     "@vitejs/plugin-vue": "^5.1.3",
     "unplugin-auto-import": "^0.18.2",
-    "vite": "^5.4.2",
+    "vite": "7.0.2",
     "vite-plugin-dts": "^4.1.0"
   }
 }