stream-chat-react-native-core 4.0.0-beta.2 → 4.0.0-beta.6

package/lib/typescript/contexts/messagesContext/MessagesContext.d.ts

@@ -1,12 +1,7 @@
 import React, { PropsWithChildren } from 'react';
 import type { TouchableOpacityProps } from 'react-native';
+import type { MessagePinnedHeaderProps } from 'src/components/Message/MessageSimple/MessagePinnedHeader';
 import type { ChannelState, MessageResponse } from 'stream-chat';
-import type { Alignment } from '../messageContext/MessageContext';
-import type { MessageActionType } from '../../components/MessageOverlay/MessageActionListItem';
-import type { SuggestionCommand } from '../suggestionsContext/SuggestionsContext';
-import type { DeepPartial } from '../themeContext/ThemeContext';
-import type { Theme } from '../themeContext/utils/theme';
-import type { TDateTimeParserInput } from '../translationContext/TranslationContext';
 import type { AttachmentProps } from '../../components/Attachment/Attachment';
 import type { AttachmentActionsProps } from '../../components/Attachment/AttachmentActions';
 import type { CardProps } from '../../components/Attachment/Card';
@@ -20,43 +15,48 @@ import type { MessageAvatarProps } from '../../components/Message/MessageSimple/
 import type { MessageContentProps } from '../../components/Message/MessageSimple/MessageContent';
 import type { MessageDeletedProps } from '../../components/Message/MessageSimple/MessageDeleted';
 import type { MessageFooterProps } from '../../components/Message/MessageSimple/MessageFooter';
-import type { MessagePinnedHeaderProps } from 'src/components/Message/MessageSimple/MessagePinnedHeader';
 import type { MessageRepliesProps } from '../../components/Message/MessageSimple/MessageReplies';
 import type { MessageRepliesAvatarsProps } from '../../components/Message/MessageSimple/MessageRepliesAvatars';
-import type { MessageStatusProps } from '../../components/Message/MessageSimple/MessageStatus';
 import type { MessageSimpleProps } from '../../components/Message/MessageSimple/MessageSimple';
+import type { MessageStatusProps } from '../../components/Message/MessageSimple/MessageStatus';
 import type { MessageTextProps } from '../../components/Message/MessageSimple/MessageTextContainer';
+import type { ReactionListProps } from '../../components/Message/MessageSimple/ReactionList';
 import type { MarkdownRules } from '../../components/Message/MessageSimple/utils/renderText';
 import type { MessageActionsParams } from '../../components/Message/utils/messageActions';
 import type { DateHeaderProps } from '../../components/MessageList/DateHeader';
 import type { MessageType } from '../../components/MessageList/hooks/useMessageList';
 import type { InlineDateSeparatorProps } from '../../components/MessageList/InlineDateSeparator';
 import type { MessageListProps } from '../../components/MessageList/MessageList';
-import type { ScrollToBottomButtonProps } from '../../components/MessageList/ScrollToBottomButton';
 import type { MessageSystemProps } from '../../components/MessageList/MessageSystem';
+import type { ScrollToBottomButtonProps } from '../../components/MessageList/ScrollToBottomButton';
+import type { MessageActionType } from '../../components/MessageOverlay/MessageActionListItem';
 import type { OverlayReactionListProps } from '../../components/MessageOverlay/OverlayReactionList';
-import type { ReactionListProps } from '../../components/Message/MessageSimple/ReactionList';
 import type { ReplyProps } from '../../components/Reply/Reply';
 import type { FlatList } from '../../native';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType, UnknownType } from '../../types/types';
+import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
 import type { ReactionData } from '../../utils/utils';
+import type { Alignment } from '../messageContext/MessageContext';
+import type { SuggestionCommand } from '../suggestionsContext/SuggestionsContext';
+import type { DeepPartial } from '../themeContext/ThemeContext';
+import type { Theme } from '../themeContext/utils/theme';
+import type { TDateTimeParserInput } from '../translationContext/TranslationContext';
 export declare type MessageContentType = 'attachments' | 'files' | 'gallery' | 'quoted_reply' | 'text';
