stream-chat-react-native-core 6.6.8-beta.3 → 7.0.0-rc.2

package/src/components/MessageInput/InputButtons.tsx

@@ -8,20 +8,14 @@ import {
 import { useOwnCapabilitiesContext } from '../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext';
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
 
-import type { DefaultStreamChatGenerics } from '../../types/types';
-
 const styles = StyleSheet.create({
   attachButtonContainer: { paddingRight: 5 },
 });
 
-export type InputButtonsProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<InputButtonsWithContextProps<StreamChatGenerics>>;
+export type InputButtonsProps = Partial<InputButtonsWithContextProps>;
 
-export type InputButtonsWithContextProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<
-  MessageInputContextValue<StreamChatGenerics>,
+export type InputButtonsWithContextProps = Pick<
+  MessageInputContextValue,
   | 'AttachButton'
   | 'CommandsButton'
   | 'giphyActive'
@@ -38,11 +32,7 @@ export type InputButtonsWithContextProps<
   | 'toggleAttachmentPicker'
 >;
 
-export const InputButtonsWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: InputButtonsWithContextProps<StreamChatGenerics>,
-) => {
+export const InputButtonsWithContext = (props: InputButtonsWithContextProps) => {
   const {
     AttachButton,
     CommandsButton,
@@ -90,9 +80,9 @@ export const InputButtonsWithContext = <
   );
 };
 
-const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  prevProps: InputButtonsWithContextProps<StreamChatGenerics>,
-  nextProps: InputButtonsWithContextProps<StreamChatGenerics>,
+const areEqual = (
+  prevProps: InputButtonsWithContextProps,
+  nextProps: InputButtonsWithContextProps,
 ) => {
   const {
     giphyActive: prevGiphyActive,
@@ -156,11 +146,7 @@ const MemoizedInputButtonsWithContext = React.memo(
   areEqual,
 ) as typeof InputButtonsWithContext;
 
-export const InputButtons = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: InputButtonsProps<StreamChatGenerics>,
-) => {
+export const InputButtons = (props: InputButtonsProps) => {
   const {
     AttachButton,
     CommandsButton,
@@ -176,7 +162,7 @@ export const InputButtons = <
     showMoreOptions,
     text,
     toggleAttachmentPicker,
-  } = useMessageInputContext<StreamChatGenerics>();
+  } = useMessageInputContext();
 
   return (
     <MemoizedInputButtonsWithContext

package/src/components/MessageInput/MessageInput.tsx

@@ -61,7 +61,7 @@ import {
   isImageMediaLibraryAvailable,
   triggerHaptic,
 } from '../../native';
-import type { Asset, DefaultStreamChatGenerics } from '../../types/types';
+import type { Asset } from '../../types/types';
 import { AIStates, useAIState } from '../AITypingIndicatorView';
 import { AutoCompleteInput } from '../AutoCompleteInput/AutoCompleteInput';
 import { CreatePoll } from '../Poll/CreatePollContent';
@@ -104,13 +104,14 @@ const styles = StyleSheet.create({
   },
 });
 
-type MessageInputPropsWithContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<AttachmentPickerContextValue, 'AttachmentPickerSelectionBar'> &
-  Pick<ChatContextValue<StreamChatGenerics>, 'isOnline'> &
-  Pick<ChannelContextValue<StreamChatGenerics>, 'members' | 'threadList' | 'watchers'> &
+type MessageInputPropsWithContext = Pick<
+  AttachmentPickerContextValue,
+  'AttachmentPickerSelectionBar'
+> &
+  Pick<ChatContextValue, 'isOnline'> &
+  Pick<ChannelContextValue, 'members' | 'threadList' | 'watchers'> &
   Pick<
-    MessageInputContextValue<StreamChatGenerics>,
+    MessageInputContextValue,
     | 'additionalTextInputProps'
     | 'asyncIds'
     | 'audioRecordingEnabled'
@@ -166,23 +167,19 @@ type MessageInputPropsWithContext<
     | 'CreatePollContent'
     | 'StopMessageStreamingButton'
   > &
-  Pick<MessagesContextValue<StreamChatGenerics>, 'Reply'> &
+  Pick<MessagesContextValue, 'Reply'> &
   Pick<
-    SuggestionsContextValue<StreamChatGenerics>,
+    SuggestionsContextValue,
     | 'AutoCompleteSuggestionHeader'
     | 'AutoCompleteSuggestionItem'
     | 'AutoCompleteSuggestionList'
     | 'suggestions'
     | 'triggerType'
   > &
-  Pick<ThreadContextValue<StreamChatGenerics>, 'thread'> &
+  Pick<ThreadContextValue, 'thread'> &
   Pick<TranslationContextValue, 't'>;
 
-const MessageInputWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: MessageInputPropsWithContext<StreamChatGenerics>,
-) => {
+const MessageInputWithContext = (props: MessageInputPropsWithContext) => {
   const {
     additionalTextInputProps,
     asyncIds,
@@ -554,7 +551,7 @@ const MessageInputWithContext = <
   }, [asyncIdsString, asyncUploadsString, sendMessageAsync]);
 
   const getMembers = () => {
-    const result: UserResponse<StreamChatGenerics>[] = [];
+    const result: UserResponse[] = [];
     if (members && Object.values(members).length) {
       Object.values(members).forEach((member) => {
         if (member.user) {
@@ -570,7 +567,7 @@ const MessageInputWithContext = <
     const users = [...getMembers(), ...getWatchers()];
 
     // make sure we don't list users twice
-    const uniqueUsers: { [key: string]: UserResponse<StreamChatGenerics> } = {};
+    const uniqueUsers: { [key: string]: UserResponse } = {};
     for (const user of users) {
       if (user && !uniqueUsers[user.id]) {
         uniqueUsers[user.id] = user;
@@ -582,7 +579,7 @@ const MessageInputWithContext = <
   };
 
   const getWatchers = () => {
-    const result: UserResponse<StreamChatGenerics>[] = [];
+    const result: UserResponse[] = [];
     if (watchers && Object.values(watchers).length) {
       result.push(...Object.values(watchers));
     }
@@ -746,7 +743,7 @@ const MessageInputWithContext = <
     })),
   };
 
-  const { channel } = useChannelContext<StreamChatGenerics>();
+  const { channel } = useChannelContext();
   const { aiState } = useAIState(channel);
 
   const stopGenerating = useCallback(() => channel?.stopAIResponse(), [channel]);
@@ -848,7 +845,7 @@ const MessageInputWithContext = <
                       <InputGiphySearch disabled={!isOnline} />
                     ) : (
                       <View style={[styles.autoCompleteInputContainer, autoCompleteInputContainer]}>
-                        <AutoCompleteInput<StreamChatGenerics>
+                        <AutoCompleteInput
                           additionalTextInputProps={memoizedAdditionalTextInputProps}
                           cooldownActive={!!cooldownRemainingSeconds}
                         />
@@ -946,9 +943,9 @@ const MessageInputWithContext = <
   );
 };
 
-const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  prevProps: MessageInputPropsWithContext<StreamChatGenerics>,
-  nextProps: MessageInputPropsWithContext<StreamChatGenerics>,
+const areEqual = (
+  prevProps: MessageInputPropsWithContext,
+  nextProps: MessageInputPropsWithContext,
 ) => {
   const {
     additionalTextInputProps: prevAdditionalTextInputProps,
@@ -1138,9 +1135,7 @@ const MemoizedMessageInput = React.memo(
   areEqual,
 ) as typeof MessageInputWithContext;
 
-export type MessageInputProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<MessageInputPropsWithContext<StreamChatGenerics>>;
+export type MessageInputProps = Partial<MessageInputPropsWithContext>;
 
 /**
  * UI Component for message input
@@ -1151,16 +1146,12 @@ export type MessageInputProps<
  * [Suggestions Context](https://getstream.io/chat/docs/sdk/reactnative/contexts/suggestions-context/), and
  * [Translation Context](https://getstream.io/chat/docs/sdk/reactnative/contexts/translation-context/)
  */
-export const MessageInput = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: MessageInputProps<StreamChatGenerics>,
-) => {
+export const MessageInput = (props: MessageInputProps) => {
   const { AttachmentPickerSelectionBar } = useAttachmentPickerContext();
   const { isOnline } = useChatContext();
   const ownCapabilities = useOwnCapabilitiesContext();
 
-  const { members, threadList, watchers } = useChannelContext<StreamChatGenerics>();
+  const { members, threadList, watchers } = useChannelContext();
 
   const {
     additionalTextInputProps,
@@ -1219,9 +1210,9 @@ export const MessageInput = <
     text,
     uploadNewFile,
     uploadNewImage,
-  } = useMessageInputContext<StreamChatGenerics>();
+  } = useMessageInputContext();
 
-  const { Reply } = useMessagesContext<StreamChatGenerics>();
+  const { Reply } = useMessagesContext();
 
   const {
     AutoCompleteSuggestionHeader,
@@ -1229,9 +1220,9 @@ export const MessageInput = <
     AutoCompleteSuggestionList,
     suggestions,
     triggerType,
-  } = useSuggestionsContext<StreamChatGenerics>();
+  } = useSuggestionsContext();
 
-  const { thread } = useThreadContext<StreamChatGenerics>();
+  const { thread } = useThreadContext();
 
   const { t } = useTranslationContext();
 

package/src/components/MessageInput/SendButton.tsx

@@ -11,19 +11,11 @@ import { Search } from '../../icons/Search';
 import { SendRight } from '../../icons/SendRight';
 import { SendUp } from '../../icons/SendUp';
 
-import type { DefaultStreamChatGenerics } from '../../types/types';
-
-type SendButtonPropsWithContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<MessageInputContextValue<StreamChatGenerics>, 'giphyActive' | 'sendMessage'> & {
+type SendButtonPropsWithContext = Pick<MessageInputContextValue, 'giphyActive' | 'sendMessage'> & {
   /** Disables the button */ disabled: boolean;
 };
 
-const SendButtonWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: SendButtonPropsWithContext<StreamChatGenerics>,
-) => {
+const SendButtonWithContext = (props: SendButtonPropsWithContext) => {
   const { disabled = false, giphyActive, sendMessage } = props;
   const {
     theme: {
@@ -50,10 +42,7 @@ const SendButtonWithContext = <
   );
 };
 
-const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  prevProps: SendButtonPropsWithContext<StreamChatGenerics>,
-  nextProps: SendButtonPropsWithContext<StreamChatGenerics>,
-) => {
+const areEqual = (prevProps: SendButtonPropsWithContext, nextProps: SendButtonPropsWithContext) => {
   const {
     disabled: prevDisabled,
     giphyActive: prevGiphyActive,
@@ -88,19 +77,13 @@ const MemoizedSendButton = React.memo(
   areEqual,
 ) as typeof SendButtonWithContext;
 
-export type SendButtonProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<SendButtonPropsWithContext<StreamChatGenerics>>;
+export type SendButtonProps = Partial<SendButtonPropsWithContext>;
 
 /**
  * UI Component for send button in MessageInput component.
  */
-export const SendButton = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: SendButtonProps<StreamChatGenerics>,
-) => {
-  const { giphyActive, sendMessage } = useMessageInputContext<StreamChatGenerics>();
+export const SendButton = (props: SendButtonProps) => {
+  const { giphyActive, sendMessage } = useMessageInputContext();
 
   return (
     <MemoizedSendButton

package/src/components/MessageInput/ShowThreadMessageInChannelButton.tsx

@@ -13,8 +13,6 @@ import {
 } from '../../contexts/translationContext/TranslationContext';
 import { Check } from '../../icons';
 
-import type { DefaultStreamChatGenerics } from '../../types/types';
-
 const styles = StyleSheet.create({
   checkBox: {
     alignItems: 'center',
@@ -159,15 +157,10 @@ const MemoizedShowThreadMessageInChannelButton = React.memo(
 export type ShowThreadMessageInChannelButtonProps =
   Partial<ShowThreadMessageInChannelButtonWithContextProps>;
 
-export const ShowThreadMessageInChannelButton = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: ShowThreadMessageInChannelButtonProps,
-) => {
+export const ShowThreadMessageInChannelButton = (props: ShowThreadMessageInChannelButtonProps) => {
   const { t } = useTranslationContext();
-  const { allowThreadMessagesInChannel } = useThreadContext<StreamChatGenerics>();
-  const { sendThreadMessageInChannel, setSendThreadMessageInChannel } =
-    useMessageInputContext<StreamChatGenerics>();
+  const { allowThreadMessagesInChannel } = useThreadContext();
+  const { sendThreadMessageInChannel, setSendThreadMessageInChannel } = useMessageInputContext();
 
   return (
     <MemoizedShowThreadMessageInChannelButton

package/src/components/MessageInput/components/AudioRecorder/AudioRecorder.tsx

@@ -14,11 +14,11 @@ import { useTranslationContext } from '../../../../contexts/translationContext/T
 import { ArrowLeft, CircleStop, Delete, Mic, SendCheck } from '../../../../icons';
 
 import { AudioRecordingReturnType } from '../../../../native';
-import type { DefaultStreamChatGenerics } from '../../../../types/types';
 
-type AudioRecorderPropsWithContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<MessageInputContextValue<StreamChatGenerics>, 'asyncMessagesMultiSendEnabled'> & {
+type AudioRecorderPropsWithContext = Pick<
+  MessageInputContextValue,
+  'asyncMessagesMultiSendEnabled'
+> & {
   /**
    * Function to stop and delete the voice recording.
    */
@@ -128,11 +128,7 @@ const DeleteRecording = ({
   );
 };
 
-const AudioRecorderWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: AudioRecorderPropsWithContext<StreamChatGenerics>,
-) => {
+const AudioRecorderWithContext = (props: AudioRecorderPropsWithContext) => {
   const {
     asyncMessagesMultiSendEnabled,
     deleteVoiceRecording,
@@ -201,9 +197,9 @@ const AudioRecorderWithContext = <
   }
 };
 
-const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  prevProps: AudioRecorderPropsWithContext<StreamChatGenerics>,
-  nextProps: AudioRecorderPropsWithContext<StreamChatGenerics>,
+const areEqual = (
+  prevProps: AudioRecorderPropsWithContext,
+  nextProps: AudioRecorderPropsWithContext,
 ) => {
   const {
     asyncMessagesMultiSendEnabled: prevAsyncMessagesMultiSendEnabled,
@@ -254,11 +250,9 @@ const MemoizedAudioRecorder = React.memo(
   areEqual,
 ) as typeof AudioRecorderWithContext;
 
-export type AudioRecorderProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<AudioRecorderPropsWithContext<StreamChatGenerics>> &
+export type AudioRecorderProps = Partial<AudioRecorderPropsWithContext> &
   Pick<
-    AudioRecorderPropsWithContext<StreamChatGenerics>,
+    AudioRecorderPropsWithContext,
     | 'deleteVoiceRecording'
     | 'micLocked'
     | 'recording'
@@ -270,12 +264,8 @@ export type AudioRecorderProps<
 /**
  * Component to display the Recording UI in the Message Input.
  */
-export const AudioRecorder = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: AudioRecorderProps<StreamChatGenerics>,
-) => {
-  const { asyncMessagesMultiSendEnabled } = useMessageInputContext<StreamChatGenerics>();
+export const AudioRecorder = (props: AudioRecorderProps) => {
+  const { asyncMessagesMultiSendEnabled } = useMessageInputContext();
 
   return (
     <MemoizedAudioRecorder

package/src/components/MessageInput/components/AudioRecorder/AudioRecordingButton.tsx

@@ -10,11 +10,10 @@ import { useTranslationContext } from '../../../../contexts/translationContext/T
 import { Mic } from '../../../../icons/Mic';
 import { AudioRecordingReturnType, triggerHaptic } from '../../../../native';
 
-import type { DefaultStreamChatGenerics } from '../../../../types/types';
-
-type AudioRecordingButtonPropsWithContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<MessageInputContextValue<StreamChatGenerics>, 'asyncMessagesMinimumPressDuration'> & {
+type AudioRecordingButtonPropsWithContext = Pick<
+  MessageInputContextValue,
+  'asyncMessagesMinimumPressDuration'
+> & {
   /**
    * The current voice recording that is in progress.
    */
@@ -41,11 +40,7 @@ type AudioRecordingButtonPropsWithContext<
   startVoiceRecording?: () => Promise<void>;
 };
 
-const AudioRecordingButtonWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: AudioRecordingButtonPropsWithContext<StreamChatGenerics>,
-) => {
+const AudioRecordingButtonWithContext = (props: AudioRecordingButtonPropsWithContext) => {
   const {
     asyncMessagesMinimumPressDuration,
     buttonSize,
@@ -121,9 +116,9 @@ const AudioRecordingButtonWithContext = <
   );
 };
 
-const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  prevProps: AudioRecordingButtonPropsWithContext<StreamChatGenerics>,
-  nextProps: AudioRecordingButtonPropsWithContext<StreamChatGenerics>,
+const areEqual = (
+  prevProps: AudioRecordingButtonPropsWithContext,
+  nextProps: AudioRecordingButtonPropsWithContext,
 ) => {
   const {
     asyncMessagesMinimumPressDuration: prevAsyncMessagesMinimumPressDuration,
@@ -153,21 +148,15 @@ const MemoizedAudioRecordingButton = React.memo(
   areEqual,
 ) as typeof AudioRecordingButtonWithContext;
 
-export type AudioRecordingButtonProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<AudioRecordingButtonPropsWithContext<StreamChatGenerics>> & {
+export type AudioRecordingButtonProps = Partial<AudioRecordingButtonPropsWithContext> & {
   recording: AudioRecordingReturnType;
 };
 
 /**
  * Component to display the mic button on the Message Input.
  */
-export const AudioRecordingButton = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: AudioRecordingButtonProps<StreamChatGenerics>,
-) => {
-  const { asyncMessagesMinimumPressDuration } = useMessageInputContext<StreamChatGenerics>();
+export const AudioRecordingButton = (props: AudioRecordingButtonProps) => {
+  const { asyncMessagesMinimumPressDuration } = useMessageInputContext();
 
   return <MemoizedAudioRecordingButton {...{ asyncMessagesMinimumPressDuration }} {...props} />;
 };

package/src/components/MessageInput/components/AudioRecorder/AudioRecordingInProgress.tsx

@@ -9,11 +9,10 @@ import {
 } from '../../../../contexts/messageInputContext/MessageInputContext';
 import { useTheme } from '../../../../contexts/themeContext/ThemeContext';
 
-import type { DefaultStreamChatGenerics } from '../../../../types/types';
-
-type AudioRecordingInProgressPropsWithContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<MessageInputContextValue<StreamChatGenerics>, 'AudioRecordingWaveform'> & {
+type AudioRecordingInProgressPropsWithContext = Pick<
+  MessageInputContextValue,
+  'AudioRecordingWaveform'
+> & {
   /**
    * The waveform data to be presented to show the audio levels.
    */
@@ -28,11 +27,7 @@ type AudioRecordingInProgressPropsWithContext<
   recordingDuration?: number;
 };
 
-const AudioRecordingInProgressWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: AudioRecordingInProgressPropsWithContext<StreamChatGenerics>,
-) => {
+const AudioRecordingInProgressWithContext = (props: AudioRecordingInProgressPropsWithContext) => {
   const {
     AudioRecordingWaveform,
     maxDataPointsDrawn = 80,
@@ -60,9 +55,9 @@ const AudioRecordingInProgressWithContext = <
   );
 };
 
-const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  prevProps: AudioRecordingInProgressPropsWithContext<StreamChatGenerics>,
-  nextProps: AudioRecordingInProgressPropsWithContext<StreamChatGenerics>,
+const areEqual = (
+  prevProps: AudioRecordingInProgressPropsWithContext,
+  nextProps: AudioRecordingInProgressPropsWithContext,
 ) => {
   const { recordingDuration: prevRecordingDuration } = prevProps;
   const { recordingDuration: nextRecordingDuration } = nextProps;
@@ -81,21 +76,15 @@ const MemoizedAudioRecordingInProgress = React.memo(
   areEqual,
 ) as typeof AudioRecordingInProgressWithContext;
 
-export type AudioRecordingInProgressProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<AudioRecordingInProgressPropsWithContext<StreamChatGenerics>> & {
+export type AudioRecordingInProgressProps = Partial<AudioRecordingInProgressPropsWithContext> & {
   waveformData: number[];
 };
 
 /**
  * Component displayed when the audio is in the recording state.
  */
-export const AudioRecordingInProgress = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: AudioRecordingInProgressProps<StreamChatGenerics>,
-) => {
-  const { AudioRecordingWaveform } = useMessageInputContext<StreamChatGenerics>();
+export const AudioRecordingInProgress = (props: AudioRecordingInProgressProps) => {
+  const { AudioRecordingWaveform } = useMessageInputContext();
 
   return <MemoizedAudioRecordingInProgress {...{ AudioRecordingWaveform }} {...props} />;
 };

package/src/components/MessageInput/components/InputEditingStateHeader.tsx

@@ -9,7 +9,6 @@ import { useTheme } from '../../../contexts/themeContext/ThemeContext';
 import { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';
 
 import { CircleClose, Edit } from '../../../icons';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 const styles = StyleSheet.create({
   editingBoxHeader: {
@@ -24,19 +23,17 @@ const styles = StyleSheet.create({
   },
 });
 
-export type InputEditingStateHeaderProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<Pick<MessageInputContextValue<StreamChatGenerics>, 'clearEditingState' | 'resetInput'>>;
+export type InputEditingStateHeaderProps = Partial<
+  Pick<MessageInputContextValue, 'clearEditingState' | 'resetInput'>
+>;
 
-export const InputEditingStateHeader = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const InputEditingStateHeader = ({
   clearEditingState: propClearEditingState,
   resetInput: propResetInput,
-}: InputEditingStateHeaderProps<StreamChatGenerics>) => {
+}: InputEditingStateHeaderProps) => {
   const { t } = useTranslationContext();
   const { clearEditingState: contextClearEditingState, resetInput: contextResetInput } =
-    useMessageInputContext<StreamChatGenerics>();
+    useMessageInputContext();
 
   const clearEditingState = propClearEditingState || contextClearEditingState;
   const resetInput = propResetInput || contextResetInput;

package/src/components/MessageInput/components/InputGiphySearch.tsx

@@ -8,7 +8,7 @@ import {
 import { useTheme } from '../../../contexts/themeContext/ThemeContext';
 
 import { CircleClose, GiphyLightning } from '../../../icons';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
+
 import { AutoCompleteInput } from '../../AutoCompleteInput/AutoCompleteInput';
 import { useCountdown } from '../hooks/useCountdown';
 
@@ -33,32 +33,28 @@ const styles = StyleSheet.create({
   },
 });
 
-export type InputGiphySearchProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<
+export type InputGiphySearchProps = Partial<
   Pick<
-    MessageInputContextValue<StreamChatGenerics>,
+    MessageInputContextValue,
     'additionalTextInputProps' | 'cooldownEndsAt' | 'setGiphyActive' | 'setShowMoreOptions'
   >
 > & {
   disabled: boolean;
 };
 
-export const InputGiphySearch = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const InputGiphySearch = ({
   additionalTextInputProps: propAdditionalTextInputProps,
   cooldownEndsAt: propCooldownEndsAt,
   disabled,
   setGiphyActive: propSetGiphyActive,
   setShowMoreOptions: propSetShowMoreOptions,
-}: InputGiphySearchProps<StreamChatGenerics>) => {
+}: InputGiphySearchProps) => {
   const {
     additionalTextInputProps: contextAdditionalTextInputProps,
     cooldownEndsAt: contextCooldownEndsAt,
     setGiphyActive: contextSetGiphyActive,
     setShowMoreOptions: contextSetShowMoreOptions,
-  } = useMessageInputContext<StreamChatGenerics>();
+  } = useMessageInputContext();
 
   const additionalTextInputProps = propAdditionalTextInputProps || contextAdditionalTextInputProps;
   const cooldownEndsAt = propCooldownEndsAt || contextCooldownEndsAt;
@@ -84,7 +80,7 @@ export const InputGiphySearch = <
         <Text style={[styles.giphyText, { color: white }, giphyText]}>GIPHY</Text>
       </View>
 
-      <AutoCompleteInput<StreamChatGenerics>
+      <AutoCompleteInput
         additionalTextInputProps={additionalTextInputProps}
         cooldownActive={!!cooldownRemainingSeconds}
       />

package/src/components/MessageInput/components/InputReplyStateHeader.tsx

@@ -9,7 +9,6 @@ import { useTheme } from '../../../contexts/themeContext/ThemeContext';
 import { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';
 
 import { CircleClose, CurveLineLeftUp } from '../../../icons';
-import type { DefaultStreamChatGenerics } from '../../../types/types';
 
 const styles = StyleSheet.create({
   replyBoxHeader: {
@@ -24,18 +23,14 @@ const styles = StyleSheet.create({
   },
 });
 
-export type InputReplyStateHeaderProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<
-  Pick<MessageInputContextValue<StreamChatGenerics>, 'clearQuotedMessageState' | 'resetInput'>
+export type InputReplyStateHeaderProps = Partial<
+  Pick<MessageInputContextValue, 'clearQuotedMessageState' | 'resetInput'>
 >;
 
-export const InputReplyStateHeader = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->({
+export const InputReplyStateHeader = ({
   clearQuotedMessageState: propClearQuotedMessageState,
   resetInput: propResetInput,
-}: InputReplyStateHeaderProps<StreamChatGenerics>) => {
+}: InputReplyStateHeaderProps) => {
   const { t } = useTranslationContext();
   const { clearQuotedMessageState: contextClearQuotedMessageState, resetInput: contextResetInput } =
     useMessageInputContext();