fix: try removing the sdk

Author: isekovanic

examples/SampleApp/App.tsx

@@ -1,16 +1,9 @@
 import React, { useEffect } from 'react';
-import { DevSettings, LogBox, Platform, useColorScheme } from 'react-native';
+import { DevSettings, LogBox, Platform, Text, useColorScheme, View } from 'react-native';
 import { createDrawerNavigator } from '@react-navigation/drawer';
 import { DarkTheme, DefaultTheme, NavigationContainer } from '@react-navigation/native';
 import { createStackNavigator } from '@react-navigation/stack';
 import { SafeAreaProvider, useSafeAreaInsets } from 'react-native-safe-area-context';
-import {
-  Chat,
-  OverlayProvider,
-  SqliteClient,
-  ThemeProvider,
-  useOverlayContext,
-} from 'stream-chat-react-native';
 import { getMessaging } from '@react-native-firebase/messaging';
 import notifee, { EventType } from '@notifee/react-native';
 import { AppContext } from './src/context/AppContext';
@@ -35,11 +28,8 @@ import { SharedGroupsScreen } from './src/screens/SharedGroupsScreen';
 import { ThreadScreen } from './src/screens/ThreadScreen';
 import { UserSelectorScreen } from './src/screens/UserSelectorScreen';
 
-import type { LocalMessage, StreamChat } from 'stream-chat';
-
 if (__DEV__) {
   DevSettings.addMenuItem('Reset local DB (offline storage)', () => {
-    SqliteClient.resetDB();
     console.info('Local DB reset');
   });
 }
@@ -121,97 +111,16 @@ const App = () => {
   return (
     <SafeAreaProvider
       style={{
-        backgroundColor: streamChatTheme.colors?.white_snow || '#FCFCFC',
+        backgroundColor: '#FCFCFC',
       }}
     >
-      <ThemeProvider style={streamChatTheme}>
-        <NavigationContainer
-          ref={RootNavigationRef}
-          theme={{
-            colors: {
-              ...(colorScheme === 'dark' ? DarkTheme : DefaultTheme).colors,
-              background: streamChatTheme.colors?.white_snow || '#FCFCFC',
-            },
-            fonts: (colorScheme === 'dark' ? DarkTheme : DefaultTheme).fonts,
-            dark: colorScheme === 'dark',
-          }}
-        >
-          <AppContext.Provider value={{ chatClient, loginUser, logout, switchUser }}>
-            {isConnecting && !chatClient ? (
-              <LoadingScreen />
-            ) : chatClient ? (
-              <DrawerNavigatorWrapper chatClient={chatClient} />
-            ) : (
-              <UserSelector />
-            )}
-          </AppContext.Provider>
-        </NavigationContainer>
-      </ThemeProvider>
+      <View><Text>This is a test build, please disregard it.</Text></View>
     </SafeAreaProvider>
   );
 };
 
