stream-chat-react-native-core 8.11.0 → 8.12.0-beta.1

package/lib/commonjs/components/Message/MessageSimple/MessageWrapper.js

@@ -0,0 +1,126 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageWrapper = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _useMessageDateSeparator = require("../../../components/MessageList/hooks/useMessageDateSeparator");
+var _useMessageGroupStyles = require("../../../components/MessageList/hooks/useMessageGroupStyles");
+var _ChannelContext = require("../../../contexts/channelContext/ChannelContext");
+var _ChatContext = require("../../../contexts/chatContext/ChatContext");
+var _MessageListItemContext = require("../../../contexts/messageListItemContext/MessageListItemContext");
+var _MessagesContext = require("../../../contexts/messagesContext/MessagesContext");
+var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
+var _useStateStore3 = require("../../../hooks/useStateStore");
+var _jsxRuntime = require("react/jsx-runtime");
+var _this = this,
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Message/MessageSimple/MessageWrapper.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 channelUnreadStateSelector = function channelUnreadStateSelector(state) {
+  var _state$channelUnreadS, _state$channelUnreadS2, _state$channelUnreadS3, _state$channelUnreadS4;
+  return {
+    first_unread_message_id: (_state$channelUnreadS = state.channelUnreadState) == null ? void 0 : _state$channelUnreadS.first_unread_message_id,
+    last_read_message_id: (_state$channelUnreadS2 = state.channelUnreadState) == null ? void 0 : _state$channelUnreadS2.last_read_message_id,
+    last_read_timestamp: (_state$channelUnreadS3 = state.channelUnreadState) == null || (_state$channelUnreadS3 = _state$channelUnreadS3.last_read) == null ? void 0 : _state$channelUnreadS3.getTime(),
+    unread_messages: (_state$channelUnreadS4 = state.channelUnreadState) == null ? void 0 : _state$channelUnreadS4.unread_messages
+  };
+};
+var MessageWrapper = exports.MessageWrapper = _react.default.memo(function (props) {
+  var _message$user;
+  var message = props.message;
+  var _useChatContext = (0, _ChatContext.useChatContext)(),
+    client = _useChatContext.client;
+  var _useChannelContext = (0, _ChannelContext.useChannelContext)(),
+    channelUnreadStateStore = _useChannelContext.channelUnreadStateStore,
+    channel = _useChannelContext.channel,
+    hideDateSeparators = _useChannelContext.hideDateSeparators,
+    highlightedMessageId = _useChannelContext.highlightedMessageId,
+    maxTimeBetweenGroupedMessages = _useChannelContext.maxTimeBetweenGroupedMessages,
+    threadList = _useChannelContext.threadList;
+  var _useMessagesContext = (0, _MessagesContext.useMessagesContext)(),
+    getMessageGroupStyle = _useMessagesContext.getMessageGroupStyle,
+    InlineDateSeparator = _useMessagesContext.InlineDateSeparator,
+    InlineUnreadIndicator = _useMessagesContext.InlineUnreadIndicator,
+    Message = _useMessagesContext.Message,
+    MessageSystem = _useMessagesContext.MessageSystem,
+    myMessageTheme = _useMessagesContext.myMessageTheme,
+    shouldShowUnreadUnderlay = _useMessagesContext.shouldShowUnreadUnderlay;
+  var _useMessageListItemCo = (0, _MessageListItemContext.useMessageListItemContext)(),
+    goToMessage = _useMessageListItemCo.goToMessage,
+    onThreadSelect = _useMessageListItemCo.onThreadSelect,
+    noGroupByUser = _useMessageListItemCo.noGroupByUser,
+    modifiedTheme = _useMessageListItemCo.modifiedTheme,
+    messageListPreviousAndNextMessageStore = _useMessageListItemCo.messageListPreviousAndNextMessageStore;
+  var dateSeparatorDate = (0, _useMessageDateSeparator.useMessageDateSeparator)({
+    hideDateSeparators: hideDateSeparators,
+    message: message,
+    messageListPreviousAndNextMessageStore: messageListPreviousAndNextMessageStore
+  });
+  var selector = (0, _react.useCallback)(function (state) {
+    var _state$messageList$me;
+    return {
+      nextMessage: (_state$messageList$me = state.messageList[message.id]) == null ? void 0 : _state$messageList$me.nextMessage
+    };
+  }, [message.id]);
+  var _useStateStore = (0, _useStateStore3.useStateStore)(messageListPreviousAndNextMessageStore.state, selector),
+    nextMessage = _useStateStore.nextMessage;
+  var isNewestMessage = nextMessage === undefined;
+  var groupStyles = (0, _useMessageGroupStyles.useMessageGroupStyles)({
+    dateSeparatorDate: dateSeparatorDate,
+    getMessageGroupStyle: getMessageGroupStyle,
+    maxTimeBetweenGroupedMessages: maxTimeBetweenGroupedMessages,
+    message: message,
+    messageListPreviousAndNextMessageStore: messageListPreviousAndNextMessageStore,
+    noGroupByUser: noGroupByUser
+  });
+  var _useStateStore2 = (0, _useStateStore3.useStateStore)(channelUnreadStateStore.state, channelUnreadStateSelector),
+    first_unread_message_id = _useStateStore2.first_unread_message_id,
+    last_read_timestamp = _useStateStore2.last_read_timestamp,
+    last_read_message_id = _useStateStore2.last_read_message_id,
+    unread_messages = _useStateStore2.unread_messages;
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    _useTheme$theme = _useTheme.theme,
+    messageContainer = _useTheme$theme.messageList.messageContainer,
+    screenPadding = _useTheme$theme.screenPadding;
+  if (!channel || channel.disconnected) {
+    return null;
+  }
+  var createdAtTimestamp = message.created_at && new Date(message.created_at).getTime();
+  var isLastReadMessage = last_read_message_id === message.id || !unread_messages && createdAtTimestamp === last_read_timestamp;
+  var showUnreadSeparator = isLastReadMessage && !isNewestMessage && (!!first_unread_message_id || !!unread_messages);
+  var showUnreadUnderlay = !!shouldShowUnreadUnderlay && showUnreadSeparator;
+  var wrapMessageInTheme = client.userID === ((_message$user = message.user) == null ? void 0 : _message$user.id) && !!myMessageTheme;
+  var renderDateSeperator = dateSeparatorDate ? (0, _jsxRuntime.jsx)(InlineDateSeparator, {
+    date: dateSeparatorDate
+  }) : null;
+  var renderMessage = (0, _jsxRuntime.jsx)(Message, {
+    goToMessage: goToMessage,
+    groupStyles: groupStyles,
+    isTargetedMessage: highlightedMessageId === message.id,
+    message: message,
+    onThreadSelect: onThreadSelect,
+    showUnreadUnderlay: showUnreadUnderlay,
+    style: [messageContainer],
+    threadList: threadList
+  });
+  return (0, _jsxRuntime.jsxs)(_reactNative.View, {
+    testID: `message-list-item-${message.id}`,
+    children: [message.type === 'system' ? (0, _jsxRuntime.jsx)(MessageSystem, {
+      message: message,
+      style: [{
+        paddingHorizontal: screenPadding
+      }, messageContainer]
+    }) : wrapMessageInTheme ? (0, _jsxRuntime.jsx)(_ThemeContext.ThemeProvider, {
+      mergedStyle: modifiedTheme,
+      children: (0, _jsxRuntime.jsxs)(_reactNative.View, {
+        testID: `message-list-item-${message.id}`,
+        children: [renderDateSeperator, renderMessage]
+      })
+    }) : (0, _jsxRuntime.jsxs)(_reactNative.View, {
+      testID: `message-list-item-${message.id}`,
+      children: [renderDateSeperator, renderMessage]
+    }), showUnreadUnderlay && (0, _jsxRuntime.jsx)(InlineUnreadIndicator, {})]
+  });
+});
+//# sourceMappingURL=MessageWrapper.js.map

