stream-chat-react 11.12.1 → 11.12.2

package/dist/{Window-40a618cb.js → Window-44a85f63.js}

@@ -42034,6 +42034,7 @@ var DropzoneProvider = function (props) {
 
 var DEFAULT_INITIAL_CHANNEL_PAGE_SIZE = 25;
 var DEFAULT_NEXT_CHANNEL_PAGE_SIZE = 100;
+var DEFAULT_JUMP_TO_PAGE_SIZE = 100;
 var DEFAULT_THREAD_PAGE_SIZE = 50;
 var DEFAULT_LOAD_PAGE_SCROLL_THRESHOLD = 250;
 
@@ -42395,6 +42396,9 @@ var hasMoreMessagesProbably = function (returnedCountMessages, limit) {
 var hasNotMoreMessages = function (returnedCountMessages, limit) {
     return returnedCountMessages < limit;
 };
+function isDateSeparatorMessage(message) {
+    return message.customType === CUSTOM_MESSAGE_TYPE.date && !!message.date && isDate(message.date);
+}
 
 var UNREAD_MESSAGE_SEPARATOR_CLASS = 'str-chat__unread-messages-separator';
 var UnreadMessagesSeparator = function (_a) {
@@ -42542,57 +42546,6 @@ var UnMemoizedTypingIndicator = function (props) {
 };
 var TypingIndicator = React__default["default"].memo(UnMemoizedTypingIndicator);
 
-var UnMemoizedScrollToBottomButton = function (props) {
-    var isMessageListScrolledToBottom = props.isMessageListScrolledToBottom, onClick = props.onClick, threadList = props.threadList;
-    var _a = useChatContext(), activeChannel = _a.channel, client = _a.client;
-    var thread = useChannelStateContext().thread;
-    var _b = React.useState((activeChannel === null || activeChannel === void 0 ? void 0 : activeChannel.countUnread()) || 0), countUnread = _b[0], setCountUnread = _b[1];
-    var _c = React.useState((thread === null || thread === void 0 ? void 0 : thread.reply_count) || 0), replyCount = _c[0], setReplyCount = _c[1];
-    var observedEvent = threadList ? 'message.updated' : 'message.new';
-    React.useEffect(function () {
-        var handleEvent = function (event) {
-            var _a, _b, _c, _d, _e;
-            var newMessageInAnotherChannel = event.cid !== (activeChannel === null || activeChannel === void 0 ? void 0 : activeChannel.cid);
-            var newMessageIsMine = ((_a = event.user) === null || _a === void 0 ? void 0 : _a.id) === ((_b = client.user) === null || _b === void 0 ? void 0 : _b.id);
-            var isThreadOpen = !!thread;
-            var newMessageIsReply = !!((_c = event.message) === null || _c === void 0 ? void 0 : _c.parent_id);
-            var dontIncreaseMainListCounterOnNewReply = isThreadOpen && !threadList && newMessageIsReply;
-            if (isMessageListScrolledToBottom ||
-                newMessageInAnotherChannel ||
-                newMessageIsMine ||
-                dontIncreaseMainListCounterOnNewReply) {
-                return;
-            }
-            if (event.type === 'message.new') {
-                // cannot rely on channel.countUnread because active channel is automatically marked read
-                setCountUnread(function (prev) { return prev + 1; });
-            }
-            else if (((_d = event.message) === null || _d === void 0 ? void 0 : _d.id) === (thread === null || thread === void 0 ? void 0 : thread.id)) {
-                var newReplyCount_1 = ((_e = event.message) === null || _e === void 0 ? void 0 : _e.reply_count) || 0;
-                setCountUnread(function () { return newReplyCount_1 - replyCount; });
-            }
-        };
-        client.on(observedEvent, handleEvent);
-        return function () {
-            client.off(observedEvent, handleEvent);
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [activeChannel, isMessageListScrolledToBottom, observedEvent, replyCount, thread]);
-    React.useEffect(function () {
-        if (isMessageListScrolledToBottom) {
-            setCountUnread(0);
-            setReplyCount((thread === null || thread === void 0 ? void 0 : thread.reply_count) || 0);
-        }
-    }, [isMessageListScrolledToBottom, thread]);
-    if (isMessageListScrolledToBottom)
-        return null;
-    return (React__default["default"].createElement("div", { className: 'str-chat__jump-to-latest-message' },
-        React__default["default"].createElement("button", { "aria-live": 'polite', className: "\n        str-chat__message-notification-right\n        str-chat__message-notification-scroll-to-latest\n        str-chat__circle-fab\n      ", "data-testid": 'message-notification', onClick: onClick },
-            React__default["default"].createElement(ArrowDown, null),
-            countUnread > 0 && (React__default["default"].createElement("div", { className: clsx('str-chat__message-notification', 'str-chat__message-notification-scroll-to-latest-unread-count', 'str-chat__jump-to-latest-unread-count'), "data-testid": 'unread-message-notification-counter' }, countUnread)))));
-};
-var ScrollToBottomButton = React__default["default"].memo(UnMemoizedScrollToBottomButton);
-
 var selectColor = function (number, dark) {
     var hue = number * 137.508; // use golden angle approximation
     return "hsl(".concat(hue, ",").concat(dark ? '50%' : '85%', ", ").concat(dark ? '75%' : '55%', ")");
@@ -42655,6 +42608,57 @@ var UnMemoizedFixedHeightMessage = function (props) {
  */
 var FixedHeightMessage = React__default["default"].memo(UnMemoizedFixedHeightMessage);
 
+var UnMemoizedScrollToBottomButton = function (props) {
+    var isMessageListScrolledToBottom = props.isMessageListScrolledToBottom, onClick = props.onClick, threadList = props.threadList;
+    var _a = useChatContext(), activeChannel = _a.channel, client = _a.client;
+    var thread = useChannelStateContext().thread;
+    var _b = React.useState((activeChannel === null || activeChannel === void 0 ? void 0 : activeChannel.countUnread()) || 0), countUnread = _b[0], setCountUnread = _b[1];
+    var _c = React.useState((thread === null || thread === void 0 ? void 0 : thread.reply_count) || 0), replyCount = _c[0], setReplyCount = _c[1];
+    var observedEvent = threadList ? 'message.updated' : 'message.new';
+    React.useEffect(function () {
+        var handleEvent = function (event) {
+            var _a, _b, _c, _d, _e;
+            var newMessageInAnotherChannel = event.cid !== (activeChannel === null || activeChannel === void 0 ? void 0 : activeChannel.cid);
+            var newMessageIsMine = ((_a = event.user) === null || _a === void 0 ? void 0 : _a.id) === ((_b = client.user) === null || _b === void 0 ? void 0 : _b.id);
+            var isThreadOpen = !!thread;
+            var newMessageIsReply = !!((_c = event.message) === null || _c === void 0 ? void 0 : _c.parent_id);
+            var dontIncreaseMainListCounterOnNewReply = isThreadOpen && !threadList && newMessageIsReply;
+            if (isMessageListScrolledToBottom ||
+                newMessageInAnotherChannel ||
+                newMessageIsMine ||
+                dontIncreaseMainListCounterOnNewReply) {
+                return;
+            }
+            if (event.type === 'message.new') {
+                // cannot rely on channel.countUnread because active channel is automatically marked read
+                setCountUnread(function (prev) { return prev + 1; });
+            }
+            else if (((_d = event.message) === null || _d === void 0 ? void 0 : _d.id) === (thread === null || thread === void 0 ? void 0 : thread.id)) {
+                var newReplyCount_1 = ((_e = event.message) === null || _e === void 0 ? void 0 : _e.reply_count) || 0;
+                setCountUnread(function () { return newReplyCount_1 - replyCount; });
+            }
+        };
+        client.on(observedEvent, handleEvent);
+        return function () {
+            client.off(observedEvent, handleEvent);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [activeChannel, isMessageListScrolledToBottom, observedEvent, replyCount, thread]);
+    React.useEffect(function () {
+        if (isMessageListScrolledToBottom) {
+            setCountUnread(0);
+            setReplyCount((thread === null || thread === void 0 ? void 0 : thread.reply_count) || 0);
+        }
+    }, [isMessageListScrolledToBottom, thread]);
+    if (isMessageListScrolledToBottom)
+        return null;
+    return (React__default["default"].createElement("div", { className: 'str-chat__jump-to-latest-message' },
+        React__default["default"].createElement("button", { "aria-live": 'polite', className: "\n        str-chat__message-notification-right\n        str-chat__message-notification-scroll-to-latest\n        str-chat__circle-fab\n      ", "data-testid": 'message-notification', onClick: onClick },
+            React__default["default"].createElement(ArrowDown, null),
+            countUnread > 0 && (React__default["default"].createElement("div", { className: clsx('str-chat__message-notification', 'str-chat__message-notification-scroll-to-latest-unread-count', 'str-chat__jump-to-latest-unread-count'), "data-testid": 'unread-message-notification-counter' }, countUnread)))));
+};
+var ScrollToBottomButton = React__default["default"].memo(UnMemoizedScrollToBottomButton);
+
 var useChannelContainerClasses = function (_a) {
     var _b, _c, _d;
     var customClasses = _a.customClasses;
@@ -42682,6 +42686,62 @@ var makeAddNotifications = function (setNotifications, notificationTimeouts) { r
     }, 5000);
     notificationTimeouts.push(timeout);
 }; };
+/**
+ * Utility function for jumpToFirstUnreadMessage
+ * @param targetId
+ * @param msgSet
+ */
+var findInMsgSetById = function (targetId, msgSet) {
+    for (var i = msgSet.length - 1; i >= 0; i--) {
+        var item = msgSet[i];
+        if (item.id === targetId) {
+            return {
+                index: i,
+                target: item,
+            };
+        }
+    }
+    return {
+        index: -1,
+    };
+};
+/**
+ * Utility function for jumpToFirstUnreadMessage
+ * @param targetDate
+ * @param msgSet
+ * @param exact
+ */
+var findInMsgSetByDate = function (targetDate, msgSet, exact) {
+    var _a, _b;
+    if (exact === void 0) { exact = false; }
+    var targetTimestamp = targetDate.getTime();
+    var left = 0;
+    var middle = 0;
+    var right = msgSet.length - 1;
+    while (left <= right) {
+        middle = Math.floor((right + left) / 2);
+        var middleTimestamp = new Date(msgSet[middle].created_at).getTime();
+        var middleLeftTimestamp = ((_a = msgSet[middle - 1]) === null || _a === void 0 ? void 0 : _a.created_at) &&
+            new Date(msgSet[middle - 1].created_at).getTime();
+        var middleRightTimestamp = ((_b = msgSet[middle + 1]) === null || _b === void 0 ? void 0 : _b.created_at) &&
+            new Date(msgSet[middle + 1].created_at).getTime();
+        if (middleTimestamp === targetTimestamp ||
+            (middleLeftTimestamp &&
+                middleRightTimestamp &&
+                middleLeftTimestamp < targetTimestamp &&
+                targetTimestamp < middleRightTimestamp)) {
+            return { index: middle, target: msgSet[middle] };
+        }
+        if (middleTimestamp < targetTimestamp)
+            left = middle + 1;
+        else
+            right = middle - 1;
+    }
+    if (!exact || new Date(msgSet[left].created_at).getTime() === targetTimestamp) {
+        return { index: left, target: msgSet[left] };
+    }
+    return { index: -1 };
+};
 
 /**
  * @deprecated will be removed in the next major release
@@ -43054,6 +43114,9 @@ var ChannelInner = function (props) {
                                 unread_messages: (_a = event.unread_messages) !== null && _a !== void 0 ? _a : 0,
                             };
                         });
+                    if (event.type === 'channel.truncated' && event.cid === channel.cid) {
+                        _setChannelUnreadUiState(undefined);
+                    }
                     throttledCopyStateFromChannel();
                     return [2 /*return*/];
             }
@@ -43213,7 +43276,7 @@ var ChannelInner = function (props) {
         });
     };
     var loadMoreNewer = function (limit) {
-        if (limit === void 0) { limit = 100; }
+        if (limit === void 0) { limit = DEFAULT_NEXT_CHANNEL_PAGE_SIZE; }
         return __awaiter(void 0, void 0, void 0, function () {
             var newestMessage, newestId, perPage, queryResponse, e_4, hasMoreNewerMessages;
             var _a, _b;
@@ -43257,7 +43320,7 @@ var ChannelInner = function (props) {
     };
     var clearHighlightedMessageTimeoutId = React.useRef(null);
     var jumpToMessage = function (messageId, messageLimit) {
-        if (messageLimit === void 0) { messageLimit = 100; }
+        if (messageLimit === void 0) { messageLimit = DEFAULT_JUMP_TO_PAGE_SIZE; }
         return __awaiter(void 0, void 0, void 0, function () {
             var indexOfMessage, hasMoreMessages;
             return __generator(this, function (_a) {
@@ -43304,57 +43367,113 @@ var ChannelInner = function (props) {
         });
     }); };
     var jumpToFirstUnreadMessage = React.useCallback(function (queryMessageLimit) {
-        if (queryMessageLimit === void 0) { queryMessageLimit = 100; }
+        if (queryMessageLimit === void 0) { queryMessageLimit = DEFAULT_JUMP_TO_PAGE_SIZE; }
         return __awaiter(void 0, void 0, void 0, function () {
-            var indexOfLastReadMessage, currentMessageSet, i, id, hasMoreMessages, firstUnreadMessage, jumpToMessageId;
-            var _a;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
+            var lastReadMessageId, firstUnreadMessageId, isInCurrentMessageSet, hasMoreMessages, result, result, lastReadTimestamp, _a, lastReadMessageIndex, lastReadMessage, messages, firstMessageWithCreationDate, firstMessageTimestamp, result, targetId_1, indexOfTarget;
+            var _b, _c, _d, _e;
+            return __generator(this, function (_f) {
+                switch (_f.label) {
                     case 0:
-                        if (!(client.user && (channelUnreadUiState === null || channelUnreadUiState === void 0 ? void 0 : channelUnreadUiState.unread_messages)))
+                        if (!(channelUnreadUiState === null || channelUnreadUiState === void 0 ? void 0 : channelUnreadUiState.unread_messages))
                             return [2 /*return*/];
-                        if (!(channelUnreadUiState === null || channelUnreadUiState === void 0 ? void 0 : channelUnreadUiState.last_read_message_id)) {
-                            addNotification(t('Failed to jump to the first unread message'), 'error');
-                            return [2 /*return*/];
-                        }
-                        currentMessageSet = channel.state.messages;
-                        for (i = currentMessageSet.length - 1; i >= 0; i--) {
-                            id = currentMessageSet[i].id;
-                            if (id === channelUnreadUiState.last_read_message_id) {
-                                indexOfLastReadMessage = i;
-                                break;
-                            }
-                        }
-                        if (!(typeof indexOfLastReadMessage === 'undefined')) return [3 /*break*/, 5];
-                        dispatch({ loadingMore: true, type: 'setLoadingMore' });
+                        lastReadMessageId = channelUnreadUiState === null || channelUnreadUiState === void 0 ? void 0 : channelUnreadUiState.last_read_message_id;
+                        firstUnreadMessageId = channelUnreadUiState === null || channelUnreadUiState === void 0 ? void 0 : channelUnreadUiState.first_unread_message_id;
+                        isInCurrentMessageSet = false;
                         hasMoreMessages = true;
-                        _b.label = 1;
+                        if (!firstUnreadMessageId) return [3 /*break*/, 1];
+                        result = findInMsgSetById(firstUnreadMessageId, channel.state.messages);
+                        isInCurrentMessageSet = result.index !== -1;
+                        return [3 /*break*/, 8];
                     case 1:
-                        _b.trys.push([1, 3, , 4]);
-                        return [4 /*yield*/, channel.state.loadMessageIntoState(channelUnreadUiState.last_read_message_id, undefined, queryMessageLimit)];
+                        if (!lastReadMessageId) return [3 /*break*/, 2];
+                        result = findInMsgSetById(lastReadMessageId, channel.state.messages);
+                        isInCurrentMessageSet = !!result.target;
+                        firstUnreadMessageId =
+                            result.index > -1 ? (_b = channel.state.messages[result.index + 1]) === null || _b === void 0 ? void 0 : _b.id : undefined;
+                        return [3 /*break*/, 8];
                     case 2:
-                        _b.sent();
-                        /**
-                         * if the index of the last read message on the page is beyond the half of the page,
-                         * we have arrived to the oldest page of the channel
-                         */
-                        indexOfLastReadMessage = channel.state.messages.findIndex(function (message) { return message.id === channelUnreadUiState.last_read_message_id; });
-                        hasMoreMessages = indexOfLastReadMessage >= Math.floor(queryMessageLimit / 2);
-                        return [3 /*break*/, 4];
+                        lastReadTimestamp = channelUnreadUiState.last_read.getTime();
+                        _a = findInMsgSetByDate(channelUnreadUiState.last_read, channel.state.messages, true), lastReadMessageIndex = _a.index, lastReadMessage = _a.target;
+                        if (!lastReadMessage) return [3 /*break*/, 3];
+                        firstUnreadMessageId = (_c = channel.state.messages[lastReadMessageIndex + 1]) === null || _c === void 0 ? void 0 : _c.id;
+                        isInCurrentMessageSet = !!firstUnreadMessageId;
+                        lastReadMessageId = lastReadMessage.id;
+                        return [3 /*break*/, 8];
                     case 3:
-                        _b.sent();
+                        dispatch({ loadingMore: true, type: 'setLoadingMore' });
+                        messages = void 0;
+                        _f.label = 4;
+                    case 4:
+                        _f.trys.push([4, 6, , 7]);
+                        return [4 /*yield*/, channel.query({
+                                messages: {
+                                    created_at_around: channelUnreadUiState.last_read.toISOString(),
+                                    limit: queryMessageLimit,
+                                },
+                            }, 'new')];
+                    case 5:
+                        messages = (_f.sent()).messages;
+                        return [3 /*break*/, 7];
+                    case 6:
+                        _f.sent();
                         addNotification(t('Failed to jump to the first unread message'), 'error');
                         loadMoreFinished(hasMoreMessages, channel.state.messages);
                         return [2 /*return*/];
-                    case 4:
+                    case 7:
+                        firstMessageWithCreationDate = messages.find(function (msg) { return msg.created_at; });
+                        if (!firstMessageWithCreationDate) {
+                            addNotification(t('Failed to jump to the first unread message'), 'error');
+                            loadMoreFinished(hasMoreMessages, channel.state.messages);
+                            return [2 /*return*/];
+                        }
+                        firstMessageTimestamp = new Date(firstMessageWithCreationDate.created_at).getTime();
+                        if (lastReadTimestamp < firstMessageTimestamp) {
+                            // whole channel is unread
+                            firstUnreadMessageId = firstMessageWithCreationDate.id;
+                            hasMoreMessages = false;
+                        }
+                        else {
+                            result = findInMsgSetByDate(channelUnreadUiState.last_read, messages);
+                            lastReadMessageId = (_d = result.target) === null || _d === void 0 ? void 0 : _d.id;
+                            hasMoreMessages = result.index >= Math.floor(queryMessageLimit / 2);
+                        }
                         loadMoreFinished(hasMoreMessages, channel.state.messages);
-                        _b.label = 5;
-                    case 5:
-                        firstUnreadMessage = channel.state.messages[indexOfLastReadMessage + 1];
-                        jumpToMessageId = (_a = firstUnreadMessage === null || firstUnreadMessage === void 0 ? void 0 : firstUnreadMessage.id) !== null && _a !== void 0 ? _a : channelUnreadUiState.last_read_message_id;
+                        _f.label = 8;
+                    case 8:
+                        if (!firstUnreadMessageId && !lastReadMessageId) {
+                            addNotification(t('Failed to jump to the first unread message'), 'error');
+                            return [2 /*return*/];
+                        }
+                        if (!!isInCurrentMessageSet) return [3 /*break*/, 12];
+                        dispatch({ loadingMore: true, type: 'setLoadingMore' });
+                        _f.label = 9;
+                    case 9:
+                        _f.trys.push([9, 11, , 12]);
+                        targetId_1 = (firstUnreadMessageId !== null && firstUnreadMessageId !== void 0 ? firstUnreadMessageId : lastReadMessageId);
+                        return [4 /*yield*/, channel.state.loadMessageIntoState(targetId_1, undefined, queryMessageLimit)];
+                    case 10:
+                        _f.sent();
+                        indexOfTarget = channel.state.messages.findIndex(function (message) { return message.id === targetId_1; });
+                        hasMoreMessages = indexOfTarget >= Math.floor(queryMessageLimit / 2);
+                        loadMoreFinished(hasMoreMessages, channel.state.messages);
+                        firstUnreadMessageId =
+                            firstUnreadMessageId !== null && firstUnreadMessageId !== void 0 ? firstUnreadMessageId : (_e = channel.state.messages[indexOfTarget + 1]) === null || _e === void 0 ? void 0 : _e.id;
+                        return [3 /*break*/, 12];
+                    case 11:
+                        _f.sent();
+                        addNotification(t('Failed to jump to the first unread message'), 'error');
+                        loadMoreFinished(hasMoreMessages, channel.state.messages);
+                        return [2 /*return*/];
+                    case 12:
+                        if (!firstUnreadMessageId) {
+                            addNotification(t('Failed to jump to the first unread message'), 'error');
+                            return [2 /*return*/];
+                        }
+                        if (!channelUnreadUiState.first_unread_message_id)
+                            _setChannelUnreadUiState(exports.__assign(exports.__assign({}, channelUnreadUiState), { first_unread_message_id: firstUnreadMessageId, last_read_message_id: lastReadMessageId }));
                         dispatch({
                             hasMoreNewer: channel.state.messages !== channel.state.latestMessages,
-                            highlightedMessageId: jumpToMessageId,
+                            highlightedMessageId: firstUnreadMessageId,
                             type: 'jumpToMessageFinished',
                         });
                         if (clearHighlightedMessageTimeoutId.current) {
@@ -43368,7 +43487,7 @@ var ChannelInner = function (props) {
                 }
             });
         });
-    }, [addNotification, channel, client, loadMoreFinished, t, channelUnreadUiState]);
+    }, [addNotification, channel, loadMoreFinished, t, channelUnreadUiState]);
     var deleteMessage = React.useCallback(function (message) { return __awaiter(void 0, void 0, void 0, function () {
         var deletedMessage, result;
         return __generator(this, function (_a) {
@@ -43452,8 +43571,24 @@ var ChannelInner = function (props) {
                 case 6:
                     error_1 = _d.sent();
                     stringError = JSON.stringify(error_1);
-                    parsedError = stringError ? JSON.parse(stringError) : {};
-                    updateMessage(exports.__assign(exports.__assign({}, message), { error: parsedError, errorStatusCode: parsedError.status || undefined, status: 'failed' }));
+                    parsedError = (stringError
+                        ? JSON.parse(stringError)
+                        : {});
+                    // Handle the case where the message already exists
+                    // (typically, when retrying to send a message).
+                    // If the message already exists, we can assume it was sent successfully,
+                    // so we update the message status to "received".
+                    // Right now, the only way to check this error is by checking
+                    // the combination of the error code and the error description,
+                    // since there is no special error code for duplicate messages.
+                    if (parsedError.code === 4 &&
+                        error_1 instanceof Error &&
+                        error_1.message.includes('already exists')) {
+                        updateMessage(exports.__assign(exports.__assign({}, message), { status: 'received' }));
+                    }
+                    else {
+                        updateMessage(exports.__assign(exports.__assign({}, message), { error: parsedError, errorStatusCode: parsedError.status || undefined, status: 'failed' }));
+                    }
                     return [3 /*break*/, 7];
                 case 7: return [2 /*return*/];
             }
@@ -45229,6 +45364,7 @@ exports.insertIntro = insertIntro;
 exports.isAudioAttachment = isAudioAttachment;
 exports.isChannel = isChannel;
 exports.isDate = isDate;
+exports.isDateSeparatorMessage = isDateSeparatorMessage;
 exports.isDayOrMoment = isDayOrMoment;
 exports.isFileAttachment = isFileAttachment;
 exports.isGalleryAttachmentType = isGalleryAttachmentType;