stream-chat-react 9.5.2 → 9.5.3

package/dist/browser.full-bundle.js

@@ -42184,9 +42184,10 @@ var StreamChatReact = (function (exports, React, streamChat, reactDom) {
         };
         var isUserResponseArray = function (output) { var _a; return ((_a = output[0]) === null || _a === void 0 ? void 0 : _a.id) != null; };
         var doSendMessage = function (message, customMessageData) { return __awaiter$1(void 0, void 0, void 0, function () {
-            var attachments, id, _a, mentioned_users, parent_id, text, mentions, messageData, messageResponse, error_1, stringError, parsedError;
-            return __generator$1(this, function (_b) {
-                switch (_b.label) {
+            var attachments, id, _a, mentioned_users, parent_id, text, mentions, messageData, messageResponse, existingMessage, i, msg, responseTimestamp, existingMessageTimestamp, responseIsTheNewest, error_1, stringError, parsedError;
+            var _b, _c;
+            return __generator$1(this, function (_d) {
+                switch (_d.label) {
                     case 0:
                         attachments = message.attachments, id = message.id, _a = message.mentioned_users, mentioned_users = _a === void 0 ? [] : _a, parent_id = message.parent_id, text = message.text;
                         mentions = isUserResponseArray(mentioned_users)
@@ -42196,29 +42197,43 @@ var StreamChatReact = (function (exports, React, streamChat, reactDom) {
                             })
                             : mentioned_users;
                         messageData = __assign$2({ attachments: attachments, id: id, mentioned_users: mentions, parent_id: parent_id, quoted_message_id: parent_id === (quotedMessage === null || quotedMessage === void 0 ? void 0 : quotedMessage.parent_id) ? quotedMessage === null || quotedMessage === void 0 ? void 0 : quotedMessage.id : undefined, text: text }, customMessageData);
-                        _b.label = 1;
+                        _d.label = 1;
                     case 1:
-                        _b.trys.push([1, 6, , 7]);
+                        _d.trys.push([1, 6, , 7]);
                         messageResponse = void 0;
                         if (!doSendMessageRequest) return [3 /*break*/, 3];
                         return [4 /*yield*/, doSendMessageRequest(channel.cid, messageData)];
                     case 2:
-                        messageResponse = _b.sent();
+                        messageResponse = _d.sent();
                         return [3 /*break*/, 5];
                     case 3: return [4 /*yield*/, channel.sendMessage(messageData)];
                     case 4:
-                        messageResponse = _b.sent();
-                        _b.label = 5;
+                        messageResponse = _d.sent();
+                        _d.label = 5;
                     case 5:
-                        // replace it after send is completed
-                        if (messageResponse === null || messageResponse === void 0 ? void 0 : messageResponse.message) {
+                        existingMessage = void 0;
+                        for (i = channel.state.messages.length - 1; i >= 0; i--) {
+                            msg = channel.state.messages[i];
+                            if (msg.id === messageData.id) {
+                                existingMessage = msg;
+                                break;
+                            }
+                        }
+                        responseTimestamp = new Date(((_b = messageResponse === null || messageResponse === void 0 ? void 0 : messageResponse.message) === null || _b === void 0 ? void 0 : _b.updated_at) || 0).getTime();
+                        existingMessageTimestamp = ((_c = existingMessage === null || existingMessage === void 0 ? void 0 : existingMessage.updated_at) === null || _c === void 0 ? void 0 : _c.getTime()) || 0;
+                        responseIsTheNewest = responseTimestamp > existingMessageTimestamp;
+                        // Replace the message payload after send is completed
+                        // We need to check for the newest message payload, because on slow network, the response can arrive later than WS events message.new, message.updated.
+                        // Always override existing message in status "sending"
+                        if ((messageResponse === null || messageResponse === void 0 ? void 0 : messageResponse.message) &&
+                            (responseIsTheNewest || (existingMessage === null || existingMessage === void 0 ? void 0 : existingMessage.status) === 'sending')) {
                             updateMessage(__assign$2(__assign$2({}, messageResponse.message), { status: 'received' }));
                         }
                         if (quotedMessage && parent_id === (quotedMessage === null || quotedMessage === void 0 ? void 0 : quotedMessage.parent_id))
                             setQuotedMessage(undefined);
                         return [3 /*break*/, 7];
                     case 6:
-                        error_1 = _b.sent();
+                        error_1 = _d.sent();
                         stringError = JSON.stringify(error_1);
                         parsedError = stringError ? JSON.parse(stringError) : {};
                         updateMessage(__assign$2(__assign$2({}, message), { error: parsedError, errorStatusCode: parsedError.status || undefined, status: 'failed' }));
@@ -43384,7 +43399,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.5.2';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version = '9.5.3';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;