reachat 3.0.0 → 3.1.0

package/dist/index.js

@@ -10,7 +10,7 @@
     console.error("vite-plugin-css-injected-by-js", e);
   }
 })();
-import { A, b, C, c, d, e, f, g, h, i, j, k, F, M, l, m, n, o, p, q, r, s, t, u, N, R, v, w, x, y, z, B, D, E, G, H, T, I, J, K, L, O, P, Q, U, V, W, X, Y, Z, _, $, a0, a1, a2 } from "./index-8tlsyFe-.js";
+import { A, b, C, c, d, e, f, g, h, i, j, k, F, M, l, m, n, o, p, q, r, s, t, u, N, R, v, w, x, y, z, B, D, E, G, H, T, I, J, K, L, O, P, Q, U, V, W, X, Y, Z, _, $, a0, a1, a2 } from "./index-CZSBRZbI.js";
 import "react/jsx-runtime";
 import "react";
 import "reablocks";

package/dist/index.umd.cjs

@@ -12,7 +12,7 @@
 })();
 (function(global, factory) {
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react/jsx-runtime"), require("reablocks"), require("react"), require("motion/react"), require("@tiptap/react"), require("@floating-ui/dom"), require("@tiptap/extension-document"), require("@tiptap/extension-paragraph"), require("@tiptap/extension-text"), require("@tiptap/extension-hard-break"), require("@tiptap/extension-placeholder"), require("@tiptap/extension-mention"), require("@radix-ui/react-slot"), require("react-markdown"), require("react-syntax-highlighter"), require("rehype-katex"), require("rehype-raw"), require("reaviz"), require("mdast-util-find-and-replace"), require("lodash/debounce.js"), require("reakeys"), require("remark-gfm"), require("remark-youtube"), require("remark-math"), require("date-fns"), require("@floating-ui/react"), require("zod")) : typeof define === "function" && define.amd ? define(["exports", "react/jsx-runtime", "reablocks", "react", "motion/react", "@tiptap/react", "@floating-ui/dom", "@tiptap/extension-document", "@tiptap/extension-paragraph", "@tiptap/extension-text", "@tiptap/extension-hard-break", "@tiptap/extension-placeholder", "@tiptap/extension-mention", "@radix-ui/react-slot", "react-markdown", "react-syntax-highlighter", "rehype-katex", "rehype-raw", "reaviz", "mdast-util-find-and-replace", "lodash/debounce.js", "reakeys", "remark-gfm", "remark-youtube", "remark-math", "date-fns", "@floating-ui/react", "zod"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.reachat = {}, global.jsxRuntime, global.reablocks, global.React, global.react$1, global.react, global.dom, global.Document, global.Paragraph, global.Text, global.HardBreak, global.Placeholder, global.Mention, global.reactSlot, global.ReactMarkdown, global.reactSyntaxHighlighter, global.rehypeKatex, global.rehypeRaw, global.reaviz, global.mdastUtilFindAndReplace, global.debounce, global.reakeys, global.remarkGfm, global.remarkYoutube, global.remarkMath, global.dateFns, global.react$2, global.zod));
-})(this, function(exports2, jsxRuntime, reablocks, React, react$1, react, dom, Document, Paragraph, Text, HardBreak, Placeholder, Mention, reactSlot, ReactMarkdown, reactSyntaxHighlighter, rehypeKatex, rehypeRaw, reaviz, mdastUtilFindAndReplace, debounce, reakeys, remarkGfm, remarkYoutube, remarkMath, dateFns, react$2, zod) {
+})(this, (function(exports2, jsxRuntime, reablocks, React, react$1, react, dom, Document, Paragraph, Text, HardBreak, Placeholder, Mention, reactSlot, ReactMarkdown, reactSyntaxHighlighter, rehypeKatex, rehypeRaw, reaviz, mdastUtilFindAndReplace, debounce, reakeys, remarkGfm, remarkYoutube, remarkMath, dateFns, react$2, zod) {
   "use strict";
   function _interopNamespaceDefault(e) {
     const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -70,10 +70,7 @@
           variant: "text",
           disabled: isLoading || disabled,
           className: reablocks.cn(theme.input.upload),
-          onClick: () => {
-            var _a;
-            return (_a = fileInputRef.current) == null ? void 0 : _a.click();
-          },
+          onClick: () => fileInputRef.current?.click(),
           children: attachIcon
         }
       )
@@ -328,18 +325,16 @@
   const POPUP_STYLE = { zIndex: 9999 };
   const MentionList = React.forwardRef(
     ({ items, command, triggerChar, config, query }, ref) => {
-      var _a;
       const [selectedIndex, setSelectedIndex] = React.useState(0);
       const itemRefs = React.useRef([]);
       const { theme } = React.useContext(ChatContext);
-      const popupTheme = ((_a = theme == null ? void 0 : theme.input) == null ? void 0 : _a.popup) || chatTheme.input.popup;
+      const popupTheme = theme?.input?.popup || chatTheme.input.popup;
       React.useEffect(() => {
         setSelectedIndex(0);
       }, [items]);
       React.useEffect(() => {
-        var _a2;
         if (itemRefs.current[selectedIndex]) {
-          (_a2 = itemRefs.current[selectedIndex]) == null ? void 0 : _a2.scrollIntoView({
+          itemRefs.current[selectedIndex]?.scrollIntoView({
             block: "nearest",
             behavior: "smooth"
           });
@@ -470,10 +465,7 @@
         if (!query) return config.items.slice(0, config.maxResults || 10);
         const lowerQuery = query.toLowerCase();
         return config.items.filter(
-          (item) => {
-            var _a;
-            return item.label.toLowerCase().includes(lowerQuery) || ((_a = item.description) == null ? void 0 : _a.toLowerCase().includes(lowerQuery));
-          }
+          (item) => item.label.toLowerCase().includes(lowerQuery) || item.description?.toLowerCase().includes(lowerQuery)
         ).slice(0, config.maxResults || 10);
       },
       // Render callbacks for managing the popup lifecycle
@@ -500,7 +492,7 @@
           },
           // Called when query or items change
           onUpdate: (props) => {
-            component == null ? void 0 : component.updateProps({
+            component?.updateProps({
               ...props,
               triggerChar,
               config
@@ -508,25 +500,23 @@
             if (!props.clientRect) {
               return;
             }
-            if (component == null ? void 0 : component.element) {
+            if (component?.element) {
               updatePopupPosition(props.editor, component.element);
             }
           },
           // Handle keyboard navigation (Escape closes popup)
           onKeyDown: (props) => {
-            var _a;
             if (props.event.key === "Escape") {
-              component == null ? void 0 : component.destroy();
+              component?.destroy();
               return true;
             }
-            return ((_a = component == null ? void 0 : component.ref) == null ? void 0 : _a.onKeyDown(props)) ?? false;
+            return component?.ref?.onKeyDown(props) ?? false;
           },
           // Cleanup when suggestion is dismissed
           onExit: () => {
-            var _a;
             suggestionActiveRef.current = false;
-            (_a = component == null ? void 0 : component.element) == null ? void 0 : _a.remove();
-            component == null ? void 0 : component.destroy();
+            component?.element?.remove();
+            component?.destroy();
           }
         };
       }
@@ -546,12 +536,10 @@
       onSubmit,
       onChange
     }, ref) => {
-      var _a, _b, _c, _d;
       const { theme } = React.useContext(ChatContext);
       const containerRef = React.useRef(null);
       const suggestionActiveRef = React.useRef(false);
       const extensions = React.useMemo(() => {
-        var _a2, _b2, _c2, _d2, _e, _f, _g, _h;
         const exts = [
           Document,
           Paragraph.configure({
@@ -570,7 +558,7 @@
           exts.push(
             Mention.configure({
               HTMLAttributes: {
-                class: reablocks.cn((_b2 = (_a2 = theme == null ? void 0 : theme.input) == null ? void 0 : _a2.tag) == null ? void 0 : _b2.base, (_d2 = (_c2 = theme == null ? void 0 : theme.input) == null ? void 0 : _c2.tag) == null ? void 0 : _d2.mention)
+                class: reablocks.cn(theme?.input?.tag?.base, theme?.input?.tag?.mention)
               },
               suggestion: createSuggestionConfig(
                 mentions,
@@ -586,7 +574,7 @@
           exts.push(
             Mention.configure({
               HTMLAttributes: {
-                class: reablocks.cn((_f = (_e = theme == null ? void 0 : theme.input) == null ? void 0 : _e.tag) == null ? void 0 : _f.base, (_h = (_g = theme == null ? void 0 : theme.input) == null ? void 0 : _g.tag) == null ? void 0 : _h.command)
+                class: reablocks.cn(theme?.input?.tag?.base, theme?.input?.tag?.command)
               },
               suggestion: createSuggestionConfig(
                 commands,
@@ -607,13 +595,13 @@
         immediatelyRender: false,
         onUpdate: ({ editor: editor2 }) => {
           const text = editor2.getText();
-          onChange == null ? void 0 : onChange(text);
+          onChange?.(text);
         },
         editorProps: {
           attributes: {
             class: reablocks.cn(
-              (_b = (_a = theme == null ? void 0 : theme.input) == null ? void 0 : _a.editor) == null ? void 0 : _b.base,
-              (_d = (_c = theme == null ? void 0 : theme.input) == null ? void 0 : _c.editor) == null ? void 0 : _d.placeholder
+              theme?.input?.editor?.base,
+              theme?.input?.editor?.placeholder
             ),
             style: `min-height: ${minHeight}px; max-height: ${maxHeight}px;`,
             role: "textbox",
@@ -631,7 +619,7 @@
               if (text.trim() && onSubmit) {
                 event.preventDefault();
                 onSubmit(text);
-                editor == null ? void 0 : editor.commands.clearContent();
+                editor?.commands.clearContent();
                 return true;
               }
             }
@@ -648,16 +636,16 @@
       }, [editor, autoFocus]);
       React.useImperativeHandle(ref, () => ({
         focus: () => {
-          editor == null ? void 0 : editor.commands.focus();
+          editor?.commands.focus();
         },
         getValue: () => {
-          return (editor == null ? void 0 : editor.getText()) || "";
+          return editor?.getText() || "";
         },
         setValue: (newValue) => {
-          editor == null ? void 0 : editor.commands.setContent(newValue ? `<p>${newValue}</p>` : "");
+          editor?.commands.setContent(newValue ? `<p>${newValue}</p>` : "");
         },
         insertText: (text) => {
-          editor == null ? void 0 : editor.commands.insertContent(text);
+          editor?.commands.insertContent(text);
         }
       }));
       return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: containerRef, className: reablocks.cn("relative w-full", className), children: /* @__PURE__ */ jsxRuntime.jsx(react.EditorContent, { editor }) });
@@ -691,43 +679,37 @@
       const inputRef = React.useRef(null);
       const containerRef = React.useRef(null);
       React.useEffect(() => {
-        var _a;
         if (autoFocus) {
-          (_a = inputRef.current) == null ? void 0 : _a.focus();
+          inputRef.current?.focus();
         }
       }, [activeSessionId, autoFocus]);
       React.useImperativeHandle(ref, () => ({
         focus: () => {
-          var _a;
-          (_a = inputRef.current) == null ? void 0 : _a.focus();
+          inputRef.current?.focus();
         },
         getValue: () => {
-          var _a;
-          return ((_a = inputRef.current) == null ? void 0 : _a.getValue()) || "";
+          return inputRef.current?.getValue() || "";
         },
         setValue: (value) => {
-          var _a;
           setMessage(value);
-          (_a = inputRef.current) == null ? void 0 : _a.setValue(value);
+          inputRef.current?.setValue(value);
         },
         insertText: (text) => {
-          var _a;
-          (_a = inputRef.current) == null ? void 0 : _a.insertText(text);
+          inputRef.current?.insertText(text);
         }
       }));
       const handleSendMessage = React.useCallback(() => {
-        var _a, _b;
-        const currentMessage = (_a = inputRef.current) == null ? void 0 : _a.getValue();
+        const currentMessage = inputRef.current?.getValue();
         if (currentMessage.trim()) {
-          sendMessage == null ? void 0 : sendMessage(currentMessage);
+          sendMessage?.(currentMessage);
           setMessage("");
-          (_b = inputRef.current) == null ? void 0 : _b.setValue("");
+          inputRef.current?.setValue("");
         }
       }, [sendMessage]);
       const handleSubmit = React.useCallback(
         (value) => {
           if (value.trim()) {
-            sendMessage == null ? void 0 : sendMessage(value);
+            sendMessage?.(value);
             setMessage("");
           }
         },
@@ -738,8 +720,7 @@
       }, []);
       const handleFileUpload = React.useCallback(
         (event) => {
-          var _a;
-          const file = (_a = event.target.files) == null ? void 0 : _a[0];
+          const file = event.target.files?.[0];
           if (file && fileUpload) {
             fileUpload(file);
           }
@@ -773,7 +754,7 @@
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: reablocks.cn(theme.input.actions.base), children: [
-          (allowedFiles == null ? void 0 : allowedFiles.length) > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          allowedFiles?.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
             FileInput,
             {
               allowedFiles,
@@ -1883,7 +1864,7 @@
     toolbarClassName,
     theme = dark
   }) => {
-    const match = language == null ? void 0 : language.match(/language-(\w+)/);
+    const match = language?.match(/language-(\w+)/);
     const lang = match ? match[1] : "text";
     const handleCopy = (text) => {
       navigator.clipboard.writeText(text).then(() => {
@@ -1968,14 +1949,14 @@
         ol: (props) => /* @__PURE__ */ jsxRuntime.jsx("ol", { ...props, className: reablocks.cn(theme.messages.message.markdown.ol) }),
         // 'redact' is a custom element created by remarkRedact, not a standard
         // HTML tag, so it falls outside react-markdown's Components type.
-        redact: (props) => /* @__PURE__ */ jsxRuntime.jsx(
+        redact: ((props) => /* @__PURE__ */ jsxRuntime.jsx(
           reablocks.Redact,
           {
             value: props["data-redact-value"] || props.children,
             allowToggle: true,
             tooltipText: `${props["data-redact-name"] || "Sensitive"} information - Click to toggle`
           }
-        )
+        ))
       };
       return {
         ...defaultComponents,
@@ -2202,7 +2183,7 @@
   }) => {
     const { theme } = React.useContext(ChatContext);
     const FileRenderer = React.useMemo(() => {
-      const Renderer = Object.keys(FILE_TYPE_RENDERER_MAP).find((key) => type == null ? void 0 : type.startsWith(key)) ?? "default";
+      const Renderer = Object.keys(FILE_TYPE_RENDERER_MAP).find((key) => type?.startsWith(key)) ?? "default";
       return FILE_TYPE_RENDERER_MAP[Renderer] || DefaultFileRenderer$2;
     }, [type]);
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2386,8 +2367,7 @@
       }
       return files.reduce(
         (acc, file) => {
-          var _a;
-          if ((_a = file.type) == null ? void 0 : _a.startsWith("image/")) {
+          if (file.type?.startsWith("image/")) {
             acc.imageFiles.push(file);
           } else {
             acc.otherFiles.push(file);
@@ -2689,7 +2669,6 @@ ${response}` : ""}`);
     showMoreText = "Show more",
     showScrollBottomButton = false
   }) => {
-    var _a, _b, _c, _d, _e, _f;
     const { activeSession, theme } = React.useContext(ChatContext);
     const contentRef = React.useRef(null);
     const messagesRef = React.useRef(null);
@@ -2730,7 +2709,7 @@ ${response}` : ""}`);
       }
     };
     const reversedConvos = React.useMemo(
-      () => [...(activeSession == null ? void 0 : activeSession.conversations) ?? []].reverse(),
+      () => [...activeSession?.conversations ?? []].reverse(),
       [activeSession]
     );
     const { data, hasMore, showNext } = reablocks.useInfinityList({
@@ -2738,7 +2717,7 @@ ${response}` : ""}`);
       size: limit
     });
     const reReversedConvo = React.useMemo(() => [...data].reverse(), [data]);
-    const convosToRender = limit ? reReversedConvo : activeSession == null ? void 0 : activeSession.conversations;
+    const convosToRender = limit ? reReversedConvo : activeSession?.conversations;
     if (!activeSession) {
       return /* @__PURE__ */ jsxRuntime.jsx(SessionEmpty, { children: newSessionContent });
     }
@@ -2748,7 +2727,7 @@ ${response}` : ""}`);
         {
           className: reablocks.cn(theme.messages.content, "h-full"),
           ref: contentRef,
-          id: activeSession == null ? void 0 : activeSession.id,
+          id: activeSession?.id,
           children: [
             hasMore && /* @__PURE__ */ jsxRuntime.jsx(
               reablocks.Button,
@@ -2782,7 +2761,7 @@ ${response}` : ""}`);
                   conversation.id
                 ))
               },
-              activeSession == null ? void 0 : activeSession.id
+              activeSession?.id
             ) })
           ]
         }
@@ -2794,12 +2773,12 @@ ${response}` : ""}`);
           animate: { y: 0, opacity: 1 },
           exit: { y: 100, opacity: 0 },
           transition: { duration: 0.3, ease: "easeOut" },
-          className: (_c = (_b = (_a = theme.messages) == null ? void 0 : _a.message) == null ? void 0 : _b.scrollToBottom) == null ? void 0 : _c.container,
+          className: theme.messages?.message?.scrollToBottom?.container,
           children: /* @__PURE__ */ jsxRuntime.jsx(
             reablocks.IconButton,
             {
               onClick: handleScrollToBottom,
-              className: (_f = (_e = (_d = theme.messages) == null ? void 0 : _d.message) == null ? void 0 : _e.scrollToBottom) == null ? void 0 : _f.button,
+              className: theme.messages?.message?.scrollToBottom?.button,
               size: "sm",
               children: /* @__PURE__ */ jsxRuntime.jsx(SvgArrowDown, {})
             }
@@ -2870,20 +2849,20 @@ ${response}` : ""}`);
     const handleSelectSession = React.useCallback(
       (sessionId) => {
         setInternalActiveSessionID(sessionId);
-        onSelectSession == null ? void 0 : onSelectSession(sessionId);
+        onSelectSession?.(sessionId);
       },
       [onSelectSession]
     );
     const handleDeleteSession = React.useCallback(
       (sessionId) => {
         setInternalActiveSessionID(void 0);
-        onDeleteSession == null ? void 0 : onDeleteSession(sessionId);
+        onDeleteSession?.(sessionId);
       },
       [onDeleteSession]
     );
     const handleCreateNewSession = React.useCallback(() => {
       setInternalActiveSessionID(void 0);
-      onNewSession == null ? void 0 : onNewSession();
+      onNewSession?.();
     }, [onNewSession]);
     reakeys.useHotkeys([
       {
@@ -2976,7 +2955,7 @@ ${response}` : ""}`);
       const { activeSessionId, selectSession, deleteSession, theme } = React.useContext(ChatContext);
       const Comp = children ? reactSlot.Slot : reablocks.ListItem;
       const handleSelect = React.useCallback(() => {
-        selectSession == null ? void 0 : selectSession(session.id);
+        selectSession?.(session.id);
       }, [selectSession, session.id]);
       const handleDelete = React.useCallback(
         (e) => {
@@ -3038,7 +3017,7 @@ ${response}` : ""}`);
         }),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(reablocks.List, { children }),
-          templates && !activeSessionId && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: templates.map((template) => /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: () => createSession == null ? void 0 : createSession(), children: /* @__PURE__ */ jsxRuntime.jsx(
+          templates && !activeSessionId && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: templates.map((template) => /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: () => createSession?.(), children: /* @__PURE__ */ jsxRuntime.jsx(
             SessionListItem,
             {
               session: {
@@ -3067,7 +3046,7 @@ ${response}` : ""}`);
         fullWidth: true,
         disableMargins: true,
         color: "primary",
-        startAdornment: /* @__PURE__ */ jsxRuntime.jsx(SvgPlus, {}),
+        start: /* @__PURE__ */ jsxRuntime.jsx(SvgPlus, {}),
         className: reablocks.cn(theme.sessions.create),
         disabled,
         onClick: createSession,
@@ -3203,7 +3182,7 @@ ${response}` : ""}`);
     const { theme, disabled, isLoading } = React.useContext(ChatContext);
     const handleClick = () => {
       if (disabled || isLoading) return;
-      onClick == null ? void 0 : onClick(content);
+      onClick?.(content);
     };
     return /* @__PURE__ */ jsxRuntime.jsx(
       reablocks.Button,
@@ -3456,8 +3435,7 @@ ${response}` : ""}`);
     return null;
   }
   async function* parseSSE(response, signal) {
-    var _a;
-    const reader = (_a = response.body) == null ? void 0 : _a.getReader();
+    const reader = response.body?.getReader();
     if (!reader) {
       throw new Error("Response body is not readable");
     }
@@ -3509,8 +3487,7 @@ ${response}` : ""}`);
     onEventRef.current = onEvent;
     React.useEffect(() => {
       return () => {
-        var _a;
-        (_a = abortRef.current) == null ? void 0 : _a.abort();
+        abortRef.current?.abort();
       };
     }, []);
     const selectSession = React.useCallback((sessionId) => {
@@ -3538,15 +3515,13 @@ ${response}` : ""}`);
       setActiveSessionId(id);
     }, []);
     const stopMessage = React.useCallback(() => {
-      var _a;
-      (_a = abortRef.current) == null ? void 0 : _a.abort();
+      abortRef.current?.abort();
       abortRef.current = null;
       setIsLoading(false);
     }, []);
     const sendMessage = React.useCallback(
       async (message) => {
-        var _a, _b, _c, _d, _e, _f;
-        (_a = abortRef.current) == null ? void 0 : _a.abort();
+        abortRef.current?.abort();
         const abortController = new AbortController();
         abortRef.current = abortController;
         let sessionId = activeSessionId;
@@ -3573,7 +3548,7 @@ ${response}` : ""}`);
         );
         setIsLoading(true);
         const currentSession = [
-          ...((_b = sessions.find((s) => s.id === sessionId)) == null ? void 0 : _b.conversations) ?? []
+          ...sessions.find((s) => s.id === sessionId)?.conversations ?? []
         ];
         const historyMessages = sessionsToAgUiMessages({
           conversations: currentSession
@@ -3621,11 +3596,11 @@ ${response}` : ""}`);
             abortController.signal
           )) {
             if (eventOrError instanceof Error) {
-              (_c = onErrorRef.current) == null ? void 0 : _c.call(onErrorRef, eventOrError);
+              onErrorRef.current?.(eventOrError);
               continue;
             }
             const event = eventOrError;
-            (_d = onEventRef.current) == null ? void 0 : _d.call(onEventRef, event);
+            onEventRef.current?.(event);
             switch (event.type) {
               case AgUiEventType.TEXT_MESSAGE_CONTENT: {
                 responseText += event.delta;
@@ -3670,7 +3645,7 @@ ${response}` : ""}`);
               }
               case AgUiEventType.RUN_ERROR: {
                 const err = new Error(event.message);
-                (_e = onErrorRef.current) == null ? void 0 : _e.call(onErrorRef, err);
+                onErrorRef.current?.(err);
                 break;
               }
               case AgUiEventType.RUN_FINISHED: {
@@ -3683,7 +3658,7 @@ ${response}` : ""}`);
             return;
           }
           const error = err instanceof Error ? err : new Error(String(err));
-          (_f = onErrorRef.current) == null ? void 0 : _f.call(onErrorRef, error);
+          onErrorRef.current?.(error);
         } finally {
           if (abortRef.current === abortController) {
             abortRef.current = null;
@@ -3817,7 +3792,6 @@ ${response}` : ""}`);
     definitions,
     options
   }) => {
-    var _a, _b;
     const { theme, sendMessage } = React.useContext(ChatContext);
     const result = React.useMemo(
       () => validateSpec(raw, definitions),
@@ -3825,7 +3799,7 @@ ${response}` : ""}`);
     );
     if (!result.ok) {
       const error = result.error;
-      const custom = (_a = options == null ? void 0 : options.onError) == null ? void 0 : _a.call(options, error);
+      const custom = options?.onError?.(error);
       if (custom !== void 0) {
         return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: custom });
       }
@@ -3839,7 +3813,7 @@ ${response}` : ""}`);
       );
     }
     const specs = result.specs;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: (_b = theme.component) == null ? void 0 : _b.base, children: specs.map((spec, index) => /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: theme.component?.base, children: specs.map((spec, index) => /* @__PURE__ */ jsxRuntime.jsx(
       SpecRenderer,
       {
         spec,
@@ -3856,7 +3830,6 @@ ${response}` : ""}`);
     options,
     sendMessage
   }) => {
-    var _a, _b;
     const definition = definitions[spec.type];
     if (!definition) {
       const error = {
@@ -3865,14 +3838,14 @@ ${response}` : ""}`);
         raw: JSON.stringify(spec),
         componentType: spec.type
       };
-      const custom = (_a = options == null ? void 0 : options.onError) == null ? void 0 : _a.call(options, error);
+      const custom = options?.onError?.(error);
       if (custom !== void 0) {
         return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: custom });
       }
       return /* @__PURE__ */ jsxRuntime.jsx(ComponentError, { title: errorTitle(error.type), message: error.message });
     }
     const RenderedComponent = definition.component;
-    const children = (_b = spec.children) == null ? void 0 : _b.map((child, index) => /* @__PURE__ */ jsxRuntime.jsx(
+    const children = spec.children?.map((child, index) => /* @__PURE__ */ jsxRuntime.jsx(
       SpecRenderer,
       {
         spec: child,
@@ -3893,7 +3866,6 @@ ${response}` : ""}`);
       return { error };
     }
     render() {
-      var _a;
       if (this.state.error) {
         const { spec, options } = this.props;
         const catalogError = {
@@ -3902,7 +3874,7 @@ ${response}` : ""}`);
           raw: JSON.stringify(spec),
           componentType: spec.type
         };
-        const custom = (_a = options == null ? void 0 : options.onError) == null ? void 0 : _a.call(options, catalogError);
+        const custom = options?.onError?.(catalogError);
         if (custom !== void 0) {
           return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: custom });
         }
@@ -3963,14 +3935,13 @@ ${response}` : ""}`);
     return "";
   }
   function createComponentPre(definitions, options) {
-    const language = (options == null ? void 0 : options.language) ?? "component";
+    const language = options?.language ?? "component";
     const className = `language-${language}`;
     const ComponentPre = ({ children, ...props }) => {
-      var _a, _b;
       if (children && typeof children === "object" && "props" in children) {
         const codeElement = children;
-        if (((_a = codeElement.props) == null ? void 0 : _a.className) === className) {
-          const codeContent = getChildText((_b = codeElement.props) == null ? void 0 : _b.children);
+        if (codeElement.props?.className === className) {
+          const codeContent = getChildText(codeElement.props?.children);
           if (codeContent) {
             return /* @__PURE__ */ jsxRuntime.jsx(
               ComponentRenderer,
@@ -4082,7 +4053,7 @@ Available components:
 ${componentDocs}`;
   }
   function componentCatalog(definitions, options) {
-    const language = (options == null ? void 0 : options.language) ?? "component";
+    const language = options?.language ?? "component";
     const plugin = remarkComponent.bind(void 0, {
       language
     });
@@ -4176,5 +4147,5 @@ ${componentDocs}`;
   exports2.useAgUi = useAgUi;
   exports2.validateSpec = validateSpec;
   Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
-});
+}));
 //# sourceMappingURL=index.umd.cjs.map