sceyt-chat-react-uikit 1.6.0 → 1.6.1

package/assets/svg/clear.svg

@@ -1,3 +1,3 @@
 <svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0003 3.83268C6.31843 3.83268 3.33366 6.81745 3.33366 10.4993C3.33366 14.1812 6.31843 17.166 10.0003 17.166C13.6822 17.166 16.667 14.1812 16.667 10.4993C16.667 6.81745 13.6822 3.83268 10.0003 3.83268ZM1.66699 10.4993C1.66699 5.89698 5.39795 2.16602 10.0003 2.16602C14.6027 2.16602 18.3337 5.89698 18.3337 10.4993C18.3337 15.1017 14.6027 18.8327 10.0003 18.8327C5.39795 18.8327 1.66699 15.1017 1.66699 10.4993ZM6.91107 7.41009C7.23651 7.08466 7.76414 7.08466 8.08958 7.41009L10.0003 9.32084L11.9111 7.41009C12.2365 7.08466 12.7641 7.08466 13.0896 7.41009C13.415 7.73553 13.415 8.26317 13.0896 8.5886L11.1788 10.4993L13.0896 12.4101C13.415 12.7355 13.415 13.2632 13.0896 13.5886C12.7641 13.914 12.2365 13.914 11.9111 13.5886L10.0003 11.6779L8.08958 13.5886C7.76414 13.914 7.23651 13.914 6.91107 13.5886C6.58563 13.2632 6.58563 12.7355 6.91107 12.4101L8.82181 10.4993L6.91107 8.5886C6.58563 8.26317 6.58563 7.73553 6.91107 7.41009Z" fill="#FA4C56"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0003 3.83268C6.31843 3.83268 3.33366 6.81745 3.33366 10.4993C3.33366 14.1812 6.31843 17.166 10.0003 17.166C13.6822 17.166 16.667 14.1812 16.667 10.4993C16.667 6.81745 13.6822 3.83268 10.0003 3.83268ZM1.66699 10.4993C1.66699 5.89698 5.39795 2.16602 10.0003 2.16602C14.6027 2.16602 18.3337 5.89698 18.3337 10.4993C18.3337 15.1017 14.6027 18.8327 10.0003 18.8327C5.39795 18.8327 1.66699 15.1017 1.66699 10.4993ZM6.91107 7.41009C7.23651 7.08466 7.76414 7.08466 8.08958 7.41009L10.0003 9.32084L11.9111 7.41009C12.2365 7.08466 12.7641 7.08466 13.0896 7.41009C13.415 7.73553 13.415 8.26317 13.0896 8.5886L11.1788 10.4993L13.0896 12.4101C13.415 12.7355 13.415 13.2632 13.0896 13.5886C12.7641 13.914 12.2365 13.914 11.9111 13.5886L10.0003 11.6779L8.08958 13.5886C7.76414 13.914 7.23651 13.914 6.91107 13.5886C6.58563 13.2632 6.58563 12.7355 6.91107 12.4101L8.82181 10.4993L6.91107 8.5886C6.58563 8.26317 6.58563 7.73553 6.91107 7.41009Z" fill="CurrentColor"/>
 </svg>

package/assets/svg/deleteIcon.svg

@@ -1,3 +1,3 @@
 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15.7143 7.14258V14.6426C15.7143 16.4178 14.2752 17.8569 12.5 17.8569H7.50003C5.72483 17.8569 4.28575 16.4178 4.28575 14.6426V7.14258H3.77874C3.26978 7.14258 2.85718 6.72998 2.85718 6.22101V5.17829C2.85718 4.09345 3.73662 3.21401 4.82146 3.21401H6.00086C6.37493 2.56645 7.07367 2.14258 7.85718 2.14258H12.1429C12.9264 2.14258 13.6251 2.56645 13.9992 3.21401H15.1786C16.2635 3.21401 17.1429 4.09345 17.1429 5.17829V6.22101C17.1429 6.72998 16.7303 7.14258 16.2213 7.14258H15.7143ZM15 5.71401H15.7143V5.17829C15.7143 4.88243 15.4745 4.64258 15.1786 4.64258H13.5265C13.2005 4.64258 12.916 4.42196 12.8347 4.10633C12.7543 3.79408 12.4707 3.57115 12.1429 3.57115H7.85718C7.52942 3.57115 7.24572 3.79408 7.16535 4.10633C7.08412 4.42196 6.79953 4.64258 6.47361 4.64258H4.82146C4.5256 4.64258 4.28575 4.88243 4.28575 5.17829V5.71401H5.00003H15ZM5.71432 7.14258V14.6426C5.71432 15.6288 6.51381 16.4283 7.50003 16.4283H12.5C13.4863 16.4283 14.2857 15.6288 14.2857 14.6426V7.14258H5.71432Z" fill="#FA4C56"/>
