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

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

@@ -1,32 +1,39 @@
 import React from 'react';
+import type Animated from 'react-native-reanimated';
 import type { BottomSheetMethods } from '@gorhom/bottom-sheet/lib/typescript/types';
+import type { AttachmentPickerProps } from '../../components/AttachmentPicker/AttachmentPicker';
+import type { ImageGalleryCustomComponents } from '../../components/ImageGallery/ImageGallery';
+import type { MessageType } from '../../components/MessageList/hooks/useMessageList';
+import type { DefaultStreamChatGenerics } from '../../types/types';
+import type { Streami18n } from '../../utils/Streami18n';
 import type { AttachmentPickerContextValue } from '../attachmentPickerContext/AttachmentPickerContext';
 import type { MessageOverlayContextValue } from '../messageOverlayContext/MessageOverlayContext';
 import type { DeepPartial } from '../themeContext/ThemeContext';
 import type { Theme } from '../themeContext/utils/theme';
-import type { AttachmentPickerProps } from '../../components/AttachmentPicker/AttachmentPicker';
-import type { ImageGalleryCustomComponents } from '../../components/ImageGallery/ImageGallery';
-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<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Partial<AttachmentPickerProps> & Partial<Pick<AttachmentPickerContextValue, 'attachmentPickerBottomSheetHeight' | 'attachmentSelectionBarHeight' | 'bottomInset' | 'CameraSelectorIcon' | 'FileSelectorIcon' | 'ImageSelectorIcon' | 'topInset'>> & ImageGalleryCustomComponents<StreamChatGenerics> & Partial<Pick<MessageOverlayContextValue<StreamChatGenerics>, 'MessageActionList' | 'MessageActionListItem' | 'OverlayReactionList' | 'OverlayReactions' | 'OverlayReactionsAvatar'>> & Pick<OverlayContextValue, 'translucentStatusBar'> & {
+    overlayOpacity: Animated.SharedValue<number>;
     closePicker?: (ref: React.RefObject<BottomSheetMethods>) => void;
+    error?: boolean | Error;
     /** 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<StreamChatGenerics>;
+    messageReactions?: boolean;
+    messageTextNumberOfLines?: number;
     numberOfImageGalleryGridColumns?: number;
     openPicker?: (ref: React.RefObject<BottomSheetMethods>) => void;
     value?: Partial<OverlayContextValue>;
 };
 export declare const useOverlayContext: () => OverlayContextValue;
-export declare const withOverlayContext: <P extends UnknownType>(Component: React.ComponentType<P>) => React.FC<Omit<P, keyof OverlayContextValue>>;
+export declare const withOverlayContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<StreamChatGenerics>) => React.FC<Omit<StreamChatGenerics, keyof OverlayContextValue>>;

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

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

package/lib/typescript/contexts/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/paginatedMessageListContext/PaginatedMessageListContext.d.ts

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

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

@@ -1,52 +1,53 @@
 import React, { PropsWithChildren } from 'react';
 import type { CommandResponse, UserResponse } from 'stream-chat';
+import type { AutoCompleteSuggestionHeaderProps } from '../../components/AutoCompleteInput/AutoCompleteSuggestionHeader';
+import type { AutoCompleteSuggestionItemProps } from '../../components/AutoCompleteInput/AutoCompleteSuggestionItem';
+import type { AutoCompleteSuggestionListProps } from '../../components/AutoCompleteInput/AutoCompleteSuggestionList';
 import type { Emoji } from '../../emoji-data/compiled';
-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>;
-}>;
-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 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;
+import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
+export declare type SuggestionComponentType = 'command' | 'emoji' | 'mention';
+export declare const isSuggestionCommand: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(suggestion: Suggestion<StreamChatGenerics>) => suggestion is SuggestionCommand<StreamChatGenerics>;
+export declare const isSuggestionEmoji: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(suggestion: Suggestion<StreamChatGenerics>) => suggestion is Emoji;
+export declare const isSuggestionUser: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(suggestion: Suggestion<StreamChatGenerics>) => suggestion is SuggestionUser<StreamChatGenerics>;
+export declare type Suggestion<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Emoji | SuggestionCommand<StreamChatGenerics> | SuggestionUser<StreamChatGenerics>;
+export declare type SuggestionCommand<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = CommandResponse<StreamChatGenerics>;
+export declare type SuggestionUser<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = UserResponse<StreamChatGenerics>;
+export declare type Suggestions<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+    data: Suggestion<StreamChatGenerics>[];
+    onSelect: (item: Suggestion<StreamChatGenerics>) => void;
+    queryText?: string;
 };
-export declare type SuggestionsContextValue<Co extends string = DefaultCommandType, Us extends UnknownType = DefaultUserType> = {
+export declare type SuggestionsContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+    AutoCompleteSuggestionHeader: React.ComponentType<AutoCompleteSuggestionHeaderProps>;
+    AutoCompleteSuggestionItem: React.ComponentType<AutoCompleteSuggestionItemProps<StreamChatGenerics>>;
+    AutoCompleteSuggestionList: React.ComponentType<AutoCompleteSuggestionListProps<StreamChatGenerics>>;
     /** 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<StreamChatGenerics>;
+    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<StreamChatGenerics>) => void;
+    queryText?: string;
     suggestionsViewActive?: boolean;
 };
-export declare const SuggestionsContext: React.Context<SuggestionsContextValue<import("stream-chat").LiteralStringForUnion, DefaultUserType>>;
+export declare const SuggestionsContext: React.Context<SuggestionsContextValue<DefaultStreamChatGenerics>>;
 /**
  * This provider component exposes the properties stored within the SuggestionsContext.
  */
-export declare const SuggestionsProvider: <Co extends string = import("stream-chat").LiteralStringForUnion, Us extends UnknownType = DefaultUserType>({ children, value, }: React.PropsWithChildren<{
-    value?: Partial<SuggestionsContextValue<Co, Us>> | undefined;
+export declare const SuggestionsProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, value, }: React.PropsWithChildren<{
+    value?: Partial<SuggestionsContextValue<StreamChatGenerics>> | undefined;
 }>) => JSX.Element;
-export declare const useSuggestionsContext: <Co extends string = import("stream-chat").LiteralStringForUnion, Us extends UnknownType = DefaultUserType>() => SuggestionsContextValue<Co, Us>;
-export declare const withSuggestionsContext: <P extends UnknownType, Co extends string = import("stream-chat").LiteralStringForUnion, Us extends UnknownType = DefaultUserType>(Component: React.ComponentType<P>) => React.FC<Omit<P, keyof SuggestionsContextValue<Co, Us>>>;
+export declare const useSuggestionsContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>() => SuggestionsContextValue<StreamChatGenerics>;
+export declare const withSuggestionsContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => React.FC<Omit<P, keyof SuggestionsContextValue<StreamChatGenerics>>>;

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

@@ -1,5 +1,5 @@
 import type { ImageStyle, TextStyle, ViewStyle } from 'react-native';
-import type { CircleProps, StopProps } from 'react-native-svg';
+import type { CircleProps, Color, StopProps } from 'react-native-svg';
 import type { IconProps } from '../../../icons/utils/base';
 export declare const DEFAULT_STATUS_ICON_SIZE = 16;
 export declare const Colors: {
@@ -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;
@@ -103,6 +103,9 @@ export declare type Theme = {
         container: ViewStyle;
         errorText: TextStyle;
     };
+    channelListLoadingIndicator: {
+        container: ViewStyle;
+    };
     channelListMessenger: {
         flatList: ViewStyle;
         flatListContent: ViewStyle;
@@ -114,6 +117,7 @@ export declare type Theme = {
         gradientStart: StopProps;
         gradientStop: StopProps;
         height: number;
+        maskFillColor?: Color;
     };
     channelPreview: {
         checkAllIcon: IconProps;
@@ -124,6 +128,11 @@ export declare type Theme = {
         message: TextStyle & {
             fontWeight: TextStyle['fontWeight'];
         };
+        mutedStatus: {
+            height: number;
+            iconStyle: ViewStyle;
+            width: number;
+        };
         row: ViewStyle;
         title: TextStyle;
         unreadContainer: ViewStyle;
@@ -155,7 +164,6 @@ export declare type Theme = {
         image: ImageStyle;
     };
     imageGallery: {
-        blurType: 'light' | 'dark';
         footer: {
             centerContainer: ViewStyle;
             container: ViewStyle;
@@ -211,6 +219,10 @@ export declare type Theme = {
         commandsButtonContainer: ViewStyle;
         composerContainer: ViewStyle;
         container: ViewStyle;
+        cooldownTimer: {
+            container: ViewStyle;
+            text: TextStyle;
+        };
         editingBoxContainer: ViewStyle;
         editingBoxHeader: ViewStyle;
         editingBoxHeaderTitle: TextStyle;
@@ -238,6 +250,10 @@ export declare type Theme = {
         replyContainer: ViewStyle;
         sendButton: ViewStyle;
         sendButtonContainer: ViewStyle;
+        sendMessageDisallowedIndicator: {
+            container: ViewStyle;
+            text: TextStyle;
+        };
         showThreadMessageInChannelButton: {
             check: IconProps;
             checkBoxActive: ViewStyle;
@@ -253,10 +269,6 @@ export declare type Theme = {
                 iconContainer: ViewStyle;
                 title: TextStyle;
             };
-            commandsHeader: {
-                container: ViewStyle;
-                title: TextStyle;
-            };
             container: ViewStyle & {
                 maxHeight: number;
             };
@@ -264,7 +276,7 @@ export declare type Theme = {
                 container: ViewStyle;
                 text: TextStyle;
             };
-            emojisHeader: {
+            header: {
                 container: ViewStyle;
                 title: TextStyle;
             };
@@ -277,7 +289,10 @@ export declare type Theme = {
                 tag: TextStyle;
             };
         };
-        suggestionsListContainer: ViewStyle;
+        suggestionsListContainer: {
+            container: ViewStyle;
+            flatlist: ViewStyle;
+        };
         uploadProgressIndicator: {
             container: ViewStyle;
             overlay: ViewStyle;
@@ -386,29 +401,37 @@ export declare type Theme = {
         gallery: {
             galleryContainer: ViewStyle;
             galleryItemColumn: ViewStyle;
-            halfSize: ViewStyle['height'];
+            gridHeight: number;
+            gridWidth: number;
             image: ImageStyle;
             imageContainer: ViewStyle;
+            maxHeight: number;
+            maxWidth: number;
+            minHeight: number;
+            minWidth: number;
             moreImagesContainer: ViewStyle;
             moreImagesText: TextStyle;
-            size: ViewStyle['height'];
-            width: ViewStyle['width'];
         };
         giphy: {
+            buttonContainer: ViewStyle;
             cancel: TextStyle;
-            cancelContainer: ViewStyle;
             container: ViewStyle;
             giphy: ImageStyle;
             giphyContainer: ViewStyle;
+            giphyHeaderText: TextStyle;
+            giphyHeaderTitle: TextStyle;
             giphyMask: ViewStyle;
-            giphyText: TextStyle;
+            giphyMaskText: TextStyle;
+            header: ViewStyle;
             selectionContainer: ViewStyle;
-            selector: ViewStyle;
             send: TextStyle;
-            sendContainer: ViewStyle;
-            shuffleButton: ViewStyle;
+            shuffle: TextStyle;
             title: TextStyle;
         };
+        pinnedHeader: {
+            container: ViewStyle;
+            label: TextStyle;
+        };
         reactionList: {
             container: ViewStyle;
             middleIcon: ViewStyle;
@@ -440,6 +463,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/threadContext/ThreadContext.d.ts

@@ -1,27 +1,27 @@
 import React, { PropsWithChildren } from 'react';
 import type { ChannelState } from 'stream-chat';
 import type { MessageType } from '../../components/MessageList/hooks/useMessageList';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType, UnknownType } from '../../types/types';
-export declare type ThreadContextValue<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 ThreadContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
     allowThreadMessagesInChannel: boolean;
     closeThread: () => void;
     loadMoreThread: () => Promise<void>;
-    openThread: (message: MessageType<At, Ch, Co, Ev, Me, Re, Us>) => void;
+    openThread: (message: MessageType<StreamChatGenerics>) => void;
     reloadThread: () => void;
     setThreadLoadingMore: React.Dispatch<React.SetStateAction<boolean>>;
-    thread: MessageType<At, Ch, Co, Ev, Me, Re, Us> | null;
+    thread: MessageType<StreamChatGenerics> | null;
     threadHasMore: boolean;
     threadLoadingMore: boolean;
-    threadMessages: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['threads'][string];
+    threadMessages: ChannelState<StreamChatGenerics>['threads'][string];
 };
-export declare const ThreadContext: React.Context<ThreadContextValue<DefaultAttachmentType, DefaultChannelType, import("stream-chat").LiteralStringForUnion, UnknownType, UnknownType, UnknownType, DefaultUserType>>;
-export declare const ThreadProvider: <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: ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+export declare const ThreadContext: React.Context<ThreadContextValue<DefaultStreamChatGenerics>>;
+export declare const ThreadProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, value, }: React.PropsWithChildren<{
+    value: ThreadContextValue<StreamChatGenerics>;
 }>) => JSX.Element;
-export declare const useThreadContext: <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>() => ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+export declare const useThreadContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>() => ThreadContextValue<StreamChatGenerics>;
 /**
  * Typescript currently does not support partial inference so if ThreadContext
  * typing is desired while using the HOC withThreadContextContext the Props for the
  * wrapped component must be provided as the first generic.
  */
-export declare const withThreadContext: <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 ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>>>;
+export declare const withThreadContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => React.FC<Omit<P, keyof ThreadContextValue<StreamChatGenerics>>>;

package/lib/typescript/contexts/translationContext/TranslationContext.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import Dayjs from 'dayjs';
 import type { TFunction } from 'i18next';
 import type { Moment } from 'moment';
-import type { UnknownType } from '../../types/types';
+import type { DefaultStreamChatGenerics } from '../../types/types';
 export declare const isDayOrMoment: (output: TDateTimeParserOutput) => output is Dayjs.Dayjs | Moment;
 export declare type TDateTimeParserInput = string | number | Date;
 export declare type TDateTimeParserOutput = string | number | Date | Dayjs.Dayjs | Moment;
@@ -16,4 +16,4 @@ export declare const TranslationProvider: React.FC<{
     value: TranslationContextValue;
 }>;
 export declare const useTranslationContext: () => TranslationContextValue;
-export declare const withTranslationContext: <P extends UnknownType>(Component: React.ComponentType<P>) => React.FC<Omit<P, keyof TranslationContextValue>>;
+export declare const withTranslationContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<StreamChatGenerics>) => React.FC<Omit<StreamChatGenerics, keyof TranslationContextValue>>;

package/lib/typescript/contexts/typingContext/TypingContext.d.ts

@@ -1,17 +1,17 @@
 import React, { PropsWithChildren } from 'react';
 import type { ChannelState } from 'stream-chat';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType, UnknownType } from '../../types/types';
-export declare type TypingContextValue<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> = {
-    typing: ChannelState<At, Ch, Co, Ev, Me, Re, Us>['typing'];
+import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
+export declare type TypingContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
+    typing: ChannelState<StreamChatGenerics>['typing'];
 };
-export declare const TypingContext: React.Context<TypingContextValue<DefaultAttachmentType, DefaultChannelType, import("stream-chat").LiteralStringForUnion, UnknownType, UnknownType, UnknownType, DefaultUserType>>;
-export declare const TypingProvider: <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: TypingContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+export declare const TypingContext: React.Context<TypingContextValue<DefaultStreamChatGenerics>>;
+export declare const TypingProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, value, }: React.PropsWithChildren<{
+    value: TypingContextValue<StreamChatGenerics>;
 }>) => JSX.Element;
-export declare const useTypingContext: <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>() => TypingContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+export declare const useTypingContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>() => TypingContextValue<StreamChatGenerics>;
 /**
  * Typescript currently does not support partial inference so if TypingContext
  * typing is desired while using the HOC withTypingContext the Props for the
  * wrapped component must be provided as the first generic.
  */
-export declare const withTypingContext: <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, "typing">>;
+export declare const withTypingContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => React.FC<Omit<P, "typing">>;

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;

package/lib/typescript/hooks/useIsMountedRef.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+/**
+ * Returns mount status of component. This hook can be used for purpose of avoiding any
+ * setState calls (within async operation) after component gets unmounted.
+ *
+ * @example
+ * ```
+ * const isMounted = useIsMountedRef();
+ * const [dummyValue, setDummyValue] = useState(false);
+ *
+ * useEffect(() => {
+ *  someAsyncOperation().then(() => {
+ *    if (isMounted.current) setDummyValue(true);
+ *  })
+ * })
+ * ```
+ *
+ * @returns isMounted {Object} Mount status ref for the component.
+ */
+export declare const useIsMountedRef: () => import("react").MutableRefObject<boolean>;

package/lib/typescript/i18n/en.json

@@ -6,10 +6,10 @@
     "Are you sure you want to permanently delete this message?": "Are you sure you want to permanently delete this message?",
     "Block User": "Block User",
     "Cancel": "Cancel",
+    "Cannot Flag Message": "Cannot Flat Message",
     "Copy Message": "Copy Message",
     "Delete": "Delete",
     "Delete Message": "Delete Message",
-    "Dismiss": "Dismiss",
     "Do you want to send a copy of this message to a moderator for further investigation?": "Do you want to send a copy of this message to a moderator for further investigation?",
     "Edit Message": "Edit Message",
     "Editing Message": "Editing Message",
@@ -21,7 +21,9 @@
     "Error while loading, please reload/refresh": "Error while loading, please reload/refresh",
     "Flag": "Flag",
     "Flag Message": "Flag Message",
+    "Flag action failed either due to a network issue or the message is already flagged": "Flag action failed either due to a network issue or the message is already flagged.",
     "Instant Commands": "Instant Commands",
+    "Links are disabled": "Links are disabled",
     "Loading channels...": "Loading channels...",
     "Loading messages...": "Loading messages...",
     "Loading...": "Loading...",
@@ -30,9 +32,11 @@
     "Message flagged": "Message flagged",
     "Mute User": "Mute User",
     "Nothing yet...": "Nothing yet...",
+    "Ok": "Ok",
     "Only visible to you": "Only visible to you",
     "Photo": "Photo",
     "Photos": "Photos",
+    "Pin to Conversation": "Pin to Conversation",
     "Please enable access to your photos and videos so you can share them.": "Please enable access to your photos and videos so you can share them.",
     "Please select a channel first": "Please select a channel first",
     "Reconnecting...": "Reconnecting...",
@@ -41,15 +45,17 @@
     "Resend": "Resend",
     "Search GIFs": "Search GIFs",
     "Send a message": "Send a message",
-    "Something went wrong": "Something went wrong",
+    "Sending links is not allowed in this conversation": "Sending links is not allowed in this conversation",
+    "Slow mode ON": "Slow mode ON",
     "The message has been reported to a moderator.": "The message has been reported to a moderator.",
-    "The operation couldn't be completed.": "The operation couldn't be completed.",
     "Thread Reply": "Thread Reply",
     "Unblock User": "Unblock User",
     "Unknown User": "Unknown User",
     "Unmute User": "Unmute User",
+    "Unpin from Conversation": "Unpin from Conversation",
     "Unread Messages": "Unread Messages",
     "You": "You",
+    "You can't send messages in this channel": "You can't send messages in this channel",
     "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} and {{ nonSelfUserLength }} more are typing",
     "{{ index }} of {{ photoLength }}": "{{ index }} of {{ photoLength }}",
     "{{ replyCount }} Replies": "{{ replyCount }} Replies",

package/lib/typescript/i18n/fr.json

@@ -6,10 +6,10 @@
     "Are you sure you want to permanently delete this message?": "Êtes-vous sûr de vouloir supprimer définitivement ce message?",
     "Block User": "Bloquer un utilisateur",
     "Cancel": "Annuler",
+    "Cannot Flag Message": "Impossible de signaler le message",
     "Copy Message": "Copier le message",
     "Delete": "Supprimer",
     "Delete Message": "Supprimer un message",
-    "Dismiss": "Rejeter",
     "Do you want to send a copy of this message to a moderator for further investigation?": "Voulez-vous envoyer une copie de ce message à un modérateur pour une enquête plus approfondie?",
     "Edit Message": "Éditer un message",
     "Editing Message": "Édite un message",
@@ -21,7 +21,9 @@
     "Error while loading, please reload/refresh": "Erreur lors du chargement, veuillez recharger/rafraîchir",
     "Flag": "Signaler",
     "Flag Message": "Signaler le message",
+    "Flag action failed either due to a network issue or the message is already flagged": "L'action de signalisation a échoué en raison d'un problème de réseau ou le message est déjà signalé.",
     "Instant Commands": "Commandes Instantanées",
+    "Links are disabled": "Links are disabled",
     "Loading channels...": "Chargement des canaux...",
     "Loading messages...": "Chargement des messages...",
     "Loading...": "Chargement...",
@@ -30,9 +32,11 @@
     "Message flagged": "Message signalé",
     "Mute User": "Utilisateur muet",
     "Nothing yet...": "Aucun message...",
+    "Ok": "Ok",
     "Only visible to you": "Seulement visible par vous",
     "Photo": "Photo",
     "Photos": "Photos",
+    "Pin to Conversation": "Épingler à la conversation",
     "Please enable access to your photos and videos so you can share them.": "Veuillez autoriser l'accès à vos photos et vidéos afin de pouvoir les partager.",
     "Please select a channel first": "Veuillez d'abord selectionnez un canal",
     "Reconnecting...": "Se Reconnecter...",
@@ -41,15 +45,17 @@
     "Resend": "Renvoyer",
     "Search GIFs": "Rechercher des GIF",
     "Send a message": "Envoyer un message",
-    "Something went wrong": "Un problème est survenu",
+    "Sending links is not allowed in this conversation": "Sending links is not allowed in this conversation",
+    "Slow mode ON": "Mode lent activé",
     "The message has been reported to a moderator.": "Le message a été signalé à un modérateur.",
-    "The operation couldn't be completed.": "L'opération n'a pas pu être terminée.",
     "Thread Reply": "Réponse à la discussion",
     "Unblock User": "Débloquer Utilisateur",
     "Unknown User": "Utilisateur inconnu",
     "Unmute User": "Activer le son de Utilisateur",
+    "Unpin from Conversation": "Décrocher de la conversation",
     "Unread Messages": "Messages non lus",
     "You": "Toi",
+    "You can't send messages in this channel": "You can't send messages in this channel",
     "{{ firstUser }} and {{ nonSelfUserLength }} more are typing": "{{ firstUser }} et {{ nonSelfUserLength }} autres sont en train d'écrire",
     "{{ index }} of {{ photoLength }}": "{{ index }} sur {{ photoLength }}",
     "{{ replyCount }} Replies": "{{ replyCount }} Réponses",