stream-chat-react-native-core 4.1.0-next.1 → 4.1.1-beta.2

package/lib/typescript/contexts/messageInputContext/MessageInputContext.d.ts

@@ -1,11 +1,9 @@
 import React, { PropsWithChildren } from 'react';
-import { Attachment, SendFileAPIResponse, StreamChat, Message as StreamMessage, UserFilters, UserOptions, UserResponse, UserSort } from 'stream-chat';
-import { ChannelContextValue } from '../channelContext/ChannelContext';
-import { ACITriggerSettingsParams, TriggerSettings } from '../../utils/utils';
-import { Asset } from '../../native';
 import type { TextInput, TextInputProps } from 'react-native';
+import { Attachment, SendFileAPIResponse, StreamChat, Message as StreamMessage, UserFilters, UserOptions, UserResponse, UserSort } from 'stream-chat';
 import type { AttachButtonProps } from '../../components/MessageInput/AttachButton';
 import type { CommandsButtonProps } from '../../components/MessageInput/CommandsButton';
+import type { CooldownTimerProps } from '../../components/MessageInput/CooldownTimer';
 import type { FileUploadPreviewProps } from '../../components/MessageInput/FileUploadPreview';
 import type { ImageUploadPreviewProps } from '../../components/MessageInput/ImageUploadPreview';
 import type { InputButtonsProps } from '../../components/MessageInput/InputButtons';
@@ -14,7 +12,10 @@ import type { MoreOptionsButtonProps } from '../../components/MessageInput/MoreO
 import type { SendButtonProps } from '../../components/MessageInput/SendButton';
 import type { UploadProgressIndicatorProps } from '../../components/MessageInput/UploadProgressIndicator';
 import type { MessageType } from '../../components/MessageList/hooks/useMessageList';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType, UnknownType } from '../../types/types';
+import { Asset } from '../../native';
+import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
+import { ACITriggerSettingsParams, TriggerSettings } from '../../utils/utils';
+import { ChannelContextValue } from '../channelContext/ChannelContext';
 export declare type FileUpload = {
     file: {
         name: string;
@@ -32,18 +33,16 @@ export declare type ImageUpload = {
     };
     id: string;
     state: string;
+    height?: number;
     url?: string;
+    width?: number;
 };
-export declare type InputConfig = {
-    maxMessageLength?: number;
-    uploadsEnabled?: boolean;
-};
-export declare type MentionAllAppUsersQuery<Us extends DefaultUserType> = {
-    filters?: UserFilters<Us>;
+export declare type MentionAllAppUsersQuery<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+    filters?: UserFilters<StreamChatGenerics>;
     options?: UserOptions;
-    sort?: UserSort<Us>;
+    sort?: UserSort<StreamChatGenerics>;
 };
-export declare type LocalMessageInputContext<At extends UnknownType = DefaultAttachmentType, Co extends string = DefaultCommandType, Us extends UnknownType = DefaultUserType> = {
+export declare type LocalMessageInputContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     appendText: (newText: string) => void;
     asyncIds: string[];
     asyncUploads: {
@@ -53,6 +52,8 @@ export declare type LocalMessageInputContext<At extends UnknownType = DefaultAtt
         };
     };
     closeAttachmentPicker: () => void;
+    /** The time at which the active cooldown will end */
+    cooldownEndsAt: Date;
     /**
      * An array of file objects which are set for upload. It has the following structure:
      *
@@ -101,7 +102,7 @@ export declare type LocalMessageInputContext<At extends UnknownType = DefaultAtt
     mentionedUsers: string[];
     numberOfUploads: number;
     onChange: (newText: string) => void;
-    onSelectItem: (item: UserResponse<Us>) => void;
+    onSelectItem: (item: UserResponse<StreamChatGenerics>) => void;
     openAttachmentPicker: () => void;
     openCommandsPicker: () => void;
     openFilePicker: () => void;
@@ -119,7 +120,7 @@ export declare type LocalMessageInputContext<At extends UnknownType = DefaultAtt
      * @param id string ID of image in `imageUploads` object in state of MessageInput
      */
     removeImage: (id: string) => void;
-    resetInput: (pendingAttachments?: Attachment<At>[]) => void;
+    resetInput: (pendingAttachments?: Attachment<StreamChatGenerics>[]) => void;
     selectedPicker: string | undefined;
     sending: React.MutableRefObject<boolean>;
     sendMessage: () => Promise<void>;
@@ -153,7 +154,7 @@ export declare type LocalMessageInputContext<At extends UnknownType = DefaultAtt
     /**
      * Mapping of input triggers to the outputs to be displayed by the AutoCompleteInput
      */
-    triggerSettings: TriggerSettings<Co, Us>;
+    triggerSettings: TriggerSettings<StreamChatGenerics>;
     updateMessage: () => Promise<void>;
     /** Function for attempting to upload a file */
     uploadFile: ({ newFile }: {
@@ -171,13 +172,13 @@ export declare type LocalMessageInputContext<At extends UnknownType = DefaultAtt
     }) => Promise<void>;
     uploadNewImage: (image: Partial<Asset>) => Promise<void>;
 };
