@chaibuilder/sdk 1.2.9 → 1.2.10-7.beta.2

package/dist/Layers-3Xs4A5i8.js

@@ -1,404 +0,0 @@
-import { j as e } from "./jsx-runtime-WbnYoNE9.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-niHREMmR.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 { c as k } from "./Functions-7jnEwJyw.js";
-import { f as We } from "./index-pZhGT8uT.js";
-import { u as Je } from "./useAddBlockByDrop-_nwI4W3q.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";
-import "@radix-ui/react-alert-dialog";
-import "@radix-ui/react-dialog";
-import "@radix-ui/react-label";
-import "@radix-ui/react-scroll-area";
-import "@radix-ui/react-tabs";
-import "@radix-ui/react-tooltip";
-import "@radix-ui/react-popover";
-import "@radix-ui/react-menubar";
-import "@radix-ui/react-hover-card";
-import "@radix-ui/react-select";
-import "@radix-ui/react-dropdown-menu";
-import "@radix-ui/react-separator";
-import "@radix-ui/react-toast";
-import "cmdk";
-import "@radix-ui/react-context-menu";
-import "react-icons-picker";
-import "react-dom";
-import "react-quill";
-import "jotai";
-import "flat-to-nested";
-import "redux-undo";
-import "@chaibuilder/runtime";
-import "lodash";
-import "@react-hookz/web";
-import "i18next";
-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 "./controls-XPXGHKht.js";
-const M = (t) => {
-  switch (t.type) {
-    case "Image":
-      return /* @__PURE__ */ e.jsx(le, {});
-    case "Heading":
-      return /* @__PURE__ */ e.jsx(ce, {});
-    case "Text":
-      return /* @__PURE__ */ e.jsx(w, {});
-    case "Link":
-      return /* @__PURE__ */ e.jsx(ae, {});
-    case "Video":
-      return /* @__PURE__ */ e.jsx(re, {});
-    case "RichText":
-      return /* @__PURE__ */ e.jsx(ne, {});
-    case "Button":
-      return /* @__PURE__ */ e.jsx(B, {});
-    case "CustomHTML":
-      return /* @__PURE__ */ e.jsx(oe, {});
-    case "Divider":
-      return /* @__PURE__ */ e.jsx(se, {});
-    case "Icon":
-      return /* @__PURE__ */ e.jsx(te, {});
-    case "List":
-      return /* @__PURE__ */ e.jsx(v, {});
-    case "Paragraph":
-      return /* @__PURE__ */ e.jsx(w, {});
-    case "Row":
-      return /* @__PURE__ */ e.jsx(v, {});
-    case "ListItem":
-      return /* @__PURE__ */ e.jsx(ee, {});
-    case "LineBreak":
-      return /* @__PURE__ */ e.jsx(Z, {});
-    case "Form":
-      return /* @__PURE__ */ e.jsx(X, {});
-    case "Checkbox":
-      return /* @__PURE__ */ e.jsx(J, {});
-    case "FormButton":
-      return /* @__PURE__ */ e.jsx(B, {});
-    case "Input":
-    case "TextArea":
-      return /* @__PURE__ */ e.jsx(W, {});
-    case "Radio":
-      return /* @__PURE__ */ e.jsx(q, {});
-    case "Select":
-      return /* @__PURE__ */ e.jsx(Y, {});
-    case "Table":
-      return /* @__PURE__ */ e.jsx(U, {});
-    case "TableHead":
-      return /* @__PURE__ */ e.jsx(Q, {});
-    case "TableBody":
-      return /* @__PURE__ */ e.jsx(K, {});
-    case "TableRow":
-      return /* @__PURE__ */ e.jsx(G, {});
-    case "TableCell":
-      return /* @__PURE__ */ e.jsx($, {});
-    case "DataProvider":
-      return /* @__PURE__ */ e.jsx($e, { size: 16 });
-    case "Box":
-      return /* @__PURE__ */ e.jsx(D, {});
-    default:
-      return /* @__PURE__ */ e.jsx(F, {});
-  }
-};
-function Xe(t = "") {
-  const s = {
-    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(
-      // 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 (C(c, 1))
-      return `Visible >=${s[C(c, 1)]}`;
-  }
-  return "";
-}
-const Ze = (t) => {
-  let s = "";
-  return Object.keys(t).forEach((o) => {
-    P(t[o], qe) && (s = t[o]);
-  }), s;
-}, et = (t) => {
-  var g;
-  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 = Ie(a, t.isOpen, t.onToggle), p = Ge(() => {
-    const l = Ze(t.node.data);
-    return Xe(l);
-  }, [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: 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: 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: 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(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 }),
-            p ? /* @__PURE__ */ e.jsxs(
-              "span",
-              {
-                className: "ml-2 flex items-center text-[10px] italic " + (r ? "text-gray-200" : "text-gray-500"),
-                children: [
-                  "(",
-                  p,
-                  ")"
-                ]
-              }
-            ) : null
-          ] })
-        ] })
-      }
-    )
-  );
-}, 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(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 })
-  ] });
-}, 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 } });
-}, ot = Ke(() => import("./MarkAsGlobalBlock-BjP-Rqlf.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(xe, {}),
-    " Cut"
-  ] });
-}, 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(de, {}),
-    " Copy"
-  ] });
-}, at = () => {
-  const [t] = x(), s = Se(), o = Te();
-  return /* @__PURE__ */ e.jsxs(
-    i,
-    {
-      disabled: (o == null ? void 0 : o._type) === "Slot",
-      className: "flex items-center gap-x-4 text-xs",
-      onClick: () => s(t),
-      children: [
-        /* @__PURE__ */ e.jsx(me, {}),
-        " Remove"
-      ]
-    }
-  );
-}, ct = ({
-  id: t = null,
-  openMarkAsGlobalModal: s
-}) => {
-  const [o] = x(), r = De(), { pasteBlocks: a, canPaste: c } = Ne(), d = Me("globalBlocksSupport", !1), m = Qe(() => {
-    r(o);
-  }, [o, r]);
-  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: m, children: [
-      /* @__PURE__ */ e.jsx(ue, {}),
-      " Duplicate"
-    ] }),
-    /* @__PURE__ */ e.jsx(nt, {}),
-    /* @__PURE__ */ e.jsx(rt, {}),
-    /* @__PURE__ */ e.jsxs(
-      i,
-      {
-        className: "flex items-center gap-x-4 text-xs",
-        onClick: () => a(t),
-        disabled: !c,
-        children: [
-          /* @__PURE__ */ e.jsx(ge, {}),
-          " Paste"
-        ]
-      }
-    ),
-    /* @__PURE__ */ e.jsx(at, {})
-  ] });
-}, lt = ({ children: t, id: s = null }) => {
-  const [o, r] = Ue(!1);
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__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 it(t) {
-  return S(t, (s) => {
-    const { data: o } = s;
-    return {
-      ...o,
-      _parent: s.parent === 0 ? null : s.parent
-    };
-  });
-}
-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 ps = () => {
-  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) {
-      m();
-      const A = it(n);
-      s(A);
-      const H = y.getItem();
-      r([H.id]);
-    } else
-      await p({ block: y.getItem(), dropTargetId: I, relativeIndex: f });
-  }, O = S(t, (n) => ({
-    id: n._id,
-    text: n._type,
-    parent: n._parent || 0,
-    droppable: !L(z(t, { _parent: n._id })),
-    data: n
-  })), R = () => {
-    r([]), c([]);
-  }, [{ isOver: h }, _] = be(() => ({
-    accept: ["CHAI_BLOCK"],
-    collect: (n) => ({
-      canDrop: n.canDrop(),
-      isOver: n.isOver()
-    }),
-    drop: (n) => {
-      (async () => await p({
-        block: n,
-        dropTargetId: "",
-        relativeIndex: 0
-      }))();
-    }
-  })), { isDragging: E } = fe((n) => ({
-    isDragging: n.isDragging()
-  }));
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      onClick: () => R(),
-      className: k(
-        "-mx-1 -mt-1 flex h-full select-none flex-col space-y-1",
-        E ? "bg-green-50/80" : "bg-background"
-      ),
-      children: V(t) ? /* @__PURE__ */ e.jsxs(
-        "div",
-        {
-          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(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.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 {
-  ps as default
-};

package/dist/Layers-eaHy5PK9.cjs

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

package/dist/MODIFIERS-2FeVfZQ9.cjs

@@ -1 +0,0 @@
-"use strict";const e="#styles:",o="#slots:",t="#i18n",i=["hover","focus","focus-within","focus-visible","active","visited","target","first","last","only","odd","even","first-of-type","last-of-type","only-of-type","empty","disabled","checked","indeterminate","default","required","valid","invalid","in-range","out-of-range","placeholder-shown","autofill","read-only","open","before","after","first-letter","first-line","marker","selection","file","placeholder","ui-open","ui-disabled","ui-active","ui-selected","ui-checked","ui-not-open","ui-not-disabled","ui-not-active","ui-not-selected","ui-not-checked"],n={bodyFont:"Inter",headingFont:"Inter",roundedCorners:5,primaryColor:"#570df8",secondaryColor:"#f002b8",bodyBgDarkColor:"#031022",bodyBgLightColor:"#fcfcfc",bodyTextDarkColor:"#ffffff",bodyTextLightColor:"#000000"};exports.BRANDING_OPTIONS_DEFAULTS=n;exports.I18N_KEY=t;exports.MODIFIERS=i;exports.SLOT_KEY=o;exports.STYLES_KEY=e;

package/dist/MODIFIERS-RiXS5Mn1.js

@@ -1,67 +0,0 @@
-const e = "#styles:", o = "#slots:", t = "#i18n", i = [
-  "hover",
-  "focus",
-  "focus-within",
-  "focus-visible",
-  "active",
-  "visited",
-  "target",
-  "first",
-  "last",
-  "only",
-  "odd",
-  "even",
-  "first-of-type",
-  "last-of-type",
-  "only-of-type",
-  "empty",
-  "disabled",
-  "checked",
-  "indeterminate",
-  "default",
-  "required",
-  "valid",
-  "invalid",
-  "in-range",
-  "out-of-range",
-  "placeholder-shown",
-  "autofill",
-  "read-only",
-  "open",
-  "before",
-  "after",
-  "first-letter",
-  "first-line",
-  "marker",
-  "selection",
-  "file",
-  "placeholder",
-  // headless UI
-  "ui-open",
-  "ui-disabled",
-  "ui-active",
-  "ui-selected",
-  "ui-checked",
-  "ui-not-open",
-  "ui-not-disabled",
-  "ui-not-active",
-  "ui-not-selected",
-  "ui-not-checked"
-], n = {
-  bodyFont: "Inter",
-  headingFont: "Inter",
-  roundedCorners: 5,
-  primaryColor: "#570df8",
-  secondaryColor: "#f002b8",
-  bodyBgDarkColor: "#031022",
-  bodyBgLightColor: "#fcfcfc",
-  bodyTextDarkColor: "#ffffff",
-  bodyTextLightColor: "#000000"
-};
-export {
-  n as B,
-  t as I,
-  i as M,
-  o as S,
-  e as a
-};

package/dist/MarkAsGlobalBlock-BjP-Rqlf.js

@@ -1,88 +0,0 @@
-import { j as t } from "./jsx-runtime-WbnYoNE9.js";
-import { useTranslation as p } from "react-i18next";
-import { GlobeIcon as n } from "@radix-ui/react-icons";
-import { useState as c } from "react";
-import { a0 as d, B as l } from "./index-niHREMmR.js";
-import { capitalize as x } from "lodash-es";
-import "./_commonjsHelpers-UyOWmZb0.js";
-import "@radix-ui/react-toggle";
-import "class-variance-authority";
-import "./utils-AvyFzbPC.js";
-import "./MODIFIERS-RiXS5Mn1.js";
-import "clsx";
-import "tailwind-merge";
-import "@radix-ui/react-switch";
-import "@radix-ui/react-slot";
-import "@radix-ui/react-accordion";
-import "@radix-ui/react-alert-dialog";
-import "@radix-ui/react-dialog";
-import "@radix-ui/react-label";
-import "@radix-ui/react-scroll-area";
-import "@radix-ui/react-tabs";
-import "@radix-ui/react-tooltip";
-import "@radix-ui/react-popover";
-import "@radix-ui/react-menubar";
-import "@radix-ui/react-hover-card";
-import "@radix-ui/react-select";
-import "@radix-ui/react-dropdown-menu";
-import "@radix-ui/react-separator";
-import "@radix-ui/react-toast";
-import "cmdk";
-import "@radix-ui/react-context-menu";
-import "react-icons-picker";
-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";
-const ot = ({ id: m = null, closeModal: i }) => {
-  const { t: o } = p(), e = d(), [r, a] = c("");
-  return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx("h1", { className: "text-lg font-bold", children: o("mark_as_global") }),
-    /* @__PURE__ */ t.jsxs("div", { className: "py-2 text-sm", children: [
-      o("global_block_note"),
-      /* @__PURE__ */ t.jsx("br", {}),
-      /* @__PURE__ */ t.jsxs("ul", { className: "mt-4 list-inside list-disc space-y-1", children: [
-        /* @__PURE__ */ t.jsxs("li", { children: [
-          o("global_block_indicator"),
-          " ",
-          /* @__PURE__ */ t.jsx(n, { className: "inline" })
-        ] }),
-        /* @__PURE__ */ t.jsx("li", { children: o("global_block_category") })
-      ] })
-    ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: "my-4", children: [
-      /* @__PURE__ */ t.jsx("label", { className: "block text-sm font-medium text-gray-400", children: o("enter_global_block_name") }),
-      /* @__PURE__ */ t.jsx(
-        "input",
-        {
-          placeholder: o("eg_header_footer"),
-          className: "mt-2 w-full",
-          value: r,
-          onChange: (s) => a(s.target.value)
-        }
-      )
-    ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-end gap-x-4", children: [
-      /* @__PURE__ */ t.jsx(
-        l,
-        {
-          onClick: () => {
-            e(m, x(r)), i();
-          },
-          disabled: r.length <= 2,
-          variant: "default",
-          children: o("mark_as_global")
-        }
-      ),
-      /* @__PURE__ */ t.jsx(l, { variant: "outline", onClick: i, children: o("cancel") })
-    ] })
-  ] });
-};
-export {
-  ot as default
-};

package/dist/MarkAsGlobalBlock-X5dNmZcb.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),o=require("react-i18next"),c=require("@radix-ui/react-icons"),x=require("react"),i=require("./index-H6vIwGfD.cjs"),q=require("lodash-es");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./utils-PTxFk6qT.cjs");require("./MODIFIERS-2FeVfZQ9.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("jotai");require("flat-to-nested");require("./Functions-N3yhPYKY.cjs");require("redux-undo");require("@chaibuilder/runtime");require("lodash");require("@react-hookz/web");const m=({id:u=null,closeModal:t})=>{const{t:r}=o.useTranslation(),l=i.useMarkAsGlobalBlock(),[s,n]=x.useState("");return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("h1",{className:"text-lg font-bold",children:r("mark_as_global")}),e.jsxRuntimeExports.jsxs("div",{className:"py-2 text-sm",children:[r("global_block_note"),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsxs("ul",{className:"mt-4 list-inside list-disc space-y-1",children:[e.jsxRuntimeExports.jsxs("li",{children:[r("global_block_indicator")," ",e.jsxRuntimeExports.jsx(c.GlobeIcon,{className:"inline"})]}),e.jsxRuntimeExports.jsx("li",{children:r("global_block_category")})]})]}),e.jsxRuntimeExports.jsxs("div",{className:"my-4",children:[e.jsxRuntimeExports.jsx("label",{className:"block text-sm font-medium text-gray-400",children:r("enter_global_block_name")}),e.jsxRuntimeExports.jsx("input",{placeholder:r("eg_header_footer"),className:"mt-2 w-full",value:s,onChange:a=>n(a.target.value)})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-end gap-x-4",children:[e.jsxRuntimeExports.jsx(i.Button,{onClick:()=>{l(u,q.capitalize(s)),t()},disabled:s.length<=2,variant:"default",children:r("mark_as_global")}),e.jsxRuntimeExports.jsx(i.Button,{variant:"outline",onClick:t,children:r("cancel")})]})]})};exports.default=m;

package/dist/PagesPanel--BZhafnt.js

@@ -1,69 +0,0 @@
-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-pZhGT8uT.js";
-import "./_commonjsHelpers-UyOWmZb0.js";
-import "i18next";
-import "react-i18next";
-import "./index-niHREMmR.js";
-import "@radix-ui/react-toggle";
-import "class-variance-authority";
-import "./utils-AvyFzbPC.js";
-import "./MODIFIERS-RiXS5Mn1.js";
-import "clsx";
-import "tailwind-merge";
-import "@radix-ui/react-switch";
-import "@radix-ui/react-slot";
-import "@radix-ui/react-accordion";
-import "@radix-ui/react-icons";
-import "@radix-ui/react-alert-dialog";
-import "@radix-ui/react-dialog";
-import "@radix-ui/react-label";
-import "@radix-ui/react-scroll-area";
-import "@radix-ui/react-tabs";
-import "@radix-ui/react-tooltip";
-import "@radix-ui/react-popover";
-import "@radix-ui/react-menubar";
-import "@radix-ui/react-hover-card";
-import "@radix-ui/react-select";
-import "@radix-ui/react-dropdown-menu";
-import "@radix-ui/react-separator";
-import "@radix-ui/react-toast";
-import "cmdk";
-import "@radix-ui/react-context-menu";
-import "react-icons-picker";
-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 "@floating-ui/react-dom";
-import "react-textarea-autosize";
-import "flagged";
-import "react-dnd";
-import "@minoru/react-dnd-treeview";
-import "react-hotkeys-hook";
-import "sonner";
-import "./html-to-json-57841sEK.js";
-import "himalaya";
-import "lucide-react";
-import "./web-blocks.js";
-import "./controls-XPXGHKht.js";
-const x = i.lazy(() => import("./add-page-modal-cm8damU2.js")), g = i.lazy(() => import("./page-viewer-feqJr1QI.js")), jt = () => {
-  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: [
-      /* @__PURE__ */ t.jsx("h1", { className: "px-1 font-semibold", children: "Pages" }),
-      /* @__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 }) })
-  ] });
-};
-export {
-  jt as default
-};