@chaibuilder/sdk 0.1.1 → 0.1.3

package/dist/ui.js

@@ -1,29 +1,30 @@
 import { T as Fe, t as He } from "./toggle-00c9d11e.js";
-import { A as Ve, g as Ee, h as Be, b as Oe, f as qe, d as $e, c as Je, e as Ke, a as Qe, D as Ue, n as We, l as Xe, s as Ye, m as Ze, p as et, t as tt, x as at, o as ot, q as st, r as rt, u as nt, v as dt, w as it, k as lt, H as mt, j as ct, i as pt, S as ut } from "./dropdown-menu-d912a52e.js";
-import { B as xt, S as gt, a as bt, d as ht, f as yt, g as Nt, T as wt, e as Ct, b as St, r as vt, t as jt, h as Mt } from "./useBuilderProp-81a14920.js";
-import { A as Dt, c as kt, a as Rt, b as It } from "./accordion-c0176dc5.js";
-import { A as At, b as Pt, a as Lt, C as Gt, g as Ft, f as Ht, d as zt, c as Vt, e as Et, T as Bt } from "./textarea-0750bcd2.js";
+import { D as Ve, f as Ee, d as Be, k as Oe, e as $e, h as qe, l as Je, p as Ke, g as Qe, i as Ue, j as We, m as Xe, n as Ye, o as Ze, c as et, H as tt, b as at, a as ot, S as st } from "./dropdown-menu-ae3ed09b.js";
+import { B as nt, S as dt, a as it, d as lt, f as mt, g as ct, T as pt, e as ut, b as ft, r as xt, t as gt, h as bt } from "./useBuilderProp-81a14920.js";
+import { A as yt, c as Nt, a as wt, b as Ct } from "./accordion-c0176dc5.js";
+import { A as vt, b as jt, a as Mt, C as Tt, g as Dt, f as kt, d as Rt, c as It, e as _t, T as At } from "./textarea-0750bcd2.js";
 import { j as a } from "./jsx-runtime-944c88e2.js";
 import { cva as c } from "class-variance-authority";
 import { c as r } from "./utils-ac68b2c8.js";
+import { A as Lt, g as Gt, h as Ft, b as Ht, f as zt, d as Vt, c as Et, e as Bt, a as Ot } from "./alert-dialog-ee98f47e.js";
 import { D as g, a as b } from "./dialog-3d4e82ed.js";
-import { f as qt, d as $t, c as Jt, e as Kt, b as Qt } from "./dialog-3d4e82ed.js";
-import { a as Wt, b as Xt, I as Yt, L as Zt, R as ea } from "./link-0bfd8606.js";
-import { L as aa } from "./label-e770a087.js";
-import { S as sa, a as ra } from "./scroll-area-9f64a082.js";
-import { T as da, c as ia, a as la, b as ma } from "./tabs-85caa1e8.js";
-import { P as pa, b as ua, a as fa } from "./popover-f7addcf4.js";
+import { f as qt, d as Jt, c as Kt, e as Qt, b as Ut } from "./dialog-3d4e82ed.js";
+import { I as Xt } from "./input-a0ea2bc7.js";
+import { L as Zt } from "./label-e770a087.js";
+import { S as ta, a as aa } from "./scroll-area-9f64a082.js";
+import { T as sa, c as ra, a as na, b as da } from "./tabs-85caa1e8.js";
+import { P as la, b as ma, a as ca } from "./popover-f7addcf4.js";
 import * as n from "react";
 import { ChevronRightIcon as h, CheckIcon as y, DotFilledIcon as N, Cross2Icon as w, MagnifyingGlassIcon as C } from "@radix-ui/react-icons";
 import * as s from "@radix-ui/react-menubar";
-import { S as ga, d as ba, a as ha, f as ya, e as Na, g as wa, c as Ca, b as Sa } from "./select-7fddd7c3.js";
+import { S as ua, d as fa, a as xa, f as ga, e as ba, g as ha, c as ya, b as Na } from "./select-7fddd7c3.js";
 import * as d from "@radix-ui/react-dialog";
-import { S as ja } from "./separator-a80d065b.js";
+import { S as Ca } from "./separator-a80d065b.js";
 import { Command as i } from "cmdk";
