fix: typescript errors

Author: isekovanic

package/src/__tests__/nativeMultipartUpload.test.ts

@@ -3,7 +3,9 @@ import {
   createNativeMultipartUploader,
   NativeMultipartAbortSignal,
   NativeMultipartUploadEventEmitter,
+  NativeMultipartUploadNativeResponse,
   NativeMultipartUploadProgressEvent,
+  NativeMultipartUploaderModule,
 } from '../nativeMultipartUpload';
 
 const progressEventName = 'streamMultipartUploadProgress';
@@ -20,7 +22,10 @@ const createNativeModule = () => ({
   addListener: jest.fn(),
   cancelUpload: jest.fn(() => Promise.resolve()),
   removeListeners: jest.fn(),
-  uploadMultipart: jest.fn(() =>
+  uploadMultipart: jest.fn<
+    ReturnType<NativeMultipartUploaderModule['uploadMultipart']>,
+    Parameters<NativeMultipartUploaderModule['uploadMultipart']>
+  >(() =>
     Promise.resolve({
       body: 'ok',
       headers: [{ name: 'x-test', value: 'yes' }],
@@ -68,11 +73,11 @@ describe('nativeMultipartUpload', () => {
   it('passes requests to the native module and forwards matching progress events', async () => {
     const nativeModule = createNativeModule();
     const eventEmitter = createEventEmitter();
-    let resolveUpload: (response: Awaited<ReturnType<typeof nativeModule.uploadMultipart>>) => void;
+    let resolveUpload: (response: NativeMultipartUploadNativeResponse) => void;
     nativeModule.uploadMultipart.mockImplementation(
       () =>
-        new Promise((resolve) => {
-          resolveUpload = resolve;
+        new Promise<NativeMultipartUploadNativeResponse>((resolve) => {
+          resolveUpload = (response) => resolve(response);
         }),
     );
     const uploadMultipart = createNativeMultipartUploader(nativeModule, { eventEmitter });

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

@@ -1,6 +1,8 @@
 import React, { ComponentProps } from 'react';
 import { StyleSheet, View } from 'react-native';
 
+import type { ReactTestInstance } from 'react-test-renderer';
+
 import { render, waitFor } from '@testing-library/react-native';
 import { v4 as uuidv4 } from 'uuid';
 
@@ -70,8 +72,8 @@ const getAttachmentComponent = (props: ComponentProps<typeof Attachment>) => {
   );
 };
 
-const getWaveformBarCount = (root) =>
-  root.findAllByType(View).filter((node) => {
+const getWaveformBarCount = (root: ReactTestInstance) =>
+  root.findAllByType(View).filter((node: ReactTestInstance) => {
     const flattenedStyle = StyleSheet.flatten(node.props.style);
     return flattenedStyle?.width === 2 && typeof flattenedStyle?.height === 'number';
   }).length;

package/src/components/Attachment/__tests__/Giphy.test.tsx

@@ -58,7 +58,7 @@ describe('Giphy', () => {
           }
         >
           <MessageProvider
-            value={{ message, ...messageContextValue } as unknown as MessagesContextValue}
+            value={{ message, ...messageContextValue } as unknown as MessageContextValue}
           >
             <Giphy {...props} />
           </MessageProvider>

package/src/components/MessageInput/__tests__/AttachmentUploadPreviewList.test.tsx

@@ -2,6 +2,8 @@ import React, { ComponentProps } from 'react';
 
 import { ActivityIndicator } from 'react-native';
 
+import type { ReactTestInstance } from 'react-test-renderer';
+
 import { act, cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react-native';
 
 import type { Attachment, Channel as ChannelType, LocalAttachment, StreamChat } from 'stream-chat';
@@ -67,7 +69,12 @@ const renderComponent = ({
   );
 };
 
-const setPendingUploads = (client, uploads) => {
+type PendingUploadRecord = {
+  id: string;
+  uploadProgress?: number;
+};
+
+const setPendingUploads = (client: StreamChat, uploads: PendingUploadRecord[]) => {
   act(() => {
     client.uploadManager.state.partialNext({
       uploads: Object.fromEntries(
@@ -77,8 +84,12 @@ const setPendingUploads = (client, uploads) => {
   });
 };
 
-const countActivityIndicators = (nodes) =>
-  nodes.reduce((count, node) => count + node.findAllByType(ActivityIndicator).length, 0);
+const countActivityIndicators = (nodes: ReactTestInstance[]) =>
+  nodes.reduce(
+    (count: number, node: ReactTestInstance) =>
+      count + node.findAllByType(ActivityIndicator).length,
+    0,
+  );
 
 describe('AttachmentUploadPreviewList', () => {
   let client: StreamChat;

package/src/components/MessageInput/__tests__/AudioAttachmentUploadPreview.test.tsx

@@ -2,6 +2,8 @@ import React, { ComponentProps } from 'react';
 
 import { ActivityIndicator } from 'react-native';
 
+import type { ReactTestInstance } from 'react-test-renderer';
+
 import { act, cleanup, fireEvent, render, screen, waitFor } from '@testing-library/react-native';
 
 import type { Attachment, Channel as ChannelType, LocalAttachment, StreamChat } from 'stream-chat';
@@ -56,7 +58,12 @@ const renderComponent = ({
   );
 };
 
-const setPendingUploads = (client, uploads) => {
+type PendingUploadRecord = {
+  id: string;
+  uploadProgress?: number;
+};
+
+const setPendingUploads = (client: StreamChat, uploads: PendingUploadRecord[]) => {
   act(() => {
     client.uploadManager.state.partialNext({
       uploads: Object.fromEntries(
@@ -66,8 +73,12 @@ const setPendingUploads = (client, uploads) => {
   });
 };
 
-const countActivityIndicators = (nodes) =>
-  nodes.reduce((count, node) => count + node.findAllByType(ActivityIndicator).length, 0);
+const countActivityIndicators = (nodes: ReactTestInstance[]) =>
+  nodes.reduce(
+    (count: number, node: ReactTestInstance) =>
+      count + node.findAllByType(ActivityIndicator).length,
+    0,
+  );
 
 describe('AudioAttachmentUploadPreview render', () => {
   let client: StreamChat;

package/src/utils/__tests__/installNativeMultipartAdapter.test.ts

@@ -1,10 +1,19 @@
+import type { AxiosProgressEvent, AxiosRequestConfig } from 'axios';
+
 import { getTestClient } from '../../mock-builders/mock';
-import { NativeHandlers } from '../../native';
+import { NativeHandlers, NativeMultipartUploadProgressConfig } from '../../native';
 import {
   installNativeMultipartAdapter,
   wrapAxiosAdapterWithNativeMultipart,
 } from '../installNativeMultipartAdapter';
 
+type NativeMultipartTestAxiosConfig = AxiosRequestConfig & {
+  uploadProgress?: (event: AxiosProgressEvent) => void;
+  uploadProgressOptions?: NativeMultipartUploadProgressConfig;
+};
+
+const nativeMultipartConfig = (config: NativeMultipartTestAxiosConfig) => config;
+
 describe('installNativeMultipartAdapter', () => {
   const originalMultipartUpload = NativeHandlers.multipartUpload;
 
@@ -148,14 +157,18 @@ describe('installNativeMultipartAdapter', () => {
       ],
     };
 
-    await client.axiosInstance.post('/uploads/image', formData, {
-      onUploadProgress,
-      uploadProgressOptions: {
-        count: 10,
-        intervalMs: 25,
-      },
-      uploadProgress,
-    });
+    await client.axiosInstance.post(
+      '/uploads/image',
+      formData,
+      nativeMultipartConfig({
+        onUploadProgress,
+        uploadProgressOptions: {
+          count: 10,
+          intervalMs: 25,
+        },
+        uploadProgress,
+      }),
+    );
 
     expect(onUploadProgress).toHaveBeenCalledWith(
       expect.objectContaining({
@@ -261,14 +274,18 @@ describe('installNativeMultipartAdapter', () => {
       ],
     };
 
-    await client.axiosInstance.post('/uploads/image', formData, {
-      onUploadProgress,
-      uploadProgressOptions: {
-        completionProgressCap: 75,
-        count: 10,
-        intervalMs: 25,
-      },
-    });
+    await client.axiosInstance.post(
+      '/uploads/image',
+      formData,
+      nativeMultipartConfig({
+        onUploadProgress,
+        uploadProgressOptions: {
+          completionProgressCap: 75,
+          count: 10,
+          intervalMs: 25,
+        },
+      }),
+    );
 
     expect(onUploadProgress).toHaveBeenCalledTimes(1);
     expect(onUploadProgress).toHaveBeenCalledWith(
@@ -302,14 +319,11 @@ describe('installNativeMultipartAdapter', () => {
 
     client.axiosInstance.defaults.adapter = defaultAdapter;
 
-    const interceptorId = client.axiosInstance.interceptors.request.use((config) => ({
-      ...config,
-      headers: {
-        ...config.headers,
-        'X-CDN-Route': 'custom-cdn',
-      },
-      url: '/uploads/file',
-    }));
+    const interceptorId = client.axiosInstance.interceptors.request.use((config) => {
+      config.headers.set('X-CDN-Route', 'custom-cdn');
+      config.url = '/uploads/file';
+      return config;
+    });
 
     installNativeMultipartAdapter(client);
     const formData = {