@cometchat/chat-uikit-angular 4.2.0 → 4.3.0

package/Calls/CallingExtensionDecorator.d.ts

@@ -12,5 +12,5 @@ export declare class CallingExtensionDecorator extends DataSourceDecorator {
     getAllMessageTemplates(): CometChatMessageTemplate[];
     getDirectCallTemplate(): CometChatMessageTemplate;
     getDefaultCallTemplate(): CometChatMessageTemplate[];
-    getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User): string;
+    getLastConversationMessage(conversation: CometChat.Conversation, loggedInUser: CometChat.User, additionalParams?: any): string;
 }

package/CometChatConversations/cometchat-conversations/cometchat-conversations.component.d.ts

@@ -1,31 +1,33 @@
-import '@cometchat/uikit-elements';
-import { AvatarStyle, BackdropStyle, BadgeStyle, ConfirmDialogStyle, DateStyle, ListItemStyle, ReceiptStyle } from '@cometchat/uikit-elements';
-import { BaseStyle, ConversationsStyle, ListStyle } from "@cometchat/uikit-shared";
-import { CometChatOption, DatePatterns, SelectionMode, States, TitleAlignment } from '@cometchat/uikit-resources';
+import "@cometchat/uikit-elements";
+import { AvatarStyle, BackdropStyle, BadgeStyle, ConfirmDialogStyle, DateStyle, ListItemStyle, ReceiptStyle } from "@cometchat/uikit-elements";
+import { DomSanitizer, SafeHtml } from "@angular/platform-browser";
+import { BaseStyle, CometChatTextFormatter, ConversationsStyle, ListStyle } from "@cometchat/uikit-shared";
+import { CometChatOption, DatePatterns, SelectionMode, States, TitleAlignment } from "@cometchat/uikit-resources";
 import { ChangeDetectorRef, NgZone, OnChanges, OnInit, SimpleChanges, TemplateRef } from "@angular/core";
 import { CometChat } from "@cometchat/chat-sdk-javascript";
 import { CometChatThemeService } from "../../CometChatTheme.service";
 import { Subscription } from "rxjs";
 import * as i0 from "@angular/core";
 /**
-*
-* CometChatConversation is a wrapper component consists of CometChatListBaseComponent and ConversationListComponent.
-*
-* @version 1.0.0
-* @author CometChatTeam
-* @copyright © 2022 CometChat Inc.
-*
-*/
+ *
+ * CometChatConversation is a wrapper component consists of CometChatListBaseComponent and ConversationListComponent.
+ *
+ * @version 1.0.0
+ * @author CometChatTeam
+ * @copyright © 2022 CometChat Inc.
+ *
+ */
 export declare class CometChatConversationsComponent implements OnInit, OnChanges {
     private ngZone;
     private ref;
     private themeService;
+    private sanitizer;
     /**
-  * This properties will come from Parent.
-  */
+     * This properties will come from Parent.
+     */
     subtitleView: TemplateRef<any>;
     title: string;
-    options: ((member: CometChat.Conversation) => CometChatOption[]) | null;
+    options: ((conversation: CometChat.Conversation) => CometChatOption[]) | null;
     searchPlaceHolder: string;
     disableUsersPresence: boolean;
     disableReceipt: boolean;
@@ -146,6 +148,7 @@ export declare class CometChatConversationsComponent implements OnInit, OnChange
     userListenerId: string;
     groupListenerId: string;
     groupToUpdate: CometChat.Group | {};
+    safeHtml: SafeHtml;
     enablePolls: boolean;
     enableStickers: boolean;
     enableWhiteboard: boolean;
@@ -160,16 +163,18 @@ export declare class CometChatConversationsComponent implements OnInit, OnChange
     chatSearch: boolean;
     requestBuilder: CometChat.ConversationsRequest;
     /**
-      * Properties for internal use
-      */
+     * Properties for internal use
+     */
     localize: (str: string) => any;
     /**
-  * This properties will come from Parent.
-  */
+     * This properties will come from Parent.
+     */
     loggedInUser: CometChat.User | null;
+    disableMentions: boolean;
+    textFormatters?: Array<CometChatTextFormatter>;
     /**
-    * Properties for internal use
-    */
+     * Properties for internal use
+     */
     /**
      * passing this callback to menuList component on delete click
      * @param  {CometChat.Conversation} conversation
@@ -179,11 +184,11 @@ export declare class CometChatConversationsComponent implements OnInit, OnChange
     onConversationSelected(conversation: CometChat.Conversation, event: any): void;
     setStatusIndicatorStyle: (conversation: CometChat.Conversation) => any;
     /**
-   * @param  {CometChat.Conversation} conversation
-   */
+     * @param  {CometChat.Conversation} conversation
+     */
     checkStatusType(conversation: CometChat.Conversation): any;
     getExtensionData(messageObject: CometChat.BaseMessage): any;
-    setSubtitle: (conversationObject: CometChat.Conversation) => string;
+    setSubtitle: (conversationObject: CometChat.Conversation) => SafeHtml;
     checkGroupType(conversation: CometChat.Conversation): string;
     onCancelClick: () => void;
     getMessageReceipt: (conversation: CometChat.Conversation) => import("@cometchat/uikit-shared/dist/Utils/MessageReceiptUtils").receipts;
@@ -192,7 +197,7 @@ export declare class CometChatConversationsComponent implements OnInit, OnChange
         background: string;
         border: string;
     };
