@documenso/embed-vue 0.2.3 → 0.4.0

package/dist/index.d.mts

@@ -1,5 +1,9 @@
 export { default as EmbedDirectTemplate } from './direct-template.vue';
 export { default as EmbedSignDocument } from './sign-document.vue';
+export { default as EmbedCreateDocumentV1 } from './create-document.vue';
+export { default as EmbedCreateTemplateV1 } from './create-template.vue';
+export { default as EmbedUpdateDocumentV1 } from './update-document.vue';
+export { default as EmbedUpdateTemplateV1 } from './update-template.vue';
 export { default as unstable_EmbedCreateDocument } from './create-document.vue';
 export { default as unstable_EmbedCreateTemplate } from './create-template.vue';
 export { default as unstable_EmbedUpdateDocument } from './update-document.vue';

package/dist/index.d.ts

@@ -1,5 +1,9 @@
 export { default as EmbedDirectTemplate } from './direct-template.vue';
 export { default as EmbedSignDocument } from './sign-document.vue';
+export { default as EmbedCreateDocumentV1 } from './create-document.vue';
+export { default as EmbedCreateTemplateV1 } from './create-template.vue';
+export { default as EmbedUpdateDocumentV1 } from './update-document.vue';
+export { default as EmbedUpdateTemplateV1 } from './update-template.vue';
 export { default as unstable_EmbedCreateDocument } from './create-document.vue';
 export { default as unstable_EmbedCreateTemplate } from './create-template.vue';
 export { default as unstable_EmbedUpdateDocument } from './update-document.vue';

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"),f=["src"],k=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(d){const e=d,a=t.ref();t.onMounted(()=>{window.addEventListener("message",s)}),t.onUnmounted(()=>{window.removeEventListener("message",s)});const r=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:r.value},null,10,f))}}),_=["src"],b=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(d){const e=d,a=t.ref();t.onMounted(()=>{window.addEventListener("message",s)}),t.onUnmounted(()=>{window.removeEventListener("message",s)});const r=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:r.value},null,10,_))}}),y=["src"],m=t.defineComponent({__name:"create-document",props:{className:{},host:{},presignToken:{},externalId:{},css:{},cssVars:{},darkModeDisabled:{type:Boolean},features:{},additionalProps:{},onDocumentCreated:{type:Function}},setup(d){const e=d,a=t.ref();t.onMounted(()=>{window.addEventListener("message",s)}),t.onUnmounted(()=>{window.removeEventListener("message",s)});const r=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:r.value},null,10,y))}}),h=["src"],l=t.defineComponent({__name:"create-template",props:{className:{},host:{},presignToken:{},externalId:{},css:{},cssVars:{},darkModeDisabled:{type:Boolean},features:{},additionalProps:{},onTemplateCreated:{type:Function}},setup(d){const e=d,a=t.ref();t.onMounted(()=>{window.addEventListener("message",s)}),t.onUnmounted(()=>{window.removeEventListener("message",s)});const r=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:r.value},null,10,h))}}),D=["src"],i=t.defineComponent({__name:"update-document",props:{className:{},host:{},presignToken:{},documentId:{},externalId:{},css:{},cssVars:{},darkModeDisabled:{type:Boolean},features:{},onlyEditFields:{type:Boolean},additionalProps:{},onDocumentUpdated:{type:Function}},setup(d){const e=d,a=t.ref();t.onMounted(()=>{window.addEventListener("message",s)}),t.onUnmounted(()=>{window.removeEventListener("message",s)});const r=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,onlyEditFields:e.onlyEditFields,...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:r.value},null,10,D))}}),g=["src"],p=t.defineComponent({__name:"update-template",props:{className:{},host:{},presignToken:{},templateId:{},externalId:{},css:{},cssVars:{},darkModeDisabled:{type:Boolean},features:{},onlyEditFields:{type:Boolean},additionalProps:{},onTemplateUpdated:{type:Function}},setup(d){const e=d,a=t.ref();t.onMounted(()=>{window.addEventListener("message",s)}),t.onUnmounted(()=>{window.removeEventListener("message",s)});const r=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,onlyEditFields:e.onlyEditFields,...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:r.value},null,10,g))}}),w=["src"],E=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(d){const e=d,a=t.ref();t.onMounted(()=>{window.addEventListener("message",s)}),t.onUnmounted(()=>{window.removeEventListener("message",s)});const r=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 u of e.tokens)n.searchParams.append("token",u);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:r.value},null,10,w))}});exports.EmbedCreateDocumentV1=m;exports.EmbedCreateTemplateV1=l;exports.EmbedDirectTemplate=k;exports.EmbedSignDocument=b;exports.EmbedUpdateDocumentV1=i;exports.EmbedUpdateTemplateV1=p;exports.unstable_EmbedCreateDocument=m;exports.unstable_EmbedCreateTemplate=l;exports.unstable_EmbedMultiSignDocument=E;exports.unstable_EmbedUpdateDocument=i;exports.unstable_EmbedUpdateTemplate=p;

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 r, ref as i, onMounted as m, onUnmounted as l, computed as p, createElementBlock as u, openBlock as _, normalizeClass as f } from "vue";
+const b = ["src"], U = /* @__PURE__ */ r({
   __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 d = 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),
+      class: f(t.className),
       src: d.value
-    }, null, 10, y));
+    }, null, 10, b));
   }
