stream-chat-react-native-core 4.0.0 → 4.1.0

package/lib/typescript/components/MessageOverlay/OverlayReactionList.d.ts

@@ -5,31 +5,30 @@ import { MessageOverlayData } from '../../contexts/messageOverlayContext/Message
 import { MessagesContextValue } from '../../contexts/messagesContext/MessagesContext';
 import { OverlayContextValue } from '../../contexts/overlayContext/OverlayContext';
 import { IconProps } from '../../icons';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType, UnknownType } from '../../types/types';
-declare type ReactionButtonProps<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 DefaultUserType = DefaultUserType> = Pick<OverlayReactionListPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>, 'ownReactionTypes' | 'handleReaction' | 'setOverlay'> & {
+import type { DefaultStreamChatGenerics } from '../../types/types';
+declare type ReactionButtonProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<OverlayReactionListPropsWithContext<StreamChatGenerics>, 'ownReactionTypes' | 'handleReaction' | 'setOverlay'> & {
     Icon: React.FC<IconProps>;
     index: number;
     numberOfReactions: number;
     showScreen: Animated.SharedValue<number>;
     type: string;
 };
-export declare const ReactionButton: <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 DefaultUserType = DefaultUserType>(props: ReactionButtonProps<At, Ch, Co, Ev, Me, Re, Us>) => JSX.Element;
-export declare type OverlayReactionListPropsWithContext<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 DefaultUserType = DefaultUserType> = Pick<MessageOverlayData<At, Ch, Co, Ev, Me, Re, Us>, 'alignment' | 'handleReaction' | 'messagesContext'> & Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'supportedReactions'> & Pick<OverlayContextValue, 'setOverlay'> & {
+export declare const ReactionButton: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: ReactionButtonProps<StreamChatGenerics>) => JSX.Element;
+export declare type OverlayReactionListPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<MessageOverlayData<StreamChatGenerics>, 'alignment' | 'handleReaction' | 'messagesContext'> & Pick<MessagesContextValue<StreamChatGenerics>, 'supportedReactions'> & Pick<OverlayContextValue, 'setOverlay'> & {
     messageLayout: Animated.SharedValue<{
         x: number;
         y: number;
     }>;
     ownReactionTypes: string[];
-    setReactionListHeight: React.Dispatch<React.SetStateAction<number>>;
     showScreen: Animated.SharedValue<number>;
     fill?: FillProps['fill'];
 };
-export declare type OverlayReactionListProps<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 DefaultUserType = DefaultUserType> = Omit<OverlayReactionListPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>, 'setOverlay' | 'supportedReactions'> & Partial<Pick<OverlayReactionListPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>, 'setOverlay' | 'supportedReactions'>>;
+export declare type OverlayReactionListProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Omit<OverlayReactionListPropsWithContext<StreamChatGenerics>, 'setOverlay' | 'supportedReactions'> & Partial<Pick<OverlayReactionListPropsWithContext<StreamChatGenerics>, 'setOverlay' | 'supportedReactions'>>;
 /**
  * OverlayReactionList - A high level component which implements all the logic required for a message overlay reaction list
  */
 export declare const OverlayReactionList: {
-    <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 DefaultUserType = DefaultUserType>(props: OverlayReactionListProps<At, Ch, Co, Ev, Me, Re, Us>): JSX.Element;
+    <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: OverlayReactionListProps<StreamChatGenerics>): JSX.Element;
     displayName: string;
 };
 export {};

package/lib/typescript/components/MessageOverlay/OverlayReactions.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
 import Animated from 'react-native-reanimated';
 import type { Alignment } from '../../contexts/messageContext/MessageContext';
