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

package/Calls/CallingExtension.d.ts

@@ -1,5 +1,6 @@
-import { ExtensionsDataSource } from '../Shared/Framework/ExtensionDataSource';
-export declare class CallingExtension implements ExtensionsDataSource {
-    constructor();
+import { ExtensionsDataSource } from '@cometchat/uikit-shared';
+export declare class CallingExtension extends ExtensionsDataSource {
+    getExtensionId(): string;
+    addExtension(): void;
     enable(): void;
 }

package/Calls/CallingExtensionDecorator.d.ts

@@ -1,4 +1,3 @@
-import { CometChat } from "@cometchat-pro/chat";
 import { CometChatMessageTemplate } from "@cometchat/uikit-resources";
 import { DataSource } from "../Shared/Framework/DataSource";
 import { DataSourceDecorator } from "../Shared/Framework/DataSourceDecorator";

package/Calls/CometChatCallButtons/cometchat-call-buttons/cometchat-call-buttons.component.d.ts

@@ -1,8 +1,8 @@
 import { ChangeDetectorRef, OnInit } from '@angular/core';
-import { CometChat } from '@cometchat-pro/chat';
 import { CometChatThemeService } from '../../../CometChatTheme.service';
 import { Subscription } from 'rxjs';
-import { CallButtonsStyle, CallscreenStyle, OutgoingCallStyle, OutgoingCallConfiguration, CallScreenConfiguration } from '@cometchat/uikit-shared';
+import { CallButtonsStyle, OutgoingCallStyle, OutgoingCallConfiguration, CallScreenConfiguration, CometChatUIKitCalls } from '@cometchat/uikit-shared';
+import { CallscreenStyle } from '@cometchat/uikit-elements';
 import '@cometchat/uikit-shared';
 import * as i0 from "@angular/core";
 /**
@@ -50,7 +50,8 @@ export declare class CometChatCallButtonsComponent implements OnInit {
     constructor(ref: ChangeDetectorRef, themeService: CometChatThemeService);
     ngOnInit(): void;
     ngOnDestroy(): void;
-    getCallBuilder(): CometChat.CallSettingsBuilder | undefined;
+    getCallBuilder(): typeof CometChatUIKitCalls.CallSettings | undefined;
+    closeCallScreen(): void;
     openOngoingCallScreen(call: CometChat.Call): void;
     initiateCall(type: string): void;
     initiateAudioCall(): void;

package/Calls/CometChatIncomingCall/cometchat-incoming-call/cometchat-incoming-call.component.d.ts

@@ -1,6 +1,6 @@
 import { ChangeDetectorRef, OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
-import { CometChat } from '@cometchat-pro/chat';
-import { CallscreenStyle, IncomingCallStyle } from "@cometchat/uikit-shared";
+import { IncomingCallStyle, CometChatUIKitCalls } from "@cometchat/uikit-shared";
+import { CallscreenStyle } from '@cometchat/uikit-elements';
 import { AvatarStyle, IconStyle, ListItemStyle } from '@cometchat/uikit-elements';
 import { Subscription } from 'rxjs';
 import { CometChatThemeService } from '../../../CometChatTheme.service';
@@ -51,13 +51,14 @@ export declare class CometChatIncomingCallComponent implements OnInit, OnChanges
     removeListener(): void;
     localStorageChange: (event: any) => any;
     ngOnInit(): void;
+    closeCallScreen(): void;
     ngOnDestroy(): void;
     setOngoingCallStyle: () => void;
     getCallTypeIcon(): "assets/Audio-Call.svg" | "assets/Video-call.svg";
     acceptIncomingCall(): void;
     checkForActiveCallAndEndCall: () => Promise<unknown>;
     rejectIncomingCall(reason?: string): void;
-    getCallBuilder(): CometChat.CallSettingsBuilder | undefined;
+    getCallBuilder(): typeof CometChatUIKitCalls.CallSettings | undefined;
     setThemeStyle(): void;
     setListItemStyle(): void;
     setincomingCallStyle(): void;

package/Calls/CometChatOngoingCall/cometchat-ongoing-call/cometchat-ongoing-call.component.d.ts

@@ -1,8 +1,9 @@
-import { OnInit } from '@angular/core';
-import { CometChat } from '@cometchat-pro/chat';
+import { ElementRef, OnChanges, OnInit, SimpleChanges } from '@angular/core';
 import "@cometchat/uikit-elements";
 import '@cometchat/uikit-shared';
-import { CallscreenStyle } from '@cometchat/uikit-shared';
+import { CallWorkflow } from '@cometchat/uikit-resources';
+import { CometChatUIKitCalls } from '@cometchat/uikit-shared';
+import { CallscreenStyle } from '@cometchat/uikit-elements';
 import { CometChatThemeService } from '../../../CometChatTheme.service';
 import * as i0 from "@angular/core";
 /**
@@ -14,17 +15,24 @@ import * as i0 from "@angular/core";
 * @copyright © 2022 CometChat Inc.
 *
 */
-export declare class CometChatOngoingCallComponent implements OnInit {
+export declare class CometChatOngoingCallComponent implements OnInit, OnChanges {
     private themeService;
+    callScreenFrame: ElementRef;
     ongoingCallStyle: CallscreenStyle;
     resizeIconHoverText: string;
     sessionID: string;
     minimizeIconURL: string;
     maximizeIconURL: string;
-    callSettingsBuilder: CometChat.CallSettingsBuilder;
+    callSettingsBuilder: typeof CometChatUIKitCalls.CallSettingsBuilder;
+    callWorkflow: CallWorkflow;
+    onError: (error: CometChat.CometChatException) => void;
+    loggedInUser: CometChat.User;
     ngOnInit(): void;
     constructor(themeService: CometChatThemeService);
+    ngOnChanges(changes: SimpleChanges): void;
+    getCallBuilder: () => any;
+    startCall: () => void;
     setongoingCallStyle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CometChatOngoingCallComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatOngoingCallComponent, "cometchat-ongoing-call", never, { "ongoingCallStyle": "ongoingCallStyle"; "resizeIconHoverText": "resizeIconHoverText"; "sessionID": "sessionID"; "minimizeIconURL": "minimizeIconURL"; "maximizeIconURL": "maximizeIconURL"; "callSettingsBuilder": "callSettingsBuilder"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatOngoingCallComponent, "cometchat-ongoing-call", never, { "ongoingCallStyle": "ongoingCallStyle"; "resizeIconHoverText": "resizeIconHoverText"; "sessionID": "sessionID"; "minimizeIconURL": "minimizeIconURL"; "maximizeIconURL": "maximizeIconURL"; "callSettingsBuilder": "callSettingsBuilder"; "callWorkflow": "callWorkflow"; "onError": "onError"; }, {}, never, never>;
 }

package/Calls/CometChatOutgoingCall/cometchat-outgoing-call/cometchat-outgoing-call.component.d.ts

@@ -1,5 +1,4 @@
 import { ChangeDetectorRef, OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
-import { CometChat } from '@cometchat-pro/chat';
 import { OutgoingCallStyle } from "@cometchat/uikit-shared";
 import { AvatarStyle, CardStyle, IconStyle } from '@cometchat/uikit-elements';
 import { CometChatThemeService } from '../../../CometChatTheme.service';

package/CometChatAddMembers/cometchat-add-members/cometchat-add-members.component.d.ts

@@ -1,8 +1,8 @@
 import { OnInit, ChangeDetectorRef, TemplateRef } from "@angular/core";
-import { CometChat } from "@cometchat-pro/chat";
-import { AddMembersStyle, TitleAlignment, SelectionMode, UsersStyle, BaseStyle } from '@cometchat/uikit-shared';
+import { CometChat } from "@cometchat/chat-sdk-javascript";
+import { AddMembersStyle, UsersStyle, BaseStyle } from '@cometchat/uikit-shared';
 import '@cometchat/uikit-elements';
-import { CometChatOption } from '@cometchat/uikit-resources';
+import { CometChatOption, TitleAlignment, SelectionMode } from '@cometchat/uikit-resources';
 import { AvatarStyle, ListItemStyle } from '@cometchat/uikit-elements';
 import { CometChatThemeService } from "../../CometChatTheme.service";
 import * as i0 from "@angular/core";
@@ -38,7 +38,7 @@ export declare class CometChatAddMembersComponent implements OnInit {
     onError: ((error: CometChat.CometChatException) => void) | null;
     onBack: () => void;
     onClose: () => void;
-    onSelect: (user: CometChat.User) => void;
+    onSelect: (user: CometChat.User, selected: boolean) => void;
     buttonText: string;
     group: CometChat.Group;
     emptyStateView: TemplateRef<any>;
@@ -73,7 +73,7 @@ export declare class CometChatAddMembersComponent implements OnInit {
     /**
      * @param  {string} uid
      */
-    addRemoveUsers: (user: CometChat.User) => void;
+    addRemoveUsers: (user: CometChat.User, selected: boolean) => void;
     closeClicked(): void;
     backClicked(): void;
     addMembersToGroup: () => void;

package/CometChatBannedMembers/cometchat-banned-members/cometchat-banned-members.component.d.ts

@@ -1,8 +1,8 @@
 import { OnInit, ChangeDetectorRef, TemplateRef } from "@angular/core";
-import { CometChat } from "@cometchat-pro/chat";
+import { CometChat } from "@cometchat/chat-sdk-javascript";
 import { Subscription } from "rxjs";
-import { BannedMembersStyle, SelectionMode, States, TitleAlignment, ListStyle } from '@cometchat/uikit-shared';
-import { CometChatOption } from '@cometchat/uikit-resources';
+import { BannedMembersStyle, ListStyle } from '@cometchat/uikit-shared';
+import { CometChatOption, SelectionMode, States, TitleAlignment } from '@cometchat/uikit-resources';
 import '@cometchat/uikit-elements';
 import { AvatarStyle, ListItemStyle } from '@cometchat/uikit-elements';
 import { CometChatThemeService } from "../../CometChatTheme.service";
@@ -36,7 +36,7 @@ export declare class CometChatBannedMembersComponent implements OnInit {
     hideSearch: boolean;
     title: string;
     onError: ((error: CometChat.CometChatException) => void) | null;
-    onSelect: (member: CometChat.GroupMember) => void;
+    onSelect: (member: CometChat.GroupMember, selected: boolean) => void;
     onBack: () => void;
     onClose: () => void;
     group: CometChat.Group;
@@ -91,6 +91,7 @@ export declare class CometChatBannedMembersComponent implements OnInit {
     ngOnInit(): void;
     backClicked(): void;
     closeClicked(): void;
+    onMembersSelected(member: CometChat.GroupMember, event: any): void;
     /**
    * @param  {CometChat.GroupMember} member
    */
@@ -107,7 +108,7 @@ export declare class CometChatBannedMembersComponent implements OnInit {
     attachListeners(): void;
     removeListener(): void;
     fetchNextBannedMembers: () => void;
-    getRequestBuilder(): CometChat.BannedMembersRequest;
+    getRequestBuilder(): import("@cometchat/chat-sdk-javascript").BannedMembersRequest;
     subscribeToEvents(): void;
     unsubscribeToEvents(): void;
     /**

package/CometChatContacts/cometchat-contacts/cometchat-contacts.component.d.ts

@@ -0,0 +1,65 @@
+import { OnInit, ChangeDetectorRef, TemplateRef, AfterViewInit } from "@angular/core";
+import { CometChat } from "@cometchat/chat-sdk-javascript";
+import { BaseStyle, GroupsConfiguration, UsersConfiguration, TabItemStyle, ContactsStyle } from '@cometchat/uikit-shared';
+import '@cometchat/uikit-elements';
+import { CometChatTabItem, TabsVisibility, SelectionMode } from '@cometchat/uikit-resources';
+import { CometChatThemeService } from "../../CometChatTheme.service";
+import * as i0 from "@angular/core";
+/**
+*
+* CometChatContactsComponent is used to render group members to add
+*
+* @version 1.0.0
+* @author CometChatTeam
+* @copyright © 2022 CometChat Inc.
+*
+*/
+export declare class CometChatContactsComponent implements OnInit, AfterViewInit {
+    private ref;
+    private themeService;
+    usersRef: TemplateRef<any>;
+    groupsRef: TemplateRef<any>;
+    title: string;
+    usersTabTitle: string;
+    groupsTabTitle: string;
+    usersConfiguration: UsersConfiguration;
+    groupsConfiguration: GroupsConfiguration;
+    onSubmitButtonClick: (users?: CometChat.User[], groups?: CometChat.Group[]) => void;
+    closeIconURL: string;
+    contactsStyle: ContactsStyle;
+    selectionMode: SelectionMode;
+    onClose: () => void;
+    onItemClick: (user?: CometChat.User, group?: CometChat.Group) => void;
+    tabVisibility: TabsVisibility;
+    selectionLimit: number;
+    tabs: CometChatTabItem[];
+    hideSubmitButton: boolean;
+    submitButtonText: string;
+    usersRequestBuilder: CometChat.UsersRequestBuilder;
+    usersSearchRequestBuilder: CometChat.UsersRequestBuilder;
+    groupsRequestBuilder: CometChat.GroupsRequestBuilder;
+    groupsSearchRequestBuilder: CometChat.GroupsRequestBuilder;
+    constructor(ref: ChangeDetectorRef, themeService: CometChatThemeService);
+    tabItemStyle: TabItemStyle;
+    usersList: CometChat.User[];
+    groupsList: CometChat.Group[];
+    submitButtonStyle: any;
+    closeButtonStyle: any;
+    wrapperStyle: any;
+    contactsPadding: any;
+    titleStyle: any;
+    errorStyle: any;
+    isLimitReached: boolean;
+    tabsStyle: BaseStyle;
+    onGroupSelected: (group: CometChat.Group) => void;
+    onUserSelected: (user: CometChat.User) => void;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    userClicked: (user: CometChat.User) => void;
+    groupClicked: (group: CometChat.Group) => void;
+    closeClicked(): void;
+    submitClicked(): void;
+    setcontactsStyle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CometChatContactsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatContactsComponent, "cometchat-contacts", never, { "title": "title"; "usersTabTitle": "usersTabTitle"; "groupsTabTitle": "groupsTabTitle"; "usersConfiguration": "usersConfiguration"; "groupsConfiguration": "groupsConfiguration"; "onSubmitButtonClick": "onSubmitButtonClick"; "closeIconURL": "closeIconURL"; "contactsStyle": "contactsStyle"; "selectionMode": "selectionMode"; "onClose": "onClose"; "onItemClick": "onItemClick"; "tabVisibility": "tabVisibility"; "selectionLimit": "selectionLimit"; "tabs": "tabs"; "hideSubmitButton": "hideSubmitButton"; "submitButtonText": "submitButtonText"; }, {}, never, never>;
+}

package/CometChatContacts/cometchat-contacts.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./cometchat-contacts/cometchat-contacts.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "../CometChatUsers/cometchat-users.module";
+import * as i5 from "../Shared/Views/CometChatTabs/cometchat-tabs.module";
+import * as i6 from "../CometChatGroups/cometchat-groups.module";
+export declare class CometChatContacts {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CometChatContacts, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CometChatContacts, [typeof i1.CometChatContactsComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.CometChatUsers, typeof i5.CometChatTabs, typeof i6.CometChatGroups], [typeof i1.CometChatContactsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CometChatContacts>;
+}

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

@@ -1,10 +1,10 @@
 import { ChangeDetectorRef, NgZone, OnChanges, OnInit, SimpleChanges, TemplateRef } from "@angular/core";
-import { CometChat } from "@cometchat-pro/chat";
+import { CometChat } from "@cometchat/chat-sdk-javascript";
 import { Subscription } from "rxjs";
-import { SelectionMode, States, TitleAlignment, BaseStyle, ConversationsStyle, ListStyle } from "@cometchat/uikit-shared";
-import { CometChatOption, DatePatterns } from '@cometchat/uikit-resources';
+import { BaseStyle, ConversationsStyle, ListStyle } from "@cometchat/uikit-shared";
+import { CometChatOption, DatePatterns, SelectionMode, States, TitleAlignment } from '@cometchat/uikit-resources';
 import '@cometchat/uikit-elements';
-import { AvatarStyle, ListItemStyle, ConfirmDialogStyle, ReceiptStyle, DateStyle, BadgeStyle } from '@cometchat/uikit-elements';
+import { AvatarStyle, ListItemStyle, ConfirmDialogStyle, ReceiptStyle, DateStyle, BadgeStyle, BackdropStyle } from '@cometchat/uikit-elements';
 import { CometChatThemeService } from "../../CometChatTheme.service";
 import * as i0 from "@angular/core";
 /**
@@ -42,9 +42,9 @@ export declare class CometChatConversationsComponent implements OnInit, OnChange
     activeConversation: CometChat.Conversation | null;
     searchIconURL: string;
     hideSearch: boolean;
-    conversationsRequestBuilder: any;
+    conversationsRequestBuilder: CometChat.ConversationsRequestBuilder;
     emptyStateView: TemplateRef<any>;
-    onSelect: (conversation: CometChat.Conversation) => void;
+    onSelect: (conversation: CometChat.Conversation, selected: boolean) => void;
     loadingIconURL: string;
     errorStateView: TemplateRef<any>;
     loadingStateView: TemplateRef<any>;
@@ -64,7 +64,7 @@ export declare class CometChatConversationsComponent implements OnInit, OnChange
     confirmDialogMessage: string;
     onItemClick: (conversation: CometChat.Conversation) => void;
     deleteConversationDialogStyle: ConfirmDialogStyle;
-    backdropStyle: BaseStyle;
+    backdropStyle: BackdropStyle;
     badgeStyle: BadgeStyle;
     dateStyle: DateStyle;
     conversationsStyle: ConversationsStyle;
@@ -115,6 +115,7 @@ export declare class CometChatConversationsComponent implements OnInit, OnChange
     typingIndicator: CometChat.TypingIndicator | null;
     typingListenerId: string;
     callListenerId: string;
+    connectionListenerId: string;
     selectionmodeEnum: typeof SelectionMode;
     isDialogOpen: boolean;
     isEmpty: boolean;
@@ -141,6 +142,11 @@ export declare class CometChatConversationsComponent implements OnInit, OnChange
     confirmDialogStyle: ConfirmDialogStyle;
     subtitleValue: string;
     modalStyle: BaseStyle;
+    firstReload: boolean;
+    isActive: boolean;
+    contactsNotFound: boolean;
+    chatSearch: boolean;
+    requestBuilder: CometChat.ConversationsRequest;
     /**
       * Properties for internal use
       */
@@ -158,6 +164,7 @@ export declare class CometChatConversationsComponent implements OnInit, OnChange
      */
     deleteConversationOnClick: (() => void) | null;
     onConfirmClick: () => void;
+    onConversationSelected(conversation: CometChat.Conversation, event: any): void;
     setStatusIndicatorStyle: (conversation: CometChat.Conversation) => any;
     /**
    * @param  {CometChat.Conversation} conversation
@@ -168,20 +175,18 @@ export declare class CometChatConversationsComponent implements OnInit, OnChange
     checkGroupType(conversation: CometChat.Conversation): string;
     onCancelClick: () => void;
     getMessageReceipt: (conversation: CometChat.Conversation) => import("@cometchat/uikit-shared/dist/Utils/MessageReceiptUtils").receipts;
-    getDate(): DatePatterns.DayDate | DatePatterns.DayDateTime;
+    getDate(): DatePatterns.DayDate | DatePatterns.DayDateTime | DatePatterns.DateTime;
     optionsStyle: {
         background: string;
         border: string;
     };
-    isActive: boolean;
-    contactsNotFound: boolean;
-    chatSearch: boolean;
     constructor(ngZone: NgZone, ref: ChangeDetectorRef, themeService: CometChatThemeService);
     ngOnInit(): void;
+    attachConnectionListeners(): void;
     updateConversationObject(conversation: CometChat.Conversation): void;
     subscribeToEvents(): void;
     unsubscribeToEvents(): void;
-    getConversationFromUser(user: CometChat.User): CometChat.Conversation | null;
+    getConversationFromUser(user: CometChat.User): import("@cometchat/chat-sdk-javascript").Conversation | null;
     getConversationFromGroup(group: CometChat.Group): CometChat.Conversation | null;
     ngOnChanges(change: SimpleChanges): void;
     ngOnDestroy(): void;
@@ -218,6 +223,7 @@ export declare class CometChatConversationsComponent implements OnInit, OnChange
      * @param  {Function} callback
      */
     attachListeners(callback: any): void;
+    fetchNewConversations(): void;
     /**
      * Removes all listeners
      */
@@ -225,12 +231,12 @@ export declare class CometChatConversationsComponent implements OnInit, OnChange
     /**
      * Fetches Conversations Details with all the users
      */
-    getConversation: () => void;
+    getConversation: (states?: States) => void;
     isReceiptDisable(conversation: CometChat.Conversation): boolean;
     /**
      * Updates the conversation list's last message , badgeCount , user presence based on activities propagated by listeners
      */
-    conversationUpdated: (key: any, item: CometChat.User | CometChat.Group | null | undefined, message: CometChat.BaseMessage, options?: null) => void;
+    conversationUpdated: (key: any, item: import("@cometchat/chat-sdk-javascript").User | import("@cometchat/chat-sdk-javascript").Group | null | undefined, message: CometChat.BaseMessage, options?: null) => void;
     /**
      * @param  {CometChat.BaseMessage} message
      */
@@ -256,7 +262,7 @@ export declare class CometChatConversationsComponent implements OnInit, OnChange
      * @param  {CometChat.BaseMessage} message
      * @param  {CometChat.Conversation|{}} conversation
      */
-    makeLastMessage(message: CometChat.BaseMessage, conversation?: CometChat.Conversation | {}): CometChat.BaseMessage;
+    makeLastMessage(message: CometChat.BaseMessage, conversation?: CometChat.Conversation | {}): import("@cometchat/chat-sdk-javascript").BaseMessage;
     /**
      *
      * Updates Conversations as Text/Custom Messages are received

package/CometChatConversationsWithMessages/cometchat-conversations-with-messages/cometchat-conversations-with-messages.component.d.ts

@@ -1,8 +1,7 @@
 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, ConversationsConfiguration } from '@cometchat/uikit-shared';
+import { WithMessagesStyle, MessagesConfiguration, ConversationsConfiguration, ContactsConfiguration } from '@cometchat/uikit-shared';
 import { CometChatTheme } from '@cometchat/uikit-resources';
 import '@cometchat/uikit-elements';
 import { Subscription } from "rxjs";
@@ -31,33 +30,43 @@ export declare class CometChatConversationsWithMessagesComponent implements OnIn
     messagesConfiguration: MessagesConfiguration;
     conversationConfiguration: ConversationsConfiguration;
     onError: ((error: CometChat.CometChatException) => void) | null;
+    startNewConversationIconURL: string;
+    hideStartNewConversation: boolean;
+    StartConversationConfiguration: ContactsConfiguration;
     theme: CometChatTheme;
     /**
      * Properties for internal use
      */
+    showStartConversation: boolean;
     loggedInUser: CometChat.User | null;
     activeConversation: CometChat.Conversation | null;
     labelStyle: any;
     hideSearch: boolean;
+    startConversationButtonStyle: any;
     /**
     * Events
     */
     ccGroupMemberAdded: Subscription;
     ccGroupLeft: Subscription;
+    ccOpenChat: Subscription;
     ccGroupMemberJoined: Subscription;
     ccGroupMemberKicked: Subscription;
     ccGroupMemberBanned: Subscription;
     ccOwnershipChanged: Subscription;
     ccGroupDeleted: Subscription;
+    sideBarStyle: any;
     ccConversationDeleted: Subscription;
     constructor(elementRef: ElementRef, ref: ChangeDetectorRef, themeService: CometChatThemeService);
     ngOnChanges(changes: SimpleChanges): void;
+    triggerStartConversation(): void;
     onBack: () => void;
     setWithMessagesStyle(): void;
+    onContactSelected: (users?: import("@cometchat/chat-sdk-javascript").User[] | undefined, groups?: import("@cometchat/chat-sdk-javascript").Group[] | undefined) => void;
     onItemClick: ((conversation: CometChat.Conversation) => void);
     ngAfterViewInit(): void;
     updateBackdropHeight(): void;
     setActiveChat(): void;
+    closeStartConversation: () => void;
     ngOnInit(): void;
     ngOnDestroy(): void;
     subscribeToEvents(): void;
@@ -71,7 +80,7 @@ export declare class CometChatConversationsWithMessagesComponent implements OnIn
         background: string | undefined;
         height: string | undefined;
         width: string;
-        border: string | undefined;
+        border: string;
         borderRadius: string | undefined;
     };
     chatsWrapperStyles: () => {
@@ -82,5 +91,5 @@ export declare class CometChatConversationsWithMessagesComponent implements OnIn
         background: string | undefined;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<CometChatConversationsWithMessagesComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatConversationsWithMessagesComponent, "cometchat-conversations-with-messages", never, { "user": "user"; "group": "group"; "isMobileView": "isMobileView"; "messageText": "messageText"; "conversationsWithMessagesStyle": "conversationsWithMessagesStyle"; "messagesConfiguration": "messagesConfiguration"; "conversationConfiguration": "conversationConfiguration"; "onError": "onError"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatConversationsWithMessagesComponent, "cometchat-conversations-with-messages", never, { "user": "user"; "group": "group"; "isMobileView": "isMobileView"; "messageText": "messageText"; "conversationsWithMessagesStyle": "conversationsWithMessagesStyle"; "messagesConfiguration": "messagesConfiguration"; "conversationConfiguration": "conversationConfiguration"; "onError": "onError"; "startNewConversationIconURL": "startNewConversationIconURL"; "hideStartNewConversation": "hideStartNewConversation"; "StartConversationConfiguration": "StartConversationConfiguration"; }, {}, never, never>;
 }

package/CometChatConversationsWithMessages/cometchat-conversations-with-messages.module.d.ts

@@ -5,8 +5,9 @@ import * as i3 from "../CometChatConversations/cometchat-conversations.module";
 import * as i4 from "../CometChatMessages/cometchat-messages.module";
 import * as i5 from "@angular/platform-browser";
 import * as i6 from "@angular/platform-browser/animations";
+import * as i7 from "../CometChatContacts/cometchat-contacts.module";
 export declare class CometChatConversationsWithMessages {
     static ɵfac: i0.ɵɵFactoryDeclaration<CometChatConversationsWithMessages, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CometChatConversationsWithMessages, [typeof i1.CometChatConversationsWithMessagesComponent], [typeof i2.CommonModule, typeof i3.CometChatConversations, typeof i4.CometChatMessages, typeof i5.BrowserModule, typeof i6.BrowserAnimationsModule], [typeof i1.CometChatConversationsWithMessagesComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CometChatConversationsWithMessages, [typeof i1.CometChatConversationsWithMessagesComponent], [typeof i2.CommonModule, typeof i3.CometChatConversations, typeof i4.CometChatMessages, typeof i5.BrowserModule, typeof i6.BrowserAnimationsModule, typeof i7.CometChatContacts], [typeof i1.CometChatConversationsWithMessagesComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CometChatConversationsWithMessages>;
 }

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

@@ -1,10 +1,10 @@
 import { OnInit, ChangeDetectorRef, TemplateRef, OnChanges, SimpleChanges } from "@angular/core";
 import { Subscription } from "rxjs";
 import '@cometchat/uikit-elements';
-import { AvatarStyle, ConfirmDialogStyle, ListItemStyle } from '@cometchat/uikit-elements';
-import { AddMembersConfiguration, BannedMembersConfiguration, DetailsStyle, GroupMembersConfiguration, SelectionMode, TransferOwnershipConfiguration, BaseStyle } from "@cometchat/uikit-shared";
-import { CometChatDetailsOption, CometChatDetailsTemplate } from '@cometchat/uikit-resources';
-import { CometChat } from "@cometchat-pro/chat";
+import { AvatarStyle, BackdropStyle, ConfirmDialogStyle, ListItemStyle } from '@cometchat/uikit-elements';
+import { AddMembersConfiguration, BannedMembersConfiguration, DetailsStyle, GroupMembersConfiguration, TransferOwnershipConfiguration } from "@cometchat/uikit-shared";
+import { CometChatDetailsOption, CometChatDetailsTemplate, SelectionMode } from '@cometchat/uikit-resources';
+import { CometChat } from "@cometchat/chat-sdk-javascript";
 import { CometChatThemeService } from "../../CometChatTheme.service";
 import * as i0 from "@angular/core";
 /**
@@ -50,7 +50,7 @@ export declare class CometChatDetailsComponent implements OnInit, OnChanges {
     transferOwnershipConfiguration: TransferOwnershipConfiguration;
     backiconurl: string;
     statusIndicatorStyle: any;
-    backdropStyle: BaseStyle;
+    backdropStyle: BackdropStyle;
     avatarStyle: AvatarStyle;
     detailsStyle: DetailsStyle;
     listItemStyle: ListItemStyle;
@@ -109,8 +109,8 @@ export declare class CometChatDetailsComponent implements OnInit, OnChanges {
     onOptionClick(option: CometChatDetailsOption): void;
     onTransferClick(): void;
     onLeaveClick(): void;
-    createActionMessage(actionOn: CometChat.GroupMember, action: string): CometChat.Action;
-    createUserLeftAction(actionOn: CometChat.User, action: string): CometChat.Action;
+    createActionMessage(actionOn: CometChat.GroupMember, action: string): import("@cometchat/chat-sdk-javascript").Action;
+    createUserLeftAction(actionOn: CometChat.User, action: string): import("@cometchat/chat-sdk-javascript").Action;
     onCloseClick: () => void;
     onCancelClick(): void;
     blockUser(): void;

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

@@ -1,8 +1,8 @@
-import { OnInit, ChangeDetectorRef, TemplateRef } from "@angular/core";
-import { CometChat } from "@cometchat-pro/chat";
-import { AvatarStyle, ListItemStyle, ChangeScopeStyle, MenuListStyle } from '@cometchat/uikit-elements';
-import { SelectionMode, States, TitleAlignment, GroupMembersStyle, ListStyle, BaseStyle } from "@cometchat/uikit-shared";
-import { CometChatOption } from '@cometchat/uikit-resources';
+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 { GroupMembersStyle, ListStyle } from "@cometchat/uikit-shared";
+import { CometChatOption, SelectionMode, States, TitleAlignment } from '@cometchat/uikit-resources';
 import { CometChatThemeService } from "../../CometChatTheme.service";
 import * as i0 from "@angular/core";
 /**
@@ -14,7 +14,7 @@ import * as i0 from "@angular/core";
 * @copyright © 2022 CometChat Inc.
 *
 */
-export declare class CometChatGroupMembersComponent implements OnInit {
+export declare class CometChatGroupMembersComponent implements OnInit, OnChanges {
     private ref;
     private themeService;
     groupMemberRequestBuilder: CometChat.GroupMembersRequestBuilder;
@@ -35,10 +35,10 @@ export declare class CometChatGroupMembersComponent implements OnInit {
     hideSearch: boolean;
     title: string;
     onError: ((error: CometChat.CometChatException) => void) | null;
-    backdropStyle: BaseStyle;
+    backdropStyle: BackdropStyle;
     onBack: () => void;
     onClose: () => void;
-    onSelect: (groupMember: CometChat.GroupMember) => void;
+    onSelect: (groupMember: CometChat.GroupMember, selected: boolean) => void;
     group: CometChat.Group;
     emptyStateView: TemplateRef<any>;
     errorStateView: TemplateRef<any>;
@@ -50,7 +50,7 @@ export declare class CometChatGroupMembersComponent implements OnInit {
     dropdownIconURL: string;
     statusIndicatorStyle: any;
     avatarStyle: AvatarStyle;
-    groupMemberStyle: GroupMembersStyle;
+    groupMembersStyle: GroupMembersStyle;
     groupScopeStyle: ChangeScopeStyle;
     listItemStyle: ListItemStyle;
     listStyle: ListStyle;
@@ -75,10 +75,12 @@ export declare class CometChatGroupMembersComponent implements OnInit {
     loggedInUser: CometChat.User | null;
     changeScope: boolean;
     constructor(ref: ChangeDetectorRef, themeService: CometChatThemeService);
+    ngOnChanges(changes: SimpleChanges): void;
     memberScope: any[];
     membersList: CometChat.GroupMember[];
     closeClicked(): void;
     backClicked(): void;
+    onMemberSelected(member: CometChat.GroupMember, event: any): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
     /**
@@ -88,7 +90,7 @@ export declare class CometChatGroupMembersComponent implements OnInit {
     changeMemberScope(event: any): void;
     handleMenuAction: (menu: any, groupMember: CometChat.GroupMember) => void;
     blockMember: (member: CometChat.GroupMember) => void;
-    createActionMessage(actionOn: CometChat.GroupMember, action: string): CometChat.Action;
+    createActionMessage(actionOn: CometChat.GroupMember, action: string): import("@cometchat/chat-sdk-javascript").Action;
     kickMember: (member: CometChat.GroupMember) => void;
     /**
      * @param  {CometChat.User} member
@@ -99,7 +101,7 @@ export declare class CometChatGroupMembersComponent implements OnInit {
     removeListener(): void;
     addRemoveMember: (member: CometChat.GroupMember) => void;
     fetchNextGroupMembers: () => void;
-    getRequestBuilder(): CometChat.GroupMembersRequest;
+    getRequestBuilder(): import("@cometchat/chat-sdk-javascript").GroupMembersRequest;
     /**
      * @param  {string} key
      */
@@ -141,5 +143,5 @@ export declare class CometChatGroupMembersComponent implements OnInit {
         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"; "groupMemberStyle": "groupMemberStyle"; "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"; }, {}, never, never>;
 }