@chaibuilder/sdk 1.2.5 → 1.2.7

package/dist/CurrentPage-4O-iqW3w.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),t=require("./index-98CxilGX.cjs"),i=require("lodash-es"),h=require("sonner"),l=require("react"),o=require("./index-Hf23Fq9m.cjs"),j=require("lucide-react");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-j7Kg63NR.cjs");require("clsx");require("tailwind-merge");require("./MODIFIERS-2FeVfZQ9.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");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("react-i18next");require("i18next");require("@floating-ui/react-dom");require("react-textarea-autosize");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("./html-to-json-JS8zQjYB.cjs");require("himalaya");require("./web-blocks.cjs");const p=()=>{const{data:s}=o.useProject(),{data:u,isLoading:x}=o.usePages(),{syncState:d}=t.useSavePage(),q=o.useChangePage(),[n,a]=o.useCurrentPage(),c=i.sortBy(i.filter(u,{type:"STATIC"}),r=>i.get(r,"uuid")===(s==null?void 0:s.homepage)?0:1);l.useEffect(()=>{!i.isEmpty(u)&&s.homepage&&!i.find(u,{uuid:n})&&a(s.homepage)},[n,u,s,a]),l.useEffect(()=>()=>a(null),[a]);const m=r=>{if(d!=="SAVED")h.toast.error("You have unsaved changes. Please save before changing the page.");else{const g=i.find(c,{uuid:r});q(g)}};return x||i.isEmpty(n)?null:e.jsxRuntimeExports.jsx("nav",{className:"flex rounded-lg border border-gray-200 bg-gray-50 px-3 pr-0 py-1 text-gray-700 dark:border-gray-700 dark:bg-gray-800","aria-label":"Breadcrumb",children:e.jsxRuntimeExports.jsxs("ol",{className:"inline-flex items-center space-x-1 md:space-x-3",children:[e.jsxRuntimeExports.jsx("li",{className:"inline-flex items-center",children:e.jsxRuntimeExports.jsxs("div",{className:"inline-flex items-center text-sm font-medium text-gray-500 dark:text-gray-400",children:[e.jsxRuntimeExports.jsx(j.BriefcaseIcon,{className:"w-4 h-4 mr-2"}),i.capitalize(s.name)]})}),e.jsxRuntimeExports.jsx("li",{"aria-current":"page",children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[e.jsxRuntimeExports.jsx("svg",{className:"mx-1 h-3 w-3 text-gray-400","aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 6 10",children:e.jsxRuntimeExports.jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",d:"m1 9 4-4-4-4"})}),e.jsxRuntimeExports.jsxs(t.Select,{value:n||"",onValueChange:m,children:[e.jsxRuntimeExports.jsx(t.SelectTrigger,{className:"h-max border-0 py-0 text-sm font-medium text-gray-600 shadow-none outline-none ring-0 focus:ring-0 dark:text-gray-400",children:e.jsxRuntimeExports.jsx(t.SelectValue,{placeholder:"Page"})}),e.jsxRuntimeExports.jsx(t.SelectContent,{className:"z-[999]",children:i.map(c,r=>e.jsxRuntimeExports.jsx(t.SelectItem,{value:r.uuid,children:r==null?void 0:r.name},r.uuid))})]})]})})]})})};exports.default=p;

package/dist/{CurrentPage-iaGHiR2B.js → CurrentPage-Zz9LEdez.js}

@@ -1,17 +1,17 @@
 import { j as e } from "./jsx-runtime-WbnYoNE9.js";
-import { ag as x, aq as h, ar as f, as as j, at as y, au as P } from "./index-_OgCuSUz.js";
-import { sortBy as v, filter as b, get as w, isEmpty as m, find as n, capitalize as C, map as N } from "lodash-es";
+import { ah as x, ar as h, as as f, at as j, au as y, av as v } from "./index-WKIG_VPl.js";
+import { sortBy as P, filter as b, get as w, isEmpty as m, find as n, capitalize as C, map as N } from "lodash-es";
 import { toast as S } from "sonner";
 import { useEffect as p } from "react";
-import { b as k, a as B, d as E, e as I } from "./index-7mV_OcXd.js";
+import { b as k, a as B, d as E, e as I } from "./index-7vwIQQ-T.js";
 import { BriefcaseIcon as L } from "lucide-react";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
-import "./utils-AvyFzbPC.js";
-import "./MODIFIERS-RiXS5Mn1.js";
+import "./utils-Jw11nj1S.js";
 import "clsx";
 import "tailwind-merge";
+import "./MODIFIERS-RiXS5Mn1.js";
 import "@radix-ui/react-switch";
 import "@radix-ui/react-slot";
 import "@radix-ui/react-accordion";