+import type { MessageOverlayContextValue } from '../../contexts/messageOverlayContext/MessageOverlayContext';
+import type { DefaultStreamChatGenerics } from '../../types/types';
 import type { ReactionData } from '../../utils/utils';
 export declare type Reaction = {
     alignment: Alignment;
@@ -8,7 +10,7 @@ export declare type Reaction = {
     type: string;
     image?: string;
 };
-export declare type OverlayReactionsProps = {
+export declare type OverlayReactionsProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<MessageOverlayContextValue<StreamChatGenerics>, 'OverlayReactionsAvatar'> & {
     reactions: Reaction[];
     showScreen: Animated.SharedValue<number>;
     title: string;

package/lib/typescript/components/MessageOverlay/OverlayReactionsAvatar.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { Reaction } from './OverlayReactions';
+import { AvatarProps } from '../Avatar/Avatar';
+export declare type OverlayReactionsAvatarProps = {
+    reaction: Reaction;
+} & Partial<Pick<AvatarProps, 'size'>>;
+export declare const OverlayReactionsAvatar: React.FC<OverlayReactionsAvatarProps>;

package/lib/typescript/components/MessageOverlay/hooks/useMessageActionAnimation.d.ts

@@ -0,0 +1,12 @@
+import type { ViewStyle } from 'react-native';
+import type { TapGestureHandlerStateChangeEvent } from 'react-native-gesture-handler';
+import type { MessageActionListItemProps } from '../MessageActionListItem';
+export declare const useMessageActionAnimation: ({ action, activeOpacity, }: Pick<MessageActionListItemProps<import("../../..").DefaultStreamChatGenerics>, "action"> & {
+    activeOpacity?: number | undefined;
+}) => {
+    animatedStyle: ViewStyle;
+    onTap: (event: TapGestureHandlerStateChangeEvent) => void;
+    opacity: {
+        value: number;
+    };
+};

package/lib/typescript/components/Reply/Reply.d.ts

@@ -1,9 +1,9 @@
 import { ImageStyle, ViewStyle } from 'react-native';
-import { MessagesContextValue } from '../../contexts/messagesContext/MessagesContext';
 import { MessageInputContextValue } from '../../contexts/messageInputContext/MessageInputContext';
+import { MessagesContextValue } from '../../contexts/messagesContext/MessagesContext';
 import { TranslationContextValue } from '../../contexts/translationContext/TranslationContext';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType, UnknownType } from '../../types/types';
-declare type ReplyPropsWithContext<At extends DefaultAttachmentType = 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> = Pick<MessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'quotedMessage'> & Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'FileAttachmentIcon' | 'MessageAvatar'> & Pick<TranslationContextValue, 't'> & {
+import type { DefaultStreamChatGenerics } from '../../types/types';
+declare type ReplyPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<MessageInputContextValue<StreamChatGenerics>, 'quotedMessage'> & Pick<MessagesContextValue<StreamChatGenerics>, 'FileAttachmentIcon' | 'MessageAvatar'> & Pick<TranslationContextValue, 't'> & {
     attachmentSize?: number;
     styles?: Partial<{
         container: ViewStyle;
@@ -13,12 +13,12 @@ declare type ReplyPropsWithContext<At extends DefaultAttachmentType = DefaultAtt
         textContainer: ViewStyle;
     }>;
 };
-export declare type ReplyProps<At extends DefaultAttachmentType = 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<ReplyPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;
+export declare type ReplyProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Partial<ReplyPropsWithContext<StreamChatGenerics>>;
 /**
  * UI Component for reply
  */
 export declare const Reply: {
-    <At extends DefaultAttachmentType = 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: Partial<ReplyPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>): JSX.Element;
+    <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: Partial<ReplyPropsWithContext<StreamChatGenerics>>): JSX.Element;
     displayName: string;
 };
 export {};

package/lib/typescript/components/Thread/Thread.d.ts

@@ -1,21 +1,21 @@
 import React from 'react';
-import { MessageInputProps } from '../MessageInput/MessageInput';
 import { ChatContextValue } from '../../contexts/chatContext/ChatContext';
 import { MessagesContextValue } from '../../contexts/messagesContext/MessagesContext';
 import { ThreadContextValue } from '../../contexts/threadContext/ThreadContext';
+import type { DefaultStreamChatGenerics } from '../../types/types';
+import { MessageInputProps } from '../MessageInput/MessageInput';
 import type { MessageListProps } from '../MessageList/MessageList';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType, UnknownType } from '../../types/types';
