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

@@ -12,7 +12,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 +24,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/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/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

@@ -2,8 +2,10 @@ import type { PropsWithChildren } from 'react';
 import React, { useContext } from 'react';
 
 import type {
+  APIErrorResponse,
   Channel,
   ChannelConfigWithInfo,
+  ErrorFromResponse,
   MessageResponse,
   Mute,
   ChannelState as StreamChannelState,
@@ -27,7 +29,13 @@ export type ChannelNotifications = Array<{
 export type StreamMessage = (
   | ReturnType<StreamChannelState['formatMessage']>
   | MessageResponse
-) & { customType?: string; errorStatusCode?: number; editing?: boolean; date?: Date };
+) & {
+  customType?: string;
+  errorStatusCode?: number;
+  error?: ErrorFromResponse<APIErrorResponse>;
+  editing?: boolean;
+  date?: Date;
+};
 
 export type ChannelState = {
   suppressAutoscroll: boolean;

src/context/ChatContext.tsx

@@ -40,7 +40,7 @@ export type ChatContextValue = {
   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/experimental/Search/Search.tsx

@@ -1,15 +1,13 @@
 import clsx from 'clsx';
 import React from 'react';
+import type { SearchControllerState } from 'stream-chat';
 
 import { SearchBar as DefaultSearchBar } from './SearchBar/SearchBar';
 import { SearchResults as DefaultSearchResults } from './SearchResults/SearchResults';
 import { SearchContextProvider } from './SearchContext';
 import { useChatContext, useComponentContext } from '../../context';
 import { useStateStore } from '../../store';
 
-import type { SearchControllerState } from 'stream-chat';
-import type { DefaultStreamChatGenerics } from '../../types';
-
 type SearchControllerStateSelectorReturnValue = {
   isActive: boolean;
 };
@@ -28,9 +26,7 @@ export type SearchProps = {
   placeholder?: string;
 };
 
-export const Search = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const Search = ({
   directMessagingChannelType = 'messaging',
   disabled,
   exitSearchOnInputBlur,
@@ -39,15 +35,15 @@ export const Search = <
   const { SearchBar = DefaultSearchBar, SearchResults = DefaultSearchResults } =
     useComponentContext();
 
-  const { searchController } = useChatContext<StreamChatGenerics>();
+  const { searchController } = useChatContext();
 
   const { isActive } = useStateStore<
     SearchControllerState,
     SearchControllerStateSelectorReturnValue
   >(searchController.state, searchControllerStateSelector);
 
   return (
-    <SearchContextProvider<StreamChatGenerics>
+    <SearchContextProvider
       value={{
         directMessagingChannelType,
         disabled,

src/experimental/Search/SearchContext.tsx

@@ -1,14 +1,12 @@
-import React, { createContext, PropsWithChildren, useContext } from 'react';
+import React, { createContext, useContext } from 'react';
+import type { PropsWithChildren } from 'react';
 import type { SearchController } from 'stream-chat';
-import type { DefaultStreamChatGenerics } from '../../types';
 
-export type SearchContextValue<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = {
+export type SearchContextValue = {
   /** The type of channel to create on user result select, defaults to `messaging` */
   directMessagingChannelType: string;
   /** Instance of the search controller that handles the data management */
-  searchController: SearchController<StreamChatGenerics>;
+  searchController: SearchController;
   /** Sets the input element into disabled state */
   disabled?: boolean;
   /** Clear search state / results on every click outside the search input, defaults to true */
@@ -22,22 +20,18 @@ export const SearchContext = createContext<SearchContextValue | undefined>(undef
 /**
  * Context provider for components rendered within the `Search` component
  */
-export const SearchContextProvider = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const SearchContextProvider = ({
   children,
   value,
 }: PropsWithChildren<{
-  value: SearchContextValue<StreamChatGenerics>;
+  value: SearchContextValue;
 }>) => (
   <SearchContext.Provider value={value as unknown as SearchContextValue}>
     {children}
   </SearchContext.Provider>
 );
 
-export const useSearchContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->() => {
+export const useSearchContext = () => {
   const contextValue = useContext(SearchContext);
-  return contextValue as unknown as SearchContextValue<StreamChatGenerics>;
+  return contextValue as unknown as SearchContextValue;
 };

src/experimental/Search/SearchResults/SearchResultItem.tsx

@@ -1,29 +1,21 @@
+import React, { useCallback, useMemo } from 'react';
 import uniqBy from 'lodash.uniqby';
-import React, { ComponentType, useCallback, useMemo } from 'react';
+import type { ComponentType } from 'react';
+import type { Channel, MessageResponse, User } from 'stream-chat';
 
 import { useSearchContext } from '../SearchContext';
 import { Avatar } from '../../../components/Avatar';
 import { ChannelPreview } from '../../../components/ChannelPreview';
 import { useChannelListContext, useChatContext } from '../../../context';
-
 import { DEFAULT_JUMP_TO_PAGE_SIZE } from '../../../constants/limits';
 
-import type { Channel, MessageResponse, User } from 'stream-chat';
-import type { DefaultStreamChatGenerics } from '../../../types';
-
-export type ChannelSearchResultItemProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = {
-  item: Channel<StreamChatGenerics>;
+export type ChannelSearchResultItemProps = {
+  item: Channel;
 };
 
-export const ChannelSearchResultItem = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
-  item,
-}: ChannelSearchResultItemProps<StreamChatGenerics>) => {
-  const { setActiveChannel } = useChatContext<StreamChatGenerics>();
-  const { setChannels } = useChannelListContext<StreamChatGenerics>();
+export const ChannelSearchResultItem = ({ item }: ChannelSearchResultItemProps) => {
+  const { setActiveChannel } = useChatContext();
+  const { setChannels } = useChannelListContext();
 
   const onSelect = useCallback(() => {
     setActiveChannel(item);
@@ -39,24 +31,20 @@ export const ChannelSearchResultItem = <
   );
 };
 
-export type ChannelByMessageSearchResultItemProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = {
-  item: MessageResponse<StreamChatGenerics>;
+export type ChannelByMessageSearchResultItemProps = {
+  item: MessageResponse;
 };
 
-export const MessageSearchResultItem = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const MessageSearchResultItem = ({
   item,
-}: ChannelByMessageSearchResultItemProps<StreamChatGenerics>) => {
+}: ChannelByMessageSearchResultItemProps) => {
   const {
     channel: activeChannel,
     client,
     searchController,
     setActiveChannel,
-  } = useChatContext<StreamChatGenerics>();
-  const { setChannels } = useChannelListContext<StreamChatGenerics>();
+  } = useChatContext();
+  const { setChannels } = useChannelListContext();
 
   const channel = useMemo(() => {
     const { channel: channelData } = item;
@@ -97,20 +85,14 @@ export const MessageSearchResultItem = <
   );
 };
 
-export type UserSearchResultItemProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = {
-  item: User<StreamChatGenerics>;
+export type UserSearchResultItemProps = {
+  item: User;
 };
 
-export const UserSearchResultItem = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
-  item,
-}: UserSearchResultItemProps<StreamChatGenerics>) => {
-  const { client, setActiveChannel } = useChatContext<StreamChatGenerics>();
-  const { setChannels } = useChannelListContext<StreamChatGenerics>();
-  const { directMessagingChannelType } = useSearchContext<StreamChatGenerics>();
+export const UserSearchResultItem = ({ item }: UserSearchResultItemProps) => {
+  const { client, setActiveChannel } = useChatContext();
+  const { setChannels } = useChannelListContext();
+  const { directMessagingChannelType } = useSearchContext();
 
   const onClick = useCallback(() => {
     const newChannel = client.channel(directMessagingChannelType, {