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

package/lib/typescript/components/Attachment/FileAttachmentGroup.d.ts

@@ -1,8 +1,8 @@
 import { StyleProp, ViewStyle } from 'react-native';
 import { MessageContextValue } from '../../contexts/messageContext/MessageContext';
 import { MessagesContextValue } from '../../contexts/messagesContext/MessagesContext';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType, UnknownType } from '../../types/types';
-export declare type FileAttachmentGroupPropsWithContext<At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = DefaultCommandType, Ev extends UnknownType = DefaultEventType, Me extends UnknownType = DefaultMessageType, Re extends UnknownType = DefaultReactionType, Us extends UnknownType = DefaultUserType> = Pick<MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'files'> & Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'Attachment'> & {
+import type { DefaultStreamChatGenerics } from '../../types/types';
+export declare type FileAttachmentGroupPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<MessageContextValue<StreamChatGenerics>, 'files'> & Pick<MessagesContextValue<StreamChatGenerics>, 'Attachment'> & {
     /**
      * The unique id for the message with file attachments
      */
@@ -12,8 +12,8 @@ export declare type FileAttachmentGroupPropsWithContext<At extends UnknownType =
         container: StyleProp<ViewStyle>;
     }>;
 };
-export declare type FileAttachmentGroupProps<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<Omit<FileAttachmentGroupPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>, 'messageId'>> & Pick<FileAttachmentGroupPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>, 'messageId'>;
+export declare type FileAttachmentGroupProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Partial<Omit<FileAttachmentGroupPropsWithContext<StreamChatGenerics>, 'messageId'>> & Pick<FileAttachmentGroupPropsWithContext<StreamChatGenerics>, 'messageId'>;
 export declare const FileAttachmentGroup: {
-    <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: FileAttachmentGroupProps<At, Ch, Co, Ev, Me, Re, Us>): JSX.Element | null;
+    <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: FileAttachmentGroupProps<StreamChatGenerics>): JSX.Element | null;
     displayName: string;
 };

package/lib/typescript/components/Attachment/Gallery.d.ts

@@ -1,18 +1,31 @@
+import type { MessageType } from '../../components/MessageList/hooks/useMessageList';
 import { ImageGalleryContextValue } from '../../contexts/imageGalleryContext/ImageGalleryContext';
 import { MessageContextValue } from '../../contexts/messageContext/MessageContext';
 import { MessagesContextValue } from '../../contexts/messagesContext/MessagesContext';
 import { OverlayContextValue } from '../../contexts/overlayContext/OverlayContext';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType, UnknownType } from '../../types/types';
-export declare type GalleryPropsWithContext<At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = DefaultCommandType, Ev extends UnknownType = DefaultEventType, Me extends UnknownType = DefaultMessageType, Re extends UnknownType = DefaultReactionType, Us extends UnknownType = DefaultUserType> = Pick<ImageGalleryContextValue, 'setImage'> & Pick<MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'alignment' | 'groupStyles' | 'images' | 'onLongPress' | 'onPress' | 'onPressIn' | 'preventPress' | 'threadList'> & Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'additionalTouchableProps'> & Pick<OverlayContextValue, 'setBlurType' | 'setOverlay'> & {
+import type { DefaultStreamChatGenerics } from '../../types/types';
+export declare type GalleryPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<ImageGalleryContextValue<StreamChatGenerics>, 'setImage' | 'setImages'> & Pick<MessageContextValue<StreamChatGenerics>, 'alignment' | 'groupStyles' | 'images' | 'onLongPress' | 'onPress' | 'onPressIn' | 'preventPress' | 'threadList'> & Pick<MessagesContextValue<StreamChatGenerics>, 'additionalTouchableProps' | 'legacyImageViewerSwipeBehaviour'> & Pick<OverlayContextValue, 'setOverlay'> & {
+    channelId: string | undefined;
     hasThreadReplies?: boolean;
-    messageId?: string;
-    messageText?: string;
+    /**
+     * `message` prop has been introduced here as part of `legacyImageViewerSwipeBehaviour` prop.
+     * https://github.com/GetStream/stream-chat-react-native/commit/d5eac6193047916f140efe8e396a671675c9a63f
+     * messageId and messageText may seem redundant now, but to avoid breaking change as part
+     * of minor release, we are keeping those props.
+     *
+     * Also `message` type should ideally be imported from MessageContextValue and not be explicitely mentioned
+     * here, but due to some circular dependencies within the SDK, it causes "exccesive deep nesting" issue with
+     * typescript within Channel component. We should take it as a mini-project and resolve all these circular imports.
+     *
+     * TODO: Fix circular dependencies of imports
+     */
+    message?: MessageType<StreamChatGenerics>;
 };
-export declare type GalleryProps<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<GalleryPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;
+export declare type GalleryProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Partial<GalleryPropsWithContext<StreamChatGenerics>>;
 /**
  * UI component for card in attachments.
  */
 export declare const Gallery: {
-    <At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = import("stream-chat").LiteralStringForUnion, Ev extends UnknownType = UnknownType, Me extends UnknownType = UnknownType, Re extends UnknownType = UnknownType, Us extends UnknownType = DefaultUserType>(props: Partial<GalleryPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>): JSX.Element | null;
+    <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: Partial<GalleryPropsWithContext<StreamChatGenerics>>): JSX.Element | null;
     displayName: string;
 };

