@chaibuilder/sdk 0.1.16 → 0.1.18

package/dist/{Layers-6fc21e86.js → Layers-a9cf4d7c.js}

@@ -1,18 +1,24 @@
 import { j as e } from "./jsx-runtime-944c88e2.js";
-import { nth as k, startsWith as H, has as P, map as v, isUndefined as L, find as V, isEmpty as F, includes as z } from "lodash";
-import { BoxModelIcon as G, BoxIcon as $, DragHandleHorizontalIcon as K, ViewHorizontalIcon as U, BorderAllIcon as q, BorderTopIcon as Q, TableIcon as Y, DropdownMenuIcon as W, RadiobuttonIcon as J, InputIcon as X, ButtonIcon as B, CheckboxIcon as Z, GroupIcon as ee, SpaceBetweenVerticallyIcon as se, ColumnsIcon as te, RowsIcon as y, TextIcon as C, SketchLogoIcon as ne, DividerHorizontalIcon as oe, CodeIcon as re, CursorTextIcon as ce, VideoIcon as ae, Link1Icon as le, HeadingIcon as ie, ImageIcon as de, TriangleRightIcon as xe, GlobeIcon as ue, CopyIcon as me, ClipboardCopyIcon as pe, ScissorsIcon as ge, ClipboardIcon as je, TrashIcon as he, DoubleArrowDownIcon as fe, StackIcon as Ie } from "@radix-ui/react-icons";
+import { nth as k, startsWith as P, has as H, map as v, isUndefined as L, find as V, isEmpty as z, includes as F } from "lodash";
+import { BoxModelIcon as G, BoxIcon as $, DragHandleHorizontalIcon as K, ViewHorizontalIcon as Y, BorderAllIcon as q, BorderTopIcon as Q, TableIcon as U, DropdownMenuIcon as W, RadiobuttonIcon as X, InputIcon as J, ButtonIcon as B, CheckboxIcon as Z, GroupIcon as ee, SpaceBetweenVerticallyIcon as se, ColumnsIcon as te, RowsIcon as y, TextIcon as C, SketchLogoIcon as oe, DividerHorizontalIcon as ne, CodeIcon as re, CursorTextIcon as ae, VideoIcon as ce, Link1Icon as le, HeadingIcon as ie, ImageIcon as de, TriangleRightIcon as xe, GlobeIcon as ue, CopyIcon as me, ClipboardCopyIcon as pe, ScissorsIcon as ge, ClipboardIcon as je, TrashIcon as he, DoubleArrowDownIcon as fe, StackIcon as Ie } from "@radix-ui/react-icons";
 import { useDrop as be, useDragLayer as ke } from "react-dnd";
 import { useDragOver as Be, Tree as ye } from "@minoru/react-dnd-treeview";
 import { useTranslation as Ce } from "react-i18next";
-import { x as ve, S as we, h as g, l as Se, o as Te, m as Ne, n as De, q as Me, A as Oe, T as Re, y as Ee, g as Ae, i as _e, c as He, U as Pe, b as Le, V as Ve } from "./index-8a7a37ce.js";
+import { A as ve, V as we, i as g, m as Se, q as De, n as Te, o as Ne, t as Me, D as Oe, W as Re, B as Ee, h as Ae, j as _e, d as Pe, X as He, b as Le, Y as Ve } from "./index-f8a2f8ef.js";
+import { DatabaseIcon as ze } from "lucide-react";
 import { c as w } from "./utils-ac68b2c8.js";
-import { useMemo as Fe, lazy as ze, useState as Ge, Suspense as $e, useCallback as S } from "react";
-import { S as Ke } from "./MODIFIERS-c2e02614.js";
-import { D as Ue, a as qe } from "./dialog-3d4e82ed.js";
-import { C as Qe, a as Ye, b as We, c as d } from "./context-menu-e1c240ce.js";
-import { u as T } from "./useBuilderProp-81a14920.js";
-import { S as Je } from "./scroll-area-9f64a082.js";
-import { useAtom as Xe } from "jotai";
+import { useMemo as Fe, lazy as Ge, useState as $e, Suspense as Ke, useCallback as S } from "react";
+import { S as Ye } from "./MODIFIERS-c2e02614.js";
+import { D as qe, a as Qe } from "./dialog-3d4e82ed.js";
+import { C as Ue, a as We, b as Xe, c as d } from "./context-menu-e1c240ce.js";
+import { u as D } from "./useBuilderProp-81a14920.js";
+import { S as Je } from "./scroll-area-83bd9e8f.js";
+import { useAtom as Ze } from "jotai";
+import "./_commonjsHelpers-10dfc225.js";
+import "clsx";
+import "@radix-ui/react-scroll-area";
+import "react-dom";
+import "@floating-ui/react-dom";
 import "i18next";
 import "flagged";
 import "react-hotkeys-hook";
@@ -22,9 +28,7 @@ import "himalaya";
 import "redux-undo";
 import "@react-hookz/web";
 import "@chaibuilder/blocks";
-import "lucide-react";
 import "sonner";
-import "clsx";
 import "tailwind-merge";
 import "@radix-ui/react-dialog";
 import "@radix-ui/react-context-menu";
