stream-chat-react-native-core 4.3.1-beta.2 → 4.4.0-beta.2

package/src/components/Attachment/Giphy.tsx

@@ -65,6 +65,7 @@ const styles = StyleSheet.create({
   },
   giphyHeaderTitle: {
     fontSize: 14,
+    marginLeft: 8,
   },
   giphyMask: {
     bottom: 8,
@@ -84,7 +85,8 @@ const styles = StyleSheet.create({
     width: '60%',
   },
   selectionContainer: {
-    borderBottomLeftRadius: 8,
+    borderBottomRightRadius: 0,
+    borderRadius: 16,
     borderWidth: 1,
     overflow: 'hidden',
     width: 272,

package/src/components/Attachment/__tests__/Attachment.test.js

@@ -1,5 +1,8 @@
 import React from 'react';
 
+import { Linking } from 'react-native';
+
+import { act, renderHook } from '@testing-library/react-hooks';
 import { fireEvent, render, waitFor } from '@testing-library/react-native';
 import { v4 as uuidv4 } from 'uuid';
 
@@ -15,6 +18,7 @@ import {
 import { generateMessage } from '../../../mock-builders/generator/message';
 import { Attachment } from '../Attachment';
 import { AttachmentActions } from '../AttachmentActions';
+import { useGoToURL } from '../hooks/useGoToURL';
 
 const getAttachmentComponent = (props) => {
   const message = generateMessage();
@@ -120,4 +124,39 @@ describe('Attachment', () => {
       expect(getByTestId('card-attachment')).toBeTruthy();
     });
   });
+
+  it('should open the URL in the browser', async () => {
+    jest.spyOn(Linking, 'canOpenURL').mockImplementation(jest.fn().mockResolvedValue(true));
+
+    jest.spyOn(Linking, 'openURL').mockImplementation(jest.fn().mockResolvedValue(false));
+
+    const { result, waitFor } = renderHook(() => useGoToURL('www.google.com'));
+
+    const [error, openURL] = result.current;
+
+    await act(openURL);
+
+    await waitFor(() => {
+      expect(Linking.canOpenURL).toHaveBeenCalled();
+      expect(error).not.toBeTruthy();
+      expect(Linking.openURL).toHaveBeenCalled();
+    });
+  });
+
+  it('should open the URL in the browser when no url', async () => {
+    jest.spyOn(Linking, 'canOpenURL').mockImplementation(jest.fn().mockResolvedValue(false));
+
+    jest.spyOn(Linking, 'openURL').mockImplementation(jest.fn().mockResolvedValue(true));
+
+    const { result, waitForNextUpdate } = await renderHook(() => useGoToURL());
+    const [error, openURL] = result.current;
+
+    act(openURL);
+
+    await waitForNextUpdate(() => {
+      expect(Linking.canOpenURL).toHaveBeenCalled();
+      expect(error).toBeTruthy();
+      expect(Linking.openURL).not.toHaveBeenCalled();
+    });
+  });
 });

package/src/components/Attachment/hooks/useGoToURL.ts

@@ -0,0 +1,27 @@
+import { useState } from 'react';
+import { Linking } from 'react-native';
+
+export type UseGoToURLType = (url?: string) => [boolean, () => Promise<void>];
+
+export const useGoToURL: UseGoToURLType = (url?: string) => {
+  const [error, setError] = useState<boolean>(false);
+
+  let finalUrl = url as string;
+  const pattern = new RegExp(/^\S+:\/\//);
+
+  if (!pattern.test(finalUrl)) {
+    finalUrl = 'http://' + url;
+  }
+
+  const openURL = () =>
+    Linking.canOpenURL(finalUrl).then((supported) => {
+      if (supported) {
+        Linking.openURL(finalUrl);
+      } else {
+        setError(true);
+        console.log(`Don't know how to open URI: ${finalUrl}`);
+      }
+    });
+
+  return [error, openURL];
+};

package/src/components/AttachmentPicker/AttachmentPicker.tsx

@@ -34,7 +34,7 @@ const styles = StyleSheet.create({
 });
 
 const screenHeight = vh(100);
-const fullScreenHeight = Dimensions.get('screen').height;
+const fullScreenHeight = Dimensions.get('window').height;
 
 type AttachmentImageProps = {
   ImageOverlaySelectedComponent: React.ComponentType;
@@ -326,26 +326,36 @@ export const AttachmentPicker = React.forwardRef(
           : statusBarHeight
         : 0;
 
-    /**
-     * Snap points changing cause a rerender of the position,
-     * this is an issue if you are calling close on the bottom sheet.
-     */
-    const snapPoints = useMemo(
-      () => [
-        attachmentPickerBottomSheetHeight ??
-          308 + (fullScreenHeight - screenHeight + androidBottomBarHeightAdjustment) - handleHeight,
-        fullScreenHeight - topInset - handleHeight,
-      ],
+    const initialSnapPoint = useMemo(
+      () =>
+        attachmentPickerBottomSheetHeight ?? Platform.OS === 'android'
+          ? 308 +
+            (fullScreenHeight - screenHeight + androidBottomBarHeightAdjustment) -
+            handleHeight
+          : 308 + (fullScreenHeight - screenHeight + androidBottomBarHeightAdjustment),
       [
-        androidBottomBarHeightAdjustment,
         attachmentPickerBottomSheetHeight,
+        androidBottomBarHeightAdjustment,
         fullScreenHeight,
         handleHeight,
         screenHeight,
-        topInset,
       ],
     );
 
+    const finalSnapPoint = useMemo(
+      () =>
+        Platform.OS === 'android'
+          ? fullScreenHeight - topInset - handleHeight
+          : fullScreenHeight - topInset,
+      [fullScreenHeight, handleHeight, topInset],
+    );
+
+    /**
+     * Snap points changing cause a rerender of the position,
+     * this is an issue if you are calling close on the bottom sheet.
+     */
+    const snapPoints = [initialSnapPoint, finalSnapPoint];
+
     return (
       <>
         <BottomSheet

package/src/components/ChannelList/hooks/listeners/__tests__/useChannelUpdated.test.tsx

@@ -55,7 +55,6 @@ describe('useChannelUpdated', () => {
       render(
         <ChatContext.Provider
           value={{
-            appSettings: null,
             client: mockClient,
             connectionRecovering: false,
             isOnline: true,

package/src/components/Chat/Chat.tsx

@@ -5,7 +5,6 @@ import Dayjs from 'dayjs';
 
 import type { Channel } from 'stream-chat';
 
-import { useAppSettings } from './hooks/useAppSettings';
 import { useCreateChatContext } from './hooks/useCreateChatContext';
 import { useIsOnline } from './hooks/useIsOnline';
 import { useMutedUsers } from './hooks/useMutedUsers';
@@ -162,10 +161,7 @@ const ChatWithContext = <
 
   const setActiveChannel = (newChannel?: Channel<StreamChatGenerics>) => setChannel(newChannel);
 
-  const appSettings = useAppSettings(client, isOnline);
-
   const chatContext = useCreateChatContext({
-    appSettings,
     channel,
     client,
     connectionRecovering,

package/src/components/Chat/hooks/useCreateChatContext.ts

@@ -6,7 +6,6 @@ import type { DefaultStreamChatGenerics } from '../../../types/types';
 export const useCreateChatContext = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >({
-  appSettings,
   channel,
   client,
   connectionRecovering,
@@ -22,7 +21,6 @@ export const useCreateChatContext = <
 
   const chatContext: ChatContextValue<StreamChatGenerics> = useMemo(
     () => ({
-      appSettings,
       channel,
       client,
       connectionRecovering,

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

@@ -147,10 +147,16 @@ export const renderText = <
     },
   };
 
-  const onLink = (url: string) =>
-    onLinkParams
+  const onLink = (url: string) => {
+    const pattern = new RegExp(/^\S+:\/\//);
+    if (!pattern.test(url)) {
+      url = 'http://' + url;
+    }
+
+    return onLinkParams
       ? onLinkParams(url)
       : Linking.canOpenURL(url).then((canOpenUrl) => canOpenUrl && Linking.openURL(url));
+  };
 
   const link: ReactNodeOutput = (node, output, { ...state }) => {
     const onPress = (event: GestureResponderEvent) => {

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

@@ -1059,8 +1059,8 @@ Array [
     onChange={[Function]}
     snapPoints={
       Array [
-        288,
-        1314,
+        308,
+        1334,
       ]
     }
   >
@@ -2316,8 +2316,8 @@ Array [
     onChange={[Function]}
     snapPoints={
       Array [
-        288,
-        1314,
+        308,
+        1334,
       ]
     }
   >
@@ -3261,8 +3261,8 @@ Array [
     onChange={[Function]}
     snapPoints={
       Array [
-        288,
-        1314,
+        308,
+        1334,
       ]
     }
   >
@@ -4368,8 +4368,8 @@ Array [
     onChange={[Function]}
     snapPoints={
       Array [
-        288,
-        1314,
+        308,
+        1334,
       ]
     }
   >

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

@@ -703,8 +703,8 @@ Array [
     onChange={[Function]}
     snapPoints={
       Array [
-        288,
-        1314,
+        308,
+        1334,
       ]
     }
   >

package/src/components/MessageList/ScrollToBottomButton.tsx

@@ -63,6 +63,7 @@ export const ScrollToBottomButton: React.FC<ScrollToBottomButtonProps> = (props)
       colors: { accent_blue, black, white },
       messageList: {
         scrollToBottomButton: {
+          chevronColor,
           container,
           touchable,
           unreadCountNotificationContainer,
@@ -83,7 +84,7 @@ export const ScrollToBottomButton: React.FC<ScrollToBottomButtonProps> = (props)
     >
       <View style={[styles.wrapper, wrapper]}>
         <View style={[styles.container, { backgroundColor: white, shadowColor: black }, container]}>
-          <Down />
+          <Down pathFill={chevronColor ? chevronColor : black} />
         </View>
         {!!unreadCount && (
           <View

package/src/components/MessageList/__tests__/__snapshots__/ScrollToBottomButton.test.js.snap

@@ -68,6 +68,7 @@ exports[`ScrollToBottomButton should render the message notification and match s
         meetOrSlice={0}
         minX={0}
         minY={0}
+        pathFill="#000000"
         style={
           Array [
             Object {

package/src/contexts/chatContext/ChatContext.tsx

@@ -1,6 +1,6 @@
 import React, { PropsWithChildren, useContext } from 'react';
 
-import type { AppSettingsAPIResponse, Channel, Mute, StreamChat } from 'stream-chat';
+import type { Channel, Mute, StreamChat } from 'stream-chat';
 
 import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
 import { getDisplayName } from '../utils/getDisplayName';
@@ -8,10 +8,6 @@ import { getDisplayName } from '../utils/getDisplayName';
 export type ChatContextValue<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 > = {
-  /**
-   * Object of application settings returned from Stream.
-   * */
-  appSettings: AppSettingsAPIResponse<StreamChatGenerics> | null;
   /**
    * The StreamChat client object
    *

package/src/contexts/themeContext/utils/theme.ts

@@ -334,6 +334,7 @@ export type Theme = {
       unreadCountNotificationContainer: ViewStyle;
       unreadCountNotificationText: TextStyle;
       wrapper: ViewStyle;
+      chevronColor?: Color;
     };
     typingIndicatorContainer: ViewStyle;
   };

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "4.3.1-beta.2"
+  "version": "4.4.0-beta.2"
 }

package/lib/commonjs/components/Chat/hooks/useAppSettings.js

@@ -1,80 +0,0 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useAppSettings = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = require("react");
-
-var useAppSettings = function useAppSettings(client, isOnline) {
-  var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      appSettings = _useState2[0],
-      setAppSettings = _useState2[1];
-
-  var isMounted = (0, _react.useRef)(true);
-  (0, _react.useEffect)(function () {
-    function getAppSettings() {
-      return _getAppSettings.apply(this, arguments);
-    }
-
-    function _getAppSettings() {
-      _getAppSettings = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee() {
-        var _appSettings;
-
-        return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.prev = 0;
-                _context.next = 3;
-                return client.getAppSettings();
-
-              case 3:
-                _appSettings = _context.sent;
-
-                if (isMounted.current) {
-                  setAppSettings(_appSettings);
-                }
-
-                _context.next = 10;
-                break;
-
-              case 7:
-                _context.prev = 7;
-                _context.t0 = _context["catch"](0);
-
-                if (_context.t0 instanceof Error) {
-                  console.error("An error occurred while getting app settings: " + _context.t0);
-                }
-
-              case 10:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, null, [[0, 7]]);
-      }));
-      return _getAppSettings.apply(this, arguments);
-    }
-
-    if (isOnline) {
-      getAppSettings();
-    }
-
-    return function () {
-      isMounted.current = false;
-    };
-  }, [client, isOnline]);
-  return appSettings;
-};
-
-exports.useAppSettings = useAppSettings;
-//# sourceMappingURL=useAppSettings.js.map

package/lib/commonjs/components/Chat/hooks/useAppSettings.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useAppSettings.ts"],"names":["useAppSettings","client","isOnline","appSettings","setAppSettings","isMounted","getAppSettings","current","Error","console","error"],"mappings":";;;;;;;;;;;;;AAAA;;AAKO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAG5BC,MAH4B,EAI5BC,QAJ4B,EAKM;AAClC,kBAAsC,qBAAwC,IAAxC,CAAtC;AAAA;AAAA,MAAOC,WAAP;AAAA,MAAoBC,cAApB;;AACA,MAAMC,SAAS,GAAG,mBAAO,IAAP,CAAlB;AAEA,wBAAU,YAAM;AAAA,aACCC,cADD;AAAA;AAAA;;AAAA;AAAA,wFACd;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAE8BL,MAAM,CAACK,cAAP,EAF9B;;AAAA;AAEUH,gBAAAA,YAFV;;AAGI,oBAAIE,SAAS,CAACE,OAAd,EAAuB;AACrBH,kBAAAA,cAAc,CAACD,YAAD,CAAd;AACD;;AALL;AAAA;;AAAA;AAAA;AAAA;;AAOI,oBAAI,uBAAiBK,KAArB,EAA4B;AAC1BC,kBAAAA,OAAO,CAACC,KAAR;AACD;;AATL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OADc;AAAA;AAAA;;AAcd,QAAIR,QAAJ,EAAc;AACZI,MAAAA,cAAc;AACf;;AAED,WAAO,YAAM;AACXD,MAAAA,SAAS,CAACE,OAAV,GAAoB,KAApB;AACD,KAFD;AAGD,GArBD,EAqBG,CAACN,MAAD,EAASC,QAAT,CArBH;AAuBA,SAAOC,WAAP;AACD,CAjCM","sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { AppSettingsAPIResponse, StreamChat } from 'stream-chat';\nimport type { DefaultStreamChatGenerics } from 'stream-chat-react-native';\n\nexport const useAppSettings = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  client: StreamChat<StreamChatGenerics>,\n  isOnline: boolean,\n): AppSettingsAPIResponse | null => {\n  const [appSettings, setAppSettings] = useState<AppSettingsAPIResponse | null>(null);\n  const isMounted = useRef(true);\n\n  useEffect(() => {\n    async function getAppSettings() {\n      try {\n        const appSettings = await client.getAppSettings();\n        if (isMounted.current) {\n          setAppSettings(appSettings);\n        }\n      } catch (error: unknown) {\n        if (error instanceof Error) {\n          console.error(`An error occurred while getting app settings: ${error}`);\n        }\n      }\n    }\n\n    if (isOnline) {\n      getAppSettings();\n    }\n\n    return () => {\n      isMounted.current = false;\n    };\n  }, [client, isOnline]);\n\n  return appSettings;\n};\n"]}

package/lib/module/components/Chat/hooks/useAppSettings.js

@@ -1,80 +0,0 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useAppSettings = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = require("react");
-
-var useAppSettings = function useAppSettings(client, isOnline) {
-  var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      appSettings = _useState2[0],
-      setAppSettings = _useState2[1];
-
-  var isMounted = (0, _react.useRef)(true);
-  (0, _react.useEffect)(function () {
-    function getAppSettings() {
-      return _getAppSettings.apply(this, arguments);
-    }
-
-    function _getAppSettings() {
-      _getAppSettings = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee() {
-        var _appSettings;
-
-        return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.prev = 0;
-                _context.next = 3;
-                return client.getAppSettings();
-
-              case 3:
-                _appSettings = _context.sent;
-
-                if (isMounted.current) {
-                  setAppSettings(_appSettings);
-                }
-
-                _context.next = 10;
-                break;
-
-              case 7:
-                _context.prev = 7;
-                _context.t0 = _context["catch"](0);
-
-                if (_context.t0 instanceof Error) {
-                  console.error("An error occurred while getting app settings: " + _context.t0);
-                }
-
-              case 10:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, null, [[0, 7]]);
-      }));
-      return _getAppSettings.apply(this, arguments);
-    }
-
-    if (isOnline) {
-      getAppSettings();
-    }
-
-    return function () {
-      isMounted.current = false;
-    };
-  }, [client, isOnline]);
-  return appSettings;
-};
-
-exports.useAppSettings = useAppSettings;
-//# sourceMappingURL=useAppSettings.js.map

package/lib/module/components/Chat/hooks/useAppSettings.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useAppSettings.ts"],"names":["useAppSettings","client","isOnline","appSettings","setAppSettings","isMounted","getAppSettings","current","Error","console","error"],"mappings":";;;;;;;;;;;;;AAAA;;AAKO,IAAMA,cAAc,GAAG,SAAjBA,cAAiB,CAG5BC,MAH4B,EAI5BC,QAJ4B,EAKM;AAClC,kBAAsC,qBAAwC,IAAxC,CAAtC;AAAA;AAAA,MAAOC,WAAP;AAAA,MAAoBC,cAApB;;AACA,MAAMC,SAAS,GAAG,mBAAO,IAAP,CAAlB;AAEA,wBAAU,YAAM;AAAA,aACCC,cADD;AAAA;AAAA;;AAAA;AAAA,wFACd;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAE8BL,MAAM,CAACK,cAAP,EAF9B;;AAAA;AAEUH,gBAAAA,YAFV;;AAGI,oBAAIE,SAAS,CAACE,OAAd,EAAuB;AACrBH,kBAAAA,cAAc,CAACD,YAAD,CAAd;AACD;;AALL;AAAA;;AAAA;AAAA;AAAA;;AAOI,oBAAI,uBAAiBK,KAArB,EAA4B;AAC1BC,kBAAAA,OAAO,CAACC,KAAR;AACD;;AATL;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OADc;AAAA;AAAA;;AAcd,QAAIR,QAAJ,EAAc;AACZI,MAAAA,cAAc;AACf;;AAED,WAAO,YAAM;AACXD,MAAAA,SAAS,CAACE,OAAV,GAAoB,KAApB;AACD,KAFD;AAGD,GArBD,EAqBG,CAACN,MAAD,EAASC,QAAT,CArBH;AAuBA,SAAOC,WAAP;AACD,CAjCM","sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport type { AppSettingsAPIResponse, StreamChat } from 'stream-chat';\nimport type { DefaultStreamChatGenerics } from 'stream-chat-react-native';\n\nexport const useAppSettings = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  client: StreamChat<StreamChatGenerics>,\n  isOnline: boolean,\n): AppSettingsAPIResponse | null => {\n  const [appSettings, setAppSettings] = useState<AppSettingsAPIResponse | null>(null);\n  const isMounted = useRef(true);\n\n  useEffect(() => {\n    async function getAppSettings() {\n      try {\n        const appSettings = await client.getAppSettings();\n        if (isMounted.current) {\n          setAppSettings(appSettings);\n        }\n      } catch (error: unknown) {\n        if (error instanceof Error) {\n          console.error(`An error occurred while getting app settings: ${error}`);\n        }\n      }\n    }\n\n    if (isOnline) {\n      getAppSettings();\n    }\n\n    return () => {\n      isMounted.current = false;\n    };\n  }, [client, isOnline]);\n\n  return appSettings;\n};\n"]}

package/lib/typescript/components/Chat/hooks/__tests__/useAppSettings.test.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/typescript/components/Chat/hooks/useAppSettings.d.ts

@@ -1,3 +0,0 @@
-import type { AppSettingsAPIResponse, StreamChat } from 'stream-chat';
-import type { DefaultStreamChatGenerics } from 'stream-chat-react-native';
-export declare const useAppSettings: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(client: StreamChat<StreamChatGenerics>, isOnline: boolean) => AppSettingsAPIResponse | null;

package/src/components/Chat/hooks/__tests__/useAppSettings.test.tsx

@@ -1,34 +0,0 @@
-import React from 'react';
-import { Text } from 'react-native';
-
-import { render, waitFor } from '@testing-library/react-native';
-
-import type { StreamChat } from 'stream-chat';
-
-import { useAppSettings } from '../useAppSettings';
-
-describe('useAppSettings', () => {
-  it('will return a settings object if the backend call is successful', async () => {
-    const TestComponent = () => {
-      const isOnline = true;
-      const appSettings = useAppSettings(
-        {
-          getAppSettings: jest.fn().mockReturnValue(
-            Promise.resolve({
-              auto_translation_enabled: true,
-            }),
-          ),
-        } as unknown as StreamChat,
-        isOnline,
-      );
-
-      return <Text>{JSON.stringify(appSettings)}</Text>;
-    };
-
-    const { getByText } = render(<TestComponent />);
-
-    await waitFor(() => {
-      expect(getByText(JSON.stringify({ auto_translation_enabled: true }))).toBeTruthy();
-    });
-  });
-});

package/src/components/Chat/hooks/useAppSettings.ts

@@ -1,39 +0,0 @@
-import { useEffect, useRef, useState } from 'react';
-
-import type { AppSettingsAPIResponse, StreamChat } from 'stream-chat';
-import type { DefaultStreamChatGenerics } from 'stream-chat-react-native';
-
-export const useAppSettings = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  client: StreamChat<StreamChatGenerics>,
-  isOnline: boolean,
-): AppSettingsAPIResponse | null => {
-  const [appSettings, setAppSettings] = useState<AppSettingsAPIResponse | null>(null);
-  const isMounted = useRef(true);
-
-  useEffect(() => {
-    async function getAppSettings() {
-      try {
-        const appSettings = await client.getAppSettings();
-        if (isMounted.current) {
-          setAppSettings(appSettings);
-        }
-      } catch (error: unknown) {
-        if (error instanceof Error) {
-          console.error(`An error occurred while getting app settings: ${error}`);
-        }
-      }
-    }
-
-    if (isOnline) {
-      getAppSettings();
-    }
-
-    return () => {
-      isMounted.current = false;
-    };
-  }, [client, isOnline]);
-
-  return appSettings;
-};