@chaibuilder/sdk 1.2.18 → 1.2.19

package/dist/{Outline-oGoAdnBw.js → Outline-HI6-c9nf.js}

@@ -1,21 +1,21 @@
 import { j as e } from "./jsx-runtime-WbnYoNE9.js";
-import { nth as k, startsWith as _, map as C, isUndefined as H, find as A, isEmpty as L, includes as P } from "lodash-es";
-import { BoxModelIcon as V, BoxIcon as F, DragHandleHorizontalIcon as z, ViewHorizontalIcon as $, BorderAllIcon as q, BorderTopIcon as K, TableIcon as U, DropdownMenuIcon as Y, RadiobuttonIcon as Q, InputIcon as G, ButtonIcon as v, CheckboxIcon as W, GroupIcon as X, SpaceBetweenVerticallyIcon as J, ColumnsIcon as Z, RowsIcon as B, TextIcon as w, SketchLogoIcon as ee, DividerHorizontalIcon as te, CodeIcon as se, CursorTextIcon as re, VideoIcon as ne, Link1Icon as oe, HeadingIcon as ae, ImageIcon as ce, TriangleRightIcon as ie, TrashIcon as le, CopyIcon as xe, DoubleArrowDownIcon as de, StackIcon as me } from "@radix-ui/react-icons";
+import { nth as v, startsWith as _, map as T, isUndefined as H, find as A, isEmpty as L, includes as P } from "lodash-es";
+import { BoxModelIcon as V, BoxIcon as F, DragHandleHorizontalIcon as z, ViewHorizontalIcon as $, BorderAllIcon as q, BorderTopIcon as K, TableIcon as U, DropdownMenuIcon as Y, RadiobuttonIcon as Q, InputIcon as G, ButtonIcon as B, CheckboxIcon as W, GroupIcon as X, SpaceBetweenVerticallyIcon as J, ColumnsIcon as Z, RowsIcon as w, TextIcon as C, SketchLogoIcon as ee, DividerHorizontalIcon as te, CodeIcon as se, CursorTextIcon as oe, VideoIcon as re, Link1Icon as ne, HeadingIcon as ae, ImageIcon as ce, TriangleRightIcon as ie, TrashIcon as le, CopyIcon as de, DoubleArrowDownIcon as xe, StackIcon as me } from "@radix-ui/react-icons";
 import { useDrop as ue, useDragLayer as pe } from "react-dnd";
 import { useDragOver as ge, Tree as he } from "@minoru/react-dnd-treeview";
 import { useTranslation as je } from "react-i18next";
-import { Y as be, X as Ie, h as fe, ap as ye, aq as ke, ar as ve, r as f, s as Be, a1 as T, bq as D, aS as we, t as Ce, br as Te, aR as De, bs as Se, bt as Ne, E as Oe, aM as Re, ac as Me, bu as Ee, bg as _e, bv as He } from "./index-ZBqiaKhx.js";
+import { Y as be, X as fe, h as Ie, ap as ye, aq as ke, ar as ve, r as I, s as Be, a1 as D, bq as N, aS as we, t as Ce, br as Te, aR as De, bs as Ne, bt as Se, E as Oe, aM as Re, ac as Me, bu as Ee, bg as _e, bv as He } from "./index-WP7IRkij.js";
 import { DatabaseIcon as Ae } from "lucide-react";
 import { useMemo as Le, useCallback as Pe } from "react";
 import { a as Ve } from "./MODIFIERS-WQdaNvb8.js";
 import { c as S } from "./Functions-7jnEwJyw.js";
-import { a as Fe } from "./index-LF3KXx4u.js";
-import { u as ze } from "./useAddBlockByDrop-sPX4lN-O.js";
+import { a as Fe, d as ze } from "./index-yILWlilS.js";
+import { u as $e } from "./useAddBlockByDrop-BIK2fdgj.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "@chaibuilder/runtime";
 import "jotai";
-import "flat-to-nested";
 import "@react-hookz/web";
+import "flat-to-nested";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
 import "./Class-3k8xjeiM.js";
@@ -42,27 +42,28 @@ import "@radix-ui/react-context-menu";
 import "react-icons-picker";
 import "react-dom";
 import "react-quill";
+import "lodash";
 import "i18next";
 import "@floating-ui/react-dom";
 import "react-textarea-autosize";
 import "flagged";
 import "react-hotkeys-hook";
