@chaibuilder/sdk 0.1.0

package/dist/ImagesPanel-160aa664.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),l=require("react"),s=require("./tabs-860e37aa.cjs");require("@radix-ui/react-tabs");require("./utils-3c452dd0.cjs");require("clsx");require("tailwind-merge");const x=l.lazy(()=>Promise.resolve().then(()=>require("./UnsplashImages-04fffeed.cjs"))),i=l.lazy(()=>Promise.resolve().then(()=>require("./UploadImages-43c16a2d.cjs"))),o=({isModalView:a=!1,onSelect:t=()=>{}})=>{const[r,n]=l.useState("unsplash");return e.jsxRuntimeExports.jsxs("div",{className:"flex h-full flex-col",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:a?"Select or upload images":"Images"})}),e.jsxRuntimeExports.jsxs(s.Tabs,{value:r,onValueChange:u=>n(u),className:"flex h-full w-full flex-col py-2",children:[e.jsxRuntimeExports.jsxs(s.TabsList,{className:"w-full",children:[e.jsxRuntimeExports.jsx(s.TabsTrigger,{value:"unsplash",className:"w-1/2",children:"Unsplash"}),e.jsxRuntimeExports.jsx(s.TabsTrigger,{value:"upload",className:"w-1/2",children:"Upload"})]}),r==="unsplash"?e.jsxRuntimeExports.jsx(s.TabsContent,{value:"unsplash",className:"flex h-full flex-col overflow-hidden",children:e.jsxRuntimeExports.jsx(l.Suspense,{fallback:e.jsxRuntimeExports.jsx("div",{className:"h-64 w-full animate-pulse bg-gray-100"}),children:e.jsxRuntimeExports.jsx(x,{isModalView:a,onSelect:t})})}):e.jsxRuntimeExports.jsx(s.TabsContent,{value:"upload",className:"flex h-full flex-col overflow-hidden",children:e.jsxRuntimeExports.jsx(l.Suspense,{fallback:e.jsxRuntimeExports.jsx("div",{className:"h-64 w-full animate-pulse bg-gray-100"}),children:e.jsxRuntimeExports.jsx(i,{isModalView:a,onSelect:t})})})]})]})},c=o;exports.default=c;

package/dist/ImagesPanel-815d5e6f.js

@@ -0,0 +1,27 @@
+import { j as s } from "./jsx-runtime-944c88e2.js";
+import o, { useState as u, Suspense as n } from "react";
+import { T as i, a as d, b as c, c as r } from "./tabs-85caa1e8.js";
+import "@radix-ui/react-tabs";
+import "./utils-ac68b2c8.js";
+import "clsx";
+import "tailwind-merge";
+const f = o.lazy(() => import("./UnsplashImages-315ce7a8.js")), p = o.lazy(() => import("./UploadImages-f317eef0.js")), x = ({
+  isModalView: l = !1,
+  onSelect: a = () => {
+  }
+}) => {
+  const [e, m] = u("unsplash");
+  return /* @__PURE__ */ s.jsxs("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ s.jsx("div", { className: "flex items-center justify-between rounded-md bg-background/30 p-1", children: /* @__PURE__ */ s.jsx("h1", { className: "px-1 font-semibold", children: l ? "Select or upload images" : "Images" }) }),
+    /* @__PURE__ */ s.jsxs(i, { value: e, onValueChange: (t) => m(t), className: "flex h-full w-full flex-col py-2", children: [
+      /* @__PURE__ */ s.jsxs(d, { className: "w-full", children: [
+        /* @__PURE__ */ s.jsx(c, { value: "unsplash", className: "w-1/2", children: "Unsplash" }),
+        /* @__PURE__ */ s.jsx(c, { value: "upload", className: "w-1/2", children: "Upload" })
+      ] }),
+      e === "unsplash" ? /* @__PURE__ */ s.jsx(r, { value: "unsplash", className: "flex h-full flex-col overflow-hidden", children: /* @__PURE__ */ s.jsx(n, { fallback: /* @__PURE__ */ s.jsx("div", { className: "h-64 w-full animate-pulse bg-gray-100" }), children: /* @__PURE__ */ s.jsx(f, { isModalView: l, onSelect: a }) }) }) : /* @__PURE__ */ s.jsx(r, { value: "upload", className: "flex h-full flex-col overflow-hidden", children: /* @__PURE__ */ s.jsx(n, { fallback: /* @__PURE__ */ s.jsx("div", { className: "h-64 w-full animate-pulse bg-gray-100" }), children: /* @__PURE__ */ s.jsx(p, { isModalView: l, onSelect: a }) }) })
+    ] })
+  ] });
+}, T = x;
+export {
+  T as default
+};