-export declare type MessagesContextValue<At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = DefaultCommandType, Ev extends UnknownType = DefaultEventType, Me extends UnknownType = DefaultMessageType, Re extends UnknownType = DefaultReactionType, Us extends UnknownType = DefaultUserType> = {
+export declare type MessagesContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     /**
      * UI component for Attachment.
      * Defaults to: [Attachment](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/Attachment.tsx)
      */
-    Attachment: React.ComponentType<AttachmentProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    Attachment: React.ComponentType<AttachmentProps<StreamChatGenerics>>;
     /**
      * UI component to display AttachmentActions. e.g., send, shuffle, cancel in case of giphy
      * Defaults to: [AttachmentActions](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/AttachmentActions.tsx)
      */
-    AttachmentActions: React.ComponentType<AttachmentActionsProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    AttachmentActions: React.ComponentType<AttachmentActionsProps<StreamChatGenerics>>;
     /**
      * UI component to display generic media type e.g. giphy, url preview etc
      * Defaults to: [Card](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/Card.tsx)
      */
-    Card: React.ComponentType<CardProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    Card: React.ComponentType<CardProps<StreamChatGenerics>>;
     /**
      * UI component for DateHeader
      * Defaults to: [DateHeader](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageList/DateHeader.tsx)
@@ -69,12 +69,12 @@ export declare type MessagesContextValue<At extends UnknownType = DefaultAttachm
      * UI component to display File type attachment.
      * Defaults to: [FileAttachment](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/FileAttachment.tsx)
      */
-    FileAttachment: React.ComponentType<FileAttachmentProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    FileAttachment: React.ComponentType<FileAttachmentProps<StreamChatGenerics>>;
     /**
      * UI component to display group of File type attachments or multiple file attachments (in single message).
      * Defaults to: [FileAttachmentGroup](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/FileAttachmentGroup.tsx)
      */
-    FileAttachmentGroup: React.ComponentType<FileAttachmentGroupProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    FileAttachmentGroup: React.ComponentType<FileAttachmentGroupProps<StreamChatGenerics>>;
     /**
      * UI component for attachment icon for type 'file' attachment.
      * Defaults to: https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/FileIcon.tsx
@@ -85,12 +85,12 @@ export declare type MessagesContextValue<At extends UnknownType = DefaultAttachm
      * UI component to display image attachments
      * Defaults to: [Gallery](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/Gallery.tsx)
      */
-    Gallery: React.ComponentType<GalleryProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    Gallery: React.ComponentType<GalleryProps<StreamChatGenerics>>;
     /**
      * UI component for Giphy
      * Defaults to: [Giphy](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/Giphy.tsx)
      */
-    Giphy: React.ComponentType<GiphyProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    Giphy: React.ComponentType<GiphyProps<StreamChatGenerics>>;
     /**
      * When true, messageList will be scrolled at first unread message, when opened.
      */
@@ -105,67 +105,67 @@ export declare type MessagesContextValue<At extends UnknownType = DefaultAttachm
      * Defaults to: [InlineUnreadIndicator](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/MessageSimple/InlineUnreadIndicator.tsx)
      **/
     InlineUnreadIndicator: React.ComponentType;
-    Message: React.ComponentType<MessageProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    Message: React.ComponentType<MessageProps<StreamChatGenerics>>;
     /**
      * UI component for MessageAvatar
      * Defaults to: [MessageAvatar](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/MessageSimple/MessageAvatar.tsx)
      **/
-    MessageAvatar: React.ComponentType<MessageAvatarProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    MessageAvatar: React.ComponentType<MessageAvatarProps<StreamChatGenerics>>;
     /**
      * UI component for MessageContent
      * Defaults to: [MessageContent](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/MessageSimple/MessageContent.tsx)
      */
-    MessageContent: React.ComponentType<MessageContentProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    MessageContent: React.ComponentType<MessageContentProps<StreamChatGenerics>>;
     /** Order to render the message content */
     messageContentOrder: MessageContentType[];
     /**
      * UI component for MessageDeleted
      * Defaults to: [MessageDeleted](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageSimple/MessageDeleted.tsx)
      */
-    MessageDeleted: React.ComponentType<MessageDeletedProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    MessageDeleted: React.ComponentType<MessageDeletedProps<StreamChatGenerics>>;
     /**
      * Custom message footer component
      */
-    MessageFooter: React.ComponentType<MessageFooterProps<At, Ch, Co, Ev, Me, Re, Us>>;
-    MessageList: React.ComponentType<MessageListProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    MessageFooter: React.ComponentType<MessageFooterProps<StreamChatGenerics>>;
+    MessageList: React.ComponentType<MessageListProps<StreamChatGenerics>>;
     /**
      * Custom message pinned component
      */
-    MessagePinnedHeader: React.ComponentType<MessagePinnedHeaderProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    MessagePinnedHeader: React.ComponentType<MessagePinnedHeaderProps<StreamChatGenerics>>;
     /**
      * UI component for MessageReplies
      * Defaults to: [MessageReplies](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageSimple/MessageReplies.tsx)
      */
-    MessageReplies: React.ComponentType<MessageRepliesProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    MessageReplies: React.ComponentType<MessageRepliesProps<StreamChatGenerics>>;
     /**
      * UI Component for MessageRepliesAvatars
      * Defaults to: [MessageRepliesAvatars](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageSimple/MessageRepliesAvatars.tsx)
      */
-    MessageRepliesAvatars: React.ComponentType<MessageRepliesAvatarsProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    MessageRepliesAvatars: React.ComponentType<MessageRepliesAvatarsProps<StreamChatGenerics>>;
     /**
      * UI component for MessageSimple
      * Defaults to: [MessageSimple](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/MessageSimple/MessageSimple.tsx)
      */
-    MessageSimple: React.ComponentType<MessageSimpleProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    MessageSimple: React.ComponentType<MessageSimpleProps<StreamChatGenerics>>;
     /**
      * UI component for MessageStatus (delivered/read)
      * Defaults to: [MessageStatus](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Message/MessageSimple/MessageStatus.tsx)
      */
-    MessageStatus: React.ComponentType<MessageStatusProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    MessageStatus: React.ComponentType<MessageStatusProps<StreamChatGenerics>>;
     /**
      * UI component for MessageSystem
      * Defaults to: [MessageSystem](https://getstream.github.io/stream-chat-react-native/v3/#messagesystem)
      */
-    MessageSystem: React.ComponentType<MessageSystemProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    MessageSystem: React.ComponentType<MessageSystemProps<StreamChatGenerics>>;
     /**
      * UI component for OverlayReactionList
      */
-    OverlayReactionList: React.ComponentType<OverlayReactionListProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    OverlayReactionList: React.ComponentType<OverlayReactionListProps<StreamChatGenerics>>;
     /**
      * UI component for ReactionList
      * Defaults to: [ReactionList](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Reaction/ReactionList.tsx)
      */
-    ReactionList: React.ComponentType<ReactionListProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    ReactionList: React.ComponentType<ReactionListProps<StreamChatGenerics>>;
     removeMessage: (message: {
         id: string;
         parent_id?: string;
@@ -174,18 +174,18 @@ export declare type MessagesContextValue<At extends UnknownType = DefaultAttachm
      * UI component for Reply
      * Defaults to: [Reply](https://getstream.github.io/stream-chat-react-native/v3/#reply)
      */
-    Reply: React.ComponentType<ReplyProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    Reply: React.ComponentType<ReplyProps<StreamChatGenerics>>;
     /**
      * Override the api request for retry message functionality.
      */
-    retrySendMessage: (message: MessageResponse<At, Ch, Co, Me, Re, Us>) => Promise<void>;
+    retrySendMessage: (message: MessageResponse<StreamChatGenerics>) => Promise<void>;
     /**
      * UI component for ScrollToBottomButton
      * Defaults to: [ScrollToBottomButton](https://getstream.github.io/stream-chat-react-native/v3/#ScrollToBottomButton)
      */
     ScrollToBottomButton: React.ComponentType<ScrollToBottomButtonProps>;
-    setEditingState: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => void;
-    setQuotedMessageState: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => void;
+    setEditingState: (message: MessageType<StreamChatGenerics>) => void;
+    setQuotedMessageState: (message: MessageType<StreamChatGenerics>) => void;
     supportedReactions: ReactionData[];
     /**
      * UI component for TypingIndicator
@@ -197,16 +197,16 @@ export declare type MessagesContextValue<At extends UnknownType = DefaultAttachm
      * Defaults to: [TypingIndicatorContainer](https://getstream.github.io/stream-chat-react-native/v3/#typingindicatorcontainer)
      */
     TypingIndicatorContainer: React.ComponentType;
-    updateMessage: (updatedMessage: MessageResponse<At, Ch, Co, Me, Re, Us>, extraState?: {
-        commands?: SuggestionCommand<Co>[];
+    updateMessage: (updatedMessage: MessageResponse<StreamChatGenerics>, extraState?: {
+        commands?: SuggestionCommand<StreamChatGenerics>[];
         messageInput?: string;
-        threadMessages?: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['threads'][string];
+        threadMessages?: ChannelState<StreamChatGenerics>['threads'][string];
     }) => void;
     /**
      * Custom UI component to display enriched url preview.
      * Defaults to https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/Card.tsx
      */
-    UrlPreview: React.ComponentType<CardProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    UrlPreview: React.ComponentType<CardProps<StreamChatGenerics>>;
     /**
      * Provide any additional props for `TouchableOpacity` which wraps inner MessageContent component here.
      * Please check docs for TouchableOpacity for supported props - https://reactnative.dev/docs/touchableopacity#props
@@ -218,17 +218,17 @@ export declare type MessagesContextValue<At extends UnknownType = DefaultAttachm
      * Custom UI component to override default cover (between Header and Footer) of Card component.
      * Accepts the same props as Card component.
      */
-    CardCover?: React.ComponentType<CardProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    CardCover?: React.ComponentType<CardProps<StreamChatGenerics>>;
     /**
      * Custom UI component to override default Footer of Card component.
      * Accepts the same props as Card component.
      */
-    CardFooter?: React.ComponentType<CardProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    CardFooter?: React.ComponentType<CardProps<StreamChatGenerics>>;
     /**
      * Custom UI component to override default header of Card component.
      * Accepts the same props as Card component.
      */
-    CardHeader?: React.ComponentType<CardProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    CardHeader?: React.ComponentType<CardProps<StreamChatGenerics>>;
     /**
      * Full override of the delete message button in the Message Actions
      *
@@ -247,27 +247,27 @@ export declare type MessagesContextValue<At extends UnknownType = DefaultAttachm
      * Optional function to custom format the message date
      */
     formatDate?: (date: TDateTimeParserInput) => string;
-    handleBlock?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;
+    handleBlock?: (message: MessageType<StreamChatGenerics>) => Promise<void>;
     /** Handler to access when a copy message action is invoked */
-    handleCopy?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;
+    handleCopy?: (message: MessageType<StreamChatGenerics>) => Promise<void>;
     /** Handler to access when a delete message action is invoked */
-    handleDelete?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;
+    handleDelete?: (message: MessageType<StreamChatGenerics>) => Promise<void>;
     /** Handler to access when an edit message action is invoked */
-    handleEdit?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => void;
+    handleEdit?: (message: MessageType<StreamChatGenerics>) => void;
     /** Handler to access when a flag message action is invoked */
-    handleFlag?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;
+    handleFlag?: (message: MessageType<StreamChatGenerics>) => Promise<void>;
     /** Handler to access when a mute user action is invoked */
-    handleMute?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;
+    handleMute?: (message: MessageType<StreamChatGenerics>) => Promise<void>;
     /** Handler to access when a pin/unpin user action is invoked*/
-    handlePinMessage?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageActionType) | null;
+    handlePinMessage?: ((message: MessageType<StreamChatGenerics>) => MessageActionType) | null;
     /** Handler to access when a quoted reply action is invoked */
-    handleQuotedReply?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;
+    handleQuotedReply?: (message: MessageType<StreamChatGenerics>) => Promise<void>;
     /** Handler to process a reaction */
-    handleReaction?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>, reactionType: string) => Promise<void>;
+    handleReaction?: (message: MessageType<StreamChatGenerics>, reactionType: string) => Promise<void>;
     /** Handler to access when a retry action is invoked */
-    handleRetry?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;
+    handleRetry?: (message: MessageType<StreamChatGenerics>) => Promise<void>;
     /** Handler to access when a thread reply action is invoked */
-    handleThreadReply?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;
+    handleThreadReply?: (message: MessageType<StreamChatGenerics>) => Promise<void>;
     legacyImageViewerSwipeBehaviour?: boolean;
     /** Object specifying rules defined within simple-markdown https://github.com/Khan/simple-markdown#adding-a-simple-extension */
     markdownRules?: MarkdownRules;
@@ -321,13 +321,13 @@ export declare type MessagesContextValue<At extends UnknownType = DefaultAttachm
      *
      * @overrideType Function | Array<Objects>
      */
-    messageActions?: (param: MessageActionsParams<At, Ch, Co, Ev, Me, Re, Us>) => MessageActionType[];
+    messageActions?: (param: MessageActionsParams<StreamChatGenerics>) => MessageActionType[];
     /**
      * Custom message header component
      */
-    MessageHeader?: React.ComponentType<MessageFooterProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    MessageHeader?: React.ComponentType<MessageFooterProps<StreamChatGenerics>>;
     /** Custom UI component for message text */
-    MessageText?: React.ComponentType<MessageTextProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    MessageText?: React.ComponentType<MessageTextProps<StreamChatGenerics>>;
     /**
      * Theme provided only to messages that are the current users
      */
@@ -358,7 +358,7 @@ export declare type MessagesContextValue<At extends UnknownType = DefaultAttachm
      * />
      * ```
      */
-    onLongPressMessage?: (payload: MessageTouchableHandlerPayload<At, Ch, Co, Ev, Me, Re, Us>) => void;
+    onLongPressMessage?: (payload: MessageTouchableHandlerPayload<StreamChatGenerics>) => void;
     /**
      * Add onPressIn handler for attachments. You have access to payload of that handler as param:
      *
@@ -385,7 +385,7 @@ export declare type MessagesContextValue<At extends UnknownType = DefaultAttachm
      * />
      * ```
      */
-    onPressInMessage?: (payload: MessageTouchableHandlerPayload<At, Ch, Co, Ev, Me, Re, Us>) => void;
+    onPressInMessage?: (payload: MessageTouchableHandlerPayload<StreamChatGenerics>) => void;
     /**
      * Override onPress handler for message. You have access to payload of that handler as param:
      *
@@ -412,23 +412,23 @@ export declare type MessagesContextValue<At extends UnknownType = DefaultAttachm
      * />
      * ```
      */
-    onPressMessage?: (payload: MessageTouchableHandlerPayload<At, Ch, Co, Ev, Me, Re, Us>) => void;
+    onPressMessage?: (payload: MessageTouchableHandlerPayload<StreamChatGenerics>) => void;
     /**
      * Full override of the reaction function on Message and Message Overlay
      *
      * Please check [cookbook](https://github.com/GetStream/stream-chat-react-native/wiki/Cookbook-v3.0#override-or-intercept-message-actions-edit-delete-reaction-reply-etc) for details.
      * */
-    selectReaction?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => (reactionType: string) => Promise<void>;
+    selectReaction?: (message: MessageType<StreamChatGenerics>) => (reactionType: string) => Promise<void>;
     targetedMessage?: string;
 };
-export declare const MessagesContext: React.Context<MessagesContextValue<DefaultAttachmentType, DefaultChannelType, import("stream-chat").LiteralStringForUnion, UnknownType, UnknownType, UnknownType, DefaultUserType>>;
-export declare const MessagesProvider: <At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = import("stream-chat").LiteralStringForUnion, Ev extends UnknownType = UnknownType, Me extends UnknownType = UnknownType, Re extends UnknownType = UnknownType, Us extends UnknownType = DefaultUserType>({ children, value, }: React.PropsWithChildren<{
-    value?: MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us> | undefined;
+export declare const MessagesContext: React.Context<MessagesContextValue<DefaultStreamChatGenerics>>;
+export declare const MessagesProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, value, }: React.PropsWithChildren<{
+    value?: MessagesContextValue<StreamChatGenerics> | undefined;
 }>) => JSX.Element;
-export declare const useMessagesContext: <At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = import("stream-chat").LiteralStringForUnion, Ev extends UnknownType = UnknownType, Me extends UnknownType = UnknownType, Re extends UnknownType = UnknownType, Us extends UnknownType = DefaultUserType>() => MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+export declare const useMessagesContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>() => MessagesContextValue<StreamChatGenerics>;
 /**
  * Typescript currently does not support partial inference so if MessagesContext
  * typing is desired while using the HOC withMessagesContext the Props for the
  * wrapped component must be provided as the first generic.
  */
-export declare const withMessagesContext: <P extends UnknownType, At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = import("stream-chat").LiteralStringForUnion, Ev extends UnknownType = UnknownType, Me extends UnknownType = UnknownType, Re extends UnknownType = UnknownType, Us extends UnknownType = DefaultUserType>(Component: React.ComponentType<P>) => React.FC<Omit<P, keyof MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>>>;
+export declare const withMessagesContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => React.FC<Omit<P, keyof MessagesContextValue<StreamChatGenerics>>>;

package/lib/typescript/contexts/overlayContext/OverlayContext.d.ts

@@ -1,15 +1,15 @@
 import React from 'react';
 import type Animated from 'react-native-reanimated';
 import type { BottomSheetMethods } from '@gorhom/bottom-sheet/lib/typescript/types';
-import type { AttachmentPickerContextValue } from '../attachmentPickerContext/AttachmentPickerContext';
-import type { MessageOverlayContextValue } from '../messageOverlayContext/MessageOverlayContext';
-import type { DeepPartial } from '../themeContext/ThemeContext';
-import type { Theme } from '../themeContext/utils/theme';
 import type { AttachmentPickerProps } from '../../components/AttachmentPicker/AttachmentPicker';
 import type { ImageGalleryCustomComponents } from '../../components/ImageGallery/ImageGallery';
 import type { MessageType } from '../../components/MessageList/hooks/useMessageList';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType, UnknownType } from '../../types/types';
+import type { DefaultStreamChatGenerics } from '../../types/types';
 import type { Streami18n } from '../../utils/Streami18n';
+import type { AttachmentPickerContextValue } from '../attachmentPickerContext/AttachmentPickerContext';
+import type { MessageOverlayContextValue } from '../messageOverlayContext/MessageOverlayContext';
+import type { DeepPartial } from '../themeContext/ThemeContext';
+import type { Theme } from '../themeContext/utils/theme';
 export declare type Overlay = 'alert' | 'gallery' | 'message' | 'none';
 export declare type OverlayContextValue = {
     overlay: Overlay;
@@ -18,7 +18,7 @@ export declare type OverlayContextValue = {
     translucentStatusBar?: boolean;
 };
 export declare const OverlayContext: React.Context<OverlayContextValue>;
-export declare type OverlayProviderProps<At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = DefaultCommandType, Ev extends UnknownType = DefaultEventType, Me extends UnknownType = DefaultMessageType, Re extends UnknownType = DefaultReactionType, Us extends UnknownType = DefaultUserType> = Partial<AttachmentPickerProps> & Partial<Pick<AttachmentPickerContextValue, 'attachmentPickerBottomSheetHeight' | 'attachmentSelectionBarHeight' | 'bottomInset' | 'CameraSelectorIcon' | 'FileSelectorIcon' | 'ImageSelectorIcon' | 'topInset'>> & ImageGalleryCustomComponents<Us> & Partial<Pick<MessageOverlayContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'MessageActionList' | 'MessageActionListItem' | 'OverlayReactionList' | 'OverlayReactions'>> & Pick<OverlayContextValue, 'translucentStatusBar'> & {
+export declare type OverlayProviderProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Partial<AttachmentPickerProps> & Partial<Pick<AttachmentPickerContextValue, 'attachmentPickerBottomSheetHeight' | 'attachmentSelectionBarHeight' | 'bottomInset' | 'CameraSelectorIcon' | 'FileSelectorIcon' | 'ImageSelectorIcon' | 'topInset'>> & ImageGalleryCustomComponents<StreamChatGenerics> & Partial<Pick<MessageOverlayContextValue<StreamChatGenerics>, 'MessageActionList' | 'MessageActionListItem' | 'OverlayReactionList' | 'OverlayReactions' | 'OverlayReactionsAvatar'>> & Pick<OverlayContextValue, 'translucentStatusBar'> & {
     overlayOpacity: Animated.SharedValue<number>;
     closePicker?: (ref: React.RefObject<BottomSheetMethods>) => void;
     error?: boolean | Error;
@@ -28,7 +28,7 @@ export declare type OverlayProviderProps<At extends UnknownType = DefaultAttachm
     imageGalleryGridSnapPoints?: [string | number, string | number];
     isMyMessage?: boolean;
     isThreadMessage?: boolean;
-    message?: MessageType<At, Ch, Co, Ev, Me, Re, Us>;
+    message?: MessageType<StreamChatGenerics>;
     messageReactions?: boolean;
     messageTextNumberOfLines?: number;
     numberOfImageGalleryGridColumns?: number;
@@ -36,4 +36,4 @@ export declare type OverlayProviderProps<At extends UnknownType = DefaultAttachm
     value?: Partial<OverlayContextValue>;
 };
 export declare const useOverlayContext: () => OverlayContextValue;
-export declare const withOverlayContext: <P extends UnknownType>(Component: React.ComponentType<P>) => React.FC<Omit<P, keyof OverlayContextValue>>;
+export declare const withOverlayContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<StreamChatGenerics>) => React.FC<Omit<StreamChatGenerics, keyof OverlayContextValue>>;

package/lib/typescript/contexts/overlayContext/OverlayProvider.d.ts

@@ -1,6 +1,6 @@
 import React, { PropsWithChildren } from 'react';
 import { OverlayProviderProps } from './OverlayContext';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultUserType, UnknownType } from '../../types/types';
+import type { DefaultStreamChatGenerics } from '../../types/types';
 /**
  * - The highest level of these components is the `OverlayProvider`. The `OverlayProvider` allows users to interact with messages on long press above the underlying views, use the full screen image viewer, and use the `AttachmentPicker` as a keyboard-esk view.
  *  Because these views must exist above all others `OverlayProvider` should wrap your navigation stack as well. Assuming [`React Navigation`](https://reactnavigation.org/) is being used, your highest level navigation stack should be wrapped in the provider:
@@ -21,4 +21,4 @@ import type { DefaultAttachmentType, DefaultChannelType, DefaultUserType, Unknow
  *
  * @example ./OverlayProvider.md
  */
-export declare const OverlayProvider: <At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = import("stream-chat").LiteralStringForUnion, Ev extends UnknownType = UnknownType, Me extends UnknownType = UnknownType, Re extends UnknownType = UnknownType, Us extends UnknownType = DefaultUserType>(props: React.PropsWithChildren<OverlayProviderProps<At, Ch, Co, Ev, Me, Re, Us>>) => JSX.Element | null;
+export declare const OverlayProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: React.PropsWithChildren<OverlayProviderProps<StreamChatGenerics>>) => JSX.Element | null;

package/lib/typescript/contexts/paginatedMessageListContext/PaginatedMessageListContext.d.ts

@@ -1,7 +1,7 @@
 import React, { PropsWithChildren } from 'react';
 import type { ChannelState } from 'stream-chat';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType, UnknownType } from '../../types/types';