package/lib/commonjs/components/Message/MessageSimple/MessageWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useMessageDateSeparator","_useMessageGroupStyles","_ChannelContext","_ChatContext","_MessageListItemContext","_MessagesContext","_ThemeContext","_useStateStore3","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","channelUnreadStateSelector","state","_state$channelUnreadS","_state$channelUnreadS2","_state$channelUnreadS3","_state$channelUnreadS4","first_unread_message_id","channelUnreadState","last_read_message_id","last_read_timestamp","last_read","getTime","unread_messages","MessageWrapper","exports","React","memo","props","_message$user","message","_useChatContext","useChatContext","client","_useChannelContext","useChannelContext","channelUnreadStateStore","channel","hideDateSeparators","highlightedMessageId","maxTimeBetweenGroupedMessages","threadList","_useMessagesContext","useMessagesContext","getMessageGroupStyle","InlineDateSeparator","InlineUnreadIndicator","Message","MessageSystem","myMessageTheme","shouldShowUnreadUnderlay","_useMessageListItemCo","useMessageListItemContext","goToMessage","onThreadSelect","noGroupByUser","modifiedTheme","messageListPreviousAndNextMessageStore","dateSeparatorDate","useMessageDateSeparator","selector","useCallback","_state$messageList$me","nextMessage","messageList","id","_useStateStore","useStateStore","isNewestMessage","undefined","groupStyles","useMessageGroupStyles","_useStateStore2","_useTheme","useTheme","_useTheme$theme","theme","messageContainer","screenPadding","disconnected","createdAtTimestamp","created_at","Date","isLastReadMessage","showUnreadSeparator","showUnreadUnderlay","wrapMessageInTheme","userID","user","renderDateSeperator","jsx","date","renderMessage","isTargetedMessage","style","jsxs","View","testID","children","type","paddingHorizontal","ThemeProvider","mergedStyle"],"sourceRoot":"../../../../../src","sources":["components/Message/MessageSimple/MessageWrapper.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Message/hooks/useCreateMessageContext.js

