stream-chat-react 10.7.4 → 10.7.5

package/dist/browser.full-bundle.js

@@ -45791,6 +45791,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
             showCommandsList,
             showMentionsList,
             text,
+            handleSubmit,
         ]);
         return messageInputContext;
     };
@@ -46707,7 +46708,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                         if (!(event.type === 'user.deleted')) return [3 /*break*/, 2];
                         oldestID = (_l = (_k = (_j = channel.state) === null || _j === void 0 ? void 0 : _j.messages) === null || _k === void 0 ? void 0 : _k[0]) === null || _l === void 0 ? void 0 : _l.id;
                         /**
-                         * As the channel state is not normalized we re-fetch the channel data. Thus we avoid having to search for user references in the channel state.
+                         * As the channel state is not normalized we re-fetch the channel data. Thus, we avoid having to search for user references in the channel state.
                          */
                         return [4 /*yield*/, channel.query({
                                 messages: { id_lt: oldestID, limit: DEFAULT_NEXT_CHANNEL_PAGE_SIZE },
@@ -46715,7 +46716,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                             })];
                     case 1:
                         /**
-                         * As the channel state is not normalized we re-fetch the channel data. Thus we avoid having to search for user references in the channel state.
+                         * As the channel state is not normalized we re-fetch the channel data. Thus, we avoid having to search for user references in the channel state.
                          */
                         _m.sent();
                         _m.label = 2;
@@ -46946,9 +46947,10 @@ var StreamChatReact = (function (exports, React$2, 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)
@@ -46958,29 +46960,43 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
                             })
                             : mentioned_users;
                         messageData = __assign$8({ 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$8(__assign$8({}, 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$8(__assign$8({}, message), { error: parsedError, errorStatusCode: parsedError.status || undefined, status: 'failed' }));
@@ -48378,7 +48394,7 @@ var StreamChatReact = (function (exports, React$2, 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$1 = '10.7.4';
+    window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '10.7.5';
 
     window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
         var _b, _c;