sceyt-chat-react-uikit 1.6.8 → 1.6.9-beta.2

package/assets/svg/arrowDown.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="8" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 8C7 8 4.0001 0 0 0L20 0C16.0251 0 13 8 10 8Z" fill="currentColor"/>
+</svg>

package/components/Attachment/index.d.ts

@@ -21,8 +21,9 @@ interface AttachmentPops {
     imageAttachmentMaxHeight?: number;
     videoAttachmentMaxWidth?: number;
     videoAttachmentMaxHeight?: number;
+    messageType?: string | null | undefined;
 }
-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 }: 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 }: AttachmentPops) => React.JSX.Element>;
 export default _default;
 export declare const SizeProgress: import("styled-components").StyledComponent<"span", any, {
     color: string;

package/components/Avatar/index.d.ts

@@ -23,6 +23,7 @@ interface ContainerProps {
     border?: string;
     borderRadius?: string;
     cursorPointer?: boolean;
+    theme: 'light' | 'dark';
 }
 interface AvatarImageProps {
     showImage: boolean;

package/components/Channel/index.d.ts

@@ -48,6 +48,7 @@ export declare const ChannelInfo: import("styled-components").StyledComponent<"d
     subjectLineHeight?: string | undefined;
     subjectColor: string;
     avatarSize?: number | undefined;
+    isPinned?: boolean | undefined;
 }, never>;
 export declare const MutedIcon: import("styled-components").StyledComponent<"span", any, {
     color: string;
@@ -62,6 +63,7 @@ export declare const LastMessage: import("styled-components").StyledComponent<"d
 export declare const AvatarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const UserStatus: import("styled-components").StyledComponent<"span", any, {
     backgroundColor?: string | undefined;
+    borderColor?: string | undefined;
 }, never>;
 export declare const DraftMessageTitle: import("styled-components").StyledComponent<"span", any, {
     color: string;
@@ -83,6 +85,7 @@ export declare const LastMessageText: import("styled-components").StyledComponen
     noBody?: boolean | undefined;
     deletedMessage?: boolean | undefined;
 }, never>;
+export declare const LastMessageDescription: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ChannelStatus: import("styled-components").StyledComponent<"div", any, {
     color: string;
 }, never>;

package/components/ChannelDetails/DetailsTab/Voices/voiceItem.d.ts

@@ -9,6 +9,7 @@ interface IProps {
     voicePreviewTitleColor?: string;
     voicePreviewDateAndTimeColor?: string;
     voicePreviewHoverBackgroundColor?: string;
+    messageType?: string | null | undefined;
 }
-declare const VoiceItem: ({ file, voicePreviewPlayIcon, voicePreviewPlayHoverIcon, voicePreviewPauseIcon, voicePreviewPauseHoverIcon, voicePreviewTitleColor, voicePreviewDateAndTimeColor, voicePreviewHoverBackgroundColor }: IProps) => React.JSX.Element;
+declare const VoiceItem: ({ file, voicePreviewPlayIcon, voicePreviewPlayHoverIcon, voicePreviewPauseIcon, voicePreviewPauseHoverIcon, voicePreviewTitleColor, voicePreviewDateAndTimeColor, voicePreviewHoverBackgroundColor, messageType }: IProps) => React.JSX.Element;
 export default VoiceItem;

package/components/ChannelList/ContactItem/index.d.ts

@@ -37,4 +37,5 @@ export declare const ChannelInfo: import("styled-components").StyledComponent<"d
 export declare const AvatarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const UserStatus: import("styled-components").StyledComponent<"span", any, {
     backgroundColor?: string | undefined;
+    borderColor?: string | undefined;
 }, never>;

package/components/ChatContainer/index.d.ts

@@ -14,8 +14,8 @@ export interface IUploadTask {
     resume: () => void;
 }
 export interface ICustomUploader {
-    upload: (attachment: IAttachment, uploadTask: IUploadTask) => void;
-    download: (uri: string, download: boolean, progressCallback?: (progress: any) => void) => Promise<any>;
+    upload: (attachment: IAttachment, uploadTask: IUploadTask, messageType: string | null | undefined) => void;
+    download: (uri: string, download: boolean, progressCallback: (progress: any) => void, messageType: string | null | undefined) => Promise<any>;
     cancelRequest: (requestPromise: any) => void;
 }
 export declare type ThemeColors = 'accent' | 'avatarBrand1' | 'avatarBrand2' | 'avatarBrand3' | 'avatarBrand4' | 'textPrimary' | 'textSecondary' | 'textFootnote' | 'textOnPrimary' | 'border' | 'iconInactive' | 'iconPrimary' | 'background' | 'backgroundSections' | 'backgroundFocused' | 'backgroundHovered' | 'overlayBackground' | 'overlayBackground2' | 'surface1' | 'surface2' | 'surfaceX' | 'warning' | 'attention' | 'onlineStatus' | 'success' | 'outgoingMessageBackground' | 'outgoingMessageBackgroundX' | 'incomingMessageBackground' | 'incomingMessageBackgroundX' | 'linkColor' | 'highlightedBackground';

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

@@ -57,6 +57,7 @@ interface ICustomMessageItem {
     handleScrollToRepliedMessage: (messageId: string) => void;
     handleMediaItemClick?: (attachment: IAttachment) => void;
     isThreadMessage?: boolean;
+    handleOpenUserProfile: (user: IUser) => void;
 }
 export interface IMessageProps {
     message: IMessage;
@@ -187,5 +188,6 @@ export interface IMessageProps {
     messageTextFontSize?: string;
     messageTextLineHeight?: string;
     messageTimeColorOnAttachment?: string;
+    shouldOpenUserProfileForMention?: boolean;
 }
 export {};

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

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

package/components/Message/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IMessageProps } from './Message.types';
-declare const _default: React.MemoExoticComponent<({ message, channel, MessageActionsMenu, CustomMessageItem, handleScrollToRepliedMessage, handleMediaItemClick, stopScrolling, isPendingMessage, prevMessage, nextMessage, setLastVisibleMessageId, isUnreadMessage, unreadMessageId, isThreadMessage, fontFamily, ownMessageOnRightSide, messageWidthPercent, showSenderNameOnDirectChannel, showSenderNameOnGroupChannel, showSenderNameOnOwnMessages, messageStatusAndTimePosition, messageStatusDisplayingType, outgoingMessageStyles, incomingMessageStyles, ownRepliedMessageBackground, incomingRepliedMessageBackground, showOwnAvatar, showMessageStatus, showMessageTimeAndStatusOnlyOnHover, showMessageTime, showMessageStatusForEachMessage, showMessageTimeForEachMessage, hoverBackground, messageReaction, editMessage, copyMessage, replyMessage, replyMessageInThread, deleteMessage, selectMessage, allowEditDeleteIncomingMessage, forwardMessage, reportMessage, reactionIcon, editIcon, copyIcon, replyIcon, replyInThreadIcon, forwardIcon, deleteIcon, selectIcon, starIcon, staredIcon, reportIcon, reactionIconOrder, openFrequentlyUsedReactions, editIconOrder, copyIconOrder, replyIconOrder, replyInThreadIconOrder, forwardIconOrder, deleteIconOrder, selectIconOrder, starIconOrder, reportIconOrder, reactionIconTooltipText, editIconTooltipText, copyIconTooltipText, replyIconTooltipText, replyInThreadIconTooltipText, forwardIconTooltipText, deleteIconTooltipText, selectIconTooltipText, starIconTooltipText, reportIconTooltipText, messageActionIconsColor, messageStatusSize, messageStatusColor, messageReadStatusColor, messageStateFontSize, messageStateColor, messageTimeFontSize, messageTimeColor, messageStatusAndTimeLineHeight, fileAttachmentsIcon, reactionsDisplayCount, showEachReactionCount, showTotalReactionCount, reactionItemBorder, reactionItemBorderRadius, reactionItemBackground, reactionItemPadding, reactionItemMargin, reactionsFontSize, reactionsContainerBoxShadow, reactionsContainerBorder, reactionsContainerBorderRadius, reactionsContainerBackground, reactionsContainerPadding, reactionsContainerTopPosition, reactionsDetailsPopupBorderRadius, reactionsDetailsPopupHeaderItemsStyle, fileAttachmentsBoxWidth, fileAttachmentsBoxBorder, fileAttachmentsTitleColor, fileAttachmentsSizeColor, imageAttachmentMaxWidth, imageAttachmentMaxHeight, videoAttachmentMaxWidth, videoAttachmentMaxHeight, emojisCategoryIconsPosition, emojisContainerBorderRadius, fixEmojiCategoriesTitleOnTop, sameUserMessageSpacing, differentUserMessageSpacing, selectedMessagesMap, contactsMap, openedMessageMenuId, tabIsActive, connectionStatus, theme, messageTextFontSize, messageTextLineHeight, messageTimeColorOnAttachment }: IMessageProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ message, channel, MessageActionsMenu, CustomMessageItem, handleScrollToRepliedMessage, handleMediaItemClick, stopScrolling, isPendingMessage, prevMessage, nextMessage, setLastVisibleMessageId, isUnreadMessage, unreadMessageId, isThreadMessage, fontFamily, ownMessageOnRightSide, messageWidthPercent, showSenderNameOnDirectChannel, showSenderNameOnGroupChannel, showSenderNameOnOwnMessages, messageStatusAndTimePosition, messageStatusDisplayingType, outgoingMessageStyles, incomingMessageStyles, ownRepliedMessageBackground, incomingRepliedMessageBackground, showOwnAvatar, showMessageStatus, showMessageTimeAndStatusOnlyOnHover, showMessageTime, showMessageStatusForEachMessage, showMessageTimeForEachMessage, hoverBackground, messageReaction, editMessage, copyMessage, replyMessage, replyMessageInThread, deleteMessage, selectMessage, allowEditDeleteIncomingMessage, forwardMessage, reportMessage, reactionIcon, editIcon, copyIcon, replyIcon, replyInThreadIcon, forwardIcon, deleteIcon, selectIcon, starIcon, staredIcon, reportIcon, reactionIconOrder, openFrequentlyUsedReactions, editIconOrder, copyIconOrder, replyIconOrder, replyInThreadIconOrder, forwardIconOrder, deleteIconOrder, selectIconOrder, starIconOrder, reportIconOrder, reactionIconTooltipText, editIconTooltipText, copyIconTooltipText, replyIconTooltipText, replyInThreadIconTooltipText, forwardIconTooltipText, deleteIconTooltipText, selectIconTooltipText, starIconTooltipText, reportIconTooltipText, messageActionIconsColor, messageStatusSize, messageStatusColor, messageReadStatusColor, messageStateFontSize, messageStateColor, messageTimeFontSize, messageTimeColor, messageStatusAndTimeLineHeight, fileAttachmentsIcon, reactionsDisplayCount, showEachReactionCount, showTotalReactionCount, reactionItemBorder, reactionItemBorderRadius, reactionItemBackground, reactionItemPadding, reactionItemMargin, reactionsFontSize, reactionsContainerBoxShadow, reactionsContainerBorder, reactionsContainerBorderRadius, reactionsContainerBackground, reactionsContainerPadding, reactionsContainerTopPosition, reactionsDetailsPopupBorderRadius, reactionsDetailsPopupHeaderItemsStyle, fileAttachmentsBoxWidth, fileAttachmentsBoxBorder, fileAttachmentsTitleColor, fileAttachmentsSizeColor, imageAttachmentMaxWidth, imageAttachmentMaxHeight, videoAttachmentMaxWidth, videoAttachmentMaxHeight, emojisCategoryIconsPosition, emojisContainerBorderRadius, fixEmojiCategoriesTitleOnTop, sameUserMessageSpacing, differentUserMessageSpacing, selectedMessagesMap, contactsMap, openedMessageMenuId, tabIsActive, connectionStatus, theme, messageTextFontSize, messageTextLineHeight, messageTimeColorOnAttachment, shouldOpenUserProfileForMention }: IMessageProps) => React.JSX.Element>;
 export default _default;

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

@@ -67,6 +67,7 @@ interface MessagesProps {
         handleReactionAddDelete: (selectedEmoji: any) => void;
         handleScrollToRepliedMessage: (messageId: string) => void;
         handleMediaItemClick?: (attachment: IAttachment) => void;
+        handleOpenUserProfile: (user: IUser) => void;
         isThreadMessage?: boolean;
     }>;
     messageReaction?: boolean;
@@ -173,6 +174,7 @@ interface MessagesProps {
     messageTextFontSize?: string;
     messageTextLineHeight?: string;
     hiddenMessagesProperties?: HiddenMessageProperty[];
+    shouldOpenUserProfileForMention?: boolean;
 }
 declare const MessageList: React.FC<MessagesProps>;
 export default MessageList;
@@ -210,7 +212,9 @@ export declare const DropAttachmentArea: import("styled-components").StyledCompo
     borderColor: string;
     draggedBorderColor: string;
 }, never>;
