stream-chat-react-native-core 3.8.2 → 3.9.0-next.1

package/lib/commonjs/components/Channel/Channel.js

@@ -23,6 +23,10 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+
+var _throttle = _interopRequireDefault(require("lodash/throttle"));
+
 var _streamChat = require("stream-chat");
 
 var _useAppStateListener = require("../../hooks/useAppStateListener");
@@ -41,10 +45,6 @@ var _useCreateTypingContext = require("./hooks/useCreateTypingContext");
 
 var _useTargetedMessage2 = require("./hooks/useTargetedMessage");
 
-var _debounce = require("./utils/debounce");
-
-var _throttle = require("./utils/throttle");
-
 var _Attachment = require("../Attachment/Attachment");
 
 var _AttachmentActions = require("../Attachment/AttachmentActions");
@@ -190,6 +190,16 @@ var reactionData = [{
 }];
 exports.reactionData = reactionData;
 var scrollToFirstUnreadThreshold = 4;
+var defaultThrottleInterval = 500;
+var defaultDebounceInterval = 500;
+var throttleOptions = {
+  leading: false,
+  trailing: true
+};
+var debounceOptions = {
+  leading: true,
+  trailing: true
+};
 var unreadMessagesOnInitialLoadLimit = 2;
 
 var ChannelWithContext = function ChannelWithContext(props) {
@@ -376,6 +386,8 @@ var ChannelWithContext = function ChannelWithContext(props) {
       setInputRef = props.setInputRef,
       _props$ShowThreadMess = props.ShowThreadMessageInChannelButton,
       ShowThreadMessageInChannelButton = _props$ShowThreadMess === void 0 ? _ShowThreadMessageInChannelButton.ShowThreadMessageInChannelButton : _props$ShowThreadMess,
+      _props$stateUpdateThr = props.stateUpdateThrottleInterval,
+      stateUpdateThrottleInterval = _props$stateUpdateThr === void 0 ? defaultThrottleInterval : _props$stateUpdateThr,
       StickyHeader = props.StickyHeader,
       _props$supportedReact = props.supportedReactions,
       supportedReactions = _props$supportedReact === void 0 ? reactionData : _props$supportedReact,
@@ -553,7 +565,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
   var isAdmin = (client == null ? void 0 : (_client$user = client.user) == null ? void 0 : _client$user.role) === 'admin' || (channel == null ? void 0 : channel.state.membership.role) === 'admin';
   var isModerator = (channel == null ? void 0 : channel.state.membership.role) === 'channel_moderator' || (channel == null ? void 0 : channel.state.membership.role) === 'moderator';
   var isOwner = (channel == null ? void 0 : channel.state.membership.role) === 'owner';
-  var markRead = (0, _throttle.lightThrottle)(function () {
+  var markRead = (0, _react.useRef)((0, _throttle["default"])(function () {
     var _channel$getConfig;
 
     if (channel != null && channel.disconnected || !(channel != null && channel.getConfig != null && (_channel$getConfig = channel.getConfig()) != null && _channel$getConfig.read_events)) {
@@ -565,18 +577,18 @@ var ChannelWithContext = function ChannelWithContext(props) {
     } else {
       (0, _streamChat.logChatPromiseExecution)(channel.markRead(), 'mark read');
     }
-  });
-  var copyTypingState = (0, _throttle.lightThrottle)(function () {
+  }, defaultThrottleInterval, throttleOptions)).current;
+  var copyTypingState = (0, _react.useRef)((0, _throttle["default"])(function () {
     if (channel) {
       setTyping((0, _extends2["default"])({}, channel.state.typing));
     }
-  });
-  var copyReadState = (0, _throttle.lightThrottle)(function () {
+  }, stateUpdateThrottleInterval, throttleOptions)).current;
+  var copyReadState = (0, _react.useRef)((0, _throttle["default"])(function () {
     if (channel) {
       setRead((0, _extends2["default"])({}, channel.state.read));
     }
-  });
-  var copyChannelState = (0, _throttle.lightThrottle)(function () {
+  }, stateUpdateThrottleInterval, throttleOptions)).current;
+  var copyChannelState = (0, _react.useRef)((0, _throttle["default"])(function () {
     setLoading(false);
 
     if (channel) {
@@ -587,7 +599,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       setWatcherCount(channel.state.watcher_count);
       setWatchers((0, _extends2["default"])({}, channel.state.watchers));
     }
-  });
+  }, stateUpdateThrottleInterval, throttleOptions)).current;
 
   var connectionRecoveredHandler = function connectionRecoveredHandler() {
     if (channel) {
@@ -1454,12 +1466,12 @@ var ChannelWithContext = function ChannelWithContext(props) {
     };
   }();
 
-  var loadMoreFinished = (0, _debounce.heavyDebounce)(function (updatedHasMore, newMessages) {
+  var loadMoreFinished = (0, _react.useRef)((0, _debounce["default"])(function (updatedHasMore, newMessages) {
     setLoadingMore(false);
     setError(false);
     setHasMore(updatedHasMore);
     setMessages(newMessages);
-  });
+  }, defaultDebounceInterval, debounceOptions)).current;
 
   var loadMore = function () {
     var _ref25 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee15() {
@@ -1618,11 +1630,11 @@ var ChannelWithContext = function ChannelWithContext(props) {
     };
   }();
 
-  var loadMoreRecentFinished = (0, _debounce.heavyDebounce)(function (newMessages) {
+  var loadMoreRecentFinished = (0, _react.useRef)((0, _debounce["default"])(function (newMessages) {
     setLoadingMoreRecent(false);
     setMessages(newMessages);
     setError(false);
-  });
+  }, defaultDebounceInterval, debounceOptions)).current;
 
   var editMessage = function editMessage(updatedMessage) {
     return doUpdateMessageRequest ? doUpdateMessageRequest((channel == null ? void 0 : channel.cid) || '', updatedMessage) : client.updateMessage(updatedMessage);
@@ -1667,11 +1679,11 @@ var ChannelWithContext = function ChannelWithContext(props) {
     setThread(null);
     setThreadMessages([]);
   }, [setThread, setThreadMessages]);
-  var loadMoreThreadFinished = (0, _debounce.heavyDebounce)(function (newThreadHasMore, updatedThreadMessages) {
+  var loadMoreThreadFinished = (0, _react.useRef)((0, _debounce["default"])(function (newThreadHasMore, updatedThreadMessages) {
     setThreadHasMore(newThreadHasMore);
     setThreadLoadingMore(false);
     setThreadMessages(updatedThreadMessages);
-  });
+  }, defaultDebounceInterval, debounceOptions)).current;
 
   var loadMoreThread = function () {
     var _ref27 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee17() {
@@ -1925,7 +1937,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1710,
+        lineNumber: 1757,
         columnNumber: 12
       }
     });
@@ -1940,7 +1952,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1715,
+        lineNumber: 1762,
         columnNumber: 7
       }
     }, t('Please select a channel first'));
@@ -1954,7 +1966,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1722,
+      lineNumber: 1769,
       columnNumber: 5
     }
   }), _react["default"].createElement(_ChannelContext.ChannelProvider, {
@@ -1962,7 +1974,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1728,
+      lineNumber: 1775,
       columnNumber: 7
     }
   }, _react["default"].createElement(_TypingContext.TypingProvider, {
@@ -1970,7 +1982,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1729,
+      lineNumber: 1776,
       columnNumber: 9
     }
   }, _react["default"].createElement(_PaginatedMessageListContext.PaginatedMessageListProvider, {
@@ -1978,7 +1990,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1730,
+      lineNumber: 1777,
       columnNumber: 11
     }
   }, _react["default"].createElement(_MessagesContext.MessagesProvider, {
@@ -1986,7 +1998,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1731,
+      lineNumber: 1778,
       columnNumber: 13
     }
   }, _react["default"].createElement(_ThreadContext.ThreadProvider, {
@@ -1994,7 +2006,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1732,
+      lineNumber: 1779,
       columnNumber: 15
     }
   }, _react["default"].createElement(_SuggestionsContext.SuggestionsProvider, {
@@ -2002,7 +2014,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1733,
+      lineNumber: 1780,
       columnNumber: 17
     }
   }, _react["default"].createElement(_MessageInputContext.MessageInputProvider, {
@@ -2010,7 +2022,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1734,
+      lineNumber: 1781,
       columnNumber: 19
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -2020,7 +2032,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1735,
+      lineNumber: 1782,
       columnNumber: 21
     }
   }, children)))))))));
@@ -2040,7 +2052,7 @@ var Channel = function Channel(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1780,
+      lineNumber: 1827,
       columnNumber: 5
     }
   }));