@chaibuilder/sdk 1.2.6 → 1.2.8

package/dist/{Layers-NDtp2-im.js → Layers-rehZkz78.js}

@@ -1,16 +1,16 @@
 import { j as e } from "./jsx-runtime-WbnYoNE9.js";
-import { nth as y, startsWith as _, map as w, isUndefined as E, find as A, isEmpty as H, includes as P } from "lodash-es";
-import { BoxModelIcon as L, BoxIcon as z, DragHandleHorizontalIcon as V, ViewHorizontalIcon as F, BorderAllIcon as G, BorderTopIcon as $, TableIcon as K, DropdownMenuIcon as Q, RadiobuttonIcon as U, InputIcon as Y, ButtonIcon as B, CheckboxIcon as q, GroupIcon as W, SpaceBetweenVerticallyIcon as Z, ColumnsIcon as J, RowsIcon as C, TextIcon as v, SketchLogoIcon as X, DividerHorizontalIcon as ee, CodeIcon as te, CursorTextIcon as se, VideoIcon as oe, Link1Icon as ne, HeadingIcon as re, ImageIcon as ae, TriangleRightIcon as ce, ScissorsIcon as le, ClipboardIcon as ie, TrashIcon as xe, GlobeIcon as de, CopyIcon as me, ClipboardCopyIcon as pe, DoubleArrowDownIcon as ue, StackIcon as ge } from "@radix-ui/react-icons";
-import { useDrop as je, useDragLayer as he } from "react-dnd";
-import { useDragOver as be, Tree as Ie } from "@minoru/react-dnd-treeview";
-import { useTranslation as fe } from "react-i18next";
-import { _ as ke, Z as ye, j as u, n as Be, bx as i, k as Ce, l as ve, a6 as we, m as Se, o as Te, i as De, by as Ne, ak as Me, al as Oe, bz as Re, bA as _e, ae as Ee, w as Ae, aj as He, p as Pe, bn as Le, bB as ze } from "./index-_OgCuSUz.js";
-import { DatabaseIcon as Ve } from "lucide-react";
-import { useMemo as Fe, lazy as Ge, useCallback as $e, useState as Ke, Suspense as Qe } from "react";
-import { a as Ue } from "./MODIFIERS-RiXS5Mn1.js";
-import { c as S } from "./Functions-7jnEwJyw.js";
-import { f as Ye } from "./index-482XFRhB.js";
-import { u as qe } from "./useAddBlockByDrop-uPXvrg4G.js";
+import { nth as C, startsWith as P, map as S, includes as T, isUndefined as L, find as z, isEmpty as V } from "lodash-es";
+import { BoxModelIcon as F, BoxIcon as D, DragHandleHorizontalIcon as $, ViewHorizontalIcon as G, BorderAllIcon as K, BorderTopIcon as Q, TableIcon as U, DropdownMenuIcon as Y, RadiobuttonIcon as q, InputIcon as W, ButtonIcon as B, CheckboxIcon as J, GroupIcon as X, SpaceBetweenVerticallyIcon as Z, ColumnsIcon as ee, RowsIcon as v, TextIcon as w, SketchLogoIcon as te, DividerHorizontalIcon as se, CodeIcon as oe, CursorTextIcon as ne, VideoIcon as re, Link1Icon as ae, HeadingIcon as ce, ImageIcon as le, TriangleRightIcon as ie, ScissorsIcon as xe, ClipboardIcon as de, TrashIcon as me, GlobeIcon as pe, CopyIcon as ue, ClipboardCopyIcon as ge, DoubleArrowDownIcon as je, StackIcon as he } from "@radix-ui/react-icons";
+import { useDrop as be, useDragLayer as fe } from "react-dnd";
+import { useDragOver as Ie, Tree as ke } from "@minoru/react-dnd-treeview";
+import { useTranslation as ye } from "react-i18next";
+import { $ as Ce, _ as Be, j as x, n as ve, bx as i, k as we, l as Se, a7 as Te, m as De, o as Ne, i as Me, by as Oe, al as Re, am as _e, bz as Ee, bA as Ae, y as N, af as He, w as Pe, ak as Le, p as ze, bn as Ve, bB as Fe } from "./index-niHREMmR.js";
+import { DatabaseIcon as $e } from "lucide-react";
+import { useMemo as Ge, lazy as Ke, useCallback as Qe, useState as Ue, Suspense as Ye } from "react";
+import { a as qe } from "./MODIFIERS-RiXS5Mn1.js";
+import { c as k } from "./Functions-7jnEwJyw.js";
+import { f as We } from "./index-EGUphg4R.js";
+import { u as Je } from "./useAddBlockByDrop-_nwI4W3q.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
@@ -42,6 +42,7 @@ import "jotai";
 import "flat-to-nested";
 import "redux-undo";
 import "@chaibuilder/runtime";
+import "lodash";
 import "@react-hookz/web";
 import "i18next";
 import "@floating-ui/react-dom";
@@ -49,75 +50,74 @@ import "react-textarea-autosize";
 import "flagged";
 import "react-hotkeys-hook";
 import "sonner";
-import "./html-to-json-yjzEN9OX.js";
+import "./html-to-json-57841sEK.js";
 import "himalaya";
-import "lodash";
 import "./web-blocks.js";
 import "./controls-XPXGHKht.js";