-    constructor(ngZone: NgZone, ref: ChangeDetectorRef, themeService: CometChatThemeService);
+    constructor(ngZone: NgZone, ref: ChangeDetectorRef, themeService: CometChatThemeService, sanitizer: DomSanitizer);
     ngOnInit(): void;
     attachConnectionListeners(): void;
     updateConversationObject(conversation: CometChat.Conversation): void;
@@ -349,5 +354,5 @@ export declare class CometChatConversationsComponent implements OnInit, OnChange
         textColor: string | undefined;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<CometChatConversationsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatConversationsComponent, "cometchat-conversations", never, { "subtitleView": "subtitleView"; "title": "title"; "options": "options"; "searchPlaceHolder": "searchPlaceHolder"; "disableUsersPresence": "disableUsersPresence"; "disableReceipt": "disableReceipt"; "disableTyping": "disableTyping"; "deliveredIcon": "deliveredIcon"; "readIcon": "readIcon"; "errorIcon": "errorIcon"; "datePattern": "datePattern"; "onError": "onError"; "sentIcon": "sentIcon"; "privateGroupIcon": "privateGroupIcon"; "protectedGroupIcon": "protectedGroupIcon"; "customSoundForMessages": "customSoundForMessages"; "activeConversation": "activeConversation"; "searchIconURL": "searchIconURL"; "hideSearch": "hideSearch"; "conversationsRequestBuilder": "conversationsRequestBuilder"; "emptyStateView": "emptyStateView"; "onSelect": "onSelect"; "loadingIconURL": "loadingIconURL"; "errorStateView": "errorStateView"; "loadingStateView": "loadingStateView"; "emptyStateText": "emptyStateText"; "errorStateText": "errorStateText"; "titleAlignment": "titleAlignment"; "listItemView": "listItemView"; "menu": "menu"; "hideSeparator": "hideSeparator"; "searchPlaceholder": "searchPlaceholder"; "hideError": "hideError"; "selectionMode": "selectionMode"; "disableSoundForMessages": "disableSoundForMessages"; "confirmDialogTitle": "confirmDialogTitle"; "confirmButtonText": "confirmButtonText"; "cancelButtonText": "cancelButtonText"; "confirmDialogMessage": "confirmDialogMessage"; "onItemClick": "onItemClick"; "deleteConversationDialogStyle": "deleteConversationDialogStyle"; "backdropStyle": "backdropStyle"; "badgeStyle": "badgeStyle"; "dateStyle": "dateStyle"; "conversationsStyle": "conversationsStyle"; "listItemStyle": "listItemStyle"; "statusIndicatorStyle": "statusIndicatorStyle"; "typingIndicatorText": "typingIndicatorText"; "threadIndicatorText": "threadIndicatorText"; "avatarStyle": "avatarStyle"; "receiptStyle": "receiptStyle"; "loggedInUser": "loggedInUser"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatConversationsComponent, "cometchat-conversations", never, { "subtitleView": "subtitleView"; "title": "title"; "options": "options"; "searchPlaceHolder": "searchPlaceHolder"; "disableUsersPresence": "disableUsersPresence"; "disableReceipt": "disableReceipt"; "disableTyping": "disableTyping"; "deliveredIcon": "deliveredIcon"; "readIcon": "readIcon"; "errorIcon": "errorIcon"; "datePattern": "datePattern"; "onError": "onError"; "sentIcon": "sentIcon"; "privateGroupIcon": "privateGroupIcon"; "protectedGroupIcon": "protectedGroupIcon"; "customSoundForMessages": "customSoundForMessages"; "activeConversation": "activeConversation"; "searchIconURL": "searchIconURL"; "hideSearch": "hideSearch"; "conversationsRequestBuilder": "conversationsRequestBuilder"; "emptyStateView": "emptyStateView"; "onSelect": "onSelect"; "loadingIconURL": "loadingIconURL"; "errorStateView": "errorStateView"; "loadingStateView": "loadingStateView"; "emptyStateText": "emptyStateText"; "errorStateText": "errorStateText"; "titleAlignment": "titleAlignment"; "listItemView": "listItemView"; "menu": "menu"; "hideSeparator": "hideSeparator"; "searchPlaceholder": "searchPlaceholder"; "hideError": "hideError"; "selectionMode": "selectionMode"; "disableSoundForMessages": "disableSoundForMessages"; "confirmDialogTitle": "confirmDialogTitle"; "confirmButtonText": "confirmButtonText"; "cancelButtonText": "cancelButtonText"; "confirmDialogMessage": "confirmDialogMessage"; "onItemClick": "onItemClick"; "deleteConversationDialogStyle": "deleteConversationDialogStyle"; "backdropStyle": "backdropStyle"; "badgeStyle": "badgeStyle"; "dateStyle": "dateStyle"; "conversationsStyle": "conversationsStyle"; "listItemStyle": "listItemStyle"; "statusIndicatorStyle": "statusIndicatorStyle"; "typingIndicatorText": "typingIndicatorText"; "threadIndicatorText": "threadIndicatorText"; "avatarStyle": "avatarStyle"; "receiptStyle": "receiptStyle"; "loggedInUser": "loggedInUser"; "disableMentions": "disableMentions"; "textFormatters": "textFormatters"; }, {}, never, never>;
 }

