@cometchat/chat-uikit-angular 4.2.0 → 4.3.0

package/CometChatMessageList/cometchat-message-list/cometchat-message-list.component.d.ts

@@ -1,6 +1,6 @@
-import { ChangeDetectorRef, ElementRef, NgZone, OnChanges, OnDestroy, OnInit, SimpleChanges, TemplateRef } from "@angular/core";
-import { AvatarStyle, BackdropStyle, BaseStyle, CallscreenStyle, ConfirmDialogStyle, DateStyle, DocumentBubbleStyle, FullScreenViewerStyle, MenuListStyle, PanelStyle, ReceiptStyle } from "@cometchat/uikit-elements";
-import { CardBubbleStyle, FormBubbleStyle, ImageModerationStyle, MessageInformationConfiguration, MessageListStyle, MessageTranslationStyle, PollsBubbleStyle, SchedulerBubbleStyle, SmartRepliesConfiguration, SmartRepliesStyle } from "@cometchat/uikit-shared";
+import { ChangeDetectorRef, ElementRef, NgZone, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges, TemplateRef } from "@angular/core";
+import { AvatarStyle, BackdropStyle, BaseStyle, CallscreenStyle, ConfirmDialogStyle, DateStyle, DocumentBubbleStyle, EmojiKeyboardStyle, FullScreenViewerStyle, MenuListStyle, PanelStyle, ReceiptStyle } from "@cometchat/uikit-elements";
+import { CardBubbleStyle, FormBubbleStyle, ImageModerationStyle, MessageInformationConfiguration, MessageListStyle, MessageTranslationStyle, PollsBubbleStyle, SchedulerBubbleStyle, SmartRepliesConfiguration, SmartRepliesStyle, ReactionsStyle, ReactionListConfiguration, ReactionInfoConfiguration, ReactionsConfiguration, CometChatTextFormatter } from "@cometchat/uikit-shared";
 import { CometChatMessageOption, CometChatMessageTemplate, CometChatTheme, CometChatUIKitConstants, DatePatterns, DocumentIconAlignment, MessageBubbleAlignment, MessageListAlignment, SchedulerMessage, States, TimestampAlignment, localize } from "@cometchat/uikit-resources";
 import { LinkPreviewStyle } from "@cometchat/uikit-shared";
 import { CometChat } from "@cometchat/chat-sdk-javascript";
@@ -38,6 +38,7 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
     directCalling: TemplateRef<any>;
     schedulerBubble: TemplateRef<any>;
     pollBubble: TemplateRef<any>;
+    messageBubbleRef: QueryList<ElementRef>;
     hideError: boolean;
     errorStateView: TemplateRef<any>;
     loadingStateView: TemplateRef<any>;
@@ -68,17 +69,22 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
     scrollToBottomOnNewMessages: boolean;
     thresholdValue: number;
     unreadMessageThreshold: number;
+    reactionsConfiguration: ReactionsConfiguration;
+    disableReactions: Boolean;
+    emojiKeyboardStyle: EmojiKeyboardStyle;
     apiConfiguration?: (user?: CometChat.User, group?: CometChat.Group) => Promise<Object>;
     onThreadRepliesClick: ((message: CometChat.BaseMessage, view: TemplateRef<any>) => void) | null;
     headerView: TemplateRef<any>;
     footerView: TemplateRef<any>;
     parentMessageId: number;
+    threadIndicatorIcon: string;
     avatarStyle: AvatarStyle;
     backdropStyle: BackdropStyle;
     dateSeparatorStyle: DateStyle;
     messageListStyle: MessageListStyle;
     onError: ((error: CometChat.CometChatException) => void) | null;
     messageInformationConfiguration: MessageInformationConfiguration;
+    disableMentions: boolean;
     state: States;
     optionsStyle: MenuListStyle;
     receiptStyle: ReceiptStyle;
@@ -198,6 +204,8 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
     ccCallAccepted: Subscription;
     ccGroupMemberScopeChanged: Subscription;
     onTextMessageReceived: Subscription;
+    onMessageReactionAdded: Subscription;
+    onMessageReactionRemoved: Subscription;
     onCustomMessageReceived: Subscription;
     onFormMessageReceived: Subscription;
     onSchedulerMessageReceived: Subscription;
@@ -238,20 +246,7 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
     connectionListenerId: string;
     lastMessageId: number;
     isConnectionReestablished: boolean;
-    getThreadViewStyle(message: CometChat.BaseMessage): {
-        height: string;
-        width: string;
-        border: string;
-        borderRadius: string;
-        background: string;
-        padding: string;
-        buttonIconTint: string | undefined;
-        display: string;
-        flexFlow: string;
-        alignItems: string;
-        justifyContent: string;
-        buttonTextColor: string | undefined;
-    };
+    textFormatters?: Array<CometChatTextFormatter>;
     closeIconURL: string;
     threadOpenIcon: string;
     confirmDialogStyle: ConfirmDialogStyle;
