@documenso/embed-vue 0.5.1 → 0.6.0

package/dist/create-envelope.vue.d.ts

@@ -0,0 +1,21 @@
+import { CssVars } from './css-vars';
+import { DeepPartial, EnvelopeEditorSettings } from './features-type';
+export type EmbedCreateEnvelopeProps = {
+    className?: string;
+    host?: string;
+    presignToken: string;
+    externalId?: string;
+    type: "DOCUMENT" | "TEMPLATE";
+    css?: string | undefined;
+    cssVars?: (CssVars & Record<string, string>) | undefined;
+    darkModeDisabled?: boolean | undefined;
+    features?: DeepPartial<EnvelopeEditorSettings> & Record<string, any>;
+    onEnvelopeCreated?: (data: {
+        externalId: string | null;
+        envelopeId: number;
+    }) => void;
+};
+declare const _default: import('vue').DefineComponent<EmbedCreateEnvelopeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EmbedCreateEnvelopeProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    __iframe: HTMLIFrameElement;
+}, HTMLIFrameElement>;
+export default _default;

package/dist/features-type.d.ts

@@ -0,0 +1,47 @@
+export type DeepPartial<T> = T extends object ? {
+    [K in keyof T]?: DeepPartial<T[K]>;
+} : T;
+/**
+ * Envelope editor settings (features) for create/edit envelope embeds.
+ * Matches ZEnvelopeEditorSettingsSchema from the app.
+ */
+export type EnvelopeEditorSettings = {
+    general: {
+        allowConfigureEnvelopeTitle: boolean;
+        allowUploadAndRecipientStep: boolean;
+        allowAddFieldsStep: boolean;
+        allowPreviewStep: boolean;
+        minimizeLeftSidebar: boolean;
+    };
+    /** If null, envelope settings will not be available to be seen/updated. */
+    settings: {
+        allowConfigureSignatureTypes: boolean;
+        allowConfigureLanguage: boolean;
+        allowConfigureDateFormat: boolean;
+        allowConfigureTimezone: boolean;
+        allowConfigureRedirectUrl: boolean;
+        allowConfigureDistribution: boolean;
+        allowConfigureExpirationPeriod: boolean;
+        allowConfigureEmailSender: boolean;
+        allowConfigureEmailReplyTo: boolean;
+    } | null;
+    actions: {
+        allowAttachments: boolean;
+    };
+    /** If null, no adjustments to envelope items will be allowed. */
+    envelopeItems: {
+        allowConfigureTitle: boolean;
+        allowConfigureOrder: boolean;
+        allowUpload: boolean;
+        allowDelete: boolean;
+    } | null;
+    /** If null, recipients will not be configurable at all. */
+    recipients: {
+        allowConfigureSigningOrder: boolean;
+        allowConfigureDictateNextSigner: boolean;
+        allowApproverRole: boolean;
+        allowViewerRole: boolean;
+        allowCCerRole: boolean;
+        allowAssistantRole: boolean;
+    } | null;
+};

package/dist/index.d.mts

@@ -4,8 +4,13 @@ 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 EmbedCreateEnvelopeV2 } from './create-envelope.vue';
+export { default as EmbedUpdateEnvelopeV2 } from './update-envelope.vue';
+export type { EnvelopeEditorSettings } from './features-type';
 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';
 export { default as unstable_EmbedUpdateTemplate } from './update-template.vue';
+export { default as unstable_EmbedCreateEnvelope } from './create-envelope.vue';
+export { default as unstable_EmbedUpdateEnvelope } from './update-envelope.vue';
 export { default as unstable_EmbedMultiSignDocument } from './multisign-document.vue';

package/dist/index.d.ts

@@ -4,8 +4,13 @@ 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 EmbedCreateEnvelopeV2 } from './create-envelope.vue';
+export { default as EmbedUpdateEnvelopeV2 } from './update-envelope.vue';
+export type { EnvelopeEditorSettings } from './features-type';
 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';
 export { default as unstable_EmbedUpdateTemplate } from './update-template.vue';
