@cometchat/chat-uikit-react 6.3.4 → 6.3.5

package/dist/assets/warning_neutral.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9982 16.918C12.2447 16.918 12.4485 16.8384 12.6095 16.6792C12.7706 16.5201 12.8512 16.3172 12.8512 16.0707C12.8512 15.8244 12.7716 15.6206 12.6125 15.4595C12.4533 15.2985 12.2506 15.218 12.0042 15.218C11.7577 15.218 11.554 15.2976 11.393 15.4567C11.2318 15.6159 11.1512 15.8186 11.1512 16.065C11.1512 16.3113 11.2308 16.5151 11.39 16.6762C11.5491 16.8374 11.7519 16.918 11.9982 16.918ZM12.0625 13.118C12.2828 13.118 12.4693 13.0409 12.622 12.8867C12.7748 12.7326 12.8512 12.5443 12.8512 12.322V7.75547C12.8512 7.53964 12.7736 7.35439 12.6185 7.19972C12.4633 7.04522 12.2774 6.96797 12.0607 6.96797C11.8377 6.96797 11.6498 7.04522 11.497 7.19972C11.3443 7.35439 11.268 7.53964 11.268 7.75547V12.322C11.268 12.5443 11.3453 12.7326 11.5 12.8867C11.6546 13.0409 11.8421 13.118 12.0625 13.118ZM12.0067 21.8345C10.6494 21.8345 9.37347 21.5754 8.17897 21.0572C6.98447 20.5389 5.94305 19.8347 5.05472 18.9447C4.16622 18.0546 3.46297 17.0128 2.94497 15.8195C2.42697 14.626 2.16797 13.3508 2.16797 11.994C2.16797 10.6356 2.42705 9.35889 2.94522 8.16372C3.46355 6.96839 4.16772 5.92789 5.05772 5.04222C5.94789 4.15655 6.98964 3.45605 8.18297 2.94072C9.37647 2.42555 10.6516 2.16797 12.0085 2.16797C13.3668 2.16797 14.6436 2.42639 15.839 2.94322C17.0343 3.45989 18.0748 4.16122 18.9605 5.04722C19.846 5.93322 20.5464 6.9738 21.0617 8.16897C21.5769 9.36414 21.8345 10.6397 21.8345 11.9957C21.8345 13.3531 21.5767 14.629 21.0612 15.8235C20.5457 17.018 19.8444 18.0584 18.9572 18.9447C18.0699 19.8311 17.0286 20.5343 15.8335 21.0545C14.6383 21.5745 13.3627 21.8345 12.0067 21.8345ZM12.009 20.2512C14.2955 20.2512 16.2408 19.4466 17.845 17.8372C19.4491 16.2279 20.2512 14.28 20.2512 11.9935C20.2512 9.70697 19.4504 7.76164 17.8487 6.15747C16.2469 4.5533 14.2979 3.75122 12.0017 3.75122C9.72089 3.75122 7.77555 4.55205 6.16572 6.15372C4.55605 7.75555 3.75122 9.70455 3.75122 12.0007C3.75122 14.2816 4.55589 16.2269 6.16522 17.8367C7.77455 19.4464 9.72247 20.2512 12.009 20.2512Z" fill="#A1A1A1"/>
+</svg>

package/dist/index.d.ts

@@ -338,7 +338,7 @@ interface MentionsProps {
      * @param user - The clicked user (CometChat.User) or group member (CometChat.GroupMember)
      * @returns void
      */
-    onItemClick?: (user: CometChat.User | CometChat.GroupMember) => void;
+    onItemClick?: (user: CometChat.User | CometChat.GroupMember | null) => void;
     /**
      * A custom view to render each user or group member item in the list.
      *
@@ -386,6 +386,20 @@ interface MentionsProps {
      * @defaultValue `false`
      */
     showScrollbar?: boolean;
+    /**
+     * Disables the mentions functionality in the message composer.
+     * @defaultValue `false`
+     */
+    disableMentions?: boolean;
+    /**
+     * Boolean to show or hide '@all' mention option in the mentions list.
+     * @defaultValue `false`
+     */
+    disableMentionAll?: boolean;
+    /** The mentionAll label for the app used to render "@all" mentions
+     * @defaultValue "all"
+    */
+    mentionAllLabel?: string;
 }
 declare function CometChatUserMemberWrapper(props: MentionsProps): react_jsx_runtime.JSX.Element;
 
