stream-chat-react-native-core 5.8.0 → 5.8.1-beta.2

package/lib/module/components/ChannelList/ChannelListMessenger.js

@@ -47,14 +47,14 @@ var StatusIndicator = function StatusIndicator() {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 54,
+        lineNumber: 53,
         columnNumber: 7
       }
     }, _react["default"].createElement(HeaderNetworkDownIndicator, {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 55,
+        lineNumber: 54,
         columnNumber: 9
       }
     }));
@@ -64,7 +64,7 @@ var StatusIndicator = function StatusIndicator() {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 60,
+        lineNumber: 59,
         columnNumber: 7
       }
     }, _react["default"].createElement(HeaderErrorIndicator, {
@@ -72,7 +72,7 @@ var StatusIndicator = function StatusIndicator() {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 61,
+        lineNumber: 60,
         columnNumber: 9
       }
     }));
@@ -86,7 +86,7 @@ var renderItem = function renderItem(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 74,
+      lineNumber: 73,
       columnNumber: 7
     }
   });
@@ -95,12 +95,14 @@ var keyExtractor = function keyExtractor(item) {
   return item.cid;
 };
 var ChannelListMessengerWithContext = function ChannelListMessengerWithContext(props) {
+  var onEndReachedCalledDuringCurrentScrollRef = (0, _react.useRef)(false);
   var additionalFlatListProps = props.additionalFlatListProps,
     channels = props.channels,
     EmptyStateIndicator = props.EmptyStateIndicator,
     error = props.error,
     FooterLoadingIndicator = props.FooterLoadingIndicator,
     forceUpdate = props.forceUpdate,
+    hasNextPage = props.hasNextPage,
     ListHeaderComponent = props.ListHeaderComponent,
     loadingChannels = props.loadingChannels,
     LoadingErrorIndicator = props.LoadingErrorIndicator,
@@ -150,33 +152,24 @@ var ChannelListMessengerWithContext = function ChannelListMessengerWithContext(p
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 144,
+        lineNumber: 145,
         columnNumber: 7
       }
     });
   }
   var onEndReached = function onEndReached() {
-    if (loadNextPage) {
+    if (!onEndReachedCalledDuringCurrentScrollRef.current && hasNextPage) {
       loadNextPage();
+      onEndReachedCalledDuringCurrentScrollRef.current = true;
     }
   };
-  var ListFooterComponent = function ListFooterComponent() {
-    return channels != null && channels.length && ListHeaderComponent ? _react["default"].createElement(ListHeaderComponent, {
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 160,
-        columnNumber: 47
-      }
-    }) : null;
-  };
   if (loadingChannels) {
     return _react["default"].createElement(LoadingIndicator, {
       listType: "channel",
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 163,
+        lineNumber: 162,
         columnNumber: 12
       }
     });
@@ -184,7 +177,7 @@ var ChannelListMessengerWithContext = function ChannelListMessengerWithContext(p
   return _react["default"].createElement(_react["default"].Fragment, {
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 167,
+      lineNumber: 166,
       columnNumber: 5
     }
   }, _react["default"].createElement(_reactNative.FlatList, (0, _extends2["default"])({
@@ -199,7 +192,7 @@ var ChannelListMessengerWithContext = function ChannelListMessengerWithContext(p
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 179,
+        lineNumber: 178,
         columnNumber: 13
       }
     }) : _react["default"].createElement(EmptyStateIndicator, {
@@ -207,7 +200,7 @@ var ChannelListMessengerWithContext = function ChannelListMessengerWithContext(p
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 181,
+        lineNumber: 180,
         columnNumber: 13
       }
     }),
@@ -215,13 +208,16 @@ var ChannelListMessengerWithContext = function ChannelListMessengerWithContext(p
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 184,
+        lineNumber: 183,
         columnNumber: 48
       }
     }) : undefined,
-    ListHeaderComponent: ListFooterComponent,
+    ListHeaderComponent: ListHeaderComponent,
     onEndReached: onEndReached,
     onEndReachedThreshold: loadMoreThreshold,