-export declare type PaginatedMessageListContextValue<At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = DefaultCommandType, Ev extends UnknownType = DefaultEventType, Me extends UnknownType = DefaultMessageType, Re extends UnknownType = DefaultReactionType, Us extends UnknownType = DefaultUserType> = {
+import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
+export declare type PaginatedMessageListContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     /**
      * Has more messages to load
      */
@@ -25,7 +25,7 @@ export declare type PaginatedMessageListContextValue<At extends UnknownType = De
     /**
      * Messages from client state
      */
-    messages: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['messages'];
+    messages: ChannelState<StreamChatGenerics>['messages'];
     /**
      * Set loadingMore
      */
@@ -35,14 +35,14 @@ export declare type PaginatedMessageListContextValue<At extends UnknownType = De
      */
     setLoadingMoreRecent: React.Dispatch<React.SetStateAction<boolean>>;
 };
-export declare const PaginatedMessageListContext: React.Context<PaginatedMessageListContextValue<DefaultAttachmentType, DefaultChannelType, import("stream-chat").LiteralStringForUnion, UnknownType, UnknownType, UnknownType, DefaultUserType>>;
-export declare const PaginatedMessageListProvider: <At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = import("stream-chat").LiteralStringForUnion, Ev extends UnknownType = UnknownType, Me extends UnknownType = UnknownType, Re extends UnknownType = UnknownType, Us extends UnknownType = DefaultUserType>({ children, value, }: React.PropsWithChildren<{
-    value?: PaginatedMessageListContextValue<At, Ch, Co, Ev, Me, Re, Us> | undefined;
+export declare const PaginatedMessageListContext: React.Context<PaginatedMessageListContextValue<DefaultStreamChatGenerics>>;
+export declare const PaginatedMessageListProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, value, }: React.PropsWithChildren<{
+    value?: PaginatedMessageListContextValue<StreamChatGenerics> | undefined;
 }>) => JSX.Element;