@@ -1415,6 +1429,7 @@ interface additionalParamsOptions {
     hideMessagePrivatelyOption?: boolean;
     hideCopyMessageOption?: boolean;
     hideMessageInfoOption?: boolean;
+    hideFlagMessageOption?: boolean;
 }
 declare class MessagesDataSource implements DataSource {
     getEditOption(): CometChatActionsIcon;
@@ -1425,6 +1440,7 @@ declare class MessagesDataSource implements DataSource {
     getSendMessagePrivatelyOption(): CometChatActionsIcon;
     getCopyOption(): CometChatActionsIcon;
     getMessageInfoOption(): CometChatActionsIcon;
+    getReportOption(): CometChatActionsIcon;
     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;
@@ -1493,7 +1509,7 @@ declare class MessagesDataSource implements DataSource {
     }): Array<string>;
     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): JSX$1.Element | Element;
+    getTextMessageContentView(message: CometChat.TextMessage, _alignment: MessageBubbleAlignment, additionalConfigurations?: additionalParams): Element | JSX$1.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;
@@ -1729,9 +1745,10 @@ declare abstract class CometChatTextFormatter {
      * @param {string|null} inputText - The text to format.
      * @return {string|void} - The original or formatted input text, or void if editing was done based on cursor position.
      */
-    getFormattedText(inputText: string | null, params: {
+    getFormattedText(inputText: string, params: {
         mentionsTargetElement: MentionsTargetElement;
     }): string | void;
+    getFormattedTextForEntity(entity: any): void;
     /**
      * Sets the message object.
      *
@@ -1777,7 +1794,7 @@ declare abstract class CometChatTextFormatter {
      * @param {string|null} inputText - The text to apply regex match.
      * @return {string} - The replaced text.
      */
-    protected onRegexMatch(inputText?: string | null): string;
+    protected onRegexMatch(inputText?: string | null, entity?: any): string;
     /**
      * Debounce function.
      * @param {Function} func - The function to debounce.
@@ -1846,6 +1863,7 @@ declare class CometChatMentionsFormatter extends CometChatTextFormatter {
      * List of users for mentions.
      */
     private cometChatUserGroupMembers;
+    private mentionedChannels;
     /**
      * Mapping of CSS classes for mentions.
      */
@@ -1944,6 +1962,20 @@ declare class CometChatMentionsFormatter extends CometChatTextFormatter {
      */
     setCometChatUserGroupMembers(CometChatUserGroupMembers: Array<CometChat.User | CometChat.GroupMember>): void;
     resetCometChatUserGroupMembers(): void;
+    /**
+     * Retrieves the mentioned channels.
+     * @returns {string[]} - The current mentioned channels.
+     */
+    getCometChatMentionedChannels(): string[];
+    /**
+     * Sets the mentioned channels.
+     * @param {string[]} mentionAllLabels - The mentionAll labels to be set as mentioned channels.
+     */
+    setCometChatMentionedChannels(mentionAllLabels: string[]): void;
+    /**
+     * Resets the mentioned channels.
+     */
+    resetCometChatMentionedChannels(): void;
     /**
      * Sets the callback function for handling key down events.
      *
@@ -1968,12 +2000,13 @@ declare class CometChatMentionsFormatter extends CometChatTextFormatter {
     stopTracking(): void;
     /**
      * Formats the input text if provided, otherwise edits the text at the cursor position.
-     * @param {string|null} inputText - The input text to be formatted.
+     * @param {string} inputText - The input text to be formatted.
      * @returns {string|void} - The formatted input text, or void if inputText is not provided.
      */
-    getFormattedText(inputText: string | null, params?: {
+    getFormattedText(inputText: string, params?: {
         mentionsTargetElement: MentionsTargetElement;
     }): string | void;
+    getFormattedTextForEntity(entity: CometChat.User | CometChat.GroupMember | string): void;
     /**
      * This function adds the mention span to the input text.
      * @param {string} inputText - The input text where the span needs to be added.
@@ -2023,12 +2056,13 @@ declare class CometChatMentionsFormatter extends CometChatTextFormatter {
      */
     protected addAtCaretPosition(newHtml: string, currentCaretPosition: Selection, currentRange: Range): void;
     /**
-     * Matches the regex with the given inputText and replaces the matched text with respective spans
+     * Matches the regex with the given inputText and replaces the matched text with respective spans of the provided entity
      *
-     * @param {string | null} inputText - The text in which the regex patterns needs to be matched
+     * @param {string} inputText - The text in which the regex patterns needs to be matched
+     * @param {CometChat.User | CometChat.GroupMember | string} entity - The entity to be used for replacing the matched text
      * @return {string} - The text after replacing the matched text with spans
      */
-    onRegexMatch(inputText?: string | null): string;
+    onRegexMatch(inputText: string, entity: CometChat.User | CometChat.GroupMember | string): string;
     /**
      * Retrieves the original text after replacing mentions span with UIDs
      *
@@ -2266,17 +2300,17 @@ 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): 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;
-    getFooterView(message: CometChat.BaseMessage): JSX$1.Element | Element | null;
+    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;
+    getReplyView(message: CometChat.BaseMessage, alignment: MessageBubbleAlignment, onReplyPreviewClick?: (messageToReply: CometChat.BaseMessage) => void, textFormatters?: CometChatTextFormatter[]): Element | JSX$1.Element | null;
+    getFooterView(message: CometChat.BaseMessage): Element | JSX$1.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;
+    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;
     getTextMessageTemplate(additionalConfigurations?: Object | undefined): CometChatMessageTemplate;
     getAgentAssistantMessageTemplate(additionalConfigurations?: Object | undefined): CometChatMessageTemplate;
     getToolArgumentsMessageTemplate(additionalConfigurations?: Object | undefined): CometChatMessageTemplate;
@@ -2296,32 +2330,32 @@ declare abstract class DataSourceDecorator implements DataSource {
     getAllMessageCategories(additionalConfigurations?: Object | undefined): string[];
     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): 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;
+    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;
     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): JSX$1.Element | Element;
-    getSchedulerMessageContentView(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): JSX$1.Element | Element;
-    getCardMessageContentView(message: CometChat.InteractiveMessage, alignment: MessageBubbleAlignment): JSX$1.Element | Element;
+    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;
     getFormMessageTemplate(): CometChatMessageTemplate;
     getSchedulerMessageTemplate(): CometChatMessageTemplate;
     getCardMessageTemplate(): CometChatMessageTemplate;
-    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;
+    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;
 }
 
 interface ListProps<T> {
@@ -2876,7 +2910,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): react_jsx_runtime.JSX.Element | Element;
+    getTextMessageContentView(message: CometChat.TextMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: any): Element | React__default.JSX.Element;
     /**
      * Retrieves the style for the link preview wrapper.
      * @returns {object} The style object for the link preview wrapper.
@@ -2970,7 +3004,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): react_jsx_runtime.JSX.Element | Element;
+    getTextMessageContentView(message: CometChat.TextMessage, alignment: MessageBubbleAlignment, additionalConfigurations?: any): Element | React.JSX.Element;
     /**
      * Checks if an option with the specified ID already exists in the options list.
      *
@@ -3315,7 +3349,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): React.JSX.Element | Element;
+    getImageMessageBubble(imageUrl: string, placeholderImage: string, message: CometChat.MediaMessage, onClick?: Function): Element | React.JSX.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.
@@ -3326,7 +3360,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): React.JSX.Element | Element;
+    getVideoMessageBubble(videoUrl: string, message: CometChat.MediaMessage, thumbnailUrl?: string, onClick?: Function): Element | React.JSX.Element;
 }
 
 declare class CallingExtensionDecorator extends DataSourceDecorator {
@@ -4229,6 +4263,15 @@ interface MessageComposerProps {
    * @defaultValue ""
    */
     placeholderText?: string;
+    /**
+     * Boolean to show or hide "@all" mention functionality in group chats.
+      * @defaultValue `false`
+    */
+    disableMentionAll?: boolean;
+    /** The mentionAll label for the app used to render "@all" mentions
+     * @defaultValue "all"
+    */
+    mentionAllLabel?: string;
     /**
      * Custom request builder for mentions user list.
      * @defaultValue `undefined` - Uses default internal request builder.
@@ -4598,6 +4641,16 @@ interface MessageListProps {
       * @defaultValue `false`
     */
     isAgentChat?: boolean;
+    /**
+     * hides the "Flag Message" option from message actions menu
+     * @defaultValue `false`
+     */
+    hideFlagMessageOption?: boolean;
+    /**
+     * hides the remark text area in the flag dialog
+     * @defaultValue `false`
+     */
+    hideFlagRemarkField?: boolean;
 }
 declare const CometChatMessageList: (props: MessageListProps) => react_jsx_runtime.JSX.Element;
 
@@ -4803,6 +4856,35 @@ interface MessageInformationProps {
 }
 declare const CometChatMessageInformation: (props: MessageInformationProps) => react_jsx_runtime.JSX.Element;
 
+interface CometChatFlagMessageDialogProps {
+    message: CometChat.BaseMessage;
+    /**
+     * Callback triggered when the dialog is closed.
+     * @returns void
+     */
+    onClose?: () => void;
+    /**
+     * Callback triggered when an error occurs when trying to flag a message.
+     * @param error - An instance of `CometChat.CometChatException` representing the error.
+     * @returns void
+     */
+    onError?: ((error: CometChat.CometChatException) => void) | null;
+    /**
+     * Callback triggered when the flag report is submitted.
+     * @param messageId - ID of the message being flagged.
+     * @param reasonId - ID of the reason for flagging the message.
+     * @param remark - Optional remark provided by the user.
+     * @returns A promise that resolves to a boolean indicating the success of the flagging operation.
+     */
+    onSubmit?: (messageId: string, reasonId: string, remark?: string) => Promise<boolean>;
+    /**
+     * Boolean to hide the remark input field.
+     * @defaultValue `false`
+     */
+    hideFlagRemarkField?: boolean;
+}
+declare const CometChatFlagMessageDialog: (props: CometChatFlagMessageDialogProps) => react_jsx_runtime.JSX.Element;
+
 declare class CometChatUIKitConstants {
     static MessageCategory: Readonly<{
         message: string;
@@ -4864,6 +4946,7 @@ declare class CometChatUIKitConstants {
         translateMessage: "translate";
         reactToMessage: "react";
         messageInformation: "messageInformation";
+        flagMessage: "flagMessage";
         copyMessage: "copy";
         shareMessage: "share";
         forwardMessage: "forward";
@@ -6912,5 +6995,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, 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, createMessageCopyFromBaseMessage, currentAudioPlayer, currentMediaPlayer, decodeHTML, downloadRecordingFromURL, emitStreamingState, fireClickEvent, formatDateFromTimestamp, getAIAssistantTools, getCommonDateFormat, getLocalizedString, getStreamSpeed, getThemeMode, getThemeVariable, handleWebsocketMessage, hasLink, hasValidConversationSearchCriteria, hasValidMessageSearchCriteria, isDarkMode, isMessageSentByMe, isMissedCall, isMobileDevice, isMonthDifferent, isSafari, isSentByMe, isURL, messageStream, processFileForAudio, sanitizeCalendarObject, sanitizeHtmlStringToFragment, setAIAssistantTools, setStreamSpeed, shouldShowCustomMimeTypes, 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, CometChatFlagMessageDialog, 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, createMessageCopyFromBaseMessage, currentAudioPlayer, currentMediaPlayer, decodeHTML, downloadRecordingFromURL, emitStreamingState, fireClickEvent, formatDateFromTimestamp, getAIAssistantTools, getCommonDateFormat, getLocalizedString, getStreamSpeed, getThemeMode, getThemeVariable, handleWebsocketMessage, hasLink, hasValidConversationSearchCriteria, hasValidMessageSearchCriteria, isDarkMode, isMessageSentByMe, isMissedCall, isMobileDevice, isMonthDifferent, isSafari, isSentByMe, isURL, messageStream, processFileForAudio, sanitizeCalendarObject, sanitizeHtmlStringToFragment, setAIAssistantTools, setStreamSpeed, shouldShowCustomMimeTypes, 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 };