+<path d="M15.7143 7.14258V14.6426C15.7143 16.4178 14.2752 17.8569 12.5 17.8569H7.50003C5.72483 17.8569 4.28575 16.4178 4.28575 14.6426V7.14258H3.77874C3.26978 7.14258 2.85718 6.72998 2.85718 6.22101V5.17829C2.85718 4.09345 3.73662 3.21401 4.82146 3.21401H6.00086C6.37493 2.56645 7.07367 2.14258 7.85718 2.14258H12.1429C12.9264 2.14258 13.6251 2.56645 13.9992 3.21401H15.1786C16.2635 3.21401 17.1429 4.09345 17.1429 5.17829V6.22101C17.1429 6.72998 16.7303 7.14258 16.2213 7.14258H15.7143ZM15 5.71401H15.7143V5.17829C15.7143 4.88243 15.4745 4.64258 15.1786 4.64258H13.5265C13.2005 4.64258 12.916 4.42196 12.8347 4.10633C12.7543 3.79408 12.4707 3.57115 12.1429 3.57115H7.85718C7.52942 3.57115 7.24572 3.79408 7.16535 4.10633C7.08412 4.42196 6.79953 4.64258 6.47361 4.64258H4.82146C4.5256 4.64258 4.28575 4.88243 4.28575 5.17829V5.71401H5.00003H15ZM5.71432 7.14258V14.6426C5.71432 15.6288 6.51381 16.4283 7.50003 16.4283H12.5C13.4863 16.4283 14.2857 15.6288 14.2857 14.6426V7.14258H5.71432Z" fill="CurrentColor"/>
 </svg>

package/components/ChatContainer/index.d.ts

@@ -1,102 +1,57 @@
 import React from 'react';
-import {IAttachment, IChannel, ICustomAvatarColors, IMessage, IUser} from '../../types';
-
+import { IAttachment, IChannel, ICustomAvatarColors, IMessage, IUser } from '../../types';
 export interface IProgress {
-  loaded: number;
-  total: number;
+    loaded: number;
+    total: number;
 }
-
 export interface IUploadTask {
-  updateLocalFileLocation?: (newPath: String) => void;
-  progress: (progress: IProgress) => void;
-  failure: (error: Error) => void;
-  success: (uri: string) => void;
-  cancel: () => void;
-  stop: () => void;
-  resume: () => void;
+    updateLocalFileLocation?: (newPath: String) => void;
+    progress: (progress: IProgress) => void;
+    failure: (error: Error) => void;
+    success: (uri: string) => void;
+    cancel: () => void;
+    stop: () => void;
+    resume: () => void;
 }
-
 export interface ICustomUploader {
-  upload: (attachment: IAttachment, uploadTask: IUploadTask) => void;
-  download: (uri: string, download: boolean, progressCallback?: (progress: any) => void) => Promise<any>;
-  cancelRequest: (requestPromise: any) => void;
+    upload: (attachment: IAttachment, uploadTask: IUploadTask) => void;
+    download: (uri: string, download: boolean, progressCallback?: (progress: any) => void) => Promise<any>;
+    cancelRequest: (requestPromise: any) => void;
 }
-
-export declare type ThemeColors =
-  | 'accent'
-  | 'background'
-  | 'sectionBackground'
-  | 'focusBackground'
-  | 'hoverBackground'
-  | 'textPrimary'
-  | 'textSecondary'
-  | 'textFootnote'
-  | 'textOnPrimary'
-  | 'border'
-  | 'iconPrimary'
-  | 'iconInactive'
-  | 'surface1'
-  | 'surface2'
-  | 'overlayBackground'
-  | 'overlayBackground2'
-  | 'error';
-
+export declare type ThemeColors = 'accent' | 'background' | 'sectionBackground' | 'focusBackground' | 'hoverBackground' | 'textPrimary' | 'textSecondary' | 'textFootnote' | 'textOnPrimary' | 'border' | 'iconPrimary' | 'iconInactive' | 'surface1' | 'surface2' | 'overlayBackground' | 'overlayBackground2' | 'error';
 export interface ThemeColor {
-  light: string;
-  dark?: string;
-
-  [key: string]: string | undefined;
+    light: string;
+    dark?: string;
+    [key: string]: string | undefined;
 }
