@cometchat/chat-uikit-react 4.3.22 → 5.0.0-beta1

package/dist/types/src/utils/Storage.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Utility class for managing local storage with change detection capabilities.
+ * It is used in CometChatIncomingCall component.
+ */
+export declare class StorageUtils {
+    /**
+     * Attaches a callback function to the `storage` event, which is triggered when storage changes occur.
+     * @param {EventListenerOrEventListenerObject} callback - The function to be called when the storage event is fired. This function will receive the storage event as an argument.
+     */
+    static attachChangeDetection: (callback: EventListenerOrEventListenerObject) => void;
+    /**
+     * Detaches a previously attached callback function from the `storage` event.
+     * @param {EventListenerOrEventListenerObject} callback - The function that was previously attached to the storage event. This function will be removed from the event listeners.
+     */
+    static detachChangeDetection: (callback: EventListenerOrEventListenerObject) => void;
+    /**
+     * Stores a value in local storage under the specified key.
+     * @param {string} storageKey - The key under which the value will be stored.
+     * @param {string} storageValue - The value to be stored in local storage. It will be converted to a JSON string.
+     */
+    static setItem: (storageKey: string, storageValue: string | CometChat.Call) => void;
+    /**
+     * Retrieves a value from local storage by its key.
+     * @param {string} storageKey - The key of the item to be retrieved from local storage.
+     * @returns {string} The value stored in local storage under the specified key, parsed from JSON. Returns `null` if the key does not exist.
+     */
+    static getItem: (storageKey: string) => any;
+    /**
+     * Removes an item from local storage by its key.
+     * @param {string} storageKey - The key of the item to be removed from local storage.
+     */
+    static removeItem: (storageKey: string) => void;
+}

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

@@ -0,0 +1,26 @@
+export declare function sanitizeHtml(htmlString: string, whitelistRegExes: RegExp[]): string;
+export declare function isMessageSentByMe(message: CometChat.BaseMessage, loggedInUser: CometChat.User): boolean;
+/**
+ * Checks if a given text is a URL.
+ * A valid URL should start with either "http", "https", or "www" and must not contain spaces.
+ *
+ * @param {string} text - The text to be checked.
+ * @returns {boolean} Returns true if the text is a URL, false otherwise.
+ */
+export declare function isURL(text: string): boolean;
+export declare function getThemeVariable(name: string): string;
+export declare function getThemeMode(): "dark" | "light";
+/**
+ * Function to convert audio forat from webm to wav
+ * @param file
+ * @returns
+ */
+export declare function processFileForAudio(file: File): Promise<File>;
+/**
+ * Converts a Unix timestamp to a formatted date string in DD/MM/YYYY format.
+ *
+ * @param {number} timestamp - The Unix timestamp (in seconds) to be converted.
+ * @returns {string} The formatted date string in DD/MM/YYYY format.
+ */
+export declare function formatDateFromTimestamp(timestamp: number): string;
+export declare function isMobileDevice(): boolean;

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

@@ -0,0 +1,42 @@
+/**
+ * Utility class for handling call-related details in CometChat.
+ * It is used in CallingExtensionDecorator component.
+ */
+export declare class CallingDetailsUtils {
+    /**
+     * Retrieves the default message types used in calling.
+     *
+     * @returns {string[]} An array of default message types for audio, video, and meeting calls.
+     */
+    static getDefaultMessageTypes: () => string[];
+    /**
+     * Retrieves the default categories associated with calling.
+     *
+     * @returns {string[]} An array of default message categories for calls and custom messages.
+     */
+    static getDefaultCategories: () => string[];
+    /**
+     * Checks if the call was sent by the logged-in user.
+     *
+     * @param {CometChat.Call} call - The call object.
+     * @param {CometChat.User} loggedInUser - The logged-in user object.
+     * @returns {boolean} True if the call was sent by the logged-in user, otherwise false.
+     */
+    static isSentByMe(call: CometChat.Call, loggedInUser: CometChat.User): boolean;
+    /**
+    * Checks if the call is a missed call for the logged-in user.
+    *
+    * @param {CometChat.Call} call - The call object.
+    * @param {CometChat.User} loggedInUser - The logged-in user object.
+    * @returns {boolean} True if the call is missed, otherwise false.
+    */
+    static isMissedCall(call: CometChat.Call, loggedInUser: CometChat.User): boolean;
+    /**
+     * Retrieves the localized call status message based on the call status and the user.
+     *
+     * @param {CometChat.Call} call - The call object.
+     * @param {CometChat.User} loggedInUser - The logged-in user object.
+     * @returns {string} The localized call status message.
+     */
+    static getCallStatus(call: CometChat.Call, loggedInUser: CometChat.User): string;
+}

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