-export declare type InputMessageInputContextValue<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 InputMessageInputContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     /**
      * Custom UI component for attach button.
      *
      * Defaults to and accepts same props as: [AttachButton](https://getstream.github.io/stream-chat-react-native/v3/#attachbutton)
      */
-    AttachButton: React.ComponentType<AttachButtonProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    AttachButton: React.ComponentType<AttachButtonProps<StreamChatGenerics>>;
     clearEditingState: () => void;
     clearQuotedMessageState: () => void;
     /**
@@ -185,14 +186,22 @@ export declare type InputMessageInputContextValue<At extends UnknownType = Defau
      *
      * Defaults to and accepts same props as: [CommandsButton](https://getstream.github.io/stream-chat-react-native/v3/#commandsbutton)
      */
-    CommandsButton: React.ComponentType<CommandsButtonProps<At, Ch, Co, Ev, Me, Re, Us>>;
-    editing: boolean | MessageType<At, Ch, Co, Ev, Me, Re, Us>;
-    editMessage: StreamChat<At, Ch, Co, Ev, Me, Re, Us>['updateMessage'];
+    CommandsButton: React.ComponentType<CommandsButtonProps<StreamChatGenerics>>;
+    /**
+     * Custom UI component to display the remaining cooldown a user will have to wait before
+     * being allowed to send another message. This component is displayed in place of the
+     * send button for the MessageInput component.
+     *
+     * **default** [CooldownTimer](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageInput/CooldownTimer.tsx)
+     */
+    CooldownTimer: React.ComponentType<CooldownTimerProps>;
+    editing: boolean | MessageType<StreamChatGenerics>;
+    editMessage: StreamChat<StreamChatGenerics>['updateMessage'];
     /**
      * Custom UI component for FileUploadPreview.
      * Defaults to and accepts same props as: https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageInput/FileUploadPreview.tsx
      */
-    FileUploadPreview: React.ComponentType<FileUploadPreviewProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    FileUploadPreview: React.ComponentType<FileUploadPreviewProps<StreamChatGenerics>>;
     /** When false, CommandsButton will be hidden */
     hasCommands: boolean;
     /** When false, FileSelectorIcon will be hidden */
@@ -203,7 +212,7 @@ export declare type InputMessageInputContextValue<At extends UnknownType = Defau
      * Custom UI component for ImageUploadPreview.
      * Defaults to and accepts same props as: https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageInput/ImageUploadPreview.tsx
      */
-    ImageUploadPreview: React.ComponentType<ImageUploadPreviewProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    ImageUploadPreview: React.ComponentType<ImageUploadPreviewProps<StreamChatGenerics>>;
     /** Limit on allowed number of files to attach at a time. */
     maxNumberOfFiles: number;
     /**
@@ -211,19 +220,19 @@ export declare type InputMessageInputContextValue<At extends UnknownType = Defau
      *
      * Defaults to and accepts same props as: [MoreOptionsButton](https://getstream.github.io/stream-chat-react-native/v3/#moreoptionsbutton)
      */
-    MoreOptionsButton: React.ComponentType<MoreOptionsButtonProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    MoreOptionsButton: React.ComponentType<MoreOptionsButtonProps<StreamChatGenerics>>;
     /** Limit on the number of lines in the text input before scrolling */
     numberOfLines: number;
