@chaibuilder/sdk 0.1.17 → 0.1.19

package/dist/{Layers-20ce5cb3.js → Layers-e17bbf6a.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-95757b80.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-ca7c3430.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-96dd248c.js")), rs = () => {
-  const [s] = g(), [, t] = Ne();
+}, rs = Ge(() => import("./MarkAsGlobalBlock-3a58a10b.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/{MarkAsGlobalBlock-96dd248c.js → MarkAsGlobalBlock-3a58a10b.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-95757b80.js";
+import { B as e } from "./useBuilderProp-81a14920.js";
+import { a1 as c } from "./index-ca7c3430.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-d4fe0af6.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-976ec896.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-6f5393e8.js → PagesPanel-68bb4554.js}

@@ -1,7 +1,13 @@
 import { j as t } from "./jsx-runtime-944c88e2.js";
-import e, { Suspense as p } from "react";
+import i, { Suspense as p } from "react";
 import { sortBy as a, filter as d, get as n } from "lodash";
-import { N as l, O as c } from "./index-95757b80.js";
+import { Q as l, R as c } from "./index-ca7c3430.js";
+import "./_commonjsHelpers-10dfc225.js";
+import "clsx";
+import "@radix-ui/react-scroll-area";
+import "react-dom";
+import "@floating-ui/react-dom";
+import "jotai";
 import "i18next";
 import "react-i18next";
 import "flagged";
@@ -11,12 +17,10 @@ import "./useBuilderProp-81a14920.js";
 import "@radix-ui/react-slot";
 import "class-variance-authority";
 import "./utils-ac68b2c8.js";
-import "clsx";
 import "tailwind-merge";
 import "@radix-ui/react-tooltip";
 import "@radix-ui/react-icons";
 import "@radix-ui/react-toast";
-import "jotai";
 import "react-hotkeys-hook";
 import "flat-to-nested";
 import "./html-to-json-8397fab5.js";
@@ -27,17 +31,17 @@ import "@react-hookz/web";
 import "@chaibuilder/blocks";
 import "lucide-react";
 import "sonner";
-const x = e.lazy(() => import("./add-page-modal-b5f3aeab.js")), g = e.lazy(() => import("./page-viewer-11b81948.js")), H = () => {
-  const { data: i = [], isLoading: o } = l(), { data: r } = c(), m = a(d(i, { type: "STATIC" }), (s) => n(s, "uuid") === (r == null ? void 0 : r.homepage) ? 0 : 1);
+const x = i.lazy(() => import("./add-page-modal-da3e0ad5.js")), g = i.lazy(() => import("./page-viewer-3e7a6d70.js")), U = () => {
+  const { data: o = [], isLoading: e } = l(), { data: r } = c(), m = a(d(o, { type: "STATIC" }), (s) => n(s, "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: [
       /* @__PURE__ */ t.jsx("h1", { className: "px-1 font-semibold", children: "Pages" }),
       /* @__PURE__ */ t.jsx(p, { fallback: /* @__PURE__ */ t.jsx("div", { className: "text-sm text-blue-500 underline", children: "+ New Page" }), children: /* @__PURE__ */ t.jsx(x, {}) })
     ] }),
     /* @__PURE__ */ t.jsx("hr", { className: "-mx-1" }),
-    /* @__PURE__ */ t.jsx("div", { className: "-mx-1 divide-y-2", children: /* @__PURE__ */ t.jsx(g, { isLoading: o, pages: m }) })
+    /* @__PURE__ */ t.jsx("div", { className: "-mx-1 divide-y-2", children: /* @__PURE__ */ t.jsx(g, { isLoading: e, pages: m }) })
   ] });
 };
 export {
-  H as default
+  U as default
 };

package/dist/PagesPanel-fa54f8c4.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-976ec896.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-f49ebaf3.cjs"))),q=i.lazy(()=>Promise.resolve().then(()=>require("./page-viewer-5f00c933.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;

package/dist/ProjectPanel-750e4a4f.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),r=require("react"),x=require("lodash"),s=require("./accordion-0afd8143.cjs"),a=require("./index-976ec896.cjs");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("./utils-3c452dd0.cjs");require("clsx");require("tailwind-merge");require("./_commonjsHelpers-87b0abe8.cjs");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("@radix-ui/react-tooltip");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 d=r.lazy(()=>Promise.resolve().then(()=>require("./project-general-setting-a23cc2c4.cjs"))),m=r.lazy(()=>Promise.resolve().then(()=>require("./project-seo-setting-a9403f1d.cjs"))),c=e.jsxRuntimeExports.jsx("div",{className:"px-3",children:e.jsxRuntimeExports.jsx("div",{className:"h-52 w-full animate-pulse rounded-md bg-gray-100"})}),l=t=>t&&x.isEmpty(t.seoData)?{...t,seoData:{title:"",description:"",image:""}}:t;function j(){const t=a.useUpdateProject(),{data:u}=a.useProject(),[i,o]=r.useState(l(u||{})),n=r.useRef(i);return r.useEffect(()=>()=>{x.isEqual(u,n.current)||t.mutate(n.current,{onSuccess:()=>o(n.current)})},[n]),r.useEffect(()=>{n.current=i},[i]),e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("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:"Website Settings"})}),e.jsxRuntimeExports.jsx("hr",{className:"-mx-1"}),e.jsxRuntimeExports.jsx("div",{className:"-mx-1",children:e.jsxRuntimeExports.jsxs(s.Accordion,{type:"single",className:"w-full",defaultValue:"GENERAL",children:[e.jsxRuntimeExports.jsxs(s.AccordionItem,{value:"GENERAL",className:"border-b-2 border-slate-100 dark:border-slate-800",children:[e.jsxRuntimeExports.jsx(s.AccordionTrigger,{className:"bg-slate-200 px-2.5 py-1.5 font-medium hover:bg-slate-100 hover:no-underline dark:bg-slate-900 dark:hover:bg-slate-800",children:"General Settings"}),e.jsxRuntimeExports.jsx(s.AccordionContent,{className:"px-2 pt-4 text-sm",children:e.jsxRuntimeExports.jsx(r.Suspense,{fallback:c,children:e.jsxRuntimeExports.jsx(d,{_projectData:i,seany:o})})})]}),e.jsxRuntimeExports.jsxs(s.AccordionItem,{value:"SEO",className:"border-b-2 border-slate-100 dark:border-slate-800",children:[e.jsxRuntimeExports.jsx(s.AccordionTrigger,{className:"bg-slate-200 px-2.5 py-1.5 font-medium hover:bg-slate-100 hover:no-underline dark:bg-slate-900 dark:hover:bg-slate-800",children:"SEO Settings"}),e.jsxRuntimeExports.jsx(s.AccordionContent,{className:"px-1 pt-4 text-sm",children:e.jsxRuntimeExports.jsx(r.Suspense,{fallback:c,children:e.jsxRuntimeExports.jsx(m,{_projectData:i,seany:o})})})]})]})})]})}exports.default=j;