@cometchat/chat-uikit-react 6.1.2 → 6.2.1

package/dist/types/components/CometChatMessageList/CometChatMessageListController.d.ts

@@ -7,6 +7,7 @@ export declare class MessageListManager {
     static groupListenerId: string;
     static callListenerId: string;
     static connectionListenerId: string;
+    static streamListenerId: string;
     private static errorHandler;
     /**
      * Creates an instance of MessageListManager which constructs a request builder for fetching messages from a particular user/group in the chat.
@@ -18,7 +19,7 @@ export declare class MessageListManager {
      * @param {boolean} [hideGroupActionMessages]
      * @memberof MessageListManager
      */
-    constructor(errorHandler: (error: unknown, source?: string) => void, messagesRequestBuilder?: CometChat.MessagesRequestBuilder, user?: CometChat.User, group?: CometChat.Group, messageId?: number, parentMessageId?: number, hideGroupActionMessages?: boolean);
+    constructor(errorHandler: (error: unknown, source?: string) => void, messagesRequestBuilder?: CometChat.MessagesRequestBuilder, user?: CometChat.User, group?: CometChat.Group, messageId?: number, parentMessageId?: number, hideGroupActionMessages?: boolean, isAgentChat?: boolean);
     /**
      * Function to invoke the fetchNext method of the messagesRequestBuilder to retrieve the subsequent messages following the latest fetched message.
      *
@@ -36,7 +37,7 @@ export declare class MessageListManager {
      *
      * @param {Function} callback
      */
-    static attachListeners: (callback: (key: string, mesage: CometChat.BaseMessage, group?: CometChat.Group) => void) => void;
+    static attachListeners: (addStreamListener: boolean, callback: (key: string, mesage: CometChat.BaseMessage, group?: CometChat.Group) => void, addMessage: (message: CometChat.BaseMessage) => void, user?: CometChat.User) => void;
     /**
      * Function to remove the attached listeners for a particular user/group.
      *  */

package/dist/types/components/CometChatMessageList/useCometChatMessageList.d.ts

@@ -2,5 +2,5 @@ import { MutableRefObject } from "react";
 /**
  * This Hooks function is a custom React hook designed to manage  functionalities of CometChatMessageList component. It fetches the logged-in user, handles event subscriptions and tracks message IDs for new message retrieval. It plays a key role in maintaining real-time functionality and user interactions in the chat interface.
  **/
-declare function useCometChatMessageList(loggedInUserRef: MutableRefObject<CometChat.User | null>, messageListManagerRef: MutableRefObject<any>, fetchPreviousMessages: () => void, updateMessage: (key: string, mesage: CometChat.BaseMessage, group?: CometChat.Group) => void, messagesRequestBuilder: CometChat.MessagesRequestBuilder | undefined, user: CometChat.User | undefined, group: CometChat.Group | undefined, messageIdRef: MutableRefObject<any>, totalMessagesCountRef: MutableRefObject<any>, messageList: CometChat.BaseMessage[], errorHandler: (error: unknown, source?: string) => void, setMessageList: (messages: CometChat.BaseMessage[]) => void, setScrollListToBottom: (scrollToBottom: boolean) => void, smartReplyViewRef: MutableRefObject<any>, isOnBottomRef: MutableRefObject<boolean>, isFirstReloadRef: MutableRefObject<boolean>, subscribeToUIEvents: Function, showSmartRepliesRef: MutableRefObject<any>, setDateHeader?: Function, parentMessageId?: number, hideGroupActionMessages?: boolean, showSmartReplies?: boolean, goToMessageId?: string): void;
+declare function useCometChatMessageList(loggedInUserRef: MutableRefObject<CometChat.User | null>, messageListManagerRef: MutableRefObject<any>, fetchPreviousMessages: () => void, updateMessage: (key: string, mesage: CometChat.BaseMessage, group?: CometChat.Group) => void, messagesRequestBuilder: CometChat.MessagesRequestBuilder | undefined, user: CometChat.User | undefined, group: CometChat.Group | undefined, messageIdRef: MutableRefObject<any>, totalMessagesCountRef: MutableRefObject<any>, messageList: CometChat.BaseMessage[], errorHandler: (error: unknown, source?: string) => void, setMessageList: (messages: CometChat.BaseMessage[]) => void, setScrollListToBottom: (scrollToBottom: boolean) => void, smartReplyViewRef: MutableRefObject<any>, isOnBottomRef: MutableRefObject<boolean>, isFirstReloadRef: MutableRefObject<boolean>, subscribeToUIEvents: Function, showSmartRepliesRef: MutableRefObject<any>, addMessage: (message: CometChat.BaseMessage) => void, setDateHeader?: Function, parentMessageId?: number, hideGroupActionMessages?: boolean, showSmartReplies?: boolean, goToMessageId?: string, isAgentChat?: boolean): void;
 export { useCometChatMessageList };

package/dist/types/constants/CometChatUIKitConstants.d.ts

@@ -5,6 +5,13 @@ export declare class CometChatUIKitConstants {
         action: string;
         call: string;
         interactive: string;
+        agentic: import("@cometchat/chat-sdk-javascript").MessageCategory.AGENTIC;
+    }>;
+    static moderationStatus: Readonly<{
+        pending: import("@cometchat/chat-sdk-javascript").ModerationStatus.PENDING;
+        approved: import("@cometchat/chat-sdk-javascript").ModerationStatus.APPROVED;
+        disapproved: import("@cometchat/chat-sdk-javascript").ModerationStatus.DISAPPROVED;
+        unmoderated: import("@cometchat/chat-sdk-javascript").ModerationStatus.UNMODERATED;
     }>;
     static MessageTypes: Readonly<{
         text: string;
@@ -19,6 +26,9 @@ export declare class CometChatUIKitConstants {
         card: "card";
         customInteractive: "customInteractive";
         scheduler: "scheduler";
+        assistant: string;
+        toolArguments: string;
+        toolResults: string;
     }>;
     static groupMemberAction: Readonly<{
         ROLE: "role";
@@ -147,4 +157,15 @@ export declare class CometChatUIKitConstants {
         changeScope: "changeScope";
         groupMembers: "groupMembers";
     }>;
+    static streamMessageTypes: Readonly<{
+        run_started: string;
+        text_message_start: string;
+        text_message_content: string;
+        text_message_end: string;
+        run_finished: string;
+        tool_call_start: string;
+        tool_call_end: string;
+        tool_call_args: string;
+        tool_call_result: string;
+    }>;
 }

package/dist/types/events/CometChatMessageEvents.d.ts

@@ -19,6 +19,7 @@ export declare class CometChatMessageEvents {
     * message events wrapper of SDK listeners (e.g., media message, typing       indicator, read receipts, etc.)
     */
     static onTextMessageReceived: Subject<CometChat.TextMessage>;
+    static onMessageModerated: Subject<CometChat.BaseMessage>;
     static onMediaMessageReceived: Subject<CometChat.MediaMessage>;
     static onCustomMessageReceived: Subject<CometChat.CustomMessage>;
     static onTypingStarted: Subject<CometChat.TypingIndicator>;
@@ -35,6 +36,9 @@ export declare class CometChatMessageEvents {
     static onFormMessageReceived: Subject<CometChat.InteractiveMessage>;
     static onCardMessageReceived: Subject<CometChat.InteractiveMessage>;
     static onSchedulerMessageReceived: Subject<CometChat.InteractiveMessage>;
+    static onAIAssistantMessageReceived: Subject<CometChat.AIAssistantMessage>;
+    static onAIToolResultReceived: Subject<CometChat.AIToolResultMessage>;
+    static onAIToolArgumentsReceived: Subject<CometChat.AIToolArgumentMessage>;
 }
 /**
 * Interface for message-related events

package/dist/types/index.d.ts

@@ -85,6 +85,7 @@ export { CometChatRadioButton } from './components/BaseComponents/CometChatRadio
 export { CometChatPopover } from './components/BaseComponents/CometChatPopover/CometChatPopover';
 export { CometChatMediaRecorder } from './components/BaseComponents/CometChatMediaRecorder/CometChatMediaRecorder';
 export { CometChatListItem } from './components/BaseComponents/CometChatListItem/CometChatListItem';
+export { CometChatErrorView } from './components/BaseComponents/CometChatErrorView/CometChatErrorView';
 export { CometChatImageBubble } from './components/BaseComponents/CometChatImageBubble/CometChatImageBubble';
 export { CometChatFullScreenViewer } from './components/BaseComponents/CometChatFullScreenViewer/CometChatFullScreenViewer';
 export { CometChatFileBubble } from './components/BaseComponents/CometChatFileBubble/CometChatFileBubble';
@@ -114,3 +115,9 @@ export * from './formatters/index';
 export * from './utils/SearchUtils';
 export { CometChatSearch } from './components/CometChatSearch/CometChatSearch';
 export { CometChatFrameProvider, useCometChatFrameContext } from './context/CometChatFrameContext';
+export { CometChatAIAssistantChat } from './components/CometChatAIAssistantChat/CometChatAIAssistantChat';
+export * from './services/stream-message.service';
+export { CometChatAIAssistantTools } from './modals/CometChatAIAssistantTools';
+export { CometChatStreamMessageBubble } from './components/BaseComponents/CometChatStreamMessageBubble/CometChatStreamMessageBubble';
+export { CometChatAIAssistantMessageBubble } from './components/BaseComponents/CometChatAIAssistantMessageBubble/CometChatAIAssistantMessageBubble';
+export { CometChatAIAssistantChatHistory } from './components/CometChatAIAssistantChatHistory/CometChatAIAssistantChatHistory';

package/dist/types/modals/CometChatAIAssistantTools.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Type definition for toolkit action functions
+ * Each function can return any value or a Promise for async operations
+ */
+type CometChatAIAssistantToolsFunction = (args: any) => void;
+/**
+ * Interface for the toolkit actions map
+ * Key: string (function name)
+ * Value: CometChatAIAssistantToolsFunction
+ */
+interface ICometChatAIAssistantToolsMap {
+    [functionName: string]: CometChatAIAssistantToolsFunction;
+}
+/**
+ * CometChatAIAssistantTools class for managing action functions
+ *
+ * Usage:
+ * ```typescript
+ * const toolkit = new CometChatAIAssistantTools({
+ *   // Weather related functions
+ *   getCurrentWeather: (params: {location: string}) => {
+ *     // Implementation for getting current weather
+ *     fetch(`/api/weather?location=${params.location}`);
+ *   },
+ * });
+ *
+ * ```
+ */
+declare class CometChatAIAssistantTools {
+    private actionsMap;
+    [functionName: string]: any;
+    constructor(actions: ICometChatAIAssistantToolsMap);
+    /**
+     * Get the implementation of a specific action
+     *
+     * @param functionName - Name of the function
+     * @returns The function implementation or undefined if not found
+     */
+    getAction(functionName: string): CometChatAIAssistantToolsFunction | undefined;
+    /**
+     * Get a copy of all actions
+     *
+     * @returns A copy of the actions map
+     */
+    getActions(): ICometChatAIAssistantToolsMap;
+}
+export { CometChatAIAssistantTools, type ICometChatAIAssistantToolsMap, type CometChatAIAssistantToolsFunction };

package/dist/types/modals/CometChatMessageTemplate.d.ts

@@ -50,7 +50,7 @@ declare class CometChatMessageTemplate {
      * By default, it displays the receipt and the timestamp.
      * @type {(message:CometChat.BaseMessage,alignment:MessageBubbleAlignment)=> Element | JSX.Element | null}
      */
-    statusInfoView: ((message: CometChat.BaseMessage, alignment: MessageBubbleAlignment, hideReceipts?: boolean, messageSentAtDateTimeFormat?: CalendarObject) => Element | JSX.Element | null) | null;
+    statusInfoView: ((message: CometChat.BaseMessage, alignment: MessageBubbleAlignment, hideReceipts?: boolean, messageSentAtDateTimeFormat?: CalendarObject, showError?: boolean) => Element | JSX.Element | null) | null;
     /**
      * List of available actions that any user can perform on a message, like reacting,
      * editing or deleting a message.

package/dist/types/services/stream-message.service.d.ts

@@ -0,0 +1,44 @@
+import { CometChatAIAssistantTools } from '../modals/CometChatAIAssistantTools';
+/**
+ * Interface representing streaming message data that contains both the original message event
+ * and the accumulated streamed text content that has been processed so far.
+ */
+export interface IStreamData {
+    message: CometChat.AIAssistantBaseEvent;
+    streamedMessages?: string;
+}
+/**
+ * Observable stream for streaming state changes
+ */
+export declare const streamingState$: import("rxjs").Observable<boolean>;
+/**
+ * Observable stream for message updates
+ */
+export declare const messageStream: import("rxjs").Observable<IStreamData>;
+/**
+ * Starts a new streaming message session
+ * Resets accumulated content and initializes the message processor
+ */
+export declare const startStreamingMessage: () => void;
+/**
+ * Handles incoming websocket messages by adding them to the processing queue
+ * @param msg - The message update to process
+ */
+export declare const handleWebsocketMessage: (msg: CometChat.AIAssistantBaseEvent) => void;
+/**
+ * Sets the typing speed delay for text message content chunks
+ * @param delay - The delay in milliseconds between text content chunks (default: 80ms)
+ */
+export declare const setStreamSpeed: (delay: number) => void;
+/**
+ * Gets the current typing speed delay for text message content chunks
+ * @returns The current delay in milliseconds
+ */
+export declare const getStreamSpeed: () => number;
+export declare const getAIAssistantTools: () => CometChatAIAssistantTools;
+export declare const setAIAssistantTools: (actions: CometChatAIAssistantTools) => void;
+/**
+ * Stops the streaming message session and cleans up resources
+ * Unsubscribes from the message processor and resets accumulated content
+ */
+export declare const stopStreamingMessage: () => void;

package/dist/types/utils/DataSource.d.ts

@@ -18,12 +18,16 @@ export declare abstract class DataSource {
     abstract getAudioMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
     abstract getFileMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
     abstract getBottomView(message: CometChat.BaseMessage, alignment: MessageBubbleAlignment): Element | JSX.Element | null;
-    abstract getStatusInfoView(message: CometChat.BaseMessage, alignment: MessageBubbleAlignment, hideReceipts?: boolean, messageSentAtDateTimeFormat?: CalendarObject): Element | JSX.Element | null;
+    abstract getStatusInfoView(message: CometChat.BaseMessage, alignment: MessageBubbleAlignment, hideReceipts?: boolean, messageSentAtDateTimeFormat?: CalendarObject, showError?: boolean): Element | JSX.Element | null;
     abstract getTextMessageContentView(message: CometChat.TextMessage, alignment: MessageBubbleAlignment, otherParams: Object | undefined): Element | JSX.Element;
     abstract getImageMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
     abstract getVideoMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
     abstract getAudioMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
     abstract getFileMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
+    abstract getAgentAssistantMessageTemplate(additionalConfigurations?: Object | undefined): CometChatMessageTemplate;
+    abstract getToolArgumentsMessageTemplate(additionalConfigurations?: Object | undefined): CometChatMessageTemplate;
+    abstract getToolResultsMessageTemplate(additionalConfigurations?: Object | undefined): CometChatMessageTemplate;
+    abstract getStreamMessageTemplate(additionalConfigurations?: Object | undefined): CometChatMessageTemplate;
     abstract getTextMessageTemplate(additionalConfigurations?: Object | undefined): CometChatMessageTemplate;
     abstract getImageMessageTemplate(): CometChatMessageTemplate;
     abstract getVideoMessageTemplate(): CometChatMessageTemplate;
@@ -41,6 +45,10 @@ export declare abstract class DataSource {
     abstract getId(): string;
     abstract getDeleteMessageBubble(messageObject: CometChat.BaseMessage, text?: string, alignment?: MessageBubbleAlignment): Element | JSX.Element;
     abstract getGroupActionBubble(message: CometChat.BaseMessage): Element | JSX.Element;
+    abstract getStreamMessageBubble(message: CometChat.CustomMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: Object | undefined): Element | JSX.Element;
+    abstract getAgentAssistantMessageBubble(message: CometChat.AIAssistantMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: Object | undefined): Element | JSX.Element;
+    abstract getToolArgumentsMessageBubble(message: CometChat.AIToolArgumentMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: Object | undefined): Element | JSX.Element;
+    abstract getToolResultsMessageBubble(message: CometChat.AIToolResultMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: Object | undefined): Element | JSX.Element;
     abstract getTextMessageBubble(messageText: string, message: CometChat.TextMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: Object | undefined): Element | JSX.Element;
     abstract getVideoMessageBubble(videoUrl: string, message: CometChat.MediaMessage, thumbnailUrl?: string, onClick?: Function, alignment?: MessageBubbleAlignment): Element | JSX.Element;
     abstract getImageMessageBubble(imageUrl: string, placeholderImage: string, message: CometChat.MediaMessage, onClick?: Function, alignment?: MessageBubbleAlignment): Element | JSX.Element;

package/dist/types/utils/DataSourceDecorator.d.ts

@@ -19,7 +19,7 @@ export declare abstract class DataSourceDecorator implements DataSource {
     getVideoMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
     getAudioMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
     getFileMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
-    getStatusInfoView(message: CometChat.BaseMessage, alignment: MessageBubbleAlignment, hideReceipts?: boolean, messageSentAtDateTimeFormat?: CalendarObject): JSX.Element | Element | null;
+    getStatusInfoView(message: CometChat.BaseMessage, alignment: MessageBubbleAlignment, hideReceipts?: boolean, messageSentAtDateTimeFormat?: CalendarObject, showError?: boolean): JSX.Element | Element | null;
     getBottomView(message: CometChat.BaseMessage, alignment: MessageBubbleAlignment): JSX.Element | Element | null;
     getTextMessageContentView(message: CometChat.TextMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: Object | undefined): JSX.Element | Element;
     getImageMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment): JSX.Element | Element;
@@ -27,6 +27,10 @@ export declare abstract class DataSourceDecorator implements DataSource {
     getAudioMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment): JSX.Element | Element;
     getFileMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment): JSX.Element | Element;
     getTextMessageTemplate(additionalConfigurations?: Object | undefined): CometChatMessageTemplate;
+    getAgentAssistantMessageTemplate(additionalConfigurations?: Object | undefined): CometChatMessageTemplate;
+    getToolArgumentsMessageTemplate(additionalConfigurations?: Object | undefined): CometChatMessageTemplate;
+    getToolResultsMessageTemplate(additionalConfigurations?: Object | undefined): CometChatMessageTemplate;
+    getStreamMessageTemplate(additionalConfigurations?: Object | undefined): CometChatMessageTemplate;
     getImageMessageTemplate(): CometChatMessageTemplate;
     getVideoMessageTemplate(): CometChatMessageTemplate;
     getAudioMessageTemplate(): CometChatMessageTemplate;
@@ -44,6 +48,10 @@ export declare abstract class DataSourceDecorator implements DataSource {
     getDeleteMessageBubble(messageObject: CometChat.BaseMessage, text?: string, alignment?: MessageBubbleAlignment): JSX.Element | Element;
     getGroupActionBubble(message: CometChat.BaseMessage): JSX.Element | Element;
     getTextMessageBubble(messageText: string, message: CometChat.TextMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: Object | undefined): JSX.Element | Element;
+    getAgentAssistantMessageBubble(message: CometChat.AIAssistantMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: Object | undefined): JSX.Element | Element;
+    getToolArgumentsMessageBubble(message: CometChat.AIToolArgumentMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: Object | undefined): JSX.Element | Element;
+    getToolResultsMessageBubble(message: CometChat.AIToolResultMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: Object | undefined): JSX.Element | Element;
+    getStreamMessageBubble(message: CometChat.CustomMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: Object | undefined): JSX.Element | Element;
     getVideoMessageBubble(videoUrl: string, message: CometChat.MediaMessage, thumbnailUrl?: string, onClick?: Function, alignment?: MessageBubbleAlignment): JSX.Element | Element;
     getImageMessageBubble(imageUrl: string, placeholderImage: string, message: CometChat.MediaMessage, onClick?: Function, alignment?: MessageBubbleAlignment): JSX.Element | Element;
     getAudioMessageBubble(audioUrl: string, message: CometChat.MediaMessage, title?: string, alignment?: MessageBubbleAlignment): JSX.Element | Element;

package/dist/types/utils/MessageReceiptUtils.d.ts

@@ -13,5 +13,5 @@ export declare class MessageReceiptUtils {
      * @param {CometChat.BaseMessage} messageObject - The message object for which to get the receipt status.
      * @returns {Receipts} - The receipt status icon.
      */
-    static getReceiptStatus: (messageObject: CometChat.BaseMessage) => Receipts;
+    static getReceiptStatus: (message: CometChat.BaseMessage) => Receipts;
 }

package/dist/types/utils/MessageUtils.d.ts

@@ -23,6 +23,12 @@ export declare class MessageUtils {
      * @returns {object | null} - The content view for the message, or null if not found.
      */
     getStatusInfoView(message: CometChat.BaseMessage, template: CometChatMessageTemplate, alignment?: MessageBubbleAlignment, messageSentAtDateTimeFormat?: CalendarObject, hideReceipts?: boolean): any;
+    /**
+     * Retrieves the bottom view for moderated messages
+     *
+     * @returns {JSX.Element} The default view for moderated messages.
+     */
+    getModeratedMessageBottomView(): JSX.Element;
     /**
      * Retrieves the bubble wrapper for a message based on the provided template.
      *

package/dist/types/utils/MessagesDataSource.d.ts

@@ -41,17 +41,17 @@ export declare class MessagesDataSource implements DataSource {
     getVideoMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
     getAudioMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
     getFileMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
-    getReceiptClass(status?: number): "error" | "wait" | "read" | "delivered" | "sent" | undefined;
+    getReceiptClass(status?: number): "error" | "read" | "wait" | "delivered" | "sent" | undefined;
     /**
   * Function to get receipt for message bubble
   * @param {CometChat.BaseMessage} item - The message bubble for which the receipt needs to be fetched
   * @returns {JSX.Element | null} Returns JSX.Element for receipt of a message bubble or null
   */
-    getBubbleStatusInfoReceipt: (item: CometChat.BaseMessage, hideReceipts?: boolean) => JSX.Element | null;
+    getBubbleStatusInfoReceipt: (item: CometChat.BaseMessage, hideReceipts?: boolean, showError?: boolean) => JSX.Element | null;
     /**
-* Function for displaying the timestamp  next to messages.
-* @returns CalendarObject
-*/
+  * Function for displaying the timestamp  next to messages.
+  * @returns CalendarObject
+  */
     getMessageSentAtDateFormat(messageSentAtDateTimeFormat?: CalendarObject): {
         today: string;
         yesterday: string;
@@ -70,9 +70,18 @@ export declare class MessagesDataSource implements DataSource {
   * @returns {JSX.Element | null} Returns JSX.Element for status and date of a message bubble or null
   */
     getBubbleStatusInfoDate: (item: CometChat.BaseMessage, messageSentAtDateTimeFormat?: CalendarObject) => JSX.Element | null;
-    getStatusInfoView: (_messageObject: CometChat.BaseMessage, _alignment: MessageBubbleAlignment, hideReceipts?: boolean, messageSentAtDateTimeFormat?: CalendarObject) => import("react/jsx-runtime").JSX.Element | null;
+    getStatusInfoView: (_messageObject: CometChat.BaseMessage, _alignment: MessageBubbleAlignment, hideReceipts?: boolean, messageSentAtDateTimeFormat?: CalendarObject, showError?: boolean) => import("react/jsx-runtime").JSX.Element | null;
     getBottomView(_messageObject: CometChat.BaseMessage, _alignment: MessageBubbleAlignment): null;
     getTextMessageTemplate(additionalConfigurations?: additionalParams): CometChatMessageTemplate;
+    getAgentAssistantMessageBubble(message: CometChat.AIAssistantMessage): import("react/jsx-runtime").JSX.Element;
+    getToolArgumentsMessageBubble(message: CometChat.AIToolArgumentMessage): import("react/jsx-runtime").JSX.Element;
+    getToolResultsMessageBubble(message: CometChat.AIToolResultMessage): import("react/jsx-runtime").JSX.Element;
+    handleCopy: (message: CometChat.AIAssistantMessage) => void;
+    getAgentAssistantMessageTemplate(): CometChatMessageTemplate;
+    getToolResultsMessageTemplate(): CometChatMessageTemplate;
+    getToolArgumentsMessageTemplate(): CometChatMessageTemplate;
+    getStreamMessageBubble(message: CometChat.CustomMessage): import("react/jsx-runtime").JSX.Element;
+    getStreamMessageTemplate(): CometChatMessageTemplate;
     getAudioMessageTemplate(): CometChatMessageTemplate;
     getVideoMessageTemplate(): CometChatMessageTemplate;
     getImageMessageTemplate(): CometChatMessageTemplate;

package/dist/types/utils/util.d.ts

@@ -1,5 +1,6 @@
 import WaveSurfer from "../components/BaseComponents/CometChatAudioBubble/src/wavesurfer";
 import { CalendarObject } from "./CalendarObject";
+import { CometChatTextFormatter } from "../formatters";
 interface MediaPlayer {
     video?: HTMLVideoElement | null;
     mediaRecorder?: MediaRecorder | null;
@@ -52,6 +53,7 @@ export declare function sanitizeCalendarObject(calendarObject?: CalendarObject):
 };
 export declare function fireClickEvent(): void;
 export declare const decodeHTML: (input: string) => string;
+export declare const sanitizeHtmlStringToFragment: (html: string, textFormatterArray?: CometChatTextFormatter[]) => DocumentFragment;
 /**
 * Custom React hook for creating debounced callbacks with automatic cleanup.
 */
@@ -59,4 +61,11 @@ export declare const useDebouncedCallback: (callback: () => void, delay: number)
     debouncedCallback: () => void;
     cleanup: () => void;
 };
+export declare function createMessageCopy(msg: CometChat.AIAssistantBaseEvent, user: CometChat.User, category?: string, type?: string): CometChat.BaseMessage;
+export declare function isDarkMode(): boolean;
+/**
+ * Sanitizes HTML content to only allow span tags while keeping everything else as plain text
+ * Also removes any script or executable content
+ */
+export declare const sanitizeToSpanOnly: (htmlString: string, regexPatterns: RegExp[][]) => string;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cometchat/chat-uikit-react",
-  "version": "6.1.2",
+  "version": "6.2.1",
   "description": "Ready-to-use Chat UI Components for React(Javascript/Web)",
   "author": "CometChat",
   "exports": {
@@ -8,9 +8,13 @@
     "./css-variables.css": "./dist/styles/css-variables.css"
   },
   "dependencies": {
-    "@cometchat/chat-sdk-javascript": "^4.0.14",
+    "@cometchat/chat-sdk-javascript": "^4.1.1",
     "@rollup/plugin-json": "^6.1.0",
-    "rxjs": "^7.8.1"
+    "rxjs": "^7.8.1",
+    "react-markdown": "^10.1.0",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "react-syntax-highlighter": "^15.6.1",
+    "remark-gfm": "^4.0.1"
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",