-declare type ThreadPropsWithContext<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> = Pick<ChatContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'client'> & Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'MessageList'> & Pick<ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'closeThread' | 'loadMoreThread' | 'reloadThread' | 'thread'> & {
+declare type ThreadPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<ChatContextValue<StreamChatGenerics>, 'client'> & Pick<MessagesContextValue<StreamChatGenerics>, 'MessageList'> & Pick<ThreadContextValue<StreamChatGenerics>, 'closeThread' | 'loadMoreThread' | 'reloadThread' | 'thread'> & {
     /**
      * Additional props for underlying MessageInput component.
      * Available props - https://getstream.github.io/stream-chat-react-native/v3/#messageinput
      * */
-    additionalMessageInputProps?: Partial<MessageInputProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    additionalMessageInputProps?: Partial<MessageInputProps<StreamChatGenerics>>;
     /**
      * Additional props for underlying MessageList component.
      * Available props - https://getstream.github.io/stream-chat-react-native/v3/#messagelist
      * */
-    additionalMessageListProps?: Partial<MessageListProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    additionalMessageListProps?: Partial<MessageListProps<StreamChatGenerics>>;
     /** Make input focus on mounting thread */
     autoFocus?: boolean;
     /** Closes thread on dismount, defaults to true */
@@ -26,13 +26,13 @@ declare type ThreadPropsWithContext<At extends UnknownType = DefaultAttachmentTy
      * **Customized MessageInput component to used within Thread instead of default MessageInput
      * **Available from [MessageInput](https://getstream.github.io/stream-chat-react-native/v3/#messageinput)**
      */
-    MessageInput?: React.ComponentType<MessageInputProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    MessageInput?: React.ComponentType<MessageInputProps<StreamChatGenerics>>;
     /**
      * Call custom function on closing thread if handling thread state elsewhere
      */
     onThreadDismount?: () => void;
 };
-export declare type ThreadProps<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<ThreadPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;
+export declare type ThreadProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Partial<ThreadPropsWithContext<StreamChatGenerics>>;
 /**
  * Thread - The Thread renders a parent message with a list of replies. Use the standard message list of the main channel's messages.
  * The thread is only used for the list of replies to a message.
@@ -42,5 +42,5 @@ export declare type ThreadProps<At extends UnknownType = DefaultAttachmentType,
  * - additionalMessageListProps
  * - additionalMessageInputProps
  */
-export declare const Thread: <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: Partial<ThreadPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>) => JSX.Element;
+export declare const Thread: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: Partial<ThreadPropsWithContext<StreamChatGenerics>>) => JSX.Element;
 export {};

package/lib/typescript/components/Thread/components/ThreadFooterComponent.d.ts

@@ -1,2 +1,2 @@
-import type { DefaultAttachmentType, DefaultChannelType, DefaultUserType, UnknownType } from '../../../types/types';
-export declare const ThreadFooterComponent: <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>() => JSX.Element;
+import type { DefaultStreamChatGenerics } from '../../../types/types';
+export declare const ThreadFooterComponent: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>() => JSX.Element;

package/lib/typescript/components/index.d.ts

@@ -6,6 +6,7 @@ export * from './Attachment/FileAttachmentGroup';
 export * from './Attachment/FileIcon';
 export * from './Attachment/Gallery';
 export * from './Attachment/Giphy';
+export * from './Attachment/utils/buildGallery/buildGallery';
 export * from './AttachmentPicker/AttachmentPicker';
 export * from './AttachmentPicker/components/AttachmentPickerBottomSheetHandle';
 export * from './AttachmentPicker/components/AttachmentPickerError';
@@ -16,12 +17,9 @@ export * from './AttachmentPicker/components/FileSelectorIcon';
 export * from './AttachmentPicker/components/ImageOverlaySelectedComponent';
 export * from './AttachmentPicker/components/ImageSelectorIcon';
 export * from './AutoCompleteInput/AutoCompleteInput';
-export * from './AutoCompleteInput/CommandsHeader';
-export * from './AutoCompleteInput/CommandsItem';
-export * from './AutoCompleteInput/EmojisHeader';
-export * from './AutoCompleteInput/EmojisItem';
-export * from './AutoCompleteInput/MentionsItem';
-export * from './AutoCompleteInput/SuggestionsList';
+export * from './AutoCompleteInput/AutoCompleteSuggestionHeader';
+export * from './AutoCompleteInput/AutoCompleteSuggestionItem';
+export * from './AutoCompleteInput/AutoCompleteSuggestionList';
 export * from './Avatar/Avatar';
 export * from './Avatar/GroupAvatar';
 export * from './Channel/Channel';
