@documenso/embed-preact 0.2.0 → 0.2.1-rc.1

package/dist/create-document.d.ts

@@ -0,0 +1,26 @@
+import { h } from 'preact';
+import { CssVars } from './css-vars';
+export type EmbedCreateDocumentProps = {
+    className?: string;
+    host?: string;
+    presignToken: string;
+    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;
+    onDocumentCreated?: (data: {
+        externalId: string;
+        documentId: number;
+    }) => void;
+};
+declare function EmbedCreateDocument(props: EmbedCreateDocumentProps): h.JSX.Element;
+export default EmbedCreateDocument;

package/dist/create-template.d.ts

@@ -0,0 +1,26 @@
+import { h } from 'preact';
+import { CssVars } from './css-vars';
+export type EmbedCreateTemplateProps = {
+    className?: string;
+    host?: string;
+    presignToken: string;
+    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;
+    onTemplateCreated?: (data: {
+        externalId: string;
+        templateId: number;
+    }) => void;
+};
+declare function EmbedCreateTemplate(props: EmbedCreateTemplateProps): h.JSX.Element;
+export default EmbedCreateTemplate;

package/dist/direct-template.d.ts

@@ -12,6 +12,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.d.mts

@@ -1,2 +1,4 @@
 export { default as EmbedDirectTemplate } from './direct-template';
 export { default as EmbedSignDocument } from './sign-document';
+export { default as unstable_EmbedCreateDocument } from './create-document';
+export { default as unstable_EmbedCreateTemplate } from './create-template';

package/dist/index.d.ts

@@ -1,2 +1,4 @@
 export { default as EmbedDirectTemplate } from './direct-template';
 export { default as EmbedSignDocument } from './sign-document';
