sceyt-chat-react-uikit 1.8.4-beta.9 → 1.8.5-beta.1

package/assets/svg/search-view.svg

@@ -1,83 +1,3 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="56px" height="56px" viewBox="0 0 56 56" version="1.1">
-<defs>
-<filter id="alpha" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
-  <feColorMatrix type="matrix" in="SourceGraphic" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
-</filter>
-<mask id="mask0">
-  <g filter="url(#alpha)">
-<rect x="0" y="0" width="56" height="56" style="fill:rgb(0%,0%,0%);fill-opacity:0.6;stroke:none;"/>
-  </g>
-</mask>
-<clipPath id="clip1">
-  <rect x="0" y="0" width="56" height="56"/>
-</clipPath>
-<g id="surface5" clip-path="url(#clip1)">
-<path style=" stroke:none;fill-rule:nonzero;fill:rgb(50.588238%,83.137256%,98.039216%);fill-opacity:1;" d="M 21.632812 8.039062 C 29.355469 8.039062 35.167969 13.855469 35.167969 21.574219 C 35.167969 29.292969 28.886719 35.578125 21.167969 35.578125 C 13.445312 35.578125 7.632812 29.765625 7.632812 22.042969 C 7.632812 14.324219 13.914062 8.039062 21.632812 8.039062 Z M 21.632812 8.039062 "/>
-</g>
-<linearGradient id="linear0" gradientUnits="userSpaceOnUse" x1="3.54759" y1="3.25339" x2="5.59696" y2="6.57714" gradientTransform="matrix(3.111111,0,0,3.111111,0,0)">
-<stop offset="0.2853" style="stop-color:rgb(100%,100%,100%);stop-opacity:1;"/>
-<stop offset="1" style="stop-color:rgb(100%,100%,100%);stop-opacity:0;"/>
-</linearGradient>
-<mask id="mask1">
-  <g filter="url(#alpha)">
-<rect x="0" y="0" width="56" height="56" style="fill:rgb(0%,0%,0%);fill-opacity:0.588235;stroke:none;"/>
-  </g>
-</mask>
-<mask id="mask2">
-  <g filter="url(#alpha)">
-<rect x="0" y="0" width="56" height="56" style="fill:rgb(0%,0%,0%);fill-opacity:0.588235;stroke:none;"/>
-  </g>
-</mask>
-<clipPath id="clip3">
-  <rect x="0" y="0" width="56" height="56"/>
-</clipPath>
-<g id="surface9" clip-path="url(#clip3)">
-<path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 28.019531 32.582031 C 28.019531 32.402344 28.105469 32.242188 28.25 32.136719 C 29.007812 31.59375 31.050781 30.332031 32.8125 26.972656 C 33.832031 25.011719 34.222656 23.378906 34.332031 22.796875 C 34.636719 21.144531 35.5 21.699219 35.382812 22.765625 C 35.242188 23.976562 34.1875 29.316406 28.894531 33.023438 C 28.523438 33.28125 28.019531 33.035156 28.019531 32.582031 Z M 28.019531 32.582031 "/>
-</g>
-<clipPath id="clip2">
-  <rect x="0" y="0" width="56" height="56"/>
-</clipPath>
-<g id="surface11" clip-path="url(#clip2)">
-<use xlink:href="#surface9" mask="url(#mask2)"/>
-</g>
-<mask id="mask3">
-  <g filter="url(#alpha)">
-<rect x="0" y="0" width="56" height="56" style="fill:rgb(0%,0%,0%);fill-opacity:0.588235;stroke:none;"/>
-  </g>
-</mask>
-<mask id="mask4">
-  <g filter="url(#alpha)">
-<rect x="0" y="0" width="56" height="56" style="fill:rgb(0%,0%,0%);fill-opacity:0.588235;stroke:none;"/>
-  </g>
-</mask>
-<clipPath id="clip5">
-  <rect x="0" y="0" width="56" height="56"/>
-</clipPath>
-<g id="surface15" clip-path="url(#clip5)">
-<path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 13.371094 7.542969 C 13.320312 8.046875 12.460938 8.523438 12.308594 8.621094 C 11.523438 9.128906 9.578125 10.121094 7.800781 13.472656 C 6.972656 15.03125 6.378906 16.636719 6.175781 17.433594 C 5.847656 18.738281 4.957031 18.476562 5.128906 17.414062 C 5.320312 16.210938 6.625 10.925781 12.082031 7.46875 C 12.464844 7.226562 13.4375 6.871094 13.371094 7.542969 Z M 13.371094 7.542969 "/>
-</g>
-<clipPath id="clip4">
-  <rect x="0" y="0" width="56" height="56"/>
-</clipPath>
-<g id="surface17" clip-path="url(#clip4)">
-<use xlink:href="#surface15" mask="url(#mask4)"/>
-</g>
-<linearGradient id="linear1" gradientUnits="userSpaceOnUse" x1="8.36901" y1="12.9392" x2="8.88572" y2="7.59985" gradientTransform="matrix(3.111111,0,0,3.111111,0,0)">
-<stop offset="0.2853" style="stop-color:rgb(100%,100%,100%);stop-opacity:1;"/>
-<stop offset="1" style="stop-color:rgb(100%,100%,100%);stop-opacity:0;"/>
-</linearGradient>
-</defs>
-<g id="surface1">
-<use xlink:href="#surface5" mask="url(#mask0)"/>
-<path style=" stroke:none;fill-rule:nonzero;fill:rgb(38.039216%,38.039216%,38.039216%);fill-opacity:1;" d="M 21.632812 8.039062 C 29.355469 8.039062 35.167969 13.851562 35.167969 21.574219 C 35.167969 29.292969 28.886719 35.578125 21.167969 35.578125 C 13.445312 35.578125 7.632812 29.765625 7.632812 22.042969 C 7.632812 14.324219 13.914062 8.039062 21.632812 8.039062 Z M 10.117188 9.632812 C 2.464844 17.289062 6.21875 28.46875 9.210938 31.523438 C 14.746094 37.171875 25.089844 40.386719 32.832031 32.644531 C 40 25.472656 37.425781 16.386719 32.375 10.828125 C 29.023438 7.140625 17.769531 1.984375 10.117188 9.632812 Z M 10.117188 9.632812 "/>
-<path style=" stroke:none;fill-rule:nonzero;fill:rgb(74.117649%,74.117649%,74.117649%);fill-opacity:1;" d="M 41.914062 38.449219 L 38.675781 41.707031 L 31.046875 34.007812 C 31.046875 34.007812 30.402344 32.765625 31.675781 31.492188 C 32.953125 30.214844 34.285156 30.75 34.285156 30.75 Z M 41.914062 38.449219 "/>
-<path style=" stroke:none;fill-rule:nonzero;fill:rgb(38.039216%,38.039216%,38.039216%);fill-opacity:1;" d="M 37.53125 33.042969 C 37.089844 32.695312 35.566406 31.878906 33.890625 33.542969 C 32.21875 35.207031 32.898438 36.519531 33.230469 37.007812 C 33.230469 37.007812 45.101562 50.179688 45.644531 50.726562 C 46.441406 51.523438 48.078125 50.839844 49.59375 49.324219 C 51.113281 47.808594 51.84375 46.339844 50.988281 45.484375 C 50.292969 44.789062 37.96875 33.394531 37.53125 33.042969 Z M 37.53125 33.042969 "/>
-<path style=" stroke:none;fill-rule:nonzero;fill:rgb(74.117649%,74.117649%,74.117649%);fill-opacity:1;" d="M 20.191406 6.472656 C 27.910156 6.472656 34.191406 12.753906 34.191406 20.472656 C 34.191406 28.191406 27.910156 34.476562 20.191406 34.476562 C 12.46875 34.476562 6.1875 28.191406 6.1875 20.472656 C 6.1875 12.753906 12.46875 6.472656 20.191406 6.472656 Z M 20.191406 4.929688 C 11.609375 4.929688 4.652344 11.890625 4.652344 20.46875 C 4.652344 29.050781 11.609375 36.007812 20.191406 36.007812 C 28.769531 36.007812 35.730469 29.054688 35.730469 20.46875 C 35.730469 11.886719 28.769531 4.929688 20.191406 4.929688 Z M 20.191406 4.929688 "/>
-<path style=" stroke:none;fill-rule:nonzero;fill:rgb(25.882354%,25.882354%,25.882354%);fill-opacity:1;" d="M 49.597656 49.324219 C 51 47.921875 51.699219 46.34375 51.160156 45.804688 C 50.621094 45.261719 49.042969 45.964844 47.636719 47.367188 C 46.234375 48.773438 45.53125 50.351562 46.074219 50.890625 C 46.613281 51.429688 48.191406 50.730469 49.597656 49.324219 Z M 49.597656 49.324219 "/>
-<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear0);" d="M 13.421875 12.289062 C 10.886719 14.945312 9.890625 17.886719 9.867188 21.152344 C 9.859375 22.355469 10.027344 23.625 10.769531 24.566406 C 11.511719 25.507812 12.988281 25.953125 13.960938 25.25 C 14.605469 24.785156 14.871094 23.972656 15.1875 23.246094 C 15.671875 22.128906 16.34375 21.089844 17.171875 20.195312 C 18.207031 19.074219 19.472656 18.179688 20.460938 17.023438 C 21.449219 15.863281 22.152344 14.296875 21.757812 12.824219 C 21.363281 11.378906 19.941406 10.359375 18.457031 10.195312 C 16.976562 10.027344 14.882812 10.757812 13.421875 12.289062 Z M 13.421875 12.289062 "/>
-<use xlink:href="#surface11" mask="url(#mask1)"/>
-<use xlink:href="#surface17" mask="url(#mask3)"/>
-<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear1);" d="M 24.859375 31.863281 C 23.128906 32.179688 22.613281 31.457031 22.832031 30.734375 C 23.003906 30.164062 23.640625 29.917969 24.210938 29.75 C 27.261719 28.835938 29.835938 26.3125 31.707031 23.804688 C 31.75 25.980469 31.175781 27.242188 30.132812 28.53125 C 29.109375 29.789062 27.519531 31.378906 24.859375 31.863281 Z M 24.859375 31.863281 "/>
-</g>
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.1442 2.6665C18.9307 2.6665 23.6217 7.35598 23.6217 13.1407C23.6217 15.518 22.8294 17.7104 21.4945 19.4683L28.9155 26.8956C29.4732 27.4537 29.4726 28.358 28.9144 28.9154C28.3561 29.4729 27.4515 29.4723 26.8938 28.9143L19.4737 21.4884C17.7153 22.823 15.5222 23.615 13.1442 23.615C7.35767 23.615 2.66675 18.9255 2.66675 13.1407C2.66675 7.35598 7.35767 2.6665 13.1442 2.6665ZM13.1442 5.52296C8.93582 5.52296 5.52421 8.93353 5.52421 13.1407C5.52421 17.3479 8.93582 20.7585 13.1442 20.7585C17.3526 20.7585 20.7642 17.3479 20.7642 13.1407C20.7642 8.93353 17.3526 5.52296 13.1442 5.52296Z" fill="#0DBD8B"/>
 </svg>

