Update UIKIt to v4.3.11

dist/index.d.ts

@@ -3,7 +3,7 @@ import * as React$1 from 'react';
 import React__default, { CSSProperties, JSX as JSX$1 } from 'react';
 import { UserMemberListType, UserPresencePlacement, CometChatLocalize, FormMessage, CardMessage, CustomInteractiveMessage, SchedulerMessage, CometChatTheme, CometChatActionsIcon, CometChatActionsView, MessageBubbleAlignment, CometChatMessageTemplate, CometChatMessageComposerAction, CometChatDetailsTemplate, MentionsTargetElement, TabAlignment, CometChatTabItem, IconButtonAlignment, TitleAlignment, States, CallWorkflow, DatePatterns, CometChatOption, SelectionMode, AuxiliaryButtonAlignment, MessageListAlignment, TimestampAlignment, TabsVisibility } from '@cometchat/uikit-resources';
 export * from '@cometchat/uikit-resources';
-import { AvatarStyle, TextBubbleStyle, BaseStyle, ImageBubbleStyle, FileBubbleStyle, DocumentBubbleStyle, ConfirmDialogStyle, ListItemStyle, CallscreenStyle, BadgeStyle, ReceiptStyle, DateStyle, ChangeScopeStyle, ActionSheetStyle, MediaRecorderStyle, EmojiKeyboardStyle, CometChatEmojiKeyboard, CometChatIconButton, CometChatButton as CometChatButton$1, CometChatDate, CometChatLabel, CometChatLoader, CometChatAvatar, CometChatReceipt } from '@cometchat/uikit-elements';
+import { AvatarStyle, TextBubbleStyle, BaseStyle, ImageBubbleStyle, FileBubbleStyle, DocumentBubbleStyle, ConfirmDialogStyle, ListItemStyle, CallscreenStyle, BadgeStyle, ReceiptStyle, DateStyle, ChangeScopeStyle, ActionSheetStyle, MediaRecorderStyle, EmojiKeyboardStyle, BackdropStyle, CometChatEmojiKeyboard, CometChatIconButton, CometChatButton as CometChatButton$1, CometChatDate, CometChatLabel, CometChatLoader, CometChatAvatar, CometChatReceipt } from '@cometchat/uikit-elements';
 export { ActionSheetStyle, AvatarStyle, BackdropStyle, BadgeStyle, ButtonGroupStyle, CallscreenStyle, CardStyle, ChangeScopeStyle, CheckboxStyle, CometChatActionItem, CometChatActionSheet, CometChatAvatar, CometChatBackdrop, CometChatBadge, CometChatButton, CometChatButtonGroup, CometChatCallscreenWrapper, CometChatCard, CometChatChangeScope, CometChatCheckbox, CometChatConfirmDialog, CometChatContextMenu, CometChatCreateGroup, CometChatDate, CometChatDivider, CometChatDocumentBubble, CometChatDraggable, CometChatDropdown, CometChatEmoji, CometChatEmojiKeyboard, CometChatFullScreenViewer, CometChatIcon, CometChatIconButton, CometChatInput, CometChatJoinGroup, CometChatLabel, CometChatListItem, CometChatLiveReaction, CometChatLoader, CometChatMediaRecorder, CometChatMenuList, CometChatMessageInput, CometChatModal, CometChatPopover, CometChatPreview, CometChatQuickView, CometChatRadioButton, CometChatReceipt, CometChatSearchInput, CometChatSingleSelect, CometChatStatusIndicator, CometChatTextInput, ConfirmDialogStyle, ContextMenuStyle, CreateGroupStyle, DateStyle, DocumentBubbleStyle, DropdownStyle, EmojiKeyboardStyle, Emojis, FileBubbleStyle, FullScreenViewerStyle, IconStyle, ImageBubbleStyle, InputStyle, JoinGroupStyle, LabelStyle, ListItemStyle, LoaderStyle, MediaRecorderStyle, MenuListStyle, MessageInputStyle, ModalStyle, PopoverStyle, PreviewStyle, QuickViewStyle, RadioButtonStyle, ReceiptStyle, SearchInputStyle, SingleSelectStyle, TextBubbleStyle, TextInputStyle, auxiliaryButtonAlignmentEnum, layoutType } from '@cometchat/uikit-elements';
 import { UIKitSettings, CometChatSoundManager, ComposerId as ComposerId$1, FormBubbleStyle, SchedulerBubbleStyle, CardBubbleStyle, AIOptionsStyle, CometChatTextFormatter, CometChatMentionsFormatter, CometChatUrlsFormatter, BaseStyle as BaseStyle$1, ListStyle, OptionsStyle, ImageModerationStyle, LinkPreviewStyle, MessageTranslationStyle, PollsBubbleStyle, CreatePollStyle, SmartRepliesStyle, StickersStyle, CallButtonsStyle, IncomingCallStyle, CometChatUIKitCalls, OutgoingCallStyle, CallLogsStyle, OutgoingCallConfiguration, CallLogHistoryConfiguration, CallLogParticipantsConfiguration, CallLogRecordingsConfiguration, CallLogDetailsStyle, CallLogHistoryStyle, CallLogParticipantsStyle, CallLogRecordingsStyle, WithDetailsStyle, CallLogDetailsConfiguration, CallLogsConfiguration, AddMembersStyle, BannedMembersStyle, ConversationsStyle, WithMessagesStyle, MessagesConfiguration, ConversationsConfiguration, ContactsConfiguration, AddMembersConfiguration, BannedMembersConfiguration, GroupMembersConfiguration, TransferOwnershipConfiguration, DetailsStyle, GroupMembersStyle, GroupsStyle, GroupsConfiguration, CreateGroupConfiguration, JoinGroupConfiguration, MessageComposerStyle, UserMemberWrapperConfiguration, MessageHeaderStyle, MessageListStyle, MessageInformationConfiguration, ReactionsConfiguration, MessageHeaderConfiguration, MessageListConfiguration, MessageComposerConfiguration, ThreadedMessagesConfiguration, DetailsConfiguration, MessagesStyle, TransferOwnershipStyle, UsersStyle, UsersConfiguration, ContactsStyle, MessageInformationStyle, AIAssistBotConfiguration, AIConversationStarterConfiguration, AISmartRepliesConfiguration, AIConversationSummaryConfiguration, CometChatReactions } from '@cometchat/uikit-shared';
 export * from '@cometchat/uikit-shared';
