@chaibuilder/sdk 4.0.0-beta.1 → 4.0.0-beta.3

package/dist/runtime.d.ts

@@ -1,10 +1,309 @@
+import { default as default_2 } from 'react';
+import { RJSFSchema } from '@rjsf/utils';
+import { UiSchema } from '@rjsf/utils';
 
-export * from "@chaibuilder/runtime";
+export declare const builderProp: (options: ChaiBlockPropSchema) => ChaiBlockPropSchema;
+
+export declare let CHAI_GLOBAL_DATA_PROVIDER: (args: {
+    lang: string;
+    draft: boolean;
+    inBuilder: boolean;
+}) => Promise<any>;
+
+export declare type ChaiAsyncProp<T> = T | undefined;
+
+export declare type ChaiBlock<BlockProps = Record<string, any>> = {
+    _id: string;
+    _type: string;
+    _name?: string;
+    _parent?: string | null;
+} & BlockProps;
+
+export declare type ChaiBlockComponentProps<BlockProps, PageData = Record<string, unknown>> = ChaiBlock<BlockProps> & {
+    $loading?: boolean;
+    blockProps: Record<string, string>;
+    inBuilder: boolean;
+    lang: string;
+    draft: boolean;
+    pageProps?: ChaiPageProps;
+    pageData?: PageData;
+    children?: default_2.ReactNode;
+};
+
+export declare interface ChaiBlockDefinition<T = Record<string, any>, K = Record<string, any>> {
+    component: default_2.ComponentType<ChaiBlockComponentProps<T>>;
+    type: string;
+    label: string;
+    group: string;
+    description?: string;
+    wrapper?: boolean;
+    blocks?: ChaiBlock[] | (() => ChaiBlock[]);
+    category?: string;
+    hidden?: boolean | ((parentType?: string) => boolean);
+    icon?: default_2.ReactNode | default_2.ComponentType;
+    dataProviderMode?: "live" | "mock";
+    dataProviderDependencies?: string[];
+    dataProvider?: (args: {
+        lang: string;
+        draft: boolean;
+        inBuilder: boolean;
+        block: ChaiBlock<T>;
+        pageProps: ChaiPageProps;
+    }) => K;
+    schema?: ChaiBlockSchema;
+    uiSchema?: ChaiBlockUiSchema;
+    i18nProps?: string[];
+    aiProps?: string[];
+    inlineEditProps?: string[];
+    canAcceptBlock?: (type: string) => boolean;
+    canDelete?: () => boolean;
+    canMove?: () => boolean;
+    canDuplicate?: () => boolean;
+    canBeNested?: (type: string) => boolean;
+}
+
+declare type ChaiBlockDefinitionOptions<T, K> = Omit<ChaiBlockDefinition<T, K>, "component">;
+
+export declare type ChaiBlockPropSchema = RJSFSchema & {
+    ui?: ChaiBlockUiSchema;
+    default: any;
+};
+
+export declare type ChaiBlockSchema = {
+    properties?: Record<string, ChaiBlockPropSchema>;
+    allOf?: any[];
+    oneOf?: any[];
+} & Partial<Pick<ChaiBlockPropSchema, "required" | "dependencies" | "ui" | "title" | "description" | "default">>;
+
+export declare type ChaiBlockSchemas = {
+    schema: object | Omit<ChaiBlockSchema, "ui">;
+    uiSchema?: ChaiBlockUiSchema;
+};
+
+export declare type ChaiBlockUiSchema = UiSchema;
+
+declare type ChaiBuilderPage = {
+    id: string;
+    slug: string;
+    name: string;
+    lang: string;
+    online: boolean;
+    seo: Record<string, any>;
+};
+
+declare type ChaiBuilderPageType = {
+    key: string;
+    helpText?: string;
+    icon?: string;
+    hasSlug?: boolean;
+    name: string | (() => Promise<string>);
+    dynamicSegments?: string;
+    dynamicSlug?: string;
+    getDynamicPages?: ({ query, uuid }: {
+        query?: string;
+        uuid?: string;
+    }) => Promise<ChaiDynamicPage[]>;
+    search?: (query: string) => Promise<PageTypeSearchResult[] | Error>;
+    resolveLink?: (id: string, draft?: boolean, lang?: string) => Promise<string>;
+    onCreate?: (data: Omit<ChaiBuilderPage, "seo">) => Promise<void>;
+    onUpdate?: (data: ChaiBuilderPage) => Promise<void>;
+    onDelete?: (data: Pick<ChaiBuilderPage, "id">) => Promise<void>;
+    dataProvider?: (args: {
+        lang: string;
+        draft: boolean;
+        inBuilder: boolean;
+        pageProps: ChaiPageProps;
+    }) => Promise<Record<string, any>>;
+    defaultTrackingInfo?: () => Record<string, any>;
+    defaultSeo?: () => Record<string, any>;
+    defaultJSONLD?: () => Record<string, any>;
+    defaultMetaTags?: () => Record<string, string>;
+};
+
+export declare type ChaiDataProviderArgs<T = Record<string, any>, K = Record<string, any>> = {
+    block: ChaiBlock<T>;
+} & K;
+
+declare type ChaiDynamicPage = {
+    id: string;
+    slug: string;
+    name: string;
+    primaryPage?: string;
+};
+
+export declare type ChaiFont = ChaiFontViaUrl | ChaiFontViaSrc;
+
+export declare type ChaiFontViaSrc = {
+    family: string;
+    src: {
+        url: string;
+        format: string;
+        fontWeight?: string;
+        fontStyle?: string;
+        fontDisplay?: string;
+        fontStretch?: string;
+    }[];
+    fallback: string;
+};
+
+export declare type ChaiFontViaUrl = {
+    family: string;
+    url: string;
+    fallback: string;
+};
+
+export declare interface ChaiPageProps {
+    slug: string;
+    searchParams?: Record<string, string>;
+    [key: string]: any;
+}
+
+export declare type ChaiRuntimeProp<T> = T | undefined;
+
+export declare interface ChaiServerBlockDefinition<T = Record<string, any>, K = Record<string, any>> {
+    component: default_2.ComponentType<ChaiBlockComponentProps<T>>;
+    type: string;
+    dataProvider?: (args: {
+        draft: boolean;
+        inBuilder: boolean;
+        lang: string;
+        block: ChaiBlock<T>;
+        pageProps: ChaiPageProps;
+    }) => Promise<K>;
+    suspenseFallback?: default_2.ComponentType<any>;
+}
+
+export declare type ChaiStyles = {
+    [key: string]: string;
+};
+
+export declare const closestBlockProp: (blockType: keyof typeof REGISTERED_CHAI_BLOCKS, prop: string) => ChaiBlockPropSchema;
+
+declare interface CollectionConfig<T> {
+    id: string;
+    name: string;
+    icon?: string;
+    filters?: {
+        id: string;
+        name: string;
+    }[];
+    sort?: {
+        id: string;
+        name: string;
+    }[];
+    fetch: (params: CollectionFetchParams) => Promise<{
+        items: T[];
+        totalItems?: number;
+    }>;
+}
+
+export declare type CollectionFetchParams = {
+    block: ChaiBlock;
+    inBuilder: boolean;
+    draft: boolean;
+    lang: string;
+    pageProps: {
+        slug: string;
+        params?: Record<string, string>;
+        [key: string]: any;
+    };
+};
+
+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 getAllRegisteredFonts: () => ChaiFont[];
+
+export declare const getBlockFormSchemas: (type: keyof typeof REGISTERED_CHAI_BLOCKS) => {
+    schema: RJSFSchema;
+    uiSchema: UiSchema;
+} | null;
+
+export declare const getChaiCollection: (key: string) => CollectionConfig<any>;
+
+export declare const getChaiCollections: () => CollectionConfig<any>[];
+
+export declare const getChaiGlobalData: (args: {
+    lang: string;
+    draft: boolean;
+    inBuilder: boolean;
+}) => Promise<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 getRegisteredChaiBlock: (type: keyof typeof REGISTERED_CHAI_BLOCKS) => ChaiBlockDefinition | null;
+
+export declare const getRegisteredFont: (family: string) => ChaiFont;
+
+export declare const PAGE_TYPES: Record<string, ChaiBuilderPageType>;
+
+declare type PageTypeSearchResult = {
+    id: string;
+    name: string;
+    slug?: string;
+};
+
+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 registerChaiFont: (family: string, font: Omit<ChaiFont, "family">) => void;
+
+export declare const registerChaiGlobalDataProvider: <T>(globalDataProvider: (args: {
+    lang: string;
+    draft: boolean;
+    inBuilder: boolean;
+}) => Promise<T>) => 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 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;
+
+declare const REGISTERED_CHAI_BLOCKS: Record<string, ChaiBlockDefinition | ChaiServerBlockDefinition>;
+
+export declare const runtimeProp: (options: ChaiBlockPropSchema) => ChaiBlockPropSchema;
+
+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: {
+    lang: string;
+    draft: boolean;
+    inBuilder: boolean;
+    block: ChaiBlock<K>;
+    pageProps: ChaiPageProps;
+}) => Promise<K>) => void;
+
+export declare const setChaiServerBlockDataProvider: <K extends Record<string, any> = Record<string, any>>(type: keyof typeof REGISTERED_CHAI_BLOCKS, dataProvider: (args: {
+    lang: string;
+    draft: boolean;
+    inBuilder: boolean;
+    block: ChaiBlock<K>;
+    pageProps: ChaiPageProps;
+}) => Promise<K>) => void;
+
+export declare const StylesProp: (defaultClasses?: string) => ChaiBlockPropSchema;
+
+export declare const stylesProp: (defaultClasses?: string) => ChaiBlockPropSchema;
+
+export declare const syncBlocksWithDefaults: (blocks: ChaiBlock[]) => ChaiBlock[];
+
+export declare const useRegisteredChaiBlock: (type: keyof typeof REGISTERED_CHAI_BLOCKS) => any;
+
+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 global {
-    interface Window {
-        clarity: any;
-    }
-}

