@chaibuilder/sdk 1.2.9 → 1.2.11

package/dist/page-viewer-Sh99FGYk.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),u=require("react"),n=require("@radix-ui/react-icons"),o=require("./index-aiHDvS5v.cjs"),x=require("./index-cM3eKmlx.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("lodash-es");require("./Functions-N3yhPYKY.cjs");require("clsx");require("tailwind-merge");require("@chaibuilder/runtime");require("jotai");require("flat-to-nested");require("./MODIFIERS-2FeVfZQ9.cjs");require("@react-hookz/web");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-5ARpH_Tu.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");require("react-i18next");require("i18next");require("@floating-ui/react-dom");require("react-textarea-autosize");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("sonner");require("./html-to-json-2PeOCVey.cjs");require("himalaya");require("lucide-react");require("./web-blocks.cjs");require("./empty-slot-TF2kd-0X.cjs");const m=u.lazy(()=>Promise.resolve().then(()=>require("./single-page-detail-6L38HJC4.cjs"))),j=({pageData:s})=>{const[r,i]=u.useState("CLOSE");return e.jsxRuntimeExports.jsxs(o.Popover,{open:r==="OPEN"||r==="ALERT"||r==="PENDING",onOpenChange:t=>{i(r==="PENDING"?"ALERT":t?"OPEN":"CLOSE")},children:[e.jsxRuntimeExports.jsx(o.PopoverTrigger,{asChild:!0,onClick:t=>{t.stopPropagation(),i("OPEN")},children:e.jsxRuntimeExports.jsx("div",{className:"flex items-center justify-between",children:r==="OPEN"||r==="ALERT"||r==="PENDING"?e.jsxRuntimeExports.jsx(n.ChevronRightIcon,{}):e.jsxRuntimeExports.jsx("div",{className:"hidden hover:text-blue-600 group-hover:flex",children:e.jsxRuntimeExports.jsx(n.GearIcon,{})})})}),e.jsxRuntimeExports.jsx(o.PopoverContent,{side:"right",align:"start",alignOffset:-35,className:"h-screen w-96",children:e.jsxRuntimeExports.jsx(u.Suspense,{fallback:e.jsxRuntimeExports.jsxs("div",{className:"flex w-full animate-pulse flex-col gap-y-3",children:[e.jsxRuntimeExports.jsx("div",{className:"bg-background-300 h-6 w-1/2"}),e.jsxRuntimeExports.jsx("div",{className:"bg-background-300 h-20 w-full"}),e.jsxRuntimeExports.jsx("div",{className:"bg-background-300 h-20 w-full"})]}),children:e.jsxRuntimeExports.jsx(m,{pageData:s,open:r,setOpen:i})})})]})},q=s=>{const[r]=x.useCurrentPage(),{data:i}=x.useProject(),t=x.useChangePage(),l=(i==null?void 0:i.homepage)===s.uuid,a=r===s.uuid,c=()=>t(s);return i?e.jsxRuntimeExports.jsxs("button",{className:`group relative flex w-full cursor-pointer items-center justify-between px-2.5 py-2 ${a?"bg-blue-200 ":""}`,onClick:c,type:"button",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex text-sm items-center gap-x-1.5",children:[l?e.jsxRuntimeExports.jsx(n.HomeIcon,{}):e.jsxRuntimeExports.jsx(n.FileTextIcon,{})," ",s.name]}),e.jsxRuntimeExports.jsx(j,{pageData:s})]}):null},p=({pages:s,isLoading:r})=>r?e.jsxRuntimeExports.jsxs("div",{className:"flex animate-pulse flex-col gap-y-1 px-2.5 pt-2",children:[e.jsxRuntimeExports.jsx("div",{className:"bg-background-200 h-7 w-full"}),e.jsxRuntimeExports.jsx("div",{className:"bg-background-200 h-7 w-full"}),e.jsxRuntimeExports.jsx("div",{className:"bg-background-200 h-7 w-full"})]}):s.length===0?e.jsxRuntimeExports.jsx("div",{className:"px-2.5 pb-2 pt-4",children:"No pages"}):e.jsxRuntimeExports.jsx("div",{className:"-mb-2",children:u.Children.toArray(s.map(i=>e.jsxRuntimeExports.jsx(q,{...i})))});exports.default=p;

package/dist/{page-viewer-feqJr1QI.js → page-viewer-VxqOevr4.js}

@@ -1,16 +1,21 @@
 import { j as e } from "./jsx-runtime-WbnYoNE9.js";
 import s, { useState as n, Suspense as l } from "react";
 import { ChevronRightIcon as c, GearIcon as u, HomeIcon as d, FileTextIcon as x } from "@radix-ui/react-icons";
-import { a$ as g, b0 as h, b1 as f } from "./index-niHREMmR.js";
-import { e as j, b as N, d as b } from "./index-pZhGT8uT.js";
+import { aS as g, aT as h, aU as f } from "./index-pNYv0oAF.js";
+import { e as j, b as N, d as b } from "./index-Fj3ead-J.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
-import "@radix-ui/react-toggle";
-import "class-variance-authority";
-import "./utils-AvyFzbPC.js";
 import "lodash-es";
-import "./MODIFIERS-RiXS5Mn1.js";
+import "./Functions-7jnEwJyw.js";
 import "clsx";
 import "tailwind-merge";
+import "@chaibuilder/runtime";
+import "jotai";
+import "flat-to-nested";
+import "./MODIFIERS-RiXS5Mn1.js";
+import "@react-hookz/web";
+import "@radix-ui/react-toggle";
+import "class-variance-authority";
+import "./Class-17XFhL48.js";
 import "@radix-ui/react-switch";
 import "@radix-ui/react-slot";
 import "@radix-ui/react-accordion";
@@ -32,13 +37,6 @@ import "@radix-ui/react-context-menu";
 import "react-icons-picker";
 import "react-dom";
 import "react-quill";
-import "jotai";
-import "flat-to-nested";
-import "./Functions-7jnEwJyw.js";
-import "redux-undo";
-import "@chaibuilder/runtime";
-import "lodash";
-import "@react-hookz/web";
 import "react-i18next";
 import "i18next";
 import "@floating-ui/react-dom";
@@ -52,8 +50,8 @@ import "./html-to-json-57841sEK.js";
 import "himalaya";
 import "lucide-react";
 import "./web-blocks.js";
-import "./controls-XPXGHKht.js";
-const v = s.lazy(() => import("./single-page-detail-dnWMyg6P.js")), P = ({ pageData: r }) => {
+import "./empty-slot-MWycClTb.js";
+const v = s.lazy(() => import("./single-page-detail-3z7TF-Yy.js")), P = ({ pageData: r }) => {
   const [t, i] = n("CLOSE");
   return /* @__PURE__ */ e.jsxs(
     g,
@@ -105,11 +103,11 @@ const v = s.lazy(() => import("./single-page-detail-dnWMyg6P.js")), P = ({ pageD
       ]
     }
   ) : null;
-}, Ce = ({ pages: r, isLoading: t }) => t ? /* @__PURE__ */ e.jsxs("div", { className: "flex animate-pulse flex-col gap-y-1 px-2.5 pt-2", children: [
+}, Ee = ({ pages: r, isLoading: t }) => t ? /* @__PURE__ */ e.jsxs("div", { className: "flex animate-pulse flex-col gap-y-1 px-2.5 pt-2", children: [
   /* @__PURE__ */ e.jsx("div", { className: "bg-background-200 h-7 w-full" }),
   /* @__PURE__ */ e.jsx("div", { className: "bg-background-200 h-7 w-full" }),
   /* @__PURE__ */ e.jsx("div", { className: "bg-background-200 h-7 w-full" })
 ] }) : r.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: "px-2.5 pb-2 pt-4", children: "No pages" }) : /* @__PURE__ */ e.jsx("div", { className: "-mb-2", children: s.Children.toArray(r.map((i) => /* @__PURE__ */ e.jsx(E, { ...i }))) });
 export {
-  Ce as default
+  Ee as default
 };

package/dist/project-general-setting-VTLHa-Ik.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("./jsx-runtime-Z_BpKhVy.cjs"),a=require("react"),f=require("./index-aiHDvS5v.cjs"),o=require("./empty-slot-TF2kd-0X.cjs"),d=require("./form-KBb3kA8g.cjs"),m=require("./index-cM3eKmlx.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("lodash-es");require("./Functions-N3yhPYKY.cjs");require("clsx");require("tailwind-merge");require("@chaibuilder/runtime");require("jotai");require("flat-to-nested");require("./MODIFIERS-2FeVfZQ9.cjs");require("@react-hookz/web");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-5ARpH_Tu.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");require("react-i18next");require("@rjsf/core");require("@rjsf/validator-ajv8");require("i18next");require("@floating-ui/react-dom");require("react-textarea-autosize");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("sonner");require("./html-to-json-2PeOCVey.cjs");require("himalaya");require("lucide-react");require("./web-blocks.cjs");function j(r){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const u=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(i,e,u.get?u:{enumerable:!0,get:()=>r[e]})}}return i.default=r,Object.freeze(i)}const g=j(a),p=({_projectData:r,seany:i})=>{const{data:e,isLoading:u}=m.useProject();g.useEffect(()=>{e&&i(e)},[e,i]);const n=({formData:s},t)=>{i(l=>({...l,[t]:s[t]}))},c={name:o.u({title:"Project Name",default:e==null?void 0:e.name}),favicon:o.o({title:"Favicon",default:e==null?void 0:e.favicon})};return q.jsxRuntimeExports.jsx(f.ScrollArea,{className:"flex h-full select-none flex-col",children:q.jsxRuntimeExports.jsx(d.Form,{properties:c,disabled:u,formData:r,onChange:n})})};exports.default=p;

package/dist/{project-general-setting-SgagORzW.js → project-general-setting-nWOjPiin.js}

@@ -1,17 +1,22 @@
 import { j as i } from "./jsx-runtime-WbnYoNE9.js";
 import * as l from "react";
-import { bn as n } from "./index-niHREMmR.js";
-import { u as c, o as u } from "./controls-XPXGHKht.js";
-import { F as d } from "./form-OVmsLOrc.js";
-import { b as x } from "./index-pZhGT8uT.js";
+import { be as n } from "./index-pNYv0oAF.js";
+import { u as c, o as u } from "./empty-slot-MWycClTb.js";
+import { F as d } from "./form-SYcFyACJ.js";
+import { b as x } from "./index-Fj3ead-J.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
-import "@radix-ui/react-toggle";
-import "class-variance-authority";
-import "./utils-AvyFzbPC.js";
 import "lodash-es";
-import "./MODIFIERS-RiXS5Mn1.js";
+import "./Functions-7jnEwJyw.js";
 import "clsx";
 import "tailwind-merge";
+import "@chaibuilder/runtime";
+import "jotai";
+import "flat-to-nested";
+import "./MODIFIERS-RiXS5Mn1.js";
+import "@react-hookz/web";
+import "@radix-ui/react-toggle";
+import "class-variance-authority";
+import "./Class-17XFhL48.js";
 import "@radix-ui/react-switch";
 import "@radix-ui/react-slot";
 import "@radix-ui/react-accordion";
@@ -34,13 +39,6 @@ import "@radix-ui/react-context-menu";
 import "react-icons-picker";
 import "react-dom";
 import "react-quill";
-import "jotai";
-import "flat-to-nested";
-import "./Functions-7jnEwJyw.js";
-import "redux-undo";
-import "@chaibuilder/runtime";
-import "lodash";
-import "@react-hookz/web";
 import "react-i18next";
 import "@rjsf/core";
 import "@rjsf/validator-ajv8";
@@ -56,7 +54,7 @@ import "./html-to-json-57841sEK.js";
 import "himalaya";
 import "lucide-react";
 import "./web-blocks.js";
-const ho = ({
+const bo = ({
   _projectData: m,
   seany: t
 }) => {
@@ -79,5 +77,5 @@ const ho = ({
   return /* @__PURE__ */ i.jsx(n, { className: "flex h-full select-none flex-col", children: /* @__PURE__ */ i.jsx(d, { properties: a, disabled: p, formData: m, onChange: e }) });
 };
 export {
-  ho as default
+  bo as default
 };

package/dist/{project-seo-setting-wxAGEkd_.js → project-seo-setting-70bWTwsB.js}

@@ -1,18 +1,23 @@
 import { j as s } from "./jsx-runtime-WbnYoNE9.js";
-import { b as D, u as c, g, o as x } from "./controls-XPXGHKht.js";
-import { F as v } from "./form-OVmsLOrc.js";
+import { b as D, u as c, g, o as x } from "./empty-slot-MWycClTb.js";
+import { F as v } from "./form-SYcFyACJ.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "react";
 import "lodash-es";
+import "./Functions-7jnEwJyw.js";
+import "clsx";
+import "tailwind-merge";
 import "@rjsf/core";
 import "@rjsf/validator-ajv8";
-import "./index-niHREMmR.js";
+import "./index-pNYv0oAF.js";
+import "@chaibuilder/runtime";
+import "jotai";
+import "flat-to-nested";
+import "./MODIFIERS-RiXS5Mn1.js";
+import "@react-hookz/web";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
-import "./utils-AvyFzbPC.js";
-import "./MODIFIERS-RiXS5Mn1.js";
-import "clsx";
-import "tailwind-merge";
+import "./Class-17XFhL48.js";
 import "@radix-ui/react-switch";
 import "@radix-ui/react-slot";
 import "@radix-ui/react-accordion";
@@ -35,19 +40,12 @@ import "@radix-ui/react-context-menu";
 import "react-icons-picker";
 import "react-dom";
 import "react-quill";
-import "jotai";
-import "flat-to-nested";
-import "./Functions-7jnEwJyw.js";
-import "redux-undo";
-import "@chaibuilder/runtime";
-import "lodash";
-import "@react-hookz/web";
 import "react-i18next";
-const nt = ({
+const st = ({
   _projectData: t,
   seany: l
 }) => {
-  var o, r, e, m, p, a;
+  var o, e, r, m, p, a;
   const n = ({ formData: f }) => {
     const i = { ...f };
     i.seoData.title === void 0 && (i.seoData.title = ""), i.seoData.description === void 0 && (i.seoData.description = ""), i.seoData.image === void 0 && (i.seoData.image = ""), l((u) => ({
@@ -59,8 +57,8 @@ const nt = ({
       title: "",
       default: {
         title: ((o = t.seoData) == null ? void 0 : o.title) || "",
-        description: ((r = t.seoData) == null ? void 0 : r.description) || "",
-        image: ((e = t.seoData) == null ? void 0 : e.image) || ""
+        description: ((e = t.seoData) == null ? void 0 : e.description) || "",
+        image: ((r = t.seoData) == null ? void 0 : r.image) || ""
       },
       properties: {
         title: c({
@@ -81,5 +79,5 @@ const nt = ({
   return /* @__PURE__ */ s.jsx("div", { className: "flex h-full select-none flex-col", children: /* @__PURE__ */ s.jsx(v, { properties: d, formData: t, onChange: n }) });
 };
 export {
-  nt as default
+  st as default
 };

package/dist/project-seo-setting-ENAKc2Dl.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./jsx-runtime-Z_BpKhVy.cjs"),i=require("./empty-slot-TF2kd-0X.cjs"),g=require("./form-KBb3kA8g.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("react");require("lodash-es");require("./Functions-N3yhPYKY.cjs");require("clsx");require("tailwind-merge");require("@rjsf/core");require("@rjsf/validator-ajv8");require("./index-aiHDvS5v.cjs");require("@chaibuilder/runtime");require("jotai");require("flat-to-nested");require("./MODIFIERS-2FeVfZQ9.cjs");require("@react-hookz/web");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-5ARpH_Tu.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");require("react-i18next");const D=({_projectData:e,seany:n})=>{var t,u,o,q,s,a;const d=({formData:f})=>{const r={...f};r.seoData.title===void 0&&(r.seoData.title=""),r.seoData.description===void 0&&(r.seoData.description=""),r.seoData.image===void 0&&(r.seoData.image=""),n(c=>({...c,...r}))},m={seoData:i.b({title:"",default:{title:((t=e.seoData)==null?void 0:t.title)||"",description:((u=e.seoData)==null?void 0:u.description)||"",image:((o=e.seoData)==null?void 0:o.image)||""},properties:{title:i.u({title:"Default Title",default:((q=e.seoData)==null?void 0:q.title)||""}),description:i.g({title:"Default Description",default:((s=e.seoData)==null?void 0:s.description)||""}),image:i.o({title:"Social Media Image",default:((a=e.seoData)==null?void 0:a.image)||""})}})};return l.jsxRuntimeExports.jsx("div",{className:"flex h-full select-none flex-col",children:l.jsxRuntimeExports.jsx(g.Form,{properties:m,formData:e,onChange:d})})};exports.default=D;

package/dist/render.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./jsx-runtime-Z_BpKhVy.cjs"),j=require("react"),s=require("lodash-es"),R=require("tailwind-merge"),u=require("./MODIFIERS-2FeVfZQ9.cjs"),_=require("@chaibuilder/runtime"),x=require("./functions-Ox_svtKm.cjs"),y=require("react-wrap-balancer");require("./_commonjsHelpers-wDK0ZLPo.cjs");const B=t=>{const r={};return Object.keys(t).forEach(e=>{s.isString(t[e])&&t[e].startsWith(u.SLOT_KEY)&&(r[e]=t[e].replace(u.SLOT_KEY,"").split(","))}),r},C=s.memoize((t,r)=>{const e=t.replace(u.STYLES_KEY,"").split(","),n=R.twMerge(e[0],e[1]);return x.addPrefixToClasses(n,r).replace(u.STYLES_KEY,"").trim()});function O(t,r){return s.get(t,`${r}_attrs`,{})}function q(t,r){const e={};return Object.keys(t).forEach(n=>{if(s.isString(t[n])&&t[n].startsWith(u.STYLES_KEY)){const o=C(t[n],r);e[n]={className:o,...O(t,n)}}}),e}function T(t,r){const e=s.get(t,"_bindings",{});return s.isEmpty(e)?{...t}:(s.each(e,(n,o)=>{s.isString(n)&&s.get(r,n,null)&&(t[o]=s.get(r,n,null))}),t)}function a({blocks:t,parent:r,classPrefix:e="c-",externalData:n={}}){const o=t,p=i=>q(i,e),f=r?s.filter(t,{_parent:r}):s.filter(t,i=>s.isEmpty(i._parent));return c.jsxRuntimeExports.jsx(c.jsxRuntimeExports.Fragment,{children:j.Children.toArray(f.map((i,h)=>{const d=B(i),m={};s.isEmpty(d)||Object.keys(d).forEach(l=>{m[l]=j.Children.toArray(d[l].map(E=>c.jsxRuntimeExports.jsx(a,{externalData:n,classPrefix:e,blocks:o,parent:E})))});const S=s.filter(o,{_parent:i._id});m.children=S.length>0?c.jsxRuntimeExports.jsx(a,{externalData:n,classPrefix:e,parent:i._id,blocks:o}):null;const g=_.getBlockComponent(i._type);if(g!==null){let l=i;const E=g.component;return l={...g.defaults,...i},j.createElement(E,s.omit({blockProps:{},inBuilder:!1,...l,index:h,...T(i,n),...p(l),...m},["_parent"]))}return c.jsxRuntimeExports.jsxs("noscript",{children:[i._type," not found"]})}))})}const Y=({pageData:t,externalData:r={},before:e=null,after:n=null,classPrefix:o="c-"})=>{const p=s.get(t.project,"brandingOptions",u.BRANDING_OPTIONS_DEFAULTS);return c.jsxRuntimeExports.jsxs(c.jsxRuntimeExports.Fragment,{children:[e,c.jsxRuntimeExports.jsx("div",{className:o.replace("-","")+" "+x.getBrandingClasses(p,o)+" min-h-screen",children:c.jsxRuntimeExports.jsx(y.Provider,{children:c.jsxRuntimeExports.jsx(a,{externalData:r,blocks:t.page.blocks||[],classPrefix:o})})}),n]})};exports.RenderChaiBlocks=a;exports.RenderChaiPage=Y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./jsx-runtime-Z_BpKhVy.cjs"),f=require("react"),n=require("lodash-es"),S=require("tailwind-merge"),d=require("./MODIFIERS-2FeVfZQ9.cjs"),T=require("@chaibuilder/runtime"),y=require("./defaultTheme-IH19g4fv.cjs"),F=require("react-wrap-balancer"),_=require("@react-email/render"),p=require("@react-email/components"),C=require("@bobthered/tailwindcss-palette-generator");require("./_commonjsHelpers-wDK0ZLPo.cjs");const q=t=>{const r={};return Object.keys(t).forEach(e=>{n.isString(t[e])&&t[e].startsWith(d.SLOT_KEY)&&(r[e]=t[e].replace(d.SLOT_KEY,"").split(","))}),r},B=n.memoize((t,r)=>{const e=t.replace(d.STYLES_KEY,"").split(","),s=S.twMerge(e[0],e[1]);return y.addPrefixToClasses(s,r).replace(d.STYLES_KEY,"").trim()});function w(t,r){return n.get(t,`${r}_attrs`,{})}function O(t,r){const e={};return Object.keys(t).forEach(s=>{if(n.isString(t[s])&&t[s].startsWith(d.STYLES_KEY)){const o=B(t[s],r);e[s]={className:o,...w(t,s)}}}),e}function A(t,r){const e=n.get(t,"_bindings",{});return n.isEmpty(e)?{...t}:(n.each(e,(s,o)=>{n.isString(s)&&n.get(r,s,null)&&(t[o]=n.get(r,s,null))}),t)}function m({blocks:t,parent:r,classPrefix:e="c-",externalData:s={}}){const o=t,l=a=>O(a,e),u=r?n.filter(t,{_parent:r}):n.filter(t,a=>n.isEmpty(a._parent));return i.jsxRuntimeExports.jsx(i.jsxRuntimeExports.Fragment,{children:f.Children.toArray(u.map((a,h)=>{const g=q(a),x={};n.isEmpty(g)||Object.keys(g).forEach(c=>{x[c]=f.Children.toArray(g[c].map(j=>i.jsxRuntimeExports.jsx(m,{externalData:s,classPrefix:e,blocks:o,parent:j})))});const R=n.filter(o,{_parent:a._id});x.children=R.length>0?i.jsxRuntimeExports.jsx(m,{externalData:s,classPrefix:e,parent:a._id,blocks:o}):null;const E=T.getBlockComponent(a._type);if(E!==null){let c=a;const j=E.component;return c={...E.defaults,...a},f.createElement(j,n.omit({blockProps:{},inBuilder:!1,...c,index:h,...A(a,s),...l(c),...x},["_parent"]))}return i.jsxRuntimeExports.jsxs("noscript",{children:[a._type," not found"]})}))})}const L=({pageData:t,externalData:r={},before:e=null,after:s=null,classPrefix:o="c-"})=>{const l=n.get(t.project,"brandingOptions",d.BRANDING_OPTIONS_DEFAULTS);return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[e,i.jsxRuntimeExports.jsx("div",{className:o.replace("-","")+" "+y.getBrandingClasses(l,o)+" min-h-screen",children:i.jsxRuntimeExports.jsx(F.Provider,{children:i.jsxRuntimeExports.jsx(m,{externalData:r,blocks:t.page.blocks||[],classPrefix:o})})}),s]})},Y=(t,r="c-")=>{const e=n.get(t,"primaryColor","#000"),s=n.get(t,"secondaryColor","#ccc"),o=n.get(t,"bodyFont","Inter"),l=n.get(t,"roundedCorners","0"),u=C.tailwindcssPaletteGenerator({colors:[e,s],names:["primary","secondary"]});return n.set(u,"primary.DEFAULT",e),n.set(u,"secondary.DEFAULT",s),{theme:{fontFamily:{body:[o,...y.defaultTheme.fontFamily.sans]},extend:{borderRadius:{global:`${l||"0"}px`},colors:u}},...r?{prefix:r}:{}}},b=t=>({fontFamily:t,fallbackFontFamily:"Verdana",webFont:{url:`https://fonts.googleapis.com/css2?family=${t}&display=swap`,format:"woff"},fontWeight:400,fontStyle:"normal"}),N=(t,r,e="html")=>{const s=Y(r);return _.render(i.jsxRuntimeExports.jsx(p.Tailwind,{config:s,children:i.jsxRuntimeExports.jsxs(p.Html,{lang:"en",dir:"ltr",children:[i.jsxRuntimeExports.jsx(p.Head,{children:i.jsxRuntimeExports.jsx(p.Font,{...b(n.get(r,"bodyFont","Verdana"))})}),i.jsxRuntimeExports.jsx("body",{children:i.jsxRuntimeExports.jsx(m,{blocks:t})})]})}),e==="html"?{pretty:!0}:{plainText:!0})};exports.RenderChaiBlocks=m;exports.RenderChaiPage=L;exports.generateEmailTemplate=N;

package/dist/render.d.ts

@@ -47,6 +47,8 @@ declare type ChaiPageProps = {
     externalData?: Record<string, any>;
 };
 
+export declare const generateEmailTemplate: (blocks: ChaiBlock[], brandingOptions: Record<string, any>, output?: "plain" | "html") => string;
+
 export declare function RenderChaiBlocks({ blocks, parent, classPrefix, externalData, }: {
     blocks: ChaiBlock[];
     parent?: string;

package/dist/render.js

@@ -1,123 +1,164 @@
-import { j as o } from "./jsx-runtime-WbnYoNE9.js";
-import u from "react";
-import { isString as E, memoize as y, get as c, isEmpty as h, each as A, filter as g, omit as x } from "lodash-es";
-import { twMerge as N } from "tailwind-merge";
-import { S as B, a as _, B as R } from "./MODIFIERS-RiXS5Mn1.js";
-import { getBlockComponent as T } from "@chaibuilder/runtime";
-import { a as F, g as L } from "./functions-xIebp8Aw.js";
-import { Provider as Y } from "react-wrap-balancer";
+import { j as s } from "./jsx-runtime-WbnYoNE9.js";
+import y from "react";
+import { isString as _, memoize as S, get as a, isEmpty as j, each as B, filter as h, omit as A, set as x } from "lodash-es";
+import { twMerge as w } from "tailwind-merge";
+import { S as C, a as F, B as O } from "./MODIFIERS-RiXS5Mn1.js";
+import { getBlockComponent as R } from "@chaibuilder/runtime";
+import { a as N, g as L, d as b } from "./defaultTheme-YY8mlQS3.js";
+import { Provider as I } from "react-wrap-balancer";
+import { render as U } from "@react-email/render";
+import { Tailwind as W, Html as Y, Head as $, Font as G } from "@react-email/components";
+import { tailwindcssPaletteGenerator as H } from "@bobthered/tailwindcss-palette-generator";
 import "./_commonjsHelpers-UyOWmZb0.js";
-const I = (t) => {
+const K = (t) => {
   const r = {};
   return Object.keys(t).forEach((n) => {
-    E(t[n]) && t[n].startsWith(B) && (r[n] = t[n].replace(B, "").split(","));
+    _(t[n]) && t[n].startsWith(C) && (r[n] = t[n].replace(C, "").split(","));
   }), r;
-}, K = y((t, r) => {
-  const n = t.replace(_, "").split(","), s = N(n[0], n[1]);
-  return F(s, r).replace(_, "").trim();
+}, P = S((t, r) => {
+  const n = t.replace(F, "").split(","), e = w(n[0], n[1]);
+  return N(e, r).replace(F, "").trim();
 });
-function W(t, r) {
-  return c(t, `${r}_attrs`, {});
+function V(t, r) {
+  return a(t, `${r}_attrs`, {});
 }
-function w(t, r) {
+function z(t, r) {
   const n = {};
-  return Object.keys(t).forEach((s) => {
-    if (E(t[s]) && t[s].startsWith(_)) {
-      const i = K(t[s], r);
-      n[s] = {
-        className: i,
-        ...W(t, s)
+  return Object.keys(t).forEach((e) => {
+    if (_(t[e]) && t[e].startsWith(F)) {
+      const o = P(t[e], r);
+      n[e] = {
+        className: o,
+        ...V(t, e)
       };
     }
   }), n;
 }
-function z(t, r) {
-  const n = c(t, "_bindings", {});
-  return h(n) ? { ...t } : (A(n, (s, i) => {
-    E(s) && c(r, s, null) && (t[i] = c(r, s, null));
+function D(t, r) {
+  const n = a(t, "_bindings", {});
+  return j(n) ? { ...t } : (B(n, (e, o) => {
+    _(e) && a(r, e, null) && (t[o] = a(r, e, null));
   }), t);
 }
-function j({
+function d({
   blocks: t,
   parent: r,
   classPrefix: n = "c-",
-  externalData: s = {}
+  externalData: e = {}
 }) {
-  const i = t, l = (e) => w(e, n), S = r ? g(t, { _parent: r }) : g(t, (e) => h(e._parent));
-  return /* @__PURE__ */ o.jsx(o.Fragment, { children: u.Children.toArray(
-    S.map((e, C) => {
-      const p = I(e), m = {};
-      h(p) || Object.keys(p).forEach((a) => {
-        m[a] = u.Children.toArray(
-          p[a].map((f) => /* @__PURE__ */ o.jsx(
-            j,
+  const o = t, l = (i) => z(i, n), m = r ? h(t, { _parent: r }) : h(t, (i) => j(i._parent));
+  return /* @__PURE__ */ s.jsx(s.Fragment, { children: y.Children.toArray(
+    m.map((i, E) => {
+      const p = K(i), f = {};
+      j(p) || Object.keys(p).forEach((c) => {
+        f[c] = y.Children.toArray(
+          p[c].map((g) => /* @__PURE__ */ s.jsx(
+            d,
             {
-              externalData: s,
+              externalData: e,
               classPrefix: n,
-              blocks: i,
-              parent: f
+              blocks: o,
+              parent: g
             }
           ))
         );
       });
-      const O = g(i, { _parent: e._id });
-      m.children = O.length > 0 ? /* @__PURE__ */ o.jsx(
-        j,
+      const T = h(o, { _parent: i._id });
+      f.children = T.length > 0 ? /* @__PURE__ */ s.jsx(
+        d,
         {
-          externalData: s,
+          externalData: e,
           classPrefix: n,
-          parent: e._id,
-          blocks: i
+          parent: i._id,
+          blocks: o
         }
       ) : null;
-      const d = T(e._type);
-      if (d !== null) {
-        let a = e;
-        const f = d.component;
-        return a = { ...d.defaults, ...e }, u.createElement(
-          f,
-          x(
+      const u = R(i._type);
+      if (u !== null) {
+        let c = i;
+        const g = u.component;
+        return c = { ...u.defaults, ...i }, y.createElement(
+          g,
+          A(
             {
               blockProps: {},
               inBuilder: !1,
-              ...a,
-              index: C,
-              ...z(e, s),
-              ...l(a),
-              ...m
+              ...c,
+              index: E,
+              ...D(i, e),
+              ...l(c),
+              ...f
             },
             ["_parent"]
           )
         );
       }
-      return /* @__PURE__ */ o.jsxs("noscript", { children: [
-        e._type,
+      return /* @__PURE__ */ s.jsxs("noscript", { children: [
+        i._type,
         " not found"
       ] });
     })
   ) });
 }
-const Q = ({
+const it = ({
   pageData: t,
   externalData: r = {},
   before: n = null,
-  after: s = null,
-  classPrefix: i = "c-"
+  after: e = null,
+  classPrefix: o = "c-"
 }) => {
-  const l = c(t.project, "brandingOptions", R);
-  return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+  const l = a(t.project, "brandingOptions", O);
+  return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     n,
-    /* @__PURE__ */ o.jsx(
+    /* @__PURE__ */ s.jsx(
       "div",
       {
-        className: i.replace("-", "") + " " + L(l, i) + " min-h-screen",
-        children: /* @__PURE__ */ o.jsx(Y, { children: /* @__PURE__ */ o.jsx(j, { externalData: r, blocks: t.page.blocks || [], classPrefix: i }) })
+        className: o.replace("-", "") + " " + L(l, o) + " min-h-screen",
+        children: /* @__PURE__ */ s.jsx(I, { children: /* @__PURE__ */ s.jsx(d, { externalData: r, blocks: t.page.blocks || [], classPrefix: o }) })
       }
     ),
-    s
+    e
   ] });
+}, M = (t, r = "c-") => {
+  const n = a(t, "primaryColor", "#000"), e = a(t, "secondaryColor", "#ccc"), o = a(t, "bodyFont", "Inter"), l = a(t, "roundedCorners", "0"), m = H({
+    colors: [n, e],
+    names: ["primary", "secondary"]
+  });
+  return x(m, "primary.DEFAULT", n), x(m, "secondary.DEFAULT", e), {
+    theme: {
+      fontFamily: {
+        body: [o, ...b.fontFamily.sans]
+      },
+      extend: {
+        borderRadius: {
+          global: `${l || "0"}px`
+        },
+        colors: m
+      }
+    },
+    ...r ? { prefix: r } : {}
+  };
+}, q = (t) => ({
+  fontFamily: t,
+  fallbackFontFamily: "Verdana",
+  webFont: {
+    url: `https://fonts.googleapis.com/css2?family=${t}&display=swap`,
+    format: "woff"
+  },
+  fontWeight: 400,
+  fontStyle: "normal"
+}), at = (t, r, n = "html") => {
+  const e = M(r);
+  return U(
+    /* @__PURE__ */ s.jsx(W, { config: e, children: /* @__PURE__ */ s.jsxs(Y, { lang: "en", dir: "ltr", children: [
+      /* @__PURE__ */ s.jsx($, { children: /* @__PURE__ */ s.jsx(G, { ...q(a(r, "bodyFont", "Verdana")) }) }),
+      /* @__PURE__ */ s.jsx("body", { children: /* @__PURE__ */ s.jsx(d, { blocks: t }) })
+    ] }) }),
+    n === "html" ? { pretty: !0 } : { plainText: !0 }
+  );
 };
 export {
-  j as RenderChaiBlocks,
-  Q as RenderChaiPage
+  d as RenderChaiBlocks,
+  it as RenderChaiPage,
+  at as generateEmailTemplate
 };