-export declare const usePaginatedMessageListContext: <At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = import("stream-chat").LiteralStringForUnion, Ev extends UnknownType = UnknownType, Me extends UnknownType = UnknownType, Re extends UnknownType = UnknownType, Us extends UnknownType = DefaultUserType>() => PaginatedMessageListContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+export declare const usePaginatedMessageListContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>() => PaginatedMessageListContextValue<StreamChatGenerics>;
 /**
  * Typescript currently does not support partial inference so if MessageListContextValue
  * typing is desired while using the HOC withMessageListContext the Props for the
  * wrapped component must be provided as the first generic.
  */
-export declare const withPaginatedMessageListContext: <P extends UnknownType, At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = import("stream-chat").LiteralStringForUnion, Ev extends UnknownType = UnknownType, Me extends UnknownType = UnknownType, Re extends UnknownType = UnknownType, Us extends UnknownType = DefaultUserType>(Component: React.ComponentType<P>) => React.FC<Omit<P, keyof PaginatedMessageListContextValue<At, Ch, Co, Ev, Me, Re, Us>>>;
+export declare const withPaginatedMessageListContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => React.FC<Omit<P, keyof PaginatedMessageListContextValue<StreamChatGenerics>>>;

package/lib/typescript/contexts/suggestionsContext/SuggestionsContext.d.ts

