stream-chat-react-native-core 5.27.0-beta.9 → 5.27.1-beta.1

package/src/components/Thread/components/ThreadFooterComponent.tsx

@@ -53,7 +53,13 @@ const ThreadFooterComponentWithContext = <
     theme: {
       colors: { bg_gradient_end, bg_gradient_start, grey },
       thread: {
-        newThread: { backgroundGradientStart, backgroundGradientStop, text, ...newThread },
+        newThread: {
+          backgroundGradientStart,
+          backgroundGradientStop,
+          text,
+          threadHeight,
+          ...newThread
+        },
       },
     },
   } = useTheme();
@@ -68,8 +74,8 @@ const ThreadFooterComponentWithContext = <
         <Message groupStyles={['single']} message={thread} preventPress threadList />
       </View>
       <View style={[styles.newThread, newThread]}>
-        <Svg height={newThread.height ?? 24} style={styles.absolute} width={vw(100)}>
-          <Rect fill='url(#gradient)' height={newThread.height ?? 24} width={vw(100)} x={0} y={0} />
+        <Svg height={threadHeight ?? 24} style={styles.absolute} width={vw(100)}>
+          <Rect fill='url(#gradient)' height={threadHeight ?? 24} width={vw(100)} x={0} y={0} />
           <Defs>
             <LinearGradient
               gradientUnits='userSpaceOnUse'
@@ -77,7 +83,7 @@ const ThreadFooterComponentWithContext = <
               x1={0}
               x2={0}
               y1={0}
-              y2={newThread.height ?? 24}
+              y2={threadHeight ?? 24}
             >
               <Stop
                 offset={1}
