stream-chat-react 12.15.0 → 13.0.0-rc.2

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,5 +1,6 @@
-import React, { ComponentProps } from 'react';
-import { PopperProps } from 'react-popper';
+import type { ComponentProps } from 'react';
+import React from 'react';
+import type { PopperProps } from 'react-popper';
 export declare const Tooltip: ({ children, ...rest }: ComponentProps<'div'>) => React.JSX.Element;
 export type PopperTooltipProps<T extends HTMLElement> = React.PropsWithChildren<{
     /** Reference element to which the tooltip should attach to */

package/dist/components/Tooltip/hooks/useEnterLeaveHandlers.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export declare const useEnterLeaveHandlers: <T extends HTMLElement>({ onMouseEnter, onMouseLeave, }?: Partial<Record<'onMouseEnter' | 'onMouseLeave', React.MouseEventHandler<T>>>) => {
     handleEnter: React.MouseEventHandler<T>;
     handleLeave: React.MouseEventHandler<T>;

package/dist/components/TypingIndicator/TypingIndicator.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
-import type { DefaultStreamChatGenerics } from '../../types/types';
 export type TypingIndicatorProps = {
     /** Whether the typing indicator is in a thread */
     threadList?: boolean;
 };
-export declare const TypingIndicator: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: TypingIndicatorProps) => React.JSX.Element | null;
+export declare const TypingIndicator: (props: TypingIndicatorProps) => React.JSX.Element | null;

package/dist/components/Window/Window.d.ts

@@ -1,11 +1,11 @@
-import React, { PropsWithChildren } from 'react';
-import { StreamMessage } from '../../context/ChannelStateContext';
-import type { DefaultStreamChatGenerics } from '../../types/types';
-export type WindowProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+import type { PropsWithChildren } from 'react';
+import React from 'react';
+import type { LocalMessage } from 'stream-chat';
+export type WindowProps = {
     /** optional prop to force addition of class str-chat__main-panel---with-thread-opn to the Window root element */
-    thread?: StreamMessage<StreamChatGenerics>;
+    thread?: LocalMessage;
 };
 /**
  * A UI component for conditionally displaying a Thread or Channel
  */
-export declare const Window: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: PropsWithChildren<WindowProps<StreamChatGenerics>>) => React.JSX.Element;
+export declare const Window: (props: PropsWithChildren<WindowProps>) => React.JSX.Element;

package/dist/components/index.d.ts

@@ -1,5 +1,4 @@
 export * from './Attachment';
-export * from './AutoCompleteTextarea';
 export * from './Avatar';
 export * from './Channel';
 export * from './ChannelHeader';
@@ -7,11 +6,8 @@ export * from './ChannelList';
 export * from './ChannelPreview';
 export * from './ChannelSearch';
 export * from './Chat';
-export * from './ChatAutoComplete';
-export * from './CommandItem';
 export * from './DateSeparator';
 export * from './Dialog';
-export * from './EmoticonItem';
 export * from './EmptyStateIndicator';
 export * from './EventComponent';
 export * from './Gallery';
@@ -29,10 +25,10 @@ export * from './Modal';
 export * from './Poll';
 export * from './Reactions';
 export * from './SafeAnchor';
+export * from './TextareaComposer';
 export * from './Thread';
 export * from './Tooltip';
 export * from './TypingIndicator';
-export * from './UserItem';
 export * from './Window';
 export * from './Threads';
 export * from './ChatView';

package/dist/components/index.js

@@ -1,5 +1,4 @@
 export * from './Attachment';
-export * from './AutoCompleteTextarea';
 export * from './Avatar';
 export * from './Channel';
 export * from './ChannelHeader';
@@ -7,11 +6,8 @@ export * from './ChannelList';
 export * from './ChannelPreview';
 export * from './ChannelSearch';
 export * from './Chat';
-export * from './ChatAutoComplete';
-export * from './CommandItem';
 export * from './DateSeparator';
 export * from './Dialog';
-export * from './EmoticonItem';
 export * from './EmptyStateIndicator';
 export * from './EventComponent';
 export * from './Gallery';
@@ -28,10 +24,10 @@ export * from './Modal';
 export * from './Poll';
 export * from './Reactions';
 export * from './SafeAnchor';
+export * from './TextareaComposer';
 export * from './Thread';
 export * from './Tooltip';
 export * from './TypingIndicator';
-export * from './UserItem';
 export * from './Window';
 export * from './Threads';
 export * from './ChatView';

package/dist/context/AttachmentSelectorContext.d.ts

@@ -1,4 +1,5 @@
-import React, { PropsWithChildren } from 'react';
+import type { PropsWithChildren } from 'react';
+import React from 'react';
 export type AttachmentSelectorContextValue = {
     fileInput: HTMLInputElement | null;
 };

package/dist/context/ChannelActionContext.d.ts

@@ -1,9 +1,9 @@
-import React, { PropsWithChildren } from 'react';
-import type { APIErrorResponse, Attachment, ErrorFromResponse, Message, MessageResponse, UpdatedMessage, UpdateMessageAPIResponse, UserResponse } from 'stream-chat';
-import type { StreamMessage } from './ChannelStateContext';
+import type { PropsWithChildren } from 'react';
+import React from 'react';
+import type { LocalMessage, Message, MessageResponse, SendMessageOptions, UpdateMessageAPIResponse, UpdateMessageOptions } from 'stream-chat';
 import type { ChannelStateReducerAction } from '../components/Channel/channelState';
 import type { CustomMentionHandler } from '../components/Message/hooks/useMentionsHandler';
