@chaibuilder/sdk 1.2.38 → 1.2.40

package/dist/core.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ChaiBuilderEditor-PLQ8Sq34.cjs"),s=require("react-i18next");require("./jsx-runtime-Z_BpKhVy.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("react");require("clsx");require("react-dom");require("@radix-ui/react-scroll-area");require("@floating-ui/react-dom");require("jotai");require("i18next");require("flagged");require("lodash-es");require("./STRINGS-gPz7CUOk.cjs");require("./Functions-N3yhPYKY.cjs");require("tailwind-merge");require("@chaibuilder/runtime");require("@react-hookz/web");require("./MODIFIERS-YPHRtwrM.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-Zc8hpE7f.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-quill");require("react-hotkeys-hook");require("lodash");require("lucide-react");exports.ChaiBuilderEditor=e.ChaiBuilderEditor;exports.useActiveModal=e.useActiveModal;exports.useActivePanel=e.useActivePanel;exports.useAddBlock=e.useAddBlock;exports.useAddBlockParent=e.useAddBlockParent;exports.useAddClassesToBlocks=e.useAddClassesToBlocks;exports.useAllBlocks=e.useAllBlocks;exports.useBlocksStore=e.useBlocksStore;exports.useBrandingOptions=e.useBrandingOptions;exports.useBuilderProp=e.useBuilderProp;exports.useBuilderReset=e.useBuilderReset;exports.useCanvasWidth=e.useCanvasWidth;exports.useCanvasZoom=e.useCanvasZoom;exports.useCopyBlockIds=e.useCopyBlockIds;exports.useCopyToClipboard=e.useCopyToClipboard;exports.useCurrentPage=e.useCurrentPage;exports.useCutBlockIds=e.useCutBlockIds;exports.useDarkMode=e.useDarkMode;exports.useDuplicateBlocks=e.useDuplicateBlocks;exports.useGetPageData=e.useGetPageData;exports.useHiddenBlockIds=e.useHiddenBlockIds;exports.useHighlightBlockId=e.useHighlightBlockId;exports.usePasteBlocks=e.usePasteBlocks;exports.usePreviewMode=e.usePreviewMode;exports.useReadOnlyMode=e.useReadOnlyMode;exports.useRemoveBlocks=e.useRemoveBlocks;exports.useRemoveClassesFromBlocks=e.useRemoveClassesFromBlocks;exports.useSavePage=e.useSavePage;exports.useSelectedBlock=e.useSelectedBlock;exports.useSelectedBlockAllClasses=e.useSelectedBlockAllClasses;exports.useSelectedBlockCurrentClasses=e.useSelectedBlockCurrentClasses;exports.useSelectedBlockIds=e.useSelectedBlockIds;exports.useSelectedBlocksDisplayChild=e.useSelectedBlocksDisplayChild;exports.useSelectedBreakpoints=e.useSelectedBreakpoints;exports.useSelectedStylingBlocks=e.useSelectedStylingBlocks;exports.useStylingBreakpoint=e.useStylingBreakpoint;exports.useStylingState=e.useStylingState;exports.useUILibraryBlocks=e.useUILibraryBlocks;exports.useUndoManager=e.useUndoManager;exports.useUpdateBlocksProps=e.useUpdateBlocksProps;exports.useUpdateBlocksPropsRealtime=e.useUpdateBlocksPropsRealtime;Object.defineProperty(exports,"useTranslation",{enumerable:!0,get:()=>s.useTranslation});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ChaiBuilderEditor-hcoLrtq8.cjs"),s=require("react-i18next");require("./jsx-runtime-Z_BpKhVy.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("react");require("clsx");require("react-dom");require("@radix-ui/react-scroll-area");require("@floating-ui/react-dom");require("jotai");require("i18next");require("flagged");require("lodash-es");require("./STRINGS-gPz7CUOk.cjs");require("./Functions-N3yhPYKY.cjs");require("tailwind-merge");require("@chaibuilder/runtime");require("@react-hookz/web");require("./MODIFIERS-YPHRtwrM.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-Zc8hpE7f.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-icons");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-quill");require("react-hotkeys-hook");require("lucide-react");exports.ChaiBuilderEditor=e.ChaiBuilderEditor;exports.useActiveModal=e.useActiveModal;exports.useActivePanel=e.useActivePanel;exports.useAddBlock=e.useAddBlock;exports.useAddBlockParent=e.useAddBlockParent;exports.useAddClassesToBlocks=e.useAddClassesToBlocks;exports.useAllBlocks=e.useAllBlocks;exports.useBlocksStore=e.useBlocksStore;exports.useBrandingOptions=e.useBrandingOptions;exports.useBuilderProp=e.useBuilderProp;exports.useBuilderReset=e.useBuilderReset;exports.useCanvasWidth=e.useCanvasWidth;exports.useCanvasZoom=e.useCanvasZoom;exports.useCopyBlockIds=e.useCopyBlockIds;exports.useCopyToClipboard=e.useCopyToClipboard;exports.useCurrentPage=e.useCurrentPage;exports.useCutBlockIds=e.useCutBlockIds;exports.useDarkMode=e.useDarkMode;exports.useDuplicateBlocks=e.useDuplicateBlocks;exports.useGetPageData=e.useGetPageData;exports.useHiddenBlockIds=e.useHiddenBlockIds;exports.useHighlightBlockId=e.useHighlightBlockId;exports.usePasteBlocks=e.usePasteBlocks;exports.usePreviewMode=e.usePreviewMode;exports.useReadOnlyMode=e.useReadOnlyMode;exports.useRemoveBlocks=e.useRemoveBlocks;exports.useRemoveClassesFromBlocks=e.useRemoveClassesFromBlocks;exports.useSavePage=e.useSavePage;exports.useSelectedBlock=e.useSelectedBlock;exports.useSelectedBlockAllClasses=e.useSelectedBlockAllClasses;exports.useSelectedBlockCurrentClasses=e.useSelectedBlockCurrentClasses;exports.useSelectedBlockIds=e.useSelectedBlockIds;exports.useSelectedBlocksDisplayChild=e.useSelectedBlocksDisplayChild;exports.useSelectedBreakpoints=e.useSelectedBreakpoints;exports.useSelectedStylingBlocks=e.useSelectedStylingBlocks;exports.useStylingBreakpoint=e.useStylingBreakpoint;exports.useStylingState=e.useStylingState;exports.useUILibraryBlocks=e.useUILibraryBlocks;exports.useUndoManager=e.useUndoManager;exports.useUpdateBlocksProps=e.useUpdateBlocksProps;exports.useUpdateBlocksPropsRealtime=e.useUpdateBlocksPropsRealtime;Object.defineProperty(exports,"useTranslation",{enumerable:!0,get:()=>s.useTranslation});