-    quotedMessage: boolean | MessageType<At, Ch, Co, Ev, Me, Re, Us>;
+    quotedMessage: boolean | MessageType<StreamChatGenerics>;
     /**
      * Custom UI component for send button.
      *
      * Defaults to and accepts same props as: [SendButton](https://getstream.github.io/stream-chat-react-native/v3/#sendbutton)
      */
-    SendButton: React.ComponentType<SendButtonProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    SendButton: React.ComponentType<SendButtonProps<StreamChatGenerics>>;
     sendImageAsync: boolean;
-    sendMessage: (message: Partial<StreamMessage<At, Me, Us>>) => Promise<void>;
-    setQuotedMessageState: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => void;
+    sendMessage: (message: Partial<StreamMessage<StreamChatGenerics>>) => Promise<void>;
+    setQuotedMessageState: (message: MessageType<StreamChatGenerics>) => void;
     /**
      * Custom UI component to render checkbox with text ("Also send to channel") in Thread's input box.
      * When ticked, message will also be sent in parent channel.
@@ -248,7 +257,7 @@ export declare type InputMessageInputContextValue<At extends UnknownType = Defau
     /**
      * Mapping of input triggers to the outputs to be displayed by the AutoCompleteInput
      */
-    autoCompleteTriggerSettings?: (settings: ACITriggerSettingsParams<At, Ch, Co, Ev, Me, Re, Us>) => TriggerSettings<Co, Us>;
+    autoCompleteTriggerSettings?: (settings: ACITriggerSettingsParams<StreamChatGenerics>) => TriggerSettings<StreamChatGenerics>;
     /**
      * Compress image with quality (from 0 to 1, where 1 is best quality).
      * On iOS, values larger than 0.8 don't produce a noticeable quality increase in most images,
@@ -269,7 +278,7 @@ export declare type InputMessageInputContextValue<At extends UnknownType = Defau
         size?: string | number;
         type?: string;
         uri?: string;
-    }, channel: ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>['channel']) => Promise<SendFileAPIResponse>;
+    }, channel: ChannelContextValue<StreamChatGenerics>['channel']) => Promise<SendFileAPIResponse>;
     /**
      * Override image upload request
      *
@@ -281,15 +290,15 @@ export declare type InputMessageInputContextValue<At extends UnknownType = Defau
     doImageUploadRequest?: (file: {
         name?: string;
         uri?: string;
-    }, channel: ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>['channel']) => Promise<SendFileAPIResponse>;
+    }, channel: ChannelContextValue<StreamChatGenerics>['channel']) => Promise<SendFileAPIResponse>;
     /** Initial value to set on input */
     initialValue?: string;
     /**
      * Custom UI component for AutoCompleteInput.
      * Has access to all of [MessageInputContext](https://github.com/GetStream/stream-chat-react-native/blob/master/src/contexts/messageInputContext/MessageInputContext.tsx)
      */
