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

package/dist/css-vars.d.ts

@@ -0,0 +1,58 @@
+export type CssVars = {
+    /** Base background color */
+    background?: string | null;
+    /** Base text color */
+    foreground?: string | null;
+    /** Muted/subtle background color */
+    muted?: string | null;
+    /** Muted/subtle text color */
+    mutedForeground?: string | null;
+    /** Popover/dropdown background color */
+    popover?: string | null;
+    /** Popover/dropdown text color */
+    popoverForeground?: string | null;
+    /** Card background color */
+    card?: string | null;
+    /** Card border color */
+    cardBorder?: string | null;
+    /** Card border tint/highlight color */
+    cardBorderTint?: string | null;
+    /** Card text color */
+    cardForeground?: string | null;
+    /** Field card background color */
+    fieldCard?: string | null;
+    /** Field card border color */
+    fieldCardBorder?: string | null;
+    /** Field card text color */
+    fieldCardForeground?: string | null;
+    /** Widget background color */
+    widget?: string | null;
+    /** Widget text color */
+    widgetForeground?: string | null;
+    /** Default border color */
+    border?: string | null;
+    /** Input field border color */
+    input?: string | null;
+    /** Primary action/button color */
+    primary?: string | null;
+    /** Primary action/button text color */
+    primaryForeground?: string | null;
+    /** Secondary action/button color */
+    secondary?: string | null;
+    /** Secondary action/button text color */
+    secondaryForeground?: string | null;
+    /** Accent/highlight color */
+    accent?: string | null;
+    /** Accent/highlight text color */
+    accentForeground?: string | null;
+    /** Destructive/danger action color */
+    destructive?: string | null;
+    /** Destructive/danger text color */
+    destructiveForeground?: string | null;
+    /** Focus ring color */
+    ring?: string | null;
+    /** Border radius size in REM units */
+    radius?: string | null;
+    /** Warning/alert color */
+    warning?: string | null;
+};

package/dist/direct-template.d.ts

@@ -1,11 +1,13 @@
 import { h } from 'preact';