package/CometChatDetails/cometchat-details/cometchat-details.component.d.ts

@@ -26,7 +26,7 @@ export declare class CometChatDetailsComponent implements OnInit, OnChanges {
     hideProfile: boolean;
     subtitleView: TemplateRef<any>;
     customProfileView: TemplateRef<any>;
-    data: CometChatDetailsTemplate[];
+    data?: CometChatDetailsTemplate[];
     disableUsersPresence: boolean;
     privateGroupIcon: string;
     protectedGroupIcon: string;
@@ -132,8 +132,8 @@ export declare class CometChatDetailsComponent implements OnInit, OnChanges {
    */
     getGroupIcon: (group: CometChat.Group) => string | null | undefined;
     /**
- * @param  {CometChat.Group} group
- */
+  * @param  {CometChat.Group} group
+  */
     getStatusIndicatorColor(group: CometChat.Group): any;
     getTemplateOptions: (template: CometChatDetailsTemplate) => CometChatDetailsOption[];
     setThemeStyle(): void;

package/CometChatGroupMembers/cometchat-group-members/cometchat-group-members.component.d.ts

@@ -1,19 +1,19 @@
 import { OnInit, ChangeDetectorRef, TemplateRef, OnChanges, SimpleChanges } from "@angular/core";
 import { CometChat } from "@cometchat/chat-sdk-javascript";
-import { AvatarStyle, ListItemStyle, ChangeScopeStyle, MenuListStyle, BackdropStyle } from '@cometchat/uikit-elements';
+import { AvatarStyle, ListItemStyle, ChangeScopeStyle, MenuListStyle, BackdropStyle } from "@cometchat/uikit-elements";
 import { GroupMembersStyle, ListStyle } from "@cometchat/uikit-shared";
-import { CometChatOption, SelectionMode, States, TitleAlignment } from '@cometchat/uikit-resources';
+import { CometChatOption, SelectionMode, States, TitleAlignment, UserPresencePlacement } from "@cometchat/uikit-resources";
 import { CometChatThemeService } from "../../CometChatTheme.service";
 import * as i0 from "@angular/core";
 /**
-*
-*  CometChatGroupMembersComponent is used to render list of group members
-*
-* @version 1.0.0
-* @author CometChatTeam
-* @copyright © 2022 CometChat Inc.
-*
-*/
+ *
+ *  CometChatGroupMembersComponent is used to render list of group members
+ *
+ * @version 1.0.0
+ * @author CometChatTeam
+ * @copyright © 2022 CometChat Inc.
+ *
+ */
 export declare class CometChatGroupMembersComponent implements OnInit, OnChanges {
     private ref;
     private themeService;
@@ -26,7 +26,7 @@ export declare class CometChatGroupMembersComponent implements OnInit, OnChanges
     menu: TemplateRef<any>;
     options: ((member: CometChat.GroupMember) => CometChatOption[]) | null;
     backButtonIconURL: string;
-    closeButtonIconURL: string;
+    closeButtonIconURL: string | undefined;
     showBackButton: boolean;
     hideSeparator: boolean;
     selectionMode: SelectionMode;
@@ -34,7 +34,7 @@ export declare class CometChatGroupMembersComponent implements OnInit, OnChanges
     searchIconURL: string;
     hideSearch: boolean;
     title: string;
-    onError: ((error: CometChat.CometChatException) => void) | null;
+    onError?: ((error: CometChat.CometChatException) => void) | null;
     backdropStyle: BackdropStyle;
     onBack: () => void;
     onClose: () => void;
@@ -53,6 +53,10 @@ export declare class CometChatGroupMembersComponent implements OnInit, OnChanges
     groupMembersStyle: GroupMembersStyle;
     groupScopeStyle: ChangeScopeStyle;
     listItemStyle: ListItemStyle;
+    onItemClick: (user: CometChat.GroupMember) => void;
+    onEmpty?: () => void;
+    userPresencePlacement: UserPresencePlacement;
+    disableLoadingState: boolean;
     listStyle: ListStyle;
     menuListStyle: MenuListStyle;
     modalStyle: any;
@@ -74,14 +78,20 @@ export declare class CometChatGroupMembersComponent implements OnInit, OnChanges
     membersListenerId: string;
     loggedInUser: CometChat.User | null;
     changeScope: boolean;
+    fetchingGroups: boolean;
+    fetchTimeOut: any;
+    previousSearchKeyword: string;
     constructor(ref: ChangeDetectorRef, themeService: CometChatThemeService);
-    ngOnChanges(changes: SimpleChanges): void;
     memberScope: any[];
     membersList: CometChat.GroupMember[];
     closeClicked(): void;
     backClicked(): void;
+    onClick: (groupMember: CometChat.GroupMember) => void;
     onMemberSelected(member: CometChat.GroupMember, event: any): void;
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    searchKeyWordUpdated: () => void;
+    searchForGroupMembers: () => void;
     ngOnDestroy(): void;
     /**
      * @param  {CometChat.GroupMember} member
@@ -143,5 +153,5 @@ export declare class CometChatGroupMembersComponent implements OnInit, OnChanges
         textColor: string | undefined;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<CometChatGroupMembersComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatGroupMembersComponent, "cometchat-group-members", never, { "groupMemberRequestBuilder": "groupMemberRequestBuilder"; "searchRequestBuilder": "searchRequestBuilder"; "subtitleView": "subtitleView"; "listItemView": "listItemView"; "tailView": "tailView"; "disableUsersPresence": "disableUsersPresence"; "menu": "menu"; "options": "options"; "backButtonIconURL": "backButtonIconURL"; "closeButtonIconURL": "closeButtonIconURL"; "showBackButton": "showBackButton"; "hideSeparator": "hideSeparator"; "selectionMode": "selectionMode"; "searchPlaceholder": "searchPlaceholder"; "searchIconURL": "searchIconURL"; "hideSearch": "hideSearch"; "title": "title"; "onError": "onError"; "backdropStyle": "backdropStyle"; "onBack": "onBack"; "onClose": "onClose"; "onSelect": "onSelect"; "group": "group"; "emptyStateView": "emptyStateView"; "errorStateView": "errorStateView"; "loadingIconURL": "loadingIconURL"; "loadingStateView": "loadingStateView"; "emptyStateText": "emptyStateText"; "errorStateText": "errorStateText"; "titleAlignment": "titleAlignment"; "dropdownIconURL": "dropdownIconURL"; "statusIndicatorStyle": "statusIndicatorStyle"; "avatarStyle": "avatarStyle"; "groupMembersStyle": "groupMembersStyle"; "groupScopeStyle": "groupScopeStyle"; "listItemStyle": "listItemStyle"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatGroupMembersComponent, "cometchat-group-members", never, { "groupMemberRequestBuilder": "groupMemberRequestBuilder"; "searchRequestBuilder": "searchRequestBuilder"; "subtitleView": "subtitleView"; "listItemView": "listItemView"; "tailView": "tailView"; "disableUsersPresence": "disableUsersPresence"; "menu": "menu"; "options": "options"; "backButtonIconURL": "backButtonIconURL"; "closeButtonIconURL": "closeButtonIconURL"; "showBackButton": "showBackButton"; "hideSeparator": "hideSeparator"; "selectionMode": "selectionMode"; "searchPlaceholder": "searchPlaceholder"; "searchIconURL": "searchIconURL"; "hideSearch": "hideSearch"; "title": "title"; "onError": "onError"; "backdropStyle": "backdropStyle"; "onBack": "onBack"; "onClose": "onClose"; "onSelect": "onSelect"; "group": "group"; "emptyStateView": "emptyStateView"; "errorStateView": "errorStateView"; "loadingIconURL": "loadingIconURL"; "loadingStateView": "loadingStateView"; "emptyStateText": "emptyStateText"; "errorStateText": "errorStateText"; "titleAlignment": "titleAlignment"; "dropdownIconURL": "dropdownIconURL"; "statusIndicatorStyle": "statusIndicatorStyle"; "avatarStyle": "avatarStyle"; "groupMembersStyle": "groupMembersStyle"; "groupScopeStyle": "groupScopeStyle"; "listItemStyle": "listItemStyle"; "onItemClick": "onItemClick"; "onEmpty": "onEmpty"; "userPresencePlacement": "userPresencePlacement"; "disableLoadingState": "disableLoadingState"; "searchKeyword": "searchKeyword"; }, {}, never, never>;
 }

package/CometChatMessageBubble/cometchat-message-bubble/cometchat-message-bubble.component.d.ts

@@ -10,7 +10,7 @@ export declare class CometChatMessageBubbleComponent implements OnInit, OnChange
     messageBubbleStyle: BaseStyle;
     alignment: MessageBubbleAlignment;
     options: CometChatMessageOption[];
-    id: number | string | undefined;
+    id?: number | string;
     leadingView: TemplateRef<any> | null;
     headerView: TemplateRef<any> | null;
     replyView: TemplateRef<any> | null;
@@ -18,6 +18,7 @@ export declare class CometChatMessageBubbleComponent implements OnInit, OnChange
     threadView: TemplateRef<any> | null;
     footerView: TemplateRef<any> | null;
     bottomView: TemplateRef<any> | null;
+    statusInfoView: TemplateRef<any> | null;
     optionsStyle: MenuListStyle;
     moreIconURL: string;
     topMenuSize: number;
@@ -58,5 +59,5 @@ export declare class CometChatMessageBubbleComponent implements OnInit, OnChange
         alignItems: string;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<CometChatMessageBubbleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatMessageBubbleComponent, "cometchat-message-bubble", never, { "messageBubbleStyle": "messageBubbleStyle"; "alignment": "alignment"; "options": "options"; "id": "id"; "leadingView": "leadingView"; "headerView": "headerView"; "replyView": "replyView"; "contentView": "contentView"; "threadView": "threadView"; "footerView": "footerView"; "bottomView": "bottomView"; "moreIconURL": "moreIconURL"; "topMenuSize": "topMenuSize"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatMessageBubbleComponent, "cometchat-message-bubble", never, { "messageBubbleStyle": "messageBubbleStyle"; "alignment": "alignment"; "options": "options"; "id": "id"; "leadingView": "leadingView"; "headerView": "headerView"; "replyView": "replyView"; "contentView": "contentView"; "threadView": "threadView"; "footerView": "footerView"; "bottomView": "bottomView"; "statusInfoView": "statusInfoView"; "moreIconURL": "moreIconURL"; "topMenuSize": "topMenuSize"; }, {}, never, never>;
 }

package/CometChatMessageComposer/cometchat-message-composer/cometchat-message-composer.component.d.ts

@@ -1,8 +1,9 @@
 import { OnInit, ElementRef, ChangeDetectorRef, OnChanges, SimpleChanges, TemplateRef, EventEmitter } from "@angular/core";
+import { CometChat } from "@cometchat/chat-sdk-javascript";
 import { EmojiKeyboardStyle, PopoverStyle, ActionSheetStyle, PreviewStyle, MediaRecorderStyle, BackdropStyle } from "@cometchat/uikit-elements";
 import { Subscription } from "rxjs";
-import { localize, CometChatMessageComposerAction, AuxiliaryButtonAlignment, Placement, CometChatActionsView, States } from "@cometchat/uikit-resources";
-import { MessageComposerStyle, StickersConfiguration, StickersStyle, CreatePollStyle, ComposerId, SmartRepliesStyle, AIOptionsStyle } from "@cometchat/uikit-shared";
+import { localize, CometChatMessageComposerAction, AuxiliaryButtonAlignment, Placement, CometChatActionsView, States, UserMemberListType } from "@cometchat/uikit-resources";
+import { MessageComposerStyle, StickersConfiguration, StickersStyle, CreatePollStyle, ComposerId, SmartRepliesStyle, AIOptionsStyle, CometChatMentionsTextFormatter, CometChatTextFormatter, UserMentionStyle, UserMemberWrapperConfiguration } from "@cometchat/uikit-shared";
 import { CometChatThemeService } from "../../CometChatTheme.service";
 import "@cometchat/uikit-shared";
 import "@cometchat/uikit-elements";
@@ -26,6 +27,7 @@ export declare class CometChatMessageComposerComponent implements OnInit, OnChan
     stickerButtonRef: ElementRef;
     mediaRecordedRef: ElementRef;
     aiButtonRef: ElementRef;
+    userMemberWrapperRef: ElementRef;
     user: CometChat.User;
     group: CometChat.Group;
     disableSoundForMessages: boolean;
@@ -45,6 +47,9 @@ export declare class CometChatMessageComposerComponent implements OnInit, OnChan
     hideLiveReaction: boolean;
     LiveReactionIconURL: string;
     backButtonIconURL: string;
+    mentionsWarningText?: string;
+    mentionsWarningStyle?: any;
+    InfoSimpleIcon: string;
     messageComposerStyle: MessageComposerStyle;
     onSendButtonClick: ((message: CometChat.BaseMessage) => void) | undefined;
     onError: ((error: CometChat.CometChatException) => void) | null;
@@ -61,10 +66,23 @@ export declare class CometChatMessageComposerComponent implements OnInit, OnChan
     voiceRecordingStopIconURL: string;
     voiceRecordingSubmitIconURL: string;
     childEvent: EventEmitter<void>;
+    userMemberWrapperConfiguration: UserMemberWrapperConfiguration;
+    userMemberListType: UserMemberListType;
+    disableMentions?: boolean;
+    textFormatters?: Array<CometChatTextFormatter>;
     composerId: ComposerId;
+    mentionsFormatterInstanceId: string;
     composerActions: CometChatMessageComposerAction[];
     states: typeof States;
+    mentionsSearchTerm: string;
+    showListForMentions: boolean;
+    mentionsSearchCount: number;
+    lastEmptySearchTerm?: string;
     smartReplyState: States;
+    showMentionsCountWarning: boolean;
+    groupMembersRequestBuilder: CometChat.GroupMembersRequestBuilder;
+    usersRequestBuilder: CometChat.UsersRequestBuilder;
+    ccShowMentionsCountWarning: Subscription;
     loadingStateText: string;
     errorStateText: string;
     emptyStateText: string;
@@ -83,10 +101,14 @@ export declare class CometChatMessageComposerComponent implements OnInit, OnChan
     editPreviewObject: CometChat.TextMessage;
     ccMessageEdit: Subscription;
     ccComposeMessage: Subscription;
+    textFormatterList: Array<CometChatTextFormatter>;
+    mentionsTextFormatterInstance: CometChatMentionsTextFormatter;
+    mentionedUsers: Array<CometChat.User | CometChat.GroupMember>;
     acceptHandlers: any;
     enableStickerKeyboard: boolean;
     toggleMediaRecorded: boolean;
     showAiBotList: boolean;
+    mentionsTypeSetByUser: boolean;
     stickerConfiguration: {
         id?: string;
         configuration?: StickersConfiguration;
@@ -103,7 +125,7 @@ export declare class CometChatMessageComposerComponent implements OnInit, OnChan
     mediaRecorderButtonStyle: any;
     emojiKeyboardStyle: EmojiKeyboardStyle;
     stickerKeyboardStyle: StickersStyle;
-    messageInputStyle: any;
+    textInputStyle: any;
     previewStyle: PreviewStyle;
     createPollStyle: CreatePollStyle;
     storeTypingInterval: any;
@@ -120,13 +142,16 @@ export declare class CometChatMessageComposerComponent implements OnInit, OnChan
     attachmentButtonStyle: any;
     auxilaryPlacement: Placement;
     messageSending: boolean;
-    messageToBeEdited: CometChat.TextMessage;
+    messageToBeEdited: CometChat.TextMessage | null;
+    editPreviewText: string | null;
     showSendButton: boolean;
     showEmojiKeyboard: boolean;
     isAiEnabled: boolean;
     smartReplies: string[];
     loggedInUser: CometChat.User | null;
+    mentionStyleLocal: UserMentionStyle;
     sendMessageOnEnter: (event: any) => void;
+    disableSendButton(): void;
     messageInputChanged: (event: any) => void;
     appendEmoji: (event: any) => void;
     sendReaction(): void;
@@ -140,11 +165,20 @@ export declare class CometChatMessageComposerComponent implements OnInit, OnChan
     addAttachmentCallback(): void;
     subscribeToEvents(): void;
     openEditPreview(): void;
+    /**
+     * Adds @ for every mention the message by matching uid
+     *
+     * @param {string} message
+     * @returns  {void}
+     */
+    checkForMentions(message: CometChat.TextMessage): string;
     unsubscribeToEvents(): void;
     closeModals(): void;
     constructor(ref: ChangeDetectorRef, themeService: CometChatThemeService);
     callConversationSummaryMethod(): void;
     ngOnChanges(changes: SimpleChanges): void;
+    userOrGroupChanged(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
     customSendMethod(message: String): void;
     /**
      * @param  {String=""} textMsg
@@ -201,12 +235,23 @@ export declare class CometChatMessageComposerComponent implements OnInit, OnChan
     closePopovers(): void;
     getComposerId(): ComposerId;
     ngOnInit(): void;
+    /**
+     * Check for developer provided instance of MentionsTextFormatter
+     * If not provided, add default
+     * If provided, check if style is provided via configuration, then add style.
+     */
+    initializeMentionsFormatter: () => void;
+    getMentionsStyle: () => UserMentionStyle;
     getSmartReplies: () => Promise<unknown>;
     enableAiFeatures(): void;
     showAiBotMessageListMethod: (action: any) => void;
     sendReply: (event: any) => void;
     composerWrapperStyle(): {
+        height: string | undefined;
+        width: string | undefined;
         background: string | undefined;
+        border: string | undefined;
+        borderRadius: string | undefined;
     };
     setTheme(): void;
     setComposerStyle(): void;
@@ -219,8 +264,42 @@ export declare class CometChatMessageComposerComponent implements OnInit, OnChan
         background: string;
         buttonIconTint: string | undefined;
     };
+    /**
+     * Accepts search term from mentionsTextFormatter and opens the mentions select list
+     *
+     * @param {string} searchTerm
+     * @returns {void}
+     */
+    searchMentions: (searchTerm: string) => void;
+    /**
+     * Called when clicking a user from the mentions list.
+     * Add the user to mentions text formatter instance and then call rerender to style the mention
+     * within message input.
+     *
+     * @param {CometChat.User} user
+     */
+    defaultMentionsItemClickHandler: (user: CometChat.User | CometChat.GroupMember) => void;
+    /**
+     * Close mentions list if search returns empty list
+     */
+    defaultOnEmptyForMentions: () => void;
+    getMentionInfoIconStyle: () => {
+        height: string;
+        width: string;
+        buttonTextFont: string;
+        buttonTextColor: string | undefined;
+        borderRadius: string;
+        border: string;
+        buttonIconTint: string | undefined;
+        padding: string;
+        iconHeight: string;
+        iconWidth: string;
+        iconBackground: string;
+        gap: string;
+    };
+    handleClickOutside: (event: any) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CometChatMessageComposerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatMessageComposerComponent, "cometchat-message-composer", never, { "user": "user"; "group": "group"; "disableSoundForMessages": "disableSoundForMessages"; "customSoundForMessage": "customSoundForMessage"; "disableTypingEvents": "disableTypingEvents"; "text": "text"; "placeholderText": "placeholderText"; "headerView": "headerView"; "onTextChange": "onTextChange"; "attachmentIconURL": "attachmentIconURL"; "attachmentOptions": "attachmentOptions"; "secondaryButtonView": "secondaryButtonView"; "auxilaryButtonView": "auxilaryButtonView"; "auxiliaryButtonsAlignment": "auxiliaryButtonsAlignment"; "sendButtonView": "sendButtonView"; "parentMessageId": "parentMessageId"; "hideLiveReaction": "hideLiveReaction"; "LiveReactionIconURL": "LiveReactionIconURL"; "backButtonIconURL": "backButtonIconURL"; "messageComposerStyle": "messageComposerStyle"; "onSendButtonClick": "onSendButtonClick"; "onError": "onError"; "backdropStyle": "backdropStyle"; "actionSheetStyle": "actionSheetStyle"; "aiActionSheetStyle": "aiActionSheetStyle"; "hideVoiceRecording": "hideVoiceRecording"; "mediaRecorderStyle": "mediaRecorderStyle"; "aiOptionsStyle": "aiOptionsStyle"; "aiIconURL": "aiIconURL"; "voiceRecordingIconURL": "voiceRecordingIconURL"; "voiceRecordingCloseIconURL": "voiceRecordingCloseIconURL"; "voiceRecordingStartIconURL": "voiceRecordingStartIconURL"; "voiceRecordingStopIconURL": "voiceRecordingStopIconURL"; "voiceRecordingSubmitIconURL": "voiceRecordingSubmitIconURL"; }, { "childEvent": "childEvent"; }, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatMessageComposerComponent, "cometchat-message-composer", never, { "user": "user"; "group": "group"; "disableSoundForMessages": "disableSoundForMessages"; "customSoundForMessage": "customSoundForMessage"; "disableTypingEvents": "disableTypingEvents"; "text": "text"; "placeholderText": "placeholderText"; "headerView": "headerView"; "onTextChange": "onTextChange"; "attachmentIconURL": "attachmentIconURL"; "attachmentOptions": "attachmentOptions"; "secondaryButtonView": "secondaryButtonView"; "auxilaryButtonView": "auxilaryButtonView"; "auxiliaryButtonsAlignment": "auxiliaryButtonsAlignment"; "sendButtonView": "sendButtonView"; "parentMessageId": "parentMessageId"; "hideLiveReaction": "hideLiveReaction"; "LiveReactionIconURL": "LiveReactionIconURL"; "backButtonIconURL": "backButtonIconURL"; "mentionsWarningText": "mentionsWarningText"; "mentionsWarningStyle": "mentionsWarningStyle"; "messageComposerStyle": "messageComposerStyle"; "onSendButtonClick": "onSendButtonClick"; "onError": "onError"; "backdropStyle": "backdropStyle"; "actionSheetStyle": "actionSheetStyle"; "aiActionSheetStyle": "aiActionSheetStyle"; "hideVoiceRecording": "hideVoiceRecording"; "mediaRecorderStyle": "mediaRecorderStyle"; "aiOptionsStyle": "aiOptionsStyle"; "aiIconURL": "aiIconURL"; "voiceRecordingIconURL": "voiceRecordingIconURL"; "voiceRecordingCloseIconURL": "voiceRecordingCloseIconURL"; "voiceRecordingStartIconURL": "voiceRecordingStartIconURL"; "voiceRecordingStopIconURL": "voiceRecordingStopIconURL"; "voiceRecordingSubmitIconURL": "voiceRecordingSubmitIconURL"; "userMemberWrapperConfiguration": "userMemberWrapperConfiguration"; "disableMentions": "disableMentions"; "textFormatters": "textFormatters"; }, { "childEvent": "childEvent"; }, never, never>;
 }
 export interface Buttons {
     title: string;

package/CometChatMessageComposer/cometchat-message-composer.module.d.ts

@@ -3,8 +3,9 @@ import * as i0 from "@angular/core";
 import * as i1 from "./cometchat-message-composer/cometchat-message-composer.component";
 import * as i2 from "@angular/common";
 import * as i3 from "../Shared/Views/AIAssistBotMessageList/aiassist-bot-message-list.module";
+import * as i4 from "../CometChatUserMemberWrapper/cometchat-user-member-wrapper.module";
 export declare class CometChatMessageComposer {
     static ɵfac: i0.ɵɵFactoryDeclaration<CometChatMessageComposer, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CometChatMessageComposer, [typeof i1.CometChatMessageComposerComponent], [typeof i2.CommonModule, typeof i3.AIAssistBotMessageList], [typeof i1.CometChatMessageComposerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CometChatMessageComposer, [typeof i1.CometChatMessageComposerComponent], [typeof i2.CommonModule, typeof i3.AIAssistBotMessageList, typeof i4.CometChatUserMemberWrapper], [typeof i1.CometChatMessageComposerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CometChatMessageComposer>;
 }