@chaibuilder/sdk 4.0.0-beta.32 → 4.0.0-beta.33

package/dist/{page-revisions-content-C1IGUurW.js → page-revisions-content-Bqp-9bae.js}

@@ -1,13 +1,13 @@
 import { jsxs as a, Fragment as p, jsx as e } from "react/jsx-runtime";
 import { B as g } from "./register-chai-top-bar-D6GjnauV.js";
-import { d as le, ac as re, ad as ie, a6 as de, ae as v, F as ce, D as G, e as j, f as q, g as L, p as $, r as z, s as oe, t as ue, v as me, w as _, af as he } from "./index-DsQXiNA_.js";
-import { ar as C, as as A, A as b, aw as H, aA as fe, ap as I, ax as E, ay as D } from "./index-IQefjAA0.js";
+import { d as le, ac as re, ad as ie, a6 as de, ae as v, E as ce, D as q, e as G, f as j, g as L, o as z, q as $, r as oe, s as ue, t as me, v as _, af as he } from "./index-C7bidKtE.js";
+import { as as C, at as A, A as b, ax as H, aB as fe, w as I, ay as E, az as D } from "./index-BDrc0HJQ.js";
 import { useQuery as pe, useQueryClient as O, useMutation as J } from "@tanstack/react-query";
 import { format as S, formatDistanceToNow as xe } from "date-fns";
 import { isEmpty as ge } from "lodash-es";
 import { FileJson as Ne, CloudOff as ye, Undo2 as P, Trash as Q, X as be, Rocket as ve, Save as we, MoreHorizontal as De } from "lucide-react";
 import * as w from "react";
-import { useEffect as F, startTransition as Se, useState as Re, Suspense as Ee, lazy as Ce } from "react";
+import { useEffect as U, startTransition as Se, useState as Re, Suspense as Ee, lazy as Ce } from "react";
 function Ae(t) {
   const s = C(), n = A();
   return pe({
@@ -50,7 +50,7 @@ const Ie = () => {
       });
     }
   });
-}, Te = Ce(() => import("./json-diff-viewer-Ci2IbgDn.js")), N = ({ tag: t }) => t === "draft" ? /* @__PURE__ */ a("div", { className: "flex items-center gap-1 rounded-full bg-amber-500/10 px-1.5 py-0.5 text-xs text-amber-600", children: [
+}, Te = Ce(() => import("./json-diff-viewer-wmzIZcuQ.js")), N = ({ tag: t }) => t === "draft" ? /* @__PURE__ */ a("div", { className: "flex items-center gap-1 rounded-full bg-amber-500/10 px-1.5 py-0.5 text-xs text-amber-600", children: [
   /* @__PURE__ */ a("span", { className: "relative flex h-2 w-2", children: [
     /* @__PURE__ */ e("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-amber-400 opacity-75" }),
     /* @__PURE__ */ e("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-amber-500" })
@@ -116,7 +116,7 @@ function Me() {
     /* @__PURE__ */ e(v, { className: "h-8 w-8 rounded-full" })
   ] }, s)) });
 }
-function U({
+function F({
   revision: t,
   isLatest: s,
   onRestore: n,
@@ -143,7 +143,7 @@ function U({
         /* @__PURE__ */ e("div", { className: "flex items-center text-[10px] text-muted-foreground", children: /* @__PURE__ */ e("span", { className: "leading-tight", children: S(t.createdAt, "MMM d, yyyy, h:mm a") }) })
       ] })
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e(E, { permissions: [D.RESTORE_REVISION, D.DELETE_REVISION], children: /* @__PURE__ */ e(Fe, { revision: t, onRestore: n, onDelete: i }) }) }),
+    /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e(E, { permissions: [D.RESTORE_REVISION, D.DELETE_REVISION], children: /* @__PURE__ */ e(Ue, { revision: t, onRestore: n, onDelete: i }) }) }),
     /* @__PURE__ */ e(
       K,
       {
@@ -241,7 +241,7 @@ function K({ checked: t, disabled: s, onChange: n, label: i = "Compare" }) {
     /* @__PURE__ */ e("span", { className: "select-none leading-tight", children: i })
   ] }) });
 }
