@cometchat/chat-uikit-react 6.3.5 → 6.3.7

package/dist/styles/CometChatConversations.css

@@ -238,6 +238,13 @@ box-sizing: border-box;
   mask-size: contain;
 }
 
+.cometchat-conversations__subtitle-icon-unsupported {
+  -webkit-mask: url("../../assets/file_unsupported.svg") center center no-repeat;
+  mask: url("../../assets/file_unsupported.svg") center center no-repeat;
+  -webkit-mask-size: contain;
+  mask-size: contain;
+}
+
 .cometchat-conversations__subtitle-icon-thread {
   -webkit-mask: url("../../assets/conversations_thread.svg") center center no-repeat;
   mask: url("../../assets/conversations_thread.svg") center center no-repeat;

package/dist/styles/CometChatMessageBubble.css

@@ -16,6 +16,18 @@
     width: 100%;
     margin-bottom: 5px;
 }
+
+.cometchat-message-bubble .cometchat-menu-list__sub-menu-list{
+    height: auto;
+    max-height: 216px;
+    overflow: auto;
+}
+
+.cometchat-message-bubble .cometchat-menu-list__sub-menu-list::-webkit-scrollbar,
+.cometchat-message-bubble .cometchat-menu-list__sub-menu-list::-webkit-scrollbar-thumb {
+    display: none;
+}
+
 .cometchat-message-bubble .cometchat-reactions{
     width: 100%;
     margin-top: -4px;

package/dist/styles/CometChatMessageList.css

@@ -753,6 +753,27 @@
     max-height: 100%;
 }
 
+.cometchat-message-list__new-message-divider {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--cometchat-spacing-4);
+    width: 100%;
+    padding: var(--cometchat-margin-4) var(--cometchat-spacing-7);
+}
+
+.cometchat-message-list__new-message-divider span{
+    text-wrap: nowrap;
+    font: var(--cometchat-font-body-medium);
+    color: var(--cometchat-error-color);
+}
+
+.cometchat-message-list__new-message-divider div {
+    width: 100%;
+    height: 1px;
+    background-color: var(--cometchat-error-color);
+}
+
 @keyframes backgroundFade {
     0% { background-color: var(--cometchat-extended-primary-color-200); }
     50% { background-color: var(--cometchat-extended-primary-color-100); }

package/dist/styles/CometChatMessagePreview.css

@@ -270,6 +270,13 @@
     mask-size: contain;
   }
   
+  .cometchat-message-preview__subtitle-icon-unsupported {
+    -webkit-mask: url("../../assets/file_unsupported.svg") center center no-repeat;
+    mask: url("../../assets/file_unsupported.svg") center center no-repeat;
+    -webkit-mask-size: contain;
+    mask-size: contain;
+  }
+  
   .cometchat-message-preview__subtitle-icon-none {
     display: none;
   }

package/dist/styles/CometChatModerationView.css

@@ -22,4 +22,5 @@
     color: var(--cometchat-error-color, #F44649);
     text-align: left;
     font: var(--cometchat-font-body-regular);
+    margin: 0;
 }

package/dist/styles/components/CometChatConversations.css

@@ -238,6 +238,13 @@ box-sizing: border-box;
   mask-size: contain;
 }
 
+.cometchat-conversations__subtitle-icon-unsupported {
+  -webkit-mask: url("../../assets/file_unsupported.svg") center center no-repeat;
+  mask: url("../../assets/file_unsupported.svg") center center no-repeat;
+  -webkit-mask-size: contain;
+  mask-size: contain;
+}
+
 .cometchat-conversations__subtitle-icon-thread {
   -webkit-mask: url("../../assets/conversations_thread.svg") center center no-repeat;
   mask: url("../../assets/conversations_thread.svg") center center no-repeat;

package/dist/styles/components/CometChatMessageBubble.css

@@ -16,6 +16,18 @@
     width: 100%;
     margin-bottom: 5px;
 }
+
+.cometchat-message-bubble .cometchat-menu-list__sub-menu-list{
+    height: auto;
+    max-height: 216px;
+    overflow: auto;
+}
+
+.cometchat-message-bubble .cometchat-menu-list__sub-menu-list::-webkit-scrollbar,
+.cometchat-message-bubble .cometchat-menu-list__sub-menu-list::-webkit-scrollbar-thumb {
+    display: none;
+}
+
 .cometchat-message-bubble .cometchat-reactions{
     width: 100%;
     margin-top: -4px;

package/dist/styles/components/CometChatMessageList.css

@@ -753,6 +753,27 @@
     max-height: 100%;
 }
 
+.cometchat-message-list__new-message-divider {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--cometchat-spacing-4);
+    width: 100%;
+    padding: var(--cometchat-margin-4) var(--cometchat-spacing-7);
+}
+
+.cometchat-message-list__new-message-divider span{
+    text-wrap: nowrap;
+    font: var(--cometchat-font-body-medium);
+    color: var(--cometchat-error-color);
+}
+
+.cometchat-message-list__new-message-divider div {
+    width: 100%;
+    height: 1px;
+    background-color: var(--cometchat-error-color);
+}
+
 @keyframes backgroundFade {
     0% { background-color: var(--cometchat-extended-primary-color-200); }
     50% { background-color: var(--cometchat-extended-primary-color-100); }

package/dist/styles/components/CometChatMessagePreview.css

@@ -270,6 +270,13 @@
     mask-size: contain;
   }
   