-import { C as Ta, d as Da, b as ka, i as Ra, c as Ia, f as _a, j as Aa, n as Pa, e as La, g as Ga, h as Fa, k as Ha, l as za, m as Va, a as Ea } from "./context-menu-e1c240ce.js";
+import { C as va, d as ja, b as Ma, i as Ta, c as Da, f as ka, j as Ra, n as Ia, e as _a, g as Aa, h as Pa, k as La, l as Ga, m as Fa, a as Ha } from "./context-menu-e1c240ce.js";
+import { I as Va, a as Ea, L as Ba, R as Oa } from "./link-f80a947d.js";
 import "@radix-ui/react-toggle";
 import "@radix-ui/react-switch";
-import "@radix-ui/react-alert-dialog";
 import "@radix-ui/react-hover-card";
 import "@radix-ui/react-dropdown-menu";
 import "@radix-ui/react-slot";
@@ -34,11 +35,7 @@ import "lodash";
 import "@radix-ui/react-accordion";
 import "clsx";
 import "tailwind-merge";
-import "react-icons-picker";
-import "react-dom";
-import "./ImagesPanel-6595528d.js";
-import "react-quill";
-import "react-i18next";
+import "@radix-ui/react-alert-dialog";
 import "@radix-ui/react-label";
 import "@radix-ui/react-scroll-area";
 import "@radix-ui/react-tabs";
@@ -46,6 +43,11 @@ import "@radix-ui/react-popover";
 import "@radix-ui/react-select";
 import "@radix-ui/react-separator";
 import "@radix-ui/react-context-menu";