-export declare const MessageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MessageWrapper: import("styled-components").StyledComponent<"div", any, {
+    highlightBg: string;
+}, never>;
 export declare const NoMessagesContainer: import("styled-components").StyledComponent<"div", any, {
     color: string;
 }, never>;

package/components/Messages/index.d.ts

@@ -173,6 +173,7 @@ interface MessagesProps {
     messageTimeColor?: string;
     messageStatusAndTimeLineHeight?: string;
     hiddenMessagesProperties?: HiddenMessageProperty[];
+    shouldOpenUserProfileForMention?: boolean;
 }
 declare const MessagesContainer: React.FC<MessagesProps>;
 export default MessagesContainer;

package/components/MessagesScrollToBottomButton/index.d.ts

@@ -15,6 +15,7 @@ interface MessagesScrollToBottomButtonProps {
     unreadCountFontSize?: string;
     unreadCountTextColor?: string;
     unreadCountBackgroundColor?: string;
+    animateFrom?: string;
 }
 declare const MessagesScrollToBottomButton: React.FC<MessagesScrollToBottomButtonProps>;
 export default MessagesScrollToBottomButton;

package/components/MessagesScrollToUnreadMentionsButton/index.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+interface MessagesScrollToUnreadMentionsButtonProps {
+    buttonIcon?: JSX.Element;
+    buttonWidth?: string;
+    buttonHeight?: string;
+    bottomPosition?: number;
+    rightPosition?: number;
+    buttonBorder?: string;
+    buttonBackgroundColor?: string;
+    buttonHoverBackgroundColor?: string;
+    buttonBorderRadius?: string;
+    buttonShadow?: string;
+    unreadCountWidth?: string;
+    unreadCountHeight?: string;
+    unreadCountFontSize?: string;
+    unreadCountTextColor?: string;
+    unreadCountBackgroundColor?: string;
+    animateFrom?: string;
+}
+declare const MessagesScrollToUnreadMentionsButton: React.FC<MessagesScrollToUnreadMentionsButtonProps>;
+export default MessagesScrollToUnreadMentionsButton;