+export { default as unstable_EmbedCreateEnvelope } from './create-envelope.vue';
+export { default as unstable_EmbedUpdateEnvelope } from './update-envelope.vue';
 export { default as unstable_EmbedMultiSignDocument } from './multisign-document.vue';

package/dist/index.js

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

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as r, ref as i, onMounted as l, onUnmounted as m, computed as u, openBlock as p, createElementBlock as f, normalizeClass as k } from "vue";
-const b = ["src"], U = /* @__PURE__ */ r({
+import { defineComponent as r, ref as l, onMounted as i, onUnmounted as m, computed as p, openBlock as u, createElementBlock as f, normalizeClass as _ } from "vue";
+const h = ["src"], v = /* @__PURE__ */ r({
   __name: "direct-template",
   props: {
     className: {},
@@ -21,13 +21,13 @@ const b = ["src"], U = /* @__PURE__ */ r({
     onFieldUnsigned: { type: Function }
   },
   setup(s) {
-    const e = s, n = i(null);
-    l(() => {
+    const e = s, n = l(null);
+    i(() => {
       window.addEventListener("message", o);
     }), m(() => {
       window.removeEventListener("message", o);
     });
-    const d = u(() => {
+    const d = p(() => {
       const t = e.host || "https://app.documenso.com", c = btoa(
         encodeURIComponent(
           JSON.stringify({
@@ -64,14 +64,14 @@ const b = ["src"], U = /* @__PURE__ */ r({
             break;
         }
     }
-    return (t, c) => (p(), f("iframe", {
+    return (t, c) => (u(), f("iframe", {
       ref_key: "__iframe",
       ref: n,
-      class: k(s.className),
+      class: _(s.className),
       src: d.value
-    }, null, 10, b));
+    }, null, 10, h));
   }
-}), h = ["src"], x = /* @__PURE__ */ r({
+}), b = ["src"], M = /* @__PURE__ */ r({
   __name: "sign-document",
   props: {
     className: {},
@@ -82,6 +82,8 @@ const b = ["src"], U = /* @__PURE__ */ r({
     darkModeDisabled: { type: Boolean },
     name: {},
     lockName: { type: Boolean },
+    email: {},
+    lockEmail: { type: Boolean },
     allowDocumentRejection: { type: Boolean },
     additionalProps: {},
     onDocumentReady: { type: Function },
@@ -90,18 +92,20 @@ const b = ["src"], U = /* @__PURE__ */ r({
     onDocumentRejected: { type: Function }
   },
   setup(s) {
-    const e = s, n = i(null);
-    l(() => {
+    const e = s, n = l(null);
+    i(() => {
       window.addEventListener("message", o);
     }), m(() => {
       window.removeEventListener("message", o);
     });
-    const d = u(() => {
+    const d = p(() => {
       const t = 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,
@@ -129,14 +133,14 @@ const b = ["src"], U = /* @__PURE__ */ r({
             break;
         }
     }
-    return (t, c) => (p(), f("iframe", {
+    return (t, c) => (u(), f("iframe", {
       ref_key: "__iframe",
       ref: n,
-      class: k(s.className),
+      class: _(s.className),
       src: d.value
-    }, null, 10, h));
+    }, null, 10, b));
   }
-}), y = ["src"], M = /* @__PURE__ */ r({
+}), y = ["src"], N = /* @__PURE__ */ r({
   __name: "create-document",
   props: {
     className: {},
@@ -151,13 +155,13 @@ const b = ["src"], U = /* @__PURE__ */ r({
     onDocumentCreated: { type: Function }
   },
   setup(s) {
-    const e = s, n = i(null);
-    l(() => {
+    const e = s, n = l(null);
+    i(() => {
       window.addEventListener("message", o);
     }), m(() => {
       window.removeEventListener("message", o);
     });
-    const d = u(() => {
+    const d = p(() => {
       const t = e.host || "https://app.documenso.com", c = btoa(
         encodeURIComponent(
           JSON.stringify({
@@ -178,14 +182,14 @@ const b = ["src"], U = /* @__PURE__ */ r({
         externalId: t.data.externalId
       });
     }
-    return (t, c) => (p(), f("iframe", {
+    return (t, c) => (u(), f("iframe", {
       ref_key: "__iframe",
       ref: n,
-      class: k(s.className),
+      class: _(s.className),
       src: d.value
     }, null, 10, y));
   }
-}), D = ["src"], N = /* @__PURE__ */ r({
+}), g = ["src"], R = /* @__PURE__ */ r({
   __name: "create-template",
   props: {
     className: {},
@@ -200,13 +204,13 @@ const b = ["src"], U = /* @__PURE__ */ r({
     onTemplateCreated: { type: Function }
   },
   setup(s) {
-    const e = s, n = i(null);
-    l(() => {
+    const e = s, n = l(null);
+    i(() => {
       window.addEventListener("message", o);
     }), m(() => {
       window.removeEventListener("message", o);
     });
-    const d = u(() => {
+    const d = p(() => {
       const t = e.host || "https://app.documenso.com", c = btoa(
         encodeURIComponent(
           JSON.stringify({
@@ -227,14 +231,14 @@ const b = ["src"], U = /* @__PURE__ */ r({
         externalId: t.data.externalId
       });
     }
-    return (t, c) => (p(), f("iframe", {
+    return (t, c) => (u(), f("iframe", {
       ref_key: "__iframe",
       ref: n,
-      class: k(s.className),
+      class: _(s.className),
       src: d.value
-    }, null, 10, D));
+    }, null, 10, g));
   }
-}), g = ["src"], R = /* @__PURE__ */ r({
+}), w = ["src"], V = /* @__PURE__ */ r({
   __name: "update-document",
   props: {
     className: {},
@@ -251,13 +255,13 @@ const b = ["src"], U = /* @__PURE__ */ r({
     onDocumentUpdated: { type: Function }
   },
   setup(s) {
-    const e = s, n = i(null);
-    l(() => {
+    const e = s, n = l(null);
+    i(() => {
       window.addEventListener("message", o);
     }), m(() => {
       window.removeEventListener("message", o);
     });
-    const d = u(() => {
+    const d = p(() => {
       const t = e.host || "https://app.documenso.com", c = btoa(
         encodeURIComponent(
           JSON.stringify({
@@ -283,14 +287,14 @@ const b = ["src"], U = /* @__PURE__ */ r({
         externalId: t.data.externalId
       });
     }
-    return (t, c) => (p(), f("iframe", {
+    return (t, c) => (u(), f("iframe", {
       ref_key: "__iframe",
       ref: n,
-      class: k(s.className),
+      class: _(s.className),
       src: d.value
-    }, null, 10, g));
+    }, null, 10, w));
   }
-}), w = ["src"], F = /* @__PURE__ */ r({
+}), D = ["src"], C = /* @__PURE__ */ r({
   __name: "update-template",
   props: {
     className: {},
@@ -307,13 +311,13 @@ const b = ["src"], U = /* @__PURE__ */ r({
     onTemplateUpdated: { type: Function }
   },
   setup(s) {
-    const e = s, n = i(null);
-    l(() => {
+    const e = s, n = l(null);
+    i(() => {
       window.addEventListener("message", o);
     }), m(() => {
       window.removeEventListener("message", o);
     });
-    const d = u(() => {
+    const d = p(() => {
       const t = e.host || "https://app.documenso.com", c = btoa(
         encodeURIComponent(
           JSON.stringify({
@@ -338,14 +342,114 @@ const b = ["src"], U = /* @__PURE__ */ r({
         externalId: t.data.externalId
       });
     }
-    return (t, c) => (p(), f("iframe", {
+    return (t, c) => (u(), f("iframe", {
       ref_key: "__iframe",
       ref: n,
-      class: k(s.className),
+      class: _(s.className),
       src: d.value
-    }, null, 10, w));
+    }, null, 10, D));
   }
-}), I = ["src"], C = /* @__PURE__ */ r({
+}), I = ["src"], F = /* @__PURE__ */ r({
+  __name: "create-envelope",
+  props: {
+    className: {},
+    host: {},
+    presignToken: {},
+    externalId: {},
+    type: {},
+    css: {},
+    cssVars: {},
+    darkModeDisabled: { type: Boolean },
+    features: {},
+    onEnvelopeCreated: { type: Function }
+  },
+  setup(s) {
+    const e = s, n = l(null);
+    i(() => {
+      window.addEventListener("message", o);
+    }), m(() => {
+      window.removeEventListener("message", o);
+    });
+    const d = p(() => {
+      const t = e.host || "https://app.documenso.com", c = btoa(
+        encodeURIComponent(
+          JSON.stringify({
+            externalId: e.externalId,
+            type: e.type,
+            features: e.features,
+            css: e.css,
+            cssVars: e.cssVars,
+            darkModeDisabled: e.darkModeDisabled
+          })
+        )
+      ), a = new URL("/embed/v2/authoring/envelope/create", t);
+      return a.searchParams.set("token", e.presignToken), a.hash = c, a.toString();
+    });
+    function o(t) {
+      n.value?.contentWindow === t.source && t.data.type === "envelope-created" && e.onEnvelopeCreated?.({
+        envelopeId: t.data.envelopeId,
+        externalId: t.data.externalId
+      });
+    }
+    return (t, c) => (u(), f("iframe", {
+      ref_key: "__iframe",
+      ref: n,
+      class: _(s.className),
+      src: d.value
+    }, null, 10, I));
+  }
+}), E = ["src"], L = /* @__PURE__ */ r({
+  __name: "update-envelope",
+  props: {
+    className: {},
+    host: {},
+    presignToken: {},
+    externalId: {},
+    envelopeId: {},
+    css: {},
+    cssVars: {},
+    darkModeDisabled: { type: Boolean },
+    features: {},
+    onEnvelopeUpdated: { type: Function }
+  },
+  setup(s) {
+    const e = s, n = l(null);
+    i(() => {
+      window.addEventListener("message", o);
+    }), m(() => {
+      window.removeEventListener("message", o);
+    });
+    const d = p(() => {
+      const t = 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
+          })
+        )
+      ), a = new URL(
+        `/embed/v2/authoring/envelope/edit/${e.envelopeId}`,
+        t
+      );
+      return a.searchParams.set("token", e.presignToken), a.hash = c, a.toString();
+    });
+    function o(t) {
+      n.value?.contentWindow === t.source && t.data.type === "envelope-updated" && e.onEnvelopeUpdated?.({
+        envelopeId: t.data.envelopeId,
+        externalId: t.data.externalId
+      });
+    }
+    return (t, c) => (u(), f("iframe", {
+      ref_key: "__iframe",
+      ref: n,
+      class: _(s.className),
+      src: d.value
+    }, null, 10, E));
+  }
+}), x = ["src"], $ = /* @__PURE__ */ r({
   __name: "multisign-document",
   props: {
     className: {},
@@ -365,13 +469,13 @@ const b = ["src"], U = /* @__PURE__ */ r({
     onAllDocumentsCompleted: { type: Function }
   },
   setup(s) {
-    const e = s, n = i(null);
-    l(() => {
+    const e = s, n = l(null);
+    i(() => {
       window.addEventListener("message", o);
     }), m(() => {
       window.removeEventListener("message", o);
     });
-    const d = u(() => {
+    const d = p(() => {
       const t = e.host || "https://app.documenso.com", c = btoa(
         encodeURIComponent(
           JSON.stringify({
@@ -385,8 +489,8 @@ const b = ["src"], U = /* @__PURE__ */ r({
           })
         )
       ), a = new URL("/embed/v1/multisign", t);
-      for (const _ of e.tokens)
-        a.searchParams.append("token", _);
+      for (const k of e.tokens)
+        a.searchParams.append("token", k);
       return `${a}#${c}`;
     });
     function o(t) {
@@ -409,24 +513,28 @@ const b = ["src"], U = /* @__PURE__ */ r({
             break;
         }
     }
-    return (t, c) => (p(), f("iframe", {
+    return (t, c) => (u(), f("iframe", {
       ref_key: "__iframe",
       ref: n,
-      class: k(s.className),
+      class: _(s.className),
       src: d.value
-    }, null, 10, I));
+    }, null, 10, x));
   }
 });
 export {
-  M as EmbedCreateDocumentV1,
-  N as EmbedCreateTemplateV1,
-  U as EmbedDirectTemplate,
-  x as EmbedSignDocument,
-  R as EmbedUpdateDocumentV1,
-  F as EmbedUpdateTemplateV1,
-  M as unstable_EmbedCreateDocument,
-  N as unstable_EmbedCreateTemplate,
-  C as unstable_EmbedMultiSignDocument,
-  R as unstable_EmbedUpdateDocument,
-  F as unstable_EmbedUpdateTemplate
+  N as EmbedCreateDocumentV1,
+  F as EmbedCreateEnvelopeV2,
+  R as EmbedCreateTemplateV1,
+  v as EmbedDirectTemplate,
+  M as EmbedSignDocument,
+  V as EmbedUpdateDocumentV1,
+  L as EmbedUpdateEnvelopeV2,
+  C as EmbedUpdateTemplateV1,
+  N as unstable_EmbedCreateDocument,
+  F as unstable_EmbedCreateEnvelope,
+  R as unstable_EmbedCreateTemplate,
+  $ as unstable_EmbedMultiSignDocument,
+  V as unstable_EmbedUpdateDocument,
+  L as unstable_EmbedUpdateEnvelope,
+  C as unstable_EmbedUpdateTemplate
 };

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

@@ -8,6 +8,8 @@ export type EmbedSignDocumentProps = {
     darkModeDisabled?: boolean | undefined;
     name?: string | undefined;
     lockName?: boolean | undefined;
+    email?: string | undefined;
+    lockEmail?: boolean | undefined;
     allowDocumentRejection?: boolean | undefined;
     additionalProps?: Record<string, string | number | boolean> | undefined;
     onDocumentReady?: () => void;

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

@@ -0,0 +1,21 @@
+import { CssVars } from './css-vars';
+import { DeepPartial, EnvelopeEditorSettings } from './features-type';
+export type EmbedUpdateEnvelopeProps = {
+    className?: string;
+    host?: string;
+    presignToken: string;
+    externalId?: string;
+    envelopeId: string;
+    css?: string | undefined;
+    cssVars?: (CssVars & Record<string, string>) | undefined;
+    darkModeDisabled?: boolean | undefined;
+    features?: DeepPartial<EnvelopeEditorSettings> & Record<string, any>;
+    onEnvelopeUpdated?: (data: {
+        externalId: string | null;
+        envelopeId: string;
+    }) => void;
+};
+declare const _default: import('vue').DefineComponent<EmbedUpdateEnvelopeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EmbedUpdateEnvelopeProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    __iframe: HTMLIFrameElement;
+}, HTMLIFrameElement>;
+export default _default;

package/package.json

@@ -1,7 +1,12 @@
 {
   "name": "@documenso/embed-vue",
-  "version": "0.5.1",
+  "version": "0.6.0",
   "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/documenso/embeds",
+    "directory": "packages/vue"
+  },
   "files": [
     "dist"
   ],