@cometchat/chat-uikit-react 6.0.6 → 6.1.0

package/dist/styles/components/CometChatThreadHeader.css

@@ -21,18 +21,33 @@
     background: var(--cometchat-background-color-01, #FFF);
 }
 
-.cometchat-thread-header__top-bar-title {
+.cometchat-thread-header__top-bar-title-container {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
     flex: 1 0 0;
     overflow: hidden;
+}
+
+.cometchat-thread-header__top-bar-title {
     color: var(--cometchat-text-color-primary, #141414);
     text-overflow: ellipsis;
     font: var(--cometchat-font-heading3-bold, 700 20px Roboto);
 }
 
+.cometchat-thread-header__top-bar-subtitle-text{
+    color: var(--cometchat-text-color-secondary, #727272);
+    font: var(--cometchat-font-caption1-regular, 400 12px Roboto);
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+}
+
+.cometchat-thread-header__top-bar-subtitle-text-clickable {
+    cursor: pointer;
+}
+
 .cometchat-thread-header__top-bar-close {
     display: flex;
     width: 24px;
@@ -102,8 +117,8 @@
     flex: 1 0 0;
 }
 
-.cometchat-thread-header__message::-webkit-scrollbar,
-.cometchat-thread-header__message::-webkit-scrollbar-thumb {
+.cometchat-thread-header-hide-scrollbar .cometchat-thread-header__message::-webkit-scrollbar,
+.cometchat-thread-header-hide-scrollbar .cometchat-thread-header__message::-webkit-scrollbar-thumb {
     display: none;
 }
 

package/dist/styles/components/StickersKeyboard.css

@@ -77,26 +77,6 @@
   cursor: pointer;
 }
 
-.cometchat-sticker-keyboard__tabs::-webkit-scrollbar {
-  background: transparent;
-  height: 0px;
-  width: 0px;
-}
-
-.cometchat-sticker-keyboard__tabs::-webkit-scrollbar-thumb {
-  background: rgb(232, 229, 229);
-  border-radius: 8px;
-}
-
-.cometchat-sticker-keyboard__list::-webkit-scrollbar {
-  background: transparent;
-  width: 0px;
-}
-
-.cometchat-sticker-keyboard__list::-webkit-scrollbar-thumb {
-  background: rgb(232, 229, 229);
-  border-radius: 8px;
-}
 
 
 

package/dist/styles/components/index.css

@@ -54,6 +54,7 @@
 @import url('./CometChatOngoingCall.css');
 @import url('./CometChatThreadHeader.css');
 @import url('./CometChatToast.css');
+@import url('./CometChatSearch.css');
 
 .cometchat * {
     box-sizing: border-box;
@@ -109,4 +110,8 @@ font:var(--cometchat-font-body-regular);
 }
 .cometchat-text-bubble .cometchat-url{
     text-decoration: underline;
+}
+
+.cometchat-text-bubble .cometchat-text-highlight {
+    font: var(--cometchat-font-body-bold);
 }

package/dist/styles/index.css

@@ -54,6 +54,7 @@
 @import url('./CometChatOngoingCall.css');
 @import url('./CometChatThreadHeader.css');
 @import url('./CometChatToast.css');
+@import url('./CometChatSearch.css');
 
 .cometchat * {
     box-sizing: border-box;
@@ -109,4 +110,8 @@ font:var(--cometchat-font-body-regular);
 }
 .cometchat-text-bubble .cometchat-url{
     text-decoration: underline;
+}
+
+.cometchat-text-bubble .cometchat-text-highlight {
+    font: var(--cometchat-font-body-bold);
 }

package/dist/types/Enums/Enums.d.ts

@@ -256,3 +256,40 @@ export declare enum MentionsVisibility {
     groupConversationOnly = 1,
     both = 2
 }
+/**
+ * Specifies the scope of the search functionality.
+ *
+ * @remarks
+ * - `Conversations`: Limits the search to conversations only.
+ * - `Messages`: Limits the search to messages only.
+ *
+ */
+export declare enum CometChatSearchScope {
+    Conversations = "conversations",
+    Messages = "messages"
+}
+/**
+ * Specifies the filters available for the search functionality.
+ *
+ * @remarks
+ * - `Messages`: Filters to search within messages.
+ * - `Conversations`: Filters to search within conversations.
+ * - `Unread`: Filters to search for unread messages.
+ * - `Groups`: Filters to search within groups.
+ * - `Photos`: Filters to search for photo messages.
+ * - `Videos`: Filters to search for video messages.
+ * - `Links`: Filters to search for links shared in messages.
+ * - `Documents`: Filters to search for document files.
+ * - `Audio`: Filters to search for audio messages.
+ */
+export declare enum CometChatSearchFilter {
+    Messages = "messages",
+    Conversations = "conversations",
+    Unread = "unread",
+    Groups = "groups",
+    Photos = "photos",
+    Videos = "videos",
+    Links = "links",
+    Documents = "files",
+    Audio = "audio"
+}

package/dist/types/components/BaseComponents/CometChatContextMenu/CometChatContextMenu.d.ts

@@ -9,6 +9,7 @@ interface ContextMenuProps {
     closeOnOutsideClick?: boolean;
     disableBackgroundInteraction?: boolean;
     useParentContainer?: boolean;
+    useParentHeight?: boolean;
 }
 /**
  * CometChatContextMenu is a composite component used to display menu data in required format.

package/dist/types/components/BaseComponents/CometChatList/CometChatList.d.ts

@@ -12,6 +12,8 @@ interface ListProps<T> {
      * Hide the search bar
      *
      * @defaulValue `false`
+     * @remarks
+     * This property is ignored when a custom `searchView` is provided
      */
     hideSearch?: boolean;
     /**
@@ -110,11 +112,34 @@ interface ListProps<T> {
      */
     onError?: ((error: CometChat.CometChatException) => void) | null;
     /**
-   * Title of the component
-   *
-   * @defaultValue `""`
-   */
+     * Title of the component
+     *
+     * @defaultValue `""`
+     */
     title?: string;
+    /**
+    * A custom search bar component to display in the header.
+    *
+    * @remarks
+    * When provided, this component overrides the default search bar and the `hideSearch` property.
+    * The custom search view will be displayed even if `hideSearch` is set to true.
+    */
+    searchView?: JSX.Element;
+    /**
+     * Callback triggered when the search bar is clicked.
+     */
+    onSearchBarClicked?: () => void;
+    /**
+     * Show shimmer effect on top of the list
+     *
+     * @defaultValue `false`
+     */
+    showShimmerOnTop?: boolean;
+    /**
+     * Controls the visibility of the scrollbar in the list.
+     * @defaultValue `false`
+    */
+    showScrollbar?: boolean;
 }
 /**
  * Renders a list component that can display a title, search bar,

package/dist/types/components/Calling/CometChatCallLogs/CometChatCallLogs.d.ts

@@ -78,6 +78,11 @@ interface CallLogsProps {
      * @returns A JSX element to be rendered as the trailing view.
      */
     trailingView?: (call: any) => JSX.Element;
+    /**
+     * Controls the visibility of the scrollbar in the list.
+     * @defaultValue `false`
+     */
+    showScrollbar?: boolean;
 }
 declare const CometChatCallLogs: (props: CallLogsProps) => import("react/jsx-runtime").JSX.Element;
 export { CometChatCallLogs };

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

@@ -151,6 +151,24 @@ interface ConversationsProps {
      * @returns A JSX element to be rendered as the trailing view.
      */
     trailingView?: (conversation: CometChat.Conversation) => JSX.Element;
+    /**
+    * A custom search bar component to display in the Conversations header.
+    */
+    searchView?: JSX.Element;
+    /**
+     * Callback triggered when the search bar is clicked.
+     */
+    onSearchBarClicked?: () => void;
+    /**
+     * Determines whether to display the search bar in the Conversations header.
+     *
+     * @defaultValue `false`
+     */
+    showSearchBar?: boolean;
+    /** Controls the visibility of the scrollbar in the list.
+    * @defaultValue `false`
+    */
+    showScrollbar?: boolean;
 }
 export type Action = {
     type: "appendConversations";

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

@@ -156,6 +156,11 @@ interface GroupMembersProps {
      * @returns A JSX element to be rendered as the trailing view.
      */
     trailingView?: (groupMember: CometChat.GroupMember) => JSX.Element;
+    /**
+     * Controls the visibility of the scrollbar in the list.
+     * @defaultValue `false`
+     */
+    showScrollbar?: boolean;
 }
 export type Action = {
     type: "appendGroupMembers";

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

@@ -121,6 +121,11 @@ interface GroupsProps {
      * @returns A JSX element to be rendered as the trailing view.
      */
     trailingView?: (group: CometChat.Group) => JSX.Element;
+    /**
+    * Controls the visibility of the scrollbar in the list.
+    * @defaultValue `false`
+    */
+    showScrollbar?: boolean;
 }
 export type Action = {
     type: "appendGroups";

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

@@ -149,6 +149,11 @@ interface MessageComposerProps {
      * A custom header section displayed at the top of the message composer, often used for media previews or additional information.
      */
     headerView?: JSX.Element;
+    /**
+    * Controls the visibility of the scrollbar in the list.
+    * @defaultValue `false`
+    */
+    showScrollbar?: boolean;
 }
 /**
  * Represents the state of the message composer.

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

@@ -9,6 +9,16 @@ interface MessageHeaderProps {
      * @default false
      */
     showConversationSummaryButton?: boolean;
+    /**
+     * Shows the search option.
+     * @default false
+     */
+    showSearchOption?: boolean;
+    /**
+     * Callback function triggered when search option is clicked.
+     * @returns void
+     */
+    onSearchOptionClicked?: () => void;
     /**
      * Hides the back button in the header in mobile view.
      * @deprecated Use 'showBackButton' prop instead. This prop is deprecated and will be removed in future versions.
@@ -95,6 +105,11 @@ interface MessageHeaderProps {
     * Format for displaying the "last active" timestamp in the message header.
     */
     lastActiveAtDateTimeFormat?: CalendarObject;
+    /**
+     * Callback function triggered when the message header item is clicked.
+     * @returns void
+     */
+    onItemClick?: () => void;
 }
 /** Functional component for rendering the CometChatMessageHeader */
 export declare const CometChatMessageHeader: (props: MessageHeaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -30,6 +30,11 @@ interface MessageInformationProps {
     * Array of text formatters for custom styling or formatting of message text bubbles.
     */
     textFormatters?: CometChatTextFormatter[];
+    /**
+   * Controls the visibility of the scrollbar in the list.
+   * @defaultValue `false`
+   */
+    showScrollbar?: boolean;
 }
 declare const CometChatMessageInformation: (props: MessageInformationProps) => import("react/jsx-runtime").JSX.Element;
 export { CometChatMessageInformation };

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

@@ -214,6 +214,17 @@ interface MessageListProps {
    * 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.
+     * @type {string}
+     * @optional
+     */
+    goToMessageId?: string;
+    /**
+      * Controls the visibility of the scrollbar in the list.
+      * @defaultValue `false`
+    */
+    showScrollbar?: boolean;
 }
 declare const CometChatMessageList: (props: MessageListProps) => import("react/jsx-runtime").JSX.Element;
 export { CometChatMessageList };

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

@@ -2,5 +2,5 @@ import { MutableRefObject } from "react";
 /**
  * This Hooks function is a custom React hook designed to manage  functionalities of CometChatMessageList component. It fetches the logged-in user, handles event subscriptions and tracks message IDs for new message retrieval. It plays a key role in maintaining real-time functionality and user interactions in the chat interface.
  **/
-declare function useCometChatMessageList(loggedInUserRef: MutableRefObject<CometChat.User | null>, messageListManagerRef: MutableRefObject<any>, fetchPreviousMessages: () => void, updateMessage: (key: string, mesage: CometChat.BaseMessage, group?: CometChat.Group) => void, messagesRequestBuilder: CometChat.MessagesRequestBuilder | undefined, user: CometChat.User | undefined, group: CometChat.Group | undefined, messageIdRef: MutableRefObject<any>, totalMessagesCountRef: MutableRefObject<any>, messageList: CometChat.BaseMessage[], errorHandler: (error: unknown, source?: string) => void, setMessageList: (messages: CometChat.BaseMessage[]) => void, setScrollListToBottom: (scrollToBottom: boolean) => void, smartReplyViewRef: MutableRefObject<any>, isOnBottomRef: MutableRefObject<boolean>, isFirstReloadRef: MutableRefObject<boolean>, subscribeToUIEvents: Function, showSmartRepliesRef: MutableRefObject<any>, setDateHeader?: Function, parentMessageId?: number, hideGroupActionMessages?: boolean, showSmartReplies?: boolean): void;
+declare function useCometChatMessageList(loggedInUserRef: MutableRefObject<CometChat.User | null>, messageListManagerRef: MutableRefObject<any>, fetchPreviousMessages: () => void, updateMessage: (key: string, mesage: CometChat.BaseMessage, group?: CometChat.Group) => void, messagesRequestBuilder: CometChat.MessagesRequestBuilder | undefined, user: CometChat.User | undefined, group: CometChat.Group | undefined, messageIdRef: MutableRefObject<any>, totalMessagesCountRef: MutableRefObject<any>, messageList: CometChat.BaseMessage[], errorHandler: (error: unknown, source?: string) => void, setMessageList: (messages: CometChat.BaseMessage[]) => void, setScrollListToBottom: (scrollToBottom: boolean) => void, smartReplyViewRef: MutableRefObject<any>, isOnBottomRef: MutableRefObject<boolean>, isFirstReloadRef: MutableRefObject<boolean>, subscribeToUIEvents: Function, showSmartRepliesRef: MutableRefObject<any>, setDateHeader?: Function, parentMessageId?: number, hideGroupActionMessages?: boolean, showSmartReplies?: boolean, goToMessageId?: string): void;
 export { useCometChatMessageList };

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

@@ -0,0 +1,240 @@
+import { JSX } from "react";
+import { CometChatSearchScope, CometChatSearchFilter } from "../../Enums/Enums";
+import { CalendarObject } from "../../utils/CalendarObject";
+import { CometChatTextFormatter } from "../../formatters/CometChatFormatters/CometChatTextFormatter";
+import { CometChatOption } from "../../modals";
+/**
+ * Interface for search filter that matches our component needs
+ */
+export interface CometChatSearchFilterItem {
+    id: CometChatSearchFilter;
+    title: string;
+    active?: boolean;
+}
+/**
+ * Props for the CometChatSearch component
+ */
+interface SearchProps {
+    /**
+     * Callback triggered when the back button is clicked
+     * Use this to handle navigation when user clicks the back button
+     *
+     * @defaultValue () => {}
+     */
+    onBack?: () => void;
+    /**
+     * Whether to hide the back button
+     *
+     * @defaultValue false - back button is shown
+     */
+    hideBackButton?: boolean;
+    /**
+     * Callback triggered when a conversation is clicked in search results
+     * Receives the conversation object and the search keyword that was used
+     *
+     * @param conversation - The conversation that was clicked
+     * @param searchKeyword - The keyword that was used in the search
+     */
+    onConversationClicked?: (conversation: CometChat.Conversation, searchKeyword?: string) => void;
+    /**
+     * Callback triggered when a message is clicked in search results
+     * Receives the message object and the search keyword that was used
+     *
+     * @param message - The message that was clicked
+     * @param searchKeyword - The keyword that was used in the search
+     */
+    onMessageClicked?: (message: CometChat.BaseMessage, searchKeyword?: string) => void;
+    /**
+     * Array of search filters to display in the filter bar
+     * These allow users to narrow down their search results
+     *
+     * @defaultValue All available filters (Audio, Documents, Groups, Photos, Videos, Links, Unread)
+     */
+    searchFilters?: Array<CometChatSearchFilter>;
+    /**
+     * Filter that should be active by default when the component loads
+     * This allows pre-filtering the search results
+     */
+    initialSearchFilter?: CometChatSearchFilter;
+    /**
+     * Scopes to search in (Conversations, Messages, or both)
+     * Controls whether to search in conversations, messages, or both
+     *
+     * @defaultValue [CometChatSearchScope.All] - searches in both conversations and messages
+     */
+    searchIn?: Array<CometChatSearchScope>;
+    /**
+     * Custom view for conversation items in the search results
+     * Use this to completely customize how conversation items are rendered
+     *
+     * @param conversation - The conversation object to render
+     * @returns JSX element representing the conversation item
+     */
+    conversationItemView?: (conversation: CometChat.Conversation) => JSX.Element;
+    /**
+     * Custom leading view for conversation items (typically avatar/icon)
+     * Use this to customize just the leading section of conversation items
+     *
+     * @param conversation - The conversation object to render the leading view for
+     * @returns JSX element for the leading part of the conversation item
+     */
+    conversationLeadingView?: (conversation: CometChat.Conversation) => JSX.Element;
+    /**
+     * Custom title view for conversation items
+     * Use this to customize how the title of conversation items is displayed
+     *
+     * @param conversation - The conversation object to render the title for
+     * @returns JSX element for the title of the conversation item
+     */
+    conversationTitleView?: (conversation: CometChat.Conversation) => JSX.Element;
+    /**
+     * Custom subtitle view for conversation items
+     * Use this to customize how the subtitle (typically last message) is displayed
+     *
+     * @param conversation - The conversation object to render the subtitle for
+     * @returns JSX element for the subtitle of the conversation item
+     */
+    conversationSubtitleView?: (conversation: CometChat.Conversation) => JSX.Element;
+    /**
+     * Custom trailing view for conversation items (typically timestamp)
+     * Use this to customize what appears at the end of conversation items
+     *
+     * @param conversation - The conversation object to render the trailing view for
+     * @returns JSX element for the trailing part of the conversation item
+     */
+    conversationTrailingView?: (conversation: CometChat.Conversation) => JSX.Element;
+    /**
+     * Request builder for conversations search
+     * Use this to customize the conversation search request parameters
+     *
+     * @defaultValue New instance with default parameters and search keyword
+     */
+    conversationsRequestBuilder?: CometChat.ConversationsRequestBuilder;
+    /**
+     * Custom view for message items in the search results
+     * Use this to completely customize how message items are rendered
+     *
+     * @param message - The message object to render
+     * @returns JSX element representing the message item
+     */
+    messageItemView?: (message: CometChat.BaseMessage) => JSX.Element;
+    /**
+     * Custom leading view for message items (typically sender avatar/icon)
+     * Use this to customize just the leading section of message items
+     *
+     * @param message - The message object to render the leading view for
+     * @returns JSX element for the leading part of the message item
+     */
+    messageLeadingView?: (message: CometChat.BaseMessage) => JSX.Element;
+    /**
+     * Custom title view for message items (typically sender name)
+     * Use this to customize how the title of message items is displayed
+     *
+     * @param message - The message object to render the title for
+     * @returns JSX element for the title of the message item
+     */
+    messageTitleView?: (message: CometChat.BaseMessage) => JSX.Element;
+    /**
+     * Custom subtitle view for message items (typically message content)
+     * Use this to customize how the subtitle/content is displayed
+     *
+     * @param message - The message object to render the subtitle for
+     * @returns JSX element for the subtitle of the message item
+     */
+    messageSubtitleView?: (message: CometChat.BaseMessage) => JSX.Element;
+    /**
+     * Custom trailing view for message items (typically timestamp)
+     * Use this to customize what appears at the end of message items
+     *
+     * @param message - The message object to render the trailing view for
+     * @returns JSX element for the trailing part of the message item
+     */
+    messageTrailingView?: (message: CometChat.BaseMessage) => JSX.Element;
+    /**
+     * Request builder for messages search
+     * Use this to customize the message search request parameters
+     *
+     * @defaultValue New instance with default parameters and search keyword
+     */
+    messagesRequestBuilder?: CometChat.MessagesRequestBuilder;
+    /**
+     * Custom view for empty state when no search results are found
+     * This will be displayed when search returns no results
+     */
+    emptyView?: JSX.Element;
+    /**
+     * Custom view for error state when search fails
+     * This will be displayed when an error occurs during search
+     */
+    errorView?: JSX.Element;
+    /**
+     * Custom view for loading state during search
+     * This will be displayed while search is in progress
+     */
+    loadingView?: JSX.Element;
+    /**
+     * Custom view for initial state before user enters a search query
+     * This will be displayed when the search component first loads
+     *
+     * @defaultValue Basic prompt encouraging user to search
+     */
+    initialView?: JSX.Element;
+    /**
+     * Format for message sent date/time in the UI
+     * Customize how timestamps are displayed in message items
+     */
+    messageSentAtDateTimeFormat?: CalendarObject;
+    /**
+     * Custom text formatters for message content
+     * Use these to customize how message text is formatted (e.g., emoji, links, mentions)
+     */
+    textFormatters?: CometChatTextFormatter[];
+    /**
+     * Whether to hide the group type icon in group conversations
+     *
+     * @defaultValue false - group type icons are shown
+     */
+    hideGroupType?: boolean;
+    /**
+     * Whether to hide user online/offline status indicators
+     *
+     * @defaultValue false - user status is shown
+     */
+    hideUserStatus?: boolean;
+    /**
+     * Whether to hide message receipt indicators (sent/delivered/read)
+     *
+     * @defaultValue false - receipts are shown
+     */
+    hideReceipts?: boolean;
+    /**
+     * User ID to search within specific user's messages
+     * When provided, search will be limited to messages with this user
+     */
+    uid?: string;
+    /**
+     * Group ID to search within specific group's messages
+     * When provided, search will be limited to messages in this group
+     */
+    guid?: string;
+    /**
+     * Custom options for conversation items in search results
+     * Function that returns array of options (e.g., for context menu)
+     *
+     * @param conversation - The conversation to generate options for
+     * @returns Array of option objects or null for no options
+     */
+    conversationOptions?: ((conversation: CometChat.Conversation) => CometChatOption[]) | null;
+    /**
+     * Custom error handler for search operations
+     * Override the default error handling behavior
+     *
+     * @param error - The error that occurred during a search operation
+     */
+    onError?: (error: CometChat.CometChatException) => void;
+}
+/**
+ * CometChatSearch component for searching conversations and messages in CometChat
+ */
+export declare function CometChatSearch(props: SearchProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,50 @@
+/**
+ * Controller class to manage search conversation related operations
+ */
+export declare class SearchConversationsManager {
+    private static errorHandler;
+    /**
+     * Set error handler for the manager
+     */
+    static setErrorHandler(handler: (error: unknown, source?: string) => void): void;
+    /**
+     * Attaches an SDK user listener
+     *
+     * @returns Function to call to remove the attached SDK user listener
+     */
+    static attachUserListener(callback: (user: CometChat.User) => void): () => void;
+    /**
+     * Attaches an SDK group listener
+     *
+     * @returns Function to call to remove the attached SDK group listener
+     */
+    static attachGroupListener(callback: (message: CometChat.BaseMessage, remove?: boolean) => Promise<void>, loggedInUser: CometChat.User | null): (() => void) | undefined;
+    /**
+     * Attaches an SDK message received listener
+     *
+     * @returns - Function to remove the added SDK message received listener
+     */
+    static attachMessageReceivedListener(callback: (message: CometChat.BaseMessage) => Promise<void>): (() => void) | undefined;
+    /**
+     * Attaches an SDK message receipt listener
+     *
+     * @returns - Function to remove the added SDK message receipt listener
+     */
+    static attachMessageReceiptListener(callback: (receipt: CometChat.MessageReceipt, updateReadAt: boolean) => void): (() => void) | undefined;
+    /**
+     * Attaches an SDK message modified listener
+     *
+     * @returns - Function to remove the added SDK message modified listener
+     */
+    static attachMessageModifiedListener(callback: (message: CometChat.BaseMessage) => void): (() => void) | undefined;
+    /**
+     * Attaches an SDK call listener
+     *
+     * @returns - Function to remove the added SDK call listener
+     */
+    static attachCallListener(callback: (message: CometChat.BaseMessage) => void): (() => void) | undefined;
+    /**
+     * Determines if the last message should trigger an update based on its category and type.
+     */
+    static shouldLastMessageAndUnreadCountBeUpdated: (message: CometChat.BaseMessage) => any;
+}