package/dist/Layers-3aa6aae7.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),a=require("lodash"),t=require("@radix-ui/react-icons"),B=require("react-dnd"),y=require("@minoru/react-dnd-treeview"),_=require("react-i18next"),x=require("./index-aea5c557.cjs"),v=require("./utils-3c452dd0.cjs"),m=require("react"),P=require("./CONTROLS-031e1de3.cjs"),C=require("./dialog-170eaad9.cjs"),u=require("./context-menu-fec580f2.cjs"),S=require("./useBuilderProp-5e57d0c8.cjs"),H=require("./scroll-area-088530b9.cjs"),L=require("jotai");require("i18next");require("flagged");require("react-hotkeys-hook");require("flat-to-nested");require("./Class-0801d193.cjs");require("redux-undo");require("@react-hookz/web");require("chaibuilder-blocks");require("clsx");require("tailwind-merge");require("@radix-ui/react-dialog");require("@radix-ui/react-context-menu");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("@radix-ui/react-scroll-area");const w=s=>{switch(s.type){case"Image":return e.jsxRuntimeExports.jsx(t.ImageIcon,{});case"Heading":return e.jsxRuntimeExports.jsx(t.HeadingIcon,{});case"Text":return e.jsxRuntimeExports.jsx(t.TextIcon,{});case"Link":return e.jsxRuntimeExports.jsx(t.Link1Icon,{});case"Video":return e.jsxRuntimeExports.jsx(t.VideoIcon,{});case"RichText":return e.jsxRuntimeExports.jsx(t.CursorTextIcon,{});case"Button":return e.jsxRuntimeExports.jsx(t.ButtonIcon,{});case"CustomHTML":return e.jsxRuntimeExports.jsx(t.CodeIcon,{});case"Divider":return e.jsxRuntimeExports.jsx(t.DividerHorizontalIcon,{});case"Icon":return e.jsxRuntimeExports.jsx(t.SketchLogoIcon,{});case"List":return e.jsxRuntimeExports.jsx(t.RowsIcon,{});case"Paragraph":return e.jsxRuntimeExports.jsx(t.TextIcon,{});case"Row":return e.jsxRuntimeExports.jsx(t.RowsIcon,{});case"ListItem":return e.jsxRuntimeExports.jsx(t.ColumnsIcon,{});case"LineBreak":return e.jsxRuntimeExports.jsx(t.SpaceBetweenVerticallyIcon,{});case"Form":return e.jsxRuntimeExports.jsx(t.GroupIcon,{});case"Checkbox":return e.jsxRuntimeExports.jsx(t.CheckboxIcon,{});case"FormButton":return e.jsxRuntimeExports.jsx(t.ButtonIcon,{});case"Input":case"TextArea":return e.jsxRuntimeExports.jsx(t.InputIcon,{});case"Radio":return e.jsxRuntimeExports.jsx(t.RadiobuttonIcon,{});case"Select":return e.jsxRuntimeExports.jsx(t.DropdownMenuIcon,{});case"Table":return e.jsxRuntimeExports.jsx(t.TableIcon,{});case"TableHead":return e.jsxRuntimeExports.jsx(t.BorderTopIcon,{});case"TableBody":return e.jsxRuntimeExports.jsx(t.BorderAllIcon,{});case"TableRow":return e.jsxRuntimeExports.jsx(t.ViewHorizontalIcon,{});case"TableCell":return e.jsxRuntimeExports.jsx(t.DragHandleHorizontalIcon,{});case"Box":return e.jsxRuntimeExports.jsx(t.BoxIcon,{});default:return e.jsxRuntimeExports.jsx(t.BoxModelIcon,{})}};function V(s=""){const n={xs:"390px",sm:"640px",md:"768px",lg:"1024px",xl:"1366px","2xl":"1536px"};if(new RegExp(/\bsr-only\b/).test(s))return"Sr Only";if(new RegExp(/\b(sm|md|lg|xl|2xl):hidden\b/).test(s))return"Visible on mobile";if(s.match(/(^| )hidden( |$)/g)){const i=new RegExp(/\b(sm|md|lg|xl|2xl):(block|grid|flex|inline|inline-grid|inline-flex|inline-block)\b/),l=s.match(i);if(a.nth(l,1))return`Visible >=${n[a.nth(l,1)]}`}return""}const F=s=>{let n="";return Object.keys(s).forEach(r=>{a.startsWith(s[r],P.STYLES_KEY)&&(n=s[r])}),n},z=s=>{var R;const[,n]=x.useHighlightBlockId(),[r]=x.useHiddenBlockIds(),{isSelected:c}=s,{id:i,data:l}=s.node,d=s.depth*10,j=p=>{p.stopPropagation(),s.onToggle(s.node.id)},h=y.useDragOver(i,s.isOpen,s.onToggle),g=m.useMemo(()=>{const p=F(s.node.data);return V(p)},[s.node.data]);return e.jsxRuntimeExports.jsx("div",{onMouseEnter:()=>n(i),className:v.cn("group flex w-full items-center justify-between space-x-px py-px ",c?"bg-blue-500 text-white":"hover:bg-gray-200 dark:hover:bg-gray-800"),onClick:p=>{p.stopPropagation(),!r.includes(i)&&s.onSelect(i)},onContextMenu:()=>s.onSelect(i),style:{paddingInlineStart:d},...h,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 ${s.isOpen?"rotate-90":""}`,children:s.node.droppable&&e.jsxRuntimeExports.jsx("button",{onClick:j,type:"button",children:e.jsxRuntimeExports.jsx(t.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:l==null?void 0:l._type})}),e.jsxRuntimeExports.jsx("div",{className:"ml-2 truncate text-[11px]",children:((R=s.node.data)==null?void 0:R._name)||s.node.text}),g?e.jsxRuntimeExports.jsxs("span",{className:"ml-2 flex items-center text-[10px] italic "+(c?"text-gray-200":"text-gray-500"),children:["(",g,")"]}):null]})]})})},G=s=>{var r;const{item:n}=s.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:(r=n==null?void 0:n.data)==null?void 0:r._type})}),e.jsxRuntimeExports.jsx("div",{className:"ml-2 truncate text-[11px]",children:n.text})]})},$=s=>{const n=s.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}})},K=m.lazy(()=>Promise.resolve().then(()=>require("./MarkAsGlobalBlock-536770e7.cjs"))),Q=()=>{const[s]=x.useSelectedBlockIds(),[,n]=x.useCutBlockIds();return e.jsxRuntimeExports.jsxs(u.ContextMenuItem,{className:"flex items-center gap-x-4 text-xs",onClick:()=>n(s),children:[e.jsxRuntimeExports.jsx(t.ScissorsIcon,{})," Cut"]})},U=()=>{const[s]=x.useSelectedBlockIds(),[,n]=x.useCopyBlockIds();return e.jsxRuntimeExports.jsxs(u.ContextMenuItem,{className:"flex items-center gap-x-4 text-xs",onClick:()=>n(s),children:[e.jsxRuntimeExports.jsx(t.ClipboardIcon,{})," Copy"]})},Y=()=>{const[s]=x.useSelectedBlockIds(),n=x.useRemoveBlocks(),r=x.useSelectedBlock();return e.jsxRuntimeExports.jsxs(u.ContextMenuItem,{disabled:(r==null?void 0:r._type)==="Slot",className:"flex items-center gap-x-4 text-xs",onClick:()=>n(s),children:[e.jsxRuntimeExports.jsx(t.TrashIcon,{})," Remove"]})},W=({id:s=null,openMarkAsGlobalModal:n})=>{const[r]=x.useSelectedBlockIds(),c=x.useDuplicateBlocks(),{pasteBlocks:i,canPaste:l}=x.usePasteBlocks(),d=S.useBuilderProp("globalBlocksSupport",!1),j=m.useCallback(()=>{c(r)},[r,c]);return e.jsxRuntimeExports.jsxs(u.ContextMenuContent,{className:"text-xs",children:[d&&e.jsxRuntimeExports.jsx(u.ContextMenuItem,{className:"flex items-center gap-x-4 border-b text-xs",onClick:n,children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-4",children:[e.jsxRuntimeExports.jsx(t.GlobeIcon,{})," Mark as global"]})}),e.jsxRuntimeExports.jsxs(u.ContextMenuItem,{className:"flex items-center gap-x-4 text-xs",onClick:j,children:[e.jsxRuntimeExports.jsx(t.CopyIcon,{})," Duplicate"]}),e.jsxRuntimeExports.jsx(Q,{}),e.jsxRuntimeExports.jsx(U,{}),e.jsxRuntimeExports.jsxs(u.ContextMenuItem,{className:"flex items-center gap-x-4 text-xs",onClick:()=>i(s),disabled:!l,children:[e.jsxRuntimeExports.jsx(t.ClipboardCopyIcon,{})," Paste"]}),e.jsxRuntimeExports.jsx(Y,{})]})},J=({children:s,id:n=null})=>{const[r,c]=m.useState(!1);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(C.Dialog,{open:r,onOpenChange:c,children:r&&e.jsxRuntimeExports.jsx(C.DialogContent,{children:e.jsxRuntimeExports.jsx(m.Suspense,{fallback:e.jsxRuntimeExports.jsx("div",{className:"h-96 w-full animate-pulse bg-gray-200"}),children:e.jsxRuntimeExports.jsx(K,{closeModal:()=>c(!1),id:n})})})}),e.jsxRuntimeExports.jsxs(u.ContextMenu,{children:[e.jsxRuntimeExports.jsx(u.ContextMenuTrigger,{children:s}),e.jsxRuntimeExports.jsx(W,{id:n,openMarkAsGlobalModal:()=>c(!0)})]})]})},X=()=>{const{addCoreBlock:s}=x.useAddBlock(),n=S.useBuilderProp("getExternalPredefinedBlock");return m.useCallback(async r=>{const{block:c,dropTargetId:i,relativeIndex:l}=r;if(a.has(c,"format")){const d=await n(c);return s({blocks:d},i===0?null:i,l)}return s(c,i===0?null:i,l)},[s])};function Z(s){return a.map(s,n=>{const{data:r}=n;return{...r,_parent:n.parent===0?null:n.parent}})}const ee=()=>{const s=x.useAllBlocks(),[n]=x.useSetAllBlocks(),[r,c,i]=x.useSelectedBlockIds(),[,l]=x.useSelectedStylingBlocks(),{t:d}=_.useTranslation(),{createSnapshot:j}=x.useCanvasHistory(),h=x.useExpandedIds(),g=X(),[,R]=L.useAtom(x.addBlocksModalAtom),p=async(o,E)=>{const{dragSource:b,destinationIndex:k,relativeIndex:f,dropTargetId:D,monitor:O}=E,A=Z(o);n(A),b?j():(await g({block:O.getItem(),dropTargetId:D,destinationIndex:k,relativeIndex:f}),R(!1))},T=a.map(s,o=>({id:o._id,text:o._type,parent:o._parent||0,droppable:!a.isUndefined(a.find(s,{_parent:o._id})),data:o})),q=()=>{c([]),l([])},[{isOver:I},M]=B.useDrop(()=>({accept:["CHAI_BLOCK"],collect:o=>({canDrop:o.canDrop(),isOver:o.isOver()}),drop:o=>{(async()=>(await g({block:o,dropTargetId:"",destinationIndex:0,relativeIndex:0}),R(!1)))()}})),{isDragging:N}=B.useDragLayer(o=>({isDragging:o.isDragging()}));return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("div",{onClick:()=>q(),className:v.cn("-mx-1 -mt-1 flex h-full select-none flex-col space-y-1",N?"bg-green-50/80":"bg-background"),children:[e.jsxRuntimeExports.jsx("div",{className:"mx-1 h-10 rounded-md bg-background/30 p-1",children:e.jsxRuntimeExports.jsx("h1",{className:"px-1 font-semibold",children:"Tree view"})}),a.isEmpty(s)?e.jsxRuntimeExports.jsxs("div",{ref:M,className:`mx-1 mt-4 h-full p-6 text-center text-sm text-gray-400 ${I?"bg-blue-200":""}`,children:[I?e.jsxRuntimeExports.jsx(t.DoubleArrowDownIcon,{className:"mx-auto h-12 w-12 animate-bounce"}):e.jsxRuntimeExports.jsx(t.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.jsx(H.ScrollArea,{id:"layers-view",className:"no-scrollbar h-full overflow-y-auto p-1",children:e.jsxRuntimeExports.jsx(y.Tree,{initialOpen:h,extraAcceptTypes:["CHAI_BLOCK"],tree:T,rootId:0,render:(o,{depth:E,isOpen:b,onToggle:k})=>e.jsxRuntimeExports.jsx(J,{id:o.id,children:e.jsxRuntimeExports.jsx(z,{onSelect:f=>{l([]),c([f])},isSelected:a.includes(r,o.id),node:o,depth:E,isOpen:b,onToggle:k,toggleIds:i})}),dragPreviewRender:o=>e.jsxRuntimeExports.jsx(G,{monitorProps:o}),onDrop:p,classes:{root:"h-full pt-2",draggingSource:"opacity-30",dropTarget:"bg-green-100",placeholder:"relative"},sort:!1,insertDroppableFirst:!1,canDrop:x.canDropBlock,dropTargetOffset:2,enableAnimateExpand:!0,placeholderRender:(o,{depth:E})=>e.jsxRuntimeExports.jsx($,{node:o,depth:E})})})]})})};exports.default=ee;

package/dist/Layers-6f1c162e.js

@@ -0,0 +1,370 @@
+import { j as e } from "./jsx-runtime-944c88e2.js";
+import { nth as k, startsWith as P, has as H, map as v, isUndefined as L, find as V, isEmpty as F, includes as z } from "lodash";
+import { BoxModelIcon as G, BoxIcon as $, DragHandleHorizontalIcon as K, ViewHorizontalIcon as Q, BorderAllIcon as q, BorderTopIcon as U, TableIcon as Y, DropdownMenuIcon as W, RadiobuttonIcon as J, InputIcon as X, ButtonIcon as B, CheckboxIcon as Z, GroupIcon as ee, SpaceBetweenVerticallyIcon as se, ColumnsIcon as te, RowsIcon as y, TextIcon as C, SketchLogoIcon as ne, DividerHorizontalIcon as oe, CodeIcon as re, CursorTextIcon as ce, VideoIcon as ae, Link1Icon as le, HeadingIcon as ie, ImageIcon as de, TriangleRightIcon as xe, GlobeIcon as ue, CopyIcon as me, ClipboardCopyIcon as pe, ScissorsIcon as ge, ClipboardIcon as je, TrashIcon as he, DoubleArrowDownIcon as fe, StackIcon as Ie } from "@radix-ui/react-icons";
+import { useDrop as be, useDragLayer as ke } from "react-dnd";
+import { useDragOver as Be, Tree as ye } from "@minoru/react-dnd-treeview";
+import { useTranslation as Ce } from "react-i18next";
+import { x as ve, N as we, h as g, l as Se, o as Te, m as Ne, n as De, q as Me, A as Oe, O as Re, y as Ee, g as Ae, i as _e, c as Pe, P as He, b as Le, Q as Ve } from "./index-cdd49c4c.js";
+import { c as w } from "./utils-ac68b2c8.js";
+import { useMemo as Fe, lazy as ze, useState as Ge, Suspense as $e, useCallback as S } from "react";
+import { S as Ke } from "./CONTROLS-442caee5.js";
+import { D as Qe, a as qe } from "./dialog-3d4e82ed.js";
+import { C as Ue, a as Ye, b as We, c as d } from "./context-menu-e1c240ce.js";
+import { u as T } from "./useBuilderProp-81a14920.js";
+import { S as Je } from "./scroll-area-9f64a082.js";
+import { useAtom as Xe } from "jotai";
+import "i18next";
+import "flagged";
+import "react-hotkeys-hook";
+import "flat-to-nested";
+import "./Class-e6b07b79.js";
+import "redux-undo";
+import "@react-hookz/web";
+import "chaibuilder-blocks";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-dialog";
+import "@radix-ui/react-context-menu";
+import "@radix-ui/react-slot";
+import "class-variance-authority";
+import "@radix-ui/react-tooltip";
+import "@radix-ui/react-toast";
+import "@radix-ui/react-scroll-area";
+const N = (s) => {
+  switch (s.type) {
+    case "Image":
+      return /* @__PURE__ */ e.jsx(de, {});
+    case "Heading":
+      return /* @__PURE__ */ e.jsx(ie, {});
+    case "Text":
+      return /* @__PURE__ */ e.jsx(C, {});
+    case "Link":
+      return /* @__PURE__ */ e.jsx(le, {});
+    case "Video":
+      return /* @__PURE__ */ e.jsx(ae, {});
+    case "RichText":
+      return /* @__PURE__ */ e.jsx(ce, {});
+    case "Button":
+      return /* @__PURE__ */ e.jsx(B, {});
+    case "CustomHTML":
+      return /* @__PURE__ */ e.jsx(re, {});
+    case "Divider":
+      return /* @__PURE__ */ e.jsx(oe, {});
+    case "Icon":
+      return /* @__PURE__ */ e.jsx(ne, {});
+    case "List":
+      return /* @__PURE__ */ e.jsx(y, {});
+    case "Paragraph":
+      return /* @__PURE__ */ e.jsx(C, {});
+    case "Row":
+      return /* @__PURE__ */ e.jsx(y, {});
+    case "ListItem":
+      return /* @__PURE__ */ e.jsx(te, {});
+    case "LineBreak":
+      return /* @__PURE__ */ e.jsx(se, {});
+    case "Form":
+      return /* @__PURE__ */ e.jsx(ee, {});
+    case "Checkbox":
+      return /* @__PURE__ */ e.jsx(Z, {});
+    case "FormButton":
+      return /* @__PURE__ */ e.jsx(B, {});
+    case "Input":
+    case "TextArea":
+      return /* @__PURE__ */ e.jsx(X, {});
+    case "Radio":
+      return /* @__PURE__ */ e.jsx(J, {});
+    case "Select":
+      return /* @__PURE__ */ e.jsx(W, {});
+    case "Table":
+      return /* @__PURE__ */ e.jsx(Y, {});
+    case "TableHead":
+      return /* @__PURE__ */ e.jsx(U, {});
+    case "TableBody":
+      return /* @__PURE__ */ e.jsx(q, {});
+    case "TableRow":
+      return /* @__PURE__ */ e.jsx(Q, {});
+    case "TableCell":
+      return /* @__PURE__ */ e.jsx(K, {});
+    case "Box":
+      return /* @__PURE__ */ e.jsx($, {});
+    default:
+      return /* @__PURE__ */ e.jsx(G, {});
+  }
+};
+function Ze(s = "") {
+  const t = {
+    xs: "390px",
+    sm: "640px",
+    md: "768px",
+    lg: "1024px",
+    xl: "1366px",
+    "2xl": "1536px"
+  };
+  if (new RegExp(/\bsr-only\b/).test(s))
+    return "Sr Only";
+  if (new RegExp(/\b(sm|md|lg|xl|2xl):hidden\b/).test(s))
+    return "Visible on mobile";
+  if (s.match(/(^| )hidden( |$)/g)) {
+    const c = new RegExp(
+      // checks if any of the display property is set for any higher media query
+      /\b(sm|md|lg|xl|2xl):(block|grid|flex|inline|inline-grid|inline-flex|inline-block)\b/
+    ), a = s.match(c);
+    if (k(a, 1))
+      return `Visible >=${t[k(a, 1)]}`;
+  }
+  return "";
+}
+const es = (s) => {
+  let t = "";
+  return Object.keys(s).forEach((n) => {
+    P(s[n], Ke) && (t = s[n]);
+  }), t;
+}, ss = (s) => {
+  var m;
+  const [, t] = ve(), [n] = we(), { isSelected: r } = s, { id: c, data: a } = s.node, l = s.depth * 10, x = (i) => {
+    i.stopPropagation(), s.onToggle(s.node.id);
+  }, j = Be(c, s.isOpen, s.onToggle), u = Fe(() => {
+    const i = es(s.node.data);
+    return Ze(i);
+  }, [s.node.data]);
+  return (
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        onMouseEnter: () => t(c),
+        className: w(
+          "group flex w-full items-center justify-between space-x-px py-px ",
+          r ? "bg-blue-500 text-white" : "hover:bg-gray-200 dark:hover:bg-gray-800"
+        ),
+        onClick: (i) => {
+          i.stopPropagation(), !n.includes(c) && s.onSelect(c);
+        },
+        onContextMenu: () => s.onSelect(c),
+        style: { paddingInlineStart: l },
+        ...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 ${s.isOpen ? "rotate-90" : ""}`,
+              children: s.node.droppable && /* @__PURE__ */ e.jsx("button", { onClick: x, type: "button", children: /* @__PURE__ */ e.jsx(xe, {}) })
+            }
+          ),
+          /* @__PURE__ */ e.jsxs("button", { type: "button", className: "flex items-center", children: [
+            /* @__PURE__ */ e.jsx("div", { className: "-mt-1 h-3 w-3", children: /* @__PURE__ */ e.jsx(N, { type: a == null ? void 0 : a._type }) }),
+            /* @__PURE__ */ e.jsx("div", { className: "ml-2 truncate text-[11px]", children: ((m = s.node.data) == null ? void 0 : m._name) || s.node.text }),
+            u ? /* @__PURE__ */ e.jsxs(
+              "span",
+              {
+                className: "ml-2 flex items-center text-[10px] italic " + (r ? "text-gray-200" : "text-gray-500"),
+                children: [
+                  "(",
+                  u,
+                  ")"
+                ]
+              }
+            ) : null
+          ] })
+        ] })
+      }
+    )
+  );
+}, ts = (s) => {
+  var n;
+  const { item: t } = s.monitorProps;
+  return /* @__PURE__ */ e.jsxs("div", { className: "flex w-max items-center bg-blue-200 bg-opacity-30 p-1 font-semibold text-blue-700", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "", children: /* @__PURE__ */ e.jsx(N, { type: (n = t == null ? void 0 : t.data) == null ? void 0 : n._type }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "ml-2 truncate text-[11px]", children: t.text })
+  ] });
+}, ns = (s) => {
+  const t = s.depth * 10 + 16;
+  return /* @__PURE__ */ e.jsx("div", { className: "absolute right-0 top-0 h-0.5 -translate-y-1/2 transform bg-green-500", style: { left: t } });
+}, os = ze(() => import("./MarkAsGlobalBlock-209ddfd5.js")), rs = () => {
+  const [s] = g(), [, t] = Ne();
+  return /* @__PURE__ */ e.jsxs(d, { className: "flex items-center gap-x-4 text-xs", onClick: () => t(s), children: [
+    /* @__PURE__ */ e.jsx(ge, {}),
+    " Cut"
+  ] });
+}, cs = () => {
+  const [s] = g(), [, t] = De();
+  return /* @__PURE__ */ e.jsxs(d, { className: "flex items-center gap-x-4 text-xs", onClick: () => t(s), children: [
+    /* @__PURE__ */ e.jsx(je, {}),
+    " Copy"
+  ] });
+}, as = () => {
+  const [s] = g(), t = Me(), n = Oe();
+  return /* @__PURE__ */ e.jsxs(
+    d,
+    {
+      disabled: (n == null ? void 0 : n._type) === "Slot",
+      className: "flex items-center gap-x-4 text-xs",
+      onClick: () => t(s),
+      children: [
+        /* @__PURE__ */ e.jsx(he, {}),
+        " Remove"
+      ]
+    }
+  );
+}, ls = ({
+  id: s = null,
+  openMarkAsGlobalModal: t
+}) => {
+  const [n] = g(), r = Se(), { pasteBlocks: c, canPaste: a } = Te(), l = T("globalBlocksSupport", !1), x = S(() => {
+    r(n);
+  }, [n, r]);
+  return /* @__PURE__ */ e.jsxs(We, { className: "text-xs", children: [
+    l && /* @__PURE__ */ e.jsx(d, { className: "flex items-center gap-x-4 border-b text-xs", onClick: t, children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-4", children: [
+      /* @__PURE__ */ e.jsx(ue, {}),
+      " Mark as global"
+    ] }) }),
+    /* @__PURE__ */ e.jsxs(d, { className: "flex items-center gap-x-4 text-xs", onClick: x, children: [
+      /* @__PURE__ */ e.jsx(me, {}),
+      " Duplicate"
+    ] }),
+    /* @__PURE__ */ e.jsx(rs, {}),
+    /* @__PURE__ */ e.jsx(cs, {}),
+    /* @__PURE__ */ e.jsxs(
+      d,
+      {
+        className: "flex items-center gap-x-4 text-xs",
+        onClick: () => c(s),
+        disabled: !a,
+        children: [
+          /* @__PURE__ */ e.jsx(pe, {}),
+          " Paste"
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsx(as, {})
+  ] });
+}, is = ({ children: s, id: t = null }) => {
+  const [n, r] = Ge(!1);
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(Qe, { open: n, onOpenChange: r, children: n && /* @__PURE__ */ e.jsx(qe, { children: /* @__PURE__ */ e.jsx($e, { fallback: /* @__PURE__ */ e.jsx("div", { className: "h-96 w-full animate-pulse bg-gray-200" }), children: /* @__PURE__ */ e.jsx(os, { closeModal: () => r(!1), id: t }) }) }) }),
+    /* @__PURE__ */ e.jsxs(Ue, { children: [
+      /* @__PURE__ */ e.jsx(Ye, { children: s }),
+      /* @__PURE__ */ e.jsx(ls, { id: t, openMarkAsGlobalModal: () => r(!0) })
+    ] })
+  ] });
+}, ds = () => {
+  const { addCoreBlock: s } = Re(), t = T("getExternalPredefinedBlock");
+  return S(
+    async (n) => {
+      const { block: r, dropTargetId: c, relativeIndex: a } = n;
+      if (H(r, "format")) {
+        const l = await t(r);
+        return s({ blocks: l }, c === 0 ? null : c, a);
+      }
+      return s(r, c === 0 ? null : c, a);
+    },
+    [s]
+  );
+};
+function xs(s) {
+  return v(s, (t) => {
+    const { data: n } = t;
+    return {
+      ...n,
+      _parent: t.parent === 0 ? null : t.parent
+    };
+  });
+}
+const $s = () => {
+  const s = Ee(), [t] = Ae(), [n, r, c] = g(), [, a] = _e(), { t: l } = Ce(), { createSnapshot: x } = Pe(), j = He(), u = ds(), [, m] = Xe(Le), i = async (o, p) => {
+    const { dragSource: f, destinationIndex: I, relativeIndex: b, dropTargetId: E, monitor: A } = p, _ = xs(o);
+    t(_), f ? x() : (await u({
+      block: A.getItem(),
+      dropTargetId: E,
+      destinationIndex: I,
+      relativeIndex: b
+    }), m(!1));
+  }, D = v(s, (o) => ({
+    id: o._id,
+    text: o._type,
+    parent: o._parent || 0,
+    droppable: !L(V(s, { _parent: o._id })),
+    data: o
+  })), M = () => {
+    r([]), a([]);
+  }, [{ isOver: h }, O] = be(() => ({
+    accept: ["CHAI_BLOCK"],
+    collect: (o) => ({
+      canDrop: o.canDrop(),
+      isOver: o.isOver()
+    }),
+    drop: (o) => {
+      (async () => (await u({
+        block: o,
+        dropTargetId: "",
+        destinationIndex: 0,
+        relativeIndex: 0
+      }), m(!1)))();
+    }
+  })), { isDragging: R } = ke((o) => ({
+    isDragging: o.isDragging()
+  }));
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      onClick: () => M(),
+      className: w(
+        "-mx-1 -mt-1 flex h-full select-none flex-col space-y-1",
+        R ? "bg-green-50/80" : "bg-background"
+      ),
+      children: [
+        /* @__PURE__ */ e.jsx("div", { className: "mx-1 h-10 rounded-md bg-background/30 p-1", children: /* @__PURE__ */ e.jsx("h1", { className: "px-1 font-semibold", children: "Tree view" }) }),
+        F(s) ? /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            ref: O,
+            className: `mx-1 mt-4 h-full p-6 text-center text-sm text-gray-400 ${h ? "bg-blue-200" : ""}`,
+            children: [
+              h ? /* @__PURE__ */ e.jsx(fe, { className: "mx-auto h-12 w-12 animate-bounce" }) : /* @__PURE__ */ e.jsx(Ie, { className: "mx-auto h-10 w-10" }),
+              /* @__PURE__ */ e.jsx("p", { className: "mt-2", children: l(h ? "drop_here_message" : "tree_view_no_blocks") })
+            ]
+          }
+        ) : /* @__PURE__ */ e.jsx(Je, { id: "layers-view", className: "no-scrollbar h-full overflow-y-auto p-1", children: /* @__PURE__ */ e.jsx(
+          ye,
+          {
+            initialOpen: j,
+            extraAcceptTypes: ["CHAI_BLOCK"],
+            tree: D,
+            rootId: 0,
+            render: (o, { depth: p, isOpen: f, onToggle: I }) => /* @__PURE__ */ e.jsx(is, { id: o.id, children: /* @__PURE__ */ e.jsx(
+              ss,
+              {
+                onSelect: (b) => {
+                  a([]), r([b]);
+                },
+                isSelected: z(n, o.id),
+                node: o,
+                depth: p,
+                isOpen: f,
+                onToggle: I,
+                toggleIds: c
+              }
+            ) }),
+            dragPreviewRender: (o) => /* @__PURE__ */ e.jsx(ts, { monitorProps: o }),
+            onDrop: i,
+            classes: {
+              root: "h-full pt-2",
+              draggingSource: "opacity-30",
+              dropTarget: "bg-green-100",
+              placeholder: "relative"
+            },
+            sort: !1,
+            insertDroppableFirst: !1,
+            canDrop: Ve,
+            dropTargetOffset: 2,
+            enableAnimateExpand: !0,
+            placeholderRender: (o, { depth: p }) => /* @__PURE__ */ e.jsx(ns, { node: o, depth: p })
+          }
+        ) })
+      ]
+    }
+  ) });
+};
+export {
+  $s as default
+};

