sceyt-chat-react-uikit 1.8.4 → 1.8.5-beta.10

package/components/AudioPlayer/index.d.ts

@@ -12,8 +12,8 @@ interface AudioPlayerProps {
     borderRadius?: string;
     onClose?: () => void;
 }
-declare const AudioPlayer: React.FC<AudioPlayerProps>;
-export default AudioPlayer;
+declare const _default: React.NamedExoticComponent<AudioPlayerProps>;
+export default _default;
 export declare const DisappearingMessagesBadge: import("styled-components").StyledComponent<any, any, object & {
     color: string;
     $iconColor: string;

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

@@ -65,6 +65,7 @@ interface ICustomMessageItem {
     handleOpenUserProfile: (user: IUser) => void;
     unsupportedMessage: boolean;
     onInviteLinkClick?: (key: string) => void;
+    ifLatestAndHasNotPreview: boolean;
 }
 export interface IMessageProps {
     message: IMessage;
@@ -75,12 +76,16 @@ export interface IMessageProps {
     prevMessage?: IMessage;
     nextMessage: IMessage;
     stopScrolling: (stop: boolean) => void;
-    setLastVisibleMessageId?: (msgId: string) => void;
+    setLastVisibleMessageId?: (message: IMessage) => void;
+    queueReadMarker?: (channelId: string, messageId?: string) => void;
+    queueDeliveredMarker?: (channelId: string, messageId?: string) => void;
     handleScrollToRepliedMessage: (msgId: string) => void;
     handleMediaItemClick?: (attachment: IAttachment) => void;
     unreadMessageId: string;
     isUnreadMessage: boolean;
+    nextMessageStartsUnreadSection?: boolean;
     isThreadMessage: boolean;
+    disableAutoReadTracking?: boolean;
     fontFamily?: string;
     ownMessageOnRightSide?: boolean;
     messageWidthPercent?: string | number;
@@ -220,7 +225,8 @@ export interface IMessageProps {
         tabsStyles?: ITabsStyles;
         listItemStyles?: IListItemStyles;
     };
-    collapsedCharacterLimit?: number;
+    collapsedLinesLimit?: number;
     createChatOnAvatarTap?: boolean;
+    ifLatestAndHasNotPreview: boolean;
 }
 export {};

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

@@ -138,7 +138,8 @@ interface IMessageBodyProps {
     ogMetadataProps?: OGMetadataProps;
     unsupportedMessage: boolean;
     onInviteLinkClick?: (key: string) => void;
-    collapsedCharacterLimit?: number;
+    ifLatestAndHasNotPreview: boolean;
+    collapsedLinesLimit?: number;
 }
-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, retractVoteIcon, endVoteIcon, 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, messageTextFontSize, messageTextLineHeight, handleToggleForwardMessagePopup, handleToggleInfoMessagePopupOpen, messageActionsShow, handleRetractVote, handleEndVote, closeMessageActions, handleDeletePendingMessage, handleReplyMessage, handleToggleDeleteMessagePopup, handleToggleReportPopupOpen, handleResendMessage, handleOpenEmojis, emojisPopupOpen, setEmojisPopupOpen, emojisPopupPosition, frequentlyEmojisOpen, handleCopyMessage, toggleEditMode, handleSelectMessage, handleMouseEnter, handleMouseLeave, handleReactionAddDelete, handleCreateChat, messageTextRef, handleOpenUserProfile, shouldOpenUserProfileForMention, ogMetadataProps, unsupportedMessage, onInviteLinkClick, collapsedCharacterLimit }: IMessageBodyProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ message, channel, MessageActionsMenu, handleScrollToRepliedMessage, handleMediaItemClick, isPendingMessage, prevMessage, nextMessage, 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, retractVoteIcon, endVoteIcon, 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, messageTextFontSize, messageTextLineHeight, handleToggleForwardMessagePopup, handleToggleInfoMessagePopupOpen, messageActionsShow, handleRetractVote, handleEndVote, closeMessageActions, handleDeletePendingMessage, handleReplyMessage, handleToggleDeleteMessagePopup, handleToggleReportPopupOpen, handleResendMessage, handleOpenEmojis, emojisPopupOpen, setEmojisPopupOpen, emojisPopupPosition, frequentlyEmojisOpen, handleCopyMessage, toggleEditMode, handleSelectMessage, handleMouseEnter, handleMouseLeave, handleReactionAddDelete, handleCreateChat, messageTextRef, handleOpenUserProfile, shouldOpenUserProfileForMention, ogMetadataProps, unsupportedMessage, onInviteLinkClick, collapsedLinesLimit, ifLatestAndHasNotPreview }: IMessageBodyProps) => React.JSX.Element>;
 export default _default;

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