-    Input?: React.ComponentType<Omit<MessageInputProps<At, Ch, Co, Ev, Me, Re, Us>, 'Input'> & InputButtonsProps<At, Ch, Co, Ev, Me, Re, Us> & {
-        getUsers: () => UserResponse<Us>[];
+    Input?: React.ComponentType<Omit<MessageInputProps<StreamChatGenerics>, 'Input'> & InputButtonsProps<StreamChatGenerics> & {
+        getUsers: () => UserResponse<StreamChatGenerics>[];
     }>;
     /**
      * Custom UI component to override buttons on left side of input box
@@ -306,14 +315,16 @@ export declare type InputMessageInputContextValue<At extends UnknownType = Defau
      * - openCommandsPicker
      * - toggleAttachmentPicker
      */
-    InputButtons?: React.ComponentType<InputButtonsProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    InputButtons?: React.ComponentType<InputButtonsProps<StreamChatGenerics>>;
+    maxMessageLength?: number;
     mentionAllAppUsersEnabled?: boolean;
     /** Object containing filters/sort/options overrides for an @mention user query */
-    mentionAllAppUsersQuery?: MentionAllAppUsersQuery<Us>;
+    mentionAllAppUsersQuery?: MentionAllAppUsersQuery<StreamChatGenerics>;
     /**
      * Callback that is called when the text input's text changes. Changed text is passed as a single string argument to the callback handler.
      */
     onChangeText?: (newText: string) => void;
+    SendMessageDisallowedIndicator?: React.ComponentType;
     /**
      * ref for input setter function
      *
@@ -322,16 +333,16 @@ export declare type InputMessageInputContextValue<At extends UnknownType = Defau
      * @overrideType Function
      */
     setInputRef?: (ref: TextInput | null) => void;
-} & InputConfig;
-export declare type MessageInputContextValue<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> = LocalMessageInputContext<At, Co, Us> & Omit<InputMessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'sendMessage'>;
-export declare const MessageInputContext: React.Context<MessageInputContextValue<DefaultAttachmentType, DefaultChannelType, import("stream-chat").LiteralStringForUnion, UnknownType, UnknownType, UnknownType, DefaultUserType>>;
-export declare const MessageInputProvider: <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>({ children, value, }: React.PropsWithChildren<{
-    value: InputMessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+};
+export declare type MessageInputContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = LocalMessageInputContext<StreamChatGenerics> & Omit<InputMessageInputContextValue<StreamChatGenerics>, 'sendMessage'>;
+export declare const MessageInputContext: React.Context<MessageInputContextValue<DefaultStreamChatGenerics>>;
+export declare const MessageInputProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, value, }: React.PropsWithChildren<{
+    value: InputMessageInputContextValue<StreamChatGenerics>;
 }>) => JSX.Element;
-export declare const useMessageInputContext: <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>() => MessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+export declare const useMessageInputContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>() => MessageInputContextValue<StreamChatGenerics>;
 /**
  * Typescript currently does not support partial inference so if MessageInputContext
  * typing is desired while using the HOC withMessageInputContext the Props for the
  * wrapped component must be provided as the first generic.
  */
-export declare const withMessageInputContext: <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, "numberOfLines" | "AttachButton" | "clearEditingState" | "clearQuotedMessageState" | "CommandsButton" | "editing" | "editMessage" | "FileUploadPreview" | "hasCommands" | "hasFilePicker" | "hasImagePicker" | "ImageUploadPreview" | "maxNumberOfFiles" | "MoreOptionsButton" | "quotedMessage" | "SendButton" | "sendImageAsync" | "setQuotedMessageState" | "ShowThreadMessageInChannelButton" | "UploadProgressIndicator" | "additionalTextInputProps" | "autoCompleteSuggestionsLimit" | "autoCompleteTriggerSettings" | "compressImageQuality" | "doDocUploadRequest" | "doImageUploadRequest" | "initialValue" | "Input" | "InputButtons" | "mentionAllAppUsersEnabled" | "mentionAllAppUsersQuery" | "onChangeText" | "setInputRef" | keyof InputConfig | keyof LocalMessageInputContext<At, Co, Us>>>;
+export declare const withMessageInputContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => React.FC<Omit<P, "AttachButton" | "clearEditingState" | "clearQuotedMessageState" | "CommandsButton" | "CooldownTimer" | "editing" | "editMessage" | "FileUploadPreview" | "hasCommands" | "hasFilePicker" | "hasImagePicker" | "ImageUploadPreview" | "maxNumberOfFiles" | "MoreOptionsButton" | "numberOfLines" | "quotedMessage" | "SendButton" | "sendImageAsync" | "setQuotedMessageState" | "ShowThreadMessageInChannelButton" | "UploadProgressIndicator" | "additionalTextInputProps" | "autoCompleteSuggestionsLimit" | "autoCompleteTriggerSettings" | "compressImageQuality" | "doDocUploadRequest" | "doImageUploadRequest" | "initialValue" | "Input" | "InputButtons" | "maxMessageLength" | "mentionAllAppUsersEnabled" | "mentionAllAppUsersQuery" | "onChangeText" | "SendMessageDisallowedIndicator" | "setInputRef" | keyof LocalMessageInputContext<StreamChatGenerics>>>;

package/lib/typescript/contexts/messageInputContext/hooks/useCreateMessageInputContext.d.ts