@@ -22,7 +22,6 @@ var useCreateMessageContext = exports.useCreateMessageContext = function useCrea
     isMessageAIGenerated = _ref.isMessageAIGenerated,
     isMyMessage = _ref.isMyMessage,
     lastGroupMessage = _ref.lastGroupMessage,
-    lastReceivedId = _ref.lastReceivedId,
     members = _ref.members,
     message = _ref.message,
     messageContentOrder = _ref.messageContentOrder,
@@ -80,7 +79,6 @@ var useCreateMessageContext = exports.useCreateMessageContext = function useCrea
       isMessageAIGenerated: isMessageAIGenerated,
       isMyMessage: isMyMessage,
       lastGroupMessage: lastGroupMessage,
-      lastReceivedId: lastReceivedId,
       members: members,
       message: message,
       messageContentOrder: messageContentOrder,
@@ -102,7 +100,7 @@ var useCreateMessageContext = exports.useCreateMessageContext = function useCrea
       threadList: threadList,
       videos: videos
     };
-  }, [actionsEnabled, alignment, goToMessage, groupStylesLength, hasReactions, isEditedMessageOpen, lastGroupMessage, lastReceivedId, membersValue, myMessageThemeString, reactionsValue, stringifiedMessage, stringifiedQuotedMessage, readBy, deliveredToCount, showAvatar, showMessageStatus, threadList]);
+  }, [actionsEnabled, alignment, goToMessage, groupStylesLength, hasReactions, isEditedMessageOpen, lastGroupMessage, membersValue, myMessageThemeString, reactionsValue, stringifiedMessage, stringifiedQuotedMessage, readBy, deliveredToCount, showAvatar, showMessageStatus, threadList]);
   return messageContext;
 };
 //# sourceMappingURL=useCreateMessageContext.js.map