@@ -12,6 +12,7 @@ interface MessagePopupsProps {
     contactsMap: {
         [key: string]: any;
     };
+    anchorRef: React.RefObject<HTMLElement>;
     onDeleteMessage: (deleteOption: 'forMe' | 'forEveryone') => void;
     onToggleDeletePopup: () => void;
     onForwardMessage: (channelIds: string[]) => void;

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

@@ -9,6 +9,8 @@ interface MessageReactionsProps {
         left: number;
         right: number;
     };
+    reactionsAnchorTop: number;
+    reactionsAnchorBottom: number;
     rtlDirection: boolean;
     backgroundSections: string;
     textPrimary: string;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IAttachment, IOGMetadata } from '../../../types';
+import { IAttachment } from '../../../types';
 export declare const isDescriptionOnlySymbol: (description: string | undefined) => boolean;
 declare const OGMetadata: ({ attachments, state, incoming, ogShowUrl, ogShowTitle, ogShowDescription, ogShowFavicon, order, maxWidth, maxHeight, ogContainerBorderRadius, ogContainerPadding, ogContainerClassName, ogContainerShowBackground, ogContainerBackground, infoPadding, ogContainerMargin, target, isInviteLink, onClick }: {
     attachments: IAttachment[];
@@ -27,6 +27,5 @@ declare const OGMetadata: ({ attachments, state, incoming, ogShowUrl, ogShowTitl
     target?: string | undefined;
     isInviteLink?: boolean | undefined;
     onClick?: (() => void) | undefined;
-    metadataGetSuccessCallback?: ((url: string, success: boolean, hasImage: boolean, metadata: IOGMetadata | null) => void) | undefined;
 }) => React.JSX.Element | null;
 export { OGMetadata };

package/components/Message/hooks/useMessageState.d.ts

@@ -15,6 +15,8 @@ export interface MessageState {
         left: number;
         right: number;
     };
+    reactionsAnchorTop: number;
+    reactionsAnchorBottom: number;
 }
 export interface MessageStateSetters {
     setDeletePopupOpen: (value: boolean | ((prev: boolean) => boolean)) => void;
@@ -31,6 +33,8 @@ export interface MessageStateSetters {
         left: number;
         right: number;
     }) => void;
+    setReactionsAnchorTop: (value: number) => void;
+    setReactionsAnchorBottom: (value: number) => void;
     setReportPopupOpen: (value: boolean | ((prev: boolean) => boolean)) => void;
 }
 export declare const useMessageState: () => {

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, showInfoMessage, allowEditDeleteIncomingMessage, forwardMessage, reportMessage, reactionIcon, editIcon, copyIcon, replyIcon, replyInThreadIcon, forwardIcon, deleteIcon, selectIcon, starIcon, staredIcon, reportIcon, retractVoteIcon, endVoteIcon, 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, messageTextFontSize, messageTextLineHeight, messageTimeColorOnAttachment, shouldOpenUserProfileForMention, ogMetadataProps, showInfoMessageProps, collapsedCharacterLimit, createChatOnAvatarTap }: IMessageProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ message, channel, MessageActionsMenu, CustomMessageItem, handleScrollToRepliedMessage, handleMediaItemClick, stopScrolling, isPendingMessage, prevMessage, nextMessage, setLastVisibleMessageId, queueReadMarker, queueDeliveredMarker, isUnreadMessage, nextMessageStartsUnreadSection, unreadMessageId, isThreadMessage, disableAutoReadTracking, 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, retractVoteIcon, endVoteIcon, 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, messageTextFontSize, messageTextLineHeight, messageTimeColorOnAttachment, shouldOpenUserProfileForMention, ogMetadataProps, showInfoMessageProps, collapsedLinesLimit, createChatOnAvatarTap, ifLatestAndHasNotPreview }: IMessageProps) => React.JSX.Element>;
 export default _default;

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

@@ -0,0 +1 @@
+export {};

package/components/MessageDivider/index.d.ts