@@ -266,28 +261,15 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
     addReaction: (event: any) => void;
     getCallBubbleTitle(message: CometChat.BaseMessage): any;
     getCallActionMessage: (call: CometChat.Call) => string;
-    reactToMessages(emoji: string): void;
-    hasReaction(message: any): boolean;
     ngOnDestroy(): void;
-    reactionsStyle(message: CometChat.BaseMessage): {
-        height: string;
-        width: string;
-        border: string;
-        borderRadius: string;
-        background: string;
-        reactionEmojiFontSize: string;
-        reactionCountTextFont: string;
-        reactionCountTextColor: string | undefined;
-        activeReactionCountTextColor: string | undefined;
-        activeReactionCountTextFont: string;
-        addReactionIconTint: string | undefined;
-        activeReactionBackground: string | undefined;
-        reactionBackground: string;
-        reactionBorder: string;
-        activeReactionBorder: string;
-        reactionBorderRadius: string;
-        addReactionIconBackground: string | undefined;
-    };
+    /**
+     * Creates a new ReactionsStyle object with the defined or default styles.
+     *
+     * @returns {ReactionsStyle} Returns an instance of ReactionsStyle with the set or default styles.
+     */
+    getReactionsStyle(): ReactionsStyle;
+    isMobileView: () => boolean;
+    getBubbleById(id: string): ElementRef | undefined;
     showEmojiKeyboard: (id: number, event: any) => void;
     setBubbleView: () => void;
     openThreadView: (message: CometChat.BaseMessage) => void;
@@ -304,12 +286,27 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
     isTranslated(message: CometChat.TextMessage): any;
     updateTranslatedMessage: (translation: any) => void;
     translateMessage: (id: number) => void;
-    setOptionsCallback(options: CometChatMessageOption[]): CometChatMessageOption[];
+    setOptionsCallback(options: CometChatMessageOption[], id: number): CometChatMessageOption[];
     /**
      * send message options based on type
      * @param  {CometChat.BaseMessage} msgObject
      */
     setMessageOptions(msgObject: CometChat.BaseMessage): CometChatMessageOption[];
+    /**
+     * Reacts to a message by either adding or removing the reaction.
+     *
+     * @param {string} emoji - The emoji used for the reaction.
+     * @param {CometChat.BaseMessage} message - The message that was reacted to.
+     */
+    reactToMessage(emoji: string, message: CometChat.BaseMessage): void;
+    /**
+     * Filters out the 'add reaction' option if reactions are disabled.
+     *
+     * @param {CometChatMessageOption[]} options - The original set of message options.
+     * @returns {CometChatMessageOption[]} The filtered set of message options.
+     */
+    filterEmojiOptions: (options: CometChatMessageOption[]) => CometChatMessageOption[];
+    getClonedReactionObject(message: CometChat.BaseMessage): import("@cometchat/chat-sdk-javascript").BaseMessage;
     /**
      * passing style based on message object
      * @param  {CometChat.BaseMessage} messageObject
@@ -319,9 +316,47 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
     getWhiteboardDocument(message: CometChat.CustomMessage): any;
     openLinkURL(event: any): void;
     getSticker(message: CometChat.CustomMessage): any;
+    /**
+     * Checks if the 'statusInfoView' is present in the default template provided by the user
+     * If present, returns the user-defined template, otherwise returns null.
+     *
+     * @param message Message object for which the status info view needs to be fetched
+     * @returns User-defined TemplateRef if present, otherwise null
+     */
     getContentView: (message: CometChat.BaseMessage) => TemplateRef<any> | null;
+    /**
+     * Checks if the 'headerView' is present in the default template provided by the user
+     * If present, returns the user-defined template, otherwise returns null.
+     *
+     * @param message Message object for which the status info view needs to be fetched
+     * @returns User-defined TemplateRef if present, otherwise null
+     */
     getHeaderView(message: CometChat.BaseMessage): TemplateRef<any> | null;
+    /**
+     * Checks if the 'footerView' is present in the default template provided by the user
+     * If present, returns the user-defined template, otherwise returns null.
+     *
+     * @param message Message object for which the status info view needs to be fetched
+     * @returns User-defined TemplateRef if present, otherwise null
+     */
     getFooterView(message: CometChat.BaseMessage): TemplateRef<any> | null;