@@ -32,8 +36,7 @@ import "@radix-ui/react-slot";
 import "class-variance-authority";
 import "@radix-ui/react-tooltip";
 import "@radix-ui/react-toast";
-import "@radix-ui/react-scroll-area";
-const N = (s) => {
+const T = (s) => {
   switch (s.type) {
     case "Image":
       return /* @__PURE__ */ e.jsx(de, {});
@@ -44,17 +47,17 @@ const N = (s) => {
     case "Link":
       return /* @__PURE__ */ e.jsx(le, {});
     case "Video":
-      return /* @__PURE__ */ e.jsx(ae, {});
-    case "RichText":
       return /* @__PURE__ */ e.jsx(ce, {});
+    case "RichText":
+      return /* @__PURE__ */ e.jsx(ae, {});
     case "Button":
       return /* @__PURE__ */ e.jsx(B, {});
     case "CustomHTML":
       return /* @__PURE__ */ e.jsx(re, {});
     case "Divider":
-      return /* @__PURE__ */ e.jsx(oe, {});
-    case "Icon":
       return /* @__PURE__ */ e.jsx(ne, {});
+    case "Icon":
+      return /* @__PURE__ */ e.jsx(oe, {});
     case "List":
       return /* @__PURE__ */ e.jsx(y, {});
     case "Paragraph":
@@ -73,28 +76,30 @@ const N = (s) => {
       return /* @__PURE__ */ e.jsx(B, {});
     case "Input":
     case "TextArea":
-      return /* @__PURE__ */ e.jsx(X, {});
-    case "Radio":
       return /* @__PURE__ */ e.jsx(J, {});
+    case "Radio":
+      return /* @__PURE__ */ e.jsx(X, {});
     case "Select":
       return /* @__PURE__ */ e.jsx(W, {});
     case "Table":
-      return /* @__PURE__ */ e.jsx(Y, {});
+      return /* @__PURE__ */ e.jsx(U, {});
     case "TableHead":
       return /* @__PURE__ */ e.jsx(Q, {});
     case "TableBody":
       return /* @__PURE__ */ e.jsx(q, {});
     case "TableRow":
-      return /* @__PURE__ */ e.jsx(U, {});
+      return /* @__PURE__ */ e.jsx(Y, {});
     case "TableCell":
       return /* @__PURE__ */ e.jsx(K, {});
+    case "DataProvider":
+      return /* @__PURE__ */ e.jsx(ze, { size: 16 });
     case "Box":
       return /* @__PURE__ */ e.jsx($, {});
     default:
       return /* @__PURE__ */ e.jsx(G, {});
   }
 };
-function Ze(s = "") {
+function es(s = "") {
   const t = {
     xs: "390px",
     sm: "640px",
@@ -108,42 +113,42 @@ function Ze(s = "") {
   if (new RegExp(/\b(sm|md|lg|xl|2xl):hidden\b/).test(s))
     return "Visible on mobile";
   if (s.match(/(^| )hidden( |$)/g)) {
-    const c = new RegExp(
+    const a = new RegExp(
       // 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/
-    ), a = s.match(c);
-    if (k(a, 1))
-      return `Visible >=${t[k(a, 1)]}`;
+    ), c = s.match(a);
+    if (k(c, 1))
+      return `Visible >=${t[k(c, 1)]}`;
   }
   return "";
 }
-const es = (s) => {
+const ss = (s) => {
   let t = "";
-  return Object.keys(s).forEach((n) => {
-    H(s[n], Ke) && (t = s[n]);
+  return Object.keys(s).forEach((o) => {
+    P(s[o], Ye) && (t = s[o]);
   }), t;
-}, ss = (s) => {
+}, ts = (s) => {
   var m;
-  const [, t] = ve(), [n] = we(), { isSelected: r } = s, { id: c, data: a } = s.node, l = s.depth * 10, x = (i) => {
+  const [, t] = ve(), [o] = we(), { isSelected: r } = s, { id: a, data: c } = s.node, l = s.depth * 10, x = (i) => {
     i.stopPropagation(), s.onToggle(s.node.id);
-  }, j = Be(c, s.isOpen, s.onToggle), u = Fe(() => {
-    const i = es(s.node.data);
-    return Ze(i);
+  }, j = Be(a, s.isOpen, s.onToggle), u = Fe(() => {
+    const i = ss(s.node.data);
+    return es(i);
   }, [s.node.data]);
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        onMouseEnter: () => t(c),
+        onMouseEnter: () => t(a),
         className: w(
           "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: (i) => {
-          i.stopPropagation(), !n.includes(c) && s.onSelect(c);
+          i.stopPropagation(), !o.includes(a) && s.onSelect(a);
         },
-        onContextMenu: () => s.onSelect(c),
+        onContextMenu: () => s.onSelect(a),
         style: { paddingInlineStart: l },
         ...j,
         children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
@@ -155,7 +160,7 @@ const es = (s) => {
             }
           ),
           /* @__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(N, { type: a == null ? void 0 : a._type }) }),
+            /* @__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: "ml-2 truncate text-[11px]", children: ((m = s.node.data) == null ? void 0 : m._name) || s.node.text }),
             u ? /* @__PURE__ */ e.jsxs(
               "span",
@@ -173,34 +178,34 @@ const es = (s) => {
       }
     )
   );
-}, ts = (s) => {
-  var n;
+}, os = (s) => {
+  var o;
   const { item: t } = s.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(N, { type: (n = t == null ? void 0 : t.data) == null ? void 0 : n._type }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "", children: /* @__PURE__ */ e.jsx(T, { type: (o = t == null ? void 0 : t.data) == null ? void 0 : o._type }) }),
     /* @__PURE__ */ e.jsx("div", { className: "ml-2 truncate text-[11px]", children: t.text })
   ] });
 }, ns = (s) => {
   const t = s.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: t } });
-}, os = ze(() => import("./MarkAsGlobalBlock-cf7e8b31.js")), rs = () => {
-  const [s] = g(), [, t] = Ne();
+}, rs = Ge(() => import("./MarkAsGlobalBlock-0cf6e5a2.js")), as = () => {
+  const [s] = g(), [, t] = Te();
   return /* @__PURE__ */ e.jsxs(d, { className: "flex items-center gap-x-4 text-xs", onClick: () => t(s), children: [
     /* @__PURE__ */ e.jsx(ge, {}),
     " Cut"
   ] });
 }, cs = () => {
-  const [s] = g(), [, t] = De();
+  const [s] = g(), [, t] = Ne();
   return /* @__PURE__ */ e.jsxs(d, { className: "flex items-center gap-x-4 text-xs", onClick: () => t(s), children: [
     /* @__PURE__ */ e.jsx(je, {}),
     " Copy"
   ] });
-}, as = () => {
-  const [s] = g(), t = Me(), n = Oe();
+}, ls = () => {
+  const [s] = g(), t = Me(), o = Oe();
   return /* @__PURE__ */ e.jsxs(
     d,
     {
-      disabled: (n == null ? void 0 : n._type) === "Slot",
+      disabled: (o == null ? void 0 : o._type) === "Slot",
       className: "flex items-center gap-x-4 text-xs",
       onClick: () => t(s),
       children: [
@@ -209,14 +214,14 @@ const es = (s) => {
       ]
     }
   );
-}, ls = ({
+}, is = ({
   id: s = null,
   openMarkAsGlobalModal: t
 }) => {
-  const [n] = g(), r = Se(), { pasteBlocks: c, canPaste: a } = Te(), l = T("globalBlocksSupport", !1), x = S(() => {
-    r(n);
-  }, [n, r]);
-  return /* @__PURE__ */ e.jsxs(We, { className: "text-xs", children: [
+  const [o] = g(), r = Se(), { pasteBlocks: a, canPaste: c } = De(), l = D("globalBlocksSupport", !1), x = S(() => {
+    r(o);
+  }, [o, r]);
+  return /* @__PURE__ */ e.jsxs(Xe, { className: "text-xs", children: [
     l && /* @__PURE__ */ e.jsx(d, { className: "flex items-center gap-x-4 border-b text-xs", onClick: t, children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-4", children: [
       /* @__PURE__ */ e.jsx(ue, {}),
       " Mark as global"
@@ -225,89 +230,89 @@ const es = (s) => {
       /* @__PURE__ */ e.jsx(me, {}),
       " Duplicate"
     ] }),
-    /* @__PURE__ */ e.jsx(rs, {}),
+    /* @__PURE__ */ e.jsx(as, {}),
     /* @__PURE__ */ e.jsx(cs, {}),
     /* @__PURE__ */ e.jsxs(
       d,
       {
         className: "flex items-center gap-x-4 text-xs",
-        onClick: () => c(s),
-        disabled: !a,
+        onClick: () => a(s),
+        disabled: !c,
         children: [
           /* @__PURE__ */ e.jsx(pe, {}),
           " Paste"
         ]
       }
     ),
-    /* @__PURE__ */ e.jsx(as, {})
+    /* @__PURE__ */ e.jsx(ls, {})
   ] });
-}, is = ({ children: s, id: t = null }) => {
-  const [n, r] = Ge(!1);
+}, ds = ({ children: s, id: t = null }) => {
+  const [o, r] = $e(!1);
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(Ue, { open: n, onOpenChange: r, children: n && /* @__PURE__ */ e.jsx(qe, { children: /* @__PURE__ */ e.jsx($e, { fallback: /* @__PURE__ */ e.jsx("div", { className: "h-96 w-full animate-pulse bg-gray-200" }), children: /* @__PURE__ */ e.jsx(os, { closeModal: () => r(!1), id: t }) }) }) }),
-    /* @__PURE__ */ e.jsxs(Qe, { children: [
-      /* @__PURE__ */ e.jsx(Ye, { children: s }),
-      /* @__PURE__ */ e.jsx(ls, { id: t, openMarkAsGlobalModal: () => r(!0) })
+    /* @__PURE__ */ e.jsx(qe, { open: o, onOpenChange: r, children: o && /* @__PURE__ */ e.jsx(Qe, { children: /* @__PURE__ */ e.jsx(Ke, { fallback: /* @__PURE__ */ e.jsx("div", { className: "h-96 w-full animate-pulse bg-gray-200" }), children: /* @__PURE__ */ e.jsx(rs, { closeModal: () => r(!1), id: t }) }) }) }),
+    /* @__PURE__ */ e.jsxs(Ue, { children: [
+      /* @__PURE__ */ e.jsx(We, { children: s }),
+      /* @__PURE__ */ e.jsx(is, { id: t, openMarkAsGlobalModal: () => r(!0) })
     ] })
   ] });
-}, ds = () => {
-  const { addCoreBlock: s } = Re(), t = T("getExternalPredefinedBlock");
+}, xs = () => {
+  const { addCoreBlock: s } = Re(), t = D("getExternalPredefinedBlock");
   return S(
-    async (n) => {
-      const { block: r, dropTargetId: c, relativeIndex: a } = n;
-      if (P(r, "format")) {
+    async (o) => {
+      const { block: r, dropTargetId: a, relativeIndex: c } = o;
+      if (H(r, "format")) {
         const l = await t(r);
-        return s({ blocks: l }, c === 0 ? null : c, a);
+        return s({ blocks: l }, a === 0 ? null : a, c);
       }
-      return s(r, c === 0 ? null : c, a);
+      return s(r, a === 0 ? null : a, c);
     },
     [s]
   );
 };
-function xs(s) {
+function us(s) {
   return v(s, (t) => {
-    const { data: n } = t;
+    const { data: o } = t;
     return {
-      ...n,
+      ...o,
       _parent: t.parent === 0 ? null : t.parent
     };
   });
 }
-const qs = () => {
-  const s = Ee(), [t] = Ae(), [n, r, c] = g(), [, a] = _e(), { t: l } = Ce(), { createSnapshot: x } = He(), j = Pe(), u = ds(), [, m] = Xe(Le), i = async (o, p) => {
-    const { dragSource: f, destinationIndex: I, relativeIndex: b, dropTargetId: E, monitor: A } = p, _ = xs(o);
+const Xs = () => {
+  const s = Ee(), [t] = Ae(), [o, r, a] = g(), [, c] = _e(), { t: l } = Ce(), { createSnapshot: x } = Pe(), j = He(), u = xs(), [, m] = Ze(Le), i = async (n, p) => {
+    const { dragSource: f, destinationIndex: I, relativeIndex: b, dropTargetId: E, monitor: A } = p, _ = us(n);
     t(_), f ? x() : (await u({
       block: A.getItem(),
       dropTargetId: E,
       destinationIndex: I,
       relativeIndex: b
     }), m(!1));
-  }, D = v(s, (o) => ({
-    id: o._id,
-    text: o._type,
-    parent: o._parent || 0,
-    droppable: !L(V(s, { _parent: o._id })),
-    data: o
+  }, N = v(s, (n) => ({
+    id: n._id,
+    text: n._type,
+    parent: n._parent || 0,
+    droppable: !L(V(s, { _parent: n._id })),
+    data: n
   })), M = () => {
-    r([]), a([]);
+    r([]), c([]);
   }, [{ isOver: h }, O] = be(() => ({
     accept: ["CHAI_BLOCK"],
-    collect: (o) => ({
-      canDrop: o.canDrop(),
-      isOver: o.isOver()
+    collect: (n) => ({
+      canDrop: n.canDrop(),
+      isOver: n.isOver()
     }),
-    drop: (o) => {
+    drop: (n) => {
       (async () => (await u({
-        block: o,
+        block: n,
         dropTargetId: "",
         destinationIndex: 0,
         relativeIndex: 0
       }), m(!1)))();
     }
-  })), { isDragging: R } = ke((o) => ({
-    isDragging: o.isDragging()
+  })), { isDragging: R } = ke((n) => ({
+    isDragging: n.isDragging()
   }));
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
     "div",
     {
       onClick: () => M(),
@@ -315,59 +320,56 @@ const qs = () => {
         "-mx-1 -mt-1 flex h-full select-none flex-col space-y-1",
         R ? "bg-green-50/80" : "bg-background"
       ),
-      children: [
-        /* @__PURE__ */ e.jsx("div", { className: "mx-1 h-10 rounded-md bg-background/30 p-1", children: /* @__PURE__ */ e.jsx("h1", { className: "px-1 font-semibold", children: "Tree view" }) }),
-        F(s) ? /* @__PURE__ */ e.jsxs(
-          "div",
-          {
-            ref: O,
-            className: `mx-1 mt-4 h-full p-6 text-center text-sm text-gray-400 ${h ? "bg-blue-200" : ""}`,
-            children: [
-              h ? /* @__PURE__ */ e.jsx(fe, { className: "mx-auto h-12 w-12 animate-bounce" }) : /* @__PURE__ */ e.jsx(Ie, { className: "mx-auto h-10 w-10" }),
-              /* @__PURE__ */ e.jsx("p", { className: "mt-2", children: l(h ? "drop_here_message" : "tree_view_no_blocks") })
-            ]
-          }
-        ) : /* @__PURE__ */ e.jsx(Je, { id: "layers-view", className: "no-scrollbar h-full overflow-y-auto p-1", children: /* @__PURE__ */ e.jsx(
-          ye,
-          {
-            initialOpen: j,
-            extraAcceptTypes: ["CHAI_BLOCK"],
-            tree: D,
-            rootId: 0,
-            render: (o, { depth: p, isOpen: f, onToggle: I }) => /* @__PURE__ */ e.jsx(is, { id: o.id, children: /* @__PURE__ */ e.jsx(
-              ss,
-              {
-                onSelect: (b) => {
-                  a([]), r([b]);
-                },
-                isSelected: z(n, o.id),
-                node: o,
-                depth: p,
-                isOpen: f,
-                onToggle: I,
-                toggleIds: c
-              }
-            ) }),
-            dragPreviewRender: (o) => /* @__PURE__ */ e.jsx(ts, { monitorProps: o }),
-            onDrop: i,
-            classes: {
-              root: "h-full pt-2",
-              draggingSource: "opacity-30",
-              dropTarget: "bg-green-100",
-              placeholder: "relative"
-            },
-            sort: !1,
-            insertDroppableFirst: !1,
-            canDrop: Ve,
-            dropTargetOffset: 2,
-            enableAnimateExpand: !0,
-            placeholderRender: (o, { depth: p }) => /* @__PURE__ */ e.jsx(ns, { node: o, depth: p })
-          }
-        ) })
-      ]
+      children: z(s) ? /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          ref: O,
+          className: `mx-1 mt-4 h-full p-6 text-center text-sm text-gray-400 ${h ? "bg-blue-200" : ""}`,
+          children: [
+            h ? /* @__PURE__ */ e.jsx(fe, { className: "mx-auto h-12 w-12 animate-bounce" }) : /* @__PURE__ */ e.jsx(Ie, { className: "mx-auto h-10 w-10" }),
+            /* @__PURE__ */ e.jsx("p", { className: "mt-2", children: l(h ? "drop_here_message" : "tree_view_no_blocks") })
+          ]
+        }
+      ) : /* @__PURE__ */ e.jsx(Je, { id: "layers-view", className: "no-scrollbar h-full overflow-y-auto p-1", children: /* @__PURE__ */ e.jsx(
+        ye,
+        {
+          initialOpen: j,
+          extraAcceptTypes: ["CHAI_BLOCK"],
+          tree: N,
+          rootId: 0,
+          render: (n, { depth: p, isOpen: f, onToggle: I }) => /* @__PURE__ */ e.jsx(ds, { id: n.id, children: /* @__PURE__ */ e.jsx(
+            ts,
+            {
+              onSelect: (b) => {
+                c([]), r([b]);
+              },
+              isSelected: F(o, n.id),
+              node: n,
+              depth: p,
+              isOpen: f,
+              onToggle: I,
+              toggleIds: a
+            }
+          ) }),
+          dragPreviewRender: (n) => /* @__PURE__ */ e.jsx(os, { monitorProps: n }),
+          onDrop: i,
+          classes: {
+            root: "h-full pt-2",
+            draggingSource: "opacity-30",
+            dropTarget: "bg-green-100",
+            placeholder: "relative"
+          },
+          sort: !1,
+          insertDroppableFirst: !1,
+          canDrop: Ve,
+          dropTargetOffset: 2,
+          enableAnimateExpand: !0,
+          placeholderRender: (n, { depth: p }) => /* @__PURE__ */ e.jsx(ns, { node: n, depth: p })
+        }
+      ) })
     }
   ) });
 };
 export {
-  qs as default
+  Xs as default
 };

package/dist/Layers-d0edf1a8.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),a=require("lodash"),s=require("@radix-ui/react-icons"),f=require("react-dnd"),y=require("@minoru/react-dnd-treeview"),P=require("react-i18next"),x=require("./index-dfeadcce.cjs"),_=require("lucide-react"),v=require("./utils-3c452dd0.cjs"),m=require("react"),H=require("./MODIFIERS-70fef873.cjs"),C=require("./dialog-170eaad9.cjs"),u=require("./context-menu-fec580f2.cjs"),q=require("./useBuilderProp-5e57d0c8.cjs"),L=require("./scroll-area-bb343b86.cjs"),F=require("jotai");require("./_commonjsHelpers-87b0abe8.cjs");require("clsx");require("@radix-ui/react-scroll-area");require("react-dom");require("@floating-ui/react-dom");require("i18next");require("flagged");require("react-hotkeys-hook");require("flat-to-nested");require("./html-to-json-78bfa1f3.cjs");require("himalaya");require("redux-undo");require("@react-hookz/web");require("@chaibuilder/blocks");require("sonner");require("tailwind-merge");require("@radix-ui/react-dialog");require("@radix-ui/react-context-menu");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");const S=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(_.DatabaseIcon,{size:16});case"Box":return e.jsxRuntimeExports.jsx(s.BoxIcon,{});default:return e.jsxRuntimeExports.jsx(s.BoxModelIcon,{})}};function V(t=""){const n={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 i=new RegExp(/\b(sm|md|lg|xl|2xl):(block|grid|flex|inline|inline-grid|inline-flex|inline-block)\b/),l=t.match(i);if(a.nth(l,1))return`Visible >=${n[a.nth(l,1)]}`}return""}const z=t=>{let n="";return Object.keys(t).forEach(r=>{a.startsWith(t[r],H.STYLES_KEY)&&(n=t[r])}),n},G=t=>{var R;const[,n]=x.useHighlightBlockId(),[r]=x.useHiddenBlockIds(),{isSelected:c}=t,{id:i,data:l}=t.node,d=t.depth*10,j=p=>{p.stopPropagation(),t.onToggle(t.node.id)},I=y.useDragOver(i,t.isOpen,t.onToggle),g=m.useMemo(()=>{const p=z(t.node.data);return V(p)},[t.node.data]);return e.jsxRuntimeExports.jsx("div",{onMouseEnter:()=>n(i),className:v.cn("group flex w-full items-center justify-between space-x-px py-px ",c?"bg-blue-500 text-white":"hover:bg-gray-200 dark:hover:bg-gray-800"),onClick:p=>{p.stopPropagation(),!r.includes(i)&&t.onSelect(i)},onContextMenu:()=>t.onSelect(i),style:{paddingInlineStart:d},...I,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:j,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(S,{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}),g?e.jsxRuntimeExports.jsxs("span",{className:"ml-2 flex items-center text-[10px] italic "+(c?"text-gray-200":"text-gray-500"),children:["(",g,")"]}):null]})]})})},$=t=>{var r;const{item:n}=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(S,{type:(r=n==null?void 0:n.data)==null?void 0:r._type})}),e.jsxRuntimeExports.jsx("div",{className:"ml-2 truncate text-[11px]",children:n.text})]})},K=t=>{const n=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:n}})},Q=m.lazy(()=>Promise.resolve().then(()=>require("./MarkAsGlobalBlock-c43c3b2c.cjs"))),U=()=>{const[t]=x.useSelectedBlockIds(),[,n]=x.useCutBlockIds();return e.jsxRuntimeExports.jsxs(u.ContextMenuItem,{className:"flex items-center gap-x-4 text-xs",onClick:()=>n(t),children:[e.jsxRuntimeExports.jsx(s.ScissorsIcon,{})," Cut"]})},Y=()=>{const[t]=x.useSelectedBlockIds(),[,n]=x.useCopyBlockIds();return e.jsxRuntimeExports.jsxs(u.ContextMenuItem,{className:"flex items-center gap-x-4 text-xs",onClick:()=>n(t),children:[e.jsxRuntimeExports.jsx(s.ClipboardIcon,{})," Copy"]})},W=()=>{const[t]=x.useSelectedBlockIds(),n=x.useRemoveBlocks(),r=x.useSelectedBlock();return e.jsxRuntimeExports.jsxs(u.ContextMenuItem,{disabled:(r==null?void 0:r._type)==="Slot",className:"flex items-center gap-x-4 text-xs",onClick:()=>n(t),children:[e.jsxRuntimeExports.jsx(s.TrashIcon,{})," Remove"]})},J=({id:t=null,openMarkAsGlobalModal:n})=>{const[r]=x.useSelectedBlockIds(),c=x.useDuplicateBlocks(),{pasteBlocks:i,canPaste:l}=x.usePasteBlocks(),d=q.useBuilderProp("globalBlocksSupport",!1),j=m.useCallback(()=>{c(r)},[r,c]);return e.jsxRuntimeExports.jsxs(u.ContextMenuContent,{className:"text-xs",children:[d&&e.jsxRuntimeExports.jsx(u.ContextMenuItem,{className:"flex items-center gap-x-4 border-b text-xs",onClick:n,children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-4",children:[e.jsxRuntimeExports.jsx(s.GlobeIcon,{})," Mark as global"]})}),e.jsxRuntimeExports.jsxs(u.ContextMenuItem,{className:"flex items-center gap-x-4 text-xs",onClick:j,children:[e.jsxRuntimeExports.jsx(s.CopyIcon,{})," Duplicate"]}),e.jsxRuntimeExports.jsx(U,{}),e.jsxRuntimeExports.jsx(Y,{}),e.jsxRuntimeExports.jsxs(u.ContextMenuItem,{className:"flex items-center gap-x-4 text-xs",onClick:()=>i(t),disabled:!l,children:[e.jsxRuntimeExports.jsx(s.ClipboardCopyIcon,{})," Paste"]}),e.jsxRuntimeExports.jsx(W,{})]})},X=({children:t,id:n=null})=>{const[r,c]=m.useState(!1);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(C.Dialog,{open:r,onOpenChange:c,children:r&&e.jsxRuntimeExports.jsx(C.DialogContent,{children:e.jsxRuntimeExports.jsx(m.Suspense,{fallback:e.jsxRuntimeExports.jsx("div",{className:"h-96 w-full animate-pulse bg-gray-200"}),children:e.jsxRuntimeExports.jsx(Q,{closeModal:()=>c(!1),id:n})})})}),e.jsxRuntimeExports.jsxs(u.ContextMenu,{children:[e.jsxRuntimeExports.jsx(u.ContextMenuTrigger,{children:t}),e.jsxRuntimeExports.jsx(J,{id:n,openMarkAsGlobalModal:()=>c(!0)})]})]})},Z=()=>{const{addCoreBlock:t}=x.useAddBlock(),n=q.useBuilderProp("getExternalPredefinedBlock");return m.useCallback(async r=>{const{block:c,dropTargetId:i,relativeIndex:l}=r;if(a.has(c,"format")){const d=await n(c);return t({blocks:d},i===0?null:i,l)}return t(c,i===0?null:i,l)},[t])};function ee(t){return a.map(t,n=>{const{data:r}=n;return{...r,_parent:n.parent===0?null:n.parent}})}const te=()=>{const t=x.useAllBlocks(),[n]=x.useSetAllBlocks(),[r,c,i]=x.useSelectedBlockIds(),[,l]=x.useSelectedStylingBlocks(),{t:d}=P.useTranslation(),{createSnapshot:j}=x.useCanvasHistory(),I=x.useExpandedIds(),g=Z(),[,R]=F.useAtom(x.addBlocksModalAtom),p=async(o,E)=>{const{dragSource:b,destinationIndex:k,relativeIndex:B,dropTargetId:N,monitor:O}=E,A=ee(o);n(A),b?j():(await g({block:O.getItem(),dropTargetId:N,destinationIndex:k,relativeIndex:B}),R(!1))},w=a.map(t,o=>({id:o._id,text:o._type,parent:o._parent||0,droppable:!a.isUndefined(a.find(t,{_parent:o._id})),data:o})),T=()=>{c([]),l([])},[{isOver:h},M]=f.useDrop(()=>({accept:["CHAI_BLOCK"],collect:o=>({canDrop:o.canDrop(),isOver:o.isOver()}),drop:o=>{(async()=>(await g({block:o,dropTargetId:"",destinationIndex:0,relativeIndex:0}),R(!1)))()}})),{isDragging:D}=f.useDragLayer(o=>({isDragging:o.isDragging()}));return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{onClick:()=>T(),className:v.cn("-mx-1 -mt-1 flex h-full select-none flex-col space-y-1",D?"bg-green-50/80":"bg-background"),children:a.isEmpty(t)?e.jsxRuntimeExports.jsxs("div",{ref:M,className:`mx-1 mt-4 h-full p-6 text-center text-sm text-gray-400 ${h?"bg-blue-200":""}`,children:[h?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(h?"drop_here_message":"tree_view_no_blocks")})]}):e.jsxRuntimeExports.jsx(L.ScrollArea,{id:"layers-view",className:"no-scrollbar h-full overflow-y-auto p-1",children:e.jsxRuntimeExports.jsx(y.Tree,{initialOpen:I,extraAcceptTypes:["CHAI_BLOCK"],tree:w,rootId:0,render:(o,{depth:E,isOpen:b,onToggle:k})=>e.jsxRuntimeExports.jsx(X,{id:o.id,children:e.jsxRuntimeExports.jsx(G,{onSelect:B=>{l([]),c([B])},isSelected:a.includes(r,o.id),node:o,depth:E,isOpen:b,onToggle:k,toggleIds:i})}),dragPreviewRender:o=>e.jsxRuntimeExports.jsx($,{monitorProps:o}),onDrop:p,classes:{root:"h-full pt-2",draggingSource:"opacity-30",dropTarget:"bg-green-100",placeholder:"relative"},sort:!1,insertDroppableFirst:!1,canDrop:x.canDropBlock,dropTargetOffset:2,enableAnimateExpand:!0,placeholderRender:(o,{depth:E})=>e.jsxRuntimeExports.jsx(K,{node:o,depth:E})})})})})};exports.default=te;

