@chatbotkit/react 1.8.0 → 1.8.2

package/README.md

@@ -1,4 +1,5 @@
 [![ChatBotKit](https://img.shields.io/badge/credits-ChatBotKit-blue.svg)](https://chatbotkit.com)
+[![CBK.AI](https://img.shields.io/badge/credits-CBK.AI-blue.svg)](https://cbk.ai)
 [![Follow on Twitter](https://img.shields.io/twitter/follow/chatbotkit.svg?logo=twitter)](https://twitter.com/chatbotkit)
 [![NPM](https://img.shields.io/npm/v/@chatbotkit/react.svg)](https://www.npmjs.com/package/@chatbotkit/react)
 
@@ -10,9 +11,9 @@ Welcome to the ChatBotKit React SDK! This SDK is your go-to React solution for c
 
 The ChatBotKit React SDK offers a comprehensive set of features and capabilities, including:
 
-- **[streamComplete](https://chatbotkit.github.io/node-sdk/modules/_chatbotkit_react.actions_streamComplete.html#streamcomplete)**: A server-side reaction which allow for function calling and React component streaming.
-- **[userConversationManager](https://chatbotkit.github.io/node-sdk/modules/_chatbotkit_react.hooks_useConversationManager.html)**: A React Hook for managing conversation flow. Handles all the heavy lifting of sending and receiving messages, as well as thinking and typing indicators.
-- **[ConvesationManager](https://chatbotkit.github.io/node-sdk/modules/_chatbotkit_react.components_ConversationManager.html)**: A React component that provides a conversation manager interface. Useful for chat interfaces to manage conversation flow.
+- **[streamComplete](https://chatbotkit.github.io/node-sdk/functions/_chatbotkit_react.actions_complete.streamComplete.html)**: A server-side reaction which allow for function calling and React component streaming.
+- **[userConversationManager](https://chatbotkit.github.io/node-sdk/functions/_chatbotkit_react.hooks_useConversationManager.useConversationManager.html)**: A React Hook for managing conversation flow. Handles all the heavy lifting of sending and receiving messages, as well as thinking and typing indicators.
+- **[ConvesationManager](https://chatbotkit.github.io/node-sdk/functions/_chatbotkit_react.components_ConversationManager.ConversationManager.html)**: A React component that provides a conversation manager interface. Useful for chat interfaces to manage conversation flow.
 - **[AutoTextarea](https://chatbotkit.github.io/node-sdk/modules/_chatbotkit_react.components_AutoTextarea.html)**: A React component that automatically resizes the textarea to fit the content. Useful for chat interfaces to allow users to type messages.
 - **[ChatInput](https://chatbotkit.github.io/node-sdk/modules/_chatbotkit_react.components_ChatInput.html)**: A React component that provides a chat input interface. Useful for chat interfaces to allow users to type messages. It automatically handles modifiers such as ctrl, cmd and shift.
 - **[ChatMessage](https://chatbotkit.github.io/node-sdk/modules/_chatbotkit_react.components_ChatMessage.html)**: A React component that provides a chat message interface. Useful for chat interfaces to display messages with rich formatting.
@@ -45,7 +46,7 @@ export default function Page() {
 
 import { useContext } from 'react'
 
-import { complete } from '../actions/conversation.js'
+import { complete } from '../actions/conversation.jsx'
 
 import { ChatInput, ConversationContext } from '@chatbotkit/react'
 import ConversationManager from '@chatbotkit/react/components/ConversationManager'
@@ -118,7 +119,7 @@ export default function ChatArea() {
   )
 }
 
-// file: ./actions/conversation.js
+// file: ./actions/conversation.jsx
 'use server'
 
 import CalendarEvents from '../components/CalendarEvents.jsx'
@@ -130,7 +131,7 @@ const cbk = new ChatBotKit({
   secret: process.env.CHATBOTKIT_API_SECRET,
 })
 
-export async function complete(_, { messages }) {
+export async function complete({ messages }) {
   return streamComplete({
     client: cbk.conversation,
 

package/dist/cjs/actions/complete.cjs

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.streamComplete = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const it_js_1 = require("../utils/it.cjs");
 const stream_js_1 = require("../utils/stream.cjs");
@@ -12,14 +11,16 @@ async function* complete({ client, messages, functions, maxRecusion = 3, ...opti
         return;
     }
     messages = messages.slice(0);
-    const functionDefinitions = functions === null || functions === void 0 ? void 0 : functions.map((fn) => {
-        if (typeof fn === 'function') {
-            return fn();
-        }
-        else {
-            return fn;
-        }
-    });
+    const functionDefinitions = functions
+        ? await Promise.all(functions.map(async (fn) => {
+            if (typeof fn === 'function') {
+                return await fn();
+            }
+            else {
+                return fn;
+            }
+        }))
+        : undefined;
     let it;
     if (!it) {
         const lastMessage = messages[messages.length - 1];
@@ -73,7 +74,18 @@ async function* complete({ client, messages, functions, maxRecusion = 3, ...opti
                             throw error || new Error('Invalid arguments');
                         }
                     }
-                    const output = await fn.handler(args);
+                    const abortController = new AbortController();
+                    const continuationController = new AbortController();
+                    const output = await fn.handler(args, {
+                        messages: messages,
+                        functions: functionDefinitions,
+                        controllers: {
+                            continuation: continuationController,
+                        },
+                        signals: {
+                            abort: abortController.signal,
+                        },
+                    });
                     let text;
                     let children;
                     let result;
@@ -109,8 +121,8 @@ async function* complete({ client, messages, functions, maxRecusion = 3, ...opti
                             type: 'message',
                             data: {
                                 type: 'bot',
-                                text: text ? text : '',
-                                children: children ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }) : undefined,
+                                text: text || '',
+                                children: children || undefined,
                             },
                         };
                     }
@@ -124,8 +136,8 @@ async function* complete({ client, messages, functions, maxRecusion = 3, ...opti
                                     data: {
                                         id: id,
                                         type: 'bot',
-                                        text: text ? text : '',
-                                        children: item,
+                                        text: text || '',
+                                        children: item || undefined,
                                     },
                                 };
                             }
@@ -135,8 +147,8 @@ async function* complete({ client, messages, functions, maxRecusion = 3, ...opti
                                 type: 'message',
                                 data: {
                                     type: 'bot',
-                                    text: text ? text : '',
-                                    children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: result }),
+                                    text: text || '',
+                                    children: result || undefined,
                                 },
                             };
                         }
@@ -158,13 +170,15 @@ async function* complete({ client, messages, functions, maxRecusion = 3, ...opti
                         };
                         yield { type: 'message', data: activityMessage };
                         messages.push(activityMessage);
-                        yield* complete({
-                            ...options,
-                            client,
-                            messages,
-                            functions,
-                            maxRecusion: maxRecusion - 1,
-                        });
+                        if (continuationController.signal.aborted === false) {
+                            yield* complete({
+                                ...options,
+                                client,
+                                messages,
+                                functions,
+                                maxRecusion: maxRecusion - 1,
+                            });
+                        }
                     }
                 }
             }

package/dist/cjs/actions/complete.d.ts

@@ -17,22 +17,32 @@ export type InputMessage = {
 };
 export type RenderFunction = () => AsyncGenerator<ReactNode> | ReactNode | Promise<ReactNode>;
 export type HandlerArgs = any;
+export type HandlerOptions = {
+    messages: InputMessage[];
+    functions?: InputFunction[];
+    controllers: {
+        continuation: AbortController;
+    };
+    signals: {
+        abort: AbortSignal;
+    };
+};
 export type HandlerResult = string | ReactElement | {
     text?: string;
     children?: ReactNode;
-    render: RenderFunction;
+    render?: RenderFunction;
     result?: any;
 };
 export type InputFunction = {
     name: string;
     description: string;
     parameters: BasicParametersSchema | ValidatingParametersSchema;
-    handler?: (args: HandlerArgs) => Promise<HandlerResult>;
+    handler?: (args: HandlerArgs, options: HandlerOptions) => Promise<HandlerResult>;
 };
 export type Options = Omit<any, 'messages' | 'functions'> & {
     client: import('@chatbotkit/sdk').ConversationClient;
     messages: InputMessage[];
-    functions?: (InputFunction | (() => InputFunction))[];
+    functions?: (InputFunction | (() => InputFunction | Promise<InputFunction>))[];
     maxRecusion?: number;
 };
 declare function complete({ client, messages, functions, maxRecusion, ...options }: Options): any;

package/dist/cjs/components/AutoScroller.cjs

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AutoScroller = void 0;

package/dist/cjs/components/AutoTextarea.cjs

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AutoTextarea = void 0;

package/dist/cjs/components/ChatInput.cjs

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChatInput = void 0;

package/dist/cjs/components/ChatMessage.cjs

@@ -1,3 +1,4 @@
+'use any';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChatMessage = void 0;
@@ -7,33 +8,18 @@ const react_1 = require("react");
 const react_markdown_1 = tslib_1.__importDefault(require("react-markdown"));
 const defaultComponents = {
     a: ({ href, children }) => {
-        const isExternal = /^https?:\/\//.test(href);
+        const isExternal = /^https?:\/\//.test(href || '');
         return ((0, jsx_runtime_1.jsx)("a", { href: href, ...(isExternal ? { target: '_blank', rel: 'noopener' } : {}), children: children }));
     },
-    code: ({ inline, className, children }) => {
-        const language = className ? className.replace(/language-/, '') : null;
-        if (inline) {
-            return (0, jsx_runtime_1.jsx)("code", { className: "className", children: children });
-        }
-        else {
-            return ((0, jsx_runtime_1.jsx)("pre", { children: (0, jsx_runtime_1.jsx)("code", { className: className, "data-language": language, children: children }) }));
-        }
-    },
 };
 function ChatMessage(props) {
-    const { text, style: customStyle, components: customComponents, children, ...rest } = props || {};
+    const { text, remarkPlugins, rehypePlugins, components: customComponents, children, ...rest } = props || {};
     const components = (0, react_1.useMemo)(() => {
         return {
             ...defaultComponents,
             ...customComponents,
         };
     }, [customComponents]);
-    const style = (0, react_1.useMemo)(() => {
-        return {
-            whiteSpace: 'pre-wrap',
-            ...customStyle,
-        };
-    }, [customStyle]);
-    return ((0, jsx_runtime_1.jsxs)("div", { ...rest, style: style, children: [(0, jsx_runtime_1.jsx)(react_markdown_1.default, { components: components, children: text }), children] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { ...rest, children: [(0, jsx_runtime_1.jsx)(react_markdown_1.default, { remarkPlugins: remarkPlugins, rehypePlugins: rehypePlugins, components: components, children: text }), children] }));
 }
 exports.ChatMessage = ChatMessage;

package/dist/cjs/components/ChatMessage.d.ts

@@ -1,3 +1,3 @@
 export function ChatMessage(props: {
-    [name: string]: any;
-}): import("react/jsx-runtime").JSX.Element;
+    text: string;
+} & Pick<import("react-markdown/lib").Options, "remarkPlugins" | "rehypePlugins" | "components"> & import("react").HTMLProps<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/ChatMessages.cjs

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChatMessages = void 0;

package/dist/cjs/components/ConversationManager.cjs

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConversationManager = exports.ConversationContext = void 0;
@@ -14,9 +15,9 @@ exports.ConversationContext = (0, react_1.createContext)(({
     setText: () => { },
     error: null,
     setError: () => { },
-    submit: () => { },
-    trigger: () => { },
-    request: () => { },
+    submit: async () => false,
+    trigger: async () => false,
+    request: async () => false,
 }));
 function ConversationManager({ children, ...options }) {
     const manager = (0, useConversationManager_js_1.default)(options);

package/dist/cjs/hooks/useConversationManager.cjs

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useConversationManager = void 0;
@@ -57,11 +58,11 @@ function useConversationManager({ ...conversationManagerRemoteOptions }) {
     }
     async function submit(thisText) {
         if (thinking || typing) {
-            return;
+            return false;
         }
         if (!thisText) {
             if (!text) {
-                return;
+                return false;
             }
             thisText = text;
             setText('');
@@ -72,10 +73,11 @@ function useConversationManager({ ...conversationManagerRemoteOptions }) {
         };
         appendMessage(userMessage);
         await stream([userMessage]);
+        return true;
     }
     async function trigger(name) {
         if (thinking || typing) {
-            return;
+            return false;
         }
         const activityMessage = {
             type: 'activity',
@@ -90,10 +92,11 @@ function useConversationManager({ ...conversationManagerRemoteOptions }) {
             },
         };
         await stream([activityMessage]);
+        return true;
     }
     async function request(name, args) {
         if (thinking || typing) {
-            return;
+            return false;
         }
         const activityMessage = {
             type: 'activity',
@@ -109,6 +112,7 @@ function useConversationManager({ ...conversationManagerRemoteOptions }) {
             },
         };
         await stream([activityMessage]);
+        return true;
     }
     return {
         message,

package/dist/cjs/hooks/useConversationManager.d.ts

@@ -1,18 +1,25 @@
 export function useConversationManager({ ...conversationManagerRemoteOptions }: UseConversationManagerOptions): UseConversationManagerResult;
 export default useConversationManager;
 export type Message = any;
+export type SimpleMessage = Message & {
+    id: string;
+};
+export type ComplexMessage = Message & {
+    id: string;
+    children?: import('react').ReactNode;
+};
 export type UseConversationManagerRemoteOptions = import('./useConversationManagerRemote.cjs').UseConversationManagerRemoteOptions;
 export type UseConversationManagerOptions = UseConversationManagerRemoteOptions & {};
 export type UseConversationManagerResult = {
-    message: any;
-    messages: Message[];
+    message: SimpleMessage | null;
+    messages: ComplexMessage[];
     thinking: boolean;
     typing: boolean;
     text: string;
     setText: (text: string) => void;
     error: any;
     setError: (error: any) => void;
-    submit: () => void;
-    trigger: (name: string) => void;
-    request: (name: string, args: any) => void;
+    submit: () => Promise<boolean>;
+    trigger: (name: string) => Promise<boolean>;
+    request: (name: string, args: any) => Promise<boolean>;
 };

package/dist/cjs/hooks/useConversationManagerRemote.cjs

@@ -1,3 +1,4 @@
+'use any';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useConversationManagerRemote = void 0;

package/dist/cjs/hooks/useConversationManagerState.cjs

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useConversationManagerState = void 0;

package/dist/cjs/hooks/useConversationManagerStateReducer.cjs

@@ -1,3 +1,4 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useConversationManagerStateReducer = exports.conversationManagerStateInitial = exports.conversationManagerStateReducer = void 0;

package/dist/esm/actions/complete.d.ts

@@ -17,22 +17,32 @@ export type InputMessage = {
 };
 export type RenderFunction = () => AsyncGenerator<ReactNode> | ReactNode | Promise<ReactNode>;
 export type HandlerArgs = any;
+export type HandlerOptions = {
+    messages: InputMessage[];
+    functions?: InputFunction[];
+    controllers: {
+        continuation: AbortController;
+    };
+    signals: {
+        abort: AbortSignal;
+    };
+};
 export type HandlerResult = string | ReactElement | {
     text?: string;
     children?: ReactNode;
-    render: RenderFunction;
+    render?: RenderFunction;
     result?: any;
 };
 export type InputFunction = {
     name: string;
     description: string;
     parameters: BasicParametersSchema | ValidatingParametersSchema;
-    handler?: ((args: HandlerArgs) => Promise<HandlerResult>) | undefined;
+    handler?: ((args: HandlerArgs, options: HandlerOptions) => Promise<HandlerResult>) | undefined;
 };
 export type Options = Omit<import('@chatbotkit/sdk/conversation/v1.js').ConversationCompleteRequest, 'messages' | 'functions'> & {
     client: import('@chatbotkit/sdk').ConversationClient;
     messages: InputMessage[];
-    functions?: (InputFunction | (() => InputFunction))[];
+    functions?: (InputFunction | (() => InputFunction | Promise<InputFunction>))[];
     maxRecusion?: number;
 };
 declare function complete({ client, messages, functions, maxRecusion, ...options }: Options): any;

package/dist/esm/actions/complete.js

@@ -1,4 +1,3 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import { isValidElement } from 'react';
 import { isAsyncGenerator } from '../utils/it.js';
 import { stream } from '../utils/stream.js';
@@ -8,14 +7,16 @@ async function* complete({ client, messages, functions, maxRecusion = 3, ...opti
         return;
     }
     messages = messages.slice(0);
-    const functionDefinitions = functions?.map((fn) => {
-        if (typeof fn === 'function') {
-            return fn();
-        }
-        else {
-            return fn;
-        }
-    });
+    const functionDefinitions = functions
+        ? await Promise.all(functions.map(async (fn) => {
+            if (typeof fn === 'function') {
+                return await fn();
+            }
+            else {
+                return fn;
+            }
+        }))
+        : undefined;
     let it;
     if (!it) {
         const lastMessage = messages[messages.length - 1];
@@ -69,7 +70,18 @@ async function* complete({ client, messages, functions, maxRecusion = 3, ...opti
                             throw error || new Error('Invalid arguments');
                         }
                     }
-                    const output = await fn.handler(args);
+                    const abortController = new AbortController();
+                    const continuationController = new AbortController();
+                    const output = await fn.handler(args, {
+                        messages: messages,
+                        functions: functionDefinitions,
+                        controllers: {
+                            continuation: continuationController,
+                        },
+                        signals: {
+                            abort: abortController.signal,
+                        },
+                    });
                     let text;
                     let children;
                     let result;
@@ -105,8 +117,8 @@ async function* complete({ client, messages, functions, maxRecusion = 3, ...opti
                             type: 'message',
                             data: {
                                 type: 'bot',
-                                text: text ? text : '',
-                                children: children ? _jsx(_Fragment, { children: children }) : undefined,
+                                text: text || '',
+                                children: children || undefined,
                             },
                         };
                     }
@@ -120,8 +132,8 @@ async function* complete({ client, messages, functions, maxRecusion = 3, ...opti
                                     data: {
                                         id: id,
                                         type: 'bot',
-                                        text: text ? text : '',
-                                        children: item,
+                                        text: text || '',
+                                        children: item || undefined,
                                     },
                                 };
                             }
@@ -131,8 +143,8 @@ async function* complete({ client, messages, functions, maxRecusion = 3, ...opti
                                 type: 'message',
                                 data: {
                                     type: 'bot',
-                                    text: text ? text : '',
-                                    children: _jsx(_Fragment, { children: result }),
+                                    text: text || '',
+                                    children: result || undefined,
                                 },
                             };
                         }
@@ -154,13 +166,15 @@ async function* complete({ client, messages, functions, maxRecusion = 3, ...opti
                         };
                         yield { type: 'message', data: activityMessage };
                         messages.push(activityMessage);
-                        yield* complete({
-                            ...options,
-                            client,
-                            messages,
-                            functions,
-                            maxRecusion: maxRecusion - 1,
-                        });
+                        if (continuationController.signal.aborted === false) {
+                            yield* complete({
+                                ...options,
+                                client,
+                                messages,
+                                functions,
+                                maxRecusion: maxRecusion - 1,
+                            });
+                        }
                     }
                 }
             }

package/dist/esm/components/AutoScroller.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useRef } from 'react';
 function AutoScrollAnchor() {

package/dist/esm/components/AutoTextarea.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useEffect, useRef } from 'react';
 export function AutoTextarea(props) {

package/dist/esm/components/ChatInput.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import AutoTextarea from './AutoTextarea.js';
 export function ChatInput(props) {

package/dist/esm/components/ChatMessage.d.ts

@@ -1,3 +1,3 @@
 export function ChatMessage(props: {
-    [name: string]: any;
-}): import("react/jsx-runtime").JSX.Element;
+    text: string;
+} & Pick<import("../../node_modules/react-markdown/lib/index.js").Options, "remarkPlugins" | "rehypePlugins" | "components"> & import("react").HTMLProps<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/ChatMessage.js

@@ -1,34 +1,20 @@
+'use any';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import Markdown from 'react-markdown';
 const defaultComponents = {
     a: ({ href, children }) => {
-        const isExternal = /^https?:\/\//.test(href);
+        const isExternal = /^https?:\/\//.test(href || '');
         return (_jsx("a", { href: href, ...(isExternal ? { target: '_blank', rel: 'noopener' } : {}), children: children }));
     },
-    code: ({ inline, className, children }) => {
-        const language = className ? className.replace(/language-/, '') : null;
-        if (inline) {
-            return _jsx("code", { className: "className", children: children });
-        }
-        else {
-            return (_jsx("pre", { children: _jsx("code", { className: className, "data-language": language, children: children }) }));
-        }
-    },
 };
 export function ChatMessage(props) {
-    const { text, style: customStyle, components: customComponents, children, ...rest } = props || {};
+    const { text, remarkPlugins, rehypePlugins, components: customComponents, children, ...rest } = props || {};
     const components = useMemo(() => {
         return {
             ...defaultComponents,
             ...customComponents,
         };
     }, [customComponents]);
-    const style = useMemo(() => {
-        return {
-            whiteSpace: 'pre-wrap',
-            ...customStyle,
-        };
-    }, [customStyle]);
-    return (_jsxs("div", { ...rest, style: style, children: [_jsx(Markdown, { components: components, children: text }), children] }));
+    return (_jsxs("div", { ...rest, children: [_jsx(Markdown, { remarkPlugins: remarkPlugins, rehypePlugins: rehypePlugins, components: components, children: text }), children] }));
 }

package/dist/esm/components/ChatMessages.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import AutoScroller from './AutoScroller.js';
 export function ChatMessages(props) {

package/dist/esm/components/ConversationManager.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext } from 'react';
 import useConversationManager from '../hooks/useConversationManager.js';
@@ -10,9 +11,9 @@ export const ConversationContext = createContext(({
     setText: () => { },
     error: null,
     setError: () => { },
-    submit: () => { },
-    trigger: () => { },
-    request: () => { },
+    submit: async () => false,
+    trigger: async () => false,
+    request: async () => false,
 }));
 export function ConversationManager({ children, ...options }) {
     const manager = useConversationManager(options);

package/dist/esm/hooks/useConversationManager.d.ts

@@ -1,18 +1,25 @@
 export function useConversationManager({ ...conversationManagerRemoteOptions }: UseConversationManagerOptions): UseConversationManagerResult;
 export default useConversationManager;
 export type Message = import('@chatbotkit/sdk/conversation/v1').Message;
+export type SimpleMessage = Message & {
+    id: string;
+};
+export type ComplexMessage = Message & {
+    id: string;
+    children?: import('react').ReactNode;
+};
 export type UseConversationManagerRemoteOptions = import('./useConversationManagerRemote.js').UseConversationManagerRemoteOptions;
 export type UseConversationManagerOptions = UseConversationManagerRemoteOptions & {};
 export type UseConversationManagerResult = {
-    message: Message | null;
-    messages: Message[];
+    message: SimpleMessage | null;
+    messages: ComplexMessage[];
     thinking: boolean;
     typing: boolean;
     text: string;
     setText: (text: string) => void;
     error: any;
     setError: (error: any) => void;
-    submit: () => void;
-    trigger: (name: string) => void;
-    request: (name: string, args: any) => void;
+    submit: () => Promise<boolean>;
+    trigger: (name: string) => Promise<boolean>;
+    request: (name: string, args: any) => Promise<boolean>;
 };