@@ -1,26 +1,26 @@
 import React, { PropsWithChildren } from 'react';
 import type { CommandResponse, UserResponse } from 'stream-chat';
 import type { AutoCompleteSuggestionHeaderProps } from '../../components/AutoCompleteInput/AutoCompleteSuggestionHeader';
-import type { AutoCompleteSuggestionListProps } from '../../components/AutoCompleteInput/AutoCompleteSuggestionList';
 import type { AutoCompleteSuggestionItemProps } from '../../components/AutoCompleteInput/AutoCompleteSuggestionItem';
-import type { DefaultCommandType, DefaultUserType, UnknownType } from '../../types/types';
+import type { AutoCompleteSuggestionListProps } from '../../components/AutoCompleteInput/AutoCompleteSuggestionList';
 import type { Emoji } from '../../emoji-data/compiled';
+import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
 export declare type SuggestionComponentType = 'command' | 'emoji' | 'mention';
-export declare const isSuggestionCommand: <Co extends string = import("stream-chat").LiteralStringForUnion, Us extends UnknownType = DefaultUserType>(suggestion: Suggestion<Co, Us>) => suggestion is SuggestionCommand<Co>;
-export declare const isSuggestionEmoji: <Co extends string = import("stream-chat").LiteralStringForUnion, Us extends UnknownType = DefaultUserType>(suggestion: Suggestion<Co, Us>) => suggestion is Emoji;
-export declare const isSuggestionUser: <Co extends string = import("stream-chat").LiteralStringForUnion, Us extends UnknownType = DefaultUserType>(suggestion: Suggestion<Co, Us>) => suggestion is SuggestionUser<Us>;
-export declare type Suggestion<Co extends string = DefaultCommandType, Us extends UnknownType = DefaultUserType> = Emoji | SuggestionCommand<Co> | SuggestionUser<Us>;
-export declare type SuggestionCommand<Co extends string = DefaultCommandType> = CommandResponse<Co>;
-export declare type SuggestionUser<Us extends UnknownType = DefaultUserType> = UserResponse<Us>;
-export declare type Suggestions<Co extends string = DefaultCommandType, Us extends UnknownType = DefaultUserType> = {
-    data: Suggestion<Co, Us>[];
-    onSelect: (item: Suggestion<Co, Us>) => void;
+export declare const isSuggestionCommand: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(suggestion: Suggestion<StreamChatGenerics>) => suggestion is SuggestionCommand<StreamChatGenerics>;
+export declare const isSuggestionEmoji: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(suggestion: Suggestion<StreamChatGenerics>) => suggestion is Emoji;
+export declare const isSuggestionUser: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(suggestion: Suggestion<StreamChatGenerics>) => suggestion is SuggestionUser<StreamChatGenerics>;
+export declare type Suggestion<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Emoji | SuggestionCommand<StreamChatGenerics> | SuggestionUser<StreamChatGenerics>;
+export declare type SuggestionCommand<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = CommandResponse<StreamChatGenerics>;
+export declare type SuggestionUser<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = UserResponse<StreamChatGenerics>;
+export declare type Suggestions<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+    data: Suggestion<StreamChatGenerics>[];
+    onSelect: (item: Suggestion<StreamChatGenerics>) => void;
     queryText?: string;
 };