package/lib/typescript/components/Attachment/Giphy.d.ts

@@ -1,17 +1,17 @@
+import type { Attachment } from 'stream-chat';
 import { MessageContextValue } from '../../contexts/messageContext/MessageContext';
 import { MessagesContextValue } from '../../contexts/messagesContext/MessagesContext';
-import type { Attachment } from 'stream-chat';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType, UnknownType } from '../../types/types';
-export declare type GiphyPropsWithContext<At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = DefaultCommandType, Ev extends UnknownType = DefaultEventType, Me extends UnknownType = DefaultMessageType, Re extends UnknownType = DefaultReactionType, Us extends UnknownType = DefaultUserType> = Pick<MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'handleAction' | 'onLongPress' | 'onPress' | 'onPressIn' | 'preventPress'> & Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'additionalTouchableProps'> & {
-    attachment: Attachment<At>;
+import type { DefaultStreamChatGenerics } from '../../types/types';
+export declare type GiphyPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<MessageContextValue<StreamChatGenerics>, 'handleAction' | 'onLongPress' | 'onPress' | 'onPressIn' | 'preventPress'> & Pick<MessagesContextValue<StreamChatGenerics>, 'additionalTouchableProps'> & {
+    attachment: Attachment<StreamChatGenerics>;
 };
-export declare type GiphyProps<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<Pick<MessageContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'onLongPress' | 'onPressIn'> & Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'additionalTouchableProps'>> & {
-    attachment: Attachment<At>;
+export declare type GiphyProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Partial<Pick<MessageContextValue<StreamChatGenerics>, 'onLongPress' | 'onPressIn'> & Pick<MessagesContextValue<StreamChatGenerics>, 'additionalTouchableProps'>> & {
+    attachment: Attachment<StreamChatGenerics>;
 };
 /**
  * UI component for card in attachments.
  */
 export declare const Giphy: {
-    <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: GiphyProps<At, Ch, Co, Ev, Me, Re, Us>): JSX.Element;
+    <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: GiphyProps<StreamChatGenerics>): JSX.Element;
     displayName: string;
 };

package/lib/typescript/components/Attachment/utils/buildGallery/buildGallery.d.ts

@@ -0,0 +1,23 @@
+import type { Attachment } from 'stream-chat';
+import type { GallerySizeAndThumbnailGrid, GallerySizeConfig } from './types';
+import type { DefaultStreamChatGenerics } from '../../../../types/types';
+/**
+ * Builds and returns a gallery of optimized images to be rendered on UI.
+ * This function take a object parameter with following properties:
+ *
+ * @param {Attachment[]} images - Array of image attachments
+ * @param {GallerySizeConfig} sizeConfig - Theme config for the gallery
+ *
+ * The returned object contains following properties:
+ *
+ * - height {number[]} - Height of the gallery
+ * - width {number[]} - Width of the gallery
+ * - thumbnailGrid {number[][]} - Grid of thumbnail images
+ * - invertedDirections {boolean} - Whether to invert the direction of the grid. By default grid is rendered with column as primary direction and row as secondary direction.
+ *
+ * @return {GallerySizeAndThumbnailGrid}
+ */
+export declare function buildGallery<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ images, sizeConfig, }: {
+    images: Attachment<StreamChatGenerics>[];
+    sizeConfig: GallerySizeConfig;
+}): GallerySizeAndThumbnailGrid;

package/lib/typescript/components/Attachment/utils/buildGallery/buildGalleryOfSingleImage.d.ts

@@ -0,0 +1,7 @@
+import type { Attachment } from 'stream-chat';
+import type { GallerySizeAndThumbnailGrid, GallerySizeConfig } from './types';
+import type { DefaultStreamChatGenerics } from '../../../../types/types';
+export declare function buildGalleryOfSingleImage<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ image, sizeConfig, }: {
+    image: Attachment<StreamChatGenerics>;
+    sizeConfig: GallerySizeConfig;
+}): GallerySizeAndThumbnailGrid;

package/lib/typescript/components/Attachment/utils/buildGallery/buildGalleryOfThreeImages.d.ts