package/dist/MarkAsGlobalBlock-209ddfd5.js

@@ -0,0 +1,73 @@
+import { j as l } from "./jsx-runtime-944c88e2.js";
+import { GlobeIcon as m } from "@radix-ui/react-icons";
+import { useState as n } from "react";
+import { B as i } from "./useBuilderProp-81a14920.js";
+import { U as c } from "./index-cdd49c4c.js";
+import "react-i18next";
+import { capitalize as p } from "lodash";
+import "@radix-ui/react-slot";
+import "class-variance-authority";
+import "./utils-ac68b2c8.js";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-tooltip";
+import "@radix-ui/react-toast";
+import "jotai";
+import "i18next";
+import "flagged";
+import "react-dnd";
+import "@minoru/react-dnd-treeview";
+import "react-hotkeys-hook";
+import "flat-to-nested";
+import "./Class-e6b07b79.js";
+import "redux-undo";
+import "@react-hookz/web";
+import "chaibuilder-blocks";
+import "./CONTROLS-442caee5.js";
+const q = ({ id: a = null, closeModal: t }) => {
+  const s = c(), [e, o] = n("");
+  return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    /* @__PURE__ */ l.jsx("h1", { className: "text-lg font-bold", children: "Mark as Global" }),
+    /* @__PURE__ */ l.jsxs("div", { className: "py-2 text-sm", children: [
+      "Note: Global blocks are single instances. Editing global blocks will be reflected on all pages using these blocks. ",
+      /* @__PURE__ */ l.jsx("br", {}),
+      /* @__PURE__ */ l.jsxs("ul", { className: "mt-4 list-inside list-disc space-y-1", children: [
+        /* @__PURE__ */ l.jsxs("li", { children: [
+          "Global blocks are indicated with ",
+          /* @__PURE__ */ l.jsx(m, { className: "inline" }),
+          " icon in left sidebar"
+        ] }),
+        /* @__PURE__ */ l.jsx("li", { children: 'Global blocks are available under "Global" category' })
+      ] })
+    ] }),
+    /* @__PURE__ */ l.jsxs("div", { className: "my-4", children: [
+      /* @__PURE__ */ l.jsx("label", { className: "block text-sm font-medium text-gray-400", children: "Enter global block name" }),
+      /* @__PURE__ */ l.jsx(
+        "input",
+        {
+          placeholder: "Eg: Header, Footer ",
+          className: "mt-2 w-full",
+          value: e,
+          onChange: (r) => o(r.target.value)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ l.jsxs("div", { className: "flex items-center justify-end gap-x-4", children: [
+      /* @__PURE__ */ l.jsx(
+        i,
+        {
+          onClick: () => {
+            s(a, p(e)), t();
+          },
+          disabled: e.length <= 2,
+          variant: "default",
+          children: "Mark as Global"
+        }
+      ),
+      /* @__PURE__ */ l.jsx(i, { variant: "outline", onClick: t, children: "Cancel" })
+    ] })
+  ] });
+};
+export {
+  q as default
+};

package/dist/MarkAsGlobalBlock-536770e7.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),o=require("@radix-ui/react-icons"),u=require("react"),t=require("./useBuilderProp-5e57d0c8.cjs"),c=require("./index-aea5c557.cjs");require("react-i18next");const x=require("lodash");require("@radix-ui/react-slot");require("class-variance-authority");require("./utils-3c452dd0.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("jotai");require("i18next");require("flagged");require("react-dnd");require("@minoru/react-dnd-treeview");require("react-hotkeys-hook");require("flat-to-nested");require("./Class-0801d193.cjs");require("redux-undo");require("@react-hookz/web");require("chaibuilder-blocks");require("./CONTROLS-031e1de3.cjs");const m=({id:i=null,closeModal:s})=>{const l=c.useMarkAsGlobalBlock(),[r,a]=u.useState("");return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("h1",{className:"text-lg font-bold",children:"Mark as Global"}),e.jsxRuntimeExports.jsxs("div",{className:"py-2 text-sm",children:["Note: Global blocks are single instances. Editing global blocks will be reflected on all pages using these blocks. ",e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsxs("ul",{className:"mt-4 list-inside list-disc space-y-1",children:[e.jsxRuntimeExports.jsxs("li",{children:["Global blocks are indicated with ",e.jsxRuntimeExports.jsx(o.GlobeIcon,{className:"inline"})," icon in left sidebar"]}),e.jsxRuntimeExports.jsx("li",{children:'Global blocks are available under "Global" category'})]})]}),e.jsxRuntimeExports.jsxs("div",{className:"my-4",children:[e.jsxRuntimeExports.jsx("label",{className:"block text-sm font-medium text-gray-400",children:"Enter global block name"}),e.jsxRuntimeExports.jsx("input",{placeholder:"Eg: Header, Footer ",className:"mt-2 w-full",value:r,onChange:n=>a(n.target.value)})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-end gap-x-4",children:[e.jsxRuntimeExports.jsx(t.Button,{onClick:()=>{l(i,x.capitalize(r)),s()},disabled:r.length<=2,variant:"default",children:"Mark as Global"}),e.jsxRuntimeExports.jsx(t.Button,{variant:"outline",onClick:s,children:"Cancel"})]})]})};exports.default=m;