+export { default as unstable_EmbedCreateDocument } from './create-document';
+export { default as unstable_EmbedCreateTemplate } from './create-template';

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("preact"),o=require("preact/hooks");var _=0;function f(e,a,u,m,n,c){a||(a={});var t,d,i=a;if("ref"in i)for(d in i={},a)d=="ref"?t=a[d]:i[d]=a[d];var l={type:e,props:i,key:u,ref:t,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:--_,__i:-1,__u:0,__source:n,__self:c};return r.options.vnode&&r.options.vnode(l),l}function b(e){const a=o.useRef(null);function u(){const n=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}))),t=new URL(`/embed/direct/${e.token}`,n);return e.externalId&&t.searchParams.set("externalId",e.externalId),`${t}#${c}`}function m(n){var c,t,d,i,l,s;if(((c=a.current)==null?void 0:c.contentWindow)===n.source)switch(n.data.action){case"document-ready":(t=e.onDocumentReady)==null||t.call(e);break;case"document-completed":(d=e.onDocumentCompleted)==null||d.call(e,n.data.data);break;case"document-error":(i=e.onDocumentError)==null||i.call(e,n.data.data);break;case"field-signed":(l=e.onFieldSigned)==null||l.call(e);break;case"field-unsigned":(s=e.onFieldUnsigned)==null||s.call(e);break}}return o.useEffect(()=>{window.addEventListener("message",m)},[]),o.useEffect(()=>()=>{window.removeEventListener("message",m)},[]),f("iframe",{ref:a,className:e.className,src:u()})}function k(e){const a=o.useRef(null);function u(){const n=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})));return`${new URL(`/embed/sign/${e.token}`,n)}#${c}`}function m(n){var c,t,d,i;if(((c=a.current)==null?void 0:c.contentWindow)===n.source)switch(n.data.action){case"document-ready":(t=e.onDocumentReady)==null||t.call(e);break;case"document-completed":(d=e.onDocumentCompleted)==null||d.call(e,n.data.data);break;case"document-error":(i=e.onDocumentError)==null||i.call(e,n.data.data);break}}return o.useEffect(()=>{window.addEventListener("message",m)},[]),o.useEffect(()=>()=>{window.removeEventListener("message",m)},[]),f("iframe",{ref:a,className:e.className,src:u()})}exports.EmbedDirectTemplate=b;exports.EmbedSignDocument=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("preact"),s=require("preact/hooks");var b=0;function l(e,c,m,d,t,n){c||(c={});var a,i,o=c;if("ref"in o)for(i in o={},c)i=="ref"?a=c[i]:o[i]=c[i];var u={type:e,props:o,key:m,ref:a,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:--b,__i:-1,__u:0,__source:t,__self:n};return f.options.vnode&&f.options.vnode(u),u}function k(e){const c=s.useRef(null);function m(){const t=e.host||"https://app.documenso.com",n=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}#${n}`}function d(t){var n,a,i,o,u,r;if(((n=c.current)==null?void 0:n.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":(o=e.onDocumentError)==null||o.call(e,t.data.data);break;case"field-signed":(u=e.onFieldSigned)==null||u.call(e);break;case"field-unsigned":(r=e.onFieldUnsigned)==null||r.call(e);break}}return s.useEffect(()=>{window.addEventListener("message",d)},[]),s.useEffect(()=>()=>{window.removeEventListener("message",d)},[]),l("iframe",{ref:c,className:e.className,src:m()})}function _(e){const c=s.useRef(null);function m(){const t=e.host||"https://app.documenso.com",n=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)}#${n}`}function d(t){var n,a,i,o,u;if(((n=c.current)==null?void 0:n.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":(o=e.onDocumentError)==null||o.call(e,t.data.data);break;case"document-rejected":(u=e.onDocumentRejected)==null||u.call(e,t.data.data);break}}return s.useEffect(()=>{window.addEventListener("message",d)},[]),s.useEffect(()=>()=>{window.removeEventListener("message",d)},[]),l("iframe",{ref:c,className:e.className,src:m()})}function w(e){const c=s.useRef(null);function m(){const t=e.host||"https://app.documenso.com",n=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",t)}#${n}`}function d(t){var n,a;if(((n=c.current)==null?void 0:n.contentWindow)===t.source)switch(t.data.type){case"document-completed":(a=e.onDocumentCreated)==null||a.call(e,{documentId:t.data.documentId,externalId:t.data.externalId});break}}return s.useEffect(()=>{window.addEventListener("message",d)},[]),s.useEffect(()=>()=>{window.removeEventListener("message",d)},[]),l("iframe",{ref:c,className:e.className,src:m()})}function g(e){const c=s.useRef(null);function m(){const t=e.host||"https://app.documenso.com",n=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",t)}#${n}`}function d(t){var n,a;if(((n=c.current)==null?void 0:n.contentWindow)===t.source)switch(t.data.type){case"template-completed":(a=e.onTemplateCreated)==null||a.call(e,{templateId:t.data.templateId,externalId:t.data.externalId});break}}return s.useEffect(()=>{window.addEventListener("message",d)},[]),s.useEffect(()=>()=>{window.removeEventListener("message",d)},[]),l("iframe",{ref:c,className:e.className,src:m()})}exports.EmbedDirectTemplate=k;exports.EmbedSignDocument=_;exports.unstable_EmbedCreateDocument=w;exports.unstable_EmbedCreateTemplate=g;

package/dist/index.mjs

@@ -1,17 +1,17 @@
-import { options as r } from "preact";
-import { useRef as f, useEffect as u } from "preact/hooks";
+import { options as b } from "preact";
+import { useRef as r, useEffect as l } from "preact/hooks";
 var k = 0;
-function _(e, a, o, m, n, t) {
-  a || (a = {});
-  var c, d, i = a;
-  if ("ref" in i) for (d in i = {}, a) d == "ref" ? c = a[d] : i[d] = a[d];
-  var l = { type: e, props: i, key: o, ref: c, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, constructor: void 0, __v: --k, __i: -1, __u: 0, __source: n, __self: t };
-  return r.vnode && r.vnode(l), l;
+function u(e, c, m, d, a, n) {
+  c || (c = {});
+  var t, i, s = c;
+  if ("ref" in s) for (i in s = {}, c) i == "ref" ? t = c[i] : s[i] = c[i];
+  var o = { type: e, props: s, key: m, ref: t, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, constructor: void 0, __v: --k, __i: -1, __u: 0, __source: a, __self: n };
+  return b.vnode && b.vnode(o), o;
 }
-function w(e) {
-  const a = f(null);
-  function o() {
-    const n = e.host || "https://app.documenso.com", t = btoa(
+function g(e) {
+  const c = r(null);
+  function m() {
+    const a = e.host || "https://app.documenso.com", n = btoa(
       encodeURIComponent(
         JSON.stringify({
           name: e.name,
@@ -20,77 +20,157 @@ function w(e) {
           lockEmail: e.lockEmail,
           css: e.css,
           cssVars: e.cssVars,
-          darkModeDisabled: e.darkModeDisabled
+          darkModeDisabled: e.darkModeDisabled,
+          ...e.additionalProps
         })
       )
-    ), c = new URL(`/embed/direct/${e.token}`, n);
-    return e.externalId && c.searchParams.set("externalId", e.externalId), `${c}#${t}`;
+    ), t = new URL(`/embed/direct/${e.token}`, a);
+    return e.externalId && t.searchParams.set("externalId", e.externalId), `${t}#${n}`;
   }
-  function m(n) {
-    var t, c, d, i, l, s;
-    if (((t = a.current) == null ? void 0 : t.contentWindow) === n.source)
-      switch (n.data.action) {
+  function d(a) {
+    var n, t, i, s, o, f;
+    if (((n = c.current) == null ? void 0 : n.contentWindow) === a.source)
+      switch (a.data.action) {
         case "document-ready":
-          (c = e.onDocumentReady) == null || c.call(e);
+          (t = e.onDocumentReady) == null || t.call(e);
           break;
         case "document-completed":
-          (d = e.onDocumentCompleted) == null || d.call(e, n.data.data);
+          (i = e.onDocumentCompleted) == null || i.call(e, a.data.data);
           break;
         case "document-error":
-          (i = e.onDocumentError) == null || i.call(e, n.data.data);
+          (s = e.onDocumentError) == null || s.call(e, a.data.data);
           break;
         case "field-signed":
-          (l = e.onFieldSigned) == null || l.call(e);
+          (o = e.onFieldSigned) == null || o.call(e);
           break;
         case "field-unsigned":
-          (s = e.onFieldUnsigned) == null || s.call(e);
+          (f = e.onFieldUnsigned) == null || f.call(e);
           break;
       }
   }
-  return u(() => {
-    window.addEventListener("message", m);
-  }, []), u(() => () => {
-    window.removeEventListener("message", m);
-  }, []), /* @__PURE__ */ _("iframe", { ref: a, className: e.className, src: o() });
+  return l(() => {
+    window.addEventListener("message", d);
+  }, []), l(() => () => {
+    window.removeEventListener("message", d);
+  }, []), /* @__PURE__ */ u("iframe", { ref: c, className: e.className, src: m() });
 }
 function D(e) {
-  const a = f(null);
-  function o() {
-    const n = e.host || "https://app.documenso.com", t = btoa(
+  const c = r(null);
+  function m() {
+    const a = e.host || "https://app.documenso.com", n = btoa(
       encodeURIComponent(
         JSON.stringify({
           name: e.name,
           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)}#${t}`;
+    return `${new URL(`/embed/sign/${e.token}`, a)}#${n}`;
   }
-  function m(n) {
-    var t, c, d, i;
-    if (((t = a.current) == null ? void 0 : t.contentWindow) === n.source)
-      switch (n.data.action) {
+  function d(a) {
+    var n, t, i, s, o;
+    if (((n = c.current) == null ? void 0 : n.contentWindow) === a.source)
+      switch (a.data.action) {
         case "document-ready":
-          (c = e.onDocumentReady) == null || c.call(e);
+          (t = e.onDocumentReady) == null || t.call(e);
           break;
         case "document-completed":
-          (d = e.onDocumentCompleted) == null || d.call(e, n.data.data);
+          (i = e.onDocumentCompleted) == null || i.call(e, a.data.data);
           break;
         case "document-error":
-          (i = e.onDocumentError) == null || i.call(e, n.data.data);
+          (s = e.onDocumentError) == null || s.call(e, a.data.data);
+          break;
+        case "document-rejected":
+          (o = e.onDocumentRejected) == null || o.call(e, a.data.data);
+          break;
+      }
+  }
+  return l(() => {
+    window.addEventListener("message", d);
+  }, []), l(() => () => {
+    window.removeEventListener("message", d);
+  }, []), /* @__PURE__ */ u("iframe", { ref: c, className: e.className, src: m() });
+}
+function h(e) {
+  const c = r(null);
+  function m() {
+    const a = e.host || "https://app.documenso.com", n = 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", a)}#${n}`;
+  }
+  function d(a) {
+    var n, t;
+    if (((n = c.current) == null ? void 0 : n.contentWindow) === a.source)
+      switch (a.data.type) {
+        case "document-completed":
+          (t = e.onDocumentCreated) == null || t.call(e, {
+            documentId: a.data.documentId,
+            externalId: a.data.externalId
+          });
+          break;
+      }
+  }
+  return l(() => {
+    window.addEventListener("message", d);
+  }, []), l(() => () => {
+    window.removeEventListener("message", d);
+  }, []), /* @__PURE__ */ u("iframe", { ref: c, className: e.className, src: m() });
+}
+function E(e) {
+  const c = r(null);
+  function m() {
+    const a = e.host || "https://app.documenso.com", n = 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", a)}#${n}`;
+  }
+  function d(a) {
+    var n, t;
+    if (((n = c.current) == null ? void 0 : n.contentWindow) === a.source)
+      switch (a.data.type) {
+        case "template-completed":
+          (t = e.onTemplateCreated) == null || t.call(e, {
+            templateId: a.data.templateId,
+            externalId: a.data.externalId
+          });
           break;
       }
   }
-  return u(() => {
-    window.addEventListener("message", m);
-  }, []), u(() => () => {
-    window.removeEventListener("message", m);
-  }, []), /* @__PURE__ */ _("iframe", { ref: a, className: e.className, src: o() });
+  return l(() => {
+    window.addEventListener("message", d);
+  }, []), l(() => () => {
+    window.removeEventListener("message", d);
+  }, []), /* @__PURE__ */ u("iframe", { ref: c, className: e.className, src: m() });
 }
 export {
-  w as EmbedDirectTemplate,
-  D as EmbedSignDocument
+  g as EmbedDirectTemplate,
+  D as EmbedSignDocument,
+  h as unstable_EmbedCreateDocument,
+  E as unstable_EmbedCreateTemplate
 };

package/dist/sign-document.d.ts

@@ -9,6 +9,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;
@@ -16,6 +18,12 @@ export type EmbedSignDocumentProps = {
         recipientId: number;
     }) => void;
     onDocumentError?: (error: string) => void;
+    onDocumentRejected?: (data: {
+        token: string;
+        documentId: number;
+        recipientId: number;
+        reason: string;
+    }) => void;
 };
 declare function EmbedSignDocument(props: EmbedSignDocumentProps): h.JSX.Element;
 export default EmbedSignDocument;

package/package.json

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