stream-chat-react-native-core 3.10.2 → 4.0.0-beta.1

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

@@ -6,6 +6,7 @@ import { Asset } from '../../native';
 import type { TextInput, TextInputProps } from 'react-native';
 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';
@@ -34,10 +35,6 @@ export declare type ImageUpload = {
     state: string;
     url?: string;
 };
-export declare type InputConfig = {
-    maxMessageLength?: number;
-    uploadsEnabled?: boolean;
-};
 export declare type MentionAllAppUsersQuery<Us extends DefaultUserType> = {
     filters?: UserFilters<Us>;
     options?: UserOptions;
@@ -53,6 +50,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:
      *
@@ -186,6 +185,14 @@ 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>>;
+    /**
+     * 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<At, Ch, Co, Ev, Me, Re, Us>;
     editMessage: StreamChat<At, Ch, Co, Ev, Me, Re, Us>['updateMessage'];
     /**
@@ -307,6 +314,7 @@ export declare type InputMessageInputContextValue<At extends UnknownType = Defau
      * - toggleAttachmentPicker
      */
     InputButtons?: React.ComponentType<InputButtonsProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    maxMessageLength?: number;
     mentionAllAppUsersEnabled?: boolean;
     /** Object containing filters/sort/options overrides for an @mention user query */
     mentionAllAppUsersQuery?: MentionAllAppUsersQuery<Us>;
@@ -314,6 +322,7 @@ export declare type InputMessageInputContextValue<At extends UnknownType = Defau
      * 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,7 +331,7 @@ 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<{
@@ -334,4 +343,4 @@ export declare const useMessageInputContext: <At extends UnknownType = DefaultAt
  * 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, 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, "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<At, Co, Us>>>;

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

@@ -1,4 +1,4 @@
 import type { MessageInputContextValue } from '../MessageInputContext';
 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>;
+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, 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<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>;

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

@@ -1,20 +1,15 @@
 import React, { PropsWithChildren } from 'react';
-import type { StyleProp, TextStyle } from 'react-native';
 import type { Attachment } from 'stream-chat';
+import type { OwnCapabilitiesContextValue } from '../ownCapabilitiesContext/OwnCapabilitiesContext';
 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 { MessageActionListItemProps, MessageActionType } from '../../components/MessageOverlay/MessageActionListItem';
+import type { MessageActionListProps } from '../../components/MessageOverlay/MessageActionList';
 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 { 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> = {
     alignment?: Alignment;
     clientId?: string;
@@ -23,13 +18,14 @@ export declare type MessageOverlayData<At extends UnknownType = DefaultAttachmen
     handleReaction?: (reactionType: string) => Promise<void>;
     images?: Attachment<At>[];
     message?: MessageType<At, Ch, Co, Ev, Me, Re, Us>;
-    messageActions?: MessageAction[];
+    messageActions?: MessageActionType[];
     messageContext?: MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>;
     messageReactionTitle?: string;
     messagesContext?: MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>;
     onlyEmojis?: boolean;
     otherAttachments?: Attachment<At>[];
     OverlayReactionList?: React.ComponentType<OverlayReactionListProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    ownCapabilities?: OwnCapabilitiesContextValue;
     supportedReactions?: ReactionData[];
     threadList?: boolean;
 };
@@ -37,9 +33,10 @@ export declare type MessageOverlayContextValue<At extends UnknownType = DefaultA
     /**
      * 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<At, Ch, Co, Ev, Me, Re, Us>>;
+    MessageActionListItem: React.ComponentType<MessageActionListItemProps>;
     /**
      * 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).
      *

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

@@ -2,7 +2,7 @@ import React, { PropsWithChildren } from 'react';
 import type { TouchableOpacityProps } from 'react-native';
 import type { ChannelState, MessageResponse } from 'stream-chat';
 import type { Alignment } from '../messageContext/MessageContext';
-import type { MessageAction } from '../messageOverlayContext/MessageOverlayContext';
+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';
@@ -20,12 +20,14 @@ 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 { MessageTextProps } from '../../components/Message/MessageSimple/MessageTextContainer';
 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';
@@ -38,14 +40,8 @@ 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 { ReactionData } from '../../utils/utils';
-export declare type MessagesConfig = {
-    mutesEnabled?: boolean;
-    quotedRepliesEnabled?: boolean;
-    reactionsEnabled?: boolean;
-    threadRepliesEnabled?: boolean;
-};
 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> = MessagesConfig & {
+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> = {
     /**
      * UI component for Attachment.
      * Defaults to: [Attachment](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/Attachment/Attachment.tsx)
@@ -132,6 +128,10 @@ export declare type MessagesContextValue<At extends UnknownType = DefaultAttachm
      */
     MessageFooter: React.ComponentType<MessageFooterProps<At, Ch, Co, Ev, Me, Re, Us>>;
     MessageList: React.ComponentType<MessageListProps<At, Ch, Co, Ev, Me, Re, Us>>;
+    /**
+     * Custom message pinned component
+     */
+    MessagePinnedHeader: React.ComponentType<MessagePinnedHeaderProps<At, Ch, Co, Ev, Me, Re, Us>>;
     /**
      * UI component for MessageReplies
      * Defaults to: [MessageReplies](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/MessageSimple/MessageReplies.tsx)
@@ -214,16 +214,6 @@ export declare type MessagesContextValue<At extends UnknownType = DefaultAttachm
      * @overrideType Object
      */
     additionalTouchableProps?: Omit<TouchableOpacityProps, 'style'>;
-    /**
-     * When false, pop-out animation will be disabled for message bubble, onLongPress
-     */
-    animatedLongPress?: boolean;
-    /**
-     * Full override of the block user button in the Message Actions
-     *
-     * 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.
-     */
-    blockUser?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) | null;
     /**
      * Custom UI component to override default cover (between Header and Footer) of Card component.
      * Accepts the same props as Card component.
@@ -239,31 +229,14 @@ export declare type MessagesContextValue<At extends UnknownType = DefaultAttachm
      * Accepts the same props as Card component.
      */
     CardHeader?: React.ComponentType<CardProps<At, Ch, Co, Ev, Me, Re, Us>>;
-    /**
-     * Full override of the copy message button in the Message Actions
-     *
-     * 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.
-     */
-    copyMessage?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) | null;
     /**
      * Full override of the delete message button in the Message Actions
      *
      * 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.
      */
-    deleteMessage?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) | null;
+    /** Control if the deleted message is visible to both the send and reciever, either of them or none  */
+    deletedMessagesVisibilityType?: 'always' | 'never' | 'receiver' | 'sender';
     disableTypingIndicator?: boolean;