+    /**
+     * Checks if the 'bottomView' is present in the default template provided by the user
+     * If present, returns the user-defined template, otherwise returns null.
+     *
+     * @param message Message object for which the status info view needs to be fetched
+     * @returns User-defined TemplateRef if present, otherwise null
+     */
+    getBottomView(message: CometChat.BaseMessage): TemplateRef<any> | null;
+    /**
+     * Checks if the 'statusInfoView' is present in the default template provided by the user
+     * If present, returns the user-defined template, otherwise returns null.
+     *
+     * @param message Message object for which the status info view needs to be fetched
+     * @returns User-defined TemplateRef if present, otherwise null
+     */
+    getStatusInfoView(message: CometChat.BaseMessage): TemplateRef<any> | null;
+    isAudioOrVideoMessage(message: CometChat.BaseMessage): boolean;
     setBubbleAlignment: (message: CometChat.BaseMessage) => MessageBubbleAlignment;
     getFormMessageBubbleStyle(): FormBubbleStyle;
     getCardMessageBubbleStyle(): CardBubbleStyle;
@@ -354,6 +389,11 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
     setTextBubbleStyle: (message: CometChat.BaseMessage) => {
         textFont: string;
         textColor: string | undefined;
+        bubblePadding: string;
+    } | {
+        textFont: string;
+        textColor: string | undefined;
+        bubblePadding?: undefined;
     };
     setFileBubbleStyle(message: CometChat.BaseMessage): any;
     ngAfterViewInit(): void;
@@ -385,7 +425,18 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
     setAvatarStyle(): void;
     setDateStyle(): void;
     setMessagesStyle(): void;
-    setReceiptStyle(): void;
+    getReceiptStyle(message: CometChat.BaseMessage): {
+        waitIconTint?: string | undefined;
+        sentIconTint?: string | undefined;
+        deliveredIconTint?: string | undefined;
+        readIconTint?: string | undefined;
+        errorIconTint?: string | undefined;
+        height?: string | undefined;
+        width?: string | undefined;
+        border?: string | undefined;
+        borderRadius?: string | undefined;
+        background?: string | undefined;
+    };
     createRequestBuilder(): void;
     computeUnreadCount(): void;
     /**
@@ -410,6 +461,14 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
      * @param  {any=null} options
      */
     messageUpdate(key?: string | null, message?: CometChat.MessageReceipt | CometChat.BaseMessage | any, group?: CometChat.Group | null, options?: any): void;
+    /**
+     * Updates a message's reactions based on a new reaction.
+     *
+     * @param {CometChat.ReactionEvent} message - The new message reaction.
+     * @param {boolean} isAdded - True if the reaction was added, false if it was removed.
+     * @returns {boolean} Returns false if the message was not found, true otherwise.
+     */
+    onReactionUpdated(message: CometChat.ReactionEvent, isAdded: boolean): boolean;
     /**
      * translate message then call update message
      * @param  {CometChat.BaseMessage} message
@@ -479,14 +538,6 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
      * @param  {string} type
      */
     customMessageReceivedHandler: (message: CometChat.BaseMessage) => void;
-    /**
-     * TrackBy method to update UI when a change is detected
-     */
-    /**
-     * @param  {number} index
-     * @param  {any} item
-     */
-    getMessageId(index: number, item: any): any;
     /**
      * Compares two dates and sets Date on a a new day
      */
@@ -495,6 +546,13 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
      * @param  {number} secondDate
      */
     isDateDifferent(firstDate: number | undefined, secondDate: number | undefined): boolean;
+    /**
+     * Returns formatters for the text bubbles
+     *
+     * @param {CometChat.BaseMessage} message
+     * @returns
+     */
+    getTextFormatters: (message: CometChat.BaseMessage) => CometChatTextFormatter[];
     /**
      * prepend Fetched Messages
      * @param {CometChat.BaseMessage} messages
@@ -514,6 +572,14 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
      * @param  {CometChat.TextMessage} object
      */
     onCopyMessage: (object: CometChat.TextMessage) => void;