+import "react-icons-picker";
+import "react-dom";
+import "./ImagesPanel-8ccab6d9.js";
+import "react-quill";
+import "react-i18next";
 const S = c(
   "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
@@ -273,7 +275,7 @@ const B = n.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a.jsx(
 B.displayName = i.List.displayName;
 const O = n.forwardRef((e, t) => /* @__PURE__ */ a.jsx(i.Empty, { ref: t, className: "py-6 text-center text-sm", ...e }));
 O.displayName = i.Empty.displayName;
-const q = n.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a.jsx(
+const $ = n.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a.jsx(
   i.Group,
   {
     ref: o,
@@ -284,9 +286,9 @@ const q = n.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a.jsx(
     ...t
   }
 ));
-q.displayName = i.Group.displayName;
-const $ = n.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a.jsx(i.Separator, { ref: o, className: r("-mx-1 h-px bg-border", e), ...t }));
-$.displayName = i.Separator.displayName;
+$.displayName = i.Group.displayName;
+const q = n.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a.jsx(i.Separator, { ref: o, className: r("-mx-1 h-px bg-border", e), ...t }));
+q.displayName = i.Separator.displayName;
 const J = n.forwardRef(({ className: e, ...t }, o) => /* @__PURE__ */ a.jsx(
   i.Item,
   {
@@ -302,84 +304,84 @@ J.displayName = i.Item.displayName;
 const K = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx("span", { className: r("ml-auto text-xs tracking-widest text-muted-foreground", e), ...t });
 K.displayName = "CommandShortcut";
 export {
-  Dt as Accordion,
-  kt as AccordionContent,
-  Rt as AccordionItem,
-  It as AccordionTrigger,
-  At as Alert,
-  Pt as AlertDescription,
-  Ve as AlertDialog,
-  Ee as AlertDialogAction,
-  Be as AlertDialogCancel,
-  Oe as AlertDialogContent,
-  qe as AlertDialogDescription,
-  $e as AlertDialogFooter,
-  Je as AlertDialogHeader,
-  Ke as AlertDialogTitle,
-  Qe as AlertDialogTrigger,
-  Lt as AlertTitle,
+  yt as Accordion,
+  Nt as AccordionContent,
+  wt as AccordionItem,
+  Ct as AccordionTrigger,
+  vt as Alert,
+  jt as AlertDescription,
+  Lt as AlertDialog,
+  Gt as AlertDialogAction,
+  Ft as AlertDialogCancel,
+  Ht as AlertDialogContent,
+  zt as AlertDialogDescription,
+  Vt as AlertDialogFooter,
+  Et as AlertDialogHeader,
+  Bt as AlertDialogTitle,
+  Ot as AlertDialogTrigger,
+  Mt as AlertTitle,
   je as Badge,
-  xt as Button,
-  Gt as Card,
-  Ft as CardContent,
-  Ht as CardDescription,
-  zt as CardFooter,
-  Vt as CardHeader,
-  Et as CardTitle,
+  nt as Button,
+  Tt as Card,
+  Dt as CardContent,
+  kt as CardDescription,
+  Rt as CardFooter,
+  It as CardHeader,
+  _t as CardTitle,
   f as Command,
   Pe as CommandDialog,
   O as CommandEmpty,
-  q as CommandGroup,
+  $ as CommandGroup,
   E as CommandInput,
   J as CommandItem,
   B as CommandList,
-  $ as CommandSeparator,
+  q as CommandSeparator,
   K as CommandShortcut,
-  Ta as ContextMenu,
-  Da as ContextMenuCheckboxItem,
-  ka as ContextMenuContent,
-  Ra as ContextMenuGroup,
-  Ia as ContextMenuItem,
-  _a as ContextMenuLabel,
-  Aa as ContextMenuPortal,
-  Pa as ContextMenuRadioGroup,
-  La as ContextMenuRadioItem,
-  Ga as ContextMenuSeparator,
-  Fa as ContextMenuShortcut,
-  Ha as ContextMenuSub,
-  za as ContextMenuSubContent,
-  Va as ContextMenuSubTrigger,
-  Ea as ContextMenuTrigger,
+  va as ContextMenu,
+  ja as ContextMenuCheckboxItem,
+  Ma as ContextMenuContent,
+  Ta as ContextMenuGroup,
+  Da as ContextMenuItem,
+  ka as ContextMenuLabel,
+  Ra as ContextMenuPortal,
+  Ia as ContextMenuRadioGroup,
+  _a as ContextMenuRadioItem,
+  Aa as ContextMenuSeparator,
+  Pa as ContextMenuShortcut,
+  La as ContextMenuSub,
+  Ga as ContextMenuSubContent,
+  Fa as ContextMenuSubTrigger,
+  Ha as ContextMenuTrigger,
   g as Dialog,
   b as DialogContent,
   qt as DialogDescription,
-  $t as DialogFooter,
-  Jt as DialogHeader,
-  Kt as DialogTitle,
-  Qt as DialogTrigger,
-  Ue as DropdownMenu,
-  We as DropdownMenuCheckboxItem,
-  Xe as DropdownMenuContent,
-  Ye as DropdownMenuGroup,
-  Ze as DropdownMenuItem,
-  et as DropdownMenuLabel,
-  tt as DropdownMenuPortal,
-  at as DropdownMenuRadioGroup,
-  ot as DropdownMenuRadioItem,
-  st as DropdownMenuSeparator,
-  rt as DropdownMenuShortcut,
-  nt as DropdownMenuSub,
-  dt as DropdownMenuSubContent,
-  it as DropdownMenuSubTrigger,
-  lt as DropdownMenuTrigger,
-  mt as HoverCard,
-  ct as HoverCardContent,
-  pt as HoverCardTrigger,
-  Wt as IconPickerField,
-  Xt as ImagePickerField,
-  Yt as Input,
-  aa as Label,
-  Zt as LinkField,
+  Jt as DialogFooter,
+  Kt as DialogHeader,
+  Qt as DialogTitle,
+  Ut as DialogTrigger,
+  Ve as DropdownMenu,
+  Ee as DropdownMenuCheckboxItem,
+  Be as DropdownMenuContent,
+  Oe as DropdownMenuGroup,
+  $e as DropdownMenuItem,
+  qe as DropdownMenuLabel,
+  Je as DropdownMenuPortal,
+  Ke as DropdownMenuRadioGroup,
+  Qe as DropdownMenuRadioItem,
+  Ue as DropdownMenuSeparator,
+  We as DropdownMenuShortcut,
+  Xe as DropdownMenuSub,
+  Ye as DropdownMenuSubContent,
+  Ze as DropdownMenuSubTrigger,
+  et as DropdownMenuTrigger,
+  tt as HoverCard,
+  at as HoverCardContent,
+  ot as HoverCardTrigger,
+  Va as IconPickerField,
+  Ea as ImagePickerField,
+  Xt as Input,
+  Zt as Label,
+  Ba as LinkField,
   v as Menubar,
   R as MenubarCheckboxItem,
   D as MenubarContent,
@@ -396,21 +398,21 @@ export {
   T as MenubarSubContent,
   M as MenubarSubTrigger,
   j as MenubarTrigger,
-  pa as Popover,
-  ua as PopoverContent,
-  fa as PopoverTrigger,
-  ea as RTEField,
-  sa as ScrollArea,
-  ra as ScrollBar,
-  ga as Select,
-  ba as SelectContent,
-  ha as SelectGroup,
-  ya as SelectItem,
-  Na as SelectLabel,
-  wa as SelectSeparator,
-  Ca as SelectTrigger,
-  Sa as SelectValue,
-  ja as Separator,
+  la as Popover,
+  ma as PopoverContent,
+  ca as PopoverTrigger,
+  Oa as RTEField,
+  ta as ScrollArea,
+  aa as ScrollBar,
+  ua as Select,
+  fa as SelectContent,
+  xa as SelectGroup,
+  ga as SelectItem,
+  ba as SelectLabel,
+  ha as SelectSeparator,
+  ya as SelectTrigger,
+  Na as SelectValue,
+  Ca as Separator,
   Ie as Sheet,
   Ae as SheetClose,
   G as SheetContent,
@@ -419,24 +421,24 @@ export {
   F as SheetHeader,
   z as SheetTitle,
   _e as SheetTrigger,
-  gt as Skeleton,
-  ut as Switch,
-  da as Tabs,
-  ia as TabsContent,
-  la as TabsList,
-  ma as TabsTrigger,
-  Bt as Textarea,
-  bt as Toaster,
+  dt as Skeleton,
+  st as Switch,
+  sa as Tabs,
+  ra as TabsContent,
+  na as TabsList,
+  da as TabsTrigger,
+  At as Textarea,
+  it as Toaster,
   Fe as Toggle,
-  ht as Tooltip,
-  yt as TooltipContent,
-  Nt as TooltipPortal,
-  wt as TooltipProvider,
-  Ct as TooltipTrigger,
+  lt as Tooltip,
+  mt as TooltipContent,
+  ct as TooltipPortal,
+  pt as TooltipProvider,
+  ut as TooltipTrigger,
   S as badgeVariants,
-  St as buttonVariants,
-  vt as reducer,
-  jt as toast,
+  ft as buttonVariants,
+  xt as reducer,
+  gt as toast,
   He as toggleVariants,
-  Mt as useToast
+  bt as useToast
 };

package/dist/usePageActions-3bed2330.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("./index-ebd86d7f.cjs"),n=require("./index-207f2cbf.cjs");require("react-i18next");const a=require("./useBuilderProp-5e57d0c8.cjs"),c=()=>{const[s]=["SAVED"],[e,u]=t.useCurrentPage(),r=t.useBuilderReset();return i=>s==="UNSAVED"?(a.toast({variant:"destructive",title:"Please save unsaved changes"}),!1):e===i.uuid?!1:(r(),setTimeout(()=>{u(i.uuid)},100),!0)},d=()=>{const s=t.useQueryClient(),e=c();return n.useMutation({mutationFn:async u=>fetch("/pages",{method:"POST",body:JSON.stringify(u)}).then(r=>r.json()),onSuccess:u=>{s.invalidateQueries({queryKey:["pages"]}),e({uuid:u.uuid,slug:u.slug}),n.Nt.success("Page added successfully.")}})},o=()=>{const s=t.useQueryClient();return n.useMutation({mutationFn:async e=>fetch(`/page?uuid=${e.uuid}`,{method:"DELETE",body:JSON.stringify(e)}),onSuccess:()=>{n.Nt.success("Page deleted successfully."),s.invalidateQueries({queryKey:["pages"]})}})};exports.useAddPage=d;exports.useDeletePage=o;

package/dist/usePageActions-f86f6f65.js

@@ -0,0 +1,36 @@
+import { a2 as c, a3 as o, X as n } from "./index-390f7bef.js";
+import { u as r, N as i } from "./index-824a7bd0.js";
+import "react-i18next";
+import { t as d } from "./useBuilderProp-81a14920.js";
+const g = () => {
+  const [t] = ["SAVED"], [e, s] = c(), u = o();
+  return (a) => t === "UNSAVED" ? (d({ variant: "destructive", title: "Please save unsaved changes" }), !1) : e === a.uuid ? !1 : (u(), setTimeout(() => {
+    s(a.uuid);
+  }, 100), !0);
+}, P = () => {
+  const t = n(), e = g();
+  return r({
+    mutationFn: async (s) => fetch("/pages", {
+      method: "POST",
+      body: JSON.stringify(s)
+    }).then((u) => u.json()),
+    onSuccess: (s) => {
+      t.invalidateQueries({ queryKey: ["pages"] }), e({ uuid: s.uuid, slug: s.slug }), i.success("Page added successfully.");
+    }
+  });
+}, h = () => {
+  const t = n();
+  return r({
+    mutationFn: async (e) => fetch(`/page?uuid=${e.uuid}`, {
+      method: "DELETE",
+      body: JSON.stringify(e)
+    }),
+    onSuccess: () => {
+      i.success("Page deleted successfully."), t.invalidateQueries({ queryKey: ["pages"] });
+    }
+  });
+};
+export {
+  h as a,
+  P as u
+};

package/dist/useProjectActions-1de05f63.js

@@ -0,0 +1,17 @@
+import { X as u, Y as o } from "./index-390f7bef.js";
+import { u as a, N as c } from "./index-824a7bd0.js";
+const p = (e = "Project updated successfully.") => {
+  const s = u(), t = o();
+  return a({
+    mutationFn: async (r) => await fetch(`${t}/project`, {
+      method: "PUT",
+      body: JSON.stringify(r)
+    }),
+    onSuccess: () => {
+      s.invalidateQueries({ queryKey: ["project"] }), c.success(e);
+    }
+  });
+};
+export {
+  p as u
+};

package/dist/useProjectActions-5092ed79.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./index-ebd86d7f.cjs"),t=require("./index-207f2cbf.cjs"),n=(s="Project updated successfully.")=>{const c=e.useQueryClient(),r=e.useApiBaseUrl();return t.useMutation({mutationFn:async u=>await fetch(`${r}/project`,{method:"PUT",body:JSON.stringify(u)}),onSuccess:()=>{c.invalidateQueries({queryKey:["project"]}),t.Nt.success(s)}})};exports.useUpdateProject=n;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@chaibuilder/sdk",
   "private": false,
-  "version": "0.1.1",
+  "version": "0.1.3",
   "type": "module",
   "files": [
     "dist"
@@ -83,6 +83,7 @@
     "@tailwindcss/forms": "^0.5.6",
     "@tailwindcss/line-clamp": "^0.4.4",
     "@tailwindcss/typography": "^0.5.10",
+    "@tanstack/react-query": "^5.8.4",
     "analytics": "^0.8.9",
     "class-variance-authority": "0.6.1",
     "clsx": "1.2.1",
@@ -117,6 +118,7 @@
     "react-textarea-autosize": "^8.5.2",
     "react-wrap-balancer": "^1.0.0",
     "redux-undo": "1.1.0",
+    "sonner": "^1.2.0",
     "tailwind-merge": "1.13.2",
     "tailwindcss-animate": "1.0.6",
     "tippy.js": "^6.3.7",
@@ -126,7 +128,11 @@
   "devDependencies": {
     "@commitlint/cli": "17.7.1",
     "@commitlint/config-conventional": "17.7.0",
+    "@faker-js/faker": "^8.3.1",
+    "@nozbe/watermelondb": "^0.27.1",
     "@playwright/test": "^1.39.0",
+    "@tanstack/eslint-plugin-query": "^5.8.4",
+    "@types/better-sqlite3": "^7.6.7",
     "@types/jest": "^29.5.7",
     "@types/lodash": "^4.14.200",
     "@types/node": "^20.8.10",
@@ -137,12 +143,16 @@
     "@vitejs/plugin-react-swc": "^3.3.2",
     "autoprefixer": "^10.4.16",
     "better-docs": "^2.7.2",
+    "better-sqlite3": "^9.1.1",
+    "drizzle-kit": "^0.20.4",
+    "drizzle-orm": "^0.29.0",
     "eslint": "^8.45.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jsdoc": "^4.0.2",
+    "msw": "^2.0.8",
     "postcss": "^8.4.31",
     "prettier": "^3.0.3",
     "prettier-plugin-tailwindcss": "^0.5.6",
@@ -152,5 +162,8 @@
     "typescript": "^5.0.2",
     "vite": "^4.4.5",
     "vite-plugin-dts": "^3.6.3"
+  },
+  "msw": {
+    "workerDirectory": "public"
   }
 }

package/dist/AddBlocks-52d9b4d7.cjs

@@ -1,3 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-5c3ac4f7.cjs"),a=require("react"),s=require("lodash"),g=require("jotai"),k=require("./accordion-0afd8143.cjs"),C=require("./scroll-area-088530b9.cjs"),y=require("./tabs-860e37aa.cjs"),E=require("./useBuilderProp-5e57d0c8.cjs"),B=require("react-dnd"),v=require("@radix-ui/react-icons"),n=require("./index-506fb888.cjs");require("react-i18next");const w=require("@chaibuilder/blocks"),N=require("lucide-react"),q=require("./utils-3c452dd0.cjs"),f=require("./textarea-a338ede6.cjs"),I=require("./label-167415e5.cjs"),P=require("./html-to-json-d8ac554d.cjs");require("@radix-ui/react-accordion");require("@radix-ui/react-scroll-area");require("@radix-ui/react-tabs");require("@radix-ui/react-slot");require("class-variance-authority");require("@radix-ui/react-tooltip");require("@radix-ui/react-toast");require("i18next");require("flagged");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("./CONTROLS-031e1de3.cjs");require("clsx");require("tailwind-merge");require("@radix-ui/react-label");require("himalaya");const L=({block:t})=>{const{type:r,icon:l,label:d}=t,{addCoreBlock:u,addPredefinedBlock:p}=n.useAddBlock(),[j]=n.useSelectedBlockIds(),[,x]=g.useAtom(n.activePanelAtom),[,i]=g.useAtom(n.addBlocksModalAtom),b=()=>{s.has(t,"blocks")?p(w.syncBlocksWithDefaults(t.blocks),s.first(j)):u(t,s.first(j)),i(!1),x("layers")},[,h,c]=B.useDrag(()=>({type:"CHAI_BLOCK",item:t}));return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(B.DragPreviewImage,{connect:c,src:"https://placehold.co/100x30/000000/FFF?text="+(d||r).replace(/ /g,"+")}),e.jsxRuntimeExports.jsxs(E.Tooltip,{children:[e.jsxRuntimeExports.jsx(E.TooltipTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{onClick:b,type:"button",ref:h,className:"cursor-grab space-y-2 rounded-lg border border-border p-3 text-center hover:bg-slate-300/50",children:[a.createElement(l||v.BoxIcon,{className:"w-4 h-4 mx-auto"}),e.jsxRuntimeExports.jsx("p",{className:"truncate text-xs",children:d||r})]})}),e.jsxRuntimeExports.jsx(E.TooltipContent,{children:e.jsxRuntimeExports.jsx("p",{children:d||r})})]})]})},S=({block:t,closePopover:r})=>{var c;const[l,d]=a.useState(!1),u=E.useBuilderProp("getExternalPredefinedBlock"),{addCoreBlock:p,addPredefinedBlock:j}=n.useAddBlock(),[x]=n.useSelectedBlockIds(),[,i,b]=B.useDrag(()=>({type:"CHAI_BLOCK",item:t}),[t]),h=a.useCallback(async R=>{if(R.stopPropagation(),s.has(t,"component")){p(t,s.first(x)),r();return}d(!0);const o=await u(t);s.isEmpty(o)||j(w.syncBlocksWithDefaults(o),s.first(x)),r()},[t]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(B.DragPreviewImage,{connect:b,src:"https://placehold.co/100x30/000000/FFF?text="+((c=t.name||t.label)==null?void 0:c.replace(" ","+"))}),e.jsxRuntimeExports.jsxs("div",{ref:i,onClick:l?()=>{}:h,className:"relative cursor-grab overflow-hidden rounded-md border border-transparent duration-200 hover:scale-x-105 hover:border-foreground/20 hover:shadow-2xl",children:[l&&e.jsxRuntimeExports.jsxs("div",{className:"absolute flex h-full w-full items-center justify-center bg-black bg-opacity-70",children:[e.jsxRuntimeExports.jsx(N.Loader,{className:"animate-spin",size:15,color:"white"})," ",e.jsxRuntimeExports.jsx("span",{className:"pl-2 text-sm text-white",children:"Adding..."})]}),t.preview?e.jsxRuntimeExports.jsx("img",{src:t.preview,className:"min-h-[50px] w-full rounded-md border border-gray-300",alt:t.name}):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:t.name})})]})]})},M=()=>{const{data:t,isLoading:r}=n.useUILibraryBlocks(),l=w.useChaiBlocks(),d=s.filter(s.values(l),{category:"custom"}),u=s.groupBy(d,"group"),p=s.groupBy(t,"group"),[j,x]=a.useState(null),i=a.useMemo(()=>s.mergeWith(u,p,(o,m)=>{if(s.isArray(o)&&s.isArray(m))return[...o,...m]}),[u,p]),[,b]=g.useAtom(n.addBlocksModalAtom),[h,c]=a.useState("Navbar"),R=s.get(i,h,[]);return e.jsxRuntimeExports.jsxs("div",{className:"relative flex h-full max-h-full overflow-hidden py-2",children:[e.jsxRuntimeExports.jsx("ul",{className:"sticky top-0 h-full w-48 space-y-1 overflow-y-auto border-r px-2",children:r?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("li",{className:"h-8 w-full animate-pulse bg-gray-200"}),e.jsxRuntimeExports.jsx("li",{className:"mt-2 h-8 w-full animate-pulse bg-gray-200"}),e.jsxRuntimeExports.jsx("li",{className:"mt-2 h-8 w-full animate-pulse bg-gray-200"}),e.jsxRuntimeExports.jsx("li",{className:"mt-2 h-8 w-full animate-pulse bg-gray-200"}),e.jsxRuntimeExports.jsx("li",{className:"mt-2 h-8 w-full animate-pulse bg-gray-200"}),e.jsxRuntimeExports.jsx("li",{className:"mt-2 h-8 w-full animate-pulse bg-gray-200"})]}):a.Children.toArray(s.map(i,(o,m)=>e.jsxRuntimeExports.jsx("li",{onMouseOut:()=>{clearTimeout(j),x(null)},onMouseEnter:()=>{const A=setTimeout(()=>{c(m)},300);x(A)},onClick:()=>c(m),className:q.cn("-mx-2 cursor-default rounded-md rounded-r-none px-2 py-1 text-sm font-medium capitalize",h===m?"bg-blue-500 text-white":" text-gray-700 hover:bg-foreground/10"),children:m})))}),e.jsxRuntimeExports.jsx("div",{className:"h-full w-full space-y-2 overflow-y-auto px-8",children:a.Children.toArray(R.map(o=>e.jsxRuntimeExports.jsx(S,{block:o,closePopover:()=>b(!1)})))})]})},F=()=>{const[t,r]=a.useState(""),{addPredefinedBlock:l}=n.useAddBlock(),[d]=n.useSelectedBlockIds(),[,u]=g.useAtom(n.addBlockOffCanvasAtom),[,p]=g.useAtom(n.activePanelAtom),[,j]=g.useAtom(n.addBlocksModalAtom),x=()=>{const i=P.getBlocksFromHTML(t);l([...i],s.first(d)||null),r(""),u(!1),p("layers"),j(!1)};return e.jsxRuntimeExports.jsxs(f.Card,{className:"border-border/0 p-0 shadow-none",children:[e.jsxRuntimeExports.jsxs(f.CardHeader,{className:"p-3",children:[e.jsxRuntimeExports.jsx(f.CardTitle,{children:"Import HTML"}),e.jsxRuntimeExports.jsx(f.CardDescription,{children:"Use HTML snippets from component libraries like Tailwind UI, Flowbite, Preline, Kitwind, Tailblocks etc. or just copy paste your own HTML code. Only Tailwind CSS markup is supported."})]}),e.jsxRuntimeExports.jsx(f.CardContent,{className:"space-y-2 px-3 py-0",children:e.jsxRuntimeExports.jsxs("div",{className:"space-y-1",children:[e.jsxRuntimeExports.jsx(I.Label,{htmlFor:"current",className:"text-sm",children:"Enter HTML Code:"}),e.jsxRuntimeExports.jsx(f.Textarea,{autoFocus:!0,tabIndex:1,ref:i=>i&&i.focus(),defaultValue:t,onChange:i=>r(i.target.value),rows:12,placeholder:`<div>
-    <h1>Enter code here</h1>
-</div>`,className:"resize-none overflow-x-auto whitespace-pre font-mono font-normal"})]})}),e.jsxRuntimeExports.jsxs(f.CardFooter,{className:"flex flex-col justify-end p-3",children:[e.jsxRuntimeExports.jsx(E.Button,{disabled:t.trim()==="",onClick:()=>x(),size:"sm",className:"w-full",children:"Import"}),e.jsxRuntimeExports.jsxs(f.Alert,{variant:"default",className:"mt-2 p-1 text-blue-400",children:[e.jsxRuntimeExports.jsx(v.ExclamationTriangleIcon,{className:"h-4 w-4"}),e.jsxRuntimeExports.jsx(f.AlertTitle,{className:"text-sm leading-4",children:"Imported html will be added to the currently selected block. If no block is selected, the html will be added to the page."})]})]})]})},H=F,T=["ListItem","TableHead","TableBody","TableRow","TableCell","Column"],D=(t,r)=>{if(!t)return!s.includes(T,r);const l=t._type;return l==="List"?r==="ListItem":l==="Table"?r==="TableHead"||r==="TableBody":l==="TableHead"||l==="TableBody"?r==="TableRow":l==="TableRow"?r==="TableCell":l==="Row"?r==="Column":!s.includes(T,r)},O=()=>{const[t,r]=a.useState("core"),[l,d]=a.useState("basic"),u=w.useChaiBlocks(),[,p]=g.useAtom(n.showPredefinedBlockCategoryAtom),[,j]=g.useAtom(n.addBlocksModalAtom),[x]=n.useSelectedBlockIds(),i=n.useAllBlocks(),b=s.find(i,{_id:s.first(x)});console.log("chaiBlocks",u);const h=s.groupBy(s.filter(u,o=>D(b,o.type)),"category"),c=s.uniq(s.map(h.core,"group"));a.useEffect(()=>{!s.includes(c,l)&&!s.isEmpty(c)&&!s.isEmpty(l)&&d(s.first(c))},[c,l]);const R=o=>d(m=>m===o?"":o);return e.jsxRuntimeExports.jsxs("div",{className:"flex h-full flex-col overflow-hidden",children:[e.jsxRuntimeExports.jsxs("div",{className:"mb-2 flex justify-between rounded-md bg-background/30 p-1",children:[e.jsxRuntimeExports.jsxs("h1",{className:"flex flex-col items-baseline px-1 text-2xl font-semibold xl:flex-row",children:["Add block",e.jsxRuntimeExports.jsx("span",{className:"p-0 text-xs font-light leading-3 opacity-80 xl:pl-1",children:t==="html"?"(Enter or paste your own HTML code)":"(Drag & drop into tree view or click to add)"})]}),e.jsxRuntimeExports.jsxs("button",{onClick:()=>j(!1),className:"flex h-max items-center gap-x-1 rounded-full border p-px text-xs text-gray-800 hover:bg-gray-100 md:p-2",children:[e.jsxRuntimeExports.jsx(v.Cross1Icon,{width:12})," Close"]})]}),e.jsxRuntimeExports.jsx(y.Tabs,{onValueChange:o=>{p(""),r(o)},value:t,className:"h-max",children:e.jsxRuntimeExports.jsxs(y.TabsList,{className:"grid w-full grid-cols-3",children:[e.jsxRuntimeExports.jsx(y.TabsTrigger,{value:"core",children:"Core"}),e.jsxRuntimeExports.jsx(y.TabsTrigger,{value:"ui-blocks",children:"UI Blocks"}),e.jsxRuntimeExports.jsx(y.TabsTrigger,{value:"html",children:"Import"})]})}),t==="core"&&e.jsxRuntimeExports.jsx(C.ScrollArea,{className:"-mx-1.5 h-full",children:e.jsxRuntimeExports.jsx(k.Accordion,{type:"single",value:l,className:"w-full px-3",children:a.Children.toArray(s.map(c,o=>s.reject(s.filter(s.values(h.core),{group:o}),{hidden:!0}).length?e.jsxRuntimeExports.jsxs(k.AccordionItem,{value:o,className:"border-border",children:[e.jsxRuntimeExports.jsx(k.AccordionTrigger,{onClick:()=>R(o),className:"py-2 capitalize",children:o}),e.jsxRuntimeExports.jsx(k.AccordionContent,{children:e.jsxRuntimeExports.jsx("div",{className:"grid grid-cols-4 gap-2",children:a.Children.toArray(s.reject(s.filter(s.values(h.core),{group:o}),{hidden:!0}).map(m=>e.jsxRuntimeExports.jsx(L,{block:m})))})})]}):null))})}),t==="ui-blocks"&&e.jsxRuntimeExports.jsx(a.Suspense,{fallback:e.jsxRuntimeExports.jsx(E.Skeleton,{className:"h-32 w-full"}),children:e.jsxRuntimeExports.jsx(M,{})}),t==="html"&&e.jsxRuntimeExports.jsx(H,{})]})};exports.default=O;