sceyt-chat-react-uikit 1.7.2-beta.9 → 1.7.3-beta.1

package/components/Attachment/index.d.ts

@@ -22,8 +22,11 @@ interface AttachmentPops {
     videoAttachmentMaxWidth?: number;
     videoAttachmentMaxHeight?: number;
     messageType?: string | null | undefined;
+    messagePlayed?: boolean | undefined;
+    channelId?: string;
+    incoming?: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ attachment, isPreview, removeSelected, isRepliedMessage, borderRadius, handleMediaItemClick, setVideoIsReadyToSend, selectedFileAttachmentsIcon, backgroundColor, selectedFileAttachmentsBoxBorder, selectedFileAttachmentsTitleColor, selectedFileAttachmentsSizeColor, isDetailsView, imageMinWidth, closeMessageActions, fileAttachmentWidth, imageAttachmentMaxWidth, imageAttachmentMaxHeight, videoAttachmentMaxWidth, videoAttachmentMaxHeight, messageType }: AttachmentPops) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ attachment, isPreview, removeSelected, isRepliedMessage, borderRadius, handleMediaItemClick, setVideoIsReadyToSend, selectedFileAttachmentsIcon, backgroundColor, selectedFileAttachmentsBoxBorder, selectedFileAttachmentsTitleColor, selectedFileAttachmentsSizeColor, isDetailsView, imageMinWidth, closeMessageActions, fileAttachmentWidth, imageAttachmentMaxWidth, imageAttachmentMaxHeight, videoAttachmentMaxWidth, videoAttachmentMaxHeight, messageType, messagePlayed, channelId, incoming }: AttachmentPops) => React.JSX.Element>;
 export default _default;
 export declare const SizeProgress: import("styled-components").StyledComponent<"span", any, {
     color: string;

package/components/AudioPlayer/index.d.ts

@@ -3,6 +3,9 @@ import { IAttachment } from '../../types';
 interface AudioPlayerProps {
     url: string;
     file: IAttachment;
+    messagePlayed: boolean | undefined;
+    channelId?: string;
+    incoming?: boolean;
 }
 declare const AudioPlayer: React.FC<AudioPlayerProps>;
 export default AudioPlayer;

package/components/ChannelList/index.d.ts

@@ -78,7 +78,7 @@ interface IChannelListProps {
     getCustomLatestMessage?: (lastMessage: IMessage, typingOrRecording: any, draftMessageText: any, textSecondary: string, channel: IChannel, channelLastMessageFontSize: string, channelLastMessageHeight: string, isDirectChannel: boolean, textPrimary: string, messageAuthorRef: any, contactsMap: {
         [key: string]: IContact;
     }, getFromContacts: boolean, warningColor: string, user: IUser, MessageText: any) => any;
-    doNotShowMessageDeliveryTypes: string[];
+    doNotShowMessageDeliveryTypes?: string[];
 }
 declare const ChannelList: React.FC<IChannelListProps>;
 export default ChannelList;

package/components/Message/Message.types.d.ts

@@ -1,4 +1,4 @@
-import { IAttachment, IChannel, IMessage, IUser } from '../../types';
+import { IAttachment, IChannel, IMarker, IMessage, IUser, ITabsStyles, IListItemStyles, ILabels, MessageInfoTab } from '../../types';
 import { FC } from 'react';
 export interface IMessageActions {
     message: IMessage;
@@ -46,6 +46,7 @@ interface ICustomMessageItem {
     handleCopyMessage?: () => void;
     handleReportMessage?: () => void;
     handleSelectMessage?: () => void;
+    handleOpenInfoMessage?: () => void;
     handleOpenEmojis?: () => void;
     handleReplyMessage?: (threadReply?: boolean) => void;
     handleMouseEnter: () => void;
@@ -101,6 +102,8 @@ export interface IMessageProps {
     forwardMessage?: boolean;
     deleteMessage?: boolean;
     selectMessage?: boolean;
+    showInfoMessage?: boolean;
+    infoIcon?: JSX.Element;
     allowEditDeleteIncomingMessage?: boolean;
     reportMessage?: boolean;
     reactionIcon?: JSX.Element;
@@ -128,6 +131,7 @@ export interface IMessageProps {
     selectIconOrder?: number;
     starIconOrder?: number;
     reportIconOrder?: number;
+    infoIconOrder?: number;
     reactionIconTooltipText?: string;
     editIconTooltipText?: string;
     copyIconTooltipText?: string;
@@ -138,6 +142,7 @@ export interface IMessageProps {
     selectIconTooltipText?: string;
     starIconTooltipText?: string;
     reportIconTooltipText?: string;
+    infoIconTooltipText?: string;
     messageActionIconsColor?: string;
     inlineReactionIcon?: JSX.Element;
     reactionsDisplayCount?: number;
@@ -189,5 +194,23 @@ export interface IMessageProps {
     messageTextLineHeight?: string;
     messageTimeColorOnAttachment?: string;
     shouldOpenUserProfileForMention?: boolean;
+    showInfoMessageProps?: {
+        togglePopup?: () => void;
+        labels?: ILabels;
+        tabsOrder?: {
+            key: MessageInfoTab;
+            label: string;
+            data: IMarker[];
+        }[];
+        showCounts?: boolean;
+        avatarSize?: number;
+        maxWidth?: string;
+        minWidth?: string;
+        height?: string;
+        renderItem?: (marker: IMarker, defaultNode: JSX.Element) => JSX.Element;
+        formatDate?: (date: Date) => string;
+        tabsStyles?: ITabsStyles;
+        listItemStyles?: IListItemStyles;
+    };
 }
 export {};

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

@@ -1,2 +1,2 @@
 import React from 'react';
-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): React.JSX.Element;
+export default function MessageActions({ editModeToggle, channel, handleResendMessage, handleOpenDeleteMessage, handleOpenForwardMessage, handleCopyMessage, handleReportMessage, messageStatus, handleSelectMessage, handleReplyMessage, handleOpenInfoMessage, isThreadMessage, rtlDirection, showMessageReaction, showEditMessage, showCopyMessage, showReplyMessage, showReplyMessageInThread, showForwardMessage, showDeleteMessage, showSelectMessage, showReportMessage, showInfoMessage, infoIconOrder, reactionIcon, editIcon, copyIcon, replyIcon, replyInThreadIcon, deleteIcon, selectIcon, infoIcon, allowEditDeleteIncomingMessage, reportIcon, reactionIconOrder, editIconOrder, copyIconOrder, replyIconOrder, replyInThreadIconOrder, forwardIcon, forwardIconOrder, deleteIconOrder, selectIconOrder, reportIconOrder, reactionIconTooltipText, editIconTooltipText, copyIconTooltipText, replyIconTooltipText, replyInThreadIconTooltipText, forwardIconTooltipText, deleteIconTooltipText, selectIconTooltipText, infoIconTooltipText, reportIconTooltipText, myRole, isIncoming, messageActionIconsColor, handleOpenEmojis }: any): React.JSX.Element;

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

@@ -37,6 +37,7 @@ interface IMessageBodyProps {
     forwardMessage?: boolean;
     deleteMessage?: boolean;
     selectMessage?: boolean;
+    showInfoMessage?: boolean;
     allowEditDeleteIncomingMessage?: boolean;
     reportMessage?: boolean;
     reactionIcon?: JSX.Element;
@@ -46,6 +47,7 @@ interface IMessageBodyProps {
     replyInThreadIcon?: JSX.Element;
     forwardIcon?: JSX.Element;
     deleteIcon?: JSX.Element;
+    infoIcon?: JSX.Element;
     selectIcon?: JSX.Element;
     starIcon?: JSX.Element;
     staredIcon?: JSX.Element;
@@ -60,6 +62,7 @@ interface IMessageBodyProps {
     replyInThreadIconOrder?: number;
     forwardIconOrder?: number;
     deleteIconOrder?: number;
+    infoIconOrder?: number;
     selectIconOrder?: number;
     starIconOrder?: number;
     reportIconOrder?: number;
@@ -73,6 +76,7 @@ interface IMessageBodyProps {
     selectIconTooltipText?: string;
     starIconTooltipText?: string;
     reportIconTooltipText?: string;
+    infoIconTooltipText?: string;
     messageActionIconsColor?: string;
     inlineReactionIcon?: JSX.Element;
     messageStatusSize?: string;
@@ -107,6 +111,7 @@ interface IMessageBodyProps {
     setMessageActionsShow: (state: boolean) => void;
     closeMessageActions: () => void;
     handleToggleForwardMessagePopup: () => void;
+    handleToggleInfoMessagePopupOpen: () => void;
     handleReplyMessage: (rely: boolean) => void;
     handleToggleDeleteMessagePopup: () => void;
     handleToggleReportPopupOpen: () => void;
@@ -128,5 +133,5 @@ interface IMessageBodyProps {
     handleOpenUserProfile: (user: IUser) => void;
     shouldOpenUserProfileForMention?: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ message, channel, MessageActionsMenu, handleScrollToRepliedMessage, handleMediaItemClick, isPendingMessage, prevMessage, nextMessage, isUnreadMessage, unreadMessageId, isThreadMessage, fontFamily, ownMessageOnRightSide, showSenderNameOnDirectChannel, showSenderNameOnGroupChannel, showSenderNameOnOwnMessages, messageStatusAndTimePosition, messageStatusDisplayingType, outgoingMessageStyles, incomingMessageStyles, ownRepliedMessageBackground, incomingRepliedMessageBackground, showMessageStatus, showMessageTimeAndStatusOnlyOnHover, showMessageTime, showMessageStatusForEachMessage, showMessageTimeForEachMessage, messageReaction, editMessage, copyMessage, replyMessage, replyMessageInThread, deleteMessage, selectMessage, allowEditDeleteIncomingMessage, forwardMessage, reportMessage, reactionIcon, editIcon, copyIcon, replyIcon, replyInThreadIcon, forwardIcon, deleteIcon, selectIcon, starIcon, staredIcon, reportIcon, reactionIconOrder, editIconOrder, copyIconOrder, replyIconOrder, replyInThreadIconOrder, forwardIconOrder, deleteIconOrder, selectIconOrder, starIconOrder, reportIconOrder, reactionIconTooltipText, editIconTooltipText, copyIconTooltipText, replyIconTooltipText, replyInThreadIconTooltipText, forwardIconTooltipText, deleteIconTooltipText, selectIconTooltipText, starIconTooltipText, reportIconTooltipText, messageActionIconsColor, messageStatusSize, messageStatusColor, messageReadStatusColor, messageStateFontSize, messageStateColor, messageTimeFontSize, messageTimeColor, messageStatusAndTimeLineHeight, messageTimeColorOnAttachment, fileAttachmentsIcon, fileAttachmentsBoxWidth, fileAttachmentsBoxBorder, fileAttachmentsTitleColor, fileAttachmentsSizeColor, imageAttachmentMaxWidth, imageAttachmentMaxHeight, videoAttachmentMaxWidth, videoAttachmentMaxHeight, emojisCategoryIconsPosition, emojisContainerBorderRadius, fixEmojiCategoriesTitleOnTop, selectedMessagesMap, contactsMap, theme, messageTextFontSize, messageTextLineHeight, handleToggleForwardMessagePopup, messageActionsShow, closeMessageActions, handleDeletePendingMessage, handleReplyMessage, handleToggleDeleteMessagePopup, handleToggleReportPopupOpen, handleResendMessage, handleOpenEmojis, emojisPopupOpen, setEmojisPopupOpen, emojisPopupPosition, frequentlyEmojisOpen, handleCopyMessage, toggleEditMode, handleSelectMessage, handleMouseEnter, handleMouseLeave, handleReactionAddDelete, handleCreateChat, messageTextRef, handleOpenUserProfile, shouldOpenUserProfileForMention }: IMessageBodyProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ message, channel, MessageActionsMenu, handleScrollToRepliedMessage, handleMediaItemClick, isPendingMessage, prevMessage, nextMessage, isUnreadMessage, unreadMessageId, isThreadMessage, fontFamily, ownMessageOnRightSide, showSenderNameOnDirectChannel, showSenderNameOnGroupChannel, showSenderNameOnOwnMessages, messageStatusAndTimePosition, messageStatusDisplayingType, outgoingMessageStyles, incomingMessageStyles, ownRepliedMessageBackground, incomingRepliedMessageBackground, showMessageStatus, showMessageTimeAndStatusOnlyOnHover, showMessageTime, showMessageStatusForEachMessage, showMessageTimeForEachMessage, messageReaction, editMessage, copyMessage, replyMessage, replyMessageInThread, deleteMessage, selectMessage, showInfoMessage, allowEditDeleteIncomingMessage, forwardMessage, reportMessage, reactionIcon, editIcon, copyIcon, replyIcon, replyInThreadIcon, forwardIcon, deleteIcon, infoIcon, selectIcon, starIcon, staredIcon, reportIcon, reactionIconOrder, editIconOrder, copyIconOrder, replyIconOrder, replyInThreadIconOrder, forwardIconOrder, deleteIconOrder, infoIconOrder, selectIconOrder, starIconOrder, reportIconOrder, reactionIconTooltipText, editIconTooltipText, copyIconTooltipText, replyIconTooltipText, replyInThreadIconTooltipText, forwardIconTooltipText, deleteIconTooltipText, selectIconTooltipText, starIconTooltipText, reportIconTooltipText, infoIconTooltipText, messageActionIconsColor, messageStatusSize, messageStatusColor, messageReadStatusColor, messageStateFontSize, messageStateColor, messageTimeFontSize, messageTimeColor, messageStatusAndTimeLineHeight, messageTimeColorOnAttachment, fileAttachmentsIcon, fileAttachmentsBoxWidth, fileAttachmentsBoxBorder, fileAttachmentsTitleColor, fileAttachmentsSizeColor, imageAttachmentMaxWidth, imageAttachmentMaxHeight, videoAttachmentMaxWidth, videoAttachmentMaxHeight, emojisCategoryIconsPosition, emojisContainerBorderRadius, fixEmojiCategoriesTitleOnTop, selectedMessagesMap, contactsMap, theme, messageTextFontSize, messageTextLineHeight, handleToggleForwardMessagePopup, handleToggleInfoMessagePopupOpen, messageActionsShow, closeMessageActions, handleDeletePendingMessage, handleReplyMessage, handleToggleDeleteMessagePopup, handleToggleReportPopupOpen, handleResendMessage, handleOpenEmojis, emojisPopupOpen, setEmojisPopupOpen, emojisPopupPosition, frequentlyEmojisOpen, handleCopyMessage, toggleEditMode, handleSelectMessage, handleMouseEnter, handleMouseLeave, handleReactionAddDelete, handleCreateChat, messageTextRef, handleOpenUserProfile, shouldOpenUserProfileForMention }: IMessageBodyProps) => React.JSX.Element>;
 export default _default;

package/components/Message/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IMessageProps } from './Message.types';
-declare const _default: React.MemoExoticComponent<({ message, channel, MessageActionsMenu, CustomMessageItem, handleScrollToRepliedMessage, handleMediaItemClick, stopScrolling, isPendingMessage, prevMessage, nextMessage, setLastVisibleMessageId, isUnreadMessage, unreadMessageId, isThreadMessage, fontFamily, ownMessageOnRightSide, messageWidthPercent, showSenderNameOnDirectChannel, showSenderNameOnGroupChannel, showSenderNameOnOwnMessages, messageStatusAndTimePosition, messageStatusDisplayingType, outgoingMessageStyles, incomingMessageStyles, 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, messageStatusSize, messageStatusColor, messageReadStatusColor, messageStateFontSize, messageStateColor, messageTimeFontSize, messageTimeColor, messageStatusAndTimeLineHeight, 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, messageTextFontSize, messageTextLineHeight, messageTimeColorOnAttachment, shouldOpenUserProfileForMention }: IMessageProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ message, channel, MessageActionsMenu, CustomMessageItem, handleScrollToRepliedMessage, handleMediaItemClick, stopScrolling, isPendingMessage, prevMessage, nextMessage, setLastVisibleMessageId, isUnreadMessage, unreadMessageId, isThreadMessage, fontFamily, ownMessageOnRightSide, messageWidthPercent, showSenderNameOnDirectChannel, showSenderNameOnGroupChannel, showSenderNameOnOwnMessages, messageStatusAndTimePosition, messageStatusDisplayingType, outgoingMessageStyles, incomingMessageStyles, ownRepliedMessageBackground, incomingRepliedMessageBackground, showOwnAvatar, showMessageStatus, showMessageTimeAndStatusOnlyOnHover, showMessageTime, showMessageStatusForEachMessage, showMessageTimeForEachMessage, hoverBackground, messageReaction, editMessage, copyMessage, replyMessage, replyMessageInThread, deleteMessage, selectMessage, showInfoMessage, 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, infoIconOrder, reactionIconTooltipText, editIconTooltipText, copyIconTooltipText, replyIconTooltipText, replyInThreadIconTooltipText, forwardIconTooltipText, deleteIconTooltipText, selectIconTooltipText, starIconTooltipText, reportIconTooltipText, infoIconTooltipText, messageActionIconsColor, messageStatusSize, messageStatusColor, messageReadStatusColor, messageStateFontSize, messageStateColor, messageTimeFontSize, messageTimeColor, messageStatusAndTimeLineHeight, 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, messageTextFontSize, messageTextLineHeight, messageTimeColorOnAttachment, shouldOpenUserProfileForMention, showInfoMessageProps }: IMessageProps) => React.JSX.Element>;
 export default _default;

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

@@ -1,5 +1,5 @@
 import React, { FC } from 'react';
-import { IAttachment, IChannel, IMessage, IUser } from '../../../types';
+import { IAttachment, IChannel, IMarker, IMessage, IUser, ILabels, MessageInfoTab, ITabsStyles, IListItemStyles } from '../../../types';
 import { IAttachmentProperties, IMessageStyles } from '../../Message/Message.types';
 import { HiddenMessageProperty } from 'types/enum';
 interface MessagesProps {
@@ -112,9 +112,12 @@ interface MessagesProps {
     allowEditDeleteIncomingMessage?: boolean;
     starIconOrder?: number;
     reportIconOrder?: number;
+    infoIconOrder?: number;
+    showInfoMessage?: boolean;
     reactionIconTooltipText?: string;
     editIconTooltipText?: string;
     replyIconTooltipText?: string;
+    infoIconTooltipText?: string;
     copyIconTooltipText?: string;
     replyInThreadIconTooltipText?: string;
     forwardIconTooltipText?: string;
@@ -174,6 +177,24 @@ interface MessagesProps {
     messageTextLineHeight?: string;
     hiddenMessagesProperties?: HiddenMessageProperty[];
     shouldOpenUserProfileForMention?: boolean;
+    showInfoMessageProps?: {
+        togglePopup?: () => void;
+        labels?: ILabels;
+        tabsOrder?: {
+            key: MessageInfoTab;
+            label: string;
+            data: IMarker[];
+        }[];
+        showCounts?: boolean;
+        avatarSize?: number;
+        maxWidth?: string;
+        minWidth?: string;
+        height?: string;
+        renderItem?: (marker: IMarker, defaultNode: JSX.Element) => JSX.Element;
+        formatDate?: (date: Date) => string;
+        tabsStyles?: ITabsStyles;
+        listItemStyles?: IListItemStyles;
+    };
 }
 declare const MessageList: React.FC<MessagesProps>;
 export default MessageList;

package/components/Messages/index.d.ts

@@ -1,5 +1,5 @@
 import React, { FC } from 'react';
-import { IAttachment, IChannel, IMessage, IUser } from '../../types';
+import { IAttachment, IChannel, IMarker, IMessage, IUser, MessageInfoTab, ILabels, ITabsStyles, IListItemStyles } from '../../types';
 import { IAttachmentProperties, IMessageStyles } from '../Message/Message.types';
 import { HiddenMessageProperty } from 'types/enum';
 interface MessagesProps {
@@ -77,6 +77,7 @@ interface MessagesProps {
     forwardMessage?: boolean;
     deleteMessage?: boolean;
     selectMessage?: boolean;
+    showInfoMessage?: boolean;
     reportMessage?: boolean;
     reactionIcon?: JSX.Element;
     editIcon?: JSX.Element;
@@ -101,6 +102,7 @@ interface MessagesProps {
     forwardIconOrder?: number;
     deleteIconOrder?: number;
     selectIconOrder?: number;
+    infoIconOrder?: number;
     allowEditDeleteIncomingMessage?: boolean;
     starIconOrder?: number;
     reportIconOrder?: number;
@@ -114,6 +116,7 @@ interface MessagesProps {
     selectIconTooltipText?: string;
     starIconTooltipText?: string;
     reportIconTooltipText?: string;
+    infoIconTooltipText?: string;
     messageActionIconsColor?: string;
     dateDividerFontSize?: string;
     dateDividerTextColor?: string;
@@ -174,6 +177,24 @@ interface MessagesProps {
     messageStatusAndTimeLineHeight?: string;
     hiddenMessagesProperties?: HiddenMessageProperty[];
     shouldOpenUserProfileForMention?: boolean;
+    showInfoMessageProps?: {
+        togglePopup?: () => void;
+        labels?: ILabels;
+        tabsOrder?: {
+            key: MessageInfoTab;
+            label: string;
+            data: IMarker[];
+        }[];
+        showCounts?: boolean;
+        avatarSize?: number;
+        maxWidth?: string;
+        minWidth?: string;
+        height?: string;
+        renderItem?: (marker: IMarker, defaultNode: JSX.Element) => JSX.Element;
+        formatDate?: (date: Date) => string;
+        tabsStyles?: ITabsStyles;
+        listItemStyles?: IListItemStyles;
+    };
 }
 declare const MessagesContainer: React.FC<MessagesProps>;
 export default MessagesContainer;