stream-chat-react 11.16.1 → 11.17.0
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.
- package/dist/{Window-9d319da4.js → Window-5a6bf944.js} +15 -7
- package/dist/browser.full-bundle.js +22 -11
- package/dist/browser.full-bundle.js.map +1 -1
- package/dist/browser.full-bundle.min.js +1 -1
- package/dist/browser.full-bundle.min.js.map +1 -1
- package/dist/components/Emojis/index.cjs.js +1 -1
- package/dist/components/MessageList/MessageList.d.ts +6 -1
- package/dist/components/MessageList/MessageList.d.ts.map +1 -1
- package/dist/components/MessageList/MessageList.js +2 -1
- package/dist/components/MessageList/VirtualizedMessageList.d.ts +6 -1
- package/dist/components/MessageList/VirtualizedMessageList.d.ts.map +1 -1
- package/dist/components/MessageList/VirtualizedMessageList.js +3 -2
- package/dist/components/MessageList/hooks/MessageList/useEnrichedMessages.d.ts +14 -1
- package/dist/components/MessageList/hooks/MessageList/useEnrichedMessages.d.ts.map +1 -1
- package/dist/components/MessageList/hooks/MessageList/useEnrichedMessages.js +3 -2
- package/dist/components/MessageList/utils.d.ts +18 -3
- package/dist/components/MessageList/utils.d.ts.map +1 -1
- package/dist/components/MessageList/utils.js +15 -5
- package/dist/index.cjs.js +8 -5
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/package.json +1 -1
|
@@ -55731,7 +55731,6 @@ var Message = function (props) {
|
|
|
55731
55731
|
return (React__default["default"].createElement(MemoizedMessage, { additionalMessageInputProps: props.additionalMessageInputProps, autoscrollToBottom: props.autoscrollToBottom, canPin: canPin, customMessageActions: props.customMessageActions, disableQuotedMessages: props.disableQuotedMessages, endOfGroup: props.endOfGroup, firstOfGroup: props.firstOfGroup, formatDate: props.formatDate, groupedByUser: props.groupedByUser, groupStyles: props.groupStyles, handleAction: handleAction, handleDelete: handleDelete, handleFetchReactions: handleFetchReactions, handleFlag: handleFlag, handleMarkUnread: handleMarkUnread, handleMute: handleMute, handleOpenThread: handleOpenThread, handlePin: handlePin, handleReaction: handleReaction, handleRetry: handleRetry, highlighted: highlighted, initialMessage: props.initialMessage, isReactionEnabled: isReactionEnabled, lastReceivedId: props.lastReceivedId, message: message, Message: props.Message, messageActions: props.messageActions, messageListRect: props.messageListRect, mutes: mutes, onMentionsClickMessage: onMentionsClick, onMentionsHoverMessage: onMentionsHover, onReactionListClick: onReactionListClick, onUserClick: props.onUserClick, onUserHover: props.onUserHover, pinPermissions: props.pinPermissions, reactionSelectorRef: reactionSelectorRef, readBy: props.readBy, renderText: props.renderText, showDetailedReactions: showDetailedReactions, sortReactionDetails: sortReactionDetails, sortReactions: sortReactions, threadList: props.threadList, unsafeHTML: props.unsafeHTML, userRoles: userRoles }));
|
|
55732
55732
|
};
|
|
55733
55733
|
|
|
55734
|
-
/* eslint-disable no-continue */
|
|
55735
55734
|
/**
|
|
55736
55735
|
* processMessages - Transform the input message list according to config parameters
|
|
55737
55736
|
*
|
|
@@ -55750,7 +55749,8 @@ var Message = function (props) {
|
|
|
55750
55749
|
*/
|
|
55751
55750
|
var processMessages = function (params) {
|
|
55752
55751
|
var _a, _b;
|
|
55753
|
-
var
|
|
55752
|
+
var messages = params.messages, reviewProcessedMessage = params.reviewProcessedMessage, setGiphyPreviewMessage = params.setGiphyPreviewMessage, context = __rest(params, ["messages", "reviewProcessedMessage", "setGiphyPreviewMessage"]);
|
|
55753
|
+
var enableDateSeparator = context.enableDateSeparator, hideDeletedMessages = context.hideDeletedMessages, hideNewMessageSeparator = context.hideNewMessageSeparator, lastRead = context.lastRead, userId = context.userId;
|
|
55754
55754
|
var unread = false;
|
|
55755
55755
|
var ephemeralMessagePresent = false;
|
|
55756
55756
|
var lastDateSeparator;
|
|
@@ -55765,6 +55765,7 @@ var processMessages = function (params) {
|
|
|
55765
55765
|
setGiphyPreviewMessage(message);
|
|
55766
55766
|
continue;
|
|
55767
55767
|
}
|
|
55768
|
+
var changes = [];
|
|
55768
55769
|
var messageDate = (message.created_at && isDate(message.created_at) && message.created_at.toDateString()) || '';
|
|
55769
55770
|
var previousMessage = messages[i - 1];
|
|
55770
55771
|
var prevMessageDate = messageDate;
|
|
@@ -55775,7 +55776,7 @@ var processMessages = function (params) {
|
|
|
55775
55776
|
unread = (lastRead && message.created_at && new Date(lastRead) < message.created_at) || false;
|
|
55776
55777
|
// do not show date separator for current user's messages
|
|
55777
55778
|
if (enableDateSeparator && unread && ((_a = message.user) === null || _a === void 0 ? void 0 : _a.id) !== userId) {
|
|
55778
|
-
|
|
55779
|
+
changes.push({
|
|
55779
55780
|
customType: CUSTOM_MESSAGE_TYPE.date,
|
|
55780
55781
|
date: message.created_at,
|
|
55781
55782
|
id: makeDateMessageId(message.created_at),
|
|
@@ -55790,18 +55791,25 @@ var processMessages = function (params) {
|
|
|
55790
55791
|
(hideDeletedMessages &&
|
|
55791
55792
|
(previousMessage === null || previousMessage === void 0 ? void 0 : previousMessage.type) === 'deleted' &&
|
|
55792
55793
|
lastDateSeparator !== messageDate)) &&
|
|
55793
|
-
((_b =
|
|
55794
|
+
((_b = changes[changes.length - 1]) === null || _b === void 0 ? void 0 : _b.customType) !== CUSTOM_MESSAGE_TYPE.date // do not show two date separators in a row)
|
|
55794
55795
|
) {
|
|
55795
55796
|
lastDateSeparator = messageDate;
|
|
55796
|
-
|
|
55797
|
+
changes.push({
|
|
55797
55798
|
customType: CUSTOM_MESSAGE_TYPE.date,
|
|
55798
55799
|
date: message.created_at,
|
|
55799
55800
|
id: makeDateMessageId(message.created_at),
|
|
55800
55801
|
}, message);
|
|
55801
55802
|
}
|
|
55802
55803
|
else {
|
|
55803
|
-
|
|
55804
|
-
}
|
|
55804
|
+
changes.push(message);
|
|
55805
|
+
}
|
|
55806
|
+
newMessages.push.apply(newMessages, ((reviewProcessedMessage === null || reviewProcessedMessage === void 0 ? void 0 : reviewProcessedMessage({
|
|
55807
|
+
changes: changes,
|
|
55808
|
+
context: context,
|
|
55809
|
+
index: i,
|
|
55810
|
+
messages: messages,
|
|
55811
|
+
processedMessages: newMessages,
|
|
55812
|
+
})) || changes));
|
|
55805
55813
|
}
|
|
55806
55814
|
// clean up the giphy preview component state after a Cancel action
|
|
55807
55815
|
if (setGiphyPreviewMessage && !ephemeralMessagePresent) {
|
|
@@ -67862,8 +67862,7 @@ bitsperframe: %d
|
|
|
67862
67862
|
React__default["default"].createElement(Message, { message: message })));
|
|
67863
67863
|
};
|
|
67864
67864
|
|
|
67865
|
-
window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{}
|
|
67866
|
-
/**
|
|
67865
|
+
window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};/**
|
|
67867
67866
|
* processMessages - Transform the input message list according to config parameters
|
|
67868
67867
|
*
|
|
67869
67868
|
* Inserts date separators btw. messages created on different dates or before unread incoming messages. By default:
|
|
@@ -67881,7 +67880,8 @@ bitsperframe: %d
|
|
|
67881
67880
|
*/
|
|
67882
67881
|
var processMessages = function (params) {
|
|
67883
67882
|
var _a, _b;
|
|
67884
|
-
var
|
|
67883
|
+
var messages = params.messages, reviewProcessedMessage = params.reviewProcessedMessage, setGiphyPreviewMessage = params.setGiphyPreviewMessage, context = __rest(params, ["messages", "reviewProcessedMessage", "setGiphyPreviewMessage"]);
|
|
67884
|
+
var enableDateSeparator = context.enableDateSeparator, hideDeletedMessages = context.hideDeletedMessages, hideNewMessageSeparator = context.hideNewMessageSeparator, lastRead = context.lastRead, userId = context.userId;
|
|
67885
67885
|
var unread = false;
|
|
67886
67886
|
var ephemeralMessagePresent = false;
|
|
67887
67887
|
var lastDateSeparator;
|
|
@@ -67896,6 +67896,7 @@ bitsperframe: %d
|
|
|
67896
67896
|
setGiphyPreviewMessage(message);
|
|
67897
67897
|
continue;
|
|
67898
67898
|
}
|
|
67899
|
+
var changes = [];
|
|
67899
67900
|
var messageDate = (message.created_at && isDate(message.created_at) && message.created_at.toDateString()) || '';
|
|
67900
67901
|
var previousMessage = messages[i - 1];
|
|
67901
67902
|
var prevMessageDate = messageDate;
|
|
@@ -67906,7 +67907,7 @@ bitsperframe: %d
|
|
|
67906
67907
|
unread = (lastRead && message.created_at && new Date(lastRead) < message.created_at) || false;
|
|
67907
67908
|
// do not show date separator for current user's messages
|
|
67908
67909
|
if (enableDateSeparator && unread && ((_a = message.user) === null || _a === void 0 ? void 0 : _a.id) !== userId) {
|
|
67909
|
-
|
|
67910
|
+
changes.push({
|
|
67910
67911
|
customType: CUSTOM_MESSAGE_TYPE.date,
|
|
67911
67912
|
date: message.created_at,
|
|
67912
67913
|
id: makeDateMessageId(message.created_at),
|
|
@@ -67921,18 +67922,25 @@ bitsperframe: %d
|
|
|
67921
67922
|
(hideDeletedMessages &&
|
|
67922
67923
|
(previousMessage === null || previousMessage === void 0 ? void 0 : previousMessage.type) === 'deleted' &&
|
|
67923
67924
|
lastDateSeparator !== messageDate)) &&
|
|
67924
|
-
((_b =
|
|
67925
|
+
((_b = changes[changes.length - 1]) === null || _b === void 0 ? void 0 : _b.customType) !== CUSTOM_MESSAGE_TYPE.date // do not show two date separators in a row)
|
|
67925
67926
|
) {
|
|
67926
67927
|
lastDateSeparator = messageDate;
|
|
67927
|
-
|
|
67928
|
+
changes.push({
|
|
67928
67929
|
customType: CUSTOM_MESSAGE_TYPE.date,
|
|
67929
67930
|
date: message.created_at,
|
|
67930
67931
|
id: makeDateMessageId(message.created_at),
|
|
67931
67932
|
}, message);
|
|
67932
67933
|
}
|
|
67933
67934
|
else {
|
|
67934
|
-
|
|
67935
|
+
changes.push(message);
|
|
67935
67936
|
}
|
|
67937
|
+
newMessages.push.apply(newMessages, ((reviewProcessedMessage === null || reviewProcessedMessage === void 0 ? void 0 : reviewProcessedMessage({
|
|
67938
|
+
changes: changes,
|
|
67939
|
+
context: context,
|
|
67940
|
+
index: i,
|
|
67941
|
+
messages: messages,
|
|
67942
|
+
processedMessages: newMessages,
|
|
67943
|
+
})) || changes));
|
|
67936
67944
|
}
|
|
67937
67945
|
// clean up the giphy preview component state after a Cancel action
|
|
67938
67946
|
if (setGiphyPreviewMessage && !ephemeralMessagePresent) {
|
|
@@ -68091,7 +68099,7 @@ bitsperframe: %d
|
|
|
68091
68099
|
}
|
|
68092
68100
|
|
|
68093
68101
|
window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useEnrichedMessages = function (args) {
|
|
68094
|
-
var channel = args.channel, disableDateSeparator = args.disableDateSeparator, groupStyles = args.groupStyles, headerPosition = args.headerPosition, hideDeletedMessages = args.hideDeletedMessages, hideNewMessageSeparator = args.hideNewMessageSeparator, messages = args.messages, noGroupByUser = args.noGroupByUser;
|
|
68102
|
+
var channel = args.channel, disableDateSeparator = args.disableDateSeparator, groupStyles = args.groupStyles, headerPosition = args.headerPosition, hideDeletedMessages = args.hideDeletedMessages, hideNewMessageSeparator = args.hideNewMessageSeparator, messages = args.messages, noGroupByUser = args.noGroupByUser, reviewProcessedMessage = args.reviewProcessedMessage;
|
|
68095
68103
|
var client = useChatContext('useEnrichedMessages').client;
|
|
68096
68104
|
var HeaderComponent = useComponentContext('useEnrichedMessages').HeaderComponent;
|
|
68097
68105
|
var lastRead = React$2.useMemo(function () { var _a; return (_a = channel.lastRead) === null || _a === void 0 ? void 0 : _a.call(channel); }, [channel]);
|
|
@@ -68104,6 +68112,7 @@ bitsperframe: %d
|
|
|
68104
68112
|
hideNewMessageSeparator: hideNewMessageSeparator,
|
|
68105
68113
|
lastRead: lastRead,
|
|
68106
68114
|
messages: messages,
|
|
68115
|
+
reviewProcessedMessage: reviewProcessedMessage,
|
|
68107
68116
|
userId: client.userID || '',
|
|
68108
68117
|
});
|
|
68109
68118
|
if (HeaderComponent) {
|
|
@@ -68844,7 +68853,7 @@ bitsperframe: %d
|
|
|
68844
68853
|
var _a;
|
|
68845
68854
|
var channel = props.channel, channelUnreadUiState = props.channelUnreadUiState, _b = props.disableDateSeparator, disableDateSeparator = _b === void 0 ? false : _b, groupStyles = props.groupStyles, _c = props.hideDeletedMessages, hideDeletedMessages = _c === void 0 ? false : _c, _d = props.hideNewMessageSeparator, hideNewMessageSeparator = _d === void 0 ? false : _d, _e = props.internalInfiniteScrollProps, _f = _e === void 0 ? {} : _e, _g = _f.threshold, loadMoreScrollThreshold = _g === void 0 ? DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD : _g, restInternalInfiniteScrollProps = __rest(_f, ["threshold"]), _h = props.messageActions, messageActions = _h === void 0 ? Object.keys(MESSAGE_ACTIONS) : _h, _j = props.messages, messages = _j === void 0 ? [] : _j, notifications = props.notifications, _k = props.noGroupByUser, noGroupByUser = _k === void 0 ? false : _k, _l = props.pinPermissions, pinPermissions = _l === void 0 ? defaultPinPermissions : _l, // @deprecated in favor of `channelCapabilities` - TODO: remove in next major release
|
|
68846
68855
|
_m = props.returnAllReadData, // @deprecated in favor of `channelCapabilities` - TODO: remove in next major release
|
|
68847
|
-
returnAllReadData = _m === void 0 ? false : _m, _o = props.threadList, threadList = _o === void 0 ? false : _o, _p = props.unsafeHTML, unsafeHTML = _p === void 0 ? false : _p, headerPosition = props.headerPosition, read = props.read, _q = props.renderMessages, renderMessages = _q === void 0 ? defaultRenderMessages : _q, _r = props.messageLimit, messageLimit = _r === void 0 ? DEFAULT_NEXT_CHANNEL_PAGE_SIZE : _r, loadMoreCallback = props.loadMore, loadMoreNewerCallback = props.loadMoreNewer, _s = props.hasMoreNewer, hasMoreNewer = _s === void 0 ? false : _s, showUnreadNotificationAlways = props.showUnreadNotificationAlways, suppressAutoscroll = props.suppressAutoscroll, highlightedMessageId = props.highlightedMessageId, _t = props.jumpToLatestMessage, jumpToLatestMessage = _t === void 0 ? function () { return Promise.resolve(); } : _t;
|
|
68856
|
+
returnAllReadData = _m === void 0 ? false : _m, _o = props.threadList, threadList = _o === void 0 ? false : _o, _p = props.unsafeHTML, unsafeHTML = _p === void 0 ? false : _p, headerPosition = props.headerPosition, read = props.read, _q = props.renderMessages, renderMessages = _q === void 0 ? defaultRenderMessages : _q, reviewProcessedMessage = props.reviewProcessedMessage, _r = props.messageLimit, messageLimit = _r === void 0 ? DEFAULT_NEXT_CHANNEL_PAGE_SIZE : _r, loadMoreCallback = props.loadMore, loadMoreNewerCallback = props.loadMoreNewer, _s = props.hasMoreNewer, hasMoreNewer = _s === void 0 ? false : _s, showUnreadNotificationAlways = props.showUnreadNotificationAlways, suppressAutoscroll = props.suppressAutoscroll, highlightedMessageId = props.highlightedMessageId, _t = props.jumpToLatestMessage, jumpToLatestMessage = _t === void 0 ? function () { return Promise.resolve(); } : _t;
|
|
68848
68857
|
var _u = React__default["default"].useState(null), listElement = _u[0], setListElement = _u[1];
|
|
68849
68858
|
var _v = React__default["default"].useState(null), ulElement = _v[0], setUlElement = _v[1];
|
|
68850
68859
|
var customClasses = useChatContext('MessageList').customClasses;
|
|
@@ -68877,6 +68886,7 @@ bitsperframe: %d
|
|
|
68877
68886
|
hideNewMessageSeparator: hideNewMessageSeparator,
|
|
68878
68887
|
messages: messages,
|
|
68879
68888
|
noGroupByUser: noGroupByUser,
|
|
68889
|
+
reviewProcessedMessage: reviewProcessedMessage,
|
|
68880
68890
|
}), messageGroupStyles = _4.messageGroupStyles, enrichedMessages = _4.messages;
|
|
68881
68891
|
var elements = useMessageListElements({
|
|
68882
68892
|
channelUnreadUiState: channelUnreadUiState,
|
|
@@ -70596,7 +70606,7 @@ bitsperframe: %d
|
|
|
70596
70606
|
// TODO: refactor to scrollSeekPlaceHolderConfiguration and components.ScrollSeekPlaceholder, like the Virtuoso Component
|
|
70597
70607
|
_h = props.overscan,
|
|
70598
70608
|
// TODO: refactor to scrollSeekPlaceHolderConfiguration and components.ScrollSeekPlaceholder, like the Virtuoso Component
|
|
70599
|
-
overscan = _h === void 0 ? 0 : _h, read = props.read, _j = props.returnAllReadData, returnAllReadData = _j === void 0 ? false : _j, scrollSeekPlaceHolder = props.scrollSeekPlaceHolder, _k = props.scrollToLatestMessageOnFocus, scrollToLatestMessageOnFocus = _k === void 0 ? false : _k, _l = props.separateGiphyPreview, separateGiphyPreview = _l === void 0 ? false : _l, _m = props.shouldGroupByUser, shouldGroupByUser = _m === void 0 ? false : _m, showUnreadNotificationAlways = props.showUnreadNotificationAlways, sortReactionDetails = props.sortReactionDetails, sortReactions = props.sortReactions, _o = props.stickToBottomScrollBehavior, stickToBottomScrollBehavior = _o === void 0 ? 'smooth' : _o, suppressAutoscroll = props.suppressAutoscroll, threadList = props.threadList;
|
|
70609
|
+
overscan = _h === void 0 ? 0 : _h, read = props.read, _j = props.returnAllReadData, returnAllReadData = _j === void 0 ? false : _j, reviewProcessedMessage = props.reviewProcessedMessage, scrollSeekPlaceHolder = props.scrollSeekPlaceHolder, _k = props.scrollToLatestMessageOnFocus, scrollToLatestMessageOnFocus = _k === void 0 ? false : _k, _l = props.separateGiphyPreview, separateGiphyPreview = _l === void 0 ? false : _l, _m = props.shouldGroupByUser, shouldGroupByUser = _m === void 0 ? false : _m, showUnreadNotificationAlways = props.showUnreadNotificationAlways, sortReactionDetails = props.sortReactionDetails, sortReactions = props.sortReactions, _o = props.stickToBottomScrollBehavior, stickToBottomScrollBehavior = _o === void 0 ? 'smooth' : _o, suppressAutoscroll = props.suppressAutoscroll, threadList = props.threadList;
|
|
70600
70610
|
var virtuosoComponentsFromProps = additionalVirtuosoProps.components, overridingVirtuosoProps = __rest(additionalVirtuosoProps, ["components"]);
|
|
70601
70611
|
// Stops errors generated from react-virtuoso to bubble up
|
|
70602
70612
|
// to Sentry or other tracking tools.
|
|
@@ -70628,6 +70638,7 @@ bitsperframe: %d
|
|
|
70628
70638
|
hideNewMessageSeparator: hideNewMessageSeparator,
|
|
70629
70639
|
lastRead: lastRead,
|
|
70630
70640
|
messages: messages,
|
|
70641
|
+
reviewProcessedMessage: reviewProcessedMessage,
|
|
70631
70642
|
setGiphyPreviewMessage: setGiphyPreviewMessage,
|
|
70632
70643
|
userId: client.userID || '',
|
|
70633
70644
|
});
|
|
@@ -73306,7 +73317,7 @@ bitsperframe: %d
|
|
|
73306
73317
|
|
|
73307
73318
|
window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
|
|
73308
73319
|
|
|
73309
|
-
window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '11.
|
|
73320
|
+
window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '11.17.0';
|
|
73310
73321
|
|
|
73311
73322
|
window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
|
|
73312
73323
|
var _b, _c;
|