@@ -80,11 +78,14 @@ export * from './Indicators/LoadingErrorIndicator';
 export * from './Indicators/LoadingIndicator';
 export * from './KeyboardCompatibleView/KeyboardCompatibleView';
 export * from './Message/hooks/useCreateMessageContext';
+export * from './Message/hooks/useMessageActions';
+export * from './Message/hooks/useMessageActionHandlers';
 export * from './Message/Message';
 export * from './Message/MessageSimple/MessageAvatar';
 export * from './Message/MessageSimple/MessageContent';
 export * from './Message/MessageSimple/MessageDeleted';
 export * from './Message/MessageSimple/MessageFooter';
+export * from './Message/MessageSimple/MessagePinnedHeader';
 export * from './Message/MessageSimple/MessageReplies';
 export * from './Message/MessageSimple/MessageRepliesAvatars';
 export * from './Message/MessageSimple/MessageSimple';
@@ -96,6 +97,7 @@ export * from './Message/utils/messageActions';
 export * from './Message/utils/removeReservedFields';
 export * from './MessageInput/AttachButton';
 export * from './MessageInput/CommandsButton';
+export * from './MessageInput/CooldownTimer';
 export * from './MessageInput/FileUploadPreview';
 export * from './MessageInput/ImageUploadPreview';
 export * from './MessageInput/InputButtons';
@@ -122,9 +124,13 @@ export * from './MessageList/utils/getDateSeparators';
 export * from './MessageList/utils/getGroupStyles';
 export * from './MessageList/utils/getLastReceivedMessage';
 export * from './MessageList/utils/getReadStates';
-export * from './MessageOverlay/MessageActions';
+export * from './MessageOverlay/hooks/useMessageActionAnimation';
+export * from './MessageOverlay/MessageActionList';
+export * from './MessageOverlay/MessageActionListItem';
 export * from './MessageOverlay/MessageOverlay';
+export * from './MessageOverlay/OverlayBackdrop';
 export * from './MessageOverlay/OverlayReactions';
+export * from './MessageOverlay/OverlayReactionsAvatar';
 export * from './MessageOverlay/OverlayReactionList';
 export * from './Reply/Reply';
 export * from './Spinner/Spinner';

package/lib/typescript/contexts/attachmentPickerContext/AttachmentPickerContext.d.ts

@@ -1,6 +1,6 @@
 import React, { PropsWithChildren } from 'react';
 import type { Asset } from '../../native';
-import type { UnknownType } from '../../types/types';
+import type { DefaultStreamChatGenerics } from '../../types/types';
 export declare type AttachmentPickerIconProps = {
     numberOfImageUploads: number;
     selectedPicker?: 'images';
@@ -54,4 +54,4 @@ export declare const AttachmentPickerProvider: ({ children, value, }: React.Prop
     value?: (Pick<AttachmentPickerContextValue, "attachmentSelectionBarHeight" | "attachmentPickerBottomSheetHeight" | "CameraSelectorIcon" | "closePicker" | "FileSelectorIcon" | "ImageSelectorIcon" | "openPicker"> & Partial<Pick<AttachmentPickerContextValue, "bottomInset" | "topInset">>) | undefined;
 }>) => JSX.Element;
 export declare const useAttachmentPickerContext: () => AttachmentPickerContextValue;
-export declare const withAttachmentPickerContext: <P extends UnknownType>(Component: React.ComponentType<P>) => React.FC<Omit<P, keyof AttachmentPickerContextValue>>;
+export declare const withAttachmentPickerContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<StreamChatGenerics>) => React.FC<Omit<StreamChatGenerics, keyof AttachmentPickerContextValue>>;

package/lib/typescript/contexts/channelContext/ChannelContext.d.ts

@@ -2,12 +2,31 @@ import React, { PropsWithChildren } from 'react';
 import type { Channel, ChannelState } from 'stream-chat';
 import type { EmptyStateProps } from '../../components/Indicators/EmptyStateIndicator';
 import type { LoadingProps } from '../../components/Indicators/LoadingIndicator';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType, UnknownType } from '../../types/types';