package/dist/{MarkAsGlobalBlock-cf7e8b31.js → MarkAsGlobalBlock-0cf6e5a2.js}

@@ -1,8 +1,8 @@
 import { j as l } from "./jsx-runtime-944c88e2.js";
 import { GlobeIcon as m } from "@radix-ui/react-icons";
 import { useState as n } from "react";
-import { B as i } from "./useBuilderProp-81a14920.js";
-import { _ as c } from "./index-8a7a37ce.js";
+import { B as e } from "./useBuilderProp-81a14920.js";
+import { a1 as c } from "./index-f8a2f8ef.js";
 import "react-i18next";
 import { capitalize as p } from "lodash";
 import "@radix-ui/react-slot";
@@ -13,6 +13,10 @@ import "tailwind-merge";
 import "@radix-ui/react-tooltip";
 import "@radix-ui/react-toast";
 import "jotai";
+import "./_commonjsHelpers-10dfc225.js";
+import "@radix-ui/react-scroll-area";
+import "react-dom";
+import "@floating-ui/react-dom";
 import "i18next";
 import "flagged";
 import "react-dnd";
@@ -27,8 +31,8 @@ import "@react-hookz/web";
 import "@chaibuilder/blocks";
 import "lucide-react";
 import "sonner";
-const K = ({ id: o = null, closeModal: t }) => {
-  const a = c(), [e, s] = n("");
+const T = ({ id: o = null, closeModal: i }) => {
+  const r = c(), [t, a] = n("");
   return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
     /* @__PURE__ */ l.jsx("h1", { className: "text-lg font-bold", children: "Mark as Global" }),
     /* @__PURE__ */ l.jsxs("div", { className: "py-2 text-sm", children: [
@@ -50,27 +54,27 @@ const K = ({ id: o = null, closeModal: t }) => {
         {
           placeholder: "Eg: Header, Footer ",
           className: "mt-2 w-full",
-          value: e,
-          onChange: (r) => s(r.target.value)
+          value: t,
+          onChange: (s) => a(s.target.value)
         }
       )
     ] }),
     /* @__PURE__ */ l.jsxs("div", { className: "flex items-center justify-end gap-x-4", children: [
       /* @__PURE__ */ l.jsx(
-        i,
+        e,
         {
           onClick: () => {
-            a(o, p(e)), t();
+            r(o, p(t)), i();
           },
-          disabled: e.length <= 2,
+          disabled: t.length <= 2,
           variant: "default",
           children: "Mark as Global"
         }
       ),
-      /* @__PURE__ */ l.jsx(i, { variant: "outline", onClick: t, children: "Cancel" })
+      /* @__PURE__ */ l.jsx(e, { variant: "outline", onClick: i, children: "Cancel" })
     ] })
   ] });
 };
 export {
-  K as default
+  T as default
 };