@@ -0,0 +1,12 @@
+import { DataSource } from "./DataSource";
+/**
+ * Class to initialize the cometchat datasource, to access getters and properties related to message components.
+ * It is used in CometChatComposer, CometChatMessageComposer, CometChatMessageHeader, CometChatMessageList and AI module components.
+ */
+export declare class ChatConfigurator {
+    static dataSource: DataSource;
+    static names: Array<string>;
+    static init(initialSource?: DataSource): void;
+    static enable(callback: (dataSource: DataSource) => DataSource): void;
+    static getDataSource(): DataSource;
+}

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

@@ -0,0 +1,6 @@
+export declare class ChatSdkEventInitializer {
+    private static messageListenerId;
+    static attachListeners(): void;
+    static detachListeners(): void;
+    private static getMessageListenerObject;
+}

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

@@ -0,0 +1,69 @@
+import { CometChatTextFormatter } from '../formatters/CometChatFormatters/CometChatTextFormatter';
+import { MessageBubbleAlignment } from '../Enums/Enums';
+import { CometChatOption } from '../modals';
+import { CometChatMentionsFormatter } from '../formatters/CometChatFormatters/CometChatMentionsFormatter/CometChatMentionsFormatter';
+export interface additionalParams {
+    disableMentions?: boolean;
+    mentionsTargetElement?: number;
+    textFormatters?: [];
+    alignment?: MessageBubbleAlignment;
+    textFormattersList?: CometChatTextFormatter[];
+}
+export interface lastConversationParams {
+    textFormatters: CometChatMentionsFormatter[];
+    disableMentions?: boolean;
+    mentionsTargetElement?: number;
+    alignment?: MessageBubbleAlignment;
+    textFormattersList?: CometChatTextFormatter[];
+}
+/**
+ * Utility class for handling conversations in CometChat.
+ * It is used in CometChatConversations component and dataSource utils.
+ */
+export declare class ConversationUtils {
+    private static additionalParams?;
+    /**
+     * Returns the default conversation options.
+     *
+     * @returns {CometChatOption[]} - An array of default conversation options.
+     */
+    static getDefaultOptions(): CometChatOption[];
+    /**
+     * Retrieves the last conversation message for a given conversation object.
+     *
+     * @param {CometChat.Conversation} conversationObject - The conversation object.
+     * @param {CometChat.User} loggedInUser - The logged-in user.
+     * @param {additionalParams} [additionalParams] - Additional parameters for message formatting.
+     * @returns {string} - The last conversation message as a string.
+     */
+    static getLastConversationMessage(conversationObject: CometChat.Conversation, loggedInUser: CometChat.User, additionalParams?: lastConversationParams): string;
+    /**
+     * Retrieves the last message for a given conversation.
+     *
+     * @param {CometChat.Conversation} conversation - The conversation object.
+     * @returns {string} - The last message as a string.
+     */
+    static getLastMessage(conversation: CometChat.Conversation): string;
+    /**
+     * Retrieves the last custom message for a given conversation.
+     *
+     * @param {CometChat.Conversation} conversation - The conversation object.
+     * @returns {string} - The custom message type as a string.
+     */
+    static getLastMessageCustom(conversation: CometChat.Conversation): string;
+    /**
+    * Retrieves the last action message for a given conversation.
+    *
+    * @param {CometChat.Conversation} conversation - The conversation object.
+    * @returns {string} - The action message as a string.
+    */
+    static getLastMessageAction(conversation: CometChat.Conversation): string;
+    /**
+     * Retrieves the last call message from a conversation.
+     * Differentiates between audio and video calls.
+     *
+     * @param {CometChat.Conversation} conversation - The conversation object to retrieve the last call message from.
+     * @returns {string} - A localized string indicating the type of call (audio or video).
+     */
+    static getLastMessageCall(conversation: CometChat.Conversation): any;
+}

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

