npm - @chatbotkit/react - Versions diffs - 1.14.3 → 1.15.0 - Mend

@chatbotkit/react 1.14.3 → 1.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (22) hide show

package/README.md CHANGED Viewed

@@ -4,7 +4,6 @@
 [![NPM](https://img.shields.io/npm/v/@chatbotkit/react.svg)](https://www.npmjs.com/package/@chatbotkit/react)
 [![Email](https://img.shields.io/badge/Email-Support-blue?logo=mail.ru)](mailto:support@chatbotkit.com)
 [![Discord](https://img.shields.io/badge/Discord-Support-blue?logo=discord)](https://go.cbk.ai/discord)
-[![Slack](https://img.shields.io/badge/Slack-Support-blue?logo=slack)](https://go.cbk.ai/slack)
 # ChatBotKit React SDK

package/dist/cjs/components/AutoTextarea.cjs CHANGED Viewed

@@ -5,36 +5,52 @@ exports.AutoTextarea = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = tslib_1.__importStar(require("react"));
-function AutoTextarea(props) {
-    const ref = (0, react_1.useRef)(null);
-    function recalibrate(textarea) {
-        const adjustment = `calc(${[textarea.style.paddingTop, textarea.style.paddingBottom]
-            .filter((f) => f)
-            .join(' + ') || '0px'})`;
-        textarea.style.height = 'auto';
-        textarea.style.height = `calc(${textarea.scrollHeight}px - ${adjustment})`;
-    }
+function AutoTextarea(props, forwardedRef) {
+    const localRef = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(forwardedRef, () => {
+        return (localRef.current);
+    });
     (0, react_1.useEffect)(() => {
-        const textarea = ref.current;
-        if (textarea) {
-            recalibrate(textarea);
-            const observer = new MutationObserver((mutationsList) => {
-                for (const mutation of mutationsList) {
-                    if (mutation.type === 'childList' ||
-                        mutation.type === 'characterData') {
-                        recalibrate(textarea);
-                    }
-                }
-            });
-            observer.observe(textarea, {
-                childList: true,
-                subtree: true,
-                characterData: true,
-            });
-            return () => observer.disconnect();
+        if (!localRef.current) {
+            return;
+        }
+        const textarea = (localRef.current);
+        function recalibrate() {
+            const adjustment = `calc(${[textarea.style.paddingTop, textarea.style.paddingBottom]
+                .filter((f) => f)
+                .join(' + ') || '0px'})`;
+            textarea.style.height = 'auto';
+            textarea.style.height = `calc(${textarea.scrollHeight}px - ${adjustment})`;
         }
-    }, []);
-    return (0, jsx_runtime_1.jsx)("textarea", { ref: ref, rows: 1, ...props });
+        recalibrate();
+        const mutationObserver = new MutationObserver((mutationsList) => {
+            for (const mutation of mutationsList) {
+                if (mutation.type === 'childList' ||
+                    mutation.type === 'subtree' ||
+                    mutation.type === 'characterData') {
+                    recalibrate();
+                }
+            }
+        });
+        mutationObserver.observe(textarea, {
+            childList: true,
+            subtree: true,
+            characterData: true,
+        });
+        const resizeObserver = new ResizeObserver(recalibrate);
+        resizeObserver.observe(textarea);
+        textarea.addEventListener('input', recalibrate);
+        textarea.addEventListener('focus', recalibrate);
+        window.addEventListener('resize', recalibrate);
+        return () => {
+            mutationObserver.disconnect();
+            resizeObserver.disconnect();
+            textarea.removeEventListener('input', recalibrate);
+            textarea.removeEventListener('focus', recalibrate);
+            window.removeEventListener('resize', recalibrate);
+        };
+    }, [localRef]);
+    return (0, jsx_runtime_1.jsx)("textarea", { ref: localRef, rows: 1, ...props });
 }
 exports.AutoTextarea = AutoTextarea;
-exports.default = AutoTextarea;
+exports.default = (0, react_1.forwardRef)(AutoTextarea);

package/dist/cjs/components/AutoTextarea.d.ts CHANGED Viewed

@@ -1,4 +1,8 @@
 export function AutoTextarea(props?: {
     [name: string]: any;
-}): import("react/jsx-runtime").JSX.Element;
-export default AutoTextarea;
+}, forwardedRef?: React.Ref<HTMLTextAreaElement>): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.ForwardRefExoticComponent<Omit<{
+    [name: string]: any;
+}, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export default _default;
+import React from 'react';

package/dist/cjs/hooks/useConversationManager.cjs CHANGED Viewed

@@ -6,7 +6,7 @@ const tslib_1 = require("tslib");
 const react_1 = require("react");
 const useConversationManagerRemote_js_1 = tslib_1.__importDefault(require("./useConversationManagerRemote.cjs"));
 const useConversationManagerState_js_1 = require("./useConversationManagerState.cjs");
-function useConversationManager({ ...conversationManagerRemoteOptions }) {
+function useConversationManager({ interactionMaxMessages = 100, ...conversationManagerRemoteOptions }) {
     const remote = (0, useConversationManagerRemote_js_1.default)(conversationManagerRemoteOptions);
     const [{ thinking, typing, message, messages, }, { setThinking, setTyping, appendText, appendMessage, },] = (0, useConversationManagerState_js_1.useConversationManagerState)();
     const [text, setText] = (0, react_1.useState)((''));
@@ -27,7 +27,7 @@ function useConversationManager({ ...conversationManagerRemoteOptions }) {
                     meta,
                 };
             })) || []),
-        ].slice(-100);
+        ].slice(-Math.abs(interactionMaxMessages));
         try {
             setThinking(true);
             setError(null);

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

@@ -1,15 +1,19 @@
-export function useConversationManager({ ...conversationManagerRemoteOptions }: UseConversationManagerOptions): UseConversationManagerResult;
+export function useConversationManager({ interactionMaxMessages, ...conversationManagerRemoteOptions }: UseConversationManagerOptions): UseConversationManagerResult;
 export default useConversationManager;
 export type Message = any;
 export type SimpleMessage = Message & {
     id: string;
+    createdAt: Date;
 };
 export type ComplexMessage = Message & {
     id: string;
+    createdAt: Date;
     children?: import('react').ReactNode;
 };
 export type UseConversationManagerRemoteOptions = import('./useConversationManagerRemote.cjs').UseConversationManagerRemoteOptions;
-export type UseConversationManagerOptions = UseConversationManagerRemoteOptions & {};
+export type UseConversationManagerOptions = UseConversationManagerRemoteOptions & {
+    interactionMaxMessages?: number;
+};
 export type UseConversationManagerResult = {
     message: SimpleMessage | null;
     messages: ComplexMessage[];

package/dist/cjs/hooks/useConversationManagerRemote.cjs CHANGED Viewed

@@ -6,7 +6,7 @@ const react_1 = require("react");
 const object_js_1 = require("../utils/object.cjs");
 const stream_js_1 = require("../utils/stream.cjs");
 const sdk_1 = require("@chatbotkit/sdk");
-function useConversationManagerRemote({ client: _client, endpoint, conversationId, token, backstory, model, datasetId, skillsetId, privacy, moderation, ...rest }) {
+function useConversationManagerRemote({ client: _client, endpoint, token, conversationId, stateful = conversationId ? true : false, botId, backstory, model, datasetId, skillsetId, privacy, moderation, ...rest }) {
     const client = (0, react_1.useMemo)(() => {
         var _a, _b;
         if (typeof endpoint === 'function') {
@@ -27,6 +27,7 @@ function useConversationManagerRemote({ client: _client, endpoint, conversationI
             extension.url = new URL(((_b = (_a = globalThis.window) === null || _a === void 0 ? void 0 : _a.location) === null || _b === void 0 ? void 0 : _b.origin) || 'about:blank');
             extension.endpoints = {
                 '/api/v1/conversation/complete': endpoint,
+                '/api/v1/conversation/{conversationId}/complete': endpoint,
             };
         }
         if (token) {
@@ -40,7 +41,7 @@ function useConversationManagerRemote({ client: _client, endpoint, conversationI
         }
     }, [_client, endpoint, token]);
     const remote = (0, react_1.useMemo)(() => {
-        if (conversationId) {
+        if (stateful) {
             return (async function* (messages) {
                 const lastUserMessage = [...messages]
                     .reverse()
@@ -49,7 +50,9 @@ function useConversationManagerRemote({ client: _client, endpoint, conversationI
                     throw new Error('No user message found');
                 }
                 yield* client
-                    .complete(conversationId, { text: lastUserMessage.text })
+                    .complete((conversationId), {
+                    text: lastUserMessage.text,
+                })
                     .stream();
             });
         }
@@ -57,13 +60,18 @@ function useConversationManagerRemote({ client: _client, endpoint, conversationI
             return (async function* (messages) {
                 yield* client
                     .complete(null, {
+                    botId: botId,
                     backstory: backstory,
                     model: model,
                     datasetId: datasetId,
                     skillsetId: skillsetId,
                     privacy: privacy,
                     moderation: moderation,
-                    messages: messages,
+                    messages: messages.map(({ type, text, meta }) => ({
+                        type,
+                        text,
+                        meta,
+                    })),
                 })
                     .stream();
             });

package/dist/cjs/hooks/useConversationManagerRemote.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-export function useConversationManagerRemote({ client: _client, endpoint, conversationId, token, backstory, model, datasetId, skillsetId, privacy, moderation, ...rest }: UseConversationManagerRemoteOptions): UseConversationManagerRemoteResult;
+export function useConversationManagerRemote({ client: _client, endpoint, token, conversationId, stateful, botId, backstory, model, datasetId, skillsetId, privacy, moderation, ...rest }: UseConversationManagerRemoteOptions): UseConversationManagerRemoteResult;
 export default useConversationManagerRemote;
 export type Message = any;
 export type Model = any;
@@ -7,8 +7,10 @@ export type EndpointFunction = (options: any) => AsyncGenerator<any>;
 export type UseConversationManagerRemoteOptions = {
     client?: ConversationClient;
     endpoint?: EndpointURL | EndpointFunction;
-    conversationId?: string;
     token?: string;
+    conversationId?: string;
+    stateful?: boolean;
+    botId?: string;
     backstory?: string;
     model?: Model;
     datasetId?: string;

package/dist/cjs/hooks/useConversationManagerState.d.ts CHANGED Viewed

@@ -1,10 +1,9 @@
 export function useConversationManagerState(state?: Partial<State>): [State, StateFunctions];
 export default useConversationManagerState;
-export type Message = any;
 export type State = import('./useConversationManagerStateReducer.cjs').State;
 export type StateFunctions = {
-    setThinking: (thinking: boolean) => void;
-    setTyping: (typing: boolean) => void;
-    appendText: (text: string) => void;
-    appendMessage: (message: any) => void;
+    setThinking: (thinking: import('./useConversationManagerStateReducer.cjs').SetThinkingAction['data']['thinking']) => void;
+    setTyping: (typing: import('./useConversationManagerStateReducer.cjs').SetTypingAction['data']['typing']) => void;
+    appendText: (text: import('./useConversationManagerStateReducer.cjs').AppendTextAction['data']['text']) => void;
+    appendMessage: (message: import('./useConversationManagerStateReducer.cjs').AppendMessageAction['data']['message']) => void;
 };

package/dist/cjs/hooks/useConversationManagerStateReducer.cjs CHANGED Viewed

@@ -45,6 +45,7 @@ function conversationManagerStateReducer(state, action) {
                     id: (0, string_js_1.getRandomId)('tmp-'),
                     type: 'bot',
                     text: '',
+                    createdAt: new Date(),
                 });
             message.text += text;
             return {
@@ -75,6 +76,7 @@ function conversationManagerStateReducer(state, action) {
                     messages.push({
                         ...message,
                         id: message.id || (0, string_js_1.getRandomId)('tmp-'),
+                        createdAt: message.createdAt || new Date(),
                     });
                 }
             }
@@ -82,6 +84,7 @@ function conversationManagerStateReducer(state, action) {
                 messages.push({
                     ...message,
                     id: (0, string_js_1.getRandomId)('tmp-'),
+                    createdAt: new Date(),
                 });
             }
             return {

package/dist/cjs/hooks/useConversationManagerStateReducer.d.ts CHANGED Viewed

@@ -2,18 +2,15 @@ export function conversationManagerStateReducer(state: State, action: Action): S
 export function conversationManagerStateInitial(state?: Partial<State>): State;
 export function useConversationManagerStateReducer(state?: Partial<State>): [State, import('react').Dispatch<Action>];
 export default useConversationManagerStateReducer;
-export type Message = any;
-export type MessageWithId = {
+export type Message = any & {
     id: string;
-} & Message;
-export type MessageWithOptionalId = {
-    id?: string;
-} & Message;
+    createdAt: Date;
+};
 export type State = {
     thinking: boolean;
     typing: boolean;
-    message: MessageWithId | null;
-    messages: MessageWithId[];
+    message: Message | null;
+    messages: Message[];
 };
 export type SetThinkingAction = {
     type: 'setThinking';
@@ -36,7 +33,10 @@ export type AppendTextAction = {
 export type AppendMessageAction = {
     type: 'appendMessage';
     data: {
-        message: MessageWithOptionalId;
+        message: Omit<Message, 'id' | 'createdAt'> & {
+            id?: string;
+            createdAt?: Date;
+        };
     };
 };
 export type Action = SetThinkingAction | SetTypingAction | AppendTextAction | AppendMessageAction;

package/dist/esm/components/AutoTextarea.d.ts CHANGED Viewed

@@ -1,4 +1,8 @@
 export function AutoTextarea(props?: {
     [name: string]: any;
-} | undefined): import("react/jsx-runtime").JSX.Element;
-export default AutoTextarea;
+} | undefined, forwardedRef?: React.Ref<HTMLTextAreaElement> | undefined): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.ForwardRefExoticComponent<Omit<{
+    [name: string]: any;
+}, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export default _default;
+import React from 'react';

package/dist/esm/components/AutoTextarea.js CHANGED Viewed

@@ -1,35 +1,51 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useEffect, useRef } from 'react';
-export function AutoTextarea(props) {
-    const ref = useRef(null);
-    function recalibrate(textarea) {
-        const adjustment = `calc(${[textarea.style.paddingTop, textarea.style.paddingBottom]
-            .filter((f) => f)
-            .join(' + ') || '0px'})`;
-        textarea.style.height = 'auto';
-        textarea.style.height = `calc(${textarea.scrollHeight}px - ${adjustment})`;
-    }
+import React, { forwardRef, useEffect, useImperativeHandle, useRef, } from 'react';
+export function AutoTextarea(props, forwardedRef) {
+    const localRef = useRef(null);
+    useImperativeHandle(forwardedRef, () => {
+        return (localRef.current);
+    });
     useEffect(() => {
-        const textarea = ref.current;
-        if (textarea) {
-            recalibrate(textarea);
-            const observer = new MutationObserver((mutationsList) => {
-                for (const mutation of mutationsList) {
-                    if (mutation.type === 'childList' ||
-                        mutation.type === 'characterData') {
-                        recalibrate(textarea);
-                    }
-                }
-            });
-            observer.observe(textarea, {
-                childList: true,
-                subtree: true,
-                characterData: true,
-            });
-            return () => observer.disconnect();
+        if (!localRef.current) {
+            return;
+        }
+        const textarea = (localRef.current);
+        function recalibrate() {
+            const adjustment = `calc(${[textarea.style.paddingTop, textarea.style.paddingBottom]
+                .filter((f) => f)
+                .join(' + ') || '0px'})`;
+            textarea.style.height = 'auto';
+            textarea.style.height = `calc(${textarea.scrollHeight}px - ${adjustment})`;
         }
-    }, []);
-    return _jsx("textarea", { ref: ref, rows: 1, ...props });
+        recalibrate();
+        const mutationObserver = new MutationObserver((mutationsList) => {
+            for (const mutation of mutationsList) {
+                if (mutation.type === 'childList' ||
+                    mutation.type === 'subtree' ||
+                    mutation.type === 'characterData') {
+                    recalibrate();
+                }
+            }
+        });
+        mutationObserver.observe(textarea, {
+            childList: true,
+            subtree: true,
+            characterData: true,
+        });
+        const resizeObserver = new ResizeObserver(recalibrate);
+        resizeObserver.observe(textarea);
+        textarea.addEventListener('input', recalibrate);
+        textarea.addEventListener('focus', recalibrate);
+        window.addEventListener('resize', recalibrate);
+        return () => {
+            mutationObserver.disconnect();
+            resizeObserver.disconnect();
+            textarea.removeEventListener('input', recalibrate);
+            textarea.removeEventListener('focus', recalibrate);
+            window.removeEventListener('resize', recalibrate);
+        };
+    }, [localRef]);
+    return _jsx("textarea", { ref: localRef, rows: 1, ...props });
 }
-export default AutoTextarea;
+export default forwardRef(AutoTextarea);

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

@@ -1,15 +1,19 @@
-export function useConversationManager({ ...conversationManagerRemoteOptions }: UseConversationManagerOptions): UseConversationManagerResult;
+export function useConversationManager({ interactionMaxMessages, ...conversationManagerRemoteOptions }: UseConversationManagerOptions): UseConversationManagerResult;
 export default useConversationManager;
 export type Message = import('@chatbotkit/sdk/conversation/v1').Message;
 export type SimpleMessage = Message & {
     id: string;
+    createdAt: Date;
 };
 export type ComplexMessage = Message & {
     id: string;
+    createdAt: Date;
     children?: import('react').ReactNode;
 };
 export type UseConversationManagerRemoteOptions = import('./useConversationManagerRemote.js').UseConversationManagerRemoteOptions;
-export type UseConversationManagerOptions = UseConversationManagerRemoteOptions & {};
+export type UseConversationManagerOptions = UseConversationManagerRemoteOptions & {
+    interactionMaxMessages?: number;
+};
 export type UseConversationManagerResult = {
     message: SimpleMessage | null;
     messages: ComplexMessage[];

package/dist/esm/hooks/useConversationManager.js CHANGED Viewed

@@ -2,7 +2,7 @@
 import { useState } from 'react';
 import useConversationManagerRemote from './useConversationManagerRemote.js';
 import { useConversationManagerState } from './useConversationManagerState.js';
-export function useConversationManager({ ...conversationManagerRemoteOptions }) {
+export function useConversationManager({ interactionMaxMessages = 100, ...conversationManagerRemoteOptions }) {
     const remote = useConversationManagerRemote(conversationManagerRemoteOptions);
     const [{ thinking, typing, message, messages, }, { setThinking, setTyping, appendText, appendMessage, },] = useConversationManagerState();
     const [text, setText] = useState((''));
@@ -23,7 +23,7 @@ export function useConversationManager({ ...conversationManagerRemoteOptions })
                     meta,
                 };
             }) || []),
-        ].slice(-100);
+        ].slice(-Math.abs(interactionMaxMessages));
         try {
             setThinking(true);
             setError(null);

package/dist/esm/hooks/useConversationManagerRemote.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-export function useConversationManagerRemote({ client: _client, endpoint, conversationId, token, backstory, model, datasetId, skillsetId, privacy, moderation, ...rest }: UseConversationManagerRemoteOptions): UseConversationManagerRemoteResult;
+export function useConversationManagerRemote({ client: _client, endpoint, token, conversationId, stateful, botId, backstory, model, datasetId, skillsetId, privacy, moderation, ...rest }: UseConversationManagerRemoteOptions): UseConversationManagerRemoteResult;
 export default useConversationManagerRemote;
 export type Message = import('@chatbotkit/sdk/conversation/v1').Message;
 export type Model = import('@chatbotkit/sdk/model/v1').Model;
@@ -7,8 +7,10 @@ export type EndpointFunction = (options: any) => AsyncGenerator<any>;
 export type UseConversationManagerRemoteOptions = {
     client?: ConversationClient;
     endpoint?: EndpointURL | EndpointFunction;
-    conversationId?: string;
     token?: string;
+    conversationId?: string;
+    stateful?: boolean;
+    botId?: string;
     backstory?: string;
     model?: Model;
     datasetId?: string;

package/dist/esm/hooks/useConversationManagerRemote.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { useMemo } from 'react';
 import { cloneAndExtend } from '../utils/object.js';
 import { consume } from '../utils/stream.js';
 import { ConversationClient } from '@chatbotkit/sdk';
-export function useConversationManagerRemote({ client: _client, endpoint, conversationId, token, backstory, model, datasetId, skillsetId, privacy, moderation, ...rest }) {
+export function useConversationManagerRemote({ client: _client, endpoint, token, conversationId, stateful = conversationId ? true : false, botId, backstory, model, datasetId, skillsetId, privacy, moderation, ...rest }) {
     const client = useMemo(() => {
         if (typeof endpoint === 'function') {
             return {
@@ -23,6 +23,7 @@ export function useConversationManagerRemote({ client: _client, endpoint, conver
             extension.url = new URL(globalThis.window?.location?.origin || 'about:blank');
             extension.endpoints = {
                 '/api/v1/conversation/complete': endpoint,
+                '/api/v1/conversation/{conversationId}/complete': endpoint,
             };
         }
         if (token) {
@@ -36,7 +37,7 @@ export function useConversationManagerRemote({ client: _client, endpoint, conver
         }
     }, [_client, endpoint, token]);
     const remote = useMemo(() => {
-        if (conversationId) {
+        if (stateful) {
             return (async function* (messages) {
                 const lastUserMessage = [...messages]
                     .reverse()
@@ -45,7 +46,9 @@ export function useConversationManagerRemote({ client: _client, endpoint, conver
                     throw new Error('No user message found');
                 }
                 yield* client
-                    .complete(conversationId, { text: lastUserMessage.text })
+                    .complete((conversationId), {
+                    text: lastUserMessage.text,
+                })
                     .stream();
             });
         }
@@ -53,13 +56,18 @@ export function useConversationManagerRemote({ client: _client, endpoint, conver
             return (async function* (messages) {
                 yield* client
                     .complete(null, {
+                    botId: botId,
                     backstory: backstory,
                     model: model,
                     datasetId: datasetId,
                     skillsetId: skillsetId,
                     privacy: privacy,
                     moderation: moderation,
-                    messages: messages,
+                    messages: messages.map(({ type, text, meta }) => ({
+                        type,
+                        text,
+                        meta,
+                    })),
                 })
                     .stream();
             });

package/dist/esm/hooks/useConversationManagerState.d.ts CHANGED Viewed

@@ -1,10 +1,9 @@
 export function useConversationManagerState(state?: Partial<import("./useConversationManagerStateReducer.js").State> | undefined): [State, StateFunctions];
 export default useConversationManagerState;
-export type Message = import('@chatbotkit/sdk/conversation/v1').Message;
 export type State = import('./useConversationManagerStateReducer.js').State;
 export type StateFunctions = {
-    setThinking: (thinking: boolean) => void;
-    setTyping: (typing: boolean) => void;
-    appendText: (text: string) => void;
-    appendMessage: (message: Message) => void;
+    setThinking: (thinking: import('./useConversationManagerStateReducer.js').SetThinkingAction['data']['thinking']) => void;
+    setTyping: (typing: import('./useConversationManagerStateReducer.js').SetTypingAction['data']['typing']) => void;
+    appendText: (text: import('./useConversationManagerStateReducer.js').AppendTextAction['data']['text']) => void;
+    appendMessage: (message: import('./useConversationManagerStateReducer.js').AppendMessageAction['data']['message']) => void;
 };

package/dist/esm/hooks/useConversationManagerStateReducer.d.ts CHANGED Viewed

@@ -2,18 +2,15 @@ export function conversationManagerStateReducer(state: State, action: Action): S
 export function conversationManagerStateInitial(state?: Partial<State> | undefined): State;
 export function useConversationManagerStateReducer(state?: Partial<State> | undefined): [State, import('react').Dispatch<Action>];
 export default useConversationManagerStateReducer;
-export type Message = import('@chatbotkit/sdk/conversation/v1').Message;
-export type MessageWithId = {
+export type Message = import('@chatbotkit/sdk/conversation/v1').Message & {
     id: string;
-} & Message;
-export type MessageWithOptionalId = {
-    id?: string;
-} & Message;
+    createdAt: Date;
+};
 export type State = {
     thinking: boolean;
     typing: boolean;
-    message: MessageWithId | null;
-    messages: MessageWithId[];
+    message: Message | null;
+    messages: Message[];
 };
 export type SetThinkingAction = {
     type: 'setThinking';
@@ -36,7 +33,10 @@ export type AppendTextAction = {
 export type AppendMessageAction = {
     type: 'appendMessage';
     data: {
-        message: MessageWithOptionalId;
+        message: Omit<Message, 'id' | 'createdAt'> & {
+            id?: string;
+            createdAt?: Date;
+        };
     };
 };
 export type Action = SetThinkingAction | SetTypingAction | AppendTextAction | AppendMessageAction;

package/dist/esm/hooks/useConversationManagerStateReducer.js CHANGED Viewed

@@ -41,6 +41,7 @@ export function conversationManagerStateReducer(state, action) {
                     id: getRandomId('tmp-'),
                     type: 'bot',
                     text: '',
+                    createdAt: new Date(),
                 });
             message.text += text;
             return {
@@ -71,6 +72,7 @@ export function conversationManagerStateReducer(state, action) {
                     messages.push({
                         ...message,
                         id: message.id || getRandomId('tmp-'),
+                        createdAt: message.createdAt || new Date(),
                     });
                 }
             }
@@ -78,6 +80,7 @@ export function conversationManagerStateReducer(state, action) {
                 messages.push({
                     ...message,
                     id: getRandomId('tmp-'),
+                    createdAt: new Date(),
                 });
             }
             return {