@chaibuilder/sdk 1.2.15 → 1.2.17

package/dist/{Layers-Dav1kBNN.js → Outline-3IPrK7F-.js}

@@ -1,16 +1,16 @@
 import { j as e } from "./jsx-runtime-WbnYoNE9.js";
-import { nth as y, startsWith as M, map as v, 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 K, BorderAllIcon as $, BorderTopIcon as Q, TableIcon as U, DropdownMenuIcon as q, RadiobuttonIcon as W, InputIcon as Y, ButtonIcon as k, CheckboxIcon as G, 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 oe, VideoIcon as re, Link1Icon as ne, 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 { useDrop as pe, useDragLayer as ue } from "react-dnd";
-import { useDragOver as ge, Tree as je } from "@minoru/react-dnd-treeview";
-import { useTranslation as he } from "react-i18next";
-import { X as be, W as Ie, j as I, k as fe, a0 as C, bp as T, aQ as ye, l as ke, bq as Be, aP as we, br as ve, bs as Ce, s as Te, aK as De, ac as Se, bt as Ne, bf as Oe, bu as Re } from "./index-QGA4ayU7.js";
-import { DatabaseIcon as _e } from "lucide-react";
-import { useMemo as Ee, useCallback as Me } from "react";
-import { a as He } from "./MODIFIERS-RiXS5Mn1.js";
-import { c as D } from "./Functions-7jnEwJyw.js";
-import { f as Ae } from "./index-nrRnwUaC.js";
-import { u as Le } from "./useAddBlockByDrop-Y-g4O8UC.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 { 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-MaXiXghQ.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-eyVVbA05.js";
+import { u as ze } from "./useAddBlockByDrop-vGme3brY.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "@chaibuilder/runtime";
 import "jotai";
@@ -18,7 +18,7 @@ import "flat-to-nested";
 import "@react-hookz/web";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
-import "./Class-17XFhL48.js";
+import "./Class-3k8xjeiM.js";
 import "clsx";
 import "tailwind-merge";
 import "@radix-ui/react-switch";
@@ -47,12 +47,7 @@ import "@floating-ui/react-dom";
 import "react-textarea-autosize";
 import "flagged";
 import "react-hotkeys-hook";
-import "sonner";
-import "./html-to-json-57841sEK.js";
-import "himalaya";
-import "./web-blocks.js";
-import "./empty-slot-5FRrRq1E.js";
-const S = (t) => {
+const N = (t) => {
   switch (t.type) {
     case "Image":
       return /* @__PURE__ */ e.jsx(ce, {});
@@ -61,13 +56,13 @@ const S = (t) => {
     case "Text":
       return /* @__PURE__ */ e.jsx(w, {});
     case "Link":
-      return /* @__PURE__ */ e.jsx(ne, {});
+      return /* @__PURE__ */ e.jsx(oe, {});
     case "Video":
-      return /* @__PURE__ */ e.jsx(re, {});
+      return /* @__PURE__ */ e.jsx(ne, {});
     case "RichText":
-      return /* @__PURE__ */ e.jsx(oe, {});
+      return /* @__PURE__ */ e.jsx(re, {});
     case "Button":
-      return /* @__PURE__ */ e.jsx(k, {});
+      return /* @__PURE__ */ e.jsx(v, {});
     case "CustomHTML":
       return /* @__PURE__ */ e.jsx(se, {});
     case "Divider":
@@ -87,35 +82,35 @@ const S = (t) => {
     case "Form":
       return /* @__PURE__ */ e.jsx(X, {});
     case "Checkbox":
-      return /* @__PURE__ */ e.jsx(G, {});
+      return /* @__PURE__ */ e.jsx(W, {});
     case "FormButton":
-      return /* @__PURE__ */ e.jsx(k, {});
+      return /* @__PURE__ */ e.jsx(v, {});
     case "Input":
     case "TextArea":
-      return /* @__PURE__ */ e.jsx(Y, {});
+      return /* @__PURE__ */ e.jsx(G, {});
     case "Radio":
-      return /* @__PURE__ */ e.jsx(W, {});
+      return /* @__PURE__ */ e.jsx(Q, {});
     case "Select":
-      return /* @__PURE__ */ e.jsx(q, {});
+      return /* @__PURE__ */ e.jsx(Y, {});
     case "Table":
       return /* @__PURE__ */ e.jsx(U, {});
     case "TableHead":
-      return /* @__PURE__ */ e.jsx(Q, {});
+      return /* @__PURE__ */ e.jsx(K, {});
     case "TableBody":
-      return /* @__PURE__ */ e.jsx($, {});
+      return /* @__PURE__ */ e.jsx(q, {});
     case "TableRow":
-      return /* @__PURE__ */ e.jsx(K, {});
+      return /* @__PURE__ */ e.jsx($, {});
     case "TableCell":
       return /* @__PURE__ */ e.jsx(z, {});
     case "DataProvider":
-      return /* @__PURE__ */ e.jsx(_e, { size: 16 });
+      return /* @__PURE__ */ e.jsx(Ae, { size: 16 });
     case "Box":
       return /* @__PURE__ */ e.jsx(F, {});
     default:
       return /* @__PURE__ */ e.jsx(V, {});
   }
 };
-function Pe(t = "") {
+function $e(t = "") {
   const s = {
     xs: "390px",
     sm: "640px",
@@ -129,87 +124,100 @@ function Pe(t = "") {
   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(
+    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/
-    ), c = t.match(a);
-    if (y(c, 1))
-      return `Visible >=${s[y(c, 1)]}`;
+    ), o = t.match(i);
+    if (k(o, 1))
+      return `Visible >=${s[k(o, 1)]}`;
   }
   return "";
 }
-const Ve = (t) => {
+const qe = (t) => {
   let s = "";
-  return Object.keys(t).forEach((r) => {
-    M(t[r], He) && (s = t[r]);
+  return Object.keys(t).forEach((n) => {
+    _(t[n], Ve) && (s = t[n]);
   }), s;
-}, Fe = (t) => {
-  var m;
-  const [, s] = be(), [r] = Ie(), { isSelected: n } = t, { id: a, data: c } = t.node, p = t.depth * 10, u = (i) => {
-    i.stopPropagation(), t.onToggle(t.node.id);
-  }, x = ge(a, t.isOpen, t.onToggle), d = Ee(() => {
-    const i = Ve(t.node.data);
-    return Pe(i);
+}, Ke = (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) => {
+    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);
   }, [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(a),
-        className: D(
+        onMouseEnter: () => s(o),
+        className: S(
           "group flex w-full items-center justify-between space-x-px py-px",
-          n ? "bg-blue-500 text-white" : "text-gray-600 hover:bg-gray-200 dark:hover:bg-gray-800"
+          i ? "bg-blue-500 text-white" : "text-gray-600 hover:bg-gray-200 dark:hover:bg-gray-800"
         ),
-        onClick: (i) => {
-          i.stopPropagation(), !r.includes(a) && t.onSelect(a);
+        onClick: (a) => {
+          a.stopPropagation(), !n.includes(o) && t.onSelect(o);
         },
-        onContextMenu: () => t.onSelect(a),
+        onContextMenu: () => t.onSelect(o),
         style: { paddingInlineStart: p },
-        ...x,
-        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: u, 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(S, { type: c == null ? void 0 : c._type }) }),
-            /* @__PURE__ */ e.jsx("div", { className: "ml-2 truncate text-[11px]", children: ((m = t.node.data) == null ? void 0 : m._name) || t.node.text }),
-            d ? /* @__PURE__ */ e.jsxs(
-              "span",
+        ...g,
+        children: /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-center justify-between pr-2", 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(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 }),
+              m ? /* @__PURE__ */ e.jsxs(
+                "span",
+                {
+                  className: "ml-2 flex items-center text-[10px] italic " + (i ? "text-gray-200" : "text-gray-500"),
+                  children: [
+                    "(",
+                    m,
+                    ")"
+                  ]
+                }
+              ) : null
+            ] })
+          ] }),
+          /* @__PURE__ */ e.jsx("div", { className: "invisible flex items-center space-x-1 group-hover:visible", children: c.map((a) => /* @__PURE__ */ e.jsxs(ye, { children: [
+            /* @__PURE__ */ e.jsx(
+              ke,
               {
-                className: "ml-2 flex items-center text-[10px] italic " + (n ? "text-gray-200" : "text-gray-500"),
-                children: [
-                  "(",
-                  d,
-                  ")"
-                ]
+                className: "cursor-pointer rounded bg-transparent hover:bg-white hover:text-blue-500",
+                asChild: !0,
+                children: a.item(o)
               }
-            ) : null
-          ] })
+            ),
+            /* @__PURE__ */ e.jsx(ve, { children: a.tooltip })
+          ] })) })
         ] })
       }
     )
   );