@@ -1052,18 +1052,28 @@ declare const CometChatCallLogs: {
 interface ICallLogDetailsProps {
     title?: string;
     backIconUrl?: string;
-    call: any;
+    call: CometChat$1.Call;
     onBackClick?: Function;
     avatarStyle?: AvatarStyle;
-    data?: (callLog: any, loggedInUser: CometChat.User, theme: CometChatTheme) => CometChatDetailsTemplate[];
+    data?: (callLog: any, loggedInUser: CometChat$1.User, theme: CometChatTheme) => CometChatDetailsTemplate[];
     callLogHistoryConfiguration?: CallLogHistoryConfiguration;
     callLogParticipantsConfiguration?: CallLogParticipantsConfiguration;
     callLogRecordingsConfiguration?: CallLogRecordingsConfiguration;
     callLogDetailsStyle?: CallLogDetailsStyle;
 }
 declare const CometChatCallLogDetails: {
     (props: ICallLogDetailsProps): react_jsx_runtime.JSX.Element;
-    defaultProps: ICallLogDetailsProps;
+    defaultProps: {
+        title: any;
+        backIconUrl: string;
+        onBackClick: undefined;
+        avatarStyle: AvatarStyle;
+        data: (callLog: any, loggedInUser: CometChat$1.User, theme: CometChatTheme) => CometChatDetailsTemplate[];
+        callLogHistoryConfiguration: CallLogHistoryConfiguration;
+        callLogParticipantsConfiguration: CallLogParticipantsConfiguration;
+        callLogRecordingsConfiguration: CallLogRecordingsConfiguration;
+        callLogDetailsStyle: CallLogDetailsStyle;
+    };
 };
 
 interface ICallLogHistoryProps {
@@ -2738,6 +2748,7 @@ interface IMessageListProps {
     threadIndicatorIcon?: string;
     disableMentions?: boolean;
     textFormatters?: CometChatTextFormatter[];
+    backdropStyle?: BackdropStyle;
 }
 declare const CometChatMessageList: {
     (props: IMessageListProps): react_jsx_runtime.JSX.Element;
@@ -3228,6 +3239,7 @@ interface MessageInformationProps {
     loadingStateView?: any;
     errorStateText?: any;
     errorStateView?: any;
+    backdropStyle?: BackdropStyle;
 }
 declare const CometChatMessageInformation: (props: MessageInformationProps) => react_jsx_runtime.JSX.Element;
 

dist/types/Calling/CometChatCallLogDetails/index.d.ts

@@ -1,10 +1,11 @@
-import { AvatarStyle } from "@cometchat/uikit-elements";
-import { CometChatTheme, CometChatDetailsTemplate } from "@cometchat/uikit-resources";
 import { CallLogDetailsStyle, CallLogHistoryConfiguration, CallLogParticipantsConfiguration, CallLogRecordingsConfiguration } from "@cometchat/uikit-shared";
+import { CometChatDetailsTemplate, CometChatTheme } from "@cometchat/uikit-resources";
+import { AvatarStyle } from "@cometchat/uikit-elements";
+import { CometChat } from "@cometchat/chat-sdk-javascript";
 interface ICallLogDetailsProps {
     title?: string;
     backIconUrl?: string;
-    call: any;
+    call: CometChat.Call;
     onBackClick?: Function;
     avatarStyle?: AvatarStyle;
     data?: (callLog: any, loggedInUser: CometChat.User, theme: CometChatTheme) => CometChatDetailsTemplate[];
@@ -15,6 +16,16 @@ interface ICallLogDetailsProps {
 }
 declare const CometChatCallLogDetails: {
     (props: ICallLogDetailsProps): import("react/jsx-runtime").JSX.Element;
-    defaultProps: ICallLogDetailsProps;
+    defaultProps: {
+        title: any;
+        backIconUrl: string;
+        onBackClick: undefined;
+        avatarStyle: AvatarStyle;
+        data: (callLog: any, loggedInUser: CometChat.User, theme: CometChatTheme) => CometChatDetailsTemplate[];
+        callLogHistoryConfiguration: CallLogHistoryConfiguration;
+        callLogParticipantsConfiguration: CallLogParticipantsConfiguration;
+        callLogRecordingsConfiguration: CallLogRecordingsConfiguration;
+        callLogDetailsStyle: CallLogDetailsStyle;
+    };
 };
 export { CometChatCallLogDetails };

dist/types/Calling/CometChatCallLogDetails/style.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { CometChatTheme } from "@cometchat/uikit-resources";
 import { CallLogDetailsStyle } from "@cometchat/uikit-shared";
+import { ListItemStyle } from "@cometchat/uikit-elements";
 export declare function getProfileContainerStyle(): React.CSSProperties;
 export declare function getButtonContainerStyle(): React.CSSProperties;
 export declare function getBackButtonStyle(theme: CometChatTheme, style: CallLogDetailsStyle): {
@@ -17,3 +18,4 @@ export declare function getTitleStyle(theme: CometChatTheme, style: CallLogDetai
     color: string | undefined;
     background: string;
 };
+export declare function getListItemStyle(theme: CometChatTheme, style: any): ListItemStyle;

dist/types/CometChatConversationsWithMessages/style.d.ts

@@ -62,8 +62,6 @@ export declare const getMessageComposerStyle: (conversationsWithMessagesStyle: W
     background?: string | undefined;
 };
 export declare const getMessagesStyle: (messagesStyle?: MessagesStyle, conversationsWithMessagesStyle?: WithMessagesStyle | undefined) => {
-    messageTextColor?: string | undefined;
-    messageTextFont?: string | undefined;
     height?: string | undefined;
     width?: string | undefined;
     border?: string | undefined;

dist/types/CometChatGroupsWithMessages/style.d.ts

@@ -38,8 +38,6 @@ export declare const getMessageComposerStyle: (groupsWithMessagesStyle: WithMess
     background?: string | undefined;
 };
 export declare const getMessagesStyle: (messagesStyle?: MessagesStyle, withMessagesStyle?: WithMessagesStyle | undefined) => {
-    messageTextColor?: string | undefined;
-    messageTextFont?: string | undefined;
     height?: string | undefined;
     width?: string | undefined;
     border?: string | undefined;

dist/types/CometChatMessageInformation/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ListItemStyle } from "@cometchat/uikit-elements";
+import { BackdropStyle, ListItemStyle } from "@cometchat/uikit-elements";
 import { CometChatMessageTemplate } from "@cometchat/uikit-resources";
 import { MessageInformationStyle } from "@cometchat/uikit-shared";
 interface MessageInformationProps {
@@ -23,6 +23,7 @@ interface MessageInformationProps {
     loadingStateView?: any;
     errorStateText?: any;
     errorStateView?: any;
+    backdropStyle?: BackdropStyle;
 }
 declare const CometChatMessageInformation: (props: MessageInformationProps) => import("react/jsx-runtime").JSX.Element;
 export { CometChatMessageInformation };

dist/types/CometChatMessageInformation/style.d.ts

@@ -1,7 +1,7 @@
 import { CometChatTheme } from "@cometchat/uikit-resources";
 import { CSSProperties } from "react";
-import { ReceiptStyle, DateStyle } from "@cometchat/uikit-elements";
-import { MessageInformationStyle } from "@cometchat/uikit-shared";
+import { ReceiptStyle, DateStyle, BackdropStyle } from "@cometchat/uikit-elements";
+import { BaseStyle, MessageInformationStyle } from "@cometchat/uikit-shared";
 type ButtonStyle = CSSProperties & {
     buttonIconTint?: string;
 };
@@ -44,4 +44,5 @@ export declare const getMessageInfoStyle: (theme: CometChatTheme, messageInfo?:
 export declare const getReceiptTextStyle: (theme: CometChatTheme) => CSSProperties;
 export declare const getMessageTextStyle: (theme: CometChatTheme) => CSSProperties;
 export declare const getParentBubbleStyle: (alignBubble?: boolean) => CSSProperties;
+export declare function getBackdropStyle(backdropStyleObject: BaseStyle): BackdropStyle;
 export {};

dist/types/CometChatMessageList/CometChatMessageList.d.ts

@@ -1,5 +1,5 @@
 import "@cometchat/uikit-elements";
-import { AvatarStyle, DateStyle, EmojiKeyboardStyle } from "@cometchat/uikit-elements";
+import { AvatarStyle, BackdropStyle, DateStyle, EmojiKeyboardStyle } from "@cometchat/uikit-elements";
 import { CometChatMessageTemplate, DatePatterns, MessageListAlignment, TimestampAlignment } from "@cometchat/uikit-resources";
 import { CometChatTextFormatter, MessageInformationConfiguration, MessageListStyle, ReactionsConfiguration } from "@cometchat/uikit-shared";
 interface IMessageListProps {
@@ -46,6 +46,7 @@ interface IMessageListProps {
     threadIndicatorIcon?: string;
     disableMentions?: boolean;
     textFormatters?: CometChatTextFormatter[];
+    backdropStyle?: BackdropStyle;
 }
 declare const CometChatMessageList: {
     (props: IMessageListProps): import("react/jsx-runtime").JSX.Element;

dist/types/CometChatUsersWithMessages/style.d.ts

@@ -38,12 +38,32 @@ export declare const getMessageComposerStyle: (usersWithMessagesStyle: WithMessa
     background?: string | undefined;
 };
 export declare const getMessagesStyle: (messagesStyle?: MessagesStyle, withMessagesStyle?: WithMessagesStyle | undefined) => {
-    messageTextColor?: string | undefined;
-    messageTextFont?: string | undefined;
     height?: string | undefined;
     width?: string | undefined;
     border?: string | undefined;
     borderRadius?: string | undefined;
     background: string | undefined;
 };
 export declare const getEmptyMessageLayoutStyle: (isMobileView: boolean | undefined, activeUser: CometChat.User | undefined) => CSSProperties;
+export declare const getMessageInformationStyle: (messagesConfiguration: MessagesConfiguration | undefined, isMobileView: boolean | undefined) => {
+    width: string;
+    height: string;
+    titleTextFont?: string | undefined;
+    titleTextColor?: string | undefined;
+    emptyStateTextFont?: string | undefined;
+    emptyStateTextColor?: string | undefined;
+    errorStateTextFont?: string | undefined;
+    errorStateTextColor?: string | undefined;
+    sendIconTint?: string | undefined;
+    loadingIconTint?: string | undefined;
+    readIconTint?: string | undefined;
+    deliveredIconTint?: string | undefined;
+    subtitleTextFont?: string | undefined;
+    subtitleTextColor?: string | undefined;
+    dividerTint?: string | undefined;
+    captionTextFont?: string | undefined;
+    captionTextColor?: string | undefined;
+    border?: string | undefined;
+    borderRadius?: string | undefined;
+    background?: string | undefined;
+};

package.json

@@ -1,13 +1,13 @@
 {
   "name": "@cometchat/chat-uikit-react",
-  "version": "4.3.10",
+  "version": "4.3.11",
   "description": "Ready-to-use Chat UI Components for React(Javascript/Web)",
   "author": "CometChat",
   "peerDependencies": {
     "@cometchat/chat-sdk-javascript": "^4.0.6",
     "@cometchat/uikit-elements": "^4.3.10",
     "@cometchat/uikit-resources": "^4.3.8",
-    "@cometchat/uikit-shared": "^4.3.10"
+    "@cometchat/uikit-shared": "^4.3.11"
   },
   "devDependencies": {
     "@babel/cli": "^7.17.0",