@@ -0,0 +1,7 @@
+import type { Attachment } from 'stream-chat';
+import type { GallerySizeAndThumbnailGrid, GallerySizeConfig } from './types';
+import type { DefaultStreamChatGenerics } from '../../../../types/types';
+export declare function buildGalleryOfThreeImages<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ images, sizeConfig, }: {
+    images: Attachment<StreamChatGenerics>[];
+    sizeConfig: GallerySizeConfig;
+}): GallerySizeAndThumbnailGrid;

package/lib/typescript/components/Attachment/utils/buildGallery/buildGalleryOfTwoImages.d.ts

@@ -0,0 +1,7 @@
+import type { Attachment } from 'stream-chat';
+import type { GallerySizeAndThumbnailGrid, GallerySizeConfig } from './types';
+import type { DefaultStreamChatGenerics } from '../../../../types/types';
+export declare function buildGalleryOfTwoImages<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ images, sizeConfig, }: {
+    images: Attachment<StreamChatGenerics>[];
+    sizeConfig: GallerySizeConfig;
+}): GallerySizeAndThumbnailGrid;

package/lib/typescript/components/Attachment/utils/buildGallery/buildThumbnail.d.ts

@@ -0,0 +1,10 @@
+import type { ImageResizeMode } from 'react-native';
+import type { Attachment } from 'stream-chat';
+import type { Thumbnail } from './types';
+import type { DefaultStreamChatGenerics } from '../../../../types/types';
+export declare function buildThumbnail<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ height, image, resizeMode, width, }: {
+    height: number;
+    image: Attachment<StreamChatGenerics>;
+    width: number;
+    resizeMode?: ImageResizeMode;
+}): Thumbnail;

package/lib/typescript/components/Attachment/utils/buildGallery/buildThumbnailGrid.d.ts

@@ -0,0 +1,137 @@
+import type { Attachment } from 'stream-chat';
+import type { GallerySizeAndThumbnailGrid, GallerySizeConfig } from './types';
+import type { DefaultStreamChatGenerics } from '../../../../types/types';
+/**
+ * Builds a grid of thumbnail images from image attachments.
+ * This function take a object parameter with following properties:
+ *
+ * @params
+ *
+ * - {number[][]} grid - Grid pattern of the gallery. Each numeric value in the array represents the flex value of corresponding image in grid.
+ * - {Attachment[]} images - Array of image attachments.
+ * - {GallerySizeConfig} sizeConfig - Theme config for the gallery.
+ * - {boolean} invertedDirections - Whether to invert the direction of the grid. By default grid is rendered with column as primary direction and row as secondary direction.
+ *
+ * @usage
+ *
+ * ```
+ * const { thumbnailGrid, invertedDirection } = buildThumbnailGrid({
+ *  grid: [[1], [1]],
+ *  images: [image1, image2],
+ *  sizeConfig: {
+ *    gridHeight: 200,
+ *    gridWidth: 200,
+ *    maxHeight: 200,
+ *    maxWidth: 200,
+ *    minHeight: 200,
+ *    minWidth: 200,
+ *  },
+ * })
+ *
+ * Rendering logic on UI:
+ *
+ * ```
+ * <View style={{ flexDirection: invertedDirection ? 'row' : 'column }}>
+ * {
+ *  thumbnailGrid.forEach(rows => {
+ *    return (
+ *      <View style={{ flexDirection: invertedDirection ? 'column' : 'row' }}>
+ *       {
+ *        rows.forEach(thumbnail => (
+ *          <Image
+ *            source={{ uri: thumbnail.url }}
+ *            resizeMode={thumbnail.resizeMode}
+ *            width={thumbnail.width}
+ *            height={thumbnail.height}
+ *          />
+ *       ))}
+ *      </View>
+ *    )});
+ * }
+ * </View>
+ * ```
+ *
+ * Lets look at different examples of grid and invertedDirections param:
+ *
+ * EXAMPLE 1:
+ *
+ * ```
+ * {
+ *  grid: [[2, 1], [2, 1]]
+ *  invertedDirections: false
+ * }
+ * ```
+ *
+ * Resulting thumbnail grid on rendered UI:
+ *
+ *  __________________
+ * |            |     |
+ * |            |     |
+ * |------------------|
+ * |            |     |
+ * |            |     |
+ *  ------------------
+ *
+ * EXAMPLE 2:
+ *
+ * ```
+ * {
+ *  grid: [[2, 1], [2, 1]]
+ *  invertedDirections: true
+ * }
+ * ```
+ * Resulting thumbnail grid on rendered UI:
+ *  __________________
+ * |         |        |
+ * |         |        |
+ * |         |        |
+ * |         |        |
+ * |------------------|
+ * |         |        |
+ * |         |        |
+ *  ------------------
+ *
+ * EXAMPLE 3:
+ *
+ * ```
+ * {
+ *  grid: [[2, 1]]
+ *  invertedDirections: false
+ * }
+ * ```
+ * Resulting thumbnail grid on rendered UI:
+ *  __________________
+ * |                  |
+ * |                  |
+ * |                  |
+ * |                  |
+ * |------------------|
+ * |                  |
+ * |                  |
+ *  ------------------
+ *
+ * EXAMPLE 4:
+ *
+ * ```
+ * {
+ *  grid: [[2, 1]]
+ *  invertedDirections: true
+ * }
+ * ```
+ * Resulting thumbnail grid on rendered UI:
+ *  __________________
+ * |            |     |
+ * |            |     |
+ * |            |     |
+ * |            |     |
+ * |            |     |
+ *  ------------------
+ *
+ * @return {GallerySizeAndThumbnailGrid}
+ */
+export declare function buildThumbnailGrid<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ grid, images, invertedDirections, sizeConfig, }: {
+    grid: number[][];
+    images: Attachment<StreamChatGenerics>[];
+    invertedDirections: boolean;
+    sizeConfig: GallerySizeConfig;
+}): GallerySizeAndThumbnailGrid;