-}), g = ["src"], x = /* @__PURE__ */ l({
+}), h = ["src"], M = /* @__PURE__ */ r({
   __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 d = 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),
+      class: f(t.className),
       src: d.value
-    }, null, 10, g));
+    }, null, 10, h));
   }
-}), w = ["src"], C = /* @__PURE__ */ l({
+}), y = ["src"], N = /* @__PURE__ */ r({
   __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 d = 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),
+      class: f(t.className),
       src: d.value
-    }, null, 10, w));
+    }, null, 10, y));
   }
-}), I = ["src"], F = /* @__PURE__ */ l({
+}), D = ["src"], R = /* @__PURE__ */ r({
   __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 d = 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),
+      class: f(t.className),
       src: d.value
-    }, null, 10, I));
+    }, null, 10, D));
   }
-}), E = ["src"], $ = /* @__PURE__ */ l({
+}), g = ["src"], F = /* @__PURE__ */ r({
   __name: "update-document",
   props: {
     className: {},
@@ -260,17 +256,18 @@ const y = ["src"], R = /* @__PURE__ */ l({
     cssVars: {},
     darkModeDisabled: { type: Boolean },
     features: {},
+    onlyEditFields: { type: Boolean },
     additionalProps: {},
     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 d = p(() => {
       const t = e.host || "https://app.documenso.com", n = btoa(
         encodeURIComponent(
           JSON.stringify({
@@ -280,6 +277,7 @@ const y = ["src"], R = /* @__PURE__ */ l({
             css: e.css,
             cssVars: e.cssVars,
             darkModeDisabled: e.darkModeDisabled,
+            onlyEditFields: e.onlyEditFields,
             ...e.additionalProps
           })
         )
@@ -290,25 +288,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),
+      class: f(t.className),
       src: d.value
-    }, null, 10, E));
+    }, null, 10, g));
   }
-}), U = ["src"], L = /* @__PURE__ */ l({
+}), w = ["src"], x = /* @__PURE__ */ r({
   __name: "update-template",
   props: {
     className: {},
@@ -320,17 +317,18 @@ const y = ["src"], R = /* @__PURE__ */ l({
     cssVars: {},
     darkModeDisabled: { type: Boolean },
     features: {},
+    onlyEditFields: { type: Boolean },
     additionalProps: {},
     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 d = p(() => {
       const t = e.host || "https://app.documenso.com", n = btoa(
         encodeURIComponent(
           JSON.stringify({
@@ -339,6 +337,7 @@ const y = ["src"], R = /* @__PURE__ */ l({
             css: e.css,
             cssVars: e.cssVars,
             darkModeDisabled: e.darkModeDisabled,
+            onlyEditFields: e.onlyEditFields,
             ...e.additionalProps
           })
         )
@@ -349,25 +348,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),
+      class: f(t.className),
       src: d.value
-    }, null, 10, U));
+    }, null, 10, w));
   }
-}), M = ["src"], V = /* @__PURE__ */ l({
+}), I = ["src"], C = /* @__PURE__ */ r({
   __name: "multisign-document",
   props: {
     className: {},
@@ -387,13 +385,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 d = p(() => {
       const t = e.host || "https://app.documenso.com", n = btoa(
         encodeURIComponent(
           JSON.stringify({
@@ -407,45 +405,48 @@ 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),
+      class: f(t.className),
       src: d.value
-    }, null, 10, M));
+    }, 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
+  N as EmbedCreateDocumentV1,
+  R as EmbedCreateTemplateV1,
+  U as EmbedDirectTemplate,
+  M as EmbedSignDocument,
+  F as EmbedUpdateDocumentV1,
+  x as EmbedUpdateTemplateV1,
+  N as unstable_EmbedCreateDocument,
+  R as unstable_EmbedCreateTemplate,
+  C as unstable_EmbedMultiSignDocument,
+  F as unstable_EmbedUpdateDocument,
+  x as unstable_EmbedUpdateTemplate
 };

package/dist/update-document.vue.d.ts

@@ -16,6 +16,7 @@ export type EmbedUpdateDocumentProps = {
         allowConfigureRedirectUrl?: boolean;
         allowConfigureCommunication?: boolean;
     };
+    onlyEditFields?: boolean | undefined;
     additionalProps?: Record<string, string | number | boolean> | undefined;
     onDocumentUpdated?: (data: {
         externalId: string;

package/dist/update-template.vue.d.ts

@@ -16,6 +16,7 @@ export type EmbedUpdateTemplateProps = {
         allowConfigureRedirectUrl?: boolean;
         allowConfigureCommunication?: boolean;
     };
+    onlyEditFields?: boolean | undefined;
     additionalProps?: Record<string, string | number | boolean> | undefined;
     onTemplateUpdated?: (data: {
         externalId: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@documenso/embed-vue",
-  "version": "0.2.3",
+  "version": "0.4.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"
   }
 }