@cometchat/chat-uikit-angular 4.0.0-beta.1.4 → 4.0.0

package/CometChatGroups/cometchat-groups/cometchat-groups.component.d.ts

@@ -1,10 +1,10 @@
 import { ChangeDetectorRef, OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
-import { CometChat } from '@cometchat-pro/chat';
-import { States, TitleAlignment, SelectionMode, GroupsStyle, ListStyle } from "@cometchat/uikit-shared";
+import { CometChat } from '@cometchat/chat-sdk-javascript';
+import { GroupsStyle, ListStyle } from "@cometchat/uikit-shared";
 import { AvatarStyle, ListItemStyle } from '@cometchat/uikit-elements';
 import { Subscription } from 'rxjs';
 import { CometChatThemeService } from '../../CometChatTheme.service';
-import { CometChatOption } from '@cometchat/uikit-resources';
+import { CometChatOption, States, TitleAlignment, SelectionMode } from '@cometchat/uikit-resources';
 import * as i0 from "@angular/core";
 /**
 *
@@ -33,7 +33,7 @@ export declare class CometChatGroupsComponent implements OnInit, OnChanges {
     hideSearch: boolean;
     title: string;
     onError: (error: CometChat.CometChatException) => void;
-    onSelect: (group: CometChat.Group) => void;
+    onSelect: (group: CometChat.Group, selected: boolean) => void;
     emptyStateView: TemplateRef<any>;
     errorStateView: TemplateRef<any>;
     loadingIconURL: string;
@@ -59,6 +59,9 @@ export declare class CometChatGroupsComponent implements OnInit, OnChanges {
     groupsListenerId: string;
     loggedInUser: CometChat.User | null;
     statusColor: any;
+    requestBuilder: CometChat.GroupsRequest;
+    firstReload: boolean;
+    connectionListenerId: string;
     onScrolledToBottom: any;
     ccGroupMemberAdded: Subscription;
     ccGroupLeft: Subscription;
@@ -71,6 +74,7 @@ export declare class CometChatGroupsComponent implements OnInit, OnChanges {
     constructor(ref: ChangeDetectorRef, themeService: CometChatThemeService);
     ngOnChanges(changes: SimpleChanges): void;
     ngOnInit(): void;
+    onGroupSelected(group: CometChat.Group, event: any): void;
     subscribeToEvents(): void;
     unsubscribeToEvents(): void;
     ngOnDestroy(): void;
@@ -82,9 +86,11 @@ export declare class CometChatGroupsComponent implements OnInit, OnChanges {
      * @param  {CometChat.Group} group
      */
     getGroupIcon: (group: CometChat.Group) => string | null | undefined;
+    fetchNewUsers(): void;
+    attachConnectionListeners(): void;
     attachListeners(): void;
     removeListener(): void;
-    fetchNextGroupList: () => void;
+    fetchNextGroupList: (state?: States) => void;
     /**
      * @param  {CometChat.Group} group
      */
@@ -101,7 +107,7 @@ export declare class CometChatGroupsComponent implements OnInit, OnChanges {
      * @param  {CometChat.Group} group
      */
     getActiveGroup: (group: CometChat.Group) => boolean;
-    getRequestBuilder(): CometChat.GroupsRequest;
+    setRequestBuilder(): void;
     /**
      * @param  {CometChat.Group} group
      */

package/CometChatGroupsWithMessages/cometchat-groups-with-messages/cometchat-groups-with-messages.component.d.ts

@@ -1,11 +1,10 @@
 import { OnInit, OnChanges, SimpleChanges, ChangeDetectorRef, ElementRef } from "@angular/core";
-import { CometChat } from "@cometchat-pro/chat";
 import { CometChatMessagesComponent } from "../../CometChatMessages/cometchat-messages/cometchat-messages.component";
 import { CometChatConversationsComponent } from "../../CometChatConversations/cometchat-conversations/cometchat-conversations.component";
 import { WithMessagesStyle, MessagesConfiguration, GroupsConfiguration, CreateGroupConfiguration, JoinGroupConfiguration, MessageHeaderStyle } from '@cometchat/uikit-shared';
 import '@cometchat/uikit-elements';
 import { Subscription } from "rxjs";
-import { CreateGroupStyle, JoinGroupStyle, ListItemStyle } from "@cometchat/uikit-elements";
+import { BackdropStyle, CreateGroupStyle, JoinGroupStyle, ListItemStyle } from "@cometchat/uikit-elements";
 import { CometChatThemeService } from "../../CometChatTheme.service";
 import { CometChatTheme } from "@cometchat/uikit-resources";
 import * as i0 from "@angular/core";
@@ -35,7 +34,7 @@ export declare class CometChatGroupsWithMessagesComponent implements OnInit, OnC
     groupsConfiguration: GroupsConfiguration;
     onError: ((error: CometChat.CometChatException) => void) | null;
     theme: CometChatTheme;
-    backdropStyle: any;
+    backdropStyle: BackdropStyle;
     createGroupStyle: CreateGroupStyle;
     joinGroupStyle: JoinGroupStyle;
     messageHeaderStyle: MessageHeaderStyle;
@@ -50,6 +49,7 @@ export declare class CometChatGroupsWithMessagesComponent implements OnInit, OnC
     openCreateGroupPage: boolean;
     openPasswordModal: boolean;
     protectedGroup: CometChat.Group | null;
+    user: CometChat.User | null;
     /**
     * Events
     */
@@ -61,6 +61,8 @@ export declare class CometChatGroupsWithMessagesComponent implements OnInit, OnC
     ccOwnershipChanged: Subscription;
     ccGroupDeleted: Subscription;
     ccGroupCreated: Subscription;
+    ccOpenChat: Subscription;
+    sideBarStyle: any;
     constructor(elementRef: ElementRef, ref: ChangeDetectorRef, themeService: CometChatThemeService);
     ngOnChanges(changes: SimpleChanges): void;
     ngAfterViewInit(): void;
@@ -85,7 +87,7 @@ export declare class CometChatGroupsWithMessagesComponent implements OnInit, OnC
         background: string | undefined;
         height: string | undefined;
         width: string;
-        border: string | undefined;
+        border: string;
         borderRadius: string | undefined;
     };
     groupsWrapperStyles: () => {

package/CometChatList/cometchat-list.component.d.ts

@@ -1,6 +1,7 @@
 import { ElementRef, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
 import { SearchInputStyle } from '@cometchat/uikit-elements';
-import { ListStyle, States, TitleAlignment } from '@cometchat/uikit-shared';
+import { ListStyle } from '@cometchat/uikit-shared';
+import { States, TitleAlignment } from '@cometchat/uikit-resources';
 import * as i0 from "@angular/core";
 export declare class CometchatListComponent implements OnInit {
     listScroll: ElementRef;

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

@@ -1,8 +1,8 @@
 import { OnInit, ChangeDetectorRef, TemplateRef, OnChanges, SimpleChanges } from '@angular/core';
-import { BaseStyle, MessageBubbleAlignment } from '@cometchat/uikit-shared';
+import { BaseStyle } from '@cometchat/uikit-shared';
 import { MenuListStyle } from '@cometchat/uikit-elements';
 import { CometChatThemeService } from '../../CometChatTheme.service';
-import { CometChatMessageOption, CometChatTheme } from '@cometchat/uikit-resources';
+import { CometChatMessageOption, CometChatTheme, MessageBubbleAlignment } from '@cometchat/uikit-resources';
 import * as i0 from "@angular/core";
 export declare class CometChatMessageBubbleComponent implements OnInit, OnChanges {
     private ref;

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

@@ -1,9 +1,8 @@
 import { OnInit, ElementRef, ChangeDetectorRef, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
-import { CometChat } from '@cometchat-pro/chat';
-import { EmojiKeyboardStyle, PopoverStyle, ActionSheetStyle, PreviewStyle } from '@cometchat/uikit-elements';
+import { EmojiKeyboardStyle, PopoverStyle, ActionSheetStyle, PreviewStyle, MediaRecorderStyle, BackdropStyle } from '@cometchat/uikit-elements';
 import { Subscription } from 'rxjs';
 import { localize, CometChatMessageComposerAction, AuxiliaryButtonAlignment, Placement } from '@cometchat/uikit-resources';
-import { MessageComposerStyle, StickersConfiguration, StickersStyle, CreatePollStyle, BaseStyle, ComposerId } from '@cometchat/uikit-shared';
+import { MessageComposerStyle, StickersConfiguration, StickersStyle, CreatePollStyle, ComposerId } from '@cometchat/uikit-shared';
 import { CometChatThemeService } from '../../CometChatTheme.service';
 import '@cometchat/uikit-shared';
 import '@cometchat/uikit-elements';
@@ -25,6 +24,7 @@ export declare class CometChatMessageComposerComponent implements OnInit, OnChan
     emojiButtonRef: ElementRef;
     actionSheetRef: ElementRef;
     stickerButtonRef: ElementRef;
+    mediaRecordedRef: ElementRef;
     user: CometChat.User;
     group: CometChat.Group;
     disableSoundForMessages: boolean;
@@ -46,7 +46,14 @@ export declare class CometChatMessageComposerComponent implements OnInit, OnChan
     messageComposerStyle: MessageComposerStyle;
     onSendButtonClick: ((message: CometChat.BaseMessage) => void) | undefined;
     onError: ((error: CometChat.CometChatException) => void) | null;
-    backdropStyle: BaseStyle;
+    backdropStyle: BackdropStyle;
+    hideVoiceRecording: boolean;
+    mediaRecorderStyle: MediaRecorderStyle;
+    voiceRecordingIconURL: string;
+    voiceRecordingCloseIconURL: string;
+    voiceRecordingStartIconURL: string;
+    voiceRecordingStopIconURL: string;
+    voiceRecordingSubmitIconURL: string;
     composerId: ComposerId;
     composerActions: CometChatMessageComposerAction[];
     showCreatePolls: boolean;
@@ -57,15 +64,18 @@ export declare class CometChatMessageComposerComponent implements OnInit, OnChan
     ccMessageEdit: Subscription;
     acceptHandlers: any;
     enableStickerKeyboard: boolean;
+    toggleMediaRecorded: boolean;
     stickerConfiguration: {
         id?: string;
         configuration?: StickersConfiguration;
     };
-    closeIconURL: string;
+    closeButtonIconURL: string;
     sendButtonStyle: any;
     liveReactionStyle: any;
     localize: typeof localize;
     emojiButtonStyle: any;
+    stickerButtonStyle: any;
+    mediaRecorderButtonStyle: any;
     emojiKeyboardStyle: EmojiKeyboardStyle;
     stickerKeyboardStyle: StickersStyle;
     messageInputStyle: any;
@@ -74,6 +84,7 @@ export declare class CometChatMessageComposerComponent implements OnInit, OnChan
     storeTypingInterval: any;
     emojiPopover: PopoverStyle;
     stickerPopover: PopoverStyle;
+    mediaRecordedPopover: PopoverStyle;
     popoverStyle: PopoverStyle;
     sendButtonIconURL: string;
     emojiButtonIconURL: string;
@@ -94,6 +105,11 @@ export declare class CometChatMessageComposerComponent implements OnInit, OnChan
     sendReaction(): void;
     openCreatePolls: () => void;
     closeCreatePolls: () => void;
+    sendRecordedMedia: (event: any) => void;
+    closeMediaRecorder(event?: any): void;
+    getFormattedDate(): string;
+    padZero(num: number): string;
+    sendRecordedAudio: (file: Blob) => boolean;
     addAttachmentCallback(): void;
     subscribeToEvents(): void;
     openEditPreview(): void;
@@ -147,6 +163,7 @@ export declare class CometChatMessageComposerComponent implements OnInit, OnChan
     openAudioPicker: () => void;
     openActionSheet: (event: any) => void;
     openEmojiKeyboard: (event: any) => void;
+    openMediaRecorded: (event: any) => void;
     openStickerKeyboard: (event: any) => void;
     closePopovers(): void;
     getComposerId(): ComposerId;
@@ -158,5 +175,5 @@ export declare class CometChatMessageComposerComponent implements OnInit, OnChan
     setComposerStyle(): void;
     closePreview(): 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"; "messageComposerStyle": "messageComposerStyle"; "onSendButtonClick": "onSendButtonClick"; "onError": "onError"; "backdropStyle": "backdropStyle"; }, {}, 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"; "messageComposerStyle": "messageComposerStyle"; "onSendButtonClick": "onSendButtonClick"; "onError": "onError"; "backdropStyle": "backdropStyle"; "hideVoiceRecording": "hideVoiceRecording"; "mediaRecorderStyle": "mediaRecorderStyle"; "voiceRecordingIconURL": "voiceRecordingIconURL"; "voiceRecordingCloseIconURL": "voiceRecordingCloseIconURL"; "voiceRecordingStartIconURL": "voiceRecordingStartIconURL"; "voiceRecordingStopIconURL": "voiceRecordingStopIconURL"; "voiceRecordingSubmitIconURL": "voiceRecordingSubmitIconURL"; }, {}, never, never>;
 }

package/CometChatMessageHeader/cometchat-message-header/cometchat-message-header.component.d.ts

@@ -1,5 +1,5 @@
 import { OnInit, ChangeDetectorRef, TemplateRef, OnChanges, SimpleChanges } from '@angular/core';
-import { CometChat } from '@cometchat-pro/chat';
+import { CometChat } from '@cometchat/chat-sdk-javascript';
 import { ListItemStyle, AvatarStyle, BaseStyle } from '@cometchat/uikit-elements';
 import { Subscription } from 'rxjs';
 import { CometChatTheme } from '@cometchat/uikit-resources';

package/CometChatMessageInformation/cometchat-message-information/cometchat-message-information.component.d.ts

@@ -0,0 +1,95 @@
+import { OnInit, ChangeDetectorRef, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
+import { CometChatThemeService } from '../../CometChatTheme.service';
+import { CometChatMessageTemplate, Receipts, States } from '@cometchat/uikit-resources';
+import { ListStyle, MessageInformationStyle } from '@cometchat/uikit-shared';
+import { DateStyle, LabelStyle, ListItemStyle, ReceiptStyle } from '@cometchat/uikit-elements';
+import * as i0 from "@angular/core";
+/**
+*
+* CometChatMessageInformationComponent is a used to render listitem component.
+*
+* @version 1.0.0
+* @author CometChatTeam
+* @copyright © 2022 CometChat Inc.
+*
+*/
+export declare class CometChatMessageInformationComponent implements OnInit, OnChanges {
+    private ref;
+    private themeService;
+    closeIconURL: string;
+    message: CometChat.BaseMessage;
+    title: string;
+    template: CometChatMessageTemplate;
+    bubbleView: TemplateRef<any>;
+    subtitleView: TemplateRef<any>;
+    listItemView: TemplateRef<any>;
+    receiptDatePattern: (timestamp: number) => string;
+    onError: ((error: CometChat.CometChatException) => void) | null;
+    messageInformationStyle: MessageInformationStyle;
+    readIcon: string;
+    deliveredIcon: string;
+    onClose: () => void;
+    listItemStyle: ListItemStyle;
+    emptyStateText: string;
+    errorStateText: string;
+    emptyStateView: TemplateRef<any>;
+    loadingIconURL: string;
+    loadingStateView: TemplateRef<any>;
+    errorStateView: TemplateRef<any>;
+    receipts: CometChat.MessageReceipt[];
+    receiptStyle: ReceiptStyle;
+    isUserType: boolean;
+    deliveredReceipt: Receipts;
+    msgListenerId: string;
+    readReceipt: Receipts;
+    listStyle: ListStyle;
+    messageText: string;
+    receiptInfoText: string;
+    emptyLabelStyle: LabelStyle;
+    dateStyle: DateStyle;
+    dividerStyle: any;
+    states: States;
+    constructor(ref: ChangeDetectorRef, themeService: CometChatThemeService);
+    ngOnChanges(changes: SimpleChanges): void;
+    getDatePattern(timestamp: number): string | undefined;
+    ngOnInit(): void;
+    setTheme(): void;
+    setListItemStyle(): void;
+    setMessageInfoStyle(): void;
+    ngOnDestroy(): void;
+    addMessageEventListeners(): void;
+    getAvatarUrl(): string;
+    getUserReceipt(): number;
+    getMessageReceipt(): import("@cometchat/uikit-shared/dist/Utils/MessageReceiptUtils").receipts;
+    getMessageReceipts(): void;
+    closeClicked(): void;
+    closeButtonStyle: () => {
+        height: string;
+        width: string;
+        border: string;
+        borderRadius: string;
+        background: string;
+        buttonIconTint: string | undefined;
+    };
+    getSubtitleStyle(): {
+        textFont: string | undefined;
+        textColor: string | undefined;
+    };
+    getTitleStyle(): {
+        textFont: string | undefined;
+        textColor: string | undefined;
+    };
+    wrapperStyle: () => {
+        height: string | undefined;
+        width: string | undefined;
+        background: string | undefined;
+        border: string | undefined;
+        borderRadius: string | undefined;
+    };
+    getCaptionStyle: () => {
+        textFont: string | undefined;
+        textColor: string | undefined;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<CometChatMessageInformationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatMessageInformationComponent, "cometchat-message-information", never, { "closeIconURL": "closeIconURL"; "message": "message"; "title": "title"; "template": "template"; "bubbleView": "bubbleView"; "subtitleView": "subtitleView"; "listItemView": "listItemView"; "receiptDatePattern": "receiptDatePattern"; "onError": "onError"; "messageInformationStyle": "messageInformationStyle"; "readIcon": "readIcon"; "deliveredIcon": "deliveredIcon"; "onClose": "onClose"; "listItemStyle": "listItemStyle"; "emptyStateText": "emptyStateText"; "errorStateText": "errorStateText"; "emptyStateView": "emptyStateView"; "loadingIconURL": "loadingIconURL"; "loadingStateView": "loadingStateView"; "errorStateView": "errorStateView"; }, {}, never, never>;
+}

package/CometChatMessageInformation/cometchat-message-information.module.d.ts

@@ -0,0 +1,10 @@
+import '@cometchat/uikit-elements';
+import * as i0 from "@angular/core";
+import * as i1 from "./cometchat-message-information/cometchat-message-information.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../CometChatList/cometchat-list.module";
+export declare class CometChatMessageInformation {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CometChatMessageInformation, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CometChatMessageInformation, [typeof i1.CometChatMessageInformationComponent], [typeof i2.CommonModule, typeof i3.CometChatList], [typeof i1.CometChatMessageInformationComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CometChatMessageInformation>;
+}

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

@@ -1,10 +1,10 @@
 import { OnInit, OnDestroy, ChangeDetectorRef, ElementRef, OnChanges, SimpleChanges, TemplateRef, NgZone } from "@angular/core";
-import { CometChat } from "@cometchat-pro/chat";
+import { CometChat } from "@cometchat/chat-sdk-javascript";
 import { Subscription } from "rxjs";
-import { DateStyle, AvatarStyle, MenuListStyle, ReceiptStyle, BaseStyle, DocumentBubbleStyle, ConfirmDialogStyle, FullScreenViewerStyle } from '@cometchat/uikit-elements';
+import { DateStyle, AvatarStyle, MenuListStyle, ReceiptStyle, BaseStyle, DocumentBubbleStyle, ConfirmDialogStyle, FullScreenViewerStyle, CallscreenStyle, BackdropStyle } from '@cometchat/uikit-elements';
 import { CometChatThemeService } from "../../CometChatTheme.service";
 import { States, localize, MessageListAlignment, DatePatterns, TimestampAlignment, CometChatMessageTemplate, DocumentIconAlignment, CometChatUIKitConstants, CometChatTheme, MessageBubbleAlignment, CometChatMessageOption } from "@cometchat/uikit-resources";
-import { MessageListStyle, MessageTranslationStyle, PollsBubbleStyle, ImageModerationStyle, SmartRepliesStyle, SmartRepliesConfiguration, CallscreenStyle } from "@cometchat/uikit-shared";
+import { MessageListStyle, MessageTranslationStyle, PollsBubbleStyle, ImageModerationStyle, SmartRepliesStyle, SmartRepliesConfiguration, MessageInformationConfiguration } from "@cometchat/uikit-shared";
 import { LinkPreviewStyle } from "@cometchat/uikit-shared";
 import * as i0 from "@angular/core";
 /**
@@ -67,10 +67,11 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
     footerView: TemplateRef<any>;
     parentMessageId: number;
     avatarStyle: AvatarStyle;
-    backdropStyle: BaseStyle;
+    backdropStyle: BackdropStyle;
     dateSeparatorStyle: DateStyle;
     messageListStyle: MessageListStyle;
     onError: ((error: CometChat.CometChatException) => void) | null;
+    messageInformationConfiguration: MessageInformationConfiguration;
     state: States;
     optionsStyle: MenuListStyle;
     receiptStyle: ReceiptStyle;
@@ -92,16 +93,11 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
     smartReplyConfig: SmartRepliesConfiguration;
     timeStampBackground: string;
     linkPreviewStyle: LinkPreviewStyle;
-    unreadMessagesStyle: {
+    unreadMessagesStyle: {};
+    modalStyle: {
         height: string;
         width: string;
-        background: string;
-        display: string;
-        justifyContent: string;
-        buttonTextFont: string;
-        color: string;
-        border: string;
-        borderRadius: string;
+        closeIconTint: string;
     };
     dividerStyle: BaseStyle;
     pollBubbleStyle: PollsBubbleStyle;
@@ -128,6 +124,7 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
     bottomObserver: IntersectionObserver;
     localize: typeof localize;
     reinitialized: boolean;
+    addReactionIconURL: string;
     MessageTypesConstant: typeof CometChatUIKitConstants.MessageTypes;
     callConstant: string;
     typesMap: any;
@@ -147,6 +144,7 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
     numberOfTopScroll: number;
     keepRecentMessages: boolean;
     messageTemplate: CometChatMessageTemplate[];
+    openContactsView: boolean;
     messageCount: number;
     isOnBottom: boolean;
     UnreadCount: CometChat.BaseMessage[];
@@ -176,6 +174,7 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
     ccCallAccepted: Subscription;
     ccGroupMemberScopeChanged: Subscription;
     threadedAlignment: MessageBubbleAlignment;
+    messageInfoAlignment: MessageBubbleAlignment;
     openEmojiKeyboard: boolean;
     keyboardAlignment: string;
     popoverStyle: any;
@@ -195,6 +194,13 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
     enableCalling: boolean;
     ongoingCallStyle: CallscreenStyle;
     sessionId: string;
+    openMessageInfoPage: boolean;
+    messageInfoObject: CometChat.BaseMessage;
+    firstReload: boolean;
+    isWebsocketReconnected: boolean;
+    connectionListenerId: string;
+    lastMessageId: number;
+    isConnectionReestablished: boolean;
     getThreadViewStyle(message: CometChat.BaseMessage): {
         height: string;
         width: string;
@@ -218,10 +224,13 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
     categories: string[];
     constructor(ngZone: NgZone, ref: ChangeDetectorRef, themeService: CometChatThemeService);
     ngOnChanges(changes: SimpleChanges): void;
+    sendMessage(message: CometChat.BaseMessage, receiverId: string, receiverType: string): Promise<unknown>;
+    closeContactsPage: () => void;
     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;
@@ -229,14 +238,16 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
         border: string;
         borderRadius: string;
         background: string;
-        textFont: string;
-        textColor: string | undefined;
-        activeTextColor: string | undefined;
-        activeTextFont: 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;
     };
@@ -247,7 +258,12 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
     deleteCallback: (id: number) => void;
     editCallback: (id: number) => void;
     copyCallback: (id: number) => void;
-    getMessageById(id: number): false | CometChat.BaseMessage;
+    messagePrivatelyCallback: (id: number) => void;
+    messageInfoCallback: (id: number) => void;
+    openMessageInfo(messageObject: CometChat.BaseMessage): void;
+    closeMessageInfoPage: () => void;
+    sendMessagePrivately(messageObject: CometChat.BaseMessage): void;
+    getMessageById(id: number): false | import("@cometchat/chat-sdk-javascript").BaseMessage;
     isTranslated(message: CometChat.TextMessage): any;
     updateTranslatedMessage: (translation: any) => void;
     translateMessage: (id: number) => void;
@@ -337,8 +353,10 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
    * @param
    */
     fetchPreviousMessages: () => void;
+    fetchActionMessages(): void;
     fetchNextMessage: () => void;
     appendMessages: (messages: CometChat.BaseMessage[]) => void;
+    attachConnectionListener(): void;
     addMessageEventListeners(): void;
     /**
   *
@@ -377,8 +395,9 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
      * @param  {CometChat.BaseMessage} message
      * @param  {string} type
      */
-    messageReceivedHandler: (message: CometChat.BaseMessage, type: string) => void;
+    messageReceivedHandler: (message: CometChat.BaseMessage) => void;
     playAudio(): void;
+    getCallBuilder: () => any;
     reInitializeMessageList(): void;
     reInitializeMessageBuilder: () => void;
     getMessageReceipt(message: CometChat.BaseMessage): import("@cometchat/uikit-shared/dist/Utils/MessageReceiptUtils").receipts;
@@ -418,7 +437,7 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
      * @param  {CometChat.BaseMessage} message
      * @param  {string} type
      */
-    customMessageReceivedHandler: (message: CometChat.BaseMessage, type: string) => void;
+    customMessageReceivedHandler: (message: CometChat.BaseMessage) => void;
     /**
      * TrackBy method to update UI when a change is detected
      */
@@ -455,17 +474,17 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
    */
     onCopyMessage: (object: CometChat.TextMessage) => void;
     /**
- * callback for deleteMessage
- * @param  {CometChat.BaseMessage} object
- */
+  * callback for deleteMessage
+  * @param  {CometChat.BaseMessage} object
+  */
     /**
    * @param  {CometChat.BaseMessage} messages
    */
     messageSent(messages: CometChat.BaseMessage): void;
     /**
- * callback for editMessage option
- * @param  {CometChat.BaseMessage} object
- */
+  * callback for editMessage option
+  * @param  {CometChat.BaseMessage} object
+  */
     onEditMessage: (object: CometChat.BaseMessage) => void;
     updateMessage(message: CometChat.BaseMessage, muid?: boolean): void;
     removeMessage: (message: CometChat.BaseMessage) => void;
@@ -509,5 +528,5 @@ export declare class CometChatMessageListComponent implements OnInit, OnDestroy,
         height: 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"; "alignment": "alignment"; "showAvatar": "showAvatar"; "datePattern": "datePattern"; "timestampAlignment": "timestampAlignment"; "DateSeparatorPattern": "DateSeparatorPattern"; "templates": "templates"; "messagesRequestBuilder": "messagesRequestBuilder"; "newMessageIndicatorText": "newMessageIndicatorText"; "scrollToBottomOnNewMessages": "scrollToBottomOnNewMessages"; "thresholdValue": "thresholdValue"; "onThreadRepliesClick": "onThreadRepliesClick"; "headerView": "headerView"; "footerView": "footerView"; "parentMessageId": "parentMessageId"; "avatarStyle": "avatarStyle"; "backdropStyle": "backdropStyle"; "dateSeparatorStyle": "dateSeparatorStyle"; "messageListStyle": "messageListStyle"; "onError": "onError"; }, {}, 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"; "alignment": "alignment"; "showAvatar": "showAvatar"; "datePattern": "datePattern"; "timestampAlignment": "timestampAlignment"; "DateSeparatorPattern": "DateSeparatorPattern"; "templates": "templates"; "messagesRequestBuilder": "messagesRequestBuilder"; "newMessageIndicatorText": "newMessageIndicatorText"; "scrollToBottomOnNewMessages": "scrollToBottomOnNewMessages"; "thresholdValue": "thresholdValue"; "onThreadRepliesClick": "onThreadRepliesClick"; "headerView": "headerView"; "footerView": "footerView"; "parentMessageId": "parentMessageId"; "avatarStyle": "avatarStyle"; "backdropStyle": "backdropStyle"; "dateSeparatorStyle": "dateSeparatorStyle"; "messageListStyle": "messageListStyle"; "onError": "onError"; "messageInformationConfiguration": "messageInformationConfiguration"; }, {}, never, never>;
 }

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

@@ -4,8 +4,10 @@ import * as i1 from "./cometchat-message-list/cometchat-message-list.component";
 import * as i2 from "@angular/common";
 import * as i3 from "../CometChatMessageBubble/cometchat-message-bubble.module";
 import * as i4 from "../Calls/CometChatOngoingCall/cometchat-ongoing-call.module";
+import * as i5 from "../CometChatContacts/cometchat-contacts.module";
+import * as i6 from "../CometChatMessageInformation/cometchat-message-information.module";
 export declare class CometChatMessageList {
     static ɵfac: i0.ɵɵFactoryDeclaration<CometChatMessageList, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CometChatMessageList, [typeof i1.CometChatMessageListComponent], [typeof i2.CommonModule, typeof i3.CometChatMessageBubble, typeof i4.CometChatOngoingCall], [typeof i1.CometChatMessageListComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CometChatMessageList, [typeof i1.CometChatMessageListComponent], [typeof i2.CommonModule, typeof i3.CometChatMessageBubble, typeof i4.CometChatOngoingCall, typeof i5.CometChatContacts, typeof i6.CometChatMessageInformation], [typeof i1.CometChatMessageListComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CometChatMessageList>;
 }

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

@@ -1,5 +1,5 @@
-import { OnInit, OnChanges, SimpleChanges, ChangeDetectorRef, TemplateRef } from "@angular/core";
-import { CometChat } from "@cometchat-pro/chat";
+import { OnInit, OnChanges, SimpleChanges, ChangeDetectorRef, TemplateRef, ElementRef } from "@angular/core";
+import { CometChat } from "@cometchat/chat-sdk-javascript";
 import { CometChatMessageComposerComponent } from "../../CometChatMessageComposer/cometchat-message-composer/cometchat-message-composer.component";
 import { CometChatMessageListComponent } from "../../CometChatMessageList/cometchat-message-list/cometchat-message-list.component";
 import { ListItemStyle, AvatarStyle, BaseStyle } from '@cometchat/uikit-elements';
@@ -19,6 +19,7 @@ import * as i0 from "@angular/core";
 export declare class CometChatMessagesComponent implements OnInit, OnChanges {
     private ref;
     private themeService;
+    private elementRef;
     messageComposerRef: CometChatMessageComposerComponent;
     messageListRef: CometChatMessageListComponent;
     user: CometChat.User;
@@ -75,8 +76,9 @@ export declare class CometChatMessagesComponent implements OnInit, OnChanges {
     threadMessageObject: CometChat.BaseMessage | null;
     parentBubbleView: TemplateRef<any>;
     openDetails: boolean;
-    constructor(ref: ChangeDetectorRef, themeService: CometChatThemeService);
+    constructor(ref: ChangeDetectorRef, themeService: CometChatThemeService, elementRef: ElementRef);
     ngOnInit(): void;
+    ngAfterViewInit(): void;
     subscribeToEvents(): void;
     unsubscribeToEvents(): void;
     setMessagesStyle(): void;

package/CometChatThreadedMessages/cometchat-threaded-messages/cometchat-threaded-messages.component.d.ts

@@ -1,5 +1,4 @@
 import { OnInit, OnChanges, SimpleChanges, ChangeDetectorRef, TemplateRef } from "@angular/core";
-import { CometChat } from "@cometchat-pro/chat";
 import { CometChatMessageComposerComponent } from "../../CometChatMessageComposer/cometchat-message-composer/cometchat-message-composer.component";
 import { CometChatMessageListComponent } from "../../CometChatMessageList/cometchat-message-list/cometchat-message-list.component";
 import { AvatarStyle, ListItemStyle, BaseStyle } from '@cometchat/uikit-elements';

package/CometChatTransferOwnership/cometchat-transfer-ownership/cometchat-transfer-ownership.component.d.ts

@@ -1,5 +1,5 @@
 import { OnInit, ChangeDetectorRef, TemplateRef } from "@angular/core";
-import { CometChat } from "@cometchat-pro/chat";
+import { CometChat } from "@cometchat/chat-sdk-javascript";
 import { AvatarStyle, ListItemStyle } from '@cometchat/uikit-elements';
 import { CometChatOption, TitleAlignment, SelectionMode } from "@cometchat/uikit-resources";
 import { TransferOwnershipStyle, GroupMembersStyle } from "@cometchat/uikit-shared";
@@ -44,7 +44,7 @@ export declare class CometChatTransferOwnershipComponent implements OnInit {
     transferButtonText: string;
     cancelButtonText: string;
     avatarStyle: AvatarStyle;
-    groupMemberStyle: GroupMembersStyle;
+    groupMembersStyle: GroupMembersStyle;
     listItemStyle: ListItemStyle;
     titleAlignment: TitleAlignment;
     selectionMode: SelectionMode;
@@ -84,5 +84,5 @@ export declare class CometChatTransferOwnershipComponent implements OnInit {
         textColor: string | undefined;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<CometChatTransferOwnershipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatTransferOwnershipComponent, "cometchat-transfer-ownership", never, { "groupMemberRequestBuilder": "groupMemberRequestBuilder"; "searchRequestBuilder": "searchRequestBuilder"; "subtitleView": "subtitleView"; "listItemView": "listItemView"; "disableUsersPresence": "disableUsersPresence"; "options": "options"; "closeButtonIconURL": "closeButtonIconURL"; "hideSeparator": "hideSeparator"; "searchPlaceholder": "searchPlaceholder"; "searchIconURL": "searchIconURL"; "hideSearch": "hideSearch"; "title": "title"; "onError": "onError"; "onClose": "onClose"; "onTransferOwnership": "onTransferOwnership"; "group": "group"; "emptyStateView": "emptyStateView"; "errorStateView": "errorStateView"; "loadingIconURL": "loadingIconURL"; "loadingStateView": "loadingStateView"; "emptyStateText": "emptyStateText"; "errorStateText": "errorStateText"; "statusIndicatorStyle": "statusIndicatorStyle"; "transferOwnershipStyle": "transferOwnershipStyle"; "transferButtonText": "transferButtonText"; "cancelButtonText": "cancelButtonText"; "avatarStyle": "avatarStyle"; "groupMemberStyle": "groupMemberStyle"; "listItemStyle": "listItemStyle"; "titleAlignment": "titleAlignment"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatTransferOwnershipComponent, "cometchat-transfer-ownership", never, { "groupMemberRequestBuilder": "groupMemberRequestBuilder"; "searchRequestBuilder": "searchRequestBuilder"; "subtitleView": "subtitleView"; "listItemView": "listItemView"; "disableUsersPresence": "disableUsersPresence"; "options": "options"; "closeButtonIconURL": "closeButtonIconURL"; "hideSeparator": "hideSeparator"; "searchPlaceholder": "searchPlaceholder"; "searchIconURL": "searchIconURL"; "hideSearch": "hideSearch"; "title": "title"; "onError": "onError"; "onClose": "onClose"; "onTransferOwnership": "onTransferOwnership"; "group": "group"; "emptyStateView": "emptyStateView"; "errorStateView": "errorStateView"; "loadingIconURL": "loadingIconURL"; "loadingStateView": "loadingStateView"; "emptyStateText": "emptyStateText"; "errorStateText": "errorStateText"; "statusIndicatorStyle": "statusIndicatorStyle"; "transferOwnershipStyle": "transferOwnershipStyle"; "transferButtonText": "transferButtonText"; "cancelButtonText": "cancelButtonText"; "avatarStyle": "avatarStyle"; "groupMembersStyle": "groupMembersStyle"; "listItemStyle": "listItemStyle"; "titleAlignment": "titleAlignment"; }, {}, never, never>;
 }