@@ -13,12 +13,12 @@ export declare const Container: import("styled-components").StyledComponent<"div
     newMessagesSeparatorSpaceColor: string;
     dateDividerBorderRadius?: string | undefined;
     newMessagesSeparatorLeftRightSpaceWidth?: string | undefined;
-    height?: number | undefined;
 }, never>;
 interface IProps {
     dividerText: string;
     visibility?: boolean;
     unread?: boolean;
+    index?: number;
     dateDividerFontSize?: string;
     dateDividerTextColor?: string;
     dateDividerBorder?: string;
@@ -37,5 +37,5 @@ interface IProps {
     marginTop?: string;
     chatBackgroundColor?: string;
 }
-export default function MessageDivider({ dividerText, visibility, unread, dateDividerFontSize, dateDividerTextColor, dateDividerBorder, dateDividerBackgroundColor, dateDividerBorderRadius, newMessagesSeparatorTextColor, newMessagesSeparatorFontSize, newMessagesSeparatorWidth, newMessagesSeparatorBorder, newMessagesSeparatorBorderRadius, newMessagesSeparatorBackground, newMessagesSeparatorLeftRightSpaceWidth, newMessagesSeparatorSpaceColor, noMargin, marginTop, marginBottom, chatBackgroundColor }: IProps): React.JSX.Element;
+export default function MessageDivider({ dividerText, visibility, unread, index, dateDividerFontSize, dateDividerTextColor, dateDividerBorder, dateDividerBackgroundColor, dateDividerBorderRadius, newMessagesSeparatorTextColor, newMessagesSeparatorFontSize, newMessagesSeparatorWidth, newMessagesSeparatorBorder, newMessagesSeparatorBorderRadius, newMessagesSeparatorBackground, newMessagesSeparatorLeftRightSpaceWidth, newMessagesSeparatorSpaceColor, noMargin, marginTop, marginBottom, chatBackgroundColor }: IProps): React.JSX.Element;
 export {};

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

@@ -0,0 +1,13 @@
+import React from 'react';
+interface FloatingScrollButtonProps {
+    show: boolean;
+    bottomOffset: number;
+    backgroundColor: string;
+    badgeBackgroundColor: string;
+    icon: React.ReactNode;
+    count?: number;
+    stackedAbove?: boolean;
+    onClick: () => void;
+}
+declare const FloatingScrollButton: React.FC<FloatingScrollButtonProps>;
+export default FloatingScrollButton;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,11 @@
+import React from 'react';
+interface ScrollToBottomButtonProps {
+    show: boolean;
+    bottomOffset: number;
+    backgroundColor: string;
+    badgeBackgroundColor: string;
+    count: number;
+    onClick: () => void;
+}
+declare const ScrollToBottomButton: React.FC<ScrollToBottomButtonProps>;
+export default ScrollToBottomButton;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+interface ScrollToUnreadMentionsButtonProps {
+    show: boolean;
+    bottomOffset: number;
+    backgroundColor: string;
+    badgeBackgroundColor: string;
+    count: number;
+    stackedAbove?: boolean;
+    onClick: () => void;
+}
+declare const ScrollToUnreadMentionsButton: React.FC<ScrollToUnreadMentionsButtonProps>;
+export default ScrollToUnreadMentionsButton;

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

@@ -74,6 +74,7 @@ interface MessagesProps {
         isThreadMessage?: boolean;
         unsupportedMessage: boolean;
         onInviteLinkClick?: (key: string) => void;
+        ifLatestAndHasNotPreview: boolean;
     }>;
     messageReaction?: boolean;
     editMessage?: boolean;
@@ -204,7 +205,7 @@ interface MessagesProps {
         listItemStyles?: IListItemStyles;
     };
     ogMetadataProps?: OGMetadataProps;
-    collapsedCharacterLimit?: number;
+    collapsedLinesLimit?: number;
     createChatOnAvatarTap?: boolean;
     allowSendAttachment?: boolean;
 }
@@ -215,18 +216,6 @@ export declare const Container: import("styled-components").StyledComponent<"div
     backgroundColor?: string | undefined;
     thumbColor: string;
 }, 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;

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

