@cometchat/chat-uikit-angular 4.0.0-beta.1.1 → 4.0.0-beta.1.3

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

@@ -2,7 +2,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 } from '@cometchat/uikit-shared';
+import { CallButtonsStyle, CallscreenStyle, OutgoingCallStyle, OutgoingCallConfiguration, CallScreenConfiguration } from '@cometchat/uikit-shared';
+import '@cometchat/uikit-shared';
 import * as i0 from "@angular/core";
 /**
 *
@@ -28,6 +29,8 @@ export declare class CometChatCallButtonsComponent implements OnInit {
     onVideoCallClick: ((user: CometChat.User, group: CometChat.Group) => void) | null;
     onError: (error: CometChat.CometChatException) => void;
     callButtonsStyle: CallButtonsStyle;
+    outgoingCallConfiguration: OutgoingCallConfiguration;
+    ongoingCallConfiguration: CallScreenConfiguration;
     call: CometChat.Call | null;
     ccOutgoingCall: Subscription;
     ccCallRejected: Subscription;
@@ -71,5 +74,5 @@ export declare class CometChatCallButtonsComponent implements OnInit {
         borderRadius: string | undefined;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<CometChatCallButtonsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatCallButtonsComponent, "cometchat-call-buttons", never, { "user": "user"; "group": "group"; "voiceCallIconURL": "voiceCallIconURL"; "voiceCallIconText": "voiceCallIconText"; "voiceCallIconHoverText": "voiceCallIconHoverText"; "videoCallIconURL": "videoCallIconURL"; "videoCallIconText": "videoCallIconText"; "videoCallIconHoverText": "videoCallIconHoverText"; "onVoiceCallClick": "onVoiceCallClick"; "onVideoCallClick": "onVideoCallClick"; "onError": "onError"; "callButtonsStyle": "callButtonsStyle"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatCallButtonsComponent, "cometchat-call-buttons", never, { "user": "user"; "group": "group"; "voiceCallIconURL": "voiceCallIconURL"; "voiceCallIconText": "voiceCallIconText"; "voiceCallIconHoverText": "voiceCallIconHoverText"; "videoCallIconURL": "videoCallIconURL"; "videoCallIconText": "videoCallIconText"; "videoCallIconHoverText": "videoCallIconHoverText"; "onVoiceCallClick": "onVoiceCallClick"; "onVideoCallClick": "onVideoCallClick"; "onError": "onError"; "callButtonsStyle": "callButtonsStyle"; "outgoingCallConfiguration": "outgoingCallConfiguration"; "ongoingCallConfiguration": "ongoingCallConfiguration"; }, {}, never, never>;
 }

package/Calls/CometChatCallDetails/cometchat-call-details/cometchat-call-details.component.d.ts

@@ -0,0 +1,139 @@
+import { OnInit, ChangeDetectorRef, TemplateRef, OnChanges, SimpleChanges } from "@angular/core";
+import { Subscription } from "rxjs";
+import '@cometchat/uikit-elements';
+import { AvatarStyle, ListItemStyle } from '@cometchat/uikit-elements';
+import { DetailsStyle, CallButtonsConfiguration } from "@cometchat/uikit-shared";
+import { CometChatDetailsOption, CometChatDetailsTemplate } from '@cometchat/uikit-resources';
+import { CometChat } from "@cometchat-pro/chat";
+import { CometChatThemeService } from "../../../CometChatTheme.service";
+import * as i0 from "@angular/core";
+/**
+*
+* CometChatCallDetailsComponent renders details of user or group.
+*
+* @version 1.0.0
+* @author CometChatTeam
+* @copyright © 2022 CometChat Inc.
+*
+*/
+export declare class CometChatCallDetailsComponent implements OnInit, OnChanges {
+    private ref;
+    private themeService;
+    group: CometChat.Group;
+    user: CometChat.User;
+    title: string;
+    closeButtonIconURL: string;
+    hideProfile: boolean;
+    subtitleView: TemplateRef<any>;
+    customProfileView: TemplateRef<any>;
+    disableUsersPresence: boolean;
+    privateGroupIcon: string;
+    protectedGroupIcon: string;
+    onError: ((error: CometChat.CometChatException) => void) | null;
+    data: CometChatDetailsTemplate[];
+    onClose: () => void;
+    statusIndicatorStyle: any;
+    avatarStyle: AvatarStyle;
+    callDetailsStyle: DetailsStyle;
+    callButtonsConfiguration: CallButtonsConfiguration;
+    listItemStyle: ListItemStyle;
+    messagesList: CometChat.Call[];
+    loggedInUser: CometChat.User | null;
+    ccGroupMemberAdded: Subscription;
+    ccGroupMemberJoined: Subscription;
+    ccGroupMemberKicked: Subscription;
+    ccGroupMemberBanned: Subscription;
+    ccOwnershipChanged: Subscription;
+    statusColor: any;
+    closeButtonStyle: any;
+    buttonStyle: any;
+    dividerStyle: any;
+    getTitleStyle(): {
+        textFont: string;
+        textColor: string | undefined;
+    };
+    subtitleText: string;
+    userListenerId: string;
+    requestBuilder: any;
+    limit: number;
+    types: string[];
+    categories: string[];
+    constructor(ref: ChangeDetectorRef, themeService: CometChatThemeService);
+    ngOnChanges(changes: SimpleChanges): void;
+    removeListener(): void;
+    ngOnDestroy(): void;
+    ngOnInit(): void;
+    /**
+     * Compares two dates and sets Date on a a new day
+     */
+    /**
+     * @param  {number} firstDate
+     * @param  {number} secondDate
+     */
+    isDateDifferent(firstDate: number | undefined, secondDate: number | undefined): boolean;
+    subscribeToEvents(): void;
+    unsubscribeToEvents(): void;
+    checkStatusType: () => any;
+    updateSubtitle(): void;
+    getButtonStyle(option: CometChatDetailsOption): {
+        height: string;
+        width: string;
+        border: string;
+        borderRadius: string;
+        buttonTextFont: string | undefined;
+        buttonTextColor: string | undefined;
+        background: string;
+    };
+    checkGroupType(): string;
+    updateUserStatus(user: CometChat.User): void;
+    attachListeners(): void;
+    getSectionHeaderStyle(): {
+        textFont: string;
+        textColor: string;
+    };
+    getCallStatusStyleStyle(): {
+        textFont: string;
+        textColor: string;
+    };
+    getDateStyle(): {
+        textFont: string;
+        textColor: string;
+    };
+    onCloseClick: () => void;
+    onCloseDetails(): void;
+    subtitleStyle: () => {
+        textFont: string | undefined;
+        textColor: string | undefined;
+    };
+    /**
+   * @param  {CometChat.Group} group
+   */
+    getGroupIcon: (group: CometChat.Group) => string | null | undefined;
+    /**
+ * @param  {CometChat.Group} group
+ */
+    getStatusIndicatorColor(group: CometChat.Group): any;
+    getTemplateOptions: (template: CometChatDetailsTemplate) => CometChatDetailsOption[];
+    getCustomOptionView(option: CometChatDetailsOption): any;
+    showDataSectionStyle(template: CometChatDetailsTemplate): {
+        textFont: string | undefined;
+        textColor: string | undefined;
+    };
+    setThemeStyle(): void;
+    setListItemStyle(): void;
+    setAvatarStyle(): void;
+    setStatusStyle(): void;
+    setDetailsStyle(): void;
+    wrapperStyle: () => {
+        width: string | undefined;
+        height: string | undefined;
+        border: string | undefined;
+        borderRadius: string | undefined;
+        background: string | undefined;
+    };
+    marginStyle: () => {
+        padding: string | undefined;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<CometChatCallDetailsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatCallDetailsComponent, "cometchat-call-details", never, { "group": "group"; "user": "user"; "title": "title"; "closeButtonIconURL": "closeButtonIconURL"; "hideProfile": "hideProfile"; "subtitleView": "subtitleView"; "customProfileView": "customProfileView"; "disableUsersPresence": "disableUsersPresence"; "privateGroupIcon": "privateGroupIcon"; "protectedGroupIcon": "protectedGroupIcon"; "onError": "onError"; "data": "data"; "onClose": "onClose"; "statusIndicatorStyle": "statusIndicatorStyle"; "avatarStyle": "avatarStyle"; "callDetailsStyle": "callDetailsStyle"; "callButtonsConfiguration": "callButtonsConfiguration"; "listItemStyle": "listItemStyle"; }, {}, never, never>;
+}

package/Calls/CometChatCallDetails/cometchat-call-details.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./cometchat-call-details/cometchat-call-details.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../CometChatCallButtons/cometchat-call-buttons.module";
+import * as i4 from "../../CometChatList/cometchat-list.module";
+export declare class CometChatCallDetails {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CometChatCallDetails, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CometChatCallDetails, [typeof i1.CometChatCallDetailsComponent], [typeof i2.CommonModule, typeof i3.CometChatCallButtons, typeof i4.CometChatList], [typeof i1.CometChatCallDetailsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CometChatCallDetails>;
+}

package/Calls/CometChatCallHistory/cometchat-call-history/cometchat-call-history.component.d.ts

@@ -0,0 +1,125 @@
+import { ChangeDetectorRef, OnInit, TemplateRef } from '@angular/core';
+import { CometChat } from '@cometchat-pro/chat';
+import { States, TitleAlignment, SelectionMode, ListStyle } from "@cometchat/uikit-shared";
+import { AvatarStyle, DateStyle, IconStyle, ListItemStyle } from '@cometchat/uikit-elements';
+import { Subscription } from 'rxjs';
+import { CometChatThemeService } from '../../../CometChatTheme.service';
+import { CometChatOption, DatePatterns } from '@cometchat/uikit-resources';
+import { CallHistoryStyle } from '@cometchat/uikit-shared';
+import * as i0 from "@angular/core";
+/**
+*
+* CometChatCallHistory is a wrapper component which renders callhistory of the loggedinuser using CometChatListItem && CometChatList.
+*
+* @version 1.0.0
+* @author CometChatTeam
+* @copyright © 2022 CometChat Inc.
+*
+*/
+export declare class CometChatCallHistoryComponent implements OnInit {
+    private ref;
+    private themeService;
+    messageRequestBuilder: CometChat.MessagesRequestBuilder;
+    subtitleView: TemplateRef<any>;
+    listItemView: TemplateRef<any>;
+    menu: TemplateRef<any>;
+    options: ((member: CometChat.Call) => CometChatOption[]) | null;
+    activeCall: CometChat.Call | null;
+    hideSeparator: boolean;
+    selectionMode: SelectionMode;
+    hideError: boolean;
+    title: string;
+    onError: (error: CometChat.CometChatException) => void;
+    onSelect: (call: CometChat.Call) => void;
+    emptyStateView: TemplateRef<any>;
+    errorStateView: TemplateRef<any>;
+    loadingIconURL: string;
+    datePattern: DatePatterns;
+    loadingStateView: TemplateRef<any>;
+    emptyStateText: string;
+    errorStateText: string;
+    titleAlignment: TitleAlignment;
+    avatarStyle: AvatarStyle;
+    dateStyle: DateStyle;
+    callHistoryStyle: CallHistoryStyle;
+    listItemStyle: ListItemStyle;
+    onItemClick: (call: CometChat.Call) => void;
+    callsRequest: CometChat.MessagesRequest | null;
+    selectionmodeEnum: typeof SelectionMode;
+    state: States;
+    ccOutgoingCall: Subscription;
+    ccCallAccepted: Subscription;
+    ccCallRejected: Subscription;
+    ccCallEnded: Subscription;
+    listStyle: ListStyle;
+    limit: number;
+    callsList: CometChat.Call[];
+    callsListenerId: string;
+    loggedInUser: CometChat.User | null;
+    onScrolledToBottom: any;
+    iconStyle: IconStyle;
+    constructor(ref: ChangeDetectorRef, themeService: CometChatThemeService);
+    ngOnInit(): void;
+    callMenuOption(event: any, call: CometChat.Call): void;
+    subscribeToEvents(): void;
+    unsubscribeToEvents(): void;
+    ngOnDestroy(): void;
+    /**
+     * @param  {CometChat.Call} call
+     */
+    /**
+     * @param  {CometChat.Call} call
+     */
+    attachListeners(): void;
+    removeListener(): void;
+    fetchNextcallList: () => void;
+    getSubtitle(call: CometChat.Call): string;
+    /**
+     * @param  {CometChat.Call} call
+     */
+    onClick: (call: CometChat.Call) => void;
+    /**
+     * @param  {CometChat.Call} call
+     */
+    /**
+     * @param  {CometChat.Call} call
+     */
+    getActiveCall: (call: CometChat.Call) => boolean;
+    getCallTypeIcon(call: CometChat.Call): "assets/Audio-Call.svg" | "VideoCallIcon";
+    getCallerName(call: CometChat.Call): string;
+    getRequestBuilder(): CometChat.MessagesRequest;
+    /**
+     * addcall
+     * @param call
+     */
+    addCall(call: CometChat.Call): void;
+    callStyle: () => {
+        height: string | undefined;
+        width: string | undefined;
+        background: string | undefined;
+        border: string | undefined;
+        borderRadius: string | undefined;
+    };
+    setThemeStyle(): void;
+    setAvatarStyle(): void;
+    setDateStyle(): void;
+    getListItemStyle(call: CometChat.Call): {
+        activeBackground?: string | undefined;
+        hoverBackground?: string | undefined;
+        separatorColor?: string | undefined;
+        titleFont?: string | undefined;
+        titleColor?: string | undefined;
+        height?: string | undefined;
+        width?: string | undefined;
+        border?: string | undefined;
+        borderRadius?: string | undefined;
+        background?: string | undefined;
+    };
+    setCallsStyle(): void;
+    subtitleStyle: () => {
+        font: string | undefined;
+        color: string | undefined;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<CometChatCallHistoryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatCallHistoryComponent, "cometchat-call-history", never, { "messageRequestBuilder": "messageRequestBuilder"; "subtitleView": "subtitleView"; "listItemView": "listItemView"; "menu": "menu"; "options": "options"; "activeCall": "activeCall"; "hideSeparator": "hideSeparator"; "selectionMode": "selectionMode"; "hideError": "hideError"; "title": "title"; "onError": "onError"; "onSelect": "onSelect"; "emptyStateView": "emptyStateView"; "errorStateView": "errorStateView"; "loadingIconURL": "loadingIconURL"; "datePattern": "datePattern"; "loadingStateView": "loadingStateView"; "emptyStateText": "emptyStateText"; "errorStateText": "errorStateText"; "titleAlignment": "titleAlignment"; "avatarStyle": "avatarStyle"; "dateStyle": "dateStyle"; "callHistoryStyle": "callHistoryStyle"; "listItemStyle": "listItemStyle"; "onItemClick": "onItemClick"; }, {}, never, never>;
+}

package/Calls/CometChatCallHistory/cometchat-call-history.module.d.ts

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

package/Calls/CometChatCallHistoryWithDetails/cometchat-call-history-with-details/cometchat-call-history-with-details.component.d.ts

@@ -0,0 +1,59 @@
+import { OnInit, OnChanges, SimpleChanges, ChangeDetectorRef, ElementRef } from "@angular/core";
+import { CometChat } from "@cometchat-pro/chat";
+import { CallDetailsConfiguration, CallHistoryConfiguration, WithDetailsStyle } from '@cometchat/uikit-shared';
+import '@cometchat/uikit-elements';
+import { CometChatThemeService } from "../../../CometChatTheme.service";
+import * as i0 from "@angular/core";
+/**
+*
+* CometChatCallHistoryWithDetailsComponent is a wrapper component for CometChatCallDetailsComponent and CometChatCallHistorycomponent to show history and details of calls  in one screen
+*
+* @version 1.0.0
+* @author CometChatTeam
+* @copyright © 2022 CometChat Inc.
+*
+*/
+export declare class CometChatCallHistoryWithDetailsComponent implements OnInit, OnChanges {
+    private elementRef;
+    private ref;
+    private themeService;
+    user: CometChat.User | null;
+    group: CometChat.Group | null;
+    call: CometChat.Call | null;
+    isMobileView: boolean;
+    messageText: string;
+    callHistoryWithDetailsStyle: WithDetailsStyle;
+    callDetailsConfiguration: CallDetailsConfiguration;
+    callHistoryConfiguration: CallHistoryConfiguration;
+    onError: ((error: CometChat.CometChatException) => void) | null;
+    /**
+     * Properties for internal use
+     */
+    loggedInUser: CometChat.User | null;
+    activeCall: CometChat.Call | null;
+    labelStyle: any;
+    constructor(elementRef: ElementRef, ref: ChangeDetectorRef, themeService: CometChatThemeService);
+    ngOnChanges(changes: SimpleChanges): void;
+    closeDetailsPage: () => void;
+    onBack: () => void;
+    setWithDetailsStyle(): void;
+    onItemClick: ((call: CometChat.Call) => void);
+    setActiveChat(): void;
+    ngOnInit(): void;
+    emptyMessageStyle: () => {
+        background: string | undefined;
+        height: string | undefined;
+        width: string;
+        border: string | undefined;
+        borderRadius: string | undefined;
+    };
+    chatsWrapperStyles: () => {
+        height: string | undefined;
+        width: string | undefined;
+        border: string | undefined;
+        borderRadius: string | undefined;
+        background: string | undefined;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<CometChatCallHistoryWithDetailsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatCallHistoryWithDetailsComponent, "cometchat-call-history-with-details", never, { "call": "call"; "isMobileView": "isMobileView"; "messageText": "messageText"; "callHistoryWithDetailsStyle": "callHistoryWithDetailsStyle"; "callDetailsConfiguration": "callDetailsConfiguration"; "callHistoryConfiguration": "callHistoryConfiguration"; "onError": "onError"; }, {}, never, never>;
+}

package/Calls/CometChatCallHistoryWithDetails/cometchat-call-history-with-details.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./cometchat-call-history-with-details/cometchat-call-history-with-details.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../CometChatCallHistory/cometchat-call-history.module";
+import * as i4 from "../CometChatCallDetails/cometchat-call-details.module";
+import * as i5 from "@angular/platform-browser";
+import * as i6 from "@angular/platform-browser/animations";
+export declare class CometChatCallHistoryWithDetails {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CometChatCallHistoryWithDetails, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CometChatCallHistoryWithDetails, [typeof i1.CometChatCallHistoryWithDetailsComponent], [typeof i2.CommonModule, typeof i3.CometChatCallHistory, typeof i4.CometChatCallDetails, typeof i5.BrowserModule, typeof i6.BrowserAnimationsModule], [typeof i1.CometChatCallHistoryWithDetailsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CometChatCallHistoryWithDetails>;
+}

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

@@ -54,7 +54,6 @@ export declare class CometChatIncomingCallComponent implements OnInit, OnChanges
     ngOnDestroy(): void;
     setOngoingCallStyle: () => void;
     getCallTypeIcon(): "assets/Audio-Call.svg" | "assets/Video-call.svg";
-    startDefaultCall: () => void;
     acceptIncomingCall(): void;
     checkForActiveCallAndEndCall: () => Promise<unknown>;
     rejectIncomingCall(reason?: string): void;

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

@@ -3,6 +3,7 @@ import { CometChat } from '@cometchat-pro/chat';
 import "@cometchat/uikit-elements";
 import '@cometchat/uikit-shared';
 import { CallscreenStyle } from '@cometchat/uikit-shared';
+import { CometChatThemeService } from '../../../CometChatTheme.service';
 import * as i0 from "@angular/core";
 /**
 *
@@ -14,6 +15,7 @@ import * as i0 from "@angular/core";
 *
 */
 export declare class CometChatOngoingCallComponent implements OnInit {
+    private themeService;
     ongoingCallStyle: CallscreenStyle;
     resizeIconHoverText: string;
     sessionID: string;
@@ -21,6 +23,8 @@ export declare class CometChatOngoingCallComponent implements OnInit {
     maximizeIconURL: string;
     callSettingsBuilder: CometChat.CallSettingsBuilder;
     ngOnInit(): void;
+    constructor(themeService: CometChatThemeService);
+    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>;
 }

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

@@ -1,9 +1,9 @@
 import { OnInit, ChangeDetectorRef, TemplateRef } from "@angular/core";
 import { CometChat } from "@cometchat-pro/chat";
-import { AddMembersStyle, TitleAlignment, SelectionMode, UsersStyle } from '@cometchat/uikit-shared';
+import { AddMembersStyle, TitleAlignment, SelectionMode, UsersStyle, BaseStyle } from '@cometchat/uikit-shared';
 import '@cometchat/uikit-elements';
 import { CometChatOption } from '@cometchat/uikit-resources';
-import { ListItemStyle } from '@cometchat/uikit-elements';
+import { AvatarStyle, ListItemStyle } from '@cometchat/uikit-elements';
 import { CometChatThemeService } from "../../CometChatTheme.service";
 import * as i0 from "@angular/core";
 /**
@@ -35,7 +35,7 @@ export declare class CometChatAddMembersComponent implements OnInit {
     searchIconURL: string;
     hideSearch: boolean;
     title: string;
-    onError: ((error: any) => void) | null;
+    onError: ((error: CometChat.CometChatException) => void) | null;
     onBack: () => void;
     onClose: () => void;
     onSelect: (user: CometChat.User) => void;
@@ -55,6 +55,8 @@ export declare class CometChatAddMembersComponent implements OnInit {
     titleAlignmentEnum: typeof TitleAlignment;
     selectionmodeEnum: typeof SelectionMode;
     addMembersStyle: AddMembersStyle;
+    StatusIndicatorStyle: BaseStyle;
+    avatarStyle: AvatarStyle;
     loggedInUser: CometChat.User | null;
     actionMessagesList: CometChat.Action[];
     constructor(ref: ChangeDetectorRef, themeService: CometChatThemeService);
@@ -105,5 +107,5 @@ export declare class CometChatAddMembersComponent implements OnInit {
         padding: string | undefined;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<CometChatAddMembersComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatAddMembersComponent, "cometchat-add-members", never, { "usersRequestBuilder": "usersRequestBuilder"; "searchRequestBuilder": "searchRequestBuilder"; "subtitleView": "subtitleView"; "listItemView": "listItemView"; "disableUsersPresence": "disableUsersPresence"; "menu": "menu"; "options": "options"; "backButtonIconURL": "backButtonIconURL"; "closeButtonIconURL": "closeButtonIconURL"; "showBackButton": "showBackButton"; "hideSeparator": "hideSeparator"; "selectionMode": "selectionMode"; "searchPlaceholder": "searchPlaceholder"; "hideError": "hideError"; "searchIconURL": "searchIconURL"; "hideSearch": "hideSearch"; "title": "title"; "onError": "onError"; "onBack": "onBack"; "onClose": "onClose"; "onSelect": "onSelect"; "buttonText": "buttonText"; "group": "group"; "emptyStateView": "emptyStateView"; "errorStateView": "errorStateView"; "loadingIconURL": "loadingIconURL"; "listItemStyle": "listItemStyle"; "showSectionHeader": "showSectionHeader"; "sectionHeaderField": "sectionHeaderField"; "loadingStateView": "loadingStateView"; "emptyStateText": "emptyStateText"; "errorStateText": "errorStateText"; "onAddMembersButtonClick": "onAddMembersButtonClick"; "titleAlignment": "titleAlignment"; "addMembersStyle": "addMembersStyle"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatAddMembersComponent, "cometchat-add-members", never, { "usersRequestBuilder": "usersRequestBuilder"; "searchRequestBuilder": "searchRequestBuilder"; "subtitleView": "subtitleView"; "listItemView": "listItemView"; "disableUsersPresence": "disableUsersPresence"; "menu": "menu"; "options": "options"; "backButtonIconURL": "backButtonIconURL"; "closeButtonIconURL": "closeButtonIconURL"; "showBackButton": "showBackButton"; "hideSeparator": "hideSeparator"; "selectionMode": "selectionMode"; "searchPlaceholder": "searchPlaceholder"; "hideError": "hideError"; "searchIconURL": "searchIconURL"; "hideSearch": "hideSearch"; "title": "title"; "onError": "onError"; "onBack": "onBack"; "onClose": "onClose"; "onSelect": "onSelect"; "buttonText": "buttonText"; "group": "group"; "emptyStateView": "emptyStateView"; "errorStateView": "errorStateView"; "loadingIconURL": "loadingIconURL"; "listItemStyle": "listItemStyle"; "showSectionHeader": "showSectionHeader"; "sectionHeaderField": "sectionHeaderField"; "loadingStateView": "loadingStateView"; "emptyStateText": "emptyStateText"; "errorStateText": "errorStateText"; "onAddMembersButtonClick": "onAddMembersButtonClick"; "titleAlignment": "titleAlignment"; "addMembersStyle": "addMembersStyle"; "StatusIndicatorStyle": "StatusIndicatorStyle"; "avatarStyle": "avatarStyle"; }, {}, never, never>;
 }

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

@@ -35,7 +35,7 @@ export declare class CometChatBannedMembersComponent implements OnInit {
     searchIconURL: string;
     hideSearch: boolean;
     title: string;
-    onError: ((error: any) => void) | null;
+    onError: ((error: CometChat.CometChatException) => void) | null;
     onSelect: (member: CometChat.GroupMember) => void;
     onBack: () => void;
     onClose: () => void;
@@ -48,6 +48,7 @@ export declare class CometChatBannedMembersComponent implements OnInit {
     errorStateText: string;
     titleAlignment: TitleAlignment;
     unbanIconURL: string;
+    statusIndicatorStyle: any;
     menuListStyle: {
         width: string;
         height: string;
@@ -90,11 +91,19 @@ export declare class CometChatBannedMembersComponent implements OnInit {
     ngOnInit(): void;
     backClicked(): void;
     closeClicked(): void;
+    /**
+   * @param  {CometChat.GroupMember} member
+   */
+    getStatusIndicatorColor: (member: CometChat.GroupMember) => string | null | undefined;
     unBanMember: (member: CometChat.GroupMember) => void;
     /**
      * @param  {CometChat.User} member
      */
     updateMember: (member: CometChat.GroupMember) => void;
+    /**
+   * @param  {CometChat.User} member
+   */
+    updateMemberStatus: (member: CometChat.User) => void;
     attachListeners(): void;
     removeListener(): void;
     fetchNextBannedMembers: () => void;
@@ -107,6 +116,7 @@ export declare class CometChatBannedMembersComponent implements OnInit {
     onSearch: (key: string) => void;
     setThemeStyle(): void;
     setBanMembersStyle(): void;
+    setStatusStyle(): void;
     setListItemStyle(): void;
     setAvatarStyle(): void;
     membersStyles: () => {
@@ -136,5 +146,5 @@ export declare class CometChatBannedMembersComponent implements OnInit {
         borderRadius: string | undefined;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<CometChatBannedMembersComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatBannedMembersComponent, "cometchat-banned-members", never, { "bannedMembersRequestBuilder": "bannedMembersRequestBuilder"; "searchRequestBuilder": "searchRequestBuilder"; "subtitleView": "subtitleView"; "listItemView": "listItemView"; "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"; "onSelect": "onSelect"; "onBack": "onBack"; "onClose": "onClose"; "group": "group"; "emptyStateView": "emptyStateView"; "errorStateView": "errorStateView"; "loadingIconURL": "loadingIconURL"; "loadingStateView": "loadingStateView"; "emptyStateText": "emptyStateText"; "errorStateText": "errorStateText"; "titleAlignment": "titleAlignment"; "unbanIconURL": "unbanIconURL"; "avatarStyle": "avatarStyle"; "bannedMembersStyle": "bannedMembersStyle"; "listItemStyle": "listItemStyle"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatBannedMembersComponent, "cometchat-banned-members", never, { "bannedMembersRequestBuilder": "bannedMembersRequestBuilder"; "searchRequestBuilder": "searchRequestBuilder"; "subtitleView": "subtitleView"; "listItemView": "listItemView"; "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"; "onSelect": "onSelect"; "onBack": "onBack"; "onClose": "onClose"; "group": "group"; "emptyStateView": "emptyStateView"; "errorStateView": "errorStateView"; "loadingIconURL": "loadingIconURL"; "loadingStateView": "loadingStateView"; "emptyStateText": "emptyStateText"; "errorStateText": "errorStateText"; "titleAlignment": "titleAlignment"; "unbanIconURL": "unbanIconURL"; "statusIndicatorStyle": "statusIndicatorStyle"; "avatarStyle": "avatarStyle"; "bannedMembersStyle": "bannedMembersStyle"; "listItemStyle": "listItemStyle"; }, {}, never, never>;
 }

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

@@ -30,7 +30,7 @@ export declare class CometChatConversationsWithMessagesComponent implements OnIn
     conversationsWithMessagesStyle: WithMessagesStyle;
     messagesConfiguration: MessagesConfiguration;
     conversationConfiguration: ConversationsConfiguration;
-    onError: ((error: any) => void) | null;
+    onError: ((error: CometChat.CometChatException) => void) | null;
     theme: CometChatTheme;
     /**
      * Properties for internal use

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

@@ -30,26 +30,31 @@ export declare class CometChatDetailsComponent implements OnInit, OnChanges {
     disableUsersPresence: boolean;
     privateGroupIcon: string;
     protectedGroupIcon: string;
-    onError: ((error: any) => void) | null;
+    onError: ((error: CometChat.CometChatException) => void) | null;
     onClose: () => void;
-    leaveButtonText: string;
-    cancelButtonText: string;
-    confirmDialogMessage: string;
+    leaveGroupConfirmButtonText: string;
+    leaveGroupCancelButtonText: string;
+    leaveGroupDialogMessage: string;
+    leaveGroupDialogStyle: ConfirmDialogStyle;
+    deleteGroupConfirmButtonText: string;
+    deleteGroupDialogMessage: string;
+    deleteGroupCancelButtonText: string;
+    deleteGroupDialogStyle: ConfirmDialogStyle;
+    transferOwnershipConfirmButtonText: string;
+    transferOwnershipDialogMessage: string;
+    transferOwnershipCancelButtonText: string;
+    transferOwnershipDialogStyle: ConfirmDialogStyle;
     addMembersConfiguration: AddMembersConfiguration;
     bannedMembersConfiguration: BannedMembersConfiguration;
     groupMembersConfiguration: GroupMembersConfiguration;
     transferOwnershipConfiguration: TransferOwnershipConfiguration;
-    leaveDialogStyle: ConfirmDialogStyle;
     backiconurl: string;
     statusIndicatorStyle: any;
     backdropStyle: BaseStyle;
     avatarStyle: AvatarStyle;
     detailsStyle: DetailsStyle;
     listItemStyle: ListItemStyle;
-    leaveGroupText: string;
-    leaveGroupMessage: string;
-    transferText: string;
-    transferConfirm: string;
+    showTransferDialog: boolean;
     defaultTemplate: CometChatDetailsTemplate[];
     loggedInUser: CometChat.User | null;
     openViewMembersPage: boolean;
@@ -67,6 +72,7 @@ export declare class CometChatDetailsComponent implements OnInit, OnChanges {
     closeButtonStyle: any;
     buttonStyle: any;
     dividerStyle: any;
+    deleteGroupModal: boolean;
     getTitleStyle(): {
         textFont: string;
         textColor: string | undefined;
@@ -101,6 +107,7 @@ export declare class CometChatDetailsComponent implements OnInit, OnChanges {
         textColor: string | undefined;
     };
     onOptionClick(option: CometChatDetailsOption): void;
+    onTransferClick(): void;
     onLeaveClick(): void;
     createActionMessage(actionOn: CometChat.GroupMember, action: string): CometChat.Action;
     createUserLeftAction(actionOn: CometChat.User, action: string): CometChat.Action;
@@ -112,6 +119,7 @@ export declare class CometChatDetailsComponent implements OnInit, OnChanges {
     addMembers: () => void;
     bannedMembers: () => void;
     leaveGroup(): void;
+    showDeleteDialog(): void;
     deleteGroup(): void;
     openTransferOwnership: () => void;
     onCloseDetails(): void;
@@ -145,5 +153,5 @@ export declare class CometChatDetailsComponent implements OnInit, OnChanges {
         padding: string | undefined;
     };
     static ɵfac: i0.ɵɵFactoryDeclaration<CometChatDetailsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatDetailsComponent, "cometchat-details", never, { "group": "group"; "user": "user"; "title": "title"; "closeButtonIconURL": "closeButtonIconURL"; "hideProfile": "hideProfile"; "subtitleView": "subtitleView"; "customProfileView": "customProfileView"; "data": "data"; "disableUsersPresence": "disableUsersPresence"; "privateGroupIcon": "privateGroupIcon"; "protectedGroupIcon": "protectedGroupIcon"; "onError": "onError"; "onClose": "onClose"; "leaveButtonText": "leaveButtonText"; "cancelButtonText": "cancelButtonText"; "confirmDialogMessage": "confirmDialogMessage"; "addMembersConfiguration": "addMembersConfiguration"; "bannedMembersConfiguration": "bannedMembersConfiguration"; "groupMembersConfiguration": "groupMembersConfiguration"; "transferOwnershipConfiguration": "transferOwnershipConfiguration"; "leaveDialogStyle": "leaveDialogStyle"; "statusIndicatorStyle": "statusIndicatorStyle"; "backdropStyle": "backdropStyle"; "avatarStyle": "avatarStyle"; "detailsStyle": "detailsStyle"; "listItemStyle": "listItemStyle"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CometChatDetailsComponent, "cometchat-details", never, { "group": "group"; "user": "user"; "title": "title"; "closeButtonIconURL": "closeButtonIconURL"; "hideProfile": "hideProfile"; "subtitleView": "subtitleView"; "customProfileView": "customProfileView"; "data": "data"; "disableUsersPresence": "disableUsersPresence"; "privateGroupIcon": "privateGroupIcon"; "protectedGroupIcon": "protectedGroupIcon"; "onError": "onError"; "onClose": "onClose"; "leaveGroupConfirmButtonText": "leaveGroupConfirmButtonText"; "leaveGroupCancelButtonText": "leaveGroupCancelButtonText"; "leaveGroupDialogMessage": "leaveGroupDialogMessage"; "leaveGroupDialogStyle": "leaveGroupDialogStyle"; "deleteGroupConfirmButtonText": "deleteGroupConfirmButtonText"; "deleteGroupDialogMessage": "deleteGroupDialogMessage"; "deleteGroupCancelButtonText": "deleteGroupCancelButtonText"; "deleteGroupDialogStyle": "deleteGroupDialogStyle"; "transferOwnershipConfirmButtonText": "transferOwnershipConfirmButtonText"; "transferOwnershipDialogMessage": "transferOwnershipDialogMessage"; "transferOwnershipCancelButtonText": "transferOwnershipCancelButtonText"; "transferOwnershipDialogStyle": "transferOwnershipDialogStyle"; "addMembersConfiguration": "addMembersConfiguration"; "bannedMembersConfiguration": "bannedMembersConfiguration"; "groupMembersConfiguration": "groupMembersConfiguration"; "transferOwnershipConfiguration": "transferOwnershipConfiguration"; "statusIndicatorStyle": "statusIndicatorStyle"; "backdropStyle": "backdropStyle"; "avatarStyle": "avatarStyle"; "detailsStyle": "detailsStyle"; "listItemStyle": "listItemStyle"; }, {}, never, never>;
 }

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

@@ -34,7 +34,7 @@ export declare class CometChatGroupMembersComponent implements OnInit {
     searchIconURL: string;
     hideSearch: boolean;
     title: string;
-    onError: ((error: any) => void) | null;
+    onError: ((error: CometChat.CometChatException) => void) | null;
     backdropStyle: BaseStyle;
     onBack: () => void;
     onClose: () => void;

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

@@ -32,7 +32,7 @@ export declare class CometChatGroupsComponent implements OnInit, OnChanges {
     searchIconURL: string;
     hideSearch: boolean;
     title: string;
-    onError: (error: any) => void;
+    onError: (error: CometChat.CometChatException) => void;
     onSelect: (group: CometChat.Group) => void;
     emptyStateView: TemplateRef<any>;
     errorStateView: TemplateRef<any>;

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

@@ -33,7 +33,7 @@ export declare class CometChatGroupsWithMessagesComponent implements OnInit, OnC
     createGroupConfiguration: CreateGroupConfiguration;
     joinGroupConfiguration: JoinGroupConfiguration;
     groupsConfiguration: GroupsConfiguration;
-    onError: ((error: any) => void) | null;
+    onError: ((error: CometChat.CometChatException) => void) | null;
     theme: CometChatTheme;
     backdropStyle: any;
     createGroupStyle: CreateGroupStyle;