@documenso/embed-vue 0.2.0 → 0.2.1-rc.0

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

@@ -11,6 +11,7 @@ export type EmbedDirectTemplateProps = {
     lockEmail?: boolean | undefined;
     name?: string | undefined;
     lockName?: boolean | undefined;
+    additionalProps?: Record<string, string | number | boolean> | undefined;
     onDocumentReady?: () => void;
     onDocumentCompleted?: (data: {
         token: string;

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),k=["src"],f=o.defineComponent({__name:"direct-template",props:{className:{},host:{},token:{},externalId:{},css:{},cssVars:{},darkModeDisabled:{type:Boolean},email:{},lockEmail:{type:Boolean},name:{},lockName:{type:Boolean},onDocumentReady:{type:Function},onDocumentCompleted:{type:Function},onDocumentError:{type:Function},onFieldSigned:{type:Function},onFieldUnsigned:{type:Function}},setup(m){const e=m,c=o.ref();o.onMounted(()=>{window.addEventListener("message",s)}),o.onUnmounted(()=>{window.removeEventListener("message",s)});const i=o.computed(()=>{const n=e.host||"https://app.documenso.com",t=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}))),a=new URL(`/embed/direct/${e.token}`,n);return e.externalId&&a.searchParams.set("externalId",e.externalId),`${a}#${t}`});function s(n){var t,a,d,r,l,u;if(((t=c.value)==null?void 0:t.contentWindow)===n.source)switch(n.data.action){case"document-ready":(a=e.onDocumentReady)==null||a.call(e);break;case"document-completed":(d=e.onDocumentCompleted)==null||d.call(e,n.data.data);break;case"document-error":(r=e.onDocumentError)==null||r.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,t)=>(o.openBlock(),o.createElementBlock("iframe",{ref_key:"__iframe",ref:c,class:o.normalizeClass(n.className),src:i.value},null,10,k))}}),y=["src"],_=o.defineComponent({__name:"sign-document",props:{className:{},host:{},token:{},css:{},cssVars:{},darkModeDisabled:{type:Boolean},name:{},lockName:{type:Boolean},onDocumentReady:{type:Function},onDocumentCompleted:{type:Function},onDocumentError:{type:Function}},setup(m){const e=m,c=o.ref();o.onMounted(()=>{window.addEventListener("message",s)}),o.onUnmounted(()=>{window.removeEventListener("message",s)});const i=o.computed(()=>{const n=e.host||"https://app.documenso.com",t=btoa(encodeURIComponent(JSON.stringify({name:e.name,lockName:e.lockName,css:e.css,cssVars:e.cssVars,darkModeDisabled:e.darkModeDisabled})));return`${new URL(`/embed/sign/${e.token}`,n)}#${t}`});function s(n){var t,a,d,r;if(((t=c.value)==null?void 0:t.contentWindow)===n.source)switch(n.data.action){case"document-ready":(a=e.onDocumentReady)==null||a.call(e);break;case"document-completed":(d=e.onDocumentCompleted)==null||d.call(e,n.data.data);break;case"document-error":(r=e.onDocumentError)==null||r.call(e,n.data.data);break}}return(n,t)=>(o.openBlock(),o.createElementBlock("iframe",{ref_key:"__iframe",ref:c,class:o.normalizeClass(n.className),src:i.value},null,10,y))}});exports.EmbedDirectTemplate=f;exports.EmbedSignDocument=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),k=["src"],y=o.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(i){const e=i,c=o.ref();o.onMounted(()=>{window.addEventListener("message",s)}),o.onUnmounted(()=>{window.removeEventListener("message",s)});const l=o.computed(()=>{const n=e.host||"https://app.documenso.com",t=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}#${t}`});function s(n){var t,a,d,r,m,u;if(((t=c.value)==null?void 0:t.contentWindow)===n.source)switch(n.data.action){case"document-ready":(a=e.onDocumentReady)==null||a.call(e);break;case"document-completed":(d=e.onDocumentCompleted)==null||d.call(e,n.data.data);break;case"document-error":(r=e.onDocumentError)==null||r.call(e,n.data.data);break;case"field-signed":(m=e.onFieldSigned)==null||m.call(e);break;case"field-unsigned":(u=e.onFieldUnsigned)==null||u.call(e);break}}return(n,t)=>(o.openBlock(),o.createElementBlock("iframe",{ref_key:"__iframe",ref:c,class:o.normalizeClass(n.className),src:l.value},null,10,k))}}),f=["src"],D=o.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(i){const e=i,c=o.ref();o.onMounted(()=>{window.addEventListener("message",s)}),o.onUnmounted(()=>{window.removeEventListener("message",s)});const l=o.computed(()=>{const n=e.host||"https://app.documenso.com",t=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)}#${t}`});function s(n){var t,a,d,r,m;if(((t=c.value)==null?void 0:t.contentWindow)===n.source)switch(n.data.action){case"document-ready":(a=e.onDocumentReady)==null||a.call(e);break;case"document-completed":(d=e.onDocumentCompleted)==null||d.call(e,n.data.data);break;case"document-error":(r=e.onDocumentError)==null||r.call(e,n.data.data);break;case"document-rejected":(m=e.onDocumentRejected)==null||m.call(e,n.data.data);break}}return(n,t)=>(o.openBlock(),o.createElementBlock("iframe",{ref_key:"__iframe",ref:c,class:o.normalizeClass(n.className),src:l.value},null,10,f))}});exports.EmbedDirectTemplate=y;exports.EmbedSignDocument=D;

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as u, ref as k, onMounted as f, onUnmounted as _, computed as y, openBlock as b, createElementBlock as D, normalizeClass as p } from "vue";
+import { defineComponent as u, ref as k, onMounted as y, onUnmounted as D, computed as f, openBlock as _, createElementBlock as b, normalizeClass as p } from "vue";
 const g = ["src"], E = /* @__PURE__ */ u({
   __name: "direct-template",
   props: {
@@ -13,20 +13,21 @@ const g = ["src"], E = /* @__PURE__ */ u({
     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, t = k();
-    f(() => {
+  setup(m) {
+    const e = m, t = k();
+    y(() => {
       window.addEventListener("message", c);
-    }), _(() => {
+    }), D(() => {
       window.removeEventListener("message", c);
     });
-    const m = y(() => {
+    const i = f(() => {
       const n = e.host || "https://app.documenso.com", o = btoa(
         encodeURIComponent(
           JSON.stringify({
@@ -36,14 +37,15 @@ const g = ["src"], E = /* @__PURE__ */ u({
             lockEmail: e.lockEmail,
             css: e.css,
             cssVars: e.cssVars,
-            darkModeDisabled: e.darkModeDisabled
+            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, s, d, i, l;
+      var o, a, s, d, r, l;
       if (((o = t.value) == null ? void 0 : o.contentWindow) === n.source)
         switch (n.data.action) {
           case "document-ready":
@@ -56,21 +58,21 @@ const g = ["src"], E = /* @__PURE__ */ u({
             (d = e.onDocumentError) == null || d.call(e, n.data.data);
             break;
           case "field-signed":
-            (i = e.onFieldSigned) == null || i.call(e);
+            (r = e.onFieldSigned) == null || r.call(e);
             break;
           case "field-unsigned":
             (l = e.onFieldUnsigned) == null || l.call(e);
             break;
         }
     }
-    return (n, o) => (b(), D("iframe", {
+    return (n, o) => (_(), b("iframe", {
       ref_key: "__iframe",
       ref: t,
       class: p(n.className),
-      src: m.value
+      src: i.value
     }, null, 10, g));
   }
-}), h = ["src"], F = /* @__PURE__ */ u({
+}), w = ["src"], F = /* @__PURE__ */ u({
   __name: "sign-document",
   props: {
     className: {},
@@ -81,18 +83,21 @@ const g = ["src"], E = /* @__PURE__ */ u({
     darkModeDisabled: { type: Boolean },
     name: {},
     lockName: { type: Boolean },
+    allowDocumentRejection: { type: Boolean },
+    additionalProps: {},
     onDocumentReady: { type: Function },
     onDocumentCompleted: { type: Function },
-    onDocumentError: { type: Function }
+    onDocumentError: { type: Function },
+    onDocumentRejected: { type: Function }
   },
-  setup(r) {
-    const e = r, t = k();
-    f(() => {
+  setup(m) {
+    const e = m, t = k();
+    y(() => {
       window.addEventListener("message", c);
-    }), _(() => {
+    }), D(() => {
       window.removeEventListener("message", c);
     });
-    const m = y(() => {
+    const i = f(() => {
       const n = e.host || "https://app.documenso.com", o = btoa(
         encodeURIComponent(
           JSON.stringify({
@@ -100,14 +105,16 @@ const g = ["src"], E = /* @__PURE__ */ u({
             lockName: e.lockName,
             css: e.css,
             cssVars: e.cssVars,
-            darkModeDisabled: e.darkModeDisabled
+            darkModeDisabled: e.darkModeDisabled,
+            allowDocumentRejection: e.allowDocumentRejection,
+            ...e.additionalProps
           })
         )
       );
       return `${new URL(`/embed/sign/${e.token}`, n)}#${o}`;
     });
     function c(n) {
-      var o, a, s, d;
+      var o, a, s, d, r;
       if (((o = t.value) == null ? void 0 : o.contentWindow) === n.source)
         switch (n.data.action) {
           case "document-ready":
@@ -119,14 +126,17 @@ const g = ["src"], E = /* @__PURE__ */ u({
           case "document-error":
             (d = e.onDocumentError) == null || d.call(e, n.data.data);
             break;
+          case "document-rejected":
+            (r = e.onDocumentRejected) == null || r.call(e, n.data.data);
+            break;
         }
     }
-    return (n, o) => (b(), D("iframe", {
+    return (n, o) => (_(), b("iframe", {
       ref_key: "__iframe",
       ref: t,
       class: p(n.className),
-      src: m.value
-    }, null, 10, h));
+      src: i.value
+    }, null, 10, w));
   }
 });
 export {

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

@@ -8,6 +8,8 @@ export type EmbedSignDocumentProps = {
     darkModeDisabled?: boolean | undefined;
     name?: string | undefined;
     lockName?: boolean | undefined;
+    allowDocumentRejection?: boolean | undefined;
+    additionalProps?: Record<string, string | number | boolean> | undefined;
     onDocumentReady?: () => void;
     onDocumentCompleted?: (data: {
         token: string;
@@ -15,6 +17,12 @@ export type EmbedSignDocumentProps = {
         recipientId: number;
     }) => void;
     onDocumentError?: (error: string) => void;
+    onDocumentRejected?: (data: {
+        token: string;
+        documentId: number;
+        recipientId: number;
+        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>>>, {}, {}>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@documenso/embed-vue",
-  "version": "0.2.0",
+  "version": "0.2.1-rc.0",
   "license": "MIT",
   "files": [
     "dist"