package/lib/typescript/components/Attachment/utils/buildGallery/types.d.ts

@@ -0,0 +1,23 @@
+import type { ImageResizeMode } from 'react-native';
+export declare type Thumbnail = {
+    height: number;
+    resizeMode: ImageResizeMode;
+    url: string;
+    width: number;
+    id?: string;
+};
+export declare type GallerySizeConfig = {
+    gridHeight: number;
+    gridWidth: number;
+    maxHeight: number;
+    maxWidth: number;
+    minHeight: number;
+    minWidth: number;
+};
+export declare type ThumbnailGrid = Thumbnail[][];
+export declare type GallerySizeAndThumbnailGrid = {
+    height: number;
+    thumbnailGrid: ThumbnailGrid;
+    width: number;
+    invertedDirections?: boolean;
+};

package/lib/typescript/components/Attachment/utils/getAspectRatio.d.ts

@@ -0,0 +1,9 @@
+import type { Attachment } from 'stream-chat';
+import type { DefaultStreamChatGenerics } from '../../../types/types';
+/**
+ * Returns the aspect ratio of an image attachment.
+ *
+ * @param image Image attachment.
+ * @returns {number}
+ */
+export declare function getAspectRatio<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(image: Attachment<StreamChatGenerics>): number;

package/lib/typescript/components/Attachment/utils/getGalleryImageBorderRadius.d.ts

@@ -0,0 +1,22 @@
+import type { GallerySizeConfig } from './buildGallery/types';
+import type { MessageContextValue } from '../../../contexts/messageContext/MessageContext';
+declare type Params = {
+    colIndex: number;
+    numOfColumns: number;
+    numOfRows: number;
+    rowIndex: number;
+    sizeConfig: GallerySizeConfig;
+    hasThreadReplies?: boolean;
+    height?: number;
+    invertedDirections?: boolean;
+    messageText?: string;
+    threadList?: boolean;
+    width?: number;
+} & Pick<MessageContextValue, 'groupStyles' | 'alignment'>;
+export declare function getGalleryImageBorderRadius({ alignment, colIndex, groupStyles, hasThreadReplies, height, invertedDirections, messageText, numOfColumns, numOfRows, rowIndex, sizeConfig, threadList, width, }: Params): {
+    borderBottomLeftRadius: number;
+    borderBottomRightRadius: number;
+    borderTopLeftRadius: number;
+    borderTopRightRadius: number;
+};
+export {};

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

@@ -2,11 +2,17 @@ import { ChannelContextValue } from '../../contexts/channelContext/ChannelContex
 import { MessageInputContextValue } from '../../contexts/messageInputContext/MessageInputContext';
 import { SuggestionsContextValue } from '../../contexts/suggestionsContext/SuggestionsContext';
 import { TranslationContextValue } from '../../contexts/translationContext/TranslationContext';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType, UnknownType } from '../../types/types';