-export declare type ChannelConfig = {
-    readEventsEnabled?: boolean;
-    typingEventsEnabled?: boolean;
-};
-export declare type ChannelContextValue<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 ChannelContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+    /**
+     * Instance of channel object from stream-chat package.
+     *
+     * Please check the docs around how to create or query channel - https://getstream.io/chat/docs/javascript/creating_channels/?language=javascript
+     *
+     * ```
+     * import { StreamChat, Channel } from 'stream-chat';
+     * import { Chat, Channel} from 'stream-chat-react-native';
+     *
+     * const client = StreamChat.getInstance('api_key');
+     * await client.connectUser('user_id', 'user_token');
+     * const channel = client.channel('messaging', 'channel_id');
+     * await channel.watch();
+     *
+     * <Chat client={client}>
+     *  <Channel channel={channel}>
+     *  </Channel>
+     * </Chat>
+     * ```
+     *
+     * @overrideType Channel
+     */
+    channel: Channel<StreamChatGenerics>;
     /**
      * Custom UI component to display empty state when channel has no messages.
      *
@@ -21,7 +40,7 @@ export declare type ChannelContextValue<At extends UnknownType = DefaultAttachme
      * This is similar to reaction UX on [iMessage application](https://en.wikipedia.org/wiki/IMessage).
      */
     enforceUniqueReaction: boolean;
-    error: boolean;
+    error: boolean | Error;
     /**
      * When set to false, it will disable giphy command on MessageInput component.
      */
@@ -30,6 +49,7 @@ export declare type ChannelContextValue<At extends UnknownType = DefaultAttachme
      * Hide inline date separators on channel
      */
     hideDateSeparators: boolean;
+    hideStickyDateHeader: boolean;
     /**
      * Returns true if the current user has admin privileges
      */
@@ -76,12 +96,12 @@ export declare type ChannelContextValue<At extends UnknownType = DefaultAttachme
      * }
      * ```
      */
-    members: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['members'];
+    members: ChannelState<StreamChatGenerics>['members'];
     /**
      * Custom network down indicator to override the Stream default
      */
     NetworkDownIndicator: React.ComponentType;
-    read: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['read'];
+    read: ChannelState<StreamChatGenerics>['read'];
     reloadChannel: () => Promise<void>;
     /**
      * When true, messagelist will be scrolled to first unread message, when opened.
@@ -112,31 +132,10 @@ export declare type ChannelContextValue<At extends UnknownType = DefaultAttachme
      * }
      * ```
      */
-    watchers: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['watchers'];
-    /**
-     * Instance of channel object from stream-chat package.
-     *
-     * Please check the docs around how to create or query channel - https://getstream.io/chat/docs/javascript/creating_channels/?language=javascript
-     *
-     * ```
-     * import { StreamChat, Channel } from 'stream-chat';
-     * import { Chat, Channel} from 'stream-chat-react-native';
-     *
-     * const client = StreamChat.getInstance('api_key');
-     * await client.connectUser('user_id', 'user_token');
-     * const channel = client.channel('messaging', 'channel_id');
-     * await channel.watch();
-     *
-     * <Chat client={client}>
-     *  <Channel channel={channel}>
-     *  </Channel>
-     * </Chat>
-     * ```
-     *
-     * @overrideType Channel
-     */
-    channel?: Channel<At, Ch, Co, Ev, Me, Re, Us>;
+    watchers: ChannelState<StreamChatGenerics>['watchers'];
     disabled?: boolean;
+    enableMessageGroupingByUser?: boolean;
+    isChannelActive?: boolean;
     lastRead?: Date;
     /**
      * Maximum time in milliseconds that should occur between messages
@@ -157,16 +156,16 @@ export declare type ChannelContextValue<At extends UnknownType = DefaultAttachme
      */
     targetedMessage?: string;
     threadList?: boolean;
-    watcherCount?: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['watcher_count'];
-} & ChannelConfig;
-export declare const ChannelContext: React.Context<ChannelContextValue<DefaultAttachmentType, DefaultChannelType, import("stream-chat").LiteralStringForUnion, UnknownType, UnknownType, UnknownType, DefaultUserType>>;
-export declare const ChannelProvider: <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: ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+    watcherCount?: ChannelState<StreamChatGenerics>['watcher_count'];
+};
+export declare const ChannelContext: React.Context<ChannelContextValue<DefaultStreamChatGenerics>>;
+export declare const ChannelProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, value, }: React.PropsWithChildren<{
+    value: ChannelContextValue<StreamChatGenerics>;
 }>) => JSX.Element;