@@ -1,4 +1,4 @@
-import type { MessageInputContextValue } from '../MessageInputContext';
+import type { DefaultStreamChatGenerics } from '../../../types/types';
 import type { ThreadContextValue } from '../../threadContext/ThreadContext';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultUserType, UnknownType } from '../../../types/types';
-export declare const useCreateMessageInputContext: <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>({ additionalTextInputProps, appendText, asyncIds, asyncUploads, AttachButton, autoCompleteSuggestionsLimit, clearEditingState, clearQuotedMessageState, closeAttachmentPicker, CommandsButton, compressImageQuality, doDocUploadRequest, doImageUploadRequest, editing, editMessage, FileUploadPreview, fileUploads, giphyActive, hasCommands, hasFilePicker, hasImagePicker, ImageUploadPreview, imageUploads, initialValue, Input, inputBoxRef, InputButtons, isValidMessage, maxMessageLength, maxNumberOfFiles, mentionAllAppUsersEnabled, mentionAllAppUsersQuery, mentionedUsers, MoreOptionsButton, numberOfLines, numberOfUploads, onChange, onChangeText, onSelectItem, openAttachmentPicker, openCommandsPicker, openFilePicker, openMentionsPicker, pickFile, quotedMessage, removeFile, removeImage, resetInput, selectedPicker, SendButton, sendImageAsync, sending, sendMessage, sendMessageAsync, sendThreadMessageInChannel, setAsyncIds, setAsyncUploads, setFileUploads, setGiphyActive, setImageUploads, setInputBoxRef, setInputRef, setMentionedUsers, setNumberOfUploads, setQuotedMessageState, setSendThreadMessageInChannel, setShowMoreOptions, setText, showMoreOptions, ShowThreadMessageInChannelButton, text, thread, toggleAttachmentPicker, triggerSettings, updateMessage, uploadFile, uploadImage, uploadNewFile, uploadNewImage, UploadProgressIndicator, uploadsEnabled, }: import("../MessageInputContext").LocalMessageInputContext<At, Co, Us> & Omit<import("../MessageInputContext").InputMessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us>, "sendMessage"> & Pick<ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>, "thread">) => MessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+import type { MessageInputContextValue } from '../MessageInputContext';
+export declare const useCreateMessageInputContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ additionalTextInputProps, appendText, asyncIds, asyncUploads, AttachButton, autoCompleteSuggestionsLimit, clearEditingState, clearQuotedMessageState, closeAttachmentPicker, CommandsButton, compressImageQuality, cooldownEndsAt, CooldownTimer, doDocUploadRequest, doImageUploadRequest, editing, editMessage, FileUploadPreview, fileUploads, giphyActive, hasCommands, hasFilePicker, hasImagePicker, ImageUploadPreview, imageUploads, initialValue, Input, inputBoxRef, InputButtons, isValidMessage, maxMessageLength, maxNumberOfFiles, mentionAllAppUsersEnabled, mentionAllAppUsersQuery, mentionedUsers, MoreOptionsButton, numberOfLines, numberOfUploads, onChange, onChangeText, onSelectItem, openAttachmentPicker, openCommandsPicker, openFilePicker, openMentionsPicker, pickFile, quotedMessage, removeFile, removeImage, resetInput, selectedPicker, SendButton, sendImageAsync, sending, sendMessage, sendMessageAsync, SendMessageDisallowedIndicator, sendThreadMessageInChannel, setAsyncIds, setAsyncUploads, setFileUploads, setGiphyActive, setImageUploads, setInputBoxRef, setInputRef, setMentionedUsers, setNumberOfUploads, setQuotedMessageState, setSendThreadMessageInChannel, setShowMoreOptions, setText, showMoreOptions, ShowThreadMessageInChannelButton, text, thread, toggleAttachmentPicker, triggerSettings, updateMessage, uploadFile, uploadImage, uploadNewFile, uploadNewImage, UploadProgressIndicator, }: import("../MessageInputContext").LocalMessageInputContext<StreamChatGenerics> & Omit<import("../MessageInputContext").InputMessageInputContextValue<StreamChatGenerics>, "sendMessage"> & Pick<ThreadContextValue<StreamChatGenerics>, "thread">) => MessageInputContextValue<StreamChatGenerics>;

