@chaibuilder/sdk 2.3.4 → 2.3.6

package/dist/core.d.ts

@@ -702,6 +702,7 @@ export declare const useRightPanel: () => ["block" | "theme" | "ai" | "settings"
 
 export declare const useSavePage: () => {
     savePage: ThrottledFunction<(autoSave?: boolean) => Promise<boolean>>;
+    savePageAsync: () => Promise<boolean>;
     saveState: "SAVED" | "SAVING" | "UNSAVED";
     setSaveState: (args_0: "SAVED" | "SAVING" | "UNSAVED" | ((prev: "SAVED" | "SAVING" | "UNSAVED") => "SAVED" | "SAVING" | "UNSAVED")) => void;
 };

package/dist/core.js

@@ -10,7 +10,7 @@ import React__default, { useMemo, useCallback, useEffect, useState, useRef, Comp
 import { atom, useAtom as useAtom$1, useAtomValue as useAtomValue$1, getDefaultStore as getDefaultStore$1, useSetAtom as useSetAtom$1, Provider } from "jotai";
 import { atomWithStorage, splitAtom, useAtomCallback } from "jotai/utils";
 import { g as generateUUID, a as getBreakpointValue, c as cn$2 } from "./common-functions-BGzDsf1z.js";
-import { v as Button, ab as DropdownMenu, ap as DropdownMenuTrigger, ad as DropdownMenuContent, af as DropdownMenuItem, b9 as cn$1, aW as Skeleton, d as Alert, e as AlertDescription, at as Input$1, a1 as Dialog, aa as DialogTrigger, a3 as DialogContent, av as Popover, b5 as Tooltip, b8 as TooltipTrigger, ay as PopoverTrigger, b6 as TooltipContent, ax as PopoverContent, F as Command, H as CommandInput, I as CommandList, J as CommandEmpty, K as CommandGroup, L as CommandItem, a6 as DialogHeader, a9 as DialogTitle, B as Badge, a as AccordionItem, b as AccordionTrigger, c as AccordionContent, ag as DropdownMenuLabel, ak as DropdownMenuSeparator, ac as DropdownMenuCheckboxItem, aq as HoverCard, as as HoverCardTrigger, ar as HoverCardContent, b2 as Textarea, A as Accordion, C as Card, D as CardHeader, y as CardDescription, x as CardContent, au as Label, z as CardFooter, az as ScrollArea, a_ as Tabs, b0 as TabsList, b1 as TabsTrigger, a$ as TabsContent, g as AlertDialog, q as AlertDialogTrigger, j as AlertDialogContent, m as AlertDialogHeader, p as AlertDialogTitle, k as AlertDialogDescription, l as AlertDialogFooter, i as AlertDialogCancel, h as AlertDialogAction, aZ as Switch, r as Avatar, aL as Separator, b7 as TooltipProvider, aM as Sheet, aO as SheetContent, aR as SheetHeader, aU as SheetTitle, aY as Toaster } from "./toggle-DW7GHkUt.js";
+import { v as Button, ab as DropdownMenu, ap as DropdownMenuTrigger, ad as DropdownMenuContent, af as DropdownMenuItem, b8 as cn$1, aW as Skeleton, d as Alert, e as AlertDescription, at as Input$1, a1 as Dialog, aa as DialogTrigger, a3 as DialogContent, av as Popover, b4 as Tooltip, b7 as TooltipTrigger, ay as PopoverTrigger, b5 as TooltipContent, ax as PopoverContent, F as Command, H as CommandInput, I as CommandList, J as CommandEmpty, K as CommandGroup, L as CommandItem, a6 as DialogHeader, a9 as DialogTitle, B as Badge, a as AccordionItem, b as AccordionTrigger, c as AccordionContent, ag as DropdownMenuLabel, ak as DropdownMenuSeparator, ac as DropdownMenuCheckboxItem, aq as HoverCard, as as HoverCardTrigger, ar as HoverCardContent, b1 as Textarea, A as Accordion, C as Card, D as CardHeader, y as CardDescription, x as CardContent, au as Label, z as CardFooter, az as ScrollArea, aZ as Tabs, a$ as TabsList, b0 as TabsTrigger, a_ as TabsContent, g as AlertDialog, q as AlertDialogTrigger, j as AlertDialogContent, m as AlertDialogHeader, p as AlertDialogTitle, k as AlertDialogDescription, l as AlertDialogFooter, i as AlertDialogCancel, h as AlertDialogAction, aY as Switch, r as Avatar, aL as Separator, b6 as TooltipProvider, aM as Sheet, aO as SheetContent, aR as SheetHeader, aU as SheetTitle } from "./toggle-BKtuoy5e.js";
 import { ChevronRight, PlusIcon as PlusIcon$1, AlertCircle, X, ChevronLeft, DatabaseIcon, Plus, Bold, Italic, Underline as Underline$1, Strikethrough, List, ListOrdered, AlignLeft, AlignCenter, AlignRight, Link as Link$1, Unlink, Maximize2, PlusCircle, ChevronDown, File, Database, MoreVertical, Loader, SparklesIcon, Search, RefreshCw, Globe, SaveIcon, UnlinkIcon, PencilIcon, EyeOffIcon, Eye, ChevronsUpDown, ChevronsDownUp, Languages, FileEdit, Recycle, SmileIcon, ShuffleIcon, SunIcon, Moon, Sparkles, Loader2, Image as Image$1, Send, DatabaseZapIcon, Edit2, Paintbrush, Layers } from "lucide-react";
 import clsx$1, { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
@@ -19,9 +19,9 @@ import { C as COLLECTION_PREFIX, S as STYLES_KEY, f as getSplitChaiClasses, a as
 import { d as defaultThemeOptions, f as defaultThemeValues, a as getChaiThemeCssVariables, g as getChaiThemeOptions, p as plugin, h as getThemeFontsUrls, i as getThemeCustomFontFace } from "./plugin-BOcGV_IY.js";
 import { isObject } from "@rjsf/utils";
 import { useDebouncedCallback, useThrottledCallback, useResizeObserver, useIntervalEffect } from "@react-hookz/web";
-import { toast } from "sonner";
+import { toast, Toaster } from "sonner";
 import { useTranslation, initReactI18next } from "react-i18next";
-import { useTranslation as Ve } from "react-i18next";
+import { useTranslation as Ue } from "react-i18next";
 import Fuse from "fuse.js";
 import UndoManager from "undo-manager";
 import Link from "@tiptap/extension-link";
@@ -37,7 +37,7 @@ import { useFeature } from "flagged";
 import { parse, stringify } from "himalaya";
 import { Tree } from "react-arborist";
 import i18n from "i18next";
-import { default as ze } from "i18next";
+import { default as We } from "i18next";
 import tailwindAspectRatio from "@tailwindcss/aspect-ratio";
 import tailwindForms from "@tailwindcss/forms";
 import tailwindTypography from "@tailwindcss/typography";
@@ -46,7 +46,6 @@ import "@mhsdesign/jit-browser-tailwindcss";
 import twContainer from "@tailwindcss/container-queries";
 import { ErrorBoundary } from "react-error-boundary";
 import { motion } from "framer-motion";
-import "next-themes";
 import { useHotkeys } from "react-hotkeys-hook";
 import { flip } from "@floating-ui/dom";
 import { useFloating, shift } from "@floating-ui/react-dom";
@@ -728,17 +727,17 @@ const useBrandingOptions = () => {
 }, rightPanelAtom = atom("block"), useRightPanel = () => useAtom$1(rightPanelAtom), builderSaveStateAtom = atom("SAVED");
 builderSaveStateAtom.debugLabel = "builderSaveStateAtom";
 const useSavePage = () => {
-  const [o, n] = useAtom$1(builderSaveStateAtom), r = useBuilderProp("onSave", async (p) => {
+  const [o, n] = useAtom$1(builderSaveStateAtom), r = useBuilderProp("onSave", async (u) => {
   }), a = useBuilderProp("onSaveStateChange", noop), l = useGetPageData(), [i] = useTheme(), { hasPermission: c } = usePermissions();
   return { savePage: useThrottledCallback(
-    async (p = !1) => {
+    async (u = !1) => {
       if (!c("save_page"))
         return;
       n("SAVING"), a("SAVING");
-      const u = l();
+      const g = l();
       return await r({
-        autoSave: p,
-        blocks: u.blocks,
+        autoSave: u,
+        blocks: g.blocks,
         theme: i
       }), setTimeout(() => {
         n("SAVED"), a("SAVED");
@@ -747,7 +746,19 @@ const useSavePage = () => {
     [l, n, i, r, a],
     3e3
     // save only every 5 seconds
-  ), saveState: o, setSaveState: n };
+  ), savePageAsync: async () => {
+    if (!c("save_page"))
+      return;
+    n("SAVING"), a("SAVING");
+    const u = l();
+    return await r({
+      autoSave: !0,
+      blocks: u.blocks,
+      theme: i
+    }), setTimeout(() => {
+      n("SAVED"), a("SAVED");
+    }, 100), !0;
+  }, saveState: o, setSaveState: n };
 }, undoManager = new UndoManager();
 undoManager.setLimit(50);
 const undoRedoStateAtom = atom({
@@ -3822,7 +3833,7 @@ const CanvasEventsWatcher = () => {
 }, FallbackError = () => /* @__PURE__ */ jsx("div", { className: "h-full w-full rounded-md bg-red-200 p-4 text-red-500", children: /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col items-center justify-center", children: [
   /* @__PURE__ */ jsx("p", { className: "font-semibold", children: "Oops! Something went wrong." }),
   /* @__PURE__ */ jsx("p", { children: "Please try again." })
-] }) }), CodeEditor$1 = React__default.lazy(() => import("./code-editor-BqhH_IQC.js")), CanvasArea = () => {
+] }) }), CodeEditor$1 = React__default.lazy(() => import("./code-editor-CJfScsxg.js")), CanvasArea = () => {
   const [o] = useCodeEditor(), n = useBuilderProp("onError", noop);
   return /* @__PURE__ */ jsx("div", { className: "flex h-full max-h-full w-full flex-1 flex-col", children: /* @__PURE__ */ jsxs("div", { className: "relative flex h-full max-h-full flex-col overflow-hidden bg-gray-100/40 px-2", children: [
     /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Skeleton, { className: "h-full" }), children: /* @__PURE__ */ jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsx(FallbackError, {}), onError: n, children: /* @__PURE__ */ jsx(StaticCanvas, {}) }) }),
@@ -9364,7 +9375,7 @@ const AiAssistant = () => {
       "button",
       {
         type: "button",
-        className: "ml-1 rounded-sm p-0.5 hover:bg-blue-300 hover:text-blue-600",
+        className: " p-0.5 rounded-sm hover:bg-gray-300",
         onClick: (r) => r.stopPropagation(),
         children: /* @__PURE__ */ jsx(MoreVertical, { className: "h-3 w-3" })
       }
@@ -9426,10 +9437,10 @@ const SettingsPanel = () => {
   ] }) }) : /* @__PURE__ */ jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsx(FallbackError, {}), onError: r, children: /* @__PURE__ */ jsxs(Tabs, { defaultValue: "settings", className: "flex flex-1 flex-col", children: [
     /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsxs(TabsList, { className: "grid h-auto w-full grid-cols-2 p-1 py-1", children: [
       /* @__PURE__ */ jsx(TabsTrigger, { value: "settings", className: "text-xs", children: "Settings" }),
-      /* @__PURE__ */ jsxs(TabsTrigger, { value: "styles", className: "flex items-center justify-between text-xs", children: [
-        "Styles",
-        /* @__PURE__ */ jsx(ResetStylesButton, {})
-      ] })
+      /* @__PURE__ */ jsx(TabsTrigger, { value: "styles", className: "text-xs", children: /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between", children: [
+        /* @__PURE__ */ jsx("span", { className: "w-[90%] text-center", children: "Styles" }),
+        /* @__PURE__ */ jsx("span", { className: "w-[10%]", children: /* @__PURE__ */ jsx(ResetStylesButton, {}) })
+      ] }) })
     ] }) }),
     /* @__PURE__ */ jsxs(TabsContent, { value: "settings", className: "no-scrollbar h-full max-h-min overflow-y-auto", children: [
       /* @__PURE__ */ jsx(BlockSettings, {}),
@@ -10306,7 +10317,7 @@ export {
   getBlocksFromHTML as convertHTMLToChaiBlocks,
   generateUUID as generateBlockId,
   getBlocksFromHTML,
-  ze as i18n,
+  We as i18n,
   cn$2 as mergeClasses,
   registerBlockSettingField,
   registerBlockSettingTemplate,
@@ -10370,7 +10381,7 @@ export {
   useTheme,
   useThemeOptions,
   useToggleChaiFeatureFlag,
-  Ve as useTranslation,
+  Ue as useTranslation,
   useUndoManager,
   useUpdateBlocksProps,
   useUpdateBlocksPropsRealtime,