@@ -0,0 +1,55 @@
+/// <reference types="react" />
+import { CometChatMentionsFormatter } from "../formatters/CometChatFormatters/CometChatMentionsFormatter/CometChatMentionsFormatter";
+import { CometChatTextFormatter } from "../formatters/CometChatFormatters/CometChatTextFormatter";
+import { CometChatUrlsFormatter } from "../formatters/CometChatFormatters/CometChatUrlsFormatter/CometChatUrlsFormatter";
+import { additionalParams } from "./ConversationUtils";
+import { CometChatActionsIcon, CometChatActionsView, CometChatMessageComposerAction, CometChatMessageTemplate } from "../modals/";
+import { DatePatterns, MessageBubbleAlignment } from "../Enums/Enums";
+import { ComposerId } from "./MessagesDataSource";
+/**
+ * Class for providing message options and views.
+ * It is used in AI and calling module and utils related to messages.
+ */
+export declare abstract class DataSource {
+    abstract getTextMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
+    abstract getImageMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
+    abstract getVideoMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
+    abstract getAudioMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
+    abstract getFileMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
+    abstract getBottomView(message: CometChat.BaseMessage, alignment: MessageBubbleAlignment): Element | JSX.Element | null;
+    abstract getStatusInfoView(message: CometChat.BaseMessage, alignment: MessageBubbleAlignment, hideReceipt?: boolean, datePattern?: DatePatterns): 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 getTextMessageTemplate(additionalConfigurations?: Object | undefined): CometChatMessageTemplate;
+    abstract getImageMessageTemplate(): CometChatMessageTemplate;
+    abstract getVideoMessageTemplate(): CometChatMessageTemplate;
+    abstract getAudioMessageTemplate(): CometChatMessageTemplate;
+    abstract getFileMessageTemplate(): CometChatMessageTemplate;
+    abstract getGroupActionTemplate(): CometChatMessageTemplate;
+    abstract getAllMessageTemplates(additionalConfigurations?: Object | undefined): Array<CometChatMessageTemplate>;
+    abstract getMessageTemplate(messageType: string, messageCategory: string): CometChatMessageTemplate | null;
+    abstract getMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
+    abstract getCommonOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
+    abstract getAttachmentOptions(id: ComposerId): CometChatMessageComposerAction[];
+    abstract getAllMessageTypes(): Array<string>;
+    abstract getAllMessageCategories(): Array<string>;
+    abstract getAuxiliaryOptions(id: ComposerId, user?: CometChat.User, group?: CometChat.Group): JSX.Element[];
+    abstract getId(): string;
+    abstract getDeleteMessageBubble(messageObject: CometChat.BaseMessage): Element | JSX.Element;
+    abstract getGroupActionBubble(message: CometChat.BaseMessage): 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): Element | JSX.Element;
+    abstract getImageMessageBubble(imageUrl: string, placeholderImage: string, message: CometChat.MediaMessage, onClick?: Function): Element | JSX.Element;
+    abstract getAudioMessageBubble(audioUrl: string, message: CometChat.MediaMessage, title?: string): Element | JSX.Element;
+    abstract getFileMessageBubble(fileUrl: string, message: CometChat.MediaMessage, title?: string): Element | JSX.Element;
+    abstract getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User, additionalConfigurations?: additionalParams): string;
+    abstract getAuxiliaryHeaderMenu(user?: CometChat.User, group?: CometChat.Group): Element[] | JSX.Element[];
+    abstract getAIOptions(user: CometChat.User | null, group: CometChat.Group | null, id?: ComposerId): (CometChatMessageComposerAction | CometChatActionsView)[];
+    abstract getAllTextFormatters(formatterParams: additionalParams): CometChatTextFormatter[];
+    abstract getMentionsTextFormatter(params: Object): CometChatMentionsFormatter;
+    abstract getUrlTextFormatter(params: Object): CometChatUrlsFormatter;
+    abstract getMentionsFormattedText(message: CometChat.TextMessage, subtitle: string, additionalConfigurations?: Object | undefined): string;
+}

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