-const N = (t) => {
+const O = (t) => {
   switch (t.type) {
     case "Image":
       return /* @__PURE__ */ e.jsx(ce, {});
     case "Heading":
       return /* @__PURE__ */ e.jsx(ae, {});
     case "Text":
-      return /* @__PURE__ */ e.jsx(w, {});
+      return /* @__PURE__ */ e.jsx(C, {});
     case "Link":
-      return /* @__PURE__ */ e.jsx(oe, {});
-    case "Video":
       return /* @__PURE__ */ e.jsx(ne, {});
-    case "RichText":
+    case "Video":
       return /* @__PURE__ */ e.jsx(re, {});
+    case "RichText":
+      return /* @__PURE__ */ e.jsx(oe, {});
     case "Button":
-      return /* @__PURE__ */ e.jsx(v, {});
+      return /* @__PURE__ */ e.jsx(B, {});
     case "CustomHTML":
       return /* @__PURE__ */ e.jsx(se, {});
     case "Divider":
@@ -70,11 +71,11 @@ const N = (t) => {
     case "Icon":
       return /* @__PURE__ */ e.jsx(ee, {});
     case "List":
-      return /* @__PURE__ */ e.jsx(B, {});
-    case "Paragraph":
       return /* @__PURE__ */ e.jsx(w, {});
+    case "Paragraph":
+      return /* @__PURE__ */ e.jsx(C, {});
     case "Row":
-      return /* @__PURE__ */ e.jsx(B, {});
+      return /* @__PURE__ */ e.jsx(w, {});
     case "ListItem":
       return /* @__PURE__ */ e.jsx(Z, {});
     case "LineBreak":
@@ -84,7 +85,7 @@ const N = (t) => {
     case "Checkbox":
       return /* @__PURE__ */ e.jsx(W, {});
     case "FormButton":
-      return /* @__PURE__ */ e.jsx(v, {});
+      return /* @__PURE__ */ e.jsx(B, {});
     case "Input":
     case "TextArea":
       return /* @__PURE__ */ e.jsx(G, {});
@@ -110,7 +111,7 @@ const N = (t) => {
       return /* @__PURE__ */ e.jsx(V, {});
   }
 };
-function $e(t = "") {
+function qe(t = "") {
   const s = {
     xs: "390px",
     sm: "640px",
@@ -127,39 +128,42 @@ function $e(t = "") {
     const i = 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/
-    ), o = t.match(i);
-    if (k(o, 1))
-      return `Visible >=${s[k(o, 1)]}`;
+    ), n = t.match(i);
+    if (v(n, 1))
+      return `Visible >=${s[v(n, 1)]}`;
   }
   return "";
 }
-const qe = (t) => {
+function Ke(t) {
+  return t.split("/").pop();
+}
+const Ue = (t) => {
   let s = "";
-  return Object.keys(t).forEach((n) => {
-    _(t[n], Ve) && (s = t[n]);
+  return Object.keys(t).forEach((r) => {
+    _(t[r], Ve) && (s = t[r]);
   }), s;
-}, Ke = (t) => {
+}, Ye = (t) => {
   var u;
-  const [, s] = be(), [n] = Ie(), c = fe("outlineMenuItems", []), { isSelected: i } = t, { id: o, data: l } = t.node, p = t.depth * 10, d = (a) => {
+  const [, s] = be(), [r] = fe(), c = Ie("outlineMenuItems", []), { isSelected: i } = t, { id: n, data: l } = t.node, p = t.depth * 10, x = (a) => {
     a.stopPropagation(), t.onToggle(t.node.id);
-  }, g = ge(o, t.isOpen, t.onToggle), m = Le(() => {
-    const a = qe(t.node.data);
-    return $e(a);
+  }, g = ge(n, t.isOpen, t.onToggle), m = Le(() => {
+    const a = Ue(t.node.data);
+    return qe(a);
   }, [t.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: () => s(o),
+        onMouseEnter: () => s(n),
         className: S(
           "group flex w-full items-center justify-between space-x-px py-px",
           i ? "bg-blue-500 text-white" : "text-gray-600 hover:bg-gray-200 dark:hover:bg-gray-800"
         ),
         onClick: (a) => {
-          a.stopPropagation(), !n.includes(o) && t.onSelect(o);
+          a.stopPropagation(), !r.includes(n) && t.onSelect(n);
         },
-        onContextMenu: () => t.onSelect(o),
+        onContextMenu: () => t.onSelect(n),
         style: { paddingInlineStart: p },
         ...g,
         children: /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-center justify-between pr-2", children: [
@@ -168,16 +172,16 @@ const qe = (t) => {
               "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(ie, {}) })
+                children: t.node.droppable && /* @__PURE__ */ e.jsx("button", { onClick: x, 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(N, { type: l == null ? void 0 : l._type }) }),
-              /* @__PURE__ */ e.jsx("div", { className: "ml-2 truncate text-[11px]", children: ((u = t.node.data) == null ? void 0 : u._name) || t.node.text }),
+              /* @__PURE__ */ e.jsx("div", { className: "-mt-1 h-3 w-3", children: /* @__PURE__ */ e.jsx(O, { type: l == null ? void 0 : l._type }) }),
+              /* @__PURE__ */ e.jsx("div", { className: "ml-2 truncate text-[11px]", children: ((u = t.node.data) == null ? void 0 : u._name) || Ke(t.node.text) }),
               m ? /* @__PURE__ */ e.jsxs(
                 "span",
                 {
-                  className: "ml-2 flex items-center text-[10px] italic " + (i ? "text-gray-200" : "text-gray-500"),
+                  className: "ml-2 flex items-center truncate text-[10px] italic " + (i ? "text-gray-200" : "text-gray-500"),
                   children: [
                     "(",
                     m,
@@ -193,7 +197,7 @@ const qe = (t) => {
               {
                 className: "cursor-pointer rounded bg-transparent hover:bg-white hover:text-blue-500",
                 asChild: !0,
-                children: a.item(o)
+                children: a.item(n)
               }
             ),
             /* @__PURE__ */ e.jsx(ve, { children: a.tooltip })
@@ -202,22 +206,22 @@ const qe = (t) => {
       }
     )
   );
-}, Ue = (t) => {
-  var n;
+}, Qe = (t) => {
+  var r;
   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(N, { type: (n = s == null ? void 0 : s.data) == null ? void 0 : n._type }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "", children: /* @__PURE__ */ e.jsx(O, { type: (r = s == null ? void 0 : s.data) == null ? void 0 : r._type }) }),
     /* @__PURE__ */ e.jsx("div", { className: "ml-2 truncate text-[11px]", children: s.text })
   ] });
-}, Ye = (t) => {
+}, Ge = (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 } });
-}, Qe = () => {
-  const [t] = f(), s = Be(), n = T();
+}, We = () => {
+  const [t] = I(), s = Be(), r = D();
   return /* @__PURE__ */ e.jsxs(
-    D,
+    N,
     {
-      disabled: !we(n == null ? void 0 : n._type),
+      disabled: !we(r == null ? void 0 : r._type),
       className: "flex items-center gap-x-4 text-xs",
       onClick: () => s(t),
       children: [
@@ -226,71 +230,71 @@ const qe = (t) => {
       ]
     }
   );
-}, Ge = () => {
-  const [t] = f(), s = Ce(), n = T(), c = Pe(() => {
+}, Xe = () => {
+  const [t] = I(), s = Ce(), r = D(), c = Pe(() => {
     s(t);
   }, [t, s]);
   return /* @__PURE__ */ e.jsxs(Te, { className: "text-xs", children: [
     /* @__PURE__ */ e.jsxs(
-      D,
+      N,
       {
-        disabled: !De(n == null ? void 0 : n._type),
+        disabled: !De(r == null ? void 0 : r._type),
         className: "flex items-center gap-x-4 text-xs",
         onClick: c,
         children: [
-          /* @__PURE__ */ e.jsx(xe, {}),
+          /* @__PURE__ */ e.jsx(de, {}),
           " Duplicate"
         ]
       }
     ),
-    /* @__PURE__ */ e.jsx(Qe, {})
+    /* @__PURE__ */ e.jsx(We, {})
   ] });
-}, We = ({ children: t }) => /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
-  /* @__PURE__ */ e.jsx(Ne, { children: t }),
-  /* @__PURE__ */ e.jsx(Ge, {})
+}, Je = ({ children: t }) => /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(Ne, { children: [
+  /* @__PURE__ */ e.jsx(Se, { children: t }),
+  /* @__PURE__ */ e.jsx(Xe, {})
 ] }) });
-function Xe(t) {
-  return C(t, (s) => {
-    const { data: n } = s;
+function Ze(t) {
+  return T(t, (s) => {
+    const { data: r } = s;
     return {
-      ...n,
+      ...r,
       _parent: s.parent === 0 ? null : s.parent
     };
   });
 }
-const Yt = () => {
-  const [t] = Oe(), { setNewBlocks: s } = Re(), [n, c, i] = f(), [, o] = Me(), { t: l } = je(), p = Fe(), d = ze(), [g] = Ee(), m = async (r, x) => {
-    const { dragSource: j, relativeIndex: b, dropTargetId: I, monitor: y } = x;
+const Wt = () => {
+  const [t] = Oe(), { setNewBlocks: s } = Re(), [r, c, i] = I(), [, n] = Me(), { t: l } = je(), p = Fe(), x = $e(), [g] = Ee(), m = async (o, d) => {
+    const { dragSource: j, relativeIndex: b, dropTargetId: f, monitor: y } = d;
     if (j) {
-      const M = Xe(r);
-      s(M);
+      const k = Ze(o);
+      s(k), ze("Handle Drop -> New Blocks -> ", k);
       const E = y.getItem();
       c([E.id]);
     } else
-      await d({ block: y.getItem(), dropTargetId: I, relativeIndex: b });
-  }, u = C(t, (r) => ({
-    id: r._id,
-    text: r._type,
-    parent: r._parent || 0,
-    droppable: !H(A(t, { _parent: r._id })),
-    data: r
+      await x({ block: y.getItem(), dropTargetId: f, relativeIndex: b });
+  }, u = T(t, (o) => ({
+    id: o._id,
+    text: o._type,
+    parent: o._parent || 0,
+    droppable: !H(A(t, { _parent: o._id })),
+    data: o
   })), a = () => {
-    c([]), o([]);
-  }, [{ isOver: h }, O] = ue(() => ({
+    c([]), n([]);
+  }, [{ isOver: h }, R] = ue(() => ({
     accept: ["CHAI_BLOCK"],
-    collect: (r) => ({
-      canDrop: r.canDrop(),
-      isOver: r.isOver()
+    collect: (o) => ({
+      canDrop: o.canDrop(),
+      isOver: o.isOver()
     }),
-    drop: (r) => {
-      (async () => await d({
-        block: r,
+    drop: (o) => {
+      (async () => await x({
+        block: o,
         dropTargetId: "",
         relativeIndex: 0
       }))();
     }
-  })), { isDragging: R } = pe((r) => ({
-    isDragging: r.isDragging()
+  })), { isDragging: M } = pe((o) => ({
+    isDragging: o.isDragging()
   }));
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
     "div",
@@ -298,15 +302,15 @@ const Yt = () => {
       onClick: () => a(),
       className: S(
         "-mx-1 -mt-1 flex h-full select-none flex-col space-y-1",
-        R ? "bg-green-50/80" : "bg-background"
+        M ? "bg-green-50/80" : "bg-background"
       ),
       children: L(t) ? /* @__PURE__ */ e.jsxs(
         "div",
         {
-          ref: O,
+          ref: R,
           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(de, { className: "mx-auto h-12 w-12 animate-bounce" }) : /* @__PURE__ */ e.jsx(me, { className: "mx-auto h-10 w-10" }),
+            h ? /* @__PURE__ */ e.jsx(xe, { className: "mx-auto h-12 w-12 animate-bounce" }) : /* @__PURE__ */ e.jsx(me, { className: "mx-auto h-10 w-10" }),
             /* @__PURE__ */ e.jsx("p", { className: "mt-2", children: l(h ? "drop_here_message" : "tree_view_no_blocks") })
           ]
         }
@@ -317,21 +321,21 @@ const Yt = () => {
           extraAcceptTypes: ["CHAI_BLOCK"],
           tree: u,
           rootId: 0,
-          render: (r, { depth: x, isOpen: j, onToggle: b }) => /* @__PURE__ */ e.jsx(We, { id: r.id, children: /* @__PURE__ */ e.jsx(
-            Ke,
+          render: (o, { depth: d, isOpen: j, onToggle: b }) => /* @__PURE__ */ e.jsx(Je, { id: o.id, children: /* @__PURE__ */ e.jsx(
+            Ye,
             {
-              onSelect: (I) => {
-                o([]), c([I]);
+              onSelect: (f) => {
+                n([]), c([f]);
               },
-              isSelected: P(n, r.id),
-              node: r,
-              depth: x,
+              isSelected: P(r, o.id),
+              node: o,
+              depth: d,
               isOpen: j,
               onToggle: b,
               toggleIds: i
             }
           ) }),
-          dragPreviewRender: (r) => /* @__PURE__ */ e.jsx(Ue, { monitorProps: r }),
+          dragPreviewRender: (o) => /* @__PURE__ */ e.jsx(Qe, { monitorProps: o }),
           onDrop: m,
           classes: {
             root: "h-[90%] " + (g ? "pl-2" : "pt-2"),
@@ -344,12 +348,12 @@ const Yt = () => {
           canDrop: He,
           dropTargetOffset: 2,
           enableAnimateExpand: !0,
-          placeholderRender: (r, { depth: x }) => /* @__PURE__ */ e.jsx(Ye, { node: r, depth: x })
+          placeholderRender: (o, { depth: d }) => /* @__PURE__ */ e.jsx(Ge, { node: o, depth: d })
         }
       ) })
     }
   ) });
 };
 export {
-  Yt as default
+  Wt as default
 };

package/dist/Outline-fAflJ_lN.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),u=require("lodash-es"),s=require("@radix-ui/react-icons"),y=require("react-dnd"),v=require("@minoru/react-dnd-treeview"),O=require("react-i18next"),r=require("./index-thKfFhmr.cjs"),M=require("lucide-react"),w=require("react"),_=require("./MODIFIERS-9EwxLM8V.cjs"),T=require("./Functions-N3yhPYKY.cjs"),B=require("./index-JdnF6lYP.cjs"),H=require("./useAddBlockByDrop-6EbioQV4.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@chaibuilder/runtime");require("jotai");require("@react-hookz/web");require("flat-to-nested");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-MmCxz2Ay.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-dom");require("react-quill");require("lodash");require("i18next");require("@floating-ui/react-dom");require("react-textarea-autosize");require("flagged");require("react-hotkeys-hook");const C=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(M.DatabaseIcon,{size:16});case"Box":return e.jsxRuntimeExports.jsx(s.BoxIcon,{});default:return e.jsxRuntimeExports.jsx(s.BoxModelIcon,{})}};function A(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 a=new RegExp(/\b(sm|md|lg|xl|2xl):(block|grid|flex|inline|inline-grid|inline-flex|inline-block)\b/),c=t.match(a);if(u.nth(c,1))return`Visible >=${n[u.nth(c,1)]}`}return""}function L(t){return t.split("/").pop()}const P=t=>{let n="";return Object.keys(t).forEach(i=>{u.startsWith(t[i],_.STYLES_KEY)&&(n=t[i])}),n},F=t=>{var g;const[,n]=r.useHighlightBlockId(),[i]=r.useHiddenBlockIds(),l=r.useBuilderProp("outlineMenuItems",[]),{isSelected:a}=t,{id:c,data:d}=t.node,R=t.depth*10,m=x=>{x.stopPropagation(),t.onToggle(t.node.id)},E=v.useDragOver(c,t.isOpen,t.onToggle),j=w.useMemo(()=>{const x=P(t.node.data);return A(x)},[t.node.data]);return e.jsxRuntimeExports.jsx("div",{onMouseEnter:()=>n(c),className:T.cn("group flex w-full items-center justify-between space-x-px py-px",a?"bg-blue-500 text-white":"text-gray-600 hover:bg-gray-200 dark:hover:bg-gray-800"),onClick:x=>{x.stopPropagation(),!i.includes(c)&&t.onSelect(c)},onContextMenu:()=>t.onSelect(c),style:{paddingInlineStart:R},...E,children:e.jsxRuntimeExports.jsxs("div",{className:"flex w-full items-center justify-between pr-2",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:m,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(C,{type:d==null?void 0:d._type})}),e.jsxRuntimeExports.jsx("div",{className:"ml-2 truncate text-[11px]",children:((g=t.node.data)==null?void 0:g._name)||L(t.node.text)}),j?e.jsxRuntimeExports.jsxs("span",{className:"ml-2 flex items-center truncate text-[10px] italic "+(a?"text-gray-200":"text-gray-500"),children:["(",j,")"]}):null]})]}),e.jsxRuntimeExports.jsx("div",{className:"invisible flex items-center space-x-1 group-hover:visible",children:l.map(x=>e.jsxRuntimeExports.jsxs(r.Tooltip,{children:[e.jsxRuntimeExports.jsx(r.TooltipTrigger,{className:"cursor-pointer rounded bg-transparent hover:bg-white hover:text-blue-500",asChild:!0,children:x.item(c)}),e.jsxRuntimeExports.jsx(r.TooltipContent,{children:x.tooltip})]}))})]})})},V=t=>{var i;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(C,{type:(i=n==null?void 0:n.data)==null?void 0:i._type})}),e.jsxRuntimeExports.jsx("div",{className:"ml-2 truncate text-[11px]",children:n.text})]})},z=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}})},$=()=>{const[t]=r.useSelectedBlockIds(),n=r.useRemoveBlocks(),i=r.useSelectedBlock();return e.jsxRuntimeExports.jsxs(r.ContextMenuItem,{disabled:!r.canDeleteBlock(i==null?void 0:i._type),className:"flex items-center gap-x-4 text-xs",onClick:()=>n(t),children:[e.jsxRuntimeExports.jsx(s.TrashIcon,{})," Remove"]})},K=()=>{const[t]=r.useSelectedBlockIds(),n=r.useDuplicateBlocks(),i=r.useSelectedBlock(),l=w.useCallback(()=>{n(t)},[t,n]);return e.jsxRuntimeExports.jsxs(r.ContextMenuContent,{className:"text-xs",children:[e.jsxRuntimeExports.jsxs(r.ContextMenuItem,{disabled:!r.canDuplicateBlock(i==null?void 0:i._type),className:"flex items-center gap-x-4 text-xs",onClick:l,children:[e.jsxRuntimeExports.jsx(s.CopyIcon,{})," Duplicate"]}),e.jsxRuntimeExports.jsx($,{})]})},U=({children:t})=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs(r.ContextMenu,{children:[e.jsxRuntimeExports.jsx(r.ContextMenuTrigger,{children:t}),e.jsxRuntimeExports.jsx(K,{})]})});function Q(t){return u.map(t,n=>{const{data:i}=n;return{...i,_parent:n.parent===0?null:n.parent}})}const Y=()=>{const[t]=r.useBlocksStore(),{setNewBlocks:n}=r.useBlocksStoreUndoableActions(),[i,l,a]=r.useSelectedBlockIds(),[,c]=r.useSelectedStylingBlocks(),{t:d}=O.useTranslation(),R=B.useExpandedIds(),m=H.useAddBlockByDrop(),[E]=r.useBlocksContainer(),j=async(o,p)=>{const{dragSource:I,relativeIndex:b,dropTargetId:q,monitor:f}=p;if(I){const k=Q(o);n(k),B.debugLog("Handle Drop -> New Blocks -> ",k);const N=f.getItem();l([N.id])}else await m({block:f.getItem(),dropTargetId:q,relativeIndex:b})},g=u.map(t,o=>({id:o._id,text:o._type,parent:o._parent||0,droppable:!u.isUndefined(u.find(t,{_parent:o._id})),data:o})),x=()=>{l([]),c([])},[{isOver:h},D]=y.useDrop(()=>({accept:["CHAI_BLOCK"],collect:o=>({canDrop:o.canDrop(),isOver:o.isOver()}),drop:o=>{(async()=>await m({block:o,dropTargetId:"",relativeIndex:0}))()}})),{isDragging:S}=y.useDragLayer(o=>({isDragging:o.isDragging()}));return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{onClick:()=>x(),className:T.cn("-mx-1 -mt-1 flex h-full select-none flex-col space-y-1",S?"bg-green-50/80":"bg-background"),children:u.isEmpty(t)?e.jsxRuntimeExports.jsxs("div",{ref:D,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?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(r.ScrollArea,{id:"layers-view",className:"no-scrollbar h-full overflow-y-auto p-1",children:e.jsxRuntimeExports.jsx(v.Tree,{initialOpen:R,extraAcceptTypes:["CHAI_BLOCK"],tree:g,rootId:0,render:(o,{depth:p,isOpen:I,onToggle:b})=>e.jsxRuntimeExports.jsx(U,{id:o.id,children:e.jsxRuntimeExports.jsx(F,{onSelect:q=>{c([]),l([q])},isSelected:u.includes(i,o.id),node:o,depth:p,isOpen:I,onToggle:b,toggleIds:a})}),dragPreviewRender:o=>e.jsxRuntimeExports.jsx(V,{monitorProps:o}),onDrop:j,classes:{root:"h-[90%] "+(E?"pl-2":"pt-2"),draggingSource:"opacity-30",dropTarget:"bg-green-100",placeholder:"relative"},sort:!1,insertDroppableFirst:!1,canDrop:r.canDropBlock,dropTargetOffset:2,enableAnimateExpand:!0,placeholderRender:(o,{depth:p})=>e.jsxRuntimeExports.jsx(z,{node:o,depth:p})})})})})};exports.default=Y;

package/dist/{PagesPanel-VbSQHEu_.js → PagesPanel-Pk-C1956.js}

@@ -1,20 +1,20 @@
 import { j as t } from "./jsx-runtime-WbnYoNE9.js";
 import i, { Suspense as s } from "react";
 import { sortBy as a, filter as d, get as n } from "lodash-es";
-import { u as l, a as c } from "./index-627XtO9e.js";
+import { u as l, a as c } from "./index-lFcrvDFC.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
-import "./index-LF3KXx4u.js";
+import "./index-yILWlilS.js";
 import "i18next";
 import "react-i18next";
-import "./index-ZBqiaKhx.js";
+import "./index-WP7IRkij.js";
 import "./Functions-7jnEwJyw.js";
 import "clsx";
 import "tailwind-merge";
 import "@chaibuilder/runtime";
 import "jotai";
-import "flat-to-nested";
 import "./MODIFIERS-WQdaNvb8.js";
 import "@react-hookz/web";
+import "flat-to-nested";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
 import "./Class-3k8xjeiM.js";
@@ -40,6 +40,7 @@ import "@radix-ui/react-context-menu";
 import "react-icons-picker";
 import "react-dom";
 import "react-quill";
+import "lodash";
 import "@floating-ui/react-dom";
 import "react-textarea-autosize";
 import "flagged";
@@ -51,7 +52,7 @@ import "./html-to-json-C5sExaSD.js";
 import "himalaya";
 import "lucide-react";
 import "./index-YpnaudSM.js";
-const x = i.lazy(() => import("./add-page-modal-mEbIXSKX.js")), u = i.lazy(() => import("./page-viewer-7u0SWWmO.js")), ut = () => {
+const x = i.lazy(() => import("./add-page-modal-dKQLw7RQ.js")), u = i.lazy(() => import("./page-viewer-3QXwPGpg.js")), gt = () => {
   const { data: o = [], isLoading: m } = l(), { data: r } = c(), p = a(d(o, { type: "STATIC" }), (e) => n(e, "uuid") === (r == null ? void 0 : r.homepage) ? 0 : 1);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between rounded-md bg-background/30 p-1", children: [
@@ -63,5 +64,5 @@ const x = i.lazy(() => import("./add-page-modal-mEbIXSKX.js")), u = i.lazy(() =>
   ] });
 };
 export {
-  ut as default
+  gt as default
 };

package/dist/PagesPanel-ug8Tmva6.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),u=require("react"),i=require("lodash-es"),s=require("./index-BMZLAJUV.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("./index-JdnF6lYP.cjs");require("i18next");require("react-i18next");require("./index-thKfFhmr.cjs");require("./Functions-N3yhPYKY.cjs");require("clsx");require("tailwind-merge");require("@chaibuilder/runtime");require("jotai");require("./MODIFIERS-9EwxLM8V.cjs");require("@react-hookz/web");require("flat-to-nested");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-MmCxz2Ay.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("lodash");require("@floating-ui/react-dom");require("react-textarea-autosize");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("sonner");require("./html-to-json-FGufPv9R.cjs");require("himalaya");require("lucide-react");require("./index-ecnGWzh9.cjs");const a=u.lazy(()=>Promise.resolve().then(()=>require("./add-page-modal-xMedOdsp.cjs"))),x=u.lazy(()=>Promise.resolve().then(()=>require("./page-viewer-DTIblLiz.cjs"))),d=()=>{const{data:t=[],isLoading:q}=s.usePages(),{data:r}=s.useProject(),n=i.sortBy(i.filter(t,{type:"STATIC"}),o=>i.get(o,"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(u.Suspense,{fallback:e.jsxRuntimeExports.jsx("div",{className:"text-sm text-blue-500 underline",children:"+ New Page"}),children:e.jsxRuntimeExports.jsx(a,{})})]}),e.jsxRuntimeExports.jsx("hr",{className:"-mx-1"}),e.jsxRuntimeExports.jsx("div",{className:"-mx-1 divide-y-2",children:e.jsxRuntimeExports.jsx(x,{isLoading:q,pages:n})})]})};exports.default=d;

package/dist/{ProjectPanel-fqux215P.js → ProjectPanel-_KQBhuPO.js}

@@ -1,17 +1,17 @@
 import { j as t } from "./jsx-runtime-WbnYoNE9.js";
 import m, { useRef as x, useEffect as a, Suspense as p } from "react";
 import { isEqual as b, isEmpty as j } from "lodash-es";
-import { b9 as f, ba as n, bb as l, bc as c } from "./index-ZBqiaKhx.js";
-import { b as h, a as g } from "./index-627XtO9e.js";
+import { b9 as f, ba as n, bb as l, bc as c } from "./index-WP7IRkij.js";
+import { b as h, a as g } from "./index-lFcrvDFC.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "./Functions-7jnEwJyw.js";
 import "clsx";
 import "tailwind-merge";
 import "@chaibuilder/runtime";
 import "jotai";
-import "flat-to-nested";
 import "./MODIFIERS-WQdaNvb8.js";
 import "@react-hookz/web";
+import "flat-to-nested";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
 import "./Class-3k8xjeiM.js";
@@ -37,8 +37,9 @@ import "@radix-ui/react-context-menu";
 import "react-icons-picker";
 import "react-dom";
 import "react-quill";
+import "lodash";
 import "react-i18next";
-import "./index-LF3KXx4u.js";
+import "./index-yILWlilS.js";
 import "i18next";
 import "@floating-ui/react-dom";
 import "react-textarea-autosize";
@@ -51,11 +52,11 @@ import "./html-to-json-C5sExaSD.js";
 import "himalaya";
 import "lucide-react";
 import "./index-YpnaudSM.js";
-const N = m.lazy(() => import("./project-general-setting-SqC85J7F.js")), S = m.lazy(() => import("./project-seo-setting-TlQherop.js")), d = /* @__PURE__ */ t.jsx("div", { className: "px-3", children: /* @__PURE__ */ t.jsx("div", { className: "h-52 w-full animate-pulse rounded-md bg-gray-100" }) }), u = (r) => r && j(r.seoData) ? {
+const N = m.lazy(() => import("./project-general-setting-UalRmyHm.js")), S = m.lazy(() => import("./project-seo-setting-8FsvPSPl.js")), d = /* @__PURE__ */ t.jsx("div", { className: "px-3", children: /* @__PURE__ */ t.jsx("div", { className: "h-52 w-full animate-pulse rounded-md bg-gray-100" }) }), u = (r) => r && j(r.seoData) ? {
   ...r,
   seoData: { title: "", description: "", image: "" }
 } : r;
-function St() {
+function vt() {
   const r = h(), { data: s } = g(), [e, i] = m.useState(
     u(s || {})
   ), o = x(e);
@@ -84,5 +85,5 @@ function St() {
   ] });
 }
 export {
-  St as default
+  vt as default
 };

package/dist/ProjectPanel-o8-6cPX-.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),r=require("react"),x=require("lodash-es"),s=require("./index-thKfFhmr.cjs"),a=require("./index-BMZLAJUV.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("./Functions-N3yhPYKY.cjs");require("clsx");require("tailwind-merge");require("@chaibuilder/runtime");require("jotai");require("./MODIFIERS-9EwxLM8V.cjs");require("@react-hookz/web");require("flat-to-nested");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-MmCxz2Ay.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("lodash");require("react-i18next");require("./index-JdnF6lYP.cjs");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("sonner");require("./html-to-json-FGufPv9R.cjs");require("himalaya");require("lucide-react");require("./index-ecnGWzh9.cjs");const d=r.lazy(()=>Promise.resolve().then(()=>require("./project-general-setting-g7WhM3hc.cjs"))),q=r.lazy(()=>Promise.resolve().then(()=>require("./project-seo-setting-xoeLQVj3.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 m(){const t=a.useUpdateProject(),{data:n}=a.useProject(),[i,o]=r.useState(l(n||{})),u=r.useRef(i);return r.useEffect(()=>()=>{x.isEqual(n,u.current)||t.mutate(u.current,{onSuccess:()=>o(u.current)})},[u]),r.useEffect(()=>{u.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(q,{_projectData:i,seany:o})})})]})]})})]})}exports.default=m;