package/lib/commonjs/components/Message/hooks/useCreateMessageContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_utils","useCreateMessageContext","exports","_ref","actionsEnabled","alignment","channel","deliveredToCount","dismissOverlay","files","goToMessage","groupStyles","handleAction","handleReaction","handleToggleReaction","hasReactions","images","isEditedMessageOpen","isMessageAIGenerated","isMyMessage","lastGroupMessage","lastReceivedId","members","message","messageContentOrder","myMessageTheme","onLongPress","onlyEmojis","onOpenThread","onPress","onPressIn","otherAttachments","preventPress","reactions","readBy","setIsEditedMessageOpen","showAvatar","showMessageOverlay","showMessageStatus","threadList","videos","setQuotedMessage","groupStylesLength","length","reactionsValue","map","_ref2","count","own","type","join","stringifiedMessage","stringifyMessage","membersValue","JSON","stringify","myMessageThemeString","useMemo","stringifiedQuotedMessage","quoted_message","includeReactions","messageContext"],"sourceRoot":"../../../../../src","sources":["components/Message/hooks/useCreateMessageContext.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_utils","useCreateMessageContext","exports","_ref","actionsEnabled","alignment","channel","deliveredToCount","dismissOverlay","files","goToMessage","groupStyles","handleAction","handleReaction","handleToggleReaction","hasReactions","images","isEditedMessageOpen","isMessageAIGenerated","isMyMessage","lastGroupMessage","members","message","messageContentOrder","myMessageTheme","onLongPress","onlyEmojis","onOpenThread","onPress","onPressIn","otherAttachments","preventPress","reactions","readBy","setIsEditedMessageOpen","showAvatar","showMessageOverlay","showMessageStatus","threadList","videos","setQuotedMessage","groupStylesLength","length","reactionsValue","map","_ref2","count","own","type","join","stringifiedMessage","stringifyMessage","membersValue","JSON","stringify","myMessageThemeString","useMemo","stringifiedQuotedMessage","quoted_message","includeReactions","messageContext"],"sourceRoot":"../../../../../src","sources":["components/Message/hooks/useCreateMessageContext.ts"],"mappings":"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","ignoreList":[]}

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

@@ -13,11 +13,11 @@ var _useShouldScrollToRecentOnNewOwnMessage = require("./hooks/useShouldScrollTo
 var _InlineLoadingMoreIndicator = require("./InlineLoadingMoreIndicator");
 var _InlineLoadingMoreRecentIndicator = require("./InlineLoadingMoreRecentIndicator");
 var _InlineLoadingMoreRecentThreadIndicator = require("./InlineLoadingMoreRecentThreadIndicator");
-var _getLastReceivedMessageFlashList = require("./utils/getLastReceivedMessageFlashList");
 var _AttachmentPickerContext = require("../../contexts/attachmentPickerContext/AttachmentPickerContext");
 var _ChannelContext = require("../../contexts/channelContext/ChannelContext");
 var _ChatContext = require("../../contexts/chatContext/ChatContext");
 var _ImageGalleryContext = require("../../contexts/imageGalleryContext/ImageGalleryContext");
+var _MessageListItemContext = require("../../contexts/messageListItemContext/MessageListItemContext");
 var _MessagesContext = require("../../contexts/messagesContext/MessagesContext");
 var _OwnCapabilitiesContext = require("../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext");
 var _PaginatedMessageListContext = require("../../contexts/paginatedMessageListContext/PaginatedMessageListContext");
@@ -25,6 +25,7 @@ var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
 var _ThreadContext = require("../../contexts/threadContext/ThreadContext");
 var _hooks = require("../../hooks");
 var _types = require("../../types/types");
+var _MessageWrapper = require("../Message/MessageSimple/MessageWrapper");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["contentContainerStyle", "style"];
 var _this = this,
@@ -97,12 +98,18 @@ var getItemTypeInternal = function getItemTypeInternal(message) {
   }
   return 'generic-message';
 };
+var renderItem = function renderItem(_ref) {
+  var message = _ref.item;
+  return (0, _jsxRuntime.jsx)(_MessageWrapper.MessageWrapper, {
+    message: message
+  });
+};
 var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
   var _client$user4;
   var LoadingMoreRecentIndicator = props.threadList ? _InlineLoadingMoreRecentThreadIndicator.InlineLoadingMoreRecentThreadIndicator : _InlineLoadingMoreRecentIndicator.InlineLoadingMoreRecentIndicator;
   var additionalFlashListProps = props.additionalFlashListProps,
     channel = props.channel,
-    channelUnreadState = props.channelUnreadState,
+    channelUnreadStateStore = props.channelUnreadStateStore,
     client = props.client,
     closePicker = props.closePicker,
     DateHeader = props.DateHeader,
@@ -114,9 +121,6 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
     _props$HeaderComponen = props.HeaderComponent,
     HeaderComponent = _props$HeaderComponen === void 0 ? _InlineLoadingMoreIndicator.InlineLoadingMoreIndicator : _props$HeaderComponen,
     hideStickyDateHeader = props.hideStickyDateHeader,
