stream-chat-react-native-core 5.8.0-beta.5 → 5.8.0-beta.7

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

@@ -1,260 +1,199 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.usePaginatedChannels = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 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 = require("react");
-
 var _ActiveChannelsRefContext = require("../../../contexts/activeChannelsRefContext/ActiveChannelsRefContext");
-
 var _ChatContext = require("../../../contexts/chatContext/ChatContext");
-
 var _useIsMountedRef = require("../../../hooks/useIsMountedRef");
-
 var _getChannelsForFilterSort = require("../../../store/apis/getChannelsForFilterSort");
-
 var _date = require("../../../utils/date");
-
 var _DBSyncManager = require("../../../utils/DBSyncManager");
-
 var _utils = require("../utils");
-
 var waitSeconds = function waitSeconds(seconds) {
   return new Promise(function (resolve) {
     setTimeout(resolve, seconds * _date.ONE_SECOND_IN_MS);
   });
 };
-
 var DEFAULT_OPTIONS = {
   message_limit: 10
 };
 var MAX_NUMBER_OF_RETRIES = 3;
 var RETRY_INTERVAL_IN_MS = 5000;
-
 var usePaginatedChannels = function usePaginatedChannels(_ref) {
   var enableOfflineSupport = _ref.enableOfflineSupport,
-      _ref$filters = _ref.filters,
-      filters = _ref$filters === void 0 ? {} : _ref$filters,
-      _ref$options = _ref.options,
-      options = _ref$options === void 0 ? DEFAULT_OPTIONS : _ref$options,
-      setForceUpdate = _ref.setForceUpdate,
-      _ref$sort = _ref.sort,
-      sort = _ref$sort === void 0 ? {} : _ref$sort;
-
+    _ref$filters = _ref.filters,
+    filters = _ref$filters === void 0 ? {} : _ref$filters,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? DEFAULT_OPTIONS : _ref$options,
+    setForceUpdate = _ref.setForceUpdate,
+    _ref$sort = _ref.sort,
+    sort = _ref$sort === void 0 ? {} : _ref$sort;
   var _useChatContext = (0, _ChatContext.useChatContext)(),
-      client = _useChatContext.client;
-
+    client = _useChatContext.client;
   var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      channels = _useState2[0],
-      setChannels = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    channels = _useState2[0],
+    setChannels = _useState2[1];
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      staticChannelsActive = _useState4[0],
-      setStaticChannelsActive = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    staticChannelsActive = _useState4[0],
+    setStaticChannelsActive = _useState4[1];
   var activeChannels = (0, _ActiveChannelsRefContext.useActiveChannelsRefContext)();
-
   var _useState5 = (0, _react.useState)(),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      error = _useState6[0],
-      setError = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    error = _useState6[0],
+    setError = _useState6[1];
   var _useState7 = (0, _react.useState)(true),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      hasNextPage = _useState8[0],
-      setHasNextPage = _useState8[1];
-
+    _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'),
-      _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-      activeQueryType = _useState10[0],
-      setActiveQueryType = _useState10[1];
-
+    _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
+    activeQueryType = _useState10[0],
+    setActiveQueryType = _useState10[1];
   var isMountedRef = (0, _useIsMountedRef.useIsMountedRef)();
   var filtersRef = (0, _react.useRef)(null);
   var sortRef = (0, _react.useRef)(null);
   var activeRequestId = (0, _react.useRef)(0);
-
   var queryChannels = function () {
     var _ref2 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee() {
       var _options$limit;
-
       var queryType,
-          retryCount,
-          hasUpdatedData,
-          isQueryStale,
-          currentRequestId,
-          newOptions,
-          activeChannelIds,
-          cid,
-          channelQueryResponse,
-          newChannels,
-          _args = arguments;
+        retryCount,
+        hasUpdatedData,
+        isQueryStale,
+        currentRequestId,
+        newOptions,
+        activeChannelIds,
+        cid,
+        channelQueryResponse,
+        newChannels,
+        _args = arguments;
       return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              queryType = _args.length > 0 && _args[0] !== undefined ? _args[0] : 'loadChannels';
-              retryCount = _args.length > 1 && _args[1] !== undefined ? _args[1] : 0;
-
-              if (!(!client || !isMountedRef.current)) {
-                _context.next = 4;
-                break;
-              }
-
-              return _context.abrupt("return");
-
-            case 4:
-              hasUpdatedData = queryType === 'loadChannels' || queryType === 'refresh' || [JSON.stringify(filtersRef.current) !== JSON.stringify(filters), JSON.stringify(sortRef.current) !== JSON.stringify(sort)].some(Boolean);
-
-              isQueryStale = function isQueryStale() {
-                return !isMountedRef || activeRequestId.current !== currentRequestId;
-              };
-
-              if (hasUpdatedData) {
-                _context.next = 9;
-                break;
-              }
-
-              if (!(activeQueryType === null)) {
-                _context.next = 9;
-                break;
-              }
-
-              return _context.abrupt("return");
-
-            case 9:
-              filtersRef.current = filters;
-              sortRef.current = sort;
-              isQueryingRef.current = true;
-              setError(undefined);
-              activeRequestId.current++;
-              currentRequestId = activeRequestId.current;
-              setActiveQueryType(queryType);
-              newOptions = (0, _extends2["default"])({
-                limit: (_options$limit = options == null ? void 0 : options.limit) != null ? _options$limit : _utils.MAX_QUERY_CHANNELS_LIMIT,
-                offset: queryType === 'loadChannels' && !staticChannelsActive && channels ? channels.length : 0
-              }, options);
-              _context.prev = 17;
-              activeChannelIds = [];
-
-              for (cid in client.activeChannels) {
-                if (client.activeChannels[cid].id) {
-                  activeChannelIds.push(client.activeChannels[cid].id);
-                }
-              }
-
-              _context.next = 22;
-              return client.queryChannels(filters, sort, newOptions, {
-                skipInitialization: enableOfflineSupport ? activeChannelIds : activeChannels.current
-              });
-
-            case 22:
-              channelQueryResponse = _context.sent;
-
-              if (!(isQueryStale() || !isMountedRef.current)) {
-                _context.next = 25;
-                break;
-              }
-
-              return _context.abrupt("return");
-
-            case 25:
-              newChannels = queryType === 'loadChannels' && !staticChannelsActive && channels ? [].concat((0, _toConsumableArray2["default"])(channels), (0, _toConsumableArray2["default"])(channelQueryResponse)) : channelQueryResponse.map(function (c) {
-                var existingChannel = client.activeChannels[c.cid];
-
-                if (existingChannel) {
-                  return existingChannel;
-                }
-
-                return c;
-              });
-              setChannels(newChannels);
-              setStaticChannelsActive(false);
-              setHasNextPage(channelQueryResponse.length >= newOptions.limit);
-              setError(undefined);
-              isQueryingRef.current = false;
-              _context.next = 46;
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            queryType = _args.length > 0 && _args[0] !== undefined ? _args[0] : 'loadChannels';
+            retryCount = _args.length > 1 && _args[1] !== undefined ? _args[1] : 0;
+            if (!(!client || !isMountedRef.current)) {
+              _context.next = 4;
+              break;
+            }
+            return _context.abrupt("return");
+          case 4:
+            hasUpdatedData = queryType === 'loadChannels' || queryType === 'refresh' || [JSON.stringify(filtersRef.current) !== JSON.stringify(filters), JSON.stringify(sortRef.current) !== JSON.stringify(sort)].some(Boolean);
+            isQueryStale = function isQueryStale() {
+              return !isMountedRef || activeRequestId.current !== currentRequestId;
+            };
+            if (hasUpdatedData) {
+              _context.next = 9;
+              break;
+            }
+            if (!(activeQueryType === null)) {
+              _context.next = 9;
               break;
-
-            case 33:
-              _context.prev = 33;
-              _context.t0 = _context["catch"](17);
-              isQueryingRef.current = false;
-              _context.next = 38;
-              return waitSeconds(2);
-
-            case 38:
-              if (!isQueryStale()) {
-                _context.next = 40;
-                break;
+            }
+            return _context.abrupt("return");
+          case 9:
+            filtersRef.current = filters;
+            sortRef.current = sort;
+            isQueryingRef.current = true;
+            setError(undefined);
+            activeRequestId.current++;
+            currentRequestId = activeRequestId.current;
+            setActiveQueryType(queryType);
+            newOptions = (0, _extends2["default"])({
+              limit: (_options$limit = options == null ? void 0 : options.limit) != null ? _options$limit : _utils.MAX_QUERY_CHANNELS_LIMIT,
+              offset: queryType === 'loadChannels' && !staticChannelsActive && channels ? channels.length : 0
+            }, options);
+            _context.prev = 17;
+            activeChannelIds = [];
+            for (cid in client.activeChannels) {
+              if (client.activeChannels[cid].id) {
+                activeChannelIds.push(client.activeChannels[cid].id);
               }
-
-              return _context.abrupt("return");
-
-            case 40:
-              if (!(retryCount === MAX_NUMBER_OF_RETRIES && !isQueryingRef.current)) {
-                _context.next = 45;
-                break;
+            }
+            _context.next = 22;
+            return client.queryChannels(filters, sort, newOptions, {
+              skipInitialization: enableOfflineSupport ? activeChannelIds : activeChannels.current
+            });
+          case 22:
+            channelQueryResponse = _context.sent;
+            if (!(isQueryStale() || !isMountedRef.current)) {
+              _context.next = 25;
+              break;
+            }
+            return _context.abrupt("return");
+          case 25:
+            newChannels = queryType === 'loadChannels' && !staticChannelsActive && channels ? [].concat((0, _toConsumableArray2["default"])(channels), (0, _toConsumableArray2["default"])(channelQueryResponse)) : channelQueryResponse.map(function (c) {
+              var existingChannel = client.activeChannels[c.cid];
+              if (existingChannel) {
+                return existingChannel;
               }
-
-              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:
-              return _context.abrupt("return", queryChannels(queryType, retryCount + 1));
-
-            case 46:
-              setActiveQueryType(null);
-
-            case 47:
-            case "end":
-              return _context.stop();
-          }
+              return c;
+            });
+            setChannels(newChannels);
+            setStaticChannelsActive(false);
+            setHasNextPage(channelQueryResponse.length >= newOptions.limit);
+            setError(undefined);
+            isQueryingRef.current = false;
+            _context.next = 46;
+            break;
+          case 33:
+            _context.prev = 33;
+            _context.t0 = _context["catch"](17);
+            isQueryingRef.current = false;
+            _context.next = 38;
+            return waitSeconds(2);
+          case 38:
+            if (!isQueryStale()) {
+              _context.next = 40;
+              break;
+            }
+            return _context.abrupt("return");
+          case 40:
+            if (!(retryCount === MAX_NUMBER_OF_RETRIES && !isQueryingRef.current)) {
+              _context.next = 45;
+              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:
+            return _context.abrupt("return", queryChannels(queryType, retryCount + 1));
+          case 46:
+            setActiveQueryType(null);
+          case 47:
+          case "end":
+            return _context.stop();
         }
       }, _callee, null, [[17, 33]]);
     }));
