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

package/lib/module/components/MessageList/MessageList.js

@@ -1,63 +1,35 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MessageList = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _useMessageList = require("./hooks/useMessageList");
-
 var _InlineLoadingMoreIndicator = require("./InlineLoadingMoreIndicator");
-
 var _InlineLoadingMoreRecentIndicator = require("./InlineLoadingMoreRecentIndicator");
-
 var _InlineLoadingMoreThreadIndicator = require("./InlineLoadingMoreThreadIndicator");
-
 var _getLastReceivedMessage = require("./utils/getLastReceivedMessage");
-
 var _AttachmentPickerContext = require("../../contexts/attachmentPickerContext/AttachmentPickerContext");
-
 var _ChannelContext = require("../../contexts/channelContext/ChannelContext");
-
 var _ChatContext = require("../../contexts/chatContext/ChatContext");
-
 var _DebugContext = require("../../contexts/debugContext/DebugContext");
-
 var _ImageGalleryContext = require("../../contexts/imageGalleryContext/ImageGalleryContext");
-
 var _MessagesContext = require("../../contexts/messagesContext/MessagesContext");
-
 var _OverlayContext = require("../../contexts/overlayContext/OverlayContext");
-
 var _PaginatedMessageListContext = require("../../contexts/paginatedMessageListContext/PaginatedMessageListContext");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _ThreadContext = require("../../contexts/threadContext/ThreadContext");
-
 var _TranslationContext = require("../../contexts/translationContext/TranslationContext");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/MessageList.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/MessageList.tsx";
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var styles = _reactNative.StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -88,84 +60,78 @@ var styles = _reactNative.StyleSheet.create({
     top: 0
   }
 });
-
 var keyExtractor = function keyExtractor(item) {
   if (item.id) return item.id;
   if (item.created_at) return typeof item.created_at === 'string' ? item.created_at : item.created_at.toISOString();
   return Date.now().toString();
 };
-
 var flatListViewabilityConfig = {
   viewAreaCoveragePercentThreshold: 1
 };
