stream-chat-react-native-core 5.26.0-beta.2 → 5.26.0-beta.4

package/lib/module/components/Channel/Channel.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.reactionData = exports.Channel = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -447,6 +447,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     hasNoMoreRecentMessagesToLoad = _useState26[0],
     setHasNoMoreRecentMessagesToLoad = _useState26[1];
   var _useTargetedMessage = (0, _useTargetedMessage2.useTargetedMessage)(),
+    prevTargetedMessage = _useTargetedMessage.prevTargetedMessage,
     setTargetedMessage = _useTargetedMessage.setTargetedMessage,
     targetedMessage = _useTargetedMessage.targetedMessage;
   var hasOverlappingRecentMessagesRef = (0, _react.useRef)(false);
@@ -542,7 +543,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
   var copyMessagesState = (0, _react.useRef)((0, _throttle["default"])(function () {
     if (channel) {
       clearInterval(mergeSetsIntervalRef.current);
-      setMessages((0, _toConsumableArray2["default"])(channel.state.messages));
+      setMessages(channel.state.messages);
       restartSetsMergeFuncRef.current();
     }
   }, newMessageStateUpdateThrottleInterval, throttleOptions)).current;
@@ -583,6 +584,8 @@ var ChannelWithContext = function ChannelWithContext(props) {
   }, [channelId, shouldSyncChannel]);
   (0, _react.useEffect)(function () {
     var handleEvent = function handleEvent(event) {
+      var ignorableEvents = ['user.watching.start', 'user.watching.stop'];
+      if (ignorableEvents.includes(event.type)) return;
       if (shouldSyncChannel) {
         var isTypingEvent = event.type === 'typing.start' || event.type === 'typing.stop';
         if (!isTypingEvent) {
@@ -596,7 +599,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
             setThread(updatedThread);
           }
         }
-        if (channel && event.type !== 'message.new' && event.type !== 'message.read' && event.type !== 'typing.start' && event.type !== 'typing.stop') {
+        if (channel && channel.initialized && event.type !== 'message.new' && event.type !== 'message.read' && event.type !== 'typing.start' && event.type !== 'typing.stop') {
           copyChannelState();
         }
       }
@@ -660,24 +663,23 @@ var ChannelWithContext = function ChannelWithContext(props) {
               return id === scrollToMessageId;
             }) : -1;
             if (channel && scrollToMessageIndex !== -1) {
+              copyChannelState.cancel();
               limitAfter = 4;
               currentLength = currentMessages.length;
-              if (scrollToMessageIndex !== -1) {
-                noOfMessagesAfter = currentLength - scrollToMessageIndex - 1;
-                if (noOfMessagesAfter > limitAfter) {
-                  endIndex = scrollToMessageIndex + limitAfter;
-                  channel.state.clearMessages();
-                  channel.state.messages = currentMessages.slice(0, endIndex + 1);
-                  splitLatestCurrentMessageSetRef.current();
-                  restOfMessages = currentMessages.slice(endIndex + 1);
-                  if (hadCurrentLatestMessages) {
-                    latestSet = channel.state.messageSets.find(function (set) {
-                      return set.isLatest;
-                    });
-                    if (latestSet) {
-                      latestSet.messages = restOfMessages;
-                      hasOverlappingRecentMessagesRef.current = true;
-                    }
+              noOfMessagesAfter = currentLength - scrollToMessageIndex - 1;
+              if (noOfMessagesAfter > limitAfter) {
+                endIndex = scrollToMessageIndex + limitAfter;
+                channel.state.clearMessages();
+                channel.state.messages = currentMessages.slice(0, endIndex + 1);
+                splitLatestCurrentMessageSetRef.current();
+                restOfMessages = currentMessages.slice(endIndex + 1);
+                if (hadCurrentLatestMessages) {
+                  latestSet = channel.state.messageSets.find(function (set) {
+                    return set.isLatest;
+                  });
+                  if (latestSet) {
+                    latestSet.messages = restOfMessages;
+                    hasOverlappingRecentMessagesRef.current = true;
                   }
                 }
               }
@@ -686,7 +688,9 @@ var ChannelWithContext = function ChannelWithContext(props) {
             channel.state.setIsUpToDate(hasLatestMessages);
             setHasNoMoreRecentMessagesToLoad(hasLatestMessages);
             copyChannelState();
-            restartSetsMergeFuncRef.current();
+            if (scrollToMessageIndex !== -1) {
+              copyChannelState.flush();
+            }
             onAfterQueryCall == null ? void 0 : onAfterQueryCall();
             _context2.next = 27;
             break;
@@ -767,7 +771,11 @@ var ChannelWithContext = function ChannelWithContext(props) {
             return _context3.stop();
         }
       }, _callee3);
-    })), undefined, function () {
+    })), function () {
+      if (unreadMessageIdToScrollTo) {
+        restartSetsMergeFuncRef.current();
+      }
+    }, function () {
       return unreadMessageIdToScrollTo;
     });
   };
