stream-chat-react-native-core 9.0.1 → 9.0.2-beta.2

package/src/components/Attachment/__tests__/{buildGallery.test.js → buildGallery.test.ts}

@@ -1,3 +1,5 @@
+import type { Attachment } from 'stream-chat';
+
 import { generateImageAttachment } from '../../../mock-builders/generator/attachment';
 import { buildGallery } from '../utils/buildGallery/buildGallery';
 
@@ -20,7 +22,7 @@ describe('buildGallery', () => {
     ];
 
     imageSizeTestCases.forEach((size) => {
-      const attachments = [];
+      const attachments: Attachment[] = [];
       for (let numOfImages = 0; numOfImages < 4; numOfImages++) {
         const a1 = generateImageAttachment({
           ...size,
@@ -77,7 +79,7 @@ describe('buildGallery', () => {
   });
 
   it('gallery size should default to gridHeight and gridWidth if original image size is unavailable', () => {
-    const attachments = [];
+    const attachments: Attachment[] = [];
     for (let numOfImages = 0; numOfImages < 4; numOfImages++) {
       // During each iteration, size of attachments goes up.
       attachments.push(generateImageAttachment());

package/src/components/AttachmentPicker/components/AttachmentMediaPicker/AttachmentPickerItem.tsx

@@ -100,6 +100,7 @@ const AttachmentImage = (props: AttachmentPickerItemType) => {
   } = useTheme();
   const styles = useStyles();
   const { vw } = useViewport();
+  const { t } = useTranslationContext();
   const { uploadNewFile } = useMessageInputContext();
   const messageComposer = useMessageComposer();
   const { attachmentManager } = messageComposer;
@@ -120,7 +121,7 @@ const AttachmentImage = (props: AttachmentPickerItemType) => {
       }
     } else {
       if (!availableUploadSlots) {
-        Alert.alert('Maximum number of files reached');
+        Alert.alert(t('Maximum number of files reached'));
         return;
       }
       await uploadNewFile(asset);
@@ -150,6 +151,7 @@ const AttachmentImage = (props: AttachmentPickerItemType) => {
 const AttachmentIosLimited = () => {
   const { numberOfAttachmentPickerImageColumns } = useAttachmentPickerContext();
   const { vw } = useViewport();
+  const { t } = useTranslationContext();
   const size = vw(100) / (numberOfAttachmentPickerImageColumns || 3) - 2;
   const styles = useStyles();
   return (
@@ -164,7 +166,7 @@ const AttachmentIosLimited = () => {
       onPress={NativeHandlers.iOS14RefreshGallerySelection}
     >
       <Plus width={20} height={20} stroke={styles.iosLimitedIcon.color} strokeWidth={1.5} />
-      <Text style={styles.iosLimitedText}>Add more</Text>
+      <Text style={styles.iosLimitedText}>{t('Add more')}</Text>
     </BottomSheetTouchableOpacity>
   );
 };

package/src/components/AutoCompleteInput/__tests__/{AutoCompleteInput.test.js → AutoCompleteInput.test.tsx}

@@ -1,18 +1,28 @@
 import React from 'react';
 
 import { act, cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react-native';
+import type { Channel as ChannelType, StreamChat } from 'stream-chat';
 
 import { OverlayProvider } from '../../../contexts';
 import { initiateClientWithChannels } from '../../../mock-builders/api/initiateClientWithChannels';
+import type { ChannelProps } from '../../Channel/Channel';
 import { Channel } from '../../Channel/Channel';
 import { Chat } from '../../Chat/Chat';
 import { AutoCompleteInput } from '../AutoCompleteInput';
 
-const renderComponent = ({ channelProps, client, props }) => {
+const renderComponent = ({
+  channelProps,
+  client,
+  props,
+}: {
+  channelProps: Partial<ChannelProps>;
+  client: StreamChat;
+  props: React.ComponentProps<typeof AutoCompleteInput>;
+}) => {
   return render(
     <OverlayProvider>
       <Chat client={client}>
-        <Channel {...channelProps}>
+        <Channel {...(channelProps as ChannelProps)}>
           <AutoCompleteInput {...props} />
         </Channel>
       </Chat>
@@ -21,8 +31,8 @@ const renderComponent = ({ channelProps, client, props }) => {
 };
 
 describe('AutoCompleteInput', () => {
-  let client;
-  let channel;
+  let client: StreamChat;
+  let channel: ChannelType;
 
   beforeEach(async () => {
     const { client: chatClient, channels } = await initiateClientWithChannels();
@@ -43,7 +53,7 @@ describe('AutoCompleteInput', () => {
 
     const { queryByTestId } = screen;
 
-    const input = queryByTestId('auto-complete-text-input');
+    const input = queryByTestId('auto-complete-text-input')!;
 
     await waitFor(() => {
       expect(input).toBeTruthy();
@@ -60,7 +70,7 @@ describe('AutoCompleteInput', () => {
 
     const { queryByTestId } = screen;
 
-    const input = queryByTestId('auto-complete-text-input');
+    const input = queryByTestId('auto-complete-text-input')!;
 
     await waitFor(() => {
       expect(input.props.editable).toBeFalsy();
@@ -70,7 +80,7 @@ describe('AutoCompleteInput', () => {
   it('should have the maxLength same as the one on the config of channel', async () => {
     jest.spyOn(channel, 'getConfig').mockReturnValue({
       max_message_length: 10,
-    });
+    } as unknown as ReturnType<typeof channel.getConfig>);
     const channelProps = { channel };
     const props = {};
 
@@ -78,7 +88,7 @@ describe('AutoCompleteInput', () => {
 
     const { queryByTestId } = screen;
 
-    const input = queryByTestId('auto-complete-text-input');
+    const input = queryByTestId('auto-complete-text-input')!;
 
     await waitFor(() => {
       expect(input.props.maxLength).toBe(10);
@@ -97,7 +107,7 @@ describe('AutoCompleteInput', () => {
 
     const { queryByTestId } = screen;
 
-    const input = queryByTestId('auto-complete-text-input');
+    const input = queryByTestId('auto-complete-text-input')!;
 
     act(() => {
       fireEvent.changeText(input, 'hello');
@@ -125,7 +135,7 @@ describe('AutoCompleteInput', () => {
 
     const { queryByTestId } = screen;
 
-    const input = queryByTestId('auto-complete-text-input');
+    const input = queryByTestId('auto-complete-text-input')!;
 
     act(() => {
       fireEvent(input, 'selectionChange', {
@@ -155,7 +165,7 @@ describe('AutoCompleteInput', () => {
 
     const { queryByTestId } = screen;
 
-    const input = queryByTestId('auto-complete-text-input');
+    const input = queryByTestId('auto-complete-text-input')!;
 
     await waitFor(() => {
       expect(input.props.placeholder).toBe(data.result);