sceyt-chat-react-uikit 1.8.3-beta.13 → 1.8.3-beta.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { IMessageProps } from './Message.types';
|
|
3
|
-
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 }: IMessageProps) => React.JSX.Element>;
|
|
3
|
+
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>;
|
|
4
4
|
export default _default;
|
|
@@ -205,6 +205,8 @@ interface MessagesProps {
|
|
|
205
205
|
};
|
|
206
206
|
ogMetadataProps?: OGMetadataProps;
|
|
207
207
|
collapsedCharacterLimit?: number;
|
|
208
|
+
createChatOnAvatarTap?: boolean;
|
|
209
|
+
allowSendAttachment?: boolean;
|
|
208
210
|
}
|
|
209
211
|
declare const MessageList: React.FC<MessagesProps>;
|
|
210
212
|
export default MessageList;
|
|
@@ -203,6 +203,8 @@ interface MessagesProps {
|
|
|
203
203
|
};
|
|
204
204
|
ogMetadataProps?: OGMetadataProps;
|
|
205
205
|
collapsedCharacterLimit?: number;
|
|
206
|
+
createChatOnAvatarTap?: boolean;
|
|
207
|
+
allowSendAttachment?: boolean;
|
|
206
208
|
}
|
|
207
209
|
declare const MessagesContainer: React.FC<MessagesProps>;
|
|
208
210
|
export default MessagesContainer;
|
package/index.js
CHANGED
|
@@ -39899,7 +39899,9 @@ var Message$1 = function Message(_ref) {
|
|
|
39899
39899
|
ogMetadataProps = _ref.ogMetadataProps,
|
|
39900
39900
|
_ref$showInfoMessageP = _ref.showInfoMessageProps,
|
|
39901
39901
|
showInfoMessageProps = _ref$showInfoMessageP === void 0 ? {} : _ref$showInfoMessageP,
|
|
39902
|
-
collapsedCharacterLimit = _ref.collapsedCharacterLimit
|
|
39902
|
+
collapsedCharacterLimit = _ref.collapsedCharacterLimit,
|
|
39903
|
+
_ref$createChatOnAvat = _ref.createChatOnAvatarTap,
|
|
39904
|
+
createChatOnAvatarTap = _ref$createChatOnAvat === void 0 ? true : _ref$createChatOnAvat;
|
|
39903
39905
|
var _useColor = useColors(),
|
|
39904
39906
|
accentColor = _useColor[THEME_COLORS.ACCENT],
|
|
39905
39907
|
backgroundSections = _useColor[THEME_COLORS.BACKGROUND_SECTIONS],
|
|
@@ -40270,7 +40272,7 @@ var Message$1 = function Message(_ref) {
|
|
|
40270
40272
|
textSize: 14,
|
|
40271
40273
|
setDefaultAvatar: true,
|
|
40272
40274
|
handleAvatarClick: function handleAvatarClick() {
|
|
40273
|
-
return handleCreateChat(message.user);
|
|
40275
|
+
return createChatOnAvatarTap && handleCreateChat(message.user);
|
|
40274
40276
|
}
|
|
40275
40277
|
})), /*#__PURE__*/React__default.createElement(MessageContent, {
|
|
40276
40278
|
selectionIsActive: selectionIsActive,
|
|
@@ -40793,7 +40795,11 @@ var MessageList = function MessageList(_ref2) {
|
|
|
40793
40795
|
_ref2$showInfoMessage = _ref2.showInfoMessageProps,
|
|
40794
40796
|
showInfoMessageProps = _ref2$showInfoMessage === void 0 ? {} : _ref2$showInfoMessage,
|
|
40795
40797
|
ogMetadataProps = _ref2.ogMetadataProps,
|
|
40796
|
-
collapsedCharacterLimit = _ref2.collapsedCharacterLimit
|
|
40798
|
+
collapsedCharacterLimit = _ref2.collapsedCharacterLimit,
|
|
40799
|
+
_ref2$createChatOnAva = _ref2.createChatOnAvatarTap,
|
|
40800
|
+
createChatOnAvatarTap = _ref2$createChatOnAva === void 0 ? true : _ref2$createChatOnAva,
|
|
40801
|
+
_ref2$allowSendAttach = _ref2.allowSendAttachment,
|
|
40802
|
+
allowSendAttachment = _ref2$allowSendAttach === void 0 ? true : _ref2$allowSendAttach;
|
|
40797
40803
|
var _useColor = useColors(),
|
|
40798
40804
|
outgoingMessageBackground = _useColor[THEME_COLORS.OUTGOING_MESSAGE_BACKGROUND],
|
|
40799
40805
|
themeBackgroundColor = _useColor[THEME_COLORS.BACKGROUND],
|
|
@@ -41421,7 +41427,7 @@ var MessageList = function MessageList(_ref2) {
|
|
|
41421
41427
|
}
|
|
41422
41428
|
};
|
|
41423
41429
|
}, []);
|
|
41424
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isDragging && !(attachmentsPreview !== null && attachmentsPreview !== void 0 && attachmentsPreview.show && mediaFile) && (/*#__PURE__*/React__default.createElement(DragAndDropContainer, {
|
|
41430
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, allowSendAttachment && isDragging && !(attachmentsPreview !== null && attachmentsPreview !== void 0 && attachmentsPreview.show && mediaFile) && (/*#__PURE__*/React__default.createElement(DragAndDropContainer, {
|
|
41425
41431
|
id: 'draggingContainer',
|
|
41426
41432
|
draggable: true,
|
|
41427
41433
|
onDragLeave: handleDragOut,
|
|
@@ -41663,7 +41669,8 @@ var MessageList = function MessageList(_ref2) {
|
|
|
41663
41669
|
shouldOpenUserProfileForMention: shouldOpenUserProfileForMention,
|
|
41664
41670
|
showInfoMessageProps: showInfoMessageProps,
|
|
41665
41671
|
ogMetadataProps: ogMetadataProps,
|
|
41666
|
-
collapsedCharacterLimit: collapsedCharacterLimit
|
|
41672
|
+
collapsedCharacterLimit: collapsedCharacterLimit,
|
|
41673
|
+
createChatOnAvatarTap: createChatOnAvatarTap
|
|
41667
41674
|
}))), isUnreadMessage ? (/*#__PURE__*/React__default.createElement(MessageDivider, {
|
|
41668
41675
|
newMessagesSeparatorTextColor: newMessagesSeparatorTextColor,
|
|
41669
41676
|
newMessagesSeparatorFontSize: newMessagesSeparatorFontSize,
|
|
@@ -41924,7 +41931,11 @@ var MessagesContainer = function MessagesContainer(_ref) {
|
|
|
41924
41931
|
infoPadding: '0 8px',
|
|
41925
41932
|
isInviteLink: false
|
|
41926
41933
|
} : _ref$ogMetadataProps,
|
|
41927
|
-
collapsedCharacterLimit = _ref.collapsedCharacterLimit
|
|
41934
|
+
collapsedCharacterLimit = _ref.collapsedCharacterLimit,
|
|
41935
|
+
_ref$createChatOnAvat = _ref.createChatOnAvatarTap,
|
|
41936
|
+
createChatOnAvatarTap = _ref$createChatOnAvat === void 0 ? true : _ref$createChatOnAvat,
|
|
41937
|
+
_ref$allowSendAttachm = _ref.allowSendAttachment,
|
|
41938
|
+
allowSendAttachment = _ref$allowSendAttachm === void 0 ? true : _ref$allowSendAttachm;
|
|
41928
41939
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MessageList, {
|
|
41929
41940
|
fontFamily: fontFamily,
|
|
41930
41941
|
ownMessageOnRightSide: ownMessageOnRightSide,
|
|
@@ -42059,7 +42070,9 @@ var MessagesContainer = function MessagesContainer(_ref) {
|
|
|
42059
42070
|
shouldOpenUserProfileForMention: shouldOpenUserProfileForMention,
|
|
42060
42071
|
showInfoMessageProps: showInfoMessageProps,
|
|
42061
42072
|
ogMetadataProps: ogMetadataProps,
|
|
42062
|
-
collapsedCharacterLimit: collapsedCharacterLimit
|
|
42073
|
+
collapsedCharacterLimit: collapsedCharacterLimit,
|
|
42074
|
+
createChatOnAvatarTap: createChatOnAvatarTap,
|
|
42075
|
+
allowSendAttachment: allowSendAttachment
|
|
42063
42076
|
}));
|
|
42064
42077
|
};
|
|
42065
42078
|
|
package/index.modern.js
CHANGED
|
@@ -39898,7 +39898,9 @@ var Message$1 = function Message(_ref) {
|
|
|
39898
39898
|
ogMetadataProps = _ref.ogMetadataProps,
|
|
39899
39899
|
_ref$showInfoMessageP = _ref.showInfoMessageProps,
|
|
39900
39900
|
showInfoMessageProps = _ref$showInfoMessageP === void 0 ? {} : _ref$showInfoMessageP,
|
|
39901
|
-
collapsedCharacterLimit = _ref.collapsedCharacterLimit
|
|
39901
|
+
collapsedCharacterLimit = _ref.collapsedCharacterLimit,
|
|
39902
|
+
_ref$createChatOnAvat = _ref.createChatOnAvatarTap,
|
|
39903
|
+
createChatOnAvatarTap = _ref$createChatOnAvat === void 0 ? true : _ref$createChatOnAvat;
|
|
39902
39904
|
var _useColor = useColors(),
|
|
39903
39905
|
accentColor = _useColor[THEME_COLORS.ACCENT],
|
|
39904
39906
|
backgroundSections = _useColor[THEME_COLORS.BACKGROUND_SECTIONS],
|
|
@@ -40269,7 +40271,7 @@ var Message$1 = function Message(_ref) {
|
|
|
40269
40271
|
textSize: 14,
|
|
40270
40272
|
setDefaultAvatar: true,
|
|
40271
40273
|
handleAvatarClick: function handleAvatarClick() {
|
|
40272
|
-
return handleCreateChat(message.user);
|
|
40274
|
+
return createChatOnAvatarTap && handleCreateChat(message.user);
|
|
40273
40275
|
}
|
|
40274
40276
|
})), /*#__PURE__*/React__default.createElement(MessageContent, {
|
|
40275
40277
|
selectionIsActive: selectionIsActive,
|
|
@@ -40792,7 +40794,11 @@ var MessageList = function MessageList(_ref2) {
|
|
|
40792
40794
|
_ref2$showInfoMessage = _ref2.showInfoMessageProps,
|
|
40793
40795
|
showInfoMessageProps = _ref2$showInfoMessage === void 0 ? {} : _ref2$showInfoMessage,
|
|
40794
40796
|
ogMetadataProps = _ref2.ogMetadataProps,
|
|
40795
|
-
collapsedCharacterLimit = _ref2.collapsedCharacterLimit
|
|
40797
|
+
collapsedCharacterLimit = _ref2.collapsedCharacterLimit,
|
|
40798
|
+
_ref2$createChatOnAva = _ref2.createChatOnAvatarTap,
|
|
40799
|
+
createChatOnAvatarTap = _ref2$createChatOnAva === void 0 ? true : _ref2$createChatOnAva,
|
|
40800
|
+
_ref2$allowSendAttach = _ref2.allowSendAttachment,
|
|
40801
|
+
allowSendAttachment = _ref2$allowSendAttach === void 0 ? true : _ref2$allowSendAttach;
|
|
40796
40802
|
var _useColor = useColors(),
|
|
40797
40803
|
outgoingMessageBackground = _useColor[THEME_COLORS.OUTGOING_MESSAGE_BACKGROUND],
|
|
40798
40804
|
themeBackgroundColor = _useColor[THEME_COLORS.BACKGROUND],
|
|
@@ -41420,7 +41426,7 @@ var MessageList = function MessageList(_ref2) {
|
|
|
41420
41426
|
}
|
|
41421
41427
|
};
|
|
41422
41428
|
}, []);
|
|
41423
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isDragging && !(attachmentsPreview !== null && attachmentsPreview !== void 0 && attachmentsPreview.show && mediaFile) && (/*#__PURE__*/React__default.createElement(DragAndDropContainer, {
|
|
41429
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, allowSendAttachment && isDragging && !(attachmentsPreview !== null && attachmentsPreview !== void 0 && attachmentsPreview.show && mediaFile) && (/*#__PURE__*/React__default.createElement(DragAndDropContainer, {
|
|
41424
41430
|
id: 'draggingContainer',
|
|
41425
41431
|
draggable: true,
|
|
41426
41432
|
onDragLeave: handleDragOut,
|
|
@@ -41662,7 +41668,8 @@ var MessageList = function MessageList(_ref2) {
|
|
|
41662
41668
|
shouldOpenUserProfileForMention: shouldOpenUserProfileForMention,
|
|
41663
41669
|
showInfoMessageProps: showInfoMessageProps,
|
|
41664
41670
|
ogMetadataProps: ogMetadataProps,
|
|
41665
|
-
collapsedCharacterLimit: collapsedCharacterLimit
|
|
41671
|
+
collapsedCharacterLimit: collapsedCharacterLimit,
|
|
41672
|
+
createChatOnAvatarTap: createChatOnAvatarTap
|
|
41666
41673
|
}))), isUnreadMessage ? (/*#__PURE__*/React__default.createElement(MessageDivider, {
|
|
41667
41674
|
newMessagesSeparatorTextColor: newMessagesSeparatorTextColor,
|
|
41668
41675
|
newMessagesSeparatorFontSize: newMessagesSeparatorFontSize,
|
|
@@ -41923,7 +41930,11 @@ var MessagesContainer = function MessagesContainer(_ref) {
|
|
|
41923
41930
|
infoPadding: '0 8px',
|
|
41924
41931
|
isInviteLink: false
|
|
41925
41932
|
} : _ref$ogMetadataProps,
|
|
41926
|
-
collapsedCharacterLimit = _ref.collapsedCharacterLimit
|
|
41933
|
+
collapsedCharacterLimit = _ref.collapsedCharacterLimit,
|
|
41934
|
+
_ref$createChatOnAvat = _ref.createChatOnAvatarTap,
|
|
41935
|
+
createChatOnAvatarTap = _ref$createChatOnAvat === void 0 ? true : _ref$createChatOnAvat,
|
|
41936
|
+
_ref$allowSendAttachm = _ref.allowSendAttachment,
|
|
41937
|
+
allowSendAttachment = _ref$allowSendAttachm === void 0 ? true : _ref$allowSendAttachm;
|
|
41927
41938
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MessageList, {
|
|
41928
41939
|
fontFamily: fontFamily,
|
|
41929
41940
|
ownMessageOnRightSide: ownMessageOnRightSide,
|
|
@@ -42058,7 +42069,9 @@ var MessagesContainer = function MessagesContainer(_ref) {
|
|
|
42058
42069
|
shouldOpenUserProfileForMention: shouldOpenUserProfileForMention,
|
|
42059
42070
|
showInfoMessageProps: showInfoMessageProps,
|
|
42060
42071
|
ogMetadataProps: ogMetadataProps,
|
|
42061
|
-
collapsedCharacterLimit: collapsedCharacterLimit
|
|
42072
|
+
collapsedCharacterLimit: collapsedCharacterLimit,
|
|
42073
|
+
createChatOnAvatarTap: createChatOnAvatarTap,
|
|
42074
|
+
allowSendAttachment: allowSendAttachment
|
|
42062
42075
|
}));
|
|
42063
42076
|
};
|
|
42064
42077
|
|