-const T = (t) => {
+const M = (t) => {
   switch (t.type) {
     case "Image":
-      return /* @__PURE__ */ e.jsx(ae, {});
+      return /* @__PURE__ */ e.jsx(le, {});
     case "Heading":
-      return /* @__PURE__ */ e.jsx(re, {});
+      return /* @__PURE__ */ e.jsx(ce, {});
     case "Text":
-      return /* @__PURE__ */ e.jsx(v, {});
+      return /* @__PURE__ */ e.jsx(w, {});
     case "Link":
-      return /* @__PURE__ */ e.jsx(ne, {});
+      return /* @__PURE__ */ e.jsx(ae, {});
     case "Video":
-      return /* @__PURE__ */ e.jsx(oe, {});
+      return /* @__PURE__ */ e.jsx(re, {});
     case "RichText":
-      return /* @__PURE__ */ e.jsx(se, {});
+      return /* @__PURE__ */ e.jsx(ne, {});
     case "Button":
       return /* @__PURE__ */ e.jsx(B, {});
     case "CustomHTML":
-      return /* @__PURE__ */ e.jsx(te, {});
+      return /* @__PURE__ */ e.jsx(oe, {});
     case "Divider":
-      return /* @__PURE__ */ e.jsx(ee, {});
+      return /* @__PURE__ */ e.jsx(se, {});
     case "Icon":
-      return /* @__PURE__ */ e.jsx(X, {});
+      return /* @__PURE__ */ e.jsx(te, {});
     case "List":
-      return /* @__PURE__ */ e.jsx(C, {});
-    case "Paragraph":
       return /* @__PURE__ */ e.jsx(v, {});
+    case "Paragraph":
+      return /* @__PURE__ */ e.jsx(w, {});
     case "Row":
-      return /* @__PURE__ */ e.jsx(C, {});
+      return /* @__PURE__ */ e.jsx(v, {});
     case "ListItem":
-      return /* @__PURE__ */ e.jsx(J, {});
+      return /* @__PURE__ */ e.jsx(ee, {});
     case "LineBreak":
       return /* @__PURE__ */ e.jsx(Z, {});
     case "Form":
-      return /* @__PURE__ */ e.jsx(W, {});
+      return /* @__PURE__ */ e.jsx(X, {});
     case "Checkbox":
-      return /* @__PURE__ */ e.jsx(q, {});
+      return /* @__PURE__ */ e.jsx(J, {});
     case "FormButton":
       return /* @__PURE__ */ e.jsx(B, {});
     case "Input":
     case "TextArea":
-      return /* @__PURE__ */ e.jsx(Y, {});
+      return /* @__PURE__ */ e.jsx(W, {});
     case "Radio":
-      return /* @__PURE__ */ e.jsx(U, {});
+      return /* @__PURE__ */ e.jsx(q, {});
     case "Select":
-      return /* @__PURE__ */ e.jsx(Q, {});
+      return /* @__PURE__ */ e.jsx(Y, {});
     case "Table":
-      return /* @__PURE__ */ e.jsx(K, {});
+      return /* @__PURE__ */ e.jsx(U, {});
     case "TableHead":
-      return /* @__PURE__ */ e.jsx($, {});
+      return /* @__PURE__ */ e.jsx(Q, {});
     case "TableBody":
-      return /* @__PURE__ */ e.jsx(G, {});
+      return /* @__PURE__ */ e.jsx(K, {});
     case "TableRow":
-      return /* @__PURE__ */ e.jsx(F, {});
+      return /* @__PURE__ */ e.jsx(G, {});
     case "TableCell":
-      return /* @__PURE__ */ e.jsx(V, {});
+      return /* @__PURE__ */ e.jsx($, {});
     case "DataProvider":
-      return /* @__PURE__ */ e.jsx(Ve, { size: 16 });
+      return /* @__PURE__ */ e.jsx($e, { size: 16 });
     case "Box":
-      return /* @__PURE__ */ e.jsx(z, {});
+      return /* @__PURE__ */ e.jsx(D, {});
     default:
-      return /* @__PURE__ */ e.jsx(L, {});
+      return /* @__PURE__ */ e.jsx(F, {});
   }
 };
-function We(t = "") {
+function Xe(t = "") {
   const s = {
     xs: "390px",
     sm: "640px",
@@ -135,23 +135,23 @@ function We(t = "") {
       // checks if any of the display property is set for any higher media query
       /\b(sm|md|lg|xl|2xl):(block|grid|flex|inline|inline-grid|inline-flex|inline-block)\b/
     ), c = t.match(a);
-    if (y(c, 1))
-      return `Visible >=${s[y(c, 1)]}`;
+    if (C(c, 1))
+      return `Visible >=${s[C(c, 1)]}`;
   }
   return "";
 }
 const Ze = (t) => {
   let s = "";
   return Object.keys(t).forEach((o) => {
-    _(t[o], Ue) && (s = t[o]);
+    P(t[o], qe) && (s = t[o]);
   }), s;
-}, Je = (t) => {
+}, et = (t) => {
   var g;
-  const [, s] = ke(), [o] = ye(), { isSelected: r } = t, { id: a, data: c } = t.node, x = t.depth * 10, d = (l) => {
+  const [, s] = Ce(), [o] = Be(), { isSelected: r } = t, { id: a, data: c } = t.node, d = t.depth * 10, m = (l) => {
     l.stopPropagation(), t.onToggle(t.node.id);
-  }, j = be(a, t.isOpen, t.onToggle), m = Fe(() => {
+  }, j = Ie(a, t.isOpen, t.onToggle), p = Ge(() => {
     const l = Ze(t.node.data);
-    return We(l);
+    return Xe(l);
   }, [t.node.data]);
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
@@ -159,34 +159,34 @@ const Ze = (t) => {
       "div",
       {
         onMouseEnter: () => s(a),
-        className: S(
-          "group flex w-full items-center justify-between space-x-px py-px ",
+        className: k(
+          "group flex w-full items-center justify-between space-x-px py-px",
           r ? "bg-blue-500 text-white" : "hover:bg-gray-200 dark:hover:bg-gray-800"
         ),
         onClick: (l) => {
           l.stopPropagation(), !o.includes(a) && t.onSelect(a);
         },
         onContextMenu: () => t.onSelect(a),
-        style: { paddingInlineStart: x },
+        style: { paddingInlineStart: d },
         ...j,
         children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
           /* @__PURE__ */ e.jsx(
             "div",
             {
               className: `flex h-4 w-4 rotate-0 transform cursor-pointer items-center justify-center text-xs transition-transform duration-100 ${t.isOpen ? "rotate-90" : ""}`,
-              children: t.node.droppable && /* @__PURE__ */ e.jsx("button", { onClick: d, type: "button", children: /* @__PURE__ */ e.jsx(ce, {}) })
+              children: t.node.droppable && /* @__PURE__ */ e.jsx("button", { onClick: m, type: "button", children: /* @__PURE__ */ e.jsx(ie, {}) })
             }
           ),
           /* @__PURE__ */ e.jsxs("button", { type: "button", className: "flex items-center", children: [
-            /* @__PURE__ */ e.jsx("div", { className: "-mt-1 h-3 w-3", children: /* @__PURE__ */ e.jsx(T, { type: c == null ? void 0 : c._type }) }),
+            /* @__PURE__ */ e.jsx("div", { className: "-mt-1 h-3 w-3", children: /* @__PURE__ */ e.jsx(M, { type: c == null ? void 0 : c._type }) }),
             /* @__PURE__ */ e.jsx("div", { className: "ml-2 truncate text-[11px]", children: ((g = t.node.data) == null ? void 0 : g._name) || t.node.text }),
-            m ? /* @__PURE__ */ e.jsxs(
+            p ? /* @__PURE__ */ e.jsxs(
               "span",
               {
                 className: "ml-2 flex items-center text-[10px] italic " + (r ? "text-gray-200" : "text-gray-500"),
                 children: [
                   "(",
-                  m,
+                  p,
                   ")"
                 ]
               }
@@ -196,30 +196,30 @@ const Ze = (t) => {
       }
     )
   );
-}, Xe = (t) => {
+}, tt = (t) => {
   var o;
   const { item: s } = t.monitorProps;
   return /* @__PURE__ */ e.jsxs("div", { className: "flex w-max items-center bg-blue-200 bg-opacity-30 p-1 font-semibold text-blue-700", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "", children: /* @__PURE__ */ e.jsx(T, { type: (o = s == null ? void 0 : s.data) == null ? void 0 : o._type }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "", children: /* @__PURE__ */ e.jsx(M, { type: (o = s == null ? void 0 : s.data) == null ? void 0 : o._type }) }),
     /* @__PURE__ */ e.jsx("div", { className: "ml-2 truncate text-[11px]", children: s.text })
   ] });
-}, et = (t) => {
+}, st = (t) => {
   const s = t.depth * 10 + 16;
   return /* @__PURE__ */ e.jsx("div", { className: "absolute right-0 top-0 h-0.5 -translate-y-1/2 transform bg-green-500", style: { left: s } });
-}, tt = Ge(() => import("./MarkAsGlobalBlock-SPWd6Flk.js")), st = () => {
-  const [t] = u(), [, s] = Be();
+}, ot = Ke(() => import("./MarkAsGlobalBlock-BjP-Rqlf.js")), nt = () => {
+  const [t] = x(), [, s] = ve();
   return /* @__PURE__ */ e.jsxs(i, { className: "flex items-center gap-x-4 text-xs", onClick: () => s(t), children: [
-    /* @__PURE__ */ e.jsx(le, {}),
+    /* @__PURE__ */ e.jsx(xe, {}),
     " Cut"
   ] });
-}, ot = () => {
-  const [t] = u(), [, s] = Ce();
+}, rt = () => {
+  const [t] = x(), [, s] = we();
   return /* @__PURE__ */ e.jsxs(i, { className: "flex items-center gap-x-4 text-xs", onClick: () => s(t), children: [
-    /* @__PURE__ */ e.jsx(ie, {}),
+    /* @__PURE__ */ e.jsx(de, {}),
     " Copy"
   ] });
-}, nt = () => {
-  const [t] = u(), s = ve(), o = we();
+}, at = () => {
+  const [t] = x(), s = Se(), o = Te();
   return /* @__PURE__ */ e.jsxs(
     i,
     {
@@ -227,29 +227,29 @@ const Ze = (t) => {
       className: "flex items-center gap-x-4 text-xs",
       onClick: () => s(t),
       children: [
-        /* @__PURE__ */ e.jsx(xe, {}),
+        /* @__PURE__ */ e.jsx(me, {}),
         " Remove"
       ]
     }
   );
-}, rt = ({
+}, ct = ({
   id: t = null,
   openMarkAsGlobalModal: s
 }) => {
-  const [o] = u(), r = Se(), { pasteBlocks: a, canPaste: c } = Te(), x = De("globalBlocksSupport", !1), d = $e(() => {
+  const [o] = x(), r = De(), { pasteBlocks: a, canPaste: c } = Ne(), d = Me("globalBlocksSupport", !1), m = Qe(() => {
     r(o);
   }, [o, r]);
-  return /* @__PURE__ */ e.jsxs(Ne, { className: "text-xs", children: [
-    x && /* @__PURE__ */ e.jsx(i, { className: "flex items-center gap-x-4 border-b text-xs", onClick: s, children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-4", children: [
-      /* @__PURE__ */ e.jsx(de, {}),
+  return /* @__PURE__ */ e.jsxs(Oe, { className: "text-xs", children: [
+    d && /* @__PURE__ */ e.jsx(i, { className: "flex items-center gap-x-4 border-b text-xs", onClick: s, children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-4", children: [
+      /* @__PURE__ */ e.jsx(pe, {}),
       " Mark as global"
     ] }) }),
-    /* @__PURE__ */ e.jsxs(i, { className: "flex items-center gap-x-4 text-xs", onClick: d, children: [
-      /* @__PURE__ */ e.jsx(me, {}),
+    /* @__PURE__ */ e.jsxs(i, { className: "flex items-center gap-x-4 text-xs", onClick: m, children: [
+      /* @__PURE__ */ e.jsx(ue, {}),
       " Duplicate"
     ] }),
-    /* @__PURE__ */ e.jsx(st, {}),
-    /* @__PURE__ */ e.jsx(ot, {}),
+    /* @__PURE__ */ e.jsx(nt, {}),
+    /* @__PURE__ */ e.jsx(rt, {}),
     /* @__PURE__ */ e.jsxs(
       i,
       {
@@ -257,25 +257,25 @@ const Ze = (t) => {
         onClick: () => a(t),
         disabled: !c,
         children: [
-          /* @__PURE__ */ e.jsx(pe, {}),
+          /* @__PURE__ */ e.jsx(ge, {}),
           " Paste"
         ]
       }
     ),
-    /* @__PURE__ */ e.jsx(nt, {})
+    /* @__PURE__ */ e.jsx(at, {})
   ] });
-}, at = ({ children: t, id: s = null }) => {
-  const [o, r] = Ke(!1);
+}, lt = ({ children: t, id: s = null }) => {
+  const [o, r] = Ue(!1);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(Me, { open: o, onOpenChange: r, children: o && /* @__PURE__ */ e.jsx(Oe, { children: /* @__PURE__ */ e.jsx(Qe, { fallback: /* @__PURE__ */ e.jsx("div", { className: "h-96 w-full animate-pulse bg-gray-200" }), children: /* @__PURE__ */ e.jsx(tt, { closeModal: () => r(!1), id: s }) }) }) }),
-    /* @__PURE__ */ e.jsxs(Re, { children: [
-      /* @__PURE__ */ e.jsx(_e, { children: t }),
-      /* @__PURE__ */ e.jsx(rt, { id: s, openMarkAsGlobalModal: () => r(!0) })
+    /* @__PURE__ */ e.jsx(Re, { open: o, onOpenChange: r, children: o && /* @__PURE__ */ e.jsx(_e, { children: /* @__PURE__ */ e.jsx(Ye, { fallback: /* @__PURE__ */ e.jsx("div", { className: "h-96 w-full animate-pulse bg-gray-200" }), children: /* @__PURE__ */ e.jsx(ot, { closeModal: () => r(!1), id: s }) }) }) }),
+    /* @__PURE__ */ e.jsxs(Ee, { children: [
+      /* @__PURE__ */ e.jsx(Ae, { children: t }),
+      /* @__PURE__ */ e.jsx(ct, { id: s, openMarkAsGlobalModal: () => r(!0) })
     ] })
   ] });
 };
-function ct(t) {
-  return w(t, (s) => {
+function it(t) {
+  return S(t, (s) => {
     const { data: o } = s;
     return {
       ...o,
@@ -283,99 +283,122 @@ function ct(t) {
     };
   });
 }
-const xs = () => {
-  const t = Ee(), [s] = Ae(), [o, r, a] = u(), [, c] = He(), { t: x } = fe(), { createSnapshot: d } = Pe(), j = Ye(), m = qe(), g = async (n, p) => {
-    const { dragSource: b, relativeIndex: I, dropTargetId: f, monitor: k } = p;
+function xt() {
+  const [t] = N(), [s, o] = x();
+  return t ? (console.log("container", t), /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      onClick: (r) => {
+        r.stopPropagation(), o(["container"]);
+      },
+      className: k(
+        "flex items-center pl-2 text-xs",
+        T(s, "container") ? "bg-blue-500 text-white" : "hover:bg-gray-200 dark:hover:bg-gray-800"
+      ),
+      children: [
+        /* @__PURE__ */ e.jsx(D, {}),
+        "  ",
+        t._type
+      ]
+    }
+  )) : null;
+}
+const ps = () => {
+  const t = He(), [s] = Pe(), [o, r, a] = x(), [, c] = Le(), { t: d } = ye(), { createSnapshot: m } = ze(), j = We(), p = Je(), [g] = N(), l = async (n, u) => {
+    const { dragSource: b, relativeIndex: f, dropTargetId: I, monitor: y } = u;
     if (b) {
-      d();
-      const O = ct(n);
-      s(O);
-      const R = k.getItem();
-      r([R.id]);
+      m();
+      const A = it(n);
+      s(A);
+      const H = y.getItem();
+      r([H.id]);
     } else
-      await m({ block: k.getItem(), dropTargetId: f, relativeIndex: I });
-  }, l = w(t, (n) => ({
+      await p({ block: y.getItem(), dropTargetId: I, relativeIndex: f });
+  }, O = S(t, (n) => ({
     id: n._id,
     text: n._type,
     parent: n._parent || 0,
-    droppable: !E(A(t, { _parent: n._id })),
+    droppable: !L(z(t, { _parent: n._id })),
     data: n
-  })), D = () => {
+  })), R = () => {
     r([]), c([]);
-  }, [{ isOver: h }, N] = je(() => ({
+  }, [{ isOver: h }, _] = be(() => ({
     accept: ["CHAI_BLOCK"],
     collect: (n) => ({
       canDrop: n.canDrop(),
       isOver: n.isOver()
     }),
     drop: (n) => {
-      (async () => await m({
+      (async () => await p({
         block: n,
         dropTargetId: "",
         relativeIndex: 0
       }))();
     }
-  })), { isDragging: M } = he((n) => ({
+  })), { isDragging: E } = fe((n) => ({
     isDragging: n.isDragging()
   }));
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
     "div",
     {
-      onClick: () => D(),
-      className: S(
+      onClick: () => R(),
+      className: k(
         "-mx-1 -mt-1 flex h-full select-none flex-col space-y-1",
-        M ? "bg-green-50/80" : "bg-background"
+        E ? "bg-green-50/80" : "bg-background"
       ),
-      children: H(t) ? /* @__PURE__ */ e.jsxs(
+      children: V(t) ? /* @__PURE__ */ e.jsxs(
         "div",
         {
-          ref: N,
-          className: `mx-1 mt-4 max-w-full h-full p-6 text-center text-sm text-gray-400 ${h ? "bg-blue-200" : ""}`,
+          ref: _,
+          className: `mx-1 mt-4 h-full max-w-full p-6 text-center text-sm text-gray-400 ${h ? "bg-blue-200" : ""}`,
           children: [
-            h ? /* @__PURE__ */ e.jsx(ue, { className: "mx-auto h-12 w-12 animate-bounce" }) : /* @__PURE__ */ e.jsx(ge, { className: "mx-auto h-10 w-10" }),
-            /* @__PURE__ */ e.jsx("p", { className: "mt-2", children: x(h ? "drop_here_message" : "tree_view_no_blocks") })
+            h ? /* @__PURE__ */ e.jsx(je, { className: "mx-auto h-12 w-12 animate-bounce" }) : /* @__PURE__ */ e.jsx(he, { className: "mx-auto h-10 w-10" }),
+            /* @__PURE__ */ e.jsx("p", { className: "mt-2", children: d(h ? "drop_here_message" : "tree_view_no_blocks") })
           ]
         }
-      ) : /* @__PURE__ */ e.jsx(Le, { id: "layers-view", className: "no-scrollbar h-full overflow-y-auto p-1", children: /* @__PURE__ */ e.jsx(
-        Ie,
-        {
-          initialOpen: j,
-          extraAcceptTypes: ["CHAI_BLOCK"],
-          tree: l,
-          rootId: 0,
-          render: (n, { depth: p, isOpen: b, onToggle: I }) => /* @__PURE__ */ e.jsx(at, { id: n.id, children: /* @__PURE__ */ e.jsx(
-            Je,
-            {
-              onSelect: (f) => {
-                c([]), r([f]);
-              },
-              isSelected: P(o, n.id),
-              node: n,
-              depth: p,
-              isOpen: b,
-              onToggle: I,
-              toggleIds: a
-            }
-          ) }),
-          dragPreviewRender: (n) => /* @__PURE__ */ e.jsx(Xe, { monitorProps: n }),
-          onDrop: g,
-          classes: {
-            root: "h-full pt-2",
-            draggingSource: "opacity-30",
-            dropTarget: "bg-green-100",
-            placeholder: "relative"
-          },
-          sort: !1,
-          insertDroppableFirst: !1,
-          canDrop: ze,
-          dropTargetOffset: 2,
-          enableAnimateExpand: !0,
-          placeholderRender: (n, { depth: p }) => /* @__PURE__ */ e.jsx(et, { node: n, depth: p })
-        }
-      ) })
+      ) : /* @__PURE__ */ e.jsxs(Ve, { id: "layers-view", className: "no-scrollbar h-full overflow-y-auto p-1", children: [
+        /* @__PURE__ */ e.jsx(xt, {}),
+        /* @__PURE__ */ e.jsx(
+          ke,
+          {
+            initialOpen: j,
+            extraAcceptTypes: ["CHAI_BLOCK"],
+            tree: O,
+            rootId: 0,
+            render: (n, { depth: u, isOpen: b, onToggle: f }) => /* @__PURE__ */ e.jsx(lt, { id: n.id, children: /* @__PURE__ */ e.jsx(
+              et,
+              {
+                onSelect: (I) => {
+                  c([]), r([I]);
+                },
+                isSelected: T(o, n.id),
+                node: n,
+                depth: u,
+                isOpen: b,
+                onToggle: f,
+                toggleIds: a
+              }
+            ) }),
+            dragPreviewRender: (n) => /* @__PURE__ */ e.jsx(tt, { monitorProps: n }),
+            onDrop: l,
+            classes: {
+              root: "h-[90%] " + (g ? "pl-2" : "pt-2"),
+              draggingSource: "opacity-30",
+              dropTarget: "bg-green-100",
+              placeholder: "relative"
+            },
+            sort: !1,
+            insertDroppableFirst: !1,
+            canDrop: Fe,
+            dropTargetOffset: 2,
+            enableAnimateExpand: !0,
+            placeholderRender: (n, { depth: u }) => /* @__PURE__ */ e.jsx(st, { node: n, depth: u })
+          }
+        )
+      ] })
     }
   ) });
 };
 export {
-  xs as default
+  ps as default
 };

package/dist/Layers-v-7k3W2I.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),u=require("lodash-es"),s=require("@radix-ui/react-icons"),q=require("react-dnd"),C=require("@minoru/react-dnd-treeview"),N=require("react-i18next"),n=require("./index-H6vIwGfD.cjs"),O=require("lucide-react"),g=require("react"),_=require("./MODIFIERS-2FeVfZQ9.cjs"),B=require("./Functions-N3yhPYKY.cjs"),A=require("./index-jw8RxsTv.cjs"),P=require("./useAddBlockByDrop-inkD7Lck.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-PTxFk6qT.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");require("jotai");require("flat-to-nested");require("redux-undo");require("@chaibuilder/runtime");require("lodash");require("@react-hookz/web");require("i18next");require("@floating-ui/react-dom");require("react-textarea-autosize");require("flagged");require("react-hotkeys-hook");require("sonner");require("./html-to-json-2PeOCVey.cjs");require("himalaya");require("./web-blocks.cjs");require("./controls-Dy1qa8Dc.cjs");const y=t=>{switch(t.type){case"Image":return e.jsxRuntimeExports.jsx(s.ImageIcon,{});case"Heading":return e.jsxRuntimeExports.jsx(s.HeadingIcon,{});case"Text":return e.jsxRuntimeExports.jsx(s.TextIcon,{});case"Link":return e.jsxRuntimeExports.jsx(s.Link1Icon,{});case"Video":return e.jsxRuntimeExports.jsx(s.VideoIcon,{});case"RichText":return e.jsxRuntimeExports.jsx(s.CursorTextIcon,{});case"Button":return e.jsxRuntimeExports.jsx(s.ButtonIcon,{});case"CustomHTML":return e.jsxRuntimeExports.jsx(s.CodeIcon,{});case"Divider":return e.jsxRuntimeExports.jsx(s.DividerHorizontalIcon,{});case"Icon":return e.jsxRuntimeExports.jsx(s.SketchLogoIcon,{});case"List":return e.jsxRuntimeExports.jsx(s.RowsIcon,{});case"Paragraph":return e.jsxRuntimeExports.jsx(s.TextIcon,{});case"Row":return e.jsxRuntimeExports.jsx(s.RowsIcon,{});case"ListItem":return e.jsxRuntimeExports.jsx(s.ColumnsIcon,{});case"LineBreak":return e.jsxRuntimeExports.jsx(s.SpaceBetweenVerticallyIcon,{});case"Form":return e.jsxRuntimeExports.jsx(s.GroupIcon,{});case"Checkbox":return e.jsxRuntimeExports.jsx(s.CheckboxIcon,{});case"FormButton":return e.jsxRuntimeExports.jsx(s.ButtonIcon,{});case"Input":case"TextArea":return e.jsxRuntimeExports.jsx(s.InputIcon,{});case"Radio":return e.jsxRuntimeExports.jsx(s.RadiobuttonIcon,{});case"Select":return e.jsxRuntimeExports.jsx(s.DropdownMenuIcon,{});case"Table":return e.jsxRuntimeExports.jsx(s.TableIcon,{});case"TableHead":return e.jsxRuntimeExports.jsx(s.BorderTopIcon,{});case"TableBody":return e.jsxRuntimeExports.jsx(s.BorderAllIcon,{});case"TableRow":return e.jsxRuntimeExports.jsx(s.ViewHorizontalIcon,{});case"TableCell":return e.jsxRuntimeExports.jsx(s.DragHandleHorizontalIcon,{});case"DataProvider":return e.jsxRuntimeExports.jsx(O.DatabaseIcon,{size:16});case"Box":return e.jsxRuntimeExports.jsx(s.BoxIcon,{});default:return e.jsxRuntimeExports.jsx(s.BoxModelIcon,{})}};function H(t=""){const r={xs:"390px",sm:"640px",md:"768px",lg:"1024px",xl:"1366px","2xl":"1536px"};if(new RegExp(/\bsr-only\b/).test(t))return"Sr Only";if(new RegExp(/\b(sm|md|lg|xl|2xl):hidden\b/).test(t))return"Visible on mobile";if(t.match(/(^| )hidden( |$)/g)){const c=new RegExp(/\b(sm|md|lg|xl|2xl):(block|grid|flex|inline|inline-grid|inline-flex|inline-block)\b/),l=t.match(c);if(u.nth(l,1))return`Visible >=${r[u.nth(l,1)]}`}return""}const L=t=>{let r="";return Object.keys(t).forEach(o=>{u.startsWith(t[o],_.STYLES_KEY)&&(r=t[o])}),r},F=t=>{var R;const[,r]=n.useHighlightBlockId(),[o]=n.useHiddenBlockIds(),{isSelected:x}=t,{id:c,data:l}=t.node,d=t.depth*10,p=a=>{a.stopPropagation(),t.onToggle(t.node.id)},E=C.useDragOver(c,t.isOpen,t.onToggle),m=g.useMemo(()=>{const a=L(t.node.data);return H(a)},[t.node.data]);return e.jsxRuntimeExports.jsx("div",{onMouseEnter:()=>r(c),className:B.cn("group flex w-full items-center justify-between space-x-px py-px",x?"bg-blue-500 text-white":"hover:bg-gray-200 dark:hover:bg-gray-800"),onClick:a=>{a.stopPropagation(),!o.includes(c)&&t.onSelect(c)},onContextMenu:()=>t.onSelect(c),style:{paddingInlineStart:d},...E,children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[e.jsxRuntimeExports.jsx("div",{className:`flex h-4 w-4 rotate-0 transform cursor-pointer items-center justify-center text-xs transition-transform duration-100 ${t.isOpen?"rotate-90":""}`,children:t.node.droppable&&e.jsxRuntimeExports.jsx("button",{onClick:p,type:"button",children:e.jsxRuntimeExports.jsx(s.TriangleRightIcon,{})})}),e.jsxRuntimeExports.jsxs("button",{type:"button",className:"flex items-center",children:[e.jsxRuntimeExports.jsx("div",{className:"-mt-1 h-3 w-3",children:e.jsxRuntimeExports.jsx(y,{type:l==null?void 0:l._type})}),e.jsxRuntimeExports.jsx("div",{className:"ml-2 truncate text-[11px]",children:((R=t.node.data)==null?void 0:R._name)||t.node.text}),m?e.jsxRuntimeExports.jsxs("span",{className:"ml-2 flex items-center text-[10px] italic "+(x?"text-gray-200":"text-gray-500"),children:["(",m,")"]}):null]})]})})},V=t=>{var o;const{item:r}=t.monitorProps;return e.jsxRuntimeExports.jsxs("div",{className:"flex w-max items-center bg-blue-200 bg-opacity-30 p-1 font-semibold text-blue-700",children:[e.jsxRuntimeExports.jsx("div",{className:"",children:e.jsxRuntimeExports.jsx(y,{type:(o=r==null?void 0:r.data)==null?void 0:o._type})}),e.jsxRuntimeExports.jsx("div",{className:"ml-2 truncate text-[11px]",children:r.text})]})},z=t=>{const r=t.depth*10+16;return e.jsxRuntimeExports.jsx("div",{className:"absolute right-0 top-0 h-0.5 -translate-y-1/2 transform bg-green-500",style:{left:r}})},G=g.lazy(()=>Promise.resolve().then(()=>require("./MarkAsGlobalBlock-X5dNmZcb.cjs"))),$=()=>{const[t]=n.useSelectedBlockIds(),[,r]=n.useCutBlockIds();return e.jsxRuntimeExports.jsxs(n.ContextMenuItem,{className:"flex items-center gap-x-4 text-xs",onClick:()=>r(t),children:[e.jsxRuntimeExports.jsx(s.ScissorsIcon,{})," Cut"]})},K=()=>{const[t]=n.useSelectedBlockIds(),[,r]=n.useCopyBlockIds();return e.jsxRuntimeExports.jsxs(n.ContextMenuItem,{className:"flex items-center gap-x-4 text-xs",onClick:()=>r(t),children:[e.jsxRuntimeExports.jsx(s.ClipboardIcon,{})," Copy"]})},Q=()=>{const[t]=n.useSelectedBlockIds(),r=n.useRemoveBlocks(),o=n.useSelectedBlock();return e.jsxRuntimeExports.jsxs(n.ContextMenuItem,{disabled:(o==null?void 0:o._type)==="Slot",className:"flex items-center gap-x-4 text-xs",onClick:()=>r(t),children:[e.jsxRuntimeExports.jsx(s.TrashIcon,{})," Remove"]})},U=({id:t=null,openMarkAsGlobalModal:r})=>{const[o]=n.useSelectedBlockIds(),x=n.useDuplicateBlocks(),{pasteBlocks:c,canPaste:l}=n.usePasteBlocks(),d=n.useBuilderProp("globalBlocksSupport",!1),p=g.useCallback(()=>{x(o)},[o,x]);return e.jsxRuntimeExports.jsxs(n.ContextMenuContent,{className:"text-xs",children:[d&&e.jsxRuntimeExports.jsx(n.ContextMenuItem,{className:"flex items-center gap-x-4 border-b text-xs",onClick:r,children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-4",children:[e.jsxRuntimeExports.jsx(s.GlobeIcon,{})," Mark as global"]})}),e.jsxRuntimeExports.jsxs(n.ContextMenuItem,{className:"flex items-center gap-x-4 text-xs",onClick:p,children:[e.jsxRuntimeExports.jsx(s.CopyIcon,{})," Duplicate"]}),e.jsxRuntimeExports.jsx($,{}),e.jsxRuntimeExports.jsx(K,{}),e.jsxRuntimeExports.jsxs(n.ContextMenuItem,{className:"flex items-center gap-x-4 text-xs",onClick:()=>c(t),disabled:!l,children:[e.jsxRuntimeExports.jsx(s.ClipboardCopyIcon,{})," Paste"]}),e.jsxRuntimeExports.jsx(Q,{})]})},Y=({children:t,id:r=null})=>{const[o,x]=g.useState(!1);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(n.Dialog,{open:o,onOpenChange:x,children:o&&e.jsxRuntimeExports.jsx(n.DialogContent,{children:e.jsxRuntimeExports.jsx(g.Suspense,{fallback:e.jsxRuntimeExports.jsx("div",{className:"h-96 w-full animate-pulse bg-gray-200"}),children:e.jsxRuntimeExports.jsx(G,{closeModal:()=>x(!1),id:r})})})}),e.jsxRuntimeExports.jsxs(n.ContextMenu,{children:[e.jsxRuntimeExports.jsx(n.ContextMenuTrigger,{children:t}),e.jsxRuntimeExports.jsx(U,{id:r,openMarkAsGlobalModal:()=>x(!0)})]})]})};function W(t){return u.map(t,r=>{const{data:o}=r;return{...o,_parent:r.parent===0?null:r.parent}})}function J(){const[t]=n.useBlocksContainer(),[r,o]=n.useSelectedBlockIds();return t?(console.log("container",t),e.jsxRuntimeExports.jsxs("div",{onClick:x=>{x.stopPropagation(),o(["container"])},className:B.cn("flex items-center pl-2 text-xs",u.includes(r,"container")?"bg-blue-500 text-white":"hover:bg-gray-200 dark:hover:bg-gray-800"),children:[e.jsxRuntimeExports.jsx(s.BoxIcon,{}),"  ",t._type]})):null}const X=()=>{const t=n.useAllBlocks(),[r]=n.useSetAllBlocks(),[o,x,c]=n.useSelectedBlockIds(),[,l]=n.useSelectedStylingBlocks(),{t:d}=N.useTranslation(),{createSnapshot:p}=n.useCanvasHistory(),E=A.useExpandedIds(),m=P.useAddBlockByDrop(),[R]=n.useBlocksContainer(),a=async(i,j)=>{const{dragSource:h,relativeIndex:b,dropTargetId:k,monitor:f}=j;if(h){p();const T=W(i);r(T);const M=f.getItem();x([M.id])}else await m({block:f.getItem(),dropTargetId:k,relativeIndex:b})},v=u.map(t,i=>({id:i._id,text:i._type,parent:i._parent||0,droppable:!u.isUndefined(u.find(t,{_parent:i._id})),data:i})),S=()=>{x([]),l([])},[{isOver:I},w]=q.useDrop(()=>({accept:["CHAI_BLOCK"],collect:i=>({canDrop:i.canDrop(),isOver:i.isOver()}),drop:i=>{(async()=>await m({block:i,dropTargetId:"",relativeIndex:0}))()}})),{isDragging:D}=q.useDragLayer(i=>({isDragging:i.isDragging()}));return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{onClick:()=>S(),className:B.cn("-mx-1 -mt-1 flex h-full select-none flex-col space-y-1",D?"bg-green-50/80":"bg-background"),children:u.isEmpty(t)?e.jsxRuntimeExports.jsxs("div",{ref:w,className:`mx-1 mt-4 h-full max-w-full p-6 text-center text-sm text-gray-400 ${I?"bg-blue-200":""}`,children:[I?e.jsxRuntimeExports.jsx(s.DoubleArrowDownIcon,{className:"mx-auto h-12 w-12 animate-bounce"}):e.jsxRuntimeExports.jsx(s.StackIcon,{className:"mx-auto h-10 w-10"}),e.jsxRuntimeExports.jsx("p",{className:"mt-2",children:d(I?"drop_here_message":"tree_view_no_blocks")})]}):e.jsxRuntimeExports.jsxs(n.ScrollArea,{id:"layers-view",className:"no-scrollbar h-full overflow-y-auto p-1",children:[e.jsxRuntimeExports.jsx(J,{}),e.jsxRuntimeExports.jsx(C.Tree,{initialOpen:E,extraAcceptTypes:["CHAI_BLOCK"],tree:v,rootId:0,render:(i,{depth:j,isOpen:h,onToggle:b})=>e.jsxRuntimeExports.jsx(Y,{id:i.id,children:e.jsxRuntimeExports.jsx(F,{onSelect:k=>{l([]),x([k])},isSelected:u.includes(o,i.id),node:i,depth:j,isOpen:h,onToggle:b,toggleIds:c})}),dragPreviewRender:i=>e.jsxRuntimeExports.jsx(V,{monitorProps:i}),onDrop:a,classes:{root:"h-[90%] "+(R?"pl-2":"pt-2"),draggingSource:"opacity-30",dropTarget:"bg-green-100",placeholder:"relative"},sort:!1,insertDroppableFirst:!1,canDrop:n.canDropBlock,dropTargetOffset:2,enableAnimateExpand:!0,placeholderRender:(i,{depth:j})=>e.jsxRuntimeExports.jsx(z,{node:i,depth:j})})]})})})};exports.default=X;

package/dist/{MarkAsGlobalBlock-SPWd6Flk.js → MarkAsGlobalBlock-BjP-Rqlf.js}

@@ -2,7 +2,7 @@ import { j as t } from "./jsx-runtime-WbnYoNE9.js";
 import { useTranslation as p } from "react-i18next";
 import { GlobeIcon as n } from "@radix-ui/react-icons";
 import { useState as c } from "react";
-import { $ as d, B as l } from "./index-_OgCuSUz.js";
+import { a0 as d, B as l } from "./index-niHREMmR.js";
 import { capitalize as x } from "lodash-es";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "@radix-ui/react-toggle";
@@ -37,9 +37,10 @@ import "flat-to-nested";
 import "./Functions-7jnEwJyw.js";
 import "redux-undo";
 import "@chaibuilder/runtime";
+import "lodash";
 import "@react-hookz/web";
-const tt = ({ id: m = null, closeModal: i }) => {
-  const { t: o } = p(), e = d(), [r, s] = c("");
+const ot = ({ id: m = null, closeModal: i }) => {
+  const { t: o } = p(), e = d(), [r, a] = c("");
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx("h1", { className: "text-lg font-bold", children: o("mark_as_global") }),
     /* @__PURE__ */ t.jsxs("div", { className: "py-2 text-sm", children: [
@@ -62,7 +63,7 @@ const tt = ({ id: m = null, closeModal: i }) => {
           placeholder: o("eg_header_footer"),
           className: "mt-2 w-full",
           value: r,
-          onChange: (a) => s(a.target.value)
+          onChange: (s) => a(s.target.value)
         }
       )
     ] }),
@@ -83,5 +84,5 @@ const tt = ({ id: m = null, closeModal: i }) => {
   ] });
 };
 export {
-  tt as default
+  ot as default
 };

package/dist/MarkAsGlobalBlock-X5dNmZcb.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),o=require("react-i18next"),c=require("@radix-ui/react-icons"),x=require("react"),i=require("./index-H6vIwGfD.cjs"),q=require("lodash-es");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-PTxFk6qT.cjs");require("./MODIFIERS-2FeVfZQ9.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");require("jotai");require("flat-to-nested");require("./Functions-N3yhPYKY.cjs");require("redux-undo");require("@chaibuilder/runtime");require("lodash");require("@react-hookz/web");const m=({id:u=null,closeModal:t})=>{const{t:r}=o.useTranslation(),l=i.useMarkAsGlobalBlock(),[s,n]=x.useState("");return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("h1",{className:"text-lg font-bold",children:r("mark_as_global")}),e.jsxRuntimeExports.jsxs("div",{className:"py-2 text-sm",children:[r("global_block_note"),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsxs("ul",{className:"mt-4 list-inside list-disc space-y-1",children:[e.jsxRuntimeExports.jsxs("li",{children:[r("global_block_indicator")," ",e.jsxRuntimeExports.jsx(c.GlobeIcon,{className:"inline"})]}),e.jsxRuntimeExports.jsx("li",{children:r("global_block_category")})]})]}),e.jsxRuntimeExports.jsxs("div",{className:"my-4",children:[e.jsxRuntimeExports.jsx("label",{className:"block text-sm font-medium text-gray-400",children:r("enter_global_block_name")}),e.jsxRuntimeExports.jsx("input",{placeholder:r("eg_header_footer"),className:"mt-2 w-full",value:s,onChange:a=>n(a.target.value)})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-end gap-x-4",children:[e.jsxRuntimeExports.jsx(i.Button,{onClick:()=>{l(u,q.capitalize(s)),t()},disabled:s.length<=2,variant:"default",children:r("mark_as_global")}),e.jsxRuntimeExports.jsx(i.Button,{variant:"outline",onClick:t,children:r("cancel")})]})]})};exports.default=m;

package/dist/{PagesPanel-qV7yGT-K.js → PagesPanel-acGVGJf-.js}

@@ -1,11 +1,11 @@
 import { j as t } from "./jsx-runtime-WbnYoNE9.js";
 import i, { Suspense as s } from "react";
 import { sortBy as a, filter as d, get as n } from "lodash-es";
-import { a as l, b as c } from "./index-482XFRhB.js";
+import { a as l, b as c } from "./index-EGUphg4R.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "i18next";
 import "react-i18next";
-import "./index-_OgCuSUz.js";
+import "./index-niHREMmR.js";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
 import "./utils-AvyFzbPC.js";
@@ -39,6 +39,7 @@ import "flat-to-nested";
 import "./Functions-7jnEwJyw.js";
 import "redux-undo";
 import "@chaibuilder/runtime";
+import "lodash";
 import "@react-hookz/web";
 import "@floating-ui/react-dom";
 import "react-textarea-autosize";
@@ -47,13 +48,12 @@ import "react-dnd";
 import "@minoru/react-dnd-treeview";
 import "react-hotkeys-hook";
 import "sonner";
-import "./html-to-json-yjzEN9OX.js";
+import "./html-to-json-57841sEK.js";
 import "himalaya";
-import "lodash";
 import "lucide-react";
 import "./web-blocks.js";
 import "./controls-XPXGHKht.js";
-const x = i.lazy(() => import("./add-page-modal-2VlONTs5.js")), g = i.lazy(() => import("./page-viewer-ajtG_WZC.js")), jt = () => {
+const x = i.lazy(() => import("./add-page-modal-6DlGzdA4.js")), g = i.lazy(() => import("./page-viewer-EoYYnA56.js")), jt = () => {
   const { data: o = [], isLoading: m } = l(), { data: r } = c(), p = a(d(o, { type: "STATIC" }), (e) => n(e, "uuid") === (r == null ? void 0 : r.homepage) ? 0 : 1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between rounded-md bg-background/30 p-1", children: [