-
 var MessageListWithContext = function MessageListWithContext(props) {
   var _getLastReceivedMessa;
-
   var LoadingMoreIndicator = props.threadList ? _InlineLoadingMoreThreadIndicator.InlineLoadingMoreThreadIndicator : _InlineLoadingMoreIndicator.InlineLoadingMoreIndicator;
   var additionalFlatListProps = props.additionalFlatListProps,
-      channel = props.channel,
-      client = props.client,
-      closePicker = props.closePicker,
-      DateHeader = props.DateHeader,
-      disabled = props.disabled,
-      disableTypingIndicator = props.disableTypingIndicator,
-      EmptyStateIndicator = props.EmptyStateIndicator,
-      FlatList = props.FlatList,
-      _props$FooterComponen = props.FooterComponent,
-      FooterComponent = _props$FooterComponen === void 0 ? LoadingMoreIndicator : _props$FooterComponen,
-      hasNoMoreRecentMessagesToLoad = props.hasNoMoreRecentMessagesToLoad,
-      _props$HeaderComponen = props.HeaderComponent,
-      HeaderComponent = _props$HeaderComponen === void 0 ? _InlineLoadingMoreRecentIndicator.InlineLoadingMoreRecentIndicator : _props$HeaderComponen,
-      hideStickyDateHeader = props.hideStickyDateHeader,
-      initialScrollToFirstUnreadMessage = props.initialScrollToFirstUnreadMessage,
-      InlineDateSeparator = props.InlineDateSeparator,
-      InlineUnreadIndicator = props.InlineUnreadIndicator,
-      _props$inverted = props.inverted,
-      inverted = _props$inverted === void 0 ? true : _props$inverted,
-      _props$isListActive = props.isListActive,
-      isListActive = _props$isListActive === void 0 ? false : _props$isListActive,
-      legacyImageViewerSwipeBehaviour = props.legacyImageViewerSwipeBehaviour,
-      loadChannelAroundMessage = props.loadChannelAroundMessage,
-      loading = props.loading,
-      LoadingIndicator = props.LoadingIndicator,
-      loadMore = props.loadMore,
-      loadMoreRecent = props.loadMoreRecent,
-      loadMoreThread = props.loadMoreThread,
-      markRead = props.markRead,
-      Message = props.Message,
-      MessageSystem = props.MessageSystem,
-      myMessageTheme = props.myMessageTheme,
-      NetworkDownIndicator = props.NetworkDownIndicator,
-      noGroupByUser = props.noGroupByUser,
-      onListScroll = props.onListScroll,
-      onThreadSelect = props.onThreadSelect,
-      overlay = props.overlay,
-      reloadChannel = props.reloadChannel,
-      ScrollToBottomButton = props.ScrollToBottomButton,
-      scrollToFirstUnreadThreshold = props.scrollToFirstUnreadThreshold,
-      selectedPicker = props.selectedPicker,
-      setFlatListRef = props.setFlatListRef,
-      setMessages = props.setMessages,
-      setSelectedPicker = props.setSelectedPicker,
-      setTargetedMessage = props.setTargetedMessage,
-      StickyHeader = props.StickyHeader,
-      targetedMessage = props.targetedMessage,
-      tDateTimeParser = props.tDateTimeParser,
-      thread = props.thread,
-      _props$threadList = props.threadList,
-      threadList = _props$threadList === void 0 ? false : _props$threadList,
-      TypingIndicator = props.TypingIndicator,
-      TypingIndicatorContainer = props.TypingIndicatorContainer;
-
+    channel = props.channel,
+    client = props.client,
+    closePicker = props.closePicker,
+    DateHeader = props.DateHeader,
+    disabled = props.disabled,
+    disableTypingIndicator = props.disableTypingIndicator,
+    EmptyStateIndicator = props.EmptyStateIndicator,
+    FlatList = props.FlatList,
+    _props$FooterComponen = props.FooterComponent,
+    FooterComponent = _props$FooterComponen === void 0 ? LoadingMoreIndicator : _props$FooterComponen,
+    hasNoMoreRecentMessagesToLoad = props.hasNoMoreRecentMessagesToLoad,
+    _props$HeaderComponen = props.HeaderComponent,
+    HeaderComponent = _props$HeaderComponen === void 0 ? _InlineLoadingMoreRecentIndicator.InlineLoadingMoreRecentIndicator : _props$HeaderComponen,
+    hideStickyDateHeader = props.hideStickyDateHeader,
+    initialScrollToFirstUnreadMessage = props.initialScrollToFirstUnreadMessage,
+    InlineDateSeparator = props.InlineDateSeparator,
+    InlineUnreadIndicator = props.InlineUnreadIndicator,
+    _props$inverted = props.inverted,
+    inverted = _props$inverted === void 0 ? true : _props$inverted,
+    _props$isListActive = props.isListActive,
+    isListActive = _props$isListActive === void 0 ? false : _props$isListActive,
+    legacyImageViewerSwipeBehaviour = props.legacyImageViewerSwipeBehaviour,
+    loadChannelAroundMessage = props.loadChannelAroundMessage,
+    loading = props.loading,
+    LoadingIndicator = props.LoadingIndicator,
+    loadMore = props.loadMore,
+    loadMoreRecent = props.loadMoreRecent,
+    loadMoreThread = props.loadMoreThread,
+    markRead = props.markRead,
+    Message = props.Message,
+    MessageSystem = props.MessageSystem,
+    myMessageTheme = props.myMessageTheme,
+    NetworkDownIndicator = props.NetworkDownIndicator,
+    noGroupByUser = props.noGroupByUser,
+    onListScroll = props.onListScroll,
+    onThreadSelect = props.onThreadSelect,
+    overlay = props.overlay,
+    reloadChannel = props.reloadChannel,
+    ScrollToBottomButton = props.ScrollToBottomButton,
+    scrollToFirstUnreadThreshold = props.scrollToFirstUnreadThreshold,
+    selectedPicker = props.selectedPicker,
+    setFlatListRef = props.setFlatListRef,
+    setMessages = props.setMessages,
+    setSelectedPicker = props.setSelectedPicker,
+    setTargetedMessage = props.setTargetedMessage,
+    StickyHeader = props.StickyHeader,
+    targetedMessage = props.targetedMessage,
+    tDateTimeParser = props.tDateTimeParser,
+    thread = props.thread,
+    _props$threadList = props.threadList,
+    threadList = _props$threadList === void 0 ? false : _props$threadList,
+    TypingIndicator = props.TypingIndicator,
+    TypingIndicatorContainer = props.TypingIndicatorContainer;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      theme = _useTheme.theme;
-
+    theme = _useTheme.theme;
   var white_snow = theme.colors.white_snow,
-      _theme$messageList = theme.messageList,
-      container = _theme$messageList.container,
-      contentContainer = _theme$messageList.contentContainer,
-      listContainer = _theme$messageList.listContainer;
+    _theme$messageList = theme.messageList,
+    container = _theme$messageList.container,
+    contentContainer = _theme$messageList.contentContainer,
+    listContainer = _theme$messageList.listContainer;
   var modifiedTheme = (0, _react.useMemo)(function () {
     return (0, _ThemeContext.mergeThemes)({
       style: myMessageTheme,
@@ -180,12 +146,10 @@ var MessageListWithContext = function MessageListWithContext(props) {
   var messageListLengthAfterUpdate = messageList.length;
   var topMessageBeforeUpdate = (0, _react.useRef)();
   var topMessageAfterUpdate = messageList[messageList.length - 1];
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      autoscrollToTop = _useState2[0],
-      setAutoscrollToTop = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    autoscrollToTop = _useState2[0],
+    setAutoscrollToTop = _useState2[1];
   var onStartReachedTracker = (0, _react.useRef)({});
   var onEndReachedTracker = (0, _react.useRef)({});
   var onStartReachedInPromise = (0, _react.useRef)(null);
@@ -196,27 +160,22 @@ var MessageListWithContext = function MessageListWithContext(props) {
   var scrollToDebounceTimeoutRef = (0, _react.useRef)();
   var messageIdToScrollToRef = (0, _react.useRef)();
   var messageIdLastScrolledToRef = (0, _react.useRef)();
-
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      hasMoved = _useState4[0],
-      setHasMoved = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    hasMoved = _useState4[0],
+    setHasMoved = _useState4[1];
   var _useState5 = (0, _react.useState)((_getLastReceivedMessa = (0, _getLastReceivedMessage.getLastReceivedMessage)(messageList)) == null ? void 0 : _getLastReceivedMessa.id),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      lastReceivedId = _useState6[0],
-      setLastReceivedId = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    lastReceivedId = _useState6[0],
+    setLastReceivedId = _useState6[1];
   var _useState7 = (0, _react.useState)(false),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      scrollToBottomButtonVisible = _useState8[0],
-      setScrollToBottomButtonVisible = _useState8[1];
-
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    scrollToBottomButtonVisible = _useState8[0],
+    setScrollToBottomButtonVisible = _useState8[1];
   var _useState9 = (0, _react.useState)(),
-      _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-      stickyHeaderDate = _useState10[0],
-      setStickyHeaderDate = _useState10[1];
-
+    _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
+    stickyHeaderDate = _useState10[0],
+    setStickyHeaderDate = _useState10[1];
   var stickyHeaderDateRef = (0, _react.useRef)();
   var isUnreadMessageRef = (0, _react.useRef)(function (message, lastRead) {
     return message && lastRead && message.created_at && lastRead < message.created_at;
@@ -225,28 +184,22 @@ var MessageListWithContext = function MessageListWithContext(props) {
   (0, _react.useEffect)(function () {
     channelLastReadRef.current = channel != null && channel.initialized ? channel.lastRead() : undefined;
   }, [channel]);
-
   var updateStickyHeaderDateIfNeeded = function updateStickyHeaderDateIfNeeded(viewableItems) {
     if (viewableItems.length) {
       var _lastItem$item, _stickyHeaderDateRef$;
-
       var lastItem = viewableItems.pop();
       var isMessageTypeDeleted = lastItem.item.type === 'deleted';
-
       if (lastItem != null && (_lastItem$item = lastItem.item) != null && _lastItem$item.created_at && !isMessageTypeDeleted && typeof lastItem.item.created_at !== 'string' && lastItem.item.created_at.toDateString() !== ((_stickyHeaderDateRef$ = stickyHeaderDateRef.current) == null ? void 0 : _stickyHeaderDateRef$.toDateString())) {
         stickyHeaderDateRef.current = lastItem.item.created_at;
         setStickyHeaderDate(lastItem.item.created_at);
       }
     }
   };
-
   var onViewableItemsChanged = (0, _react.useRef)(function (_ref) {
     var viewableItems = _ref.viewableItems;
-
     if (_reactNative.Platform.OS === 'android' && viewableItems != null && viewableItems.length && (viewableItems == null ? void 0 : viewableItems.length) >= messageListLengthBeforeUpdate.current) {
       channel.markRead();
     }
-
     if (viewableItems && !hideStickyDateHeader) {
       updateStickyHeaderDateIfNeeded(viewableItems);
     }
@@ -260,77 +213,70 @@ var MessageListWithContext = function MessageListWithContext(props) {
   }, [disabled]);
   (0, _react.useEffect)(function () {
     var shouldMarkReadOnFirstLoad = !loading && channel && (!initialScrollToFirstUnreadMessage && channel.countUnread() > 0 || initialScrollToFirstUnreadMessage && channel.countUnread() <= scrollToFirstUnreadThreshold);
-
     if (shouldMarkReadOnFirstLoad) {
       markRead();
     }
   }, [loading]);
   (0, _react.useEffect)(function () {
     var _lastReceivedMessage$;
-
     var lastReceivedMessage = (0, _getLastReceivedMessage.getLastReceivedMessage)(messageList);
     var hasNewMessage = lastReceivedId !== (lastReceivedMessage == null ? void 0 : lastReceivedMessage.id);
     var isMyMessage = (lastReceivedMessage == null ? void 0 : (_lastReceivedMessage$ = lastReceivedMessage.user) == null ? void 0 : _lastReceivedMessage$.id) === client.userID;
     setLastReceivedId(lastReceivedMessage == null ? void 0 : lastReceivedMessage.id);
-
     var scrollToBottomIfNeeded = function scrollToBottomIfNeeded() {
       var _topMessageBeforeUpda;
-
       if (!client || !channel || messageList.length === 0) {
         return;
       }
-
       if (hasNewMessage && isMyMessage || messageListLengthAfterUpdate < messageListLengthBeforeUpdate.current || (_topMessageBeforeUpda = topMessageBeforeUpdate.current) != null && _topMessageBeforeUpda.created_at && topMessageAfterUpdate != null && topMessageAfterUpdate.created_at && topMessageBeforeUpdate.current.created_at < topMessageAfterUpdate.created_at) {
         channelResyncScrollSet.current = false;
         setScrollToBottomButtonVisible(false);
         resetPaginationTrackersRef.current();
         setTimeout(function () {
           var _flatListRef$current;
-
           (_flatListRef$current = flatListRef.current) == null ? void 0 : _flatListRef$current.scrollToOffset({
             offset: 0
           });
         }, 50);
         setTimeout(function () {
           channelResyncScrollSet.current = true;
-
           if (channel.countUnread() > 0) {
             markRead();
           }
         }, 500);
       }
     };
-
     if (threadList || hasNoMoreRecentMessagesToLoad) {
       scrollToBottomIfNeeded();
     } else if (!scrollToBottomButtonVisible) {
       setScrollToBottomButtonVisible(true);
     }
-
     if (!hasNoMoreRecentMessagesToLoad && flatListRef.current && messageListLengthBeforeUpdate.current === 0 && messageListLengthAfterUpdate < 10) {
       maybeCallOnStartReached(10);
     }
-
     messageListLengthBeforeUpdate.current = messageListLengthAfterUpdate;
     topMessageBeforeUpdate.current = topMessageAfterUpdate;
   }, [messageListLengthAfterUpdate, topMessageAfterUpdate == null ? void 0 : topMessageAfterUpdate.id]);
   (0, _react.useEffect)(function () {
     setAutoscrollToTop(hasNoMoreRecentMessagesToLoad);
   }, [messageList, hasNoMoreRecentMessagesToLoad]);
-
   var renderItem = function renderItem(_ref2) {
     var _message$user;
-
     var index = _ref2.index,
-        message = _ref2.item;
+      message = _ref2.item;
     if (!channel || !channel.initialized && !channel.offlineMode) return null;
     var lastRead = channel.lastRead();
     var lastMessage = messageList == null ? void 0 : messageList[index + 1];
     var showUnreadUnderlay = !!isUnreadMessageRef.current(message, lastRead) && scrollToBottomButtonVisible;
     var insertInlineUnreadIndicator = showUnreadUnderlay && !isUnreadMessageRef.current(lastMessage, lastRead);
-
     if (message.type === 'system') {
-      return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactNative.View, {
+      return _react["default"].createElement(_react["default"].Fragment, {
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 542,
+          columnNumber: 9
+        }
+      }, _react["default"].createElement(_reactNative.View, {
         testID: "message-list-item-" + index,
         __self: _this,
         __source: {
@@ -356,9 +302,14 @@ var MessageListWithContext = function MessageListWithContext(props) {
         }
       }));
     }
-
     var wrapMessageInTheme = client.userID === ((_message$user = message.user) == null ? void 0 : _message$user.id) && !!myMessageTheme;
-    return wrapMessageInTheme ? _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_ThemeContext.ThemeProvider, {
+    return wrapMessageInTheme ? _react["default"].createElement(_react["default"].Fragment, {
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 553,
+        columnNumber: 7
+      }
+    }, _react["default"].createElement(_ThemeContext.ThemeProvider, {
       mergedStyle: modifiedTheme,
       __self: _this,
       __source: {
@@ -405,7 +356,13 @@ var MessageListWithContext = function MessageListWithContext(props) {
         lineNumber: 575,
         columnNumber: 41
       }
-    })) : _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactNative.View, {
+    })) : _react["default"].createElement(_react["default"].Fragment, {
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 578,
+        columnNumber: 7
+      }
+    }, _react["default"].createElement(_reactNative.View, {
       testID: "message-list-item-" + index,
       __self: _this,
       __source: {
@@ -446,205 +403,160 @@ var MessageListWithContext = function MessageListWithContext(props) {
       }
     }));
   };
-
   var maybeCallOnStartReached = function () {
     var _ref3 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee(limit) {
       var callback, onError;
       return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (!(messageList != null && messageList.length && onStartReachedTracker.current[messageList.length])) {
-                _context.next = 2;
-                break;
-              }
-
-              return _context.abrupt("return");
-
-            case 2:
-              if (messageList != null && messageList.length) {
-                onStartReachedTracker.current[messageList.length] = true;
-              }
-
-              callback = function callback() {
-                onStartReachedInPromise.current = null;
-                return Promise.resolve();
-              };
-
-              onError = function onError() {
-                setTimeout(function () {
-                  onStartReachedTracker.current = {};
-                }, 2000);
-              };
-
-              if (!onEndReachedInPromise.current) {
-                _context.next = 11;
-                break;
-              }
-
-              _context.next = 8;
-              return onEndReachedInPromise.current;
-
-            case 8:
-              onStartReachedInPromise.current = loadMoreRecent(limit).then(callback)["catch"](onError);
-              _context.next = 12;
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!(messageList != null && messageList.length && onStartReachedTracker.current[messageList.length])) {
+              _context.next = 2;
               break;
-
-            case 11:
-              onStartReachedInPromise.current = loadMoreRecent(limit).then(callback)["catch"](onError);
-
-            case 12:
-            case "end":
-              return _context.stop();
-          }
+            }
+            return _context.abrupt("return");
+          case 2:
+            if (messageList != null && messageList.length) {
+              onStartReachedTracker.current[messageList.length] = true;
+            }
+            callback = function callback() {
+              onStartReachedInPromise.current = null;
+              return Promise.resolve();
+            };
+            onError = function onError() {
+              setTimeout(function () {
+                onStartReachedTracker.current = {};
+              }, 2000);
+            };
+            if (!onEndReachedInPromise.current) {
+              _context.next = 11;
+              break;
+            }
+            _context.next = 8;
+            return onEndReachedInPromise.current;
+          case 8:
+            onStartReachedInPromise.current = loadMoreRecent(limit).then(callback)["catch"](onError);
+            _context.next = 12;
+            break;
+          case 11:
+            onStartReachedInPromise.current = loadMoreRecent(limit).then(callback)["catch"](onError);
+          case 12:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }));
-
     return function maybeCallOnStartReached(_x) {
       return _ref3.apply(this, arguments);
     };
   }();
-
   var maybeCallOnEndReached = function () {
     var _ref4 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee2() {
       var callback, onError;
       return _regenerator["default"].wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              if (!(messageList != null && messageList.length && onEndReachedTracker.current[messageList.length])) {
-                _context2.next = 2;
-                break;
-              }
-
-              return _context2.abrupt("return");
-
-            case 2:
-              if (messageList != null && messageList.length) {
-                onEndReachedTracker.current[messageList.length] = true;
-              }
-
-              callback = function callback() {
-                onEndReachedInPromise.current = null;
-                return Promise.resolve();
-              };
-
-              onError = function onError() {
-                setTimeout(function () {
-                  onEndReachedTracker.current = {};
-                }, 2000);
-              };
-
-              if (!onStartReachedInPromise.current) {
-                _context2.next = 11;
-                break;
-              }
-
-              _context2.next = 8;
-              return onStartReachedInPromise.current;
-
-            case 8:
-              onEndReachedInPromise.current = (threadList ? loadMoreThread() : loadMore()).then(callback)["catch"](onError);
-              _context2.next = 12;
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!(messageList != null && messageList.length && onEndReachedTracker.current[messageList.length])) {
+              _context2.next = 2;
               break;
-
-            case 11:
-              onEndReachedInPromise.current = (threadList ? loadMoreThread() : loadMore()).then(callback)["catch"](onError);
-
-            case 12:
-            case "end":
-              return _context2.stop();
-          }
+            }
+            return _context2.abrupt("return");
+          case 2:
+            if (messageList != null && messageList.length) {
+              onEndReachedTracker.current[messageList.length] = true;
+            }
+            callback = function callback() {
+              onEndReachedInPromise.current = null;
+              return Promise.resolve();
+            };
+            onError = function onError() {
+              setTimeout(function () {
+                onEndReachedTracker.current = {};
+              }, 2000);
+            };
+            if (!onStartReachedInPromise.current) {
+              _context2.next = 11;
+              break;
+            }
+            _context2.next = 8;
+            return onStartReachedInPromise.current;
+          case 8:
+            onEndReachedInPromise.current = (threadList ? loadMoreThread() : loadMore()).then(callback)["catch"](onError);
+            _context2.next = 12;
+            break;
+          case 11:
+            onEndReachedInPromise.current = (threadList ? loadMoreThread() : loadMore()).then(callback)["catch"](onError);
+          case 12:
+          case "end":
+            return _context2.stop();
         }
       }, _callee2);
     }));
-
     return function maybeCallOnEndReached() {
       return _ref4.apply(this, arguments);
     };
   }();
