stream-chat-react-native-core 6.6.7 → 7.0.0-rc.1

package/src/components/Message/MessageSimple/StreamingMessageView.tsx

@@ -3,23 +3,17 @@ import React from 'react';
 import { MessageTextContainer, MessageTextContainerProps } from './MessageTextContainer';
 
 import { useMessageContext } from '../../../contexts';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
+
 import { useStreamingMessage } from '../hooks/useStreamingMessage';
 
-export type StreamingMessageViewProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<MessageTextContainerProps<StreamChatGenerics>, 'message'> & {
+export type StreamingMessageViewProps = Pick<MessageTextContainerProps, 'message'> & {
   letterInterval?: number;
   renderingLetterCount?: number;
 };
 
-export const StreamingMessageView = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: StreamingMessageViewProps<StreamChatGenerics>,
-) => {
+export const StreamingMessageView = (props: StreamingMessageViewProps) => {
   const { letterInterval, message: messageFromProps, renderingLetterCount } = props;
-  const { message: messageFromContext } = useMessageContext<StreamChatGenerics>();
+  const { message: messageFromContext } = useMessageContext();
   const message = messageFromProps || messageFromContext;
   const { text = '' } = message;
   const { streamedMessageText } = useStreamingMessage({

package/src/components/Message/MessageSimple/utils/renderText.tsx

@@ -32,7 +32,7 @@ import { generateMarkdownText } from './generateMarkdownText';
 
 import type { MessageContextValue } from '../../../../contexts/messageContext/MessageContext';
 import type { Colors, MarkdownStyle } from '../../../../contexts/themeContext/utils/theme';
-import type { DefaultStreamChatGenerics } from '../../../../types/types';
+
 import { escapeRegExp } from '../../../../utils/utils';
 import type { MessageType } from '../../../MessageList/hooks/useMessageList';
 
@@ -158,13 +158,11 @@ const mentionsParseFunction: ParseFunction = (capture, parse, state) => ({
 
 export type MarkdownRules = Partial<DefaultRules>;
 
-export type RenderTextParams<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<
-  Pick<MessageContextValue<StreamChatGenerics>, 'onLongPress' | 'onPress' | 'preventPress'>
+export type RenderTextParams = Partial<
+  Pick<MessageContextValue, 'onLongPress' | 'onPress' | 'preventPress'>
 > & {
   colors: typeof Colors;
-  message: MessageType<StreamChatGenerics>;
+  message: MessageType;
   markdownRules?: MarkdownRules;
   markdownStyles?: MarkdownStyle;
   messageOverlay?: boolean;
@@ -173,11 +171,7 @@ export type RenderTextParams<
   onlyEmojis?: boolean;
 };
 
-export const renderText = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  params: RenderTextParams<StreamChatGenerics>,
-) => {
+export const renderText = (params: RenderTextParams) => {
   const {
     colors,
     markdownRules,
@@ -368,9 +362,7 @@ export const renderText = <
       if (!preventPress && onPressParam) {
         onPressParam({
           additionalInfo: {
-            user: mentioned_users?.find(
-              (user: UserResponse<StreamChatGenerics>) => userName === user.name,
-            ),
+            user: mentioned_users?.find((user: UserResponse) => userName === user.name),
           },
           emitter: 'textMention',
           event,

package/src/components/Message/hooks/useCreateMessageContext.ts

@@ -1,12 +1,10 @@
 import { useMemo } from 'react';
 
 import type { MessageContextValue } from '../../../contexts/messageContext/MessageContext';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
+
 import { stringifyMessage } from '../../../utils/utils';
 
-export const useCreateMessageContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const useCreateMessageContext = ({
   actionsEnabled,
   alignment,
   channel,
@@ -42,7 +40,7 @@ export const useCreateMessageContext = <
   showMessageStatus,
   threadList,
   videos,
-}: MessageContextValue<StreamChatGenerics>) => {
+}: MessageContextValue) => {
   const groupStylesLength = groupStyles.length;
   const reactionsValue = reactions.map(({ count, own, type }) => `${own}${type}${count}`).join();
   const stringifiedMessage = stringifyMessage(message);
@@ -52,7 +50,7 @@ export const useCreateMessageContext = <
 
   const quotedMessageDeletedValue = message.quoted_message?.deleted_at;
 
-  const messageContext: MessageContextValue<StreamChatGenerics> = useMemo(
+  const messageContext: MessageContextValue = useMemo(
     () => ({
       actionsEnabled,
       alignment,

package/src/components/Message/hooks/useMessageActionHandlers.ts

@@ -9,11 +9,8 @@ import type { MessagesContextValue } from '../../../contexts/messagesContext/Mes
 
 import { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';
 import { setClipboardString } from '../../../native';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
 
-export const useMessageActionHandlers = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const useMessageActionHandlers = ({
   channel,
   client,
   deleteMessage,
@@ -24,7 +21,7 @@ export const useMessageActionHandlers = <
   setEditingState,
   setQuotedMessageState,
 }: Pick<
-  MessagesContextValue<StreamChatGenerics>,
+  MessagesContextValue,
   | 'sendReaction'
   | 'deleteMessage'
   | 'deleteReaction'
@@ -33,9 +30,9 @@ export const useMessageActionHandlers = <
   | 'setQuotedMessageState'
   | 'supportedReactions'
 > &
-  Pick<ChannelContextValue<StreamChatGenerics>, 'channel' | 'enforceUniqueReaction'> &
-  Pick<ChatContextValue<StreamChatGenerics>, 'client'> &
-  Pick<MessageContextValue<StreamChatGenerics>, 'message'>) => {
+  Pick<ChannelContextValue, 'channel' | 'enforceUniqueReaction'> &
+  Pick<ChatContextValue, 'client'> &
+  Pick<MessageContextValue, 'message'>) => {
   const { t } = useTranslationContext();
   const handleResendMessage = () => retrySendMessage(message);
 
@@ -65,7 +62,7 @@ export const useMessageActionHandlers = <
         { style: 'cancel', text: t('Cancel') },
         {
           onPress: async () => {
-            await deleteMessage(message as MessageResponse<StreamChatGenerics>);
+            await deleteMessage(message as MessageResponse);
           },
           style: 'destructive',
           text: t('Delete'),

package/src/components/Message/hooks/useMessageActions.tsx

@@ -23,17 +23,15 @@ import {
   UnreadIndicator,
   UserDelete,
 } from '../../../icons';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
+
 import { removeReservedFields } from '../../../utils/removeReservedFields';
 import { MessageStatusTypes } from '../../../utils/utils';
 
 import type { MessageType } from '../../MessageList/hooks/useMessageList';
 import type { MessageActionType } from '../../MessageMenu/MessageActionListItem';
 
-export type MessageActionsHookProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<
-  MessagesContextValue<StreamChatGenerics>,
+export type MessageActionsHookProps = Pick<
+  MessagesContextValue,
   | 'deleteMessage'
   | 'sendReaction'
   | 'handleBan'
@@ -57,17 +55,15 @@ export type MessageActionsHookProps<
   | 'supportedReactions'
   | 'updateMessage'
 > &
-  Pick<ChannelContextValue<StreamChatGenerics>, 'channel' | 'enforceUniqueReaction'> &
-  Pick<ChatContextValue<StreamChatGenerics>, 'client'> &
-  Pick<ThreadContextValue<StreamChatGenerics>, 'openThread'> &
-  Pick<MessageContextValue<StreamChatGenerics>, 'dismissOverlay' | 'message'> &
+  Pick<ChannelContextValue, 'channel' | 'enforceUniqueReaction'> &
+  Pick<ChatContextValue, 'client'> &
+  Pick<ThreadContextValue, 'openThread'> &
+  Pick<MessageContextValue, 'dismissOverlay' | 'message'> &
   Pick<TranslationContextValue, 't'> & {
-    onThreadSelect?: (message: MessageType<StreamChatGenerics>) => void;
+    onThreadSelect?: (message: MessageType) => void;
   };
 
-export const useMessageActions = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const useMessageActions = ({
   channel,
   client,
   deleteMessage: deleteMessageFromContext,
@@ -96,7 +92,7 @@ export const useMessageActions = <
   setQuotedMessageState,
   supportedReactions,
   t,
-}: MessageActionsHookProps<StreamChatGenerics>) => {
+}: MessageActionsHookProps) => {
   const {
     theme: {
       colors: { accent_red, grey },
@@ -297,7 +293,7 @@ export const useMessageActions = <
       dismissOverlay();
       const messageWithoutReservedFields = removeReservedFields(message);
       if (handleRetry) {
-        handleRetry(messageWithoutReservedFields as MessageType<StreamChatGenerics>);
+        handleRetry(messageWithoutReservedFields as MessageType);
       }
 
       await handleResendMessage();

package/src/components/Message/hooks/useMessageData.ts

@@ -3,26 +3,18 @@ import {
   useMessageContext,
 } from '../../../contexts/messageContext/MessageContext';
 
-import { DefaultStreamChatGenerics } from '../../../types/types';
 import { MessageStatusTypes } from '../../../utils/utils';
 
-export type UseMessageDataProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<
-  Pick<
-    MessageContextValue<StreamChatGenerics>,
-    'channel' | 'groupStyles' | 'isMyMessage' | 'message'
-  >
+export type UseMessageDataProps = Partial<
+  Pick<MessageContextValue, 'channel' | 'groupStyles' | 'isMyMessage' | 'message'>
 >;
 
-export const useMessageData = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const useMessageData = ({
   channel: propChannel,
   groupStyles: propGroupStyles,
   isMyMessage: propIsMyMessage,
   message: propMessage,
-}: UseMessageDataProps<StreamChatGenerics>) => {
+}: UseMessageDataProps) => {
   const {
     channel: contextChannel,
     groupStyles: contextGroupStyles,

package/src/components/Message/hooks/useProcessReactions.ts

@@ -7,7 +7,6 @@ import {
   MessagesContextValue,
   useMessagesContext,
 } from '../../../contexts/messagesContext/MessagesContext';
-import { DefaultStreamChatGenerics } from '../../../types/types';
 import { ReactionData } from '../../../utils/utils';
 
 export type ReactionSummary = {
@@ -23,21 +22,17 @@ export type ReactionSummary = {
 
 export type ReactionsComparator = (a: ReactionSummary, b: ReactionSummary) => number;
 
-export type MessageReactionsData<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = {
+export type MessageReactionsData = {
   /** An array of the reaction objects to display in the list */
-  latest_reactions?: ReactionResponse<StreamChatGenerics>[];
+  latest_reactions?: ReactionResponse[];
   /** An array of the own reaction objects to distinguish own reactions visually */
-  own_reactions?: ReactionResponse<StreamChatGenerics>[] | null;
+  own_reactions?: ReactionResponse[] | null;
   /** An object containing summary for each reaction type on a message */
   reaction_groups?: Record<string, ReactionGroupResponse> | null;
 };
 
-type UseProcessReactionsParams<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = MessageReactionsData<StreamChatGenerics> &
-  Partial<Pick<MessagesContextValue<StreamChatGenerics>, 'supportedReactions'>> & {
+type UseProcessReactionsParams = MessageReactionsData &
+  Partial<Pick<MessagesContextValue, 'supportedReactions'>> & {
     sortReactions?: ReactionsComparator;
   };
 
@@ -49,12 +44,10 @@ export const defaultReactionsSort: ReactionsComparator = (a, b) => {
   return a.type.localeCompare(b.type, 'en');
 };
 
-const isOwnReaction = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
+const isOwnReaction = (
   reactionType: string,
-  ownReactions?: MessageReactionsData<StreamChatGenerics>['own_reactions'],
-  latestReactions?: ReactionResponse<StreamChatGenerics>[] | null,
+  ownReactions?: MessageReactionsData['own_reactions'],
+  latestReactions?: ReactionResponse[] | null,
   userID?: string,
 ) =>
   (ownReactions ? ownReactions.some((reaction) => reaction.type === reactionType) : false) ||
@@ -86,13 +79,9 @@ const getLatestReactedUserNames = (reactionType: string, latestReactions?: React
 /**
  * Custom hook to process reactions data from message and return a list of reactions with additional info.
  */
-export const useProcessReactions = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: UseProcessReactionsParams<StreamChatGenerics>,
-) => {
+export const useProcessReactions = (props: UseProcessReactionsParams) => {
   const { supportedReactions: contextSupportedReactions } = useMessagesContext();
-  const { client } = useChatContext<StreamChatGenerics>();
+  const { client } = useChatContext();
 
   const {
     latest_reactions,
@@ -120,12 +109,7 @@ export const useProcessReactions = <
           Icon: getEmojiByReactionType(reactionType, supportedReactions),
           lastReactionAt: last_reaction_at ? new Date(last_reaction_at) : null,
           latestReactedUserNames,
-          own: isOwnReaction<StreamChatGenerics>(
-            reactionType,
-            own_reactions,
-            latest_reactions,
-            client.userID,
-          ),
+          own: isOwnReaction(reactionType, own_reactions, latest_reactions, client.userID),
           type: reactionType,
           unlistedReactedUserCount: count - latestReactedUserNames.length,
         };

package/src/components/Message/hooks/useStreamingMessage.ts

@@ -1,12 +1,9 @@
 import { useEffect, useRef, useState } from 'react';
 
-import type { DefaultStreamChatGenerics } from '../../../types/types';
 import { StreamingMessageViewProps } from '../MessageSimple/StreamingMessageView';
 
-export type UseStreamingMessageProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<
-  StreamingMessageViewProps<StreamChatGenerics>,
+export type UseStreamingMessageProps = Pick<
+  StreamingMessageViewProps,
   'letterInterval' | 'renderingLetterCount'
 > & { text: string };
 
@@ -21,13 +18,11 @@ const DEFAULT_RENDERING_LETTER_COUNT = 2;
  * @param {string} text - The text that we want to render in a typewriter fashion.
  * @returns {{ streamedMessageText: string }} - A substring of the text property, up until we've finished rendering the typewriter animation.
  */
-export const useStreamingMessage = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const useStreamingMessage = ({
   letterInterval = DEFAULT_LETTER_INTERVAL,
   renderingLetterCount = DEFAULT_RENDERING_LETTER_COUNT,
   text,
-}: UseStreamingMessageProps<StreamChatGenerics>): { streamedMessageText: string } => {
+}: UseStreamingMessageProps): { streamedMessageText: string } => {
   const [streamedMessageText, setStreamedMessageText] = useState<string>(text);
   const textCursor = useRef<number>(text.length);
 

package/src/components/Message/utils/messageActions.ts

@@ -1,12 +1,10 @@
 import type { MessageContextValue } from '../../../contexts/messageContext/MessageContext';
 import type { OwnCapabilitiesContextValue } from '../../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext';
 import { isClipboardAvailable } from '../../../native';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
+
 import type { MessageActionType } from '../../MessageMenu/MessageActionListItem';
 
-export type MessageActionsParams<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = {
+export type MessageActionsParams = {
   banUser: MessageActionType;
   copyMessage: MessageActionType;
   deleteMessage: MessageActionType;
@@ -27,15 +25,11 @@ export type MessageActionsParams<
   showMessageReactions: boolean;
   threadReply: MessageActionType;
   unpinMessage: MessageActionType;
-} & Pick<MessageContextValue<StreamChatGenerics>, 'message' | 'isMyMessage'>;
+} & Pick<MessageContextValue, 'message' | 'isMyMessage'>;
 
-export type MessageActionsProp<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = (param: MessageActionsParams<StreamChatGenerics>) => MessageActionType[];
+export type MessageActionsProp = (param: MessageActionsParams) => MessageActionType[];
 
-export const messageActions = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const messageActions = ({
   banUser,
   copyMessage,
   deleteMessage,
@@ -53,7 +47,7 @@ export const messageActions = <
   showMessageReactions,
   threadReply,
   unpinMessage,
-}: MessageActionsParams<StreamChatGenerics>) => {
+}: MessageActionsParams) => {
   if (showMessageReactions) {
     return [];
   }

package/src/components/MessageInput/AttachButton.tsx

@@ -11,21 +11,14 @@ import { useTheme } from '../../contexts/themeContext/ThemeContext';
 import { Attach } from '../../icons/Attach';
 
 import { isImageMediaLibraryAvailable } from '../../native';
-import type { DefaultStreamChatGenerics } from '../../types/types';
 
-type AttachButtonPropsWithContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<ChannelContextValue<StreamChatGenerics>, 'disabled'> & {
+type AttachButtonPropsWithContext = Pick<ChannelContextValue, 'disabled'> & {
   /** Function that opens attachment options bottom sheet */
   handleOnPress?: ((event: GestureResponderEvent) => void) & (() => void);
   selectedPicker?: 'images';
 };
 
-const AttachButtonWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: AttachButtonPropsWithContext<StreamChatGenerics>,
-) => {
+const AttachButtonWithContext = (props: AttachButtonPropsWithContext) => {
   const [showAttachButtonPicker, setShowAttachButtonPicker] = useState<boolean>(false);
   const [attachButtonLayoutRectangle, setAttachButtonLayoutRectangle] = useState<LayoutRectangle>();
   const { disabled, handleOnPress, selectedPicker } = props;

package/src/components/MessageInput/CommandsButton.tsx

@@ -10,20 +10,12 @@ import {
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
 import { Lightning } from '../../icons/Lightning';
 
-import type { DefaultStreamChatGenerics } from '../../types/types';
-
-type CommandsButtonPropsWithContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<SuggestionsContextValue<StreamChatGenerics>, 'suggestions'> & {
+type CommandsButtonPropsWithContext = Pick<SuggestionsContextValue, 'suggestions'> & {
   /** Function that opens commands selector */
   handleOnPress?: ((event: GestureResponderEvent) => void) & (() => void);
 };
 
-const CommandsButtonWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: CommandsButtonPropsWithContext<StreamChatGenerics>,
-) => {
+const CommandsButtonWithContext = (props: CommandsButtonPropsWithContext) => {
   const { handleOnPress, suggestions } = props;
 
   const {
@@ -47,9 +39,9 @@ const CommandsButtonWithContext = <
   );
 };
 
-const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  prevProps: CommandsButtonPropsWithContext<StreamChatGenerics>,
-  nextProps: CommandsButtonPropsWithContext<StreamChatGenerics>,
+const areEqual = (
+  prevProps: CommandsButtonPropsWithContext,
+  nextProps: CommandsButtonPropsWithContext,
 ) => {
   const { suggestions: prevSuggestions } = prevProps;
   const { suggestions: nextSuggestions } = nextProps;
@@ -67,19 +59,13 @@ const MemoizedCommandsButton = React.memo(
   areEqual,
 ) as typeof CommandsButtonWithContext;
 
-export type CommandsButtonProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<CommandsButtonPropsWithContext<StreamChatGenerics>>;
+export type CommandsButtonProps = Partial<CommandsButtonPropsWithContext>;
 
 /**
  * UI Component for attach button in MessageInput component.
  */
-export const CommandsButton = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: CommandsButtonProps<StreamChatGenerics>,
-) => {
-  const { suggestions } = useSuggestionsContext<StreamChatGenerics>();
+export const CommandsButton = (props: CommandsButtonProps) => {
+  const { suggestions } = useSuggestionsContext();
 
   return <MemoizedCommandsButton {...{ suggestions }} {...props} />;
 };

package/src/components/MessageInput/FileUploadPreview.tsx

@@ -17,7 +17,7 @@ import { useTranslationContext } from '../../contexts/translationContext/Transla
 import { Close } from '../../icons/Close';
 import { Warning } from '../../icons/Warning';
 import { isSoundPackageAvailable } from '../../native';
-import type { DefaultStreamChatGenerics, FileUpload } from '../../types/types';
+import type { FileUpload } from '../../types/types';
 import { getTrimmedAttachmentTitle } from '../../utils/getTrimmedAttachmentTitle';
 import {
   getDurationLabelFromDuration,
@@ -123,20 +123,14 @@ const UnsupportedFileTypeOrFileSizeIndicator = ({
   );
 };
 
-type FileUploadPreviewPropsWithContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<
-  MessageInputContextValue<StreamChatGenerics>,
+type FileUploadPreviewPropsWithContext = Pick<
+  MessageInputContextValue,
   'fileUploads' | 'removeFile' | 'uploadFile' | 'setFileUploads' | 'AudioAttachmentUploadPreview'
 > &
-  Pick<MessagesContextValue<StreamChatGenerics>, 'FileAttachmentIcon'> &
-  Pick<ChatContextValue<StreamChatGenerics>, 'enableOfflineSupport'>;
+  Pick<MessagesContextValue, 'FileAttachmentIcon'> &
+  Pick<ChatContextValue, 'enableOfflineSupport'>;
 
-const FileUploadPreviewWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: FileUploadPreviewPropsWithContext<StreamChatGenerics>,
-) => {
+const FileUploadPreviewWithContext = (props: FileUploadPreviewPropsWithContext) => {
   const {
     AudioAttachmentUploadPreview,
     enableOfflineSupport,
@@ -323,9 +317,9 @@ const FileUploadPreviewWithContext = <
   ) : null;
 };
 
-const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  prevProps: FileUploadPreviewPropsWithContext<StreamChatGenerics>,
-  nextProps: FileUploadPreviewPropsWithContext<StreamChatGenerics>,
+const areEqual = (
+  prevProps: FileUploadPreviewPropsWithContext,
+  nextProps: FileUploadPreviewPropsWithContext,
 ) => {
   const { fileUploads: prevFileUploads } = prevProps;
   const { fileUploads: nextFileUploads } = nextProps;
@@ -347,23 +341,17 @@ const MemoizedFileUploadPreview = React.memo(
   areEqual,
 ) as typeof FileUploadPreviewWithContext;
 
-export type FileUploadPreviewProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<FileUploadPreviewPropsWithContext<StreamChatGenerics>>;
+export type FileUploadPreviewProps = Partial<FileUploadPreviewPropsWithContext>;
 
 /**
  * FileUploadPreview
  * UI Component to preview the files set for upload
  */
-export const FileUploadPreview = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: FileUploadPreviewProps<StreamChatGenerics>,
-) => {
-  const { enableOfflineSupport } = useChatContext<StreamChatGenerics>();
+export const FileUploadPreview = (props: FileUploadPreviewProps) => {
+  const { enableOfflineSupport } = useChatContext();
   const { AudioAttachmentUploadPreview, fileUploads, removeFile, setFileUploads, uploadFile } =
-    useMessageInputContext<StreamChatGenerics>();
-  const { FileAttachmentIcon } = useMessagesContext<StreamChatGenerics>();
+    useMessageInputContext();
+  const { FileAttachmentIcon } = useMessagesContext();
 
   return (
     <MemoizedFileUploadPreview

package/src/components/MessageInput/ImageUploadPreview.tsx

@@ -20,7 +20,7 @@ import { useTheme } from '../../contexts/themeContext/ThemeContext';
 import { useTranslationContext } from '../../contexts/translationContext/TranslationContext';
 import { Close } from '../../icons/Close';
 import { Warning } from '../../icons/Warning';
-import type { DefaultStreamChatGenerics, ImageUpload } from '../../types/types';
+import type { ImageUpload } from '../../types/types';
 import { getIndicatorTypeForFileState, ProgressIndicatorTypes } from '../../utils/utils';
 
 const IMAGE_PREVIEW_SIZE = 100;
@@ -73,17 +73,13 @@ const styles = StyleSheet.create({
   },
 });
 
-type ImageUploadPreviewPropsWithContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<
-  MessageInputContextValue<StreamChatGenerics>,
+type ImageUploadPreviewPropsWithContext = Pick<
+  MessageInputContextValue,
   'imageUploads' | 'removeImage' | 'uploadImage'
 > &
-  Pick<ChatContextValue<StreamChatGenerics>, 'enableOfflineSupport'>;
+  Pick<ChatContextValue, 'enableOfflineSupport'>;
 
-export type ImageUploadPreviewProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<ImageUploadPreviewPropsWithContext<StreamChatGenerics>>;
+export type ImageUploadPreviewProps = Partial<ImageUploadPreviewPropsWithContext>;
 
 type ImageUploadPreviewItem = { index: number; item: ImageUpload };
 
@@ -114,11 +110,7 @@ export const UnsupportedImageTypeIndicator = ({
   ) : null;
 };
 
-const ImageUploadPreviewWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ImageUploadPreviewPropsWithContext<StreamChatGenerics>,
-) => {
+const ImageUploadPreviewWithContext = (props: ImageUploadPreviewPropsWithContext) => {
   const { enableOfflineSupport, imageUploads, removeImage, uploadImage } = props;
 
   const {
@@ -197,9 +189,9 @@ const DismissUpload = ({ onPress }: DismissUploadProps) => {
   );
 };
 
-const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  prevProps: ImageUploadPreviewPropsWithContext<StreamChatGenerics>,
-  nextProps: ImageUploadPreviewPropsWithContext<StreamChatGenerics>,
+const areEqual = (
+  prevProps: ImageUploadPreviewPropsWithContext,
+  nextProps: ImageUploadPreviewPropsWithContext,
 ) => {
   const { imageUploads: prevImageUploads } = prevProps;
   const { imageUploads: nextImageUploads } = nextProps;
@@ -220,13 +212,9 @@ const MemoizedImageUploadPreviewWithContext = React.memo(
 /**
  * UI Component to preview the images set for upload
  */
-export const ImageUploadPreview = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ImageUploadPreviewProps<StreamChatGenerics>,
-) => {
-  const { enableOfflineSupport } = useChatContext<StreamChatGenerics>();
-  const { imageUploads, removeImage, uploadImage } = useMessageInputContext<StreamChatGenerics>();
+export const ImageUploadPreview = (props: ImageUploadPreviewProps) => {
+  const { enableOfflineSupport } = useChatContext();
+  const { imageUploads, removeImage, uploadImage } = useMessageInputContext();
 
   return (
     <MemoizedImageUploadPreviewWithContext