@chaibuilder/sdk 1.2.39 → 1.2.40

package/dist/{useCanvasSettings-oERGzYXb.cjs → useCanvasSettings-yYU51FJ3.cjs}

@@ -1 +1 @@
-"use strict";const t=require("jotai"),s=require("./ChaiBuilderEditor-qxbkVVLu.cjs"),e=()=>t.useAtom(s.canvasSettingsAtom);exports.useCanvasSettings=e;
+"use strict";const t=require("jotai"),s=require("./ChaiBuilderEditor-hcoLrtq8.cjs"),e=()=>t.useAtom(s.canvasSettingsAtom);exports.useCanvasSettings=e;

package/package.json

@@ -5,7 +5,7 @@
   "author": "Suraj Air",
   "license": "BSD-3-Clause",
   "homepage": "https://chaibuilder.com",
-  "version": "1.2.39",
+  "version": "1.2.40",
   "type": "module",
   "repository": {
     "type": "git",

package/dist/SidePanels-Vfw9Ir6p.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),g=require("@radix-ui/react-icons"),i=require("react"),S=require("jotai"),a=require("lodash-es"),s=require("./ChaiBuilderEditor-qxbkVVLu.cjs"),E=require("lucide-react"),_=require("@chaibuilder/runtime"),f=require("react-i18next"),q=require("./index-gi1LIOCw.cjs"),l=require("./STRINGS-gPz7CUOk.cjs"),K=require("./Functions-N3yhPYKY.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("clsx");require("react-dom");require("@radix-ui/react-scroll-area");require("@floating-ui/react-dom");require("i18next");require("flagged");require("@react-hookz/web");require("./MODIFIERS-YPHRtwrM.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-Zc8hpE7f.cjs");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-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-quill");require("react-hotkeys-hook");const P=({provider:t,onClose:c})=>{const{t:n}=f.useTranslation(),[o,p]=i.useState(null);return i.useEffect(()=>{t&&(t.mockFn?t.mockFn:t.dataFn)().then(d=>p(d))},[t]),t?e.jsxRuntimeExports.jsx(s.Dialog,{onOpenChange:j=>j?"":c(),defaultOpen:!0,children:e.jsxRuntimeExports.jsxs(s.DialogContent,{children:[e.jsxRuntimeExports.jsxs(s.DialogHeader,{children:[e.jsxRuntimeExports.jsxs(s.DialogTitle,{children:[n("data_provider"),": ",t.name]}),e.jsxRuntimeExports.jsx(s.DialogDescription,{children:t.description})]}),e.jsxRuntimeExports.jsx(s.ErrorBoundary,{children:e.jsxRuntimeExports.jsx(q.JsonView,{data:o,shouldExpandNode:q.allExpanded,style:{...q.defaultStyles,container:"max-h-[80vh] overflow-y-auto text-[12px] leading-[1.5] tracking-wide font-mono",stringValue:"text-orange-600",label:"text-green-900 font-semibold pr-1 tracking-wider"}})})]})}):null};function L({children:t,name:c,onRemove:n}){const{t:o}=f.useTranslation();return e.jsxRuntimeExports.jsxs(s.AlertDialog,{children:[e.jsxRuntimeExports.jsx(s.AlertDialogTrigger,{asChild:!0,children:t}),e.jsxRuntimeExports.jsxs(s.AlertDialogContent,{children:[e.jsxRuntimeExports.jsxs(s.AlertDialogHeader,{children:[e.jsxRuntimeExports.jsx(s.AlertDialogTitle,{dangerouslySetInnerHTML:{__html:o("remove_provider_confirmation").replace("{name}",c)}}),e.jsxRuntimeExports.jsx(s.AlertDialogDescription,{children:o("remove_provider_warning")})]}),e.jsxRuntimeExports.jsxs(s.AlertDialogFooter,{children:[e.jsxRuntimeExports.jsx(s.AlertDialogCancel,{children:o("cancel")}),e.jsxRuntimeExports.jsx(s.AlertDialogAction,{onClick:n,className:"bg-red-600 hover:bg-red-700",children:o("remove")})]})]})]})}const B=()=>{const{t}=f.useTranslation(),c=i.useMemo(()=>_.getChaiDataProviders(),[]),[n,o]=s.usePageDataProviders(),[,p]=S.useAtom(s.builderSaveStateAtom),[j,d]=i.useState(a.filter(c,r=>a.map(n,"providerKey").includes(r.providerKey))),[R,h]=i.useState(""),[b,v]=i.useState(null),N=a.filter(c.map(r=>a.map(j,"providerKey").includes(r.providerKey)?null:{value:r.providerKey,label:r.name}),r=>!a.isNull(r)),y=r=>{const x=a.find(c,{providerKey:r});d(m=>[...m,x]),o(m=>[...m,{providerKey:x.providerKey,args:{}}]),h(""),p("UNSAVED")},w=r=>{d(x=>a.filter(x,m=>m.providerKey!==r.providerKey)),o(x=>a.filter(x,m=>m.providerKey!==r.providerKey)),p("UNSAVED")},T=r=>v(r);return a.isEmpty(c)?e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsxs("p",{className:"mb-1.5 p-4 text-xs text-gray-500",children:[t("no_data_providers"),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("a",{className:"text-blue-500",href:"https://chaibuilder.com/docs/registering-data-providers",target:"_blank",children:t("learn_more")})]})}):e.jsxRuntimeExports.jsxs("div",{className:"px-1",children:[e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("label",{children:e.jsxRuntimeExports.jsx("p",{className:"mb-1.5 text-xs text-gray-500",children:t("add_data_providers")})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center space-x-1",children:e.jsxRuntimeExports.jsxs(s.Select,{value:R,onValueChange:r=>y(r),children:[e.jsxRuntimeExports.jsx(s.SelectTrigger,{className:"w-full",children:e.jsxRuntimeExports.jsx(s.SelectValue,{placeholder:t("select_provider")})}),e.jsxRuntimeExports.jsxs(s.SelectContent,{children:[e.jsxRuntimeExports.jsx(s.SelectItem,{value:"",children:t("choose")}),N.map(r=>e.jsxRuntimeExports.jsx(s.SelectItem,{value:r.value,children:r.label},r.value))]})]})}),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsxs("div",{className:`border-t ${j.length?"block":"hidden"}`,children:[e.jsxRuntimeExports.jsxs("p",{className:"flex-1 pb-1.5 pt-4 text-xs font-medium text-gray-500",children:[t("page_data_providers"),":"]}),e.jsxRuntimeExports.jsx("div",{className:"space-y-2",children:j.map(r=>e.jsxRuntimeExports.jsxs("div",{className:"w-full rounded-lg border bg-card text-card-foreground shadow-sm","data-v0-t":"card",children:[e.jsxRuntimeExports.jsx("div",{className:"flex flex-col space-y-1.5 px-4 pt-4",children:e.jsxRuntimeExports.jsx("div",{className:"flex items-center justify-between",children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("h3",{className:"font-medium leading-4",children:r.name}),e.jsxRuntimeExports.jsx("p",{className:"pt-1 text-xs text-gray-400",children:r.description})]})})}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between p-2 py-2",children:[e.jsxRuntimeExports.jsxs("button",{onClick:()=>T(r),className:"inline-flex h-9 items-center justify-center rounded-md px-3 text-xs font-medium text-blue-500 underline-offset-4 ring-offset-background transition-colors hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",children:[e.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"mr-2 h-4 w-4",children:[e.jsxRuntimeExports.jsx("path",{d:"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"}),e.jsxRuntimeExports.jsx("circle",{cx:"12",cy:"12",r:"3"})]}),t("view_data")]}),e.jsxRuntimeExports.jsx(L,{onRemove:()=>w(r),name:r.name,children:e.jsxRuntimeExports.jsxs("button",{className:"inline-flex h-9 items-center justify-center rounded-md px-3 text-xs font-medium text-red-500 underline-offset-4 ring-offset-background transition-colors hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",children:[e.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"mr-2 h-4 w-4",children:[e.jsxRuntimeExports.jsx("path",{d:"M3 6h18"}),e.jsxRuntimeExports.jsx("path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"}),e.jsxRuntimeExports.jsx("path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"})]}),t("remove")]})})]})]},r.providerKey))}),e.jsxRuntimeExports.jsx(P,{onClose:()=>v(null),provider:b})]})]})},O=i.memo(()=>{const{t}=f.useTranslation(),c={"ctrl + Z":"Undo","ctrl + Y":"Redo","ctrl + D":"Duplicate"},n={"ctrl + S":"Save page",esc:"Deselect blocks",del:"Delete block"};return e.jsxRuntimeExports.jsxs(s.Dialog,{children:[e.jsxRuntimeExports.jsx(s.DialogTrigger,{children:e.jsxRuntimeExports.jsxs(s.Tooltip,{children:[e.jsxRuntimeExports.jsx(s.TooltipTrigger,{children:e.jsxRuntimeExports.jsx("div",{className:"flex w-10 items-center justify-center",children:e.jsxRuntimeExports.jsx(g.KeyboardIcon,{})})}),e.jsxRuntimeExports.jsx(s.TooltipContent,{children:e.jsxRuntimeExports.jsx("p",{children:t("Keyboard shortcuts")})})]})}),e.jsxRuntimeExports.jsxs(s.DialogContent,{className:"sm:max-w-[525px]",children:[e.jsxRuntimeExports.jsx(s.DialogHeader,{children:e.jsxRuntimeExports.jsx(s.DialogTitle,{children:t("Keyboard shortcuts")})}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsxs("div",{className:"grid grid-cols-2",children:[e.jsxRuntimeExports.jsx("div",{className:"mr-8 flex flex-col space-y-2 border-r border-gray-200",children:Object.keys(c).map(o=>e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-4",children:[e.jsxRuntimeExports.jsx(s.Badge,{variant:"outline",className:"border border-gray-600 p-1 px-2",children:t(o)}),e.jsxRuntimeExports.jsx("div",{children:t(c[o])})]},o))}),e.jsxRuntimeExports.jsx("div",{className:"flex flex-col space-y-2",children:Object.keys(n).map(o=>e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-4",children:[e.jsxRuntimeExports.jsx(s.Badge,{variant:"outline",className:"border border-gray-600 p-1 px-2",children:t(o)}),e.jsxRuntimeExports.jsx("div",{children:t(n[o])})]},o))})]})})]})]})}),A=i.lazy(()=>Promise.resolve().then(()=>require("./AddBlocks-p4Hrxjdf.cjs"))),C=i.lazy(()=>Promise.resolve().then(()=>require("./ListTree-piETqoz9.cjs"))),U=i.lazy(()=>Promise.resolve().then(()=>require("./ThemeConfiguration-nler1cz3.cjs"))),z=i.lazy(()=>Promise.resolve().then(()=>require("./ChaiBuilderEditor-qxbkVVLu.cjs")).then(t=>t.ImagesPanel)),Y=i.lazy(()=>Promise.resolve().then(()=>require("./UILibrariesPanel-N144UO0E.cjs")));let I=null;const V=()=>{const t=s.useBuilderProp("sideBarComponents.top",[]),c=s.useBuilderProp("sideBarComponents.bottom",[]),[n,o]=S.useAtom(s.activePanelAtom),[p,j]=i.useState(n),[d,R]=i.useState(null),{t:h}=f.useTranslation(),b=_.useChaiBlocks(),v=s.useBuilderProp("filterChaiBlock",()=>!0),N=a.filter(b,v),{data:y,isLoading:w}=s.useUILibraryBlocks(),T=!w&&!a.isEmpty(y)||a.find(a.values(N),{category:"custom"})!==void 0,r={"add-blocks":A,[l.OUTLINE_KEY]:C,"theme-configuration":U,images:z,"ui-libraries":Y};a.each(t,({name:u,panel:k})=>{r[u]=k});const x=u=>{clearTimeout(I),n!==l.OUTLINE_KEY&&u===l.OUTLINE_KEY?I=setTimeout(()=>o(l.OUTLINE_KEY),500):j(u),o(u)},m=s.useBuilderProp("dataBindingSupport",!1);function D(){const u=setTimeout(()=>{d&&(x(l.OUTLINE_KEY),clearTimeout(d))},500);R(u)}return e.jsxRuntimeExports.jsxs("div",{className:"relative flex",children:[n!==l.OUTLINE_KEY?e.jsxRuntimeExports.jsx("div",{onMouseEnter:D,onClick:()=>x(l.OUTLINE_KEY),className:"fixed inset-0 z-[50] bg-black/20"}):null,e.jsxRuntimeExports.jsxs("div",{className:"z-[100] flex h-full w-fit flex-col items-center justify-between border-b border-r border-border bg-background pt-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"relative z-[100] flex w-14 flex-col items-center space-y-2",children:[T?e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-1 rounded-md bg-gray-200 p-1",children:[e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>x("add-blocks"),size:"sm",variant:n==="add-blocks"?"default":"outline",children:e.jsxRuntimeExports.jsx(g.PlusIcon,{className:"text-xl"})}),e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>x("ui-libraries"),size:"sm",variant:n==="ui-libraries"?"default":"outline",children:e.jsxRuntimeExports.jsx(g.Component2Icon,{className:"text-xl"})})]}):e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>x("add-blocks"),size:"sm",variant:n==="add-blocks"?"default":"outline",children:e.jsxRuntimeExports.jsx(g.PlusIcon,{className:"text-xl"})}),e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>x(l.OUTLINE_KEY),size:"sm",variant:n===l.OUTLINE_KEY?"default":"outline",children:e.jsxRuntimeExports.jsx(E.ListTreeIcon,{className:"w-4"})}),e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>x("theme-configuration"),size:"sm",variant:n==="theme-configuration"?"default":"outline",children:e.jsxRuntimeExports.jsx(E.PaletteIcon,{className:"w-4 max-w-[40px] text-xs"})}),i.Children.toArray(t.map(({name:u,icon:k})=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(s.Button,{onClick:()=>x(u),size:"sm",className:"w-10",variant:n===u?"default":"outline",children:e.jsxRuntimeExports.jsx(k,{})})})))]}),e.jsxRuntimeExports.jsxs("div",{className:"relative z-[100] flex w-14 flex-col items-center space-y-2 pb-2",children:[e.jsxRuntimeExports.jsx(O,{}),i.Children.toArray(c.map(u=>e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsx(s.Skeleton,{className:"h-10"}),children:e.jsxRuntimeExports.jsx(u,{})})))]})]}),n!==l.OUTLINE_KEY?e.jsxRuntimeExports.jsx("div",{className:"absolute left-14 z-[50] h-[100vh] w-fit translate-x-0 border-r bg-background transition-all duration-500 ease-in-out",children:e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsxs("div",{className:"flex animate-pulse flex-col gap-y-2 bg-white p-4",children:[e.jsxRuntimeExports.jsx("div",{className:"h-6 w-1/2 bg-gray-300"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"})]}),children:e.jsxRuntimeExports.jsx("div",{className:K.cn("relative z-[100] h-full max-h-full overflow-y-auto overflow-x-hidden border-r bg-background p-1 shadow-md"),onMouseEnter:()=>{d&&clearTimeout(d)},children:i.createElement(a.get(r,n,()=>e.jsxRuntimeExports.jsx("div",{})))})})}):null,e.jsxRuntimeExports.jsx("div",{className:"h-full w-60 border-r p-1",children:e.jsxRuntimeExports.jsx(i.Suspense,{fallback:e.jsxRuntimeExports.jsxs("div",{className:"flex animate-pulse flex-col gap-y-2 p-4",children:[e.jsxRuntimeExports.jsx("div",{className:"h-6 w-1/2 bg-gray-300"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"}),e.jsxRuntimeExports.jsx("div",{className:"h-16 w-full bg-gray-200"})]}),children:m?e.jsxRuntimeExports.jsxs(s.Tabs,{defaultValue:l.OUTLINE_KEY,className:"flex h-full w-full flex-col py-1",children:[e.jsxRuntimeExports.jsxs(s.TabsList,{className:"mx-1 grid h-10 grid-cols-2",children:[e.jsxRuntimeExports.jsxs(s.TabsTrigger,{value:l.OUTLINE_KEY,children:[e.jsxRuntimeExports.jsx(E.ListTreeIcon,{className:"mr-2 h-3"})," ",h("Outline")]}),e.jsxRuntimeExports.jsxs(s.TabsTrigger,{value:"data-provider",children:[e.jsxRuntimeExports.jsx(E.DatabaseIcon,{className:"mr-2 w-3"}),h("Data")]})]}),e.jsxRuntimeExports.jsx(s.TabsContent,{value:l.OUTLINE_KEY,className:"no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden",children:i.createElement(C)}),e.jsxRuntimeExports.jsx(s.TabsContent,{value:"data-provider",className:"flex-1 overflow-y-auto overflow-x-hidden",children:e.jsxRuntimeExports.jsx(B,{})})]}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs(s.Tabs,{defaultValue:l.OUTLINE_KEY,className:"flex h-full w-full flex-col py-1",children:[e.jsxRuntimeExports.jsx(s.TabsList,{className:"mx-1 grid h-10 grid-cols-1",children:e.jsxRuntimeExports.jsxs(s.TabsTrigger,{value:l.OUTLINE_KEY,children:[e.jsxRuntimeExports.jsx(E.ListTreeIcon,{className:"mr-2 h-3"})," ",h("Outline")]})}),e.jsxRuntimeExports.jsx(s.TabsContent,{value:l.OUTLINE_KEY,className:"no-scrollbar h-full flex-1 overflow-y-auto overflow-x-hidden",children:i.createElement(C)})]})})})})]})};exports.default=V;