package/components/Attachment/index.d.ts

@@ -26,8 +26,9 @@ interface AttachmentPops {
     channelId?: string;
     incoming?: boolean;
     viewOnce?: boolean;
+    onlyVideoImage?: 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, messagePlayed, channelId, incoming, viewOnce }: 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, viewOnce, onlyVideoImage }: 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

@@ -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

@@ -75,12 +75,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;

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

@@ -140,5 +140,5 @@ interface IMessageBodyProps {
     onInviteLinkClick?: (key: string) => void;
     collapsedCharacterLimit?: 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, collapsedCharacterLimit }: 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,7 +1,7 @@
 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, metadataGetSuccessCallback }: {
+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[];
     state: string;
     incoming: boolean;
@@ -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, collapsedCharacterLimit, createChatOnAvatarTap }: 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

@@ -215,18 +215,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,62 @@
+/// <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;
+};
+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/VideoPreview/index.d.ts

@@ -14,6 +14,7 @@ interface IVideoPreviewProps {
     isDetailsView?: boolean;
     setVideoIsReadyToSend?: (attachmentId: string) => void;
     downloading: boolean;
+    onlyVideoImage?: boolean;
 }
 declare const VideoPreview: React.NamedExoticComponent<IVideoPreviewProps>;
 export default VideoPreview;