@@ -0,0 +1,63 @@
+/// <reference types="react" />
+import { IChannel, IMessage } from '../../../types';
+export declare const PRELOAD_TRIGGER_PX = 5;
+export declare const LATEST_EDGE_GAP_PX = 5;
+declare type TimelineItem = {
+    type: 'date-divider';
+    key: string;
+    label: string;
+} | {
+    type: 'unread-divider';
+    key: string;
+} | {
+    type: 'item';
+    key: string;
+    localRef: string;
+    item: IMessage;
+    index: number;
+    prevItem: IMessage | null;
+    nextItem: IMessage | null;
+    isHighlighted: boolean;
+    isUnread: boolean;
+    nextItemStartsUnreadSection: boolean;
+    startsNewDay: boolean;
+    registerItemElement: (el: HTMLElement | null) => void;
+    ifLatestAndHasNotPreview: boolean;
+};
+export interface UseChatControllerParams {
+    messages: IMessage[];
+    channel: IChannel;
+    hasPrevMessages: boolean;
+    hasNextMessages: boolean;
+    loadingPrevMessages: number | null;
+    loadingNextMessages: number | null;
+    connectionStatus: string;
+    scrollToNewMessage: {
+        scrollToBottom: boolean;
+        isIncomingMessage: boolean;
+        updateMessageList: boolean;
+    };
+    scrollToMentionedMessage: boolean | string | null;
+    showScrollToNewMessageButton: boolean;
+    unreadScrollTo: boolean | string;
+    unreadMessageId: string;
+    selectedMessagesMap: Map<string, any>;
+    allowEditDeleteIncomingMessage: boolean;
+    dispatch: (...args: any[]) => void;
+}
+export declare function useChatController({ messages, channel, hasPrevMessages, hasNextMessages, loadingPrevMessages, loadingNextMessages, connectionStatus, scrollToNewMessage, scrollToMentionedMessage, showScrollToNewMessageButton, unreadScrollTo, unreadMessageId, selectedMessagesMap, allowEditDeleteIncomingMessage, dispatch }: UseChatControllerParams): {
+    scrollRef: import("react").MutableRefObject<HTMLDivElement | null>;
+    setLastVisibleMessageId: (message: IMessage) => void;
+    handleScrollToRepliedMessage: (itemId: string, smooth?: boolean) => Promise<void>;
+    messagesIndexMapRef: import("react").MutableRefObject<Record<string, number>>;
+    timelineItems: TimelineItem[];
+    isLoadingPrevious: boolean;
+    isLoadingNext: boolean;
+    isViewingLatest: boolean;
+    isJumpingToItem: boolean;
+    pendingNewestCount: number;
+    remainingUnreadCount: number;
+    jumpToLatest: (smooth?: boolean) => Promise<void>;
+    jumpToItem: (itemId: string, smooth?: boolean) => Promise<void>;
+};
+export {};

package/components/Messages/MessageList/useChatController.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -15,9 +15,11 @@ interface ISystemMessageProps {
     backgroundColor?: string;
     borderRadius?: string;
     tabIsActive?: boolean;
-    setLastVisibleMessageId?: (messageId: string) => void;
+    setLastVisibleMessageId?: (message: IMessage) => void;
+    queueReadMarker?: (channelId: string, messageId?: string) => void;
+    disableAutoReadTracking?: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ message, nextMessage, connectionStatus, channel, tabIsActive, differentUserMessageSpacing, fontSize, textColor, border, backgroundColor, borderRadius, contactsMap, setLastVisibleMessageId }: ISystemMessageProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ message, nextMessage, connectionStatus, channel, tabIsActive, differentUserMessageSpacing, fontSize, textColor, border, backgroundColor, borderRadius, contactsMap, setLastVisibleMessageId, queueReadMarker, disableAutoReadTracking }: ISystemMessageProps) => React.JSX.Element>;
 export default _default;
 export declare const Container: import("styled-components").StyledComponent<"div", any, {
     topOffset?: number | undefined;

package/components/Messages/index.d.ts

@@ -71,6 +71,7 @@ interface MessagesProps {
         isThreadMessage?: boolean;
         handleRetractVote?: () => void;
         handleEndVote?: () => void;
+        ifLatestAndHasNotPreview: boolean;
     }>;
     showOwnAvatar?: boolean;
     messageReaction?: boolean;
@@ -202,7 +203,7 @@ interface MessagesProps {
         listItemStyles?: IListItemStyles;
     };
     ogMetadataProps?: OGMetadataProps;
-    collapsedCharacterLimit?: number;
+    collapsedLinesLimit?: number;
     createChatOnAvatarTap?: boolean;
     allowSendAttachment?: boolean;
 }