-declare type AutoCompleteInputPropsWithContext<At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = DefaultCommandType, Ev extends UnknownType = DefaultEventType, Me extends UnknownType = DefaultMessageType, Re extends UnknownType = DefaultReactionType, Us extends UnknownType = DefaultUserType> = Pick<ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'giphyEnabled'> & Pick<MessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'additionalTextInputProps' | 'autoCompleteSuggestionsLimit' | 'giphyActive' | 'maxMessageLength' | 'mentionAllAppUsersEnabled' | 'mentionAllAppUsersQuery' | 'numberOfLines' | 'onChange' | 'setGiphyActive' | 'setInputBoxRef' | 'setShowMoreOptions' | 'text' | 'triggerSettings'> & Pick<SuggestionsContextValue<Co, Us>, 'closeSuggestions' | 'openSuggestions' | 'updateSuggestions'> & Pick<TranslationContextValue, 't'>;
-export declare type AutoCompleteInputProps<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<AutoCompleteInputPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;
+import type { DefaultStreamChatGenerics } from '../../types/types';
+declare type AutoCompleteInputPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<ChannelContextValue<StreamChatGenerics>, 'giphyEnabled'> & Pick<MessageInputContextValue<StreamChatGenerics>, 'additionalTextInputProps' | 'autoCompleteSuggestionsLimit' | 'giphyActive' | 'maxMessageLength' | 'mentionAllAppUsersEnabled' | 'mentionAllAppUsersQuery' | 'numberOfLines' | 'onChange' | 'setGiphyActive' | 'setInputBoxRef' | 'setShowMoreOptions' | 'text' | 'triggerSettings'> & Pick<SuggestionsContextValue<StreamChatGenerics>, 'closeSuggestions' | 'openSuggestions' | 'updateSuggestions'> & Pick<TranslationContextValue, 't'> & {
+    /**
+     * This is currently passed in from MessageInput to avoid rerenders
+     * that would happen if we put this in the MessageInputContext
+     */
+    cooldownActive?: boolean;
+};
+export declare type AutoCompleteInputProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Partial<AutoCompleteInputPropsWithContext<StreamChatGenerics>>;
 export declare const AutoCompleteInput: {
-    <At extends UnknownType = DefaultAttachmentType, Ch extends UnknownType = DefaultChannelType, Co extends string = import("stream-chat").LiteralStringForUnion, Ev extends UnknownType = UnknownType, Me extends UnknownType = UnknownType, Re extends UnknownType = UnknownType, Us extends UnknownType = DefaultUserType>(props: Partial<AutoCompleteInputPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>): JSX.Element;
+    <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: Partial<AutoCompleteInputPropsWithContext<StreamChatGenerics>>): JSX.Element;
     displayName: string;
 };
 export {};

package/lib/typescript/components/AutoCompleteInput/AutoCompleteSuggestionCommandIcon.d.ts

@@ -0,0 +1,5 @@
+import type { SuggestionCommand } from '../../contexts/suggestionsContext/SuggestionsContext';
+import type { DefaultStreamChatGenerics } from '../../types/types';
+export declare const AutoCompleteSuggestionCommandIcon: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ name, }: {
+    name: import("stream-chat").CommandVariants<StreamChatGenerics> | undefined;
+}) => JSX.Element;

package/lib/typescript/components/AutoCompleteInput/AutoCompleteSuggestionHeader.d.ts

@@ -0,0 +1,8 @@
+import type { SuggestionsContextValue } from '../../contexts/suggestionsContext/SuggestionsContext';
+import type { DefaultStreamChatGenerics } from '../../types/types';
+export declare type AutoCompleteSuggestionHeaderPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<SuggestionsContextValue<StreamChatGenerics>, 'triggerType' | 'queryText'>;
+export declare type AutoCompleteSuggestionHeaderProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = AutoCompleteSuggestionHeaderPropsWithContext<StreamChatGenerics>;
+export declare const AutoCompleteSuggestionHeader: {
+    <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: AutoCompleteSuggestionHeaderProps<StreamChatGenerics>): JSX.Element;
+    displayName: string;
+};

package/lib/typescript/components/AutoCompleteInput/AutoCompleteSuggestionItem.d.ts

@@ -0,0 +1,10 @@
+import type { Suggestion, SuggestionsContextValue } from '../../contexts/suggestionsContext/SuggestionsContext';
+import type { DefaultStreamChatGenerics } from '../../types/types';
+export declare type AutoCompleteSuggestionItemPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<SuggestionsContextValue, 'triggerType'> & {
+    itemProps: Suggestion<StreamChatGenerics>;
+};
+export declare type AutoCompleteSuggestionItemProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = AutoCompleteSuggestionItemPropsWithContext<StreamChatGenerics>;
+export declare const AutoCompleteSuggestionItem: {
+    <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: AutoCompleteSuggestionItemProps<StreamChatGenerics>): JSX.Element;
+    displayName: string;
+};