-export declare const useChannelContext: <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>() => ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+export declare const useChannelContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>() => ChannelContextValue<StreamChatGenerics>;
 /**
  * Typescript currently does not support partial inference so if ChatContext
  * typing is desired while using the HOC withChannelContext the Props for the
  * wrapped component must be provided as the first generic.
  */
-export declare const withChannelContext: <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, "error" | "channel" | "hideDateSeparators" | "maxTimeBetweenGroupedMessages" | "read" | "disabled" | "members" | "watchers" | "threadList" | "EmptyStateIndicator" | "enforceUniqueReaction" | "giphyEnabled" | "isAdmin" | "isModerator" | "isOwner" | "loadChannelAtMessage" | "loading" | "LoadingIndicator" | "markRead" | "NetworkDownIndicator" | "reloadChannel" | "scrollToFirstUnreadThreshold" | "setLastRead" | "setTargetedMessage" | "lastRead" | "StickyHeader" | "targetedMessage" | "watcherCount" | keyof ChannelConfig>>;
+export declare const withChannelContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => React.FC<Omit<P, keyof ChannelContextValue<StreamChatGenerics>>>;

package/lib/typescript/contexts/channelsContext/ChannelsContext.d.ts

@@ -1,8 +1,10 @@
 import React, { PropsWithChildren } from 'react';
 import type { FlatListProps } from 'react-native';
 import type { FlatList } from 'react-native-gesture-handler';
+import type { ChannelPreviewMutedStatusProps } from 'src/components/ChannelPreview/ChannelPreviewMutedStatus';
 import type { Channel } from 'stream-chat';
 import type { HeaderErrorProps } from '../../components/ChannelList/ChannelListHeaderErrorIndicator';
+import type { QueryChannels } from '../../components/ChannelList/hooks/usePaginatedChannels';
 import type { ChannelAvatarProps } from '../../components/ChannelPreview/ChannelAvatar';
 import type { ChannelPreviewMessageProps } from '../../components/ChannelPreview/ChannelPreviewMessage';
 import type { ChannelPreviewMessengerProps } from '../../components/ChannelPreview/ChannelPreviewMessenger';
@@ -12,8 +14,8 @@ import type { ChannelPreviewUnreadCountProps } from '../../components/ChannelPre
 import type { EmptyStateProps } from '../../components/Indicators/EmptyStateIndicator';
 import type { LoadingErrorProps } from '../../components/Indicators/LoadingErrorIndicator';
 import type { LoadingProps } from '../../components/Indicators/LoadingIndicator';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType, UnknownType } from '../../types/types';
-export declare type ChannelsContextValue<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 ChannelsContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     /**
      * Besides the existing default behavior of the ChannelListMessenger component, you can attach
      * additional props to the underlying React Native FlatList.
@@ -31,21 +33,17 @@ export declare type ChannelsContextValue<At extends UnknownType = DefaultAttachm
      *
      * **Note:** Don't use `additionalFlatListProps` to access the FlatList ref, use `setFlatListRef`
      */
-    additionalFlatListProps: Partial<FlatListProps<Channel<At, Ch, Co, Ev, Me, Re, Us>>>;
+    additionalFlatListProps: Partial<FlatListProps<Channel<StreamChatGenerics>>>;
     /**
      * Channels can be either an array of channels or a promise which resolves to an array of channels
      */
-    channels: Channel<At, Ch, Co, Ev, Me, Re, Us>[];
+    channels: Channel<StreamChatGenerics>[];
     /**
      * Custom indicator to use when channel list is empty
      *
      * Default: [EmptyStateIndicator](https://getstream.github.io/stream-chat-react-native/v3/#emptystateindicator)
      * */
     EmptyStateIndicator: React.ComponentType<EmptyStateProps>;
-    /**
-     * Error in channels query, if any
-     */
-    error: boolean;
     /**
      * Custom loading indicator to display at bottom of the list, while loading further pages
      *
@@ -99,7 +97,7 @@ export declare type ChannelsContextValue<At extends UnknownType = DefaultAttachm
     /**
      * Loads the next page of `channels`, which is present as a required prop
      */
-    loadNextPage: ((queryType?: string, retryCount?: number) => Promise<void>) | undefined;
+    loadNextPage: QueryChannels | undefined;
     /**
      * Max number to display within notification badge. Default: 255 and it cannot be higher than that for now due to backend limitations
      */
