sceyt-chat-react-uikit 1.8.9 → 1.9.0-beta.10

package/assets/svg/chevron_right_circle.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.125 10C3.125 6.20304 6.20304 3.125 10 3.125C13.797 3.125 16.875 6.20304 16.875 10C16.875 13.797 13.797 16.875 10 16.875C6.20304 16.875 3.125 13.797 3.125 10ZM10 1.25C5.16751 1.25 1.25 5.16751 1.25 10C1.25 14.8325 5.16751 18.75 10 18.75C14.8325 18.75 18.75 14.8325 18.75 10C18.75 5.16751 14.8325 1.25 10 1.25ZM9.91291 6.52283C9.5468 6.15672 8.95321 6.15672 8.58709 6.52283C8.22097 6.88895 8.22097 7.48254 8.58709 7.84866L10.7384 9.99994L8.58709 12.1512C8.22097 12.5173 8.22097 13.1109 8.58709 13.477C8.95321 13.8432 9.5468 13.8432 9.91291 13.477L12.7271 10.6629C12.9029 10.487 13.0017 10.2486 13.0017 9.99994C13.0017 9.7513 12.9029 9.51284 12.7271 9.33703L9.91291 6.52283Z" fill="#818C99"/>
+</svg>

package/components/Attachment/index.d.ts

@@ -17,6 +17,7 @@ interface AttachmentPops {
     imageMinWidth?: string;
     closeMessageActions?: (state: boolean) => void;
     fileAttachmentWidth?: number;
+    fileSvgSize?: number;
     imageAttachmentMaxWidth?: number;
     imageAttachmentMaxHeight?: number;
     videoAttachmentMaxWidth?: number;
@@ -28,8 +29,24 @@ interface AttachmentPops {
     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, onlyVideoImage }: 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, fileSvgSize, imageAttachmentMaxWidth, imageAttachmentMaxHeight, videoAttachmentMaxWidth, videoAttachmentMaxHeight, messageType, messagePlayed, channelId, incoming, viewOnce, onlyVideoImage }: AttachmentPops) => React.JSX.Element>;
 export default _default;
+export declare const AttachmentImgCont: import("styled-components").StyledComponent<"div", any, {
+    isPreview: boolean;
+    backgroundColor?: string | undefined;
+    ref?: any;
+    borderRadius?: string | undefined;
+    imgIsLoaded?: boolean | undefined;
+    isRepliedMessage?: boolean | undefined;
+    withPrefix?: boolean | undefined;
+    fitTheContainer?: boolean | undefined;
+    width?: number | undefined;
+    height?: number | undefined;
+}, never>;
+export declare const FileThumbnail: import("styled-components").StyledComponent<"img", any, any, never>;
+export declare const FileThumbnailSkeleton: import("styled-components").StyledComponent<"div", any, {
+    color: string;
+}, never>;
 export declare const SizeProgress: import("styled-components").StyledComponent<"span", any, {
     color: string;
 }, never>;
@@ -42,6 +59,7 @@ export declare const AttachmentFile: import("styled-components").StyledComponent
     border?: string | undefined;
     width?: number | undefined;
     borderColor: string;