-import type { ChannelUnreadUiState, DefaultStreamChatGenerics, SendMessageOptions, UnknownType, UpdateMessageOptions } from '../types/types';
+import type { ChannelUnreadUiState, UnknownType } from '../types/types';
 export type MarkReadWrapperOptions = {
     /**
      * Signal, whether the `channelUnreadUiState` should be updated.
@@ -12,25 +12,13 @@ export type MarkReadWrapperOptions = {
      */
     updateChannelUiUnreadState?: boolean;
 };
-export type MessageAttachments<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Array<Attachment<StreamChatGenerics>>;
-export type MessageToSend<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
-    attachments?: MessageAttachments<StreamChatGenerics>;
-    error?: ErrorFromResponse<APIErrorResponse>;
-    errorStatusCode?: number;
-    id?: string;
-    mentioned_users?: UserResponse<StreamChatGenerics>[];
-    parent?: StreamMessage<StreamChatGenerics>;
-    parent_id?: string;
-    status?: string;
-    text?: string;
-};
-export type RetrySendMessage<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = (message: StreamMessage<StreamChatGenerics>) => Promise<void>;
-export type ChannelActionContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+export type RetrySendMessage = (message: LocalMessage) => Promise<void>;
+export type ChannelActionContextValue = {
     addNotification: (text: string, type: 'success' | 'error') => void;
     closeThread: (event?: React.BaseSyntheticEvent) => void;
-    deleteMessage: (message: StreamMessage<StreamChatGenerics>) => Promise<MessageResponse<StreamChatGenerics>>;
-    dispatch: React.Dispatch<ChannelStateReducerAction<StreamChatGenerics>>;
-    editMessage: (message: UpdatedMessage<StreamChatGenerics>, options?: UpdateMessageOptions) => Promise<UpdateMessageAPIResponse<StreamChatGenerics> | void>;
+    deleteMessage: (message: LocalMessage) => Promise<MessageResponse>;
+    dispatch: React.Dispatch<ChannelStateReducerAction>;
+    editMessage: (message: LocalMessage | MessageResponse, options?: UpdateMessageOptions) => Promise<UpdateMessageAPIResponse | void>;
     jumpToFirstUnreadMessage: (queryMessageLimit?: number, highlightDuration?: number) => Promise<void>;
     jumpToLatestMessage: () => Promise<void>;
     jumpToMessage: (messageId: string, limit?: number, highlightDuration?: number) => Promise<void>;
@@ -38,27 +26,30 @@ export type ChannelActionContextValue<StreamChatGenerics extends DefaultStreamCh
     loadMoreNewer: (limit?: number) => Promise<number>;
     loadMoreThread: () => Promise<void>;
     markRead: (options?: MarkReadWrapperOptions) => void;
-    onMentionsClick: CustomMentionHandler<StreamChatGenerics>;
-    onMentionsHover: CustomMentionHandler<StreamChatGenerics>;
-    openThread: (message: StreamMessage<StreamChatGenerics>, event?: React.BaseSyntheticEvent) => void;
-    removeMessage: (message: StreamMessage<StreamChatGenerics>) => void;
-    retrySendMessage: RetrySendMessage<StreamChatGenerics>;
-    sendMessage: (message: MessageToSend<StreamChatGenerics>, customMessageData?: Partial<Message<StreamChatGenerics>>, options?: SendMessageOptions) => Promise<void>;
+    onMentionsClick: CustomMentionHandler;
+    onMentionsHover: CustomMentionHandler;
+    openThread: (message: LocalMessage, event?: React.BaseSyntheticEvent) => void;
+    removeMessage: (message: LocalMessage) => void;
+    retrySendMessage: RetrySendMessage;
+    sendMessage: (params: {
+        localMessage: LocalMessage;
+        message: Message;
+        options?: SendMessageOptions;
+    }) => Promise<void>;
     setChannelUnreadUiState: React.Dispatch<React.SetStateAction<ChannelUnreadUiState | undefined>>;
-    setQuotedMessage: React.Dispatch<React.SetStateAction<StreamMessage<StreamChatGenerics> | undefined>>;
-    updateMessage: (message: StreamMessage<StreamChatGenerics>) => void;
+    updateMessage: (message: MessageResponse | LocalMessage) => void;
 };