package/dist/UILibrariesPanel-Igx0R4zc.js

@@ -1,138 +0,0 @@
-import { j as e } from "./jsx-runtime-WbnYoNE9.js";
-import { noop as w, has as y, first as f, isEmpty as k, filter as N, values as B, groupBy as h, mergeWith as A, isArray as g, keys as C, get as E, map as L } from "lodash-es";
-import b, { useState as j, useCallback as P, useMemo as I, useRef as T } from "react";
-import { h as M, m as R, L as z, O as G, ag as U, ba as _ } from "./ChaiBuilderEditor-JnZFji5_.js";
-import { syncBlocksWithDefaults as O, useChaiBlocks as S } from "@chaibuilder/runtime";
-import { Loader as F } from "lucide-react";
-import { useAtom as W } from "jotai";
-import { O as D } from "./STRINGS--j49GZJP.js";
-import { CaretRightIcon as K } from "@radix-ui/react-icons";
-import Y from "clsx";
-import { c as q } from "./Functions-7jnEwJyw.js";
-import { useTranslation as H } from "react-i18next";
-import "./_commonjsHelpers-UyOWmZb0.js";
-import "react-dom";
-import "@radix-ui/react-scroll-area";
-import "@floating-ui/react-dom";
-import "i18next";
-import "flagged";
-import "@react-hookz/web";
-import "./MODIFIERS-cBT31iqE.js";
-import "@radix-ui/react-toggle";
-import "class-variance-authority";
-import "./Class-6Hz2KzYb.js";
-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-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-quill";
-import "react-hotkeys-hook";
-const J = ({ block: r, closePopover: c }) => {
-  const [m, d] = j(!1), p = M("getExternalPredefinedBlock", w()), { addCoreBlock: i, addPredefinedBlock: a } = R(), [n] = z(), u = P(
-    async (x) => {
-      if (x.stopPropagation(), y(r, "component")) {
-        i(r, f(n)), c();
-        return;
-      }
-      d(!0);
-      const l = await p(r);
-      k(l) || a(O(l), f(n)), c();
-    },
-    [r]
-  );
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      onClick: m ? () => {
-      } : u,
-      className: "relative mt-2 cursor-pointer overflow-hidden rounded-md border border-gray-300 bg-white duration-200 hover:border-blue-500 hover:shadow-xl",
-      children: [
-        m && /* @__PURE__ */ e.jsxs("div", { className: "absolute flex h-full w-full items-center justify-center bg-black/70", children: [
-          /* @__PURE__ */ e.jsx(F, { className: "animate-spin", size: 15, color: "white" }),
-          " ",
-          /* @__PURE__ */ e.jsx("span", { className: "pl-2 text-sm text-white", children: "Adding..." })
-        ] }),
-        r.preview ? /* @__PURE__ */ e.jsx("img", { src: r.preview, className: "min-h-[25px] w-full rounded-md", alt: r.label }) : /* @__PURE__ */ e.jsx("div", { className: "flex h-20 items-center justify-center rounded-md border border-border border-gray-300 bg-gray-200", children: /* @__PURE__ */ e.jsx("p", { className: "max-w-xs text-center text-sm text-gray-700", children: r.label }) })
-      ]
-    }
-  ) });
-}, Oe = () => {
-  const { data: r } = G(), c = S(), m = N(B(c), { category: "custom" }), d = h(m, "group"), p = h(r, "group"), i = I(() => A(d, p, (o, s) => {
-    if (g(o) && g(s))
-      return [...o, ...s];
-  }), [d, p]), [a, n] = j(f(C(i)) || ""), [, u] = W(U), x = E(i, a, []), { t: l } = H(), t = T(null), v = (o) => {
-    t.current && (clearTimeout(t.current), t.current = null), t.current = setTimeout(() => {
-      t.current && n(o);
-    }, 300);
-  };
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: "relative flex h-full max-h-full overflow-hidden", children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "z-20 flex h-full max-h-full w-40 flex-col overflow-hidden bg-white", children: [
-      /* @__PURE__ */ e.jsxs("div", { className: "mb-2 flex flex-col justify-between rounded-md bg-background/30 p-1", children: [
-        /* @__PURE__ */ e.jsxs("h1", { className: "flex w-full flex-col items-baseline truncate px-1 text-sm font-semibold xl:flex-col", children: [
-          l("Library"),
-          ": ",
-          l("Preline UI")
-        ] }),
-        /* @__PURE__ */ e.jsx("span", { className: "p-0 text-[9px] font-light leading-3 opacity-80 xl:pl-1", children: l("Click to add blocks to page") })
-      ] }),
-      /* @__PURE__ */ e.jsx("hr", {}),
-      /* @__PURE__ */ e.jsx("div", { className: "sticky top-0 mt-2 flex h-full w-full flex-col items-center gap-1 px-1", children: b.Children.toArray(
-        L(i, (o, s) => /* @__PURE__ */ e.jsxs(
-          "div",
-          {
-            onMouseEnter: () => v(s),
-            onMouseLeave: () => clearTimeout(t.current),
-            onClick: () => n(s),
-            className: q(
-              "flex w-full cursor-pointer items-center justify-between rounded-md p-1 text-sm transition-all ease-in-out hover:bg-gray-200",
-              s === a ? "bg-blue-500 text-white hover:bg-blue-600" : ""
-            ),
-            children: [
-              /* @__PURE__ */ e.jsx("span", { children: s }),
-              /* @__PURE__ */ e.jsx(K, { className: "ml-2 h-5 w-5" })
-            ]
-          },
-          s
-        ))
-      ) })
-    ] }),
-    /* @__PURE__ */ e.jsx(
-      "div",
-      {
-        onMouseEnter: () => {
-          t.current && clearTimeout(t.current);
-        },
-        className: Y(
-          "fixed top-0 z-10 flex h-full max-h-full w-80 flex-col gap-2 border-l border-gray-300 bg-white px-2 py-2 transition-all ease-linear",
-          a ? "translate-x-40" : "-z-10 -translate-x-40"
-        ),
-        children: /* @__PURE__ */ e.jsx("div", { className: "h--[90%] w-full overflow-hidden", children: /* @__PURE__ */ e.jsxs(_, { className: "h-full space-y-2 px-2", children: [
-          b.Children.toArray(
-            x.map((o) => /* @__PURE__ */ e.jsx(J, { block: o, closePopover: () => u(D) }))
-          ),
-          /* @__PURE__ */ e.jsx("br", {}),
-          /* @__PURE__ */ e.jsx("br", {}),
-          /* @__PURE__ */ e.jsx("br", {})
-        ] }) })
-      }
-    )
-  ] }) });
-};
-export {
-  Oe as default
-};

