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

package/src/components/Message/Message.tsx

@@ -132,10 +132,7 @@ export type MessageActionHandlers<
 
 export type MessagePropsWithContext<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<
-  ChannelContextValue<StreamChatGenerics>,
-  'channel' | 'disabled' | 'enforceUniqueReaction' | 'members'
-> &
+> = Pick<ChannelContextValue<StreamChatGenerics>, 'channel' | 'enforceUniqueReaction' | 'members'> &
   Pick<KeyboardContextValue, 'dismissKeyboard'> &
   Partial<Omit<MessageContextValue<StreamChatGenerics>, 'groupStyles' | 'message'>> &
   Pick<MessageContextValue<StreamChatGenerics>, 'groupStyles' | 'message'> &
@@ -245,7 +242,6 @@ const MessageWithContext = <
     chatContext,
     deleteMessage: deleteMessageFromContext,
     deleteReaction,
-    disabled,
     dismissKeyboard,
     dismissKeyboardOnMessageTouch,
     enableLongPress = true,
@@ -627,7 +623,7 @@ const MessageWithContext = <
   };
 
   const onLongPressMessage =
-    disabled || hasAttachmentActions || isBlockedMessage(message)
+    hasAttachmentActions || isBlockedMessage(message)
       ? () => null
       : onLongPressMessageProp
       ? (payload?: TouchableHandlerPayload) =>
@@ -662,7 +658,6 @@ const MessageWithContext = <
     actionsEnabled,
     alignment,
     channel,
-    disabled,
     files: attachments.files,
     goToMessage,
     groupStyles,
