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

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>;

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

@@ -1,75 +1,8 @@
-/// <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 & {
+import type { DefaultStreamChatGenerics } from '../../../types/types';
+export declare const useCreateInputMessageInputContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ 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<StreamChatGenerics> & {
     /**
      * To ensure we allow re-render, when channel is changed
      */
     channelId?: string | undefined;
-}) => InputMessageInputContextValue<At, Ch, Co, Ev, Me, Re, Us>;
+}) => InputMessageInputContextValue<StreamChatGenerics>;