+    /**
+     * This is to ensure that the uid doesn't get copied when clicking on the copy option.
+     * This function changes the uid regex to '@userName' without formatting
+     *
+     * @param {CometChat.TextMessage} message
+     * @returns
+     */
+    getMentionsTextWithoutStyle(message: CometChat.TextMessage): string;
     /**
      * callback for deleteMessage
      * @param  {CometChat.BaseMessage} object
@@ -529,21 +595,76 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
     onEditMessage: (object: CometChat.BaseMessage) => void;
     updateMessage(message: CometChat.BaseMessage, muid?: boolean): void;
     removeMessage: (message: CometChat.BaseMessage) => void;
+    /**
+     * Returns the style configuration for the thread view of a message.
+     *
+     * @param {CometChat.BaseMessage} message - The message that the style configuration is for.
+     * @returns {Object} The style configuration object.
+     */
+    getThreadViewStyle(message: CometChat.BaseMessage): {
+        height: string;
+        width: string;
+        border: string;
+        borderRadius: string;
+        background: string;
+        buttonIconTint: string | undefined;
+        display: string;
+        flexFlow: string;
+        alignItems: string;
+        buttonTextColor: string | undefined;
+        buttonTextFont: string | undefined;
+        iconHeight: string;
+        iconWidth: string;
+        gap: string;
+    };
+    /**
+     * Checks if a message was sent by the currently logged in user.
+     *
+     * @param {CometChat.BaseMessage} message - The message to check.
+     * @returns {boolean} Returns true if the message is sent by the logged in user, false otherwise.
+     */
+    isSentByMe(message: CometChat.BaseMessage): boolean;
     deleteMessage: (message: CometChat.BaseMessage) => void;
     scrollToBottom: () => void;
     showHeaderTitle(message: CometChat.BaseMessage): boolean;
+    /**
+     * Updates the count of unread reply messages for a given message.
+     *
+     * @param {CometChat.BaseMessage} message - The message for which the reply count is being updated.
+     */
+    updateUnreadReplyCount: (message: CometChat.BaseMessage) => void;
+    /**
+     * Method to subscribe  the required Rxjs events when the CometChatMessageListComponent loads
+     */
     subscribeToEvents(): void;
     closeSmartReply: () => void;
     closeConversationSummary: () => void;
+    showStatusInfo(message: CometChat.BaseMessage): boolean;
     sendReply: (event: any) => void;
     sendConversationStarter: (event: any) => void;
     fetchConversationStarter(): void;
     fetchConversationSummary(): string[];
     getReplies(): string[] | null;
+    /**
+     * Method to unsubscribe all the Rxjs events when the CometChatMessageListComponent gets destroy
+     */
     unsubscribeToEvents(): void;
+    /**
+     * Returns the appropriate thread icon based on the sender of the message.
+     *
+     * @param {CometChat.BaseMessage} message - The message for which the thread icon is being determined.
+     * @returns {boolean} The icon for the thread. If the message was sent by the logged in user, returns 'threadRightArrow'. Otherwise, returns 'threadIndicatorIcon'.
+     */
+    getThreadIconAlignment(message: CometChat.BaseMessage): boolean;
     /**
      * styling part
      */
+    getBubbleDateStyle: (message: CometChat.BaseMessage) => {
+        textColor: string | undefined;
+        textFont: string;
+        padding: string;
+        display: string;
+    };
     chatsListStyle: () => {
         height: string | undefined;
         background: string | undefined;
@@ -577,6 +698,58 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
         iconTint: string | undefined;
     };
     getSchedulerBubbleStyle: (messgae: SchedulerMessage) => SchedulerBubbleStyle;
