@chaibuilder/sdk 1.2.80 → 1.2.81

package/dist/{index-D2EMs9t6.js → index-kTk1tj2l.js}

@@ -3579,7 +3579,7 @@ const useAllDataProviders = () => useMemo$1(() => getChaiDataProviders(), []), B
 }, StaticCanvas$1 = StaticCanvas, FallbackError = () => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full w-full rounded-md bg-red-200 p-4 text-red-500", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full w-full flex-col items-center justify-center", children: [
   /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "font-semibold", children: "Oops! Something went wrong." }),
   /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Please try again." })
-] }) }), CodeEditor$1 = React__default.lazy(() => import("./CodeEditor-LsV5mq7M.js")), CanvasArea = () => {
+] }) }), CodeEditor$1 = React__default.lazy(() => import("./CodeEditor-u-gDiPZ2.js")), CanvasArea = () => {
   const [r] = useCodeEditor(), n = useBuilderProp("onError", noop$1);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full max-h-full w-full flex-1 flex-col", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex h-full max-h-full flex-col overflow-hidden bg-gray-100/40 px-2", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(Suspense, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(Skeleton, { className: "h-full" }), children: /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorBoundary$1, { fallback: /* @__PURE__ */ jsxRuntimeExports.jsx(FallbackError, {}), onError: n, children: /* @__PURE__ */ jsxRuntimeExports.jsx(StaticCanvas$1, {}) }) }),
@@ -4976,7 +4976,7 @@ const ViewData = ({ data: r, fullView: n }) => {
       }
     )
   ] });
-}, UnsplashImages = React__default.lazy(() => import("./UnsplashImages-_A9idjFx.js")), UploadImages = React__default.lazy(() => import("./UploadImages-cFKKLJaD.js")), ImagesPanel = ({
+}, UnsplashImages = React__default.lazy(() => import("./UnsplashImages-gys3oUzE.js")), UploadImages = React__default.lazy(() => import("./UploadImages-EQnGq0Zj.js")), ImagesPanel = ({
   isModalView: r = !1,
   onSelect: n = () => {
   }
@@ -7354,21 +7354,24 @@ const CoreBlock = ({ block: r, disabled: n, parentId: o }) => {
     ) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: b(c || i) }) })
   ] }) });