-const DrawerNavigator: React.FC = () => (
-  <Drawer.Navigator
-    drawerContent={MenuDrawer}
-    screenOptions={{
-      drawerStyle: {
-        width: 300,
-      },
-    }}
-  >
-    <Drawer.Screen component={HomeScreen} name='HomeScreen' options={{ headerShown: false }} />
-  </Drawer.Navigator>
-);
-
-const isMessageAIGenerated = (message: LocalMessage) => !!message.ai_generated;
-
-const DrawerNavigatorWrapper: React.FC<{
-  chatClient: StreamChat;
-}> = ({ chatClient }) => {
-  const { bottom } = useSafeAreaInsets();
-  const streamChatTheme = useStreamChatTheme();
-
-  return (
-    <GestureHandlerRootView style={{ flex: 1 }}>
-      <OverlayProvider bottomInset={bottom} value={{ style: streamChatTheme }}>
-        <Chat
-          client={chatClient}
-          enableOfflineSupport
-          // @ts-expect-error - the `ImageComponent` prop is generic, meaning we can expect an error
-          ImageComponent={FastImage}
-          isMessageAIGenerated={isMessageAIGenerated}
-        >
-          <AppOverlayProvider>
-            <UserSearchProvider>
-              <DrawerNavigator />
-            </UserSearchProvider>
-          </AppOverlayProvider>
-        </Chat>
-      </OverlayProvider>
-    </GestureHandlerRootView>
-  );
-};
-
-const UserSelector = () => (
-  <UserSelectorStack.Navigator initialRouteName='UserSelectorScreen'>
-    <UserSelectorStack.Screen
-      component={AdvancedUserSelectorScreen}
-      name='AdvancedUserSelectorScreen'
-      options={{ gestureEnabled: false }}
-    />
-    <UserSelectorStack.Screen
-      component={UserSelectorScreen}
-      name='UserSelectorScreen'
-      options={{ gestureEnabled: false, headerShown: false }}
-    />
-  </UserSelectorStack.Navigator>
-);
-
 // TODO: Split the stack into multiple stacks - ChannelStack, CreateChannelStack etc.
 const HomeScreen = () => {
-  const { overlay } = useOverlayContext();
-
   return (
     <Stack.Navigator
       initialRouteName={initialChannelIdGlobalRef.current ? 'ChannelScreen' : 'MessagingScreen'}
@@ -230,7 +139,7 @@ const HomeScreen = () => {
         }
         name='ChannelScreen'
         options={{
-          gestureEnabled: Platform.OS === 'ios' && overlay === 'none',
+          gestureEnabled: Platform.OS === 'ios',
           headerShown: false,
         }}
       />
@@ -285,7 +194,7 @@ const HomeScreen = () => {
         component={ThreadScreen}
         name='ThreadScreen'
         options={{
-          gestureEnabled: Platform.OS === 'ios' && overlay === 'none',
+          gestureEnabled: Platform.OS === 'ios',
           headerShown: false,
         }}
       />

examples/SampleApp/ios/Podfile.lock

@@ -223,7 +223,6 @@ PODS:
     - React-RCTText (= 0.79.3)
     - React-RCTVibration (= 0.79.3)
   - React-callinvoker (0.79.3)
-  - React-Codegen (0.1.0)
   - React-Core (0.79.3):
     - glog
     - hermes-engine
@@ -2425,31 +2424,6 @@ PODS:
     - libwebp (~> 1.0)
     - SDWebImage/Core (~> 5.10)
   - SocketRocket (0.7.1)
-  - stream-chat-react-native (7.1.1):
-    - DoubleConversion
-    - glog
-    - hermes-engine
-    - RCT-Folly (= 2024.11.18.00)
-    - RCTRequired
-    - RCTTypeSafety
-    - React-Codegen
-    - React-Core
-    - React-debug
-    - React-Fabric
-    - React-featureflags
-    - React-graphics
-    - React-hermes
-    - React-ImageManager
-    - React-jsi
-    - React-NativeModulesApple
-    - React-RCTFabric
-    - React-renderercss
-    - React-rendererdebug
-    - React-utils
-    - ReactCodegen
-    - ReactCommon/turbomodule/bridging
-    - ReactCommon/turbomodule/core
-    - Yoga
   - Yoga (0.0.0)
 
 DEPENDENCIES:
@@ -2547,7 +2521,6 @@ DEPENDENCIES:
   - RNScreens (from `../node_modules/react-native-screens`)
   - RNShare (from `../node_modules/react-native-share`)
   - RNSVG (from `../node_modules/react-native-svg`)
-  - stream-chat-react-native (from `../node_modules/stream-chat-react-native`)
   - Yoga (from `../node_modules/react-native/ReactCommon/yoga`)
 
 SPEC REPOS:
@@ -2570,7 +2543,6 @@ SPEC REPOS:
     - nanopb
     - PromisesObjC
     - PromisesSwift
-    - React-Codegen
     - SDWebImage
     - SDWebImageWebPCoder
     - SocketRocket
@@ -2755,8 +2727,6 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native-share"
   RNSVG:
     :path: "../node_modules/react-native-svg"
-  stream-chat-react-native:
-    :path: "../node_modules/stream-chat-react-native"
   Yoga:
     :path: "../node_modules/react-native/ReactCommon/yoga"
 
@@ -2793,7 +2763,6 @@ SPEC CHECKSUMS:
   RCTTypeSafety: fe728195791e1a0222aa83596a570cf377cd475e
   React: 114ee161feb204412580928b743e6716aebac987
   React-callinvoker: d175cf3640a993f6cd960044a7657543157f0ba9
-  React-Codegen: 4b8b4817cea7a54b83851d4c1f91f79aa73de30a
   React-Core: e84d47ce3df8dde567f5b9668f6103f8e562d72a
   React-CoreModules: ce8e588dca54cd790e2d424d0e678924e62b41b1
   React-cxxreact: 2c10954abacc35e876adf46e25ebfd74a0106521
@@ -2872,7 +2841,6 @@ SPEC CHECKSUMS:
   SDWebImage: a7f831e1a65eb5e285e3fb046a23fcfbf08e696d
   SDWebImageWebPCoder: 908b83b6adda48effe7667cd2b7f78c897e5111d
   SocketRocket: d4aabe649be1e368d1318fdf28a022d714d65748
-  stream-chat-react-native: 963e1146ba5f092aa8f6c59f4e20e431a9265a69
   Yoga: b2eaabf17044cd4273a661b14eb83f9fd2c90491
 
 PODFILE CHECKSUM: 4f662370295f8f9cee909f1a4c59a614999a209d

examples/SampleApp/package.json

@@ -48,8 +48,7 @@
     "react-native-screens": "^4.11.1",
     "react-native-share": "^12.0.11",
     "react-native-svg": "^15.12.0",
-    "react-native-video": "^6.14.1",
-    "stream-chat-react-native": "^7.1.2-beta.5"
+    "react-native-video": "^6.14.1"
   },
   "devDependencies": {
     "@babel/core": "^7.27.4",

examples/SampleApp/src/ChatUsers.ts

@@ -1,4 +1,3 @@
-import { UserResponse } from 'stream-chat';
 
 export const USER_TOKENS: Record<string, string> = {
   e2etest1:
@@ -26,7 +25,7 @@ export const USER_TOKENS: Record<string, string> = {
   rodolphe:
     'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoicm9kb2xwaGUifQ.tLl-I8ADBhTKB-x5FB9jK4-am0dELLXgydM6VN9rTL8',
 };
-export const USERS: Record<string, UserResponse> = {
+export const USERS: Record<string, unknown> = {
   neil: {
     id: 'neil',
     image: 'https://ca.slack-edge.com/T02RM6X6B-U01173D1D5J-0dead6eea6ea-512',

examples/SampleApp/src/components/AddMemberBottomSheet.tsx

@@ -8,7 +8,6 @@ import {
   View,
 } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { CircleClose, Search, useTheme } from 'stream-chat-react-native';
 
 import { UserSearchResultsGrid } from './UserSearch/UserSearchResultsGrid';
 
@@ -19,8 +18,6 @@ import {
 } from '../context/BottomSheetOverlayContext';
 import { usePaginatedUsers } from '../hooks/usePaginatedUsers';
 
-import type { UserResponse } from 'stream-chat';
-
 const styles = StyleSheet.create({
   container: {
     height: 300,
@@ -69,12 +66,6 @@ export const AddMemberBottomSheet: React.FC = () => {
   const channel = data && isAddMemberBottomSheetData(data) ? data.channel : undefined;
 
   const insets = useSafeAreaInsets();
-
-  const {
-    theme: {
-      colors: { accent_red, black, grey, grey_whisper, white, white_smoke },
-    },
-  } = useTheme();
   const {
     clearText,
     loading: loadingResults,
@@ -92,20 +83,6 @@ export const AddMemberBottomSheet: React.FC = () => {
     return null;
   }
 
-  const addMember = async (user: UserResponse) => {
-    setAddMemberQueryInProgress(true);
-
-    try {
-      await channel.addMembers([user.id]);
-      reset();
-      setOverlay('none');
-    } catch (err) {
-      console.warn('An error has occurred while adding members: ', err);
-      setError(true);
-    }
-    setAddMemberQueryInProgress(false);
-  };
-
   return (
     <View
       style={[
@@ -114,80 +91,6 @@ export const AddMemberBottomSheet: React.FC = () => {
           marginBottom: insets.bottom,
         },
       ]}
-    >
-      <View style={styles.inputRow}>
-        <View
-          style={[
-            styles.inputBoxContainer,
-            {
-              backgroundColor: white,
-              borderColor: grey_whisper,
-            },
-          ]}
-        >
-          <Search pathFill={black} />
-          <TextInput
-            onChangeText={onChangeSearchText}
-            onFocus={onFocusInput}
-            placeholder='Search'
-            placeholderTextColor={grey}
-            style={[
-              styles.inputBox,
-              {
-                color: black,
-              },
-            ]}
-            value={searchText}
-          />
-          <TouchableOpacity onPress={clearText}>
-            <CircleClose pathFill={grey} />
-          </TouchableOpacity>
-        </View>
-      </View>
-      <View style={styles.flex}>
-        {addMemberQueryInProgress && (
-          <View
-            style={[
-              styles.textContainer,
-              {
-                backgroundColor: white_smoke,
-              },
-            ]}
-          >
-            <ActivityIndicator size='small' />
-            <Text style={styles.text}>Adding user to channel</Text>
-          </View>
-        )}
-        {error && (
-          <View
-            style={[
-              styles.textContainer,
-              {
-                backgroundColor: accent_red,
-              },
-            ]}
-          >
-            <Text
-              style={[
-                styles.text,
-                {
-                  color: white,
-                },
-              ]}
-            >
-              Error adding user to channel
-            </Text>
-          </View>
-        )}
-
-        <UserSearchResultsGrid
-          loading={loadingResults}
-          loadMore={loadMore}
-          onPress={addMember}
-          results={results}
-          searchText={searchText}
-        />
-      </View>
-    </View>
+     />
   );
 };