-function Fe({ revision: t, onRestore: s, onDelete: n }) {
+function Ue({ revision: t, onRestore: s, onDelete: n }) {
   return /* @__PURE__ */ a(oe, { children: [
     /* @__PURE__ */ e(ue, { asChild: !0, children: /* @__PURE__ */ a(g, { variant: "ghost", size: "icon", className: "h-5 w-5", children: [
       /* @__PURE__ */ e(De, { className: "h-4 w-4" }),
@@ -262,7 +262,7 @@ function Fe({ revision: t, onRestore: s, onDelete: n }) {
     ] })
   ] });
 }
-function Ue({
+function Fe({
   open: t,
   onOpenChange: s,
   revision: n,
@@ -271,16 +271,16 @@ function Ue({
 }) {
   const { data: d } = I((n == null ? void 0 : n.currentEditor) || ""), o = (d == null ? void 0 : d.name) || "Unknown";
   return n ? /* @__PURE__ */ e(
-    G,
+    q,
     {
       open: t,
       onOpenChange: (m) => {
         r || s(m);
       },
-      children: /* @__PURE__ */ a(j, { className: "sm:max-w-md", children: [
-        /* @__PURE__ */ a(q, { children: [
+      children: /* @__PURE__ */ a(G, { className: "sm:max-w-md", children: [
+        /* @__PURE__ */ a(j, { children: [
           /* @__PURE__ */ e(L, { children: "Restore Revision" }),
-          /* @__PURE__ */ a($, { children: [
+          /* @__PURE__ */ a(z, { children: [
             "You are about to restore to revision ",
             n.uid.substring(0, 8),
             " from",
@@ -291,7 +291,7 @@ function Ue({
           ] })
         ] }),
         /* @__PURE__ */ e("div", { className: "py-2", children: /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "How would you like to handle your current edits?" }) }),
-        /* @__PURE__ */ a(z, { className: "flex flex-col gap-2 sm:flex-row", children: [
+        /* @__PURE__ */ a($, { className: "flex flex-col gap-2 sm:flex-row", children: [
           /* @__PURE__ */ e(g, { variant: "outline", className: "sm:flex-1", onClick: () => i(!1), disabled: r, children: r ? /* @__PURE__ */ a(p, { children: [
             /* @__PURE__ */ e("span", { className: "mr-2 h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }),
             "Saving as draft..."
@@ -320,16 +320,16 @@ function Ve({
 }) {
   const { data: d } = I((n == null ? void 0 : n.currentEditor) || ""), o = (d == null ? void 0 : d.name) || "Unknown";
   return n ? /* @__PURE__ */ e(
-    G,
+    q,
     {
       open: t,
       onOpenChange: (m) => {
         r || s(m);
       },
-      children: /* @__PURE__ */ a(j, { className: "sm:max-w-md", children: [
-        /* @__PURE__ */ a(q, { children: [
+      children: /* @__PURE__ */ a(G, { className: "sm:max-w-md", children: [
+        /* @__PURE__ */ a(j, { children: [
           /* @__PURE__ */ e(L, { children: "Delete Revision" }),
-          /* @__PURE__ */ a($, { children: [
+          /* @__PURE__ */ a(z, { children: [
             "You are about to delete revision ",
             n.uid.substring(0, 8),
             " from",
@@ -340,7 +340,7 @@ function Ve({
           ] })
         ] }),
         /* @__PURE__ */ e("div", { className: "py-2", children: /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "This action cannot be undone. Are you sure you want to proceed?" }) }),
-        /* @__PURE__ */ a(z, { className: "flex flex-col gap-2 sm:flex-row", children: [
+        /* @__PURE__ */ a($, { className: "flex flex-col gap-2 sm:flex-row", children: [
           /* @__PURE__ */ e(g, { variant: "outline", className: "sm:flex-1", onClick: () => s(!1), disabled: r, children: "Cancel" }),
           /* @__PURE__ */ e(g, { variant: "destructive", className: "sm:flex-1", onClick: i, disabled: r, children: r ? /* @__PURE__ */ a(p, { children: [
             /* @__PURE__ */ e("span", { className: "mr-2 h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }),
@@ -357,7 +357,7 @@ function Ve({
 function Qe({ isOpen: t }) {
   var M;
   const [s, n] = w.useState([]), [i, r] = w.useState(null), [d, o] = w.useState(!1), [m, u] = w.useState(!1), { data: l } = H(), { data: f, isFetching: R, error: h, refetch: x } = Ae(l == null ? void 0 : l.id), { mutate: B, isPending: W } = Ie(), { mutate: Y, isPending: X } = Oe(), Z = O(), { selectedLang: ee, fallbackLang: te } = le(), ae = ee || te;
-  F(() => {
+  U(() => {
     Se(() => n([]));
   }, [l == null ? void 0 : l.id]);
   const ne = (c) => {
@@ -390,7 +390,7 @@ function Qe({ isOpen: t }) {
       }
     });
   };
-  return F(() => {
+  return U(() => {
     t && x();
   }, [t, x]), /* @__PURE__ */ a(p, { children: [
     /* @__PURE__ */ a(re, { children: [
@@ -404,7 +404,7 @@ function Qe({ isOpen: t }) {
       /* @__PURE__ */ e(_e, { lang: ae, compare: s, setCompare: n, pageId: l == null ? void 0 : l.id }),
       /* @__PURE__ */ e(ke, { compare: s, setCompare: n }),
       (M = f == null ? void 0 : f.filter((c) => c.uid === "current")) == null ? void 0 : M.map((c, y) => /* @__PURE__ */ e(
-        U,
+        F,
         {
           pageId: l == null ? void 0 : l.id,
           revision: c,
@@ -418,7 +418,7 @@ function Qe({ isOpen: t }) {
         c.uid
       )),
       /* @__PURE__ */ e(de, { className: "min-h-0 flex-1", children: /* @__PURE__ */ e("div", { className: "space-y-2", children: [...f ?? []].filter((c) => c.uid !== "current").sort((c, y) => new Date(y.createdAt).getTime() - new Date(c.createdAt).getTime()).map((c, y) => /* @__PURE__ */ e(
-        U,
+        F,
         {
           pageId: l == null ? void 0 : l.id,
           revision: c,
@@ -433,7 +433,7 @@ function Qe({ isOpen: t }) {
       )) }) })
     ] }),
     /* @__PURE__ */ e(
-      Ue,
+      Fe,
       {
         open: d,
         onOpenChange: o,

package/dist/pages.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-Bzyv7mAh.cjs");exports.ChaiJsonInput=e.SmartJsonInput;exports.ChaiWebsiteBuilder=e.ChaiWebsiteBuilder;exports.ImagePicker=e.ImagePicker;exports.LanguageSwitcher=e.LanguageSwitcher;exports.NestedPathSelector=e.NestedPathSelector;exports.PermissionChecker=e.PermissionChecker;exports.SupabaseRealtimeAdapter=e.SupabaseRealtimeAdapter;exports.createRealtimeAdapter=e.createRealtimeAdapter;exports.useActivePage=e.useActivePage;exports.useApiUrl=e.useApiUrl;exports.useBuilderFetch=e.useBuilderFetch;exports.useBuilderPageData=e.useBuilderPageData;exports.useChaiAuth=e.useChaiAuth;exports.useChaiCurrentPage=e.useChaiCurrentPage;exports.useChaiUserInfo=e.useChaiUserInfo;exports.useClearAll=e.useClearAll;exports.useFallbackLang=e.useFallbackLang;exports.useFetch=e.useFetch;exports.useGotoPage=e.useGotoPage;exports.useLanguagePages=e.useLanguagePages;exports.usePageTypes=e.usePageTypes;exports.useRealtimeAdapter=e.useRealtimeAdapter;exports.useReloadPage=e.useReloadPage;exports.useUpdateActivePageMetadata=e.useUpdateActivePageMetadata;exports.useUserPermissions=e.useUserRoleAndPermissions;exports.useWebsitePages=e.useWebsitePages;exports.useWebsiteSetting=e.useWebsiteSetting;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BuXfCtgR.cjs");exports.ChaiJsonInput=e.SmartJsonInput;exports.ChaiWebsiteBuilder=e.ChaiWebsiteBuilder;exports.ImagePicker=e.ImagePicker;exports.LanguageSwitcher=e.LanguageSwitcher;exports.NestedPathSelector=e.NestedPathSelector;exports.PermissionChecker=e.PermissionChecker;exports.SupabaseRealtimeAdapter=e.SupabaseRealtimeAdapter;exports.createRealtimeAdapter=e.createRealtimeAdapter;exports.useActivePage=e.useActivePage;exports.useApiUrl=e.useApiUrl;exports.useBuilderFetch=e.useBuilderFetch;exports.useBuilderPageData=e.useBuilderPageData;exports.useChaiAuth=e.useChaiAuth;exports.useChaiCurrentPage=e.useChaiCurrentPage;exports.useChaiUserInfo=e.useChaiUserInfo;exports.useClearAll=e.useClearAll;exports.useFallbackLang=e.useFallbackLang;exports.useFetch=e.useFetch;exports.useGotoPage=e.useGotoPage;exports.useLanguagePages=e.useLanguagePages;exports.usePageTypes=e.usePageTypes;exports.useRealtimeAdapter=e.useRealtimeAdapter;exports.useReloadPage=e.useReloadPage;exports.useUpdateActivePageMetadata=e.useUpdateActivePageMetadata;exports.useUserPermissions=e.useUserRoleAndPermissions;exports.useWebsitePages=e.useWebsitePages;exports.useWebsiteSetting=e.useWebsiteSetting;

package/dist/pages.d.ts

@@ -141,7 +141,12 @@ declare interface ChaiBuilderEditorProps {
      * onSave callback function
      * @param saveData
      */
-    onSave?: ({ blocks, theme, autoSave }: ChaiSavePageData) => Promise<boolean | Error>;
+    onSave?: ({ blocks, autoSave }: ChaiSavePageData) => Promise<boolean | Error>;
+    /**
+     * onSaveWebsiteData callback function for theme and design tokens
+     * @param saveData
+     */
+    onSaveWebsiteData?: (data: ChaiSaveWebsiteData) => Promise<boolean | Error>;
     /**
      * onSaveStateChange callback function
      * @param syncStatus
@@ -326,13 +331,20 @@ declare type ChaiPageType = {
 declare type ChaiSavePageData = {
     autoSave: boolean;
     blocks: ChaiBlock[];
-    theme?: ChaiTheme;
     needTranslations?: boolean;
     designTokens: ChaiDesignTokens;
     partialIds?: string[];
     linkPageIds?: string[];
 };
 
+declare type ChaiSaveWebsiteData = {
+    type: "THEME";
+    data: ChaiTheme;
+} | {
+    type: "DESIGN_TOKENS";
+    data: ChaiDesignTokens;
+};
+
 declare interface ChaiSiteWideUsageData {
     [pageId: string]: {
         name: string;

package/dist/pages.js

@@ -1,4 +1,4 @@
-import { aF as s, aU as t, aQ as u, aO as i, aP as r, ax as g, b1 as l, b2 as P, aV as h, ar as c, v as d, aL as n, a$ as o, aw as p, ap as b, aW as m, k as A, as as C, aX as U, l as k, m as F, a_ as L, aY as R, aZ as S, b0 as W, g as v, j as B } from "./index-IQefjAA0.js";
+import { aE as s, aT as t, aP as u, aN as i, aO as r, ay as g, b0 as l, b1 as P, aU as h, as as c, r as d, aK as n, a_ as o, ax as p, w as A, aV as C, i as b, at as m, aW as U, j as k, k as R, aZ as S, aX as W, aY as B, a$ as F, e as I, h as L } from "./index-BDrc0HJQ.js";
 export {
   s as ChaiJsonInput,
   t as ChaiWebsiteBuilder,
@@ -14,17 +14,17 @@ export {
   n as useBuilderPageData,
   o as useChaiAuth,
   p as useChaiCurrentPage,
-  b as useChaiUserInfo,
-  m as useClearAll,
-  A as useFallbackLang,
-  C as useFetch,
+  A as useChaiUserInfo,
+  C as useClearAll,
+  b as useFallbackLang,
+  m as useFetch,
   U as useGotoPage,
   k as useLanguagePages,
-  F as usePageTypes,
-  L as useRealtimeAdapter,
-  R as useReloadPage,
-  S as useUpdateActivePageMetadata,
-  W as useUserPermissions,
-  v as useWebsitePages,
-  B as useWebsiteSetting
+  R as usePageTypes,
+  S as useRealtimeAdapter,
+  W as useReloadPage,
+  B as useUpdateActivePageMetadata,
+  F as useUserPermissions,
+  I as useWebsitePages,
+  L as useWebsiteSetting
 };

package/dist/{publish-pages-content-BpEoA1T6.js → publish-pages-content-CtZLSG6O.js}

@@ -1,20 +1,13 @@
 import { jsxs as n, jsx as t, Fragment as $ } from "react/jsx-runtime";
-import { B as A } from "./register-chai-top-bar-D6GjnauV.js";
-import { e as K, f as Q, g as J, p as V, r as W } from "./index-DsQXiNA_.js";
-import { ar as X, as as Y, A as I, aB as q, aC as Z, k as ee, m as te, ap as se, T as U, t as le } from "./index-IQefjAA0.js";
-import { LanguageSelector as ae } from "./page-manager-search-and-filter-iFsFJhn4.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 P, 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 ge, useMemo as p, useEffect as j, startTransition as O } from "react";
-const pe = () => {
-  const s = X(), d = Y();
-  return ne({
-    queryKey: [I.GET_CHANGES],
-    queryFn: async () => d(s, { action: I.GET_CHANGES })
-  });
-}, fe = ({ page: s, selectedPages: d, handleCheckboxChange: k, getPageType: f, hasSlug: m, currentOwnerId: r }) => {
-  const u = q(), { data: i } = se(r), o = r === u ? null : i == null ? void 0 : i.name;
+import { B } from "./register-chai-top-bar-D6GjnauV.js";
+import { e as H, f as J, g as K, o as Q, q as V } from "./index-C7bidKtE.js";
+import { s as q, t as W, i as X, v as Y, k as Z, w as ee, T as I, x as te } from "./index-BDrc0HJQ.js";
+import { LanguageSelector as se } from "./page-manager-search-and-filter-DJn98D02.js";
+import { find as U, filter as a, map as b, keys as le, get as D, includes as S, orderBy as N, isEmpty as ae, uniq as F, first as ne, concat as re } from "lodash-es";
+import { Lock as oe, GlobeIcon as ce, File as ie, Edit as de } from "lucide-react";
+import { useState as j, useCallback as ue, useMemo as x, useEffect as G, startTransition as O } from "react";
+const he = ({ page: s, selectedPages: m, handleCheckboxChange: k, getPageType: p, hasSlug: u, currentOwnerId: r }) => {
+  const d = q(), { data: i } = ee(r), o = r === d ? 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",
@@ -22,105 +15,105 @@ const pe = () => {
         scope: "row",
         className: `flex items-center gap-x-1 whitespace-nowrap px-6 py-2 text-gray-900 dark:text-white ${o ? "opacity-50" : ""}`,
         children: [
-          o ? /* @__PURE__ */ t(de, { className: "h-4 w-4 fill-red-200 text-red-500" }) : /* @__PURE__ */ t(
+          o ? /* @__PURE__ */ t(oe, { className: "h-4 w-4 fill-red-200 text-red-500" }) : /* @__PURE__ */ t(
             "input",
             {
-              checked: P(d, s == null ? void 0 : s.id),
-              onClick: (x) => {
-                x.stopPropagation(), k(s == null ? void 0 : s.id);
+              checked: S(m, s == null ? void 0 : s.id),
+              onClick: (f) => {
+                f.stopPropagation(), k(s == null ? void 0 : s.id);
               },
               type: "checkbox",
               className: "cursor-pointer rounded focus:outline-none focus:ring-0"
             }
           ),
           " ",
-          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 }) })
+          u(s.pageType) ? /* @__PURE__ */ t(ie, { className: "h-4 w-4" }) : /* @__PURE__ */ t(ce, { className: "h-4 w-4" }),
+          /* @__PURE__ */ t(I, { 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(I, { 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: f(s == null ? void 0 : s.pageType) }),
-    /* @__PURE__ */ t("td", { className: "px-4 text-right", children: ce(s.changes) || "" }),
+    /* @__PURE__ */ t("td", { className: "px-2", children: p(s == null ? void 0 : s.pageType) }),
+    /* @__PURE__ */ t("td", { className: "px-4 text-right", children: ne(s.changes) || "" }),
     /* @__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(de, { size: 12, className: "stroke-[3]" }),
       " ",
       /* @__PURE__ */ t("span", { className: "font-medium", children: o }),
       " is editing this page"
     ] }) })
   ] }, s == null ? void 0 : s.id);
-}, ve = ({
+}, we = ({
   onClose: s = () => {
   },
-  isPending: d,
+  isPending: m,
   publishPage: k
 }) => {
-  const f = q(), { pageToUser: m } = Z(), [r, u] = D([]), i = ee(), [o, x] = D(i), { data: w, isFetching: v } = pe(), { data: h } = te(), T = ge((e) => {
+  const p = q(), { pageToUser: u } = W(), [r, d] = j([]), i = X(), [o, f] = j(i), { data: w, isFetching: C } = Y(), { data: g } = Z(), T = ue((e) => {
     var l;
-    return (l = B(h, { key: e })) == null ? void 0 : l.hasSlug;
-  }, [h]), y = p(
-    () => a(h, (e) => !T(e.key)).map((e) => e.key),
-    [T, h]
-  ), E = G(b(w, "lang")).filter(Boolean), c = p(
-    () => a(w, (e) => e.pageType === "theme" ? !1 : o === i ? e.lang === o || e.lang === "" : e.lang === o),
+    return (l = U(g, { key: e })) == null ? void 0 : l.hasSlug;
+  }, [g]), y = x(
+    () => a(g, (e) => !T(e.key)).map((e) => e.key),
+    [T, g]
+  ), L = F(b(w, "lang")).filter(Boolean), c = x(
+    () => a(w, (e) => e.pageType === "theme" || e.pageType === "design_tokens" ? !1 : o === i ? e.lang === o || e.lang === "" : e.lang === o),
     [w, o, i]
-  ), S = p(
+  ), P = x(
     () => a(c, (e) => !y.includes(e.pageType)),
     [c, y]
-  ), C = p(
+  ), v = x(
     () => a(c, (e) => y.includes(e.pageType)),
     [c, y]
   );
-  j(() => {
+  G(() => {
     const e = b(a(c, { online: !0 }), "id");
-    O(() => u(e));
-  }, [c]), j(() => {
-    const e = a(re(m), (l) => F(m, [l, "userId"]) !== f);
-    O(() => u((l) => a(l, (g) => !P(e, g))));
-  }, [m, f]);
-  const L = r.length === (c == null ? void 0 : c.length), H = (e) => {
-    u((l) => P(l, e) ? a(l, (g) => g !== e) : ie(l, e));
-  }, z = () => {
-    u(L ? [] : b(c, "id"));
+    O(() => d(e));
+  }, [c]), G(() => {
+    const e = a(le(u), (l) => D(u, [l, "userId"]) !== p);
+    O(() => d((l) => a(l, (h) => !S(e, h))));
+  }, [u, p]);
+  const E = r.length === (c == null ? void 0 : c.length), z = (e) => {
+    d((l) => S(l, e) ? a(l, (h) => h !== e) : re(l, e));
+  }, A = () => {
+    d(E ? [] : b(c, "id"));
   }, M = () => {
     k(
-      { ids: G(r) },
+      { ids: F(r) },
       {
         onSuccess: () => {
-          s(), le("CENTER_CENTER"), x(i);
+          s(), te("CENTER_CENTER"), f(i);
         }
       }
     );
   }, R = (e) => {
     if (e === "theme") return "Theme";
-    const l = B(h, { key: e });
+    const l = U(g, { key: e });
     return l ? l == null ? void 0 : l.name : e;
-  }, _ = p(() => {
+  }, _ = x(() => {
     const e = [
       { label: "Updated", top: "pt-2" },
-      ...N(a(S, { online: !0 }), "pageType"),
-      ...N(a(C, { online: !0 }), "pageType")
-    ].filter((g) => g.pageType !== "theme"), l = [
+      ...N(a(P, { online: !0 }), "pageType"),
+      ...N(a(v, { online: !0 }), "pageType")
+    ].filter((h) => h.pageType !== "theme" && h.pageType !== "design_tokens"), l = [
       { label: "Offline", top: "pt-6" },
-      ...N(a(S, { online: !1 }), "pageType"),
-      ...N(a(C, { online: !1 }), "pageType")
+      ...N(a(P, { online: !1 }), "pageType"),
+      ...N(a(v, { online: !1 }), "pageType")
     ];
     return [...e, ...l];
-  }, [S, C]);
-  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." })
+  }, [P, v]);
+  return /* @__PURE__ */ n(H, { className: "flex max-h-[80%] max-w-4xl flex-col", children: [
+    /* @__PURE__ */ n(J, { children: [
+      /* @__PURE__ */ t(K, { children: "Publish changes" }),
+      /* @__PURE__ */ t(Q, { 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(
-      ae,
+    L.length > 0 && /* @__PURE__ */ t("div", { className: "my-[2px] mt-0", children: /* @__PURE__ */ t(
+      se,
       {
-        languages: [i, ...E],
+        languages: [i, ...L],
         selectedLanguage: o,
-        setSelectedLanguage: x
+        setSelectedLanguage: f
       }
     ) }),
-    /* @__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: [
+    /* @__PURE__ */ t("div", { className: "no-scrollbar relative -mx-4 -mt-4 h-full max-h-full overflow-y-auto", children: C ? /* @__PURE__ */ n("div", { className: "space-y-2 px-1", children: [
       /* @__PURE__ */ t("div", { className: "mt-2 h-6 w-full animate-pulse rounded bg-gray-200" }),
       /* @__PURE__ */ t("div", { className: "h-6 w-full animate-pulse rounded bg-gray-200" }),
       /* @__PURE__ */ t("div", { className: "h-6 w-full animate-pulse rounded bg-gray-200" }),
@@ -131,9 +124,9 @@ const pe = () => {
           /* @__PURE__ */ t(
             "input",
             {
-              checked: L,
+              checked: E,
               onClick: (e) => {
-                e.stopPropagation(), z();
+                e.stopPropagation(), A();
               },
               type: "checkbox",
               className: "mt-1 cursor-pointer rounded focus:outline-none focus:ring-0"
@@ -150,30 +143,30 @@ const pe = () => {
           /* @__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(
-          fe,
+          he,
           {
             page: e,
             selectedPages: r,
-            handleCheckboxChange: H,
+            handleCheckboxChange: z,
             getPageType: R,
             hasSlug: T,
-            currentOwnerId: F(m, [(e == null ? void 0 : e.primaryPage) || (e == null ? void 0 : e.id), "userId"])
+            currentOwnerId: D(u, [(e == null ? void 0 : e.primaryPage) || (e == null ? void 0 : e.id), "userId"])
           }
         )
       ) })
     ] }) }),
-    /* @__PURE__ */ n(W, { className: "mt-10 flex items-center justify-center", children: [
+    /* @__PURE__ */ n(V, { 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",
         r.length !== 1 ? "s" : "",
         " Selected"
       ] }),
-      /* @__PURE__ */ t(A, { disabled: d, variant: "outline", onClick: s, children: "Cancel" }),
-      /* @__PURE__ */ t(A, { disabled: d || v || oe(r), onClick: M, children: d ? "Publishing..." : "Publish Selected" })
+      /* @__PURE__ */ t(B, { disabled: m, variant: "outline", onClick: s, children: "Cancel" }),
+      /* @__PURE__ */ t(B, { disabled: m || C || ae(r), onClick: M, children: m ? "Publishing..." : "Publish Selected" })
     ] })
   ] });
 };
 export {
-  ve as default
+  we as default
 };

package/dist/publish-pages-content-DfYG0biw.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("./register-chai-top-bar-DyW9GPzV.cjs"),f=require("./index-DKjYF53r.cjs"),i=require("./index-BuXfCtgR.cjs"),U=require("./page-manager-search-and-filter-BOpne6v-.cjs"),t=require("lodash-es"),b=require("lucide-react"),r=require("react"),F=({page:l,selectedPages:m,handleCheckboxChange:N,getPageType:p,hasSlug:x,currentOwnerId:a})=>{const u=i.useUserId(),{data:d}=i.useChaiUserInfo(a),c=a===u?null:d==null?void 0:d.name;return e.jsxs("tr",{className:"group relative border-b last:border-b-0 hover:bg-gray-50",children:[e.jsxs("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":""}`,children:[c?e.jsx(b.Lock,{className:"h-4 w-4 fill-red-200 text-red-500"}):e.jsx("input",{checked:t.includes(m,l==null?void 0:l.id),onClick:y=>{y.stopPropagation(),N(l==null?void 0:l.id)},type:"checkbox",className:"cursor-pointer rounded focus:outline-none focus:ring-0"})," ",x(l.pageType)?e.jsx(b.File,{className:"h-4 w-4"}):e.jsx(b.GlobeIcon,{className:"h-4 w-4"}),e.jsx(i.Tooltip,{content:l.name,side:"top",showTooltip:l.name.length>25,children:e.jsx("span",{className:"max-w-[200px] truncate font-medium text-black",children:l.name})}),l.slug&&e.jsx(i.Tooltip,{content:l.slug,side:"top",showTooltip:l.slug.length>25,children:e.jsx("span",{className:"max-w-[200px] truncate font-mono text-xs text-muted-foreground",children:l.slug})})]}),e.jsx("td",{className:"px-2",children:p(l==null?void 0:l.pageType)}),e.jsx("td",{className:"px-4 text-right",children:t.first(l.changes)||""}),e.jsx(e.Fragment,{children:c&&e.jsxs("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:[e.jsx(b.Edit,{size:12,className:"stroke-[3]"})," ",e.jsx("span",{className:"font-medium",children:c})," is editing this page"]})})]},l==null?void 0:l.id)},D=({onClose:l=()=>{},isPending:m,publishPage:N})=>{const p=i.useUserId(),{pageToUser:x}=i.usePageToUser(),[a,u]=r.useState([]),d=i.useFallbackLang(),[c,y]=r.useState(d),{data:k,isFetching:P}=i.useGetPageChanges(),{data:g}=i.usePageTypes(),T=r.useCallback(s=>{var n;return(n=t.find(g,{key:s}))==null?void 0:n.hasSlug},[g]),j=r.useMemo(()=>t.filter(g,s=>!T(s.key)).map(s=>s.key),[T,g]),v=t.uniq(t.map(k,"lang")).filter(Boolean),o=r.useMemo(()=>t.filter(k,s=>s.pageType==="theme"||s.pageType==="design_tokens"?!1:c===d?s.lang===c||s.lang==="":s.lang===c),[k,c,d]),w=r.useMemo(()=>t.filter(o,s=>!j.includes(s.pageType)),[o,j]),S=r.useMemo(()=>t.filter(o,s=>j.includes(s.pageType)),[o,j]);r.useEffect(()=>{const s=t.map(t.filter(o,{online:!0}),"id");r.startTransition(()=>u(s))},[o]),r.useEffect(()=>{const s=t.filter(t.keys(x),n=>t.get(x,[n,"userId"])!==p);r.startTransition(()=>u(n=>t.filter(n,h=>!t.includes(s,h))))},[x,p]);const C=a.length===(o==null?void 0:o.length),B=s=>{u(n=>t.includes(n,s)?t.filter(n,h=>h!==s):t.concat(n,s))},E=()=>{u(C?[]:t.map(o,"id"))},L=()=>{N({ids:t.uniq(a)},{onSuccess:()=>{l(),i.throwConfetti("CENTER_CENTER"),y(d)}})},M=s=>{if(s==="theme")return"Theme";const n=t.find(g,{key:s});return n?n==null?void 0:n.name:s},I=r.useMemo(()=>{const s=[{label:"Updated",top:"pt-2"},...t.orderBy(t.filter(w,{online:!0}),"pageType"),...t.orderBy(t.filter(S,{online:!0}),"pageType")].filter(h=>h.pageType!=="theme"&&h.pageType!=="design_tokens"),n=[{label:"Offline",top:"pt-6"},...t.orderBy(t.filter(w,{online:!1}),"pageType"),...t.orderBy(t.filter(S,{online:!1}),"pageType")];return[...s,...n]},[w,S]);return e.jsxs(f.DialogContent,{className:"flex max-h-[80%] max-w-4xl flex-col",children:[e.jsxs(f.DialogHeader,{children:[e.jsx(f.DialogTitle,{children:"Publish changes"}),e.jsx(f.DialogDescription,{className:"text-xs",children:"Select the pages you want to publish. Click publish when you're done."})]}),v.length>0&&e.jsx("div",{className:"my-[2px] mt-0",children:e.jsx(U.LanguageSelector,{languages:[d,...v],selectedLanguage:c,setSelectedLanguage:y})}),e.jsx("div",{className:"no-scrollbar relative -mx-4 -mt-4 h-full max-h-full overflow-y-auto",children:P?e.jsxs("div",{className:"space-y-2 px-1",children:[e.jsx("div",{className:"mt-2 h-6 w-full animate-pulse rounded bg-gray-200"}),e.jsx("div",{className:"h-6 w-full animate-pulse rounded bg-gray-200"}),e.jsx("div",{className:"h-6 w-full animate-pulse rounded bg-gray-200"}),e.jsx("div",{className:"h-6 w-full animate-pulse rounded bg-gray-200"})]}):e.jsxs("table",{className:"w-full text-left text-xs text-gray-500 dark:text-gray-400 rtl:text-right",children:[e.jsx("thead",{className:"sticky top-0 z-10 border-b bg-gray-50 text-gray-700 dark:bg-gray-700 dark:text-gray-400",children:e.jsxs("tr",{children:[e.jsxs("th",{scope:"col",className:"w-[1 50px] flex items-center gap-x-2 px-6 py-3",children:[e.jsx("input",{checked:C,onClick:s=>{s.stopPropagation(),E()},type:"checkbox",className:"mt-1 cursor-pointer rounded focus:outline-none focus:ring-0"}),"Name"]}),e.jsx("th",{scope:"col",className:"w-[150px] px-2 py-3",children:"Type"}),e.jsx("th",{scope:"col",className:"w-[150px] px-4 py-3 text-right",children:"Status"})]})}),e.jsx("tbody",{children:t.map(I,s=>s.label?e.jsx("tr",{children:e.jsxs("td",{colSpan:3,className:`relative px-6 py-2 text-xs font-medium text-gray-800 ${s.top}`,children:[e.jsx("div",{className:"absolute inset-0 left-6 flex items-center",children:e.jsx("div",{className:"order-gray-300 w-full"})}),e.jsx("div",{className:"relative flex justify-start",children:e.jsx("span",{className:"bg-gray-50 pr-2",children:s.label})})]})},"separator"):e.jsx(F,{page:s,selectedPages:a,handleCheckboxChange:B,getPageType:M,hasSlug:T,currentOwnerId:t.get(x,[(s==null?void 0:s.primaryPage)||(s==null?void 0:s.id),"userId"])}))})]})}),e.jsxs(f.DialogFooter,{className:"mt-10 flex items-center justify-center",children:[a.length>0&&e.jsxs("span",{className:"text-center text-sm text-muted-foreground",children:[a.length," Page",a.length!==1?"s":""," Selected"]}),e.jsx(q.Button,{disabled:m,variant:"outline",onClick:l,children:"Cancel"}),e.jsx(q.Button,{disabled:m||P||t.isEmpty(a),onClick:L,children:m?"Publishing...":"Publish Selected"})]})]})};exports.default=D;

package/dist/render.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("./plugin-DHpuZZXz.cjs"),d=require("./apply-binding-9XSrYzAE.cjs"),m=require("react/jsx-runtime"),t=require("lodash-es"),g=require("react"),b=require("./core-BWQrViOY.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"),x=require("./get-chai-builder-theme-B5RkBTsB.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,p=b.getRegisteredChaiBlock(a._type),u=t.get(p,"component",null),k=t.get(e.repeaterData,"index",-1),_=t.get(e.repeaterData,"dataKey",""),P=n===s?"":n??"",y=d.applyBindingToBlockProps(d.applyLanguage(a,P,p),l??{},{index:k,key:_}),h=d.getBlockTagAttributes(a,!1),T=D(o,a._id,d.getBlockRuntimeProps(a._type)),$=t.has(p,"dataProvider")&&t.isFunction(p.dataProvider),v={...y,...h,...T},B={blockProps:{},inBuilder:!1,lang:n||s||"en",draft:r??!1,pageData:l??{},...v},C=t.get(v,"_show",!0);if(t.isNull(u)||!C)return null;if($){const w=t.get(p,"suspenseFallback",N);return m.jsx(g.Suspense,{fallback:g.createElement(w),children:m.jsx(O,{lang:n??"",pageProps:c,block:v,dataProvider:p.dataProvider,...f?{dataProviderMetadataCallback:f}:{},draft:r??!1,children:S=>g.createElement(u,{...B,...S,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(u,{...B,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}:{}})})})},E=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,c)=>r?g.createElement(H,{...e,key:r._id?`${r._id}-${c}`:`block-${c}`,block:r},({_id:f,_type:p,repeaterItems:u,$repeaterItemsKey:k})=>p==="Repeater"?t.isArray(u)&&u.map((_,P)=>g.createElement(E,{...e,parent:r._id,key:`${t.get(r,"_parent","root")}-${r._id}-${c}-${P}`,repeaterData:{index:P,dataKey:k}})):o(f)?g.createElement(E,{...e,parent:r._id,key:`${t.get(r,"_parent","root")}-${r._id}-${c}`,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(E,{...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:p}=e,u=b.getRegisteredChaiBlock(a._type),k=t.get(u,"component",null),_=t.get(e.repeaterData,"index",-1),P=t.get(e.repeaterData,"dataKey",""),y=n===s?"":n??"en",h=d.applyBindingToBlockProps(d.applyLanguage(a,y,u),l??{},{index:_,key:P}),T=d.getBlockTagAttributes(a,!1),$=D(o,a._id,d.getBlockRuntimeProps(a._type)),v=t.has(u,"dataProvider")&&t.isFunction(u.dataProvider),B={...h,...T,...$},C={blockProps:{},inBuilder:!1,lang:n||s||"en",draft:r??!1,pageData:l??{},...B},w=t.get(B,"_show",!0);if(t.isNull(k)||!w)return null;if(v){const S=t.get(p,a._id,Promise.resolve({})),R=t.get(u,"suspenseFallback",W);return m.jsx(g.Suspense,{fallback:g.createElement(R),children:m.jsx(V,{lang:n??"",pageProps:c,block:B,dataProvider:S,...f?{dataProviderMetadataCallback:f}:{},draft:r??!1,children:A=>g.createElement(k,{...C,...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(k,{...C,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}:{}})})},I=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:p,$repeaterItemsKey:u})=>f==="Repeater"?t.isArray(p)&&p.map((k,_)=>g.createElement(I,{...e,parent:r._id,key:`${t.get(r,"_parent","root")}-${r._id}-${_}`,repeaterData:{index:_,dataKey:u}})):o(c)?g.createElement(I,{...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(I,{...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]=Promise.resolve(r.dataProvider(c)),l},{});return m.jsx(I,{...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:{...x.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,x.chaiBuilderPlugin],corePlugins:{preflight:n}}}).generateStylesFromContent(` ${n?"@tailwind base;":""}
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("./default-theme-options-DN-3gIjM.cjs"),d=require("./apply-binding-xiigK7eK.cjs"),m=require("react/jsx-runtime"),t=require("lodash-es"),g=require("react"),b=require("./core-czmLeR0h.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"),x=require("./get-chai-builder-theme-C_qofMh_.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,p=b.getRegisteredChaiBlock(a._type),u=t.get(p,"component",null),k=t.get(e.repeaterData,"index",-1),_=t.get(e.repeaterData,"dataKey",""),P=n===s?"":n??"",y=d.applyBindingToBlockProps(d.applyLanguage(a,P,p),l??{},{index:k,key:_}),h=d.getBlockTagAttributes(a,!1),I=D(o,a._id,d.getBlockRuntimeProps(a._type)),$=t.has(p,"dataProvider")&&t.isFunction(p.dataProvider),v={...y,...h,...I},B={blockProps:{},inBuilder:!1,lang:n||s||"en",draft:r??!1,pageData:l??{},...v},C=t.get(v,"_show",!0);if(t.isNull(u)||!C)return null;if($){const w=t.get(p,"suspenseFallback",N);return m.jsx(g.Suspense,{fallback:g.createElement(w),children:m.jsx(O,{lang:n??"",pageProps:c,block:v,dataProvider:p.dataProvider,...f?{dataProviderMetadataCallback:f}:{},draft:r??!1,children:S=>g.createElement(u,{...B,...S,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(u,{...B,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}:{}})})})},E=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,c)=>r?g.createElement(H,{...e,key:r._id?`${r._id}-${c}`:`block-${c}`,block:r},({_id:f,_type:p,repeaterItems:u,$repeaterItemsKey:k})=>p==="Repeater"?t.isArray(u)&&u.map((_,P)=>g.createElement(E,{...e,parent:r._id,key:`${t.get(r,"_parent","root")}-${r._id}-${c}-${P}`,repeaterData:{index:P,dataKey:k}})):o(f)?g.createElement(E,{...e,parent:r._id,key:`${t.get(r,"_parent","root")}-${r._id}-${c}`,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(E,{...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:p}=e,u=b.getRegisteredChaiBlock(a._type),k=t.get(u,"component",null),_=t.get(e.repeaterData,"index",-1),P=t.get(e.repeaterData,"dataKey",""),y=n===s?"":n??"en",h=d.applyBindingToBlockProps(d.applyLanguage(a,y,u),l??{},{index:_,key:P}),I=d.getBlockTagAttributes(a,!1),$=D(o,a._id,d.getBlockRuntimeProps(a._type)),v=t.has(u,"dataProvider")&&t.isFunction(u.dataProvider),B={...h,...I,...$},C={blockProps:{},inBuilder:!1,lang:n||s||"en",draft:r??!1,pageData:l??{},...B},w=t.get(B,"_show",!0);if(t.isNull(k)||!w)return null;if(v){const S=t.get(p,a._id,Promise.resolve({})),R=t.get(u,"suspenseFallback",W);return m.jsx(g.Suspense,{fallback:g.createElement(R),children:m.jsx(V,{lang:n??"",pageProps:c,block:B,dataProvider:S,...f?{dataProviderMetadataCallback:f}:{},draft:r??!1,children:A=>g.createElement(k,{...C,...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(k,{...C,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}:{}})})},T=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:p,$repeaterItemsKey:u})=>f==="Repeater"?t.isArray(p)&&p.map((k,_)=>g.createElement(T,{...e,parent:r._id,key:`${t.get(r,"_parent","root")}-${r._id}-${_}`,repeaterData:{index:_,dataKey:u}})):o(c)?g.createElement(T,{...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(T,{...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]=Promise.resolve(r.dataProvider(c)),l},{});return m.jsx(T,{...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:{...x.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,x.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=L.getChaiThemeCssVariables;exports.getThemeFontsCSSImport=L.getThemeFontsCSSImport;exports.getThemeFontsLinkMarkup=L.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.js

@@ -1,16 +1,16 @@
-import { c as De, e as xe, f as Ke } from "./plugin-BSjgGgwo.js";
-import { a as O, b as N, c as E, d as J, e as C, f as j } from "./apply-binding-chfbBKi2.js";
-import { h as Ae, i as Fe, g as Me } from "./apply-binding-chfbBKi2.js";
+import { c as De, e as xe, f as Ke } from "./default-theme-options-saBIkWGT.js";
+import { a as O, b as N, c as E, d as J, e as C, f as j } from "./apply-binding-BYCW1k2l.js";
+import { h as Ae, i as Fe, g as Me } from "./apply-binding-BYCW1k2l.js";
 import { jsx as m } from "react/jsx-runtime";
 import { has as P, isFunction as I, omit as q, get as d, isNull as H, isArray as B, uniqBy as W, filter as S, isEmpty as h, map as U, find as A, cloneDeep as z } from "lodash-es";
 import { Suspense as F, createElement as g } from "react";
-import { e as L } from "./core-QlWEXm1d.js";
+import { f as L } from "./core-nSRy3D7z.js";
 import { createTailwindcss as X } from "@mhsdesign/jit-browser-tailwindcss";
 import Y from "@tailwindcss/aspect-ratio";
 import Z from "@tailwindcss/container-queries";
 import ee from "@tailwindcss/forms";
 import te from "@tailwindcss/typography";
-import { c as ae, g as re } from "./get-chai-builder-theme-BpuwSLeS.js";
+import { c as ae, g as re } from "./get-chai-builder-theme-CyOkIlte.js";
 async function ne(e) {
   const t = {
     pageProps: e.pageProps,

package/dist/{rte-widget-modal-c3T09VeO.js → rte-widget-modal-DGEWoQ1b.js}

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { h as D, D as N, e as S, f as j, g as v, N as w } from "./index-DsQXiNA_.js";
+import { h as D, D as N, e as S, f as j, g as v, N as w } from "./index-C7bidKtE.js";
 import { B } from "./register-chai-top-bar-D6GjnauV.js";
 const M = ({
   isOpen: f,

package/dist/{rte-widget-modal-CC1KcrAT.cjs → rte-widget-modal-DX66uSPv.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-mPCp0j2h.cjs"),p=require("./register-chai-top-bar-DyW9GPzV.cjs"),S=({isOpen:m,onClose:r,editor:t,rteElement:f})=>{const a=s.usePageExternalData(),u=o=>{if(!t)return;const i=`{{${o}}}`;t.commands.focus();const{from:j,to:g}=t.state.selection;if(j!==g)t.chain().deleteSelection().insertContent(i).run();else{const{state:c}=t,n=c.selection.from,x=c.doc.textBetween(Math.max(0,n-1),n),l=c.doc.textBetween(n,Math.min(n+1,c.doc.content.size));let d="";n>0&&x!==" "&&!/[.,!?;:]/.test(x)&&(d=" ");let h="";l&&l!==" "&&!/[.,!?;:]/.test(l)&&(h=" "),t.chain().insertContent(d+i+h).run()}};return e.jsx(s.Dialog,{open:m,onOpenChange:o=>!o&&r(),children:e.jsxs(s.DialogContent,{className:"max-h-[90vh] overflow-y-auto sm:max-w-[800px]",children:[e.jsx(s.DialogHeader,{children:e.jsxs(s.DialogTitle,{className:"flex items-center justify-between pr-8",children:[e.jsx("span",{children:"Rich Text Editor"}),a&&Object.keys(a).length>0&&e.jsxs("div",{className:"flex items-center",children:[e.jsx("span",{className:"mr-2 text-sm text-muted-foreground",children:"Add field:"}),e.jsx("div",{className:"rte-path-selector",children:e.jsx(s.NestedPathSelector,{data:a,onSelect:u})})]})]})}),f,e.jsx("div",{className:"mt-4 flex justify-end",children:e.jsx(p.Button,{onClick:r,children:"Done"})})]})})};exports.default=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-DKjYF53r.cjs"),p=require("./register-chai-top-bar-DyW9GPzV.cjs"),S=({isOpen:m,onClose:r,editor:t,rteElement:f})=>{const a=s.usePageExternalData(),u=o=>{if(!t)return;const i=`{{${o}}}`;t.commands.focus();const{from:j,to:g}=t.state.selection;if(j!==g)t.chain().deleteSelection().insertContent(i).run();else{const{state:c}=t,n=c.selection.from,x=c.doc.textBetween(Math.max(0,n-1),n),l=c.doc.textBetween(n,Math.min(n+1,c.doc.content.size));let d="";n>0&&x!==" "&&!/[.,!?;:]/.test(x)&&(d=" ");let h="";l&&l!==" "&&!/[.,!?;:]/.test(l)&&(h=" "),t.chain().insertContent(d+i+h).run()}};return e.jsx(s.Dialog,{open:m,onOpenChange:o=>!o&&r(),children:e.jsxs(s.DialogContent,{className:"max-h-[90vh] overflow-y-auto sm:max-w-[800px]",children:[e.jsx(s.DialogHeader,{children:e.jsxs(s.DialogTitle,{className:"flex items-center justify-between pr-8",children:[e.jsx("span",{children:"Rich Text Editor"}),a&&Object.keys(a).length>0&&e.jsxs("div",{className:"flex items-center",children:[e.jsx("span",{className:"mr-2 text-sm text-muted-foreground",children:"Add field:"}),e.jsx("div",{className:"rte-path-selector",children:e.jsx(s.NestedPathSelector,{data:a,onSelect:u})})]})]})}),f,e.jsx("div",{className:"mt-4 flex justify-end",children:e.jsx(p.Button,{onClick:r,children:"Done"})})]})})};exports.default=S;