package/dist/core.d.ts

@@ -47,6 +47,7 @@ export declare type ChaiBlock = {
 export declare const ChaiBuilderEditor: (props: ChaiBuilderEditorProps) => JSX_2.Element;
 
 export declare interface ChaiBuilderEditorProps {
+    htmlDir?: "ltr" | "rtl";
     hideSaveButton?: boolean;
     filterChaiBlock?: (block: any) => boolean;
     showDebugLogs?: boolean;
@@ -72,12 +73,15 @@ export declare interface ChaiBuilderEditorProps {
         url: string;
     }>;
     askAiCallBack?: (prompt: string, blocks: ChaiBlock[]) => Promise<AskAiResponse>;
+    saveAiContextCallback?: (content: string) => Promise<true | Error>;
+    aiContext?: string;
     getExternalPredefinedBlock?: (block: PredefinedBlock) => Promise<PredefinedBlock & {
         blocks: ChaiBlock[];
         html: string;
     }>;
-    getUILibraryBlocks?: (libraryUuid: string) => Promise<PredefinedBlock[]>;
-    uiLibraries?: UILibrary[];
+    uiLibraries?: Omit<UILibrary, "blocks">[];
+    getUILibraryBlocks?: (library: UILibrary) => Promise<UiLibraryBlock[]>;
+    getUILibraryBlock?: (library: UILibrary, uiLibBlock: UiLibraryBlock) => Promise<ChaiBlock[]>;
     subPages?: Block[];
     subPagesSupport?: boolean;
     blocks?: ChaiBlock[];
@@ -156,10 +160,13 @@ declare type PredefinedBlock = {
 
 declare type ReactComponentType = React_2.ComponentType<any>;
 
+declare type RichText = string;
+
 declare type SavePageData = {
     blocks: ChaiBlock[];
     providers?: DataProvider[];
     brandingOptions?: Record<string, any>;
+    themeConfiguration?: Record<string, any>;
 };
 
 declare type TimeInSeconds = number;
@@ -171,10 +178,22 @@ declare type TStyleBlock = {
 };
 
 declare interface UILibrary {
-    name: string;
     uuid: string;
+    name: string;
+    blocks: UiLibraryBlock[];
+    link?: string;
+    description?: RichText;
 }
 
+declare type UiLibraryBlock = {
+    uuid: string;
+    group: string;
+    name?: string;
+    preview?: string;
+    tags?: string[];
+    description?: string;
+};
+
 export declare const useActiveModal: () => any;
 
 /**

package/dist/core.js

@@ -1,5 +1,5 @@
-import { C as K, l as N, U as Q, m as V, W as X, n as Y, T as Z, i as _, F as $, h as ss, u as es, o as os, p as ts, q as as, r as rs, s as is, t as ps, v as ls, w as ms, x as us, y as ds, z as cs, D as Bs, E as ks, k as ns, H as Cs, I as Ss, V as Ps, M as gs, K as vs, J as ys, L as As, S as Is, X as hs, Y as Ms, N as Rs, P as Ds, O as Us, j as Ts, Q as xs, R as Hs } from "./ChaiBuilderEditor-vzyVasJe.js";
-import { useTranslation as bs } from "react-i18next";
+import { C as J, l as K, U as N, m as Q, W as V, n as X, T as Y, i as Z, F as _, h as $, u as ss, o as es, p as os, q as ts, r as as, s as rs, t as is, v as ps, w as ls, x as ms, y as us, z as ds, D as cs, E as Bs, k as ks, H as ns, I as Cs, V as Ss, M as Ps, K as gs, J as vs, L as ys, S as As, X as Is, Y as hs, N as Ms, P as Rs, O as Ds, j as Us, Q as Ts, R as xs } from "./ChaiBuilderEditor-wfEkvtJ0.js";
+import { useTranslation as Os } from "react-i18next";
 import "./jsx-runtime-WbnYoNE9.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "react";
@@ -41,49 +41,48 @@ import "@radix-ui/react-context-menu";
 import "react-icons-picker";
 import "react-quill";
 import "react-hotkeys-hook";
-import "lodash";
 import "lucide-react";
 export {
-  K as ChaiBuilderEditor,
-  N as useActiveModal,
-  Q as useActivePanel,
-  V as useAddBlock,
-  X as useAddBlockParent,
-  Y as useAddClassesToBlocks,
-  Z as useAllBlocks,
-  _ as useBlocksStore,
-  $ as useBrandingOptions,
-  ss as useBuilderProp,
-  es as useBuilderReset,
-  os as useCanvasWidth,
-  ts as useCanvasZoom,
-  as as useCopyBlockIds,
-  rs as useCopyToClipboard,
-  is as useCurrentPage,
-  ps as useCutBlockIds,
-  ls as useDarkMode,
-  ms as useDuplicateBlocks,
-  us as useGetPageData,
-  ds as useHiddenBlockIds,
-  cs as useHighlightBlockId,
-  Bs as usePasteBlocks,
-  ks as usePreviewMode,
-  ns as useReadOnlyMode,
-  Cs as useRemoveBlocks,
-  Ss as useRemoveClassesFromBlocks,
-  Ps as useSavePage,
-  gs as useSelectedBlock,
-  vs as useSelectedBlockAllClasses,
-  ys as useSelectedBlockCurrentClasses,
-  As as useSelectedBlockIds,
-  Is as useSelectedBlocksDisplayChild,
-  hs as useSelectedBreakpoints,
-  Ms as useSelectedStylingBlocks,
-  Rs as useStylingBreakpoint,
-  Ds as useStylingState,
-  bs as useTranslation,
-  Us as useUILibraryBlocks,
-  Ts as useUndoManager,
-  xs as useUpdateBlocksProps,
-  Hs as useUpdateBlocksPropsRealtime
+  J as ChaiBuilderEditor,
+  K as useActiveModal,
+  N as useActivePanel,
+  Q as useAddBlock,
+  V as useAddBlockParent,
+  X as useAddClassesToBlocks,
+  Y as useAllBlocks,
+  Z as useBlocksStore,
+  _ as useBrandingOptions,
+  $ as useBuilderProp,
+  ss as useBuilderReset,
+  es as useCanvasWidth,
+  os as useCanvasZoom,
+  ts as useCopyBlockIds,
+  as as useCopyToClipboard,
+  rs as useCurrentPage,
+  is as useCutBlockIds,
+  ps as useDarkMode,
+  ls as useDuplicateBlocks,
+  ms as useGetPageData,
+  us as useHiddenBlockIds,
+  ds as useHighlightBlockId,
+  cs as usePasteBlocks,
+  Bs as usePreviewMode,
+  ks as useReadOnlyMode,
+  ns as useRemoveBlocks,
+  Cs as useRemoveClassesFromBlocks,
+  Ss as useSavePage,
+  Ps as useSelectedBlock,
+  gs as useSelectedBlockAllClasses,
+  vs as useSelectedBlockCurrentClasses,
+  ys as useSelectedBlockIds,
+  As as useSelectedBlocksDisplayChild,
+  Is as useSelectedBreakpoints,
+  hs as useSelectedStylingBlocks,
+  Ms as useStylingBreakpoint,
+  Rs as useStylingState,
+  Os as useTranslation,
+  Ds as useUILibraryBlocks,
+  Us as useUndoManager,
+  Ts as useUpdateBlocksProps,
+  xs as useUpdateBlocksPropsRealtime
 };

package/dist/delete-page-modal-Eym3aZzC.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),r=require("./ChaiBuilderEditor-hcoLrtq8.cjs"),l=require("./index-SQ1sNajH.cjs"),q=require("@radix-ui/react-icons");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("react");require("clsx");require("react-dom");require("@radix-ui/react-scroll-area");require("@floating-ui/react-dom");require("jotai");require("i18next");require("react-i18next");require("flagged");require("lodash-es");require("./STRINGS-gPz7CUOk.cjs");require("./Functions-N3yhPYKY.cjs");require("tailwind-merge");require("@chaibuilder/runtime");require("@react-hookz/web");require("./MODIFIERS-YPHRtwrM.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-Zc8hpE7f.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-quill");require("react-hotkeys-hook");require("lucide-react");require("./core.cjs");require("sonner");require("./html-to-json-VPWiWWGH.cjs");require("himalaya");const d=({pageData:i,projectData:t})=>{const n={},u=l.useDeletePage(),s=i.uuid===t.homepage,o=()=>{u.mutate(i,{onSuccess:()=>{n({uuid:t.homepage,slug:"/home"})}})};return e.jsxRuntimeExports.jsxs(r.AlertDialog,{children:[e.jsxRuntimeExports.jsx(r.AlertDialogTrigger,{disabled:s,children:e.jsxRuntimeExports.jsx("div",{className:`flex h-full items-center justify-center rounded-md border px-2 py-2 font-medium hover:bg-red-400 hover:text-white ${s?"cursor-not-allowed border-red-200 text-red-200":"cursor-pointer border-red-400 text-red-400"}`,children:e.jsxRuntimeExports.jsx(q.TrashIcon,{})})}),e.jsxRuntimeExports.jsxs(r.AlertDialogContent,{children:[e.jsxRuntimeExports.jsxs(r.AlertDialogTitle,{children:["Are you sure you want to delete ",e.jsxRuntimeExports.jsx("i",{className:"text-red-500",children:i.name})," page?"]}),e.jsxRuntimeExports.jsx(r.AlertDialogDescription,{children:"This action cannot be undone. This will permanently delete your page."}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-end gap-x-3",children:[e.jsxRuntimeExports.jsx(r.AlertDialogCancel,{disabled:u.isPending,children:"Cancel"}),e.jsxRuntimeExports.jsx(r.Button,{variant:"destructive",onClick:o,disabled:u.isPending,children:"Yes, Delete"})]})]})]})};exports.default=d;

package/dist/{delete-page-modal-XymJxo7r.js → delete-page-modal-kxeOpfNd.js}

@@ -1,6 +1,6 @@
 import { j as e } from "./jsx-runtime-WbnYoNE9.js";
-import { A as p, a as l, b as n, d, e as a, g as c, B as u } from "./ChaiBuilderEditor-vzyVasJe.js";
-import { h } from "./index-SP6aKHPH.js";
+import { A as p, a as l, b as n, d, e as a, g as c, B as u } from "./ChaiBuilderEditor-wfEkvtJ0.js";
+import { h } from "./index-OdzdznTv.js";
 import { TrashIcon as x } from "@radix-ui/react-icons";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "react";
@@ -42,13 +42,12 @@ import "@radix-ui/react-context-menu";
 import "react-icons-picker";
 import "react-quill";
 import "react-hotkeys-hook";
-import "lodash";
 import "lucide-react";
 import "./core.js";
 import "sonner";
 import "./html-to-json-Z6R2o_fA.js";
 import "himalaya";
-const ce = ({ pageData: r, projectData: i }) => {
+const ae = ({ pageData: r, projectData: i }) => {
   const m = {}, t = h(), o = r.uuid === i.homepage, s = () => {
     t.mutate(r, {
       onSuccess: () => {
@@ -79,5 +78,5 @@ const ce = ({ pageData: r, projectData: i }) => {
   ] });
 };
 export {
-  ce as default
+  ae as default
 };

package/dist/email.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs");require("./core.cjs");const r=require("@radix-ui/react-icons"),q=require("lodash-es"),n=require("./ChaiBuilderEditor-PLQ8Sq34.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("react");require("react-i18next");require("clsx");require("react-dom");require("@radix-ui/react-scroll-area");require("@floating-ui/react-dom");require("jotai");require("i18next");require("flagged");require("./STRINGS-gPz7CUOk.cjs");require("./Functions-N3yhPYKY.cjs");require("tailwind-merge");require("@chaibuilder/runtime");require("@react-hookz/web");require("./MODIFIERS-YPHRtwrM.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-Zc8hpE7f.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-quill");require("react-hotkeys-hook");require("lodash");require("lucide-react");const o=[{title:"Mobile",content:"Mobile email client",breakpoint:"xs",icon:e.jsxRuntimeExports.jsx(r.MobileIcon,{}),width:400},{title:"Email Client",content:"Content as seen  inside an email client",breakpoint:"sm",icon:e.jsxRuntimeExports.jsx(r.MobileIcon,{className:"rotate-90"}),width:700}],s=i=>{const u={...i,filterChaiBlock:t=>q.includes(t.type,"Email/"),importHTMLSupport:!1,dataBindingSupport:!1,breakpoints:o};return e.jsxRuntimeExports.jsx(n.ChaiBuilderEditor,{...u})};exports.ChaiBuilderEmail=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs");require("./core.cjs");const r=require("@radix-ui/react-icons"),q=require("lodash-es"),n=require("./ChaiBuilderEditor-hcoLrtq8.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("react");require("react-i18next");require("clsx");require("react-dom");require("@radix-ui/react-scroll-area");require("@floating-ui/react-dom");require("jotai");require("i18next");require("flagged");require("./STRINGS-gPz7CUOk.cjs");require("./Functions-N3yhPYKY.cjs");require("tailwind-merge");require("@chaibuilder/runtime");require("@react-hookz/web");require("./MODIFIERS-YPHRtwrM.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-Zc8hpE7f.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-quill");require("react-hotkeys-hook");require("lucide-react");const o=[{title:"Mobile",content:"Mobile email client",breakpoint:"xs",icon:e.jsxRuntimeExports.jsx(r.MobileIcon,{}),width:400},{title:"Email Client",content:"Content as seen  inside an email client",breakpoint:"sm",icon:e.jsxRuntimeExports.jsx(r.MobileIcon,{className:"rotate-90"}),width:700}],s=i=>{const u={...i,filterChaiBlock:t=>q.includes(t.type,"Email/"),importHTMLSupport:!1,dataBindingSupport:!1,breakpoints:o};return e.jsxRuntimeExports.jsx(n.ChaiBuilderEditor,{...u})};exports.ChaiBuilderEmail=s;

package/dist/email.d.ts

@@ -32,6 +32,7 @@ declare type ChaiBlock = {
 } & Record<string, any>;
 
 declare interface ChaiBuilderEditorProps {
+    htmlDir?: "ltr" | "rtl";
     hideSaveButton?: boolean;
     filterChaiBlock?: (block: any) => boolean;
     showDebugLogs?: boolean;
@@ -57,12 +58,15 @@ declare interface ChaiBuilderEditorProps {
         url: string;
     }>;
     askAiCallBack?: (prompt: string, blocks: ChaiBlock[]) => Promise<AskAiResponse>;
+    saveAiContextCallback?: (content: string) => Promise<true | Error>;
+    aiContext?: string;
     getExternalPredefinedBlock?: (block: PredefinedBlock) => Promise<PredefinedBlock & {
         blocks: ChaiBlock[];
         html: string;
     }>;
-    getUILibraryBlocks?: (libraryUuid: string) => Promise<PredefinedBlock[]>;
-    uiLibraries?: UILibrary[];
+    uiLibraries?: Omit<UILibrary, "blocks">[];
+    getUILibraryBlocks?: (library: UILibrary) => Promise<UiLibraryBlock[]>;
+    getUILibraryBlock?: (library: UILibrary, uiLibBlock: UiLibraryBlock) => Promise<ChaiBlock[]>;
     subPages?: Block[];
     subPagesSupport?: boolean;
     blocks?: ChaiBlock[];
@@ -128,17 +132,32 @@ declare type PredefinedBlock = {
 
 declare type ReactComponentType = React_2.ComponentType<any>;
 
+declare type RichText = string;
+
 declare type SavePageData = {
     blocks: ChaiBlock[];
     providers?: DataProvider[];
     brandingOptions?: Record<string, any>;
+    themeConfiguration?: Record<string, any>;
 };
 
 declare type TimeInSeconds = number;
 
 declare interface UILibrary {
-    name: string;
     uuid: string;
+    name: string;
+    blocks: UiLibraryBlock[];
+    link?: string;
+    description?: RichText;
 }
 
+declare type UiLibraryBlock = {
+    uuid: string;
+    group: string;
+    name?: string;
+    preview?: string;
+    tags?: string[];
+    description?: string;
+};
+
 export { }

package/dist/email.js

@@ -2,7 +2,7 @@ import { j as i } from "./jsx-runtime-WbnYoNE9.js";
 import "./core.js";
 import { MobileIcon as t } from "@radix-ui/react-icons";
 import { includes as p } from "lodash-es";
-import { C as e } from "./ChaiBuilderEditor-vzyVasJe.js";
+import { C as e } from "./ChaiBuilderEditor-wfEkvtJ0.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "react";
 import "react-i18next";
@@ -42,7 +42,6 @@ import "@radix-ui/react-context-menu";
 import "react-icons-picker";
 import "react-quill";
 import "react-hotkeys-hook";
-import "lodash";
 import "lucide-react";
 const n = [
   {
@@ -59,7 +58,7 @@ const n = [
     icon: /* @__PURE__ */ i.jsx(t, { className: "rotate-90" }),
     width: 700
   }
-], ii = (o) => {
+], $ = (o) => {
   const r = {
     ...o,
     filterChaiBlock: (m) => p(m.type, "Email/"),
@@ -70,5 +69,5 @@ const n = [
   return /* @__PURE__ */ i.jsx(e, { ...r });
 };
 export {
-  ii as ChaiBuilderEmail
+  $ as ChaiBuilderEmail
 };

package/dist/{form-P0nEC3WH.js → form-2Veryr30.js}

@@ -2,7 +2,7 @@ import { j as u } from "./jsx-runtime-WbnYoNE9.js";
 import x from "@rjsf/core";
 import $ from "@rjsf/validator-ajv8";
 import { includes as h, get as a, set as b, first as F } from "lodash-es";
-import { a_ as P, a$ as E, b0 as O, b1 as S } from "./ChaiBuilderEditor-vzyVasJe.js";
+import { a_ as P, a$ as E, b0 as O, b1 as S } from "./ChaiBuilderEditor-wfEkvtJ0.js";
 const d = (i, l = "") => {
   switch (i.type) {
     case "singular":

package/dist/{form-I4uC5vkq.cjs → form-pdF1XhvW.cjs}

@@ -1 +1 @@
-"use strict";const f=require("./jsx-runtime-Z_BpKhVy.cjs"),y=require("@rjsf/core"),E=require("@rjsf/validator-ajv8"),i=require("lodash-es"),d=require("./ChaiBuilderEditor-PLQ8Sq34.cjs"),h=(c,n="")=>{switch(c.type){case"singular":return c.uiSchema;case"model":const{properties:p}=c,u={};return Object.keys(p).forEach(r=>{const e=p[r];if(i.includes(["slot","styles"],e.type))return;const o=i.get(e,"i18n",!1)?`${r}-${n}`:r;u[o]=h(e,n)}),u;case"list":const{itemProperties:m}=c,l={items:{}};return Object.keys(m).forEach(r=>{const e=m[r];if(i.includes(["slot","styles"],e.type))return;const o=i.get(e,"i18n",!1)?`${r}-${n}`:r;l.items[o]=h(e,n)}),l;default:return{}}},x=(c,n="")=>{switch(c.type){case"singular":return c.schema;case"model":const{properties:p,title:u}=c,m={title:u,type:"object",properties:{}};return Object.keys(p).forEach(o=>{const t=p[o];if(i.includes(["slot","styles"],t.type))return;const s=i.get(t,"i18n",!1)?`${o}-${n}`:o;m.properties[s]=x(t,n)}),m;case"list":const{itemProperties:l,title:r}=c,e={title:r,type:"array",items:{type:"object",properties:{}}};return Object.keys(l).forEach(o=>{const t=l[o];if(i.includes(["slot","styles"],t.type))return;const s=i.get(t,"i18n",!1)?`${o}-${n}`:o;e.items.properties[s]=x(t,n),i.set(e.items,"title",i.get(t,"itemTitle",`${r} item`))}),e;default:return{}}},$=({title:c,properties:n={},formData:p,onChange:u,disabled:m=!1,activeLang:l=""})=>{const r={type:"object",properties:{}},e={};Object.keys(n).forEach(t=>{const s=n[t];if(i.includes(["slot","styles"],s.type))return;const a=i.get(s,"i18n",!1)?`${t}-${l}`:t;r.properties[a]=x(s,l),e[a]=h(s,l)});const o=({...t},s)=>{const a=s==null?void 0:s.replace("root.","").split("/").pop();if(!s||!a)return;const j=i.first(a.split("."));s&&j&&u({...t},j)};return f.jsxRuntimeExports.jsxs(f.jsxRuntimeExports.Fragment,{children:[c&&f.jsxRuntimeExports.jsx("h1",{className:"px-1 text-sm font-semibold underline",children:c}),f.jsxRuntimeExports.jsx("div",{className:"-mx-3",children:f.jsxRuntimeExports.jsx(y,{widgets:{richtext:d.RichTextEditorField,icon:d.IconPickerField,image:d.ImagePickerField},fields:{link:d.LinkField},idSeparator:".",autoComplete:"off",omitExtraData:!0,liveOmit:!0,liveValidate:!0,uiSchema:e,schema:r,formData:p,validator:E,onChange:o,disabled:m})})]})};exports.Form=$;
+"use strict";const f=require("./jsx-runtime-Z_BpKhVy.cjs"),y=require("@rjsf/core"),E=require("@rjsf/validator-ajv8"),i=require("lodash-es"),d=require("./ChaiBuilderEditor-hcoLrtq8.cjs"),h=(c,n="")=>{switch(c.type){case"singular":return c.uiSchema;case"model":const{properties:p}=c,u={};return Object.keys(p).forEach(r=>{const e=p[r];if(i.includes(["slot","styles"],e.type))return;const o=i.get(e,"i18n",!1)?`${r}-${n}`:r;u[o]=h(e,n)}),u;case"list":const{itemProperties:m}=c,l={items:{}};return Object.keys(m).forEach(r=>{const e=m[r];if(i.includes(["slot","styles"],e.type))return;const o=i.get(e,"i18n",!1)?`${r}-${n}`:r;l.items[o]=h(e,n)}),l;default:return{}}},x=(c,n="")=>{switch(c.type){case"singular":return c.schema;case"model":const{properties:p,title:u}=c,m={title:u,type:"object",properties:{}};return Object.keys(p).forEach(o=>{const t=p[o];if(i.includes(["slot","styles"],t.type))return;const s=i.get(t,"i18n",!1)?`${o}-${n}`:o;m.properties[s]=x(t,n)}),m;case"list":const{itemProperties:l,title:r}=c,e={title:r,type:"array",items:{type:"object",properties:{}}};return Object.keys(l).forEach(o=>{const t=l[o];if(i.includes(["slot","styles"],t.type))return;const s=i.get(t,"i18n",!1)?`${o}-${n}`:o;e.items.properties[s]=x(t,n),i.set(e.items,"title",i.get(t,"itemTitle",`${r} item`))}),e;default:return{}}},$=({title:c,properties:n={},formData:p,onChange:u,disabled:m=!1,activeLang:l=""})=>{const r={type:"object",properties:{}},e={};Object.keys(n).forEach(t=>{const s=n[t];if(i.includes(["slot","styles"],s.type))return;const a=i.get(s,"i18n",!1)?`${t}-${l}`:t;r.properties[a]=x(s,l),e[a]=h(s,l)});const o=({...t},s)=>{const a=s==null?void 0:s.replace("root.","").split("/").pop();if(!s||!a)return;const j=i.first(a.split("."));s&&j&&u({...t},j)};return f.jsxRuntimeExports.jsxs(f.jsxRuntimeExports.Fragment,{children:[c&&f.jsxRuntimeExports.jsx("h1",{className:"px-1 text-sm font-semibold underline",children:c}),f.jsxRuntimeExports.jsx("div",{className:"-mx-3",children:f.jsxRuntimeExports.jsx(y,{widgets:{richtext:d.RichTextEditorField,icon:d.IconPickerField,image:d.ImagePickerField},fields:{link:d.LinkField},idSeparator:".",autoComplete:"off",omitExtraData:!0,liveOmit:!0,liveValidate:!0,uiSchema:e,schema:r,formData:p,validator:E,onChange:o,disabled:m})})]})};exports.Form=$;

package/dist/{index-SP6aKHPH.js → index-OdzdznTv.js}

@@ -20,7 +20,7 @@ import * as b from "react";
 import H0, { lazy as A2, useCallback as g2, useState as M2, Suspense as u0, useEffect as s0 } from "react";
 import "./core.js";
 import { FileTextIcon as p0, GearIcon as V0, EyeClosedIcon as f0, EyeOpenIcon as m0 } from "@radix-ui/react-icons";
-import { u as L0, G as Y2, B as X2, A as x0, a as w0, b as B0, c as C0, d as O0, e as A0, f as S0, g as y0, h as b0, C as P0 } from "./ChaiBuilderEditor-vzyVasJe.js";
+import { u as L0, G as Y2, B as X2, A as x0, a as w0, b as B0, c as C0, d as O0, e as A0, f as S0, g as y0, h as b0, C as P0 } from "./ChaiBuilderEditor-wfEkvtJ0.js";
 import { toast as h1, Toaster as F0 } from "sonner";
 import { useTranslation as D0 } from "react-i18next";
 import { sortBy as R0, filter as k0, has as T0, set as E0, capitalize as N0, get as b2, omit as I0, size as P2 } from "lodash-es";
@@ -2043,7 +2043,7 @@ const k4 = () => {
       ] })
     ] })
   ] });
