Post-merge fixes

Author: arnautov-anton

src/components/Channel/channelState.ts

@@ -23,7 +23,7 @@ export type ChannelStateReducerAction =
       type: 'copyStateFromChannelOnEvent';
     }
   | {
-      channel: Channel<StreamChatGenerics>;
+      channel: Channel;
       highlightedMessageId: string;
       type: 'jumpToMessageFinished';
     }

src/components/ChannelList/ChannelList.tsx

@@ -1,5 +1,6 @@
-import React, { ReactNode, useCallback, useEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import clsx from 'clsx';
+import type { ReactNode } from 'react';
 import type {
   Channel,
   ChannelFilters,
@@ -12,7 +13,10 @@ import type {
 import { useConnectionRecoveredListener } from './hooks/useConnectionRecoveredListener';
 import { useMobileNavigation } from './hooks/useMobileNavigation';
 import { usePaginatedChannels } from './hooks/usePaginatedChannels';
-import { useChannelListShape, usePrepareShapeHandlers } from './hooks/useChannelListShape';
+import {
+  useChannelListShape,
+  usePrepareShapeHandlers,
+} from './hooks/useChannelListShape';
 import { useStateStore } from '../../store';
 import { ChannelListMessenger } from './ChannelListMessenger';
 import { Avatar as DefaultAvatar } from '../Avatar';
@@ -21,7 +25,11 @@ import { ChannelSearch as DefaultChannelSearch } from '../ChannelSearch/ChannelS
 import { EmptyStateIndicator as DefaultEmptyStateIndicator } from '../EmptyStateIndicator';
 import { LoadingChannels } from '../Loading/LoadingChannels';
 import { LoadMorePaginator } from '../LoadMore/LoadMorePaginator';
-import { ChannelListContextProvider, useChatContext, useComponentContext } from '../../context';
+import {
+  ChannelListContextProvider,
+  useChatContext,
+  useComponentContext,
+} from '../../context';
 import { NullComponent } from '../UtilityComponents';
 import { MAX_QUERY_CHANNELS_LIMIT, moveChannelUpwards } from './utils';
 import type { CustomQueryChannelsFn } from './hooks/usePaginatedChannels';

src/components/ChannelPreview/ChannelPreview.tsx

@@ -1,19 +1,17 @@
 import throttle from 'lodash.throttle';
-import React, { ReactNode, useEffect, useMemo, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
+import type { ReactNode } from 'react';
+import type { Channel, Event } from 'stream-chat';
 
 import { ChannelPreviewMessenger } from './ChannelPreviewMessenger';
 import { useIsChannelMuted } from './hooks/useIsChannelMuted';
 import { useChannelPreviewInfo } from './hooks/useChannelPreviewInfo';
 import { getLatestMessagePreview as defaultGetLatestMessagePreview } from './utils';
-
-import type { ChatContextValue } from '../../context/ChatContext';
 import { useChatContext } from '../../context/ChatContext';
 import { useTranslationContext } from '../../context/TranslationContext';
-import type { MessageDeliveryStatus } from './hooks/useMessageDeliveryStatus';
 import { useMessageDeliveryStatus } from './hooks/useMessageDeliveryStatus';
-
-import type { Channel, Event } from 'stream-chat';
-
+import type { MessageDeliveryStatus } from './hooks/useMessageDeliveryStatus';
+import type { ChatContextValue } from '../../context/ChatContext';
 import type { ChannelAvatarProps } from '../Avatar/ChannelAvatar';
 import type { GroupChannelDisplayInfo } from './utils';
 import type { StreamMessage } from '../../context/ChannelStateContext';

src/components/ChannelPreview/ChannelPreviewMessenger.tsx

@@ -4,9 +4,7 @@ import clsx from 'clsx';
 import { ChannelPreviewActionButtons as DefaultChannelPreviewActionButtons } from './ChannelPreviewActionButtons';
 import { Avatar as DefaultAvatar } from '../Avatar';
 import { useComponentContext } from '../../context';
-
 import type { ChannelPreviewUIComponentProps } from './ChannelPreview';
-import type { DefaultStreamChatGenerics } from '../../types/types';
 
 const UnMemoizedChannelPreviewMessenger = (props: ChannelPreviewUIComponentProps) => {
   const {

src/components/ChannelPreview/utils.tsx

@@ -1,11 +1,9 @@
-import React, { ReactNode } from 'react';
-
+import React from 'react';
 import ReactMarkdown from 'react-markdown';
-
+import type { ReactNode } from 'react';
 import type { Channel, PollVote, TranslationLanguages, UserResponse } from 'stream-chat';
 
 import type { TranslationContextValue } from '../../context/TranslationContext';
-
 import type { ChatContextValue } from '../../context';
 
 export const renderPreviewText = (text: string) => (

src/components/MessageList/renderMessages.tsx

@@ -1,17 +1,15 @@
-import type { ReactNode } from 'react';
 import React, { Fragment } from 'react';
-
+import type { ReactNode } from 'react';
 import type { UserResponse } from 'stream-chat';
 
-import type { GroupStyle } from './utils';
 import { getIsFirstUnreadMessage, isDateSeparatorMessage } from './utils';
 import { Message } from '../Message';
 import { DateSeparator as DefaultDateSeparator } from '../DateSeparator';
 import { EventComponent as DefaultMessageSystem } from '../EventComponent';
 import { UnreadMessagesSeparator as DefaultUnreadMessagesSeparator } from './UnreadMessagesSeparator';
-import type { ComponentContextValue, CustomClasses } from '../../context';
 import { CUSTOM_MESSAGE_TYPE } from '../../constants/messageTypes';
-
+import type { ComponentContextValue, CustomClasses } from '../../context';
+import type { GroupStyle } from './utils';
 import type { ChannelUnreadUiState } from '../../types';
 import type { StreamMessage } from '../../context/ChannelStateContext';
 import type { MessageProps } from '../Message';

src/context/ChannelStateContext.tsx

@@ -1,9 +1,10 @@
-import type { PropsWithChildren } from 'react';
 import React, { useContext } from 'react';
-
+import type { PropsWithChildren } from 'react';
 import type {
+  APIErrorResponse,
   Channel,
   ChannelConfigWithInfo,
+  ErrorFromResponse,
   MessageResponse,
   Mute,
   ChannelState as StreamChannelState,
@@ -24,10 +25,15 @@ export type ChannelNotifications = Array<{
   type: 'success' | 'error';
 }>;
 
-export type StreamMessage = (
-  | ReturnType<StreamChannelState['formatMessage']>
-  | MessageResponse
-) & { customType?: string; errorStatusCode?: number; editing?: boolean; date?: Date };
+export type StreamMessage =
+  // FIXME: we should use only one of the two (either formatted or unformatted)
+  (ReturnType<StreamChannelState['formatMessage']> | MessageResponse) & {
+    customType?: string;
+    errorStatusCode?: number;
+    error?: ErrorFromResponse<APIErrorResponse>;
+    editing?: boolean;
+    date?: Date;
+  };
 
 export type ChannelState = {
   suppressAutoscroll: boolean;

src/context/ChatContext.tsx

@@ -1,14 +1,13 @@
-import type { PropsWithChildren } from 'react';
 import React, { useContext } from 'react';
-
-import { getDisplayName } from './utils/getDisplayName';
-
+import type { PropsWithChildren } from 'react';
 import type {
   AppSettingsAPIResponse,
   Channel,
   Mute,
   SearchController,
 } from 'stream-chat';
+
+import { getDisplayName } from './utils/getDisplayName';
 import type { ChatProps } from '../components/Chat/Chat';
 import type { UnknownType } from '../types/types';
 import type { ChannelsQueryState } from '../components/Chat/hooks/useChannelsQueryState';
@@ -27,7 +26,7 @@ type CSSClasses =
 
 export type CustomClasses = Partial<Record<CSSClasses, string>>;
 
-type ChannelCID = string; // e.g.: "messaging:general"
+type ChannelConfId = string; // e.g.: "messaging:general"
 
 export type ChatContextValue = {
   /**
@@ -36,11 +35,11 @@ export type ChatContextValue = {
   channelsQueryState: ChannelsQueryState;
   closeMobileNav: () => void;
   getAppSettings: () => Promise<AppSettingsAPIResponse> | null;
-  latestMessageDatesByChannels: Record<ChannelCID, Date>;
+  latestMessageDatesByChannels: Record<ChannelConfId, Date>;
   mutes: Array<Mute>;
   openMobileNav: () => void;
   /** Instance of SearchController class that allows to control all the search operations. */
-  searchController: SearchController<StreamChatGenerics>;
+  searchController: SearchController;
   /**
    * Sets active channel to be rendered within Channel component.
    * @param newChannel

src/context/ComponentContext.tsx

@@ -51,8 +51,7 @@ import type {
   UnreadMessagesNotificationProps,
   UnreadMessagesSeparatorProps,
 } from '../components';
-
-import {
+import type {
   SearchProps,
   SearchResultsPresearchProps,
   SearchSourceResultListProps,

src/context/DialogManagerContext.tsx

@@ -1,5 +1,6 @@
-import type { PropsWithChildren } from 'react';
 import React, { useContext, useState } from 'react';
+import type { PropsWithChildren } from 'react';
+
 import { DialogManager } from '../components/Dialog/DialogManager';
 import { DialogPortalDestination } from '../components/Dialog/DialogPortal';