@@ -780,7 +775,6 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
 ) => {
   const {
     chatContext: { mutedUsers: prevMutedUsers },
-    disabled: prevDisabled,
     goToMessage: prevGoToMessage,
     groupStyles: prevGroupStyles,
     isAttachmentEqual,
@@ -794,7 +788,6 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   } = prevProps;
   const {
     chatContext: { mutedUsers: nextMutedUsers },
-    disabled: nextDisabled,
     goToMessage: nextGoToMessage,
     groupStyles: nextGroupStyles,
     isTargetedMessage: nextIsTargetedMessage,
@@ -806,9 +799,6 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     t: nextT,
   } = nextProps;
 
-  const disabledEqual = prevDisabled === nextDisabled;
-  if (!disabledEqual) return false;
-
   const membersEqual = Object.keys(prevMembers).length === Object.keys(nextMembers).length;
   if (!membersEqual) return false;
 
@@ -935,8 +925,7 @@ export const Message = <
 >(
   props: MessageProps<StreamChatGenerics>,
 ) => {
-  const { channel, disabled, enforceUniqueReaction, members } =
-    useChannelContext<StreamChatGenerics>();
+  const { channel, enforceUniqueReaction, members } = useChannelContext<StreamChatGenerics>();
   const chatContext = useChatContext<StreamChatGenerics>();
   const { dismissKeyboard } = useKeyboardContext();
   const { setData } = useMessageOverlayContext<StreamChatGenerics>();
@@ -951,7 +940,6 @@ export const Message = <
       {...{
         channel,
         chatContext,
-        disabled,
         dismissKeyboard,
         enforceUniqueReaction,
         members,

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

@@ -63,7 +63,6 @@ export type MessageContentPropsWithContext<
 > = Pick<
   MessageContextValue<StreamChatGenerics>,
   | 'alignment'
-  | 'disabled'
   | 'isEditedMessageOpen'
   | 'goToMessage'
   | 'groupStyles'
@@ -116,7 +115,6 @@ const MessageContentWithContext = <
     additionalTouchableProps,
     alignment,
     Attachment,
-    disabled,
     FileAttachmentGroup,
     Gallery,
     groupStyles,
@@ -272,7 +270,7 @@ const MessageContentWithContext = <
   return (
     <TouchableOpacity
       activeOpacity={0.7}
-      disabled={disabled || preventPress}
+      disabled={preventPress}
       onLongPress={(event) => {
         if (onLongPress) {
           onLongPress({
@@ -402,7 +400,6 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   nextProps: MessageContentPropsWithContext<StreamChatGenerics>,
 ) => {
   const {
-    disabled: prevDisabled,
     goToMessage: prevGoToMessage,
     groupStyles: prevGroupStyles,
     hasReactions: prevHasReactions,
@@ -418,7 +415,6 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     t: prevT,
   } = prevProps;
   const {
-    disabled: nextDisabled,
     goToMessage: nextGoToMessage,
     groupStyles: nextGroupStyles,
     hasReactions: nextHasReactions,
@@ -433,9 +429,6 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     t: nextT,
   } = nextProps;
 
-  const disabledEqual = prevDisabled === nextDisabled;
-  if (!disabledEqual) return false;
-
   const hasReactionsEqual = prevHasReactions === nextHasReactions;
   if (!hasReactionsEqual) return false;
 
@@ -554,7 +547,6 @@ export const MessageContent = <
 ) => {
   const {
     alignment,
-    disabled,
     goToMessage,
     groupStyles,
     hasReactions,
@@ -598,7 +590,6 @@ export const MessageContent = <
         additionalTouchableProps,
         alignment,
         Attachment,
-        disabled,
         FileAttachmentGroup,
         Gallery,
         goToMessage,

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

@@ -31,13 +31,7 @@ export type MessageSimplePropsWithContext<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Pick<
   MessageContextValue<StreamChatGenerics>,
-  | 'alignment'
-  | 'channel'
-  | 'disabled'
-  | 'isEditedMessageOpen'
-  | 'groupStyles'
-  | 'hasReactions'
-  | 'message'
+  'alignment' | 'channel' | 'isEditedMessageOpen' | 'groupStyles' | 'hasReactions' | 'message'
 > &
   Pick<
     MessagesContextValue<StreamChatGenerics>,
@@ -125,7 +119,6 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
 ) => {
   const {
     channel: prevChannel,
-    disabled: prevDisabled,
     groupStyles: prevGroupStyles,
     hasReactions: prevHasReactions,
     isEditedMessageOpen: prevIsEditedMessageOpen,
@@ -134,7 +127,6 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   } = prevProps;
   const {
     channel: nextChannel,
-    disabled: nextDisabled,
     groupStyles: nextGroupStyles,
     hasReactions: nextHasReactions,
     isEditedMessageOpen: nextIsEditedMessageOpen,
@@ -142,9 +134,6 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     myMessageTheme: nextMyMessageTheme,
   } = nextProps;
 
-  const disabledEqual = prevDisabled === nextDisabled;
-  if (!disabledEqual) return false;
-
   const hasReactionsEqual = prevHasReactions === nextHasReactions;
   if (!hasReactionsEqual) return false;
 
@@ -231,7 +220,7 @@ export const MessageSimple = <
 >(
   props: MessageSimpleProps<StreamChatGenerics>,
 ) => {
-  const { alignment, channel, disabled, groupStyles, hasReactions, isEditedMessageOpen, message } =
+  const { alignment, channel, groupStyles, hasReactions, isEditedMessageOpen, message } =
     useMessageContext<StreamChatGenerics>();
   const {
     enableMessageGroupingByUser,
@@ -246,7 +235,6 @@ export const MessageSimple = <
       {...{
         alignment,
         channel,
-        disabled,
         enableMessageGroupingByUser,
         groupStyles,
         hasReactions,

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

@@ -10,7 +10,6 @@ export const useCreateMessageContext = <
   actionsEnabled,
   alignment,
   channel,
-  disabled,
   files,
   goToMessage,
   groupStyles,
@@ -63,7 +62,6 @@ export const useCreateMessageContext = <
       actionsEnabled,
       alignment,
       channel,
-      disabled,
       files,
       goToMessage,
       groupStyles,
@@ -106,7 +104,6 @@ export const useCreateMessageContext = <
       actionsEnabled,
       quotedMessageDeletedValue,
       alignment,
-      disabled,
       goToMessage,
       groupStylesLength,
       hasReactions,

package/src/components/MessageInput/AttachButton.tsx

@@ -3,29 +3,17 @@ import type { GestureResponderEvent } from 'react-native';
 import { Pressable } from 'react-native';
 
 import { useAttachmentPickerContext } from '../../contexts/attachmentPickerContext/AttachmentPickerContext';
-import {
-  ChannelContextValue,
-  useChannelContext,
-} from '../../contexts/channelContext/ChannelContext';
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
 import { Attach } from '../../icons/Attach';
 
-import type { DefaultStreamChatGenerics } from '../../types/types';
-
-type AttachButtonPropsWithContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<ChannelContextValue<StreamChatGenerics>, 'disabled'> & {
+type AttachButtonPropsWithContext = {
   /** Function that opens attachment options bottom sheet */
   handleOnPress?: ((event: GestureResponderEvent) => void) & (() => void);
   selectedPicker?: 'images';
 };
 
-const AttachButtonWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: AttachButtonPropsWithContext<StreamChatGenerics>,
-) => {
-  const { disabled, handleOnPress, selectedPicker } = props;
+const AttachButtonWithContext = (props: AttachButtonPropsWithContext) => {
+  const { handleOnPress, selectedPicker } = props;
   const {
     theme: {
       colors: { accent_blue, grey },
@@ -34,34 +22,18 @@ const AttachButtonWithContext = <
   } = useTheme();
 
   return (
-    <Pressable
-      disabled={disabled}
-      onPress={disabled ? () => null : handleOnPress}
-      style={[attachButton]}
-      testID='attach-button'
-    >
+    <Pressable onPress={handleOnPress} style={[attachButton]} testID='attach-button'>
       <Attach pathFill={selectedPicker === 'images' ? accent_blue : grey} />
     </Pressable>
   );
 };
 
-const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  prevProps: AttachButtonPropsWithContext<StreamChatGenerics>,
-  nextProps: AttachButtonPropsWithContext<StreamChatGenerics>,
+const areEqual = (
+  prevProps: AttachButtonPropsWithContext,
+  nextProps: AttachButtonPropsWithContext,
 ) => {
-  const {
-    disabled: prevDisabled,
-    handleOnPress: prevHandleOnPress,
-    selectedPicker: prevSelectedPicker,
-  } = prevProps;
-  const {
-    disabled: nextDisabled,
-    handleOnPress: nextHandleOnPress,
-    selectedPicker: nextSelectedPicker,
-  } = nextProps;
-
-  const disabledEqual = prevDisabled === nextDisabled;
-  if (!disabledEqual) return false;
+  const { handleOnPress: prevHandleOnPress, selectedPicker: prevSelectedPicker } = prevProps;
+  const { handleOnPress: nextHandleOnPress, selectedPicker: nextSelectedPicker } = nextProps;
 
   const handleOnPressEqual = prevHandleOnPress === nextHandleOnPress;
   if (!handleOnPressEqual) return false;
@@ -77,22 +49,15 @@ const MemoizedAttachButton = React.memo(
   areEqual,
 ) as typeof AttachButtonWithContext;
 
-export type AttachButtonProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<AttachButtonPropsWithContext<StreamChatGenerics>>;
+export type AttachButtonProps = Partial<AttachButtonPropsWithContext>;
 
 /**
  * UI Component for attach button in MessageInput component.
  */
-export const AttachButton = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: AttachButtonProps<StreamChatGenerics>,
-) => {
-  const { disabled = false } = useChannelContext<StreamChatGenerics>();
+export const AttachButton = (props: AttachButtonProps) => {
   const { selectedPicker } = useAttachmentPickerContext();
 
-  return <MemoizedAttachButton {...{ disabled, selectedPicker }} {...props} />;
+  return <MemoizedAttachButton {...{ selectedPicker }} {...props} />;
 };
 
 AttachButton.displayName = 'AttachButton{messageInput}';

package/src/components/MessageInput/CommandsButton.tsx

@@ -2,10 +2,6 @@ import React from 'react';
 import type { GestureResponderEvent } from 'react-native';
 import { Pressable } from 'react-native';
 
-import {
-  ChannelContextValue,
-  useChannelContext,
-} from '../../contexts/channelContext/ChannelContext';
 import {
   isSuggestionCommand,
   SuggestionsContextValue,
@@ -18,18 +14,17 @@ import type { DefaultStreamChatGenerics } from '../../types/types';
 
 type CommandsButtonPropsWithContext<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<ChannelContextValue<StreamChatGenerics>, 'disabled'> &
-  Pick<SuggestionsContextValue<StreamChatGenerics>, 'suggestions'> & {
-    /** Function that opens commands selector */
-    handleOnPress?: ((event: GestureResponderEvent) => void) & (() => void);
-  };
+> = Pick<SuggestionsContextValue<StreamChatGenerics>, 'suggestions'> & {
+  /** Function that opens commands selector */
+  handleOnPress?: ((event: GestureResponderEvent) => void) & (() => void);
+};
 
 const CommandsButtonWithContext = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   props: CommandsButtonPropsWithContext<StreamChatGenerics>,
 ) => {
-  const { disabled, handleOnPress, suggestions } = props;
+  const { handleOnPress, suggestions } = props;
 
   const {
     theme: {
@@ -39,12 +34,7 @@ const CommandsButtonWithContext = <
   } = useTheme();
 
   return (
-    <Pressable
-      disabled={disabled}
-      onPress={handleOnPress}
-      style={[commandsButton]}
-      testID='commands-button'
-    >
+    <Pressable onPress={handleOnPress} style={[commandsButton]} testID='commands-button'>
       <Lightning
         pathFill={
           suggestions && suggestions.data.some((suggestion) => isSuggestionCommand(suggestion))
@@ -60,11 +50,8 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   prevProps: CommandsButtonPropsWithContext<StreamChatGenerics>,
   nextProps: CommandsButtonPropsWithContext<StreamChatGenerics>,
 ) => {
-  const { disabled: prevDisabled, suggestions: prevSuggestions } = prevProps;
-  const { disabled: nextDisabled, suggestions: nextSuggestions } = nextProps;
-
-  const disabledEqual = prevDisabled === nextDisabled;
-  if (!disabledEqual) return false;
+  const { suggestions: prevSuggestions } = prevProps;
+  const { suggestions: nextSuggestions } = nextProps;
 
   const suggestionsEqual = !!prevSuggestions === !!nextSuggestions;
   if (!suggestionsEqual) return false;
@@ -89,10 +76,9 @@ export const CommandsButton = <
 >(
   props: CommandsButtonProps<StreamChatGenerics>,
 ) => {
-  const { disabled = false } = useChannelContext<StreamChatGenerics>();
   const { suggestions } = useSuggestionsContext<StreamChatGenerics>();
 
-  return <MemoizedCommandsButton {...{ disabled, suggestions }} {...props} />;
+  return <MemoizedCommandsButton {...{ suggestions }} {...props} />;
 };
 
 CommandsButton.displayName = 'CommandsButton{messageInput}';

package/src/components/MessageInput/MessageInput.tsx

@@ -21,7 +21,7 @@ import type { UserResponse } from 'stream-chat';
 import { useAudioController } from './hooks/useAudioController';
 import { useCountdown } from './hooks/useCountdown';
 
-import { ChatContextValue, useChatContext } from '../../contexts';
+import { ChatContextValue, useChatContext, useOwnCapabilitiesContext } from '../../contexts';
 import {
   AttachmentPickerContextValue,
   useAttachmentPickerContext,
@@ -38,7 +38,6 @@ import {
   MessagesContextValue,
   useMessagesContext,
 } from '../../contexts/messagesContext/MessagesContext';
-import { useOwnCapabilitiesContext } from '../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext';
 import {
   SuggestionsContextValue,
   useSuggestionsContext,
@@ -96,10 +95,7 @@ type MessageInputPropsWithContext<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = Pick<AttachmentPickerContextValue, 'AttachmentPickerSelectionBar'> &
   Pick<ChatContextValue<StreamChatGenerics>, 'isOnline'> &
-  Pick<
-    ChannelContextValue<StreamChatGenerics>,
-    'disabled' | 'members' | 'threadList' | 'watchers'
-  > &
+  Pick<ChannelContextValue<StreamChatGenerics>, 'members' | 'threadList' | 'watchers'> &
   Pick<
     MessageInputContextValue<StreamChatGenerics>,
     | 'additionalTextInputProps'
@@ -184,7 +180,6 @@ const MessageInputWithContext = <
     closeAttachmentPicker,
     cooldownEndsAt,
     CooldownTimer,
-    disabled,
     editing,
     FileUploadPreview,
     fileUploads,
@@ -457,7 +452,8 @@ const MessageInputWithContext = <
         fileUploads.length > 0 ||
         mentionedUsers.length > 0 ||
         imageUploads.length > 0 ||
-        numberOfUploads > 0)
+        numberOfUploads > 0) &&
+      resetInput
     ) {
       resetInput();
     }
@@ -517,7 +513,6 @@ const MessageInputWithContext = <
   };
 
   const additionalTextInputContainerProps = {
-    editable: disabled ? false : undefined,
     ...additionalTextInputProps,
   };
 
@@ -771,12 +766,7 @@ const MessageInputWithContext = <
                 ) : (
                   <View style={[styles.sendButtonContainer, sendButtonContainer]}>
                     <SendButton
-                      disabled={
-                        disabled ||
-                        sending.current ||
-                        !isValidMessage() ||
-                        (giphyActive && !isOnline)
-                      }
+                      disabled={sending.current || !isValidMessage() || (giphyActive && !isOnline)}
                     />
                   </View>
                 ))}
@@ -849,7 +839,6 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     asyncMessagesSlideToCancelDistance: prevAsyncMessagesSlideToCancelDistance,
     asyncUploads: prevAsyncUploads,
     audioRecordingEnabled: prevAsyncMessagesEnabled,
-    disabled: prevDisabled,
     editing: prevEditing,
     fileUploads: prevFileUploads,
     giphyActive: prevGiphyActive,
@@ -872,7 +861,6 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     asyncMessagesSlideToCancelDistance: nextAsyncMessagesSlideToCancelDistance,
     asyncUploads: nextAsyncUploads,
     audioRecordingEnabled: nextAsyncMessagesEnabled,
-    disabled: nextDisabled,
     editing: nextEditing,
     fileUploads: nextFileUploads,
     giphyActive: nextGiphyActive,
@@ -911,9 +899,6 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     prevAsyncMessagesSlideToCancelDistance === nextAsyncMessagesSlideToCancelDistance;
   if (!asyncMessagesSlideToCancelDistanceEqual) return false;
 
-  const disabledEqual = prevDisabled === nextDisabled;
-  if (!disabledEqual) return false;
-
   const editingEqual = !!prevEditing === !!nextEditing;
   if (!editingEqual) return false;
 
@@ -1071,7 +1056,11 @@ export const MessageInput = <
 
   const { t } = useTranslationContext();
 
-  if ((disabled || !ownCapabilities.sendMessage) && SendMessageDisallowedIndicator) {
+  /**
+   * Disable the message input if the channel is frozen, or the user doesn't have the capability to send a message.
+   * Enable it in frozen mode, if it the input has editing state.
+   */
+  if (!editing && disabled && !ownCapabilities.sendMessage && SendMessageDisallowedIndicator) {
     return <SendMessageDisallowedIndicator />;
   }
 
@@ -1099,7 +1088,6 @@ export const MessageInput = <
         closeAttachmentPicker,
         cooldownEndsAt,
         CooldownTimer,
-        disabled,
         editing,
         FileUploadPreview,
         fileUploads,

package/src/components/MessageInput/MoreOptionsButton.tsx

@@ -2,28 +2,16 @@ import React from 'react';
 import type { GestureResponderEvent } from 'react-native';
 import { TouchableOpacity } from 'react-native-gesture-handler';
 
-import {
-  ChannelContextValue,
-  useChannelContext,
-} from '../../contexts/channelContext/ChannelContext';
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
 import { CircleRight } from '../../icons/CircleRight';
 
-import type { DefaultStreamChatGenerics } from '../../types/types';
-
-type MoreOptionsButtonPropsWithContext<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Pick<ChannelContextValue<StreamChatGenerics>, 'disabled'> & {
+export type MoreOptionsButtonProps = {
   /** Function that opens attachment options bottom sheet */
   handleOnPress?: ((event: GestureResponderEvent) => void) & (() => void);
 };
 
-const MoreOptionsButtonWithContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: MoreOptionsButtonPropsWithContext<StreamChatGenerics>,
-) => {
-  const { disabled, handleOnPress } = props;
+export const MoreOptionsButton = (props: MoreOptionsButtonProps) => {
+  const { handleOnPress } = props;
 
   const {
     theme: {
@@ -34,7 +22,6 @@ const MoreOptionsButtonWithContext = <
 
   return (
     <TouchableOpacity
-      disabled={disabled}
       hitSlop={{ bottom: 15, left: 15, right: 15, top: 15 }}
       onPress={handleOnPress}
       style={[moreOptionsButton]}
@@ -45,41 +32,4 @@ const MoreOptionsButtonWithContext = <
   );
 };
 
-const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(
-  prevProps: MoreOptionsButtonPropsWithContext<StreamChatGenerics>,
-  nextProps: MoreOptionsButtonPropsWithContext<StreamChatGenerics>,
-) => {
-  const { disabled: prevDisabled, handleOnPress: prevHandleOnPress } = prevProps;
-  const { disabled: nextDisabled, handleOnPress: nextHandleOnPress } = nextProps;
-  const disabledEqual = prevDisabled === nextDisabled;
-  if (!disabledEqual) return false;
-
-  const handleOnPressEqual = prevHandleOnPress === nextHandleOnPress;
-  if (!handleOnPressEqual) return false;
-
-  return true;
-};
-
-const MemoizedMoreOptionsButton = React.memo(
-  MoreOptionsButtonWithContext,
-  areEqual,
-) as typeof MoreOptionsButtonWithContext;
-
-export type MoreOptionsButtonProps<
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
-> = Partial<MoreOptionsButtonPropsWithContext<StreamChatGenerics>>;
-
-/**
- * UI Component for more options button in MessageInput component.
- */
-export const MoreOptionsButton = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  props: MoreOptionsButtonProps<StreamChatGenerics>,
-) => {
-  const { disabled = false } = useChannelContext<StreamChatGenerics>();
-
-  return <MemoizedMoreOptionsButton {...{ disabled }} {...props} />;
-};
-
 MoreOptionsButton.displayName = 'MoreOptionsButton{messageInput}';

package/src/components/MessageInput/__tests__/__snapshots__/AttachButton.test.js.snap

@@ -6,7 +6,7 @@ exports[`AttachButton should render a disabled AttachButton 1`] = `
     {
       "busy": undefined,
       "checked": undefined,
-      "disabled": true,
+      "disabled": undefined,
       "expanded": undefined,
       "selected": undefined,
     }
@@ -101,7 +101,7 @@ exports[`AttachButton should render an enabled AttachButton 1`] = `
     {
       "busy": undefined,
       "checked": undefined,
-      "disabled": false,
+      "disabled": undefined,
       "expanded": undefined,
       "selected": undefined,
     }