-
 export interface SceytChatUIKitTheme {
-  colors: {
-    [key in ThemeColors]?: ThemeColor;
-  };
+    colors: {
+        [key in ThemeColors]?: ThemeColor;
+    };
 }
-
 export declare type ThemeMode = 'light' | 'dark' | string;
-
 export interface IChatClientProps {
-  client: any;
-  theme?: SceytChatUIKitTheme;
-  themeMode?: ThemeMode;
-  autoSelectFirstChannel?: boolean;
-  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;
-  channelTypeFilter?: string[];
-  membersDisplayTextByChannelTypesMap?: {
-    [key: string]: string;
-  };
-  defaultRolesByChannelTypesMap?: {
-    [key: string]: string;
-  };
-  openChatOnUserInteraction?: boolean;
+    client: any;
+    theme?: SceytChatUIKitTheme;
+    themeMode?: ThemeMode;
+    autoSelectFirstChannel?: boolean;
+    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;
+    channelTypeFilter?: string[];
+    membersDisplayTextByChannelTypesMap?: {
+        [key: string]: string;
+    };
+    defaultRolesByChannelTypesMap?: {
+        [key: string]: string;
+    };
+    openChatOnUserInteraction?: boolean;
 }
-
-declare const SceytChatContainer: ({
-                                     client,
-                                     theme,
-                                     themeMode,
-                                     avatarColors,
-                                     children,
-                                     showOnlyContactUsers,
-                                     handleNewMessages,
-                                     sendAttachmentsAsSeparateMessages,
-                                     membersDisplayTextByChannelTypesMap,
-                                     defaultRolesByChannelTypesMap,
-                                     channelTypeFilter,
-                                     logoSrc,
-                                     CustomUploader,
-                                     showNotifications,
-                                     hideUserPresence,
-                                     openChatOnUserInteraction,
-                                     autoSelectFirstChannel
-                                   }: IChatClientProps) => React.JSX.Element;
+declare const SceytChatContainer: ({ client, theme, themeMode, avatarColors, children, showOnlyContactUsers, handleNewMessages, sendAttachmentsAsSeparateMessages, membersDisplayTextByChannelTypesMap, defaultRolesByChannelTypesMap, channelTypeFilter, logoSrc, CustomUploader, showNotifications, hideUserPresence, openChatOnUserInteraction, autoSelectFirstChannel }: IChatClientProps) => React.JSX.Element;
 export default SceytChatContainer;

package/components/Message/index.d.ts