-}, W4 = () => /* @__PURE__ */ i.jsx(I4, { children: /* @__PURE__ */ i.jsx("button", { className: "border-gray-200 rounded-md p-2 mb-2 border", children: /* @__PURE__ */ i.jsx(Q0, { className: "w-4 h-4 text-red-500 cursor-pointer hover:text-red-300 duration-300" }) }) }), U4 = A2(() => import("./PagesPanel-PKnqTla9.js")), j4 = A2(() => import("./ProjectPanel-hx21JHK8.js")), Q4 = A2(() => import("./CurrentPage-j6xVMVFH.js")), K4 = () => /* @__PURE__ */ i.jsx("h2", { children: "Your Logo" }), G4 = () => {
+}, W4 = () => /* @__PURE__ */ i.jsx(I4, { children: /* @__PURE__ */ i.jsx("button", { className: "border-gray-200 rounded-md p-2 mb-2 border", children: /* @__PURE__ */ i.jsx(Q0, { className: "w-4 h-4 text-red-500 cursor-pointer hover:text-red-300 duration-300" }) }) }), U4 = A2(() => import("./PagesPanel-3KIZEXOS.js")), j4 = A2(() => import("./ProjectPanel-0W6XTu0Y.js")), Q4 = A2(() => import("./CurrentPage-f_5eIFbX.js")), K4 = () => /* @__PURE__ */ i.jsx("h2", { children: "Your Logo" }), G4 = () => {
   const { mutate: a } = y4();
   return b0("editable", !0) ? /* @__PURE__ */ i.jsx(X2, { onClick: a, className: "bg-blue-600 text-white", children: "Publish" }) : null;
 }, q4 = (a) => {