package/lib/typescript/components/AutoCompleteInput/AutoCompleteSuggestionList.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { AutoCompleteSuggestionHeaderProps } from './AutoCompleteSuggestionHeader';
+import type { AutoCompleteSuggestionItemProps } from './AutoCompleteSuggestionItem';
+import { Suggestion, SuggestionsContextValue } from '../../contexts/suggestionsContext/SuggestionsContext';
+import type { DefaultStreamChatGenerics } from '../../types/types';
+declare type AutoCompleteSuggestionListComponentProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<SuggestionsContextValue, 'queryText' | 'triggerType'> & {
+    active: boolean;
+    data: Suggestion<StreamChatGenerics>[];
+    onSelect: (item: Suggestion<StreamChatGenerics>) => void;
+};
+export declare type AutoCompleteSuggestionListPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<SuggestionsContextValue<StreamChatGenerics>, 'AutoCompleteSuggestionHeader' | 'AutoCompleteSuggestionItem'> & AutoCompleteSuggestionListComponentProps<StreamChatGenerics>;
+export declare const AutoCompleteSuggestionListWithContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: AutoCompleteSuggestionListPropsWithContext<StreamChatGenerics>) => JSX.Element | null;
+export declare type AutoCompleteSuggestionListProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = AutoCompleteSuggestionListComponentProps<StreamChatGenerics> & {
+    AutoCompleteSuggestionHeader?: React.ComponentType<AutoCompleteSuggestionHeaderProps>;
+    AutoCompleteSuggestionItem?: React.ComponentType<AutoCompleteSuggestionItemProps<StreamChatGenerics>>;
+};
+export declare const AutoCompleteSuggestionList: {
+    <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: AutoCompleteSuggestionListProps<StreamChatGenerics>): JSX.Element;
+    displayName: string;
+};
+export {};

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

@@ -16,6 +16,6 @@ export declare type AvatarProps = {
     testID?: string;
 };
 /**
- * Avatar - A round avatar image with fallback to user's initials
+ * Avatar - A round avatar image with fallback to user's initials.
  */
 export declare const Avatar: React.FC<AvatarProps>;

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

@@ -1,20 +1,21 @@
 import React, { PropsWithChildren } from 'react';
 import { KeyboardAvoidingViewProps } from 'react-native';
 import { Channel as ChannelType, SendMessageAPIResponse, StreamChat, Message as StreamMessage } from 'stream-chat';
-import { LoadingErrorProps } from '../Indicators/LoadingErrorIndicator';
 import { ChannelContextValue } from '../../contexts/channelContext/ChannelContext';
+import type { UseChannelStateValue } from '../../contexts/channelsStateContext/useChannelState';
 import { ChatContextValue } from '../../contexts/chatContext/ChatContext';
 import { InputMessageInputContextValue } from '../../contexts/messageInputContext/MessageInputContext';
 import { MessagesContextValue } from '../../contexts/messagesContext/MessagesContext';
+import { OwnCapabilitiesContextValue } from '../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext';
 import { PaginatedMessageListContextValue } from '../../contexts/paginatedMessageListContext/PaginatedMessageListContext';
 import { SuggestionsContextValue } from '../../contexts/suggestionsContext/SuggestionsContext';
 import { ThreadContextValue } from '../../contexts/threadContext/ThreadContext';
 import { TranslationContextValue } from '../../contexts/translationContext/TranslationContext';
+import type { DefaultStreamChatGenerics } from '../../types/types';
 import { ReactionData } from '../../utils/utils';
-import type { UseChannelStateValue } from '../../contexts/channelsStateContext/useChannelState';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType, UnknownType } from '../../types/types';
+import { LoadingErrorProps } from '../Indicators/LoadingErrorIndicator';
 export declare const reactionData: ReactionData[];