@@ -1,191 +1,4 @@
-import React, { FC } from 'react';
-import { IAttachment, IChannel, IMessage, IUser } 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;
-    }>;
-    CustomMessageItem?: FC<{
-        channel: IChannel;
-        message: IMessage;
-        prevMessage?: IMessage;
-        nextMessage?: IMessage;
-        unreadMessageId: string;
-        isUnreadMessage: boolean;
-        messageActionsShow: boolean;
-        selectionIsActive?: boolean;
-        emojisPopupOpen: boolean;
-        frequentlyEmojisOpen: boolean;
-        messageTextRef: any;
-        emojisPopupPosition: string;
-        handleSetMessageForEdit?: () => void;
-        handleResendMessage?: () => void;
-        handleOpenDeleteMessage?: () => void;
-        handleOpenForwardMessage?: () => void;
-        handleCopyMessage?: () => void;
-        handleReportMessage?: () => void;
-        handleSelectMessage?: () => void;
-        handleOpenEmojis?: () => void;
-        handleReplyMessage?: (threadReply?: boolean) => void;
-        handleMouseEnter: () => void;
-        handleMouseLeave: () => void;
-        closeMessageActions?: () => void;
-        setEmojisPopupOpen: (state: boolean) => void;
-        handleCreateChat: (user: IUser) => void;
-        handleReactionAddDelete: (selectedEmoji: any) => void;
-        handleScrollToRepliedMessage: (messageId: string) => void;
-        handleMediaItemClick?: (attachment: IAttachment) => void;
-        isThreadMessage?: boolean;
-    }>;
-    isPendingMessage?: boolean;
-    prevMessage?: IMessage;
-    nextMessage: IMessage;
-    stopScrolling: (stop: boolean) => void;
-    setLastVisibleMessageId?: (msgId: string) => void;
-    handleScrollToRepliedMessage: (msgId: string) => void;
-    handleMediaItemClick?: (attachment: IAttachment) => void;
-    unreadMessageId: string;
-    isUnreadMessage: boolean;
-    isThreadMessage: boolean;
-    fontFamily?: string;
-    ownMessageOnRightSide?: boolean;
-    messageWidthPercent?: string | number;
-    showSenderNameOnDirectChannel?: boolean;
-    showSenderNameOnGroupChannel?: boolean;
-    showSenderNameOnOwnMessages?: boolean;
-    messageStatusAndTimePosition?: 'bottomOfMessage' | 'onMessage';
-    messageStatusDisplayingType?: 'ticks' | 'text';
-    ownMessageBackground?: string;
-    incomingMessageBackground?: string;
-    ownRepliedMessageBackground?: string;
-    incomingRepliedMessageBackground?: string;
-    showOwnAvatar?: boolean;
-    showMessageStatus?: boolean;
-    showMessageTimeAndStatusOnlyOnHover?: boolean;
-    showMessageTime?: boolean;
-    showMessageStatusForEachMessage?: boolean;
-    showMessageTimeForEachMessage?: boolean;
-    hoverBackground?: boolean;
-    messageReaction?: boolean;
-    editMessage?: boolean;
-    copyMessage?: boolean;
-    replyMessage?: boolean;
-    replyMessageInThread?: boolean;
-    forwardMessage?: boolean;
-    deleteMessage?: boolean;
-    selectMessage?: boolean;
-    allowEditDeleteIncomingMessage?: 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;
-    starIconOrder?: number;
-    reportIconOrder?: number;
-    reactionIconTooltipText?: string;
-    editIconTooltipText?: string;
-    copyIconTooltipText?: string;
-    replyIconTooltipText?: string;
-    replyInThreadIconTooltipText?: string;
-    forwardIconTooltipText?: string;
-    deleteIconTooltipText?: string;
-    selectIconTooltipText?: string;
-    starIconTooltipText?: string;
-    reportIconTooltipText?: string;
-    messageActionIconsColor?: string;
-    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;
-    reactionsContainerBackground?: string;
-    reactionsContainerTopPosition?: string;
-    reactionsDetailsPopupBorderRadius?: string;
-    reactionsDetailsPopupHeaderItemsStyle?: 'bubbles' | 'inline';
-    reactionsContainerPadding?: string;
-    messageStatusSize?: string;
-    messageStatusColor?: string;
-    messageReadStatusColor?: string;
-    messageStateFontSize?: string;
-    messageStateColor?: string;
-    messageTimeFontSize?: string;
-    messageTimeColor?: string;
-    messageStatusAndTimeLineHeight?: string;
-    fileAttachmentsBoxWidth?: number;
-    fileAttachmentsBoxBackground?: string;
-    fileAttachmentsBoxBorder?: string;
-    fileAttachmentsTitleColor?: string;
-    fileAttachmentsSizeColor?: string;
-    fileAttachmentsIcon?: JSX.Element;
-    imageAttachmentMaxWidth?: number;
-    imageAttachmentMaxHeight?: number;
-    videoAttachmentMaxWidth?: number;
-    videoAttachmentMaxHeight?: number;
-    sameUserMessageSpacing?: string;
-    differentUserMessageSpacing?: string;
-    selectedMessagesMap?: Map<string, IMessage>;
-    contactsMap: {
-        [key: string]: any;
-    };
-    openedMessageMenuId?: string;
-    tabIsActive?: boolean;
-    connectionStatus: string;
-    theme: string;
-    messageTextFontSize?: string;
-    messageTextLineHeight?: string;
-}
-declare const _default: React.MemoExoticComponent<({ message, channel, MessageActionsMenu, CustomMessageItem, 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, 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 }: IMessageProps) => React.JSX.Element>;
+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, 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, 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 }: IMessageProps) => React.JSX.Element>;
 export default _default;
-export declare const MessageStatusAndTime: import("styled-components").StyledComponent<"span", any, {
-    withAttachment?: boolean | undefined;
-    fileAttachment?: boolean | undefined;
-    hide?: boolean | undefined;
-    isSelfMessage?: boolean | undefined;
-    marginBottom?: string | undefined;
-    leftMargin?: boolean | undefined;
-    rtlDirection?: boolean | undefined;
-    bottomOfMessage?: boolean | undefined;
-    showOnlyOnHover?: boolean | undefined;
-    lineHeight?: string | undefined;
-    statusColor?: string | undefined;
-}, never>;