fix: openFilePicker removal and fix show more options

Author: khushal87

examples/ExpoMessaging/app/channel/[cid]/index.tsx

@@ -1,6 +1,6 @@
-import React, { useContext, useEffect } from 'react';
+import React, { useContext } from 'react';
 import { SafeAreaView, View } from 'react-native';
-import { Channel, MessageInput, MessageList, useAttachmentPickerContext } from 'stream-chat-expo';
+import { Channel, MessageInput, MessageList } from 'stream-chat-expo';
 import { Stack, useRouter } from 'expo-router';
 import { AuthProgressLoader } from '../../../components/AuthProgressLoader';
 import { AppContext } from '../../../context/AppContext';
@@ -9,13 +9,8 @@ import { useHeaderHeight } from '@react-navigation/elements';
 export default function ChannelScreen() {
   const router = useRouter();
   const { setThread, channel } = useContext(AppContext);
-  const { setTopInset } = useAttachmentPickerContext();
   const headerHeight = useHeaderHeight();
 
-  useEffect(() => {
-    setTopInset(headerHeight);
-  }, [headerHeight, setTopInset]);
-
   if (!channel) {
     return <AuthProgressLoader />;
   }

examples/ExpoMessaging/components/ChatWrapper.tsx

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren, useRef } from 'react';
+import React, { PropsWithChildren } from 'react';
 import {
   Chat,
   OverlayProvider,
@@ -8,7 +8,6 @@ import {
 } from 'stream-chat-expo';
 import { AuthProgressLoader } from './AuthProgressLoader';
 import { STREAM_API_KEY, user, userToken } from '../constants';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { useStreamChatTheme } from '../useStreamChatTheme';
 
 const streami18n = new Streami18n({
@@ -20,7 +19,6 @@ SqliteClient.logger = (level, message, extraData) => {
 };
 
 export const ChatWrapper = ({ children }: PropsWithChildren<{}>) => {
-  const { bottom } = useSafeAreaInsets();
   const chatClient = useCreateChatClient({
     apiKey: STREAM_API_KEY,
     userData: user,
@@ -33,11 +31,7 @@ export const ChatWrapper = ({ children }: PropsWithChildren<{}>) => {
   }
 
   return (
-    <OverlayProvider
-      bottomInset={bottom}
-      i18nInstance={streami18n}
-      value={{ style: theme }}
-    >
+    <OverlayProvider i18nInstance={streami18n} value={{ style: theme }}>
       <Chat client={chatClient} i18nInstance={streami18n}>
         {children}
       </Chat>

package/src/components/MessageInput/InputButtons.tsx

@@ -58,7 +58,7 @@ export const InputButtonsWithContext = (props: InputButtonsWithContextProps) =>
   const [showMoreOptions, setShowMoreOptions] = useState(true);
   const { attachments } = useAttachmentManagerState();
 
-  const shouldShowMoreOptions = hasText || !!attachments.length;
+  const shouldShowMoreOptions = hasText || attachments.length;
 
   useEffect(() => {
     setShowMoreOptions(!shouldShowMoreOptions);

package/src/contexts/index.ts

@@ -11,6 +11,7 @@ export * from './messageInputContext/hooks/useCreateMessageInputContext';
 export * from './messageInputContext/MessageInputContext';
 export * from './messageInputContext/hooks/useMessageComposer';
 export * from './messageInputContext/hooks/useAttachmentManagerState';
+export * from './messageInputContext/hooks/useMessageComposerHasSendableData';
 export * from './messagesContext/MessagesContext';
 export * from './paginatedMessageListContext/PaginatedMessageListContext';
 export * from './overlayContext/OverlayContext';

package/src/contexts/messageInputContext/MessageInputContext.tsx

@@ -86,7 +86,6 @@ export type LocalMessageInputContext = {
 
   inputBoxRef: React.RefObject<TextInput | null>;
   openAttachmentPicker: () => void;
-  openFilePicker: () => void;
   /**
    * Function for picking a photo from native image picker and uploading it.
    */
@@ -699,7 +698,6 @@ export const MessageInputProvider = ({
     cooldownEndsAt,
     inputBoxRef,
     openAttachmentPicker,
-    openFilePicker: pickFile,
     pickAndUploadImageFromNativePicker,
     pickFile,
     setInputBoxRef,

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

@@ -56,7 +56,6 @@ export const useCreateMessageInputContext = ({
   InputReplyStateHeader,
   MoreOptionsButton,
   openAttachmentPicker,
-  openFilePicker,
   openPollCreationDialog,
   pickAndUploadImageFromNativePicker,
   pickFile,
@@ -133,7 +132,6 @@ export const useCreateMessageInputContext = ({
       isCommandUIEnabled,
       MoreOptionsButton,
       openAttachmentPicker,
-      openFilePicker,
       openPollCreationDialog,
       pickAndUploadImageFromNativePicker,
       pickFile,