-}, ze = (t) => {
-  var r;
+}, Ue = (t) => {
+  var n;
   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(S, { type: (r = s == null ? void 0 : s.data) == null ? void 0 : r._type }) }),
+    /* @__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: "ml-2 truncate text-[11px]", children: s.text })
   ] });
-}, Ke = (t) => {
+}, Ye = (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 } });
-}, $e = () => {
-  const [t] = I(), s = fe(), r = C();
+}, Qe = () => {
+  const [t] = f(), s = Be(), n = T();
   return /* @__PURE__ */ e.jsxs(
-    T,
+    D,
     {
-      disabled: !ye(r == null ? void 0 : r._type),
+      disabled: !we(n == null ? void 0 : n._type),
       className: "flex items-center gap-x-4 text-xs",
       onClick: () => s(t),
       children: [
@@ -218,77 +226,77 @@ const Ve = (t) => {
       ]
     }
   );
-}, Qe = () => {
-  const [t] = I(), s = ke(), r = C(), n = Me(() => {
+}, Ge = () => {
+  const [t] = f(), s = Ce(), n = T(), c = Pe(() => {
     s(t);
   }, [t, s]);
-  return /* @__PURE__ */ e.jsxs(Be, { className: "text-xs", children: [
+  return /* @__PURE__ */ e.jsxs(Te, { className: "text-xs", children: [
     /* @__PURE__ */ e.jsxs(
-      T,
+      D,
       {
-        disabled: !we(r == null ? void 0 : r._type),
+        disabled: !De(n == null ? void 0 : n._type),
         className: "flex items-center gap-x-4 text-xs",
-        onClick: n,
+        onClick: c,
         children: [
           /* @__PURE__ */ e.jsx(xe, {}),
           " Duplicate"
         ]
       }
     ),
-    /* @__PURE__ */ e.jsx($e, {})
+    /* @__PURE__ */ e.jsx(Qe, {})
   ] });
-}, Ue = ({ children: t }) => /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(ve, { children: [
-  /* @__PURE__ */ e.jsx(Ce, { children: t }),
-  /* @__PURE__ */ e.jsx(Qe, {})
+}, We = ({ children: t }) => /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(Se, { children: [
+  /* @__PURE__ */ e.jsx(Ne, { children: t }),
+  /* @__PURE__ */ e.jsx(Ge, {})
 ] }) });
-function qe(t) {
-  return v(t, (s) => {
-    const { data: r } = s;
+function Xe(t) {
+  return C(t, (s) => {
+    const { data: n } = s;
     return {
-      ...r,
+      ...n,
       _parent: s.parent === 0 ? null : s.parent
     };
   });
 }
-const Wt = () => {
-  const [t] = Te(), { setNewBlocks: s } = De(), [r, n, a] = I(), [, c] = Se(), { t: p } = he(), u = Ae(), x = Le(), [d] = Ne(), m = async (o, l) => {
-    const { dragSource: j, relativeIndex: h, dropTargetId: b, monitor: f } = l;
+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;
     if (j) {
-      const _ = qe(o);
-      s(_);
-      const E = f.getItem();
-      n([E.id]);
+      const M = Xe(r);
+      s(M);
+      const E = y.getItem();
+      c([E.id]);
     } else
-      await x({ block: f.getItem(), dropTargetId: b, relativeIndex: h });
-  }, i = v(t, (o) => ({
-    id: o._id,
-    text: o._type,
-    parent: o._parent || 0,
-    droppable: !H(A(t, { _parent: o._id })),
-    data: o
-  })), N = () => {
-    n([]), c([]);
-  }, [{ isOver: g }, O] = pe(() => ({
+      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
+  })), a = () => {
+    c([]), o([]);
+  }, [{ isOver: h }, O] = ue(() => ({
     accept: ["CHAI_BLOCK"],
-    collect: (o) => ({
-      canDrop: o.canDrop(),
-      isOver: o.isOver()
+    collect: (r) => ({
+      canDrop: r.canDrop(),
+      isOver: r.isOver()
     }),
-    drop: (o) => {
-      (async () => await x({
-        block: o,
+    drop: (r) => {
+      (async () => await d({
+        block: r,
         dropTargetId: "",
         relativeIndex: 0
       }))();
     }
-  })), { isDragging: R } = ue((o) => ({
-    isDragging: o.isDragging()
+  })), { isDragging: R } = pe((r) => ({
+    isDragging: r.isDragging()
   }));
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
     "div",
     {
-      onClick: () => N(),
-      className: D(
+      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"
       ),
@@ -296,52 +304,52 @@ const Wt = () => {
         "div",
         {
           ref: O,
-          className: `mx-1 mt-4 h-full max-w-full p-6 text-center text-sm text-gray-400 ${g ? "bg-blue-200" : ""}`,
+          className: `mx-1 mt-4 h-full max-w-full p-6 text-center text-sm text-gray-400 ${h ? "bg-blue-200" : ""}`,
           children: [
-            g ? /* @__PURE__ */ e.jsx(de, { 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: p(g ? "drop_here_message" : "tree_view_no_blocks") })
+            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" }),
+            /* @__PURE__ */ e.jsx("p", { className: "mt-2", children: l(h ? "drop_here_message" : "tree_view_no_blocks") })
           ]
         }
-      ) : /* @__PURE__ */ e.jsx(Oe, { id: "layers-view", className: "no-scrollbar h-full overflow-y-auto p-1", children: /* @__PURE__ */ e.jsx(
-        je,
+      ) : /* @__PURE__ */ e.jsx(_e, { id: "layers-view", className: "no-scrollbar h-full overflow-y-auto p-1", children: /* @__PURE__ */ e.jsx(
+        he,
         {
-          initialOpen: u,
+          initialOpen: p,
           extraAcceptTypes: ["CHAI_BLOCK"],
-          tree: i,
+          tree: u,
           rootId: 0,
-          render: (o, { depth: l, isOpen: j, onToggle: h }) => /* @__PURE__ */ e.jsx(Ue, { id: o.id, children: /* @__PURE__ */ e.jsx(
-            Fe,
+          render: (r, { depth: x, isOpen: j, onToggle: b }) => /* @__PURE__ */ e.jsx(We, { id: r.id, children: /* @__PURE__ */ e.jsx(
+            Ke,
             {
-              onSelect: (b) => {
-                c([]), n([b]);
+              onSelect: (I) => {
+                o([]), c([I]);
               },
-              isSelected: P(r, o.id),
-              node: o,
-              depth: l,
+              isSelected: P(n, r.id),
+              node: r,
+              depth: x,
               isOpen: j,
-              onToggle: h,
-              toggleIds: a
+              onToggle: b,
+              toggleIds: i
             }
           ) }),
-          dragPreviewRender: (o) => /* @__PURE__ */ e.jsx(ze, { monitorProps: o }),
+          dragPreviewRender: (r) => /* @__PURE__ */ e.jsx(Ue, { monitorProps: r }),
           onDrop: m,
           classes: {
-            root: "h-[90%] " + (d ? "pl-2" : "pt-2"),
+            root: "h-[90%] " + (g ? "pl-2" : "pt-2"),
             draggingSource: "opacity-30",
             dropTarget: "bg-green-100",
             placeholder: "relative"
           },
           sort: !1,
           insertDroppableFirst: !1,
-          canDrop: Re,
+          canDrop: He,
           dropTargetOffset: 2,
           enableAnimateExpand: !0,
-          placeholderRender: (o, { depth: l }) => /* @__PURE__ */ e.jsx(Ke, { node: o, depth: l })
+          placeholderRender: (r, { depth: x }) => /* @__PURE__ */ e.jsx(Ye, { node: r, depth: x })
         }
       ) })
     }
   ) });
 };
 export {
-  Wt as default
+  Yt as default
 };

package/dist/Outline-g4TXJ-hK.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"),k=require("@minoru/react-dnd-treeview"),N=require("react-i18next"),r=require("./index-MQH3blB-.cjs"),O=require("lucide-react"),B=require("react"),M=require("./MODIFIERS-9EwxLM8V.cjs"),v=require("./Functions-N3yhPYKY.cjs"),_=require("./index-0JU8vPT_.cjs"),A=require("./useAddBlockByDrop-6qaL4Ufz.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@chaibuilder/runtime");require("jotai");require("flat-to-nested");require("@react-hookz/web");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("i18next");require("@floating-ui/react-dom");require("react-textarea-autosize");require("flagged");require("react-hotkeys-hook");const w=t=>{switch(t.type){case"Image":return e.jsxRuntimeExports.jsx(s.ImageIcon,{});case"Heading":return e.jsxRuntimeExports.jsx(s.HeadingIcon,{});case"Text":return e.jsxRuntimeExports.jsx(s.TextIcon,{});case"Link":return e.jsxRuntimeExports.jsx(s.Link1Icon,{});case"Video":return e.jsxRuntimeExports.jsx(s.VideoIcon,{});case"RichText":return e.jsxRuntimeExports.jsx(s.CursorTextIcon,{});case"Button":return e.jsxRuntimeExports.jsx(s.ButtonIcon,{});case"CustomHTML":return e.jsxRuntimeExports.jsx(s.CodeIcon,{});case"Divider":return e.jsxRuntimeExports.jsx(s.DividerHorizontalIcon,{});case"Icon":return e.jsxRuntimeExports.jsx(s.SketchLogoIcon,{});case"List":return e.jsxRuntimeExports.jsx(s.RowsIcon,{});case"Paragraph":return e.jsxRuntimeExports.jsx(s.TextIcon,{});case"Row":return e.jsxRuntimeExports.jsx(s.RowsIcon,{});case"ListItem":return e.jsxRuntimeExports.jsx(s.ColumnsIcon,{});case"LineBreak":return e.jsxRuntimeExports.jsx(s.SpaceBetweenVerticallyIcon,{});case"Form":return e.jsxRuntimeExports.jsx(s.GroupIcon,{});case"Checkbox":return e.jsxRuntimeExports.jsx(s.CheckboxIcon,{});case"FormButton":return e.jsxRuntimeExports.jsx(s.ButtonIcon,{});case"Input":case"TextArea":return e.jsxRuntimeExports.jsx(s.InputIcon,{});case"Radio":return e.jsxRuntimeExports.jsx(s.RadiobuttonIcon,{});case"Select":return e.jsxRuntimeExports.jsx(s.DropdownMenuIcon,{});case"Table":return e.jsxRuntimeExports.jsx(s.TableIcon,{});case"TableHead":return e.jsxRuntimeExports.jsx(s.BorderTopIcon,{});case"TableBody":return e.jsxRuntimeExports.jsx(s.BorderAllIcon,{});case"TableRow":return e.jsxRuntimeExports.jsx(s.ViewHorizontalIcon,{});case"TableCell":return e.jsxRuntimeExports.jsx(s.DragHandleHorizontalIcon,{});case"DataProvider":return e.jsxRuntimeExports.jsx(O.DatabaseIcon,{size:16});case"Box":return e.jsxRuntimeExports.jsx(s.BoxIcon,{});default:return e.jsxRuntimeExports.jsx(s.BoxModelIcon,{})}};function H(t=""){const 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/),x=t.match(a);if(u.nth(x,1))return`Visible >=${n[u.nth(x,1)]}`}return""}const L=t=>{let n="";return Object.keys(t).forEach(i=>{u.startsWith(t[i],M.STYLES_KEY)&&(n=t[i])}),n},P=t=>{var g;const[,n]=r.useHighlightBlockId(),[i]=r.useHiddenBlockIds(),l=r.useBuilderProp("outlineMenuItems",[]),{isSelected:a}=t,{id:x,data:d}=t.node,R=t.depth*10,p=c=>{c.stopPropagation(),t.onToggle(t.node.id)},E=k.useDragOver(x,t.isOpen,t.onToggle),j=B.useMemo(()=>{const c=L(t.node.data);return H(c)},[t.node.data]);return e.jsxRuntimeExports.jsx("div",{onMouseEnter:()=>n(x),className:v.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:c=>{c.stopPropagation(),!i.includes(x)&&t.onSelect(x)},onContextMenu:()=>t.onSelect(x),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:p,type:"button",children:e.jsxRuntimeExports.jsx(s.TriangleRightIcon,{})})}),e.jsxRuntimeExports.jsxs("button",{type:"button",className:"flex items-center",children:[e.jsxRuntimeExports.jsx("div",{className:"-mt-1 h-3 w-3",children:e.jsxRuntimeExports.jsx(w,{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)||t.node.text}),j?e.jsxRuntimeExports.jsxs("span",{className:"ml-2 flex items-center 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(c=>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:c.item(x)}),e.jsxRuntimeExports.jsx(r.TooltipContent,{children:c.tooltip})]}))})]})})},F=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(w,{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})]})},V=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}})},z=()=>{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"]})},$=()=>{const[t]=r.useSelectedBlockIds(),n=r.useDuplicateBlocks(),i=r.useSelectedBlock(),l=B.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(z,{})]})},K=({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($,{})]})});function U(t){return u.map(t,n=>{const{data:i}=n;return{...i,_parent:n.parent===0?null:n.parent}})}const Q=()=>{const[t]=r.useBlocksStore(),{setNewBlocks:n}=r.useBlocksStoreUndoableActions(),[i,l,a]=r.useSelectedBlockIds(),[,x]=r.useSelectedStylingBlocks(),{t:d}=N.useTranslation(),R=_.useExpandedIds(),p=A.useAddBlockByDrop(),[E]=r.useBlocksContainer(),j=async(o,m)=>{const{dragSource:I,relativeIndex:b,dropTargetId:q,monitor:f}=m;if(I){const D=U(o);n(D);const S=f.getItem();l([S.id])}else await p({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})),c=()=>{l([]),x([])},[{isOver:h},T]=y.useDrop(()=>({accept:["CHAI_BLOCK"],collect:o=>({canDrop:o.canDrop(),isOver:o.isOver()}),drop:o=>{(async()=>await p({block:o,dropTargetId:"",relativeIndex:0}))()}})),{isDragging:C}=y.useDragLayer(o=>({isDragging:o.isDragging()}));return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx("div",{onClick:()=>c(),className:v.cn("-mx-1 -mt-1 flex h-full select-none flex-col space-y-1",C?"bg-green-50/80":"bg-background"),children:u.isEmpty(t)?e.jsxRuntimeExports.jsxs("div",{ref:T,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(k.Tree,{initialOpen:R,extraAcceptTypes:["CHAI_BLOCK"],tree:g,rootId:0,render:(o,{depth:m,isOpen:I,onToggle:b})=>e.jsxRuntimeExports.jsx(K,{id:o.id,children:e.jsxRuntimeExports.jsx(P,{onSelect:q=>{x([]),l([q])},isSelected:u.includes(i,o.id),node:o,depth:m,isOpen:I,onToggle:b,toggleIds:a})}),dragPreviewRender:o=>e.jsxRuntimeExports.jsx(F,{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:m})=>e.jsxRuntimeExports.jsx(V,{node:o,depth:m})})})})})};exports.default=Q;

package/dist/{PagesPanel--feFCDeH.js → PagesPanel-7goyNL8t.js}

@@ -1,22 +1,23 @@
 import { j as t } from "./jsx-runtime-WbnYoNE9.js";
 import i, { Suspense as s } from "react";
 import { sortBy as a, filter as d, get as n } from "lodash-es";
-import { a as l, b as c } from "./index-nrRnwUaC.js";
+import { u as l, a as c } from "./index-ugsWasKp.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
+import "./index-eyVVbA05.js";
 import "i18next";
 import "react-i18next";
-import "./index-QGA4ayU7.js";
+import "./index-MaXiXghQ.js";
 import "./Functions-7jnEwJyw.js";
 import "clsx";
 import "tailwind-merge";
 import "@chaibuilder/runtime";
 import "jotai";
 import "flat-to-nested";
-import "./MODIFIERS-RiXS5Mn1.js";
+import "./MODIFIERS-WQdaNvb8.js";
 import "@react-hookz/web";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
-import "./Class-17XFhL48.js";
+import "./Class-3k8xjeiM.js";
 import "@radix-ui/react-switch";
 import "@radix-ui/react-slot";
 import "@radix-ui/react-accordion";
@@ -46,12 +47,11 @@ import "react-dnd";
 import "@minoru/react-dnd-treeview";
 import "react-hotkeys-hook";
 import "sonner";
-import "./html-to-json-57841sEK.js";
+import "./html-to-json-C5sExaSD.js";
 import "himalaya";
 import "lucide-react";
-import "./web-blocks.js";
-import "./empty-slot-5FRrRq1E.js";
-const x = i.lazy(() => import("./add-page-modal-nZJaunuz.js")), g = i.lazy(() => import("./page-viewer-U7o88VvR.js")), gt = () => {
+import "./index-YpnaudSM.js";
+const x = i.lazy(() => import("./add-page-modal-AsP5g0Fp.js")), u = i.lazy(() => import("./page-viewer-P5Im9RfR.js")), ut = () => {
   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: [
@@ -59,9 +59,9 @@ const x = i.lazy(() => import("./add-page-modal-nZJaunuz.js")), g = i.lazy(() =>
       /* @__PURE__ */ t.jsx(s, { 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: m, pages: p }) })
+    /* @__PURE__ */ t.jsx("div", { className: "-mx-1 divide-y-2", children: /* @__PURE__ */ t.jsx(u, { isLoading: m, pages: p }) })
   ] });
 };
 export {
-  gt as default
+  ut as default
 };

