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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cometchat/chat-uikit-angular",
-  "version": "v4.0.0-beta.1.4",
+  "version": "4.0.0",
   "keywords": [
     "CometChat",
     "chat",
@@ -20,10 +20,10 @@
     "Angular"
   ],
   "peerDependencies": {
-    "@cometchat-pro/chat": "3.0.12",
-    "@cometchat/uikit-elements": "^1.0.0-beta.1.10",
-    "@cometchat/uikit-resources": "^1.0.0-beta.1.10",
-    "@cometchat/uikit-shared": "^1.0.0-beta.1.10"
+    "@cometchat/uikit-elements": "~4.0.0",
+    "@cometchat/uikit-resources": "~4.0.0",
+    "@cometchat/uikit-shared": "~4.0.0",
+    "@cometchat/chat-sdk-javascript": "^4.0.0"
   },
   "module": "fesm2015/cometchat-chat-uikit-angular.mjs",
   "es2020": "fesm2020/cometchat-chat-uikit-angular.mjs",

package/public-api.d.ts

@@ -1,7 +1,6 @@
-export { CometChatUIKitConstants, DatePatterns, TabAlignment, IconButtonAlignment, DocumentIconAlignment, Placement, AuxiliaryButtonAlignment, MessageStatus, MessageBubbleAlignment, MessageListAlignment, Receipts, TitleAlignment, SelectionMode, States, TimestampAlignment, CometChatMessageComposerAction, CometChatTabItem, CometChatLocalize, CometChatTheme, CometChatPalette, CometChatTypography, localize, CometChatDetailsTemplate, CometChatDetailsOption, CometChatOption, CometChatMessageTemplate, CometChatMessageOption } from '@cometchat/uikit-resources';
-import { fontHelper } from '@cometchat/uikit-resources';
-export { fontHelper };
-export { ConversationUtils, DetailsUtils, GroupMemberUtils, MessageReceiptUtils, ConversationsConfiguration, CreateGroupConfiguration, DetailsConfiguration, GroupsConfiguration, JoinGroupConfiguration, MessageComposerConfiguration, MessageHeaderConfiguration, MessageListConfiguration, MessagesConfiguration, UsersConfiguration, ThreadedMessagesConfiguration, MessageBubbleConfiguration, AddMembersConfiguration, BannedMembersConfiguration, GroupMembersConfiguration, TransferOwnershipConfiguration, PollsConstants, SmartRepliesConstants, SmartRepliesConfiguration, StickersConstants, StickersConfiguration, MessageTranslationConstants, MessageTranslationConfiguration, CollaborativeWhiteboardConfiguration, CollaborativeDocumentConstants, CollaborativeDocumentConfiguration, CollaborativeWhiteboardConstants, ReactionsConstants, ImageModerationConfiguration, ImageModerationConstants, ThumbnailGenerationConstants, LinkPreviewConstants, CallingDetailsUtils, CallHistoryConfiguration, OutgoingCallConfiguration, CallButtonsConfiguration, CallScreenConfiguration, CallDetailsConfiguration, ComposerId } from '@cometchat/uikit-shared';
+export * from '@cometchat/uikit-shared';
+export * from '@cometchat/uikit-resources';
+export { CometChatAvatar, AvatarStyle, CometChatBadge, BadgeStyle, CometChatReceipt, ReceiptStyle, CometChatStatusIndicator, CometChatDate, DateStyle, CometChatIcon, IconStyle, CometChatBackdrop, CometChatButton, CometChatPopover, PopoverStyle, CometChatLabel, LabelStyle, CometChatInput, InputStyle, CometChatSearchInput, SearchInputStyle, CometChatModal, ModalStyle, CometChatMenuList, MenuListStyle, CometChatLoader, LoaderStyle, CometChatListItem, ListItemStyle, CometChatConfirmDialog, ConfirmDialogStyle, CometChatDivider, CometChatButtonGroup, ButtonGroupStyle, CometChatCheckbox, CheckboxStyle, CometChatTextBubble, TextBubbleStyle, CometChatVideoBubble, CometChatAudioBubble, CometChatImageBubble, ImageBubbleStyle, CometChatFileBubble, FileBubbleStyle, CometChatRadioButton, RadioButtonStyle, CometChatEmojiKeyboard, EmojiKeyboardStyle, Emojis, CometChatEmoji, CometChatMessageInput, MessageInputStyle, CometChatDropdown, DropdownStyle, CometChatChangeScope, ChangeScopeStyle, CometChatPreview, PreviewStyle, auxiliaryButtonAlignmentEnum, CometChatActionSheet, CometChatActionItem, layoutType, ActionSheetStyle, CometChatLiveReaction, CometChatJoinGroup, JoinGroupStyle, CometChatCreateGroup, CreateGroupStyle, CometChatDocumentBubble, CometChatCard, CardStyle, DocumentBubbleStyle, CometChatFullScreenViewer, FullScreenViewerStyle, CometChatIconButton, CometChatDraggable, CometChatContextMenu, ContextMenuStyle, CometChatMediaRecorder, MediaRecorderStyle, CallscreenStyle, CometChatCallscreenWrapper, BackdropStyle, } from '@cometchat/uikit-elements';
 export { CometChatUIKit } from './Shared/CometChatUIkit/CometChatUIKit';
 export { ChatConfigurator } from './Shared/Framework/ChatConfigurator';
 export { DataSource } from './Shared/Framework/DataSource';
@@ -79,3 +78,7 @@ export { CometChatUsersWithMessagesComponent } from './CometChatUsersWithMessage
 export { CometChatUsersWithMessages } from './CometChatUsersWithMessages/cometchat-users-with-messages.module';
 export { CometChatTabsComponent } from './Shared/Views/CometChatTabs/cometchat-tabs/cometchat-tabs.component';
 export { CometChatTabs } from './Shared/Views/CometChatTabs/cometchat-tabs.module';
+export { CometChatContacts } from './CometChatContacts/cometchat-contacts.module';
+export { CometChatContactsComponent } from './CometChatContacts/cometchat-contacts/cometchat-contacts.component';
+export { CometChatMessageInformation } from './CometChatMessageInformation/cometchat-message-information.module';
+export { CometChatMessageInformationComponent } from './CometChatMessageInformation/cometchat-message-information/cometchat-message-information.component';

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

@@ -1,139 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,125 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,59 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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>;
-}