@@ -815,10 +823,16 @@ var ChannelWithContext = function ChannelWithContext(props) {
       }, _callee4);
     })), function () {
       if (messageIdToLoadAround) {
+        clearInterval(mergeSetsIntervalRef.current);
         setTargetedMessage(messageIdToLoadAround);
       }
     }, messageIdToLoadAround);
   };
+  (0, _react.useEffect)(function () {
+    if (!targetedMessage && prevTargetedMessage) {
+      restartSetsMergeFuncRef.current();
+    }
+  }, [targetedMessage]);
   var loadChannelAtMessage = function loadChannelAtMessage(_ref7) {
     var _ref7$after = _ref7.after,
       after = _ref7$after === void 0 ? 2 : _ref7$after,
@@ -899,7 +913,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       var currentLength = channel.state.messages.length || 0;
       var didMerge = mergeOverlappingMessageSetsRef.current(true);
       if (didMerge && channel.state.messages.length !== currentLength) {
-        setMessages((0, _toConsumableArray2["default"])(channel.state.messages));
+        setMessages(channel.state.messages);
       }
     }, 1000);
   });
@@ -2330,7 +2344,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 2325,
+        lineNumber: 2342,
         columnNumber: 12
       }
     });
@@ -2344,7 +2358,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 2330,
+        lineNumber: 2347,
         columnNumber: 7
       }
     }, t('Please select a channel first'));
@@ -2357,7 +2371,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 2337,
+      lineNumber: 2354,
       columnNumber: 5
     }
   }), _react["default"].createElement(_ChannelContext.ChannelProvider, {
@@ -2365,7 +2379,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 2343,
+      lineNumber: 2360,
       columnNumber: 7
     }
   }, _react["default"].createElement(_OwnCapabilitiesContext.OwnCapabilitiesProvider, {
@@ -2373,7 +2387,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 2344,
+      lineNumber: 2361,
       columnNumber: 9
     }
   }, _react["default"].createElement(_TypingContext.TypingProvider, {
@@ -2381,7 +2395,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 2345,
+      lineNumber: 2362,
       columnNumber: 11
     }
   }, _react["default"].createElement(_PaginatedMessageListContext.PaginatedMessageListProvider, {
@@ -2389,7 +2403,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 2346,
+      lineNumber: 2363,
       columnNumber: 13
     }
   }, _react["default"].createElement(_MessagesContext.MessagesProvider, {
@@ -2397,7 +2411,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 2347,
+      lineNumber: 2364,
       columnNumber: 15
     }
   }, _react["default"].createElement(_ThreadContext.ThreadProvider, {
@@ -2405,7 +2419,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 2348,
+      lineNumber: 2365,
       columnNumber: 17
     }
   }, _react["default"].createElement(_SuggestionsContext.SuggestionsProvider, {
@@ -2413,7 +2427,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 2349,
+      lineNumber: 2366,
       columnNumber: 19
     }
   }, _react["default"].createElement(_MessageInputContext.MessageInputProvider, {
@@ -2421,7 +2435,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 2350,
+      lineNumber: 2367,
       columnNumber: 21
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -2431,7 +2445,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 2351,
+      lineNumber: 2368,
       columnNumber: 23
     }
   }, children))))))))));
@@ -2482,7 +2496,7 @@ var Channel = function Channel(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 2408,
+      lineNumber: 2425,
       columnNumber: 5
     }
   }));