@documenso/embed-vue 0.2.1-rc.2 → 0.2.2

package/dist/index.d.mts

@@ -2,3 +2,5 @@ export { default as EmbedDirectTemplate } from './direct-template.vue';
 export { default as EmbedSignDocument } from './sign-document.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';
+export { default as unstable_EmbedUpdateTemplate } from './update-template.vue';

package/dist/index.d.ts

@@ -2,3 +2,5 @@ export { default as EmbedDirectTemplate } from './direct-template.vue';
 export { default as EmbedSignDocument } from './sign-document.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';
+export { default as unstable_EmbedUpdateTemplate } from './update-template.vue';

package/dist/index.js

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

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 b, normalizeClass as y } from "vue";
-const g = ["src"], N = /* @__PURE__ */ l({
+import { defineComponent as r, ref as i, onMounted as m, onUnmounted as l, computed as u, openBlock as p, createElementBlock as _, normalizeClass as f } from "vue";
+const w = ["src"], M = /* @__PURE__ */ r({
   __name: "direct-template",
   props: {
     className: {},
@@ -21,14 +21,14 @@ const g = ["src"], N = /* @__PURE__ */ l({
     onFieldUnsigned: { type: Function }
   },
   setup(c) {
-    const e = c, o = u();
-    p(() => {
-      window.addEventListener("message", s);
-    }), _(() => {
-      window.removeEventListener("message", s);
+    const e = c, n = i();
+    m(() => {
+      window.addEventListener("message", o);
+    }), l(() => {
+      window.removeEventListener("message", o);
     });
-    const d = f(() => {
-      const a = e.host || "https://app.documenso.com", n = btoa(
+    const d = u(() => {
+      const a = e.host || "https://app.documenso.com", s = btoa(
         encodeURIComponent(
           JSON.stringify({
             name: e.name,
@@ -42,37 +42,37 @@ const g = ["src"], N = /* @__PURE__ */ l({
           })
         )
       ), t = new URL(`/embed/direct/${e.token}`, a);
-      return e.externalId && t.searchParams.set("externalId", e.externalId), `${t}#${n}`;
+      return e.externalId && t.searchParams.set("externalId", e.externalId), `${t}#${s}`;
     });
-    function s(a) {
-      var n, t, r, i, m, D;
-      if (((n = o.value) == null ? void 0 : n.contentWindow) === a.source)
+    function o(a) {
+      var s, t, k, h, b, g;
+      if (((s = n.value) == null ? void 0 : s.contentWindow) === a.source)
         switch (a.data.action) {
           case "document-ready":
             (t = e.onDocumentReady) == null || t.call(e);
             break;
           case "document-completed":
-            (r = e.onDocumentCompleted) == null || r.call(e, a.data.data);
+            (k = e.onDocumentCompleted) == null || k.call(e, a.data.data);
             break;
           case "document-error":
-            (i = e.onDocumentError) == null || i.call(e, a.data.data);
+            (h = e.onDocumentError) == null || h.call(e, a.data.data);
             break;
           case "field-signed":
-            (m = e.onFieldSigned) == null || m.call(e);
+            (b = e.onFieldSigned) == null || b.call(e);
             break;
           case "field-unsigned":
-            (D = e.onFieldUnsigned) == null || D.call(e);
+            (g = e.onFieldUnsigned) == null || g.call(e);
             break;
         }
     }
-    return (a, n) => (k(), b("iframe", {
+    return (a, s) => (p(), _("iframe", {
       ref_key: "__iframe",
-      ref: o,
-      class: y(a.className),
+      ref: n,
+      class: f(a.className),
       src: d.value
-    }, null, 10, g));
+    }, null, 10, w));
   }
-}), h = ["src"], U = /* @__PURE__ */ l({
+}), y = ["src"], N = /* @__PURE__ */ r({
   __name: "sign-document",
   props: {
     className: {},
@@ -91,14 +91,14 @@ const g = ["src"], N = /* @__PURE__ */ l({
     onDocumentRejected: { type: Function }
   },
   setup(c) {
-    const e = c, o = u();
-    p(() => {
-      window.addEventListener("message", s);
-    }), _(() => {
-      window.removeEventListener("message", s);
+    const e = c, n = i();
+    m(() => {
+      window.addEventListener("message", o);
+    }), l(() => {
+      window.removeEventListener("message", o);
     });
-    const d = f(() => {
-      const a = e.host || "https://app.documenso.com", n = btoa(
+    const d = u(() => {
+      const a = e.host || "https://app.documenso.com", s = btoa(
         encodeURIComponent(
           JSON.stringify({
             name: e.name,
@@ -111,34 +111,34 @@ const g = ["src"], N = /* @__PURE__ */ l({
           })
         )
       );
-      return `${new URL(`/embed/sign/${e.token}`, a)}#${n}`;
+      return `${new URL(`/embed/sign/${e.token}`, a)}#${s}`;
     });
-    function s(a) {
-      var n, t, r, i, m;
-      if (((n = o.value) == null ? void 0 : n.contentWindow) === a.source)
+    function o(a) {
+      var s, t, k, h, b;
+      if (((s = n.value) == null ? void 0 : s.contentWindow) === a.source)
         switch (a.data.action) {
           case "document-ready":
             (t = e.onDocumentReady) == null || t.call(e);
             break;
           case "document-completed":
-            (r = e.onDocumentCompleted) == null || r.call(e, a.data.data);
+            (k = e.onDocumentCompleted) == null || k.call(e, a.data.data);
             break;
           case "document-error":
-            (i = e.onDocumentError) == null || i.call(e, a.data.data);
+            (h = e.onDocumentError) == null || h.call(e, a.data.data);
             break;
           case "document-rejected":
-            (m = e.onDocumentRejected) == null || m.call(e, a.data.data);
+            (b = e.onDocumentRejected) == null || b.call(e, a.data.data);
             break;
         }
     }
-    return (a, n) => (k(), b("iframe", {
+    return (a, s) => (p(), _("iframe", {
       ref_key: "__iframe",
-      ref: o,
-      class: y(a.className),
+      ref: n,
+      class: f(a.className),
       src: d.value
-    }, null, 10, h));
+    }, null, 10, y));
   }
-}), w = ["src"], M = /* @__PURE__ */ l({
+}), D = ["src"], R = /* @__PURE__ */ r({
   __name: "create-document",
   props: {
     className: {},
@@ -153,17 +153,16 @@ const g = ["src"], N = /* @__PURE__ */ l({
     onDocumentCreated: { type: Function }
   },
   setup(c) {
-    const e = c, o = u();
-    p(() => {
-      window.addEventListener("message", s);
-    }), _(() => {
-      window.removeEventListener("message", s);
+    const e = c, n = i();
+    m(() => {
+      window.addEventListener("message", o);
+    }), l(() => {
+      window.removeEventListener("message", o);
     });
-    const d = f(() => {
-      const a = e.host || "https://app.documenso.com", n = btoa(
+    const d = u(() => {
+      const a = e.host || "https://app.documenso.com", s = btoa(
         encodeURIComponent(
           JSON.stringify({
-            token: e.presignToken,
             externalId: e.externalId,
             features: e.features,
             css: e.css,
@@ -172,12 +171,12 @@ const g = ["src"], N = /* @__PURE__ */ l({
             ...e.additionalProps
           })
         )
-      );
-      return `${new URL("/embed/v1/authoring/document/create", a)}#${n}`;
+      ), t = new URL("/embed/v1/authoring/document/create", a);
+      return t.searchParams.set("token", e.presignToken), t.hash = s, t.toString();
     });
-    function s(a) {
-      var n, t;
-      if (((n = o.value) == null ? void 0 : n.contentWindow) === a.source)
+    function o(a) {
+      var s, t;
+      if (((s = n.value) == null ? void 0 : s.contentWindow) === a.source)
         switch (a.data.type) {
           case "document-created":
             (t = e.onDocumentCreated) == null || t.call(e, {
@@ -187,14 +186,14 @@ const g = ["src"], N = /* @__PURE__ */ l({
             break;
         }
     }
-    return (a, n) => (k(), b("iframe", {
+    return (a, s) => (p(), _("iframe", {
       ref_key: "__iframe",
-      ref: o,
-      class: y(a.className),
+      ref: n,
+      class: f(a.className),
       src: d.value
-    }, null, 10, w));
+    }, null, 10, D));
   }
-}), I = ["src"], R = /* @__PURE__ */ l({
+}), I = ["src"], C = /* @__PURE__ */ r({
   __name: "create-template",
   props: {
     className: {},
@@ -209,17 +208,16 @@ const g = ["src"], N = /* @__PURE__ */ l({
     onTemplateCreated: { type: Function }
   },
   setup(c) {
-    const e = c, o = u();
-    p(() => {
-      window.addEventListener("message", s);
-    }), _(() => {
-      window.removeEventListener("message", s);
+    const e = c, n = i();
+    m(() => {
+      window.addEventListener("message", o);
+    }), l(() => {
+      window.removeEventListener("message", o);
     });
-    const d = f(() => {
-      const a = e.host || "https://app.documenso.com", n = btoa(
+    const d = u(() => {
+      const a = e.host || "https://app.documenso.com", s = btoa(
         encodeURIComponent(
           JSON.stringify({
-            token: e.presignToken,
             externalId: e.externalId,
             features: e.features,
             css: e.css,
@@ -228,12 +226,12 @@ const g = ["src"], N = /* @__PURE__ */ l({
             ...e.additionalProps
           })
         )
-      );
-      return `${new URL("/embed/v1/authoring/template/create", a)}#${n}`;
+      ), t = new URL("/embed/v1/authoring/template/create", a);
+      return t.searchParams.set("token", e.presignToken), t.hash = s, t.toString();
     });
-    function s(a) {
-      var n, t;
-      if (((n = o.value) == null ? void 0 : n.contentWindow) === a.source)
+    function o(a) {
+      var s, t;
+      if (((s = n.value) == null ? void 0 : s.contentWindow) === a.source)
         switch (a.data.type) {
           case "template-created":
             (t = e.onTemplateCreated) == null || t.call(e, {
@@ -243,17 +241,138 @@ const g = ["src"], N = /* @__PURE__ */ l({
             break;
         }
     }
-    return (a, n) => (k(), b("iframe", {
+    return (a, s) => (p(), _("iframe", {
       ref_key: "__iframe",
-      ref: o,
-      class: y(a.className),
+      ref: n,
+      class: f(a.className),
       src: d.value
     }, null, 10, I));
   }
+}), U = ["src"], L = /* @__PURE__ */ r({
+  __name: "update-document",
+  props: {
+    className: {},
+    host: {},
+    presignToken: {},
+    documentId: {},
+    externalId: {},
+    css: {},
+    cssVars: {},
+    darkModeDisabled: { type: Boolean },
+    features: {},
+    additionalProps: {},
+    onDocumentUpdated: { type: Function }
+  },
+  setup(c) {
+    const e = c, n = i();
+    m(() => {
+      window.addEventListener("message", o);
+    }), l(() => {
+      window.removeEventListener("message", o);
+    });
+    const d = u(() => {
+      const a = e.host || "https://app.documenso.com", s = btoa(
+        encodeURIComponent(
+          JSON.stringify({
+            token: e.presignToken,
+            externalId: e.externalId,
+            features: e.features,
+            css: e.css,
+            cssVars: e.cssVars,
+            darkModeDisabled: e.darkModeDisabled,
+            ...e.additionalProps
+          })
+        )
+      ), t = new URL(
+        `/embed/v1/authoring/document/edit/${e.documentId}`,
+        a
+      );
+      return t.searchParams.set("token", e.presignToken), t.hash = s, t.toString();
+    });
+    function o(a) {
+      var s, t;
+      if (((s = n.value) == null ? void 0 : s.contentWindow) === a.source)
+        switch (a.data.type) {
+          case "document-updated":
+            (t = e.onDocumentUpdated) == null || t.call(e, {
+              documentId: a.data.documentId,
+              externalId: a.data.externalId
+            });
+            break;
+        }
+    }
+    return (a, s) => (p(), _("iframe", {
+      ref_key: "__iframe",
+      ref: n,
+      class: f(a.className),
+      src: d.value
+    }, null, 10, U));
+  }
+}), E = ["src"], V = /* @__PURE__ */ r({
+  __name: "update-template",
+  props: {
+    className: {},
+    host: {},
+    presignToken: {},
+    templateId: {},
+    externalId: {},
+    css: {},
+    cssVars: {},
+    darkModeDisabled: { type: Boolean },
+    features: {},
+    additionalProps: {},
+    onTemplateUpdated: { type: Function }
+  },
+  setup(c) {
+    const e = c, n = i();
+    m(() => {
+      window.addEventListener("message", o);
+    }), l(() => {
+      window.removeEventListener("message", o);
+    });
+    const d = u(() => {
+      const a = e.host || "https://app.documenso.com", s = btoa(
+        encodeURIComponent(
+          JSON.stringify({
+            externalId: e.externalId,
+            features: e.features,
+            css: e.css,
+            cssVars: e.cssVars,
+            darkModeDisabled: e.darkModeDisabled,
+            ...e.additionalProps
+          })
+        )
+      ), t = new URL(
+        `/embed/v1/authoring/template/edit/${e.templateId}`,
+        a
+      );
+      return t.searchParams.set("token", e.presignToken), t.hash = s, t.toString();
+    });
+    function o(a) {
+      var s, t;
+      if (((s = n.value) == null ? void 0 : s.contentWindow) === a.source)
+        switch (a.data.type) {
+          case "template-updated":
+            (t = e.onTemplateUpdated) == null || t.call(e, {
+              templateId: a.data.templateId,
+              externalId: a.data.externalId
+            });
+            break;
+        }
+    }
+    return (a, s) => (p(), _("iframe", {
+      ref_key: "__iframe",
+      ref: n,
+      class: f(a.className),
+      src: d.value
+    }, null, 10, E));
+  }
 });
 export {
-  N as EmbedDirectTemplate,
-  U as EmbedSignDocument,
-  M as unstable_EmbedCreateDocument,
-  R as unstable_EmbedCreateTemplate
+  M as EmbedDirectTemplate,
+  N as EmbedSignDocument,
+  R as unstable_EmbedCreateDocument,
+  C as unstable_EmbedCreateTemplate,
+  L as unstable_EmbedUpdateDocument,
+  V as unstable_EmbedUpdateTemplate
 };

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

@@ -0,0 +1,35 @@
+import { CssVars } from './css-vars';
+export type EmbedUpdateDocumentProps = {
+    className?: string;
+    host?: string;
+    presignToken: string;
+    documentId: number;
+    externalId?: string;
+    css?: string | undefined;
+    cssVars?: (CssVars & Record<string, string>) | undefined;
+    darkModeDisabled?: boolean | undefined;
+    features?: {
+        allowConfigureSignatureTypes?: boolean;
+        allowConfigureLanguage?: boolean;
+        allowConfigureDateFormat?: boolean;
+        allowConfigureTimezone?: boolean;
+        allowConfigureRedirectUrl?: boolean;
+        allowConfigureCommunication?: boolean;
+    };
+    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>>>, {}, {}>;
+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

@@ -0,0 +1,35 @@
+import { CssVars } from './css-vars';
+export type EmbedUpdateTemplateProps = {
+    className?: string;
+    host?: string;
+    presignToken: string;
+    templateId: number;
+    externalId?: string;
+    css?: string | undefined;
+    cssVars?: (CssVars & Record<string, string>) | undefined;
+    darkModeDisabled?: boolean | undefined;
+    features?: {
+        allowConfigureSignatureTypes?: boolean;
+        allowConfigureLanguage?: boolean;
+        allowConfigureDateFormat?: boolean;
+        allowConfigureTimezone?: boolean;
+        allowConfigureRedirectUrl?: boolean;
+        allowConfigureCommunication?: boolean;
+    };
+    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>>>, {}, {}>;
+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.2.1-rc.2",
+  "version": "0.2.2",
   "license": "MIT",
   "files": [
     "dist"