stream-chat-react 8.1.0 → 8.1.1

package/dist/browser.full-bundle.js

@@ -37052,6 +37052,11 @@ var StreamChatReact = (function (exports, React, streamChat) {
     };
     var MessageTimestamp = React__default['default'].memo(UnMemoizedMessageTimestamp);
 
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var CUSTOM_MESSAGE_TYPE = {
+        date: 'message.date',
+        intro: 'channel.intro',
+    };
+
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useCommandTrigger = function () {
         var channelConfig = useChannelStateContext('useCommandTrigger').channelConfig;
         var commands = channelConfig === null || channelConfig === void 0 ? void 0 : channelConfig.commands;
@@ -39755,7 +39760,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
         var messageClasses = isMyMessage()
             ? 'str-chat__message str-chat__message--me str-chat__message-simple str-chat__message-simple--me'
             : 'str-chat__message str-chat__message-simple';
-        if (message.customType === 'message.date') {
+        if (message.customType === CUSTOM_MESSAGE_TYPE.date) {
             return null;
         }
         if (message.deleted_at || message.type === 'deleted') {
@@ -40016,14 +40021,11 @@ var StreamChatReact = (function (exports, React, streamChat) {
         }, [channel.cid, doMarkReadRequest]);
         React.useEffect(function () {
             var _a;
-            if (state.thread && ((_a = state.messages) === null || _a === void 0 ? void 0 : _a.length)) {
-                for (var i = state.messages.length - 1; i >= 0; i -= 1) {
-                    if (state.messages[i].id === state.thread.id) {
-                        dispatch({ message: state.messages[i], type: 'setThread' });
-                        break;
-                    }
-                }
-            }
+            if (!state.thread)
+                return;
+            var message = (_a = state.messages) === null || _a === void 0 ? void 0 : _a.find(function (m) { var _a; return m.id === ((_a = state.thread) === null || _a === void 0 ? void 0 : _a.id); });
+            if (message)
+                dispatch({ message: message, type: 'setThread' });
         }, [state.messages, state.thread]);
         /** MESSAGE */
         // Adds a temporary notification to message list, will be removed after 5 seconds
@@ -44944,7 +44946,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
 
     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 = '8.1.0';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version = '8.1.1';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;
@@ -45413,7 +45415,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
         if (message.deleted_at) {
             return React__default['default'].createElement(MessageDeleted$1, { message: message });
         }
-        if (message.customType === 'message.date') {
+        if (message.customType === CUSTOM_MESSAGE_TYPE.date) {
             return null;
         }
         return (React__default['default'].createElement("div", { className: ("\n\t\t\t\t\t\t" + messageClasses + "\n\t\t\t\t\t\tstr-chat__message-commerce--" + message.type + "\n\t\t\t\t\t\t" + (message.text ? 'str-chat__message-commerce--has-text' : 'str-chat__message-commerce--has-no-text') + "\n\t\t\t\t\t\t" + (hasAttachment ? 'str-chat__message-commerce--has-attachment' : '') + "\n            " + (hasReactions && isReactionEnabled ? 'str-chat__message-commerce--with-reactions' : '') + "\n            " + ("str-chat__message-commerce--" + firstGroupStyle) + "\n            " + (message.pinned ? 'pinned-message' : '') + "\n\t\t\t\t\t").trim(), "data-testid": 'message-commerce-wrapper', key: message.id },
@@ -45454,7 +45456,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
             messageTextToRender,
         ]);
         var firstGroupStyle = groupStyles ? groupStyles[0] : 'single';
-        if (message.customType === 'message.date') {
+        if (message.customType === CUSTOM_MESSAGE_TYPE.date) {
             return null;
         }
         if (message.deleted_at) {
@@ -45743,9 +45745,9 @@ var StreamChatReact = (function (exports, React, streamChat) {
                 // do not show date separator for current user's messages
                 if (enableDateSeparator && unread && ((_a = message.user) === null || _a === void 0 ? void 0 : _a.id) !== userId) {
                     newMessages.push({
-                        customType: 'message.date',
+                        customType: CUSTOM_MESSAGE_TYPE.date,
                         date: message.created_at,
-                        id: message.id,
+                        id: makeDateMessageId(message.created_at),
                         unread: unread,
                     });
                 }
@@ -45757,13 +45759,13 @@ var StreamChatReact = (function (exports, React, streamChat) {
                     (hideDeletedMessages &&
                         (previousMessage === null || previousMessage === void 0 ? void 0 : previousMessage.type) === 'deleted' &&
                         lastDateSeparator !== messageDate)) &&
-                ((_b = newMessages === null || newMessages === void 0 ? void 0 : newMessages[newMessages.length - 1]) === null || _b === void 0 ? void 0 : _b.customType) !== 'message.date' // do not show two date separators in a row)
+                ((_b = newMessages === null || newMessages === void 0 ? void 0 : newMessages[newMessages.length - 1]) === null || _b === void 0 ? void 0 : _b.customType) !== CUSTOM_MESSAGE_TYPE.date // do not show two date separators in a row)
             ) {
                 lastDateSeparator = messageDate;
                 newMessages.push({
-                    customType: 'message.date',
+                    customType: CUSTOM_MESSAGE_TYPE.date,
                     date: message.created_at,
-                    id: message.id,
+                    id: makeDateMessageId(message.created_at),
                 }, message);
             }
             else {
@@ -45776,6 +45778,16 @@ var StreamChatReact = (function (exports, React, streamChat) {
         }
         return newMessages;
     };
+    var makeDateMessageId = function (date) {
+        var idSuffix;
+        try {
+            idSuffix = !date ? v4() : date instanceof Date ? date.toISOString() : date;
+        }
+        catch (e) {
+            idSuffix = v4();
+        }
+        return CUSTOM_MESSAGE_TYPE.date + "-" + idSuffix;
+    };
     // fast since it usually iterates just the last few messages
     var getLastReceived = function (messages) {
         for (var i = messages.length - 1; i > 0; i -= 1) {
@@ -45818,7 +45830,9 @@ var StreamChatReact = (function (exports, React, streamChat) {
     };
     var insertIntro = function (messages, headerPosition) {
         var newMessages = messages;
-        var intro = { customType: 'channel.intro' };
+        var intro = {
+            customType: CUSTOM_MESSAGE_TYPE.intro,
+        };
         // if no headerPosition is set, HeaderComponent will go at the top
         if (!headerPosition) {
             newMessages.unshift(intro);
@@ -45841,7 +45855,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
             if (messageTime && messageTime < headerPosition) {
                 // if header position is also smaller than message time continue;
                 if (nextMessageTime && nextMessageTime < headerPosition) {
-                    if (messages[i + 1] && messages[i + 1].customType === 'message.date')
+                    if (messages[i + 1] && messages[i + 1].customType === CUSTOM_MESSAGE_TYPE.date)
                         continue;
                     if (!nextMessageTime) {
                         newMessages.push(intro);
@@ -45858,24 +45872,24 @@ var StreamChatReact = (function (exports, React, streamChat) {
     };
     var getGroupStyles = function (message, previousMessage, nextMessage, noGroupByUser) {
         var _a, _b, _c, _d, _e, _f, _g;
-        if (message.customType === 'message.date')
+        if (message.customType === CUSTOM_MESSAGE_TYPE.date)
             return '';
-        if (message.customType === 'channel.intro')
+        if (message.customType === CUSTOM_MESSAGE_TYPE.intro)
             return '';
         if (noGroupByUser || ((_a = message.attachments) === null || _a === void 0 ? void 0 : _a.length) !== 0)
             return 'single';
         var isTopMessage = !previousMessage ||
-            previousMessage.customType === 'channel.intro' ||
-            previousMessage.customType === 'message.date' ||
+            previousMessage.customType === CUSTOM_MESSAGE_TYPE.intro ||
+            previousMessage.customType === CUSTOM_MESSAGE_TYPE.date ||
             previousMessage.type === 'system' ||
             ((_b = previousMessage.attachments) === null || _b === void 0 ? void 0 : _b.length) !== 0 ||
             ((_c = message.user) === null || _c === void 0 ? void 0 : _c.id) !== ((_d = previousMessage.user) === null || _d === void 0 ? void 0 : _d.id) ||
             previousMessage.type === 'error' ||
             previousMessage.deleted_at;
         var isBottomMessage = !nextMessage ||
-            nextMessage.customType === 'message.date' ||
+            nextMessage.customType === CUSTOM_MESSAGE_TYPE.date ||
             nextMessage.type === 'system' ||
-            nextMessage.customType === 'channel.intro' ||
+            nextMessage.customType === CUSTOM_MESSAGE_TYPE.intro ||
             ((_e = nextMessage.attachments) === null || _e === void 0 ? void 0 : _e.length) !== 0 ||
             ((_f = message.user) === null || _f === void 0 ? void 0 : _f.id) !== ((_g = nextMessage.user) === null || _g === void 0 ? void 0 : _g.id) ||
             nextMessage.type === 'error' ||
@@ -45951,11 +45965,13 @@ var StreamChatReact = (function (exports, React, streamChat) {
         return React.useMemo(function () {
             return enrichedMessages.map(function (message) {
                 var _a;
-                if (message.customType === 'message.date' && message.date && isDate(message.date)) {
+                if (message.customType === CUSTOM_MESSAGE_TYPE.date &&
+                    message.date &&
+                    isDate(message.date)) {
                     return (React__default['default'].createElement("li", { key: message.date.toISOString() + "-i" },
                         React__default['default'].createElement(DateSeparator$1, { date: message.date, formatDate: internalMessageProps.formatDate, unread: message.unread })));
                 }
-                if (message.customType === 'channel.intro' && HeaderComponent) {
+                if (message.customType === CUSTOM_MESSAGE_TYPE.intro && HeaderComponent) {
                     return (React__default['default'].createElement("li", { key: 'intro' },
                         React__default['default'].createElement(HeaderComponent, null)));
                 }
@@ -47777,7 +47793,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
                 return customMessageRenderer(messageList, streamMessageIndex);
             }
             var message = messageList[streamMessageIndex];
-            if (message.customType === 'message.date' && message.date && isDate(message.date)) {
+            if (message.customType === CUSTOM_MESSAGE_TYPE.date && message.date && isDate(message.date)) {
                 return React__default['default'].createElement(DateSeparator$1, { date: message.date, unread: message.unread });
             }
             if (!message)
@@ -65828,6 +65844,7 @@ var StreamChatReact = (function (exports, React, streamChat) {
     exports.jaTranslations = jaTranslations;
     exports.koTranslations = koTranslations;
     exports.listener = Listeners;
+    exports.makeDateMessageId = makeDateMessageId;
     exports.markDownRenderers = markDownRenderers$1;
     exports.matchMarkdownLinks = matchMarkdownLinks$1;
     exports.mentionsMarkdownPlugin = mentionsMarkdownPlugin;