package/dist/MarkAsGlobalBlock-c43c3b2c.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),u=require("@radix-ui/react-icons"),o=require("react"),i=require("./useBuilderProp-5e57d0c8.cjs"),c=require("./index-dfeadcce.cjs");require("react-i18next");const x=require("lodash");require("@radix-ui/react-slot");require("class-variance-authority");require("./utils-3c452dd0.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("jotai");require("./_commonjsHelpers-87b0abe8.cjs");require("@radix-ui/react-scroll-area");require("react-dom");require("@floating-ui/react-dom");require("i18next");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("flat-to-nested");require("./html-to-json-78bfa1f3.cjs");require("./MODIFIERS-70fef873.cjs");require("himalaya");require("redux-undo");require("@react-hookz/web");require("@chaibuilder/blocks");require("lucide-react");require("sonner");const m=({id:t=null,closeModal:s})=>{const l=c.useMarkAsGlobalBlock(),[r,a]=o.useState("");return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("h1",{className:"text-lg font-bold",children:"Mark as Global"}),e.jsxRuntimeExports.jsxs("div",{className:"py-2 text-sm",children:["Note: Global blocks are single instances. Editing global blocks will be reflected on all pages using these blocks. ",e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsxs("ul",{className:"mt-4 list-inside list-disc space-y-1",children:[e.jsxRuntimeExports.jsxs("li",{children:["Global blocks are indicated with ",e.jsxRuntimeExports.jsx(u.GlobeIcon,{className:"inline"})," icon in left sidebar"]}),e.jsxRuntimeExports.jsx("li",{children:'Global blocks are available under "Global" category'})]})]}),e.jsxRuntimeExports.jsxs("div",{className:"my-4",children:[e.jsxRuntimeExports.jsx("label",{className:"block text-sm font-medium text-gray-400",children:"Enter global block name"}),e.jsxRuntimeExports.jsx("input",{placeholder:"Eg: Header, Footer ",className:"mt-2 w-full",value:r,onChange:n=>a(n.target.value)})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-end gap-x-4",children:[e.jsxRuntimeExports.jsx(i.Button,{onClick:()=>{l(t,x.capitalize(r)),s()},disabled:r.length<=2,variant:"default",children:"Mark as Global"}),e.jsxRuntimeExports.jsx(i.Button,{variant:"outline",onClick:s,children:"Cancel"})]})]})};exports.default=m;

