@cometchat/chat-uikit-react 6.2.5 → 6.3.0

package/dist/index.d.ts

@@ -1268,6 +1268,11 @@ declare class CometChatMessageTemplate {
      * @type {(message:CometChat.BaseMessage,alignment:MessageBubbleAlignment)=> Element | JSX.Element | null}
      */
     headerView: ((message: CometChat.BaseMessage, alignment: MessageBubbleAlignment) => Element | JSX$1.Element | null) | null;
+    /**
+     * Custom component to customize the reply view section for each message bubble.
+     * @type {(message:CometChat.BaseMessage,alignment:MessageBubbleAlignment)=> Element | JSX.Element | null}
+     */
+    replyView: ((message: CometChat.BaseMessage, alignment?: MessageBubbleAlignment, onReplyViewClicked?: (messageToReply: CometChat.BaseMessage) => void, textFormatters?: CometChatTextFormatter[]) => Element | JSX$1.Element | null) | null;
     /**
      * Custom component to customize the footer section for each message bubble.
      * By default, it displays the reactions.
@@ -1381,6 +1386,7 @@ type ComposerId = {
  */
 interface additionalParamsOptions {
     hideReplyInThreadOption?: boolean;
+    hideReplyOption?: boolean;
     hideTranslateMessageOption?: boolean;
     hideReactionOption?: boolean;
     hideEditMessageOption?: boolean;
@@ -1394,6 +1400,7 @@ declare class MessagesDataSource implements DataSource {
     getDeleteOption(): CometChatActionsIcon;
     getReactionOption(): CometChatActionsView;
     getReplyInThreadOption(): CometChatActionsIcon;
+    getReplyOption(): CometChatActionsIcon;
     getSendMessagePrivatelyOption(): CometChatActionsIcon;
     getCopyOption(): CometChatActionsIcon;
     getMessageInfoOption(): CometChatActionsIcon;
@@ -1435,6 +1442,7 @@ declare class MessagesDataSource implements DataSource {
     getBubbleStatusInfoDate: (item: CometChat.BaseMessage, messageSentAtDateTimeFormat?: CalendarObject) => JSX$1.Element | null;
     getStatusInfoView: (_messageObject: CometChat.BaseMessage, _alignment: MessageBubbleAlignment, hideReceipts?: boolean, messageSentAtDateTimeFormat?: CalendarObject, showError?: boolean) => react_jsx_runtime.JSX.Element | null;
     getBottomView(_messageObject: CometChat.BaseMessage, _alignment: MessageBubbleAlignment): null;
+    getReplyView(_messageObject: CometChat.BaseMessage, _alignment: MessageBubbleAlignment, onReplyPreviewClick?: (messageToReply: CometChat.BaseMessage) => void, textFormatters?: CometChatTextFormatter[]): react_jsx_runtime.JSX.Element | null;
     getTextMessageTemplate(additionalConfigurations?: additionalParams): CometChatMessageTemplate;
     getAgentAssistantMessageBubble(message: CometChat.AIAssistantMessage): react_jsx_runtime.JSX.Element;
     getToolArgumentsMessageBubble(message: CometChat.AIToolArgumentMessage): react_jsx_runtime.JSX.Element;
@@ -1461,9 +1469,9 @@ declare class MessagesDataSource implements DataSource {
     getAllMessageCategories(additionalConfigurations?: {
         hideGroupActionMessages?: boolean;
     }): Array<string>;
-    getStickerButton(id: ComposerId, user?: CometChat.User, group?: CometChat.Group): JSX$1.Element | undefined;
+    getStickerButton(id: ComposerId, user?: CometChat.User, group?: CometChat.Group, messageToReply?: CometChat.BaseMessage | null, closeReplyPreview?: () => void): JSX$1.Element | undefined;
     getId(): string;
-    getTextMessageContentView(message: CometChat.TextMessage, _alignment: MessageBubbleAlignment, additionalConfigurations?: additionalParams): Element | JSX$1.Element;
+    getTextMessageContentView(message: CometChat.TextMessage, _alignment: MessageBubbleAlignment, additionalConfigurations?: additionalParams): JSX$1.Element | Element;
     getAudioMessageContentView(message: CometChat.MediaMessage, _alignment: MessageBubbleAlignment): Element | JSX$1.Element;
     getFileMessageContentView(message: CometChat.MediaMessage, _alignment: MessageBubbleAlignment): Element | JSX$1.Element;
     getImageMessageContentView(message: CometChat.MediaMessage, _alignment: MessageBubbleAlignment): Element | JSX$1.Element;
@@ -1494,6 +1502,21 @@ declare class MessagesDataSource implements DataSource {
     fileAttachmentOption(): CometChatMessageComposerAction;
     getAttachmentOptions(id: ComposerId, additionalConfigurations?: any): Array<CometChatMessageComposerAction>;
     getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User, additionalConfigurations: additionalParams): string;
+    /**
+   * Helper method to get subtitle JSX element for message preview
+   * @param message - The message object
+   * @param textFormatters - Text formatters to apply
+   * @param _alignment - Alignment of the message bubble
+   * @returns JSX element for subtitle or null
+   */
+    getMessagePreviewSubtitle(message: CometChat.BaseMessage, textFormatters?: CometChatTextFormatter[], _alignment?: MessageBubbleAlignment): JSX$1.Element | null;
+    /**
+     * Helper method to get title JSX element for message preview
+     * @param message - The message object
+     * @param _alignment - Alignment of the message bubble
+     * @returns JSX element for subtitle or null
+     */
+    getMessagePreviewTitle(message: CometChat.BaseMessage, _alignment?: MessageBubbleAlignment): JSX$1.Element | null;
     getAuxiliaryHeaderMenu(user?: CometChat.User, group?: CometChat.Group, additionalConfigurations?: any): Element[] | JSX$1.Element[];
     /**
      * Adds styled @ for every mention in the text by matching uid
@@ -2006,12 +2029,15 @@ 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$1.Element | null;
+    abstract getReplyView(message: CometChat.BaseMessage, alignment?: MessageBubbleAlignment, onReplyPreviewClick?: (messageToReply: CometChat.BaseMessage) => void, textFormatters?: CometChatTextFormatter[]): Element | JSX$1.Element | null;
     abstract getStatusInfoView(message: CometChat.BaseMessage, alignment: MessageBubbleAlignment, hideReceipts?: boolean, messageSentAtDateTimeFormat?: CalendarObject, showError?: boolean): Element | JSX$1.Element | null;
     abstract getTextMessageContentView(message: CometChat.TextMessage, alignment: MessageBubbleAlignment, otherParams: Object | undefined): Element | JSX$1.Element;
     abstract getImageMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment): Element | JSX$1.Element;
     abstract getVideoMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment): Element | JSX$1.Element;
     abstract getAudioMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment): Element | JSX$1.Element;
     abstract getFileMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment): Element | JSX$1.Element;
+    abstract getMessagePreviewSubtitle(message: CometChat.BaseMessage, textFormatters?: CometChatTextFormatter[], _alignment?: MessageBubbleAlignment): JSX$1.Element | null;
+    abstract getMessagePreviewTitle(message: CometChat.BaseMessage, _alignment?: MessageBubbleAlignment): JSX$1.Element | null;
     abstract getAgentAssistantMessageTemplate(additionalConfigurations?: Object | undefined): CometChatMessageTemplate;
     abstract getToolArgumentsMessageTemplate(additionalConfigurations?: Object | undefined): CometChatMessageTemplate;
     abstract getToolResultsMessageTemplate(additionalConfigurations?: Object | undefined): CometChatMessageTemplate;
@@ -2029,7 +2055,7 @@ declare abstract class DataSource {
     abstract getAttachmentOptions(id: ComposerId, additionalConfigurations?: any): CometChatMessageComposerAction[];
     abstract getAllMessageTypes(): Array<string>;
     abstract getAllMessageCategories(additionalConfigurations?: Object | undefined): Array<string>;
-    abstract getStickerButton(id: ComposerId, user?: CometChat.User, group?: CometChat.Group): JSX$1.Element | undefined;
+    abstract getStickerButton(id: ComposerId, user?: CometChat.User, group?: CometChat.Group, messageToReply?: CometChat.BaseMessage | null, closeReplyPreview?: () => void): JSX$1.Element | undefined;
     abstract getId(): string;
     abstract getDeleteMessageBubble(messageObject: CometChat.BaseMessage, text?: string, alignment?: MessageBubbleAlignment): Element | JSX$1.Element;
     abstract getGroupActionBubble(message: CometChat.BaseMessage): Element | JSX$1.Element;
@@ -2217,13 +2243,16 @@ declare abstract class DataSourceDecorator implements DataSource {
     getVideoMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
     getAudioMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
     getFileMessageOptions(loggedInUser: CometChat.User, messageObject: CometChat.BaseMessage, group?: CometChat.Group, additionalParams?: Object | undefined): Array<CometChatActionsIcon | CometChatActionsView>;
-    getStatusInfoView(message: CometChat.BaseMessage, alignment: MessageBubbleAlignment, hideReceipts?: boolean, messageSentAtDateTimeFormat?: CalendarObject, showError?: boolean): Element | JSX$1.Element | null;
-    getBottomView(message: CometChat.BaseMessage, alignment: MessageBubbleAlignment): Element | JSX$1.Element | null;
-    getTextMessageContentView(message: CometChat.TextMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: Object | undefined): Element | JSX$1.Element;
-    getImageMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment): Element | JSX$1.Element;
-    getVideoMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment): Element | JSX$1.Element;
-    getAudioMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment): Element | JSX$1.Element;
-    getFileMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment): Element | JSX$1.Element;
+    getStatusInfoView(message: CometChat.BaseMessage, alignment: MessageBubbleAlignment, hideReceipts?: boolean, messageSentAtDateTimeFormat?: CalendarObject, showError?: boolean): JSX$1.Element | Element | null;
+    getBottomView(message: CometChat.BaseMessage, alignment: MessageBubbleAlignment): JSX$1.Element | Element | null;
+    getReplyView(message: CometChat.BaseMessage, alignment: MessageBubbleAlignment, onReplyPreviewClick?: (messageToReply: CometChat.BaseMessage) => void, textFormatters?: CometChatTextFormatter[]): JSX$1.Element | Element | null;
+    getMessagePreviewSubtitle(message: CometChat.BaseMessage, textFormatters?: CometChatTextFormatter[], _alignment?: MessageBubbleAlignment): JSX$1.Element | null;
+    getMessagePreviewTitle(message: CometChat.BaseMessage, _alignment?: MessageBubbleAlignment): JSX$1.Element | null;
+    getTextMessageContentView(message: CometChat.TextMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: Object | undefined): JSX$1.Element | Element;
+    getImageMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment): JSX$1.Element | Element;
+    getVideoMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment): JSX$1.Element | Element;
+    getAudioMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment): JSX$1.Element | Element;
+    getFileMessageContentView(message: CometChat.MediaMessage, alignment: MessageBubbleAlignment): JSX$1.Element | Element;
     getTextMessageTemplate(additionalConfigurations?: Object | undefined): CometChatMessageTemplate;
     getAgentAssistantMessageTemplate(additionalConfigurations?: Object | undefined): CometChatMessageTemplate;
     getToolArgumentsMessageTemplate(additionalConfigurations?: Object | undefined): CometChatMessageTemplate;
@@ -2241,34 +2270,34 @@ declare abstract class DataSourceDecorator implements DataSource {
     getAttachmentOptions(id: ComposerId, additionalConfigurations?: any): CometChatMessageComposerAction[];
     getAllMessageTypes(): string[];
     getAllMessageCategories(additionalConfigurations?: Object | undefined): string[];
-    getStickerButton(id: ComposerId, user?: CometChat.User, group?: CometChat.Group): JSX$1.Element | undefined;
+    getStickerButton(id: ComposerId, user?: CometChat.User, group?: CometChat.Group, messageToReply?: CometChat.BaseMessage | null, closeReplyPreview?: () => void): JSX$1.Element | undefined;
     getId(): string;
-    getDeleteMessageBubble(messageObject: CometChat.BaseMessage, text?: string, alignment?: MessageBubbleAlignment): Element | JSX$1.Element;
-    getGroupActionBubble(message: CometChat.BaseMessage): Element | JSX$1.Element;
-    getTextMessageBubble(messageText: string, message: CometChat.TextMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: Object | undefined): Element | JSX$1.Element;
-    getAgentAssistantMessageBubble(message: CometChat.AIAssistantMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: Object | undefined): Element | JSX$1.Element;
-    getToolArgumentsMessageBubble(message: CometChat.AIToolArgumentMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: Object | undefined): Element | JSX$1.Element;
-    getToolResultsMessageBubble(message: CometChat.AIToolResultMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: Object | undefined): Element | JSX$1.Element;
-    getStreamMessageBubble(message: CometChat.CustomMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: Object | undefined): Element | JSX$1.Element;
-    getVideoMessageBubble(videoUrl: string, message: CometChat.MediaMessage, thumbnailUrl?: string, onClick?: Function, alignment?: MessageBubbleAlignment): Element | JSX$1.Element;
-    getImageMessageBubble(imageUrl: string, placeholderImage: string, message: CometChat.MediaMessage, onClick?: Function, alignment?: MessageBubbleAlignment): Element | JSX$1.Element;
-    getAudioMessageBubble(audioUrl: string, message: CometChat.MediaMessage, title?: string, alignment?: MessageBubbleAlignment): Element | JSX$1.Element;
-    getFileMessageBubble(fileUrl: string, message: CometChat.MediaMessage, title?: string, alignment?: MessageBubbleAlignment): Element | JSX$1.Element;
+    getDeleteMessageBubble(messageObject: CometChat.BaseMessage, text?: string, alignment?: MessageBubbleAlignment): JSX$1.Element | Element;
+    getGroupActionBubble(message: CometChat.BaseMessage): JSX$1.Element | Element;
+    getTextMessageBubble(messageText: string, message: CometChat.TextMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: Object | undefined): JSX$1.Element | Element;
+    getAgentAssistantMessageBubble(message: CometChat.AIAssistantMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: Object | undefined): JSX$1.Element | Element;
+    getToolArgumentsMessageBubble(message: CometChat.AIToolArgumentMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: Object | undefined): JSX$1.Element | Element;
+    getToolResultsMessageBubble(message: CometChat.AIToolResultMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: Object | undefined): JSX$1.Element | Element;
+    getStreamMessageBubble(message: CometChat.CustomMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: Object | undefined): JSX$1.Element | Element;
+    getVideoMessageBubble(videoUrl: string, message: CometChat.MediaMessage, thumbnailUrl?: string, onClick?: Function, alignment?: MessageBubbleAlignment): JSX$1.Element | Element;
+    getImageMessageBubble(imageUrl: string, placeholderImage: string, message: CometChat.MediaMessage, onClick?: Function, alignment?: MessageBubbleAlignment): JSX$1.Element | Element;
+    getAudioMessageBubble(audioUrl: string, message: CometChat.MediaMessage, title?: string, alignment?: MessageBubbleAlignment): JSX$1.Element | Element;
+    getFileMessageBubble(fileUrl: string, message: CometChat.MediaMessage, title?: string, alignment?: MessageBubbleAlignment): JSX$1.Element | Element;
     getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User, additionalConfigurations?: additionalParams): string;
     getAuxiliaryHeaderMenu(user?: CometChat.User, group?: CometChat.Group, additionalConfigurations?: any): Element[] | JSX$1.Element[];
     getAllTextFormatters(formatterParams: additionalParams): CometChatTextFormatter[];
     getMentionsTextFormatter(params?: Object): CometChatMentionsFormatter;
     getUrlTextFormatter(params?: Object): CometChatUrlsFormatter;
     getMentionsFormattedText(message: CometChat.TextMessage, subtitle: string, additionalConfigurations: Object): string;
-    getFormMessageContentView(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX$1.Element;
-    getSchedulerMessageContentView(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX$1.Element;
-    getCardMessageContentView(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX$1.Element;
+    getFormMessageContentView(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): JSX$1.Element | Element;
+    getSchedulerMessageContentView(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): JSX$1.Element | Element;
+    getCardMessageContentView(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): JSX$1.Element | Element;
     getFormMessageTemplate(): CometChatMessageTemplate;
     getSchedulerMessageTemplate(): CometChatMessageTemplate;
     getCardMessageTemplate(): CometChatMessageTemplate;
-    getFormMessageBubble(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX$1.Element;
-    getSchedulerMessageBubble(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX$1.Element;
-    getCardMessageBubble(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): Element | JSX$1.Element;
+    getFormMessageBubble(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): JSX$1.Element | Element;
+    getSchedulerMessageBubble(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): JSX$1.Element | Element;
+    getCardMessageBubble(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): JSX$1.Element | Element;
 }
 
 interface ListProps<T> {
@@ -2823,7 +2852,7 @@ declare class LinkPreviewExtensionDecorator extends DataSourceDecorator {
      * @param {any} [additionalConfigurations] - Additional configurations for formatting.
      * @returns {JSX.Element} The JSX element representing the message content view.
      */
-    getTextMessageContentView(message: CometChat.TextMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: any): Element | React__default.JSX.Element;
+    getTextMessageContentView(message: CometChat.TextMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: any): react_jsx_runtime.JSX.Element | Element;
     /**
      * Retrieves the style for the link preview wrapper.
      * @returns {object} The style object for the link preview wrapper.
@@ -2917,7 +2946,7 @@ declare class MessageTranslationExtensionDecorator extends DataSourceDecorator {
      * @param {any} [additionalConfigurations] - Optional additional configurations for the content view.
      * @returns {JSX.Element} The content view for the text message.
      */
-    getTextMessageContentView(message: CometChat.TextMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: any): Element | React.JSX.Element;
+    getTextMessageContentView(message: CometChat.TextMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: any): react_jsx_runtime.JSX.Element | Element;
     /**
      * Checks if an option with the specified ID already exists in the options list.
      *
@@ -2972,6 +3001,8 @@ declare class PollsExtensionDecorator extends DataSourceDecorator {
     configuration?: PollsConfiguration;
     /** The data source used by this decorator. */
     newDataSource: DataSource;
+    /** The message that is being replied to. */
+    replyToMessage: CometChat.BaseMessage | undefined;
     /**
      * Constructs a PollsExtensionDecorator instance.
      * @param dataSource - The data source to decorate.
@@ -3149,7 +3180,7 @@ declare class StickersExtensionDecorator extends DataSourceDecorator {
      * @param group - Optional group object.
      * @returns An array of auxiliary options.
      */
-    getStickerButton(id: ComposerId, user?: CometChat.User, group?: CometChat.Group): react_jsx_runtime.JSX.Element;
+    getStickerButton(id: ComposerId, user?: CometChat.User, group?: CometChat.Group, messageToReply?: CometChat.BaseMessage | null, closeReplyPreview?: () => void): react_jsx_runtime.JSX.Element;
     /**
      * Creates the sticker auxiliary button component.
      * @param id - A map containing relevant IDs.
@@ -3158,12 +3189,12 @@ declare class StickersExtensionDecorator extends DataSourceDecorator {
      * @param group - Optional group object.
      * @returns The JSX element for the sticker auxiliary button.
      */
-    getStickerAuxiliaryButton: (id: ComposerId, user?: CometChat.User, group?: CometChat.Group) => react_jsx_runtime.JSX.Element;
+    getStickerAuxiliaryButton: (id: ComposerId, user?: CometChat.User, group?: CometChat.Group, messageToReply?: CometChat.BaseMessage | null, onReplyPreviewClose?: () => void) => react_jsx_runtime.JSX.Element;
     /**
      * Sends a sticker message.
      * @param event - The event object containing sticker details.
      */
-    sendSticker(event: any, closeSticker: Function, id: ComposerId): void;
+    sendSticker(event: any, closeSticker: Function, id: ComposerId, messageToReply?: CometChat.BaseMessage | null, onReplyPreviewClose?: () => void): void;
     /**
      * Sends a sticker message.
      * @param event - The event object containing sticker details.
@@ -3260,7 +3291,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): Element | React.JSX.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.
@@ -3271,7 +3302,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): Element | React.JSX.Element;
+    getVideoMessageBubble(videoUrl: string, message: CometChat.MediaMessage, thumbnailUrl?: string, onClick?: Function): React.JSX.Element | Element;
 }
 
 declare class CallingExtensionDecorator extends DataSourceDecorator {
@@ -4338,6 +4369,11 @@ interface MessageListProps {
      * @default false
      */
     hideReplyInThreadOption?: boolean;
+    /**
+     * Hides the reply option for a message.
+     * @default false
+     */
+    hideReplyOption?: boolean;
     /**
      * Hides the option to translate messages.
      * @default false
@@ -4436,10 +4472,10 @@ interface MessageListProps {
      */
     customSoundForMessages?: string;
     /**
-     * Specifies the keywords in incoming messages that will trigger Smart Replies.
-     * If set to an empty array [], Smart Replies will be generated for all messages.
-     * @default ['what', 'when', 'why', 'who', 'where', 'how', '?']
-     */
+      * Specifies the keywords in incoming messages that will trigger Smart Replies.
+      * If set to an empty array [], Smart Replies will be generated for all messages.
+      * @default ['what', 'when', 'why', 'who', 'where', 'how', '?']
+      */
     smartRepliesKeywords?: string[];
     /**
      * Specifies the delay in milliseconds before Smart Replies are displayed.
@@ -4495,20 +4531,20 @@ interface MessageListProps {
      */
     footerView?: JSX$1.Element;
     /**
-     * Format for the date separators in the message list.
-     */
+   * Format for the date separators in the message list.
+   */
     separatorDateTimeFormat?: CalendarObject;
     /**
-     * Format for sticky date headers displayed in the message list.
-     */
+    * Format for sticky date headers displayed in the message list.
+    */
     stickyDateTimeFormat?: CalendarObject;
     /**
-     * Format for the timestamp displayed next to messages.
-     */
+   * Format for the timestamp displayed next to messages.
+   */
     messageSentAtDateTimeFormat?: CalendarObject;
     /**
-     * Format for timestamps displayed in message details (e.g., delivery or read time).
-     */
+   * Format for timestamps displayed in message details (e.g., delivery or read time).
+   */
     messageInfoDateTimeFormat?: CalendarObject;
     /**
      * ID of the message to automatically scroll to when the message list loads.
@@ -4517,9 +4553,9 @@ interface MessageListProps {
      */
     goToMessageId?: string;
     /**
-     * Controls the visibility of the scrollbar in the list.
-     * @defaultValue `false`
-     */
+      * Controls the visibility of the scrollbar in the list.
+      * @defaultValue `false`
+    */
     showScrollbar?: boolean;
     /**
       * Toggles AI Agent functionality.
@@ -5066,6 +5102,7 @@ interface IGroupLeft {
 declare class CometChatMessageEvents {
     static ccMessageSent: Subject<IMessages>;
     static ccMessageEdited: Subject<IMessages>;
+    static ccReplyToMessage: Subject<IMessages>;
     static ccMessageTranslated: Subject<IMessages>;
     static ccMessageRead: Subject<CometChat.BaseMessage>;
     static ccMessageDeleted: Subject<CometChat.BaseMessage>;
@@ -5424,7 +5461,7 @@ interface FullScreenViewerProps {
     /**
      * The media message containing the image.
      */
-    message: CometChat.MediaMessage;
+    message: CometChat.BaseMessage;
     /**
      * Format for timestamps associated with images in the message list.
      */
@@ -5545,6 +5582,34 @@ interface DeleteBubbleProps {
  */
 declare const CometChatDeleteBubble: (props: DeleteBubbleProps) => react_jsx_runtime.JSX.Element;
 
+/**
+ * Interface for the props used in the CometChatMessagePreview component.
+ */
+interface CometChatMessagePreviewProps {
+    /** The title to display in the preview, defaults to "Edit Message"*/
+    previewTitle?: JSX.Element | null;
+    /** To hide the close icon in the preview */
+    hideCloseButton?: boolean;
+    /** The subtitle to display in the preview, can be left empty. */
+    previewSubtitle?: JSX.Element | null;
+    /** Callback function that triggers when the close button is clicked. */
+    onClose?: () => void;
+    /** Message object replying to */
+    message?: CometChat.BaseMessage;
+    /** Moderation status of the message that is being replied */
+    isMessageModerated?: boolean;
+    /** Text formatters for message bubble */
+    textFormatters?: CometChatTextFormatter[];
+}
+/**
+ * CometChatMessagePreview Component
+ *
+ * A React component that displays a preview of a message that is being replied with a title and subtitle.
+ * @param {CometChatMessagePreviewProps} props - The props for the component.
+ * @returns {JSX.Element} A JSX element displaying the edit preview UI.
+ */
+declare const CometChatMessagePreview: FC<CometChatMessagePreviewProps>;
+
 interface ReactionInfoProps {
     messageObject: CometChat.BaseMessage;
     reaction: string;
@@ -6695,6 +6760,7 @@ interface AIAssistantChatProps {
     user: CometChat.User;
     onBackButtonClicked?: () => void;
     onCloseButtonClicked?: () => void;
+    onSendButtonClick?: (message: CometChat.BaseMessage, previewMessageMode?: PreviewMessageMode) => void;
     showBackButton?: boolean;
     showCloseButton?: boolean;
     headerItemView?: React__default.JSX.Element;
@@ -6804,5 +6870,5 @@ interface CometChatAIAssistantChatHistoryProps {
 }
 declare const CometChatAIAssistantChatHistory: (props: CometChatAIAssistantChatHistoryProps) => react_jsx_runtime.JSX.Element;
 
-export { AuxiliaryButtonAlignment, ButtonAction, CalendarObject, CallButtonConfiguration, CallWorkflow, CallingConfiguration, CallingDetailsUtils, CallingExtension, CallingExtensionDecorator, ChatConfigurator, ChatSdkEventInitializer, CollaborativeDocumentConfiguration, CollaborativeDocumentExtension, CollaborativeDocumentExtensionDecorator, CollaborativeWhiteBoardExtensionDecorator, CollaborativeWhiteboardConfiguration, CollaborativeWhiteboardExtension, CometChatAIAssistantChat, CometChatAIAssistantChatHistory, CometChatAIAssistantMessageBubble, CometChatAIAssistantTools, CometChatActionBubble, CometChatActionSheet, CometChatActions, CometChatActionsIcon, CometChatActionsView, CometChatAudioBubble, CometChatAvatar, CometChatButton, CometChatCallBubble, CometChatCallButtons, CometChatCallEvents, CometChatCallLogs, CometChatChangeScope, CometChatCheckbox, CometChatConfirmDialog, CometChatContextMenu, CometChatConversationEvents, CometChatConversations, CometChatDate, CometChatDeleteBubble, CometChatDocumentBubble, CometChatDropDown, CometChatEditPreview, CometChatEmojiKeyboard, CometChatErrorView, CometChatFileBubble, CometChatFrameProvider, CometChatFullScreenViewer, CometChatGroupEvents, CometChatGroupMembers, CometChatGroups, CometChatImageBubble, CometChatIncomingCall, CometChatList, CometChatListItem, CometChatLocalize, CometChatMediaRecorder, CometChatMentionsFormatter, CometChatMessageBubble, CometChatMessageComposer, CometChatMessageComposerAction, CometChatMessageEvents, CometChatMessageHeader, CometChatMessageInformation, CometChatMessageList, CometChatMessageOption, CometChatMessageTemplate, CometChatOngoingCall, CometChatOption, CometChatOutgoingCall, CometChatPopover, CometChatRadioButton, CometChatReactionInfo, CometChatReactionList, CometChatReactions, CometChatSearch, CometChatSearchBar, CometChatSearchFilter, CometChatSearchScope, CometChatStreamMessageBubble, CometChatTextBubble, CometChatTextFormatter, CometChatTextHighlightFormatter, CometChatThreadHeader, CometChatToast, CometChatUIEvents, CometChatUIKit, CometChatUIKitCalls, CometChatUIKitConstants, CometChatUIKitLoginListener, CometChatUIKitUtility, CometChatUrlsFormatter, CometChatUserEvents, CometChatUserMemberWrapper, CometChatUsers, CometChatUtilityConstants, CometChatVideoBubble, ConversationUtils, DataSource, DataSourceDecorator, DateTimePickerMode, DocumentIconAlignment, ElementType, EnterKeyBehavior, ExtensionsDataSource, GroupMemberUtils, HTTPSRequestMethods, IconButtonAlignment, LabelAlignment, LinkPreviewExtension, LinkPreviewExtensionDecorator, MentionsTargetElement, MentionsVisibility, MessageBubbleAlignment, MessageListAlignment, MessageReceiptUtils, MessageStatus, MessageTranslationExtension, MessageTranslationExtensionDecorator, MessageUtils, MessagesDataSource, MouseEventSource, OutgoingCallConfiguration, PanelAlignment, Placement$1 as Placement, PollsConfiguration, PollsExtension, PollsExtensionDecorator, PreviewMessageMode, Receipts, RecordingType, SelectionMode, States, StickersExtension, StickersExtensionDecorator, StorageUtils, TabAlignment, TabsVisibility, ThumbnailGenerationExtension, ThumbnailGenerationExtensionDecorator, TimestampAlignment, TitleAlignment, UIKitSettings, UIKitSettingsBuilder, UserMemberListType, closeCurrentMediaPlayer, convertMinutesToHoursMinutesSeconds, convertSecondsToHoursMinutesSeconds, createMessageCopy, currentAudioPlayer, currentMediaPlayer, decodeHTML, downloadRecordingFromURL, fireClickEvent, formatDateFromTimestamp, getAIAssistantTools, getCommonDateFormat, getLocalizedString, getStreamSpeed, getThemeMode, getThemeVariable, handleWebsocketMessage, hasLink, hasValidConversationSearchCriteria, hasValidMessageSearchCriteria, isDarkMode, isMessageSentByMe, isMissedCall, isMobileDevice, isMonthDifferent, isSafari, isSentByMe, isURL, messageStream, processFileForAudio, sanitizeCalendarObject, sanitizeHtml, sanitizeHtmlStringToFragment, sanitizeToSpanOnly, setAIAssistantTools, setStreamSpeed, startStreamingMessage, stopStreamingMessage, streamingState$, useCometChatErrorHandler, useCometChatFrameContext, useDebouncedCallback, useRefSync, useStateRef, verifyCallUser };
+export { AuxiliaryButtonAlignment, ButtonAction, CalendarObject, CallButtonConfiguration, CallWorkflow, CallingConfiguration, CallingDetailsUtils, CallingExtension, CallingExtensionDecorator, ChatConfigurator, ChatSdkEventInitializer, CollaborativeDocumentConfiguration, CollaborativeDocumentExtension, CollaborativeDocumentExtensionDecorator, CollaborativeWhiteBoardExtensionDecorator, CollaborativeWhiteboardConfiguration, CollaborativeWhiteboardExtension, CometChatAIAssistantChat, CometChatAIAssistantChatHistory, CometChatAIAssistantMessageBubble, CometChatAIAssistantTools, CometChatActionBubble, CometChatActionSheet, CometChatActions, CometChatActionsIcon, CometChatActionsView, CometChatAudioBubble, CometChatAvatar, CometChatButton, CometChatCallBubble, CometChatCallButtons, CometChatCallEvents, CometChatCallLogs, CometChatChangeScope, CometChatCheckbox, CometChatConfirmDialog, CometChatContextMenu, CometChatConversationEvents, CometChatConversations, CometChatDate, CometChatDeleteBubble, CometChatDocumentBubble, CometChatDropDown, CometChatEditPreview, CometChatEmojiKeyboard, CometChatErrorView, CometChatFileBubble, CometChatFrameProvider, CometChatFullScreenViewer, CometChatGroupEvents, CometChatGroupMembers, CometChatGroups, CometChatImageBubble, CometChatIncomingCall, CometChatList, CometChatListItem, CometChatLocalize, CometChatMediaRecorder, CometChatMentionsFormatter, CometChatMessageBubble, CometChatMessageComposer, CometChatMessageComposerAction, CometChatMessageEvents, CometChatMessageHeader, CometChatMessageInformation, CometChatMessageList, CometChatMessageOption, CometChatMessagePreview, CometChatMessageTemplate, CometChatOngoingCall, CometChatOption, CometChatOutgoingCall, CometChatPopover, CometChatRadioButton, CometChatReactionInfo, CometChatReactionList, CometChatReactions, CometChatSearch, CometChatSearchBar, CometChatSearchFilter, CometChatSearchScope, CometChatStreamMessageBubble, CometChatTextBubble, CometChatTextFormatter, CometChatTextHighlightFormatter, CometChatThreadHeader, CometChatToast, CometChatUIEvents, CometChatUIKit, CometChatUIKitCalls, CometChatUIKitConstants, CometChatUIKitLoginListener, CometChatUIKitUtility, CometChatUrlsFormatter, CometChatUserEvents, CometChatUserMemberWrapper, CometChatUsers, CometChatUtilityConstants, CometChatVideoBubble, ConversationUtils, DataSource, DataSourceDecorator, DateTimePickerMode, DocumentIconAlignment, ElementType, EnterKeyBehavior, ExtensionsDataSource, GroupMemberUtils, HTTPSRequestMethods, IconButtonAlignment, LabelAlignment, LinkPreviewExtension, LinkPreviewExtensionDecorator, MentionsTargetElement, MentionsVisibility, MessageBubbleAlignment, MessageListAlignment, MessageReceiptUtils, MessageStatus, MessageTranslationExtension, MessageTranslationExtensionDecorator, MessageUtils, MessagesDataSource, MouseEventSource, OutgoingCallConfiguration, PanelAlignment, Placement$1 as Placement, PollsConfiguration, PollsExtension, PollsExtensionDecorator, PreviewMessageMode, Receipts, RecordingType, SelectionMode, States, StickersExtension, StickersExtensionDecorator, StorageUtils, TabAlignment, TabsVisibility, ThumbnailGenerationExtension, ThumbnailGenerationExtensionDecorator, TimestampAlignment, TitleAlignment, UIKitSettings, UIKitSettingsBuilder, UserMemberListType, closeCurrentMediaPlayer, convertMinutesToHoursMinutesSeconds, convertSecondsToHoursMinutesSeconds, createMessageCopy, currentAudioPlayer, currentMediaPlayer, decodeHTML, downloadRecordingFromURL, fireClickEvent, formatDateFromTimestamp, getAIAssistantTools, getCommonDateFormat, getLocalizedString, getStreamSpeed, getThemeMode, getThemeVariable, handleWebsocketMessage, hasLink, hasValidConversationSearchCriteria, hasValidMessageSearchCriteria, isDarkMode, isMessageSentByMe, isMissedCall, isMobileDevice, isMonthDifferent, isSafari, isSentByMe, isURL, messageStream, processFileForAudio, sanitizeCalendarObject, sanitizeHtml, sanitizeHtmlStringToFragment, sanitizeToSpanOnly, setAIAssistantTools, setStreamSpeed, startStreamingMessage, stopStreamingMessage, streamingState$, useCometChatErrorHandler, useCometChatFrameContext, useDebouncedCallback, useRefSync, useStateRef, verifyCallUser };
 export type { IActiveChatChanged, IDialog, IGroupLeft, IGroupMemberAdded, IGroupMemberJoined, IGroupMemberKickedBanned, IGroupMemberScopeChanged, IGroupMemberUnBanned, IMentionsCountWarning, IMessages, IModal, IMouseEvent, IOpenChat, IOwnershipChanged, IPanel, IShowOngoingCall, IStreamData, LocalizationSettings, PollOptions };