sceyt-chat-react-uikit 1.9.0-beta.5 → 1.9.0-beta.7

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;

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

@@ -7,6 +7,7 @@ interface MessagePopupsProps {
     deletePopupOpen: boolean;
     forwardPopupOpen: boolean;
     infoPopupOpen: boolean;
+    pinPopupOpen: boolean;
     showEndVoteConfirmPopup: boolean;
     allowEditDeleteIncomingMessage?: boolean;
     showInfoMessageProps?: any;
@@ -22,6 +23,9 @@ interface MessagePopupsProps {
     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/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;

package/components/Messages/PinnedMessagesBanner.d.ts

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

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/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;