-    highlightedMessageId = props.highlightedMessageId,
-    InlineDateSeparator = props.InlineDateSeparator,
-    InlineUnreadIndicator = props.InlineUnreadIndicator,
     _props$isListActive = props.isListActive,
     isListActive = _props$isListActive === void 0 ? false : _props$isListActive,
     _props$isLiveStreamin = props.isLiveStreaming,
@@ -131,8 +135,6 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
     loadMoreThread = props.loadMoreThread,
     markRead = props.markRead,
     maximumMessageLimit = props.maximumMessageLimit,
-    Message = props.Message,
-    MessageSystem = props.MessageSystem,
     myMessageTheme = props.myMessageTheme,
     readEvents = props.readEvents,
     NetworkDownIndicator = props.NetworkDownIndicator,
@@ -147,7 +149,6 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
     setMessages = props.setMessages,
     setSelectedPicker = props.setSelectedPicker,
     setTargetedMessage = props.setTargetedMessage,
-    shouldShowUnreadUnderlay = props.shouldShowUnreadUnderlay,
     StickyHeader = props.StickyHeader,
     targetedMessage = props.targetedMessage,
     thread = props.thread,
@@ -203,8 +204,7 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
       noGroupByUser: noGroupByUser,
       threadList: threadList
     }),
-    dateSeparatorsRef = _useMessageList.dateSeparatorsRef,
-    messageGroupStylesRef = _useMessageList.messageGroupStylesRef,
+    messageListPreviousAndNextMessageStore = _useMessageList.messageListPreviousAndNextMessageStore,
     processedMessageList = _useMessageList.processedMessageList,
     rawMessageList = _useMessageList.rawMessageList,
     viewabilityChangedCallback = _useMessageList.viewabilityChangedCallback;
@@ -214,10 +214,6 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
   var messageListLengthBeforeUpdate = (0, _react.useRef)(0);
   var messageListLengthAfterUpdate = processedMessageList.length;
   var shouldScrollToRecentOnNewOwnMessageRef = (0, _useShouldScrollToRecentOnNewOwnMessage.useShouldScrollToRecentOnNewOwnMessage)(rawMessageList, client.userID);
-  var lastReceivedId = (0, _react.useMemo)(function () {
-    var _getLastReceivedMessa;
-    return (_getLastReceivedMessa = (0, _getLastReceivedMessageFlashList.getLastReceivedMessageFlashList)(processedMessageList)) == null ? void 0 : _getLastReceivedMessa.id;
-  }, [processedMessageList]);
   var _useState9 = (0, _react.useState)(true),
     _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
     autoscrollToRecent = _useState10[0],