+    fileSvgSize?: number | undefined;
 }, never>;
 export declare const AttachmentImg: import("styled-components").StyledComponent<"img", any, {
     absolute?: boolean | undefined;

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

@@ -14,6 +14,10 @@ export interface IMessageActions {
     handleOpenEmojis?: () => void;
     handleSelectMessage?: (event?: any) => void;
     handleReplyMessage?: () => void;
+    handleOpenPinMessage?: () => void;
+    handleUnpinMessage?: () => void;
+    pinnedMessage?: any;
+    isPinned?: boolean;
     isThreadMessage?: boolean;
     rtlDirection?: boolean;
     openBelow?: boolean;
@@ -55,6 +59,10 @@ interface ICustomMessageItem {
     handleOpenInfoMessage?: () => void;
     handleOpenEmojis?: () => void;
     handleReplyMessage?: (threadReply?: boolean) => void;
+    handleOpenPinMessage?: () => void;
+    handleUnpinMessage?: () => void;
+    pinnedMessage?: any;
+    isPinned?: boolean;
     handleMouseEnter: () => void;
     handleMouseLeave: () => void;
     closeMessageActions?: () => void;
@@ -82,6 +90,8 @@ export interface IMessageProps {
     queueReadMarker?: (channelId: string, messageId?: string) => void;
     queueDeliveredMarker?: (channelId: string, messageId?: string) => void;
     disableAutoReadTracking?: boolean;
+    /** The message is rendered inside the pinned-messages overlay, not #scrollableDiv. */
+    isPinnedMessagesList?: boolean;
     handleScrollToRepliedMessage: (msgId: string) => void;
     handleMediaItemClick?: (attachment: IAttachment) => void;
     unreadMessageId: string;

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

@@ -1,2 +1,2 @@
 import React from 'react';
-export default function MessageActions({ isPollMessage, allowVoteRetract, isViewOnceMessage, pollClosed, editModeToggle, channel, handleResendMessage, handleOpenDeleteMessage, handleOpenForwardMessage, handleCopyMessage, handleReportMessage, messageStatus, handleSelectMessage, handleRetractVote, handleEndVote, handleReplyMessage, handleOpenInfoMessage, isThreadMessage, rtlDirection, openBelow, showMessageReaction, showEditMessage, showCopyMessage, showReplyMessage, showReplyMessageInThread, showForwardMessage, showDeleteMessage, showSelectMessage, showReportMessage, showInfoMessage, infoIconOrder, reactionIcon, editIcon, copyIcon, replyIcon, replyInThreadIcon, retractVoteIcon, endVoteIcon, 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;
+export default function MessageActions({ isPollMessage, allowVoteRetract, isViewOnceMessage, pollClosed, editModeToggle, channel, handleResendMessage, handleOpenDeleteMessage, handleOpenForwardMessage, handleCopyMessage, handleReportMessage, messageStatus, handleSelectMessage, handleRetractVote, handleEndVote, handleReplyMessage, handleOpenInfoMessage, isThreadMessage, rtlDirection, openBelow, showMessageReaction, showEditMessage, showCopyMessage, showReplyMessage, showReplyMessageInThread, showForwardMessage, showDeleteMessage, showSelectMessage, showReportMessage, showInfoMessage, infoIconOrder, reactionIcon, editIcon, copyIcon, replyIcon, replyInThreadIcon, retractVoteIcon, endVoteIcon, 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, handleOpenPinMessage, handleUnpinMessage, pinnedMessage, isPinned }: any): React.JSX.Element;

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

@@ -117,6 +117,10 @@ interface IMessageBodyProps {
     handleToggleForwardMessagePopup: () => void;
     handleToggleInfoMessagePopupOpen: () => void;
     handleReplyMessage: (rely: boolean) => void;
+    handleOpenPinMessage: () => void;
+    handleUnpinMessage: () => void;
+    pinnedMessage?: any;
+    isPinned?: boolean;
     handleToggleDeleteMessagePopup: () => void;
     handleToggleReportPopupOpen: () => void;
     handleResendMessage: () => void;
@@ -142,5 +146,5 @@ interface IMessageBodyProps {
     ifLatestAndHasNotPreview: boolean;
     collapsedLinesLimit?: number;
 }
-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, messageActionsBelow, 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>;
+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, messageActionsBelow, handleRetractVote, handleEndVote, closeMessageActions, handleDeletePendingMessage, handleReplyMessage, handleOpenPinMessage, handleUnpinMessage, pinnedMessage, isPinned, 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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { IForwardMessageNote } from 'common/popups/forwardMessage';
 import { IChannel, IMessage } from 'types';
 interface MessagePopupsProps {
     message: IMessage;
@@ -6,6 +7,7 @@ interface MessagePopupsProps {
     deletePopupOpen: boolean;
     forwardPopupOpen: boolean;
     infoPopupOpen: boolean;
+    pinPopupOpen: boolean;
     showEndVoteConfirmPopup: boolean;
     allowEditDeleteIncomingMessage?: boolean;
     showInfoMessageProps?: any;
@@ -15,12 +17,15 @@ interface MessagePopupsProps {
     anchorRef: React.RefObject<HTMLElement>;
     onDeleteMessage: (deleteOption: 'forMe' | 'forEveryone') => void;
     onToggleDeletePopup: () => void;
-    onForwardMessage: (channelIds: string[]) => void;
+    onForwardMessage: (channelIds: string[], accompanyingMessage?: IForwardMessageNote) => void;
     onToggleForwardPopup: () => void;
     onToggleInfoPopup: () => void;
     onEndVote: () => void;
     onToggleEndVotePopup: () => void;
     onOpenUserProfile: (user?: any) => void;
+    onTogglePinPopup: () => void;
+    onPinMessage: (scope: number) => void;
+    canPinForAll: boolean;
 }
 declare const MessagePopups: React.FC<MessagePopupsProps>;
 export default MessagePopups;

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

@@ -4,6 +4,7 @@ export interface MessageState {
     deletePopupOpen: boolean;
     forwardPopupOpen: boolean;
     infoPopupOpen: boolean;
+    pinPopupOpen: boolean;
     messageActionsShow: boolean;
     showEndVoteConfirmPopup: boolean;
     emojisPopupOpen: boolean;
@@ -22,6 +23,7 @@ export interface MessageStateSetters {
     setDeletePopupOpen: (value: boolean | ((prev: boolean) => boolean)) => void;
     setForwardPopupOpen: (value: boolean | ((prev: boolean) => boolean)) => void;
     setInfoPopupOpen: (value: boolean | ((prev: boolean) => boolean)) => void;
+    setPinPopupOpen: (value: boolean | ((prev: boolean) => boolean)) => void;
     setMessageActionsShow: (value: boolean | ((prev: boolean) => boolean)) => void;
     setShowEndVoteConfirmPopup: (value: boolean | ((prev: boolean) => boolean)) => void;
     setEmojisPopupOpen: (value: boolean | ((prev: boolean) => boolean)) => void;

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, queueReadMarker, queueDeliveredMarker, disableAutoReadTracking, isUnreadMessage, nextMessageStartsUnreadSection, 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, tabIsActiveRef, connectionStatus, messageTextFontSize, messageTextLineHeight, messageTimeColorOnAttachment, shouldOpenUserProfileForMention, ogMetadataProps, showInfoMessageProps, collapsedLinesLimit, createChatOnAvatarTap, ifLatestAndHasNotPreview }: IMessageProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ message, channel, MessageActionsMenu, CustomMessageItem, handleScrollToRepliedMessage, handleMediaItemClick, stopScrolling, isPendingMessage, prevMessage, nextMessage, setLastVisibleMessageId, queueReadMarker, queueDeliveredMarker, disableAutoReadTracking, isUnreadMessage, nextMessageStartsUnreadSection, 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, tabIsActiveRef, connectionStatus, messageTextFontSize, messageTextLineHeight, messageTimeColorOnAttachment, shouldOpenUserProfileForMention, ogMetadataProps, showInfoMessageProps, collapsedLinesLimit, createChatOnAvatarTap, ifLatestAndHasNotPreview, isPinnedMessagesList }: IMessageProps) => React.JSX.Element>;
 export default _default;

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

@@ -35,6 +35,9 @@ interface MessagesProps {
         handleReplyMessage?: () => void;
         handleRetractVote?: () => void;
         handleEndVote?: () => void;
+        handleOpenPinMessage?: () => void;
+        handleUnpinMessage?: () => void;
+        pinnedMessage?: any;
         isThreadMessage?: boolean;
         rtlDirection?: boolean;
     }>;
@@ -62,6 +65,9 @@ interface MessagesProps {
         handleSelectMessage?: () => void;
         handleOpenEmojis?: () => void;
         handleReplyMessage?: () => void;
+        handleOpenPinMessage?: () => void;
+        handleUnpinMessage?: () => void;
+        pinnedMessage?: any;
         handleMouseEnter: () => void;
         handleMouseLeave: () => void;
         closeMessageActions?: () => void;
@@ -98,6 +104,8 @@ interface MessagesProps {
     reportIcon?: JSX.Element;
     retractVoteIcon?: JSX.Element;
     endVoteIcon?: JSX.Element;
+    /** Replaces the default pin icon in the pinned-messages banner. */
+    pinnedMessageIcon?: JSX.Element;
     messageStatusSize?: string;
     messageStatusColor?: string;
     messageReadStatusColor?: string;
@@ -216,6 +224,9 @@ export declare const Container: import("styled-components").StyledComponent<"div
     backgroundColor?: string | undefined;
     thumbColor: string;
 }, never>;
+export declare const MessagesBox: import("styled-components").StyledComponent<"div", any, {
+    $isJumping?: boolean | 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

@@ -48,6 +48,7 @@ export interface UseChatControllerParams {
     dispatch: (...args: any[]) => void;
     tabIsActive?: boolean;
 }
+export declare const formatMessageDateLabel: (message: IMessage) => string;
 export declare function useChatController({ messages, channel, hasPrevMessages, hasNextMessages, loadingPrevMessages, loadingNextMessages, connectionStatus, scrollToNewMessage, scrollToMentionedMessage, showScrollToNewMessageButton, unreadScrollTo, unreadMessageId, visibleMessagesMap, selectedMessagesMap, allowEditDeleteIncomingMessage, tabIsActive, dispatch }: UseChatControllerParams): {
     scrollRef: import("react").MutableRefObject<HTMLDivElement | null>;
     setLastVisibleMessageId: (message: IMessage) => void;

package/components/Messages/PinnedMessagesBanner.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const PinnedMessagesBanner: ({ channelId, pinIcon, onOpenList }: {
+    channelId: string;
+    pinIcon?: JSX.Element | undefined;
+    onOpenList?: (() => void) | undefined;
+}) => React.JSX.Element | null;
+export default PinnedMessagesBanner;

package/components/Messages/PinnedMessagesList.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { IMessage } from '../../types';
+declare type RenderPinnedMessage = (args: {
+    message: IMessage;
+    prevMessage: IMessage | null;
+    nextMessage: IMessage | null;
+    index: number;
+}) => React.ReactNode;
+declare type ScrollContainerComponent = React.ComponentType<any>;
+declare type MessagesContainerComponent = React.ComponentType<{
+    children?: React.ReactNode;
+}>;
+declare const PinnedMessagesList: ({ channelId, onClose, closeRequested, renderMessage, ScrollContainer, MessagesContainer }: {
+    channelId: string;
+    onClose: () => void;
+    closeRequested?: boolean | undefined;
+    renderMessage: RenderPinnedMessage;
+    ScrollContainer: ScrollContainerComponent;
+    MessagesContainer: MessagesContainerComponent;
+}) => React.JSX.Element;
+export default PinnedMessagesList;

package/components/Messages/index.d.ts

@@ -97,6 +97,8 @@ interface MessagesProps {
     reportIcon?: JSX.Element;
     retractVoteIcon?: JSX.Element;
     endVoteIcon?: JSX.Element;
+    /** Replaces the default pin icon in the pinned-messages banner. */
+    pinnedMessageIcon?: JSX.Element;
     openFrequentlyUsedReactions?: boolean;
     fixEmojiCategoriesTitleOnTop?: boolean;
     emojisCategoryIconsPosition?: 'top' | 'bottom';

package/components/SendMessageInput/sendMessageUtils.d.ts

@@ -1,6 +1,7 @@
 export declare const hasSendableTextOrPoll: (messageText: string, isPoll: boolean) => boolean;
 export declare const DEFAULT_MEDIA_EXTENSIONS: string[];
 export declare const isDefaultSupportedMediaMimeType: (mimeType: string) => boolean;
+export declare const getClipboardFiles: (clipboardData: Pick<DataTransfer, 'files' | 'items'>) => File[];
 declare type MediaAttachmentValidationOptions = {
     allowedExtensions?: string[];
     sizeLimitKb?: number;

package/components/VideoPlayer/index.d.ts

@@ -1,10 +1,12 @@
 import React from 'react';
 interface IVideoPlayerProps {
     src: string;
+    poster?: string;
     videoFileId?: string;
     activeFileId?: string;
     onMouseDown?: (e: React.MouseEvent) => void;
     readyToPlay: boolean;
+    onMediaEvent?: (event: string, details: Record<string, string | number | boolean | null>) => void;
 }
-declare const VideoPlayer: ({ src, videoFileId, activeFileId, onMouseDown, readyToPlay }: IVideoPlayerProps) => React.JSX.Element;
+declare const VideoPlayer: ({ src, poster, videoFileId, activeFileId, onMouseDown, readyToPlay, onMediaEvent }: IVideoPlayerProps) => React.JSX.Element;
 export default VideoPlayer;

package/components/VideoPreview/index.d.ts

@@ -19,6 +19,15 @@ interface IVideoPreviewProps {
 }
 declare const VideoPreview: React.NamedExoticComponent<IVideoPreviewProps>;
 export default VideoPreview;
+export declare const Component: import("styled-components").StyledComponent<"div", any, {
+    isPreview?: boolean | undefined;
+    isRepliedMessage?: boolean | undefined;
+    isDetailsView?: boolean | undefined;
+    width?: string | undefined;
+    height?: string | undefined;
+    borderRadius?: string | undefined;
+    backgroundColor: string;
+}, never>;
 export declare const AttachmentFile: import("styled-components").StyledComponent<"div", any, {
     isPrevious?: boolean | undefined;
     borderRadius?: string | undefined;

package/components/index.d.ts

@@ -19,10 +19,10 @@ import DropDown from '../common/dropdown';
 import { THEME_COLORS } from '../UIHelper/constants';
 import { OGMetadata } from './Message/OGMetadata';
 import PollMessage from './Message/PollMessage';
-import ForwardMessagePopup from 'common/popups/forwardMessage';
+import ForwardMessagePopup, { IForwardMessageNote, IForwardPreviewMessage } from 'common/popups/forwardMessage';
 import { createOrGetDirectChannel, switchChannelActiveChannel, handleSendMessage, handleGetMessage, blockUsers, unBlockUsers } from 'helpers/methods';
 import { MESSAGE_TYPE } from 'types/enum';
-export { SceytChat, ChannelList, Channel, Chat, ChatHeader, MessageList, SendMessage, ChannelDetails, MessagesScrollToBottomButton, MessagesScrollToUnreadMentionsButton, MessagesSearch, CreateChannel, ChannelSearch, Avatar, DropDown, Attachment, PollMessage, OGMetadata, EmojisPopup, FrequentlyEmojis, SceytChatUIKitTheme, ThemeMode, THEME_COLORS, MESSAGE_TYPE, handleSendMessage, handleGetMessage, createOrGetDirectChannel, switchChannelActiveChannel, blockUsers, unBlockUsers, ForwardMessagePopup };
+export { SceytChat, ChannelList, Channel, Chat, ChatHeader, MessageList, SendMessage, ChannelDetails, MessagesScrollToBottomButton, MessagesScrollToUnreadMentionsButton, MessagesSearch, CreateChannel, ChannelSearch, Avatar, DropDown, Attachment, PollMessage, OGMetadata, EmojisPopup, FrequentlyEmojis, SceytChatUIKitTheme, ThemeMode, THEME_COLORS, MESSAGE_TYPE, handleSendMessage, handleGetMessage, createOrGetDirectChannel, switchChannelActiveChannel, blockUsers, unBlockUsers, ForwardMessagePopup, IForwardMessageNote, IForwardPreviewMessage };
 declare global {
     interface Window {
         sceytTabNotifications: any;