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

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.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react");function f(e){const d=c.useRef(null);function u(){const n=e.host||"https://app.documenso.com",a=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}#${a}`}function i(n){var a,t,m,s,l,o;if(((a=d.current)==null?void 0:a.contentWindow)===n.source)switch(n.data.action){case"document-ready":(t=e.onDocumentReady)==null||t.call(e);break;case"document-completed":(m=e.onDocumentCompleted)==null||m.call(e,n.data.data);break;case"document-error":(s=e.onDocumentError)==null||s.call(e,n.data.data);break;case"field-signed":(l=e.onFieldSigned)==null||l.call(e);break;case"field-unsigned":(o=e.onFieldUnsigned)==null||o.call(e);break}}return c.useEffect(()=>{window.addEventListener("message",i)},[]),c.useEffect(()=>()=>{window.removeEventListener("message",i)},[]),r.jsx("iframe",{ref:d,className:e.className,src:u()})}function b(e){const d=c.useRef(null);function u(){const n=e.host||"https://app.documenso.com",a=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)}#${a}`}function i(n){var a,t,m,s;if(((a=d.current)==null?void 0:a.contentWindow)===n.source)switch(n.data.action){case"document-ready":(t=e.onDocumentReady)==null||t.call(e);break;case"document-completed":(m=e.onDocumentCompleted)==null||m.call(e,n.data.data);break;case"document-error":(s=e.onDocumentError)==null||s.call(e,n.data.data);break}}return c.useEffect(()=>{window.addEventListener("message",i)},[]),c.useEffect(()=>()=>{window.removeEventListener("message",i)},[]),r.jsx("iframe",{ref:d,className:e.className,src:u()})}exports.EmbedDirectTemplate=f;exports.EmbedSignDocument=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),c=require("react");function r(e){const d=c.useRef(null);function o(){const a=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}))),t=new URL(`/embed/direct/${e.token}`,a);return e.externalId&&t.searchParams.set("externalId",e.externalId),`${t}#${n}`}function i(a){var n,t,m,u,l,s;if(((n=d.current)==null?void 0:n.contentWindow)===a.source)switch(a.data.action){case"document-ready":(t=e.onDocumentReady)==null||t.call(e);break;case"document-completed":(m=e.onDocumentCompleted)==null||m.call(e,a.data.data);break;case"document-error":(u=e.onDocumentError)==null||u.call(e,a.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 c.useEffect(()=>{window.addEventListener("message",i)},[]),c.useEffect(()=>()=>{window.removeEventListener("message",i)},[]),f.jsx("iframe",{ref:d,className:e.className,src:o()})}function b(e){const d=c.useRef(null);function o(){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,allowDocumentRejection:e.allowDocumentRejection,...e.additionalProps})));return`${new URL(`/embed/sign/${e.token}`,a)}#${n}`}function i(a){var n,t,m,u,l;if(((n=d.current)==null?void 0:n.contentWindow)===a.source)switch(a.data.action){case"document-ready":(t=e.onDocumentReady)==null||t.call(e);break;case"document-completed":(m=e.onDocumentCompleted)==null||m.call(e,a.data.data);break;case"document-error":(u=e.onDocumentError)==null||u.call(e,a.data.data);break;case"document-rejected":(l=e.onDocumentRejected)==null||l.call(e,a.data.data);break}}return c.useEffect(()=>{window.addEventListener("message",i)},[]),c.useEffect(()=>()=>{window.removeEventListener("message",i)},[]),f.jsx("iframe",{ref:d,className:e.className,src:o()})}exports.EmbedDirectTemplate=r;exports.EmbedSignDocument=b;

package/dist/index.mjs

@@ -1,8 +1,8 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useRef as f, useEffect as l } from "react";
-function g(e) {
-  const c = f(null);
-  function s() {
+import { jsx as f } from "react/jsx-runtime";
+import { useRef as r, useEffect as o } from "react";
+function w(e) {
+  const c = r(null);
+  function u() {
     const a = e.host || "https://app.documenso.com", n = btoa(
       encodeURIComponent(
         JSON.stringify({
@@ -12,14 +12,15 @@ function g(e) {
           lockEmail: e.lockEmail,
           css: e.css,
           cssVars: e.cssVars,
-          darkModeDisabled: e.darkModeDisabled
+          darkModeDisabled: e.darkModeDisabled,
+          ...e.additionalProps
         })
       )
     ), t = new URL(`/embed/direct/${e.token}`, a);
     return e.externalId && t.searchParams.set("externalId", e.externalId), `${t}#${n}`;
   }
   function d(a) {
-    var n, t, m, i, o, u;
+    var n, t, m, i, l, s;
     if (((n = c.current) == null ? void 0 : n.contentWindow) === a.source)
       switch (a.data.action) {
         case "document-ready":
@@ -32,22 +33,22 @@ function g(e) {
           (i = e.onDocumentError) == null || i.call(e, a.data.data);
           break;
         case "field-signed":
-          (o = e.onFieldSigned) == null || o.call(e);
+          (l = e.onFieldSigned) == null || l.call(e);
           break;
         case "field-unsigned":
-          (u = e.onFieldUnsigned) == null || u.call(e);
+          (s = e.onFieldUnsigned) == null || s.call(e);
           break;
       }
   }
-  return l(() => {
+  return o(() => {
     window.addEventListener("message", d);
-  }, []), l(() => () => {
+  }, []), o(() => () => {
     window.removeEventListener("message", d);
-  }, []), /* @__PURE__ */ r("iframe", { ref: c, className: e.className, src: s() });
+  }, []), /* @__PURE__ */ f("iframe", { ref: c, className: e.className, src: u() });
 }
-function w(e) {
-  const c = f(null);
-  function s() {
+function D(e) {
+  const c = r(null);
+  function u() {
     const a = e.host || "https://app.documenso.com", n = btoa(
       encodeURIComponent(
         JSON.stringify({
@@ -55,14 +56,16 @@ function w(e) {
           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}`, a)}#${n}`;
   }
   function d(a) {
-    var n, t, m, i;
+    var n, t, m, i, l;
     if (((n = c.current) == null ? void 0 : n.contentWindow) === a.source)
       switch (a.data.action) {
         case "document-ready":
@@ -74,15 +77,18 @@ function w(e) {
         case "document-error":
           (i = e.onDocumentError) == null || i.call(e, a.data.data);
           break;
+        case "document-rejected":
+          (l = e.onDocumentRejected) == null || l.call(e, a.data.data);
+          break;
       }
   }
-  return l(() => {
+  return o(() => {
     window.addEventListener("message", d);
-  }, []), l(() => () => {
+  }, []), o(() => () => {
     window.removeEventListener("message", d);
-  }, []), /* @__PURE__ */ r("iframe", { ref: c, className: e.className, src: s() });
+  }, []), /* @__PURE__ */ f("iframe", { ref: c, className: e.className, src: u() });
 }
 export {
-  g as EmbedDirectTemplate,
-  w as EmbedSignDocument
+  w as EmbedDirectTemplate,
+  D as EmbedSignDocument
 };

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): React.JSX.Element;
 export default EmbedSignDocument;

package/package.json

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