stream-chat-react 9.2.0 → 9.3.0

package/dist/browser.full-bundle.js

@@ -39174,7 +39174,7 @@ var StreamChatReact = (function (exports, React, streamChat, reactDom) {
             }
             case 'loadMoreFinished': {
                 var hasMore = action.hasMore, messages = action.messages;
-                return __assign$2(__assign$2({}, state), { hasMore: hasMore, loadingMore: false, messages: messages });
+                return __assign$2(__assign$2({}, state), { hasMore: hasMore, loadingMore: false, messages: messages, suppressAutoscroll: false });
             }
             case 'loadMoreNewerFinished': {
                 var hasMoreNewer = action.hasMoreNewer, messages = action.messages;
@@ -39195,7 +39195,7 @@ var StreamChatReact = (function (exports, React, streamChat, reactDom) {
             case 'setLoadingMore': {
                 var loadingMore = action.loadingMore;
                 // suppress the autoscroll behavior
-                return __assign$2(__assign$2({}, state), { loadingMore: loadingMore, suppressAutoscroll: true });
+                return __assign$2(__assign$2({}, state), { loadingMore: loadingMore, suppressAutoscroll: loadingMore });
             }
             case 'setLoadingMoreNewer': {
                 var loadingMoreNewer = action.loadingMoreNewer;
@@ -39809,15 +39809,24 @@ var StreamChatReact = (function (exports, React, streamChat, reactDom) {
         }
         return message.attachments.filter(function (item) { return item.type !== 'image'; });
     };
-    var getReadByTooltipText = function (users, t, client) {
+    /**
+     * Default Tooltip Username mapper implementation.
+     *
+     * @param user the user.
+     */
+    var mapToUserNameOrId = function (user) { return user.name || user.id; };
+    var getReadByTooltipText = function (users, t, client, tooltipUserNameMapper) {
         var outStr = '';
         if (!t) {
-            throw new Error('`getReadByTooltipText was called, but translation function is not available`');
+            throw new Error('getReadByTooltipText was called, but translation function is not available');
+        }
+        if (!tooltipUserNameMapper) {
+            throw new Error('getReadByTooltipText was called, but tooltipUserNameMapper function is not available');
         }
         // first filter out client user, so restLength won't count it
         var otherUsers = users
             .filter(function (item) { return item && (client === null || client === void 0 ? void 0 : client.user) && item.id !== client.user.id; })
-            .map(function (item) { return item.name || item.id; });
+            .map(tooltipUserNameMapper);
         var slicedArr = otherUsers.slice(0, 5);
         var restLength = otherUsers.length - slicedArr.length;
         if (slicedArr.length === 1) {
@@ -39836,7 +39845,7 @@ var StreamChatReact = (function (exports, React, streamChat, reactDom) {
             // example: "bob, joe, sam and 4 more"
             if (restLength === 0) {
                 // mutate slicedArr to remove last user to display it separately
-                var lastUser = slicedArr.splice(slicedArr.length - 2, 1);
+                var lastUser = slicedArr.splice(slicedArr.length - 1, 1);
                 outStr = t('{{ commaSeparatedUsers }}, and {{ lastUser }}', {
                     commaSeparatedUsers: slicedArr.join(', '),
                     lastUser: lastUser,
@@ -40093,10 +40102,10 @@ var StreamChatReact = (function (exports, React, streamChat, reactDom) {
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var UnMemoizedMessageStatus = function (props) {
         var _a;
-        var propAvatar = props.Avatar, _b = props.messageType, messageType = _b === void 0 ? 'simple' : _b;
+        var propAvatar = props.Avatar, _b = props.messageType, messageType = _b === void 0 ? 'simple' : _b, _c = props.tooltipUserNameMapper, tooltipUserNameMapper = _c === void 0 ? mapToUserNameOrId : _c;
         var client = useChatContext('MessageStatus').client;
         var contextAvatar = useComponentContext('MessageStatus').Avatar;
-        var _c = useMessageContext('MessageStatus'), isMyMessage = _c.isMyMessage, lastReceivedId = _c.lastReceivedId, message = _c.message, readBy = _c.readBy, threadList = _c.threadList;
+        var _d = useMessageContext('MessageStatus'), isMyMessage = _d.isMyMessage, lastReceivedId = _d.lastReceivedId, message = _d.message, readBy = _d.readBy, threadList = _d.threadList;
         var t = useTranslationContext('MessageStatus').t;
         var Avatar$1 = propAvatar || contextAvatar || Avatar;
         if (!isMyMessage() || message.type === 'error') {
@@ -40111,7 +40120,7 @@ var StreamChatReact = (function (exports, React, streamChat, reactDom) {
         if ((readBy === null || readBy === void 0 ? void 0 : readBy.length) && !threadList && !justReadByMe) {
             var lastReadUser = readBy.filter(function (item) { var _a; return item.id !== ((_a = client.user) === null || _a === void 0 ? void 0 : _a.id); })[0];
             return (React__default['default'].createElement("span", { className: "str-chat__message-" + messageType + "-status", "data-testid": 'message-status-read-by' },
-                React__default['default'].createElement(Tooltip, null, getReadByTooltipText(readBy, t, client)),
+                React__default['default'].createElement(Tooltip, null, getReadByTooltipText(readBy, t, client, tooltipUserNameMapper)),
                 React__default['default'].createElement(Avatar$1, { image: lastReadUser.image, name: lastReadUser.name || lastReadUser.id, size: 15, user: lastReadUser }),
                 readBy.length > 2 && (React__default['default'].createElement("span", { className: "str-chat__message-" + messageType + "-status-number", "data-testid": 'message-status-read-by-many' }, readBy.length - 1))));
         }
@@ -45141,7 +45150,7 @@ var StreamChatReact = (function (exports, React, streamChat, reactDom) {
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
 
-    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version = '9.2.0';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version = '9.3.0';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;
@@ -65335,6 +65344,7 @@ var StreamChatReact = (function (exports, React, streamChat, reactDom) {
     exports.jaTranslations = jaTranslations;
     exports.koTranslations = koTranslations;
     exports.makeDateMessageId = makeDateMessageId;
+    exports.mapToUserNameOrId = mapToUserNameOrId;
     exports.markDownRenderers = markDownRenderers$1;
     exports.matchMarkdownLinks = matchMarkdownLinks$1;
     exports.mentionsMarkdownPlugin = mentionsMarkdownPlugin;