@@ -276,7 +272,7 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
     }
   }, [loadChannelAroundMessage, processedMessageList, setTargetedMessage, targetedMessage]);
   var goToMessage = (0, _hooks.useStableCallback)(function () {
-    var _ref = (0, _asyncToGenerator2.default)(function* (messageId) {
+    var _ref2 = (0, _asyncToGenerator2.default)(function* (messageId) {
       var indexOfParentInMessageList = processedMessageList.findIndex(function (message) {
         return (message == null ? void 0 : message.id) === messageId;
       });
@@ -296,7 +292,7 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
       }
     });
     return function (_x) {
-      return _ref.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }());
   (0, _react.useEffect)(function () {
@@ -358,36 +354,36 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
   (0, _react.useEffect)(function () {
     var shouldMarkRead = function shouldMarkRead() {
       var _client$user, _client$user2;
+      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);
     };
     var handleEvent = function () {
-      var _ref2 = (0, _asyncToGenerator2.default)(function* (event) {
+      var _ref3 = (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 channelUnreadState = channelUnreadStateStore.channelUnreadState;
         if ((scrollToBottomButtonVisible || channelUnreadState != null && channelUnreadState.first_unread_message_id) && !isMyOwnMessage) {
-          setChannelUnreadState(function (prev) {
-            var _prev$unread_messages, _prev$last_read;
-            var previousUnreadCount = (_prev$unread_messages = prev == null ? void 0 : prev.unread_messages) != null ? _prev$unread_messages : 0;
-            var previousLastMessage = getPreviousLastMessage(channel.state.messages, event.message);
-            return Object.assign({}, prev || {}, {
-              last_read: (_prev$last_read = prev == null ? void 0 : prev.last_read) != null ? _prev$last_read : previousUnreadCount === 0 && previousLastMessage != null && previousLastMessage.created_at ? new Date(previousLastMessage.created_at) : new Date(0),
-              unread_messages: previousUnreadCount + 1
-            });
-          });
+          var _channelUnreadState$u, _channelUnreadState$l;
+          var previousUnreadCount = (_channelUnreadState$u = channelUnreadState == null ? void 0 : channelUnreadState.unread_messages) != null ? _channelUnreadState$u : 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),
+            unread_messages: previousUnreadCount + 1
+          }));
         } else if (mainChannelUpdated && shouldMarkRead()) {
           yield markRead();
         }
       });
       return function handleEvent(_x2) {
-        return _ref2.apply(this, arguments);
+        return _ref3.apply(this, arguments);
       };
     }();
     var listener = channel.on('message.new', handleEvent);
     return function () {
       listener == null || listener.unsubscribe();
     };
-  }, [channel, channelUnreadState == null ? void 0 : channelUnreadState.first_unread_message_id, (_client$user4 = client.user) == null ? void 0 : _client$user4.id, markRead, scrollToBottomButtonVisible, setChannelUnreadState, threadList]);
+  }, [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$;
     if (!viewableItems.length) {
@@ -406,11 +402,13 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
     }
   });
   var updateStickyUnreadIndicator = (0, _hooks.useStableCallback)(function (viewableItems) {
-    if (!viewableItems.length || !readEvents) {
-      setIsUnreadNotificationOpen(false);
-      return;
-    }
-    if (selectedPicker === 'images') {
+    var _channelUnreadState$l2;
+    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;
+    });
+    if (!viewableItems.length || !readEvents || lastReadMessageVisible || selectedPicker === 'images') {
       setIsUnreadNotificationOpen(false);
       return;
     }
@@ -418,7 +416,7 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
     if (!lastItem) return;
     var lastItemMessage = lastItem.item;
     var lastItemCreatedAt = lastItemMessage.created_at;
-    var unreadIndicatorDate = channelUnreadState == null ? void 0 : channelUnreadState.last_read.getTime();
+    var unreadIndicatorDate = channelUnreadState == null || (_channelUnreadState$l2 = channelUnreadState.last_read) == null ? void 0 : _channelUnreadState$l2.getTime();
     var lastItemDate = lastItemCreatedAt.getTime();
     if (!channel.state.messagePagination.hasPrev && processedMessageList[0].id === lastItemMessage.id) {
       setIsUnreadNotificationOpen(false);
@@ -434,8 +432,8 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
       setIsUnreadNotificationOpen(false);
     }
   });