@@ -36,9 +36,9 @@ import "react-dom";
 import "react-quill";
 import "jotai";
 import "flat-to-nested";
-import "./Functions-7jnEwJyw.js";
 import "redux-undo";
 import "@chaibuilder/runtime";
+import "lodash";
 import "@react-hookz/web";
 import "react-i18next";
 import "i18next";
@@ -48,16 +48,14 @@ import "flagged";
 import "react-dnd";
 import "@minoru/react-dnd-treeview";
 import "react-hotkeys-hook";
-import "./html-to-json-yjzEN9OX.js";
+import "./html-to-json-lNLC8Y7D.js";
 import "himalaya";
-import "lodash";
 import "./web-blocks.js";
-import "./controls-XPXGHKht.js";
-const Ve = () => {
-  const { data: t } = k(), { data: i, isLoading: l } = B(), { syncState: c } = x(), d = E(), [o, a] = I(), s = v(b(i, { type: "STATIC" }), (r) => w(r, "uuid") === (t == null ? void 0 : t.homepage) ? 0 : 1);
+const Le = () => {
+  const { data: t } = k(), { data: i, isLoading: l } = B(), { syncState: c } = x(), d = E(), [a, o] = I(), s = P(b(i, { type: "STATIC" }), (r) => w(r, "uuid") === (t == null ? void 0 : t.homepage) ? 0 : 1);
   p(() => {
-    !m(i) && t.homepage && !n(i, { uuid: o }) && a(t.homepage);
-  }, [o, i, t, a]), p(() => () => a(null), [a]);
+    !m(i) && t.homepage && !n(i, { uuid: a }) && o(t.homepage);
+  }, [a, i, t, o]), p(() => () => o(null), [o]);
   const u = (r) => {
     if (c !== "SAVED")
       S.error("You have unsaved changes. Please save before changing the page.");
@@ -66,7 +64,7 @@ const Ve = () => {
       d(g);
     }
   };
-  return l || m(o) ? null : /* @__PURE__ */ e.jsx(
+  return l || m(a) ? null : /* @__PURE__ */ e.jsx(
     "nav",
     {
       className: "flex rounded-lg border border-gray-200 bg-gray-50 px-3 pr-0 py-1 text-gray-700 dark:border-gray-700 dark:bg-gray-800",
@@ -97,9 +95,9 @@ const Ve = () => {
               )
             }
           ),
-          /* @__PURE__ */ e.jsxs(h, { value: o || "", onValueChange: u, children: [
+          /* @__PURE__ */ e.jsxs(h, { value: a || "", onValueChange: u, children: [
             /* @__PURE__ */ e.jsx(f, { className: "h-max border-0 py-0 text-sm font-medium text-gray-600 shadow-none outline-none ring-0 focus:ring-0 dark:text-gray-400", children: /* @__PURE__ */ e.jsx(j, { placeholder: "Page" }) }),
-            /* @__PURE__ */ e.jsx(y, { className: "z-[999]", children: N(s, (r) => /* @__PURE__ */ e.jsx(P, { value: r.uuid, children: r == null ? void 0 : r.name }, r.uuid)) })
+            /* @__PURE__ */ e.jsx(y, { className: "z-[999]", children: N(s, (r) => /* @__PURE__ */ e.jsx(v, { value: r.uuid, children: r == null ? void 0 : r.name }, r.uuid)) })
           ] })
         ] }) })
       ] })
@@ -107,5 +105,5 @@ const Ve = () => {
   );
 };
 export {
-  Ve as default
+  Le as default
 };

package/dist/{Layers-V15IDskJ.js → Layers-cgmxKAP9.js}

@@ -1,22 +1,19 @@
 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-7mV_OcXd.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-WKIG_VPl.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 { d as k } from "./utils-Jw11nj1S.js";
+import { f as We } from "./index-7vwIQQ-T.js";
+import { u as Je } from "./useAddBlockByDrop-CmSt8dRr.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
-import "./utils-AvyFzbPC.js";
-import "clsx";
-import "tailwind-merge";
 import "@radix-ui/react-switch";
 import "@radix-ui/react-slot";
 import "@radix-ui/react-accordion";
@@ -42,82 +39,83 @@ import "jotai";
 import "flat-to-nested";
 import "redux-undo";
 import "@chaibuilder/runtime";
+import "lodash";
 import "@react-hookz/web";
+import "clsx";
+import "tailwind-merge";
 import "i18next";
 import "@floating-ui/react-dom";
 import "react-textarea-autosize";
 import "flagged";
 import "react-hotkeys-hook";
 import "sonner";
-import "./html-to-json-yjzEN9OX.js";
+import "./html-to-json-lNLC8Y7D.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 +133,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 +157,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 +194,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-htrpRVJM.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 +225,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 +255,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 +281,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 ds = () => {
+  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
+  ds as default
 };