-export declare type SuggestionsContextValue<Co extends string = DefaultCommandType, Us extends UnknownType = DefaultUserType> = {
+export declare type SuggestionsContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     AutoCompleteSuggestionHeader: React.ComponentType<AutoCompleteSuggestionHeaderProps>;
-    AutoCompleteSuggestionItem: React.ComponentType<AutoCompleteSuggestionItemProps<Co, Us>>;
-    AutoCompleteSuggestionList: React.ComponentType<AutoCompleteSuggestionListProps<Co, Us>>;
+    AutoCompleteSuggestionItem: React.ComponentType<AutoCompleteSuggestionItemProps<StreamChatGenerics>>;
+    AutoCompleteSuggestionList: React.ComponentType<AutoCompleteSuggestionListProps<StreamChatGenerics>>;
     /** Override handler for closing suggestions (mentions, command autocomplete etc) */
     closeSuggestions: () => void;
     /**
@@ -30,7 +30,7 @@ export declare type SuggestionsContextValue<Co extends string = DefaultCommandTy
      * @overrideType Function
      */
     openSuggestions: (component: SuggestionComponentType) => Promise<void>;
-    suggestions: Suggestions<Co, Us>;
+    suggestions: Suggestions<StreamChatGenerics>;
     triggerType: SuggestionComponentType;
     /**
      * Override handler for updating suggestions (mentions, command autocomplete etc)
@@ -38,16 +38,16 @@ export declare type SuggestionsContextValue<Co extends string = DefaultCommandTy
      * @param newSuggestions {Component|element} UI Component for suggestion item.
      * @overrideType Function
      */
-    updateSuggestions: (newSuggestions: Suggestions<Co, Us>) => void;
+    updateSuggestions: (newSuggestions: Suggestions<StreamChatGenerics>) => void;
     queryText?: string;
     suggestionsViewActive?: boolean;
 };