-
   var handleScroll = function handleScroll(event) {
     if (!channel || !channelResyncScrollSet.current) {
       return;
     }
-
     var offset = event.nativeEvent.contentOffset.y;
     var visibleLength = event.nativeEvent.layoutMeasurement.height;
     var contentLength = event.nativeEvent.contentSize.height;
     var isScrollAtStart = offset < 100;
     var isScrollAtEnd = contentLength - visibleLength - offset < 100;
-
     if (isScrollAtStart) {
       maybeCallOnStartReached();
     }
-
     if (isScrollAtEnd) {
       maybeCallOnEndReached();
     }
-
     var isScrollAtBottom = offset <= 300;
     var showScrollToBottomButton = !isScrollAtBottom || !hasNoMoreRecentMessagesToLoad;
     var shouldMarkRead = !threadList && offset <= 0 && hasNoMoreRecentMessagesToLoad && channel.countUnread() > 0;
-
     if (shouldMarkRead) {
       markRead();
     }
-
     setScrollToBottomButtonVisible(showScrollToBottomButton);
-
     if (onListScroll) {
       onListScroll(event);
     }
   };
-
   var goToNewMessages = function () {
     var _ref5 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee3() {
       return _regenerator["default"].wrap(function _callee3$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              if (hasNoMoreRecentMessagesToLoad) {
-                _context3.next = 6;
-                break;
-              }
-
-              resetPaginationTrackersRef.current();
-              _context3.next = 4;
-              return reloadChannel();
-
-            case 4:
-              _context3.next = 7;
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            if (hasNoMoreRecentMessagesToLoad) {
+              _context3.next = 6;
               break;
-
-            case 6:
-              if (flatListRef.current) {
-                flatListRef.current.scrollToOffset({
-                  offset: 0
-                });
-              }
-
-            case 7:
-              setScrollToBottomButtonVisible(false);
-
-              if (!threadList) {
-                markRead();
-              }
-
-            case 9:
-            case "end":
-              return _context3.stop();
-          }
+            }
+            resetPaginationTrackersRef.current();
+            _context3.next = 4;
+            return reloadChannel();
+          case 4:
+            _context3.next = 7;
+            break;
+          case 6:
+            if (flatListRef.current) {
+              flatListRef.current.scrollToOffset({
+                offset: 0
+              });
+            }
+          case 7:
+            setScrollToBottomButtonVisible(false);
+            if (!threadList) {
+              markRead();
+            }
+          case 9:
+          case "end":
+            return _context3.stop();
         }
       }, _callee3);
     }));
