stream-chat-react-native-core 5.34.0 → 5.34.1-beta.2

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

@@ -5,10 +5,6 @@ import Animated from 'react-native-reanimated';
 
 import dayjs from 'dayjs';
 
-import {
-  ChannelContextValue,
-  useChannelContext,
-} from '../../../../contexts/channelContext/ChannelContext';
 import {
   MessageInputContextValue,
   useMessageInputContext,
@@ -21,42 +17,41 @@ import type { DefaultStreamChatGenerics } from '../../../../types/types';
 
 type AudioRecorderPropsWithContext<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<ChannelContextValue<StreamChatGenerics>, 'disabled'> &
-  Pick<MessageInputContextValue<StreamChatGenerics>, 'asyncMessagesMultiSendEnabled'> & {
-    /**
-     * Function to stop and delete the voice recording.
-     */
-    deleteVoiceRecording: () => Promise<void>;
-    /**
-     * Boolean used to show if the voice recording state is locked. This makes sure the mic button shouldn't be pressed any longer.
-     * When the mic is locked the `AudioRecordingInProgress` component shows up.
-     */
-    micLocked: boolean;
-    /**
-     * The current voice recording that is in progress.
-     */
-    recording: AudioRecordingReturnType;
-    /**
-     * Boolean to determine if the recording has been stopped.
-     */
-    recordingStopped: boolean;
-    /**
-     * Function to stop the ongoing voice recording.
-     */
-    stopVoiceRecording: () => Promise<void>;
-    /**
-     * Function to upload the voice recording.
-     */
-    uploadVoiceRecording: (multiSendEnabled: boolean) => Promise<void>;
-    /**
-     * The duration of the voice recording.
-     */
-    recordingDuration?: number;
-    /**
-     * Style used in slide to cancel container.
-     */
-    slideToCancelStyle?: StyleProp<ViewStyle>;
-  };
+> = Pick<MessageInputContextValue<StreamChatGenerics>, 'asyncMessagesMultiSendEnabled'> & {
+  /**
+   * Function to stop and delete the voice recording.
+   */
+  deleteVoiceRecording: () => Promise<void>;
+  /**
+   * Boolean used to show if the voice recording state is locked. This makes sure the mic button shouldn't be pressed any longer.
+   * When the mic is locked the `AudioRecordingInProgress` component shows up.
+   */
+  micLocked: boolean;
+  /**
+   * The current voice recording that is in progress.
+   */
+  recording: AudioRecordingReturnType;
+  /**
+   * Boolean to determine if the recording has been stopped.
+   */
+  recordingStopped: boolean;
+  /**
+   * Function to stop the ongoing voice recording.
+   */
+  stopVoiceRecording: () => Promise<void>;
+  /**
+   * Function to upload the voice recording.
+   */
+  uploadVoiceRecording: (multiSendEnabled: boolean) => Promise<void>;
+  /**
+   * The duration of the voice recording.
+   */
+  recordingDuration?: number;
+  /**
+   * Style used in slide to cancel container.
+   */
+  slideToCancelStyle?: StyleProp<ViewStyle>;
+};
 
 const StopRecording = ({
   stopVoiceRecordingHandler,
@@ -110,10 +105,8 @@ const UploadRecording = ({
 
 const DeleteRecording = ({
   deleteVoiceRecordingHandler,
-  disabled,
 }: {
   deleteVoiceRecordingHandler: () => Promise<void>;
-  disabled?: boolean;
 }) => {
   const {
     theme: {
@@ -125,7 +118,6 @@ const DeleteRecording = ({
   } = useTheme();
   return (
     <Pressable
-      disabled={disabled}
       onPress={deleteVoiceRecordingHandler}
       style={[styles.deleteContainer, deleteContainer]}
       testID='delete-button'
@@ -143,7 +135,6 @@ const AudioRecorderWithContext = <
   const {
     asyncMessagesMultiSendEnabled,
     deleteVoiceRecording,
-    disabled,
     micLocked,
     recordingDuration,
     recordingStopped,
@@ -165,7 +156,7 @@ const AudioRecorderWithContext = <
     if (recordingStopped) {
       return (
         <>
-          <DeleteRecording deleteVoiceRecordingHandler={deleteVoiceRecording} disabled={disabled} />
+          <DeleteRecording deleteVoiceRecordingHandler={deleteVoiceRecording} />
           <UploadRecording
             asyncMessagesMultiSendEnabled={asyncMessagesMultiSendEnabled}
             uploadVoiceRecordingHandler={uploadVoiceRecording}
@@ -212,7 +203,6 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
 ) => {
   const {
     asyncMessagesMultiSendEnabled: prevAsyncMessagesMultiSendEnabled,
-    disabled: prevDisabled,
     micLocked: prevMicLocked,
     recording: prevRecording,
     recordingDuration: prevRecordingDuration,
@@ -220,7 +210,6 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   } = prevProps;
   const {
     asyncMessagesMultiSendEnabled: nextAsyncMessagesMultiSendEnabled,
-    disabled: nextDisabled,
     micLocked: nextMicLocked,
     recording: nextRecording,
     recordingDuration: nextRecordingDuration,
@@ -231,9 +220,6 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     prevAsyncMessagesMultiSendEnabled === nextAsyncMessagesMultiSendEnabled;
   if (!asyncMessagesMultiSendEnabledEqual) return false;
 
-  const disabledEqual = prevDisabled === nextDisabled;
-  if (!disabledEqual) return false;
-
   const micLockedEqual = prevMicLocked === nextMicLocked;
   if (!micLockedEqual) return false;
 
@@ -275,14 +261,12 @@ export const AudioRecorder = <
 >(
   props: AudioRecorderProps<StreamChatGenerics>,
 ) => {
-  const { disabled = false } = useChannelContext<StreamChatGenerics>();
   const { asyncMessagesMultiSendEnabled } = useMessageInputContext<StreamChatGenerics>();
 
   return (
     <MemoizedAudioRecorder
       {...{
         asyncMessagesMultiSendEnabled,
-        disabled,
       }}
       {...props}
     />

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

@@ -1,10 +1,6 @@
 import React from 'react';
 import { Alert, Linking, Pressable, StyleSheet } from 'react-native';
 
-import {
-  ChannelContextValue,
-  useChannelContext,
-} from '../../../../contexts/channelContext/ChannelContext';
 import {
   MessageInputContextValue,
   useMessageInputContext,
@@ -18,33 +14,32 @@ import type { DefaultStreamChatGenerics } from '../../../../types/types';
 
 type AudioRecordingButtonPropsWithContext<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<ChannelContextValue<StreamChatGenerics>, 'disabled'> &
-  Pick<MessageInputContextValue<StreamChatGenerics>, 'asyncMessagesMinimumPressDuration'> & {
-    /**
-     * The current voice recording that is in progress.
-     */
-    recording: AudioRecordingReturnType;
-    /**
-     * Size of the mic button.
-     */
-    buttonSize?: number;
-    /**
-     * Handler to determine what should happen on long press of the mic button.
-     */
-    handleLongPress?: () => void;
-    /**
-     * Handler to determine what should happen on press of the mic button.
-     */
-    handlePress?: () => void;
-    /**
-     * Boolean to determine if the audio recording permissions are granted.
-     */
-    permissionsGranted?: boolean;
-    /**
-     * Function to start the voice recording.
-     */
-    startVoiceRecording?: () => Promise<void>;
-  };
+> = Pick<MessageInputContextValue<StreamChatGenerics>, 'asyncMessagesMinimumPressDuration'> & {
+  /**
+   * The current voice recording that is in progress.
+   */
+  recording: AudioRecordingReturnType;
+  /**
+   * Size of the mic button.
+   */
+  buttonSize?: number;
+  /**
+   * Handler to determine what should happen on long press of the mic button.
+   */
+  handleLongPress?: () => void;
+  /**
+   * Handler to determine what should happen on press of the mic button.
+   */
+  handlePress?: () => void;
+  /**
+   * Boolean to determine if the audio recording permissions are granted.
+   */
+  permissionsGranted?: boolean;
+  /**
+   * Function to start the voice recording.
+   */
+  startVoiceRecording?: () => Promise<void>;
+};
 
 const AudioRecordingButtonWithContext = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
@@ -54,7 +49,6 @@ const AudioRecordingButtonWithContext = <
   const {
     asyncMessagesMinimumPressDuration,
     buttonSize,
-    disabled,
     handleLongPress,
     handlePress,
     permissionsGranted,
@@ -107,7 +101,6 @@ const AudioRecordingButtonWithContext = <
   return (
     <Pressable
       delayLongPress={asyncMessagesMinimumPressDuration}
-      disabled={disabled}
       onLongPress={onLongPressHandler}
       onPress={onPressHandler}
       style={({ pressed }) => [
@@ -132,12 +125,10 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
 ) => {
   const {
     asyncMessagesMinimumPressDuration: prevAsyncMessagesMinimumPressDuration,
-    disabled: prevDisabled,
     recording: prevRecording,
   } = prevProps;
   const {
     asyncMessagesMinimumPressDuration: nextAsyncMessagesMinimumPressDuration,
-    disabled: nextDisabled,
     recording: nextRecording,
   } = nextProps;
 
@@ -145,9 +136,6 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     prevAsyncMessagesMinimumPressDuration === nextAsyncMessagesMinimumPressDuration;
   if (!asyncMessagesMinimumPressDurationEqual) return false;
 
-  const disabledEqual = prevDisabled === nextDisabled;
-  if (!disabledEqual) return false;
-
   const recordingEqual = prevRecording === nextRecording;
   if (!recordingEqual) return false;
 
@@ -173,12 +161,9 @@ export const AudioRecordingButton = <
 >(
   props: AudioRecordingButtonProps<StreamChatGenerics>,
 ) => {
-  const { disabled = false } = useChannelContext<StreamChatGenerics>();
   const { asyncMessagesMinimumPressDuration } = useMessageInputContext<StreamChatGenerics>();
 
-  return (
-    <MemoizedAudioRecordingButton {...{ asyncMessagesMinimumPressDuration, disabled }} {...props} />
-  );
+  return <MemoizedAudioRecordingButton {...{ asyncMessagesMinimumPressDuration }} {...props} />;
 };
 
 const styles = StyleSheet.create({

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

@@ -1,7 +1,6 @@
 import React from 'react';
 import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 
-import type { ChannelContextValue } from '../../../contexts/channelContext/ChannelContext';
 import {
   MessageInputContextValue,
   useMessageInputContext,
@@ -25,19 +24,23 @@ const styles = StyleSheet.create({
   },
 });
 
-export type InputEditingStateHeaderPropsWithContext<
+export type InputEditingStateHeaderProps<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<MessageInputContextValue<StreamChatGenerics>, 'clearEditingState' | 'resetInput'> &
-  Pick<ChannelContextValue<StreamChatGenerics>, 'disabled'>;
+> = Partial<Pick<MessageInputContextValue<StreamChatGenerics>, 'clearEditingState' | 'resetInput'>>;
 
-export const InputEditingStateHeaderWithContext = <
+export const InputEditingStateHeader = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
-  clearEditingState,
-  disabled,
-  resetInput,
-}: InputEditingStateHeaderPropsWithContext<StreamChatGenerics>) => {
+  clearEditingState: propClearEditingState,
+  resetInput: propResetInput,
+}: InputEditingStateHeaderProps<StreamChatGenerics>) => {
   const { t } = useTranslationContext();
+  const { clearEditingState: contextClearEditingState, resetInput: contextResetInput } =
+    useMessageInputContext<StreamChatGenerics>();
+
+  const clearEditingState = propClearEditingState || contextClearEditingState;
+  const resetInput = propResetInput || contextResetInput;
+
   const {
     theme: {
       colors: { black, grey, grey_gainsboro },
@@ -54,10 +57,13 @@ export const InputEditingStateHeaderWithContext = <
         {t<string>('Editing Message')}
       </Text>
       <TouchableOpacity
-        disabled={disabled}
         onPress={() => {
-          resetInput();
-          clearEditingState();
+          if (resetInput) {
+            resetInput();
+          }
+          if (clearEditingState) {
+            clearEditingState();
+          }
         }}
         testID='close-button'
       >
@@ -67,36 +73,4 @@ export const InputEditingStateHeaderWithContext = <
   );
 };
 
-const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  prevProps: InputEditingStateHeaderPropsWithContext<StreamChatGenerics>,
-  nextProps: InputEditingStateHeaderPropsWithContext<StreamChatGenerics>,
-) => {
-  const { disabled: prevDisabled } = prevProps;
-  const { disabled: nextDisabled } = nextProps;
-
-  const disabledEqual = prevDisabled === nextDisabled;
-  if (!disabledEqual) return false;
-
-  return true;
-};
-
-const MemoizedInputEditingStateHeader = React.memo(
-  InputEditingStateHeaderWithContext,
-  areEqual,
-) as typeof InputEditingStateHeaderWithContext;
-
-export type InputEditingStateHeaderProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<InputEditingStateHeaderPropsWithContext<StreamChatGenerics>>;
-
-export const InputEditingStateHeader = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: InputEditingStateHeaderProps<StreamChatGenerics>,
-) => {
-  const { clearEditingState, resetInput } = useMessageInputContext<StreamChatGenerics>();
-
-  return <MemoizedInputEditingStateHeader {...{ clearEditingState, resetInput }} {...props} />;
-};
-
 InputEditingStateHeader.displayName = 'EditingStateHeader{messageInput}';

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

@@ -1,7 +1,6 @@
 import React from 'react';
 import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 
-import type { ChannelContextValue } from '../../../contexts/channelContext/ChannelContext';
 import {
   MessageInputContextValue,
   useMessageInputContext,
@@ -34,23 +33,38 @@ const styles = StyleSheet.create({
   },
 });
 
-export type InputGiphySearchPropsWithContext<
+export type InputGiphySearchProps<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<
-  MessageInputContextValue<StreamChatGenerics>,
-  'additionalTextInputProps' | 'cooldownEndsAt' | 'setGiphyActive' | 'setShowMoreOptions'
-> &
-  Pick<ChannelContextValue<StreamChatGenerics>, 'disabled'>;
+> = Partial<
+  Pick<
+    MessageInputContextValue<StreamChatGenerics>,
+    'additionalTextInputProps' | 'cooldownEndsAt' | 'setGiphyActive' | 'setShowMoreOptions'
+  >
+> & {
+  disabled: boolean;
+};
 
-export const InputGiphySearchWithContext = <
+export const InputGiphySearch = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
-  additionalTextInputProps,
-  cooldownEndsAt,
+  additionalTextInputProps: propAdditionalTextInputProps,
+  cooldownEndsAt: propCooldownEndsAt,
   disabled,
-  setGiphyActive,
-  setShowMoreOptions,
-}: InputGiphySearchPropsWithContext<StreamChatGenerics>) => {
+  setGiphyActive: propSetGiphyActive,
+  setShowMoreOptions: propSetShowMoreOptions,
+}: InputGiphySearchProps<StreamChatGenerics>) => {
+  const {
+    additionalTextInputProps: contextAdditionalTextInputProps,
+    cooldownEndsAt: contextCooldownEndsAt,
+    setGiphyActive: contextSetGiphyActive,
+    setShowMoreOptions: contextSetShowMoreOptions,
+  } = useMessageInputContext<StreamChatGenerics>();
+
+  const additionalTextInputProps = propAdditionalTextInputProps || contextAdditionalTextInputProps;
+  const cooldownEndsAt = propCooldownEndsAt || contextCooldownEndsAt;
+  const setGiphyActive = propSetGiphyActive || contextSetGiphyActive;
+  const setShowMoreOptions = propSetShowMoreOptions || contextSetShowMoreOptions;
+
   const { seconds: cooldownRemainingSeconds } = useCountdown(cooldownEndsAt);
 
   const {
@@ -88,42 +102,4 @@ export const InputGiphySearchWithContext = <
   );
 };
 
-const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  prevProps: InputGiphySearchPropsWithContext<StreamChatGenerics>,
-  nextProps: InputGiphySearchPropsWithContext<StreamChatGenerics>,
-) => {
-  const { disabled: prevDisabled } = prevProps;
-  const { disabled: nextDisabled } = nextProps;
-
-  const disabledEqual = prevDisabled === nextDisabled;
-  if (!disabledEqual) return false;
-
-  return true;
-};
-
-const MemoizedInputGiphySearch = React.memo(
-  InputGiphySearchWithContext,
-  areEqual,
-) as typeof InputGiphySearchWithContext;
-
-export type InputGiphySearchProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<InputGiphySearchPropsWithContext<StreamChatGenerics>>;
-
-export const InputGiphySearch = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: InputGiphySearchProps<StreamChatGenerics>,
-) => {
-  const { additionalTextInputProps, cooldownEndsAt, setGiphyActive, setShowMoreOptions } =
-    useMessageInputContext<StreamChatGenerics>();
-
-  return (
-    <MemoizedInputGiphySearch
-      {...{ additionalTextInputProps, cooldownEndsAt, setGiphyActive, setShowMoreOptions }}
-      {...props}
-    />
-  );
-};
-
 InputGiphySearch.displayName = 'InputGiphySearch{messageInput}';

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

@@ -1,7 +1,6 @@
 import React from 'react';
 import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 
-import type { ChannelContextValue } from '../../../contexts/channelContext/ChannelContext';
 import {
   MessageInputContextValue,
   useMessageInputContext,
@@ -25,19 +24,21 @@ const styles = StyleSheet.create({
   },
 });
 
-export type InputReplyStateHeaderPropsWithContext<
+export type InputReplyStateHeaderProps<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<MessageInputContextValue<StreamChatGenerics>, 'clearQuotedMessageState' | 'resetInput'> &
-  Pick<ChannelContextValue<StreamChatGenerics>, 'disabled'>;
+> = Partial<
+  Pick<MessageInputContextValue<StreamChatGenerics>, 'clearQuotedMessageState' | 'resetInput'>
+>;
 
-export const InputReplyStateHeaderWithContext = <
+export const InputReplyStateHeader = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
-  clearQuotedMessageState,
-  disabled,
-  resetInput,
-}: InputReplyStateHeaderPropsWithContext<StreamChatGenerics>) => {
+  clearQuotedMessageState: propClearQuotedMessageState,
+  resetInput: propResetInput,
+}: InputReplyStateHeaderProps<StreamChatGenerics>) => {
   const { t } = useTranslationContext();
+  const { clearQuotedMessageState: contextClearQuotedMessageState, resetInput: contextResetInput } =
+    useMessageInputContext();
   const {
     theme: {
       colors: { black, grey, grey_gainsboro },
@@ -47,6 +48,9 @@ export const InputReplyStateHeaderWithContext = <
     },
   } = useTheme();
 
+  const clearQuotedMessageState = propClearQuotedMessageState || contextClearQuotedMessageState;
+  const resetInput = propResetInput || contextResetInput;
+
   return (
     <View style={[styles.replyBoxHeader, editingBoxHeader]}>
       <CurveLineLeftUp pathFill={grey_gainsboro} />
@@ -54,10 +58,13 @@ export const InputReplyStateHeaderWithContext = <
         {t<string>('Reply to Message')}
       </Text>
       <TouchableOpacity
-        disabled={disabled}
         onPress={() => {
-          resetInput();
-          clearQuotedMessageState();
+          if (resetInput) {
+            resetInput();
+          }
+          if (clearQuotedMessageState) {
+            clearQuotedMessageState();
+          }
         }}
         testID='close-button'
       >
@@ -67,36 +74,4 @@ export const InputReplyStateHeaderWithContext = <
   );
 };
 
-const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  prevProps: InputReplyStateHeaderPropsWithContext<StreamChatGenerics>,
-  nextProps: InputReplyStateHeaderPropsWithContext<StreamChatGenerics>,
-) => {
-  const { disabled: prevDisabled } = prevProps;
-  const { disabled: nextDisabled } = nextProps;
-
-  const disabledEqual = prevDisabled === nextDisabled;
-  if (!disabledEqual) return false;
-
-  return true;
-};
-
-const MemoizedInputReplyStateHeader = React.memo(
-  InputReplyStateHeaderWithContext,
-  areEqual,
-) as typeof InputReplyStateHeaderWithContext;
-
-export type InputReplyStateHeaderProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<InputReplyStateHeaderPropsWithContext<StreamChatGenerics>>;
-
-export const InputReplyStateHeader = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: InputReplyStateHeaderProps<StreamChatGenerics>,
-) => {
-  const { clearQuotedMessageState, resetInput } = useMessageInputContext<StreamChatGenerics>();
-
-  return <MemoizedInputReplyStateHeader {...{ clearQuotedMessageState, resetInput }} {...props} />;
-};
-
 InputReplyStateHeader.displayName = 'ReplyStateHeader{messageInput}';

package/src/components/MessageList/MessageList.tsx

@@ -1102,7 +1102,7 @@ const MessageListWithContext = <
       {/* Don't show the empty list indicator for Thread messages */}
       {processedMessageList.length === 0 && !thread ? (
         <View style={[styles.flex, { backgroundColor: white_snow }]} testID='empty-state'>
-          <EmptyStateIndicator listType='message' />
+          {EmptyStateIndicator ? <EmptyStateIndicator listType='message' /> : null}
         </View>
       ) : (
         <FlatList

package/src/components/Thread/__tests__/__snapshots__/Thread.test.js.snap

@@ -1682,7 +1682,7 @@ exports[`Thread should match thread snapshot 1`] = `
                 {
                   "busy": undefined,
                   "checked": undefined,
-                  "disabled": false,
+                  "disabled": undefined,
                   "expanded": undefined,
                   "selected": undefined,
                 }
@@ -1778,7 +1778,7 @@ exports[`Thread should match thread snapshot 1`] = `
                 {
                   "busy": undefined,
                   "checked": undefined,
-                  "disabled": false,
+                  "disabled": undefined,
                   "expanded": undefined,
                   "selected": undefined,
                 }

package/src/contexts/messageContext/MessageContext.tsx

@@ -110,7 +110,7 @@ export type MessageContextValue<
   preventPress?: boolean;
   /** Whether or not the avatar show show next to Message */
   showAvatar?: boolean;
-} & Pick<ChannelContextValue<StreamChatGenerics>, 'channel' | 'disabled' | 'members'>;
+} & Pick<ChannelContextValue<StreamChatGenerics>, 'channel' | 'members'>;
 
 export const MessageContext = React.createContext(
   DEFAULT_BASE_CONTEXT_VALUE as MessageContextValue,

package/src/contexts/messageInputContext/MessageInputContext.tsx

@@ -219,7 +219,7 @@ export type LocalMessageInputContext<
 
 export type InputMessageInputContextValue<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<ChannelContextValue<StreamChatGenerics>, 'disabled'> & {
+> = {
   /**
    * Controls how many pixels to the top side the user has to scroll in order to lock the recording view and allow the user to lift their finger from the screen without stopping the recording.
    */
@@ -241,7 +241,7 @@ export type InputMessageInputContextValue<
    *
    * Defaults to and accepts same props as: [AttachButton](https://getstream.io/chat/docs/sdk/reactnative/ui-components/attach-button/)
    */
-  AttachButton: React.ComponentType<AttachButtonProps<StreamChatGenerics>>;
+  AttachButton: React.ComponentType<AttachButtonProps>;
   /**
    * Custom UI component for audio attachment upload preview.
    *
@@ -329,7 +329,7 @@ export type InputMessageInputContextValue<
    *
    * Defaults to and accepts same props as: [MoreOptionsButton](https://getstream.io/chat/docs/sdk/reactnative/ui-components/more-options-button/)
    */
-  MoreOptionsButton: React.ComponentType<MoreOptionsButtonProps<StreamChatGenerics>>;
+  MoreOptionsButton: React.ComponentType<MoreOptionsButtonProps>;
   /** Limit on the number of lines in the text input before scrolling */
   numberOfLines: number;
   quotedMessage: boolean | MessageType<StreamChatGenerics>;

package/src/contexts/messageInputContext/hooks/useCreateMessageInputContext.ts

@@ -31,7 +31,6 @@ export const useCreateMessageInputContext = <
   compressImageQuality,
   cooldownEndsAt,
   CooldownTimer,
-  disabled,
   doDocUploadRequest,
   doImageUploadRequest,
   editing,
@@ -151,7 +150,6 @@ export const useCreateMessageInputContext = <
       compressImageQuality,
       cooldownEndsAt,
       CooldownTimer,
-      disabled,
       doDocUploadRequest,
       doImageUploadRequest,
       editing,
@@ -231,7 +229,6 @@ export const useCreateMessageInputContext = <
       asyncIdsLength,
       asyncUploadsValue,
       cooldownEndsAt,
-      disabled,
       editingdep,
       fileUploadsValue,
       giphyActive,