@@ -113,7 +111,7 @@ export declare type ChannelsContextValue<At extends UnknownType = DefaultAttachm
      *
      * Default: [ChannelPreviewMessenger](https://getstream.github.io/stream-chat-react-native/v3/#channelpreviewmessenger)
      */
-    Preview: React.ComponentType<ChannelPreviewMessengerProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    Preview: React.ComponentType<ChannelPreviewMessengerProps<StreamChatGenerics>>;
     /**
      * Triggered when the channel list is refreshing, displays a loading spinner at the top of the list
      */
@@ -139,59 +137,69 @@ export declare type ChannelsContextValue<At extends UnknownType = DefaultAttachm
      *  }}
      * ```
      */
-    setFlatListRef: (ref: FlatList<Channel<At, Ch, Co, Ev, Me, Re, Us>> | null) => void;
+    setFlatListRef: (ref: FlatList<Channel<StreamChatGenerics>> | null) => void;
     /**
      * Custom UI component to display loading channel skeletons
      *
      * Default: [Skeleton](https://getstream.github.io/stream-chat-react-native/v3/#skeleton)
      */
     Skeleton: React.ComponentType;
+    /**
+     * Error in channels query, if any
+     */
+    error?: Error;
     ListHeaderComponent?: React.ComponentType;
     /**
      * Function to set the currently active channel, acts as a bridge between ChannelList and Channel components
      *
      * @param channel A channel object
      */
-    onSelect?: (channel: Channel<At, Ch, Co, Ev, Me, Re, Us>) => void;
+    onSelect?: (channel: Channel<StreamChatGenerics>) => void;
     /**
      * Custom UI component to render preview avatar.
      *
      * **Default** [ChannelAvatar](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/ChannelPreview/ChannelAvatar.tsx)
      */
-    PreviewAvatar?: React.ComponentType<ChannelAvatarProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    PreviewAvatar?: React.ComponentType<ChannelAvatarProps<StreamChatGenerics>>;
     /**
      * Custom UI component to render preview of latest message on channel.
      *
      * **Default** [ChannelPreviewMessage](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/ChannelPreview/ChannelPreviewMessage.tsx)
      */
-    PreviewMessage?: React.ComponentType<ChannelPreviewMessageProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    PreviewMessage?: React.ComponentType<ChannelPreviewMessageProps<StreamChatGenerics>>;
+    /**
+     * Custom UI component to render muted status.
+     *
+     * **Default** [ChannelMutedStatus](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/ChannelPreview/ChannelPreviewMutedStatus.tsx)
+     */
+    PreviewMutedStatus?: React.ComponentType<ChannelPreviewMutedStatusProps<StreamChatGenerics>>;
     /**
      * Custom UI component to render preview avatar.
      *
      * **Default** [ChannelPreviewStatus](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/ChannelPreview/ChannelPreviewStatus.tsx)
      */
-    PreviewStatus?: React.ComponentType<ChannelPreviewStatusProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    PreviewStatus?: React.ComponentType<ChannelPreviewStatusProps<StreamChatGenerics>>;
     /**
      * Custom UI component to render preview avatar.
      *
      * **Default** [ChannelPreviewTitle](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/ChannelPreview/ChannelPreviewTitle.tsx)
      */
-    PreviewTitle?: React.ComponentType<ChannelPreviewTitleProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    PreviewTitle?: React.ComponentType<ChannelPreviewTitleProps<StreamChatGenerics>>;
     /**
      * Custom UI component to render preview avatar.
      *
      * **Default** [ChannelPreviewUnreadCount](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/ChannelPreview/ChannelPreviewUnreadCount.tsx)
      */
-    PreviewUnreadCount?: React.ComponentType<ChannelPreviewUnreadCountProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    PreviewUnreadCount?: React.ComponentType<ChannelPreviewUnreadCountProps<StreamChatGenerics>>;
 };
-export declare const ChannelsContext: React.Context<ChannelsContextValue<DefaultAttachmentType, DefaultChannelType, import("stream-chat").LiteralStringForUnion, UnknownType, UnknownType, UnknownType, DefaultUserType>>;
-export declare const ChannelsProvider: <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: ChannelsContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+export declare const ChannelsContext: React.Context<ChannelsContextValue<DefaultStreamChatGenerics>>;
+export declare const ChannelsProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, value, }: React.PropsWithChildren<{
+    value: ChannelsContextValue<StreamChatGenerics>;
 }>) => JSX.Element;
-export declare const useChannelsContext: <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>() => ChannelsContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+export declare const useChannelsContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>() => ChannelsContextValue<StreamChatGenerics>;
 /**
  * Typescript currently does not support partial inference so if ChatContext
  * typing is desired while using the HOC withChannelContext the Props for the
  * wrapped component must be provided as the first generic.
  */
-export declare const withChannelsContext: <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 ChannelsContextValue<At, Ch, Co, Ev, Me, Re, Us>>>;
+export declare const withChannelsContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => React.FC<Omit<P, keyof ChannelsContextValue<StreamChatGenerics>>>;

package/lib/typescript/contexts/channelsStateContext/ChannelsStateContext.d.ts

@@ -1,41 +1,41 @@
 import React, { ReactNode } from 'react';
+import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
 import type { ChannelContextValue } from '../channelContext/ChannelContext';
 import type { PaginatedMessageListContextValue } from '../paginatedMessageListContext/PaginatedMessageListContext';
 import type { ThreadContextValue } from '../threadContext/ThreadContext';
 import type { TypingContextValue } from '../typingContext/TypingContext';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType, UnknownType } from '../../types/types';
-export declare type ChannelState<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> = {
-    members: ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>['members'];
-    messages: PaginatedMessageListContextValue<At, Ch, Co, Ev, Me, Re, Us>['messages'];
-    read: ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>['read'];
+export declare type ChannelState<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+    members: ChannelContextValue<StreamChatGenerics>['members'];
+    messages: PaginatedMessageListContextValue<StreamChatGenerics>['messages'];
+    read: ChannelContextValue<StreamChatGenerics>['read'];
     subscriberCount: number;
-    threadMessages: ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>['threadMessages'];
-    typing: TypingContextValue<At, Ch, Co, Ev, Me, Re, Us>['typing'];
-    watcherCount: ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>['watcherCount'];
-    watchers: ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>['watchers'];
+    threadMessages: ThreadContextValue<StreamChatGenerics>['threadMessages'];
+    typing: TypingContextValue<StreamChatGenerics>['typing'];
+    watcherCount: ChannelContextValue<StreamChatGenerics>['watcherCount'];
+    watchers: ChannelContextValue<StreamChatGenerics>['watchers'];
 };
-declare type ChannelsState<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> = {
-    [cid: string]: ChannelState<At, Ch, Co, Ev, Me, Re, Us>;
+declare type ChannelsState<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+    [cid: string]: ChannelState<StreamChatGenerics>;
 };
 export declare type Keys = keyof ChannelState;
-export declare type Payload<Key extends Keys = Keys, 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 Payload<Key extends Keys = Keys, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     cid: string;
     key: Key;
-    value: ChannelState<At, Ch, Co, Ev, Me, Re, Us>[Key];
+    value: ChannelState<StreamChatGenerics>[Key];
 };
-export declare type ChannelsStateContextValue<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 ChannelsStateContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     decreaseSubscriberCount: (value: {
         cid: string;
     }) => void;
     increaseSubscriberCount: (value: {
         cid: string;
     }) => void;
-    setState: (value: Payload<Keys, At, Ch, Co, Ev, Me, Re, Us>) => void;
-    state: ChannelsState<At, Ch, Co, Ev, Me, Re, Us>;
+    setState: (value: Payload<Keys, StreamChatGenerics>) => void;
+    state: ChannelsState<StreamChatGenerics>;
 };
-export declare const ChannelsStateProvider: <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, }: {
+export declare const ChannelsStateProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, }: {
     children: ReactNode;
 }) => JSX.Element;
-export declare const useChannelsStateContext: <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>() => ChannelsStateContextValue<At, Ch, Co, Ev, Me, Re, Us>;
-export declare const withChannelsStateContext: <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 ChannelsStateContextValue<At, Ch, Co, Ev, Me, Re, Us>>>;
+export declare const useChannelsStateContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>() => ChannelsStateContextValue<StreamChatGenerics>;
+export declare const withChannelsStateContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => React.FC<Omit<P, keyof ChannelsStateContextValue<StreamChatGenerics>>>;
 export {};