package/lib/typescript/contexts/messageInputContext/hooks/useMessageDetailsForState.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
+import type { DefaultStreamChatGenerics } from '../../../types/types';
 import type { FileUpload, ImageUpload, MessageInputContextValue } from '../MessageInputContext';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultUserType, UnknownType } from '../../../types/types';
-export declare const isEditingBoolean: <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>(editing: boolean | import("../../..").MessageType<At, Ch, Co, Ev, Me, Re, Us>) => editing is boolean;
-export declare const useMessageDetailsForState: <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>(message: boolean | import("../../..").MessageType<At, Ch, Co, Ev, Me, Re, Us>, initialValue?: string | undefined) => {
+export declare const isEditingBoolean: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(editing: boolean | import("../../..").MessageType<StreamChatGenerics>) => editing is boolean;
+export declare const useMessageDetailsForState: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(message: boolean | import("../../..").MessageType<StreamChatGenerics>, initialValue?: string | undefined) => {
     fileUploads: FileUpload[];
     imageUploads: ImageUpload[];
     mentionedUsers: string[];

package/lib/typescript/contexts/messageOverlayContext/MessageOverlayContext.d.ts

@@ -1,69 +1,68 @@
 import React, { PropsWithChildren } from 'react';
-import type { StyleProp, TextStyle } from 'react-native';
 import type { Attachment } from 'stream-chat';
-import type { Alignment, MessageContextValue } from '../messageContext/MessageContext';
-import type { MessagesContextValue } from '../messagesContext/MessagesContext';
 import type { GroupType, MessageType } from '../../components/MessageList/hooks/useMessageList';
-import type { MessageActionsProps } from '../../components/MessageOverlay/MessageActions';
+import type { MessageActionListProps } from '../../components/MessageOverlay/MessageActionList';
+import type { MessageActionListItemProps, MessageActionType } from '../../components/MessageOverlay/MessageActionListItem';
 import type { OverlayReactionListProps } from '../../components/MessageOverlay/OverlayReactionList';
 import type { OverlayReactionsProps } from '../../components/MessageOverlay/OverlayReactions';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType, UnknownType } from '../../types/types';
+import type { OverlayReactionsAvatarProps } from '../../components/MessageOverlay/OverlayReactionsAvatar';
+import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
 import type { ReactionData } from '../../utils/utils';
-export declare type MessageAction = {
-    action: () => void;
-    title: string;
-    icon?: React.ReactElement;
-    titleStyle?: StyleProp<TextStyle>;
-};
-export declare type MessageOverlayData<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 { Alignment, MessageContextValue } from '../messageContext/MessageContext';
+import type { MessagesContextValue } from '../messagesContext/MessagesContext';
+import type { OwnCapabilitiesContextValue } from '../ownCapabilitiesContext/OwnCapabilitiesContext';
+export declare type MessageOverlayData<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     alignment?: Alignment;
     clientId?: string;
-    files?: Attachment<At>[];
+    files?: Attachment<StreamChatGenerics>[];
     groupStyles?: GroupType[];
     handleReaction?: (reactionType: string) => Promise<void>;
-    images?: Attachment<At>[];
-    message?: MessageType<At, Ch, Co, Ev, Me, Re, Us>;
-    messageActions?: MessageAction[];
-    messageContext?: MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+    images?: Attachment<StreamChatGenerics>[];
+    message?: MessageType<StreamChatGenerics>;
+    messageActions?: MessageActionType[];
+    messageContext?: MessageContextValue<StreamChatGenerics>;
     messageReactionTitle?: string;
-    messagesContext?: MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+    messagesContext?: MessagesContextValue<StreamChatGenerics>;
     onlyEmojis?: boolean;
-    otherAttachments?: Attachment<At>[];
-    OverlayReactionList?: React.ComponentType<OverlayReactionListProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    otherAttachments?: Attachment<StreamChatGenerics>[];
+    OverlayReactionList?: React.ComponentType<OverlayReactionListProps<StreamChatGenerics>>;
+    ownCapabilities?: OwnCapabilitiesContextValue;
     supportedReactions?: ReactionData[];
     threadList?: boolean;
 };