package/dist/PagesPanel-22050a98.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),i=require("react"),s=require("lodash"),u=require("./index-dfeadcce.cjs");require("./_commonjsHelpers-87b0abe8.cjs");require("clsx");require("@radix-ui/react-scroll-area");require("react-dom");require("@floating-ui/react-dom");require("jotai");require("i18next");require("react-i18next");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("./useBuilderProp-5e57d0c8.cjs");require("@radix-ui/react-slot");require("class-variance-authority");require("./utils-3c452dd0.cjs");require("tailwind-merge");require("@radix-ui/react-tooltip");require("@radix-ui/react-icons");require("@radix-ui/react-toast");require("react-hotkeys-hook");require("flat-to-nested");require("./html-to-json-78bfa1f3.cjs");require("./MODIFIERS-70fef873.cjs");require("himalaya");require("redux-undo");require("@react-hookz/web");require("@chaibuilder/blocks");require("lucide-react");require("sonner");const x=i.lazy(()=>Promise.resolve().then(()=>require("./add-page-modal-05c947fb.cjs"))),q=i.lazy(()=>Promise.resolve().then(()=>require("./page-viewer-aac7b439.cjs"))),c=()=>{const{data:t=[],isLoading:n}=u.usePages(),{data:r}=u.useProject(),o=s.sortBy(s.filter(t,{type:"STATIC"}),a=>s.get(a,"uuid")===(r==null?void 0:r.homepage)?0:1);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between rounded-md bg-background/30 p-1",children:[e.jsxRuntimeExports.jsx("h1",{className:"px-1 font-semibold",children:"Pages"}),e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx("div",{className:"text-sm text-blue-500 underline",children:"+ New Page"}),children:e.jsxRuntimeExports.jsx(x,{})})]}),e.jsxRuntimeExports.jsx("hr",{className:"-mx-1"}),e.jsxRuntimeExports.jsx("div",{className:"-mx-1 divide-y-2",children:e.jsxRuntimeExports.jsx(q,{isLoading:n,pages:o})})]})};exports.default=c;