@@ -94,8 +100,8 @@ const ThreadFooterComponentWithContext = <
         </Svg>
         <Text style={[styles.text, { color: grey }, text]}>
           {replyCount === 1
-            ? t('1 Reply')
-            : t('{{ replyCount }} Replies', {
+            ? t<string>('1 Reply')
+            : t<string>('{{ replyCount }} Replies', {
                 replyCount,
               })}
         </Text>

package/src/contexts/__tests__/index.test.tsx

@@ -91,7 +91,7 @@ describe('contexts hooks in a component throws an error with message when not wr
       `The useAttachmentPickerContext hook was called outside the AttachmentPickerContext provider. Make sure you have configured OverlayProvider component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider`,
     ],
   ])('calls %p results in error %p', (useContextHook, expectedErrorMessage) => {
-    expect(() => render(<TestComponent useContextHook={useContextHook} />)).toThrowError(
+    expect(() => render(<TestComponent useContextHook={useContextHook} />)).toThrow(
       expectedErrorMessage,
     );
   });

package/src/contexts/activeChannelsRefContext/ActiveChannelsRefContext.tsx

@@ -18,9 +18,18 @@ export const ActiveChannelsProvider = ({
 export const useActiveChannelsRefContext = () =>
   useContext(ActiveChannelsContext) as unknown as ActiveChannels;
 
+/**
+ * @deprecated
+ *
+ * This will be removed in the next major version.
+ *
+ * Typescript currently does not support partial inference so if ChatContext
+ * typing is desired while using the HOC withActiveChannelsRefContext the Props for the
+ * wrapped component must be provided as the first generic.
+ */
 export const withActiveChannelsRefContext = <P extends UnknownType>(
   Component: React.ComponentType<P>,
-): React.FC<Omit<P, 'activeChannels'>> => {
+): React.ComponentType<Omit<P, 'activeChannels'>> => {
   const WithActiveChannelsContextComponent = (props: Omit<P, 'activeChannels'>) => {
     const ActiveChannelsContext = useActiveChannelsRefContext();
 

package/src/contexts/attachmentPickerContext/AttachmentPickerContext.tsx

@@ -135,11 +135,20 @@ export const useAttachmentPickerContext = () => {
   return contextValue;
 };
 
+/**
+ * @deprecated
+ *
+ * This will be removed in the next major version.
+ *
+ * Typescript currently does not support partial inference so if ChatContext
+ * typing is desired while using the HOC withAttachmentPickerContext the Props for the
+ * wrapped component must be provided as the first generic.
+ */
 export const withAttachmentPickerContext = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   Component: React.ComponentType<StreamChatGenerics>,
-): React.FC<Omit<StreamChatGenerics, keyof AttachmentPickerContextValue>> => {
+): React.ComponentType<Omit<StreamChatGenerics, keyof AttachmentPickerContextValue>> => {
   const WithAttachmentPickerContextComponent = (
     props: Omit<StreamChatGenerics, keyof AttachmentPickerContextValue>,
   ) => {

package/src/contexts/channelContext/ChannelContext.tsx

@@ -222,7 +222,12 @@ export const useChannelContext = <
 
   return contextValue;
 };
+
 /**
+ * @deprecated
+ *
+ * This will be removed in the next major version.
+ *
  * Typescript currently does not support partial inference so if ChatContext
  * typing is desired while using the HOC withChannelContext the Props for the
  * wrapped component must be provided as the first generic.
@@ -232,7 +237,7 @@ export const withChannelContext = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   Component: React.ComponentType<P>,
-): React.FC<Omit<P, keyof ChannelContextValue<StreamChatGenerics>>> => {
+): React.ComponentType<Omit<P, keyof ChannelContextValue<StreamChatGenerics>>> => {
   const WithChannelContextComponent = (
     props: Omit<P, keyof ChannelContextValue<StreamChatGenerics>>,
   ) => {

package/src/contexts/channelsContext/ChannelsContext.tsx

@@ -240,9 +240,14 @@ export const useChannelsContext = <
 
   return contextValue;
 };
+
 /**
+ * @deprecated
+ *
+ * This will be removed in the next major version.
+ *
  * Typescript currently does not support partial inference so if ChatContext
- * typing is desired while using the HOC withChannelContext the Props for the
+ * typing is desired while using the HOC withChannelsContext the Props for the
  * wrapped component must be provided as the first generic.
  */
 export const withChannelsContext = <
@@ -250,7 +255,7 @@ export const withChannelsContext = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   Component: React.ComponentType<P>,
-): React.FC<Omit<P, keyof ChannelsContextValue<StreamChatGenerics>>> => {
+): React.ComponentType<Omit<P, keyof ChannelsContextValue<StreamChatGenerics>>> => {
   const WithChannelsContextComponent = (
     props: Omit<P, keyof ChannelsContextValue<StreamChatGenerics>>,
   ) => {

package/src/contexts/channelsStateContext/ChannelsStateContext.tsx

@@ -198,12 +198,21 @@ export const useChannelsStateContext = <
   return contextValue;
 };
 
+/**
+ * @deprecated
+ *
+ * This will be removed in the next major version.
+ *
+ * Typescript currently does not support partial inference so if ChatContext
+ * typing is desired while using the HOC withChannelsStateContext the Props for the
+ * wrapped component must be provided as the first generic.
+ */
 export const withChannelsStateContext = <
   P extends UnknownType,
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   Component: React.ComponentType<P>,
-): React.FC<Omit<P, keyof ChannelsStateContextValue<StreamChatGenerics>>> => {
+): React.ComponentType<Omit<P, keyof ChannelsStateContextValue<StreamChatGenerics>>> => {
   const WithChannelsStateContextComponent = (
     props: Omit<P, keyof ChannelsStateContextValue<StreamChatGenerics>>,
   ) => {

package/src/contexts/chatContext/ChatContext.tsx

@@ -101,6 +101,10 @@ export const useChatContext = <
 };
 
 /**
+ * @deprecated
+ *
+ * This will be removed in the next major version.
+ *
  * Typescript currently does not support partial inference so if ChatContext
  * typing is desired while using the HOC withChatContext the Props for the
  * wrapped component must be provided as the first generic.
@@ -110,7 +114,7 @@ export const withChatContext = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   Component: React.ComponentType<P>,
-): React.FC<Omit<P, keyof ChatContextValue<StreamChatGenerics>>> => {
+): React.ComponentType<Omit<P, keyof ChatContextValue<StreamChatGenerics>>> => {
   const WithChatContextComponent = (props: Omit<P, keyof ChatContextValue<StreamChatGenerics>>) => {
     const chatContext = useChatContext<StreamChatGenerics>();
 

package/src/contexts/imageGalleryContext/ImageGalleryContext.tsx

@@ -65,12 +65,21 @@ export const useImageGalleryContext = <
   return contextValue as ImageGalleryContextValue<StreamChatGenerics>;
 };
 
+/**
+ * @deprecated
+ *
+ * This will be removed in the next major version.
+ *
+ * Typescript currently does not support partial inference so if ChatContext
+ * typing is desired while using the HOC withImageGalleryContext the Props for the
+ * wrapped component must be provided as the first generic.
+ */
 export const withImageGalleryContext = <
   P extends UnknownType,
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   Component: React.ComponentType<P>,
-): React.FC<Omit<P, keyof ImageGalleryContextValue<StreamChatGenerics>>> => {
+): React.ComponentType<Omit<P, keyof ImageGalleryContextValue<StreamChatGenerics>>> => {
   const WithImageGalleryContextComponent = (
     props: Omit<P, keyof ImageGalleryContextValue<StreamChatGenerics>>,
   ) => {

package/src/contexts/keyboardContext/KeyboardContext.tsx

@@ -13,19 +13,30 @@ export const KeyboardContext = React.createContext({
   dismissKeyboard: Keyboard.dismiss,
 });
 
-export const KeyboardProvider: React.FC<{
+type Props = React.PropsWithChildren<{
   value: KeyboardContextValue;
-}> = ({ children, value }) => (
+}>;
+
+export const KeyboardProvider = ({ children, value }: Props) => (
   <KeyboardContext.Provider value={value}>{children}</KeyboardContext.Provider>
 );
 
 export const useKeyboardContext = () => useContext(KeyboardContext);
 
+/**
+ * @deprecated
+ *
+ * This will be removed in the next major version.
+ *
+ * Typescript currently does not support partial inference so if ChatContext
+ * typing is desired while using the HOC withKeyboardContext the Props for the
+ * wrapped component must be provided as the first generic.
+ */
 export const withKeyboardContext = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   Component: React.ComponentType<StreamChatGenerics>,
-): React.FC<Omit<StreamChatGenerics, keyof KeyboardContextValue>> => {
+): React.ComponentType<Omit<StreamChatGenerics, keyof KeyboardContextValue>> => {
   const WithKeyboardContextComponent = (
     props: Omit<StreamChatGenerics, keyof KeyboardContextValue>,
   ) => {

package/src/contexts/messageContext/MessageContext.tsx

@@ -138,8 +138,12 @@ export const useMessageContext = <
 };
 
 /**
- * Typescript currently does not support partial inference so if MessageContext
- * typing is desired while using the HOC withMessageContextContext the Props for the
+ * @deprecated
+ *
+ * This will be removed in the next major version.
+ *
+ * Typescript currently does not support partial inference so if ChatContext
+ * typing is desired while using the HOC withMessageContext the Props for the
  * wrapped component must be provided as the first generic.
  */
 export const withMessageContext = <
@@ -147,7 +151,7 @@ export const withMessageContext = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   Component: React.ComponentType<P>,
-): React.FC<Omit<P, keyof MessageContextValue<StreamChatGenerics>>> => {
+): React.ComponentType<Omit<P, keyof MessageContextValue<StreamChatGenerics>>> => {
   const WithMessageContextComponent = (
     props: Omit<P, keyof MessageContextValue<StreamChatGenerics>>,
   ) => {

package/src/contexts/messageInputContext/MessageInputContext.tsx

@@ -1253,7 +1253,11 @@ export const useMessageInputContext = <
 };
 
 /**
- * Typescript currently does not support partial inference so if MessageInputContext
+ * @deprecated
+ *
+ * This will be removed in the next major version.
+ *
+ * Typescript currently does not support partial inference so if ChatContext
  * typing is desired while using the HOC withMessageInputContext the Props for the
  * wrapped component must be provided as the first generic.
  */
@@ -1262,7 +1266,7 @@ export const withMessageInputContext = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
 >(
   Component: React.ComponentType<P>,
-): React.FC<Omit<P, keyof MessageInputContextValue<StreamChatGenerics>>> => {
+): React.ComponentType<Omit<P, keyof MessageInputContextValue<StreamChatGenerics>>> => {
   const WithMessageInputContextComponent = (
     props: Omit<P, keyof MessageInputContextValue<StreamChatGenerics>>,
   ) => {

package/src/contexts/messageInputContext/__tests__/MessageInputContext.test.tsx

@@ -2,9 +2,7 @@ import React, { PropsWithChildren } from 'react';
 
 import type { TextInput } from 'react-native';
 
-import { act, renderHook } from '@testing-library/react-hooks';
-
-import { waitFor } from '@testing-library/react-native';
+import { act, renderHook, waitFor } from '@testing-library/react-native';
 import type { AppSettingsAPIResponse, StreamChat } from 'stream-chat';
 
 import { ChatContextValue, ChatProvider } from '../../../contexts/chatContext/ChatContext';
@@ -32,6 +30,8 @@ type WrapperType<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultS
 
 afterEach(jest.clearAllMocks);
 
+const user1 = generateUser();
+const message = generateMessage({ user: user1 });
 describe('MessageInputContext', () => {
   const Wrapper = <
     StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
@@ -55,7 +55,7 @@ describe('MessageInputContext', () => {
             },
           } as unknown as AppSettingsAPIResponse<StreamChatGenerics>,
           client: {
-            updateMessage: jest.fn().mockResolvedValue({ message: generateMessage() }),
+            updateMessage: jest.fn().mockResolvedValue({ message }),
           } as unknown as StreamChat<StreamChatGenerics>,
         } as ChatContextValue<StreamChatGenerics>
       }
@@ -73,12 +73,19 @@ describe('MessageInputContext', () => {
   );
 
   it('appendText works', () => {
+    const initialProps = {
+      editing: message,
+      hasImagePicker: true,
+    };
     const { result } = renderHook(() => useMessageInputContext(), {
-      initialProps: {
-        editing: true,
-        hasImagePicker: true,
-      },
-      wrapper: Wrapper,
+      initialProps,
+      wrapper: (props) => (
+        <Wrapper
+          editing={initialProps.editing}
+          hasImagePicker={initialProps.hasImagePicker}
+          {...props}
+        />
+      ),
     });
 
     act(() => {
@@ -93,12 +100,19 @@ describe('MessageInputContext', () => {
   });
 
   it('uploadNewImage with blocked image extensions to be not supported', () => {
+    const initialProps = {
+      editing: message,
+      maxNumberOfFiles: 2,
+    };
     const { result } = renderHook(() => useMessageInputContext(), {
-      initialProps: {
-        editing: true,
-        maxNumberOfFiles: 2,
-      },
-      wrapper: Wrapper,
+      initialProps,
+      wrapper: (props) => (
+        <Wrapper
+          editing={initialProps.editing}
+          maxNumberOfFiles={initialProps.maxNumberOfFiles}
+          {...props}
+        />
+      ),
     });
 
     act(() => {
@@ -116,12 +130,20 @@ describe('MessageInputContext', () => {
     const mentioned_user = generateUser();
     const initialUsers = [mentioned_user.id];
 
+    const initialProps = {
+      editing: message,
+      hasImagePicker: true,
+    };
+
     const { result } = renderHook(() => useMessageInputContext(), {
-      initialProps: {
-        editing: true,
-        hasImagePicker: true,
-      },
-      wrapper: Wrapper,
+      initialProps,
+      wrapper: (props) => (
+        <Wrapper
+          editing={initialProps.editing}
+          hasImagePicker={initialProps.hasImagePicker}
+          {...props}
+        />
+      ),
     });
 
     act(() => {
@@ -137,44 +159,63 @@ describe('MessageInputContext', () => {
   it('setInputBoxRef works', () => {
     const setInputRefMock = jest.fn();
     const inputRef = React.createRef<TextInput | null>();
+    const initialProps = {
+      editing: message,
+      setInputRef: setInputRefMock,
+    };
     const { result } = renderHook(() => useMessageInputContext(), {
-      initialProps: {
-        editing: true,
-        setInputRef: setInputRefMock,
-      },
-      wrapper: Wrapper,
+      initialProps,
+      wrapper: (props) => (
+        <Wrapper editing={initialProps.editing} setInputRef={initialProps.setInputRef} {...props} />
+      ),
     });
 
     act(() => {
-      result.current.setInputBoxRef(inputRef.current);
+      if (result.current.setInputBoxRef) {
+        result.current.setInputBoxRef(inputRef.current);
+      }
     });
 
     expect(setInputRefMock).toHaveBeenCalled();
   });
 
   it('openCommandsPicker works', () => {
+    const initialProps = {
+      editing: message,
+      hasImagePicker: true,
+    };
     const { result } = renderHook(() => useMessageInputContext(), {
-      initialProps: {
-        editing: true,
-        hasImagePicker: true,
-      },
-      wrapper: Wrapper,
+      initialProps,
+      wrapper: (props) => (
+        <Wrapper
+          editing={initialProps.editing}
+          hasImagePicker={initialProps.hasImagePicker}
+          {...props}
+        />
+      ),
     });
 
     act(() => {
       result.current.openCommandsPicker();
     });
 
-    expect(result.current.text).toBe('/');
+    expect(result.current.text).toBe(`${initialProps.editing.text}/`);
   });
 
   it('openMentionPicker works', async () => {
+    const initialProps = {
+      editing: message,
+      hasImagePicker: true,
+    };
     const { result } = renderHook(() => useMessageInputContext(), {
-      initialProps: {
-        editing: true,
-        hasImagePicker: true,
-      },
-      wrapper: Wrapper,
+      initialProps,
+      wrapper: (props) => (
+        <Wrapper
+          editing={initialProps.editing}
+          hasImagePicker={initialProps.hasImagePicker}
+          {...props}
+        />
+      ),
     });
 
     act(() => {
@@ -182,7 +223,7 @@ describe('MessageInputContext', () => {
     });
 
     await waitFor(() => {
-      expect(result.current.text).toBe('@');
+      expect(result.current.text).toBe(`${initialProps.editing.text}@`);
     });
   });
 
@@ -193,13 +234,21 @@ describe('MessageInputContext', () => {
         docs: [generateFileAttachment(), generateImageAttachment()],
       }),
     );
+    const initialProps = {
+      editing: message,
+      hasFilePicker: true,
+      hasImagePicker: false,
+    };
     const { result } = renderHook(() => useMessageInputContext(), {
-      initialProps: {
-        editing: true,
-        hasFilePicker: true,
-        hasImagePicker: false,
-      },
-      wrapper: Wrapper,
+      initialProps,
+      wrapper: (props) => (
+        <Wrapper
+          editing={initialProps.editing}
+          hasFilePicker={initialProps.hasFilePicker}
+          hasImagePicker={initialProps.hasImagePicker}
+          {...props}
+        />
+      ),
     });
 
     act(() => {

package/src/contexts/messageInputContext/__tests__/__snapshots__/sendMessage.test.tsx.snap

@@ -1,13 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`MessageInputContext's sendMessage exit sendMessage when edit message is not boolean image upload status is uploaded successfully 1`] = `
-Object {
-  "attachments": Array [
-    Object {
+{
+  "attachments": [
+    {
       "fallback": undefined,
       "image_url": undefined,
       "mime_type": undefined,
-      "originalImage": Object {
+      "originalImage": {
         "uri": "http://www.jackblack.com/tenac_iousd.bmp",
       },
       "original_height": undefined,
@@ -17,13 +17,13 @@ Object {
   ],
   "html": "<p>regular</p>",
   "id": "7a85f744-cc89-4f82-a1d4-5456432cc8bf",
-  "mentioned_users": Array [
+  "mentioned_users": [
     "dummy1",
     "dummy2",
   ],
   "quoted_message": undefined,
   "text": "",
-  "user": Object {
+  "user": {
     "banned": false,
     "created_at": "2020-04-27T13:39:49.331742Z",
     "id": "5d6f6322-567e-4e1e-af90-97ef1ed5cc23",
@@ -37,13 +37,13 @@ Object {
 `;
 
 exports[`MessageInputContext's sendMessage exit sendMessage when file upload status is uploaded successfully 1`] = `
-Object {
-  "attachments": Array [
-    Object {
+{
+  "attachments": [
+    {
       "asset_url": undefined,
       "file_size": undefined,
       "mime_type": undefined,
-      "originalFile": Object {
+      "originalFile": {
         "name": "dummy.pdf",
         "state": "uploaded",
         "type": "file",
@@ -51,11 +51,11 @@ Object {
       "title": "dummy.pdf",
       "type": "file",
     },
-    Object {
+    {
       "asset_url": undefined,
       "file_size": undefined,
       "mime_type": undefined,
-      "originalFile": Object {
+      "originalFile": {
         "name": "dummy.pdf",
         "state": "finished",
         "type": "video/mp4",
@@ -63,11 +63,11 @@ Object {
       "title": "dummy.pdf",
       "type": "file",
     },
-    Object {
+    {
       "asset_url": undefined,
       "file_size": undefined,
       "mime_type": undefined,
-      "originalFile": Object {
+      "originalFile": {
         "name": "dummy.pdf",
         "state": "uploaded",
         "type": "audio/mp3",
@@ -75,11 +75,11 @@ Object {
       "title": "dummy.pdf",
       "type": "file",
     },
-    Object {
+    {
       "asset_url": undefined,
       "file_size": undefined,
       "mime_type": undefined,
-      "originalFile": Object {
+      "originalFile": {
         "name": "dummy.pdf",
         "state": "finished",
         "type": "image/jpeg",
@@ -88,7 +88,7 @@ Object {
       "type": "file",
     },
   ],
-  "mentioned_users": Array [
+  "mentioned_users": [
     "dummy1",
     "dummy2",
   ],
@@ -100,24 +100,24 @@ Object {
 `;
 
 exports[`MessageInputContext's sendMessage exit sendMessage when image upload status is uploaded successfully 1`] = `
-Object {
-  "attachments": Array [
-    Object {
+{
+  "attachments": [
+    {
       "fallback": undefined,
       "image_url": undefined,
       "mime_type": undefined,
-      "originalImage": Object {
+      "originalImage": {
         "uri": "http://www.jackblack.com/tenac_iousd.bmp",
       },
       "original_height": undefined,
       "original_width": undefined,
       "type": "image",
     },
-    Object {
+    {
       "fallback": undefined,
       "image_url": undefined,
       "mime_type": undefined,
-      "originalImage": Object {
+      "originalImage": {
         "uri": "http://www.jackblack.com/tenac_iousd.bmp",
       },
       "original_height": undefined,
@@ -125,7 +125,7 @@ Object {
       "type": "image",
     },
   ],
-  "mentioned_users": Array [
+  "mentioned_users": [
     "dummy1",
     "dummy2",
   ],