@@ -0,0 +1,57 @@
+/// <reference types="react" />
+import { DataSource } from "./DataSource";
+import { ComposerId } from "./MessagesDataSource";
+import { CometChatUrlsFormatter } from "../formatters/CometChatFormatters/CometChatUrlsFormatter/CometChatUrlsFormatter";
+import { CometChatMentionsFormatter } from "../formatters/CometChatFormatters/CometChatMentionsFormatter/CometChatMentionsFormatter";
+import { CometChatTextFormatter } from "../formatters/CometChatFormatters/CometChatTextFormatter";
+import { additionalParams } from "./ConversationUtils";
+import { CometChatActionsIcon, CometChatActionsView, CometChatMessageComposerAction, CometChatMessageTemplate } from "../modals";
+import { DatePatterns, MessageBubbleAlignment } from "../Enums/Enums";
+/**
+ * This class is used in AI, calling and Extension modules.
+ */
+export declare abstract class DataSourceDecorator implements DataSource {
+    dataSource: DataSource;
+    constructor(dataSource: DataSource);
+    getTextMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
+    getImageMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
+    getVideoMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
+    getAudioMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
+    getFileMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
+    getStatusInfoView(message: CometChat.BaseMessage, alignment: MessageBubbleAlignment, hideReceipt?: boolean, datePattern?: DatePatterns): 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;
+    getVideoMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment): JSX.Element | Element;
+    getAudioMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment): JSX.Element | Element;
+    getFileMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment): JSX.Element | Element;
+    getTextMessageTemplate(additionalConfigurations?: Object | undefined): CometChatMessageTemplate;
+    getImageMessageTemplate(): CometChatMessageTemplate;
+    getVideoMessageTemplate(): CometChatMessageTemplate;
+    getAudioMessageTemplate(): CometChatMessageTemplate;
+    getFileMessageTemplate(): CometChatMessageTemplate;
+    getGroupActionTemplate(): CometChatMessageTemplate;
+    getAllMessageTemplates(additionalConfigurations?: Object | undefined): CometChatMessageTemplate[];
+    getMessageTemplate(messageType: string, messageCategory: string): CometChatMessageTemplate | null;
+    getMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
+    getCommonOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
+    getAttachmentOptions(id: ComposerId): CometChatMessageComposerAction[];
+    getAllMessageTypes(): string[];
+    getAllMessageCategories(): string[];
+    getAuxiliaryOptions(id: ComposerId, user?: CometChat.User, group?: CometChat.Group): JSX.Element[];
+    getId(): string;
+    getDeleteMessageBubble(messageObject: CometChat.BaseMessage): JSX.Element | Element;
+    getGroupActionBubble(message: CometChat.BaseMessage): JSX.Element | Element;
+    getTextMessageBubble(messageText: string, message: CometChat.TextMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: Object | undefined): JSX.Element | Element;
+    getVideoMessageBubble(videoUrl: string, message: CometChat.MediaMessage, thumbnailUrl?: string, onClick?: Function): JSX.Element | Element;
+    getImageMessageBubble(imageUrl: string, placeholderImage: string, message: CometChat.MediaMessage, onClick?: Function): JSX.Element | Element;
+    getAudioMessageBubble(audioUrl: string, message: CometChat.MediaMessage, title?: string): JSX.Element | Element;
+    getFileMessageBubble(fileUrl: string, message: CometChat.MediaMessage, title?: string): JSX.Element | Element;
+    getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User, additionalConfigurations?: additionalParams): string;
+    getAuxiliaryHeaderMenu(user?: CometChat.User, group?: CometChat.Group): Element[] | JSX.Element[];
+    getAIOptions(user: CometChat.User | null, group: CometChat.Group | null, id?: ComposerId): (CometChatMessageComposerAction | CometChatActionsView)[];
+    getAllTextFormatters(formatterParams: additionalParams): CometChatTextFormatter[];
+    getMentionsTextFormatter(params?: Object): CometChatMentionsFormatter;
+    getUrlTextFormatter(params?: Object): CometChatUrlsFormatter;
+    getMentionsFormattedText(message: CometChat.TextMessage, subtitle: string, additionalConfigurations: Object): string;
+}

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