-
     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 reloadList = function reloadList() {
     return queryChannels('reload');
   };
-
   var filterStr = (0, _react.useMemo)(function () {
     return JSON.stringify(filters);
   }, [filters]);
@@ -264,16 +203,13 @@ var usePaginatedChannels = function usePaginatedChannels(_ref) {
   (0, _react.useEffect)(function () {
     var loadOfflineChannels = function loadOfflineChannels() {
       var _client$user;
-
       if (!(client != null && (_client$user = client.user) != null && _client$user.id)) return;
-
       try {
         var channelsFromDB = (0, _getChannelsForFilterSort.getChannelsForFilterSort)({
           currentUserId: client.user.id,
           filters: filters,
           sort: sort
         });
-
         if (channelsFromDB) {
           setChannels(client.hydrateActiveChannels(channelsFromDB, {
             offlineMode: true
@@ -283,12 +219,9 @@ var usePaginatedChannels = function usePaginatedChannels(_ref) {
       } catch (e) {
         console.warn('Failed to get channels from database: ', e);
       }
-
       setActiveQueryType(null);
     };
-
     var listener;
-
     if (enableOfflineSupport) {
       listener = _DBSyncManager.DBSyncManager.onSyncStatusChange(function (syncStatus) {
         if (syncStatus) {
@@ -297,9 +230,7 @@ var usePaginatedChannels = function usePaginatedChannels(_ref) {
         }
       });
       loadOfflineChannels();
-
       var dbSyncStatus = _DBSyncManager.DBSyncManager.getSyncStatus();
-
       if (dbSyncStatus) {
         reloadList();
       }
@@ -307,40 +238,32 @@ var usePaginatedChannels = function usePaginatedChannels(_ref) {
       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) {
-                case 0:
-                  if (!event.online) {
-                    _context2.next = 4;
-                    break;
-                  }
-
-                  _context2.next = 3;
-                  return refreshList();
-
-                case 3:
-                  setForceUpdate(function (u) {
-                    return u + 1;
-                  });
-
-                case 4:
-                case "end":
-                  return _context2.stop();
-              }
+            while (1) switch (_context2.prev = _context2.next) {
+              case 0:
+                if (!event.online) {
+                  _context2.next = 4;
+                  break;
+                }
+                _context2.next = 3;
+                return refreshList();
+              case 3:
+                setForceUpdate(function (u) {
+                  return u + 1;
+                });
+              case 4:
+              case "end":
+                return _context2.stop();
             }
           }, _callee2);
         }));
-
         return function (_x) {
           return _ref3.apply(this, arguments);
         };
       }());
       reloadList();
     }
-
     return function () {
       var _listener;
-
       return (_listener = listener) == null ? void 0 : _listener.unsubscribe == null ? void 0 : _listener.unsubscribe();
     };
   }, [filterStr, sortStr]);
