sceyt-chat-react-uikit 1.5.2 → 1.5.5

package/components/ChannelDetails/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { IDetailsProps } from '../ChannelDetailsContainer';
-declare const Details: ({ channelEditIcon, editChannelSaveButtonBackgroundColor, editChannelSaveButtonTextColor, editChannelCancelButtonBackgroundColor, editChannelCancelButtonTextColor, showMuteUnmuteNotifications, muteUnmuteNotificationsOrder, muteNotificationIcon, unmuteNotificationIcon, muteNotificationIconColor, unmuteNotificationIconColor, muteUnmuteNotificationSwitcherColor, muteUnmuteNotificationTextColor, timeOptionsToMuteNotifications, showStarredMessages, starredMessagesOrder, staredMessagesIcon, staredMessagesIconColor, staredMessagesTextColor, showPinChannel, pinChannelOrder, pinChannelIcon, pinChannelIconColor, pinChannelTextColor, showMarkAsReadUnread, markAsReadUnreadOrder, markAsReadIcon, markAsUnreadIcon, markAsReadIconColor, markAsUnreadIconColor, markAsReadUnreadTextColor, showLeaveChannel, leaveChannelOrder, leaveChannelIcon, leaveChannelIconColor, leaveChannelTextColor, showReportChannel, reportChannelIcon, reportChannelOrder, reportChannelIconColor, reportChannelTextColor, deleteChannelIcon, showDeleteChannel, deleteChannelIconColor, deleteChannelTextColor, deleteChannelOrder, showBlockAndLeaveChannel, showBlockUser, blockAndLeaveChannelIcon, blockAndLeaveChannelIconColor, blockAndLeaveChannelTextColor, unblockUserIcon, linkPreviewIcon, linkPreviewHoverIcon, linkPreviewTitleColor, linkPreviewColor, linkPreviewHoverBackgroundColor, voicePreviewPlayIcon, voicePreviewPlayHoverIcon, voicePreviewPauseIcon, voicePreviewPauseHoverIcon, voicePreviewTitleColor, voicePreviewDateAndTimeColor, voicePreviewHoverBackgroundColor, filePreviewIcon, filePreviewHoverIcon, filePreviewTitleColor, filePreviewSizeColor, filePreviewHoverBackgroundColor, filePreviewDownloadIcon, showClearHistory, clearHistoryOrder, clearHistoryIcon, clearHistoryTextColor, showDeleteAllMessages, deleteAllMessagesOrder, deleteAllMessagesIcon, deleteAllMessagesTextColor, showChangeMemberRole, showKickMember, showKickAndBlockMember, showMakeMemberAdmin }: IDetailsProps) => JSX.Element;
+declare const Details: ({ size, showAboutChannel, showAboutChannelTitle, avatarAndNameDirection, channelEditIcon, editChannelSaveButtonBackgroundColor, editChannelSaveButtonTextColor, editChannelCancelButtonBackgroundColor, editChannelCancelButtonTextColor, showMuteUnmuteNotifications, muteUnmuteNotificationsOrder, muteNotificationIcon, unmuteNotificationIcon, muteNotificationIconColor, unmuteNotificationIconColor, muteUnmuteNotificationSwitcherColor, muteUnmuteNotificationTextColor, timeOptionsToMuteNotifications, showStarredMessages, starredMessagesOrder, staredMessagesIcon, staredMessagesIconColor, staredMessagesTextColor, showPinChannel, pinChannelOrder, pinChannelIcon, pinChannelIconColor, pinChannelTextColor, showMarkAsReadUnread, markAsReadUnreadOrder, markAsReadIcon, markAsUnreadIcon, markAsReadIconColor, markAsUnreadIconColor, markAsReadUnreadTextColor, showLeaveChannel, leaveChannelOrder, leaveChannelIcon, leaveChannelIconColor, leaveChannelTextColor, showReportChannel, reportChannelIcon, reportChannelOrder, reportChannelIconColor, reportChannelTextColor, deleteChannelIcon, showDeleteChannel, deleteChannelIconColor, deleteChannelTextColor, deleteChannelOrder, showBlockAndLeaveChannel, showBlockUser, blockAndLeaveChannelIcon, blockAndLeaveChannelIconColor, blockAndLeaveChannelTextColor, unblockUserIcon, linkPreviewIcon, linkPreviewHoverIcon, linkPreviewTitleColor, linkPreviewColor, linkPreviewHoverBackgroundColor, voicePreviewPlayIcon, voicePreviewPlayHoverIcon, voicePreviewPauseIcon, voicePreviewPauseHoverIcon, voicePreviewTitleColor, voicePreviewDateAndTimeColor, voicePreviewHoverBackgroundColor, filePreviewIcon, filePreviewHoverIcon, filePreviewTitleColor, filePreviewSizeColor, filePreviewHoverBackgroundColor, filePreviewDownloadIcon, showClearHistory, clearHistoryOrder, clearHistoryIcon, clearHistoryTextColor, showDeleteAllMessages, deleteAllMessagesOrder, deleteAllMessagesIcon, deleteAllMessagesTextColor, showChangeMemberRole, showKickMember, showKickAndBlockMember, showMakeMemberAdmin }: IDetailsProps) => JSX.Element;
 export default Details;

package/components/ChannelDetailsContainer/index.d.ts

