@chaibuilder/sdk 4.0.0-beta.2 → 4.0.0-beta.4

package/dist/{publish-pages-content-BTPzt_m4.js → publish-pages-content-CS7f41Ac.js}

@@ -1,122 +1,123 @@
-import { jsxs as n, jsx as t, Fragment as _ } from "react/jsx-runtime";
-import { d as $, e as K, f as Q, p as J, q as V, B as L } from "./index-S8ibZk9Q.js";
-import { LanguageSelector as W } from "./page-manager-search-and-filter-kNJFWJ86.js";
-import { ar as X, as as Y, A as I, aA as q, aB as Z, k as ee, m as te, ap as se, T as U, t as le } from "./index-BDnwJqMw.js";
-import { useQuery as ae } from "@tanstack/react-query";
-import { find as B, filter as a, map as b, keys as ne, get as F, includes as C, orderBy as N, isEmpty as re, uniq as G, first as ce, concat as oe } from "lodash-es";
-import { Lock as ie, GlobeIcon as de, File as ue, Edit as he } from "lucide-react";
-import { useState as D, useCallback as me, useMemo as p, useEffect as j } from "react";
+import { jsxs as n, jsx as t, Fragment as $ } from "react/jsx-runtime";
+import { B as L } from "./register-chai-top-bar-ESJHs5s-.js";
+import { d as K, e as Q, f as J, p as V, q as W } from "./index-rAcNbjk_.js";
+import { ar as X, as as Y, A as I, aA as O, aB as Z, k as ee, m as te, ap as se, T as U, t as le } from "./index-Dno42B0a.js";
+import { LanguageSelector as ae } from "./page-manager-search-and-filter-zq-LfhQ1.js";
+import { useQuery as ne } from "@tanstack/react-query";
+import { find as B, filter as a, map as b, keys as re, get as F, includes as C, orderBy as N, isEmpty as oe, uniq as G, first as ce, concat as ie } from "lodash-es";
+import { Lock as de, GlobeIcon as ue, File as me, Edit as he } from "lucide-react";
+import { useState as D, useCallback as pe, useMemo as g, useEffect as j, startTransition as q } from "react";
 const ge = () => {
   const s = X(), d = Y();
-  return ae({
+  return ne({
     queryKey: [I.GET_CHANGES],
     queryFn: async () => d(s, { action: I.GET_CHANGES })
   });
-}, pe = ({ page: s, selectedPages: d, handleCheckboxChange: k, getPageType: x, hasSlug: h, currentOwnerId: r }) => {
-  const u = q(), { data: i } = se(r), c = r === u ? null : i == null ? void 0 : i.name;
+}, fe = ({ page: s, selectedPages: d, handleCheckboxChange: k, getPageType: f, hasSlug: m, currentOwnerId: r }) => {
+  const u = O(), { data: i } = se(r), o = r === u ? null : i == null ? void 0 : i.name;
   return /* @__PURE__ */ n("tr", { className: "group relative border-b last:border-b-0 hover:bg-gray-50", children: [
     /* @__PURE__ */ n(
       "td",
       {
         scope: "row",
-        className: `flex items-center gap-x-1 whitespace-nowrap px-6 py-2 text-gray-900 dark:text-white ${c ? "opacity-50" : ""}`,
+        className: `flex items-center gap-x-1 whitespace-nowrap px-6 py-2 text-gray-900 dark:text-white ${o ? "opacity-50" : ""}`,
         children: [
-          c ? /* @__PURE__ */ t(ie, { className: "h-4 w-4 fill-red-200 text-red-500" }) : /* @__PURE__ */ t(
+          o ? /* @__PURE__ */ t(de, { className: "h-4 w-4 fill-red-200 text-red-500" }) : /* @__PURE__ */ t(
             "input",
             {
               checked: C(d, s == null ? void 0 : s.id),
-              onClick: (f) => {
-                f.stopPropagation(), k(s == null ? void 0 : s.id);
+              onClick: (x) => {
+                x.stopPropagation(), k(s == null ? void 0 : s.id);
               },
               type: "checkbox",
               className: "cursor-pointer rounded focus:outline-none focus:ring-0"
             }
           ),
           " ",
-          h(s.pageType) ? /* @__PURE__ */ t(ue, { className: "h-4 w-4" }) : /* @__PURE__ */ t(de, { className: "h-4 w-4" }),
+          m(s.pageType) ? /* @__PURE__ */ t(me, { className: "h-4 w-4" }) : /* @__PURE__ */ t(ue, { className: "h-4 w-4" }),
           /* @__PURE__ */ t(U, { content: s.name, side: "top", showTooltip: s.name.length > 25, children: /* @__PURE__ */ t("span", { className: "max-w-[200px] truncate font-medium text-black", children: s.name }) }),
           s.slug && /* @__PURE__ */ t(U, { content: s.slug, side: "top", showTooltip: s.slug.length > 25, children: /* @__PURE__ */ t("span", { className: "max-w-[200px] truncate font-mono text-xs text-muted-foreground", children: s.slug }) })
         ]
       }
     ),
-    /* @__PURE__ */ t("td", { className: "px-2", children: x(s == null ? void 0 : s.pageType) }),
+    /* @__PURE__ */ t("td", { className: "px-2", children: f(s == null ? void 0 : s.pageType) }),
     /* @__PURE__ */ t("td", { className: "px-4 text-right", children: ce(s.changes) || "" }),
-    /* @__PURE__ */ t(_, { children: c && /* @__PURE__ */ n("button", { className: "absolute right-0 top-0 flex h-full items-center gap-x-1 rounded bg-red-50 px-2 py-0.5 text-xs font-light text-red-500 opacity-0 group-hover:opacity-100", children: [
+    /* @__PURE__ */ t($, { children: o && /* @__PURE__ */ n("button", { className: "absolute right-0 top-0 flex h-full items-center gap-x-1 rounded bg-red-50 px-2 py-0.5 text-xs font-light text-red-500 opacity-0 group-hover:opacity-100", children: [
       /* @__PURE__ */ t(he, { size: 12, className: "stroke-[3]" }),
       " ",
-      /* @__PURE__ */ t("span", { className: "font-medium", children: c }),
+      /* @__PURE__ */ t("span", { className: "font-medium", children: o }),
       " is editing this page"
     ] }) })
   ] }, s == null ? void 0 : s.id);
-}, Pe = ({
+}, ve = ({
   onClose: s = () => {
   },
   isPending: d,
   publishPage: k
 }) => {
-  const x = q(), { pageToUser: h } = Z(), [r, u] = D([]), i = ee(), [c, f] = D(i), { data: w, isFetching: v } = ge(), { data: m } = te(), T = me((e) => {
+  const f = O(), { pageToUser: m } = Z(), [r, u] = D([]), i = ee(), [o, x] = D(i), { data: w, isFetching: v } = ge(), { data: h } = te(), T = pe((e) => {
     var l;
-    return (l = B(m, { key: e })) == null ? void 0 : l.hasSlug;
-  }, [m]), y = p(
-    () => a(m, (e) => !T(e.key)).map((e) => e.key),
-    [T, m]
-  ), E = G(b(w, "lang")).filter(Boolean), o = p(
-    () => a(w, (e) => e.pageType === "theme" ? !1 : c === i ? e.lang === c || e.lang === "" : e.lang === c),
-    [w, c, i]
-  ), S = p(
-    () => a(o, (e) => !y.includes(e.pageType)),
-    [o, y]
-  ), P = p(
-    () => a(o, (e) => y.includes(e.pageType)),
-    [o, y]
+    return (l = B(h, { key: e })) == null ? void 0 : l.hasSlug;
+  }, [h]), y = g(
+    () => a(h, (e) => !T(e.key)).map((e) => e.key),
+    [T, h]
+  ), E = G(b(w, "lang")).filter(Boolean), c = g(
+    () => a(w, (e) => e.pageType === "theme" ? !1 : o === i ? e.lang === o || e.lang === "" : e.lang === o),
+    [w, o, i]
+  ), S = g(
+    () => a(c, (e) => !y.includes(e.pageType)),
+    [c, y]
+  ), P = g(
+    () => a(c, (e) => y.includes(e.pageType)),
+    [c, y]
   );
   j(() => {
-    const e = b(a(o, { online: !0 }), "id");
-    u(e);
-  }, [o]), j(() => {
-    const e = a(ne(h), (l) => F(h, [l, "userId"]) !== x);
-    u((l) => a(l, (g) => !C(e, g)));
-  }, [h, x]);
-  const A = r.length === (o == null ? void 0 : o.length), O = (e) => {
-    u((l) => C(l, e) ? a(l, (g) => g !== e) : oe(l, e));
-  }, H = () => {
-    u(A ? [] : b(o, "id"));
+    const e = b(a(c, { online: !0 }), "id");
+    q(() => u(e));
+  }, [c]), j(() => {
+    const e = a(re(m), (l) => F(m, [l, "userId"]) !== f);
+    q(() => u((l) => a(l, (p) => !C(e, p))));
+  }, [m, f]);
+  const A = r.length === (c == null ? void 0 : c.length), H = (e) => {
+    u((l) => C(l, e) ? a(l, (p) => p !== e) : ie(l, e));
   }, z = () => {
+    u(A ? [] : b(c, "id"));
+  }, M = () => {
     k(
       { ids: G(r) },
       {
         onSuccess: () => {
-          s(), le("CENTER_CENTER"), f(i);
+          s(), le("CENTER_CENTER"), x(i);
         }
       }
     );
-  }, M = (e) => {
+  }, R = (e) => {
     if (e === "theme") return "Theme";
-    const l = B(m, { key: e });
+    const l = B(h, { key: e });
     return l ? l == null ? void 0 : l.name : e;
-  }, R = p(() => {
+  }, _ = g(() => {
     const e = [
       { label: "Updated", top: "pt-2" },
       ...N(a(S, { online: !0 }), "pageType"),
       ...N(a(P, { online: !0 }), "pageType")
-    ].filter((g) => g.pageType !== "theme"), l = [
+    ].filter((p) => p.pageType !== "theme"), l = [
       { label: "Offline", top: "pt-6" },
       ...N(a(S, { online: !1 }), "pageType"),
       ...N(a(P, { online: !1 }), "pageType")
     ];
     return [...e, ...l];
   }, [S, P]);
-  return /* @__PURE__ */ n($, { className: "flex max-h-[80%] max-w-4xl flex-col", children: [
-    /* @__PURE__ */ n(K, { children: [
-      /* @__PURE__ */ t(Q, { children: "Publish changes" }),
-      /* @__PURE__ */ t(J, { className: "text-xs", children: "Select the pages you want to publish. Click publish when you're done." })
+  return /* @__PURE__ */ n(K, { className: "flex max-h-[80%] max-w-4xl flex-col", children: [
+    /* @__PURE__ */ n(Q, { children: [
+      /* @__PURE__ */ t(J, { children: "Publish changes" }),
+      /* @__PURE__ */ t(V, { className: "text-xs", children: "Select the pages you want to publish. Click publish when you're done." })
     ] }),
     E.length > 0 && /* @__PURE__ */ t("div", { className: "my-[2px] mt-0", children: /* @__PURE__ */ t(
-      W,
+      ae,
       {
         languages: [i, ...E],
-        selectedLanguage: c,
-        setSelectedLanguage: f
+        selectedLanguage: o,
+        setSelectedLanguage: x
       }
     ) }),
     /* @__PURE__ */ t("div", { className: "no-scrollbar relative -mx-4 -mt-4 h-full max-h-full overflow-y-auto", children: v ? /* @__PURE__ */ n("div", { className: "space-y-2 px-1", children: [
@@ -132,7 +133,7 @@ const ge = () => {
             {
               checked: A,
               onClick: (e) => {
-                e.stopPropagation(), H();
+                e.stopPropagation(), z();
               },
               type: "checkbox",
               className: "mt-1 cursor-pointer rounded focus:outline-none focus:ring-0"
@@ -144,24 +145,24 @@ const ge = () => {
         /* @__PURE__ */ t("th", { scope: "col", className: "w-[150px] px-4 py-3 text-right", children: "Status" })
       ] }) }),
       /* @__PURE__ */ t("tbody", { children: b(
-        R,
+        _,
         (e) => e.label ? /* @__PURE__ */ t("tr", { children: /* @__PURE__ */ n("td", { colSpan: 3, className: `relative px-6 py-2 text-xs font-medium text-gray-800 ${e.top}`, children: [
           /* @__PURE__ */ t("div", { className: "absolute inset-0 left-6 flex items-center", children: /* @__PURE__ */ t("div", { className: "order-gray-300 w-full" }) }),
           /* @__PURE__ */ t("div", { className: "relative flex justify-start", children: /* @__PURE__ */ t("span", { className: "bg-gray-50 pr-2", children: e.label }) })
         ] }) }, "separator") : /* @__PURE__ */ t(
-          pe,
+          fe,
           {
             page: e,
             selectedPages: r,
-            handleCheckboxChange: O,
-            getPageType: M,
+            handleCheckboxChange: H,
+            getPageType: R,
             hasSlug: T,
-            currentOwnerId: F(h, [(e == null ? void 0 : e.primaryPage) || (e == null ? void 0 : e.id), "userId"])
+            currentOwnerId: F(m, [(e == null ? void 0 : e.primaryPage) || (e == null ? void 0 : e.id), "userId"])
           }
         )
       ) })
     ] }) }),
-    /* @__PURE__ */ n(V, { className: "mt-10 flex items-center justify-center", children: [
+    /* @__PURE__ */ n(W, { className: "mt-10 flex items-center justify-center", children: [
       r.length > 0 && /* @__PURE__ */ n("span", { className: "text-center text-sm text-muted-foreground", children: [
         r.length,
         " Page",
@@ -169,10 +170,10 @@ const ge = () => {
         " Selected"
       ] }),
       /* @__PURE__ */ t(L, { disabled: d, variant: "outline", onClick: s, children: "Cancel" }),
-      /* @__PURE__ */ t(L, { disabled: d || v || re(r), onClick: z, children: d ? "Publishing..." : "Publish Selected" })
+      /* @__PURE__ */ t(L, { disabled: d || v || oe(r), onClick: M, children: d ? "Publishing..." : "Publish Selected" })
     ] })
   ] });
 };
 export {
-  Pe as default
+  ve as default
 };

package/dist/register-chai-top-bar-BqwKw4uy.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("lodash-es"),n=require("react"),B=require("jotai"),P=require("jotai/utils"),s=require("react/jsx-runtime"),L=require("class-variance-authority"),D=require("clsx"),q=require("tailwind-merge"),H=require("@radix-ui/react-slot"),V=require("@radix-ui/react-icons"),U=require("react-i18next");function $(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const u=$(n);function o(...e){return q.twMerge(D.clsx(e))}const d={},z=(e,t)=>{d[e]={id:e,component:t,type:"widget"}},G=(e,t)=>{d[e]={id:e,component:t,type:"field"}},W=(e,t)=>{d[e]={id:e,component:t,type:"template"}},J=e=>Object.values(d).filter(t=>t.type===e).reduce((t,r)=>(t[r.id]=r.component,t),{}),p={},K=(e,t)=>{i.has(p,e)&&console.warn(`Add block tab with id ${e} already registered`),i.set(p,e,{id:e,...t})},X=()=>n.useMemo(()=>i.values(p),[]),m={},M=(e,t)=>{if(m[e])throw new Error(`Flag ${e} already exists`);m[e]={key:e,value:!1,...t}},Y=e=>{Object.entries(e).forEach(([t,r])=>{if(m[t])throw new Error(`Flag ${t} already exists`);M(t,r)})},Q=()=>m,_=P.atomWithStorage("chai-feature-flags",[]),j=e=>{const[t]=B.useAtom(_);return t.includes(e)},Z=e=>{const[t,r]=B.useAtom(_);return()=>{t.includes(e)?r(t.filter(l=>l!==e)):r([...t,e])}},ee=({flagKey:e,children:t})=>j(e)?t:null;let y={};const te=(e,t)=>{y[e]={...t,id:e}},re=e=>y[e],se=()=>i.values(y),ae=L.cva("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",{variants:{variant:{default:"bg-background text-foreground",destructive:"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"}},defaultVariants:{variant:"default"}}),S=u.forwardRef(({className:e,variant:t,...r},a)=>s.jsx("div",{ref:a,role:"alert",className:o(ae({variant:t}),e),...r}));S.displayName="Alert";const ne=u.forwardRef(({className:e,...t},r)=>s.jsx("h5",{ref:r,className:o("mb-1 font-medium leading-none tracking-tight",e),...t}));ne.displayName="AlertTitle";const T=u.forwardRef(({className:e,...t},r)=>s.jsx("div",{ref:r,className:o("text-sm [&_p]:leading-relaxed",e),...t}));T.displayName="AlertDescription";const E=L.cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),v=u.forwardRef(({className:e,variant:t,size:r,asChild:a=!1,...l},b)=>{const g=a?H.Slot:"button";return s.jsx(g,{className:o(E({variant:t,size:r,className:e})),ref:b,...l})});v.displayName="Button";const A=u.forwardRef(({className:e,type:t,...r},a)=>s.jsx("input",{type:t,className:o("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",e),ref:a,...r}));A.displayName="Input";const ie=({close:e,onSelect:t,mode:r="image"})=>{const[a,l]=n.useState(""),[b,g]=n.useState(!1),[k,x]=n.useState(!1),[w,f]=n.useState(null),O=async C=>{if(!C.trim()){x(!1),f("Please enter a URL");return}try{g(!0),f(null),x(!0),f(null)}catch{x(!1),f("Error validating URL")}finally{g(!1)}},{t:h}=U.useTranslation();return s.jsxs("div",{className:"flex w-96 flex-col gap-4 p-4",children:[s.jsx("h2",{className:"text-xl font-semibold",children:h(`${r.charAt(0).toUpperCase()+r.slice(1)} Manager`)}),w&&s.jsxs(S,{variant:"destructive",children:[s.jsx(V.ExclamationTriangleIcon,{className:"h-4 w-4"}),s.jsx(T,{children:w})]}),s.jsxs("div",{className:"flex flex-col gap-4",children:[s.jsx(A,{placeholder:h(`Enter ${r} URL`),value:a,onChange:C=>l(C.target.value),onKeyUp:()=>O(a)}),s.jsxs("div",{className:"flex justify-end gap-2",children:[s.jsx(v,{variant:"outline",onClick:e,children:h("Cancel")}),s.jsx(v,{onClick:()=>t({id:"dam-id",url:a,width:600,height:400,description:"This is image description"}),disabled:!k||b,children:h("Insert")})]})]})]})},I={component:ie},oe=e=>{I.component=e},le=()=>n.useMemo(()=>I.component,[]);let N=async e=>e;const ce=e=>{N=e},ue=async e=>await N(e);let F=null;const de=e=>{F=e},ge=()=>n.useMemo(()=>F,[]),fe=()=>{F=null},c={},he=(e,t)=>{i.has(c,e)&&console.warn(`Panel ${e} already registered. Overriding...`),i.set(c,e,{id:e,...t})},pe=e=>n.useMemo(()=>i.filter(i.values(c),t=>t.position===e),[e,c]),me=()=>s.jsx("div",{}),R={component:me},ve=e=>{R.component=e},be=()=>n.useMemo(()=>R.component,[]);exports.ADD_BLOCK_TABS=p;exports.Alert=S;exports.AlertDescription=T;exports.Button=v;exports.CHAI_BUILDER_PANELS=c;exports.IfChaiFeatureFlag=ee;exports.Input=A;exports.RJSF_EXTENSIONS=d;exports.buttonVariants=E;exports.cn=o;exports.getChaiLibrary=re;exports.getPreImportHTML=ue;exports.registerBlockSettingField=G;exports.registerBlockSettingTemplate=W;exports.registerBlockSettingWidget=z;exports.registerChaiAddBlockTab=K;exports.registerChaiFeatureFlag=M;exports.registerChaiFeatureFlags=Y;exports.registerChaiLibrary=te;exports.registerChaiMediaManager=oe;exports.registerChaiPreImportHTMLHook=ce;exports.registerChaiSaveToLibrary=de;exports.registerChaiSidebarPanel=he;exports.registerChaiTopBar=ve;exports.resetSaveToLibrary=fe;exports.useBlockSettingComponents=J;exports.useChaiAddBlockTabs=X;exports.useChaiFeatureFlag=j;exports.useChaiFeatureFlags=Q;exports.useChaiLibraries=se;exports.useChaiSidebarPanels=pe;exports.useMediaManagerComponent=le;exports.useSaveToLibraryComponent=ge;exports.useToggleChaiFeatureFlag=Z;exports.useTopBarComponent=be;

package/dist/register-chai-top-bar-ESJHs5s-.js

@@ -0,0 +1,237 @@
+import { has as E, set as N, values as w, filter as V } from "lodash-es";
+import * as o from "react";
+import { useMemo as i, useState as u } from "react";
+import { useAtom as R } from "jotai";
+import { atomWithStorage as U } from "jotai/utils";
+import { jsx as s, jsxs as g } from "react/jsx-runtime";
+import { cva as S } from "class-variance-authority";
+import { clsx as j } from "clsx";
+import { twMerge as H } from "tailwind-merge";
+import { Slot as $ } from "@radix-ui/react-slot";
+import { ExclamationTriangleIcon as z } from "@radix-ui/react-icons";
+import { useTranslation as G } from "react-i18next";
+function l(...e) {
+  return H(j(e));
+}
+const p = {}, de = (e, t) => {
+  p[e] = {
+    id: e,
+    component: t,
+    type: "widget"
+  };
+}, ue = (e, t) => {
+  p[e] = {
+    id: e,
+    component: t,
+    type: "field"
+  };
+}, ge = (e, t) => {
+  p[e] = {
+    id: e,
+    component: t,
+    type: "template"
+  };
+}, fe = (e) => Object.values(p).filter((t) => t.type === e).reduce(
+  (t, r) => (t[r.id] = r.component, t),
+  {}
+), y = {}, me = (e, t) => {
+  E(y, e) && console.warn(`Add block tab with id ${e} already registered`), N(y, e, { id: e, ...t });
+}, pe = () => i(() => w(y), []), f = {}, W = (e, t) => {
+  if (f[e])
+    throw new Error(`Flag ${e} already exists`);
+  f[e] = { key: e, value: !1, ...t };
+}, he = (e) => {
+  Object.entries(e).forEach(([t, r]) => {
+    if (f[t])
+      throw new Error(`Flag ${t} already exists`);
+    W(t, r);
+  });
+}, ve = () => f, _ = U("chai-feature-flags", []), q = (e) => {
+  const [t] = R(_);
+  return t.includes(e);
+}, be = (e) => {
+  const [t, r] = R(_);
+  return () => {
+    t.includes(e) ? r(t.filter((n) => n !== e)) : r([...t, e]);
+  };
+}, xe = ({ flagKey: e, children: t }) => q(e) ? t : null;
+let A = {};
+const ye = (e, t) => {
+  A[e] = { ...t, id: e };
+}, Ce = (e) => A[e], we = () => w(A), J = S(
+  "relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), B = o.forwardRef(({ className: e, variant: t, ...r }, a) => /* @__PURE__ */ s("div", { ref: a, role: "alert", className: l(J({ variant: t }), e), ...r }));
+B.displayName = "Alert";
+const K = o.forwardRef(
+  ({ className: e, ...t }, r) => /* @__PURE__ */ s("h5", { ref: r, className: l("mb-1 font-medium leading-none tracking-tight", e), ...t })
+);
+K.displayName = "AlertTitle";
+const L = o.forwardRef(
+  ({ className: e, ...t }, r) => /* @__PURE__ */ s("div", { ref: r, className: l("text-sm [&_p]:leading-relaxed", e), ...t })
+);
+L.displayName = "AlertDescription";
+const X = S(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), C = o.forwardRef(
+  ({ className: e, variant: t, size: r, asChild: a = !1, ...n }, h) => /* @__PURE__ */ s(
+    a ? $ : "button",
+    {
+      className: l(X({ variant: t, size: r, className: e })),
+      ref: h,
+      ...n
+    }
+  )
+);
+C.displayName = "Button";
+const I = o.forwardRef(
+  ({ className: e, type: t, ...r }, a) => /* @__PURE__ */ s(
+    "input",
+    {
+      type: t,
+      className: l(
+        "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        e
+      ),
+      ref: a,
+      ...r
+    }
+  )
+);
+I.displayName = "Input";
+const Y = ({ close: e, onSelect: t, mode: r = "image" }) => {
+  const [a, n] = u(""), [h, v] = u(!1), [P, b] = u(!1), [F, c] = u(null), D = async (x) => {
+    if (!x.trim()) {
+      b(!1), c("Please enter a URL");
+      return;
+    }
+    try {
+      v(!0), c(null), b(!0), c(null);
+    } catch {
+      b(!1), c("Error validating URL");
+    } finally {
+      v(!1);
+    }
+  }, { t: d } = G();
+  return /* @__PURE__ */ g("div", { className: "flex w-96 flex-col gap-4 p-4", children: [
+    /* @__PURE__ */ s("h2", { className: "text-xl font-semibold", children: d(`${r.charAt(0).toUpperCase() + r.slice(1)} Manager`) }),
+    F && /* @__PURE__ */ g(B, { variant: "destructive", children: [
+      /* @__PURE__ */ s(z, { className: "h-4 w-4" }),
+      /* @__PURE__ */ s(L, { children: F })
+    ] }),
+    /* @__PURE__ */ g("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ s(
+        I,
+        {
+          placeholder: d(`Enter ${r} URL`),
+          value: a,
+          onChange: (x) => n(x.target.value),
+          onKeyUp: () => D(a)
+        }
+      ),
+      /* @__PURE__ */ g("div", { className: "flex justify-end gap-2", children: [
+        /* @__PURE__ */ s(C, { variant: "outline", onClick: e, children: d("Cancel") }),
+        /* @__PURE__ */ s(
+          C,
+          {
+            onClick: () => t({ id: "dam-id", url: a, width: 600, height: 400, description: "This is image description" }),
+            disabled: !P || h,
+            children: d("Insert")
+          }
+        )
+      ] })
+    ] })
+  ] });
+}, M = {
+  component: Y
+}, Ae = (e) => {
+  M.component = e;
+}, Te = () => i(() => M.component, []);
+let k = async (e) => e;
+const Fe = (e) => {
+  k = e;
+}, Ee = async (e) => await k(e);
+let T = null;
+const Ne = (e) => {
+  T = e;
+}, Re = () => i(() => T, []), Se = () => {
+  T = null;
+}, m = {}, _e = (e, t) => {
+  E(m, e) && console.warn(`Panel ${e} already registered. Overriding...`), N(m, e, { id: e, ...t });
+}, Be = (e) => i(
+  () => V(w(m), (t) => t.position === e),
+  [e, m]
+), Q = () => /* @__PURE__ */ s("div", {}), O = {
+  component: Q
+}, Le = (e) => {
+  O.component = e;
+}, Ie = () => i(() => O.component, []);
+export {
+  y as A,
+  C as B,
+  m as C,
+  B as D,
+  l as E,
+  L as F,
+  X as G,
+  xe as I,
+  p as R,
+  ue as a,
+  ge as b,
+  me as c,
+  pe as d,
+  W as e,
+  he as f,
+  ve as g,
+  q as h,
+  be as i,
+  ye as j,
+  Ce as k,
+  we as l,
+  Ae as m,
+  Te as n,
+  Ee as o,
+  Fe as p,
+  Ne as q,
+  de as r,
+  Re as s,
+  Se as t,
+  fe as u,
+  _e as v,
+  Be as w,
+  Le as x,
+  Ie as y,
+  I as z
+};

package/dist/render.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("./plugin-C6rgJDNQ.cjs"),d=require("./apply-binding-KKp5PnpZ.cjs"),m=require("react/jsx-runtime"),t=require("lodash-es"),g=require("react"),b=require("./core-BoRDjj4h.cjs"),F=require("@mhsdesign/jit-browser-tailwindcss"),j=require("@tailwindcss/aspect-ratio"),q=require("@tailwindcss/container-queries"),K=require("@tailwindcss/forms"),M=require("@tailwindcss/typography"),L=require("./get-chai-builder-theme-Dl72X7cz.cjs");async function O(e){const a={pageProps:e.pageProps,block:e.block,lang:e.lang,draft:e.draft,inBuilder:!1},n=await e.dataProvider(a);return t.has(n,"$metadata")&&t.isFunction(e.dataProviderMetadataCallback)&&e.dataProviderMetadataCallback(e.block,n.$metadata),e.children({...t.omit(n,"$metadata")})}const N=()=>m.jsx("div",{}),H=e=>{const{block:a,lang:n,fallbackLang:s,children:i,externalData:o,blocks:l,draft:r,pageProps:c,dataProviderMetadataCallback:k}=e,u=b.getRegisteredChaiBlock(a._type),p=t.get(u,"component",null),_=t.get(e.repeaterData,"index",-1),f=t.get(e.repeaterData,"dataKey",""),w=n===s?"":n,y=d.applyBindingToBlockProps(d.applyLanguage(a,w,u),o,{index:_,key:f}),h=d.getBlockTagAttributes(a,!1),I=D(l,a._id,d.getBlockRuntimeProps(a._type)),T=t.has(u,"dataProvider")&&t.isFunction(u.dataProvider),B={...y,...h,...I},P={blockProps:{},inBuilder:!1,lang:n||s,pageData:o,...B},v=t.get(B,"_show",!0);if(t.isNull(p)||!v)return null;if(T){const S=t.get(u,"suspenseFallback",N);return m.jsx(g.Suspense,{fallback:g.createElement(S),children:m.jsx(O,{lang:n,pageProps:c,block:B,dataProvider:u.dataProvider,...k?{dataProviderMetadataCallback:k}:{},draft:r,children:$=>g.createElement(p,{...P,...$,children:i({_id:a._id,_type:a._type,...t.isArray(y.repeaterItems)?{repeaterItems:d.applyLimit(y.repeaterItems,a),$repeaterItemsKey:y.$repeaterItemsKey,repeaterTotalItems:y.repeaterTotalItems??-1}:{}})})})})}return m.jsx(g.Suspense,{children:g.createElement(p,{...P,children:i({_id:a._id,_type:a._type,...t.isArray(y.repeaterItems)?{repeaterItems:d.applyLimit(y.repeaterItems,a),$repeaterItemsKey:y.$repeaterItemsKey,repeaterTotalItems:y.repeaterTotalItems??-1}:{}})})})},x=e=>{const{blocks:a,parent:n,repeaterData:s,type:i}=e;let o=t.uniqBy(t.filter(a,r=>t.has(r,"_id")&&(t.isEmpty(n)?!r._parent:r._parent===n)),"_id");const l=r=>t.filter(a,c=>c._parent===r).length>0;return(i==="Heading"||i==="Paragraph"||i==="Link"||i==="Span")&&(o=d.adjustSpacingInContentBlocks(o)),t.map(o,r=>r?g.createElement(H,{...e,key:r._id,block:r},({_id:c,_type:k,repeaterItems:u,$repeaterItemsKey:p})=>k==="Repeater"?t.isArray(u)&&u.map((_,f)=>g.createElement(x,{...e,parent:r._id,key:`${t.get(r,"_parent","root")}-${r._id}-${f}`,repeaterData:{index:f,dataKey:p}})):l(c)?g.createElement(x,{...e,parent:r._id,key:`${t.get(r,"_parent","root")}-${r._id}`,repeaterData:s,type:r._type}):null):null)},D=(e,a,n)=>t.isEmpty(n)?{}:Object.entries(n).reduce((s,[i,o])=>{const l=[];let r=t.find(e,{_id:a});for(;r;)l.push(r),r=t.find(e,{_id:r._parent});const c=t.find(l,{_type:o.block});return c&&(s[i]=t.get(c,t.get(o,"prop"),null)),s},{});function J(e){if(t.isEmpty(e.lang)&&!t.isEmpty(e.fallbackLang))throw new Error("lang prop is required when fallbackLang is provided");if(t.isEmpty(e.blocks))return null;const a=e.lang??"en",n=e.fallbackLang??a;return m.jsx(x,{...e,lang:a,fallbackLang:n})}async function V(e){const a=await e.dataProvider;return t.has(a,"$metadata")&&t.isFunction(e.dataProviderMetadataCallback)&&e.dataProviderMetadataCallback(e.block,a.$metadata),e.children({...t.omit(a,"$metadata")})}const W=()=>m.jsx("div",{}),U=async e=>{const{block:a,lang:n,fallbackLang:s,children:i,externalData:o,blocks:l,draft:r,pageProps:c,dataProviderMetadataCallback:k,dataProviders:u}=e,p=b.getRegisteredChaiBlock(a._type),_=t.get(p,"component",null),f=t.get(e.repeaterData,"index",-1),w=t.get(e.repeaterData,"dataKey",""),y=n===s?"":n,h=d.applyBindingToBlockProps(d.applyLanguage(a,y,p),o,{index:f,key:w}),I=d.getBlockTagAttributes(a,!1),T=D(l,a._id,d.getBlockRuntimeProps(a._type)),B=t.has(p,"dataProvider")&&t.isFunction(p.dataProvider),P={...h,...I,...T},v={blockProps:{},inBuilder:!1,lang:n||s,pageData:o,...P},S=t.get(P,"_show",!0);if(t.isNull(_)||!S)return null;if(B){const $=t.get(u,a._id,Promise.resolve({})),R=t.get(p,"suspenseFallback",W);return m.jsx(g.Suspense,{fallback:g.createElement(R),children:m.jsx(V,{lang:n,pageProps:c,block:P,dataProvider:$,...k?{dataProviderMetadataCallback:k}:{},draft:r,children:A=>g.createElement(_,{...v,draft:r,...A,children:i({_id:a._id,_type:a._type,...t.isArray(h.repeaterItems)?{repeaterItems:d.applyLimit(h.repeaterItems,a),$repeaterItemsKey:h.$repeaterItemsKey,repeaterTotalItems:h.repeaterTotalItems??-1}:{}})})})})}return g.createElement(_,{...v,draft:r,children:i({_id:a._id,_type:a._type,...t.isArray(h.repeaterItems)?{repeaterItems:d.applyLimit(h.repeaterItems,a),$repeaterItemsKey:h.$repeaterItemsKey,repeaterTotalItems:h.repeaterTotalItems??-1}:{}})})},C=async e=>{const{blocks:a,parent:n,repeaterData:s,type:i}=e;let o=t.uniqBy(t.filter(a,r=>t.has(r,"_id")&&(t.isEmpty(n)?!r._parent:r._parent===n)),"_id");const l=r=>t.filter(a,c=>c._parent===r).length>0;return l&&(i==="Heading"||i==="Paragraph"||i==="Link")&&(o=d.adjustSpacingInContentBlocks(o)),t.map(o,r=>r?g.createElement(U,{dataProviders:e.dataProviders,...e,key:r._id,block:r},({_id:c,_type:k,repeaterItems:u,$repeaterItemsKey:p})=>k==="Repeater"?t.isArray(u)&&u.map((_,f)=>g.createElement(C,{...e,parent:r._id,key:`${t.get(r,"_parent","root")}-${r._id}-${f}`,repeaterData:{index:f,dataKey:p}})):l(c)?g.createElement(C,{...e,parent:r._id,key:`${t.get(r,"_parent","root")}-${r._id}`,repeaterData:s,type:r._type}):null):null)};async function G(e){if(t.isEmpty(e.lang)&&!t.isEmpty(e.fallbackLang))throw new Error("lang prop is required when fallbackLang is provided");if(t.isEmpty(e.blocks))return null;const a=e.lang??"en",n=e.fallbackLang??a;if(e.dataProviders)return m.jsx(C,{...e,lang:a,fallbackLang:n,dataProviders:e.dataProviders});const i=e.blocks.filter(o=>{const l=b.getRegisteredChaiBlock(o._type);return!!(t.has(l,"dataProvider")&&t.isFunction(l.dataProvider))}).reduce((o,l)=>{const r=b.getRegisteredChaiBlock(l._type),c={pageProps:e.pageProps,block:l,lang:e.lang,draft:e.draft,inBuilder:!1};return o[l._id]=r.dataProvider(c),o},{});return m.jsx(C,{...e,lang:a,fallbackLang:n,dataProviders:i})}function z(e,a){const n=e.filter(s=>s._type==="GlobalBlock"||s._type==="PartialBlock");for(let s=0;s<n.length;s++){const i=n[s],o=t.get(i,"partialBlockId",t.get(i,"globalBlock",""));if(o==="")continue;let l=t.cloneDeep(t.get(a,o,[]));i._parent&&(l==null?void 0:l.length)>0&&(l=l.map(c=>(t.isEmpty(c._parent)&&(c._parent=i._parent),c)));const r=e.indexOf(i);e.splice(r,1,...l)}return e}const Q=e=>{if(!e)return[];try{return JSON.parse(X(e)).filter(n=>!n._type.startsWith("@chai"))}catch{return[{_type:"Paragraph",_id:"error",content:"Invalid JSON. Please check the JSON string."}]}};function X(e){const a=/(asset:\/\/|https:\/\/asset\.localhost\/)(?:localhost\/)?[^"']+/g;return e.replace(a,n=>{const s=decodeURIComponent(n),i=s.indexOf("public");return i!==-1?s.substring(i+6):s})}async function Y(e,a=[],n=!1){return await F.createTailwindcss({tailwindConfig:{darkMode:"class",safelist:a,theme:{extend:{...L.getChaiBuilderTheme(),keyframes:{"accordion-down":{from:{height:"0"},to:{height:"var(--radix-accordion-content-height)"}},"accordion-up":{from:{height:"var(--radix-accordion-content-height)"},to:{height:"0"}}},animation:{"accordion-down":"accordion-down 0.2s ease-out","accordion-up":"accordion-up 0.2s ease-out"}}},plugins:[K,M,j,q,L.chaiBuilderPlugin],corePlugins:{preflight:n}}}).generateStylesFromContent(` ${n?"@tailwind base;":""}
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("./plugin-BGlQf0iy.cjs"),d=require("./apply-binding-IsUf6UWJ.cjs"),m=require("react/jsx-runtime"),t=require("lodash-es"),g=require("react"),b=require("./core-Y0lXLwkq.cjs"),F=require("@mhsdesign/jit-browser-tailwindcss"),j=require("@tailwindcss/aspect-ratio"),q=require("@tailwindcss/container-queries"),K=require("@tailwindcss/forms"),M=require("@tailwindcss/typography"),L=require("./get-chai-builder-theme-BApShjRz.cjs");async function O(e){const a={pageProps:e.pageProps,block:e.block,lang:e.lang,draft:e.draft,inBuilder:!1},n=await e.dataProvider(a);return t.has(n,"$metadata")&&t.isFunction(e.dataProviderMetadataCallback)&&e.dataProviderMetadataCallback(e.block,n.$metadata),e.children({...t.omit(n,"$metadata")})}const N=()=>m.jsx("div",{}),H=e=>{const{block:a,lang:n,fallbackLang:s,children:i,externalData:l,blocks:o,draft:r,pageProps:c,dataProviderMetadataCallback:f}=e,u=b.getRegisteredChaiBlock(a._type),p=t.get(u,"component",null),_=t.get(e.repeaterData,"index",-1),k=t.get(e.repeaterData,"dataKey",""),w=n===s?"":n??"",y=d.applyBindingToBlockProps(d.applyLanguage(a,w,u),l??{},{index:_,key:k}),h=d.getBlockTagAttributes(a,!1),I=D(o,a._id,d.getBlockRuntimeProps(a._type)),T=t.has(u,"dataProvider")&&t.isFunction(u.dataProvider),B={...y,...h,...I},P={blockProps:{},inBuilder:!1,lang:n||s||"en",draft:r??!1,pageData:l??{},...B},v=t.get(B,"_show",!0);if(t.isNull(p)||!v)return null;if(T){const S=t.get(u,"suspenseFallback",N);return m.jsx(g.Suspense,{fallback:g.createElement(S),children:m.jsx(O,{lang:n??"",pageProps:c,block:B,dataProvider:u.dataProvider,...f?{dataProviderMetadataCallback:f}:{},draft:r??!1,children:$=>g.createElement(p,{...P,...$,children:i({_id:a._id,_type:a._type,...t.isArray(y.repeaterItems)?{repeaterItems:d.applyLimit(y.repeaterItems,a),$repeaterItemsKey:y.$repeaterItemsKey,repeaterTotalItems:y.repeaterTotalItems??-1}:{}})})})})}return m.jsx(g.Suspense,{children:g.createElement(p,{...P,children:i({_id:a._id,_type:a._type,...t.isArray(y.repeaterItems)?{repeaterItems:d.applyLimit(y.repeaterItems,a),$repeaterItemsKey:y.$repeaterItemsKey,repeaterTotalItems:y.repeaterTotalItems??-1}:{}})})})},x=e=>{const{blocks:a,parent:n,repeaterData:s,type:i}=e;let l=t.uniqBy(t.filter(a,r=>t.has(r,"_id")&&(t.isEmpty(n)?!r._parent:r._parent===n)),"_id");const o=r=>t.filter(a,c=>c._parent===r).length>0;return(i==="Heading"||i==="Paragraph"||i==="Link"||i==="Span")&&(l=d.adjustSpacingInContentBlocks(l)),t.map(l,r=>r?g.createElement(H,{...e,key:r._id,block:r},({_id:c,_type:f,repeaterItems:u,$repeaterItemsKey:p})=>f==="Repeater"?t.isArray(u)&&u.map((_,k)=>g.createElement(x,{...e,parent:r._id,key:`${t.get(r,"_parent","root")}-${r._id}-${k}`,repeaterData:{index:k,dataKey:p}})):o(c)?g.createElement(x,{...e,parent:r._id,key:`${t.get(r,"_parent","root")}-${r._id}`,repeaterData:s,type:r._type}):null):null)},D=(e,a,n)=>t.isEmpty(n)?{}:Object.entries(n).reduce((s,[i,l])=>{const o=[];let r=t.find(e,{_id:a});for(;r;)o.push(r),r=t.find(e,{_id:r._parent});const c=t.find(o,{_type:l.block});return c&&(s[i]=t.get(c,t.get(l,"prop"),null)),s},{});function J(e){if(t.isEmpty(e.lang)&&!t.isEmpty(e.fallbackLang))throw new Error("lang prop is required when fallbackLang is provided");if(t.isEmpty(e.blocks))return null;const a=e.lang??"en",n=e.fallbackLang??a;return m.jsx(x,{...e,lang:a,fallbackLang:n})}async function V(e){const a=await e.dataProvider;return t.has(a,"$metadata")&&t.isFunction(e.dataProviderMetadataCallback)&&e.dataProviderMetadataCallback(e.block,a.$metadata),e.children({...t.omit(a,"$metadata")})}const W=()=>m.jsx("div",{}),U=async e=>{const{block:a,lang:n,fallbackLang:s,children:i,externalData:l,blocks:o,draft:r,pageProps:c,dataProviderMetadataCallback:f,dataProviders:u}=e,p=b.getRegisteredChaiBlock(a._type),_=t.get(p,"component",null),k=t.get(e.repeaterData,"index",-1),w=t.get(e.repeaterData,"dataKey",""),y=n===s?"":n??"en",h=d.applyBindingToBlockProps(d.applyLanguage(a,y,p),l??{},{index:k,key:w}),I=d.getBlockTagAttributes(a,!1),T=D(o,a._id,d.getBlockRuntimeProps(a._type)),B=t.has(p,"dataProvider")&&t.isFunction(p.dataProvider),P={...h,...I,...T},v={blockProps:{},inBuilder:!1,lang:n||s||"en",draft:r??!1,pageData:l??{},...P},S=t.get(P,"_show",!0);if(t.isNull(_)||!S)return null;if(B){const $=t.get(u,a._id,Promise.resolve({})),R=t.get(p,"suspenseFallback",W);return m.jsx(g.Suspense,{fallback:g.createElement(R),children:m.jsx(V,{lang:n??"",pageProps:c,block:P,dataProvider:$,...f?{dataProviderMetadataCallback:f}:{},draft:r??!1,children:A=>g.createElement(_,{...v,...A,children:i({_id:a._id,_type:a._type,...t.isArray(h.repeaterItems)?{repeaterItems:d.applyLimit(h.repeaterItems,a),$repeaterItemsKey:h.$repeaterItemsKey,repeaterTotalItems:h.repeaterTotalItems??-1}:{}})})})})}return g.createElement(_,{...v,children:i({_id:a._id,_type:a._type,...t.isArray(h.repeaterItems)?{repeaterItems:d.applyLimit(h.repeaterItems,a),$repeaterItemsKey:h.$repeaterItemsKey,repeaterTotalItems:h.repeaterTotalItems??-1}:{}})})},C=async e=>{const{blocks:a,parent:n,repeaterData:s,type:i}=e;let l=t.uniqBy(t.filter(a,r=>t.has(r,"_id")&&(t.isEmpty(n)?!r._parent:r._parent===n)),"_id");const o=r=>t.filter(a,c=>c._parent===r).length>0;return(i==="Heading"||i==="Paragraph"||i==="Link")&&(l=d.adjustSpacingInContentBlocks(l)),t.map(l,r=>r?g.createElement(U,{...e,dataProviders:e.dataProviders,key:r._id,block:r},({_id:c,_type:f,repeaterItems:u,$repeaterItemsKey:p})=>f==="Repeater"?t.isArray(u)&&u.map((_,k)=>g.createElement(C,{...e,parent:r._id,key:`${t.get(r,"_parent","root")}-${r._id}-${k}`,repeaterData:{index:k,dataKey:p}})):o(c)?g.createElement(C,{...e,parent:r._id,key:`${t.get(r,"_parent","root")}-${r._id}`,repeaterData:s,type:r._type}):null):null)};async function G(e){if(t.isEmpty(e.lang)&&!t.isEmpty(e.fallbackLang))throw new Error("lang prop is required when fallbackLang is provided");if(t.isEmpty(e.blocks))return null;const a=e.lang??"en",n=e.fallbackLang??a;if(e.dataProviders)return m.jsx(C,{...e,lang:a,fallbackLang:n,dataProviders:e.dataProviders});const i=e.blocks.filter(l=>{const o=b.getRegisteredChaiBlock(l._type);return!!(t.has(o,"dataProvider")&&t.isFunction(o.dataProvider))}).reduce((l,o)=>{const r=b.getRegisteredChaiBlock(o._type);if(!r||!r.dataProvider)return l;const c={pageProps:e.pageProps,block:o,lang:e.lang,draft:e.draft,inBuilder:!1};return l[o._id]=r.dataProvider(c),l},{});return m.jsx(C,{...e,lang:a,fallbackLang:n,dataProviders:i})}function Q(e,a){const n=e.filter(s=>s._type==="GlobalBlock"||s._type==="PartialBlock");for(let s=0;s<n.length;s++){const i=n[s],l=t.get(i,"partialBlockId",t.get(i,"globalBlock",""));if(l==="")continue;let o=t.cloneDeep(t.get(a,l,[]));i._parent&&(o==null?void 0:o.length)>0&&(o=o.map(c=>(t.isEmpty(c._parent)&&(c._parent=i._parent),c)));const r=e.indexOf(i);e.splice(r,1,...o)}return e}const z=e=>{if(!e)return[];try{return JSON.parse(X(e)).filter(n=>!n._type.startsWith("@chai"))}catch{return[{_type:"Paragraph",_id:"error",content:"Invalid JSON. Please check the JSON string."}]}};function X(e){const a=/(asset:\/\/|https:\/\/asset\.localhost\/)(?:localhost\/)?[^"']+/g;return e.replace(a,n=>{const s=decodeURIComponent(n),i=s.indexOf("public");return i!==-1?s.substring(i+6):s})}async function Y(e,a=[],n=!1){return await F.createTailwindcss({tailwindConfig:{darkMode:"class",safelist:a,theme:{extend:{...L.getChaiBuilderTheme(),keyframes:{"accordion-down":{from:{height:"0"},to:{height:"var(--radix-accordion-content-height)"}},"accordion-up":{from:{height:"var(--radix-accordion-content-height)"},to:{height:"0"}}},animation:{"accordion-down":"accordion-down 0.2s ease-out","accordion-up":"accordion-up 0.2s ease-out"}}},plugins:[K,M,j,q,L.chaiBuilderPlugin],corePlugins:{preflight:n}}}).generateStylesFromContent(` ${n?"@tailwind base;":""}
       @tailwind components;
-      @tailwind utilities;`,e)}const Z=(e,a)=>{const n=JSON.stringify(e).replace(/#styles:([^"]*)/g,(s,i)=>`#styles:${i.replace(/,/g," ")}`.replace(/#styles:/g,""));return Y([n],[],a)},ee=async(e,a=!1)=>await Z(e,a);exports.getChaiThemeCssVariables=E.getChaiThemeCssVariables;exports.getThemeFontsCSSImport=E.getThemeFontsCSSImport;exports.getThemeFontsLinkMarkup=E.getThemeFontsLinkMarkup;exports.applyChaiDataBinding=d.applyChaiDataBinding;exports.applyDesignTokens=d.applyDesignTokens;exports.convertHTMLToChaiBlocks=d.getBlocksFromHTML;exports.AsyncRenderChaiBlocks=G;exports.RenderChaiBlocks=J;exports.convertToBlocks=Q;exports.getMergedPartialBlocks=z;exports.getStylesForBlocks=ee;
+      @tailwind utilities;`,e)}const Z=(e,a)=>{const n=JSON.stringify(e).replace(/#styles:([^"]*)/g,(s,i)=>`#styles:${i.replace(/,/g," ")}`.replace(/#styles:/g,""));return Y([n],[],a)},ee=async(e,a=!1)=>await Z(e,a);exports.getChaiThemeCssVariables=E.getChaiThemeCssVariables;exports.getThemeFontsCSSImport=E.getThemeFontsCSSImport;exports.getThemeFontsLinkMarkup=E.getThemeFontsLinkMarkup;exports.applyChaiDataBinding=d.applyChaiDataBinding;exports.applyDesignTokens=d.applyDesignTokens;exports.convertHTMLToChaiBlocks=d.getBlocksFromHTML;exports.AsyncRenderChaiBlocks=G;exports.RenderChaiBlocks=J;exports.convertToBlocks=z;exports.getMergedPartialBlocks=Q;exports.getStylesForBlocks=ee;

package/dist/render.d.ts

@@ -4,7 +4,7 @@ export declare const applyChaiDataBinding: (block: Record<string, string>, pageE
 
 export declare const applyDesignTokens: (blocks: ChaiBlock[], designTokens: DesignTokens) => ChaiBlock[];
 
-export declare function AsyncRenderChaiBlocks(props: RenderChaiBlocksProps): Promise<JSX.Element>;
+export declare function AsyncRenderChaiBlocks(props: RenderChaiBlocksProps): Promise<JSX.Element | null>;
 
 declare type ChaiBlock<T = Record<string, any>> = {
     _id: string;
@@ -96,7 +96,7 @@ declare type HexColor = string;
 
 declare type HSLColor = string;
 
-export declare function RenderChaiBlocks(props: RenderChaiBlocksProps_2): JSX.Element;
+export declare function RenderChaiBlocks(props: RenderChaiBlocksProps_2): JSX.Element | null;
 
 declare type RenderChaiBlocksProps = {
     blocks: ChaiBlock[];