-    /**
-     * Full override of the edit message button in the Message Actions
-     *
-     * 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.
-     */
-    editMessage?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) | null;
-    /**
-     * Full override of the flag message button in the Message Actions
-     *
-     * 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.
-     */
-    flagMessage?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) | null;
     /**
      * Whether messages should be aligned to right or left part of screen.
      * By default, messages will be received messages will be aligned to left and
@@ -285,6 +258,8 @@ export declare type MessagesContextValue<At extends UnknownType = DefaultAttachm
     handleFlag?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;
     /** Handler to access when a mute user action is invoked */
     handleMute?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => 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;
     /** Handler to access when a quoted reply action is invoked */
     handleQuotedReply?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => Promise<void>;
     /** Handler to process a reaction */
@@ -346,66 +321,17 @@ export declare type MessagesContextValue<At extends UnknownType = DefaultAttachm
      *
      * @overrideType Function | Array<Objects>
      */
-    messageActions?: (MessageAction | null)[] | (({ blockUser, canModifyMessage, copyMessage, deleteMessage, dismissOverlay, editMessage, error, flagMessage, isMyMessage, isThreadMessage, message, messageReactions, muteUser, quotedRepliesEnabled, quotedReply, retry, threadRepliesEnabled, threadReply, }: {
-        blockUser: MessageAction | null;
-        canModifyMessage: boolean;
-        copyMessage: MessageAction | null;
-        deleteMessage: MessageAction | null;
-        dismissOverlay: () => void;
-        editMessage: MessageAction | null;
-        error: boolean;
-        flagMessage: MessageAction | null;
-        isMyMessage: boolean;
-        isThreadMessage: boolean;
-        message: MessageType<At, Ch, Co, Ev, Me, Re, Us>;
-        messageReactions: boolean;
-        muteUser: MessageAction | null;
-        quotedReply: MessageAction | null;
-        retry: MessageAction | null;
-        threadReply: MessageAction | null;
-        quotedRepliesEnabled?: boolean;
-        threadRepliesEnabled?: boolean;
-    }) => (MessageAction | null)[] | undefined);
+    messageActions?: (param: MessageActionsParams<At, Ch, Co, Ev, Me, Re, Us>) => MessageActionType[];
     /**
      * Custom message header component
      */
     MessageHeader?: React.ComponentType<MessageFooterProps<At, Ch, Co, Ev, Me, Re, Us>>;
     /** Custom UI component for message text */
     MessageText?: React.ComponentType<MessageTextProps<At, Ch, Co, Ev, Me, Re, Us>>;