-export declare type MessageOverlayContextValue<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 MessageOverlayContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     /**
      * Custom UI component for rendering [message actions](https://github.com/GetStream/stream-chat-react-native/blob/master/screenshots/docs/2.png) in overlay.
      *
-     * **Default** [MessageActions](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageOverlay/MessageActions.tsx)
+     * **Default** [MessageActionList](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageOverlay/MessageActions.tsx)
      */
-    MessageActions: React.ComponentType<MessageActionsProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    MessageActionList: React.ComponentType<MessageActionListProps<StreamChatGenerics>>;
+    MessageActionListItem: React.ComponentType<MessageActionListItemProps<StreamChatGenerics>>;
     /**
      * Custom UI component for rendering [reaction selector](https://github.com/GetStream/stream-chat-react-native/blob/master/screenshots/docs/2.png) in overlay (which shows up on long press on message).
      *
      * **Default** [OverlayReactionList](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageOverlay/OverlayReactionList.tsx)
      */
-    OverlayReactionList: React.ComponentType<OverlayReactionListProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    OverlayReactionList: React.ComponentType<OverlayReactionListProps<StreamChatGenerics>>;
     /**
      * Custom UI component for rendering [reactions list](https://github.com/GetStream/stream-chat-react-native/blob/master/screenshots/docs/2.png), in overlay (which shows up on long press on message).
      *
      * **Default** [OverlayReactions](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageOverlay/OverlayReactions.tsx)
      */
-    OverlayReactions: React.ComponentType<OverlayReactionsProps>;
+    OverlayReactions: React.ComponentType<OverlayReactionsProps<StreamChatGenerics>>;
+    OverlayReactionsAvatar: React.ComponentType<OverlayReactionsAvatarProps>;
     reset: () => void;
-    setData: React.Dispatch<React.SetStateAction<MessageOverlayData<At, Ch, Co, Ev, Me, Re, Us>>>;
-    data?: MessageOverlayData<At, Ch, Co, Ev, Me, Re, Us>;
+    setData: React.Dispatch<React.SetStateAction<MessageOverlayData<StreamChatGenerics>>>;
+    data?: MessageOverlayData<StreamChatGenerics>;
 };
-export declare const MessageOverlayContext: React.Context<MessageOverlayContextValue<DefaultAttachmentType, DefaultChannelType, import("stream-chat").LiteralStringForUnion, UnknownType, UnknownType, UnknownType, DefaultUserType>>;
-export declare const MessageOverlayProvider: <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?: MessageOverlayContextValue<At, Ch, Co, Ev, Me, Re, Us> | undefined;
+export declare const MessageOverlayContext: React.Context<MessageOverlayContextValue<DefaultStreamChatGenerics>>;
+export declare const MessageOverlayProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, value, }: React.PropsWithChildren<{
+    value?: MessageOverlayContextValue<StreamChatGenerics> | undefined;
 }>) => JSX.Element;
-export declare const useMessageOverlayContext: <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>() => MessageOverlayContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+export declare const useMessageOverlayContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>() => MessageOverlayContextValue<StreamChatGenerics>;
 /**
  * Typescript currently does not support partial inference so if MessageOverlayContext
  * typing is desired while using the HOC withMessageOverlayContextContext the Props for the
  * wrapped component must be provided as the first generic.
  */
-export declare const withMessageOverlayContext: <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 MessageOverlayContextValue<At, Ch, Co, Ev, Me, Re, Us>>>;
+export declare const withMessageOverlayContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => React.FC<Omit<P, keyof MessageOverlayContextValue<StreamChatGenerics>>>;

package/lib/typescript/contexts/messageOverlayContext/hooks/useResettableState.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+/**
+ * Wrapper around useState that provides a `reset`
+ * function to reset the state to its initial value.
+ *
+ * Will not set state after being unmounted.
+ * */
+export declare const useResettableState: <T>(values: T) => {
+    data: T;
+    reset: () => void;
+    setData: import("react").Dispatch<import("react").SetStateAction<T>>;
+};

package/lib/typescript/contexts/messageOverlayContext/hooks/useResettableState.test.d.ts

@@ -0,0 +1 @@
+export {};