@cometchat/chat-uikit-react 6.3.5 → 6.3.7

package/dist/assets/file_unsupported.svg

@@ -0,0 +1,3 @@
+<svg width="22" height="27" viewBox="0 0 22 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.5996 6.66895V24.5361C21.5995 25.7142 20.6449 26.6689 19.4668 26.6689H2.13379C0.955654 26.6689 0.000105137 25.7142 0 24.5361V2.13574C0.000106552 0.957623 0.955645 0.00292969 2.13379 0.00292969H14.9336L21.5996 6.66895ZM10.1338 19V20.333H11.4668V19H10.1338ZM10.8672 9.66699C10.4005 9.66699 9.99961 9.73291 9.59961 9.86621C9.13322 9.9996 8.79999 10.2 8.4668 10.5332C8.1335 10.7999 7.8667 11.1335 7.7334 11.4668C7.60002 11.8002 7.4668 12.3334 7.4668 13H8.7998C8.79982 11.6667 9.46671 10.7335 10.7998 10.7334C11.3998 10.7334 11.8669 10.9333 12.2002 11.2666C12.5336 11.6 12.7334 11.9337 12.7334 12.4004C12.7333 12.8668 12.6001 13.2004 12.4668 13.4004C12.3334 13.6004 11.9996 13.9339 11.5332 14.4004C11.0667 14.8668 10.8669 15.2003 10.667 15.4668C10.4671 15.7334 10.3333 15.9998 10.2666 16.333C10.1999 16.6663 10.1338 17.0004 10.1338 17.667H11.4668C11.4668 17.0004 11.3998 16.7999 11.5332 16.5332C11.6665 16.2665 11.7336 15.9998 11.9336 15.7998C12.1335 15.5998 12.334 15.2663 12.8672 14.7998C13.4003 14.3332 13.7339 13.9328 13.8672 13.5996C14.0004 13.2664 14.1338 12.933 14.1338 12.5332C14.1338 11.6666 13.8001 11.0001 13.2002 10.4668C12.5337 9.93357 11.8003 9.66707 10.8672 9.66699Z" fill="#CCCCCC"/>
+</svg>

package/dist/assets/mark_unread.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="M6.0385 17.4997L4.0365 19.5015C3.752 19.7861 3.42475 19.8506 3.05475 19.695C2.68492 19.5391 2.5 19.2586 2.5 18.8535V4.30747C2.5 3.8023 2.675 3.37472 3.025 3.02472C3.375 2.67472 3.80258 2.49972 4.30775 2.49972H13.4808C13.6936 2.49972 13.8734 2.57472 14.0203 2.72472C14.1671 2.87472 14.2372 3.05614 14.2308 3.26897C14.2244 3.4753 14.1494 3.64872 14.0057 3.78922C13.8622 3.92955 13.6873 3.99972 13.4808 3.99972H4.30775C4.23075 3.99972 4.16025 4.0318 4.09625 4.09597C4.03208 4.15997 4 4.23047 4 4.30747V17.3845L5.4 15.9997H19.6923C19.7693 15.9997 19.8398 15.9676 19.9038 15.9035C19.9679 15.8395 20 15.769 20 15.692V8.97097C20 8.75814 20.0718 8.57989 20.2155 8.43622C20.359 8.29272 20.5372 8.22097 20.75 8.22097C20.9628 8.22097 21.141 8.29272 21.2845 8.43622C21.4282 8.57989 21.5 8.75814 21.5 8.97097V15.692C21.5 16.1971 21.325 16.6247 20.975 16.9747C20.625 17.3247 20.1974 17.4997 19.6923 17.4997H6.0385ZM19 6.23047C18.2372 6.23047 17.5882 5.96289 17.053 5.42772C16.5177 4.89239 16.25 4.2433 16.25 3.48047C16.25 2.71764 16.5177 2.06864 17.053 1.53347C17.5882 0.998135 18.2372 0.730469 19 0.730469C19.7628 0.730469 20.4118 0.998135 20.947 1.53347C21.4823 2.06864 21.75 2.71764 21.75 3.48047C21.75 4.2433 21.4823 4.89239 20.947 5.42772C20.4118 5.96289 19.7628 6.23047 19 6.23047ZM4 4.30747V16.692V3.99972V4.30747Z" fill="#A1A1A1"/>
+</svg>

package/dist/index.d.ts

@@ -1428,6 +1428,7 @@ interface additionalParamsOptions {
     hideDeleteMessageOption?: boolean;
     hideMessagePrivatelyOption?: boolean;
     hideCopyMessageOption?: boolean;
+    hideMarkAsUnreadOption?: boolean;
     hideMessageInfoOption?: boolean;
     hideFlagMessageOption?: boolean;
 }
@@ -1440,6 +1441,7 @@ declare class MessagesDataSource implements DataSource {
     getSendMessagePrivatelyOption(): CometChatActionsIcon;
     getCopyOption(): CometChatActionsIcon;
     getMessageInfoOption(): CometChatActionsIcon;
+    getMarkAsUnreadOption(): 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>;
@@ -1509,7 +1511,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): 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;
@@ -2300,17 +2302,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): 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;
+    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;
     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): 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;
+    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;
@@ -2330,32 +2332,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): 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> {
@@ -2910,7 +2912,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.
@@ -3004,7 +3006,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.
      *
@@ -3349,7 +3351,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.
@@ -3360,7 +3362,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 {
@@ -4488,6 +4490,11 @@ interface MessageListProps {
      * @default false
      */
     hideMessageInfoOption?: boolean;
+    /**
+     * Shows the option to mark messages as unread.
+     * @default false
+     */
+    showMarkAsUnreadOption?: boolean;
     /**
      * Hides avatars for messages.
      * @default false
@@ -4498,6 +4505,11 @@ interface MessageListProps {
      * @default false
      */
     hideGroupActionMessages?: boolean;
+    /**
+     * If set to true, the message list will start from unread messages.
+     * @default false
+     */
+    startFromUnreadMessages?: boolean;
     /**
      * Unique identifier of the parent message for displaying threaded conversations.
      */
@@ -4538,7 +4550,7 @@ interface MessageListProps {
     scrollToBottomOnNewMessages?: boolean;
     /**
      * Specifies how many message options are visible in the main menu by default.
-     * @default 2
+     * @default 3
      */
     quickOptionsCount?: number;
     /**
@@ -4946,6 +4958,7 @@ declare class CometChatUIKitConstants {
         translateMessage: "translate";
         reactToMessage: "react";
         messageInformation: "messageInformation";
+        markAsUnread: "markAsUnread";
         flagMessage: "flagMessage";
         copyMessage: "copy";
         shareMessage: "share";
@@ -5149,6 +5162,8 @@ declare class CometChatCallEvents {
  */
 declare class CometChatConversationEvents {
     static ccConversationDeleted: Subject<CometChat.Conversation>;
+    static ccUpdateConversation: Subject<CometChat.Conversation>;
+    static ccMarkConversationAsRead: Subject<CometChat.Conversation>;
     /**
       * Publishes a conversation event.
       * @param {Subject<CometChat.Conversation>} event - The event to publish.