feat: remove MessageListNotifications component

examples/vite/src/App.tsx

@@ -250,7 +250,6 @@ const App = () => {
       overrides={{
         emojiSearchIndex: SearchIndex,
         EmojiPicker: EmojiPickerWithCustomOptions,
-        MessageListNotifications: ConfigurableNotificationList,
         NotificationList: ConfigurableNotificationList,
         ReactionsList: CustomMessageReactions,
         reactionOptions: newReactionOptions,

src/components/Attachment/VoiceRecording.tsx

@@ -9,9 +9,9 @@ import {
   type AudioPlayerState,
   DurationDisplay,
   PlaybackRateButton,
-  useAudioPlayer,
   WaveProgressBar,
 } from '../AudioPlayback';
+import { useAudioPlayer } from '../AudioPlayback/WithAudioPlayback';
 import { useStateStore } from '../../store';
 import { PlayButton } from '../Button';
 

src/components/MessageInput/AttachmentPreviewList/AudioAttachmentPreview.tsx

@@ -17,9 +17,9 @@ import {
   type AudioPlayerState,
   DurationDisplay,
   PlaybackRateButton,
-  useAudioPlayer,
   WaveProgressBar,
 } from '../../AudioPlayback';
+import { useAudioPlayer } from '../../AudioPlayback/WithAudioPlayback';
 import { useStateStore } from '../../../store';
 
 export type AudioAttachmentPreviewProps<CustomLocalMetadata = Record<string, unknown>> =

src/components/MessageList/MessageList.tsx

@@ -43,7 +43,10 @@ import {
 } from '../../constants/limits';
 import { useLastOwnMessage } from './hooks/useLastOwnMessage';
 import { ScrollToLatestMessageButton } from './ScrollToLatestMessageButton';
-import { NotificationList, useNotificationTarget } from '../Notifications';
+import {
+  NotificationList as DefaultNotificationList,
+  useNotificationTarget,
+} from '../Notifications';
 
 type MessageListWithContextProps = Omit<
   ChannelStateContextValue,
@@ -95,15 +98,12 @@ const MessageListWithContext = (props: MessageListWithContextProps) => {
     EmptyStateIndicator = DefaultEmptyStateIndicator,
     LoadingIndicator = DefaultLoadingIndicator,
     MessageListMainPanel = DefaultMessageListMainPanel,
-    MessageListNotifications = undefined,
     MessageListWrapper = 'ul',
     NewMessageNotification = DefaultNewMessageNotification,
-    NotificationList: NotificationListFromContext = NotificationList,
+    NotificationList = DefaultNotificationList,
     TypingIndicator = DefaultTypingIndicator,
     UnreadMessagesNotification = DefaultUnreadMessagesNotification,
-  } = useComponentContext('MessageList');
-  const MessageListNotificationsComponent =
-    MessageListNotifications ?? NotificationListFromContext;
+  } = useComponentContext();
 
   const notificationTarget = useNotificationTarget();
 
@@ -307,7 +307,7 @@ const MessageListWithContext = (props: MessageListWithContextProps) => {
               threadList={threadList}
             />
           </DialogManagerProvider>
-          <MessageListNotificationsComponent panel={notificationTarget} />
+          <NotificationList panel={notificationTarget} />
         </MessageListMainPanel>
       </MessageTranslationViewProvider>
     </MessageListContextProvider>

src/components/MessageList/VirtualizedMessageList.tsx

@@ -46,7 +46,10 @@ import {
 } from '../MessageList';
 import { DateSeparator as DefaultDateSeparator } from '../DateSeparator';
 import { EventComponent as DefaultMessageSystem } from '../EventComponent';
-import { NotificationList, useNotificationTarget } from '../Notifications';
+import {
+  NotificationList as DefaultNotificationList,
+  useNotificationTarget,
+} from '../Notifications';
 
 import { DialogManagerProvider } from '../../context';
 import type { ChannelActionContextValue } from '../../context/ChannelActionContext';
@@ -245,17 +248,14 @@ const VirtualizedMessageListWithContext = (
     DateSeparator = DefaultDateSeparator,
     GiphyPreviewMessage = DefaultGiphyPreviewMessage,
     MessageListMainPanel = DefaultMessageListMainPanel,
-    MessageListNotifications = undefined,
     MessageSystem = DefaultMessageSystem,
     NewMessageNotification = DefaultNewMessageNotification,
-    NotificationList: NotificationListFromContext = NotificationList,
+    NotificationList = DefaultNotificationList,
     TypingIndicator,
     UnreadMessagesNotification = DefaultUnreadMessagesNotification,
     UnreadMessagesSeparator = DefaultUnreadMessagesSeparator,
     VirtualMessage: MessageUIComponentFromContext = MessageSimple,
   } = useComponentContext('VirtualizedMessageList');
-  const MessageListNotificationsComponent =
-    MessageListNotifications ?? NotificationListFromContext;
   const MessageUIComponent = MessageUIComponentFromProps || MessageUIComponentFromContext;
 
   const { client, customClasses } = useChatContext('VirtualizedMessageList');
@@ -596,7 +596,7 @@ const VirtualizedMessageListWithContext = (
               />
             </div>
           </DialogManagerProvider>
-          <MessageListNotificationsComponent panel={notificationTarget} />
+          <NotificationList panel={notificationTarget} />
         </MessageListMainPanel>
         {giphyPreviewMessage && <GiphyPreviewMessage message={giphyPreviewMessage} />}
       </MessageTranslationViewProvider>

src/components/MessageList/index.ts

@@ -1,7 +1,6 @@
 export * from './ConnectionStatus'; // TODO: export this under its own folder
 export * from './GiphyPreviewMessage';
 export * from './MessageList';
-export * from './MessageListNotifications';
 export * from './NewMessageNotification';
 export * from './ScrollToLatestMessageButton';
 export * from './UnreadMessagesNotification';

src/context/ComponentContext.tsx

@@ -149,8 +149,6 @@ export type ComponentContextValue = {
   MessageListMainPanel?: React.ComponentType<PropsWithChildrenOnly>;
   /** Custom UI component to display notifications rendered by `NotificationList`, defaults to and accepts same props as: [NotificationList](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Notifications/NotificationList.tsx) */
   NotificationList?: React.ComponentType<NotificationListProps>;
-  /** Custom UI component that displays message and connection status notifications in the `MessageList`, defaults to and accepts same props as [DefaultMessageListNotifications](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageList/MessageListNotifications.tsx) */
-  MessageListNotifications?: React.ComponentType<NotificationListProps>;
   /** Custom UI component to display a notification when scrolled up the list and new messages arrive, defaults to and accepts same props as [NewMessageNotification](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageList/NewMessageNotification.tsx) */
   NewMessageNotification?: React.ComponentType<NewMessageNotificationProps>;
   /** Custom UI component to display message replies, defaults to and accepts same props as: [MessageRepliesCountButton](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageRepliesCountButton.tsx) */