stream-chat-react-native-core 6.7.3 → 7.0.0-rc.10

package/src/components/Message/MessageSimple/ReactionList/ReactionListTop.tsx

@@ -14,7 +14,7 @@ import { useTheme } from '../../../../contexts/themeContext/ThemeContext';
 import { Unknown } from '../../../../icons/Unknown';
 
 import type { IconProps } from '../../../../icons/utils/base';
-import type { DefaultStreamChatGenerics } from '../../../../types/types';
+
 import type { ReactionData } from '../../../../utils/utils';
 import { ReactionSummary } from '../../hooks/useProcessReactions';
 
@@ -35,19 +35,13 @@ const Icon = ({ pathFill, size, style, supportedReactions, type }: Props) => {
   );
 };
 
-export type ReactionListTopItemProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<Pick<MessageContextValue<StreamChatGenerics>, 'reactions'>> &
-  Partial<Pick<MessagesContextValue<StreamChatGenerics>, 'supportedReactions'>> & {
+export type ReactionListTopItemProps = Partial<Pick<MessageContextValue, 'reactions'>> &
+  Partial<Pick<MessagesContextValue, 'supportedReactions'>> & {
     index: number;
     reaction: ReactionSummary;
   };
 
-export const ReactionListTopItem = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ReactionListTopItemProps<StreamChatGenerics>,
-) => {
+export const ReactionListTopItem = (props: ReactionListTopItemProps) => {
   const { index, reaction, reactions, supportedReactions } = props;
   const {
     theme: {
@@ -84,11 +78,9 @@ export const ReactionListTopItem = <
   );
 };
 
-export type ReactionListTopProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<
+export type ReactionListTopProps = Partial<
   Pick<
-    MessageContextValue<StreamChatGenerics>,
+    MessageContextValue,
     | 'alignment'
     | 'hasReactions'
     | 'onLongPress'
@@ -99,7 +91,7 @@ export type ReactionListTopProps<
     | 'showMessageOverlay'
   >
 > &
-  Pick<MessagesContextValue<StreamChatGenerics>, 'supportedReactions'> & {
+  Pick<MessagesContextValue, 'supportedReactions'> & {
     messageContentWidth: number;
     fill?: string;
     reactionSize?: number;
@@ -108,11 +100,7 @@ export type ReactionListTopProps<
 /**
  * ReactionListTop - A high level component which implements all the logic required for a message reaction list
  */
-export const ReactionListTop = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ReactionListTopProps<StreamChatGenerics>,
-) => {
+export const ReactionListTop = (props: ReactionListTopProps) => {
   const {
     alignment: propAlignment,
     fill: propFill,
@@ -137,10 +125,9 @@ export const ReactionListTop = <
     preventPress: contextPreventPress,
     reactions: contextReactions,
     showMessageOverlay: contextShowMessageOverlay,
-  } = useMessageContext<StreamChatGenerics>();
+  } = useMessageContext();
 
-  const { supportedReactions: contextSupportedReactions } =
-    useMessagesContext<StreamChatGenerics>();
+  const { supportedReactions: contextSupportedReactions } = useMessagesContext();
 
   const alignment = propAlignment || contextAlignment;
   const hasReactions = propHasReactions || contextHasReactions;

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/__tests__/MessageStatus.test.js

@@ -72,26 +72,32 @@ describe('MessageStatus', () => {
 
   it('should render message status with read by container', async () => {
     const user = generateUser();
-    const message = generateMessage({ readBy: 2, user });
+    const message = generateMessage({ user });
+    const readBy = 2;
 
     const { getByTestId, getByText, rerender, toJSON } = renderMessageStatus({
       lastReceivedId: message.id,
       message,
+      readBy,
     });
 
     await waitFor(() => {
       expect(getByTestId('read-by-container')).toBeTruthy();
-      expect(getByText((message.readBy - 1).toString())).toBeTruthy();
+      expect(getByText((readBy - 1).toString())).toBeTruthy();
     });
 
     const staticUser = generateStaticUser(0);
-    const staticMessage = generateMessage({ readBy: 2, staticUser });
+    const staticMessage = generateMessage({ readBy, user: staticUser });
 
     rerender(
       <ChannelsStateProvider>
         <Chat client={chatClient} i18nInstance={i18nInstance}>
           <Channel channel={channel}>
-            <MessageStatus lastReceivedId={staticMessage.id} message={staticMessage} />
+            <MessageStatus
+              lastReceivedId={staticMessage.id}
+              message={staticMessage}
+              readBy={readBy}
+            />
           </Channel>
         </Chat>
       </ChannelsStateProvider>,
@@ -100,7 +106,7 @@ describe('MessageStatus', () => {
     await waitFor(() => {
       expect(toJSON()).toMatchSnapshot();
       expect(getByTestId('read-by-container')).toBeTruthy();
-      expect(getByText((staticMessage.readBy - 1).toString())).toBeTruthy();
+      expect(getByText((readBy - 1).toString())).toBeTruthy();
     });
   });
 

package/src/components/Message/MessageSimple/__tests__/MessageTextContainer.test.tsx

@@ -3,6 +3,8 @@ import { Text } from 'react-native';
 
 import { cleanup, render, waitFor } from '@testing-library/react-native';
 
+import { LocalMessage } from 'stream-chat';
+
 import { OverlayProvider } from '../../../../contexts/overlayContext/OverlayProvider';
 import { ThemeProvider } from '../../../../contexts/themeContext/ThemeContext';
 import { defaultTheme } from '../../../../contexts/themeContext/utils/theme';
@@ -17,7 +19,6 @@ import { generateStaticUser } from '../../../../mock-builders/generator/user';
 import { getTestClientWithUser } from '../../../../mock-builders/mock';
 import { Channel } from '../../../Channel/Channel';
 import { Chat } from '../../../Chat/Chat';
-import type { MessageType } from '../../../MessageList/hooks/useMessageList';
 import { MessageList } from '../../../MessageList/MessageList';
 import { MessageTextContainer } from '../MessageTextContainer';
 
@@ -31,7 +32,7 @@ describe('MessageTextContainer', () => {
     });
     const { getByTestId, getByText, rerender, toJSON } = render(
       <ThemeProvider theme={defaultTheme}>
-        <MessageTextContainer message={message as unknown as MessageType} />
+        <MessageTextContainer message={message as unknown as LocalMessage} />
       </ThemeProvider>,
     );
 
@@ -43,7 +44,7 @@ describe('MessageTextContainer', () => {
     rerender(
       <ThemeProvider theme={defaultTheme}>
         <MessageTextContainer
-          message={message as unknown as MessageType}
+          message={message as unknown as LocalMessage}
           MessageText={({ message }) => <Text testID='message-text'>{message?.text}</Text>}
         />
       </ThemeProvider>,
@@ -61,7 +62,7 @@ describe('MessageTextContainer', () => {
 
     rerender(
       <ThemeProvider theme={defaultTheme}>
-        <MessageTextContainer message={staticMessage as unknown as MessageType} />
+        <MessageTextContainer message={staticMessage as unknown as LocalMessage} />
       </ThemeProvider>,
     );
 

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

@@ -26,15 +26,14 @@ import {
   State,
 } from 'simple-markdown';
 
-import type { UserResponse } from 'stream-chat';
+import type { LocalMessage, UserResponse } from 'stream-chat';
 
 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';
 
 type ReactNodeOutput = NodeOutput<React.ReactNode>;
 type ReactOutput = Output<React.ReactNode>;
@@ -158,13 +157,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: LocalMessage;
   markdownRules?: MarkdownRules;
   markdownStyles?: MarkdownStyle;
   messageOverlay?: boolean;
@@ -173,11 +170,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 +361,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,
@@ -36,13 +34,14 @@ export const useCreateMessageContext = <
   otherAttachments,
   preventPress,
   reactions,
+  readBy,
   setIsEditedMessageOpen,
   showAvatar,
   showMessageOverlay,
   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 +51,7 @@ export const useCreateMessageContext = <
 
   const quotedMessageDeletedValue = message.quoted_message?.deleted_at;
 
-  const messageContext: MessageContextValue<StreamChatGenerics> = useMemo(
+  const messageContext: MessageContextValue = useMemo(
     () => ({
       actionsEnabled,
       alignment,
@@ -83,6 +82,7 @@ export const useCreateMessageContext = <
       otherAttachments,
       preventPress,
       reactions,
+      readBy,
       setIsEditedMessageOpen,
       showAvatar,
       showMessageOverlay,
@@ -105,6 +105,7 @@ export const useCreateMessageContext = <
       stringifiedMessage,
       myMessageThemeString,
       reactionsValue,
+      readBy,
       showAvatar,
       showMessageStatus,
       threadList,

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

@@ -1,7 +1,5 @@
 import { Alert } from 'react-native';
 
-import type { MessageResponse } from 'stream-chat';
-
 import type { ChannelContextValue } from '../../../contexts/channelContext/ChannelContext';
 import type { ChatContextValue } from '../../../contexts/chatContext/ChatContext';
 import type { MessageContextValue } from '../../../contexts/messageContext/MessageContext';
@@ -9,11 +7,8 @@ import type { MessagesContextValue } from '../../../contexts/messagesContext/Mes
 
 import { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';
 import { NativeHandlers } from '../../../native';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
 
-export const useMessageActionHandlers = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const useMessageActionHandlers = ({
   channel,
   client,
   deleteMessage,
@@ -24,7 +19,7 @@ export const useMessageActionHandlers = <
   setEditingState,
   setQuotedMessageState,
 }: Pick<
-  MessagesContextValue<StreamChatGenerics>,
+  MessagesContextValue,
   | 'sendReaction'
   | 'deleteMessage'
   | 'deleteReaction'
@@ -33,9 +28,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 +60,7 @@ export const useMessageActionHandlers = <
         { style: 'cancel', text: t('Cancel') },
         {
           onPress: async () => {
-            await deleteMessage(message as MessageResponse<StreamChatGenerics>);
+            await deleteMessage(message);
           },
           style: 'destructive',
           text: t('Delete'),

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

@@ -1,5 +1,7 @@
 import React from 'react';
 
+import { LocalMessage } from 'stream-chat';
+
 import { useMessageActionHandlers } from './useMessageActionHandlers';
 
 import type { ChannelContextValue } from '../../../contexts/channelContext/ChannelContext';
@@ -23,17 +25,14 @@ 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 +56,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: LocalMessage) => void;
   };
 
-export const useMessageActions = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const useMessageActions = ({
   channel,
   client,
   deleteMessage: deleteMessageFromContext,
@@ -96,7 +93,7 @@ export const useMessageActions = <
   setQuotedMessageState,
   supportedReactions,
   t,
-}: MessageActionsHookProps<StreamChatGenerics>) => {
+}: MessageActionsHookProps) => {
   const {
     theme: {
       colors: { accent_red, grey },
@@ -297,7 +294,7 @@ export const useMessageActions = <
       dismissOverlay();
       const messageWithoutReservedFields = removeReservedFields(message);
       if (handleRetry) {
-        handleRetry(messageWithoutReservedFields as MessageType<StreamChatGenerics>);
+        handleRetry(messageWithoutReservedFields as LocalMessage);
       }
 
       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;