@cometchat/chat-uikit-react 5.0.7 → 5.0.9

package/dist/index.d.ts

@@ -1,8 +1,7 @@
 import * as React from 'react';
-import React__default, { JSX as JSX$1, ReactNode, FC } from 'react';
+import React__default, { JSX, ReactNode, FC } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _cometchat_chat_sdk_javascript from '@cometchat/chat-sdk-javascript';
-import { CometChat as CometChat$1 } from '@cometchat/chat-sdk-javascript';
 import { Subject } from 'rxjs';
 
 /**
@@ -110,7 +109,8 @@ declare enum TabAlignment {
 declare enum MessageStatus {
     inprogress = 0,
     success = 1,
-    error = 2
+    error = 2,
+    cancelled = 3
 }
 /**
  * This is used to specify the types of the read receipts for the message.
@@ -426,7 +426,6 @@ declare class CometChatLocalize {
             WRONG_FILE_TYPE: string;
             MESSAGE_HEADER: string;
             MESSAGE_LIST: string;
-            /**Properties and constants */
             MESSAGE_COMPOSER: string;
             USERS_WITH_MESSAGES: string;
             USER_LIST: string;
@@ -454,7 +453,7 @@ declare class CometChatLocalize {
             MESSAGE_IMAGE: string;
             MESSAGE_FILE: string;
             MESSAGE_VIDEO: string;
-            MESSAGE_AUDIO: string; /**Override resources */
+            MESSAGE_AUDIO: string;
             CUSTOM_MESSAGE: string;
             SELECT_A_DATE: string;
             TIME_ZONE: string;
@@ -505,11 +504,6 @@ declare class CometChatLocalize {
             ADD_MEMBERS: string;
             SEND_MESSAGE: string;
             UNBLOCK_USER: string;
-            /**
-             * Accepts the string to localize and return the localized string
-             * @param {String} str
-             * @returns {String} localized str
-             */
             BLOCK_USER: string;
             DELETE_AND_EXIT: string;
             LEAVE_GROUP: string;
@@ -1300,11 +1294,7 @@ declare class CometChatLocalize {
             TYPING: string;
             IS_TYPING: string;
             CLOSE: string;
-            ENTER_GROUP_NAME: string; /**
-             * Accepts the string to localize and return the localized string
-             * @param {String} str
-             * @returns {String} localized str
-             */
+            ENTER_GROUP_NAME: string;
             ADD_MEMBERS: string;
             SEND_MESSAGE: string;
             UNBLOCK_USER: string;
@@ -1618,17 +1608,12 @@ declare class CometChatLocalize {
             MESSAGE_RECEIPT: string;
             MESSAGE: string;
             RECEIPT_INFORMATION: string;
-            /**
-             * The `CometChatLocalize` class handles localization for the CometChat application.
-             * It provides functionality to detect the user's browser language settings and
-             * set the application's language accordingly.
-             */
             NO_RECIPIENT: string;
             NO_RECIPIENTS: string;
             CONVERSATIONS_WITH_MESSAGES: string;
             CONVERSATIONS: string;
             CONVERSATION_LIST: string;
-            MESSAGES: string; /**Properties and constants */
+            MESSAGES: string;
             WRONG_FILE_TYPE: string;
             MESSAGE_HEADER: string;
             MESSAGE_LIST: string;
@@ -1651,7 +1636,7 @@ declare class CometChatLocalize {
             GROUP_PASSWORD_BLANK: string;
             GROUP_NAME_BLANK: string;
             GROUP_TYPE_BLANK: string;
-            DELETE_CONVERSATION: string; /**Add to the original array of translations if language code is not found */
+            DELETE_CONVERSATION: string;
             ADD_TO_CHAT: string;
             MORE: string;
             COPY: string;
@@ -1687,10 +1672,7 @@ declare class CometChatLocalize {
             MODERATOR: string;
             PARTICIPANT: string;
             PUBLIC: string;
-            PRIVATE: string; /**
-             * Set the active language
-             * @param {String} language
-             */
+            PRIVATE: string;
             PASSWORD_PROTECTED: string;
             PRIVACY_AND_SECURITY: string;
             PREFERENCES: string;
@@ -2063,10 +2045,7 @@ declare class CometChatLocalize {
             CUSTOM_MESSAGE: string;
             SELECT_A_DATE: string;
             TIME_ZONE: string;
-            MEETING_SCHEDULED: string; /**
-             * Returns the browser language
-             * @returns {String} browser langauge i.e. en-US
-             */
+            MEETING_SCHEDULED: string;
             SOMETHING_WRONG: string;
             MEETING_SLOT_BOOK: string;
             MEETING_BOOK_NEW_SLOT: string;
@@ -2488,10 +2467,7 @@ declare class CometChatLocalize {
             PARTICIPANT: string;
             PUBLIC: string;
             PRIVATE: string;
-            PASSWORD_PROTECTED: string; /**
-             * Returns the active language. Return fallback language if translation is not available for the active language
-             * @returns {String} active language
-             */
+            PASSWORD_PROTECTED: string;
             PRIVACY_AND_SECURITY: string;
             PREFERENCES: string;
             MEMBERS: string;
@@ -2859,7 +2835,6 @@ declare class CometChatLocalize {
             MESSAGE_IMAGE: string;
             MESSAGE_FILE: string;
             MESSAGE_VIDEO: string;
-            /**Add to the original array of translations if language code is not found */
             MESSAGE_AUDIO: string;
             CUSTOM_MESSAGE: string;
             SELECT_A_DATE: string;
@@ -2883,10 +2858,7 @@ declare class CometChatLocalize {
             CUSTOM_MESSAGE_DOCUMENT: string;
             CUSTOM_MESSAGE_WHITEBOARD: string;
             ONLINE: string;
-            ADMINISTRATOR: string; /**
-             * Returns the active language. Return fallback language if translation is not available for the active language
-             * @returns {String} active language
-             */
+            ADMINISTRATOR: string;
             ADMIN: string;
             MODERATOR: string;
             PARTICIPANT: string;
@@ -2900,10 +2872,7 @@ declare class CometChatLocalize {
             EDITED: string;
             TODAY: string;
             YESTERDAY: string;
-            SUNDAY: string; /**
-             * Set the active language
-             * @param {String} language
-             */
+            SUNDAY: string;
             MONDAY: string;
             TUESDAY: string;
             WEDNESDAY: string;
@@ -3309,9 +3278,7 @@ declare class CometChatLocalize {
             SATURDAY: string;
             TYPING: string;
             IS_TYPING: string;
-            CLOSE: string; /**
-             * Sets the default lannguage if no language is passed in init method
-             */
+            CLOSE: string;
             ENTER_GROUP_NAME: string;
             ADD_MEMBERS: string;
             SEND_MESSAGE: string;
@@ -3657,7 +3624,7 @@ declare class CometChatLocalize {
             DELETE_CONVERSATION: string;
             ADD_TO_CHAT: string;
             MORE: string;
-            COPY: string; /**Override resources */
+            COPY: string;
             VOICE_RECORDING: string;
             MESSAGE_IMAGE: string;
             MESSAGE_FILE: string;
@@ -4061,20 +4028,10 @@ declare class CometChatLocalize {
             SELECT_TIME: string;
             NO_CALLS_SELECTED: string;
             SELECT__GROUP: string;
-            /**
-             * Initializes localization with the specified language and custom resources.
-             * @param {string} [language=""] - The language code to set.
-             * @param {object} [resources={}] - Custom translations to override defaults.
-             */
             SELECT__USER: string;
             GROUP_PASSWORD_BLANK: string;
             GROUP_NAME_BLANK: string;
             GROUP_TYPE_BLANK: string;
-            /**
-             * Initializes localization with the specified language and custom resources.
-             * @param {string} [language=""] - The language code to set.
-             * @param {object} [resources={}] - Custom translations to override defaults.
-             */
             DELETE_CONVERSATION: string;
             ADD_TO_CHAT: string;
             MORE: string;
@@ -4116,10 +4073,7 @@ declare class CometChatLocalize {
             PREFERENCES: string;
             MEMBERS: string;
             MEMBER: string;
-            EDITED: string; /**
-             * Returns the language code
-             * @returns {String} language code i.e. en
-             */
+            EDITED: string;
             TODAY: string;
             YESTERDAY: string;
             SUNDAY: string;
@@ -4878,10 +4832,7 @@ declare class CometChatLocalize {
             MEETING_NO_SLOTS_AVAILABLE: string;
             MEETING_TRY_DIFFERENT_DATE: string;
             NO_TIME_SLOTS_AVAILABLE: string;
-            SCHEDULE: string; /**
-             * Returns the language code
-             * @returns {String} language code i.e. en
-             */
+            SCHEDULE: string;
             MORE_TIMES: string;
             MISSED_VOICE_CALL: string;
             MEET_WITH: string;
@@ -5306,11 +5257,7 @@ declare class CometChatLocalize {
             YESTERDAY: string;
             SUNDAY: string;
             MONDAY: string;
-            TUESDAY: string; /**
-             * Accepts the string to localize and return the localized string
-             * @param {String} str
-             * @returns {String} localized str
-             */
+            TUESDAY: string;
             WEDNESDAY: string;
             THURSDAY: string;
             FRIDAY: string;
@@ -5702,21 +5649,14 @@ declare class CometChatLocalize {
             PREFERENCES: string;
             MEMBERS: string;
             MEMBER: string;
-            EDITED: string; /**
-             * Set the active language
-             * @param {String} language
-             */
+            EDITED: string;
             TODAY: string;
             YESTERDAY: string;
             SUNDAY: string;
             MONDAY: string;
             TUESDAY: string;
             WEDNESDAY: string;
-            THURSDAY: string; /**
-             * Accepts the string to localize and return the localized string
-             * @param {String} str
-             * @returns {String} localized str
-             */
+            THURSDAY: string;
             FRIDAY: string;
             SATURDAY: string;
             TYPING: string;
@@ -6682,6 +6622,18 @@ declare class CometChatMessageOption extends CometChatOption {
     });
 }
 
+/**
+ * Class that handles the text formatting for URLs in CometChat.
+ * CometChatUrlsFormatter is a child class of CometChatTextFormatter.
+ * It extends the functionality of text formatting to specifically handle URLs.
+ * It is used in extension decorators like  link preview, message translation, and dataSource utils.
+ */
+declare class CometChatUrlsFormatter extends CometChatTextFormatter {
+    constructor(regexPatterns: Array<RegExp>);
+    protected onRegexMatch(inputText?: string | null): string;
+    registerEventListeners(element: HTMLElement, classList: DOMTokenList): HTMLElement;
+}
+
 /**
  * CometChatMessageTemplate is a pre-defined structure for creating message views
  * that can be used as a starting point or blueprint for creating message views,
@@ -6700,7 +6652,7 @@ declare class CometChatMessageTemplate {
      * and Video bubble based on the type of the message.
      * @type {(message:CometChat.BaseMessage,alignment:MessageBubbleAlignment)=> Element | JSX.Element | null}
      */
-    contentView: ((message: CometChat.BaseMessage, alignment: MessageBubbleAlignment) => Element | JSX.Element | null) | null;
+    contentView: ((message: CometChat.BaseMessage, alignment: MessageBubbleAlignment, textFormatters?: CometChatTextFormatter[]) => Element | JSX.Element | null) | null;
     /**
      * Custom component to customize the complete message bubble.
      * By default, headerView, contentView and footerView collectively form a message bubble.
@@ -6729,7 +6681,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, hideReceipt?: boolean, datePattern?: DatePatterns) => Element | JSX.Element | null) | null;
+    statusInfoView: ((message: CometChat.BaseMessage, alignment: MessageBubbleAlignment, hideReceipts?: boolean, datePattern?: DatePatterns) => Element | JSX.Element | null) | null;
     /**
      * List of available actions that any user can perform on a message, like reacting,
      * editing or deleting a message.
@@ -6815,18 +6767,6 @@ declare class ConversationUtils {
     static getLastMessageCall(conversation: CometChat.Conversation): any;
 }
 
-/**
- * Class that handles the text formatting for URLs in CometChat.
- * CometChatUrlsFormatter is a child class of CometChatTextFormatter.
- * It extends the functionality of text formatting to specifically handle URLs.
- * It is used in extension decorators like  link preview, message translation, and dataSource utils.
- */
-declare class CometChatUrlsFormatter extends CometChatTextFormatter {
-    constructor(regexPatterns: Array<RegExp>);
-    protected onRegexMatch(inputText?: string | null): string;
-    registerEventListeners(element: HTMLElement, classList: DOMTokenList): HTMLElement;
-}
-
 type ComposerId = {
     parentMessageId: number | null;
     user: string | null;
@@ -6854,28 +6794,28 @@ declare class MessagesDataSource implements DataSource {
     getSendMessagePrivatelyOption(): CometChatActionsIcon;
     getCopyOption(): CometChatActionsIcon;
     getMessageInfoOption(): CometChatActionsIcon;
-    isSentByMe(loggedInUser: CometChat$1.User, message: CometChat$1.BaseMessage): boolean;
-    getTextMessageOptions(loggedInUser: CometChat$1.User, messageObject: CometChat$1.BaseMessage, group?: CometChat$1.Group, additionalParams?: additionalParamsOptions): Array<CometChatActionsIcon | CometChatActionsView>;
-    getIsSentByMe(message: CometChat$1.BaseMessage): boolean;
-    getImageMessageOptions(loggedInUser: CometChat$1.User, messageObject: CometChat$1.BaseMessage, group?: CometChat$1.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
-    getVideoMessageOptions(loggedInUser: CometChat$1.User, messageObject: CometChat$1.BaseMessage, group?: CometChat$1.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
-    getAudioMessageOptions(loggedInUser: CometChat$1.User, messageObject: CometChat$1.BaseMessage, group?: CometChat$1.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
-    getFileMessageOptions(loggedInUser: CometChat$1.User, messageObject: CometChat$1.BaseMessage, group?: CometChat$1.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
+    isSentByMe(loggedInUser: CometChat.User, message: CometChat.BaseMessage): boolean;
+    getTextMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: additionalParamsOptions): Array<CometChatActionsIcon | CometChatActionsView>;
+    getIsSentByMe(message: CometChat.BaseMessage): boolean;
+    getImageMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
+    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" | "read" | "delivered" | "sent" | "wait" | 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$1.BaseMessage, hideReceipt?: boolean) => JSX.Element | null;
+    getBubbleStatusInfoReceipt: (item: CometChat.BaseMessage, hideReceipts?: 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$1.BaseMessage, datePattern?: DatePatterns) => JSX.Element | null;
-    getStatusInfoView: (_messageObject: CometChat$1.BaseMessage, _alignment: MessageBubbleAlignment, hideReceipt?: boolean, datePattern?: DatePatterns) => react_jsx_runtime.JSX.Element | null;
-    getBottomView(_messageObject: CometChat$1.BaseMessage, _alignment: MessageBubbleAlignment): null;
+    getBubbleStatusInfoDate: (item: CometChat.BaseMessage, datePattern?: DatePatterns) => JSX.Element | null;
+    getStatusInfoView: (_messageObject: CometChat.BaseMessage, _alignment: MessageBubbleAlignment, hideReceipts?: boolean, datePattern?: DatePatterns) => react_jsx_runtime.JSX.Element | null;
+    getBottomView(_messageObject: CometChat.BaseMessage, _alignment: MessageBubbleAlignment): null;
     getTextMessageTemplate(additionalConfigurations?: additionalParams): CometChatMessageTemplate;
     getAudioMessageTemplate(): CometChatMessageTemplate;
     getVideoMessageTemplate(): CometChatMessageTemplate;
@@ -6886,25 +6826,25 @@ declare class MessagesDataSource implements DataSource {
     getFileMessageTemplate(): CometChatMessageTemplate;
     getAllMessageTemplates(additionalConfigurations?: additionalParams): Array<CometChatMessageTemplate>;
     getMessageTemplate(messageType: string, messageCategory: string, additionalConfigurations?: additionalParams): CometChatMessageTemplate | null;
-    getMessageOptions(loggedInUser: CometChat$1.User, messageObject: CometChat$1.BaseMessage, group?: CometChat$1.Group, additionalParams?: additionalParamsOptions): Array<CometChatActionsIcon | CometChatActionsView>;
-    getCommonOptions(loggedInUser: CometChat$1.User, messageObject: CometChat$1.BaseMessage, group?: CometChat$1.Group, additionalParams?: additionalParamsOptions): Array<CometChatActionsIcon | CometChatActionsView>;
+    getMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: additionalParamsOptions): Array<CometChatActionsIcon | CometChatActionsView>;
+    getCommonOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: additionalParamsOptions): Array<CometChatActionsIcon | CometChatActionsView>;
     getAllMessageTypes(): Array<string>;
     addList(): string;
     getAllMessageCategories(additionalConfigurations?: {
         hideGroupActionMessages?: boolean;
     }): Array<string>;
-    getStickerButton(id: ComposerId, user?: CometChat$1.User, group?: CometChat$1.Group): JSX.Element | undefined;
+    getStickerButton(id: ComposerId, user?: CometChat.User, group?: CometChat.Group): JSX.Element | undefined;
     getId(): string;
-    getTextMessageContentView(message: CometChat$1.TextMessage, _alignment: MessageBubbleAlignment, additionalConfigurations?: additionalParams): JSX.Element | Element;
-    getAudioMessageContentView(message: CometChat$1.MediaMessage, _alignment: MessageBubbleAlignment): Element | JSX.Element;
-    getFileMessageContentView(message: CometChat$1.MediaMessage, _alignment: MessageBubbleAlignment): Element | JSX.Element;
-    getImageMessageContentView(message: CometChat$1.MediaMessage, _alignment: MessageBubbleAlignment): Element | JSX.Element;
-    getVideoMessageContentView(message: CometChat$1.MediaMessage, _alignment: MessageBubbleAlignment): Element | JSX.Element;
+    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$1.BaseMessage, text?: string, alignment?: MessageBubbleAlignment): react_jsx_runtime.JSX.Element;
-    getGroupActionBubble(message: CometChat$1.BaseMessage): react_jsx_runtime.JSX.Element;
-    getTextMessageBubble(messageText: string, message: CometChat$1.TextMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: additionalParams): Element | JSX.Element;
-    getAudioMessageBubble(audioUrl: string, message: CometChat$1.MediaMessage, title?: string, alignment?: MessageBubbleAlignment): Element | JSX.Element;
+    getDeleteMessageBubble(message: CometChat.BaseMessage, text?: string, alignment?: MessageBubbleAlignment): react_jsx_runtime.JSX.Element;
+    getGroupActionBubble(message: CometChat.BaseMessage): 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, alignment?: MessageBubbleAlignment): Element | JSX.Element;
     /**
      * Function to check mimeType and return the iconUrl of that type
      * @param mimeType
@@ -6917,16 +6857,16 @@ declare class MessagesDataSource implements DataSource {
      * @returns
      */
     getFileSize: (sizeInBytes: number) => string;
-    getFileMessageBubble(fileUrl: string, message: CometChat$1.MediaMessage, title?: string, alignment?: MessageBubbleAlignment): Element | JSX.Element;
-    getImageMessageBubble(imageUrl: string, placeholderImage: string, message: CometChat$1.MediaMessage, onClick?: Function): react_jsx_runtime.JSX.Element;
-    getVideoMessageBubble(videoUrl: string, message: CometChat$1.MediaMessage, thumbnailUrl?: string, onClick?: Function): Element | JSX.Element;
+    getFileMessageBubble(fileUrl: string, message: CometChat.MediaMessage, title?: string, alignment?: MessageBubbleAlignment): Element | JSX.Element;
+    getImageMessageBubble(imageUrl: string, placeholderImage: string, message: CometChat.MediaMessage, onClick?: Function): 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, additionalConfigurations?: any): Array<CometChatMessageComposerAction>;
-    getLastConversationMessage(conversation: CometChat$1.Conversation, loggedInUser: CometChat$1.User, additionalConfigurations: additionalParams): string;
-    getAuxiliaryHeaderMenu(user?: CometChat$1.User, group?: CometChat$1.Group, additionalConfigurations?: any): Element[] | JSX.Element[];
+    getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User, additionalConfigurations: additionalParams): string;
+    getAuxiliaryHeaderMenu(user?: CometChat.User, group?: CometChat.Group, additionalConfigurations?: any): Element[] | JSX.Element[];
     /**
      * Adds styled @ for every mention in the text by matching uid
      *
@@ -6934,21 +6874,21 @@ declare class MessagesDataSource implements DataSource {
      * @param {string} subtitle
      * @returns {void}
      */
-    getMentionsFormattedText(message: CometChat$1.TextMessage, subtitle: string, mentionsFormatterParams: {
+    getMentionsFormattedText(message: CometChat.TextMessage, subtitle: string, mentionsFormatterParams: {
         mentionsTargetElement: MentionsTargetElement;
     }): string;
     getAllTextFormatters(formatterParams: additionalParams): CometChatTextFormatter[];
     getMentionsTextFormatter(params: additionalParams): CometChatMentionsFormatter;
     getUrlTextFormatter(params?: additionalParams): CometChatUrlsFormatter;
-    getFormMessageBubble(message: CometChat$1.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
-    getSchedulerMessageBubble(message: CometChat$1.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
-    getCardMessageBubble(message: CometChat$1.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
+    getFormMessageBubble(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
+    getSchedulerMessageBubble(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
+    getCardMessageBubble(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX.Element;
     getFormMessageTemplate(): CometChatMessageTemplate;
     getSchedulerMessageTemplate(): CometChatMessageTemplate;
     getCardMessageTemplate(): CometChatMessageTemplate;
-    getFormMessageContentView(message: CometChat$1.InteractiveMessage, _alignment: MessageBubbleAlignment): Element | JSX.Element;
-    getSchedulerMessageContentView(message: CometChat$1.InteractiveMessage, _alignment: MessageBubbleAlignment): Element | JSX.Element;
-    getCardMessageContentView(message: CometChat$1.InteractiveMessage, _alignment: MessageBubbleAlignment): Element | JSX.Element;
+    getFormMessageContentView(message: CometChat.InteractiveMessage, _alignment: MessageBubbleAlignment): Element | JSX.Element;
+    getSchedulerMessageContentView(message: CometChat.InteractiveMessage, _alignment: MessageBubbleAlignment): Element | JSX.Element;
+    getCardMessageContentView(message: CometChat.InteractiveMessage, _alignment: MessageBubbleAlignment): Element | JSX.Element;
 }
 
 /**
@@ -7438,7 +7378,7 @@ 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, hideReceipt?: boolean, datePattern?: DatePatterns): Element | JSX.Element | null;
+    abstract getStatusInfoView(message: CometChat.BaseMessage, alignment: MessageBubbleAlignment, hideReceipts?: 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;
@@ -7641,7 +7581,7 @@ 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, hideReceipt?: boolean, datePattern?: DatePatterns): JSX.Element | Element | null;
+    getStatusInfoView(message: CometChat.BaseMessage, alignment: MessageBubbleAlignment, hideReceipts?: 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;
@@ -7693,7 +7633,7 @@ interface ListProps<T> {
      *
      * @defaultValue `""`
      */
-    headerView?: JSX$1.Element;
+    headerView?: JSX.Element;
     /**
      * Hide the search bar
      *
@@ -7726,7 +7666,7 @@ interface ListProps<T> {
     /**
      * Custom list item view to be rendered for each object in the `list` prop
      */
-    itemView: (item: T, itemIndex: number) => JSX$1.Element;
+    itemView: (item: T, itemIndex: number) => JSX.Element;
     /**
      * Function to call when the scrollbar is at the top-most position of the scrollable list
      */
@@ -7766,7 +7706,7 @@ interface ListProps<T> {
     /**
      * Custom view for the loading state of the component
      */
-    loadingView?: JSX$1.Element;
+    loadingView?: JSX.Element;
     /**
      * Hide error view
      *
@@ -7779,11 +7719,11 @@ interface ListProps<T> {
     /**
      * Custom view for the error state of the component
      */
-    errorView?: JSX$1.Element;
+    errorView?: JSX.Element;
     /**
      * Custom view for the empty state of the component
      */
-    emptyView?: JSX$1.Element;
+    emptyView?: JSX.Element;
     /**
      * Set the scrollbar to the bottom-most position of the scrollable list
      *
@@ -7808,7 +7748,7 @@ interface ListProps<T> {
  *
  * @param props - The props for configuring the list
  */
-declare function List<T>(props: ListProps<T>): JSX$1.Element;
+declare function List<T>(props: ListProps<T>): JSX.Element;
 /**
  * Renders a scrollable list
  */
@@ -8533,7 +8473,7 @@ declare class StickersExtensionDecorator extends DataSourceDecorator {
      * @param group - Optional group object.
      * @returns An array of auxiliary options.
      */
-    getStickerButton(id: ComposerId, user?: CometChat$1.User, group?: CometChat$1.Group): react_jsx_runtime.JSX.Element;
+    getStickerButton(id: ComposerId, user?: CometChat.User, group?: CometChat.Group): react_jsx_runtime.JSX.Element;
     /**
      * Creates the sticker auxiliary button component.
      * @param id - A map containing relevant IDs.
@@ -8542,7 +8482,7 @@ declare class StickersExtensionDecorator extends DataSourceDecorator {
      * @param group - Optional group object.
      * @returns The JSX element for the sticker auxiliary button.
      */
-    getStickerAuxiliaryButton: (id: ComposerId, user?: CometChat$1.User, group?: CometChat$1.Group) => react_jsx_runtime.JSX.Element;
+    getStickerAuxiliaryButton: (id: ComposerId, user?: CometChat.User, group?: CometChat.Group) => react_jsx_runtime.JSX.Element;
     /**
      * Sends a sticker message.
      * @param event - The event object containing sticker details.
@@ -8552,14 +8492,14 @@ declare class StickersExtensionDecorator extends DataSourceDecorator {
      * Sends a sticker message.
      * @param event - The event object containing sticker details.
      */
-    getSticker(message: CometChat$1.CustomMessage): any;
+    getSticker(message: CometChat.CustomMessage): any;
     /**
      * Creates a JSX element for displaying the sticker message content.
      * @param stickerMessage - The custom message containing sticker data.
      * @param _theme - The theme object for styling.
      * @returns The JSX element for the sticker message content.
      */
-    getStickerMessageContentView(stickerMessage: CometChat$1.CustomMessage): react_jsx_runtime.JSX.Element;
+    getStickerMessageContentView(stickerMessage: CometChat.CustomMessage): react_jsx_runtime.JSX.Element;
     /**
      * Creates a sticker message template.
      * @param _theme - The theme object for styling.
@@ -8595,7 +8535,7 @@ declare class StickersExtensionDecorator extends DataSourceDecorator {
      * @param additionalConfigurations - Additional configurations, if any.
      * @returns A string representing the last message.
      */
-    getLastConversationMessage(conversation: CometChat$1.Conversation, loggedInUser: CometChat$1.User, additionalConfigurations?: any): string;
+    getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User, additionalConfigurations?: any): string;
 }
 
 /**
@@ -8644,7 +8584,7 @@ declare class ThumbnailGenerationExtensionDecorator extends DataSourceDecorator
     * @param {ImageBubbleStyle} [style] - Optional style for the image bubble.
     * @returns {React.ReactNode} The rendered image message bubble.
     */
-    getImageMessageBubble(imageUrl: string, placeholderImage: string, message: CometChat.MediaMessage, onClick?: Function): JSX.Element | Element;
+    getImageMessageBubble(imageUrl: string, placeholderImage: string, message: CometChat.MediaMessage, onClick?: Function): React.JSX.Element | Element;
     /**
      * Provides the video message bubble with support for thumbnail generation.
      * It checks for a thumbnail URL in the message metadata and uses it if available.
@@ -8655,7 +8595,7 @@ declare class ThumbnailGenerationExtensionDecorator extends DataSourceDecorator
      * @param {Function} [onClick] - Optional click event handler.
      * @returns {React.ReactNode} The rendered video message bubble.
      */
-    getVideoMessageBubble(videoUrl: string, message: CometChat.MediaMessage, thumbnailUrl?: string, onClick?: Function): JSX.Element | Element;
+    getVideoMessageBubble(videoUrl: string, message: CometChat.MediaMessage, thumbnailUrl?: string, onClick?: Function): React.JSX.Element | Element;
 }
 
 declare class CallingExtensionDecorator extends DataSourceDecorator {
@@ -8904,7 +8844,7 @@ declare const CometChatCallLogs: (props: CallLogsProps) => react_jsx_runtime.JSX
 
 interface ConversationsProps {
     /**
-     * Disables the display of message read receipts.
+     * Disables the display of message read Receipts.
      *
      * @remarks If set to `true`, the receipt status of the sent message won't be displayed.
      * @defaultValue `false`
@@ -9002,54 +8942,54 @@ interface ConversationsProps {
     /**
      * A custom component to render in the top-right corner of the Conversations UI.
      */
-    headerView?: JSX$1.Element;
+    headerView?: JSX.Element;
     /**
      * A custom component to display during the loading state.
      */
-    loadingView?: JSX$1.Element;
+    loadingView?: JSX.Element;
     /**
      * A custom component to display when there are no conversations available.
      */
-    emptyView?: JSX$1.Element;
+    emptyView?: JSX.Element;
     /**
      * A custom component to display when an error occurs.
      */
-    errorView?: JSX$1.Element;
+    errorView?: JSX.Element;
     /**
      * A custom view to render each conversation in the list.
      *
      * @param conversation - An instance of `CometChat.Conversation` representing the conversation.
      * @returns A JSX element to be rendered as the conversation item.
      */
-    itemView?: (conversation: CometChat.Conversation) => JSX$1.Element;
+    itemView?: (conversation: CometChat.Conversation) => JSX.Element;
     /**
      * A function that renders a JSX element to display the leading view.
      *
      * @param conversation - An instance of `CometChat.Conversation` representing the conversation.
      * @returns A JSX element to be rendered as the leading view.
      */
-    leadingView?: (conversation: CometChat.Conversation) => JSX$1.Element;
+    leadingView?: (conversation: CometChat.Conversation) => JSX.Element;
     /**
      * A function that renders a JSX element to display the title view.
      *
      * @param conversation - An instance of `CometChat.Conversation` representing the conversation.
      * @returns A JSX element to be rendered as the title view.
      */
-    titleView?: (conversation: CometChat.Conversation) => JSX$1.Element;
+    titleView?: (conversation: CometChat.Conversation) => JSX.Element;
     /**
      * A custom view to render the subtitle for each conversation.
      *
      * @param conversation - An instance of `CometChat.Conversation` representing the conversation.
      * @returns A JSX element to be rendered as the subtitle view.
      */
-    subtitleView?: (conversation: CometChat.Conversation) => JSX$1.Element;
+    subtitleView?: (conversation: CometChat.Conversation) => JSX.Element;
     /**
      * A custom view to render at the end of each conversation item.
      *
      * @param conversation - An instance of `CometChat.Conversation` representing the conversation.
      * @returns A JSX element to be rendered as the trailing view.
      */
-    trailingView?: (conversation: CometChat.Conversation) => JSX$1.Element;
+    trailingView?: (conversation: CometChat.Conversation) => JSX.Element;
 }
 /**
  * Renders a scrollable list of conversations that has been created in a CometChat app
@@ -9162,54 +9102,54 @@ interface GroupMembersProps {
     /**
      * A custom component to render in the top-right corner of the group members list.
      */
-    headerView?: JSX$1.Element;
+    headerView?: JSX.Element;
     /**
      * A custom view to display during the loading state.
      */
-    loadingView?: JSX$1.Element;
+    loadingView?: JSX.Element;
     /**
      * Custom view for the error state of the component.
      */
-    errorView?: JSX$1.Element;
+    errorView?: JSX.Element;
     /**
      * A custom view to display when no group members are available in the list.
      */
-    emptyView?: JSX$1.Element;
+    emptyView?: JSX.Element;
     /**
      * A custom view to render for each group member in the fetched list.
      *
      * @param groupMember - An instance of `CometChat.GroupMember` representing the group member.
      * @returns A JSX element to be rendered as the group member item.
      */
-    itemView?: (groupMember: CometChat.GroupMember) => JSX$1.Element;
+    itemView?: (groupMember: CometChat.GroupMember) => JSX.Element;
     /**
      * A function that renders a JSX element to display the leading view.
      *
      * @param groupMember - An instance of `CometChat.GroupMember` representing the group member.
      * @returns A JSX element to be rendered as the leading view.
      */
-    leadingView?: (groupMember: CometChat.GroupMember) => JSX$1.Element;
+    leadingView?: (groupMember: CometChat.GroupMember) => JSX.Element;
     /**
      * A function that renders a JSX element to display the title view.
      *
      * @param groupMember - An instance of `CometChat.GroupMember` representing the group member.
      * @returns A JSX element to be rendered as the title view.
      */
-    titleView?: (groupMember: CometChat.GroupMember) => JSX$1.Element;
+    titleView?: (groupMember: CometChat.GroupMember) => JSX.Element;
     /**
      * A function that renders a JSX element to display the subtitle view.
      *
      * @param groupMember - An instance of `CometChat.GroupMember` representing the group member.
      * @returns A JSX element to be rendered as the subtitle view.
      */
-    subtitleView?: (groupMember: CometChat.GroupMember) => JSX$1.Element;
+    subtitleView?: (groupMember: CometChat.GroupMember) => JSX.Element;
     /**
      * A function that renders a JSX element to display the trailing view.
      *
      * @param groupMember - An instance of `CometChat.GroupMember` representing the group member.
      * @returns A JSX element to be rendered as the trailing view.
      */
-    trailingView?: (groupMember: CometChat.GroupMember) => JSX$1.Element;
+    trailingView?: (groupMember: CometChat.GroupMember) => JSX.Element;
 }
 declare function CometChatGroupMembers(props: GroupMembersProps): react_jsx_runtime.JSX.Element;
 
@@ -9285,54 +9225,54 @@ interface GroupsProps {
     /**
      * A custom component to render in the top-right corner of the groups list.
      */
-    headerView?: JSX$1.Element;
+    headerView?: JSX.Element;
     /**
      * A custom view to display during the loading state.
      */
-    loadingView?: JSX$1.Element;
+    loadingView?: JSX.Element;
     /**
      * Custom view for the empty state of the component.
      */
-    emptyView?: JSX$1.Element;
+    emptyView?: JSX.Element;
     /**
      * A custom view to display when an error occurs.
      */
-    errorView?: JSX$1.Element;
+    errorView?: JSX.Element;
     /**
      * A custom view to render for each group in the fetched list.
      *
      * @param group - An instance of `CometChat.Group` representing the group.
      * @returns A JSX element to be rendered as the group item.
      */
-    itemView?: (group: CometChat.Group) => JSX$1.Element;
+    itemView?: (group: CometChat.Group) => JSX.Element;
     /**
      * A function that renders a JSX element to display the leading view.
      *
      * @param group - An instance of `CometChat.Group` representing the group.
      * @returns A JSX element to be rendered as the leading view.
      */
-    leadingView?: (group: CometChat.Group) => JSX$1.Element;
+    leadingView?: (group: CometChat.Group) => JSX.Element;
     /**
      * A function that renders a JSX element to display the title view.
      *
      * @param group - An instance of `CometChat.Group` representing the group.
      * @returns A JSX element to be rendered as the title view.
      */
-    titleView?: (group: CometChat.Group) => JSX$1.Element;
+    titleView?: (group: CometChat.Group) => JSX.Element;
     /**
      * Custom subtitle view to be rendered for each group in the fetched list.
      *
      * @param group - An instance of `CometChat.Group` representing the group.
      * @returns A JSX element to be rendered as the subtitle view.
      */
-    subtitleView?: (group: CometChat.Group) => JSX$1.Element;
+    subtitleView?: (group: CometChat.Group) => JSX.Element;
     /**
      * A function that renders a JSX element to display the trailing view.
      *
      * @param group - An instance of `CometChat.Group` representing the group.
      * @returns A JSX element to be rendered as the trailing view.
      */
-    trailingView?: (group: CometChat.Group) => JSX$1.Element;
+    trailingView?: (group: CometChat.Group) => JSX.Element;
 }
 /**
  * Renders a scrollable list of groups that has been created in a CometChat app
@@ -9500,15 +9440,15 @@ interface MessageComposerProps {
     /**
      * A custom view for the send button to customize its appearance or behavior.
      */
-    sendButtonView?: JSX$1.Element;
+    sendButtonView?: JSX.Element;
     /**
      * A custom view for an auxiliary button, which can be used alongside the send button.
      */
-    auxiliaryButtonView?: JSX$1.Element;
+    auxiliaryButtonView?: JSX.Element;
     /**
      * A custom header section displayed at the top of the message composer, often used for media previews or additional information.
      */
-    headerView?: JSX$1.Element;
+    headerView?: JSX.Element;
 }
 /**
  * Renders a message composer to send messages to a user or group of a CometChat App
@@ -9526,9 +9466,15 @@ interface MessageHeaderProps {
     showConversationSummaryButton?: boolean;
     /**
      * Hides the back button in the header in mobile view.
+     * @deprecated Use 'showBackButton' prop instead. This prop is deprecated and will be removed in future versions.
      * @default false
      */
     hideBackButton?: boolean;
+    /**
+     * Hides the back button in the header in mobile view.
+     * @default false
+     */
+    showBackButton?: boolean;
     /**
      * Hides the video call button.
      * @default false
@@ -9578,28 +9524,28 @@ interface MessageHeaderProps {
     /**
      * A custom JSX element for rendering a menu. It can be used to add options or actions.
      */
-    auxiliaryButtonView?: JSX$1.Element;
+    auxiliaryButtonView?: JSX.Element;
     /**
      * A custom JSX element for rendering a list item view, typically used to show user or group details.
      */
-    itemView?: JSX$1.Element;
+    itemView?: JSX.Element;
     /**
      * A function that renders a JSX element to display the leading view.
      */
-    leadingView?: JSX$1.Element;
+    leadingView?: JSX.Element;
     /**
      * A function that renders a JSX element to display the title view.
      */
-    titleView?: JSX$1.Element;
+    titleView?: JSX.Element;
     /**
      * Custom subtitle view, allowing you to render a JSX element as the subtitle.
      * It can be used to provide additional information under the title.
      */
-    subtitleView?: JSX$1.Element;
+    subtitleView?: JSX.Element;
     /**
      * A function that renders a JSX element to display the trailing view.
      */
-    trailingView?: JSX$1.Element;
+    trailingView?: JSX.Element;
 }
 /** Functional component for rendering the CometChatMessageHeader */
 declare const CometChatMessageHeader: (props: MessageHeaderProps) => react_jsx_runtime.JSX.Element;
@@ -9915,54 +9861,54 @@ interface UsersProps {
     /**
      * A custom component to render in the top-right corner of the user list.
      */
-    headerView?: JSX$1.Element;
+    headerView?: JSX.Element;
     /**
      * A custom view to display during the loading state.
      */
-    loadingView?: JSX$1.Element;
+    loadingView?: JSX.Element;
     /**
      * A custom view to display when an error occurs.
      */
-    errorView?: JSX$1.Element;
+    errorView?: JSX.Element;
     /**
      * A custom view to display when no users are available in the list.
      */
-    emptyView?: JSX$1.Element;
+    emptyView?: JSX.Element;
     /**
      * A custom view to render for each user in the fetched list.
      *
      * @param user - An instance of `CometChat.User` representing the user.
      * @returns A JSX element to be rendered as the user item.
      */
-    itemView?: (user: CometChat.User) => JSX$1.Element;
+    itemView?: (user: CometChat.User) => JSX.Element;
     /**
      * A function that renders a JSX element to display the leading view.
      *
      * @param user - An instance of `CometChat.User` representing the user.
      * @returns A JSX element to be rendered as the leading view.
      */
-    leadingView?: (user: CometChat.User) => JSX$1.Element;
+    leadingView?: (user: CometChat.User) => JSX.Element;
     /**
      * A custom function to render the title view of a user.
      *
      * @param user - An instance of `CometChat.User` representing the user.
      * @returns A JSX element to be rendered as the title view.
      */
-    titleView?: (user: CometChat.User) => JSX$1.Element;
+    titleView?: (user: CometChat.User) => JSX.Element;
     /**
      * A custom view to render the subtitle for each user.
      *
      * @param user - An instance of `CometChat.User` representing the user.
      * @returns A JSX element to be rendered as the subtitle view.
      */
-    subtitleView?: (user: CometChat.User) => JSX$1.Element;
+    subtitleView?: (user: CometChat.User) => JSX.Element;
     /**
      * A function that renders a JSX element to display the trailing view.
      *
      * @param user - An instance of `CometChat.User` representing the user.
      * @returns A JSX element to be rendered as the trailing view.
      */
-    trailingView?: (user: CometChat.User) => JSX$1.Element;
+    trailingView?: (user: CometChat.User) => JSX.Element;
 }
 /**
  * Renders a scrollable list of users that has been created in a CometChat app
@@ -9981,6 +9927,15 @@ interface MessageInformationProps {
      * Template for customizing the appearance of the message.
      */
     template?: CometChatMessageTemplate;
+    /**
+    * Hides the visibility of receipt in the Message Information.
+    * @default false
+    */
+    hideReceipts?: boolean;
+    /**
+    * Array of text formatters for custom styling or formatting of message text bubbles.
+    */
+    textFormatters?: CometChatTextFormatter[];
 }
 declare const CometChatMessageInformation: (props: MessageInformationProps) => react_jsx_runtime.JSX.Element;
 
@@ -10173,6 +10128,7 @@ interface IOpenChat {
 }
 interface IShowOngoingCall {
     child: any;
+    message?: CometChat.CustomMessage;
 }
 interface IPanel {
     child?: any;
@@ -10881,37 +10837,9 @@ declare class MessageReceiptUtils {
      * 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}
- */
-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.
+     * @returns {Receipts} - The receipt status icon.
      */
-    delivered = 2,
-    /**
-     * Status indicating that the message has been read.
-     */
-    read = 3,
-    /**
-     * Status indicating that an error occurred with the message.
-     */
-    error = 4
+    static getReceiptStatus: (messageObject: CometChat.BaseMessage) => Receipts;
 }
 
 /**
@@ -10926,7 +10854,7 @@ declare class MessageUtils {
      * @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, alignment?: MessageBubbleAlignment): any;
+    getContentView(message: CometChat.BaseMessage, template: CometChatMessageTemplate, alignment?: MessageBubbleAlignment, textFormatters?: CometChatTextFormatter[]): any;
     /**
      * Retrieves the content view for a message based on the provided template.
      *
@@ -10934,7 +10862,7 @@ declare class MessageUtils {
      * @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;
+    getStatusInfoView(message: CometChat.BaseMessage, template: CometChatMessageTemplate, alignment?: MessageBubbleAlignment, hideReceipts?: boolean): any;
     /**
      * Retrieves the bubble wrapper for a message based on the provided template.
      *
@@ -10952,7 +10880,7 @@ declare class MessageUtils {
      * @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;
+    getMessageBubble(baseMessage: CometChat.BaseMessage, template: CometChatMessageTemplate, alignment: MessageBubbleAlignment, hideReceipts?: boolean, textFormatters?: CometChatTextFormatter[]): any;
     /**
      *
      * @param {(CometChat.User | CometChat.GroupMember | any)} user
@@ -11330,7 +11258,7 @@ declare function isSafari(): boolean;
  */
 declare function isURL(text: string): boolean;
 declare function getThemeVariable(name: string): string;
-declare function getThemeMode(): "light" | "dark";
+declare function getThemeMode(): "dark" | "light";
 /**
  * Function to convert audio forat from webm to wav
  * @param file
@@ -11423,6 +11351,15 @@ interface ThreadedMessagePreviewProps {
      * @returns void
      */
     onError?: ((error: CometChat.CometChatException) => void) | null;
+    /**
+    * Hides the visibility of receipt in the Thread Header.
+    * @default false
+    */
+    hideReceipts?: boolean;
+    /**
+    * Array of text formatters for custom styling or formatting of message text bubbles.
+    */
+    textFormatters?: CometChatTextFormatter[];
 }
 declare const CometChatThreadedMessagePreview: (props: ThreadedMessagePreviewProps) => react_jsx_runtime.JSX.Element;
 
@@ -11512,7 +11449,7 @@ declare class CometChatUIKitUtility {
      * @param messageObject - The message object containing extensions.
      * @returns The sanitized message text if available, otherwise the original text.
      */
-    static getExtensionData(messageObject: CometChat$1.BaseMessage): string;
+    static getExtensionData(messageObject: CometChat.BaseMessage): string;
     /**
      * Checks for extension data in a message.
      *
@@ -11520,7 +11457,7 @@ declare class CometChatUIKitUtility {
      * @param extensionKey - The extension key to look for.
      * @returns The extension data if found.
      */
-    static checkMessageForExtensionsData: (message: CometChat$1.BaseMessage | null, extensionKey: string) => (object & MessageExtensionType) | undefined;
+    static checkMessageForExtensionsData: (message: CometChat.BaseMessage | null, extensionKey: string) => (object & MessageExtensionType) | undefined;
     /**
      * Sanitizes an HTML string by escaping tags not matching the whitelist.
      *