+import { CssVars } from './css-vars';
 export type EmbedDirectTemplateProps = {
     className?: string;
     host?: string;
     token: string;
     externalId?: string;
     css?: string | undefined;
-    cssVars?: Record<string, string> | undefined;
+    cssVars?: (CssVars & Record<string, string>) | undefined;
+    darkModeDisabled?: boolean | undefined;
     email?: string | undefined;
     lockEmail?: boolean | undefined;
     name?: string | undefined;

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("preact"),u=require("preact/hooks");var _=0;function f(e,t,o,m,n,c){t||(t={});var a,d,i=t;if("ref"in i)for(d in i={},t)d=="ref"?a=t[d]:i[d]=t[d];var l={type:e,props:i,key:o,ref:a,__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 t=u.useRef(null);function o(){const n=e.host||"https://app.documenso.com",c=btoa(JSON.stringify({name:e.name,lockName:e.lockName,email:e.email,lockEmail:e.lockEmail,css:e.css})),a=new URL(`/embed/direct/${e.token}`,n);return e.externalId&&a.searchParams.set("externalId",e.externalId),`${a}#${c}`}function m(n){var c,a,d,i,l,s;if(((c=t.current)==null?void 0:c.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":(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 u.useEffect(()=>{window.addEventListener("message",m)},[]),u.useEffect(()=>()=>{window.removeEventListener("message",m)},[]),f("iframe",{ref:t,className:e.className,src:o()})}function k(e){const t=u.useRef(null);function o(){const n=e.host||"https://app.documenso.com",c=btoa(JSON.stringify({name:e.name,lockName:e.lockName,css:e.css}));return`${new URL(`/embed/sign/${e.token}`,n)}#${c}`}function m(n){var c,a,d,i;if(((c=t.current)==null?void 0:c.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":(i=e.onDocumentError)==null||i.call(e,n.data.data);break}}return u.useEffect(()=>{window.addEventListener("message",m)},[]),u.useEffect(()=>()=>{window.removeEventListener("message",m)},[]),f("iframe",{ref:t,className:e.className,src:o()})}exports.EmbedDirectTemplate=b;exports.EmbedSignDocument=k;
+"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;

package/dist/index.mjs

@@ -1,33 +1,37 @@
-import { options as f } from "preact";
-import { useRef as s, useEffect as o } from "preact/hooks";
+import { options as r } from "preact";
+import { useRef as f, useEffect as u } from "preact/hooks";
 var k = 0;
-function _(e, a, u, m, n, c) {
+function _(e, a, o, m, n, t) {
   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: --k, __i: -1, __u: 0, __source: n, __self: c };
-  return f.vnode && f.vnode(l), l;
+  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 w(e) {
-  const a = s(null);
-  function u() {
-    const n = e.host || "https://app.documenso.com", c = btoa(
-      JSON.stringify({
-        name: e.name,
-        lockName: e.lockName,
-        email: e.email,
-        lockEmail: e.lockEmail,
-        css: e.css
-      })
-    ), t = new URL(`/embed/direct/${e.token}`, n);
-    return e.externalId && t.searchParams.set("externalId", e.externalId), `${t}#${c}`;
+  const a = f(null);
+  function o() {
+    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
+        })
+      )
+    ), c = new URL(`/embed/direct/${e.token}`, n);
+    return e.externalId && c.searchParams.set("externalId", e.externalId), `${c}#${t}`;
   }
   function m(n) {
-    var c, t, d, i, l, r;
-    if (((c = a.current) == null ? void 0 : c.contentWindow) === n.source)
+    var t, c, d, i, l, s;
+    if (((t = a.current) == null ? void 0 : t.contentWindow) === n.source)
       switch (n.data.action) {
         case "document-ready":
-          (t = e.onDocumentReady) == null || t.call(e);
+          (c = e.onDocumentReady) == null || c.call(e);
           break;
         case "document-completed":
           (d = e.onDocumentCompleted) == null || d.call(e, n.data.data);
@@ -39,34 +43,38 @@ function w(e) {
           (l = e.onFieldSigned) == null || l.call(e);
           break;
         case "field-unsigned":
-          (r = e.onFieldUnsigned) == null || r.call(e);
+          (s = e.onFieldUnsigned) == null || s.call(e);
           break;
       }
   }
-  return o(() => {
+  return u(() => {
     window.addEventListener("message", m);
-  }, []), o(() => () => {
+  }, []), u(() => () => {
     window.removeEventListener("message", m);
-  }, []), /* @__PURE__ */ _("iframe", { ref: a, className: e.className, src: u() });
+  }, []), /* @__PURE__ */ _("iframe", { ref: a, className: e.className, src: o() });
 }
-function E(e) {
-  const a = s(null);
-  function u() {
-    const n = e.host || "https://app.documenso.com", c = btoa(
-      JSON.stringify({
-        name: e.name,
-        lockName: e.lockName,
-        css: e.css
-      })
+function D(e) {
+  const a = f(null);
+  function o() {
+    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)}#${c}`;
+    return `${new URL(`/embed/sign/${e.token}`, n)}#${t}`;
   }
   function m(n) {
-    var c, t, d, i;
-    if (((c = a.current) == null ? void 0 : c.contentWindow) === n.source)
+    var t, c, d, i;
+    if (((t = a.current) == null ? void 0 : t.contentWindow) === n.source)
       switch (n.data.action) {
         case "document-ready":
-          (t = e.onDocumentReady) == null || t.call(e);
+          (c = e.onDocumentReady) == null || c.call(e);
           break;
         case "document-completed":
           (d = e.onDocumentCompleted) == null || d.call(e, n.data.data);
@@ -76,13 +84,13 @@ function E(e) {
           break;
       }
   }
-  return o(() => {
+  return u(() => {
     window.addEventListener("message", m);
-  }, []), o(() => () => {
+  }, []), u(() => () => {
     window.removeEventListener("message", m);
-  }, []), /* @__PURE__ */ _("iframe", { ref: a, className: e.className, src: u() });
+  }, []), /* @__PURE__ */ _("iframe", { ref: a, className: e.className, src: o() });
 }
 export {
   w as EmbedDirectTemplate,
-  E as EmbedSignDocument
+  D as EmbedSignDocument
 };

package/dist/sign-document.d.ts

@@ -1,10 +1,12 @@
 import { h } from 'preact';
+import { CssVars } from './css-vars';
 export type EmbedSignDocumentProps = {
     className?: string;
     host?: string;
     token: string;
     css?: string | undefined;
-    cssVars?: Record<string, string> | undefined;
+    cssVars?: (CssVars & Record<string, string>) | undefined;
+    darkModeDisabled?: boolean | undefined;
     name?: string | undefined;
     lockName?: boolean | undefined;
     onDocumentReady?: () => void;

package/package.json

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