-export declare const ChannelActionContext: React.Context<ChannelActionContextValue<DefaultStreamChatGenerics> | undefined>;
-export declare const ChannelActionProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, value, }: PropsWithChildren<{
-    value: ChannelActionContextValue<StreamChatGenerics>;
+export declare const ChannelActionContext: React.Context<ChannelActionContextValue | undefined>;
+export declare const ChannelActionProvider: ({ children, value, }: PropsWithChildren<{
+    value: ChannelActionContextValue;
 }>) => React.JSX.Element;
-export declare const useChannelActionContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(componentName?: string) => ChannelActionContextValue<StreamChatGenerics>;
+export declare const useChannelActionContext: (componentName?: string) => ChannelActionContextValue;
 /**
  * Typescript currently does not support partial inference, so if ChannelActionContext
  * typing is desired while using the HOC withChannelActionContext, the Props for the
  * wrapped component must be provided as the first generic.
  */
-export declare const withChannelActionContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => {
-    (props: Omit<P, keyof ChannelActionContextValue<StreamChatGenerics>>): React.JSX.Element;
+export declare const withChannelActionContext: <P extends UnknownType>(Component: React.ComponentType<P>) => {
+    (props: Omit<P, keyof ChannelActionContextValue>): React.JSX.Element;
     displayName: string;
 };

package/dist/context/ChannelListContext.d.ts

@@ -1,22 +1,22 @@
-import React, { Dispatch, PropsWithChildren, SetStateAction } from 'react';
+import type { Dispatch, PropsWithChildren, SetStateAction } from 'react';
+import React from 'react';
 import type { Channel } from 'stream-chat';
-import type { DefaultStreamChatGenerics } from '../types/types';
-export type ChannelListContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+export type ChannelListContextValue = {
     /**
      * State representing the array of loaded channels.
      * Channels query is executed by default only by ChannelList component in the SDK.
      */
-    channels: Channel<StreamChatGenerics>[];
+    channels: Channel[];
     /**
      * Sets the list of Channel objects to be rendered by ChannelList component.
      */
-    setChannels: Dispatch<SetStateAction<Channel<StreamChatGenerics>[]>>;
+    setChannels: Dispatch<SetStateAction<Channel[]>>;
 };
-export declare const ChannelListContext: React.Context<ChannelListContextValue<DefaultStreamChatGenerics> | undefined>;
+export declare const ChannelListContext: React.Context<ChannelListContextValue | undefined>;
 /**
  * Context provider for components rendered within the `ChannelList`
  */
-export declare const ChannelListContextProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, value, }: PropsWithChildren<{
-    value: ChannelListContextValue<StreamChatGenerics>;
+export declare const ChannelListContextProvider: ({ children, value, }: PropsWithChildren<{
+    value: ChannelListContextValue;
 }>) => React.JSX.Element;
-export declare const useChannelListContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(componentName?: string) => ChannelListContextValue<StreamChatGenerics>;
+export declare const useChannelListContext: (componentName?: string) => ChannelListContextValue;

package/dist/context/ChannelListContext.js

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, } from 'react';
+import React, { createContext, useContext } from 'react';
 export const ChannelListContext = createContext(undefined);
 /**
  * Context provider for components rendered within the `ChannelList`

package/dist/context/ChannelStateContext.d.ts

@@ -1,14 +1,13 @@
-import React, { PropsWithChildren } from 'react';
-import type { Channel, ChannelConfigWithInfo, MessageResponse, Mute, ChannelState as StreamChannelState } from 'stream-chat';
-import type { ChannelUnreadUiState, DefaultStreamChatGenerics, GiphyVersions, ImageAttachmentSizeHandler, UnknownType, VideoAttachmentSizeHandler } from '../types/types';
-import type { URLEnrichmentConfig } from '../components/MessageInput/hooks/useLinkPreviews';
+import type { PropsWithChildren } from 'react';
+import React from 'react';
+import type { Channel, ChannelConfigWithInfo, LocalMessage, Mute, ChannelState as StreamChannelState } from 'stream-chat';
+import type { ChannelUnreadUiState, GiphyVersions, ImageAttachmentSizeHandler, UnknownType, VideoAttachmentSizeHandler } from '../types/types';
 export type ChannelNotifications = Array<{
     id: string;
     text: string;
     type: 'success' | 'error';
 }>;
-export type StreamMessage<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = ReturnType<StreamChannelState<StreamChatGenerics>['formatMessage']> | MessageResponse<StreamChatGenerics>;
-export type ChannelState<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+export type ChannelState = {
     suppressAutoscroll: boolean;
     error?: Error | null;
     hasMore?: boolean;
@@ -17,52 +16,43 @@ export type ChannelState<StreamChatGenerics extends DefaultStreamChatGenerics =
     loading?: boolean;
     loadingMore?: boolean;
     loadingMoreNewer?: boolean;
-    members?: StreamChannelState<StreamChatGenerics>['members'];
-    messages?: StreamMessage<StreamChatGenerics>[];
-    pinnedMessages?: StreamMessage<StreamChatGenerics>[];
-    quotedMessage?: StreamMessage<StreamChatGenerics>;
-    read?: StreamChannelState<StreamChatGenerics>['read'];
-    thread?: StreamMessage<StreamChatGenerics> | null;
+    members?: StreamChannelState['members'];
+    messages?: LocalMessage[];
+    pinnedMessages?: LocalMessage[];
+    read?: StreamChannelState['read'];
+    thread?: LocalMessage | null;
     threadHasMore?: boolean;
     threadLoadingMore?: boolean;
-    threadMessages?: StreamMessage<StreamChatGenerics>[];
+    threadMessages?: LocalMessage[];
     threadSuppressAutoscroll?: boolean;
-    typing?: StreamChannelState<StreamChatGenerics>['typing'];
+    typing?: StreamChannelState['typing'];
     watcherCount?: number;
-    watchers?: StreamChannelState<StreamChatGenerics>['watchers'];
+    watchers?: StreamChannelState['watchers'];
 };
-export type ChannelStateContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Omit<ChannelState<StreamChatGenerics>, 'typing'> & {
-    channel: Channel<StreamChatGenerics>;
+export type ChannelStateContextValue = Omit<ChannelState, 'typing'> & {
+    channel: Channel;
     channelCapabilities: Record<string, boolean>;
-    channelConfig: ChannelConfigWithInfo<StreamChatGenerics> | undefined;
+    channelConfig: ChannelConfigWithInfo | undefined;
     imageAttachmentSizeHandler: ImageAttachmentSizeHandler;
-    multipleUploads: boolean;
     notifications: ChannelNotifications;
     shouldGenerateVideoThumbnail: boolean;
     videoAttachmentSizeHandler: VideoAttachmentSizeHandler;
-    acceptedFiles?: string[];
-    channelUnreadUiState?: ChannelUnreadUiState<StreamChatGenerics>;
-    debounceURLEnrichmentMs?: URLEnrichmentConfig['debounceURLEnrichmentMs'];
-    dragAndDropWindow?: boolean;
-    enrichURLForPreview?: URLEnrichmentConfig['enrichURLForPreview'];
-    findURLFn?: URLEnrichmentConfig['findURLFn'];
+    channelUnreadUiState?: ChannelUnreadUiState;
     giphyVersion?: GiphyVersions;
-    maxNumberOfFiles?: number;
-    mutes?: Array<Mute<StreamChatGenerics>>;
-    onLinkPreviewDismissed?: URLEnrichmentConfig['onLinkPreviewDismissed'];
+    mutes?: Array<Mute>;
     watcher_count?: number;
 };
-export declare const ChannelStateContext: React.Context<ChannelStateContextValue<DefaultStreamChatGenerics> | undefined>;
-export declare const ChannelStateProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, value, }: PropsWithChildren<{
-    value: ChannelStateContextValue<StreamChatGenerics>;
+export declare const ChannelStateContext: React.Context<ChannelStateContextValue | undefined>;
+export declare const ChannelStateProvider: ({ children, value, }: PropsWithChildren<{
+    value: ChannelStateContextValue;
 }>) => React.JSX.Element;
-export declare const useChannelStateContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(componentName?: string) => ChannelStateContextValue<StreamChatGenerics>;
+export declare const useChannelStateContext: (componentName?: string) => ChannelStateContextValue;
 /**
  * Typescript currently does not support partial inference, so if ChannelStateContext
  * typing is desired while using the HOC withChannelStateContext, the Props for the
  * wrapped component must be provided as the first generic.
  */
-export declare const withChannelStateContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => {
-    (props: Omit<P, keyof ChannelStateContextValue<StreamChatGenerics>>): React.JSX.Element;
+export declare const withChannelStateContext: <P extends UnknownType>(Component: React.ComponentType<P>) => {
+    (props: Omit<P, keyof ChannelStateContextValue>): React.JSX.Element;
     displayName: string;
 };

package/dist/context/ChatContext.d.ts

@@ -1,30 +1,31 @@
-import React, { PropsWithChildren } from 'react';
+import React from 'react';
+import type { PropsWithChildren } from 'react';
 import type { AppSettingsAPIResponse, Channel, Mute, SearchController } from 'stream-chat';
 import type { ChatProps } from '../components/Chat/Chat';
-import type { DefaultStreamChatGenerics, UnknownType } from '../types/types';
+import type { UnknownType } from '../types/types';
 import type { ChannelsQueryState } from '../components/Chat/hooks/useChannelsQueryState';
 type CSSClasses = 'chat' | 'chatContainer' | 'channel' | 'channelList' | 'message' | 'messageList' | 'thread' | 'threadList' | 'virtualMessage' | 'virtualizedMessageList';
 export type CustomClasses = Partial<Record<CSSClasses, string>>;
-type ChannelCID = string;
-export type ChatContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+type ChannelConfId = string;
+export type ChatContextValue = {
     /**
      * Indicates, whether a channels query has been triggered within ChannelList by its channels pagination controller.
      */
     channelsQueryState: ChannelsQueryState;
     closeMobileNav: () => void;
-    getAppSettings: () => Promise<AppSettingsAPIResponse<StreamChatGenerics>> | null;
-    latestMessageDatesByChannels: Record<ChannelCID, Date>;
-    mutes: Array<Mute<StreamChatGenerics>>;
+    getAppSettings: () => Promise<AppSettingsAPIResponse> | null;
+    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
      * @param watchers
      * @param event
      */
-    setActiveChannel: (newChannel?: Channel<StreamChatGenerics>, watchers?: {
+    setActiveChannel: (newChannel?: Channel, watchers?: {
         limit?: number;
         offset?: number;
     }, event?: React.BaseSyntheticEvent) => void;
@@ -32,25 +33,25 @@ export type ChatContextValue<StreamChatGenerics extends DefaultStreamChatGeneric
     /**
      * Active channel used to render the contents of the Channel component.
      */
-    channel?: Channel<StreamChatGenerics>;
+    channel?: Channel;
     /**
      * Object through which custom classes can be set for main container components of the SDK.
      */
     customClasses?: CustomClasses;
     navOpen?: boolean;
-} & Partial<Pick<ChatProps<StreamChatGenerics>, 'isMessageAIGenerated'>> & Required<Pick<ChatProps<StreamChatGenerics>, 'theme' | 'client'>>;
-export declare const ChatContext: React.Context<ChatContextValue<DefaultStreamChatGenerics> | undefined>;
-export declare const ChatProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, value, }: PropsWithChildren<{
-    value: ChatContextValue<StreamChatGenerics>;
+} & Partial<Pick<ChatProps, 'isMessageAIGenerated'>> & Required<Pick<ChatProps, 'theme' | 'client'>>;
+export declare const ChatContext: React.Context<ChatContextValue | undefined>;
+export declare const ChatProvider: ({ children, value, }: PropsWithChildren<{
+    value: ChatContextValue;
 }>) => React.JSX.Element;
-export declare const useChatContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(componentName?: string) => ChatContextValue<StreamChatGenerics>;
+export declare const useChatContext: (componentName?: string) => ChatContextValue;
 /**
  * Typescript currently does not support partial inference so if ChatContext
  * typing is desired while using the HOC withChatContext the Props for the
  * wrapped component must be provided as the first generic.
  */
-export declare const withChatContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => {
-    (props: Omit<P, keyof ChatContextValue<StreamChatGenerics>>): React.JSX.Element;
+export declare const withChatContext: <P extends UnknownType>(Component: React.ComponentType<P>) => {
+    (props: Omit<P, keyof ChatContextValue>): React.JSX.Element;
     displayName: string;
 };
 export {};

package/dist/context/ComponentContext.d.ts

@@ -1,11 +1,13 @@
-import React, { PropsWithChildren } from 'react';
-import { AttachmentPreviewListProps, AttachmentProps, AvatarProps, BaseImageProps, ChannelPreviewActionButtonsProps, CooldownTimerProps, CustomMessageActionsListProps, DateSeparatorProps, EmojiSearchIndex, EmptyStateIndicatorProps, EventComponentProps, FixedHeightMessageProps, GiphyPreviewMessageProps, LinkPreviewListProps, LoadingIndicatorProps, MessageBouncePromptProps, MessageDeletedProps, MessageInputProps, MessageListNotificationsProps, MessageNotificationProps, MessageOptionsProps, MessageProps, MessageRepliesCountButtonProps, MessageStatusProps, MessageTimestampProps, MessageUIComponentProps, ModalGalleryProps, PinIndicatorProps, PollCreationDialogProps, PollOptionSelectorProps, QuotedMessagePreviewProps, ReactionOptions, ReactionSelectorProps, ReactionsListModalProps, ReactionsListProps, RecordingPermissionDeniedNotificationProps, SendButtonProps, StartRecordingAudioButtonProps, StreamedMessageTextProps, SuggestionItemProps, SuggestionListProps, ThreadHeaderProps, ThreadListItemProps, ThreadListItemUIProps, TimestampProps, TypingIndicatorProps, UnreadMessagesNotificationProps, UnreadMessagesSeparatorProps } from '../components';
-import { SearchProps, SearchResultsPresearchProps, SearchSourceResultListProps } from '../experimental';
-import type { CustomTrigger, DefaultStreamChatGenerics, PropsWithChildrenOnly, UnknownType } from '../types/types';
+import type { PropsWithChildren } from 'react';
+import React from 'react';
+import type { AttachmentPreviewListProps, AttachmentProps, AvatarProps, BaseImageProps, ChannelPreviewActionButtonsProps, CooldownTimerProps, CustomMessageActionsListProps, DateSeparatorProps, EmojiSearchIndex, EmptyStateIndicatorProps, EventComponentProps, FixedHeightMessageProps, GiphyPreviewMessageProps, LoadingIndicatorProps, MessageBouncePromptProps, MessageDeletedProps, MessageInputProps, MessageListNotificationsProps, MessageNotificationProps, MessageOptionsProps, MessageProps, MessageRepliesCountButtonProps, MessageStatusProps, MessageTimestampProps, MessageUIComponentProps, ModalGalleryProps, PinIndicatorProps, PollCreationDialogProps, PollOptionSelectorProps, QuotedMessagePreviewProps, ReactionOptions, ReactionSelectorProps, ReactionsListModalProps, ReactionsListProps, RecordingPermissionDeniedNotificationProps, SendButtonProps, StartRecordingAudioButtonProps, StreamedMessageTextProps, ThreadHeaderProps, ThreadListItemProps, ThreadListItemUIProps, TimestampProps, TypingIndicatorProps, UnreadMessagesNotificationProps, UnreadMessagesSeparatorProps } from '../components';
+import type { SuggestionItemProps, SuggestionListProps } from '../components/TextareaComposer';
+import type { SearchProps, SearchResultsPresearchProps, SearchSourceResultListProps } from '../experimental';
+import type { PropsWithChildrenOnly, UnknownType } from '../types/types';
 import type { StopAIGenerationButtonProps } from '../components/MessageInput/StopAIGenerationButton';
-export type ComponentContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger> = {
+export type ComponentContextValue = {
     /** Custom UI component to display a message attachment, defaults to and accepts same props as: [Attachment](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Attachment/Attachment.tsx) */
-    Attachment?: React.ComponentType<AttachmentProps<StreamChatGenerics>>;
+    Attachment?: React.ComponentType<AttachmentProps>;
     /** Custom UI component to display an attachment previews in MessageInput, defaults to and accepts same props as: [Attachment](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageInput/AttachmentPreviewList.tsx) */
     AttachmentPreviewList?: React.ComponentType<AttachmentPreviewListProps>;
     /** Custom UI component to control adding attachments to MessageInput, defaults to and accepts same props as: [AttachmentSelector](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageInput/AttachmentSelector.tsx) */
@@ -15,23 +17,23 @@ export type ComponentContextValue<StreamChatGenerics extends DefaultStreamChatGe
     /** Custom UI component to display AudioRecorder in MessageInput, defaults to and accepts same props as: [AudioRecorder](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageInput/AudioRecorder.tsx) */
     AudioRecorder?: React.ComponentType;
     /** Optional UI component to override the default suggestion Item component, defaults to and accepts same props as: [Item](https://github.com/GetStream/stream-chat-react/blob/master/src/components/AutoCompleteTextarea/Item.js) */
-    AutocompleteSuggestionItem?: React.ComponentType<SuggestionItemProps<StreamChatGenerics>>;
+    AutocompleteSuggestionItem?: React.ComponentType<SuggestionItemProps>;
     /** Optional UI component to override the default List component that displays suggestions, defaults to and accepts same props as: [List](https://github.com/GetStream/stream-chat-react/blob/master/src/components/AutoCompleteTextarea/List.js) */
-    AutocompleteSuggestionList?: React.ComponentType<SuggestionListProps<StreamChatGenerics>>;
+    AutocompleteSuggestionList?: React.ComponentType<SuggestionListProps>;
     /** UI component to display a user's avatar, defaults to and accepts same props as: [Avatar](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Avatar/Avatar.tsx) */
-    Avatar?: React.ComponentType<AvatarProps<StreamChatGenerics>>;
+    Avatar?: React.ComponentType<AvatarProps>;
     /** Custom UI component to display <img/> elements resp. a fallback in case of load error, defaults to and accepts same props as: [BaseImage](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Gallery/BaseImage.tsx) */
     BaseImage?: React.ComponentType<BaseImageProps>;
     /** Custom UI component to display set of action buttons within `ChannelPreviewMessenger` component, accepts same props as: [ChannelPreviewActionButtons](https://github.com/GetStream/stream-chat-react/blob/master/src/components/ChannelList/ChannelPreviewActionButtons.tsx) */
-    ChannelPreviewActionButtons?: React.ComponentType<ChannelPreviewActionButtonsProps<StreamChatGenerics>>;
+    ChannelPreviewActionButtons?: React.ComponentType<ChannelPreviewActionButtonsProps>;
     /** Custom UI component to display the slow mode cooldown timer, defaults to and accepts same props as: [CooldownTimer](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageInput/CooldownTimer.tsx) */
     CooldownTimer?: React.ComponentType<CooldownTimerProps>;
     /** Custom UI component to render set of buttons to be displayed in the MessageActionsBox, defaults to and accepts same props as: [CustomMessageActionsList](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageActions/CustomMessageActionsList.tsx) */
-    CustomMessageActionsList?: React.ComponentType<CustomMessageActionsListProps<StreamChatGenerics>>;
+    CustomMessageActionsList?: React.ComponentType<CustomMessageActionsListProps>;
     /** Custom UI component for date separators, defaults to and accepts same props as: [DateSeparator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/DateSeparator.tsx) */
     DateSeparator?: React.ComponentType<DateSeparatorProps>;
     /** Custom UI component to override default edit message input, defaults to and accepts same props as: [EditMessageForm](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageInput/EditMessageForm.tsx) */
-    EditMessageInput?: React.ComponentType<MessageInputProps<StreamChatGenerics>>;
+    EditMessageInput?: React.ComponentType<MessageInputProps>;
     /** Custom UI component for rendering button with emoji picker in MessageInput */
     EmojiPicker?: React.ComponentType;
     /** Mechanism to be used with autocomplete and text replace features of the `MessageInput` component, see [emoji-mart `SearchIndex`](https://github.com/missive/emoji-mart#%EF%B8%8F%EF%B8%8F-headless-search) */
@@ -44,17 +46,17 @@ export type ComponentContextValue<StreamChatGenerics extends DefaultStreamChatGe
      */
     FileUploadIcon?: React.ComponentType;
     /** Custom UI component to render a Giphy preview in the `VirtualizedMessageList` */
-    GiphyPreviewMessage?: React.ComponentType<GiphyPreviewMessageProps<StreamChatGenerics>>;
+    GiphyPreviewMessage?: React.ComponentType<GiphyPreviewMessageProps>;
     /** Custom UI component to render at the top of the `MessageList` */
     HeaderComponent?: React.ComponentType;
     /** Custom UI component handling how the message input is rendered, defaults to and accepts the same props as [MessageInputFlat](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageInput/MessageInputFlat.tsx) */
-    Input?: React.ComponentType<MessageInputProps<StreamChatGenerics, V>>;
+    Input?: React.ComponentType<MessageInputProps>;
     /** Custom component to render link previews in message input **/
-    LinkPreviewList?: React.ComponentType<LinkPreviewListProps>;
+    LinkPreviewList?: React.ComponentType;
     /** Custom UI component to render while the `MessageList` is loading new messages, defaults to and accepts same props as: [LoadingIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Loading/LoadingIndicator.tsx) */
     LoadingIndicator?: React.ComponentType<LoadingIndicatorProps>;
     /** Custom UI component to display a message in the standard `MessageList`, defaults to and accepts the same props as: [MessageSimple](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageSimple.tsx) */
-    Message?: React.ComponentType<MessageUIComponentProps<StreamChatGenerics>>;
+    Message?: React.ComponentType<MessageUIComponentProps>;
     /** Custom UI component for message actions popup, accepts no props, all the defaults are set within [MessageActions (unstable)](https://github.com/GetStream/stream-chat-react/blob/master/src/experimental/MessageActions/MessageActions.tsx) */
     MessageActions?: React.ComponentType;
     /** Custom UI component to display the contents of a bounced message modal. Usually it allows to retry, edit, or delete the message. Defaults to and accepts the same props as: [MessageBouncePrompt](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageBounce/MessageBouncePrompt.tsx) */
@@ -62,7 +64,7 @@ export type ComponentContextValue<StreamChatGenerics extends DefaultStreamChatGe
     /** Custom UI component for a moderation-blocked message, defaults to and accepts same props as: [MessageBlocked](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageBlocked.tsx) */
     MessageBlocked?: React.ComponentType;
     /** Custom UI component for a deleted message, defaults to and accepts same props as: [MessageDeleted](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageDeleted.tsx) */
-    MessageDeleted?: React.ComponentType<MessageDeletedProps<StreamChatGenerics>>;
+    MessageDeleted?: React.ComponentType<MessageDeletedProps>;
     MessageListMainPanel?: React.ComponentType<PropsWithChildrenOnly>;
     /** 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<MessageListNotificationsProps>;
@@ -73,19 +75,19 @@ export type ComponentContextValue<StreamChatGenerics extends DefaultStreamChatGe
      *
      * @deprecated Use MessageActions property instead.
      */
-    MessageOptions?: React.ComponentType<MessageOptionsProps<StreamChatGenerics>>;
+    MessageOptions?: React.ComponentType<MessageOptionsProps>;
     /** 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) */
     MessageRepliesCountButton?: React.ComponentType<MessageRepliesCountButtonProps>;
     /** Custom UI component to display message delivery status, defaults to and accepts same props as: [MessageStatus](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageStatus.tsx) */
     MessageStatus?: React.ComponentType<MessageStatusProps>;
     /** Custom UI component to display system messages, defaults to and accepts same props as: [EventComponent](https://github.com/GetStream/stream-chat-react/blob/master/src/components/EventComponent/EventComponent.tsx) */
-    MessageSystem?: React.ComponentType<EventComponentProps<StreamChatGenerics>>;
+    MessageSystem?: React.ComponentType<EventComponentProps>;
     /** Custom UI component to display a timestamp on a message, defaults to and accepts same props as: [MessageTimestamp](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageTimestamp.tsx) */
-    MessageTimestamp?: React.ComponentType<MessageTimestampProps<StreamChatGenerics>>;
+    MessageTimestamp?: React.ComponentType<MessageTimestampProps>;
     /** Custom UI component for viewing message's image attachments, defaults to and accepts the same props as [ModalGallery](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Gallery/ModalGallery.tsx) */
     ModalGallery?: React.ComponentType<ModalGalleryProps>;
     /** Custom UI component to override default pinned message indicator, defaults to and accepts same props as: [PinIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/icons.tsx) */
-    PinIndicator?: React.ComponentType<PinIndicatorProps<StreamChatGenerics>>;
+    PinIndicator?: React.ComponentType<PinIndicatorProps>;
     /** Custom UI component to override default poll actions rendering in a message, defaults to and accepts same props as: [PollActions](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Poll/PollActions/PollActions.tsx) */
     PollActions?: React.ComponentType;
     /** Custom UI component to override default poll rendering in a message, defaults to and accepts same props as: [PollContent](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Poll/PollContent.tsx) */
@@ -95,21 +97,21 @@ export type ComponentContextValue<StreamChatGenerics extends DefaultStreamChatGe
     /** Custom UI component to override default poll header in a message, defaults to and accepts same props as: [PollHeader](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Poll/PollHeader.tsx) */
     PollHeader?: React.ComponentType;
     /** Custom UI component to override default poll option selector, defaults to and accepts same props as: [PollOptionSelector](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Poll/PollOptionSelector.tsx) */
-    PollOptionSelector?: React.ComponentType<PollOptionSelectorProps<StreamChatGenerics>>;
+    PollOptionSelector?: React.ComponentType<PollOptionSelectorProps>;
     /** Custom UI component to override quoted message UI on a sent message, defaults to and accepts same props as: [QuotedMessage](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/QuotedMessage.tsx) */
     QuotedMessage?: React.ComponentType;
     /** Custom UI component to override the message input's quoted message preview, defaults to and accepts same props as: [QuotedMessagePreview](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageInput/QuotedMessagePreview.tsx) */
-    QuotedMessagePreview?: React.ComponentType<QuotedMessagePreviewProps<StreamChatGenerics>>;
+    QuotedMessagePreview?: React.ComponentType<QuotedMessagePreviewProps>;
     /** Custom UI component to override the rendering of quoted poll, defaults to and accepts same props as: [QuotedPoll](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Poll/QuotedPoll.tsx) */
     QuotedPoll?: React.ComponentType;
     /** Custom reaction options to be applied to ReactionSelector, ReactionList and SimpleReactionList components */
     reactionOptions?: ReactionOptions;
     /** Custom UI component to display the reaction selector, defaults to and accepts same props as: [ReactionSelector](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Reactions/ReactionSelector.tsx) */
-    ReactionSelector?: React.ForwardRefExoticComponent<ReactionSelectorProps<StreamChatGenerics>>;
+    ReactionSelector?: React.ForwardRefExoticComponent<ReactionSelectorProps>;
     /** Custom UI component to display the list of reactions on a message, defaults to and accepts same props as: [ReactionsList](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Reactions/ReactionsList.tsx) */
-    ReactionsList?: React.ComponentType<ReactionsListProps<StreamChatGenerics>>;
+    ReactionsList?: React.ComponentType<ReactionsListProps>;
     /** Custom UI component to display the reactions modal, defaults to and accepts same props as: [ReactionsListModal](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Reactions/ReactionsListModal.tsx) */
-    ReactionsListModal?: React.ComponentType<ReactionsListModalProps<StreamChatGenerics>>;
+    ReactionsListModal?: React.ComponentType<ReactionsListModalProps>;
     RecordingPermissionDeniedNotification?: React.ComponentType<RecordingPermissionDeniedNotificationProps>;
     /** Custom component to display the search UI, defaults to and accepts same props as: [Search](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/Search.tsx) */
     Search?: React.ComponentType<SearchProps>;
@@ -134,16 +136,16 @@ export type ComponentContextValue<StreamChatGenerics extends DefaultStreamChatGe
     /** Custom component to display the search source results UI during the search query execution, defaults to and accepts same props as: [SearchSourceResultsLoadingIndicator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Search/SearchResults/SearchSourceResultsLoadingIndicator.tsx) */
     SearchSourceResultsLoadingIndicator?: React.ComponentType;
     /** Custom UI component for send button, defaults to and accepts same props as: [SendButton](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageInput/icons.tsx) */
-    SendButton?: React.ComponentType<SendButtonProps<StreamChatGenerics>>;
+    SendButton?: React.ComponentType<SendButtonProps>;
     /** Custom UI component button for initiating audio recording, defaults to and accepts same props as: [StartRecordingAudioButton](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MediaRecorder/AudioRecorder/AudioRecordingButtons.tsx) */
     StartRecordingAudioButton?: React.ComponentType<StartRecordingAudioButtonProps>;
     StopAIGenerationButton?: React.ComponentType<StopAIGenerationButtonProps> | null;
     StreamedMessageText?: React.ComponentType<StreamedMessageTextProps>;
     /** Custom UI component that displays thread's parent or other message at the top of the `MessageList`, defaults to and accepts same props as [MessageSimple](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Message/MessageSimple.tsx) */
-    ThreadHead?: React.ComponentType<MessageProps<StreamChatGenerics>>;
+    ThreadHead?: React.ComponentType<MessageProps>;
     /** Custom UI component to display the header of a `Thread`, defaults to and accepts same props as: [DefaultThreadHeader](https://github.com/GetStream/stream-chat-react/blob/master/src/components/Thread/Thread.tsx) */
-    ThreadHeader?: React.ComponentType<ThreadHeaderProps<StreamChatGenerics>>;
-    ThreadInput?: React.ComponentType<MessageInputProps<StreamChatGenerics, V>>;
+    ThreadHeader?: React.ComponentType<ThreadHeaderProps>;
+    ThreadInput?: React.ComponentType<MessageInputProps>;
     ThreadListEmptyPlaceholder?: React.ComponentType;
     ThreadListItem?: React.ComponentType<ThreadListItemProps>;
     ThreadListItemUI?: React.ComponentType<ThreadListItemUIProps>;
@@ -162,19 +164,19 @@ export type ComponentContextValue<StreamChatGenerics extends DefaultStreamChatGe
     /** Custom UI component that separates read messages from unread, defaults to and accepts same props as: [UnreadMessagesSeparator](https://github.com/GetStream/stream-chat-react/blob/master/src/components/MessageList/UnreadMessagesSeparator.tsx) */
     UnreadMessagesSeparator?: React.ComponentType<UnreadMessagesSeparatorProps>;
     /** Custom UI component to display a message in the `VirtualizedMessageList`, does not have a default implementation */
-    VirtualMessage?: React.ComponentType<FixedHeightMessageProps<StreamChatGenerics>>;
+    VirtualMessage?: React.ComponentType<FixedHeightMessageProps>;
 };
-export declare const ComponentContext: React.Context<ComponentContextValue<DefaultStreamChatGenerics, CustomTrigger>>;
-export declare const ComponentProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>({ children, value, }: PropsWithChildren<{
-    value: Partial<ComponentContextValue<StreamChatGenerics, V>>;
+export declare const ComponentContext: React.Context<ComponentContextValue>;
+export declare const ComponentProvider: ({ children, value, }: PropsWithChildren<{
+    value: Partial<ComponentContextValue>;
 }>) => React.JSX.Element;
-export declare const useComponentContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>(_componentName?: string) => ComponentContextValue<StreamChatGenerics, V>;
+export declare const useComponentContext: (_componentName?: string) => ComponentContextValue;
 /**
  * Typescript currently does not support partial inference, so if ComponentContext
  * typing is desired while using the HOC withComponentContext, the Props for the
  * wrapped component must be provided as the first generic.
  */
-export declare const withComponentContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics, V extends CustomTrigger = CustomTrigger>(Component: React.ComponentType<P>) => {
-    (props: Omit<P, keyof ComponentContextValue<StreamChatGenerics, V>>): React.JSX.Element;
+export declare const withComponentContext: <P extends UnknownType>(Component: React.ComponentType<P>) => {
+    (props: Omit<P, keyof ComponentContextValue>): React.JSX.Element;
     displayName: string;
 };