-export declare type ChannelPropsWithContext<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<Pick<ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'channel' | 'EmptyStateIndicator' | 'enforceUniqueReaction' | 'giphyEnabled' | 'hideDateSeparators' | 'LoadingIndicator' | 'maxTimeBetweenGroupedMessages' | 'NetworkDownIndicator' | 'StickyHeader'>> & Pick<ChatContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'client'> & Partial<Omit<InputMessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'quotedMessage' | 'editing' | 'clearEditingState' | 'clearQuotedMessageState' | 'sendMessage'>> & Partial<SuggestionsContextValue<Co, Us>> & Pick<TranslationContextValue, 't'> & Partial<Pick<PaginatedMessageListContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'messages' | 'loadingMore' | 'loadingMoreRecent'>> & UseChannelStateValue<At, Ch, Co, Ev, Me, Re, Us> & Partial<Pick<MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'additionalTouchableProps' | 'animatedLongPress' | 'Attachment' | 'AttachmentActions' | 'blockUser' | 'Card' | 'CardCover' | 'CardFooter' | 'CardHeader' | 'copyMessage' | 'DateHeader' | 'deleteMessage' | 'disableTypingIndicator' | 'dismissKeyboardOnMessageTouch' | 'editMessage' | 'FileAttachment' | 'FileAttachmentIcon' | 'FileAttachmentGroup' | 'flagMessage' | 'FlatList' | 'forceAlignMessages' | 'formatDate' | 'Gallery' | 'Giphy' | 'handleBlock' | 'handleCopy' | 'handleDelete' | 'handleEdit' | 'handleFlag' | 'handleMute' | 'handleReaction' | 'handleQuotedReply' | 'handleRetry' | 'handleThreadReply' | 'InlineDateSeparator' | 'InlineUnreadIndicator' | 'markdownRules' | 'Message' | 'messageActions' | 'MessageAvatar' | 'MessageContent' | 'messageContentOrder' | 'MessageDeleted' | 'MessageFooter' | 'MessageHeader' | 'MessageList' | 'MessageReplies' | 'MessageRepliesAvatars' | 'MessageSimple' | 'MessageStatus' | 'MessageSystem' | 'MessageText' | 'muteUser' | 'myMessageTheme' | 'onDoubleTapMessage' | 'onLongPressMessage' | 'onPressInMessage' | 'onPressMessage' | 'OverlayReactionList' | 'quotedReply' | 'ReactionList' | 'Reply' | 'retry' | 'ScrollToBottomButton' | 'selectReaction' | 'supportedReactions' | 'threadReply' | 'TypingIndicator' | 'TypingIndicatorContainer' | 'UrlPreview'>> & Partial<Pick<ThreadContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'allowThreadMessagesInChannel' | 'thread'>> & {
+export declare type ChannelPropsWithContext<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Pick<ChannelContextValue<StreamChatGenerics>, 'channel'> & Partial<Pick<ChannelContextValue<StreamChatGenerics>, 'EmptyStateIndicator' | 'enableMessageGroupingByUser' | 'enforceUniqueReaction' | 'giphyEnabled' | 'hideStickyDateHeader' | 'hideDateSeparators' | 'LoadingIndicator' | 'maxTimeBetweenGroupedMessages' | 'NetworkDownIndicator' | 'StickyHeader'>> & Pick<ChatContextValue<StreamChatGenerics>, 'client'> & Partial<Omit<InputMessageInputContextValue<StreamChatGenerics>, 'quotedMessage' | 'editing' | 'clearEditingState' | 'clearQuotedMessageState' | 'sendMessage'>> & Partial<Pick<SuggestionsContextValue<StreamChatGenerics>, 'AutoCompleteSuggestionHeader' | 'AutoCompleteSuggestionItem' | 'AutoCompleteSuggestionList'>> & Pick<TranslationContextValue, 't'> & Partial<Pick<PaginatedMessageListContextValue<StreamChatGenerics>, 'messages' | 'loadingMore' | 'loadingMoreRecent'>> & UseChannelStateValue<StreamChatGenerics> & Partial<Pick<MessagesContextValue<StreamChatGenerics>, 'additionalTouchableProps' | 'Attachment' | 'AttachmentActions' | 'Card' | 'CardCover' | 'CardFooter' | 'CardHeader' | 'DateHeader' | 'deletedMessagesVisibilityType' | 'disableTypingIndicator' | 'dismissKeyboardOnMessageTouch' | 'FileAttachment' | 'FileAttachmentIcon' | 'FileAttachmentGroup' | 'FlatList' | 'forceAlignMessages' | 'formatDate' | 'Gallery' | 'Giphy' | 'handleBlock' | 'handleCopy' | 'handleDelete' | 'handleEdit' | 'handleFlag' | 'handleMute' | 'handlePinMessage' | 'handleReaction' | 'handleQuotedReply' | 'handleRetry' | 'handleThreadReply' | 'InlineDateSeparator' | 'InlineUnreadIndicator' | 'legacyImageViewerSwipeBehaviour' | 'markdownRules' | 'Message' | 'messageActions' | 'MessageAvatar' | 'MessageContent' | 'messageContentOrder' | 'MessageDeleted' | 'MessageFooter' | 'MessageHeader' | 'MessageList' | 'MessagePinnedHeader' | 'MessageReplies' | 'MessageRepliesAvatars' | 'MessageSimple' | 'MessageStatus' | 'MessageSystem' | 'MessageText' | 'myMessageTheme' | 'onLongPressMessage' | 'onPressInMessage' | 'onPressMessage' | 'OverlayReactionList' | 'ReactionList' | 'Reply' | 'ScrollToBottomButton' | 'selectReaction' | 'supportedReactions' | 'TypingIndicator' | 'TypingIndicatorContainer' | 'UrlPreview'>> & Partial<Pick<ThreadContextValue<StreamChatGenerics>, 'allowThreadMessagesInChannel' | 'thread'>> & {
     shouldSyncChannel: boolean;
     /**
      * Additional props passed to keyboard avoiding view
@@ -37,19 +38,19 @@ export declare type ChannelPropsWithContext<At extends UnknownType = DefaultAtta
      * Overrides the Stream default mark channel read request (Advanced usage only)
      * @param channel Channel object
      */
-    doMarkReadRequest?: (channel: ChannelType<At, Ch, Co, Ev, Me, Re, Us>) => void;
+    doMarkReadRequest?: (channel: ChannelType<StreamChatGenerics>) => void;
     /**
      * Overrides the Stream default send message request (Advanced usage only)
      * @param channelId
      * @param messageData Message object
      */
-    doSendMessageRequest?: (channelId: string, messageData: StreamMessage<At, Me, Us>) => Promise<SendMessageAPIResponse<At, Ch, Co, Me, Re, Us>>;
+    doSendMessageRequest?: (channelId: string, messageData: StreamMessage<StreamChatGenerics>) => Promise<SendMessageAPIResponse<StreamChatGenerics>>;
     /**
      * Overrides the Stream default update message request (Advanced usage only)
      * @param channelId
      * @param updatedMessage UpdatedMessage object
      */
-    doUpdateMessageRequest?: (channelId: string, updatedMessage: Parameters<StreamChat<At, Ch, Co, Ev, Me, Re, Us>['updateMessage']>[0]) => ReturnType<StreamChat<At, Ch, Co, Ev, Me, Re, Us>['updateMessage']>;
+    doUpdateMessageRequest?: (channelId: string, updatedMessage: Parameters<StreamChat<StreamChatGenerics>['updateMessage']>[0]) => ReturnType<StreamChat<StreamChatGenerics>['updateMessage']>;
     /**
      * E.g. Once unread count exceeds 255, display unread count as 255+ instead of actual count.
      * Also 255 is the limit per Stream chat channel for unread count.
@@ -87,19 +88,15 @@ export declare type ChannelPropsWithContext<At extends UnknownType = DefaultAtta
     LoadingErrorIndicator?: React.ComponentType<LoadingErrorProps>;
     maxMessageLength?: number;
     messageId?: string;
-    mutesEnabled?: boolean;
-    quotedRepliesEnabled?: boolean;
-    reactionsEnabled?: boolean;
-    readEventsEnabled?: boolean;
+    newMessageStateUpdateThrottleInterval?: number;
+    overrideOwnCapabilities?: OwnCapabilitiesContextValue;
+    stateUpdateThrottleInterval?: number;
     /**
      * Tells if channel is rendering a thread list
      */
     threadList?: boolean;
-    threadRepliesEnabled?: boolean;
-    typingEventsEnabled?: boolean;
-    uploadsEnabled?: boolean;
 };
-export declare type ChannelProps<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<ChannelPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>;
+export declare type ChannelProps<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = Partial<Omit<ChannelPropsWithContext<StreamChatGenerics>, 'channel'>> & Pick<ChannelPropsWithContext<StreamChatGenerics>, 'channel'>;
 /**
  *
  * The wrapper component for a chat channel. Channel needs to be placed inside a Chat component
@@ -108,4 +105,4 @@ export declare type ChannelProps<At extends UnknownType = DefaultAttachmentType,
  *
  * @example ./Channel.md
  */
-export declare const Channel: <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<Partial<ChannelPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>>>) => JSX.Element;
+export declare const Channel: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: React.PropsWithChildren<ChannelProps<StreamChatGenerics>>) => JSX.Element;

