stream-chat-react 9.1.0 → 9.1.3

package/dist/index.cjs.js

@@ -1046,6 +1046,8 @@ var Modal = function (props) {
         return function () { return document.removeEventListener('keydown', handleEscKey); };
     }, [onClose, open]);
     var openClasses = open ? 'str-chat__modal--open' : 'str-chat__modal--closed';
+    if (!open)
+        return null;
     return (React__default['default'].createElement("div", { className: "str-chat__modal " + openClasses, onClick: handleClick },
         React__default['default'].createElement("button", { className: 'str-chat__modal__close-button', ref: closeRef, title: 'Close' },
             t('Close'),
@@ -4769,11 +4771,7 @@ var EditMessageForm = function () {
                                 React__default['default'].createElement("span", { className: 'str-chat__input-fileupload' },
                                     React__default['default'].createElement(FileUploadIcon$1, null)))))),
                     React__default['default'].createElement("div", null,
-                        React__default['default'].createElement("button", { onClick: function () {
-                                if (clearEditingState) {
-                                    clearEditingState();
-                                }
-                            } }, t('Cancel')),
+                        React__default['default'].createElement("button", { onClick: clearEditingState }, t('Cancel')),
                         React__default['default'].createElement("button", { type: 'submit' }, t('Send'))))))));
 };
 
@@ -7678,7 +7676,7 @@ var UnMemoizedChannelList = function (props) {
  */
 var ChannelList = React__default['default'].memo(UnMemoizedChannelList);
 
-var version = '9.1.0';
+var version = '9.1.3';
 
 var useChat = function (_a) {
     var _b, _c;
@@ -7990,10 +7988,7 @@ var InfiniteScroll = function (props) {
     var attributes = __assign(__assign({}, elementProps), { ref: function (element) {
             scrollComponent.current = element;
         } });
-    var childrenArray = [children];
-    if (isLoading && loader) {
-        childrenArray.unshift(loader);
-    }
+    var childrenArray = [loader, children];
     return React__default['default'].createElement(element, attributes, childrenArray);
 };
 
@@ -8778,7 +8773,8 @@ function useMessageListScrollManager(params) {
     };
 }
 
-var ResizeObserver = window.ResizeObserver || resizeObserver.ResizeObserver;
+var isBrowser = typeof window !== 'undefined';
+var ResizeObserver = (isBrowser && window.ResizeObserver) || resizeObserver.ResizeObserver;
 var useScrollLocationLogic = function (params) {
     var _a = params.messages, messages = _a === void 0 ? [] : _a, _b = params.scrolledUpThreshold, scrolledUpThreshold = _b === void 0 ? 200 : _b, hasMoreNewer = params.hasMoreNewer, suppressAutoscroll = params.suppressAutoscroll, listElement = params.listElement, ulElement = params.ulElement;
     var _c = React.useState(false), hasNewMessages = _c[0], setHasNewMessages = _c[1];
@@ -8869,12 +8865,6 @@ var useScrollLocationLogic = function (params) {
     };
 };
 
-var UnMemoizedCenter = function (_a) {
-    var children = _a.children;
-    return (React__default['default'].createElement("div", { className: 'str-chat__list__center' }, children));
-};
-var Center = React__default['default'].memo(UnMemoizedCenter);
-
 var UnMemoizedMessageNotification = function (props) {
     var children = props.children, onClick = props.onClick, _a = props.showNotification, showNotification = _a === void 0 ? true : _a;
     if (!showNotification)
@@ -9029,8 +9019,7 @@ var MessageListWithContext = function (props) {
         }
     }, [highlightedMessageId]);
     return (React__default['default'].createElement(React__default['default'].Fragment, null,
-        React__default['default'].createElement("div", { className: messageListClass + " " + threadListClass, onScroll: onScroll, ref: setListElement, tabIndex: 0 }, !elements.length ? (React__default['default'].createElement(EmptyStateIndicator$1, { listType: 'message' })) : (React__default['default'].createElement(InfiniteScroll, __assign({ className: 'str-chat__reverse-infinite-scroll', "data-testid": 'reverse-infinite-scroll', hasMore: props.hasMore, hasMoreNewer: props.hasMoreNewer, isLoading: props.loadingMore, loader: React__default['default'].createElement(Center, { key: 'loadingindicator' },
-                React__default['default'].createElement(LoadingIndicator$1, { size: 20 })), loadMore: loadMore, loadMoreNewer: loadMoreNewer }, props.internalInfiniteScrollProps),
+        React__default['default'].createElement("div", { className: messageListClass + " " + threadListClass, onScroll: onScroll, ref: setListElement, tabIndex: 0 }, !elements.length ? (React__default['default'].createElement(EmptyStateIndicator$1, { listType: 'message' })) : (React__default['default'].createElement(InfiniteScroll, __assign({ className: 'str-chat__reverse-infinite-scroll', "data-testid": 'reverse-infinite-scroll', hasMore: props.hasMore, hasMoreNewer: props.hasMoreNewer, isLoading: props.loadingMore, loader: React__default['default'].createElement("div", { className: 'str-chat__list__loading', key: 'loadingindicator' }, props.loadingMore && React__default['default'].createElement(LoadingIndicator$1, { size: 20 })), loadMore: loadMore, loadMoreNewer: loadMoreNewer }, props.internalInfiniteScrollProps),
             React__default['default'].createElement("ul", { className: 'str-chat__ul', ref: setUlElement }, elements),
             React__default['default'].createElement(TypingIndicator$1, { threadList: threadList }),
             React__default['default'].createElement("div", { key: 'bottom' })))),
@@ -9106,9 +9095,10 @@ function useNewMessageNotification(messages, currentUserId, hasMoreNewer) {
     return { atBottom: atBottom, newMessagesNotification: newMessagesNotification, setNewMessagesNotification: setNewMessagesNotification };
 }
 
-function usePrependedMessagesCount(messages) {
+function usePrependedMessagesCount(messages, hasDateSeparator) {
     var _a;
-    var currentFirstMessageId = (_a = messages === null || messages === void 0 ? void 0 : messages[0]) === null || _a === void 0 ? void 0 : _a.id;
+    var firstRealMessageIndex = hasDateSeparator ? 1 : 0;
+    var currentFirstMessageId = (_a = messages === null || messages === void 0 ? void 0 : messages[firstRealMessageIndex]) === null || _a === void 0 ? void 0 : _a.id;
     var firstMessageId = React.useRef(currentFirstMessageId);
     var earliestMessageId = React.useRef(currentFirstMessageId);
     var previousNumItemsPrepended = React.useRef(0);
@@ -9288,7 +9278,7 @@ var VirtualizedMessageListWithContext = function (props) {
             window.removeEventListener('blur', resetNewMessagesReceivedInBackground);
         };
     }, [scrollToBottomIfConfigured]);
-    var numItemsPrepended = usePrependedMessagesCount(processedMessages);
+    var numItemsPrepended = usePrependedMessagesCount(processedMessages, !disableDateSeparator);
     /**
      * Logic to update the key of the virtuoso component when the list jumps to a new location.
      */
@@ -9296,7 +9286,7 @@ var VirtualizedMessageListWithContext = function (props) {
     var firstMessageId = React.useRef();
     React.useEffect(function () {
         var _a;
-        var continuousSet = messages && messages.find(function (message) { return message.id === firstMessageId.current; });
+        var continuousSet = messages === null || messages === void 0 ? void 0 : messages.find(function (message) { return message.id === firstMessageId.current; });
         if (!continuousSet) {
             setMessageSetKey(+new Date());
         }