-    /**
-     * Full override of the mute user button in the Message Actions
-     *
-     * 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.
-     * */
-    muteUser?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) | null;
     /**
      * Theme provided only to messages that are the current users
      */
     myMessageTheme?: DeepPartial<Theme>;
-    /**
-     * Add double tap handler for message.
-     *
-     * ```
-     * <Channel
-     *  onDoubleTapMessage={({
-     *    actionHandlers: {
-     *        deleteMessage, // () => Promise<void>;
-     *        editMessage, // () => void;
-     *        quotedReply, // () => void;
-     *        resendMessage, // () => Promise<void>;
-     *        showMessageOverlay, // () => void;
-     *        toggleBanUser, // () => Promise<void>;
-     *        toggleMuteUser, // () => Promise<void>;
-     *        toggleReaction, // (reactionType: string) => Promise<void>;
-     *    },
-     *    message // message object on which longPress occured
-     *  }) => {
-     *    // Your custom action
-     *  }}
-     * />
-     * ```
-     */
-    onDoubleTapMessage?: (payload: MessageTouchableHandlerPayload<At, Ch, Co, Ev, Me, Re, Us>) => void;
     /**
      * Override default handler for onLongPress on message. You have access to payload of that handler as param:
      *
@@ -487,30 +413,13 @@ export declare type MessagesContextValue<At extends UnknownType = DefaultAttachm
      * ```
      */
     onPressMessage?: (payload: MessageTouchableHandlerPayload<At, Ch, Co, Ev, Me, Re, Us>) => void;