package/dist/runtime.js

@@ -1 +1,44 @@
-export * from "@chaibuilder/runtime";
+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";
+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,
+  C as runtimeProp,
+  H as setChaiBlockComponent,
+  s as setChaiBlockDataProvider,
+  e as setChaiServerBlockDataProvider,
+  c as stylesProp,
+  N as syncBlocksWithDefaults,
+  V as useRegisteredChaiBlock,
+  W as useRegisteredChaiBlocks,
+  v as useRegisteredFonts
+};

package/dist/save-to-lib-Cgpxw8-g.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-DF5DEvqb.cjs"),x=require("./index-WQwzsC7A.cjs"),I=require("@tanstack/react-query"),k=require("sonner"),C=require("lucide-react"),l=require("react"),H=require("./image-compression-DZ9WMmyn.cjs"),T=require("lodash-es"),X=r=>{const n=x.useApiUrl(),c=x.useFetch();return I.useMutation({mutationFn:async t=>c(n,{action:x.ACTIONS.UPSERT_LIBRARY_ITEM,data:t}),onSuccess:t=>{r?r(t):k.toast.success("Block saved successfully")},onError:t=>{console.error("Error saving block:",t),k.toast.error("Failed to save block",{description:t instanceof Error?t.message:"Unknown error"})}})},J=r=>{const n=x.useApiUrl(),c=x.useFetch();return I.useQuery({staleTime:"static",queryKey:[x.ACTIONS.GET_LIBRARY_ITEM,r],enabled:!!r,queryFn:async()=>{if(!r)return null;try{return await c(n,{action:x.ACTIONS.GET_LIBRARY_ITEM,data:{id:r}})}catch(t){throw console.error(t),new Error("The block could not be found on the server. It may have been deleted.")}},retry:!1})},Z=r=>{const n=x.useApiUrl(),c=x.useFetch();return I.useMutation({mutationFn:async t=>c(n,{action:x.ACTIONS.DELETE_LIBRARY_ITEM,data:{id:t}}),onSuccess:()=>{r?r():k.toast.success("Block deleted successfully")},onError:t=>{console.error("Error deleting block:",t),k.toast.error("Failed to delete block",{description:t instanceof Error?t.message:"Unknown error"})}})},ee=({blockId:r,libBlockId:n,isOpen:c,onClose:t,blockName:m,trigger:f})=>{const[u,i]=l.useState(!1),d=s.useUpdateBlocksPropsRealtime(),b=Z(()=>{d([r],{_libBlockId:void 0}),k.toast.success("Block deleted successfully"),i(!1),t()}),p=()=>{i(!0),b.mutate(n)},g=e.jsxs(s.Button,{type:"button",variant:"destructive",size:"sm",onClick:h=>h.preventDefault(),disabled:u,children:[e.jsx(C.Trash2,{className:"mr-2 h-4 w-4"}),"Delete"]});return e.jsxs(s.Popover,{open:c,onOpenChange:h=>!h&&t(),children:[e.jsx(s.PopoverTrigger,{asChild:!0,children:f||g}),e.jsx(s.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(s.Button,{type:"button",variant:"outline",size:"sm",onClick:t,disabled:u,children:"Cancel"}),e.jsx(s.Button,{type:"button",variant:"destructive",size:"sm",onClick:p,disabled:u,children:u?"Deleting...":"Delete"})]})]})})]})},te=({blockId:r,libBlockId:n,blockName:c,size:t="sm",className:m="",close:f})=>{const[u,i]=l.useState(!1);return e.jsx(ee,{blockId:r,libBlockId:n,isOpen:u,onClose:()=>{i(!1),f()},blockName:c,trigger:e.jsxs(s.Button,{type:"button",variant:"destructive",size:t,className:m,onClick:()=>i(!0),children:[e.jsx(C.Trash2,{className:"mr-2 h-4 w-4"}),"Delete"]})})},se=()=>{const r=x.useApiUrl(),n=x.useFetch(),c=I.useQueryClient(),{data:t=[],isLoading:m,error:f}=I.useQuery({queryKey:["library-groups"],staleTime:"static",placeholderData:[],queryFn:async()=>{try{return await n(r,{action:"GET_LIBRARY_GROUPS"})||[]}catch(d){return console.error("Error fetching library groups:",d),[]}}}),{mutateAsync:u,isPending:i}=I.useMutation({mutationFn:async d=>{if(!d.trim())throw new Error("Group name is required");return n(r,{action:"CREATE_BLOCK_GROUP",data:{name:d}})},onSuccess:()=>{c.invalidateQueries({queryKey:["library-groups"]}),k.toast.success("Group created successfully")},onError:d=>{console.error("Error creating group:",d),k.toast.error("Failed to create group",{description:d instanceof Error?d.message:"Unknown error"})}});return{groups:t,isLoading:m,error:f,createGroup:u,isCreating:i}},re=({value:r,onChange:n})=>{const[c,t]=l.useState(!1),[m,f]=l.useState(""),u=l.useRef(null),{groups:i}=se(),[d,b]=l.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=l.useMemo(()=>[...i,...d.filter(a=>!i.some(j=>j.id===a.id))],[i,d]),g=()=>{const a=m.trim();if(!a)return;const j={id:a,name:a};b(E=>[...E,j]),n(j.id),f(""),t(!1)};l.useEffect(()=>{c&&u.current&&u.current.focus()},[c]);const h=a=>{a.key==="Enter"&&(a.preventDefault(),g())};return l.useEffect(()=>{r&&!p.some(a=>a.id===r)&&n("")},[r,p,n]),c?e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Input,{ref:u,placeholder:"Enter new group name",value:m,onChange:a=>f(a.target.value),onKeyDown:h}),e.jsxs("div",{className:"flex justify-end gap-2",children:[e.jsx(s.Button,{variant:"outline",size:"sm",onClick:()=>t(!1),children:"Cancel"}),e.jsx(s.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:r,onChange:a=>n(a.target.value),children:[e.jsx("option",{value:"",children:"Select a group"}),i.length>0&&e.jsx("optgroup",{label:"Library Groups",children:i.map(a=>e.jsx("option",{value:a.id,children:a.name},`lib-${a.id}`))}),d.length>0&&e.jsx("optgroup",{label:"Predefined Groups",children:d.filter(a=>!i.some(j=>j.id===a.id)).map(a=>e.jsx("option",{value:a.id,children:a.name},`local-${a.id}`))})]}),e.jsx(s.Button,{type:"button",size:"icon",variant:"outline",onClick:()=>t(!0),children:e.jsx(C.Plus,{className:"h-4 w-4"})})]})},ne=({value:r,onChange:n})=>{const[c,t]=l.useState(!1),m=l.useRef(null),f=l.useCallback(async d=>{var p;const b=(p=d.target.files)==null?void 0:p[0];if(b)try{t(!0);let g=b;b.type.startsWith("image/")&&(g=await H.compressImageIfNeeded(b));const h=new FileReader;h.onloadend=()=>{n(h.result),t(!1)},h.readAsDataURL(g)}catch(g){console.error("Error reading file:",g),t(!1),k.toast.error("Failed to process image",{description:g instanceof Error?g.message:"Unknown error"})}},[n]),u=()=>{n(""),m.current&&(m.current.value="")},i=()=>{var d;(d=m.current)==null||d.click()};return e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(s.Input,{type:"file",ref:m,onChange:f,accept:"image/*",className:"hidden"}),e.jsx(s.Button,{type:"button",variant:"outline",onClick:i,disabled:c,className:"w-full",children:c?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(C.ImageIcon,{className:"h-4 w-4"}),"Select image"]})}),r&&e.jsx(s.Button,{type:"button",variant:"outline",size:"icon",onClick:u,children:e.jsx(C.X,{className:"h-4 w-4"})})]}),r&&e.jsx("div",{className:"aspect-video h-[200px] max-h-[200px] overflow-hidden rounded-md border",children:e.jsx("img",{src:r,alt:"Preview",className:"h-full w-full object-contain"})})]})},ae=r=>{const{blocks:n,close:c,blockId:t}=r,{getPartailBlocks:m}=s.usePartialBlocksStore(),f=n.find(o=>o._id===t),u=f==null?void 0:f._libBlockId,i=!!u,d=l.useMemo(()=>n.some(o=>o._type==="PartialBlock"||o._type==="GlobalBlock"),[n]),b=l.useMemo(()=>{let o=[];for(const y of n)if(y._type==="PartialBlock"||y._type==="GlobalBlock"){let v=m(y.partialBlockId);y._parent&&(v==null?void 0:v.length)>0&&(v=v.map(L=>(T.isEmpty(L._parent)&&T.set(L,"_parent",y._parent),L))),o=[...o,...v]}else o.push(y);return o},[n,m]),[p,g]=l.useState(""),[h,a]=l.useState(""),[j,E]=l.useState(""),[w,R]=l.useState(""),[B,U]=l.useState({}),[A,q]=l.useState(!1),[M,_]=l.useState(i),[O,z]=l.useState(!1),{hasPermission:K}=s.usePermissions(),Y=K(x.PAGES_PERMISSIONS.DELETE_LIBRARY_BLOCK),F=s.useUpdateBlocksPropsRealtime(),Q=()=>{F([t],{_libBlockId:void 0}),k.toast.success("Block delinked from library"),c()},{data:N,isLoading:S,isError:D}=J(u);l.useEffect(()=>{D&&i&&(z(!0),_(!1))},[D,i]),l.useEffect(()=>{N&&!S&&(g(N.name||""),a(N.group||""),E(N.description||""),R(N.preview||""),_(!1))},[N,S]),l.useEffect(()=>{const o=p.trim().length>=2,y=h.trim()!=="";q(o&&y)},[p,h]);const V=()=>{const o={};return p.trim()?p.length<2&&(o.name="Name must be at least 2 characters"):o.name="Name is required",h||(o.group="Group is required"),U(o),Object.keys(o).length===0},{resetLibrary:W}=s.useLibraryBlocks({id:""}),G=X(o=>{i||F([t],{_libBlockId:o.id}),k.toast.success(`Block ${i?"updated":"saved"} successfully`),W(o.library),c()}),$=async o=>{if(o.preventDefault(),!V())return;const y=b.map(v=>(T.has(v,"_libBlockId")&&delete v._libBlockId,v));G.mutate({name:p.trim(),group:h,blocks:y,description:j.trim(),...w&&w.startsWith("data:")?{previewImage:w}:{},...i?{id:u}:{}})},P=G.isPending;return M||S?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"})}):O?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(s.Button,{type:"button",variant:"outline",onClick:c,children:"Cancel"}),e.jsx(s.Button,{onClick:Q,variant:"destructive",children:"Delink Block"})]})]}):e.jsxs("div",{children:[d&&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(C.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:$,className:"space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Label,{htmlFor:"name",className:B.name?"text-destructive":"",children:"Name"}),e.jsx(s.Input,{id:"name",placeholder:"Enter block name",value:p,onChange:o=>g(o.target.value),className:B.name?"border-destructive":""}),B.name&&e.jsx("p",{className:"text-xs text-destructive",children:B.name})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Label,{htmlFor:"group",className:B.group?"text-destructive":"",children:"Group"}),e.jsx(re,{value:h,onChange:a}),B.group&&e.jsx("p",{className:"text-xs text-destructive",children:B.group})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Label,{htmlFor:"description",children:"Description (optional)"}),e.jsx(s.Input,{id:"description",placeholder:"Enter a brief description",className:"resize-none",value:j,onChange:o=>E(o.target.value)})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Label,{htmlFor:"previewImage",children:"Preview Image (optional)"}),e.jsx(ne,{value:w,onChange:R})]}),e.jsxs("div",{className:"flex justify-end gap-2 pt-2",children:[i&&Y&&e.jsx(te,{blockId:t,libBlockId:u,blockName:p,className:"mr-auto",close:c}),e.jsx(s.Button,{type:"button",variant:"outline",onClick:c,disabled:P,children:"Cancel"}),e.jsx(s.Button,{type:"submit",disabled:P||!A,children:P?"Saving...":i?"Update Block":"Save Block"})]})]})]})};exports.default=ae;