-}, CORE_GROUPS = ["basic", "typography", "media", "layout", "form", "advanced", "other"], ChaiBuilderBlocks = ({ groups: r, blocks: n, parentId: o }) => {
-  var c;
-  const { t: a } = useTranslation(), [i] = useBlocksStore(), l = (c = find(i, (u) => u._id === o)) == null ? void 0 : c._type;
+}, DefaultChaiBlocks = ({ parentId: r, gridCols: n = "grid-cols-2" }) => {
+  const o = useChaiBlocks(), a = useBuilderProp("filterChaiBlock", () => !0), i = filter(o, a), l = groupBy(i, "category"), c = uniq(map(l.core, "group"));
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ChaiBuilderBlocks, { gridCols: n, parentId: r, groups: c, blocks: l.core });
+}, CORE_GROUPS = ["basic", "typography", "media", "layout", "form", "advanced", "other"], ChaiBuilderBlocks = ({ groups: r, blocks: n, parentId: o, gridCols: a = "grid-cols-4" }) => {
+  var u;
+  const { t: i } = useTranslation(), [l] = useBlocksStore(), c = (u = find(l, (d) => d._id === o)) == null ? void 0 : u._type;
   return React__default.Children.toArray(
     map(
-      sortBy(r, (u) => CORE_GROUPS.indexOf(u) === -1 ? 99 : CORE_GROUPS.indexOf(u)),
-      (u) => reject(filter(values(n), { group: u }), { hidden: !0 }).length ? /* @__PURE__ */ jsxRuntimeExports.jsx(Accordion, { type: "single", value: u, collapsible: !0, className: "w-full", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(AccordionItem, { value: u, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionTrigger, { className: "rounded-md bg-gray-100 px-4 py-2 capitalize hover:no-underline", children: capitalize(a(u.toLowerCase())) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionContent, { className: "mx-auto max-w-xl p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid grid-cols-4 gap-2", children: React__default.Children.toArray(
-          reject(filter(values(n), { group: u }), { hidden: !0 }).map((d) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      sortBy(r, (d) => CORE_GROUPS.indexOf(d) === -1 ? 99 : CORE_GROUPS.indexOf(d)),
+      (d) => reject(filter(values(n), { group: d }), { hidden: !0 }).length ? /* @__PURE__ */ jsxRuntimeExports.jsx(Accordion, { type: "single", value: d, collapsible: !0, className: "w-full", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(AccordionItem, { value: d, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionTrigger, { className: "rounded-md bg-gray-100 px-4 py-2 capitalize hover:no-underline", children: capitalize(i(d.toLowerCase())) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(AccordionContent, { className: "mx-auto max-w-xl p-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "grid gap-2 " + a, children: React__default.Children.toArray(
+          reject(filter(values(n), { group: d }), { hidden: !0 }).map((p) => /* @__PURE__ */ jsxRuntimeExports.jsx(
             CoreBlock,
             {
               parentId: o,
-              block: d,
-              disabled: !canAcceptChildBlock(l, d.type) || !canBeNestedInside(l, d.type)
+              block: p,
+              disabled: !canAcceptChildBlock(c, p.type) || !canBeNestedInside(c, p.type)
             }
           ))
         ) }) })
@@ -7380,10 +7383,8 @@ const CoreBlock = ({ block: r, disabled: n, parentId: o }) => {
   showHeading: n = !0,
   parentId: o = void 0
 }) => {
-  const { t: a } = useTranslation(), [i, l] = useState$1("library"), [c, u] = useState$1("basic"), d = useChaiBlocks(), [, p] = useAtom$1(showPredefinedBlockCategoryAtom), m = useBuilderProp("importHTMLSupport", !0), g = useBuilderProp("filterChaiBlock", () => !0), h = filter(d, g), b = groupBy(h, "category"), x = uniq(map(b.core, "group"));
-  return useEffect$1(() => {
-    !includes(x, c) && !isEmpty(x) && !isEmpty(c) && u(first(x));
-  }, [x, c]), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("flex h-full w-full flex-col overflow-hidden", r), children: [
+  const { t: a } = useTranslation(), [i, l] = useState$1("library"), [, c] = useAtom$1(showPredefinedBlockCategoryAtom), u = useBuilderProp("importHTMLSupport", !0);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn("flex h-full w-full flex-col overflow-hidden", r), children: [
     n ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mb-2 flex flex-col justify-between rounded-md bg-background/30 p-1", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { className: "flex flex-col items-baseline px-1 text-xl font-semibold xl:flex-col", children: a("add_block") }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "p-0 text-xs font-light leading-3 opacity-80 xl:pl-1", children: a(i === "html" ? "enter_paste_tailwind_html" : "click_to_add_block") })
@@ -7391,21 +7392,21 @@ const CoreBlock = ({ block: r, disabled: n, parentId: o }) => {
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       Tabs$1,
       {
-        onValueChange: (v) => {
-          p(""), l(v);
+        onValueChange: (d) => {
+          c(""), l(d);
         },
         value: i,
-        className: cn("h-max", m ? "" : "hidden"),
-        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsList$1, { className: "grid w-full " + (m ? "grid-cols-3" : "grid-cols-1"), children: [
+        className: cn("h-max", u ? "" : "hidden"),
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(TabsList$1, { className: "grid w-full " + (u ? "grid-cols-3" : "grid-cols-1"), children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "library", children: a("library") }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "core", children: a("blocks") }),
-          m ? /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "html", children: a("import") }) : null
+          u ? /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTrigger, { value: "html", children: a("import") }) : null
         ] })
       }
     ),
-    i === "core" && /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea$1, { className: "-mx-1.5 h-[calc(100vh-156px)] overflow-y-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 w-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChaiBuilderBlocks, { parentId: o, groups: x, blocks: b.core }) }) }),
+    i === "core" && /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea$1, { className: "-mx-1.5 h-[calc(100vh-156px)] overflow-y-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mt-2 w-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DefaultChaiBlocks, { gridCols: "grid-cols-4", parentId: o }) }) }),
     i === "library" && /* @__PURE__ */ jsxRuntimeExports.jsx(UILibraries, { parentId: o }),
-    i === "html" && m ? /* @__PURE__ */ jsxRuntimeExports.jsx(ImportHTML$1, { parentId: o }) : null
+    i === "html" && u ? /* @__PURE__ */ jsxRuntimeExports.jsx(ImportHTML$1, { parentId: o }) : null
   ] });
 }, AddBlocksPanel$1 = AddBlocksPanel;
 function FaCheck(r) {
@@ -33915,7 +33916,7 @@ const TabletIcon = ({ landscape: r = !1 }) => /* @__PURE__ */ jsxRuntimeExports.
     /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
     /* @__PURE__ */ jsxRuntimeExports.jsx("br", {})
   ] }) });
-}, SettingsPanel$1 = SettingsPanel, TopBar = lazy(() => import("./Topbar-CY8ipE2A.js")), menuItems = [
+}, SettingsPanel$1 = SettingsPanel, TopBar = lazy(() => import("./Topbar-qT5SdMRK.js")), menuItems = [
   { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(Layers, { size: 20 }), label: "sidebar.outline", component: Outline$1 },
   { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(EditIcon, { size: 16 }), label: "sidebar.edit_block", component: SettingsPanel$1 },
   { icon: /* @__PURE__ */ jsxRuntimeExports.jsx(LightningBoltIcon, { className: "size-5" }), label: "sidebar.ai_assistant", component: AskAI },
@@ -34036,43 +34037,44 @@ const TabletIcon = ({ landscape: r = !1 }) => /* @__PURE__ */ jsxRuntimeExports.
   ] }) }) });
 };
 export {
-  useStylingBreakpoint as $,
+  useSelectedBlock as $,
   AddBlocksPanel$1 as A,
   BlockSettings as B,
   ChaiSelect$1 as C,
-  DarkMode as D,
-  useCanvasWidth as E,
+  DefaultChaiBlocks as D,
+  useAddClassesToBlocks as E,
   FaCheck as F,
-  useCanvasZoom as G,
-  useCopyBlockIds as H,
+  useCanvasWidth as G,
+  useCanvasZoom as H,
   ImportHTML$1 as I,
-  useCopyToClipboard as J,
-  useCurrentPage as K,
-  useCutBlockIds as L,
-  useDarkMode as M,
-  useDuplicateBlocks as N,
+  useCopyBlockIds as J,
+  useCopyToClipboard as K,
+  useCurrentPage as L,
+  useCutBlockIds as M,
+  useDarkMode as N,
   Outline$1 as O,
-  useGetPageData as P,
-  useHiddenBlockIds as Q,
-  useHighlightBlockId as R,
-  usePasteBlocks as S,
+  useDuplicateBlocks as P,
+  useGetPageData as Q,
+  useHiddenBlockIds as R,
+  useHighlightBlockId as S,
   ThemeOptions as T,
   UILibraries as U,
-  useBrandingOptions as V,
-  useRemoveBlocks as W,
-  useRemoveClassesFromBlocks as X,
-  useSelectedBlockCurrentClasses as Y,
-  useSelectedBlockAllClasses as Z,
-  useSelectedBlock as _,
+  usePasteBlocks as V,
+  useBrandingOptions as W,
+  useRemoveBlocks as X,
+  useRemoveClassesFromBlocks as Y,
+  useSelectedBlockCurrentClasses as Z,
+  useSelectedBlockAllClasses as _,
   useSelectedBlockIds as a,
-  useUILibraryBlocks as a0,
-  useStylingState as a1,
-  useSelectedBlocksDisplayChild as a2,
-  useAllBlocks as a3,
-  useActivePanel as a4,
-  useAddBlockParent as a5,
-  useSelectedBreakpoints as a6,
-  useSelectedStylingBlocks as a7,
+  useStylingBreakpoint as a0,
+  useUILibraryBlocks as a1,
+  useStylingState as a2,
+  useSelectedBlocksDisplayChild as a3,
+  useAllBlocks as a4,
+  useActivePanel as a5,
+  useAddBlockParent as a6,
+  useSelectedBreakpoints as a7,
+  useSelectedStylingBlocks as a8,
   useUpdateBlocksProps as b,
   useUpdateBlocksPropsRealtime as c,
   useBuilderProp as d,
@@ -34087,15 +34089,15 @@ export {
   AIUserPrompt as m,
   BlockAttributesEditor as n,
   ChaiBuilderEditor as o,
-  Breakpoints as p,
-  UndoRedo as q,
-  getBlocksFromHTML as r,
-  useBlocksStore as s,
-  useUndoManager as t,
+  DarkMode as p,
+  Breakpoints as q,
+  UndoRedo as r,
+  getBlocksFromHTML as s,
+  useBlocksStore as t,
   useCodeEditor as u,
-  useBuilderReset as v,
-  useReadOnlyMode as w,
-  useActiveModal as x,
-  useAddBlock as y,
-  useAddClassesToBlocks as z
+  useUndoManager as v,
+  useBuilderReset as w,
+  useReadOnlyMode as x,
+  useActiveModal as y,
+  useAddBlock as z
 };

package/package.json

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