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

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

@@ -1,10 +1,12 @@
+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 { MessageType } from '../../components/MessageList/hooks/useMessageList';
 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' | 'setImages'> & 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' | 'legacyImageViewerSwipeBehaviour'> & Pick<OverlayContextValue, 'setBlurType' | 'setOverlay'> & {
+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' | 'setImages'> & 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' | 'legacyImageViewerSwipeBehaviour'> & Pick<OverlayContextValue, 'setOverlay'> & {
+    channelId: string | undefined;
+    hasThreadReplies?: boolean;
     /**
      * `message` prop has been introduced here as part of `legacyImageViewerSwipeBehaviour` prop.
      * https://github.com/GetStream/stream-chat-react-native/commit/d5eac6193047916f140efe8e396a671675c9a63f
@@ -15,13 +17,9 @@ export declare type GalleryPropsWithContext<At extends UnknownType = DefaultAtta
      * 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[major]: remove messageId and messageText
      * TODO: Fix circular dependencies of imports
      */
-    hasThreadReplies?: boolean;
     message?: MessageType<At, Ch, Co, Ev, Me, Re, Us>;
-    messageId?: string;
-    messageText?: string;
 };
 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>>;
 /**

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

@@ -1,6 +1,6 @@
+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>;

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 { DefaultAttachmentType, UnknownType } 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<At extends UnknownType = DefaultAttachmentType>({ images, sizeConfig, }: {
+    images: Attachment<At>[];
+    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 { DefaultAttachmentType } from '../../../../types/types';
+export declare function buildGalleryOfSingleImage<At extends DefaultAttachmentType = DefaultAttachmentType>({ image, sizeConfig, }: {
+    image: Attachment<At>;
+    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 { DefaultAttachmentType } from '../../../../types/types';
+export declare function buildGalleryOfThreeImages<At extends DefaultAttachmentType = DefaultAttachmentType>({ images, sizeConfig, }: {
+    images: Attachment<At>[];
+    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 { DefaultAttachmentType, UnknownType } from '../../../../types/types';
+export declare function buildGalleryOfTwoImages<At extends UnknownType = DefaultAttachmentType>({ images, sizeConfig, }: {
+    images: Attachment<At>[];
+    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 { DefaultAttachmentType, UnknownType } from '../../../../types/types';
+export declare function buildThumbnail<At extends UnknownType = DefaultAttachmentType>({ height, image, resizeMode, width, }: {
+    height: number;
+    image: Attachment<At>;
+    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 { DefaultAttachmentType, UnknownType } 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<At extends UnknownType = DefaultAttachmentType>({ grid, images, invertedDirections, sizeConfig, }: {
+    grid: number[][];
+    images: Attachment<At>[];
+    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 { DefaultAttachmentType, UnknownType } from '../../../types/types';
+/**
+ * Returns the aspect ratio of an image attachment.
+ *
+ * @param image Image attachment.
+ * @returns {number}
+ */
+export declare function getAspectRatio<At extends UnknownType = DefaultAttachmentType>(image: Attachment<At>): 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

@@ -3,7 +3,13 @@ import { MessageInputContextValue } from '../../contexts/messageInputContext/Mes
 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'>;
+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'> & {
+    /**
+     * 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<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>>;
 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;

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

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

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

@@ -0,0 +1,8 @@
+import type { SuggestionsContextValue } from '../../contexts/suggestionsContext/SuggestionsContext';
+import type { DefaultCommandType, DefaultUserType, UnknownType } from '../../types/types';
+export declare type AutoCompleteSuggestionHeaderPropsWithContext<Co extends string = DefaultCommandType, Us extends UnknownType = DefaultUserType> = Pick<SuggestionsContextValue<Co, Us>, 'triggerType' | 'queryText'>;
+export declare type AutoCompleteSuggestionHeaderProps<Co extends string = DefaultCommandType, Us extends DefaultUserType = DefaultUserType> = AutoCompleteSuggestionHeaderPropsWithContext<Co, Us>;
+export declare const AutoCompleteSuggestionHeader: {
+    <Co extends string = import("stream-chat").LiteralStringForUnion, Us extends DefaultUserType = DefaultUserType>(props: AutoCompleteSuggestionHeaderProps<Co, Us>): 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 { DefaultCommandType, DefaultUserType } from '../../types/types';
+export declare type AutoCompleteSuggestionItemPropsWithContext<Co extends string = DefaultCommandType, Us extends DefaultUserType = DefaultUserType> = Pick<SuggestionsContextValue, 'triggerType'> & {
+    itemProps: Suggestion<Co, Us>;
+};
+export declare type AutoCompleteSuggestionItemProps<Co extends string = DefaultCommandType, Us extends DefaultUserType = DefaultUserType> = AutoCompleteSuggestionItemPropsWithContext<Co, Us>;
+export declare const AutoCompleteSuggestionItem: {
+    <Co extends string = import("stream-chat").LiteralStringForUnion, Us extends DefaultUserType = DefaultUserType>(props: AutoCompleteSuggestionItemProps<Co, Us>): 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 { DefaultCommandType, DefaultUserType, UnknownType } from '../../types/types';
+declare type AutoCompleteSuggestionListComponentProps<Co extends string = DefaultCommandType, Us extends UnknownType = DefaultUserType> = Pick<SuggestionsContextValue, 'queryText' | 'triggerType'> & {
+    active: boolean;
+    data: Suggestion<Co, Us>[];
+    onSelect: (item: Suggestion<Co, Us>) => void;
+};
+export declare type AutoCompleteSuggestionListPropsWithContext<Co extends string = DefaultCommandType, Us extends UnknownType = DefaultUserType> = Pick<SuggestionsContextValue<Co, Us>, 'AutoCompleteSuggestionHeader' | 'AutoCompleteSuggestionItem'> & AutoCompleteSuggestionListComponentProps<Co, Us>;
+export declare const AutoCompleteSuggestionListWithContext: <Co extends string = import("stream-chat").LiteralStringForUnion, Us extends UnknownType = DefaultUserType>(props: AutoCompleteSuggestionListPropsWithContext<Co, Us>) => JSX.Element | null;
+export declare type AutoCompleteSuggestionListProps<Co extends string = DefaultCommandType, Us extends UnknownType = DefaultUserType> = AutoCompleteSuggestionListComponentProps<Co, Us> & {
+    AutoCompleteSuggestionHeader?: React.ComponentType<AutoCompleteSuggestionHeaderProps>;
+    AutoCompleteSuggestionItem?: React.ComponentType<AutoCompleteSuggestionItemProps<Co, Us>>;
+};
+export declare const AutoCompleteSuggestionList: {
+    <Co extends string = import("stream-chat").LiteralStringForUnion, Us extends UnknownType = DefaultUserType>(props: AutoCompleteSuggestionListProps<Co, Us>): JSX.Element;
+    displayName: string;
+};
+export {};

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

@@ -1,19 +1,22 @@
 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 { ReactionData } from '../../utils/utils';
 import type { DefaultAttachmentType, DefaultChannelType, DefaultCommandType, DefaultEventType, DefaultMessageType, DefaultReactionType, DefaultUserType, UnknownType } from '../../types/types';
+import { ReactionData } from '../../utils/utils';
+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' | 'enableMessageGroupingByUser' | 'enforceUniqueReaction' | 'giphyEnabled' | 'hideStickyDateHeader' | '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'>> & 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' | 'legacyImageViewerSwipeBehaviour' | '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<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>, 'channel'> & Partial<Pick<ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>, 'EmptyStateIndicator' | 'enableMessageGroupingByUser' | 'enforceUniqueReaction' | 'giphyEnabled' | 'hideStickyDateHeader' | '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<Pick<SuggestionsContextValue<Co, Us>, 'AutoCompleteSuggestionHeader' | 'AutoCompleteSuggestionItem' | 'AutoCompleteSuggestionList'>> & 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' | '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<At, Ch, Co, Ev, Me, Re, Us>, 'allowThreadMessagesInChannel' | 'thread'>> & {
+    shouldSyncChannel: boolean;
     /**
      * Additional props passed to keyboard avoiding view
      */
@@ -85,17 +88,15 @@ export declare type ChannelPropsWithContext<At extends UnknownType = DefaultAtta
     LoadingErrorIndicator?: React.ComponentType<LoadingErrorProps>;
     maxMessageLength?: number;
     messageId?: string;
-    mutesEnabled?: boolean;
     newMessageStateUpdateThrottleInterval?: number;
-    quotedRepliesEnabled?: boolean;
-    reactionsEnabled?: boolean;
-    readEventsEnabled?: boolean;
+    overrideOwnCapabilities?: OwnCapabilitiesContextValue;
     stateUpdateThrottleInterval?: number;
-    threadRepliesEnabled?: boolean;
-    typingEventsEnabled?: boolean;
-    uploadsEnabled?: boolean;
+    /**
+     * Tells if channel is rendering a thread list
+     */
+    threadList?: 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<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<ChannelPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>, 'channel'>> & Pick<ChannelPropsWithContext<At, Ch, Co, Ev, Me, Re, Us>, 'channel'>;
 /**
  *
  * The wrapper component for a chat channel. Channel needs to be placed inside a Chat component
@@ -104,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: <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<ChannelProps<At, Ch, Co, Ev, Me, Re, Us>>) => 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, enableMessageGroupingByUser, enforceUniqueReaction, error, giphyEnabled, hideDateSeparators, hideStickyDateHeader, isAdmin, isModerator, isOwner, lastRead, loadChannelAtMessage, loading, LoadingIndicator, markRead, maxTimeBetweenGroupedMessages, members, NetworkDownIndicator, read, readEventsEnabled, reloadChannel, scrollToFirstUnreadThreshold, setLastRead, setTargetedMessage, StickyHeader, targetedMessage, typingEventsEnabled, watcherCount, watchers, }: ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>) => ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+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, 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<At, Ch, Co, Ev, Me, Re, Us>) => ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>;

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

@@ -1,73 +1,6 @@
-/// <reference types="react" />
 import type { InputMessageInputContextValue } from '../../../contexts/messageInputContext/MessageInputContext';
 import type { DefaultAttachmentType, DefaultChannelType, DefaultUserType, UnknownType } from '../../../types/types';
-export declare const useCreateInputMessageInputContext: <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, AttachButton, autoCompleteSuggestionsLimit, autoCompleteTriggerSettings, channelId, clearEditingState, clearQuotedMessageState, CommandsButton, compressImageQuality, doDocUploadRequest, doImageUploadRequest, editing, editMessage, FileUploadPreview, hasCommands, hasFilePicker, hasImagePicker, ImageUploadPreview, initialValue, Input, InputButtons, maxMessageLength, maxNumberOfFiles, mentionAllAppUsersEnabled, mentionAllAppUsersQuery, MoreOptionsButton, numberOfLines, onChangeText, quotedMessage, SendButton, sendImageAsync, sendMessage, setInputRef, setQuotedMessageState, ShowThreadMessageInChannelButton, UploadProgressIndicator, uploadsEnabled, }: {
-    AttachButton: import("react").ComponentType<Partial<Pick<import("../../..").ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>, "disabled"> & {
-        handleOnPress?: (((event: import("react-native").GestureResponderEvent) => void) & (() => void)) | undefined;
-        selectedPicker?: "images" | undefined;
-    }>>;
-    clearEditingState: () => void;
-    clearQuotedMessageState: () => void;
-    CommandsButton: import("react").ComponentType<Partial<Pick<import("../../..").ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>, "disabled"> & Pick<import("../../..").SuggestionsContextValue<Co, Us>, "suggestions"> & {
-        handleOnPress?: (((event: import("react-native").GestureResponderEvent) => void) & (() => void)) | undefined;
-    }>>;
-    editing: boolean | import("../..").MessageType<At, Ch, Co, Ev, Me, Re, Us>;
-    editMessage: (message: import("stream-chat").UpdatedMessage<At, Ch, Co, Me, Re, Us>, userId?: string | {
-        id: string;
-    } | undefined) => Promise<import("stream-chat").UpdateMessageAPIResponse<At, Ch, Co, Me, Re, Us>>;
-    FileUploadPreview: import("react").ComponentType<Partial<Pick<import("../../../contexts/messageInputContext/MessageInputContext").MessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us>, "fileUploads" | "removeFile" | "uploadFile"> & Pick<import("../../..").MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, "FileAttachmentIcon">>>;
-    hasCommands: boolean;
-    hasFilePicker: boolean;
-    hasImagePicker: boolean;
-    ImageUploadPreview: import("react").ComponentType<Partial<{
-        imageUploads: import("../../../contexts/messageInputContext/MessageInputContext").ImageUpload[];
-        removeImage: (id: string) => void;
-        uploadImage: ({ newImage }: {
-            newImage: import("../../../contexts/messageInputContext/MessageInputContext").ImageUpload;
-        }) => Promise<void>;
-    }>>;
-    maxNumberOfFiles: number;
-    MoreOptionsButton: import("react").ComponentType<Partial<Pick<import("../../..").ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>, "disabled"> & {
-        handleOnPress?: (((event: import("react-native").GestureResponderEvent) => void) & (() => void)) | undefined;
-    }>>;
-    numberOfLines: number;
-    quotedMessage: boolean | import("../..").MessageType<At, Ch, Co, Ev, Me, Re, Us>;
-    SendButton: import("react").ComponentType<Partial<Pick<import("../../../contexts/messageInputContext/MessageInputContext").MessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us>, "sendMessage" | "giphyActive"> & {
-        disabled: boolean;
-    }>>;
-    sendImageAsync: boolean;
-    sendMessage: (message: Partial<import("stream-chat").Message<At, Me, Us>>) => Promise<void>;
-    setQuotedMessageState: (message: import("../..").MessageType<At, Ch, Co, Ev, Me, Re, Us>) => void;
-    ShowThreadMessageInChannelButton: import("react").ComponentType<{
-        threadList?: boolean | undefined;
-    }>;
-    UploadProgressIndicator: import("react").ComponentType<import("../..").UploadProgressIndicatorProps>;
-    additionalTextInputProps?: import("react-native").TextInputProps | undefined;
-    autoCompleteSuggestionsLimit?: number | undefined;
-    autoCompleteTriggerSettings?: ((settings: import("../../..").ACITriggerSettingsParams<At, Ch, Co, Ev, Me, Re, Us>) => import("../../..").TriggerSettings<Co, Us>) | undefined;
-    compressImageQuality?: number | undefined;
-    doDocUploadRequest?: ((file: {
-        name: string;
-        size?: string | number | undefined;
-        type?: string | undefined;
-        uri?: string | undefined;
-    }, channel: import("stream-chat").Channel<At, Ch, Co, Ev, Me, Re, Us> | undefined) => Promise<import("stream-chat").SendFileAPIResponse>) | undefined;
-    doImageUploadRequest?: ((file: {
-        name?: string | undefined;
-        uri?: string | undefined;
-    }, channel: import("stream-chat").Channel<At, Ch, Co, Ev, Me, Re, Us> | undefined) => Promise<import("stream-chat").SendFileAPIResponse>) | undefined;
-    initialValue?: string | undefined;
-    Input?: import("react").ComponentType<Omit<Partial<Pick<import("../../..").ChannelContextValue<At, Ch, Co, Ev, Me, Re, Us>, "disabled" | "members" | "watchers"> & Pick<import("../../../contexts/messageInputContext/MessageInputContext").MessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us>, "clearEditingState" | "clearQuotedMessageState" | "editing" | "FileUploadPreview" | "ImageUploadPreview" | "maxNumberOfFiles" | "quotedMessage" | "SendButton" | "ShowThreadMessageInChannelButton" | "additionalTextInputProps" | "Input" | "InputButtons" | "asyncIds" | "asyncUploads" | "closeAttachmentPicker" | "fileUploads" | "giphyActive" | "imageUploads" | "removeImage" | "inputBoxRef" | "isValidMessage" | "mentionedUsers" | "numberOfUploads" | "resetInput" | "sending" | "sendMessageAsync" | "setShowMoreOptions" | "setGiphyActive" | "showMoreOptions" | "uploadNewImage"> & Pick<import("../../..").MessagesContextValue<At, Ch, Co, Ev, Me, Re, Us>, "Reply" | "quotedRepliesEnabled"> & Pick<import("../../..").SuggestionsContextValue<Co, Us>, "componentType" | "suggestions" | "suggestionsTitle"> & Pick<import("../../..").ThreadContextValue<DefaultAttachmentType, DefaultChannelType, import("stream-chat").LiteralStringForUnion, UnknownType, UnknownType, UnknownType, DefaultUserType>, "thread"> & Pick<import("../../..").TranslationContextValue, "t"> & {
-        threadList?: boolean | undefined;
-    }>, "Input"> & Partial<import("../..").InputButtonsWithContextProps<At, Ch, Co, Ev, Me, Re, Us>> & {
-        getUsers: () => import("stream-chat").UserResponse<Us>[];
-    }> | undefined;
-    InputButtons?: import("react").ComponentType<Partial<import("../..").InputButtonsWithContextProps<At, Ch, Co, Ev, Me, Re, Us>>> | undefined;
-    mentionAllAppUsersEnabled?: boolean | undefined;
-    mentionAllAppUsersQuery?: import("../../../contexts/messageInputContext/MessageInputContext").MentionAllAppUsersQuery<Us> | undefined;
-    onChangeText?: ((newText: string) => void) | undefined;
-    setInputRef?: ((ref: import("react-native").TextInput | null) => void) | undefined;
-} & import("../../../contexts/messageInputContext/MessageInputContext").InputConfig & {
+export declare const useCreateInputMessageInputContext: <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, AttachButton, autoCompleteSuggestionsLimit, autoCompleteTriggerSettings, channelId, clearEditingState, clearQuotedMessageState, CommandsButton, compressImageQuality, CooldownTimer, doDocUploadRequest, doImageUploadRequest, editing, editMessage, FileUploadPreview, hasCommands, hasFilePicker, hasImagePicker, ImageUploadPreview, initialValue, Input, InputButtons, maxMessageLength, maxNumberOfFiles, mentionAllAppUsersEnabled, mentionAllAppUsersQuery, MoreOptionsButton, numberOfLines, onChangeText, quotedMessage, SendButton, sendImageAsync, sendMessage, SendMessageDisallowedIndicator, setInputRef, setQuotedMessageState, ShowThreadMessageInChannelButton, UploadProgressIndicator, }: InputMessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us> & {
     /**
      * To ensure we allow re-render, when channel is changed
      */