@documenso/embed-solid 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,10 +1,12 @@
+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 o=require("solid-js");function l(e,i,m){let c;const t=()=>{const n=document.createElement("template");return n.innerHTML=e,n.content.firstChild},a=()=>(c||(c=t())).cloneNode(!0);return a.cloneNode=a,a}function s(e,i,m){g(e)||(m==null?e.removeAttribute(i):e.setAttribute(i,m))}function f(e,i){g(e)||(i==null?e.removeAttribute("class"):e.className=i)}function b(e,i,m){return o.untrack(()=>e(i,m))}function g(e){return!!o.sharedConfig.context&&!o.sharedConfig.done&&(!e||e.isConnected)}var k=l("<iframe>");function E(e){const i=o.createMemo(()=>{const t=e.host||"https://app.documenso.com",a=btoa(JSON.stringify({name:e.name,lockName:e.lockName,email:e.email,lockEmail:e.lockEmail,css:e.css})),n=new URL(`/embed/direct/${e.token}`,t);return e.externalId&&n.searchParams.set("externalId",e.externalId),`${n}#${a}`});function m(t){var a,n,d,u,r;if((c==null?void 0:c.contentWindow)===t.source)switch(t.data.action){case"document-ready":(a=e.onDocumentReady)==null||a.call(e);break;case"document-completed":(n=e.onDocumentCompleted)==null||n.call(e,t.data.data);break;case"document-error":(d=e.onDocumentError)==null||d.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}}let c;return o.onMount(()=>{window.addEventListener("message",m)}),(()=>{var t=k(),a=c;return typeof a=="function"?b(a,t):c=t,o.createRenderEffect(n=>{var d=e.className,u=i();return d!==n.e&&f(t,n.e=d),u!==n.t&&s(t,"src",n.t=u),n},{e:void 0,t:void 0}),t})()}var v=l("<iframe>");function h(e){const i=o.createMemo(()=>{const t=e.host||"https://app.documenso.com",a=btoa(JSON.stringify({name:e.name,lockName:e.lockName,css:e.css}));return`${new URL(`/embed/sign/${e.token}`,t)}#${a}`});function m(t){var a,n,d;if((c==null?void 0:c.contentWindow)===t.source)switch(t.data.action){case"document-ready":(a=e.onDocumentReady)==null||a.call(e);break;case"document-completed":(n=e.onDocumentCompleted)==null||n.call(e,t.data.data);break;case"document-error":(d=e.onDocumentError)==null||d.call(e,t.data.data);break}}let c;return o.onMount(()=>{window.addEventListener("message",m)}),(()=>{var t=v(),a=c;return typeof a=="function"?b(a,t):c=t,o.createRenderEffect(n=>{var d=e.className,u=i();return d!==n.e&&f(t,n.e=d),u!==n.t&&s(t,"src",n.t=u),n},{e:void 0,t:void 0}),t})()}exports.EmbedDirectTemplate=E;exports.EmbedSignDocument=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("solid-js");function u(e,d,o){let c;const t=()=>{const n=document.createElement("template");return n.innerHTML=e,n.content.firstChild},a=()=>(c||(c=t())).cloneNode(!0);return a.cloneNode=a,a}function s(e,d,o){k(e)||(o==null?e.removeAttribute(d):e.setAttribute(d,o))}function f(e,d){k(e)||(d==null?e.removeAttribute("class"):e.className=d)}function b(e,d,o){return m.untrack(()=>e(d,o))}function k(e){return!!m.sharedConfig.context&&!m.sharedConfig.done&&(!e||e.isConnected)}var g=u("<iframe>");function D(e){const d=m.createMemo(()=>{const t=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}))),n=new URL(`/embed/direct/${e.token}`,t);return e.externalId&&n.searchParams.set("externalId",e.externalId),`${n}#${a}`});function o(t){var a,n,i,r,l;if((c==null?void 0:c.contentWindow)===t.source)switch(t.data.action){case"document-ready":(a=e.onDocumentReady)==null||a.call(e);break;case"document-completed":(n=e.onDocumentCompleted)==null||n.call(e,t.data.data);break;case"document-error":(i=e.onDocumentError)==null||i.call(e,t.data.data);break;case"field-signed":(r=e.onFieldSigned)==null||r.call(e);break;case"field-unsigned":(l=e.onFieldUnsigned)==null||l.call(e);break}}let c;return m.onMount(()=>{window.addEventListener("message",o)}),(()=>{var t=g(),a=c;return typeof a=="function"?b(a,t):c=t,m.createRenderEffect(n=>{var i=e.className,r=d();return i!==n.e&&f(t,n.e=i),r!==n.t&&s(t,"src",n.t=r),n},{e:void 0,t:void 0}),t})()}var E=u("<iframe>");function v(e){const d=m.createMemo(()=>{const t=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}`,t)}#${a}`});function o(t){var a,n,i;if((c==null?void 0:c.contentWindow)===t.source)switch(t.data.action){case"document-ready":(a=e.onDocumentReady)==null||a.call(e);break;case"document-completed":(n=e.onDocumentCompleted)==null||n.call(e,t.data.data);break;case"document-error":(i=e.onDocumentError)==null||i.call(e,t.data.data);break}}let c;return m.onMount(()=>{window.addEventListener("message",o)}),(()=>{var t=E(),a=c;return typeof a=="function"?b(a,t):c=t,m.createRenderEffect(n=>{var i=e.className,r=d();return i!==n.e&&f(t,n.e=i),r!==n.t&&s(t,"src",n.t=r),n},{e:void 0,t:void 0}),t})()}exports.EmbedDirectTemplate=D;exports.EmbedSignDocument=v;

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { sharedConfig as l, untrack as h, createMemo as r, onMount as s, createRenderEffect as f } from "solid-js";
-function b(e, i, m) {
+import { sharedConfig as r, untrack as N, createMemo as u, onMount as s, createRenderEffect as f } from "solid-js";
+function b(e, d, m) {
   let c;
   const t = () => {
     const n = document.createElement("template");
@@ -7,32 +7,34 @@ function b(e, i, m) {
   }, a = () => (c || (c = t())).cloneNode(!0);
   return a.cloneNode = a, a;
 }
-function k(e, i, m) {
-  N(e) || (m == null ? e.removeAttribute(i) : e.setAttribute(i, m));
+function k(e, d, m) {
+  D(e) || (m == null ? e.removeAttribute(d) : e.setAttribute(d, m));
 }
-function g(e, i) {
-  N(e) || (i == null ? e.removeAttribute("class") : e.className = i);
+function g(e, d) {
+  D(e) || (d == null ? e.removeAttribute("class") : e.className = d);
 }
-function v(e, i, m) {
-  return h(() => e(i, m));
+function v(e, d, m) {
+  return N(() => e(d, m));
 }
-function N(e) {
-  return !!l.context && !l.done && (!e || e.isConnected);
+function D(e) {
+  return !!r.context && !r.done && (!e || e.isConnected);
 }
-var E = /* @__PURE__ */ b("<iframe>");
-function $(e) {
-  const i = r(() => {
-    const t = e.host || "https://app.documenso.com", a = btoa(JSON.stringify({
+var h = /* @__PURE__ */ b("<iframe>");
+function y(e) {
+  const d = u(() => {
+    const t = 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
-    })), n = new URL(`/embed/direct/${e.token}`, t);
+      css: e.css,
+      cssVars: e.cssVars,
+      darkModeDisabled: e.darkModeDisabled
+    }))), n = new URL(`/embed/direct/${e.token}`, t);
     return e.externalId && n.searchParams.set("externalId", e.externalId), `${n}#${a}`;
   });
   function m(t) {
-    var a, n, d, u, o;
+    var a, n, i, o, l;
     if ((c == null ? void 0 : c.contentWindow) === t.source)
       switch (t.data.action) {
         case "document-ready":
@@ -42,13 +44,13 @@ function $(e) {
           (n = e.onDocumentCompleted) == null || n.call(e, t.data.data);
           break;
         case "document-error":
-          (d = e.onDocumentError) == null || d.call(e, t.data.data);
+          (i = e.onDocumentError) == null || i.call(e, t.data.data);
           break;
         case "field-signed":
-          (u = e.onFieldSigned) == null || u.call(e);
+          (o = e.onFieldSigned) == null || o.call(e);
           break;
         case "field-unsigned":
-          (o = e.onFieldUnsigned) == null || o.call(e);
+          (l = e.onFieldUnsigned) == null || l.call(e);
           break;
       }
   }
@@ -56,28 +58,30 @@ function $(e) {
   return s(() => {
     window.addEventListener("message", m);
   }), (() => {
-    var t = E(), a = c;
+    var t = h(), a = c;
     return typeof a == "function" ? v(a, t) : c = t, f((n) => {
-      var d = e.className, u = i();
-      return d !== n.e && g(t, n.e = d), u !== n.t && k(t, "src", n.t = u), n;
+      var i = e.className, o = d();
+      return i !== n.e && g(t, n.e = i), o !== n.t && k(t, "src", n.t = o), n;
     }, {
       e: void 0,
       t: void 0
     }), t;
   })();
 }
-var w = /* @__PURE__ */ b("<iframe>");
-function D(e) {
-  const i = r(() => {
-    const t = e.host || "https://app.documenso.com", a = btoa(JSON.stringify({
+var E = /* @__PURE__ */ b("<iframe>");
+function M(e) {
+  const d = u(() => {
+    const t = e.host || "https://app.documenso.com", a = btoa(encodeURIComponent(JSON.stringify({
       name: e.name,
       lockName: e.lockName,
-      css: e.css
-    }));
+      css: e.css,
+      cssVars: e.cssVars,
+      darkModeDisabled: e.darkModeDisabled
+    })));
     return `${new URL(`/embed/sign/${e.token}`, t)}#${a}`;
   });
   function m(t) {
-    var a, n, d;
+    var a, n, i;
     if ((c == null ? void 0 : c.contentWindow) === t.source)
       switch (t.data.action) {
         case "document-ready":
@@ -87,7 +91,7 @@ function D(e) {
           (n = e.onDocumentCompleted) == null || n.call(e, t.data.data);
           break;
         case "document-error":
-          (d = e.onDocumentError) == null || d.call(e, t.data.data);
+          (i = e.onDocumentError) == null || i.call(e, t.data.data);
           break;
       }
   }
@@ -95,10 +99,10 @@ function D(e) {
   return s(() => {
     window.addEventListener("message", m);
   }), (() => {
-    var t = w(), a = c;
+    var t = E(), a = c;
     return typeof a == "function" ? v(a, t) : c = t, f((n) => {
-      var d = e.className, u = i();
-      return d !== n.e && g(t, n.e = d), u !== n.t && k(t, "src", n.t = u), n;
+      var i = e.className, o = d();
+      return i !== n.e && g(t, n.e = i), o !== n.t && k(t, "src", n.t = o), n;
     }, {
       e: void 0,
       t: void 0
@@ -106,6 +110,6 @@ function D(e) {
   })();
 }
 export {
-  $ as EmbedDirectTemplate,
-  D as EmbedSignDocument
+  y as EmbedDirectTemplate,
+  M as EmbedSignDocument
 };

package/dist/sign-document.d.ts

@@ -1,9 +1,11 @@
+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-solid",
-  "version": "0.1.0",
+  "version": "0.2.0-rc.1",
   "license": "MIT",
   "files": [
     "dist"