@@ -358,6 +281,5 @@ var usePaginatedChannels = function usePaginatedChannels(_ref) {
     staticChannelsActive: staticChannelsActive
   };
 };
-
 exports.usePaginatedChannels = usePaginatedChannels;
 //# sourceMappingURL=usePaginatedChannels.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["usePaginatedChannels.ts"],"names":["waitSeconds","seconds","Promise","resolve","setTimeout","ONE_SECOND_IN_MS","DEFAULT_OPTIONS","message_limit","MAX_NUMBER_OF_RETRIES","RETRY_INTERVAL_IN_MS","usePaginatedChannels","enableOfflineSupport","filters","options","setForceUpdate","sort","client","channels","setChannels","staticChannelsActive","setStaticChannelsActive","activeChannels","error","setError","hasNextPage","setHasNextPage","lastRefresh","Date","now","isQueryingRef","activeQueryType","setActiveQueryType","isMountedRef","filtersRef","sortRef","activeRequestId","queryChannels","queryType","retryCount","current","hasUpdatedData","JSON","stringify","some","Boolean","isQueryStale","currentRequestId","undefined","newOptions","limit","MAX_QUERY_CHANNELS_LIMIT","offset","length","activeChannelIds","cid","id","push","skipInitialization","channelQueryResponse","newChannels","map","c","existingChannel","console","warn","Error","loadNextPage","refreshList","reloadList","filterStr","sortStr","loadOfflineChannels","user","channelsFromDB","currentUserId","hydrateActiveChannels","offlineMode","e","listener","DBSyncManager","onSyncStatusChange","syncStatus","dbSyncStatus","getSyncStatus","on","event","online","u","unsubscribe","loadingChannels","loadingNextPage","refreshing"],"mappings":"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","sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\n\nimport type { Channel, ChannelFilters, ChannelOptions, ChannelSort } from 'stream-chat';\n\nimport { useActiveChannelsRefContext } from '../../../contexts/activeChannelsRefContext/ActiveChannelsRefContext';\n\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\nimport { useIsMountedRef } from '../../../hooks/useIsMountedRef';\n\nimport { getChannelsForFilterSort } from '../../../store/apis/getChannelsForFilterSort';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { ONE_SECOND_IN_MS } from '../../../utils/date';\nimport { DBSyncManager } from '../../../utils/DBSyncManager';\nimport { MAX_QUERY_CHANNELS_LIMIT } from '../utils';\n\nconst waitSeconds = (seconds: number) =>\n  new Promise((resolve) => {\n    setTimeout(resolve, seconds * ONE_SECOND_IN_MS);\n  });\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  {\n    enableOfflineSupport: boolean;\n    filters: ChannelFilters<StreamChatGenerics>;\n    options: ChannelOptions;\n    setForceUpdate: React.Dispatch<React.SetStateAction<number>>;\n    sort: ChannelSort<StreamChatGenerics>;\n  };\n\nconst DEFAULT_OPTIONS = {\n  message_limit: 10,\n};\n\nconst MAX_NUMBER_OF_RETRIES = 3;\nconst RETRY_INTERVAL_IN_MS = 5000;\n\ntype QueryType = 'queryLocalDB' | 'reload' | 'refresh' | 'loadChannels';\n\nexport type QueryChannels = (queryType?: QueryType, retryCount?: number) => Promise<void>;\n\nexport const usePaginatedChannels = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  enableOfflineSupport,\n  filters = {},\n  options = DEFAULT_OPTIONS,\n  setForceUpdate,\n  sort = {},\n}: Parameters<StreamChatGenerics>) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n  const [channels, setChannels] = useState<Channel<StreamChatGenerics>[] | null>(null);\n  const [staticChannelsActive, setStaticChannelsActive] = useState<boolean>(false);\n  const activeChannels = useActiveChannelsRefContext();\n  const [error, setError] = useState<Error>();\n  const [hasNextPage, setHasNextPage] = useState(true);\n  const lastRefresh = useRef(Date.now());\n  const isQueryingRef = useRef(false);\n  const [activeQueryType, setActiveQueryType] = useState<QueryType | null>('queryLocalDB');\n  const isMountedRef = useIsMountedRef();\n  const filtersRef = useRef<typeof filters | null>(null);\n  const sortRef = useRef<typeof sort | null>(null);\n  const activeRequestId = useRef<number>(0);\n\n  const queryChannels: QueryChannels = async (\n    queryType: QueryType = 'loadChannels',\n    retryCount = 0,\n  ): Promise<void> => {\n    if (!client || !isMountedRef.current) return;\n\n    const hasUpdatedData =\n      queryType === 'loadChannels' ||\n      queryType === 'refresh' ||\n      [\n        JSON.stringify(filtersRef.current) !== JSON.stringify(filters),\n        JSON.stringify(sortRef.current) !== JSON.stringify(sort),\n      ].some(Boolean);\n\n    const isQueryStale = () => !isMountedRef || activeRequestId.current !== currentRequestId;\n\n    /**\n     * We don't need to make another call to query channels if we don't\n     * have new data for the query to include\n     * */\n    if (!hasUpdatedData) {\n      if (activeQueryType === null) return;\n    }\n\n    filtersRef.current = filters;\n    sortRef.current = sort;\n    isQueryingRef.current = true;\n    setError(undefined);\n    activeRequestId.current++;\n    const currentRequestId = activeRequestId.current;\n    setActiveQueryType(queryType);\n\n    const newOptions = {\n      limit: options?.limit ?? MAX_QUERY_CHANNELS_LIMIT,\n      offset:\n        queryType === 'loadChannels' && !staticChannelsActive && channels ? channels.length : 0,\n      ...options,\n    };\n\n    try {\n      const activeChannelIds: string[] = [];\n      for (const cid in client.activeChannels) {\n        if (client.activeChannels[cid].id) {\n          // @ts-ignore\n          activeChannelIds.push(client.activeChannels[cid].id);\n        }\n      }\n\n      // TODO: Think about the implications of this.\n      const channelQueryResponse = await client.queryChannels(filters, sort, newOptions, {\n        skipInitialization: enableOfflineSupport ? activeChannelIds : activeChannels.current,\n      });\n      if (isQueryStale() || !isMountedRef.current) {\n        return;\n      }\n\n      const newChannels =\n        queryType === 'loadChannels' && !staticChannelsActive && channels\n          ? [...channels, ...channelQueryResponse]\n          : channelQueryResponse.map((c) => {\n              const existingChannel = client.activeChannels[c.cid];\n              if (existingChannel) {\n                return existingChannel;\n              }\n\n              return c;\n            });\n\n      setChannels(newChannels);\n      setStaticChannelsActive(false);\n      setHasNextPage(channelQueryResponse.length >= newOptions.limit);\n      setError(undefined);\n      isQueryingRef.current = false;\n    } catch (err: unknown) {\n      isQueryingRef.current = false;\n      await waitSeconds(2);\n\n      if (isQueryStale()) {\n        return;\n      }\n\n      // querying.current check is needed in order to make sure the next query call doesnt flick an error\n      // state and then succeed (reconnect case)\n      if (retryCount === MAX_NUMBER_OF_RETRIES && !isQueryingRef.current) {\n        setActiveQueryType(null);\n        console.warn(err);\n\n        setError(\n          new Error(\n            `Maximum number of retries reached in queryChannels. Last error message is: ${err}`,\n          ),\n        );\n        return;\n      }\n\n      return queryChannels(queryType, retryCount + 1);\n    }\n\n    setActiveQueryType(null);\n  };\n\n  const loadNextPage = hasNextPage ? queryChannels : undefined;\n\n  const refreshList = () => {\n    const now = Date.now();\n    // Only allow pull-to-refresh 5 seconds after last successful refresh.\n    if (now - lastRefresh.current < RETRY_INTERVAL_IN_MS && error === undefined) {\n      return;\n    }\n\n    lastRefresh.current = Date.now();\n    return queryChannels('refresh');\n  };\n\n  const reloadList = () => queryChannels('reload');\n\n  /**\n   * Equality check using stringified filters/sort ensure that we don't make un-necessary queryChannels api calls\n   * for the scenario:\n   *\n   * <ChannelList\n   *    filters={{\n   *      members: { $in: ['vishal'] }\n   *    }}\n   *    ...\n   * />\n   *\n   * Here we have passed filters as inline object, which means on every re-render of\n   * parent component, ChannelList will receive new object reference (even though value is same), which\n   * in return will trigger useEffect. To avoid this, we can add a value check.\n   */\n  const filterStr = useMemo(() => JSON.stringify(filters), [filters]);\n  const sortStr = useMemo(() => JSON.stringify(sort), [sort]);\n\n  useEffect(() => {\n    const loadOfflineChannels = () => {\n      if (!client?.user?.id) return;\n\n      try {\n        const channelsFromDB = getChannelsForFilterSort({\n          currentUserId: client.user.id,\n          filters,\n          sort,\n        });\n\n        if (channelsFromDB) {\n          setChannels(\n            client.hydrateActiveChannels(channelsFromDB, {\n              offlineMode: true,\n            }),\n          );\n          setStaticChannelsActive(true);\n        }\n      } catch (e) {\n        console.warn('Failed to get channels from database: ', e);\n      }\n\n      setActiveQueryType(null);\n    };\n\n    let listener: ReturnType<typeof DBSyncManager.onSyncStatusChange>;\n    if (enableOfflineSupport) {\n      // Any time DB is synced, we need to update the UI with local DB channels first,\n      // and then call queryChannels to ensure any new channels are added to UI.\n      listener = DBSyncManager.onSyncStatusChange((syncStatus) => {\n        if (syncStatus) {\n          loadOfflineChannels();\n          reloadList();\n        }\n      });\n      // On start, load the channels from local db.\n      loadOfflineChannels();\n\n      // If db is already synced (sync api and pending api calls), then\n      // right away call queryChannels.\n      const dbSyncStatus = DBSyncManager.getSyncStatus();\n      if (dbSyncStatus) {\n        reloadList();\n      }\n    } else {\n      listener = client.on('connection.changed', async (event) => {\n        if (event.online) {\n          await refreshList();\n          setForceUpdate((u) => u + 1);\n        }\n      });\n\n      reloadList();\n    }\n\n    return () => listener?.unsubscribe?.();\n  }, [filterStr, sortStr]);\n\n  return {\n    channels,\n    error,\n    hasNextPage,\n    loadingChannels:\n      activeQueryType === 'queryLocalDB'\n        ? true\n        : (activeQueryType === 'reload' || activeQueryType === null) && channels === null,\n    loadingNextPage: activeQueryType === 'loadChannels',\n    loadNextPage,\n    refreshing: activeQueryType === 'refresh',\n    refreshList,\n    reloadList,\n    // Although channels can be null, there is no practical case where channels will be null\n    // when setChannels is used. setChannels is only recommended to be used for overriding\n    // event handler. Thus instead of adding if check for channels === null, its better to\n    // simply reassign types here.\n    setChannels,\n    staticChannelsActive,\n  };\n};\n"]}