package/lib/typescript/components/Channel/hooks/useCreateChannelContext.d.ts

@@ -1,3 +1,3 @@
 import type { ChannelContextValue } from '../../../contexts/channelContext/ChannelContext';
-import type { DefaultAttachmentType, DefaultChannelType, DefaultUserType, UnknownType } from '../../../types/types';
-export declare const useCreateChannelContext: <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>({ channel, disabled, EmptyStateIndicator, enforceUniqueReaction, error, giphyEnabled, hideDateSeparators, isAdmin, isModerator, isOwner, lastRead, loadChannelAtMessage, loading, LoadingIndicator, markRead, maxTimeBetweenGroupedMessages, members, NetworkDownIndicator, read, readEventsEnabled, reloadChannel, scrollToFirstUnreadThreshold, setLastRead, setTargetedMessage, StickyHeader, targetedMessage, threadList, typingEventsEnabled, watcherCount, watchers, }: ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>) => ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+import type { DefaultStreamChatGenerics } from '../../../types/types';
+export declare const useCreateChannelContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ channel, disabled, EmptyStateIndicator, enableMessageGroupingByUser, enforceUniqueReaction, error, giphyEnabled, hideDateSeparators, hideStickyDateHeader, isAdmin, isChannelActive, isModerator, isOwner, lastRead, loadChannelAtMessage, loading, LoadingIndicator, markRead, maxTimeBetweenGroupedMessages, members, NetworkDownIndicator, read, reloadChannel, scrollToFirstUnreadThreshold, setLastRead, setTargetedMessage, StickyHeader, targetedMessage, threadList, watcherCount, watchers, }: ChannelContextValue<StreamChatGenerics>) => ChannelContextValue<StreamChatGenerics>;