-
     return function goToNewMessages() {
       return _ref5.apply(this, arguments);
     };
   }();
-
   var onScrollToIndexFailedRef = (0, _react.useRef)(function (info) {
     if (flatListRef.current) {
       flatListRef.current.scrollToOffset({
@@ -653,13 +565,11 @@ var MessageListWithContext = function MessageListWithContext(props) {
       });
       setTimeout(function () {
         var _flatListRef$current2;
-
         (_flatListRef$current2 = flatListRef.current) == null ? void 0 : _flatListRef$current2.scrollToIndex({
           animated: false,
           index: info.index,
           viewPosition: 0.5
         });
-
         if (messageIdLastScrolledToRef.current) {
           setTargetedMessage(messageIdLastScrolledToRef.current);
         }
@@ -670,7 +580,6 @@ var MessageListWithContext = function MessageListWithContext(props) {
     var indexOfParentInMessageList = messageList.findIndex(function (message) {
       return (message == null ? void 0 : message.id) === messageId;
     });
-
     if (indexOfParentInMessageList !== -1 && flatListRef.current) {
       flatListRef.current.scrollToIndex({
         animated: true,
@@ -681,7 +590,6 @@ var MessageListWithContext = function MessageListWithContext(props) {
       setTargetedMessage(messageId);
       return;
     }
-
     messageIdToScrollToRef.current = messageId;
     loadChannelAroundMessage({
       messageId: messageId
@@ -692,7 +600,6 @@ var MessageListWithContext = function MessageListWithContext(props) {
     if (scrollToDebounceTimeoutRef.current) clearTimeout(scrollToDebounceTimeoutRef.current);
     scrollToDebounceTimeoutRef.current = setTimeout(function () {
       var messageIdToScroll = messageIdToScrollToRef.current;
-
       if (!initialScrollSet.current && initialScrollToFirstUnreadMessage) {
         for (var index = messageList.length - 1; index >= 0; index--) {
           if (isUnreadMessageRef.current(messageList[index], channelLastReadRef.current)) {
@@ -703,12 +610,10 @@ var MessageListWithContext = function MessageListWithContext(props) {
       } else if (targetedMessage && messageIdLastScrolledToRef.current !== targetedMessage) {
         messageIdToScroll = targetedMessage;
       }
-
       if (!messageIdToScroll) return;
       var indexOfParentInMessageList = messageList.findIndex(function (message) {
         return (message == null ? void 0 : message.id) === messageIdToScroll;
       });
-
       if (indexOfParentInMessageList !== -1 && flatListRef.current) {
         flatListRef.current.scrollToIndex({
           animated: false,
@@ -717,7 +622,6 @@ var MessageListWithContext = function MessageListWithContext(props) {
         });
         messageIdToScrollToRef.current = undefined;
         messageIdLastScrolledToRef.current = messageIdToScroll;
-
         if (!initialScrollSet.current && initialScrollToFirstUnreadMessage) {
           initialScrollSet.current = true;
         } else {
@@ -728,18 +632,15 @@ var MessageListWithContext = function MessageListWithContext(props) {
   }, [messageList, targetedMessage, initialScrollToFirstUnreadMessage]);
   var messagesWithImages = legacyImageViewerSwipeBehaviour && messageList.filter(function (message) {
     var isMessageTypeDeleted = message.type === 'deleted';
-
     if (!isMessageTypeDeleted && message.attachments) {
       return message.attachments.some(function (attachment) {
         return attachment.type === 'image' && !attachment.title_link && !attachment.og_scrape_url && (attachment.image_url || attachment.thumb_url);
       });
     }
-
     return false;
   });
   var imageString = legacyImageViewerSwipeBehaviour && messagesWithImages && messagesWithImages.map(function (message) {
     var _message$attachments;
-
     return (_message$attachments = message.attachments) == null ? void 0 : _message$attachments.map(function (attachment) {
       return attachment.image_url || attachment.thumb_url || '';
     }).join();
@@ -758,33 +659,26 @@ var MessageListWithContext = function MessageListWithContext(props) {
     if ((0, _TranslationContext.isDayOrMoment)(tStickyHeaderDate)) return tStickyHeaderDate.format(stickyHeaderFormatDate);
     return new Date(tStickyHeaderDate).toDateString();
   }, [tStickyHeaderDate, stickyHeaderFormatDate, hideStickyDateHeader]);
-
   var dismissImagePicker = function dismissImagePicker() {
     if (!hasMoved && selectedPicker) {
       setSelectedPicker(undefined);
       closePicker();
     }
   };
-
   var onScrollBeginDrag = function onScrollBeginDrag() {
     return !hasMoved && selectedPicker && setHasMoved(true);
   };
-
   var onScrollEndDrag = function onScrollEndDrag() {
     return hasMoved && selectedPicker && setHasMoved(false);
   };
-
   var refCallback = function refCallback(ref) {
     flatListRef.current = ref;
-
     if (setFlatListRef) {
       setFlatListRef(ref);
     }
   };
-
   var debugRef = (0, _DebugContext.useDebugContext)();
   var isDebugModeEnabled = __DEV__ && debugRef && debugRef.current;
-
   if (isDebugModeEnabled) {
     if (debugRef.current.setEventType) debugRef.current.setEventType('send');
     if (debugRef.current.setSendEventParams) debugRef.current.setSendEventParams({
@@ -792,7 +686,6 @@ var MessageListWithContext = function MessageListWithContext(props) {
       data: messageList
     });
   }
-
   var renderListEmptyComponent = function renderListEmptyComponent() {
     return _react["default"].createElement(_reactNative.View, {
       style: [styles.flex, styles.invert],
@@ -813,9 +706,7 @@ var MessageListWithContext = function MessageListWithContext(props) {
       }
     }));
   };
-
   if (!FlatList) return null;
-
   if (loading) {
     return _react["default"].createElement(_reactNative.View, {
       style: styles.flex,
@@ -835,7 +726,6 @@ var MessageListWithContext = function MessageListWithContext(props) {
       }
     }));
   }
-
   var StickyHeaderComponent = function StickyHeaderComponent() {
     if (!stickyHeaderDateString) return null;
     if (StickyHeader) return _react["default"].createElement(StickyHeader, {
@@ -858,7 +748,6 @@ var MessageListWithContext = function MessageListWithContext(props) {
     });
     return null;
   };
-
   return _react["default"].createElement(_reactNative.View, {
     style: [styles.container, {
       backgroundColor: white_snow
@@ -904,7 +793,13 @@ var MessageListWithContext = function MessageListWithContext(props) {
       lineNumber: 978,
       columnNumber: 7
     }
-  })), !loading && _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactNative.View, {
+  })), !loading && _react["default"].createElement(_react["default"].Fragment, {
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 1009,
+      columnNumber: 9
+    }
+  }, _react["default"].createElement(_reactNative.View, {
     style: styles.stickyHeader,
     __self: _this,
     __source: {
@@ -952,69 +847,59 @@ var MessageListWithContext = function MessageListWithContext(props) {
     }
   }));
 };
-
 var MessageList = function MessageList(props) {
   var _useAttachmentPickerC = (0, _AttachmentPickerContext.useAttachmentPickerContext)(),
-      closePicker = _useAttachmentPickerC.closePicker,
-      selectedPicker = _useAttachmentPickerC.selectedPicker,
-      setSelectedPicker = _useAttachmentPickerC.setSelectedPicker;
-
+    closePicker = _useAttachmentPickerC.closePicker,
+    selectedPicker = _useAttachmentPickerC.selectedPicker,
+    setSelectedPicker = _useAttachmentPickerC.setSelectedPicker;
   var _useChannelContext = (0, _ChannelContext.useChannelContext)(),
-      channel = _useChannelContext.channel,
-      disabled = _useChannelContext.disabled,
-      EmptyStateIndicator = _useChannelContext.EmptyStateIndicator,
-      enableMessageGroupingByUser = _useChannelContext.enableMessageGroupingByUser,
-      error = _useChannelContext.error,
-      hideStickyDateHeader = _useChannelContext.hideStickyDateHeader,
-      isChannelActive = _useChannelContext.isChannelActive,
-      loadChannelAroundMessage = _useChannelContext.loadChannelAroundMessage,
-      loading = _useChannelContext.loading,
-      LoadingIndicator = _useChannelContext.LoadingIndicator,
-      markRead = _useChannelContext.markRead,
-      NetworkDownIndicator = _useChannelContext.NetworkDownIndicator,
-      reloadChannel = _useChannelContext.reloadChannel,
-      scrollToFirstUnreadThreshold = _useChannelContext.scrollToFirstUnreadThreshold,
-      setTargetedMessage = _useChannelContext.setTargetedMessage,
-      StickyHeader = _useChannelContext.StickyHeader,
-      targetedMessage = _useChannelContext.targetedMessage;
-
+    channel = _useChannelContext.channel,
+    disabled = _useChannelContext.disabled,
+    EmptyStateIndicator = _useChannelContext.EmptyStateIndicator,
+    enableMessageGroupingByUser = _useChannelContext.enableMessageGroupingByUser,
+    error = _useChannelContext.error,
+    hideStickyDateHeader = _useChannelContext.hideStickyDateHeader,
+    isChannelActive = _useChannelContext.isChannelActive,
+    loadChannelAroundMessage = _useChannelContext.loadChannelAroundMessage,
+    loading = _useChannelContext.loading,
+    LoadingIndicator = _useChannelContext.LoadingIndicator,
+    markRead = _useChannelContext.markRead,
+    NetworkDownIndicator = _useChannelContext.NetworkDownIndicator,
+    reloadChannel = _useChannelContext.reloadChannel,
+    scrollToFirstUnreadThreshold = _useChannelContext.scrollToFirstUnreadThreshold,
+    setTargetedMessage = _useChannelContext.setTargetedMessage,
+    StickyHeader = _useChannelContext.StickyHeader,
+    targetedMessage = _useChannelContext.targetedMessage;
   var _useChatContext = (0, _ChatContext.useChatContext)(),
-      client = _useChatContext.client;
-
+    client = _useChatContext.client;
   var _useImageGalleryConte = (0, _ImageGalleryContext.useImageGalleryContext)(),
-      setMessages = _useImageGalleryConte.setMessages;
-
+    setMessages = _useImageGalleryConte.setMessages;
   var _useMessagesContext = (0, _MessagesContext.useMessagesContext)(),
-      DateHeader = _useMessagesContext.DateHeader,
-      disableTypingIndicator = _useMessagesContext.disableTypingIndicator,
-      FlatList = _useMessagesContext.FlatList,
-      initialScrollToFirstUnreadMessage = _useMessagesContext.initialScrollToFirstUnreadMessage,
-      InlineDateSeparator = _useMessagesContext.InlineDateSeparator,
-      InlineUnreadIndicator = _useMessagesContext.InlineUnreadIndicator,
-      legacyImageViewerSwipeBehaviour = _useMessagesContext.legacyImageViewerSwipeBehaviour,
-      Message = _useMessagesContext.Message,
-      MessageSystem = _useMessagesContext.MessageSystem,
-      myMessageTheme = _useMessagesContext.myMessageTheme,
-      ScrollToBottomButton = _useMessagesContext.ScrollToBottomButton,
-      TypingIndicator = _useMessagesContext.TypingIndicator,
-      TypingIndicatorContainer = _useMessagesContext.TypingIndicatorContainer;
-
+    DateHeader = _useMessagesContext.DateHeader,
+    disableTypingIndicator = _useMessagesContext.disableTypingIndicator,
+    FlatList = _useMessagesContext.FlatList,
+    initialScrollToFirstUnreadMessage = _useMessagesContext.initialScrollToFirstUnreadMessage,
+    InlineDateSeparator = _useMessagesContext.InlineDateSeparator,
+    InlineUnreadIndicator = _useMessagesContext.InlineUnreadIndicator,
+    legacyImageViewerSwipeBehaviour = _useMessagesContext.legacyImageViewerSwipeBehaviour,
+    Message = _useMessagesContext.Message,
+    MessageSystem = _useMessagesContext.MessageSystem,
+    myMessageTheme = _useMessagesContext.myMessageTheme,
+    ScrollToBottomButton = _useMessagesContext.ScrollToBottomButton,
+    TypingIndicator = _useMessagesContext.TypingIndicator,
+    TypingIndicatorContainer = _useMessagesContext.TypingIndicatorContainer;
   var _usePaginatedMessageL = (0, _PaginatedMessageListContext.usePaginatedMessageListContext)(),
-      hasNoMoreRecentMessagesToLoad = _usePaginatedMessageL.hasNoMoreRecentMessagesToLoad,
-      loadMore = _usePaginatedMessageL.loadMore,
-      loadMoreRecent = _usePaginatedMessageL.loadMoreRecent;
-
+    hasNoMoreRecentMessagesToLoad = _usePaginatedMessageL.hasNoMoreRecentMessagesToLoad,
+    loadMore = _usePaginatedMessageL.loadMore,
+    loadMoreRecent = _usePaginatedMessageL.loadMoreRecent;
   var _useOverlayContext = (0, _OverlayContext.useOverlayContext)(),
-      overlay = _useOverlayContext.overlay;
-
+    overlay = _useOverlayContext.overlay;
   var _useThreadContext = (0, _ThreadContext.useThreadContext)(),
-      loadMoreThread = _useThreadContext.loadMoreThread,
-      thread = _useThreadContext.thread;
-
+    loadMoreThread = _useThreadContext.loadMoreThread,
+    thread = _useThreadContext.thread;
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
-      t = _useTranslationContex.t,
-      tDateTimeParser = _useTranslationContex.tDateTimeParser;
-
+    t = _useTranslationContex.t,
+    tDateTimeParser = _useTranslationContex.tDateTimeParser;
   return _react["default"].createElement(MessageListWithContext, (0, _extends2["default"])({
     channel: channel,
     client: client,
@@ -1069,6 +954,5 @@ var MessageList = function MessageList(props) {
     }
   }));
 };
-
 exports.MessageList = MessageList;
 //# sourceMappingURL=MessageList.js.map