stream-chat-react-native-core 6.0.0-rc.8 → 6.0.0

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

@@ -0,0 +1,324 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useMessageListPagination = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = require("react");
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+var _useChannelDataState = require("./useChannelDataState");
+var defaultDebounceInterval = 500;
+var debounceOptions = {
+  leading: true,
+  trailing: true
+};
+var useMessageListPagination = function useMessageListPagination(_ref) {
+  var channel = _ref.channel;
+  var _useChannelMessageDat = (0, _useChannelDataState.useChannelMessageDataState)(channel),
+    copyMessagesStateFromChannel = _useChannelMessageDat.copyMessagesStateFromChannel,
+    jumpToLatestMessage = _useChannelMessageDat.jumpToLatestMessage,
+    jumpToMessageFinished = _useChannelMessageDat.jumpToMessageFinished,
+    loadInitialMessagesStateFromChannel = _useChannelMessageDat.loadInitialMessagesStateFromChannel,
+    loadMoreFinishedFn = _useChannelMessageDat.loadMoreFinished,
+    loadMoreRecentFinishedFn = _useChannelMessageDat.loadMoreRecentFinished,
+    setLoading = _useChannelMessageDat.setLoading,
+    setLoadingMore = _useChannelMessageDat.setLoadingMore,
+    setLoadingMoreRecent = _useChannelMessageDat.setLoadingMoreRecent,
+    state = _useChannelMessageDat.state;
+  var loadMoreFinished = (0, _react.useRef)((0, _debounce["default"])(function (hasMore, messages) {
+    loadMoreFinishedFn(hasMore, messages);
+  }, defaultDebounceInterval, debounceOptions)).current;
+  var loadMoreRecentFinished = (0, _react.useRef)((0, _debounce["default"])(function (hasMore, newMessages) {
+    loadMoreRecentFinishedFn(hasMore, newMessages);
+  }, defaultDebounceInterval, debounceOptions)).current;
+  var loadLatestMessages = function () {
+    var _ref2 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee() {
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            setLoading(true);
+            _context.next = 4;
+            return channel.state.loadMessageIntoState('latest');
+          case 4:
+            loadMoreFinished(channel.state.messagePagination.hasPrev, channel.state.messages);
+            jumpToLatestMessage();
+            _context.next = 11;
+            break;
+          case 8:
+            _context.prev = 8;
+            _context.t0 = _context["catch"](0);
+            console.warn('Loading latest messages failed with error:', _context.t0);
+          case 11:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 8]]);
+    }));
+    return function loadLatestMessages() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var loadMore = function () {
+    var _ref3 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee2() {
+      var _state$messages;
+      var limit,
+        oldestMessage,
+        oldestID,
+        _args2 = arguments;
+      return _regenerator["default"].wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            limit = _args2.length > 0 && _args2[0] !== undefined ? _args2[0] : 20;
+            if (channel.state.messagePagination.hasPrev) {
+              _context2.next = 3;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 3:
+            if (!(state.loadingMore || state.loadingMoreRecent)) {
+              _context2.next = 5;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 5:
+            setLoadingMore(true);
+            oldestMessage = (_state$messages = state.messages) == null ? void 0 : _state$messages[0];
+            oldestID = oldestMessage == null ? void 0 : oldestMessage.id;
+            _context2.prev = 8;
+            _context2.next = 11;
+            return channel.query({
+              messages: {
+                id_lt: oldestID,
+                limit: limit
+              },
+              watchers: {
+                limit: limit
+              }
+            });
+          case 11:
+            loadMoreFinished(channel.state.messagePagination.hasPrev, channel.state.messages);
+            setLoadingMore(false);
+            _context2.next = 19;
+            break;
+          case 15:
+            _context2.prev = 15;
+            _context2.t0 = _context2["catch"](8);
+            setLoadingMore(false);
+            console.warn('Message pagination(fetching old messages) request failed with error:', _context2.t0);
+          case 19:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[8, 15]]);
+    }));
+    return function loadMore() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var loadMoreRecent = function () {
+    var _ref4 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee3() {
+      var _state$messages2;
+      var limit,
+        newestMessage,
+        newestID,
+        _args3 = arguments;
+      return _regenerator["default"].wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            limit = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : 10;
+            if (channel.state.messagePagination.hasNext) {
+              _context3.next = 3;
+              break;
+            }
+            return _context3.abrupt("return");
+          case 3:
+            if (!(state.loadingMore || state.loadingMoreRecent)) {
+              _context3.next = 5;
+              break;
+            }
+            return _context3.abrupt("return");
+          case 5:
+            setLoadingMoreRecent(true);
+            newestMessage = (_state$messages2 = state.messages) == null ? void 0 : _state$messages2[(state == null ? void 0 : state.messages.length) - 1];
+            newestID = newestMessage == null ? void 0 : newestMessage.id;
+            _context3.prev = 8;
+            _context3.next = 11;
+            return channel.query({
+              messages: {
+                id_gt: newestID,
+                limit: limit
+              },
+              watchers: {
+                limit: limit
+              }
+            });
+          case 11:
+            loadMoreRecentFinished(channel.state.messagePagination.hasNext, channel.state.messages);
+            _context3.next = 19;
+            break;
+          case 14:
+            _context3.prev = 14;
+            _context3.t0 = _context3["catch"](8);
+            setLoadingMoreRecent(false);
+            console.warn('Message pagination(fetching new messages) request failed with error:', _context3.t0);
+            return _context3.abrupt("return");
+          case 19:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3, null, [[8, 14]]);
+    }));
+    return function loadMoreRecent() {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  var loadChannelAroundMessage = function () {
+    var _ref6 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee4(_ref5) {
+      var _ref5$limit, limit, messageIdToLoadAround, setTargetedMessage;
+      return _regenerator["default"].wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            _ref5$limit = _ref5.limit, limit = _ref5$limit === void 0 ? 25 : _ref5$limit, messageIdToLoadAround = _ref5.messageId, setTargetedMessage = _ref5.setTargetedMessage;
+            if (messageIdToLoadAround) {
+              _context4.next = 3;
+              break;
+            }
+            return _context4.abrupt("return");
+          case 3:
+            setLoadingMore(true);
+            setLoading(true);
+            _context4.prev = 5;
+            _context4.next = 8;
+            return channel.state.loadMessageIntoState(messageIdToLoadAround, undefined, limit);
+          case 8:
+            loadMoreFinished(channel.state.messagePagination.hasPrev, channel.state.messages);
+            jumpToMessageFinished(channel.state.messagePagination.hasNext, messageIdToLoadAround);
+            if (setTargetedMessage) {
+              setTargetedMessage(messageIdToLoadAround);
+            }
+            _context4.next = 17;
+            break;
+          case 13:
+            _context4.prev = 13;
+            _context4.t0 = _context4["catch"](5);
+            console.warn('Message pagination(fetching messages in the channel around a message id) request failed with error:', _context4.t0);
+            return _context4.abrupt("return");
+          case 17:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4, null, [[5, 13]]);
+    }));
+    return function loadChannelAroundMessage(_x) {
+      return _ref6.apply(this, arguments);
+    };
+  }();
+  var loadChannelAtFirstUnreadMessage = function () {
+    var _ref8 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee5(_ref7) {
+      var _ref7$limit, limit, setTargetedMessage, unreadMessageIdToScrollTo, unreadCount, isLatestMessageSetShown, lastReadDate, messages, _messages$find;
+      return _regenerator["default"].wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            _ref7$limit = _ref7.limit, limit = _ref7$limit === void 0 ? 25 : _ref7$limit, setTargetedMessage = _ref7.setTargetedMessage;
+            unreadCount = channel.countUnread();
+            if (!(unreadCount === 0)) {
+              _context5.next = 4;
+              break;
+            }
+            return _context5.abrupt("return");
+          case 4:
+            isLatestMessageSetShown = !!channel.state.messageSets.find(function (set) {
+              return set.isCurrent && set.isLatest;
+            });
+            if (!(isLatestMessageSetShown && unreadCount <= channel.state.messages.length)) {
+              _context5.next = 15;
+              break;
+            }
+            unreadMessageIdToScrollTo = channel.state.messages[channel.state.messages.length - unreadCount].id;
+            if (!unreadMessageIdToScrollTo) {
+              _context5.next = 14;
+              break;
+            }
+            setLoadingMore(true);
+            _context5.next = 11;
+            return channel.state.loadMessageIntoState(unreadMessageIdToScrollTo, undefined, limit);
+          case 11:
+            loadMoreFinished(channel.state.messagePagination.hasPrev, channel.state.messages);
+            jumpToMessageFinished(channel.state.messagePagination.hasNext, unreadMessageIdToScrollTo);
+            if (setTargetedMessage) {
+              setTargetedMessage(unreadMessageIdToScrollTo);
+            }
+          case 14:
+            return _context5.abrupt("return");
+          case 15:
+            lastReadDate = channel.lastRead();
+            if (!lastReadDate) {
+              _context5.next = 37;
+              break;
+            }
+            _context5.prev = 17;
+            _context5.next = 20;
+            return channel.query({
+              messages: {
+                created_at_around: lastReadDate,
+                limit: 30
+              },
+              watch: true
+            }, 'new');
+          case 20:
+            messages = _context5.sent.messages;
+            unreadMessageIdToScrollTo = (_messages$find = messages.find(function (m) {
+              return lastReadDate < (m.created_at ? new Date(m.created_at) : new Date());
+            })) == null ? void 0 : _messages$find.id;
+            if (!unreadMessageIdToScrollTo) {
+              _context5.next = 29;
+              break;
+            }
+            setLoadingMore(true);
+            _context5.next = 26;
+            return channel.state.loadMessageIntoState(unreadMessageIdToScrollTo, undefined, limit);
+          case 26:
+            loadMoreFinished(channel.state.messagePagination.hasPrev, channel.state.messages);
+            jumpToMessageFinished(channel.state.messagePagination.hasNext, unreadMessageIdToScrollTo);
+            if (setTargetedMessage) {
+              setTargetedMessage(unreadMessageIdToScrollTo);
+            }
+          case 29:
+            _context5.next = 35;
+            break;
+          case 31:
+            _context5.prev = 31;
+            _context5.t0 = _context5["catch"](17);
+            console.warn('Message pagination(fetching messages in the channel around unread message) request failed with error:', _context5.t0);
+            return _context5.abrupt("return");
+          case 35:
+            _context5.next = 39;
+            break;
+          case 37:
+            _context5.next = 39;
+            return loadLatestMessages();
+          case 39:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5, null, [[17, 31]]);
+    }));
+    return function loadChannelAtFirstUnreadMessage(_x2) {
+      return _ref8.apply(this, arguments);
+    };
+  }();
+  return {
+    copyMessagesStateFromChannel: copyMessagesStateFromChannel,
+    loadChannelAroundMessage: loadChannelAroundMessage,
+    loadChannelAtFirstUnreadMessage: loadChannelAtFirstUnreadMessage,
+    loadInitialMessagesStateFromChannel: loadInitialMessagesStateFromChannel,
+    loadLatestMessages: loadLatestMessages,
+    loadMore: loadMore,
+    loadMoreRecent: loadMoreRecent,
+    state: state
+  };
+};
+exports.useMessageListPagination = useMessageListPagination;
+//# sourceMappingURL=useMessageListPagination.js.map