-    /**
-     * Full override of the quoted reply button in the Message Actions
-     *
-     * 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.
-     */
-    quotedReply?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) | null;
-    /**
-     * Full override of the resend button in the Message Actions
-     *
-     * 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.
-     * */
-    retry?: ((message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction) | null;
     /**
      * 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>;
-    /**
-     * Full override of the thread reply button in the Message Actions
-     *
-     * 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.
-     * */
-    threadReply?: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => MessageAction;
+    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<{
@@ -522,4 +431,4 @@ export declare const useMessagesContext: <At extends UnknownType = DefaultAttach
  * 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, "editMessage" | "setQuotedMessageState" | "updateMessage" | "FileAttachmentIcon" | "Reply" | "enableMessageGroupingByUser" | "retry" | "messageActions" | "handleReaction" | "OverlayReactionList" | "supportedReactions" | keyof MessagesConfig | "Attachment" | "AttachmentActions" | "Card" | "DateHeader" | "dismissKeyboardOnMessageTouch" | "FileAttachment" | "FileAttachmentGroup" | "FlatList" | "Gallery" | "Giphy" | "initialScrollToFirstUnreadMessage" | "InlineDateSeparator" | "InlineUnreadIndicator" | "Message" | "MessageAvatar" | "MessageContent" | "messageContentOrder" | "MessageDeleted" | "MessageFooter" | "MessageList" | "MessageReplies" | "MessageRepliesAvatars" | "MessageSimple" | "MessageStatus" | "MessageSystem" | "ReactionList" | "removeMessage" | "retrySendMessage" | "ScrollToBottomButton" | "setEditingState" | "TypingIndicator" | "TypingIndicatorContainer" | "UrlPreview" | "additionalTouchableProps" | "animatedLongPress" | "blockUser" | "CardCover" | "CardFooter" | "CardHeader" | "copyMessage" | "deleteMessage" | "disableTypingIndicator" | "flagMessage" | "forceAlignMessages" | "formatDate" | "handleBlock" | "handleCopy" | "handleDelete" | "handleEdit" | "handleFlag" | "handleMute" | "handleQuotedReply" | "handleRetry" | "handleThreadReply" | "legacyImageViewerSwipeBehaviour" | "markdownRules" | "MessageHeader" | "MessageText" | "muteUser" | "myMessageTheme" | "onDoubleTapMessage" | "onLongPressMessage" | "onPressInMessage" | "onPressMessage" | "quotedReply" | "selectReaction" | "threadReply">>;
+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>>>;

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

@@ -1,4 +1,5 @@
 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';
@@ -6,24 +7,30 @@ 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 { Streami18n } from '../../utils/Streami18n';
-export declare type BlurType = 'light' | 'dark' | undefined;
 export declare type Overlay = 'alert' | 'gallery' | 'message' | 'none';
 export declare type OverlayContextValue = {
     overlay: Overlay;
-    setBlurType: React.Dispatch<React.SetStateAction<BlurType>>;
     setOverlay: React.Dispatch<React.SetStateAction<Overlay>>;
     style?: DeepPartial<Theme>;
     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>, 'MessageActions' | 'OverlayReactionList' | 'OverlayReactions'>> & Pick<OverlayContextValue, 'translucentStatusBar'> & {
+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'> & {
+    overlayOpacity: Animated.SharedValue<number>;
     closePicker?: (ref: React.RefObject<BottomSheetMethods>) => void;
+    error?: boolean | Error;
     /** https://github.com/GetStream/stream-chat-react-native/wiki/Internationalization-(i18n) */
     i18nInstance?: Streami18n;
     imageGalleryGridHandleHeight?: number;
     imageGalleryGridSnapPoints?: [string | number, string | number];
+    isMyMessage?: boolean;
+    isThreadMessage?: boolean;
+    message?: MessageType<At, Ch, Co, Ev, Me, Re, Us>;
+    messageReactions?: boolean;
+    messageTextNumberOfLines?: number;
     numberOfImageGalleryGridColumns?: number;
     openPicker?: (ref: React.RefObject<BottomSheetMethods>) => void;
     value?: Partial<OverlayContextValue>;

package/lib/typescript/contexts/ownCapabilitiesContext/OwnCapabilitiesContext.d.ts

@@ -0,0 +1,25 @@
+import React, { PropsWithChildren } from 'react';
+export declare const allOwnCapabilities: {
+    banChannelMembers: string;
+    deleteAnyMessage: string;
+    deleteOwnMessage: string;
+    flagMessage: string;
+    pinMessage: string;
+    quoteMessage: string;
+    readEvents: string;
+    sendLinks: string;
+    sendMessage: string;
+    sendReaction: string;
+    sendReply: string;
+    sendTypingEvents: string;
+    updateAnyMessage: string;
+    updateOwnMessage: string;
+    uploadFile: string;
+};
+export declare type OwnCapability = keyof typeof allOwnCapabilities;
+export declare type OwnCapabilitiesContextValue = Record<OwnCapability, boolean>;
+export declare const OwnCapabilitiesContext: React.Context<OwnCapabilitiesContextValue>;
+export declare const OwnCapabilitiesProvider: ({ children, value, }: React.PropsWithChildren<{
+    value: OwnCapabilitiesContextValue;
+}>) => JSX.Element;
+export declare const useOwnCapabilitiesContext: () => OwnCapabilitiesContextValue;

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

@@ -1,44 +1,45 @@
 import React, { PropsWithChildren } from 'react';
 import type { CommandResponse, UserResponse } from 'stream-chat';
-import type { Emoji } from '../../emoji-data/compiled';
+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';
-export declare type SuggestionComponentType<Co extends string = DefaultCommandType, Us extends UnknownType = DefaultUserType> = string | React.ReactElement<{
-    item: Suggestion<Co, Us>;
-}>;
+import type { Emoji } from '../../emoji-data/compiled';
+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> = SuggestionCommand<Co> | SuggestionUser<Us> | Emoji;
+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;
+    queryText?: string;
 };
 export declare type SuggestionsContextValue<Co extends string = DefaultCommandType, Us extends UnknownType = DefaultUserType> = {
+    AutoCompleteSuggestionHeader: React.ComponentType<AutoCompleteSuggestionHeaderProps>;
+    AutoCompleteSuggestionItem: React.ComponentType<AutoCompleteSuggestionItemProps<Co, Us>>;
+    AutoCompleteSuggestionList: React.ComponentType<AutoCompleteSuggestionListProps<Co, Us>>;
     /** Override handler for closing suggestions (mentions, command autocomplete etc) */
     closeSuggestions: () => void;
     /**
      * Override handler for opening suggestions (mentions, command autocomplete etc)
      *
      * @param component {Component|element} UI Component for suggestion item.
-     * @param title {string} Title for suggestions box
-     *
      * @overrideType Function
      */
-    openSuggestions: (component: SuggestionComponentType<Co, Us>, title?: React.ReactElement) => Promise<void>;
+    openSuggestions: (component: SuggestionComponentType) => Promise<void>;
+    suggestions: Suggestions<Co, Us>;
+    triggerType: SuggestionComponentType;
     /**
      * Override handler for updating suggestions (mentions, command autocomplete etc)
      *
      * @param newSuggestions {Component|element} UI Component for suggestion item.
-     * @param newSuggestionsTitle {string} Title for suggestions box
-     *
      * @overrideType Function
      */
-    updateSuggestions: (newSuggestions: Suggestions<Co, Us>, newSuggestionsTitle?: React.ReactElement) => void;
-    componentType?: SuggestionComponentType<Co, Us>;
-    suggestions?: Suggestions<Co, Us>;
-    suggestionsTitle?: React.ReactElement;
+    updateSuggestions: (newSuggestions: Suggestions<Co, Us>) => void;
+    queryText?: string;
     suggestionsViewActive?: boolean;
 };
 export declare const SuggestionsContext: React.Context<SuggestionsContextValue<import("stream-chat").LiteralStringForUnion, DefaultUserType>>;

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

@@ -12,12 +12,12 @@ export declare const Colors: {
     blue_alice: string;
     border: string;
     grey: string;
+    grey_dark: string;
     grey_gainsboro: string;
     grey_whisper: string;
     icon_background: string;
     modal_shadow: string;
     overlay: string;
-    overlay_dark: string;
     shadow_icon: string;
     targetedMessageBackground: string;
     transparent: string;
@@ -159,7 +159,6 @@ export declare type Theme = {
         image: ImageStyle;
     };
     imageGallery: {
-        blurType: 'light' | 'dark';
         footer: {
             centerContainer: ViewStyle;
             container: ViewStyle;
@@ -215,6 +214,10 @@ export declare type Theme = {
         commandsButtonContainer: ViewStyle;
         composerContainer: ViewStyle;
         container: ViewStyle;
+        cooldownTimer: {
+            container: ViewStyle;
+            text: TextStyle;
+        };
         editingBoxContainer: ViewStyle;
         editingBoxHeader: ViewStyle;
         editingBoxHeaderTitle: TextStyle;
@@ -242,6 +245,10 @@ export declare type Theme = {
         replyContainer: ViewStyle;
         sendButton: ViewStyle;
         sendButtonContainer: ViewStyle;
+        sendMessageDisallowedIndicator: {
+            container: ViewStyle;
+            text: TextStyle;
+        };
         showThreadMessageInChannelButton: {
             check: IconProps;
             checkBoxActive: ViewStyle;
@@ -257,10 +264,6 @@ export declare type Theme = {
                 iconContainer: ViewStyle;
                 title: TextStyle;
             };
-            commandsHeader: {
-                container: ViewStyle;
-                title: TextStyle;
-            };
             container: ViewStyle & {
                 maxHeight: number;
             };
@@ -268,7 +271,7 @@ export declare type Theme = {
                 container: ViewStyle;
                 text: TextStyle;
             };
-            emojisHeader: {
+            header: {
                 container: ViewStyle;
                 title: TextStyle;
             };
@@ -281,7 +284,10 @@ export declare type Theme = {
                 tag: TextStyle;
             };
         };
-        suggestionsListContainer: ViewStyle;
+        suggestionsListContainer: {
+            container: ViewStyle;
+            flatlist: ViewStyle;
+        };
         uploadProgressIndicator: {
             container: ViewStyle;
             overlay: ViewStyle;
@@ -413,6 +419,10 @@ export declare type Theme = {
             shuffleButton: ViewStyle;
             title: TextStyle;
         };
+        pinnedHeader: {
+            container: ViewStyle;
+            label: TextStyle;
+        };
         reactionList: {
             container: ViewStyle;
             middleIcon: ViewStyle;
@@ -444,6 +454,12 @@ export declare type Theme = {
         targetedMessageUnderlay: ViewStyle;
     };
     overlay: {
+        container: ViewStyle;
+        messageActions: {
+            actionContainer: ViewStyle;
+            icon: ViewStyle;
+            title: TextStyle;
+        };
         padding: number;
         reactions: {
             avatarContainer: ViewStyle;

package/lib/typescript/contexts/utils/getDisplayName.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import type { ComponentType } from 'react';
 import type { UnknownType } from '../../types/types';
-export declare const getDisplayName: <P extends UnknownType>(Component: import("react").ComponentType<P>) => string;
+export declare const getDisplayName: <P extends UnknownType>(Component: ComponentType<P>) => string;