package/dist/PagesPanel-qI3sijis.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-4xyhDki2.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("./index-0JU8vPT_.cjs");require("i18next");require("react-i18next");require("./index-MQH3blB-.cjs");require("./Functions-N3yhPYKY.cjs");require("clsx");require("tailwind-merge");require("@chaibuilder/runtime");require("jotai");require("flat-to-nested");require("./MODIFIERS-9EwxLM8V.cjs");require("@react-hookz/web");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("@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-ajpd-Gmw.cjs"))),x=u.lazy(()=>Promise.resolve().then(()=>require("./page-viewer-Xj9v8mji.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--Vq6HSMl.js → ProjectPanel-CdPFwsXg.js}

@@ -1,8 +1,8 @@
 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 { b8 as f, b9 as n, ba as l, bb as c } from "./index-QGA4ayU7.js";
-import { c as h, b as g } from "./index-nrRnwUaC.js";
+import { b9 as f, ba as n, bb as l, bc as c } from "./index-MaXiXghQ.js";
+import { b as h, a as g } from "./index-ugsWasKp.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "./Functions-7jnEwJyw.js";
 import "clsx";
@@ -10,11 +10,11 @@ import "tailwind-merge";
 import "@chaibuilder/runtime";
 import "jotai";
 import "flat-to-nested";
-import "./MODIFIERS-RiXS5Mn1.js";
+import "./MODIFIERS-WQdaNvb8.js";
 import "@react-hookz/web";
 import "@radix-ui/react-toggle";
 import "class-variance-authority";
-import "./Class-17XFhL48.js";
+import "./Class-3k8xjeiM.js";
 import "@radix-ui/react-switch";
 import "@radix-ui/react-slot";
 import "@radix-ui/react-accordion";
@@ -38,6 +38,7 @@ import "react-icons-picker";
 import "react-dom";
 import "react-quill";
 import "react-i18next";
+import "./index-eyVVbA05.js";
 import "i18next";
 import "@floating-ui/react-dom";
 import "react-textarea-autosize";
@@ -46,12 +47,11 @@ import "react-dnd";
 import "@minoru/react-dnd-treeview";
 import "react-hotkeys-hook";
 import "sonner";
-import "./html-to-json-57841sEK.js";
+import "./html-to-json-C5sExaSD.js";
 import "himalaya";
 import "lucide-react";
-import "./web-blocks.js";
-import "./empty-slot-5FRrRq1E.js";
-const N = m.lazy(() => import("./project-general-setting-h0TeKYRf.js")), S = m.lazy(() => import("./project-seo-setting-Sl6AE-Q7.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) ? {
+import "./index-YpnaudSM.js";
+const N = m.lazy(() => import("./project-general-setting-R3pVVXmY.js")), S = m.lazy(() => import("./project-seo-setting-pGpm3-6U.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;

package/dist/ProjectPanel-bMllQ4_a.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-MQH3blB-.cjs"),a=require("./index-4xyhDki2.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("./Functions-N3yhPYKY.cjs");require("clsx");require("tailwind-merge");require("@chaibuilder/runtime");require("jotai");require("flat-to-nested");require("./MODIFIERS-9EwxLM8V.cjs");require("@react-hookz/web");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("react-i18next");require("./index-0JU8vPT_.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--5DT1RoW.cjs"))),m=r.lazy(()=>Promise.resolve().then(()=>require("./project-seo-setting-3DzzF83_.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 q(){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(m,{_projectData:i,seany:o})})})]})]})})]})}exports.default=q;