package/dist/UILibrariesPanel-N144UO0E.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),r=require("lodash-es"),o=require("react"),u=require("./ChaiBuilderEditor-qxbkVVLu.cjs"),q=require("@chaibuilder/runtime"),E=require("lucide-react"),R=require("jotai"),b=require("./STRINGS-gPz7CUOk.cjs"),y=require("@radix-ui/react-icons"),v=require("clsx"),w=require("./Functions-N3yhPYKY.cjs"),N=require("react-i18next");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("react-dom");require("@radix-ui/react-scroll-area");require("@floating-ui/react-dom");require("i18next");require("flagged");require("@react-hookz/web");require("./MODIFIERS-YPHRtwrM.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-Zc8hpE7f.cjs");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-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-quill");require("react-hotkeys-hook");const k=({block:s,closePopover:d})=>{const[m,p]=o.useState(!1),f=u.useBuilderProp("getExternalPredefinedBlock",r.noop()),{addCoreBlock:c,addPredefinedBlock:a}=u.useAddBlock(),[x]=u.useSelectedBlockIds(),j=o.useCallback(async h=>{if(h.stopPropagation(),r.has(s,"component")){c(s,r.first(x)),d();return}p(!0);const l=await f(s);r.isEmpty(l)||a(q.syncBlocksWithDefaults(l),r.first(x)),d()},[s]);return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("div",{onClick:m?()=>{}:j,className:"relative mt-2 cursor-pointer overflow-hidden rounded-md border border-gray-300 bg-white duration-200 hover:border-blue-500 hover:shadow-xl",children:[m&&e.jsxRuntimeExports.jsxs("div",{className:"absolute flex h-full w-full items-center justify-center bg-black/70",children:[e.jsxRuntimeExports.jsx(E.Loader,{className:"animate-spin",size:15,color:"white"})," ",e.jsxRuntimeExports.jsx("span",{className:"pl-2 text-sm text-white",children:"Adding..."})]}),s.preview?e.jsxRuntimeExports.jsx("img",{src:s.preview,className:"min-h-[25px] w-full rounded-md",alt:s.label}):e.jsxRuntimeExports.jsx("div",{className:"flex h-20 items-center justify-center rounded-md border border-border border-gray-300 bg-gray-200",children:e.jsxRuntimeExports.jsx("p",{className:"max-w-xs text-center text-sm text-gray-700",children:s.label})})]})})},B=()=>{const{data:s}=u.useUILibraryBlocks(),d=q.useChaiBlocks(),m=r.filter(r.values(d),{category:"custom"}),p=r.groupBy(m,"group"),f=r.groupBy(s,"group"),c=o.useMemo(()=>r.mergeWith(p,f,(n,i)=>{if(r.isArray(n)&&r.isArray(i))return[...n,...i]}),[p,f]),[a,x]=o.useState(r.first(r.keys(c))||""),[,j]=R.useAtom(u.activePanelAtom),h=r.get(c,a,[]),{t:l}=N.useTranslation(),t=o.useRef(null),g=n=>{t.current&&(clearTimeout(t.current),t.current=null),t.current=setTimeout(()=>{t.current&&x(n)},300)};return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("div",{className:"relative flex h-full max-h-full overflow-hidden",children:[e.jsxRuntimeExports.jsxs("div",{className:"z-20 flex h-full max-h-full w-40 flex-col overflow-hidden bg-white",children:[e.jsxRuntimeExports.jsxs("div",{className:"mb-2 flex flex-col justify-between rounded-md bg-background/30 p-1",children:[e.jsxRuntimeExports.jsxs("h1",{className:"flex w-full flex-col items-baseline truncate px-1 text-sm font-semibold xl:flex-col",children:[l("Library"),": ",l("Preline UI")]}),e.jsxRuntimeExports.jsx("span",{className:"p-0 text-[9px] font-light leading-3 opacity-80 xl:pl-1",children:l("Click to add blocks to page")})]}),e.jsxRuntimeExports.jsx("hr",{}),e.jsxRuntimeExports.jsx("div",{className:"sticky top-0 mt-2 flex h-full w-full flex-col items-center gap-1 px-1",children:o.Children.toArray(r.map(c,(n,i)=>e.jsxRuntimeExports.jsxs("div",{onMouseEnter:()=>g(i),onMouseLeave:()=>clearTimeout(t.current),onClick:()=>x(i),className:w.cn("flex w-full cursor-pointer items-center justify-between rounded-md p-1 text-sm transition-all ease-in-out hover:bg-gray-200",i===a?"bg-blue-500 text-white hover:bg-blue-600":""),children:[e.jsxRuntimeExports.jsx("span",{children:i}),e.jsxRuntimeExports.jsx(y.CaretRightIcon,{className:"ml-2 h-5 w-5"})]},i)))})]}),e.jsxRuntimeExports.jsx("div",{onMouseEnter:()=>{t.current&&clearTimeout(t.current)},className:v("fixed top-0 z-10 flex h-full max-h-full w-80 flex-col gap-2 border-l border-gray-300 bg-white px-2 py-2 transition-all ease-linear",a?"translate-x-40":"-z-10 -translate-x-40"),children:e.jsxRuntimeExports.jsx("div",{className:"h--[90%] w-full overflow-hidden",children:e.jsxRuntimeExports.jsxs(u.ScrollArea,{className:"h-full space-y-2 px-2",children:[o.Children.toArray(h.map(n=>e.jsxRuntimeExports.jsx(k,{block:n,closePopover:()=>j(b.OUTLINE_KEY)}))),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("br",{}),e.jsxRuntimeExports.jsx("br",{})]})})})]})})};exports.default=B;