@@ -1,6 +1,10 @@
 /// <reference types="react" />
 import { MuteTime } from '../../types';
 export interface IDetailsProps {
+    size?: 'small' | 'medium' | 'large';
+    showAboutChannel?: boolean;
+    showAboutChannelTitle?: boolean;
+    avatarAndNameDirection?: 'row' | 'column';
     channelEditIcon?: JSX.Element;
     editChannelSaveButtonBackgroundColor?: string;
     editChannelSaveButtonTextColor?: string;
@@ -85,5 +89,5 @@ export interface IDetailsProps {
     showKickAndBlockMember?: boolean;
     showMakeMemberAdmin?: boolean;
 }
-declare const ChannelDetailsContainer: ({ channelEditIcon, editChannelSaveButtonBackgroundColor, editChannelSaveButtonTextColor, editChannelCancelButtonBackgroundColor, editChannelCancelButtonTextColor, showMuteUnmuteNotifications, muteUnmuteNotificationsOrder, muteNotificationIcon, unmuteNotificationIcon, muteNotificationIconColor, unmuteNotificationIconColor, muteUnmuteNotificationSwitcherColor, muteUnmuteNotificationTextColor, timeOptionsToMuteNotifications, showStarredMessages, starredMessagesOrder, staredMessagesIcon, staredMessagesIconColor, staredMessagesTextColor, showPinChannel, pinChannelOrder, pinChannelIcon, pinChannelIconColor, pinChannelTextColor, showMarkAsReadUnread, markAsReadUnreadOrder, markAsReadIcon, markAsUnreadIcon, markAsReadIconColor, markAsUnreadIconColor, markAsReadUnreadTextColor, showLeaveChannel, leaveChannelOrder, leaveChannelIcon, leaveChannelIconColor, leaveChannelTextColor, showReportChannel, reportChannelIcon, reportChannelOrder, reportChannelIconColor, reportChannelTextColor, showDeleteChannel, deleteChannelIcon, deleteChannelIconColor, deleteChannelTextColor, deleteChannelOrder, showBlockAndLeaveChannel, showBlockUser, blockAndLeaveChannelIcon, blockAndLeaveChannelIconColor, blockAndLeaveChannelTextColor, unblockUserIcon, linkPreviewIcon, linkPreviewHoverIcon, linkPreviewTitleColor, linkPreviewColor, linkPreviewHoverBackgroundColor, filePreviewIcon, filePreviewHoverIcon, filePreviewTitleColor, filePreviewSizeColor, filePreviewHoverBackgroundColor, filePreviewDownloadIcon, showClearHistory, clearHistoryOrder, clearHistoryIcon, clearHistoryTextColor, showDeleteAllMessages, deleteAllMessagesOrder, deleteAllMessagesIcon, deleteAllMessagesTextColor, showChangeMemberRole, showKickMember, showKickAndBlockMember }: IDetailsProps) => JSX.Element;
+declare const ChannelDetailsContainer: ({ size, channelEditIcon, showAboutChannel, showAboutChannelTitle, avatarAndNameDirection, editChannelSaveButtonBackgroundColor, editChannelSaveButtonTextColor, editChannelCancelButtonBackgroundColor, editChannelCancelButtonTextColor, showMuteUnmuteNotifications, muteUnmuteNotificationsOrder, muteNotificationIcon, unmuteNotificationIcon, muteNotificationIconColor, unmuteNotificationIconColor, muteUnmuteNotificationSwitcherColor, muteUnmuteNotificationTextColor, timeOptionsToMuteNotifications, showStarredMessages, starredMessagesOrder, staredMessagesIcon, staredMessagesIconColor, staredMessagesTextColor, showPinChannel, pinChannelOrder, pinChannelIcon, pinChannelIconColor, pinChannelTextColor, showMarkAsReadUnread, markAsReadUnreadOrder, markAsReadIcon, markAsUnreadIcon, markAsReadIconColor, markAsUnreadIconColor, markAsReadUnreadTextColor, showLeaveChannel, leaveChannelOrder, leaveChannelIcon, leaveChannelIconColor, leaveChannelTextColor, showReportChannel, reportChannelIcon, reportChannelOrder, reportChannelIconColor, reportChannelTextColor, showDeleteChannel, deleteChannelIcon, deleteChannelIconColor, deleteChannelTextColor, deleteChannelOrder, showBlockAndLeaveChannel, showBlockUser, blockAndLeaveChannelIcon, blockAndLeaveChannelIconColor, blockAndLeaveChannelTextColor, unblockUserIcon, linkPreviewIcon, linkPreviewHoverIcon, linkPreviewTitleColor, linkPreviewColor, linkPreviewHoverBackgroundColor, filePreviewIcon, filePreviewHoverIcon, filePreviewTitleColor, filePreviewSizeColor, filePreviewHoverBackgroundColor, filePreviewDownloadIcon, showClearHistory, clearHistoryOrder, clearHistoryIcon, clearHistoryTextColor, showDeleteAllMessages, deleteAllMessagesOrder, deleteAllMessagesIcon, deleteAllMessagesTextColor, showChangeMemberRole, showKickMember, showKickAndBlockMember }: IDetailsProps) => JSX.Element;
 export default ChannelDetailsContainer;

package/components/ChannelList/ChannelSearch/index.d.ts

@@ -1,10 +1,13 @@
 import React from 'react';
 interface IChannelSearchProps {
     searchValue: string;
+    theme?: string;
     handleSearchValueChange: (e: any) => void;
     getMyChannels: () => void;
     inline?: boolean;
     borderRadius?: string;
+    searchInputBackgroundColor?: string;
+    searchInputTextColor?: string;
 }
 declare const ChannelSearch: React.FC<IChannelSearchProps>;
 export default ChannelSearch;

package/components/ChannelList/ContactItem/index.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { IContact } from '../../../types';
+interface IChannelProps {
+    contact: IContact;
+    showAvatar?: boolean;
+    theme?: string;
+    notificationsIsMutedIcon?: JSX.Element;
+    notificationsIsMutedIconColor?: string;
+    selectedChannelLeftBorder?: string;
+    selectedChannelBackground?: string;
+    contactsMap: {
+        [key: string]: IContact;
+    };
+    selectedChannelBorderRadius?: string;
+    selectedChannelPaddings?: string;
+    channelsPaddings?: string;
+    channelsMargin?: string;
+    createChatWithContact: (contact: IContact) => void;
+}
+declare const ContactItem: React.FC<IChannelProps>;
+export default ContactItem;
+export declare const ChannelInfo: import("styled-components").StyledComponent<"div", any, {
+    avatar?: boolean | undefined;
+    theme?: string | undefined;
+}, never>;
+export declare const AvatarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const UserStatus: import("styled-components").StyledComponent<"span", any, {
+    backgroundColor?: string | undefined;
+}, never>;

package/components/ChannelList/CreateChannelButton/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 interface IChannelListProps {
     showSearch?: boolean;
+    theme?: string;
     uriPrefixOnCreateChannel?: string;
     createChannelIcon?: JSX.Element;
     newChannelIcon?: JSX.Element;

package/components/ChannelList/index.d.ts

@@ -1,28 +1,40 @@
 import React, { FC } from 'react';
-import { IChannel } from '../../types';
-interface IChannelGroup {
-    groupName: string;
-    channelList: IChannel[];
-}
+import { IChannel, IContact } from '../../types';
 interface IChannelListProps {
     List?: FC<{
         channels: IChannel[];
+        searchedChannels: {
+            chats_groups: [];
+            channels: [];
+            contacts: [];
+        };
         loadMoreChannels: (count?: number) => void;
-        searchValue?: string;
-        handleSetChannelListWithGroups?: (channelListGroups: IChannelGroup[]) => void;
-        children?: React.ReactNode;
+        searchValue: string;
+        children: React.ReactNode;
+        activeChannel?: IChannel;
+        setActiveChannel?: (channel: IChannel) => void;
+    }>;
+    ListItem?: FC<{
+        channel?: IChannel;
+        contact?: IContact;
+        setActiveChannel?: (channel: IChannel) => void;
+        createChatWithContact?: (contact: IContact) => void;
     }>;
-    ListItem?: FC<any>;
+    Profile?: JSX.Element;
+    CreateChannel?: JSX.Element;
+    ChannelsTitle?: JSX.Element;
+    backgroundColor?: string;
+    searchInputBackgroundColor?: string;
+    searchInputTextColor?: string;
     searchChannelsPosition?: 'inline' | 'bottom';
     searchInputBorderRadius?: string;
     getActiveChannel?: (channel: IChannel) => void;
-    Profile?: JSX.Element;
     filter?: {
         channelType?: string;
     };
     limit?: number;
     sort?: 'byLastMessage' | 'byCreationDate';
-    avatar?: boolean;
+    showAvatar?: boolean;
     showSearch?: boolean;
     searchOption?: 'custom' | 'default';
     forceUpdateChannelList?: () => void;
@@ -42,11 +54,11 @@ interface IChannelListProps {
     selectedChannelPaddings?: string;
     channelsPaddings?: string;
     channelsMargin?: string;
-    onChannelDeleted?: (setChannels: (channels: IChannel[]) => void, channel: IChannel) => void;
-    onChannelCreated?: (setChannels: (channels: IChannel[]) => void, channel: IChannel) => void;
-    onChannelHidden?: (setChannels: (channels: IChannel[]) => void, channel: IChannel) => void;
-    onChannelVisible?: (setChannels: (channels: IChannel[]) => void, channel: IChannel) => void;
-    onAddedToChannel?: (setChannels: (channels: IChannel[]) => void, channel: IChannel) => void;
+    onChannelDeleted?: (channelList: IChannel[], deletedChannel: IChannel, setChannels: (updatedChannelList: IChannel[]) => void) => void;
+    onChannelCreated?: (channelList: IChannel[], createdChannel: IChannel, setChannels: (updatedChannelList: IChannel[]) => void) => void;
+    onChannelHidden?: (channelList: IChannel[], hiddenChannel: IChannel, setChannels: (updatedChannelList: IChannel[]) => void) => void;
+    onChannelVisible?: (channelList: IChannel[], visibleChannel: IChannel, setChannels: (updatedChannelList: IChannel[]) => void) => void;
+    onAddedToChannel?: (channelList: IChannel[], channel: IChannel, setChannels: (updatedChannelList: IChannel[]) => void) => void;
 }
 declare const ChannelList: React.FC<IChannelListProps>;
 export default ChannelList;

package/components/ChatContainer/index.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-import SceytChatClient from 'sceyt-chat';
 import { ICustomAvatarColors } from '../Channel/types';
-import { IAttachment, IUser } from '../../types';
+import { IAttachment, IChannel, IMessage, IUser } from '../../types';
 export interface IProgress {
     loaded: number;
     total: number;
@@ -17,18 +16,27 @@ export interface IUploadTask {
 }
 export interface ICustomUploader {
     upload: (attachment: IAttachment, uploadTask: IUploadTask) => void;
-    download: (uri: string, progressCallback?: (progress: any) => void) => Promise<string>;
+    download: (uri: string, download: boolean, progressCallback?: (progress: any) => void) => Promise<any>;
+    cancelRequest: (requestPromise: any) => void;
 }
 export interface IChatClientProps {
-    client: SceytChatClient;
+    client: any;
+    theme?: 'dark' | 'light';
     avatarColors?: ICustomAvatarColors;
     hideUserPresence?: (user: IUser) => boolean;
+    handleNewMessages?: (message: IMessage, channel: IChannel) => IMessage | null;
     showOnlyContactUsers?: boolean;
     sendAttachmentsAsSeparateMessages?: boolean;
     showNotifications?: boolean;
     children?: JSX.Element | JSX.Element[];
     logoSrc?: string;
     CustomUploader?: ICustomUploader;
+    membersDisplayTextByChannelTypesMap?: {
+        [key: string]: string;
+    };
+    defaultRolesByChannelTypesMap?: {
+        [key: string]: string;
+    };
     customColors?: {
         primaryColor?: string;
         primaryLight?: string;
@@ -39,5 +47,5 @@ export interface IChatClientProps {
         defaultAvatarBackground?: string;
     };
 }
-declare const SceytChatContainer: ({ client, avatarColors, children, showOnlyContactUsers, sendAttachmentsAsSeparateMessages, logoSrc, CustomUploader, customColors, showNotifications, hideUserPresence }: IChatClientProps) => JSX.Element;
+declare const SceytChatContainer: ({ client, theme, avatarColors, children, showOnlyContactUsers, handleNewMessages, sendAttachmentsAsSeparateMessages, membersDisplayTextByChannelTypesMap, defaultRolesByChannelTypesMap, logoSrc, CustomUploader, customColors, showNotifications, hideUserPresence }: IChatClientProps) => JSX.Element;
 export default SceytChatContainer;

package/components/Message/MessageActions/index.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export default function MessageActions({ editModeToggle, channel, handleResendMessage, handleOpenDeleteMessage, handleDeletePendingMessage, handleOpenForwardMessage, handleCopyMessage, handleReportMessage, messageStatus, handleReplyMessage, isThreadMessage, rtlDirection, showMessageReaction, showEditMessage, showCopyMessage, showReplyMessage, showReplyMessageInThread, showForwardMessage, showDeleteMessage, showReportMessage, reactionIcon, editIcon, copyIcon, replyIcon, replyInThreadIcon, deleteIcon, allowEditDeleteIncomingMessage, reportIcon, reactionIconOrder, editIconOrder, copyIconOrder, replyIconOrder, replyInThreadIconOrder, forwardIcon, forwardIconOrder, deleteIconOrder, reportIconOrder, reactionIconTooltipText, editIconTooltipText, copyIconTooltipText, replyIconTooltipText, replyInThreadIconTooltipText, forwardIconTooltipText, deleteIconTooltipText, reportIconTooltipText, myRole, isIncoming, messageActionIconsColor, handleOpenEmojis }: any): JSX.Element;
+export default function MessageActions({ editModeToggle, channel, handleResendMessage, handleOpenDeleteMessage, handleOpenForwardMessage, handleCopyMessage, handleReportMessage, messageStatus, handleSelectMessage, handleReplyMessage, isThreadMessage, rtlDirection, showMessageReaction, showEditMessage, showCopyMessage, showReplyMessage, showReplyMessageInThread, showForwardMessage, showDeleteMessage, showSelectMessage, showReportMessage, reactionIcon, editIcon, copyIcon, replyIcon, replyInThreadIcon, deleteIcon, selectIcon, allowEditDeleteIncomingMessage, reportIcon, reactionIconOrder, editIconOrder, copyIconOrder, replyIconOrder, replyInThreadIconOrder, forwardIcon, forwardIconOrder, deleteIconOrder, selectIconOrder, reportIconOrder, reactionIconTooltipText, editIconTooltipText, copyIconTooltipText, replyIconTooltipText, replyInThreadIconTooltipText, forwardIconTooltipText, deleteIconTooltipText, selectIconTooltipText, reportIconTooltipText, myRole, isIncoming, messageActionIconsColor, handleOpenEmojis }: any): JSX.Element;

package/components/Message/TextFormat/index.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export default function TextFormat({ handleFormatToBold, handleFormatToItalic, handleFormatToStrikethrough, handleFormatToMonospace, handleClosePopup, isBoldText, isItalicText, isStrikethroughText, isMonospaceText, top, bottom, right, left, theme, editorProps }: {
+    top?: string;
+    bottom?: string;
+    right?: string;
+    left?: string;
+    isBoldText?: boolean;
+    isItalicText?: boolean;
+    isStrikethroughText?: boolean;
+    isMonospaceText?: boolean;
+    isUnderlineText?: boolean;
+    handleFormatToBold?: (props?: any) => void;
+    handleFormatToItalic?: (props?: any) => void;
+    handleFormatToStrikethrough?: (props?: any) => void;
+    handleFormatToMonospace?: (props?: any) => void;
+    handleClosePopup?: () => void;
+    theme?: string;
+    editorProps: any;
+}): JSX.Element;

package/components/Message/index.d.ts

@@ -1,15 +1,31 @@
-/// <reference types="react" />
+import React, { FC } from 'react';
 import { IAttachment, IChannel, IMessage } from '../../types';
 interface IMessageProps {
     message: IMessage;
     channel: IChannel;
+    MessageActionsMenu?: FC<{
+        message: IMessage;
+        channel: IChannel;
+        handleSetMessageForEdit?: () => void;
+        handleResendMessage?: () => void;
+        handleOpenDeleteMessage?: () => void;
+        handleOpenForwardMessage?: () => void;
+        handleCopyMessage?: () => void;
+        handleReportMessage?: () => void;
+        handleOpenEmojis?: () => void;
+        handleSelectMessage?: (event?: any) => void;
+        handleReplyMessage?: () => void;
+        isThreadMessage?: boolean;
+        rtlDirection?: boolean;
+    }>;
     isPendingMessage?: boolean;
     prevMessage?: IMessage;
     nextMessage: IMessage;
     stopScrolling: (stop: boolean) => void;
-    setLastVisibleMessageId: (msgId: string) => void;
+    setLastVisibleMessageId?: (msgId: string) => void;
     handleScrollToRepliedMessage?: (msgId: string) => void;
     handleMediaItemClick?: (attachment: IAttachment) => void;
+    unreadMessageId: string;
     isUnreadMessage: boolean;
     isThreadMessage: boolean;
     fontFamily?: string;
@@ -22,8 +38,11 @@ interface IMessageProps {
     messageStatusDisplayingType?: 'ticks' | 'text';
     ownMessageBackground?: string;
     incomingMessageBackground?: string;
+    ownRepliedMessageBackground?: string;
+    incomingRepliedMessageBackground?: string;
     showOwnAvatar?: boolean;
     showMessageStatus?: boolean;
+    showMessageTimeAndStatusOnlyOnHover?: boolean;
     showMessageTime?: boolean;
     showMessageStatusForEachMessage?: boolean;
     showMessageTimeForEachMessage?: boolean;
@@ -35,6 +54,7 @@ interface IMessageProps {
     replyMessageInThread?: boolean;
     forwardMessage?: boolean;
     deleteMessage?: boolean;
+    selectMessage?: boolean;
     allowEditDeleteIncomingMessage?: boolean;
     reportMessage?: boolean;
     reactionIcon?: JSX.Element;
@@ -44,6 +64,7 @@ interface IMessageProps {
     replyInThreadIcon?: JSX.Element;
     forwardIcon?: JSX.Element;
     deleteIcon?: JSX.Element;
+    selectIcon?: JSX.Element;
     starIcon?: JSX.Element;
     staredIcon?: JSX.Element;
     reportIcon?: JSX.Element;
@@ -58,6 +79,7 @@ interface IMessageProps {
     replyInThreadIconOrder?: number;
     forwardIconOrder?: number;
     deleteIconOrder?: number;
+    selectIconOrder?: number;
     starIconOrder?: number;
     reportIconOrder?: number;
     reactionIconTooltipText?: string;
@@ -67,6 +89,7 @@ interface IMessageProps {
     replyInThreadIconTooltipText?: string;
     forwardIconTooltipText?: string;
     deleteIconTooltipText?: string;
+    selectIconTooltipText?: string;
     starIconTooltipText?: string;
     reportIconTooltipText?: string;
     messageActionIconsColor?: string;
@@ -100,10 +123,18 @@ interface IMessageProps {
     videoAttachmentMaxHeight?: number;
     sameUserMessageSpacing?: string;
     differentUserMessageSpacing?: string;
+    selectedMessagesMap?: Map<string, IMessage>;
+    contactsMap: {
+        [key: string]: any;
+    };
+    openedMessageMenuId?: string;
+    tabIsActive?: boolean;
+    connectionStatus: string;
+    theme: string;
 }
-declare const Message: ({ message, channel, handleScrollToRepliedMessage, handleMediaItemClick, stopScrolling, prevMessage, nextMessage, setLastVisibleMessageId, isUnreadMessage, isThreadMessage, fontFamily, ownMessageOnRightSide, messageWidthPercent, showSenderNameOnDirectChannel, showSenderNameOnGroupChannel, showSenderNameOnOwnMessages, messageStatusAndTimePosition, messageStatusDisplayingType, ownMessageBackground, incomingMessageBackground, showOwnAvatar, showMessageStatus, showMessageTime, showMessageStatusForEachMessage, showMessageTimeForEachMessage, hoverBackground, messageReaction, editMessage, copyMessage, replyMessage, replyMessageInThread, deleteMessage, allowEditDeleteIncomingMessage, forwardMessage, reportMessage, reactionIcon, editIcon, copyIcon, replyIcon, replyInThreadIcon, forwardIcon, deleteIcon, starIcon, staredIcon, reportIcon, reactionIconOrder, openFrequentlyUsedReactions, editIconOrder, copyIconOrder, replyIconOrder, replyInThreadIconOrder, forwardIconOrder, deleteIconOrder, starIconOrder, reportIconOrder, reactionIconTooltipText, editIconTooltipText, copyIconTooltipText, replyIconTooltipText, replyInThreadIconTooltipText, forwardIconTooltipText, deleteIconTooltipText, starIconTooltipText, reportIconTooltipText, messageActionIconsColor, fileAttachmentsIcon, reactionsDisplayCount, showEachReactionCount, showTotalReactionCount, reactionItemBorder, reactionItemBorderRadius, reactionItemBackground, reactionItemPadding, reactionItemMargin, reactionsFontSize, reactionsContainerBoxShadow, reactionsContainerBorder, reactionsContainerBorderRadius, reactionsContainerBackground, reactionsContainerPadding, reactionsContainerTopPosition, reactionsDetailsPopupBorderRadius, reactionsDetailsPopupHeaderItemsStyle, fileAttachmentsBoxWidth, fileAttachmentsBoxBorder, fileAttachmentsTitleColor, fileAttachmentsSizeColor, imageAttachmentMaxWidth, imageAttachmentMaxHeight, videoAttachmentMaxWidth, videoAttachmentMaxHeight, emojisCategoryIconsPosition, emojisContainerBorderRadius, fixEmojiCategoriesTitleOnTop, sameUserMessageSpacing, differentUserMessageSpacing }: IMessageProps) => JSX.Element;
-export default Message;
-export declare const MessageStatusAndTime: import("styled-components").StyledComponent<"div", any, {
+declare const _default: React.MemoExoticComponent<({ message, channel, MessageActionsMenu, handleScrollToRepliedMessage, handleMediaItemClick, stopScrolling, prevMessage, nextMessage, setLastVisibleMessageId, isUnreadMessage, unreadMessageId, isThreadMessage, fontFamily, ownMessageOnRightSide, messageWidthPercent, showSenderNameOnDirectChannel, showSenderNameOnGroupChannel, showSenderNameOnOwnMessages, messageStatusAndTimePosition, messageStatusDisplayingType, ownMessageBackground, incomingMessageBackground, ownRepliedMessageBackground, incomingRepliedMessageBackground, showOwnAvatar, showMessageStatus, showMessageTimeAndStatusOnlyOnHover, showMessageTime, showMessageStatusForEachMessage, showMessageTimeForEachMessage, hoverBackground, messageReaction, editMessage, copyMessage, replyMessage, replyMessageInThread, deleteMessage, selectMessage, allowEditDeleteIncomingMessage, forwardMessage, reportMessage, reactionIcon, editIcon, copyIcon, replyIcon, replyInThreadIcon, forwardIcon, deleteIcon, selectIcon, starIcon, staredIcon, reportIcon, reactionIconOrder, openFrequentlyUsedReactions, editIconOrder, copyIconOrder, replyIconOrder, replyInThreadIconOrder, forwardIconOrder, deleteIconOrder, selectIconOrder, starIconOrder, reportIconOrder, reactionIconTooltipText, editIconTooltipText, copyIconTooltipText, replyIconTooltipText, replyInThreadIconTooltipText, forwardIconTooltipText, deleteIconTooltipText, selectIconTooltipText, starIconTooltipText, reportIconTooltipText, messageActionIconsColor, fileAttachmentsIcon, reactionsDisplayCount, showEachReactionCount, showTotalReactionCount, reactionItemBorder, reactionItemBorderRadius, reactionItemBackground, reactionItemPadding, reactionItemMargin, reactionsFontSize, reactionsContainerBoxShadow, reactionsContainerBorder, reactionsContainerBorderRadius, reactionsContainerBackground, reactionsContainerPadding, reactionsContainerTopPosition, reactionsDetailsPopupBorderRadius, reactionsDetailsPopupHeaderItemsStyle, fileAttachmentsBoxWidth, fileAttachmentsBoxBorder, fileAttachmentsTitleColor, fileAttachmentsSizeColor, imageAttachmentMaxWidth, imageAttachmentMaxHeight, videoAttachmentMaxWidth, videoAttachmentMaxHeight, emojisCategoryIconsPosition, emojisContainerBorderRadius, fixEmojiCategoriesTitleOnTop, sameUserMessageSpacing, differentUserMessageSpacing, selectedMessagesMap, contactsMap, openedMessageMenuId, tabIsActive, connectionStatus, theme }: IMessageProps) => JSX.Element>;
+export default _default;
+export declare const MessageStatusAndTime: import("styled-components").StyledComponent<"span", any, {
     withAttachment?: boolean | undefined;
     fileAttachment?: boolean | undefined;
     hide?: boolean | undefined;
@@ -112,4 +143,5 @@ export declare const MessageStatusAndTime: import("styled-components").StyledCom
     leftMargin?: boolean | undefined;
     rtlDirection?: boolean | undefined;
     bottomOfMessage?: boolean | undefined;
+    showOnlyOnHover?: boolean | undefined;
 }, never>;

package/components/MessageDivider/index.d.ts

@@ -2,6 +2,7 @@
 export declare const Container: import("styled-components").StyledComponent<"div", any, any, never>;
 interface IProps {
     dividerText: string;
+    theme?: string;
     visibility?: boolean;
     unread?: boolean;
     dateDividerFontSize?: string;
@@ -18,8 +19,8 @@ interface IProps {
     newMessagesSeparatorBackground?: string;
     newMessagesSeparatorLeftRightSpaceWidth?: string;
     noMargin?: boolean;
-    marginBottom?: boolean;
+    marginBottom?: string;
     marginTop?: string;
 }
-export default function MessageDivider({ dividerText, visibility, unread, dateDividerFontSize, dateDividerTextColor, dateDividerBorder, dateDividerBackgroundColor, dateDividerBorderRadius, systemMessage, newMessagesSeparatorTextColor, newMessagesSeparatorFontSize, newMessagesSeparatorWidth, newMessagesSeparatorBorder, newMessagesSeparatorBorderRadius, newMessagesSeparatorBackground, newMessagesSeparatorLeftRightSpaceWidth, noMargin, marginTop, marginBottom }: IProps): JSX.Element;
+export default function MessageDivider({ dividerText, visibility, unread, dateDividerFontSize, dateDividerTextColor, dateDividerBorder, dateDividerBackgroundColor, dateDividerBorderRadius, systemMessage, newMessagesSeparatorTextColor, newMessagesSeparatorFontSize, newMessagesSeparatorWidth, newMessagesSeparatorBorder, newMessagesSeparatorBorderRadius, newMessagesSeparatorBackground, newMessagesSeparatorLeftRightSpaceWidth, noMargin, marginTop, theme, marginBottom }: IProps): JSX.Element;
 export {};

package/components/Messages/MessageList/index.d.ts

@@ -0,0 +1,166 @@
+import React, { FC } from 'react';
+import { IChannel, IMessage } from '../../../types';
+interface MessagesProps {
+    messages: IMessage[];
+    fontFamily?: string;
+    ownMessageOnRightSide?: boolean;
+    messageWidthPercent?: string | number;
+    messageStatusAndTimePosition?: 'onMessage' | 'bottomOfMessage';
+    messageStatusDisplayingType?: 'ticks' | 'text';
+    ownMessageBackground?: string;
+    incomingMessageBackground?: string;
+    ownRepliedMessageBackground?: string;
+    incomingRepliedMessageBackground?: string;
+    showMessageStatus?: boolean;
+    showMessageTimeAndStatusOnlyOnHover?: boolean;
+    showMessageTime?: boolean;
+    showMessageStatusForEachMessage?: boolean;
+    showMessageTimeForEachMessage?: boolean;
+    hoverBackground?: boolean;
+    showSenderNameOnDirectChannel?: boolean;
+    showSenderNameOnOwnMessages?: boolean;
+    showSenderNameOnGroupChannel?: boolean;
+    showOwnAvatar?: boolean;
+    MessageActionsMenu?: FC<{
+        message: IMessage;
+        channel: IChannel;
+        handleSetMessageForEdit?: () => void;
+        handleResendMessage?: () => void;
+        handleOpenDeleteMessage?: () => void;
+        handleOpenForwardMessage?: () => void;
+        handleCopyMessage?: () => void;
+        handleReportMessage?: () => void;
+        handleOpenEmojis?: () => void;
+        handleReplyMessage?: () => void;
+        isThreadMessage?: boolean;
+        rtlDirection?: boolean;
+    }>;
+    messageReaction?: boolean;
+    editMessage?: boolean;
+    copyMessage?: boolean;
+    replyMessage?: boolean;
+    replyMessageInThread?: boolean;
+    forwardMessage?: boolean;
+    deleteMessage?: boolean;
+    selectMessage?: boolean;
+    reportMessage?: boolean;
+    reactionIcon?: JSX.Element;
+    editIcon?: JSX.Element;
+    copyIcon?: JSX.Element;
+    replyIcon?: JSX.Element;
+    replyInThreadIcon?: JSX.Element;
+    forwardIcon?: JSX.Element;
+    deleteIcon?: JSX.Element;
+    selectIcon?: JSX.Element;
+    starIcon?: JSX.Element;
+    staredIcon?: JSX.Element;
+    reportIcon?: JSX.Element;
+    openFrequentlyUsedReactions?: boolean;
+    fixEmojiCategoriesTitleOnTop?: boolean;
+    emojisCategoryIconsPosition?: 'top' | 'bottom';
+    emojisContainerBorderRadius?: string;
+    reactionIconOrder?: number;
+    editIconOrder?: number;
+    copyIconOrder?: number;
+    replyIconOrder?: number;
+    replyInThreadIconOrder?: number;
+    forwardIconOrder?: number;
+    deleteIconOrder?: number;
+    selectIconOrder?: number;
+    allowEditDeleteIncomingMessage?: boolean;
+    starIconOrder?: number;
+    reportIconOrder?: number;
+    reactionIconTooltipText?: string;
+    editIconTooltipText?: string;
+    replyIconTooltipText?: string;
+    copyIconTooltipText?: string;
+    replyInThreadIconTooltipText?: string;
+    forwardIconTooltipText?: string;
+    deleteIconTooltipText?: string;
+    selectIconTooltipText?: string;
+    starIconTooltipText?: string;
+    reportIconTooltipText?: string;
+    messageActionIconsColor?: string;
+    dateDividerFontSize?: string;
+    dateDividerTextColor?: string;
+    dateDividerBorder?: string;
+    dateDividerBorderRadius?: string;
+    dateDividerBackgroundColor?: string;
+    showTopFixedDate?: boolean;
+    inlineReactionIcon?: JSX.Element;
+    reactionsDisplayCount?: number;
+    showEachReactionCount?: boolean;
+    showTotalReactionCount?: boolean;
+    reactionItemBorder?: string;
+    reactionItemBorderRadius?: string;
+    reactionItemBackground?: string;
+    reactionItemPadding?: string;
+    reactionItemMargin?: string;
+    reactionsFontSize?: string;
+    reactionsContainerBoxShadow?: string;
+    reactionsContainerBorder?: string;
+    reactionsContainerBorderRadius?: string;
+    reactionsContainerPadding?: string;
+    reactionsContainerBackground?: string;
+    reactionsContainerTopPosition?: string;
+    reactionsDetailsPopupBorderRadius?: string;
+    reactionsDetailsPopupHeaderItemsStyle?: 'bubbles' | 'inline';
+    newMessagesSeparatorText?: string;
+    newMessagesSeparatorFontSize?: string;
+    newMessagesSeparatorTextColor?: string;
+    newMessagesSeparatorWidth?: string;
+    newMessagesSeparatorBorder?: string;
+    newMessagesSeparatorBorderRadius?: string;
+    newMessagesSeparatorBackground?: string;
+    newMessagesSeparatorTextLeftRightSpacesWidth?: string;
+    fileAttachmentsBoxWidth?: number;
+    fileAttachmentsBoxBackground?: string;
+    fileAttachmentsBoxBorder?: string;
+    fileAttachmentsTitleColor?: string;
+    fileAttachmentsSizeColor?: string;
+    fileAttachmentsIcon?: JSX.Element;
+    imageAttachmentMaxWidth?: number;
+    imageAttachmentMaxHeight?: number;
+    videoAttachmentMaxWidth?: number;
+    videoAttachmentMaxHeight?: number;
+    attachmentsPreview?: boolean;
+    sameUserMessageSpacing?: string;
+    differentUserMessageSpacing?: string;
+}
+declare const MessageList: React.FC<MessagesProps>;
+export default MessageList;
+export declare const Container: import("styled-components").StyledComponent<"div", any, {
+    stopScrolling?: boolean | undefined;
+}, never>;
+export declare const EmptyDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MessageTopDate: import("styled-components").StyledComponent<"div", any, {
+    topOffset?: number | undefined;
+    marginTop?: string | undefined;
+    marginBottom?: string | undefined;
+    visible?: boolean | undefined;
+    dateDividerFontSize?: string | undefined;
+    dateDividerTextColor?: string | undefined;
+    dateDividerBackgroundColor?: string | undefined;
+    dateDividerBorder?: string | undefined;
+    dateDividerBorderRadius?: string | undefined;
+}, never>;
+export declare const DragAndDropContainer: import("styled-components").StyledComponent<"div", any, {
+    topOffset?: number | undefined;
+    height?: number | undefined;
+}, never>;
+export declare const IconWrapper: import("styled-components").StyledComponent<"span", any, {
+    iconColor?: string | undefined;
+}, never>;
+export declare const DropAttachmentArea: import("styled-components").StyledComponent<"div", any, {
+    margin?: string | undefined;
+}, never>;
+export declare const MessageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const NoMessagesContainer: import("styled-components").StyledComponent<"div", any, {
+    color?: string | undefined;
+}, never>;
+export declare const NoMessagesTitle: import("styled-components").StyledComponent<"h4", any, {
+    color?: string | undefined;
+}, never>;
+export declare const NoMessagesText: import("styled-components").StyledComponent<"p", any, {
+    color?: string | undefined;
+}, never>;

package/components/Messages/SystemMessage/index.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { IChannel, IMessage } from '../../../types';
+interface ISystemMessageProps {
+    channel: IChannel;
+    message: IMessage;
+    nextMessage: IMessage;
+    connectionStatus: string;
+    contactsMap: {
+        [key: string]: any;
+    };
+    differentUserMessageSpacing?: string;
+    fontSize?: string;
+    textColor?: string;
+    border?: string;
+    backgroundColor?: string;
+    borderRadius?: string;
+    tabIsActive?: boolean;
+}
+declare const _default: React.MemoExoticComponent<({ message, nextMessage, connectionStatus, channel, tabIsActive, differentUserMessageSpacing, fontSize, textColor, border, backgroundColor, borderRadius, contactsMap }: ISystemMessageProps) => JSX.Element>;
+export default _default;
+export declare const Container: import("styled-components").StyledComponent<"div", any, {
+    topOffset?: number | undefined;
+    marginTop?: string | undefined;
+    marginBottom?: string | undefined;
+    visible?: boolean | undefined;
+    textColor?: string | undefined;
+    backgroundColor?: string | undefined;
+    borderRadius?: string | undefined;
+    fontSize?: string | undefined;
+    border?: string | undefined;
+}, never>;

package/components/Messages/index.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import React, { FC } from 'react';
+import { IChannel, IMessage } from '../../types';
 interface MessagesProps {
     fontFamily?: string;
     ownMessageOnRightSide?: boolean;
@@ -7,7 +8,10 @@ interface MessagesProps {
     messageStatusDisplayingType?: 'ticks' | 'text';
     ownMessageBackground?: string;
     incomingMessageBackground?: string;
+    ownRepliedMessageBackground?: string;
+    incomingRepliedMessageBackground?: string;
     showMessageStatus?: boolean;
+    showMessageTimeAndStatusOnlyOnHover?: boolean;
     showMessageTime?: boolean;
     showMessageStatusForEachMessage?: boolean;
     showMessageTimeForEachMessage?: boolean;
@@ -15,6 +19,21 @@ interface MessagesProps {
     showSenderNameOnDirectChannel?: boolean;
     showSenderNameOnOwnMessages?: boolean;
     showSenderNameOnGroupChannel?: boolean;
+    MessageActionsMenu?: FC<{
+        message: IMessage;
+        channel: IChannel;
+        handleSetMessageForEdit?: () => void;
+        handleResendMessage?: () => void;
+        handleOpenDeleteMessage?: () => void;
+        handleOpenForwardMessage?: () => void;
+        handleCopyMessage?: () => void;
+        handleReportMessage?: () => void;
+        handleOpenEmojis?: () => void;
+        handleSelectMessage?: () => void;
+        handleReplyMessage?: () => void;
+        isThreadMessage?: boolean;
+        rtlDirection?: boolean;
+    }>;
     showOwnAvatar?: boolean;
     messageReaction?: boolean;
     editMessage?: boolean;
@@ -23,6 +42,7 @@ interface MessagesProps {
     replyMessageInThread?: boolean;
     forwardMessage?: boolean;
     deleteMessage?: boolean;
+    selectMessage?: boolean;
     reportMessage?: boolean;
     reactionIcon?: JSX.Element;
     editIcon?: JSX.Element;
@@ -31,6 +51,7 @@ interface MessagesProps {
     replyInThreadIcon?: JSX.Element;
     forwardIcon?: JSX.Element;
     deleteIcon?: JSX.Element;
+    selectIcon?: JSX.Element;
     starIcon?: JSX.Element;
     staredIcon?: JSX.Element;
     reportIcon?: JSX.Element;
@@ -45,6 +66,7 @@ interface MessagesProps {
     replyInThreadIconOrder?: number;
     forwardIconOrder?: number;
     deleteIconOrder?: number;
+    selectIconOrder?: number;
     allowEditDeleteIncomingMessage?: boolean;
     starIconOrder?: number;
     reportIconOrder?: number;
@@ -55,6 +77,7 @@ interface MessagesProps {
     replyInThreadIconTooltipText?: string;
     forwardIconTooltipText?: string;
     deleteIconTooltipText?: string;
+    selectIconTooltipText?: string;
     starIconTooltipText?: string;
     reportIconTooltipText?: string;
     messageActionIconsColor?: string;
@@ -104,22 +127,5 @@ interface MessagesProps {
     sameUserMessageSpacing?: string;
     differentUserMessageSpacing?: string;
 }
-declare const MessageList: React.FC<MessagesProps>;
-export default MessageList;
-export declare const Container: import("styled-components").StyledComponent<"div", any, {
-    stopScrolling?: boolean | undefined;
-}, never>;
-export declare const EmptyDiv: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MessageTopDate: import("styled-components").StyledComponent<"div", any, any, never>;
-export declare const DragAndDropContainer: import("styled-components").StyledComponent<"div", any, {
-    topOffset?: number | undefined;
-    height?: number | undefined;
-}, never>;
-export declare const IconWrapper: import("styled-components").StyledComponent<"span", any, {
-    iconColor?: string | undefined;
-}, never>;
-export declare const DropAttachmentArea: import("styled-components").StyledComponent<"div", any, {
-    margin?: string | undefined;
-}, never>;
-export declare const MessageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const NoMessagesContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const MessagesContainer: React.FC<MessagesProps>;
+export default MessagesContainer;