package/lib/module/components/Channel/hooks/useMessageListPagination.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_debounce","_interopRequireDefault","_useChannelDataState","defaultDebounceInterval","debounceOptions","leading","trailing","useMessageListPagination","_ref","channel","_useChannelMessageDat","useChannelMessageDataState","copyMessagesStateFromChannel","jumpToLatestMessage","jumpToMessageFinished","loadInitialMessagesStateFromChannel","loadMoreFinishedFn","loadMoreFinished","loadMoreRecentFinishedFn","loadMoreRecentFinished","setLoading","setLoadingMore","setLoadingMoreRecent","state","useRef","debounce","hasMore","messages","current","newMessages","loadLatestMessages","_ref2","_asyncToGenerator2","_regenerator","mark","_callee","wrap","_callee$","_context","prev","next","loadMessageIntoState","messagePagination","hasPrev","t0","console","warn","stop","apply","arguments","loadMore","_ref3","_callee2","_state$messages","limit","oldestMessage","oldestID","_args2","_callee2$","_context2","length","undefined","abrupt","loadingMore","loadingMoreRecent","id","query","id_lt","watchers","loadMoreRecent","_ref4","_callee3","_state$messages2","newestMessage","newestID","_args3","_callee3$","_context3","hasNext","id_gt","loadChannelAroundMessage","_ref6","_callee4","_ref5","_ref5$limit","messageIdToLoadAround","setTargetedMessage","_callee4$","_context4","messageId","_x","loadChannelAtFirstUnreadMessage","_ref8","_callee5","_ref7","_ref7$limit","unreadMessageIdToScrollTo","unreadCount","isLatestMessageSetShown","lastReadDate","_messages$find","_callee5$","_context5","countUnread","messageSets","find","set","isCurrent","isLatest","lastRead","created_at_around","watch","sent","m","created_at","Date","_x2","exports"],"sourceRoot":"../../../../../src","sources":["components/Channel/hooks/useMessageListPagination.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -68,6 +68,11 @@ var Skeleton = function Skeleton() {
     var detailsBonesWidth = width - avatarBoneWidth;
     return "M0 0 h".concat(width, " v").concat(height, " h-").concat(width, "z M").concat(paddingSmall, " ").concat(height / 2, " a").concat(circleRadius, " ").concat(circleRadius, " 0 1 0 ").concat(circleRadius * 2, " 0 a").concat(circleRadius, " ").concat(circleRadius, " 0 1 0 -").concat(circleRadius * 2, " 0z M").concat(avatarBoneWidth + boneRadius, " ").concat(paddingMedium, " a").concat(boneRadius, " ").concat(boneRadius, " 0 1 0 0 ").concat(boneHeight, "z M").concat(avatarBoneWidth - boneRadius + detailsBonesWidth * 0.25, " ").concat(paddingMedium, " h-").concat(detailsBonesWidth * 0.25 - boneRadius * 2, " v").concat(boneHeight, " h").concat(detailsBonesWidth * 0.25 - boneRadius * 2, "z M").concat(avatarBoneWidth - boneRadius + detailsBonesWidth * 0.25, " ").concat(paddingMedium + boneHeight, " a").concat(boneRadius, " ").concat(boneRadius, " 0 1 0 0 -").concat(boneHeight, "z M").concat(avatarBoneWidth + boneRadius, " ").concat(paddingMedium + boneHeight + paddingSmall, " a").concat(boneRadius, " ").concat(boneRadius, " 0 1 0 0 ").concat(boneHeight, "z M").concat(avatarBoneWidth + detailsBonesWidth * 0.8 - boneRadius, " ").concat(paddingMedium + boneHeight + paddingSmall, " h-").concat(detailsBonesWidth * 0.8 - boneRadius * 2, " v").concat(boneHeight, " h").concat(detailsBonesWidth * 0.8 - boneRadius * 2, "z M").concat(avatarBoneWidth + detailsBonesWidth * 0.8 - boneRadius, " ").concat(height - paddingMedium, " a").concat(boneRadius, " ").concat(boneRadius, " 0 1 0 0 -").concat(boneHeight, "z M").concat(avatarBoneWidth + detailsBonesWidth * 0.8 + boneRadius + paddingLarge, " ").concat(paddingMedium + boneHeight + paddingSmall, " a").concat(boneRadius, " ").concat(boneRadius, " 0 1 0 0 ").concat(boneHeight, "z M").concat(width - paddingSmall - boneRadius, " ").concat(paddingMedium + boneHeight + paddingSmall, " h-").concat(width - paddingSmall - boneRadius - (avatarBoneWidth + detailsBonesWidth * 0.8 + boneRadius + paddingLarge), " v").concat(boneHeight, " h").concat(width - paddingSmall - boneRadius - (avatarBoneWidth + detailsBonesWidth * 0.8 + boneRadius + paddingLarge), "z M").concat(width - paddingSmall * 2, " ").concat(height - paddingMedium, " a").concat(boneRadius, " ").concat(boneRadius, " 0 1 0 0 -").concat(boneHeight, "z");
   }, []);