+{"version":3,"names":["waitSeconds","seconds","Promise","resolve","setTimeout","ONE_SECOND_IN_MS","DEFAULT_OPTIONS","message_limit","MAX_NUMBER_OF_RETRIES","RETRY_INTERVAL_IN_MS","usePaginatedChannels","enableOfflineSupport","filters","options","setForceUpdate","sort","useChatContext","client","useState","channels","setChannels","staticChannelsActive","setStaticChannelsActive","activeChannels","useActiveChannelsRefContext","error","setError","hasNextPage","setHasNextPage","lastRefresh","useRef","Date","now","isQueryingRef","activeQueryType","setActiveQueryType","isMountedRef","useIsMountedRef","filtersRef","sortRef","activeRequestId","queryChannels","queryType","retryCount","current","hasUpdatedData","JSON","stringify","some","Boolean","isQueryStale","currentRequestId","undefined","newOptions","limit","MAX_QUERY_CHANNELS_LIMIT","offset","length","activeChannelIds","cid","id","push","skipInitialization","channelQueryResponse","newChannels","map","c","existingChannel","console","warn","Error","loadNextPage","refreshList","reloadList","filterStr","useMemo","sortStr","useEffect","loadOfflineChannels","user","channelsFromDB","getChannelsForFilterSort","currentUserId","hydrateActiveChannels","offlineMode","e","listener","DBSyncManager","onSyncStatusChange","syncStatus","dbSyncStatus","getSyncStatus","on","event","online","u","unsubscribe","loadingChannels","loadingNextPage","refreshing"],"sources":["usePaginatedChannels.ts"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\n\nimport type { Channel, ChannelFilters, ChannelOptions, ChannelSort } from 'stream-chat';\n\nimport { useActiveChannelsRefContext } from '../../../contexts/activeChannelsRefContext/ActiveChannelsRefContext';\n\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\nimport { useIsMountedRef } from '../../../hooks/useIsMountedRef';\n\nimport { getChannelsForFilterSort } from '../../../store/apis/getChannelsForFilterSort';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { ONE_SECOND_IN_MS } from '../../../utils/date';\nimport { DBSyncManager } from '../../../utils/DBSyncManager';\nimport { MAX_QUERY_CHANNELS_LIMIT } from '../utils';\n\nconst waitSeconds = (seconds: number) =>\n  new Promise((resolve) => {\n    setTimeout(resolve, seconds * ONE_SECOND_IN_MS);\n  });\n\ntype Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  {\n    enableOfflineSupport: boolean;\n    filters: ChannelFilters<StreamChatGenerics>;\n    options: ChannelOptions;\n    setForceUpdate: React.Dispatch<React.SetStateAction<number>>;\n    sort: ChannelSort<StreamChatGenerics>;\n  };\n\nconst DEFAULT_OPTIONS = {\n  message_limit: 10,\n};\n\nconst MAX_NUMBER_OF_RETRIES = 3;\nconst RETRY_INTERVAL_IN_MS = 5000;\n\ntype QueryType = 'queryLocalDB' | 'reload' | 'refresh' | 'loadChannels';\n\nexport type QueryChannels = (queryType?: QueryType, retryCount?: number) => Promise<void>;\n\nexport const usePaginatedChannels = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  enableOfflineSupport,\n  filters = {},\n  options = DEFAULT_OPTIONS,\n  setForceUpdate,\n  sort = {},\n}: Parameters<StreamChatGenerics>) => {\n  const { client } = useChatContext<StreamChatGenerics>();\n  const [channels, setChannels] = useState<Channel<StreamChatGenerics>[] | null>(null);\n  const [staticChannelsActive, setStaticChannelsActive] = useState<boolean>(false);\n  const activeChannels = useActiveChannelsRefContext();\n  const [error, setError] = useState<Error>();\n  const [hasNextPage, setHasNextPage] = useState(true);\n  const lastRefresh = useRef(Date.now());\n  const isQueryingRef = useRef(false);\n  const [activeQueryType, setActiveQueryType] = useState<QueryType | null>('queryLocalDB');\n  const isMountedRef = useIsMountedRef();\n  const filtersRef = useRef<typeof filters | null>(null);\n  const sortRef = useRef<typeof sort | null>(null);\n  const activeRequestId = useRef<number>(0);\n\n  const queryChannels: QueryChannels = async (\n    queryType: QueryType = 'loadChannels',\n    retryCount = 0,\n  ): Promise<void> => {\n    if (!client || !isMountedRef.current) return;\n\n    const hasUpdatedData =\n      queryType === 'loadChannels' ||\n      queryType === 'refresh' ||\n      [\n        JSON.stringify(filtersRef.current) !== JSON.stringify(filters),\n        JSON.stringify(sortRef.current) !== JSON.stringify(sort),\n      ].some(Boolean);\n\n    const isQueryStale = () => !isMountedRef || activeRequestId.current !== currentRequestId;\n\n    /**\n     * We don't need to make another call to query channels if we don't\n     * have new data for the query to include\n     * */\n    if (!hasUpdatedData) {\n      if (activeQueryType === null) return;\n    }\n\n    filtersRef.current = filters;\n    sortRef.current = sort;\n    isQueryingRef.current = true;\n    setError(undefined);\n    activeRequestId.current++;\n    const currentRequestId = activeRequestId.current;\n    setActiveQueryType(queryType);\n\n    const newOptions = {\n      limit: options?.limit ?? MAX_QUERY_CHANNELS_LIMIT,\n      offset:\n        queryType === 'loadChannels' && !staticChannelsActive && channels ? channels.length : 0,\n      ...options,\n    };\n\n    try {\n      const activeChannelIds: string[] = [];\n      for (const cid in client.activeChannels) {\n        if (client.activeChannels[cid].id) {\n          // @ts-ignore\n          activeChannelIds.push(client.activeChannels[cid].id);\n        }\n      }\n\n      // TODO: Think about the implications of this.\n      const channelQueryResponse = await client.queryChannels(filters, sort, newOptions, {\n        skipInitialization: enableOfflineSupport ? activeChannelIds : activeChannels.current,\n      });\n      if (isQueryStale() || !isMountedRef.current) {\n        return;\n      }\n\n      const newChannels =\n        queryType === 'loadChannels' && !staticChannelsActive && channels\n          ? [...channels, ...channelQueryResponse]\n          : channelQueryResponse.map((c) => {\n              const existingChannel = client.activeChannels[c.cid];\n              if (existingChannel) {\n                return existingChannel;\n              }\n\n              return c;\n            });\n\n      setChannels(newChannels);\n      setStaticChannelsActive(false);\n      setHasNextPage(channelQueryResponse.length >= newOptions.limit);\n      setError(undefined);\n      isQueryingRef.current = false;\n    } catch (err: unknown) {\n      isQueryingRef.current = false;\n      await waitSeconds(2);\n\n      if (isQueryStale()) {\n        return;\n      }\n\n      // querying.current check is needed in order to make sure the next query call doesnt flick an error\n      // state and then succeed (reconnect case)\n      if (retryCount === MAX_NUMBER_OF_RETRIES && !isQueryingRef.current) {\n        setActiveQueryType(null);\n        console.warn(err);\n\n        setError(\n          new Error(\n            `Maximum number of retries reached in queryChannels. Last error message is: ${err}`,\n          ),\n        );\n        return;\n      }\n\n      return queryChannels(queryType, retryCount + 1);\n    }\n\n    setActiveQueryType(null);\n  };\n\n  const loadNextPage = hasNextPage ? queryChannels : undefined;\n\n  const refreshList = () => {\n    const now = Date.now();\n    // Only allow pull-to-refresh 5 seconds after last successful refresh.\n    if (now - lastRefresh.current < RETRY_INTERVAL_IN_MS && error === undefined) {\n      return;\n    }\n\n    lastRefresh.current = Date.now();\n    return queryChannels('refresh');\n  };\n\n  const reloadList = () => queryChannels('reload');\n\n  /**\n   * Equality check using stringified filters/sort ensure that we don't make un-necessary queryChannels api calls\n   * for the scenario:\n   *\n   * <ChannelList\n   *    filters={{\n   *      members: { $in: ['vishal'] }\n   *    }}\n   *    ...\n   * />\n   *\n   * Here we have passed filters as inline object, which means on every re-render of\n   * parent component, ChannelList will receive new object reference (even though value is same), which\n   * in return will trigger useEffect. To avoid this, we can add a value check.\n   */\n  const filterStr = useMemo(() => JSON.stringify(filters), [filters]);\n  const sortStr = useMemo(() => JSON.stringify(sort), [sort]);\n\n  useEffect(() => {\n    const loadOfflineChannels = () => {\n      if (!client?.user?.id) return;\n\n      try {\n        const channelsFromDB = getChannelsForFilterSort({\n          currentUserId: client.user.id,\n          filters,\n          sort,\n        });\n\n        if (channelsFromDB) {\n          setChannels(\n            client.hydrateActiveChannels(channelsFromDB, {\n              offlineMode: true,\n            }),\n          );\n          setStaticChannelsActive(true);\n        }\n      } catch (e) {\n        console.warn('Failed to get channels from database: ', e);\n      }\n\n      setActiveQueryType(null);\n    };\n\n    let listener: ReturnType<typeof DBSyncManager.onSyncStatusChange>;\n    if (enableOfflineSupport) {\n      // Any time DB is synced, we need to update the UI with local DB channels first,\n      // and then call queryChannels to ensure any new channels are added to UI.\n      listener = DBSyncManager.onSyncStatusChange((syncStatus) => {\n        if (syncStatus) {\n          loadOfflineChannels();\n          reloadList();\n        }\n      });\n      // On start, load the channels from local db.\n      loadOfflineChannels();\n\n      // If db is already synced (sync api and pending api calls), then\n      // right away call queryChannels.\n      const dbSyncStatus = DBSyncManager.getSyncStatus();\n      if (dbSyncStatus) {\n        reloadList();\n      }\n    } else {\n      listener = client.on('connection.changed', async (event) => {\n        if (event.online) {\n          await refreshList();\n          setForceUpdate((u) => u + 1);\n        }\n      });\n\n      reloadList();\n    }\n\n    return () => listener?.unsubscribe?.();\n  }, [filterStr, sortStr]);\n\n  return {\n    channels,\n    error,\n    hasNextPage,\n    loadingChannels:\n      activeQueryType === 'queryLocalDB'\n        ? true\n        : (activeQueryType === 'reload' || activeQueryType === null) && channels === null,\n    loadingNextPage: activeQueryType === 'loadChannels',\n    loadNextPage,\n    refreshing: activeQueryType === 'refresh',\n    refreshList,\n    reloadList,\n    // Although channels can be null, there is no practical case where channels will be null\n    // when setChannels is used. setChannels is only recommended to be used for overriding\n    // event handler. Thus instead of adding if check for channels === null, its better to\n    // simply reassign types here.\n    setChannels,\n    staticChannelsActive,\n  };\n};\n"],"mappings":"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"}

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

@@ -1,20 +1,15 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.moveChannelUp = exports.getChannel = exports.MAX_QUERY_CHANNELS_LIMIT = exports.DEFAULT_QUERY_CHANNELS_LIMIT = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var moveChannelUp = function moveChannelUp(_ref) {
   var cid = _ref.cid,
-      _ref$channels = _ref.channels,
-      channels = _ref$channels === void 0 ? [] : _ref$channels;
+    _ref$channels = _ref.channels,
+    channels = _ref$channels === void 0 ? [] : _ref$channels;
   var index = channels.findIndex(function (c) {
     return c.cid === cid;
   });
@@ -24,37 +19,29 @@ var moveChannelUp = function moveChannelUp(_ref) {
   channels.unshift(channel);
   return (0, _toConsumableArray2["default"])(channels);
 };
-
 exports.moveChannelUp = moveChannelUp;
-
 var getChannel = function () {
   var _ref3 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee(_ref2) {
     var client, id, type, channel;
     return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            client = _ref2.client, id = _ref2.id, type = _ref2.type;
-            channel = client.channel(type, id);
-            _context.next = 4;
-            return channel.watch();
-
-          case 4:
-            return _context.abrupt("return", channel);
-
-          case 5:
-          case "end":
-            return _context.stop();
-        }
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          client = _ref2.client, id = _ref2.id, type = _ref2.type;
+          channel = client.channel(type, id);
+          _context.next = 4;
+          return channel.watch();
+        case 4:
+          return _context.abrupt("return", channel);
+        case 5:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
   }));
-
   return function getChannel(_x) {
     return _ref3.apply(this, arguments);
   };
 }();
-
 exports.getChannel = getChannel;
 var DEFAULT_QUERY_CHANNELS_LIMIT = 10;
 exports.DEFAULT_QUERY_CHANNELS_LIMIT = DEFAULT_QUERY_CHANNELS_LIMIT;