-export declare const SuggestionsContext: React.Context<SuggestionsContextValue<import("stream-chat").LiteralStringForUnion, DefaultUserType>>;
+export declare const SuggestionsContext: React.Context<SuggestionsContextValue<DefaultStreamChatGenerics>>;
 /**
  * This provider component exposes the properties stored within the SuggestionsContext.
  */
-export declare const SuggestionsProvider: <Co extends string = import("stream-chat").LiteralStringForUnion, Us extends UnknownType = DefaultUserType>({ children, value, }: React.PropsWithChildren<{
-    value?: Partial<SuggestionsContextValue<Co, Us>> | undefined;
+export declare const SuggestionsProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, value, }: React.PropsWithChildren<{
+    value?: Partial<SuggestionsContextValue<StreamChatGenerics>> | undefined;
 }>) => JSX.Element;
-export declare const useSuggestionsContext: <Co extends string = import("stream-chat").LiteralStringForUnion, Us extends UnknownType = DefaultUserType>() => SuggestionsContextValue<Co, Us>;
-export declare const withSuggestionsContext: <P extends UnknownType, Co extends string = import("stream-chat").LiteralStringForUnion, Us extends UnknownType = DefaultUserType>(Component: React.ComponentType<P>) => React.FC<Omit<P, keyof SuggestionsContextValue<Co, Us>>>;
+export declare const useSuggestionsContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>() => SuggestionsContextValue<StreamChatGenerics>;
+export declare const withSuggestionsContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => React.FC<Omit<P, keyof SuggestionsContextValue<StreamChatGenerics>>>;