+  var svgAnimatedProps = (0, _reactNativeReanimated.useAnimatedProps)(function () {
+    return {
+      d: d.value
+    };
+  }, [d]);
   return (0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: [styles.container, {
       borderBottomColor: border
@@ -112,10 +117,9 @@ var Skeleton = function Skeleton() {
     }), (0, _jsxRuntime.jsx)(_reactNativeSvg.Svg, {
       height: height,
       width: width,
-      children: (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
-        d: d.value,
+      children: (0, _jsxRuntime.jsx)(_reactNativeSvg.Path, Object.assign({}, svgAnimatedProps, {
         fill: maskFillColor || white_snow
-      })
+      }))
     })]
   });
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeSvg","_ThemeContext","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","paddingLarge","paddingMedium","paddingSmall","styles","StyleSheet","create","background","height","position","width","container","borderBottomWidth","flexDirection","Skeleton","useWindowDimensions","startOffset","useSharedValue","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$chann","channelListSkeleton","_useTheme$theme$chann2","animationTime","gradientStart","gradientStop","_useTheme$theme$chann3","maskFillColor","_useTheme$theme$color","colors","border","grey_gainsboro","white_snow","useEffect","value","withRepeat","withTiming","duration","easing","Easing","linear","animatedStyle","useAnimatedStyle","transform","translateX","d","useDerivedValue","useableHeight","boneHeight","boneRadius","circleRadius","avatarBoneWidth","detailsBonesWidth","concat","jsxs","View","style","borderBottomColor","testID","children","jsx","backgroundColor","Svg","Rect","fill","x","y","Defs","LinearGradient","gradientUnits","id","x1","x2","y1","y2","Stop","assign","offset","stopColor","Path","exports","displayName"],"sourceRoot":"../../../../src","sources":["components/ChannelList/Skeleton.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeSvg","_ThemeContext","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","paddingLarge","paddingMedium","paddingSmall","styles","StyleSheet","create","background","height","position","width","container","borderBottomWidth","flexDirection","Skeleton","useWindowDimensions","startOffset","useSharedValue","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$chann","channelListSkeleton","_useTheme$theme$chann2","animationTime","gradientStart","gradientStop","_useTheme$theme$chann3","maskFillColor","_useTheme$theme$color","colors","border","grey_gainsboro","white_snow","useEffect","value","withRepeat","withTiming","duration","easing","Easing","linear","animatedStyle","useAnimatedStyle","transform","translateX","d","useDerivedValue","useableHeight","boneHeight","boneRadius","circleRadius","avatarBoneWidth","detailsBonesWidth","concat","svgAnimatedProps","useAnimatedProps","jsxs","View","style","borderBottomColor","testID","children","jsx","backgroundColor","Svg","Rect","fill","x","y","Defs","LinearGradient","gradientUnits","id","x1","x2","y1","y2","Stop","assign","offset","stopColor","Path","exports","displayName"],"sourceRoot":"../../../../src","sources":["components/ChannelList/Skeleton.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -222,71 +222,111 @@ var usePaginatedChannels = function usePaginatedChannels(_ref) {
     return JSON.stringify(sort);
   }, [sort]);
   (0, _react.useEffect)(function () {
-    var loadOfflineChannels = function loadOfflineChannels() {
-      var _client$user;
-      if (!(client != null && (_client$user = client.user) != null && _client$user.id)) return;
-      (0, _getChannelsForFilterSort.getChannelsForFilterSort)({
-        currentUserId: client.user.id,
-        filters: filters,
-        sort: sort
-      }).then(function (channelsFromDB) {
-        if (channelsFromDB) {
-          var offlineChannels = client.hydrateActiveChannels(channelsFromDB, {
-            offlineMode: true,
-            skipInitialization: []
-          });
-          setChannels(offlineChannels);
-          setStaticChannelsActive(true);
-        }
-      })["catch"](function (e) {
-        console.warn('Failed to get channels from database: ', e);
-      });
-      setActiveQueryType(null);
-    };
+    var loadOfflineChannels = function () {
+      var _ref5 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee4() {
+        var _client$user;
+        var channelsFromDB, offlineChannels;
+        return _regenerator["default"].wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              if (client != null && (_client$user = client.user) != null && _client$user.id) {
+                _context4.next = 2;
+                break;
+              }
+              return _context4.abrupt("return");
+            case 2:
+              _context4.prev = 2;
+              _context4.next = 5;
+              return (0, _getChannelsForFilterSort.getChannelsForFilterSort)({
+                currentUserId: client.user.id,
+                filters: filters,
+                sort: sort
+              });
+            case 5:
+              channelsFromDB = _context4.sent;
+              if (channelsFromDB) {
+                offlineChannels = client.hydrateActiveChannels(channelsFromDB, {
+                  offlineMode: true,
+                  skipInitialization: []
+                });
+                setChannels(offlineChannels);
+                setStaticChannelsActive(true);
+              }
+              _context4.next = 13;
+              break;
+            case 9:
+              _context4.prev = 9;
+              _context4.t0 = _context4["catch"](2);
+              console.warn('Failed to get channels from database: ', _context4.t0);
+              return _context4.abrupt("return", false);
+            case 13:
+              setActiveQueryType(null);
+              return _context4.abrupt("return", true);
+            case 15:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4, null, [[2, 9]]);
+      }));
+      return function loadOfflineChannels() {
+        return _ref5.apply(this, arguments);
+      };
+    }();
     var listener;
     if (enableOfflineSupport) {
       listener = _DBSyncManager.DBSyncManager.onSyncStatusChange(function () {
-        var _ref5 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee4(syncStatus) {
-          return _regenerator["default"].wrap(function _callee4$(_context4) {
-            while (1) switch (_context4.prev = _context4.next) {
+        var _ref6 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee5(syncStatus) {
+          var loadingChannelsSucceeded;
+          return _regenerator["default"].wrap(function _callee5$(_context5) {
+            while (1) switch (_context5.prev = _context5.next) {
               case 0:
                 if (!syncStatus) {
-                  _context4.next = 5;
+                  _context5.next = 8;
+                  break;
+                }
+                _context5.next = 3;
+                return loadOfflineChannels();
+              case 3:
+                loadingChannelsSucceeded = _context5.sent;
+                if (!loadingChannelsSucceeded) {
+                  _context5.next = 8;
                   break;
                 }
-                loadOfflineChannels();
-                _context4.next = 4;
+                _context5.next = 7;
                 return reloadList();
-              case 4:
+              case 7:
                 setForceUpdate(function (u) {
                   return u + 1;
                 });
-              case 5:
+              case 8:
               case "end":
-                return _context4.stop();
+                return _context5.stop();
             }
-          }, _callee4);
+          }, _callee5);
         }));
         return function (_x) {
-          return _ref5.apply(this, arguments);
+          return _ref6.apply(this, arguments);
         };
       }());
-      loadOfflineChannels();
-      var dbSyncStatus = _DBSyncManager.DBSyncManager.getSyncStatus();
-      if (dbSyncStatus) {
-        reloadList();
-      }
+      loadOfflineChannels().then(function (success) {
+        if (success) {
+          var dbSyncStatus = _DBSyncManager.DBSyncManager.getSyncStatus();
+          if (dbSyncStatus) {
+            reloadList();
+          }
+        }
+      });
     } else {
       listener = client.on('connection.changed', function () {
-        var _ref6 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee5(event) {
-          return _regenerator["default"].wrap(function _callee5$(_context5) {
-            while (1) switch (_context5.prev = _context5.next) {
+        var _ref7 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee6(event) {
+          return _regenerator["default"].wrap(function _callee6$(_context6) {
+            while (1) switch (_context6.prev = _context6.next) {
               case 0:
                 if (!event.online) {
-                  _context5.next = 4;
+                  _context6.next = 4;
                   break;
                 }
-                _context5.next = 3;
+                _context6.next = 3;
                 return refreshList();
               case 3:
                 setForceUpdate(function (u) {
@@ -294,12 +334,12 @@ var usePaginatedChannels = function usePaginatedChannels(_ref) {
                 });
               case 4:
               case "end":
-                return _context5.stop();
+                return _context6.stop();
             }
-          }, _callee5);
+          }, _callee6);
         }));
         return function (_x2) {
-          return _ref6.apply(this, arguments);
+          return _ref7.apply(this, arguments);
         };
       }());
       reloadList();