@chaibuilder/sdk 4.0.0-beta.2 → 4.0.0-beta.4

package/dist/runtime.d.ts

@@ -1,15 +1,36 @@
+import { ComponentType } from 'react';
 import { default as default_2 } from 'react';
+import { ReactNode } from 'react';
 import { RJSFSchema } from '@rjsf/utils';
 import { UiSchema } from '@rjsf/utils';
 
+export declare const ADD_BLOCK_TABS: Record<string, AddBlockTab>;
+
+export declare type AddBlockTab = {
+    id: string;
+    tab: React.ComponentType;
+    tabContent: React.ComponentType;
+};
+
 export declare const builderProp: (options: ChaiBlockPropSchema) => ChaiBlockPropSchema;
 
+export declare const CHAI_BUILDER_PANELS: Record<string, ChaiSidebarPanel>;
+
 export declare let CHAI_GLOBAL_DATA_PROVIDER: (args: {
     lang: string;
     draft: boolean;
     inBuilder: boolean;
 }) => Promise<any>;
 
+declare type ChaiAsset = {
+    url: string;
+    id?: string;
+    thumbnailUrl?: string;
+    description?: string;
+    width?: number;
+    height?: number;
+};
+
 export declare type ChaiAsyncProp<T> = T | undefined;
 
 export declare type ChaiBlock<BlockProps = Record<string, any>> = {
@@ -19,6 +40,23 @@ export declare type ChaiBlock<BlockProps = Record<string, any>> = {
     _parent?: string | null;
 } & BlockProps;
 
+declare type ChaiBlock_2<T = Record<string, any>> = {
+    _id: string;
+    _name?: string;
+    _parent?: string | null | undefined;
+    _libBlock?: string;
+    _type: string;
+    partialBlockId?: string;
+} & T;
+
+declare type ChaiBlock_3<T = Record<string, any>> = {
+    _id: string;
+    _name?: string;
+    _parent?: string | null | undefined;
+    _type: string;
+    _libBlock?: string;
+} & T;
+
 export declare type ChaiBlockComponentProps<BlockProps, PageData = Record<string, unknown>> = ChaiBlock<BlockProps> & {
     $loading?: boolean;
     blockProps: Record<string, string>;
@@ -131,6 +169,12 @@ declare type ChaiDynamicPage = {
     primaryPage?: string;
 };
 
+declare type ChaiFlagOptions = {
+    key: string;
+    value?: any;
+    description?: string;
+};
+
 export declare type ChaiFont = ChaiFontViaUrl | ChaiFontViaSrc;
 
 export declare type ChaiFontViaSrc = {
@@ -152,6 +196,33 @@ export declare type ChaiFontViaUrl = {
     fallback: string;
 };
 
+declare type ChaiLibrary<T = Record<string, any>> = {
+    id: string;
+    name: string;
+    blocks?: ChaiLibraryBlock[];
+    description?: string;
+} & T;
+
+declare type ChaiLibraryBlock<T = Record<string, any>> = {
+    id: string;
+    group: string;
+    name: string;
+    preview?: string;
+    tags?: string[];
+    description?: string;
+} & T;
+
+declare type ChaiLibraryConfig<T> = {
+    id: string;
+    name: string;
+    description: string;
+    getBlocksList: (library: ChaiLibrary) => Promise<ChaiLibraryBlock<T>[]>;
+    getBlock: ({ library, block, }: {
+        library: ChaiLibrary;
+        block: ChaiLibraryBlock<T>;
+    }) => Promise<HTMLString | ChaiBlock_2[]>;
+};
+
 export declare interface ChaiPageProps {
     slug: string;
     searchParams?: Record<string, string>;
@@ -173,6 +244,23 @@ export declare interface ChaiServerBlockDefinition<T = Record<string, any>, K =
     suspenseFallback?: default_2.ComponentType<any>;
 }
 
+export declare interface ChaiSidebarPanel {
+    id: string;
+    position: "top" | "bottom";
+    view?: "standard" | "modal" | "overlay" | "drawer";
+    button: React.ComponentType<{
+        isActive: boolean;
+        show: () => void;
+        panelId: string;
+        position: "top" | "bottom";
+    }>;
+    label: string;
+    panel?: ComponentType;
+    width?: number;
+    isInternal?: boolean;
+    icon?: React.ReactNode;
+}
+
 export declare type ChaiStyles = {
     [key: string]: string;
 };
@@ -213,7 +301,7 @@ export declare const COLLECTIONS: Record<string, CollectionConfig<any>>;
 
 export declare const defaultChaiStyles: (classes: string) => string;
 
-export declare const getAIBlockProps: (type: keyof typeof REGISTERED_CHAI_BLOCKS) => any[] | ChaiBlockDefinition<Record<string, any>, Record<string, any>> | ChaiServerBlockDefinition<Record<string, any>, Record<string, any>>;
+export declare const getAIBlockProps: (type: keyof typeof REGISTERED_CHAI_BLOCKS) => ChaiBlockDefinition<Record<string, any>, Record<string, any>> | ChaiServerBlockDefinition<Record<string, any>, Record<string, any>> | never[];
 
 export declare const getAllRegisteredFonts: () => ChaiFont[];
 
@@ -232,17 +320,35 @@ export declare const getChaiGlobalData: (args: {
     inBuilder: boolean;
 }) => Promise<any>;
 
+export declare const getChaiLibrary: (id: string) => ChaiLibraryConfig<any>;
+
 export declare const getChaiPageType: (key: keyof typeof PAGE_TYPES) => ChaiBuilderPageType;
 
 export declare const getChaiPageTypes: () => ChaiBuilderPageType[];
 
 export declare const getDefaultBlockProps: (type: keyof typeof REGISTERED_CHAI_BLOCKS) => Record<string, any>;
 
-export declare const getI18nBlockProps: (type: keyof typeof REGISTERED_CHAI_BLOCKS) => any[] | ChaiBlockDefinition<Record<string, any>, Record<string, any>> | ChaiServerBlockDefinition<Record<string, any>, Record<string, any>>;
+export declare const getI18nBlockProps: (type: keyof typeof REGISTERED_CHAI_BLOCKS) => ChaiBlockDefinition<Record<string, any>, Record<string, any>> | ChaiServerBlockDefinition<Record<string, any>, Record<string, any>> | never[];
+
+export declare const getPreImportHTML: (code: string) => Promise<string>;
 
 export declare const getRegisteredChaiBlock: (type: keyof typeof REGISTERED_CHAI_BLOCKS) => ChaiBlockDefinition | null;
 
-export declare const getRegisteredFont: (family: string) => ChaiFont;
+export declare const getRegisteredFont: (family: string) => ChaiFont | undefined;
+
+declare type HTMLString = string;
+
+export declare const IfChaiFeatureFlag: ({ flagKey, children }: {
+    flagKey: string;
+    children: React.ReactNode;
+}) => ReactNode;
+
+export declare type MediaManagerProps = {
+    assetId?: string;
+    close: () => void;
+    onSelect: (assets: ChaiAsset | ChaiAsset[]) => void;
+    mode?: "image" | "video" | "audio";
+};
 
 export declare const PAGE_TYPES: Record<string, ChaiBuilderPageType>;
 
@@ -252,12 +358,24 @@ declare type PageTypeSearchResult = {
     slug?: string;
 };
 
+export declare const registerBlockSettingField: (id: string, component: React.ComponentType<any>) => void;
+
+export declare const registerBlockSettingTemplate: (id: string, component: React.ComponentType<any>) => void;
+
+export declare const registerBlockSettingWidget: (id: string, component: React.ComponentType<any>) => void;
+
+export declare const registerChaiAddBlockTab: (id: string, tab: Omit<AddBlockTab, "id">) => void;
+
 export declare const registerChaiBlock: <T extends Record<string, any> = Record<string, any>, K extends Record<string, any> = Record<string, any>>(component: default_2.ComponentType<ChaiBlockComponentProps<T>>, options: ChaiBlockDefinitionOptions<T, K>) => void;
 
 export declare const registerChaiBlockSchema: (blockSchema: ChaiBlockSchema) => ChaiBlockSchemas;
 
 export declare function registerChaiCollection<T = Record<any, any>>(id: string, collection: Omit<CollectionConfig<T>, "id">): void;
 
+export declare const registerChaiFeatureFlag: (key: string, flagOptions: Omit<ChaiFlagOptions, "key">) => void;
+
+export declare const registerChaiFeatureFlags: (flags: Record<string, Omit<ChaiFlagOptions, "key">>) => void;
+
 export declare const registerChaiFont: (family: string, font: Omit<ChaiFont, "family">) => void;
 
 export declare const registerChaiGlobalDataProvider: <T>(globalDataProvider: (args: {
@@ -266,16 +384,42 @@ export declare const registerChaiGlobalDataProvider: <T>(globalDataProvider: (ar
     inBuilder: boolean;
 }) => Promise<T>) => void;
 
+export declare const registerChaiLibrary: <T extends Record<string, any> = Record<string, any>>(id: string, library: Omit<ChaiLibraryConfig<T>, "id">) => void;
+
+export declare const registerChaiMediaManager: (component: React.ComponentType<MediaManagerProps>) => void;
+
 export declare const registerChaiPageType: (key: string, pageTypeOptions: Omit<ChaiBuilderPageType, "key" | "hasSlug">) => void;
 
 export declare const registerChaiPartialType: (key: string, pageTypeOptions: Omit<ChaiBuilderPageType, "key">) => void;
 
+export declare const registerChaiPreImportHTMLHook: (fn: (code: string) => Promise<string>) => void;
+
+export declare const registerChaiSaveToLibrary: (component: ComponentType<SaveToLibraryProps>) => void;
+
 export declare const registerChaiServerBlock: <T extends Record<string, any> = Record<string, any>, K extends Record<string, any> = Record<string, any>>(component: default_2.ComponentType<ChaiBlockComponentProps<T>>, options: Pick<ChaiBlockDefinition<T, K>, "type" | "dataProvider" | "i18nProps" | "aiProps">) => void;
 
+export declare const registerChaiSidebarPanel: (panelId: string, panelOptions: Omit<ChaiSidebarPanel, "id">) => void;
+
+export declare const registerChaiTopBar: (component: React.ComponentType) => void;
+
 declare const REGISTERED_CHAI_BLOCKS: Record<string, ChaiBlockDefinition | ChaiServerBlockDefinition>;
 
+export declare const resetSaveToLibrary: () => void;
+
+export declare const RJSF_EXTENSIONS: Record<string, {
+    id: string;
+    component: React.ComponentType<any>;
+    type: string;
+}>;
+
 export declare const runtimeProp: (options: ChaiBlockPropSchema) => ChaiBlockPropSchema;
 
+export declare type SaveToLibraryProps = {
+    blockId: string;
+    blocks: ChaiBlock_3[];
+    close: () => void;
+};
+
 export declare const setChaiBlockComponent: <T extends Record<string, any> = Record<string, any>>(type: keyof typeof REGISTERED_CHAI_BLOCKS, component: default_2.ComponentType<ChaiBlockComponentProps<T>>) => void;
 
 export declare const setChaiBlockDataProvider: <K extends Record<string, any> = Record<string, any>>(type: string, dataProvider: (args: {
@@ -300,10 +444,30 @@ export declare const stylesProp: (defaultClasses?: string) => ChaiBlockPropSchem
 
 export declare const syncBlocksWithDefaults: (blocks: ChaiBlock[]) => ChaiBlock[];
 
-export declare const useRegisteredChaiBlock: (type: keyof typeof REGISTERED_CHAI_BLOCKS) => any;
+export declare const useBlockSettingComponents: (type: "widget" | "field" | "template") => Record<string, React.ComponentType<any>>;
+
+export declare const useChaiAddBlockTabs: () => AddBlockTab[];
+
+export declare const useChaiFeatureFlag: (flagKey: string) => boolean;
+
+export declare const useChaiFeatureFlags: () => Record<string, ChaiFlagOptions>;
+
+export declare const useChaiLibraries: () => ChaiLibraryConfig<any>[];
+
+export declare const useChaiSidebarPanels: (position: "top" | "bottom") => ChaiSidebarPanel[];
+
+export declare const useMediaManagerComponent: () => ComponentType<MediaManagerProps>;
+
+export declare const useRegisteredChaiBlock: (type: keyof typeof REGISTERED_CHAI_BLOCKS) => ChaiBlockDefinition<Record<string, any>, Record<string, any>> | ChaiServerBlockDefinition<Record<string, any>, Record<string, any>> | null;
 
 export declare const useRegisteredChaiBlocks: () => Record<string, ChaiBlockDefinition<Record<string, any>, Record<string, any>> | ChaiServerBlockDefinition<Record<string, any>, Record<string, any>>>;
 
 export declare const useRegisteredFonts: () => ChaiFont[];
 
+export declare const useSaveToLibraryComponent: () => ComponentType<SaveToLibraryProps> | null;
+
+export declare const useToggleChaiFeatureFlag: (flagKey: string) => () => void;
+
+export declare const useTopBarComponent: () => ComponentType<    {}>;
+
 export { }

package/dist/runtime.js

@@ -1,44 +1,74 @@
-import { S as o, b as i, d as l, r as g, a as C, s as c } from "./index-Dxfyt4d4.js";
-import { b as p, C as P, P as B, a as k, g as d, d as n, f as m, e as f, r as u, c as S, h as y, i as D } from "./register-partial-type-BjtdfKHE.js";
-import { a as A, g as T, r as b, u as v } from "./fonts-DRly3Wzd.js";
-import { s as e } from "./core-yvI6kCyw.js";
-import { c as F, g as I, a as E, b as G, d as L, e as O, r as _, f as j, h as H, i as N, u as V, j as W } from "./core-yvI6kCyw.js";
+import { S as i, b as o, d as g, r as l, a as C, s as h } from "./index-Dxfyt4d4.js";
+import { A as n, C as p, I as u, R as B, k as d, o as P, a as k, b as S, r as m, c as T, e as F, f as b, j as L, m as y, p as A, q as f, v as I, x as D, t as R, u as v, d as _, h as E, g as x, l as M, w as O, n as H, s as G, i as N, y as j } from "./register-chai-top-bar-ESJHs5s-.js";
+import { b as q, C as w, P as J, a as K, g as U, d as V, f as X, e as Y, r as z, c as Q, h as Z, i as $ } from "./register-partial-type-BjtdfKHE.js";
+import { a as ae, g as se, r as re, u as te } from "./fonts-DRly3Wzd.js";
+import { s as e } from "./core-Dr7QYemB.js";
+import { c as oe, g as ge, a as le, b as Ce, d as he, e as ce, r as ne, f as pe, h as ue, i as Be, u as de, j as Pe } from "./core-Dr7QYemB.js";
 const s = e;
 export {
-  p as CHAI_GLOBAL_DATA_PROVIDER,
-  P as COLLECTIONS,
-  B as PAGE_TYPES,
-  o as StylesProp,
-  i as builderProp,
-  F as closestBlockProp,
-  l as defaultChaiStyles,
-  I as getAIBlockProps,
-  A as getAllRegisteredFonts,
-  E as getBlockFormSchemas,
-  k as getChaiCollection,
-  d as getChaiCollections,
-  n as getChaiGlobalData,
-  m as getChaiPageType,
-  f as getChaiPageTypes,
-  G as getDefaultBlockProps,
-  L as getI18nBlockProps,
-  O as getRegisteredChaiBlock,
-  T as getRegisteredFont,
-  _ as registerChaiBlock,
-  g as registerChaiBlockSchema,
-  u as registerChaiCollection,
-  b as registerChaiFont,
-  S as registerChaiGlobalDataProvider,
-  y as registerChaiPageType,
-  D as registerChaiPartialType,
-  j as registerChaiServerBlock,
+  n as ADD_BLOCK_TABS,
+  p as CHAI_BUILDER_PANELS,
+  q as CHAI_GLOBAL_DATA_PROVIDER,
+  w as COLLECTIONS,
+  u as IfChaiFeatureFlag,
+  J as PAGE_TYPES,
+  B as RJSF_EXTENSIONS,
+  i as StylesProp,
+  o as builderProp,
+  oe as closestBlockProp,
+  g as defaultChaiStyles,
+  ge as getAIBlockProps,
+  ae as getAllRegisteredFonts,
+  le as getBlockFormSchemas,
+  K as getChaiCollection,
+  U as getChaiCollections,
+  V as getChaiGlobalData,
+  d as getChaiLibrary,
+  X as getChaiPageType,
+  Y as getChaiPageTypes,
+  Ce as getDefaultBlockProps,
+  he as getI18nBlockProps,
+  P as getPreImportHTML,
+  ce as getRegisteredChaiBlock,
+  se as getRegisteredFont,
+  k as registerBlockSettingField,
+  S as registerBlockSettingTemplate,
+  m as registerBlockSettingWidget,
+  T as registerChaiAddBlockTab,
+  ne as registerChaiBlock,
+  l as registerChaiBlockSchema,
+  z as registerChaiCollection,
+  F as registerChaiFeatureFlag,
+  b as registerChaiFeatureFlags,
+  re as registerChaiFont,
+  Q as registerChaiGlobalDataProvider,
+  L as registerChaiLibrary,
+  y as registerChaiMediaManager,
+  Z as registerChaiPageType,
+  $ as registerChaiPartialType,
+  A as registerChaiPreImportHTMLHook,
+  f as registerChaiSaveToLibrary,
+  pe as registerChaiServerBlock,
+  I as registerChaiSidebarPanel,
+  D as registerChaiTopBar,
+  R as resetSaveToLibrary,
   C as runtimeProp,
-  H as setChaiBlockComponent,
+  ue as setChaiBlockComponent,
   s as setChaiBlockDataProvider,
   e as setChaiServerBlockDataProvider,
-  c as stylesProp,
-  N as syncBlocksWithDefaults,
-  V as useRegisteredChaiBlock,
-  W as useRegisteredChaiBlocks,
-  v as useRegisteredFonts
+  h as stylesProp,
+  Be as syncBlocksWithDefaults,
+  v as useBlockSettingComponents,
+  _ as useChaiAddBlockTabs,
+  E as useChaiFeatureFlag,
+  x as useChaiFeatureFlags,
+  M as useChaiLibraries,
+  O as useChaiSidebarPanels,
+  H as useMediaManagerComponent,
+  de as useRegisteredChaiBlock,
+  Pe as useRegisteredChaiBlocks,
+  te as useRegisteredFonts,
+  G as useSaveToLibraryComponent,
+  N as useToggleChaiFeatureFlag,
+  j as useTopBarComponent
 };

package/dist/{save-to-lib-BK3uTFss.js → save-to-lib-WwOzbgiF.js}

@@ -1,10 +1,11 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { B as b, c as z, a9 as se, aa as ie, P as oe, I as L, aE as le, am as ce, aF as de, L as P } from "./index-S8ibZk9Q.js";
-import { ar as D, as as G, A as _, ay as ue } from "./index-BDnwJqMw.js";
+import { B as b, z as L } from "./register-chai-top-bar-ESJHs5s-.js";
+import { c as j, a6 as se, a7 as ie, P as oe, az as le, ai as ce, aA as de, L as P } from "./index-rAcNbjk_.js";
+import { ar as D, as as G, A as _, ay as ue } from "./index-Dno42B0a.js";
 import { useQuery as K, useMutation as U, useQueryClient as me } from "@tanstack/react-query";
 import { toast as N } from "sonner";
-import { Trash2 as Y, Plus as pe, ImageIcon as he, X as fe, AlertCircle as ge } from "lucide-react";
-import { useState as f, useRef as V, useMemo as S, useEffect as w, useCallback as be } from "react";
+import { Trash2 as Y, Plus as pe, ImageIcon as fe, X as he, AlertCircle as ge } from "lucide-react";
+import { useState as h, useRef as V, useMemo as S, useEffect as w, useCallback as be } from "react";
 import { c as ve } from "./image-compression-DsZ1oqpb.js";
 import { isEmpty as ye, set as ke, has as Ne } from "lodash-es";
 const Be = (r) => {
@@ -67,7 +68,7 @@ const Be = (r) => {
   blockName: u,
   trigger: p
 }) => {
-  const [d, l] = f(!1), c = z(), v = Ie(() => {
+  const [d, l] = h(!1), c = j(), v = Ie(() => {
     c([r], { _libBlockId: void 0 }), N.success("Block deleted successfully"), l(!1), t();
   });
   return /* @__PURE__ */ i(se, { open: o, onOpenChange: (m) => !m && t(), children: [
@@ -111,7 +112,7 @@ const Be = (r) => {
   className: u = "",
   close: p
 }) => {
-  const [d, l] = f(!1);
+  const [d, l] = h(!1);
   return /* @__PURE__ */ e(
     we,
     {
@@ -184,7 +185,7 @@ const Be = (r) => {
     isCreating: l
   };
 }, Pe = ({ value: r, onChange: a }) => {
-  const [o, t] = f(!1), [u, p] = f(""), d = V(null), { groups: l } = xe(), [c, v] = f([
+  const [o, t] = h(!1), [u, p] = h(""), d = V(null), { groups: l } = xe(), [c, v] = h([
     { id: "hero", name: "Hero" },
     { id: "feature", name: "Feature" },
     { id: "footer", name: "Footer" },
@@ -212,7 +213,7 @@ const Be = (r) => {
     { id: "stats", name: "Stats" },
     { id: "team", name: "Team" },
     { id: "timeline", name: "Timeline" }
-  ]), h = S(
+  ]), f = S(
     () => [
       ...l,
       ...c.filter((n) => !l.some((B) => B.id === n.id))
@@ -231,8 +232,8 @@ const Be = (r) => {
     n.key === "Enter" && (n.preventDefault(), g());
   };
   return w(() => {
-    r && !h.some((n) => n.id === r) && a("");
-  }, [r, h, a]), o ? /* @__PURE__ */ i("div", { className: "space-y-2", children: [
+    r && !f.some((n) => n.id === r) && a("");
+  }, [r, f, a]), o ? /* @__PURE__ */ i("div", { className: "space-y-2", children: [
     /* @__PURE__ */ e(
       L,
       {
@@ -264,10 +265,10 @@ const Be = (r) => {
     /* @__PURE__ */ e(b, { type: "button", size: "icon", variant: "outline", onClick: () => t(!0), children: /* @__PURE__ */ e(pe, { className: "h-4 w-4" }) })
   ] });
 }, Le = ({ value: r, onChange: a }) => {
-  const [o, t] = f(!1), u = V(null), p = be(
+  const [o, t] = h(!1), u = V(null), p = be(
     async (c) => {
-      var h;
-      const v = (h = c.target.files) == null ? void 0 : h[0];
+      var f;
+      const v = (f = c.target.files) == null ? void 0 : f[0];
       if (v)
         try {
           t(!0);
@@ -295,16 +296,16 @@ const Be = (r) => {
         /* @__PURE__ */ e("div", { className: "h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent" }),
         "Uploading..."
       ] }) : /* @__PURE__ */ i("span", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ e(he, { className: "h-4 w-4" }),
+        /* @__PURE__ */ e(fe, { className: "h-4 w-4" }),
         "Select image"
       ] }) }),
       r && /* @__PURE__ */ e(b, { type: "button", variant: "outline", size: "icon", onClick: () => {
         a(""), u.current && (u.current.value = "");
-      }, children: /* @__PURE__ */ e(fe, { className: "h-4 w-4" }) })
+      }, children: /* @__PURE__ */ e(he, { className: "h-4 w-4" }) })
     ] }),
     r && /* @__PURE__ */ e("div", { className: "aspect-video h-[200px] max-h-[200px] overflow-hidden rounded-md border", children: /* @__PURE__ */ e("img", { src: r, alt: "Preview", className: "h-full w-full object-contain" }) })
   ] });
-}, qe = (r) => {
+}, ze = (r) => {
   const { blocks: a, close: o, blockId: t } = r, { getPartailBlocks: u } = le(), p = a.find((s) => s._id === t), d = p == null ? void 0 : p._libBlockId, l = !!d, c = S(() => a.some((s) => s._type === "PartialBlock" || s._type === "GlobalBlock"), [a]), v = S(() => {
     let s = [];
     for (const y of a)
@@ -314,31 +315,31 @@ const Be = (r) => {
       } else
         s.push(y);
     return s;
-  }, [a, u]), [h, g] = f(""), [m, n] = f(""), [B, E] = f(""), [x, A] = f(""), [C, W] = f({}), [Q, $] = f(!1), [H, q] = f(l), [X, J] = f(!1), { hasPermission: Z } = ce(), ee = Z(ue.DELETE_LIBRARY_BLOCK), M = z(), te = () => {
-    M([t], { _libBlockId: void 0 }), N.success("Block delinked from library"), o();
+  }, [a, u]), [f, g] = h(""), [m, n] = h(""), [B, E] = h(""), [x, A] = h(""), [C, W] = h({}), [Q, $] = h(!1), [H, q] = h(l), [X, J] = h(!1), { hasPermission: Z } = ce(), ee = Z(ue.DELETE_LIBRARY_BLOCK), z = j(), te = () => {
+    z([t], { _libBlockId: void 0 }), N.success("Block delinked from library"), o();
   }, {
     data: I,
-    isLoading: F,
-    isError: O
+    isLoading: T,
+    isError: M
   } = Ce(d);
   w(() => {
-    O && l && (J(!0), q(!1));
-  }, [O, l]), w(() => {
-    I && !F && (g(I.name || ""), n(I.group || ""), E(I.description || ""), A(I.preview || ""), q(!1));
-  }, [I, F]), w(() => {
-    const s = h.trim().length >= 2, y = m.trim() !== "";
+    M && l && (J(!0), q(!1));
+  }, [M, l]), w(() => {
+    I && !T && (g(I.name || ""), n(I.group || ""), E(I.description || ""), A(I.preview || ""), q(!1));
+  }, [I, T]), w(() => {
+    const s = f.trim().length >= 2, y = m.trim() !== "";
     $(s && y);
-  }, [h, m]);
+  }, [f, m]);
   const re = () => {
     const s = {};
-    return h.trim() ? h.length < 2 && (s.name = "Name must be at least 2 characters") : s.name = "Name is required", m || (s.group = "Group is required"), W(s), Object.keys(s).length === 0;
-  }, { resetLibrary: ae } = de({ id: "" }), j = Be((s) => {
-    l || M([t], { _libBlockId: s.id }), N.success(`Block ${l ? "updated" : "saved"} successfully`), ae(s.library), o();
+    return f.trim() ? f.length < 2 && (s.name = "Name must be at least 2 characters") : s.name = "Name is required", m || (s.group = "Group is required"), W(s), Object.keys(s).length === 0;
+  }, { resetLibrary: ae } = de({ id: "" }), O = Be((s) => {
+    l || z([t], { _libBlockId: s.id }), N.success(`Block ${l ? "updated" : "saved"} successfully`), ae(s.library), o();
   }), ne = async (s) => {
     if (s.preventDefault(), !re()) return;
     const y = v.map((k) => (Ne(k, "_libBlockId") && delete k._libBlockId, k));
-    j.mutate({
-      name: h.trim(),
+    O.mutate({
+      name: f.trim(),
       group: m,
       blocks: y,
       description: B.trim(),
@@ -347,8 +348,8 @@ const Be = (r) => {
       // Include id if in edit mode
       ...l ? { id: d } : {}
     });
-  }, T = j.isPending;
-  return H || F ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ e("div", { className: "h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent" }) }) : X ? /* @__PURE__ */ i("div", { className: "space-y-4 p-6", children: [
+  }, F = O.isPending;
+  return H || T ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ e("div", { className: "h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent" }) }) : X ? /* @__PURE__ */ i("div", { className: "space-y-4 p-6", children: [
     /* @__PURE__ */ e("div", { className: "font-medium text-destructive", children: "Block Not Found" }),
     /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: "This block could not be found on the server. It may have been deleted." }),
     /* @__PURE__ */ i("div", { className: "flex justify-end gap-2 pt-4", children: [
@@ -371,7 +372,7 @@ const Be = (r) => {
           {
             id: "name",
             placeholder: "Enter block name",
-            value: h,
+            value: f,
             onChange: (s) => g(s.target.value),
             className: C.name ? "border-destructive" : ""
           }
@@ -406,17 +407,17 @@ const Be = (r) => {
           {
             blockId: t,
             libBlockId: d,
-            blockName: h,
+            blockName: f,
             className: "mr-auto",
             close: o
           }
         ),
-        /* @__PURE__ */ e(b, { type: "button", variant: "outline", onClick: o, disabled: T, children: "Cancel" }),
-        /* @__PURE__ */ e(b, { type: "submit", disabled: T || !Q, children: T ? "Saving..." : l ? "Update Block" : "Save Block" })
+        /* @__PURE__ */ e(b, { type: "button", variant: "outline", onClick: o, disabled: F, children: "Cancel" }),
+        /* @__PURE__ */ e(b, { type: "submit", disabled: F || !Q, children: F ? "Saving..." : l ? "Update Block" : "Save Block" })
       ] })
     ] })
   ] });
 };
 export {
-  qe as default
+  ze as default
 };

package/dist/save-to-lib-ffjCZYJ5.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("./register-chai-top-bar-BqwKw4uy.cjs"),b=require("./index-C99FhuF1.cjs"),x=require("./index-C0-pgg_p.cjs"),C=require("@tanstack/react-query"),j=require("sonner"),E=require("lucide-react"),i=require("react"),X=require("./image-compression-DZ9WMmyn.cjs"),R=require("lodash-es"),J=s=>{const r=x.useApiUrl(),l=x.useFetch();return C.useMutation({mutationFn:async t=>l(r,{action:x.ACTIONS.UPSERT_LIBRARY_ITEM,data:t}),onSuccess:t=>{s?s(t):j.toast.success("Block saved successfully")},onError:t=>{console.error("Error saving block:",t),j.toast.error("Failed to save block",{description:t instanceof Error?t.message:"Unknown error"})}})},Z=s=>{const r=x.useApiUrl(),l=x.useFetch();return C.useQuery({staleTime:"static",queryKey:[x.ACTIONS.GET_LIBRARY_ITEM,s],enabled:!!s,queryFn:async()=>{if(!s)return null;try{return await l(r,{action:x.ACTIONS.GET_LIBRARY_ITEM,data:{id:s}})}catch(t){throw console.error(t),new Error("The block could not be found on the server. It may have been deleted.")}},retry:!1})},ee=s=>{const r=x.useApiUrl(),l=x.useFetch();return C.useMutation({mutationFn:async t=>l(r,{action:x.ACTIONS.DELETE_LIBRARY_ITEM,data:{id:t}}),onSuccess:()=>{s?s():j.toast.success("Block deleted successfully")},onError:t=>{console.error("Error deleting block:",t),j.toast.error("Failed to delete block",{description:t instanceof Error?t.message:"Unknown error"})}})},te=({blockId:s,libBlockId:r,isOpen:l,onClose:t,blockName:m,trigger:f})=>{const[d,o]=i.useState(!1),c=b.useUpdateBlocksPropsRealtime(),y=ee(()=>{c([s],{_libBlockId:void 0}),j.toast.success("Block deleted successfully"),o(!1),t()}),p=()=>{o(!0),y.mutate(r)},g=e.jsxs(u.Button,{type:"button",variant:"destructive",size:"sm",onClick:h=>h.preventDefault(),disabled:d,children:[e.jsx(E.Trash2,{className:"mr-2 h-4 w-4"}),"Delete"]});return e.jsxs(b.Popover,{open:l,onOpenChange:h=>!h&&t(),children:[e.jsx(b.PopoverTrigger,{asChild:!0,children:f||g}),e.jsx(b.PopoverContent,{className:"z-[9999] w-72 p-4",sideOffset:5,align:"center",children:e.jsxs("div",{className:"space-y-3",children:[e.jsx("h4",{className:"font-medium",children:"Delete Block"}),e.jsxs("p",{className:"text-sm",children:["Are you sure you want to delete the block",e.jsxs("span",{className:"font-medium",children:[' "',m,'"']}),"?"]}),e.jsx("p",{className:"text-xs text-muted-foreground",children:"This block will be permanently removed from the library. This action cannot be undone."}),e.jsxs("div",{className:"flex justify-end gap-2 pt-2",children:[e.jsx(u.Button,{type:"button",variant:"outline",size:"sm",onClick:t,disabled:d,children:"Cancel"}),e.jsx(u.Button,{type:"button",variant:"destructive",size:"sm",onClick:p,disabled:d,children:d?"Deleting...":"Delete"})]})]})})]})},se=({blockId:s,libBlockId:r,blockName:l,size:t="sm",className:m="",close:f})=>{const[d,o]=i.useState(!1);return e.jsx(te,{blockId:s,libBlockId:r,isOpen:d,onClose:()=>{o(!1),f()},blockName:l,trigger:e.jsxs(u.Button,{type:"button",variant:"destructive",size:t,className:m,onClick:()=>o(!0),children:[e.jsx(E.Trash2,{className:"mr-2 h-4 w-4"}),"Delete"]})})},re=()=>{const s=x.useApiUrl(),r=x.useFetch(),l=C.useQueryClient(),{data:t=[],isLoading:m,error:f}=C.useQuery({queryKey:["library-groups"],staleTime:"static",placeholderData:[],queryFn:async()=>{try{return await r(s,{action:"GET_LIBRARY_GROUPS"})||[]}catch(c){return console.error("Error fetching library groups:",c),[]}}}),{mutateAsync:d,isPending:o}=C.useMutation({mutationFn:async c=>{if(!c.trim())throw new Error("Group name is required");return r(s,{action:"CREATE_BLOCK_GROUP",data:{name:c}})},onSuccess:()=>{l.invalidateQueries({queryKey:["library-groups"]}),j.toast.success("Group created successfully")},onError:c=>{console.error("Error creating group:",c),j.toast.error("Failed to create group",{description:c instanceof Error?c.message:"Unknown error"})}});return{groups:t,isLoading:m,error:f,createGroup:d,isCreating:o}},ne=({value:s,onChange:r})=>{const[l,t]=i.useState(!1),[m,f]=i.useState(""),d=i.useRef(null),{groups:o}=re(),[c,y]=i.useState([{id:"hero",name:"Hero"},{id:"feature",name:"Feature"},{id:"footer",name:"Footer"},{id:"content",name:"Content"},{id:"testimonial",name:"Testimonial"},{id:"pricing",name:"Pricing"},{id:"login",name:"Login"},{id:"logos",name:"Logos"},{id:"about",name:"About"},{id:"banner",name:"Banner"},{id:"blog",name:"Blog"},{id:"careers",name:"Careers"},{id:"casestudy",name:"Casestudy"},{id:"changelog",name:"Changelog"},{id:"compare",name:"Compare"},{id:"contact",name:"Contact"},{id:"cta",name:"Cta"},{id:"faq",name:"Faq"},{id:"gallery",name:"Gallery"},{id:"integration",name:"Integration"},{id:"list",name:"List"},{id:"navbar",name:"Navbar"},{id:"product",name:"Product"},{id:"signup",name:"Signup"},{id:"stats",name:"Stats"},{id:"team",name:"Team"},{id:"timeline",name:"Timeline"}]),p=i.useMemo(()=>[...o,...c.filter(n=>!o.some(B=>B.id===n.id))],[o,c]),g=()=>{const n=m.trim();if(!n)return;const B={id:n,name:n};y(w=>[...w,B]),r(B.id),f(""),t(!1)};i.useEffect(()=>{l&&d.current&&d.current.focus()},[l]);const h=n=>{n.key==="Enter"&&(n.preventDefault(),g())};return i.useEffect(()=>{s&&!p.some(n=>n.id===s)&&r("")},[s,p,r]),l?e.jsxs("div",{className:"space-y-2",children:[e.jsx(u.Input,{ref:d,placeholder:"Enter new group name",value:m,onChange:n=>f(n.target.value),onKeyDown:h}),e.jsxs("div",{className:"flex justify-end gap-2",children:[e.jsx(u.Button,{variant:"outline",size:"sm",onClick:()=>t(!1),children:"Cancel"}),e.jsx(u.Button,{size:"sm",onClick:g,children:"Create"})]})]}):e.jsxs("div",{className:"flex gap-2",children:[e.jsxs("select",{className:"w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",value:s,onChange:n=>r(n.target.value),children:[e.jsx("option",{value:"",children:"Select a group"}),o.length>0&&e.jsx("optgroup",{label:"Library Groups",children:o.map(n=>e.jsx("option",{value:n.id,children:n.name},`lib-${n.id}`))}),c.length>0&&e.jsx("optgroup",{label:"Predefined Groups",children:c.filter(n=>!o.some(B=>B.id===n.id)).map(n=>e.jsx("option",{value:n.id,children:n.name},`local-${n.id}`))})]}),e.jsx(u.Button,{type:"button",size:"icon",variant:"outline",onClick:()=>t(!0),children:e.jsx(E.Plus,{className:"h-4 w-4"})})]})},ae=({value:s,onChange:r})=>{const[l,t]=i.useState(!1),m=i.useRef(null),f=i.useCallback(async c=>{var p;const y=(p=c.target.files)==null?void 0:p[0];if(y)try{t(!0);let g=y;y.type.startsWith("image/")&&(g=await X.compressImageIfNeeded(y));const h=new FileReader;h.onloadend=()=>{r(h.result),t(!1)},h.readAsDataURL(g)}catch(g){console.error("Error reading file:",g),t(!1),j.toast.error("Failed to process image",{description:g instanceof Error?g.message:"Unknown error"})}},[r]),d=()=>{r(""),m.current&&(m.current.value="")},o=()=>{var c;(c=m.current)==null||c.click()};return e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(u.Input,{type:"file",ref:m,onChange:f,accept:"image/*",className:"hidden"}),e.jsx(u.Button,{type:"button",variant:"outline",onClick:o,disabled:l,className:"w-full",children:l?e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"h-4 w-4 animate-spin rounded-full border-2 border-current border-t-transparent"}),"Uploading..."]}):e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(E.ImageIcon,{className:"h-4 w-4"}),"Select image"]})}),s&&e.jsx(u.Button,{type:"button",variant:"outline",size:"icon",onClick:d,children:e.jsx(E.X,{className:"h-4 w-4"})})]}),s&&e.jsx("div",{className:"aspect-video h-[200px] max-h-[200px] overflow-hidden rounded-md border",children:e.jsx("img",{src:s,alt:"Preview",className:"h-full w-full object-contain"})})]})},oe=s=>{const{blocks:r,close:l,blockId:t}=s,{getPartailBlocks:m}=b.usePartialBlocksStore(),f=r.find(a=>a._id===t),d=f==null?void 0:f._libBlockId,o=!!d,c=i.useMemo(()=>r.some(a=>a._type==="PartialBlock"||a._type==="GlobalBlock"),[r]),y=i.useMemo(()=>{let a=[];for(const v of r)if(v._type==="PartialBlock"||v._type==="GlobalBlock"){let k=m(v.partialBlockId);v._parent&&(k==null?void 0:k.length)>0&&(k=k.map(T=>(R.isEmpty(T._parent)&&R.set(T,"_parent",v._parent),T))),a=[...a,...k]}else a.push(v);return a},[r,m]),[p,g]=i.useState(""),[h,n]=i.useState(""),[B,w]=i.useState(""),[S,_]=i.useState(""),[N,A]=i.useState({}),[q,M]=i.useState(!1),[O,F]=i.useState(o),[z,K]=i.useState(!1),{hasPermission:Y}=b.usePermissions(),Q=Y(x.PAGES_PERMISSIONS.DELETE_LIBRARY_BLOCK),D=b.useUpdateBlocksPropsRealtime(),V=()=>{D([t],{_libBlockId:void 0}),j.toast.success("Block delinked from library"),l()},{data:I,isLoading:P,isError:G}=Z(d);i.useEffect(()=>{G&&o&&(K(!0),F(!1))},[G,o]),i.useEffect(()=>{I&&!P&&(g(I.name||""),n(I.group||""),w(I.description||""),_(I.preview||""),F(!1))},[I,P]),i.useEffect(()=>{const a=p.trim().length>=2,v=h.trim()!=="";M(a&&v)},[p,h]);const W=()=>{const a={};return p.trim()?p.length<2&&(a.name="Name must be at least 2 characters"):a.name="Name is required",h||(a.group="Group is required"),A(a),Object.keys(a).length===0},{resetLibrary:$}=b.useLibraryBlocks({id:""}),U=J(a=>{o||D([t],{_libBlockId:a.id}),j.toast.success(`Block ${o?"updated":"saved"} successfully`),$(a.library),l()}),H=async a=>{if(a.preventDefault(),!W())return;const v=y.map(k=>(R.has(k,"_libBlockId")&&delete k._libBlockId,k));U.mutate({name:p.trim(),group:h,blocks:v,description:B.trim(),...S&&S.startsWith("data:")?{previewImage:S}:{},...o?{id:d}:{}})},L=U.isPending;return O||P?e.jsx("div",{className:"flex items-center justify-center p-8",children:e.jsx("div",{className:"h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent"})}):z?e.jsxs("div",{className:"space-y-4 p-6",children:[e.jsx("div",{className:"font-medium text-destructive",children:"Block Not Found"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"This block could not be found on the server. It may have been deleted."}),e.jsxs("div",{className:"flex justify-end gap-2 pt-4",children:[e.jsx(u.Button,{type:"button",variant:"outline",onClick:l,children:"Cancel"}),e.jsx(u.Button,{onClick:V,variant:"destructive",children:"Delink Block"})]})]}):e.jsxs("div",{children:[c&&e.jsxs("div",{className:"mb-4 flex items-start gap-2 rounded-md border border-destructive/50 bg-destructive/10 p-3 text-destructive",children:[e.jsx(E.AlertCircle,{className:"mt-0.5 h-5 w-5 flex-shrink-0"}),e.jsxs("div",{children:[e.jsx("p",{className:"font-medium",children:"Partial Blocks Detected"}),e.jsx("p",{className:"mt-1 text-xs",children:"This block contains one or more Partial Blocks. Partial blocks will be merged into the library block"})]})]}),e.jsxs("form",{onSubmit:H,className:"space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(b.Label,{htmlFor:"name",className:N.name?"text-destructive":"",children:"Name"}),e.jsx(u.Input,{id:"name",placeholder:"Enter block name",value:p,onChange:a=>g(a.target.value),className:N.name?"border-destructive":""}),N.name&&e.jsx("p",{className:"text-xs text-destructive",children:N.name})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(b.Label,{htmlFor:"group",className:N.group?"text-destructive":"",children:"Group"}),e.jsx(ne,{value:h,onChange:n}),N.group&&e.jsx("p",{className:"text-xs text-destructive",children:N.group})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(b.Label,{htmlFor:"description",children:"Description (optional)"}),e.jsx(u.Input,{id:"description",placeholder:"Enter a brief description",className:"resize-none",value:B,onChange:a=>w(a.target.value)})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(b.Label,{htmlFor:"previewImage",children:"Preview Image (optional)"}),e.jsx(ae,{value:S,onChange:_})]}),e.jsxs("div",{className:"flex justify-end gap-2 pt-2",children:[o&&Q&&e.jsx(se,{blockId:t,libBlockId:d,blockName:p,className:"mr-auto",close:l}),e.jsx(u.Button,{type:"button",variant:"outline",onClick:l,disabled:L,children:"Cancel"}),e.jsx(u.Button,{type:"submit",disabled:L||!q,children:L?"Saving...":o?"Update Block":"Save Block"})]})]})]})};exports.default=oe;