package/lib/typescript/contexts/themeContext/utils/theme.d.ts

@@ -128,6 +128,11 @@ export declare type Theme = {
         message: TextStyle & {
             fontWeight: TextStyle['fontWeight'];
         };
+        mutedStatus: {
+            height: number;
+            iconStyle: ViewStyle;
+            width: number;
+        };
         row: ViewStyle;
         title: TextStyle;
         unreadContainer: ViewStyle;
@@ -396,27 +401,31 @@ export declare type Theme = {
         gallery: {
             galleryContainer: ViewStyle;
             galleryItemColumn: ViewStyle;
-            halfSize: ViewStyle['height'];
+            gridHeight: number;
+            gridWidth: number;
             image: ImageStyle;
             imageContainer: ViewStyle;
+            maxHeight: number;
+            maxWidth: number;
+            minHeight: number;
+            minWidth: number;
             moreImagesContainer: ViewStyle;
             moreImagesText: TextStyle;
-            size: ViewStyle['height'];
-            width: ViewStyle['width'];
         };
         giphy: {
+            buttonContainer: ViewStyle;
             cancel: TextStyle;
-            cancelContainer: ViewStyle;
             container: ViewStyle;
             giphy: ImageStyle;
             giphyContainer: ViewStyle;
+            giphyHeaderText: TextStyle;
+            giphyHeaderTitle: TextStyle;
             giphyMask: ViewStyle;
-            giphyText: TextStyle;
+            giphyMaskText: TextStyle;
+            header: ViewStyle;
             selectionContainer: ViewStyle;
-            selector: ViewStyle;
             send: TextStyle;
-            sendContainer: ViewStyle;
-            shuffleButton: ViewStyle;
+            shuffle: TextStyle;
             title: TextStyle;
         };
         pinnedHeader: {