stream-chat-react-native-core 9.3.0 → 9.3.1-beta.10

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

@@ -34,22 +34,18 @@ var _transitions = require("../../utils/animations/transitions");
 var _MessageWrapper = require("../Message/MessageItemView/MessageWrapper");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["contentContainerStyle", "style"];
-var _this = this,
-  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/MessageFlashList.tsx";
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/MessageFlashList.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var FlashList;
-var useFlashListContext = function useFlashListContext() {
-  return undefined;
-};
+var useFlashListContext = () => undefined;
 try {
   var flashListModule = require('@shopify/flash-list');
   FlashList = flashListModule.FlashList;
   useFlashListContext = flashListModule.useFlashListContext;
-} catch (_unused) {
+} catch {
   FlashList = undefined;
 }
-var keyExtractor = function keyExtractor(item) {
+var keyExtractor = item => {
   if (item.id) {
     return item.id;
   }
@@ -61,18 +57,17 @@ var keyExtractor = function keyExtractor(item) {
 var flatListViewabilityConfig = {
   viewAreaCoveragePercentThreshold: 1
 };
-var hasReadLastMessage = function hasReadLastMessage(channel, userId) {
-  var _channel$state$latest, _channel$state$read$u;
-  var latestMessageIdInChannel = (_channel$state$latest = channel.state.latestMessages[channel.state.latestMessages.length - 1]) == null ? void 0 : _channel$state$latest.id;
-  var lastReadMessageIdServer = (_channel$state$read$u = channel.state.read[userId]) == null ? void 0 : _channel$state$read$u.last_read_message_id;
+var hasReadLastMessage = (channel, userId) => {
+  var latestMessageIdInChannel = channel.state.latestMessages[channel.state.latestMessages.length - 1]?.id;
+  var lastReadMessageIdServer = channel.state.read[userId]?.last_read_message_id;
   return latestMessageIdInChannel === lastReadMessageIdServer;
 };
-var getPreviousLastMessage = function getPreviousLastMessage(messages, newMessage) {
+var getPreviousLastMessage = (messages, newMessage) => {
   if (!newMessage) return;
   var previousLastMessage;
   for (var i = messages.length - 1; i >= 0; i--) {
     var msg = messages[i];
-    if (!(msg != null && msg.id)) break;
+    if (!msg?.id) break;
     if (msg.id !== newMessage.id) {
       previousLastMessage = msg;
       break;
@@ -80,16 +75,13 @@ var getPreviousLastMessage = function getPreviousLastMessage(messages, newMessag
   }
   return previousLastMessage;
 };
-var messageInputHeightStoreSelector = function messageInputHeightStoreSelector(state) {
-  return {
-    height: state.height
-  };
-};
+var messageInputHeightStoreSelector = state => ({
+  height: state.height
+});
 var WAIT_FOR_SCROLL_TIMEOUT = 0;
-var getItemTypeInternal = function getItemTypeInternal(message) {
+var getItemTypeInternal = message => {
   if (message.type === 'regular') {
-    var _message$attachments$, _message$attachments;
-    if (((_message$attachments$ = (_message$attachments = message.attachments) == null ? void 0 : _message$attachments.length) != null ? _message$attachments$ : 0) > 0) {
+    if ((message.attachments?.length ?? 0) > 0) {
       return 'message-with-attachments';
     }
     if (message.poll_id) {
@@ -114,8 +106,7 @@ var getItemTypeInternal = function getItemTypeInternal(message) {
   }
   return 'generic-message';
 };
-var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
-  var _client$user4;
+var MessageFlashListWithContext = props => {
   var LoadingMoreRecentIndicator = props.threadList ? _InlineLoadingMoreRecentThreadIndicator.InlineLoadingMoreRecentThreadIndicator : _InlineLoadingMoreRecentIndicator.InlineLoadingMoreRecentIndicator;
   var attachmentPickerStore = props.attachmentPickerStore,
     additionalFlashListProps = props.additionalFlashListProps,
@@ -186,9 +177,9 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
     stickyHeaderDate = _useState8[0],
     setStickyHeaderDate = _useState8[1];
   var _useState9 = (0, _react.useState)(true),
-    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-    scrollEnabled = _useState10[0],
-    setScrollEnabled = _useState10[1];
+    _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
+    scrollEnabled = _useState0[0],
+    setScrollEnabled = _useState0[1];
   var stickyHeaderDateRef = (0, _react.useRef)(undefined);
   var onStartReachedTracker = (0, _react.useRef)({});
   var onEndReachedTracker = (0, _react.useRef)({});
@@ -199,26 +190,23 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
   var _useTheme = (0, _ThemeContext.useTheme)(),
     theme = _useTheme.theme;
   var styles = useStyles();
-  var myMessageThemeString = (0, _react.useMemo)(function () {
-    return JSON.stringify(myMessageTheme);
-  }, [myMessageTheme]);
-  var modifiedTheme = (0, _react.useMemo)(function () {
-    return (0, _ThemeContext.mergeThemes)({
-      style: myMessageTheme,
-      theme: theme
-    });
-  }, [myMessageThemeString, theme]);
+  var myMessageThemeString = (0, _react.useMemo)(() => JSON.stringify(myMessageTheme), [myMessageTheme]);
+  var modifiedTheme = (0, _react.useMemo)(() => (0, _ThemeContext.mergeThemes)({
+    style: myMessageTheme,
+    theme
+  }), [myMessageThemeString, theme]);
   var _useMessageList = (0, _useMessageList2.useMessageList)({
       isFlashList: true,
-      isLiveStreaming: isLiveStreaming,
-      threadList: threadList
+      isLiveStreaming,
+      threadList
     }),
     processedMessageList = _useMessageList.processedMessageList,
     rawMessageList = _useMessageList.rawMessageList,
     viewabilityChangedCallback = _useMessageList.viewabilityChangedCallback;
-  var renderItem = (0, _react.useCallback)(function (_ref) {
-    var message = _ref.item,
-      index = _ref.index;
+  var renderItem = (0, _react.useCallback)(({
+    item: message,
+    index
+  }) => {
     var previousMessage = processedMessageList[index - 1];
     var nextMessage = processedMessageList[index + 1];
     return (0, _jsxRuntime.jsx)(_MessageWrapper.MessageWrapper, {
@@ -233,13 +221,13 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
   var messageListLengthBeforeUpdate = (0, _react.useRef)(0);
   var messageListLengthAfterUpdate = processedMessageList.length;
   var shouldScrollToRecentOnNewOwnMessageRef = (0, _useShouldScrollToRecentOnNewOwnMessage.useShouldScrollToRecentOnNewOwnMessage)(rawMessageList, client.userID);
-  var _useState11 = (0, _react.useState)(true),
-    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-    autoscrollToRecent = _useState12[0],
-    setAutoscrollToRecent = _useState12[1];
-  (0, _react.useEffect)(function () {
+  var _useState1 = (0, _react.useState)(true),
+    _useState10 = (0, _slicedToArray2.default)(_useState1, 2),
+    autoscrollToRecent = _useState10[0],
+    setAutoscrollToRecent = _useState10[1];
+  (0, _react.useEffect)(() => {
     if (autoscrollToRecent && flashListRef.current) {
-      if (hasPendingInitialTargetLoad != null && hasPendingInitialTargetLoad()) {
+      if (hasPendingInitialTargetLoad?.()) {
         return;
       }
       flashListRef.current.scrollToEnd({
@@ -248,35 +236,33 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
     }
   }, [autoscrollToRecent, hasPendingInitialTargetLoad]);
   var isOverlayOpen = (0, _stateStore.useHasActiveId)();
-  var maintainVisibleContentPosition = (0, _react.useMemo)(function () {
+  var maintainVisibleContentPosition = (0, _react.useMemo)(() => {
     return {
       animateAutoscrollToBottom: true,
       autoscrollToBottomThreshold: autoscrollToRecent && !isOverlayOpen ? 1 : undefined,
       startRenderingFromBottom: true
     };
   }, [isOverlayOpen, autoscrollToRecent]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (disabled) {
       setScrollToBottomButtonVisible(false);
     }
   }, [disabled]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (!targetedMessage) {
       return;
     }
-    var indexOfParentInMessageList = processedMessageList.findIndex(function (message) {
-      return (message == null ? void 0 : message.id) === targetedMessage;
-    });
+    var indexOfParentInMessageList = processedMessageList.findIndex(message => message?.id === targetedMessage);
     if (indexOfParentInMessageList === -1) {
       loadChannelAroundMessage({
         messageId: targetedMessage,
-        setTargetedMessage: setTargetedMessage
+        setTargetedMessage
       });
     } else {
       scrollToDebounceTimeoutRef.current = setTimeout((0, _asyncToGenerator2.default)(function* () {
         clearTimeout(scrollToDebounceTimeoutRef.current);
         var scrollToIndex = function () {
-          var _ref3 = (0, _asyncToGenerator2.default)(function* () {
+          var _ref2 = (0, _asyncToGenerator2.default)(function* () {
             var list = flashListRef.current;
             if (!list) {
               return false;
@@ -289,7 +275,7 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
             return true;
           });
           return function scrollToIndex() {
-            return _ref3.apply(this, arguments);
+            return _ref2.apply(this, arguments);
           };
         }();
         yield scrollToIndex();
@@ -301,16 +287,14 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
     }
   }, [loadChannelAroundMessage, processedMessageList, setTargetedMessage, targetedMessage]);
   var goToMessage = (0, _hooks.useStableCallback)(function () {
-    var _ref5 = (0, _asyncToGenerator2.default)(function* (messageId) {
-      var indexOfParentInMessageList = processedMessageList.findIndex(function (message) {
-        return (message == null ? void 0 : message.id) === messageId;
-      });
+    var _ref4 = (0, _asyncToGenerator2.default)(function* (messageId) {
+      var indexOfParentInMessageList = processedMessageList.findIndex(message => message?.id === messageId);
       try {
         if (indexOfParentInMessageList === -1) {
           clearTimeout(scrollToDebounceTimeoutRef.current);
           yield loadChannelAroundMessage({
-            messageId: messageId,
-            setTargetedMessage: setTargetedMessage
+            messageId,
+            setTargetedMessage
           });
         } else {
           setTargetedMessage(messageId);
@@ -320,21 +304,20 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
       }
     });
     return function (_x) {
-      return _ref5.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }());
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     var isMessageRemovedFromMessageList = messageListLengthBeforeUpdate.current - messageListLengthAfterUpdate === 1;
-    var scrollToBottomIfNeeded = function scrollToBottomIfNeeded() {
-      var _topMessageBeforeUpda;
+    var scrollToBottomIfNeeded = () => {
       if (!client || !channel || processedMessageList.length === 0) {
         return;
       }
-      if (isMessageRemovedFromMessageList || (_topMessageBeforeUpda = topMessageBeforeUpdate.current) != null && _topMessageBeforeUpda.created_at && topMessageAfterUpdate != null && topMessageAfterUpdate.created_at && topMessageBeforeUpdate.current.created_at < topMessageAfterUpdate.created_at) {
+      if (isMessageRemovedFromMessageList || topMessageBeforeUpdate.current?.created_at && topMessageAfterUpdate?.created_at && topMessageBeforeUpdate.current.created_at < topMessageAfterUpdate.created_at) {
         channelResyncScrollSet.current = false;
         setScrollToBottomButtonVisible(false);
         resetPaginationTrackersRef.current();
-        setTimeout(function () {
+        setTimeout(() => {
           channelResyncScrollSet.current = true;
           if (channel.countUnread() > 0) {
             markRead();
@@ -347,8 +330,8 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
     }
     messageListLengthBeforeUpdate.current = messageListLengthAfterUpdate;
     topMessageBeforeUpdate.current = topMessageAfterUpdate;
-  }, [messageListLengthAfterUpdate, topMessageAfterUpdate == null ? void 0 : topMessageAfterUpdate.id, maximumMessageLimit]);
-  (0, _react.useEffect)(function () {
+  }, [messageListLengthAfterUpdate, topMessageAfterUpdate?.id, maximumMessageLimit]);
+  (0, _react.useEffect)(() => {
     if (!processedMessageList.length) {
       return;
     }
@@ -367,52 +350,48 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
     if (!latestCurrentMessageAfterUpdate) {
       return;
     }
-    var didMergeMessageSetsWithNoUpdates = (latestNonCurrentMessageBeforeUpdate == null ? void 0 : latestNonCurrentMessageBeforeUpdate.id) === latestCurrentMessageAfterUpdate.id;
+    var didMergeMessageSetsWithNoUpdates = latestNonCurrentMessageBeforeUpdate?.id === latestCurrentMessageAfterUpdate.id;
     if (!didMergeMessageSetsWithNoUpdates) {
       var shouldScrollToRecentOnNewOwnMessage = shouldScrollToRecentOnNewOwnMessageRef.current();
       if (shouldScrollToRecentOnNewOwnMessage) {
-        var _flashListRef$current;
-        (_flashListRef$current = flashListRef.current) == null || _flashListRef$current.scrollToEnd({
+        flashListRef.current?.scrollToEnd({
           animated: true
         });
       }
     }
   }, [channel, processedMessageList, shouldScrollToRecentOnNewOwnMessageRef, threadList]);
-  (0, _react.useEffect)(function () {
-    var shouldMarkRead = function shouldMarkRead() {
-      var _client$user, _client$user2;
+  (0, _react.useEffect)(() => {
+    var shouldMarkRead = () => {
       var channelUnreadState = channelUnreadStateStore.channelUnreadState;
-      return !(channelUnreadState != null && channelUnreadState.first_unread_message_id) && !scrollToBottomButtonVisible && ((_client$user = client.user) == null ? void 0 : _client$user.id) && !hasReadLastMessage(channel, (_client$user2 = client.user) == null ? void 0 : _client$user2.id);
+      return !channelUnreadState?.first_unread_message_id && !scrollToBottomButtonVisible && client.user?.id && !hasReadLastMessage(channel, client.user?.id);
     };
     var handleEvent = function () {
-      var _ref6 = (0, _asyncToGenerator2.default)(function* (event) {
-        var _event$message, _event$message2, _event$message3, _client$user3;
-        var mainChannelUpdated = !((_event$message = event.message) != null && _event$message.parent_id) || ((_event$message2 = event.message) == null ? void 0 : _event$message2.show_in_channel);
-        var isMyOwnMessage = ((_event$message3 = event.message) == null || (_event$message3 = _event$message3.user) == null ? void 0 : _event$message3.id) === ((_client$user3 = client.user) == null ? void 0 : _client$user3.id);
+      var _ref5 = (0, _asyncToGenerator2.default)(function* (event) {
+        var mainChannelUpdated = !event.message?.parent_id || event.message?.show_in_channel;
+        var isMyOwnMessage = event.message?.user?.id === client.user?.id;
         var channelUnreadState = channelUnreadStateStore.channelUnreadState;
-        if ((scrollToBottomButtonVisible || channelUnreadState != null && channelUnreadState.first_unread_message_id) && !isMyOwnMessage) {
-          var _channelUnreadState$u, _channelUnreadState$l;
-          var previousUnreadCount = (_channelUnreadState$u = channelUnreadState == null ? void 0 : channelUnreadState.unread_messages) != null ? _channelUnreadState$u : 0;
+        if ((scrollToBottomButtonVisible || channelUnreadState?.first_unread_message_id) && !isMyOwnMessage) {
+          var previousUnreadCount = channelUnreadState?.unread_messages ?? 0;
           var previousLastMessage = getPreviousLastMessage(channel.state.messages, event.message);
-          setChannelUnreadState(Object.assign({}, channelUnreadState, {
-            last_read: (_channelUnreadState$l = channelUnreadState == null ? void 0 : channelUnreadState.last_read) != null ? _channelUnreadState$l : previousUnreadCount === 0 && previousLastMessage != null && previousLastMessage.created_at ? new Date(previousLastMessage.created_at) : new Date(0),
+          setChannelUnreadState({
+            ...channelUnreadState,
+            last_read: channelUnreadState?.last_read ?? (previousUnreadCount === 0 && previousLastMessage?.created_at ? new Date(previousLastMessage.created_at) : new Date(0)),
             unread_messages: previousUnreadCount + 1
-          }));
+          });
         } else if (mainChannelUpdated && shouldMarkRead()) {
           yield markRead();
         }
       });
       return function handleEvent(_x2) {
-        return _ref6.apply(this, arguments);
+        return _ref5.apply(this, arguments);
       };
     }();
     var listener = channel.on('message.new', handleEvent);
-    return function () {
-      listener == null || listener.unsubscribe();
+    return () => {
+      listener?.unsubscribe();
     };
-  }, [channel, channelUnreadStateStore, (_client$user4 = client.user) == null ? void 0 : _client$user4.id, markRead, scrollToBottomButtonVisible, setChannelUnreadState, threadList]);
-  var updateStickyHeaderDateIfNeeded = (0, _hooks.useStableCallback)(function (viewableItems) {
-    var _lastItem$item, _stickyHeaderDateRef$;
+  }, [channel, channelUnreadStateStore, client.user?.id, markRead, scrollToBottomButtonVisible, setChannelUnreadState, threadList]);
+  var updateStickyHeaderDateIfNeeded = (0, _hooks.useStableCallback)(viewableItems => {
     if (!viewableItems.length) {
       return;
     }
@@ -423,18 +402,15 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
       return;
     }
     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())) {
+    if (lastItem?.item?.created_at && !isMessageTypeDeleted && typeof lastItem.item.created_at !== 'string' && lastItem.item.created_at.toDateString() !== stickyHeaderDateRef.current?.toDateString()) {
       stickyHeaderDateRef.current = lastItem.item.created_at;
       setStickyHeaderDate(lastItem.item.created_at);
     }
   });
-  var updateStickyUnreadIndicator = (0, _hooks.useStableCallback)(function (viewableItems) {
-    var _channelUnreadState$l2;
+  var updateStickyUnreadIndicator = (0, _hooks.useStableCallback)(viewableItems => {
     var channelUnreadState = channelUnreadStateStore.channelUnreadState;
-    var lastReadMessageId = channelUnreadState == null ? void 0 : channelUnreadState.last_read_message_id;
-    var lastReadMessageVisible = viewableItems.some(function (item) {
-      return item.item.id === lastReadMessageId;
-    });
+    var lastReadMessageId = channelUnreadState?.last_read_message_id;
+    var lastReadMessageVisible = viewableItems.some(item => item.item.id === lastReadMessageId);
     if (!viewableItems.length || !readEvents || lastReadMessageVisible || attachmentPickerStore.state.getLatestValue().selectedPicker === 'images') {
       setIsUnreadNotificationOpen(false);
       return;
@@ -443,7 +419,7 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
     if (!lastItem) return;
     var lastItemMessage = lastItem.item;
     var lastItemCreatedAt = lastItemMessage.created_at;
-    var unreadIndicatorDate = channelUnreadState == null || (_channelUnreadState$l2 = channelUnreadState.last_read) == null ? void 0 : _channelUnreadState$l2.getTime();
+    var unreadIndicatorDate = channelUnreadState?.last_read?.getTime();
     var lastItemDate = lastItemCreatedAt.getTime();
     if (!channel.state.messagePagination.hasPrev && processedMessageList[0].id === lastItemMessage.id) {
       setIsUnreadNotificationOpen(false);
@@ -459,14 +435,15 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
       setIsUnreadNotificationOpen(false);
     }
   });
-  var unstableOnViewableItemsChanged = function unstableOnViewableItemsChanged(_ref7) {
-    var viewableItems = _ref7.viewableItems;
+  var unstableOnViewableItemsChanged = ({
+    viewableItems
+  }) => {
     if (!viewableItems) {
       return;
     }
     viewabilityChangedCallback({
       inverted: false,
-      viewableItems: viewableItems
+      viewableItems
     });
     if (!hideStickyDateHeader) {
       updateStickyHeaderDateIfNeeded(viewableItems);
@@ -475,37 +452,36 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
   };
   var onViewableItemsChanged = (0, _react.useRef)(unstableOnViewableItemsChanged);
   onViewableItemsChanged.current = unstableOnViewableItemsChanged;
-  var stableOnViewableItemsChanged = (0, _react.useCallback)(function (_ref8) {
-    var viewableItems = _ref8.viewableItems;
+  var stableOnViewableItemsChanged = (0, _react.useCallback)(({
+    viewableItems
+  }) => {
     onViewableItemsChanged.current({
-      viewableItems: viewableItems
+      viewableItems
     });
   }, []);
-  var setNativeScrollability = (0, _hooks.useStableCallback)(function (value) {
+  var setNativeScrollability = (0, _hooks.useStableCallback)(value => {
     setScrollEnabled(value);
   });
-  var messageListItemContextValue = (0, _react.useMemo)(function () {
-    return {
-      goToMessage: goToMessage,
-      modifiedTheme: modifiedTheme,
-      noGroupByUser: noGroupByUser,
-      onThreadSelect: onThreadSelect,
-      setNativeScrollability: setNativeScrollability
-    };
-  }, [goToMessage, modifiedTheme, noGroupByUser, onThreadSelect, setNativeScrollability]);
+  var messageListItemContextValue = (0, _react.useMemo)(() => ({
+    goToMessage,
+    modifiedTheme,
+    noGroupByUser,
+    onThreadSelect,
+    setNativeScrollability
+  }), [goToMessage, modifiedTheme, noGroupByUser, onThreadSelect, setNativeScrollability]);
   var maybeCallOnStartReached = (0, _hooks.useStableCallback)((0, _asyncToGenerator2.default)(function* () {
-    if (processedMessageList != null && processedMessageList.length && onStartReachedTracker.current[processedMessageList.length]) {
+    if (processedMessageList?.length && onStartReachedTracker.current[processedMessageList.length]) {
       return;
     }
-    if (processedMessageList != null && processedMessageList.length) {
+    if (processedMessageList?.length) {
       onStartReachedTracker.current[processedMessageList.length] = true;
     }
-    var callback = function callback() {
+    var callback = () => {
       onStartReachedInPromise.current = null;
       return Promise.resolve();
     };
-    var onError = function onError() {
-      setTimeout(function () {
+    var onError = () => {
+      setTimeout(() => {
         onStartReachedTracker.current = {};
       }, 2000);
     };
@@ -515,18 +491,18 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
     onStartReachedInPromise.current = (threadList && !!threadInstance && loadMoreRecentThread ? loadMoreRecentThread({}) : loadMoreRecent()).then(callback).catch(onError);
   }));
   var maybeCallOnEndReached = (0, _hooks.useStableCallback)((0, _asyncToGenerator2.default)(function* () {
-    if (processedMessageList != null && processedMessageList.length && onEndReachedTracker.current[processedMessageList.length]) {
+    if (processedMessageList?.length && onEndReachedTracker.current[processedMessageList.length]) {
       return;
     }
-    if (processedMessageList != null && processedMessageList.length) {
+    if (processedMessageList?.length) {
       onEndReachedTracker.current[processedMessageList.length] = true;
     }
-    var callback = function callback() {
+    var callback = () => {
       onEndReachedInPromise.current = null;
       return Promise.resolve();
     };
-    var onError = function onError() {
-      setTimeout(function () {
+    var onError = () => {
+      setTimeout(() => {
         onEndReachedTracker.current = {};
       }, 2000);
     };
@@ -535,7 +511,7 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
     }
     onEndReachedInPromise.current = (threadList ? loadMoreThread() : loadMore()).then(callback).catch(onError);
   }));
-  var onUserScrollEvent = (0, _hooks.useStableCallback)(function (event) {
+  var onUserScrollEvent = (0, _hooks.useStableCallback)(event => {
     var nativeEvent = event.nativeEvent;
     var offset = nativeEvent.contentOffset.y;
     var visibleLength = nativeEvent.layoutMeasurement.height;
@@ -552,12 +528,12 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
       maybeCallOnStartReached();
     }
   });
-  var resetPaginationTrackersRef = (0, _react.useRef)(function () {
+  var resetPaginationTrackersRef = (0, _react.useRef)(() => {
     onStartReachedTracker.current = {};
     onEndReachedTracker.current = {};
   });
   var currentScrollOffsetRef = (0, _react.useRef)(0);
-  var handleScroll = (0, _hooks.useStableCallback)(function (event) {
+  var handleScroll = (0, _hooks.useStableCallback)(event => {
     var messageListHasMessages = processedMessageList.length > 0;
     var nativeEvent = event.nativeEvent;
     var offset = nativeEvent.contentOffset.y;
@@ -587,31 +563,31 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
       updateChannelUnreadState: false
     });
   }));
-  var scrollToBottomUnreadCount = scrollToBottomButtonVisible && !threadList ? channel == null ? void 0 : channel.countUnread() : undefined;
+  var scrollToBottomUnreadCount = scrollToBottomButtonVisible && !threadList ? channel?.countUnread() : undefined;
   var _useScrollToBottomAcc = (0, _useScrollToBottomAccessibilityAction.useScrollToBottomAccessibilityAction)({
-      accessibilityActions: additionalFlashListProps == null ? void 0 : additionalFlashListProps.accessibilityActions,
-      onAccessibilityAction: additionalFlashListProps == null ? void 0 : additionalFlashListProps.onAccessibilityAction,
+      accessibilityActions: additionalFlashListProps?.accessibilityActions,
+      onAccessibilityAction: additionalFlashListProps?.onAccessibilityAction,
       onScrollToBottom: goToNewMessages,
       unreadCount: scrollToBottomUnreadCount,
       visible: scrollToBottomButtonVisible
     }),
     messageListAccessibilityActions = _useScrollToBottomAcc.accessibilityActions,
     messageListOnAccessibilityAction = _useScrollToBottomAcc.onAccessibilityAction;
-  var dismissImagePicker = (0, _hooks.useStableCallback)(function () {
+  var dismissImagePicker = (0, _hooks.useStableCallback)(() => {
     if (attachmentPickerStore.state.getLatestValue().selectedPicker) {
       attachmentPickerStore.setSelectedPicker(undefined);
       closePicker();
     }
   });
-  var onScrollBeginDrag = (0, _hooks.useStableCallback)(function (event) {
+  var onScrollBeginDrag = (0, _hooks.useStableCallback)(event => {
     !hasMoved && attachmentPickerStore.state.getLatestValue().selectedPicker && setHasMoved(true);
     onUserScrollEvent(event);
   });
-  var onScrollEndDrag = (0, _hooks.useStableCallback)(function (event) {
+  var onScrollEndDrag = (0, _hooks.useStableCallback)(event => {
     hasMoved && attachmentPickerStore.state.getLatestValue().selectedPicker && setHasMoved(false);
     onUserScrollEvent(event);
   });
-  var refCallback = (0, _hooks.useStableCallback)(function (ref) {
+  var refCallback = (0, _hooks.useStableCallback)(ref => {
     flashListRef.current = ref;
     if (setFlatListRef) {
       setFlatListRef(ref);
@@ -628,17 +604,12 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
       rest = (0, _objectWithoutProperties2.default)(additionalFlashListProps, _excluded);
     additionalFlashListPropsExcludingStyle = rest;
   }
-  var flatListStyle = (0, _react.useMemo)(function () {
-    return [styles.listContainer, additionalFlashListProps == null ? void 0 : additionalFlashListProps.style];
-  }, [additionalFlashListProps == null ? void 0 : additionalFlashListProps.style, styles.listContainer]);
-  var flatListContentContainerStyle = (0, _react.useMemo)(function () {
-    return [styles.contentContainer, {
-      paddingBottom: messageInputFloating ? messageInputHeight : 0
-    }, additionalFlashListProps == null ? void 0 : additionalFlashListProps.contentContainerStyle];
-  }, [additionalFlashListProps == null ? void 0 : additionalFlashListProps.contentContainerStyle, styles.contentContainer, messageInputFloating, messageInputHeight]);
+  var flatListStyle = (0, _react.useMemo)(() => [styles.listContainer, additionalFlashListProps?.style], [additionalFlashListProps?.style, styles.listContainer]);
+  var flatListContentContainerStyle = (0, _react.useMemo)(() => [styles.contentContainer, {
+    paddingBottom: messageInputFloating ? messageInputHeight : 0
+  }, additionalFlashListProps?.contentContainerStyle], [additionalFlashListProps?.contentContainerStyle, styles.contentContainer, messageInputFloating, messageInputHeight]);
   var currentListHeightRef = (0, _react.useRef)(undefined);
-  var onLayout = (0, _hooks.useStableCallback)(function (e) {
-    var _flashListRef$current2, _flashListRef$current3;
+  var onLayout = (0, _hooks.useStableCallback)(e => {
     var height = e.nativeEvent.layout.height;
     if (!currentListHeightRef.current) {
       currentListHeightRef.current = height;
@@ -647,15 +618,15 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
     var closeCorrectionDeltaY = height - currentListHeightRef.current;
     (0, _stateStore.bumpOverlayLayoutRevision)(closeCorrectionDeltaY);
     var changedBy = currentListHeightRef.current - height;
-    (_flashListRef$current2 = flashListRef.current) == null || (_flashListRef$current2 = _flashListRef$current2.getNativeScrollRef()) == null || _flashListRef$current2.setNativeProps({
+    flashListRef.current?.getNativeScrollRef()?.setNativeProps({
       contentOffset: {
         x: 0,
-        y: ((_flashListRef$current3 = flashListRef.current) == null ? void 0 : _flashListRef$current3.getAbsoluteLastScrollOffset()) + changedBy
+        y: flashListRef.current?.getAbsoluteLastScrollOffset() + changedBy
       }
     });
     currentListHeightRef.current = height;
   });
-  var ListFooterComponent = (0, _react.useCallback)(function () {
+  var ListFooterComponent = (0, _react.useCallback)(() => {
     if (FooterComponent) {
       return (0, _jsxRuntime.jsx)(FooterComponent, {});
     }
@@ -689,7 +660,7 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
       }) : null
     }) : (0, _jsxRuntime.jsx)(_MessageListItemContext.MessageListItemProvider, {
       value: messageListItemContextValue,
-      children: (0, _jsxRuntime.jsx)(FlashList, Object.assign({
+      children: (0, _jsxRuntime.jsx)(FlashList, {
         contentContainerStyle: flatListContentContainerStyle,
         data: processedMessageList,
         drawDistance: 800,
@@ -712,11 +683,11 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
         showsVerticalScrollIndicator: false,
         style: flatListStyle,
         testID: "message-flash-list",
-        viewabilityConfig: flatListViewabilityConfig
-      }, additionalFlashListPropsExcludingStyle, {
+        viewabilityConfig: flatListViewabilityConfig,
+        ...additionalFlashListPropsExcludingStyle,
         accessibilityActions: messageListAccessibilityActions,
         onAccessibilityAction: messageListOnAccessibilityAction
-      }))
+      })
     }), (0, _jsxRuntime.jsx)(_reactNative.View, {
       accessibilityElementsHidden: true,
       accessible: false,
@@ -746,14 +717,15 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
     })]
   });
 };
-var FlashListFooterTypingAdapter = function FlashListFooterTypingAdapter(_ref13) {
-  var enabled = _ref13.enabled,
-    children = _ref13.children;
+var FlashListFooterTypingAdapter = ({
+  enabled,
+  children
+}) => {
   var api = useFlashListContext();
   var typingUsers = (0, _useTypingUsers.useTypingUsers)();
   var typingUsersLengthRef = (0, _react.useRef)(typingUsers.length);
-  (0, _react.useEffect)(function () {
-    var listApi = api == null || api.getRef == null ? void 0 : api.getRef();
+  (0, _react.useEffect)(() => {
+    var listApi = api?.getRef?.();
     if (!enabled || !listApi) {
       return;
     }
@@ -772,7 +744,7 @@ var FlashListFooterTypingAdapter = function FlashListFooterTypingAdapter(_ref13)
   }, [enabled, api, typingUsers.length]);
   return children;
 };
-var MessageFlashList = exports.MessageFlashList = function MessageFlashList(props) {
+var MessageFlashList = props => {
   var _useAttachmentPickerC = (0, _AttachmentPickerContext.useAttachmentPickerContext)(),
     closePicker = _useAttachmentPickerC.closePicker,
     attachmentPickerStore = _useAttachmentPickerC.attachmentPickerStore;
@@ -816,47 +788,48 @@ var MessageFlashList = exports.MessageFlashList = function MessageFlashList(prop
   var _useMessageInputConte = (0, _MessageInputContext.useMessageInputContext)(),
     messageInputFloating = _useMessageInputConte.messageInputFloating,
     messageInputHeightStore = _useMessageInputConte.messageInputHeightStore;
-  return (0, _jsxRuntime.jsx)(MessageFlashListWithContext, Object.assign({
-    attachmentPickerStore: attachmentPickerStore,
-    channel: channel,
-    channelUnreadStateStore: channelUnreadStateStore,
-    client: client,
-    closePicker: closePicker,
-    disabled: disabled,
-    disableTypingIndicator: disableTypingIndicator,
-    enableMessageGroupingByUser: enableMessageGroupingByUser,
-    error: error,
-    FlatList: FlatList,
-    hideStickyDateHeader: hideStickyDateHeader,
-    highlightedMessageId: highlightedMessageId,
+  return (0, _jsxRuntime.jsx)(MessageFlashListWithContext, {
+    attachmentPickerStore,
+    channel,
+    channelUnreadStateStore,
+    client,
+    closePicker,
+    disabled,
+    disableTypingIndicator,
+    enableMessageGroupingByUser,
+    error,
+    FlatList,
+    hideStickyDateHeader,
+    highlightedMessageId,
     isListActive: isChannelActive,
-    loadChannelAroundMessage: loadChannelAroundMessage,
-    loading: loading,
-    loadMore: loadMore,
-    loadMoreRecent: loadMoreRecent,
-    loadMoreRecentThread: loadMoreRecentThread,
-    loadMoreThread: loadMoreThread,
-    markRead: markRead,
-    maximumMessageLimit: maximumMessageLimit,
-    messageInputFloating: messageInputFloating,
-    messageInputHeightStore: messageInputHeightStore,
-    myMessageTheme: myMessageTheme,
-    readEvents: readEvents,
-    reloadChannel: reloadChannel,
-    scrollToFirstUnreadThreshold: scrollToFirstUnreadThreshold,
-    setChannelUnreadState: setChannelUnreadState,
-    setTargetedMessage: setTargetedMessage,
-    hasPendingInitialTargetLoad: hasPendingInitialTargetLoad,
-    shouldShowUnreadUnderlay: shouldShowUnreadUnderlay,
-    targetedMessage: targetedMessage,
-    thread: thread,
-    threadInstance: threadInstance,
-    threadList: threadList
-  }, props, {
+    loadChannelAroundMessage,
+    loading,
+    loadMore,
+    loadMoreRecent,
+    loadMoreRecentThread,
+    loadMoreThread,
+    markRead,
+    maximumMessageLimit,
+    messageInputFloating,
+    messageInputHeightStore,
+    myMessageTheme,
+    readEvents,
+    reloadChannel,
+    scrollToFirstUnreadThreshold,
+    setChannelUnreadState,
+    setTargetedMessage,
+    hasPendingInitialTargetLoad,
+    shouldShowUnreadUnderlay,
+    targetedMessage,
+    thread,
+    threadInstance,
+    threadList,
+    ...props,
     noGroupByUser: !enableMessageGroupingByUser || props.noGroupByUser
-  }));
+  });
 };
-var useStyles = function useStyles() {
+exports.MessageFlashList = MessageFlashList;
+var useStyles = () => {
   var _useTheme2 = (0, _ThemeContext.useTheme)(),
     _useTheme2$theme = _useTheme2.theme,
     semantics = _useTheme2$theme.semantics,
@@ -868,42 +841,46 @@ var useStyles = function useStyles() {
     scrollToBottomButtonContainer = _useTheme2$theme$mess.scrollToBottomButtonContainer,
     unreadMessagesNotificationContainer = _useTheme2$theme$mess.unreadMessagesNotificationContainer;
   var backgroundCoreApp = semantics.backgroundCoreApp;
-  return (0, _react.useMemo)(function () {
-    return _reactNative.StyleSheet.create({
-      container: Object.assign({
-        flex: 1,
-        width: '100%',
-        backgroundColor: backgroundCoreApp
-      }, container),
-      contentContainer: Object.assign({
-        paddingBottom: 4
-      }, contentContainer),
-      flex: {
-        flex: 1,
-        backgroundColor: backgroundCoreApp
-      },
-      listContainer: Object.assign({
-        flex: 1,
-        width: '100%'
-      }, listContainer),
-      scrollToBottomButtonContainer: Object.assign({
-        position: 'absolute',
-        right: 16
-      }, scrollToBottomButtonContainer),
-      stickyHeaderContainer: Object.assign({
-        left: 0,
-        position: 'absolute',
-        right: 0,
-        top: _theme.primitives.spacingMd
-      }, stickyHeaderContainer),
-      unreadMessagesNotificationContainer: Object.assign({
-        position: 'absolute',
-        top: _theme.primitives.spacingMd,
-        left: 0,
-        right: 0,
-        alignItems: 'center'
-      }, unreadMessagesNotificationContainer)
-    });
-  }, [backgroundCoreApp, container, contentContainer, listContainer, scrollToBottomButtonContainer, stickyHeaderContainer, unreadMessagesNotificationContainer]);
+  return (0, _react.useMemo)(() => _reactNative.StyleSheet.create({
+    container: {
+      flex: 1,
+      width: '100%',
+      backgroundColor: backgroundCoreApp,
+      ...container
+    },
+    contentContainer: {
+      paddingBottom: 4,
+      ...contentContainer
+    },
+    flex: {
+      flex: 1,
+      backgroundColor: backgroundCoreApp
+    },
+    listContainer: {
+      flex: 1,
+      width: '100%',
+      ...listContainer
+    },
+    scrollToBottomButtonContainer: {
+      position: 'absolute',
+      right: 16,
+      ...scrollToBottomButtonContainer
+    },
+    stickyHeaderContainer: {
+      left: 0,
+      position: 'absolute',
+      right: 0,
+      top: _theme.primitives.spacingMd,
+      ...stickyHeaderContainer
+    },
+    unreadMessagesNotificationContainer: {
+      position: 'absolute',
+      top: _theme.primitives.spacingMd,
+      left: 0,
+      right: 0,
+      alignItems: 'center',
+      ...unreadMessagesNotificationContainer
+    }
+  }), [backgroundCoreApp, container, contentContainer, listContainer, scrollToBottomButtonContainer, stickyHeaderContainer, unreadMessagesNotificationContainer]);
 };
 //# sourceMappingURL=MessageFlashList.js.map