+    /**
+     * Configuration for the reaction list.
+     * This includes styles for the avatar, list items, and reaction history.
+     * @returns {ReactionListConfiguration} - The configured reaction list.
+     */
+    getReactionListConfiguration(): ReactionListConfiguration;
+    /**
+     * Handles when a reaction item is clicked.
+     * @param {CometChat.Reaction} reaction - The clicked reaction.
+     * @param {CometChat.BaseMessage} message - The message the reaction is associated with.
+     */
+    onReactionItemClicked?: ((reaction: CometChat.Reaction, message: CometChat.BaseMessage) => void) | undefined;
+    /**
+     * Handles adding a reaction when clicked.
+     * @param {CometChat.ReactionCount} reaction - The clicked reaction.
+     * @param {CometChat.BaseMessage} message - The message the reaction is associated with.
+     */
+    addReactionOnClick: (reaction: CometChat.ReactionCount, message: CometChat.BaseMessage) => void;
+    /**
+     * Configuration for the reaction info.
+     * This includes styles for the reaction info display.
+     * @returns {ReactionInfoConfiguration} - The configured reaction info.
+     */
+    getReactionInfoConfiguration(): ReactionInfoConfiguration;
+    /**
+     * Get style object based on message type.
+     * @param {CometChat.BaseMessage} message - The message object.
+     * @return {object} The style object.
+     */
+    getStatusInfoStyle: (message: CometChat.BaseMessage) => {
+        justifyContent: string;
+        height: string;
+        borderRadius: string;
+        padding: string;
+        paddingTop: string;
+        position: string;
+        marginTop: string;
+        marginRight: string;
+        background: string | undefined;
+        width: string;
+        alignSelf: string;
+        marginBottom: string;
+        display: string;
+        alignItems: string;
+        gap: string;
+    } | {
+        justifyContent: string;
+        alignItems: string;
+        padding: string;
+        display: string;
+        gap: string;
+    };
     wrapperStyle: () => {
         height: string | undefined;
         width: string | undefined;
@@ -587,6 +760,38 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
     listStyle: () => {
         height: string;
     };
+    /**
+     * Styling for reactions component
+     *
+     */
+    getReactionsWrapperStyle(message: CometChat.BaseMessage): {
+        width: string;
+        paddingTop: string;
+        boxSizing: string;
+        display: string;
+        marginTop: string;
+        justifyContent: string;
+    };
+    /**
+     * Styling for unread thread replies
+     * @returns LabelStyle
+     */
+    getUnreadRepliesCountStyle: () => {
+        borderRadius: string;
+        width: string;
+        height: string;
+        border: string;
+        background: string | undefined;
+        color: string | undefined;
+        font: string | undefined;
+        display: string;
+        justifyContent: string;
+        alignItems: string;
+    };
+    getThreadViewAlignment(message: CometChat.BaseMessage): {
+        display: string;
+        justifyContent: string;
+    };
     static ɵfac: i0.ɵɵFactoryDeclaration<CometChatMessageListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatMessageListComponent, "cometchat-message-list", never, { "hideError": "hideError"; "errorStateView": "errorStateView"; "loadingStateView": "loadingStateView"; "emptyStateView": "emptyStateView"; "errorStateText": "errorStateText"; "emptyStateText": "emptyStateText"; "loadingIconURL": "loadingIconURL"; "user": "user"; "group": "group"; "disableReceipt": "disableReceipt"; "disableSoundForMessages": "disableSoundForMessages"; "customSoundForMessages": "customSoundForMessages"; "readIcon": "readIcon"; "deliveredIcon": "deliveredIcon"; "sentIcon": "sentIcon"; "waitIcon": "waitIcon"; "errorIcon": "errorIcon"; "aiErrorIcon": "aiErrorIcon"; "aiEmptyIcon": "aiEmptyIcon"; "alignment": "alignment"; "showAvatar": "showAvatar"; "datePattern": "datePattern"; "timestampAlignment": "timestampAlignment"; "DateSeparatorPattern": "DateSeparatorPattern"; "templates": "templates"; "messagesRequestBuilder": "messagesRequestBuilder"; "newMessageIndicatorText": "newMessageIndicatorText"; "scrollToBottomOnNewMessages": "scrollToBottomOnNewMessages"; "thresholdValue": "thresholdValue"; "unreadMessageThreshold": "unreadMessageThreshold"; "apiConfiguration": "apiConfiguration"; "onThreadRepliesClick": "onThreadRepliesClick"; "headerView": "headerView"; "footerView": "footerView"; "parentMessageId": "parentMessageId"; "avatarStyle": "avatarStyle"; "backdropStyle": "backdropStyle"; "dateSeparatorStyle": "dateSeparatorStyle"; "messageListStyle": "messageListStyle"; "onError": "onError"; "messageInformationConfiguration": "messageInformationConfiguration"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatMessageListComponent, "cometchat-message-list", never, { "hideError": "hideError"; "errorStateView": "errorStateView"; "loadingStateView": "loadingStateView"; "emptyStateView": "emptyStateView"; "errorStateText": "errorStateText"; "emptyStateText": "emptyStateText"; "loadingIconURL": "loadingIconURL"; "user": "user"; "group": "group"; "disableReceipt": "disableReceipt"; "disableSoundForMessages": "disableSoundForMessages"; "customSoundForMessages": "customSoundForMessages"; "readIcon": "readIcon"; "deliveredIcon": "deliveredIcon"; "sentIcon": "sentIcon"; "waitIcon": "waitIcon"; "errorIcon": "errorIcon"; "aiErrorIcon": "aiErrorIcon"; "aiEmptyIcon": "aiEmptyIcon"; "alignment": "alignment"; "showAvatar": "showAvatar"; "datePattern": "datePattern"; "timestampAlignment": "timestampAlignment"; "DateSeparatorPattern": "DateSeparatorPattern"; "templates": "templates"; "messagesRequestBuilder": "messagesRequestBuilder"; "newMessageIndicatorText": "newMessageIndicatorText"; "scrollToBottomOnNewMessages": "scrollToBottomOnNewMessages"; "thresholdValue": "thresholdValue"; "unreadMessageThreshold": "unreadMessageThreshold"; "reactionsConfiguration": "reactionsConfiguration"; "disableReactions": "disableReactions"; "emojiKeyboardStyle": "emojiKeyboardStyle"; "apiConfiguration": "apiConfiguration"; "onThreadRepliesClick": "onThreadRepliesClick"; "headerView": "headerView"; "footerView": "footerView"; "parentMessageId": "parentMessageId"; "threadIndicatorIcon": "threadIndicatorIcon"; "avatarStyle": "avatarStyle"; "backdropStyle": "backdropStyle"; "dateSeparatorStyle": "dateSeparatorStyle"; "messageListStyle": "messageListStyle"; "onError": "onError"; "messageInformationConfiguration": "messageInformationConfiguration"; "disableMentions": "disableMentions"; "textFormatters": "textFormatters"; }, {}, never, never>;
 }

package/CometChatMessages/cometchat-messages/cometchat-messages.component.d.ts

@@ -83,6 +83,7 @@ export declare class CometChatMessagesComponent implements OnInit, OnChanges {
     constructor(ref: ChangeDetectorRef, themeService: CometChatThemeService, elementRef: ElementRef);
     ngOnInit(): void;
     subscribeToEvents(): void;
+    setDetailsTemplate(): import("@cometchat/uikit-resources").CometChatDetailsTemplate[] | undefined;
     unsubscribeToEvents(): void;
     setMessagesStyle(): void;
     getAuxilaryView(): any;

package/CometChatUserMemberWrapper/cometchat-user-member-wrapper.component.d.ts

@@ -0,0 +1,41 @@
+import { AvatarStyle, ListItemStyle } from '@cometchat/uikit-elements';
+import { UserMemberListType, UserPresencePlacement } from '@cometchat/uikit-resources';
+import { CometChatThemeService } from '../CometChatTheme.service';
+import * as i0 from "@angular/core";
+export declare class CometChatUserMemberWrapperComponent {
+    private themeService;
+    userMemberListType: UserMemberListType;
+    onItemClick: (userMember: CometChat.User | CometChat.GroupMember) => void;
+    listItemView: any;
+    avatarStyle: AvatarStyle;
+    statusIndicatorStyle: any;
+    searchKeyword: string;
+    group: CometChat.Group;
+    subtitleView?: any;
+    usersRequestBuilder: CometChat.UsersRequestBuilder;
+    disableUsersPresence: boolean;
+    userPresencePlacement: UserPresencePlacement;
+    hideSeperator: boolean;
+    loadingStateView: any;
+    onEmpty?: () => void;
+    onError?: (error: CometChat.CometChatException) => void;
+    groupMemberRequestBuilder: CometChat.GroupMembersRequestBuilder;
+    loadingIconUrl: string;
+    disableLoadingState: boolean;
+    userMemberListTypeEnum: typeof UserMemberListType;
+    constructor(themeService: CometChatThemeService);
+    listItemStyle: ListItemStyle;
+    getUsersStyle: () => {
+        border: string;
+        background: string | undefined;
+        borderRadius: string;
+    };
+    getGroupMemebersStyle: () => {
+        border: string;
+        padding: string;
+        background: string | undefined;
+        borderRadius: string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<CometChatUserMemberWrapperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatUserMemberWrapperComponent, "cometchat-user-member-wrapper", never, { "userMemberListType": "userMemberListType"; "onItemClick": "onItemClick"; "listItemView": "listItemView"; "avatarStyle": "avatarStyle"; "statusIndicatorStyle": "statusIndicatorStyle"; "searchKeyword": "searchKeyword"; "group": "group"; "subtitleView": "subtitleView"; "usersRequestBuilder": "usersRequestBuilder"; "disableUsersPresence": "disableUsersPresence"; "userPresencePlacement": "userPresencePlacement"; "hideSeperator": "hideSeperator"; "loadingStateView": "loadingStateView"; "onEmpty": "onEmpty"; "onError": "onError"; "groupMemberRequestBuilder": "groupMemberRequestBuilder"; "loadingIconUrl": "loadingIconUrl"; "disableLoadingState": "disableLoadingState"; }, {}, never, never>;
+}

package/CometChatUserMemberWrapper/cometchat-user-member-wrapper.module.d.ts

@@ -0,0 +1,11 @@
+import "@cometchat/uikit-elements";
+import * as i0 from "@angular/core";
+import * as i1 from "./cometchat-user-member-wrapper.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../CometChatUsers/cometchat-users.module";
+import * as i4 from "../CometChatGroupMembers/cometchat-group-members.module";
+export declare class CometChatUserMemberWrapper {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CometChatUserMemberWrapper, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CometChatUserMemberWrapper, [typeof i1.CometChatUserMemberWrapperComponent], [typeof i2.CommonModule, typeof i3.CometChatUsers, typeof i4.CometChatGroupMembers], [typeof i1.CometChatUserMemberWrapperComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CometChatUserMemberWrapper>;
+}

package/CometChatUsers/cometchat-users/cometchat-users.component.d.ts

@@ -1,10 +1,11 @@
-import { ChangeDetectorRef, OnInit, TemplateRef } from '@angular/core';
-import { CometChat } from '@cometchat/chat-sdk-javascript';
-import { AvatarStyle, BaseStyle, ListItemStyle } from '@cometchat/uikit-elements';
-import { Subscription } from 'rxjs';
-import { CometChatOption, SelectionMode, TitleAlignment, States } from '@cometchat/uikit-resources';
-import { UsersStyle, ListStyle } from '@cometchat/uikit-shared';
-import { CometChatThemeService } from '../../CometChatTheme.service';
+import { ChangeDetectorRef, OnInit, SimpleChanges, TemplateRef } from "@angular/core";
+import { CometChat } from "@cometchat/chat-sdk-javascript";
+import { AvatarStyle, BaseStyle, ListItemStyle } from "@cometchat/uikit-elements";
+import { Subscription } from "rxjs";
+import { CometChatOption, SelectionMode, TitleAlignment, States } from "@cometchat/uikit-resources";
+import { UsersStyle, ListStyle } from "@cometchat/uikit-shared";
+import { CometChatThemeService } from "../../CometChatTheme.service";
+import { UserPresencePlacement } from "@cometchat/uikit-resources";
 import * as i0 from "@angular/core";
 export declare class CometChatUsersComponent implements OnInit {
     private ref;
@@ -24,7 +25,7 @@ export declare class CometChatUsersComponent implements OnInit {
     searchIconURL: string;
     hideSearch: boolean;
     title: string;
-    onError: (error: CometChat.CometChatException) => void;
+    onError?: (error: CometChat.CometChatException) => void;
     emptyStateView: TemplateRef<any>;
     onSelect: (user: CometChat.User, selected: boolean) => void;
     errorStateView: TemplateRef<any>;
@@ -41,6 +42,11 @@ export declare class CometChatUsersComponent implements OnInit {
     avatarStyle: AvatarStyle;
     onItemClick: (user: CometChat.User) => void;
     searchKeyword: string;
+    onEmpty?: () => void;
+    userPresencePlacement: UserPresencePlacement;
+    disableLoadingState: boolean;
+    fetchingUsers: boolean;
+    fetchTimeOut: any;
     userChecked: string;
     listStyle: ListStyle;
     usersRequest: any;
@@ -54,14 +60,18 @@ export declare class CometChatUsersComponent implements OnInit {
     requestBuilder: CometChat.UsersRequest;
     firstReload: boolean;
     connectionListenerId: string;
+    previousSearchKeyword: string;
     /**
-  * Events
-  */
+     * Events
+     */
     ccUserBlocked: Subscription;
     ccUserUnBlocked: Subscription;
     onScrolledToBottom: any;
     constructor(ref: ChangeDetectorRef, themeService: CometChatThemeService);
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    fetchUsersOnSearchKeyWordChange: () => void;
+    searchForUser: () => void;
     onUserSelected(user: CometChat.User, event: any): void;
     fetchNewUsers(): void;
     subscribeToEvents(): void;
@@ -89,7 +99,7 @@ export declare class CometChatUsersComponent implements OnInit {
     removeListener(): void;
     addMembersToList: (user: CometChat.User, event: any) => void;
     fetchNextUsersList: (state?: States) => void;
-    setRequestBuilder(): void;
+    setRequestBuilder(): import("@cometchat/chat-sdk-javascript").UsersRequest;
     /**
      * @param  {string} key
      */
@@ -107,5 +117,5 @@ export declare class CometChatUsersComponent implements OnInit {
         borderRadius: string | undefined;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<CometChatUsersComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatUsersComponent, "cometchat-users", never, { "usersRequestBuilder": "usersRequestBuilder"; "searchRequestBuilder": "searchRequestBuilder"; "subtitleView": "subtitleView"; "disableUsersPresence": "disableUsersPresence"; "listItemView": "listItemView"; "menu": "menu"; "options": "options"; "activeUser": "activeUser"; "hideSeparator": "hideSeparator"; "searchPlaceholder": "searchPlaceholder"; "hideError": "hideError"; "selectionMode": "selectionMode"; "searchIconURL": "searchIconURL"; "hideSearch": "hideSearch"; "title": "title"; "onError": "onError"; "emptyStateView": "emptyStateView"; "onSelect": "onSelect"; "errorStateView": "errorStateView"; "loadingIconURL": "loadingIconURL"; "showSectionHeader": "showSectionHeader"; "sectionHeaderField": "sectionHeaderField"; "loadingStateView": "loadingStateView"; "emptyStateText": "emptyStateText"; "errorStateText": "errorStateText"; "titleAlignment": "titleAlignment"; "usersStyle": "usersStyle"; "listItemStyle": "listItemStyle"; "statusIndicatorStyle": "statusIndicatorStyle"; "avatarStyle": "avatarStyle"; "onItemClick": "onItemClick"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatUsersComponent, "cometchat-users", never, { "usersRequestBuilder": "usersRequestBuilder"; "searchRequestBuilder": "searchRequestBuilder"; "subtitleView": "subtitleView"; "disableUsersPresence": "disableUsersPresence"; "listItemView": "listItemView"; "menu": "menu"; "options": "options"; "activeUser": "activeUser"; "hideSeparator": "hideSeparator"; "searchPlaceholder": "searchPlaceholder"; "hideError": "hideError"; "selectionMode": "selectionMode"; "searchIconURL": "searchIconURL"; "hideSearch": "hideSearch"; "title": "title"; "onError": "onError"; "emptyStateView": "emptyStateView"; "onSelect": "onSelect"; "errorStateView": "errorStateView"; "loadingIconURL": "loadingIconURL"; "showSectionHeader": "showSectionHeader"; "sectionHeaderField": "sectionHeaderField"; "loadingStateView": "loadingStateView"; "emptyStateText": "emptyStateText"; "errorStateText": "errorStateText"; "titleAlignment": "titleAlignment"; "usersStyle": "usersStyle"; "listItemStyle": "listItemStyle"; "statusIndicatorStyle": "statusIndicatorStyle"; "avatarStyle": "avatarStyle"; "onItemClick": "onItemClick"; "searchKeyword": "searchKeyword"; "onEmpty": "onEmpty"; "userPresencePlacement": "userPresencePlacement"; "disableLoadingState": "disableLoadingState"; }, {}, never, never>;
 }

package/Extensions/CollaborativeDocument/CollaborativeDocumentExtensionDecorator.d.ts

@@ -10,5 +10,5 @@ export declare class CollaborativeDocumentExtensionDecorator extends DataSourceD
     getAllMessageTemplates(): CometChatMessageTemplate[];
     getDocumentTemplate(): CometChatMessageTemplate;
     getAttachmentOptions(theme?: CometChatTheme, user?: CometChat.User, group?: CometChat.Group, id?: any): any;
-    getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User): string;
+    getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User, additionalConfigurations: any): string;
 }

package/Extensions/CollaborativeWhiteboard/CollaborativeWhiteboardExtensionDecorator.d.ts

@@ -10,5 +10,5 @@ export declare class CollaborativeWhiteBoardExtensionDecorator extends DataSourc
     getAllMessageTemplates(): CometChatMessageTemplate[];
     getWhiteBoardTemplate(): CometChatMessageTemplate;
     getAttachmentOptions(theme?: CometChatTheme, user?: CometChat.User, group?: CometChat.Group, id?: any): any;
-    getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User): string;
+    getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User, additionalConfigurations: any): string;
 }

package/Extensions/PollsExtension/PollsExtensionDecorator.d.ts

@@ -10,5 +10,5 @@ export declare class PollsExtensionDecorator extends DataSourceDecorator {
     getAllMessageTemplates(): CometChatMessageTemplate[];
     getPollsTemplate(): CometChatMessageTemplate;
     getAttachmentOptions(theme?: CometChatTheme, user?: CometChat.User, group?: CometChat.Group, id?: any): any;
-    getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User): string;
+    getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User, additionalConfigurations: any): string;
 }

package/Extensions/Stickers/StickersExtensionDecorator.d.ts

@@ -1,7 +1,7 @@
 import { DataSourceDecorator } from "../../Shared/Framework/DataSourceDecorator";
 import { CometChatMessageTemplate } from "@cometchat/uikit-resources";
-import { CometChat } from '@cometchat/chat-sdk-javascript';
-import { StickersConfiguration } from '@cometchat/uikit-shared';
+import { CometChat } from "@cometchat/chat-sdk-javascript";
+import { StickersConfiguration } from "@cometchat/uikit-shared";
 import { DataSource } from "../../Shared/Framework/DataSource";
 import { ComposerId } from "../../Shared/Utils/MessageUtils";
 import { CometChatException } from "../../Shared/Utils/ComeChatException";
@@ -24,5 +24,5 @@ export declare class StickersExtensionDecorator extends DataSourceDecorator {
     getAllMessageCategories(): string[];
     getAllMessageTypes(): string[];
     getId(): string;
-    getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User): string;
+    getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User, additionalConfigurations: any): string;
 }

package/Extensions/TextModerator/TextModeratorExtensionDecorator.d.ts

@@ -4,5 +4,5 @@ export declare class TextModeratorExtensionDecorator extends DataSourceDecorator
     constructor(dataSource: DataSource);
     getId(): string;
     getModeratedtext(message: CometChat.TextMessage): string;
-    getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User): string;
+    getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User, additionalConfigurations: any): string;
 }