fix: default values

Author: khushal87

examples/TypeScriptMessaging/App.tsx

@@ -3,7 +3,7 @@ import { I18nManager, LogBox, Platform, SafeAreaView, useColorScheme, View } fro
 import { DarkTheme, DefaultTheme, NavigationContainer, RouteProp } from '@react-navigation/native';
 import { createStackNavigator, StackNavigationProp } from '@react-navigation/stack';
 import { useHeaderHeight } from '@react-navigation/elements';
-import { SafeAreaProvider, useSafeAreaInsets } from 'react-native-safe-area-context';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
 import { Channel as ChannelType, ChannelSort } from 'stream-chat';
 import {
   Channel,
@@ -16,7 +16,6 @@ import {
   Streami18n,
   Thread,
   ThreadContextValue,
-  useAttachmentPickerContext,
   useCreateChatClient,
   useOverlayContext,
 } from 'stream-chat-react-native';
@@ -53,11 +52,7 @@ const filters = {
   type: 'messaging',
 };
 
-const sort: ChannelSort = [
-  { pinned_at: -1 },
-  { last_message_at: -1 },
-  { updated_at: -1 },
-];
+const sort: ChannelSort = [{ pinned_at: -1 }, { last_message_at: -1 }, { updated_at: -1 }];
 
 /**
  * Start playing with streami18n instance here:
@@ -100,7 +95,6 @@ const EmptyHeader = () => <></>;
 const ChannelScreen: React.FC<ChannelScreenProps> = ({ navigation }) => {
   const { channel, setThread, thread } = useContext(AppContext);
   const headerHeight = useHeaderHeight();
-  const { setTopInset } = useAttachmentPickerContext();
   const { overlay } = useOverlayContext();
 
   useEffect(() => {
@@ -109,10 +103,6 @@ const ChannelScreen: React.FC<ChannelScreenProps> = ({ navigation }) => {
     });
   }, [overlay, navigation]);
 
-  useEffect(() => {
-    setTopInset(headerHeight);
-  }, [headerHeight, setTopInset]);
-
   if (channel === undefined) {
     return null;
   }
@@ -193,16 +183,13 @@ const Stack = createStackNavigator<NavigationParamsList>();
 type AppContextType = {
   channel: ChannelType | undefined;
   setChannel: React.Dispatch<React.SetStateAction<ChannelType | undefined>>;
-  setThread: React.Dispatch<
-    React.SetStateAction<ThreadContextValue['thread'] | undefined>
-  >;
+  setThread: React.Dispatch<React.SetStateAction<ThreadContextValue['thread'] | undefined>>;
   thread: ThreadContextValue['thread'] | undefined;
 };
 
 const AppContext = React.createContext({} as AppContextType);
 
 const App = () => {
-  const { bottom } = useSafeAreaInsets();
   const theme = useStreamChatTheme();
   const { channel } = useContext(AppContext);
 
@@ -217,11 +204,7 @@ const App = () => {
   }
 
   return (
-    <OverlayProvider
-      bottomInset={bottom}
-      i18nInstance={streami18n}
-      value={{ style: theme }}
-    >
+    <OverlayProvider i18nInstance={streami18n} value={{ style: theme }}>
       <Chat client={chatClient} i18nInstance={streami18n} enableOfflineSupport>
         <Stack.Navigator
           initialRouteName='ChannelList'

package/src/components/Channel/Channel.tsx

@@ -510,7 +510,7 @@ const ChannelWithContext = (props: PropsWithChildren<ChannelPropsWithContext>) =
     AutoCompleteSuggestionList = AutoCompleteSuggestionListDefault,
 
     autoCompleteSuggestionsLimit,
-    bottomInset,
+    bottomInset = 0,
     CameraSelectorIcon = DefaultCameraSelectorIcon,
     FileSelectorIcon = DefaultFileSelectorIcon,
     CreatePollIcon = DefaultCreatePollIcon,
@@ -677,7 +677,7 @@ const ChannelWithContext = (props: PropsWithChildren<ChannelPropsWithContext>) =
     thread: threadFromProps,
     threadList,
     threadMessages,
-    topInset,
+    topInset = 0,
     TypingIndicator = TypingIndicatorDefault,
     TypingIndicatorContainer = TypingIndicatorContainerDefault,
     UnreadMessagesNotification = UnreadMessagesNotificationDefault,

package/src/components/MessageInput/MessageInput.tsx

@@ -121,12 +121,7 @@ type MessageInputPropsWithContext = Partial<
     | 'numberOfAttachmentPickerImageColumns'
   >
 > &
-  Partial<
-    Pick<
-      AttachmentPickerContextValue,
-      'bottomInset' | 'topInset' | 'bottomSheetRef' | 'selectedPicker'
-    >
-  > &
+  Pick<AttachmentPickerContextValue, 'bottomInset' | 'bottomSheetRef' | 'selectedPicker'> &
   Pick<ChatContextValue, 'isOnline'> &
   Pick<ChannelContextValue, 'channel' | 'members' | 'threadList' | 'watchers'> &
   Pick<
@@ -214,7 +209,7 @@ const MessageInputWithContext = (props: MessageInputPropsWithContext) => {
     attachmentSelectionBarHeight,
     numberOfAttachmentImagesToLoadPerCall = 60,
     numberOfAttachmentPickerImageColumns = 3,
-    bottomInset = 0,
+    bottomInset,
     bottomSheetRef,
     selectedPicker,
 
@@ -677,7 +672,7 @@ const MessageInputWithContext = (props: MessageInputPropsWithContext) => {
       </View>
       {isImageMediaLibraryAvailable() ? (
         <>
-          {selectedPicker && AttachmentPickerSelectionBar ? (
+          {selectedPicker ? (
             <View
               style={[
                 {
@@ -917,7 +912,7 @@ export const MessageInput = (props: MessageInputProps) => {
     uploadNewFile,
     VideoRecorderSelectorIcon,
   } = useMessageInputContext();
-  const { bottomInset, bottomSheetRef, selectedPicker, topInset } = useAttachmentPickerContext();
+  const { bottomInset, bottomSheetRef, selectedPicker } = useAttachmentPickerContext();
 
   const { Reply } = useMessagesContext();
 
@@ -995,7 +990,6 @@ export const MessageInput = (props: MessageInputProps) => {
         t,
         thread,
         threadList,
-        topInset,
         uploadNewFile,
         VideoRecorderSelectorIcon,
         watchers,