@documenso/embed-vue 0.3.0 → 0.5.0

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

@@ -21,14 +21,7 @@ export type EmbedCreateDocumentProps = {
         documentId: number;
     }) => void;
 };
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<EmbedCreateDocumentProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToOption<EmbedCreateDocumentProps>>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<EmbedCreateDocumentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EmbedCreateDocumentProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    __iframe: HTMLIFrameElement;
+}, HTMLIFrameElement>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

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

@@ -21,14 +21,7 @@ export type EmbedCreateTemplateProps = {
         templateId: number;
     }) => void;
 };
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<EmbedCreateTemplateProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToOption<EmbedCreateTemplateProps>>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<EmbedCreateTemplateProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EmbedCreateTemplateProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    __iframe: HTMLIFrameElement;
+}, HTMLIFrameElement>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

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

@@ -22,15 +22,7 @@ export type EmbedDirectTemplateProps = {
     onFieldSigned?: () => void;
     onFieldUnsigned?: () => void;
 };
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<EmbedDirectTemplateProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToOption<EmbedDirectTemplateProps>>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<EmbedDirectTemplateProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EmbedDirectTemplateProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    __iframe: HTMLIFrameElement;
+}, HTMLIFrameElement>;
 export default _default;
-
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

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 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;
+"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;

package/dist/index.mjs