package/components/index.d.ts

@@ -7,6 +7,7 @@ import MessageList from './Messages';
 import SendMessage from './SendMessageInput';
 import ChannelDetails from './ChannelDetailsContainer';
 import MessagesScrollToBottomButton from './MessagesScrollToBottomButton';
+import MessagesScrollToUnreadMentionsButton from './MessagesScrollToUnreadMentionsButton';
 import CreateChannel from './../common/popups/createChannel';
 import ChannelSearch from './ChannelList/ChannelSearch';
 import Avatar from './Avatar';
@@ -15,7 +16,7 @@ import EmojisPopup from './Emojis';
 import FrequentlyEmojis from './Emojis/frequentlyEmojis';
 import DropDown from '../common/dropdown';
 import { THEME_COLORS } from '../UIHelper/constants';
-export { SceytChat, ChannelList, Channel, Chat, ChatHeader, MessageList, SendMessage, ChannelDetails, MessagesScrollToBottomButton, CreateChannel, ChannelSearch, Avatar, DropDown, Attachment, EmojisPopup, FrequentlyEmojis, SceytChatUIKitTheme, ThemeMode, THEME_COLORS };
+export { SceytChat, ChannelList, Channel, Chat, ChatHeader, MessageList, SendMessage, ChannelDetails, MessagesScrollToBottomButton, MessagesScrollToUnreadMentionsButton, CreateChannel, ChannelSearch, Avatar, DropDown, Attachment, EmojisPopup, FrequentlyEmojis, SceytChatUIKitTheme, ThemeMode, THEME_COLORS };
 declare global {
     interface Window {
         sceytTabNotifications: any;