-  var unstableOnViewableItemsChanged = function unstableOnViewableItemsChanged(_ref3) {
-    var viewableItems = _ref3.viewableItems;
+  var unstableOnViewableItemsChanged = function unstableOnViewableItemsChanged(_ref4) {
+    var viewableItems = _ref4.viewableItems;
     if (!viewableItems) {
       return;
     }
@@ -450,55 +448,21 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
   };
   var onViewableItemsChanged = (0, _react.useRef)(unstableOnViewableItemsChanged);
   onViewableItemsChanged.current = unstableOnViewableItemsChanged;
-  var stableOnViewableItemsChanged = (0, _react.useCallback)(function (_ref4) {
-    var viewableItems = _ref4.viewableItems;
+  var stableOnViewableItemsChanged = (0, _react.useCallback)(function (_ref5) {
+    var viewableItems = _ref5.viewableItems;
     onViewableItemsChanged.current({
       viewableItems: viewableItems
     });
   }, []);
-  var renderItem = (0, _react.useCallback)(function (_ref5) {
-    var _message$user, _messageGroupStylesRe;
-    var index = _ref5.index,
-      message = _ref5.item;
-    if (!channel || channel.disconnected) {
-      return null;
-    }
-    var createdAtTimestamp = message.created_at && new Date(message.created_at).getTime();
-    var lastReadTimestamp = channelUnreadState == null ? void 0 : channelUnreadState.last_read.getTime();
-    var isNewestMessage = index === 0;
-    var isLastReadMessage = (channelUnreadState == null ? void 0 : channelUnreadState.last_read_message_id) === message.id || !(channelUnreadState != null && channelUnreadState.unread_messages) && createdAtTimestamp === lastReadTimestamp;
-    var showUnreadSeparator = isLastReadMessage && !isNewestMessage && (!!(channelUnreadState != null && channelUnreadState.first_unread_message_id) || !!(channelUnreadState != null && channelUnreadState.unread_messages));
-    var showUnreadUnderlay = !!shouldShowUnreadUnderlay && showUnreadSeparator;
-    var wrapMessageInTheme = client.userID === ((_message$user = message.user) == null ? void 0 : _message$user.id) && !!myMessageTheme;
-    var renderDateSeperator = dateSeparatorsRef.current[message.id] && (0, _jsxRuntime.jsx)(InlineDateSeparator, {
-      date: dateSeparatorsRef.current[message.id]
-    });
-    var renderMessage = (0, _jsxRuntime.jsx)(Message, {
+  var messageListItemContextValue = (0, _react.useMemo)(function () {
+    return {
       goToMessage: goToMessage,
-      groupStyles: (_messageGroupStylesRe = messageGroupStylesRef.current[message.id]) != null ? _messageGroupStylesRe : [],
-      isTargetedMessage: highlightedMessageId === message.id,
-      lastReceivedId: lastReceivedId === message.id || message.quoted_message_id ? lastReceivedId : undefined,
-      message: message,
-      onThreadSelect: onThreadSelect,
-      showUnreadUnderlay: showUnreadUnderlay,
-      threadList: threadList
-    });
-    return (0, _jsxRuntime.jsxs)(_reactNative.View, {
-      testID: `message-list-item-${index}`,
-      children: [message.type === 'system' ? (0, _jsxRuntime.jsx)(MessageSystem, {
-        message: message
-      }) : wrapMessageInTheme ? (0, _jsxRuntime.jsx)(_ThemeContext.ThemeProvider, {
-        mergedStyle: modifiedTheme,
-        children: (0, _jsxRuntime.jsxs)(_reactNative.View, {
-          testID: `message-list-item-${index}`,
-          children: [renderDateSeperator, renderMessage]
-        })
-      }) : (0, _jsxRuntime.jsxs)(_reactNative.View, {
-        testID: `message-list-item-${index}`,
-        children: [renderDateSeperator, renderMessage]
-      }), showUnreadUnderlay && (0, _jsxRuntime.jsx)(InlineUnreadIndicator, {})]
-    });
-  }, [InlineDateSeparator, InlineUnreadIndicator, Message, MessageSystem, channel, channelUnreadState == null ? void 0 : channelUnreadState.first_unread_message_id, channelUnreadState == null ? void 0 : channelUnreadState.last_read, channelUnreadState == null ? void 0 : channelUnreadState.last_read_message_id, channelUnreadState == null ? void 0 : channelUnreadState.unread_messages, client.userID, dateSeparatorsRef, goToMessage, highlightedMessageId, lastReceivedId, messageGroupStylesRef, modifiedTheme, myMessageTheme, onThreadSelect, shouldShowUnreadUnderlay, threadList]);
+      messageListPreviousAndNextMessageStore: messageListPreviousAndNextMessageStore,
+      modifiedTheme: modifiedTheme,
+      noGroupByUser: noGroupByUser,
+      onThreadSelect: onThreadSelect
+    };
+  }, [goToMessage, messageListPreviousAndNextMessageStore, modifiedTheme, noGroupByUser, onThreadSelect]);
   var messagesWithImages = legacyImageViewerSwipeBehaviour && processedMessageList.filter(function (message) {
     var isMessageTypeDeleted = message.type === 'deleted';
     if (!isMessageTypeDeleted && message.attachments) {
@@ -693,31 +657,34 @@ var MessageFlashListWithContext = function MessageFlashListWithContext(props) {
       children: EmptyStateIndicator ? (0, _jsxRuntime.jsx)(EmptyStateIndicator, {
         listType: "message"
       }) : null
-    }) : (0, _jsxRuntime.jsx)(FlashList, Object.assign({
-      contentContainerStyle: flatListContentContainerStyle,
-      data: processedMessageList,
-      drawDistance: 800,
-      getItemType: getItemTypeInternal,
-      initialScrollIndex: indexToScrollToRef.current === -1 ? undefined : indexToScrollToRef.current,
-      keyboardShouldPersistTaps: "handled",
-      keyExtractor: keyExtractor,
-      ListFooterComponent: FooterComponent,
-      ListHeaderComponent: HeaderComponent,
-      maintainVisibleContentPosition: maintainVisibleContentPosition,
-      onMomentumScrollEnd: onUserScrollEvent,
-      onScroll: handleScroll,
-      onScrollBeginDrag: onScrollBeginDrag,
-      onScrollEndDrag: onScrollEndDrag,
-      onTouchEnd: dismissImagePicker,
-      onViewableItemsChanged: stableOnViewableItemsChanged,
-      ref: refCallback,
-      renderItem: renderItem,
-      scrollEventThrottle: isLiveStreaming ? 16 : undefined,
-      showsVerticalScrollIndicator: false,
-      style: flatListStyle,
-      testID: "message-flash-list",
-      viewabilityConfig: flatListViewabilityConfig
-    }, additionalFlashListPropsExcludingStyle)), (0, _jsxRuntime.jsx)(_reactNative.View, {
+    }) : (0, _jsxRuntime.jsx)(_MessageListItemContext.MessageListItemProvider, {
+      value: messageListItemContextValue,
+      children: (0, _jsxRuntime.jsx)(FlashList, Object.assign({
+        contentContainerStyle: flatListContentContainerStyle,
+        data: processedMessageList,
+        drawDistance: 800,
+        getItemType: getItemTypeInternal,
+        initialScrollIndex: indexToScrollToRef.current === -1 ? undefined : indexToScrollToRef.current,
+        keyboardShouldPersistTaps: "handled",
+        keyExtractor: keyExtractor,
+        ListFooterComponent: FooterComponent,
+        ListHeaderComponent: HeaderComponent,
+        maintainVisibleContentPosition: maintainVisibleContentPosition,
+        onMomentumScrollEnd: onUserScrollEvent,
+        onScroll: handleScroll,
+        onScrollBeginDrag: onScrollBeginDrag,
+        onScrollEndDrag: onScrollEndDrag,
+        onTouchEnd: dismissImagePicker,
+        onViewableItemsChanged: stableOnViewableItemsChanged,
+        ref: refCallback,
+        renderItem: renderItem,
+        scrollEventThrottle: isLiveStreaming ? 16 : undefined,
+        showsVerticalScrollIndicator: false,
+        style: flatListStyle,
+        testID: "message-flash-list",
+        viewabilityConfig: flatListViewabilityConfig
+      }, additionalFlashListPropsExcludingStyle))
+    }), (0, _jsxRuntime.jsx)(_reactNative.View, {
       style: styles.stickyHeader,
       children: messageListLengthAfterUpdate && StickyHeader ? (0, _jsxRuntime.jsx)(StickyHeader, {
         date: stickyHeaderDate,
@@ -742,6 +709,7 @@ var MessageFlashList = exports.MessageFlashList = function MessageFlashList(prop
   var _useChannelContext = (0, _ChannelContext.useChannelContext)(),
     channel = _useChannelContext.channel,
     channelUnreadState = _useChannelContext.channelUnreadState,
+    channelUnreadStateStore = _useChannelContext.channelUnreadStateStore,
     disabled = _useChannelContext.disabled,
     EmptyStateIndicator = _useChannelContext.EmptyStateIndicator,
     enableMessageGroupingByUser = _useChannelContext.enableMessageGroupingByUser,
@@ -794,6 +762,7 @@ var MessageFlashList = exports.MessageFlashList = function MessageFlashList(prop
   return (0, _jsxRuntime.jsx)(MessageFlashListWithContext, Object.assign({
     channel: channel,
     channelUnreadState: channelUnreadState,
+    channelUnreadStateStore: channelUnreadStateStore,
     client: client,
     closePicker: closePicker,
     DateHeader: DateHeader,