@@ -0,0 +1,32 @@
+import { CometChatOption } from "../modals";
+/**
+ * A utility class for handling group member-related actions and options within CometChat.
+ * It is used in CometChatGroupMembers component.
+ */
+export declare class GroupMemberUtils {
+    /**
+     * Retrieves the available options for a given group member based on their role and the group's state.
+     *
+     * @param {CometChat.GroupMember} groupMember - The group member for whom the options are being fetched.
+     * @param {CometChat.Group} group - The group to which the member belongs.
+     * @param {string} [loggedInUser=""] - The UID of the logged-in user.
+     * @returns {CometChatOption[] | string} - An array of options or the member's scope as a string.
+     */
+    static getViewMemberOptions(groupMember: CometChat.GroupMember, group: CometChat.Group, loggedInUser?: string): string | CometChatOption[];
+    /**
+     * Retrieves the available options for a banned group member.
+     *
+     * @param {CometChat.Group} group - The group to which the member belongs.
+     * @param {CometChat.GroupMember} groupMember - The banned group member.
+     * @returns {CometChatOption[]} - An array of options available for the banned group member.
+     */
+    static getBannedMemberOptions(group: CometChat.Group, groupMember: CometChat.GroupMember): CometChatOption[] | undefined;
+    /**
+     * Determines whether a scope change is allowed for a group member.
+     *
+     * @param {CometChat.Group} group - The group to which the member belongs.
+     * @param {CometChat.GroupMember} groupMember - The group member whose scope is to be changed.
+     * @returns {string[]} - An array of allowed scopes for the group member.
+     */
+    static allowScopeChange(group: CometChat.Group, groupMember: CometChat.GroupMember): string[];
+}

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

@@ -0,0 +1,19 @@
+interface keyMapType {
+    startDate?: string;
+    endDate?: string;
+    description?: string;
+    summary?: string;
+    location?: string;
+    tzid?: string;
+    tzOffsetFrom?: string;
+    tzOffsetTo?: string;
+    [key: string]: any;
+}
+/**
+ * Converts iCalendar data to a JSON object.
+ *
+ * @param {string} icsData - The iCalendar data as a string.
+ * @returns {keyMapType[]} An array of event objects extracted from the iCalendar data.
+ */
+declare const icsToJson: (icsData: string) => keyMapType[];
+export default icsToJson;

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

@@ -0,0 +1,71 @@
+import { BaseMessage, MessageCategory } from "@cometchat/chat-sdk-javascript";
+import { ButtonElement } from "../modals";
+/**
+ * Utility class for handling interactive messages and their actions in CometChat.
+ * It is used in CometChatMessageList component and util functions.
+ */
+export declare class InteractiveMessageUtils {
+    /**
+     * Converts an interactive message to its corresponding object type.
+     * @param message The message to convert.
+     * @returns The converted message object.
+     */
+    static convertInteractiveMessage(message: BaseMessage): BaseMessage;
+    /**
+    * Fetches data from a given URL with specified options.
+    *
+    * @param {Object} params - The fetch options.
+    * @param {string} params.url - The URL to fetch data from.
+    * @param {string} params.method - The HTTP method to use for the request.
+    * @param {object | undefined} params.body - The body to include in the request.
+    * @param {object | undefined} params.headers - The headers to include in the request.
+    * @returns {Promise<Response>} - A promise that resolves to the fetch response.
+    */
+    static fetcher({ url, method, body, headers, }: {
+        url: string;
+        method: string;
+        body: object | undefined;
+        headers: object | undefined;
+    }): Promise<Response>;
+    /**
+     * The data keys for different interactive message types.
+     *
+     * @type {Object}
+     */
+    static dataSet: {
+        form: string;
+        scheduler: string;
+    };
+    /**
+     * Handles button actions for interactive messages.
+     *
+     * @param {ButtonElement["action"]} action - The action to handle.
+     * @param {Object} data - The data related to the action.
+     * @param {string} data.elementId - The ID of the element that triggered the action.
+     * @param {Object} [data.data] - Additional data related to the action.
+     * @param {CometChat.User} [data.loggedInUser] - The logged-in user.
+     * @param {CometChat.InteractiveMessage} data.message - The interactive message associated with the action.
+     * @returns {Promise<boolean>} - A promise that resolves to a boolean indicating the success of the action handling.
+     */
+    static actionHandler(action: ButtonElement["action"], data: {
+        elementId: string;
+        data?: Object;
+        loggedInUser?: CometChat.User;
+        message: CometChat.InteractiveMessage;
+    }): Promise<boolean>;
+    /**
+    * Retrieves metadata from an interactive message.
+    *
+    * @param {CometChat.InteractiveMessage} messageObj - The interactive message object.
+    * @returns {Object} - An object containing metadata about the message.
+    */
+    static getMetaData(messageObj: CometChat.InteractiveMessage): {
+        conversationId: string;
+        sender: string;
+        receiver: string;
+        receiverType: string;
+        messageCategory: MessageCategory;
+        messageType: string;
+        messageId: number;
+    };
+}

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