@@ -1,5 +1,5 @@
-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({
+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({
   __name: "direct-template",
   props: {
     className: {},
@@ -20,15 +20,15 @@ const h = ["src"], U = /* @__PURE__ */ d({
     onFieldSigned: { type: Function },
     onFieldUnsigned: { type: Function }
   },
-  setup(c) {
-    const e = c, s = i();
-    m(() => {
+  setup(s) {
+    const e = s, n = i(null);
+    l(() => {
       window.addEventListener("message", o);
-    }), l(() => {
+    }), m(() => {
       window.removeEventListener("message", o);
     });
-    const r = p(() => {
-      const t = e.host || "https://app.documenso.com", n = btoa(
+    const d = u(() => {
+      const t = e.host || "https://app.documenso.com", c = btoa(
         encodeURIComponent(
           JSON.stringify({
             name: e.name,
@@ -42,10 +42,10 @@ const h = ["src"], U = /* @__PURE__ */ d({
           })
         )
       ), a = new URL(`/embed/direct/${e.token}`, t);
-      return e.externalId && a.searchParams.set("externalId", e.externalId), `${a}#${n}`;
+      return e.externalId && a.searchParams.set("externalId", e.externalId), `${a}#${c}`;
     });
     function o(t) {
-      if (s.value?.contentWindow === t.source)
+      if (n.value?.contentWindow === t.source)
         switch (t.data.action) {
           case "document-ready":
             e.onDocumentReady?.();
@@ -64,14 +64,14 @@ const h = ["src"], U = /* @__PURE__ */ d({
             break;
         }
     }
-    return (t, n) => (_(), u("iframe", {
+    return (t, c) => (p(), f("iframe", {
       ref_key: "__iframe",
-      ref: s,
-      class: f(t.className),
-      src: r.value
-    }, null, 10, h));
+      ref: n,
+      class: k(s.className),
+      src: d.value
+    }, null, 10, b));
   }
-}), b = ["src"], M = /* @__PURE__ */ d({
+}), h = ["src"], x = /* @__PURE__ */ r({
   __name: "sign-document",
   props: {
     className: {},
@@ -89,15 +89,15 @@ const h = ["src"], U = /* @__PURE__ */ d({
     onDocumentError: { type: Function },
     onDocumentRejected: { type: Function }
   },
-  setup(c) {
-    const e = c, s = i();
-    m(() => {
+  setup(s) {
+    const e = s, n = i(null);
+    l(() => {
       window.addEventListener("message", o);
-    }), l(() => {
+    }), m(() => {
       window.removeEventListener("message", o);
     });
-    const r = p(() => {
-      const t = e.host || "https://app.documenso.com", n = btoa(
+    const d = u(() => {
+      const t = e.host || "https://app.documenso.com", c = btoa(
         encodeURIComponent(
           JSON.stringify({
             name: e.name,
@@ -110,10 +110,10 @@ const h = ["src"], U = /* @__PURE__ */ d({
           })
         )
       );
-      return `${new URL(`/embed/sign/${e.token}`, t)}#${n}`;
+      return `${new URL(`/embed/sign/${e.token}`, t)}#${c}`;
     });
     function o(t) {
-      if (s.value?.contentWindow === t.source)
+      if (n.value?.contentWindow === t.source)
         switch (t.data.action) {
           case "document-ready":
             e.onDocumentReady?.();
@@ -129,14 +129,14 @@ const h = ["src"], U = /* @__PURE__ */ d({
             break;
         }
     }
-    return (t, n) => (_(), u("iframe", {
+    return (t, c) => (p(), f("iframe", {
       ref_key: "__iframe",
-      ref: s,
-      class: f(t.className),
-      src: r.value
-    }, null, 10, b));
+      ref: n,
+      class: k(s.className),
+      src: d.value
+    }, null, 10, h));
   }
-}), D = ["src"], N = /* @__PURE__ */ d({
+}), y = ["src"], M = /* @__PURE__ */ r({
   __name: "create-document",
   props: {
     className: {},
@@ -150,15 +150,15 @@ const h = ["src"], U = /* @__PURE__ */ d({
     additionalProps: {},
     onDocumentCreated: { type: Function }
   },
-  setup(c) {
-    const e = c, s = i();
-    m(() => {
+  setup(s) {
+    const e = s, n = i(null);
+    l(() => {
       window.addEventListener("message", o);
-    }), l(() => {
+    }), m(() => {
       window.removeEventListener("message", o);
     });
-    const r = p(() => {
-      const t = e.host || "https://app.documenso.com", n = btoa(
+    const d = u(() => {
+      const t = e.host || "https://app.documenso.com", c = btoa(
         encodeURIComponent(
           JSON.stringify({
             externalId: e.externalId,
@@ -170,27 +170,22 @@ const h = ["src"], U = /* @__PURE__ */ d({
           })
         )
       ), a = new URL("/embed/v1/authoring/document/create", t);
-      return a.searchParams.set("token", e.presignToken), a.hash = n, a.toString();
+      return a.searchParams.set("token", e.presignToken), a.hash = c, a.toString();
     });
     function o(t) {
-      if (s.value?.contentWindow === t.source)
-        switch (t.data.type) {
-          case "document-created":
-            e.onDocumentCreated?.({
-              documentId: t.data.documentId,
-              externalId: t.data.externalId
-            });
-            break;
-        }
+      n.value?.contentWindow === t.source && t.data.type === "document-created" && e.onDocumentCreated?.({
+        documentId: t.data.documentId,
+        externalId: t.data.externalId
+      });
     }
-    return (t, n) => (_(), u("iframe", {
+    return (t, c) => (p(), f("iframe", {
       ref_key: "__iframe",
-      ref: s,
-      class: f(t.className),
-      src: r.value
-    }, null, 10, D));
+      ref: n,
+      class: k(s.className),
+      src: d.value
+    }, null, 10, y));
   }
-}), y = ["src"], R = /* @__PURE__ */ d({
+}), D = ["src"], N = /* @__PURE__ */ r({
   __name: "create-template",
   props: {
     className: {},
@@ -204,15 +199,15 @@ const h = ["src"], U = /* @__PURE__ */ d({
     additionalProps: {},
     onTemplateCreated: { type: Function }
   },
-  setup(c) {
-    const e = c, s = i();
-    m(() => {
+  setup(s) {
+    const e = s, n = i(null);
+    l(() => {
       window.addEventListener("message", o);
-    }), l(() => {
+    }), m(() => {
       window.removeEventListener("message", o);
     });
-    const r = p(() => {
-      const t = e.host || "https://app.documenso.com", n = btoa(
+    const d = u(() => {
+      const t = e.host || "https://app.documenso.com", c = btoa(
         encodeURIComponent(
           JSON.stringify({
             externalId: e.externalId,
@@ -224,27 +219,22 @@ const h = ["src"], U = /* @__PURE__ */ d({
           })
         )
       ), a = new URL("/embed/v1/authoring/template/create", t);
-      return a.searchParams.set("token", e.presignToken), a.hash = n, a.toString();
+      return a.searchParams.set("token", e.presignToken), a.hash = c, a.toString();
     });
     function o(t) {
-      if (s.value?.contentWindow === t.source)
-        switch (t.data.type) {
-          case "template-created":
-            e.onTemplateCreated?.({
-              templateId: t.data.templateId,
-              externalId: t.data.externalId
-            });
-            break;
-        }
+      n.value?.contentWindow === t.source && t.data.type === "template-created" && e.onTemplateCreated?.({
+        templateId: t.data.templateId,
+        externalId: t.data.externalId
+      });
     }
-    return (t, n) => (_(), u("iframe", {
+    return (t, c) => (p(), f("iframe", {
       ref_key: "__iframe",
-      ref: s,
-      class: f(t.className),
-      src: r.value
-    }, null, 10, y));
+      ref: n,
+      class: k(s.className),
+      src: d.value
+    }, null, 10, D));
   }
-}), g = ["src"], x = /* @__PURE__ */ d({
+}), g = ["src"], R = /* @__PURE__ */ r({
   __name: "update-document",
   props: {
     className: {},
@@ -256,18 +246,19 @@ const h = ["src"], U = /* @__PURE__ */ d({
     cssVars: {},
     darkModeDisabled: { type: Boolean },
     features: {},
+    onlyEditFields: { type: Boolean },
     additionalProps: {},
     onDocumentUpdated: { type: Function }
   },
-  setup(c) {
-    const e = c, s = i();
-    m(() => {
+  setup(s) {
+    const e = s, n = i(null);
+    l(() => {
       window.addEventListener("message", o);
-    }), l(() => {
+    }), m(() => {
       window.removeEventListener("message", o);
     });
-    const r = p(() => {
-      const t = e.host || "https://app.documenso.com", n = btoa(
+    const d = u(() => {
+      const t = e.host || "https://app.documenso.com", c = btoa(
         encodeURIComponent(
           JSON.stringify({
             token: e.presignToken,
@@ -276,6 +267,7 @@ const h = ["src"], U = /* @__PURE__ */ d({
             css: e.css,
             cssVars: e.cssVars,
             darkModeDisabled: e.darkModeDisabled,
+            onlyEditFields: e.onlyEditFields,
             ...e.additionalProps
           })
         )
@@ -283,27 +275,22 @@ const h = ["src"], U = /* @__PURE__ */ d({
         `/embed/v1/authoring/document/edit/${e.documentId}`,
         t
       );
-      return a.searchParams.set("token", e.presignToken), a.hash = n, a.toString();
+      return a.searchParams.set("token", e.presignToken), a.hash = c, a.toString();
     });
     function o(t) {
-      if (s.value?.contentWindow === t.source)
-        switch (t.data.type) {
-          case "document-updated":
-            e.onDocumentUpdated?.({
-              documentId: t.data.documentId,
-              externalId: t.data.externalId
-            });
-            break;
-        }
+      n.value?.contentWindow === t.source && t.data.type === "document-updated" && e.onDocumentUpdated?.({
+        documentId: t.data.documentId,
+        externalId: t.data.externalId
+      });
     }
-    return (t, n) => (_(), u("iframe", {
+    return (t, c) => (p(), f("iframe", {
       ref_key: "__iframe",
-      ref: s,
-      class: f(t.className),
-      src: r.value
+      ref: n,
+      class: k(s.className),
+      src: d.value
     }, null, 10, g));
   }
-}), w = ["src"], C = /* @__PURE__ */ d({
+}), w = ["src"], F = /* @__PURE__ */ r({
   __name: "update-template",
   props: {
     className: {},
@@ -315,18 +302,19 @@ const h = ["src"], U = /* @__PURE__ */ d({
     cssVars: {},
     darkModeDisabled: { type: Boolean },
     features: {},
+    onlyEditFields: { type: Boolean },
     additionalProps: {},
     onTemplateUpdated: { type: Function }
   },
-  setup(c) {
-    const e = c, s = i();
-    m(() => {
+  setup(s) {
+    const e = s, n = i(null);
+    l(() => {
       window.addEventListener("message", o);
-    }), l(() => {
+    }), m(() => {
       window.removeEventListener("message", o);
     });
-    const r = p(() => {
-      const t = e.host || "https://app.documenso.com", n = btoa(
+    const d = u(() => {
+      const t = e.host || "https://app.documenso.com", c = btoa(
         encodeURIComponent(
           JSON.stringify({
             externalId: e.externalId,
@@ -334,6 +322,7 @@ const h = ["src"], U = /* @__PURE__ */ d({
             css: e.css,
             cssVars: e.cssVars,
             darkModeDisabled: e.darkModeDisabled,
+            onlyEditFields: e.onlyEditFields,
             ...e.additionalProps
           })
         )
@@ -341,27 +330,22 @@ const h = ["src"], U = /* @__PURE__ */ d({
         `/embed/v1/authoring/template/edit/${e.templateId}`,
         t
       );
-      return a.searchParams.set("token", e.presignToken), a.hash = n, a.toString();
+      return a.searchParams.set("token", e.presignToken), a.hash = c, a.toString();
     });
     function o(t) {
-      if (s.value?.contentWindow === t.source)
-        switch (t.data.type) {
-          case "template-updated":
-            e.onTemplateUpdated?.({
-              templateId: t.data.templateId,
-              externalId: t.data.externalId
-            });
-            break;
-        }
+      n.value?.contentWindow === t.source && t.data.type === "template-updated" && e.onTemplateUpdated?.({
+        templateId: t.data.templateId,
+        externalId: t.data.externalId
+      });
     }
-    return (t, n) => (_(), u("iframe", {
+    return (t, c) => (p(), f("iframe", {
       ref_key: "__iframe",
-      ref: s,
-      class: f(t.className),
-      src: r.value
+      ref: n,
+      class: k(s.className),
+      src: d.value
     }, null, 10, w));
   }
-}), I = ["src"], F = /* @__PURE__ */ d({
+}), I = ["src"], C = /* @__PURE__ */ r({
   __name: "multisign-document",
   props: {
     className: {},
@@ -380,15 +364,15 @@ const h = ["src"], U = /* @__PURE__ */ d({
     onDocumentRejected: { type: Function },
     onAllDocumentsCompleted: { type: Function }
   },
-  setup(c) {
-    const e = c, s = i();
-    m(() => {
+  setup(s) {
+    const e = s, n = i(null);
+    l(() => {
       window.addEventListener("message", o);
-    }), l(() => {
+    }), m(() => {
       window.removeEventListener("message", o);
     });
-    const r = p(() => {
-      const t = e.host || "https://app.documenso.com", n = btoa(
+    const d = u(() => {
+      const t = e.host || "https://app.documenso.com", c = btoa(
         encodeURIComponent(
           JSON.stringify({
             name: e.name,
@@ -401,12 +385,12 @@ const h = ["src"], U = /* @__PURE__ */ d({
           })
         )
       ), a = new URL("/embed/v1/multisign", t);
-      for (const k of e.tokens)
-        a.searchParams.append("token", k);
-      return `${a}#${n}`;
+      for (const _ of e.tokens)
+        a.searchParams.append("token", _);
+      return `${a}#${c}`;
     });
     function o(t) {
-      if (s.value?.contentWindow === t.source)
+      if (n.value?.contentWindow === t.source)
         switch (t.data.action) {
           case "document-ready":
             e.onDocumentReady?.();
@@ -425,20 +409,24 @@ const h = ["src"], U = /* @__PURE__ */ d({
             break;
         }
     }
-    return (t, n) => (_(), u("iframe", {
+    return (t, c) => (p(), f("iframe", {
       ref_key: "__iframe",
-      ref: s,
-      class: f(t.className),
-      src: r.value
+      ref: n,
+      class: k(s.className),
+      src: d.value
     }, null, 10, I));
   }
 });
 export {
+  M as EmbedCreateDocumentV1,
+  N as EmbedCreateTemplateV1,
   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
+  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
 };

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

@@ -33,14 +33,7 @@ export type EmbedMultiSignDocumentProps = {
         }>;
     }) => void;
 };
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<EmbedMultiSignDocumentProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToOption<EmbedMultiSignDocumentProps>>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<EmbedMultiSignDocumentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EmbedMultiSignDocumentProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    __iframe: HTMLIFrameElement;
+}, HTMLIFrameElement>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

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

@@ -24,14 +24,7 @@ export type EmbedSignDocumentProps = {
         reason: string;
     }) => void;
 };
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<EmbedSignDocumentProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToOption<EmbedSignDocumentProps>>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<EmbedSignDocumentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EmbedSignDocumentProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    __iframe: HTMLIFrameElement;
+}, HTMLIFrameElement>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

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

@@ -16,20 +16,14 @@ export type EmbedUpdateDocumentProps = {
         allowConfigureRedirectUrl?: boolean;
         allowConfigureCommunication?: boolean;
     };
+    onlyEditFields?: boolean | undefined;
     additionalProps?: Record<string, string | number | boolean> | undefined;
     onDocumentUpdated?: (data: {
         externalId: string;
         documentId: number;
     }) => void;
 };
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<EmbedUpdateDocumentProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToOption<EmbedUpdateDocumentProps>>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<EmbedUpdateDocumentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EmbedUpdateDocumentProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    __iframe: HTMLIFrameElement;
+}, HTMLIFrameElement>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

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

@@ -16,20 +16,14 @@ export type EmbedUpdateTemplateProps = {
         allowConfigureRedirectUrl?: boolean;
         allowConfigureCommunication?: boolean;
     };
+    onlyEditFields?: boolean | undefined;
     additionalProps?: Record<string, string | number | boolean> | undefined;
     onTemplateUpdated?: (data: {
         externalId: string;
         templateId: number;
     }) => void;
 };
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<EmbedUpdateTemplateProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToOption<EmbedUpdateTemplateProps>>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<EmbedUpdateTemplateProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<EmbedUpdateTemplateProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    __iframe: HTMLIFrameElement;
+}, HTMLIFrameElement>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@documenso/embed-vue",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "license": "MIT",
   "files": [
     "dist"
@@ -36,9 +36,10 @@
   },
   "devDependencies": {
     "@documenso/embed": "*",
-    "@vitejs/plugin-vue": "^5.1.3",
-    "unplugin-auto-import": "^0.18.2",
-    "vite": "7.0.2",
-    "vite-plugin-dts": "^4.1.0"
+    "@vitejs/plugin-vue": "^5.0.0",
+    "unplugin-auto-import": "^0.18.0",
+    "vite": "^7.0.0",
+    "vite-plugin-dts": "^4.0.0",
+    "vue": "^3.0.0"
   }
 }