+    onMomentumScrollBegin: function onMomentumScrollBegin() {
+      return onEndReachedCalledDuringCurrentScrollRef.current = false;
+    },
     ref: setFlatListRef,
     refreshControl: _react["default"].createElement(_reactNative.RefreshControl, {
       onRefresh: refreshList,
@@ -242,7 +238,7 @@ var ChannelListMessengerWithContext = function ChannelListMessengerWithContext(p
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 168,
+      lineNumber: 167,
       columnNumber: 7
     }
   })), _react["default"].createElement(StatusIndicator, {
@@ -262,6 +258,7 @@ var ChannelListMessenger = function ChannelListMessenger(props) {
     error = _useChannelsContext2.error,
     FooterLoadingIndicator = _useChannelsContext2.FooterLoadingIndicator,
     forceUpdate = _useChannelsContext2.forceUpdate,
+    hasNextPage = _useChannelsContext2.hasNextPage,
     ListHeaderComponent = _useChannelsContext2.ListHeaderComponent,
     loadingChannels = _useChannelsContext2.loadingChannels,
     LoadingErrorIndicator = _useChannelsContext2.LoadingErrorIndicator,
@@ -280,6 +277,7 @@ var ChannelListMessenger = function ChannelListMessenger(props) {
     error: error,
     FooterLoadingIndicator: FooterLoadingIndicator,
     forceUpdate: forceUpdate,
+    hasNextPage: hasNextPage,
     ListHeaderComponent: ListHeaderComponent,
     loadingChannels: loadingChannels,
     LoadingErrorIndicator: LoadingErrorIndicator,
@@ -295,7 +293,7 @@ var ChannelListMessenger = function ChannelListMessenger(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 236,
+      lineNumber: 237,
       columnNumber: 5
     }
   }));

package/lib/module/components/ChannelList/ChannelListMessenger.js.map

@@ -1 +1 @@
-{"version":3,"names":["styles","StyleSheet","create","flatList","flex","flatListContentContainer","flexGrow","statusIndicator","left","position","right","top","StatusIndicator","useChatContext","isOnline","useChannelsContext","error","HeaderErrorIndicator","HeaderNetworkDownIndicator","loadingChannels","refreshList","renderItem","item","keyExtractor","cid","ChannelListMessengerWithContext","props","additionalFlatListProps","channels","EmptyStateIndicator","FooterLoadingIndicator","forceUpdate","ListHeaderComponent","LoadingErrorIndicator","LoadingIndicator","loadingNextPage","loadMoreThreshold","loadNextPage","refreshing","reloadList","setFlatListRef","useTheme","theme","channelListMessenger","flatListContent","white_snow","colors","useState","loading","setLoading","debugRef","useDebugContext","useEffect","isDebugModeEnabled","__DEV__","current","setEventType","setSendEventParams","action","data","map","channel","members","state","onEndReached","ListFooterComponent","length","backgroundColor","undefined","ChannelListMessenger","displayName"],"sources":["ChannelListMessenger.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\n// RNGR's FlatList ist currently breaking the pull-to-refresh behaviour on Android\n// See https://github.com/software-mansion/react-native-gesture-handler/issues/598\nimport { FlatList, RefreshControl, StyleSheet, View } from 'react-native';\n\nimport type { Channel } from 'stream-chat';\n\nimport {\n  ChannelsContextValue,\n  useChannelsContext,\n} from '../../contexts/channelsContext/ChannelsContext';\nimport { useChatContext } from '../../contexts/chatContext/ChatContext';\nimport { useDebugContext } from '../../contexts/debugContext/DebugContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { ChannelPreview } from '../ChannelPreview/ChannelPreview';\n\nconst styles = StyleSheet.create({\n  flatList: { flex: 1 },\n  flatListContentContainer: { flexGrow: 1 },\n  statusIndicator: { left: 0, position: 'absolute', right: 0, top: 0 },\n});\n\nexport type ChannelListMessengerPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Omit<\n  ChannelsContextValue<StreamChatGenerics>,\n  | 'hasNextPage'\n  | 'HeaderErrorIndicator'\n  | 'HeaderNetworkDownIndicator'\n  | 'maxUnreadCount'\n  | 'numberOfSkeletons'\n  | 'onSelect'\n  | 'Preview'\n  | 'PreviewTitle'\n  | 'PreviewStatus'\n  | 'PreviewAvatar'\n  | 'previewMessage'\n  | 'Skeleton'\n>;\n\nconst StatusIndicator = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const { isOnline } = useChatContext<StreamChatGenerics>();\n  const { error, HeaderErrorIndicator, HeaderNetworkDownIndicator, loadingChannels, refreshList } =\n    useChannelsContext<StreamChatGenerics>();\n\n  if (loadingChannels) return null;\n\n  if (!isOnline) {\n    return (\n      <View style={styles.statusIndicator}>\n        <HeaderNetworkDownIndicator />\n      </View>\n    );\n  } else if (error) {\n    return (\n      <View style={styles.statusIndicator}>\n        <HeaderErrorIndicator onPress={refreshList} />\n      </View>\n    );\n  }\n  return null;\n};\n\nconst renderItem = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  item,\n}: {\n  item: Channel<StreamChatGenerics>;\n}) => <ChannelPreview<StreamChatGenerics> channel={item} />;\n\nconst keyExtractor = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  item: Channel<StreamChatGenerics>,\n) => item.cid;\n\nconst ChannelListMessengerWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelListMessengerPropsWithContext<StreamChatGenerics>,\n) => {\n  const {\n    additionalFlatListProps,\n    channels,\n    EmptyStateIndicator,\n    error,\n    FooterLoadingIndicator,\n    forceUpdate,\n    ListHeaderComponent,\n    loadingChannels,\n    LoadingErrorIndicator,\n    LoadingIndicator,\n    loadingNextPage,\n    loadMoreThreshold,\n    loadNextPage,\n    refreshing,\n    refreshList,\n    reloadList,\n    setFlatListRef,\n  } = props;\n\n  const {\n    theme: {\n      channelListMessenger: { flatList, flatListContent },\n      colors: { white_snow },\n    },\n  } = useTheme();\n\n  /**\n   * In order to prevent the EmptyStateIndicator component from showing up briefly on mount,\n   * we set the loading state one cycle behind to ensure the channels are set before the\n   * change to loadingChannels is registered.\n   */\n  const [loading, setLoading] = useState(true);\n  const debugRef = useDebugContext();\n\n  useEffect(() => {\n    if (!!loadingChannels !== loading) {\n      setLoading(!!loadingChannels);\n    }\n  }, [loading, loadingChannels]);\n\n  const isDebugModeEnabled = __DEV__ && debugRef && debugRef.current;\n\n  if (isDebugModeEnabled) {\n    if (debugRef.current.setEventType) debugRef.current.setEventType('send');\n    if (debugRef.current.setSendEventParams)\n      debugRef.current.setSendEventParams({\n        action: 'Channels',\n        data: channels?.map((channel) => ({\n          data: channel.data,\n          members: channel.state.members,\n        })),\n      });\n  }\n\n  if (error && !refreshing && !loadingChannels && channels === null) {\n    return (\n      <LoadingErrorIndicator\n        error={error}\n        listType='channel'\n        loadNextPage={loadNextPage}\n        retry={reloadList}\n      />\n    );\n  }\n\n  const onEndReached = () => {\n    if (loadNextPage) {\n      loadNextPage();\n    }\n  };\n\n  const ListFooterComponent = () =>\n    channels?.length && ListHeaderComponent ? <ListHeaderComponent /> : null;\n\n  if (loadingChannels) {\n    return <LoadingIndicator listType='channel' />;\n  }\n\n  return (\n    <>\n      <FlatList\n        contentContainerStyle={[\n          styles.flatListContentContainer,\n          { backgroundColor: white_snow },\n          flatListContent,\n        ]}\n        data={channels}\n        extraData={forceUpdate}\n        keyExtractor={keyExtractor}\n        ListEmptyComponent={\n          loading ? (\n            <LoadingIndicator listType='channel' />\n          ) : (\n            <EmptyStateIndicator listType='channel' />\n          )\n        }\n        ListFooterComponent={loadingNextPage ? <FooterLoadingIndicator /> : undefined}\n        ListHeaderComponent={ListFooterComponent}\n        onEndReached={onEndReached}\n        onEndReachedThreshold={loadMoreThreshold}\n        ref={setFlatListRef}\n        refreshControl={<RefreshControl onRefresh={refreshList} refreshing={refreshing} />}\n        renderItem={renderItem}\n        style={[styles.flatList, { backgroundColor: white_snow }, flatList]}\n        testID='channel-list-messenger'\n        {...additionalFlatListProps}\n      />\n      <StatusIndicator<StreamChatGenerics> />\n    </>\n  );\n};\n\nexport type ChannelListMessengerProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<ChannelListMessengerPropsWithContext<StreamChatGenerics>>;\n\n/**\n * This UI component displays the preview list of channels and handles Channel navigation. It\n * receives all props from the ChannelList component.\n *\n * @example ./ChannelListMessenger.md\n */\nexport const ChannelListMessenger = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelListMessengerProps<StreamChatGenerics>,\n) => {\n  const {\n    additionalFlatListProps,\n    channels,\n    EmptyStateIndicator,\n    error,\n    FooterLoadingIndicator,\n    forceUpdate,\n    ListHeaderComponent,\n    loadingChannels,\n    LoadingErrorIndicator,\n    LoadingIndicator,\n    loadingNextPage,\n    loadMoreThreshold,\n    loadNextPage,\n    refreshing,\n    refreshList,\n    reloadList,\n    setFlatListRef,\n  } = useChannelsContext<StreamChatGenerics>();\n\n  return (\n    <ChannelListMessengerWithContext\n      {...{\n        additionalFlatListProps,\n        channels,\n        EmptyStateIndicator,\n        error,\n        FooterLoadingIndicator,\n        forceUpdate,\n        ListHeaderComponent,\n        loadingChannels,\n        LoadingErrorIndicator,\n        LoadingIndicator,\n        loadingNextPage,\n        loadMoreThreshold,\n        loadNextPage,\n        refreshing,\n        refreshList,\n        reloadList,\n        setFlatListRef,\n      }}\n      {...props}\n    />\n  );\n};\n\nChannelListMessenger.displayName = 'ChannelListMessenger{channelListMessenger}';\n"],"mappings":"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"}
+{"version":3,"names":["styles","StyleSheet","create","flatList","flex","flatListContentContainer","flexGrow","statusIndicator","left","position","right","top","StatusIndicator","useChatContext","isOnline","useChannelsContext","error","HeaderErrorIndicator","HeaderNetworkDownIndicator","loadingChannels","refreshList","renderItem","item","keyExtractor","cid","ChannelListMessengerWithContext","props","onEndReachedCalledDuringCurrentScrollRef","useRef","additionalFlatListProps","channels","EmptyStateIndicator","FooterLoadingIndicator","forceUpdate","hasNextPage","ListHeaderComponent","LoadingErrorIndicator","LoadingIndicator","loadingNextPage","loadMoreThreshold","loadNextPage","refreshing","reloadList","setFlatListRef","useTheme","theme","channelListMessenger","flatListContent","white_snow","colors","useState","loading","setLoading","debugRef","useDebugContext","useEffect","isDebugModeEnabled","__DEV__","current","setEventType","setSendEventParams","action","data","map","channel","members","state","onEndReached","backgroundColor","undefined","ChannelListMessenger","displayName"],"sources":["ChannelListMessenger.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n// RNGR's FlatList ist currently breaking the pull-to-refresh behaviour on Android\n// See https://github.com/software-mansion/react-native-gesture-handler/issues/598\nimport { FlatList, RefreshControl, StyleSheet, View } from 'react-native';\n\nimport type { Channel } from 'stream-chat';\n\nimport {\n  ChannelsContextValue,\n  useChannelsContext,\n} from '../../contexts/channelsContext/ChannelsContext';\nimport { useChatContext } from '../../contexts/chatContext/ChatContext';\nimport { useDebugContext } from '../../contexts/debugContext/DebugContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { ChannelPreview } from '../ChannelPreview/ChannelPreview';\n\nconst styles = StyleSheet.create({\n  flatList: { flex: 1 },\n  flatListContentContainer: { flexGrow: 1 },\n  statusIndicator: { left: 0, position: 'absolute', right: 0, top: 0 },\n});\n\nexport type ChannelListMessengerPropsWithContext<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Omit<\n  ChannelsContextValue<StreamChatGenerics>,\n  | 'HeaderErrorIndicator'\n  | 'HeaderNetworkDownIndicator'\n  | 'maxUnreadCount'\n  | 'numberOfSkeletons'\n  | 'onSelect'\n  | 'Preview'\n  | 'PreviewTitle'\n  | 'PreviewStatus'\n  | 'PreviewAvatar'\n  | 'previewMessage'\n  | 'Skeleton'\n>;\n\nconst StatusIndicator = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const { isOnline } = useChatContext<StreamChatGenerics>();\n  const { error, HeaderErrorIndicator, HeaderNetworkDownIndicator, loadingChannels, refreshList } =\n    useChannelsContext<StreamChatGenerics>();\n\n  if (loadingChannels) return null;\n\n  if (!isOnline) {\n    return (\n      <View style={styles.statusIndicator}>\n        <HeaderNetworkDownIndicator />\n      </View>\n    );\n  } else if (error) {\n    return (\n      <View style={styles.statusIndicator}>\n        <HeaderErrorIndicator onPress={refreshList} />\n      </View>\n    );\n  }\n  return null;\n};\n\nconst renderItem = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  item,\n}: {\n  item: Channel<StreamChatGenerics>;\n}) => <ChannelPreview<StreamChatGenerics> channel={item} />;\n\nconst keyExtractor = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  item: Channel<StreamChatGenerics>,\n) => item.cid;\n\nconst ChannelListMessengerWithContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelListMessengerPropsWithContext<StreamChatGenerics>,\n) => {\n  const onEndReachedCalledDuringCurrentScrollRef = useRef<boolean>(false);\n  const {\n    additionalFlatListProps,\n    channels,\n    EmptyStateIndicator,\n    error,\n    FooterLoadingIndicator,\n    forceUpdate,\n    hasNextPage,\n    ListHeaderComponent,\n    loadingChannels,\n    LoadingErrorIndicator,\n    LoadingIndicator,\n    loadingNextPage,\n    loadMoreThreshold,\n    loadNextPage,\n    refreshing,\n    refreshList,\n    reloadList,\n    setFlatListRef,\n  } = props;\n\n  const {\n    theme: {\n      channelListMessenger: { flatList, flatListContent },\n      colors: { white_snow },\n    },\n  } = useTheme();\n\n  /**\n   * In order to prevent the EmptyStateIndicator component from showing up briefly on mount,\n   * we set the loading state one cycle behind to ensure the channels are set before the\n   * change to loadingChannels is registered.\n   */\n  const [loading, setLoading] = useState(true);\n  const debugRef = useDebugContext();\n\n  useEffect(() => {\n    if (!!loadingChannels !== loading) {\n      setLoading(!!loadingChannels);\n    }\n  }, [loading, loadingChannels]);\n\n  const isDebugModeEnabled = __DEV__ && debugRef && debugRef.current;\n\n  if (isDebugModeEnabled) {\n    if (debugRef.current.setEventType) debugRef.current.setEventType('send');\n    if (debugRef.current.setSendEventParams)\n      debugRef.current.setSendEventParams({\n        action: 'Channels',\n        data: channels?.map((channel) => ({\n          data: channel.data,\n          members: channel.state.members,\n        })),\n      });\n  }\n\n  if (error && !refreshing && !loadingChannels && channels === null) {\n    return (\n      <LoadingErrorIndicator\n        error={error}\n        listType='channel'\n        loadNextPage={loadNextPage}\n        retry={reloadList}\n      />\n    );\n  }\n\n  const onEndReached = () => {\n    if (!onEndReachedCalledDuringCurrentScrollRef.current && hasNextPage) {\n      loadNextPage();\n      onEndReachedCalledDuringCurrentScrollRef.current = true;\n    }\n  };\n\n  if (loadingChannels) {\n    return <LoadingIndicator listType='channel' />;\n  }\n\n  return (\n    <>\n      <FlatList\n        contentContainerStyle={[\n          styles.flatListContentContainer,\n          { backgroundColor: white_snow },\n          flatListContent,\n        ]}\n        data={channels}\n        extraData={forceUpdate}\n        keyExtractor={keyExtractor}\n        ListEmptyComponent={\n          loading ? (\n            <LoadingIndicator listType='channel' />\n          ) : (\n            <EmptyStateIndicator listType='channel' />\n          )\n        }\n        ListFooterComponent={loadingNextPage ? <FooterLoadingIndicator /> : undefined}\n        ListHeaderComponent={ListHeaderComponent}\n        onEndReached={onEndReached}\n        onEndReachedThreshold={loadMoreThreshold}\n        onMomentumScrollBegin={() => (onEndReachedCalledDuringCurrentScrollRef.current = false)}\n        ref={setFlatListRef}\n        refreshControl={<RefreshControl onRefresh={refreshList} refreshing={refreshing} />}\n        renderItem={renderItem}\n        style={[styles.flatList, { backgroundColor: white_snow }, flatList]}\n        testID='channel-list-messenger'\n        {...additionalFlatListProps}\n      />\n      <StatusIndicator<StreamChatGenerics> />\n    </>\n  );\n};\n\nexport type ChannelListMessengerProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Partial<ChannelListMessengerPropsWithContext<StreamChatGenerics>>;\n\n/**\n * This UI component displays the preview list of channels and handles Channel navigation. It\n * receives all props from the ChannelList component.\n *\n * @example ./ChannelListMessenger.md\n */\nexport const ChannelListMessenger = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: ChannelListMessengerProps<StreamChatGenerics>,\n) => {\n  const {\n    additionalFlatListProps,\n    channels,\n    EmptyStateIndicator,\n    error,\n    FooterLoadingIndicator,\n    forceUpdate,\n    hasNextPage,\n    ListHeaderComponent,\n    loadingChannels,\n    LoadingErrorIndicator,\n    LoadingIndicator,\n    loadingNextPage,\n    loadMoreThreshold,\n    loadNextPage,\n    refreshing,\n    refreshList,\n    reloadList,\n    setFlatListRef,\n  } = useChannelsContext<StreamChatGenerics>();\n\n  return (\n    <ChannelListMessengerWithContext\n      {...{\n        additionalFlatListProps,\n        channels,\n        EmptyStateIndicator,\n        error,\n        FooterLoadingIndicator,\n        forceUpdate,\n        hasNextPage,\n        ListHeaderComponent,\n        loadingChannels,\n        LoadingErrorIndicator,\n        LoadingIndicator,\n        loadingNextPage,\n        loadMoreThreshold,\n        loadNextPage,\n        refreshing,\n        refreshList,\n        reloadList,\n        setFlatListRef,\n      }}\n      {...props}\n    />\n  );\n};\n\nChannelListMessenger.displayName = 'ChannelListMessenger{channelListMessenger}';\n"],"mappings":"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"}

package/lib/module/components/ChannelList/hooks/listeners/useNewMessage.js

@@ -5,10 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.useNewMessage = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = require("react");
+var _lodash = require("lodash");
 var _ChatContext = require("../../../../contexts/chatContext/ChatContext");
 var _utils = require("../../utils");
 var useNewMessage = function useNewMessage(_ref) {
-  var lockChannelOrder = _ref.lockChannelOrder,
+  var filters = _ref.filters,
+    lockChannelOrder = _ref.lockChannelOrder,
     setChannels = _ref.setChannels;
   var _useChatContext = (0, _ChatContext.useChatContext)(),
     client = _useChatContext.client;
@@ -16,7 +18,8 @@ var useNewMessage = function useNewMessage(_ref) {
     var handleEvent = function handleEvent(event) {
       setChannels(function (channels) {
         if (!channels) return channels;
-        if (!lockChannelOrder && event.cid && event.channel_type && event.channel_id) {
+        var areFiltersTypeMatchingToEventChannelType = (0, _lodash.isEmpty)(filters) || event.channel_type === (filters == null ? void 0 : filters.type);
+        if (!lockChannelOrder && event.cid && event.channel_type && event.channel_id && areFiltersTypeMatchingToEventChannelType) {
           var targetChannelIndex = channels.findIndex(function (c) {
             return c.cid === event.cid;
           });

package/lib/module/components/ChannelList/hooks/listeners/useNewMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["useNewMessage","lockChannelOrder","setChannels","useChatContext","client","useEffect","handleEvent","event","channels","cid","channel_type","channel_id","targetChannelIndex","findIndex","c","moveChannelUp","channel","initialized","listener","on","unsubscribe"],"sources":["useNewMessage.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport type { Channel, Event } from 'stream-chat';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\nimport { moveChannelUp } from '../../utils';\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  {\n    lockChannelOrder: boolean;\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;\n  };\n\nexport const useNewMessage = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  lockChannelOrder,\n  setChannels,\n}: Parameters<StreamChatGenerics>) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  useEffect(() => {\n    const handleEvent = (event: Event<StreamChatGenerics>) => {\n      setChannels((channels) => {\n        if (!channels) return channels;\n\n        if (!lockChannelOrder && event.cid && event.channel_type && event.channel_id) {\n          const targetChannelIndex = channels.findIndex((c) => c.cid === event.cid);\n\n          if (targetChannelIndex >= 0) {\n            return moveChannelUp<StreamChatGenerics>({\n              channels,\n              cid: event.cid,\n            });\n          }\n\n          // If channel doesn't exist in existing list, check in activeChannels as well.\n          // It may happen that channel was hidden using channel.hide(). In that case\n          // We remove it from `channels` state, but its still being watched and exists in client.activeChannels.\n          const channel = client.channel(event.channel_type, event.channel_id);\n\n          if (channel.initialized) {\n            return [channel, ...channels];\n          }\n        }\n\n        return [...channels];\n      });\n    };\n\n    const listener = client?.on('message.new', handleEvent);\n    return () => listener?.unsubscribe();\n  }, []);\n};\n"],"mappings":";;;;;;AAAA;AAIA;AAGA;AAQO,IAAMA,aAAa,GAAG,SAAhBA,aAAa,OAKY;EAAA,IAFpCC,gBAAgB,QAAhBA,gBAAgB;IAChBC,WAAW,QAAXA,WAAW;EAEX,sBAAmB,IAAAC,2BAAc,GAAsB;IAA/CC,MAAM,mBAANA,MAAM;EAEd,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIC,KAAgC,EAAK;MACxDL,WAAW,CAAC,UAACM,QAAQ,EAAK;QACxB,IAAI,CAACA,QAAQ,EAAE,OAAOA,QAAQ;QAE9B,IAAI,CAACP,gBAAgB,IAAIM,KAAK,CAACE,GAAG,IAAIF,KAAK,CAACG,YAAY,IAAIH,KAAK,CAACI,UAAU,EAAE;UAC5E,IAAMC,kBAAkB,GAAGJ,QAAQ,CAACK,SAAS,CAAC,UAACC,CAAC;YAAA,OAAKA,CAAC,CAACL,GAAG,KAAKF,KAAK,CAACE,GAAG;UAAA,EAAC;UAEzE,IAAIG,kBAAkB,IAAI,CAAC,EAAE;YAC3B,OAAO,IAAAG,oBAAa,EAAqB;cACvCP,QAAQ,EAARA,QAAQ;cACRC,GAAG,EAAEF,KAAK,CAACE;YACb,CAAC,CAAC;UACJ;UAKA,IAAMO,OAAO,GAAGZ,MAAM,CAACY,OAAO,CAACT,KAAK,CAACG,YAAY,EAAEH,KAAK,CAACI,UAAU,CAAC;UAEpE,IAAIK,OAAO,CAACC,WAAW,EAAE;YACvB,QAAQD,OAAO,6CAAKR,QAAQ;UAC9B;QACF;QAEA,2CAAWA,QAAQ;MACrB,CAAC,CAAC;IACJ,CAAC;IAED,IAAMU,QAAQ,GAAGd,MAAM,oBAANA,MAAM,CAAEe,EAAE,CAAC,aAAa,EAAEb,WAAW,CAAC;IACvD,OAAO;MAAA,OAAMY,QAAQ,oBAARA,QAAQ,CAAEE,WAAW,EAAE;IAAA;EACtC,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAAC"}
+{"version":3,"names":["useNewMessage","filters","lockChannelOrder","setChannels","useChatContext","client","useEffect","handleEvent","event","channels","areFiltersTypeMatchingToEventChannelType","isEmpty","channel_type","type","cid","channel_id","targetChannelIndex","findIndex","c","moveChannelUp","channel","initialized","listener","on","unsubscribe"],"sources":["useNewMessage.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { isEmpty } from 'lodash';\nimport type { Channel, ChannelFilters, Event } from 'stream-chat';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\nimport { moveChannelUp } from '../../utils';\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  {\n    lockChannelOrder: boolean;\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;\n    filters?: ChannelFilters<StreamChatGenerics>;\n  };\n\nexport const useNewMessage = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  filters,\n  lockChannelOrder,\n  setChannels,\n}: Parameters<StreamChatGenerics>) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  useEffect(() => {\n    const handleEvent = (event: Event<StreamChatGenerics>) => {\n      setChannels((channels) => {\n        if (!channels) return channels;\n\n        const areFiltersTypeMatchingToEventChannelType =\n          isEmpty(filters) || event.channel_type === filters?.type;\n\n        if (\n          !lockChannelOrder &&\n          event.cid &&\n          event.channel_type &&\n          event.channel_id &&\n          areFiltersTypeMatchingToEventChannelType\n        ) {\n          const targetChannelIndex = channels.findIndex((c) => c.cid === event.cid);\n\n          if (targetChannelIndex >= 0) {\n            return moveChannelUp<StreamChatGenerics>({\n              channels,\n              cid: event.cid,\n            });\n          }\n\n          // If channel doesn't exist in existing list, check in activeChannels as well.\n          // It may happen that channel was hidden using channel.hide(). In that case\n          // We remove it from `channels` state, but its still being watched and exists in client.activeChannels.\n          const channel = client.channel(event.channel_type, event.channel_id);\n\n          if (channel.initialized) {\n            return [channel, ...channels];\n          }\n        }\n\n        return [...channels];\n      });\n    };\n\n    const listener = client?.on('message.new', handleEvent);\n    return () => listener?.unsubscribe();\n  }, []);\n};\n"],"mappings":";;;;;;AAAA;AAEA;AAGA;AAGA;AASO,IAAMA,aAAa,GAAG,SAAhBA,aAAa,OAMY;EAAA,IAHpCC,OAAO,QAAPA,OAAO;IACPC,gBAAgB,QAAhBA,gBAAgB;IAChBC,WAAW,QAAXA,WAAW;EAEX,sBAAmB,IAAAC,2BAAc,GAAsB;IAA/CC,MAAM,mBAANA,MAAM;EAEd,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIC,KAAgC,EAAK;MACxDL,WAAW,CAAC,UAACM,QAAQ,EAAK;QACxB,IAAI,CAACA,QAAQ,EAAE,OAAOA,QAAQ;QAE9B,IAAMC,wCAAwC,GAC5C,IAAAC,eAAO,EAACV,OAAO,CAAC,IAAIO,KAAK,CAACI,YAAY,MAAKX,OAAO,oBAAPA,OAAO,CAAEY,IAAI;QAE1D,IACE,CAACX,gBAAgB,IACjBM,KAAK,CAACM,GAAG,IACTN,KAAK,CAACI,YAAY,IAClBJ,KAAK,CAACO,UAAU,IAChBL,wCAAwC,EACxC;UACA,IAAMM,kBAAkB,GAAGP,QAAQ,CAACQ,SAAS,CAAC,UAACC,CAAC;YAAA,OAAKA,CAAC,CAACJ,GAAG,KAAKN,KAAK,CAACM,GAAG;UAAA,EAAC;UAEzE,IAAIE,kBAAkB,IAAI,CAAC,EAAE;YAC3B,OAAO,IAAAG,oBAAa,EAAqB;cACvCV,QAAQ,EAARA,QAAQ;cACRK,GAAG,EAAEN,KAAK,CAACM;YACb,CAAC,CAAC;UACJ;UAKA,IAAMM,OAAO,GAAGf,MAAM,CAACe,OAAO,CAACZ,KAAK,CAACI,YAAY,EAAEJ,KAAK,CAACO,UAAU,CAAC;UAEpE,IAAIK,OAAO,CAACC,WAAW,EAAE;YACvB,QAAQD,OAAO,6CAAKX,QAAQ;UAC9B;QACF;QAEA,2CAAWA,QAAQ;MACrB,CAAC,CAAC;IACJ,CAAC;IAED,IAAMa,QAAQ,GAAGjB,MAAM,oBAANA,MAAM,CAAEkB,EAAE,CAAC,aAAa,EAAEhB,WAAW,CAAC;IACvD,OAAO;MAAA,OAAMe,QAAQ,oBAARA,QAAQ,CAAEE,WAAW,EAAE;IAAA;EACtC,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAAC"}

package/lib/module/components/ChannelList/hooks/listeners/useNewMessageNotification.js

@@ -7,18 +7,20 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _react = require("react");
+var _lodash = require("lodash");
 var _uniqBy = _interopRequireDefault(require("lodash/uniqBy"));
 var _ChatContext = require("../../../../contexts/chatContext/ChatContext");
 var _utils = require("../../utils");
 var useNewMessageNotification = function useNewMessageNotification(_ref) {
-  var onMessageNew = _ref.onMessageNew,
+  var filters = _ref.filters,
+    onMessageNew = _ref.onMessageNew,
     setChannels = _ref.setChannels;
   var _useChatContext = (0, _ChatContext.useChatContext)(),
     client = _useChatContext.client;
   (0, _react.useEffect)(function () {
     var handleEvent = function () {
       var _ref2 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee(event) {
-        var _event$channel, _event$channel2, channel;
+        var _event$channel, _event$channel2, _event$channel3, areFiltersTypeMatchingToEventChannelType, channel;
         return _regenerator["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -27,25 +29,26 @@ var useNewMessageNotification = function useNewMessageNotification(_ref) {
                 break;
               }
               onMessageNew(setChannels, event);
-              _context.next = 9;
+              _context.next = 10;
               break;
             case 4:
-              if (!((_event$channel = event.channel) != null && _event$channel.id && (_event$channel2 = event.channel) != null && _event$channel2.type)) {
-                _context.next = 9;
+              areFiltersTypeMatchingToEventChannelType = (0, _lodash.isEmpty)(filters) || ((_event$channel = event.channel) == null ? void 0 : _event$channel.type) === (filters == null ? void 0 : filters.type);
+              if (!((_event$channel2 = event.channel) != null && _event$channel2.id && (_event$channel3 = event.channel) != null && _event$channel3.type && areFiltersTypeMatchingToEventChannelType)) {
+                _context.next = 10;
                 break;
               }
-              _context.next = 7;
+              _context.next = 8;
               return (0, _utils.getChannel)({
                 client: client,
                 id: event.channel.id,
                 type: event.channel.type
               });
-            case 7:
+            case 8:
               channel = _context.sent;
               setChannels(function (channels) {
                 return channels ? (0, _uniqBy["default"])([channel].concat((0, _toConsumableArray2["default"])(channels)), 'cid') : channels;
               });
-            case 9:
+            case 10:
             case "end":
               return _context.stop();
           }

package/lib/module/components/ChannelList/hooks/listeners/useNewMessageNotification.js.map

@@ -1 +1 @@
-{"version":3,"names":["useNewMessageNotification","onMessageNew","setChannels","useChatContext","client","useEffect","handleEvent","event","channel","id","type","getChannel","channels","uniqBy","listener","on","unsubscribe"],"sources":["useNewMessageNotification.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport uniqBy from 'lodash/uniqBy';\n\nimport type { Channel, Event } from 'stream-chat';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\nimport { getChannel } from '../../utils';\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  {\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;\n    onMessageNew?: (\n      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,\n      event: Event<StreamChatGenerics>,\n    ) => void;\n  };\n\nexport const useNewMessageNotification = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  onMessageNew,\n  setChannels,\n}: Parameters<StreamChatGenerics>) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  useEffect(() => {\n    const handleEvent = async (event: Event<StreamChatGenerics>) => {\n      if (typeof onMessageNew === 'function') {\n        onMessageNew(setChannels, event);\n      } else {\n        if (event.channel?.id && event.channel?.type) {\n          const channel = await getChannel({\n            client,\n            id: event.channel.id,\n            type: event.channel.type,\n          });\n          setChannels((channels) => (channels ? uniqBy([channel, ...channels], 'cid') : channels));\n        }\n      }\n    };\n\n    const listener = client?.on('notification.message_new', handleEvent);\n    return () => listener?.unsubscribe();\n  }, []);\n};\n"],"mappings":";;;;;;;;AAAA;AAEA;AAIA;AAGA;AAWO,IAAMA,yBAAyB,GAAG,SAA5BA,yBAAyB,OAKA;EAAA,IAFpCC,YAAY,QAAZA,YAAY;IACZC,WAAW,QAAXA,WAAW;EAEX,sBAAmB,IAAAC,2BAAc,GAAsB;IAA/CC,MAAM,mBAANA,MAAM;EAEd,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAMC,WAAW;MAAA,4EAAG,iBAAOC,KAAgC;QAAA;QAAA;UAAA;YAAA;cAAA,MACrD,OAAON,YAAY,KAAK,UAAU;gBAAA;gBAAA;cAAA;cACpCA,YAAY,CAACC,WAAW,EAAEK,KAAK,CAAC;cAAC;cAAA;YAAA;cAAA,MAE7B,kBAAAA,KAAK,CAACC,OAAO,aAAb,eAAeC,EAAE,uBAAIF,KAAK,CAACC,OAAO,aAAb,gBAAeE,IAAI;gBAAA;gBAAA;cAAA;cAAA;cAAA,OACpB,IAAAC,iBAAU,EAAC;gBAC/BP,MAAM,EAANA,MAAM;gBACNK,EAAE,EAAEF,KAAK,CAACC,OAAO,CAACC,EAAE;gBACpBC,IAAI,EAAEH,KAAK,CAACC,OAAO,CAACE;cACtB,CAAC,CAAC;YAAA;cAJIF,OAAO;cAKbN,WAAW,CAAC,UAACU,QAAQ;gBAAA,OAAMA,QAAQ,GAAG,IAAAC,kBAAM,GAAEL,OAAO,6CAAKI,QAAQ,IAAG,KAAK,CAAC,GAAGA,QAAQ;cAAA,CAAC,CAAC;YAAC;YAAA;cAAA;UAAA;QAAA;MAAA,CAG9F;MAAA,gBAbKN,WAAW;QAAA;MAAA;IAAA,GAahB;IAED,IAAMQ,QAAQ,GAAGV,MAAM,oBAANA,MAAM,CAAEW,EAAE,CAAC,0BAA0B,EAAET,WAAW,CAAC;IACpE,OAAO;MAAA,OAAMQ,QAAQ,oBAARA,QAAQ,CAAEE,WAAW,EAAE;IAAA;EACtC,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAAC"}
+{"version":3,"names":["useNewMessageNotification","filters","onMessageNew","setChannels","useChatContext","client","useEffect","handleEvent","event","areFiltersTypeMatchingToEventChannelType","isEmpty","channel","type","id","getChannel","channels","uniqBy","listener","on","unsubscribe"],"sources":["useNewMessageNotification.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { isEmpty } from 'lodash';\nimport uniqBy from 'lodash/uniqBy';\n\nimport type { Channel, ChannelFilters, Event } from 'stream-chat';\n\nimport { useChatContext } from '../../../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../../../types/types';\nimport { getChannel } from '../../utils';\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  {\n    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;\n    filters?: ChannelFilters<StreamChatGenerics>;\n    onMessageNew?: (\n      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,\n      event: Event<StreamChatGenerics>,\n    ) => void;\n  };\n\nexport const useNewMessageNotification = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  filters,\n  onMessageNew,\n  setChannels,\n}: Parameters<StreamChatGenerics>) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n\n  useEffect(() => {\n    const handleEvent = async (event: Event<StreamChatGenerics>) => {\n      if (typeof onMessageNew === 'function') {\n        onMessageNew(setChannels, event);\n      } else {\n        const areFiltersTypeMatchingToEventChannelType =\n          isEmpty(filters) || event.channel?.type === filters?.type;\n\n        if (event.channel?.id && event.channel?.type && areFiltersTypeMatchingToEventChannelType) {\n          const channel = await getChannel({\n            client,\n            id: event.channel.id,\n            type: event.channel.type,\n          });\n          setChannels((channels) => (channels ? uniqBy([channel, ...channels], 'cid') : channels));\n        }\n      }\n    };\n\n    const listener = client?.on('notification.message_new', handleEvent);\n    return () => listener?.unsubscribe();\n  }, []);\n};\n"],"mappings":";;;;;;;;AAAA;AAEA;AACA;AAIA;AAGA;AAYO,IAAMA,yBAAyB,GAAG,SAA5BA,yBAAyB,OAMA;EAAA,IAHpCC,OAAO,QAAPA,OAAO;IACPC,YAAY,QAAZA,YAAY;IACZC,WAAW,QAAXA,WAAW;EAEX,sBAAmB,IAAAC,2BAAc,GAAsB;IAA/CC,MAAM,mBAANA,MAAM;EAEd,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAMC,WAAW;MAAA,4EAAG,iBAAOC,KAAgC;QAAA;QAAA;UAAA;YAAA;cAAA,MACrD,OAAON,YAAY,KAAK,UAAU;gBAAA;gBAAA;cAAA;cACpCA,YAAY,CAACC,WAAW,EAAEK,KAAK,CAAC;cAAC;cAAA;YAAA;cAE3BC,wCAAwC,GAC5C,IAAAC,eAAO,EAACT,OAAO,CAAC,IAAI,mBAAAO,KAAK,CAACG,OAAO,qBAAb,eAAeC,IAAI,OAAKX,OAAO,oBAAPA,OAAO,CAAEW,IAAI;cAAA,MAEvD,mBAAAJ,KAAK,CAACG,OAAO,aAAb,gBAAeE,EAAE,uBAAIL,KAAK,CAACG,OAAO,aAAb,gBAAeC,IAAI,IAAIH,wCAAwC;gBAAA;gBAAA;cAAA;cAAA;cAAA,OAChE,IAAAK,iBAAU,EAAC;gBAC/BT,MAAM,EAANA,MAAM;gBACNQ,EAAE,EAAEL,KAAK,CAACG,OAAO,CAACE,EAAE;gBACpBD,IAAI,EAAEJ,KAAK,CAACG,OAAO,CAACC;cACtB,CAAC,CAAC;YAAA;cAJID,OAAO;cAKbR,WAAW,CAAC,UAACY,QAAQ;gBAAA,OAAMA,QAAQ,GAAG,IAAAC,kBAAM,GAAEL,OAAO,6CAAKI,QAAQ,IAAG,KAAK,CAAC,GAAGA,QAAQ;cAAA,CAAC,CAAC;YAAC;YAAA;cAAA;UAAA;QAAA;MAAA,CAG9F;MAAA,gBAhBKR,WAAW;QAAA;MAAA;IAAA,GAgBhB;IAED,IAAMU,QAAQ,GAAGZ,MAAM,oBAANA,MAAM,CAAEa,EAAE,CAAC,0BAA0B,EAAEX,WAAW,CAAC;IACpE,OAAO;MAAA,OAAMU,QAAQ,oBAARA,QAAQ,CAAEE,WAAW,EAAE;IAAA;EACtC,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAAC"}

package/lib/module/components/ChannelList/hooks/usePaginatedChannels.js

@@ -35,35 +35,35 @@ var usePaginatedChannels = function usePaginatedChannels(_ref) {
     setForceUpdate = _ref.setForceUpdate,
     _ref$sort = _ref.sort,
     sort = _ref$sort === void 0 ? {} : _ref$sort;
-  var _useChatContext = (0, _ChatContext.useChatContext)(),
-    client = _useChatContext.client;
   var _useState = (0, _react.useState)(null),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     channels = _useState2[0],
     setChannels = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
+  var _useState3 = (0, _react.useState)(undefined),
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    staticChannelsActive = _useState4[0],
-    setStaticChannelsActive = _useState4[1];
-  var activeChannels = (0, _ActiveChannelsRefContext.useActiveChannelsRefContext)();
-  var _useState5 = (0, _react.useState)(),
+    error = _useState4[0],
+    setError = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
     _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-    error = _useState6[0],
-    setError = _useState6[1];
-  var _useState7 = (0, _react.useState)(true),
+    staticChannelsActive = _useState6[0],
+    setStaticChannelsActive = _useState6[1];
+  var _useState7 = (0, _react.useState)('queryLocalDB'),
     _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-    hasNextPage = _useState8[0],
-    setHasNextPage = _useState8[1];
-  var lastRefresh = (0, _react.useRef)(Date.now());
-  var isQueryingRef = (0, _react.useRef)(false);
-  var _useState9 = (0, _react.useState)('queryLocalDB'),
+    activeQueryType = _useState8[0],
+    setActiveQueryType = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
     _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-    activeQueryType = _useState10[0],
-    setActiveQueryType = _useState10[1];
+    hasNextPage = _useState10[0],
+    setHasNextPage = _useState10[1];
+  var activeChannels = (0, _ActiveChannelsRefContext.useActiveChannelsRefContext)();
   var isMountedRef = (0, _useIsMountedRef.useIsMountedRef)();
+  var _useChatContext = (0, _ChatContext.useChatContext)(),
+    client = _useChatContext.client;
   var filtersRef = (0, _react.useRef)(null);
   var sortRef = (0, _react.useRef)(null);
   var activeRequestId = (0, _react.useRef)(0);
+  var isQueryingRef = (0, _react.useRef)(false);
+  var lastRefresh = (0, _react.useRef)(Date.now());
   var queryChannels = function () {
     var _ref2 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee() {
       var _options$limit;
@@ -143,54 +143,70 @@ var usePaginatedChannels = function usePaginatedChannels(_ref) {
             setChannels(newChannels);
             setStaticChannelsActive(false);
             setHasNextPage(channelQueryResponse.length >= newOptions.limit);
-            setError(undefined);
             isQueryingRef.current = false;
-            _context.next = 46;
+            _context.next = 45;
             break;
-          case 33:
-            _context.prev = 33;
+          case 32:
+            _context.prev = 32;
             _context.t0 = _context["catch"](17);
             isQueryingRef.current = false;
-            _context.next = 38;
+            _context.next = 37;
             return waitSeconds(2);
-          case 38:
+          case 37:
             if (!isQueryStale()) {
-              _context.next = 40;
+              _context.next = 39;
               break;
             }
             return _context.abrupt("return");
-          case 40:
+          case 39:
             if (!(retryCount === MAX_NUMBER_OF_RETRIES && !isQueryingRef.current)) {
-              _context.next = 45;
+              _context.next = 44;
               break;
             }
             setActiveQueryType(null);
             console.warn(_context.t0);
             setError(new Error("Maximum number of retries reached in queryChannels. Last error message is: " + _context.t0));
             return _context.abrupt("return");
-          case 45:
+          case 44:
             return _context.abrupt("return", queryChannels(queryType, retryCount + 1));
-          case 46:
+          case 45:
             setActiveQueryType(null);
-          case 47:
+          case 46:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[17, 33]]);
+      }, _callee, null, [[17, 32]]);
     }));
     return function queryChannels() {
       return _ref2.apply(this, arguments);
     };
   }();
-  var loadNextPage = hasNextPage ? queryChannels : undefined;
-  var refreshList = function refreshList() {
-    var now = Date.now();
-    if (now - lastRefresh.current < RETRY_INTERVAL_IN_MS && error === undefined) {
-      return;
-    }
-    lastRefresh.current = Date.now();
-    return queryChannels('refresh');
-  };
+  var refreshList = function () {
+    var _ref3 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee2() {
+      var now;
+      return _regenerator["default"].wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            now = Date.now();
+            if (!(now - lastRefresh.current < RETRY_INTERVAL_IN_MS && error === undefined)) {
+              _context2.next = 3;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 3:
+            lastRefresh.current = Date.now();
+            _context2.next = 6;
+            return queryChannels('refresh');
+          case 6:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function refreshList() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
   var reloadList = function reloadList() {
     return queryChannels('reload');
   };
@@ -236,15 +252,15 @@ var usePaginatedChannels = function usePaginatedChannels(_ref) {
       }
     } else {
       listener = client.on('connection.changed', function () {
-        var _ref3 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee2(event) {
-          return _regenerator["default"].wrap(function _callee2$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
+        var _ref4 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee3(event) {
+          return _regenerator["default"].wrap(function _callee3$(_context3) {
+            while (1) switch (_context3.prev = _context3.next) {
               case 0:
                 if (!event.online) {
-                  _context2.next = 4;
+                  _context3.next = 4;
                   break;
                 }
-                _context2.next = 3;
+                _context3.next = 3;
                 return refreshList();
               case 3:
                 setForceUpdate(function (u) {
@@ -252,12 +268,12 @@ var usePaginatedChannels = function usePaginatedChannels(_ref) {
                 });
               case 4:
               case "end":
-                return _context2.stop();
+                return _context3.stop();
             }
-          }, _callee2);
+          }, _callee3);
         }));
         return function (_x) {
-          return _ref3.apply(this, arguments);
+          return _ref4.apply(this, arguments);
         };
       }());
       reloadList();
@@ -273,7 +289,7 @@ var usePaginatedChannels = function usePaginatedChannels(_ref) {
     hasNextPage: hasNextPage,
     loadingChannels: activeQueryType === 'queryLocalDB' ? true : (activeQueryType === 'reload' || activeQueryType === null) && channels === null,
     loadingNextPage: activeQueryType === 'loadChannels',
-    loadNextPage: loadNextPage,
+    loadNextPage: queryChannels,
     refreshing: activeQueryType === 'refresh',
     refreshList: refreshList,
     reloadList: reloadList,