@@ -0,0 +1,44 @@
+/**
+ * Utility class for handling message receipt statuses.
+ * It is used in CometChatConversations and CometChatMessageList components.
+ */
+export declare class MessageReceiptUtils {
+    /**
+     * Gets the receipt status icon for a given message.
+     *
+     * Determines the receipt status based on the message's properties and returns
+     * the corresponding receipt icon.
+     *
+     * @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;
+}
+/**
+ * Enum representing different receipt statuses for a message.
+ *
+ * @readonly
+ * @enum {number}
+ */
+export declare enum receipts {
+    /**
+     * Status indicating that the message is waiting to be processed.
+     */
+    wait = 0,
+    /**
+     * Status indicating that the message has been sent.
+     */
+    sent = 1,
+    /**
+     * Status indicating that the message has been delivered.
+     */
+    delivered = 2,
+    /**
+     * Status indicating that the message has been read.
+     */
+    read = 3,
+    /**
+     * Status indicating that an error occurred with the message.
+     */
+    error = 4
+}

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

@@ -0,0 +1,55 @@
+import { MessageBubbleAlignment } from "../Enums/Enums";
+import { CometChatMessageTemplate } from "../modals";
+/**
+ * Utility class for handling message display and styling.
+ * It is used in CometChatMessageInformation component.
+ */
+export declare class MessageUtils {
+    /**
+     * Retrieves the content view for a message based on the provided template.
+     *
+     * @param {CometChat.BaseMessage} message - The message object for which to get the content view.
+     * @param {CometChatMessageTemplate} template - The message template to use for rendering the content view.
+     * @returns {object | null} - The content view for the message, or null if not found.
+     */
+    getContentView(message: CometChat.BaseMessage, template: CometChatMessageTemplate): any;
+    /**
+     * Retrieves the content view for a message based on the provided template.
+     *
+     * @param {CometChat.BaseMessage} message - The message object for which to get the content view.
+     * @param {CometChatMessageTemplate} template - The message template to use for rendering the content view.
+     * @returns {object | null} - The content view for the message, or null if not found.
+     */
+    getStatusInfoView(message: CometChat.BaseMessage, template: CometChatMessageTemplate, alignment?: MessageBubbleAlignment): any;
+    /**
+     * Retrieves the bubble wrapper for a message based on the provided template.
+     *
+     * @param {CometChat.BaseMessage} message - The message object for which to get the bubble wrapper.
+     * @param {CometChatMessageTemplate} template - The message template to use for rendering the bubble wrapper.
+     * @returns {object | null} - The bubble wrapper for the message, or null if not found.
+     */
+    getBubbleWrapper(message: CometChat.BaseMessage, template: CometChatMessageTemplate): any;
+    /**
+     * Constructs a message bubble component based on the message, template, style, and alignment.
+     *
+     * @param {CometChat.BaseMessage} baseMessage - The message object to be displayed in the bubble.
+     * @param {CometChatMessageTemplate} template - The message template to use for rendering the bubble.
+     * @param {object} messageBubbleStyle - The style object for the message bubble.
+     * @param {MessageBubbleAlignment} alignment - The alignment of the message bubble (left or right).
+     * @returns {JSX.Element} - The message bubble component.
+     */
+    getMessageBubble(baseMessage: CometChat.BaseMessage, template: CometChatMessageTemplate, alignment: MessageBubbleAlignment): any;
+    /**
+     *
+     * @param {(CometChat.User | CometChat.GroupMember | any)} user
+     * @returns {boolean}
+     */
+    getUserStatusVisible(user: CometChat.User | CometChat.GroupMember | any): boolean;
+    /**
+     * Description placeholder
+     *
+     * @param {*} message
+     * @returns {string}
+     */
+    getActionMessage(message: CometChat.Action): string;
+}

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

@@ -0,0 +1,110 @@
+/// <reference types="react" />
+import { CometChat } from "@cometchat/chat-sdk-javascript";
+import { DataSource } from "./DataSource";
+import { additionalParams } from "./ConversationUtils";
+import { CometChatMentionsFormatter } from "../formatters/CometChatFormatters/CometChatMentionsFormatter/CometChatMentionsFormatter";
+import { CometChatUrlsFormatter } from "../formatters/CometChatFormatters/CometChatUrlsFormatter/CometChatUrlsFormatter";
+import { CometChatTextFormatter } from "../formatters/CometChatFormatters/CometChatTextFormatter";
+import { CometChatActionsIcon, CometChatActionsView, CometChatMessageComposerAction, CometChatMessageTemplate } from "../modals";
+import { DatePatterns, MentionsTargetElement, MessageBubbleAlignment } from "../Enums/Enums";
+export type ComposerId = {
+    parentMessageId: number | null;
+    user: string | null;
+    group: string | null;
+};
+/**
+ * Utility class that extends DataSource and provides getters for message options.
+ * It is used in message and dataSource utils.
+ */
+export declare class MessagesDataSource implements DataSource {
+    getEditOption(): CometChatActionsIcon;
+    getDeleteOption(): CometChatActionsIcon;
+    getReactionOption(): CometChatActionsView;
+    getReplyInThreadOption(): CometChatActionsIcon;
+    getSendMessagePrivatelyOption(): CometChatActionsIcon;
+    getCopyOption(): CometChatActionsIcon;
+    getMessageInfoOption(): CometChatActionsIcon;
+    isSentByMe(loggedInUser: CometChat.User, message: CometChat.BaseMessage): boolean;
+    getTextMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
+    getIsSentByMe(message: CometChat.BaseMessage): boolean;
+    getImageMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
+    getVideoMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
+    getAudioMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
+    getFileMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
+    getReceiptClass(status?: number): "wait" | "read" | "error" | "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, hideReceipt?: boolean) => JSX.Element | null;
+    /**
+  * Function to get status and date for message bubble
+  * @param {CometChat.BaseMessage} item - The message bubble for which the information needs to be fetched
+  * @returns {JSX.Element | null} Returns JSX.Element for status and date of a message bubble or null
+  */
+    getBubbleStatusInfoDate: (item: CometChat.BaseMessage, datePattern?: DatePatterns) => JSX.Element | null;
+    getStatusInfoView: (_messageObject: CometChat.BaseMessage, _alignment: MessageBubbleAlignment, hideReceipt?: boolean, datePattern?: DatePatterns) => import("react/jsx-runtime").JSX.Element | null;
+    getBottomView(_messageObject: CometChat.BaseMessage, _alignment: MessageBubbleAlignment): null;
+    getTextMessageTemplate(additionalConfigurations?: additionalParams): CometChatMessageTemplate;
+    getAudioMessageTemplate(): CometChatMessageTemplate;
+    getVideoMessageTemplate(): CometChatMessageTemplate;
+    getImageMessageTemplate(): CometChatMessageTemplate;
+    getGroupActionTemplate(): CometChatMessageTemplate;
+    getFileMessageTemplate(): CometChatMessageTemplate;
+    getAllMessageTemplates(additionalConfigurations?: additionalParams): Array<CometChatMessageTemplate>;
+    getMessageTemplate(messageType: string, messageCategory: string, additionalConfigurations?: additionalParams): CometChatMessageTemplate | null;
+    getMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
+    getCommonOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group): Array<CometChatActionsIcon | CometChatActionsView>;
+    getAllMessageTypes(): Array<string>;
+    addList(): string;
+    getAllMessageCategories(): Array<string>;
+    getAuxiliaryOptions(id: ComposerId, user?: CometChat.User, group?: CometChat.Group): JSX.Element[];
+    getId(): string;
+    getTextMessageContentView(message: CometChat.TextMessage, _alignment: MessageBubbleAlignment, additionalConfigurations?: additionalParams): JSX.Element | Element;
+    getAudioMessageContentView(message: CometChat.MediaMessage, _alignment: MessageBubbleAlignment): Element | JSX.Element;
+    getFileMessageContentView(message: CometChat.MediaMessage, _alignment: MessageBubbleAlignment): Element | JSX.Element;
+    getImageMessageContentView(message: CometChat.MediaMessage, _alignment: MessageBubbleAlignment): Element | JSX.Element;
+    getVideoMessageContentView(message: CometChat.MediaMessage, _alignment: MessageBubbleAlignment): Element | JSX.Element;
+    getActionMessage(message: any): string;
+    getDeleteMessageBubble(message: CometChat.BaseMessage, text?: string): import("react/jsx-runtime").JSX.Element;
+    getGroupActionBubble(message: CometChat.BaseMessage): import("react/jsx-runtime").JSX.Element;
+    getTextMessageBubble(messageText: string, message: CometChat.TextMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: additionalParams): Element | JSX.Element;
+    getAudioMessageBubble(audioUrl: string, message: CometChat.MediaMessage, title?: string): Element | JSX.Element;
+    /**
+     * Function to check mimeType and return the iconUrl of that type
+     * @param mimeType
+     * @returns
+     */
+    getFileType: (mimeType: string) => string;
+    /**
+     * Function to convert bites to human readable fromat eg. kb,mb,gb
+     * @param sizeInBytes
+     * @returns
+     */
+    getFileSize: (sizeInBytes: number) => string;
+    getFileMessageBubble(fileUrl: string, message: CometChat.MediaMessage, title?: string): Element | JSX.Element;
+    getImageMessageBubble(imageUrl: string, placeholderImage: string, message: CometChat.MediaMessage, onClick?: Function): import("react/jsx-runtime").JSX.Element;
+    getVideoMessageBubble(videoUrl: string, message: CometChat.MediaMessage, thumbnailUrl?: string, onClick?: Function): Element | JSX.Element;
+    imageAttachmentOption(): CometChatMessageComposerAction;
+    videoAttachmentOption(): CometChatMessageComposerAction;
+    audioAttachmentOption(): CometChatMessageComposerAction;
+    fileAttachmentOption(): CometChatMessageComposerAction;
+    getAttachmentOptions(id: ComposerId): Array<CometChatMessageComposerAction>;
+    getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User, additionalConfigurations: additionalParams): string;
+    getAuxiliaryHeaderMenu(user?: CometChat.User, group?: CometChat.Group): Element[] | JSX.Element[];
+    getAIOptions(user: CometChat.User | null, group: CometChat.Group | null, id?: ComposerId): Array<CometChatMessageComposerAction | CometChatActionsView>;
+    /**
+     * Adds styled @ for every mention in the text by matching uid
+     *
+     * @param {CometChat.TextMessage} message
+     * @param {string} subtitle
+     * @returns {void}
+     */
+    getMentionsFormattedText(message: CometChat.TextMessage, subtitle: string, mentionsFormatterParams: {
+        mentionsTargetElement: MentionsTargetElement;
+    }): string;
+    getAllTextFormatters(formatterParams: additionalParams): CometChatTextFormatter[];
+    getMentionsTextFormatter(params: additionalParams): CometChatMentionsFormatter;
+    getUrlTextFormatter(params?: additionalParams): CometChatUrlsFormatter;
+}