+  .cometchat-message-preview__subtitle-icon-unsupported {
+    -webkit-mask: url("../../assets/file_unsupported.svg") center center no-repeat;
+    mask: url("../../assets/file_unsupported.svg") center center no-repeat;
+    -webkit-mask-size: contain;
+    mask-size: contain;
+  }
+  
   .cometchat-message-preview__subtitle-icon-none {
     display: none;
   }

package/dist/styles/components/CometChatModerationView.css

@@ -22,4 +22,5 @@
     color: var(--cometchat-error-color, #F44649);
     text-align: left;
     font: var(--cometchat-font-body-regular);
+    margin: 0;
 }

package/dist/types/components/CometChatConversations/CometChatConversations.d.ts

@@ -224,6 +224,9 @@ export type Action = {
 } | {
     type: "resetUnreadCountAndSetReadAtIfLastMessage";
     message: CometChat.BaseMessage;
+} | {
+    type: "resetUnreadCount";
+    conversation: CometChat.Conversation;
 } | {
     type: "setLastMessageReadOrDeliveredAt";
     updateReadAt: boolean;
@@ -234,6 +237,9 @@ export type Action = {
 } | {
     type: "setIsFirstReload";
     isFirstReload: boolean;
+} | {
+    type: "updateConversation";
+    conversation: CometChat.Conversation;
 };
 /**
  * Renders a scrollable list of conversations that has been created in a CometChat app

package/dist/types/components/CometChatMessageList/CometChatMessageList.d.ts

@@ -87,6 +87,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
@@ -97,6 +102,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.
      */
@@ -137,7 +147,7 @@ interface MessageListProps {
     scrollToBottomOnNewMessages?: boolean;
     /**
      * Specifies how many message options are visible in the main menu by default.
-     * @default 2
+     * @default 3
      */
     quickOptionsCount?: number;
     /**

package/dist/types/components/CometChatMessageList/CometChatMessageListController.d.ts

@@ -32,6 +32,12 @@ export declare class MessageListManager {
     * @returns {Promise}
     */
     fetchPreviousMessages: () => Promise<CometChat.BaseMessage[] | []> | undefined;
+    /**
+     * Function to get the limit set in the messagesRequestBuilder.
+     *
+     * @returns {number | undefined}
+     */
+    getLimit: () => number | undefined;
     /**
      * Function to attach the group and call listeners for a particular user/group. This listener is attached when the chat is opened and is removed once the chat is closed or when switching to a new chat, where it creates a new listener for the particular chat.
      *

package/dist/types/components/CometChatSearch/useCometChatSearchConversationsList.d.ts

@@ -184,6 +184,9 @@ export type Action = {
 } | {
     type: "resetUnreadCountAndSetReadAtIfLastMessage";
     message: CometChat.BaseMessage;
+} | {
+    type: "resetUnreadCount";
+    conversation: CometChat.Conversation;
 } | {
     type: "setLastMessageReadOrDeliveredAt";
     updateReadAt: boolean;
@@ -191,6 +194,9 @@ export type Action = {
 } | {
     type: "setHasMoreResults";
     hasMoreResults: boolean;
+} | {
+    type: "updateConversation";
+    conversation: CometChat.Conversation;
 };
 /**
  * Hook for managing and rendering a list of conversations in the search component

package/dist/types/constants/CometChatUIKitConstants.d.ts

@@ -59,6 +59,7 @@ export declare class CometChatUIKitConstants {
         translateMessage: "translate";
         reactToMessage: "react";
         messageInformation: "messageInformation";
+        markAsUnread: "markAsUnread";
         flagMessage: "flagMessage";
         copyMessage: "copy";
         shareMessage: "share";

package/dist/types/events/CometChatConversationEvents.d.ts

@@ -4,6 +4,8 @@ import { Subject } from 'rxjs';
  */
 export 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.

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

@@ -25,6 +25,7 @@ export interface additionalParamsOptions {
     hideDeleteMessageOption?: boolean;
     hideMessagePrivatelyOption?: boolean;
     hideCopyMessageOption?: boolean;
+    hideMarkAsUnreadOption?: boolean;
     hideMessageInfoOption?: boolean;
     hideFlagMessageOption?: boolean;
 }
@@ -37,6 +38,7 @@ export 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>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cometchat/chat-uikit-react",
-  "version": "6.3.5",
+  "version": "6.3.7",
   "description": "Ready-to-use Chat UI Components for React(Javascript/Web)",
   "author": "CometChat",
   "exports": {
@@ -8,7 +8,7 @@
     "./css-variables.css": "./dist/styles/css-variables.css"
   },
   "dependencies": {
-    "@cometchat/chat-sdk-javascript": "^4.1.5",
+    "@cometchat/chat-sdk-javascript": "^4.1.6",
     "@rollup/plugin-json": "^6.1.0",
     "rxjs": "^7.8.1",
     "react-markdown": "^10.1.0",