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

package/src/mock-builders/mock.ts

@@ -0,0 +1,79 @@
+/* eslint no-underscore-dangle: 0 */
+/* eslint no-param-reassign: 0 */
+
+import { StreamChat, type OwnUserResponse, type UserResponse } from 'stream-chat';
+
+const apiKey = 'API_KEY';
+const token = 'dummy_token';
+
+type MockClientOptions = { disableAppSettings?: boolean };
+
+// Tests reach into private/internal StreamChat fields to set up a mocked
+// authenticated client without going through the real network handshake.
+type MockableStreamChat = StreamChat & {
+  connectionId?: string;
+  user?: OwnUserResponse;
+  _user?: OwnUserResponse;
+  userToken?: string;
+  setUser?: (user: UserResponse) => Promise<void>;
+  wsPromise?: Promise<unknown>;
+  _setToken?: (...args: unknown[]) => unknown;
+  _setupConnection?: (...args: unknown[]) => unknown;
+};
+
+export const setUser = (client: StreamChat, user: UserResponse): Promise<void> =>
+  new Promise<void>((resolve) => {
+    const c = client as MockableStreamChat;
+    c.connectionId = 'dumm_connection_id';
+    c.user = { ...user, mutes: [] } as unknown as OwnUserResponse;
+    c._user = { ...c.user };
+    c.userID = user.id;
+    c.userToken = token;
+    resolve();
+  });
+
+function mockClient(client: StreamChat, options: MockClientOptions = {}): StreamChat {
+  const { disableAppSettings = true } = options;
+  const c = client as MockableStreamChat;
+
+  type WithPrivates = { _setToken: () => void; _setupConnection: () => void };
+  const withPrivates = c as unknown as WithPrivates;
+  jest.spyOn(withPrivates, '_setToken').mockImplementation();
+  jest.spyOn(withPrivates, '_setupConnection').mockImplementation();
+  c.tokenManager = {
+    getToken: jest.fn(() => token),
+    tokenReady: jest.fn(() => true),
+  } as unknown as StreamChat['tokenManager'];
+  c.setUser = setUser.bind(null, client);
+
+  if (disableAppSettings) {
+    c.getAppSettings = jest.fn(() => ({})) as unknown as StreamChat['getAppSettings'];
+  }
+
+  return client;
+}
+
+export const getTestClient = (options: MockClientOptions = {}): StreamChat =>
+  mockClient(new StreamChat(apiKey), options);
+
+export const getTestClientWithUser = async (
+  user: UserResponse,
+  options: MockClientOptions = {},
+): Promise<StreamChat> => {
+  const { disableAppSettings = true } = options;
+  const client = mockClient(new StreamChat(apiKey));
+  await setUser(client, user);
+  (client as MockableStreamChat).wsPromise = Promise.resolve();
+
+  if (disableAppSettings) {
+    client.getAppSettings = jest.fn(() => ({})) as unknown as StreamChat['getAppSettings'];
+  }
+
+  return client;
+};
+
+export const getRandomInt = (min: number, max: number): number => {
+  min = Math.ceil(min);
+  max = Math.floor(max);
+  return Math.floor(Math.random() * (max - min)) + min; // The maximum is exclusive and the minimum is inclusive
+};

package/src/state-store/__tests__/audio-player.test.ts

@@ -190,7 +190,9 @@ describe('AudioPlayer', () => {
 
   it('updates playback state from the native playback callback', async () => {
     const playerRef = createMockNativePlayerRef();
-    let onPlaybackStatusUpdate;
+    let onPlaybackStatusUpdate: (
+      status: ReturnType<typeof getLoadedPlaybackStatus>,
+    ) => unknown = () => undefined;
     (NativeHandlers as { Sound: unknown }).Sound = {
       Player: null,
       initializeSound: jest.fn().mockImplementation((_source, _initialStatus, callback) => {

package/src/state-store/__tests__/image-gallery-state-store.test.ts

@@ -1,4 +1,4 @@
-import type { Attachment, LocalMessage, UserResponse } from 'stream-chat';
+import type { Attachment, UserResponse } from 'stream-chat';
 
 import {
   generateImageAttachment,
@@ -31,11 +31,11 @@ const { isVideoPlayerAvailable } = jest.requireMock('../../native') as {
 const createGiphyAttachment = (overrides: Partial<Attachment> = {}): Attachment => ({
   giphy: {
     fixed_height: {
-      height: 200,
+      height: '200',
       url: 'https://giphy.com/test.gif',
-      width: 200,
+      width: '200',
     },
-  },
+  } as unknown as Attachment['giphy'],
   thumb_url: 'https://giphy.com/thumb.gif',
   type: 'giphy',
   ...overrides,
@@ -103,7 +103,7 @@ describe('ImageGalleryStateStore', () => {
   describe('messages getter and setter', () => {
     it('should get messages from state', () => {
       const store = new ImageGalleryStateStore();
-      const messages = [generateMessage({ id: 1 }), generateMessage({ id: 2 })];
+      const messages = [generateMessage({ id: '1' }), generateMessage({ id: '2' })];
 
       store.messages = messages;
 
@@ -112,7 +112,7 @@ describe('ImageGalleryStateStore', () => {
 
     it('should update state when setting messages', () => {
       const store = new ImageGalleryStateStore();
-      const messages = [generateMessage({ id: 1 })];
+      const messages = [generateMessage({ id: '1' })];
 
       store.messages = messages;
 
@@ -192,7 +192,7 @@ describe('ImageGalleryStateStore', () => {
       const imageAttachment = generateImageAttachment({
         image_url: 'https://example.com/image.jpg',
       });
-      const message = generateMessage({ attachments: [imageAttachment], id: 1 });
+      const message = generateMessage({ attachments: [imageAttachment], id: '1' });
 
       store.messages = [message];
 
@@ -205,7 +205,7 @@ describe('ImageGalleryStateStore', () => {
       const videoAttachment = generateVideoAttachment({
         asset_url: 'https://example.com/video.mp4',
       });
-      const message = generateMessage({ attachments: [videoAttachment], id: 1 });
+      const message = generateMessage({ attachments: [videoAttachment], id: '1' });
 
       store.messages = [message];
 
@@ -216,7 +216,7 @@ describe('ImageGalleryStateStore', () => {
     it('should filter messages with giphy attachments', () => {
       const store = new ImageGalleryStateStore();
       const giphyAttachment = createGiphyAttachment();
-      const message = generateMessage({ attachments: [giphyAttachment], id: 1 });
+      const message = generateMessage({ attachments: [giphyAttachment], id: '1' });
 
       store.messages = [message];
 
@@ -230,7 +230,7 @@ describe('ImageGalleryStateStore', () => {
       const videoAttachment = generateVideoAttachment({
         asset_url: 'https://example.com/video.mp4',
       });
-      const message = generateMessage({ attachments: [videoAttachment], id: 1 });
+      const message = generateMessage({ attachments: [videoAttachment], id: '1' });
 
       store.messages = [message];
 
@@ -243,7 +243,7 @@ describe('ImageGalleryStateStore', () => {
         image_url: 'https://example.com/image.jpg',
         title_link: 'https://example.com',
       });
-      const message = generateMessage({ attachments: [linkPreviewAttachment], id: 1 });
+      const message = generateMessage({ attachments: [linkPreviewAttachment], id: '1' });
 
       store.messages = [message];
 
@@ -256,7 +256,7 @@ describe('ImageGalleryStateStore', () => {
         image_url: 'https://example.com/image.jpg',
         og_scrape_url: 'https://example.com',
       });
-      const message = generateMessage({ attachments: [linkAttachment], id: 1 });
+      const message = generateMessage({ attachments: [linkAttachment], id: '1' });
 
       store.messages = [message];
 
@@ -270,7 +270,7 @@ describe('ImageGalleryStateStore', () => {
         image_url: 'https://example.com/preview.jpg',
         title_link: 'https://example.com',
       });
-      const message = generateMessage({ attachments: [viewableImage, linkPreview], id: 1 });
+      const message = generateMessage({ attachments: [viewableImage, linkPreview], id: '1' });
 
       store.messages = [message];
 
@@ -283,7 +283,7 @@ describe('ImageGalleryStateStore', () => {
         asset_url: 'https://example.com/file.pdf',
         type: 'file',
       };
-      const message = generateMessage({ attachments: [fileAttachment], id: 1 });
+      const message = generateMessage({ attachments: [fileAttachment], id: '1' });
 
       store.messages = [message];
 
@@ -292,7 +292,7 @@ describe('ImageGalleryStateStore', () => {
 
     it('should handle null attachments gracefully', () => {
       const store = new ImageGalleryStateStore();
-      const message = generateMessage({ attachments: [null as unknown as Attachment], id: 1 });
+      const message = generateMessage({ attachments: [null as unknown as Attachment], id: '1' });
 
       store.messages = [message];
 
@@ -301,7 +301,7 @@ describe('ImageGalleryStateStore', () => {
 
     it('should handle messages without attachments array', () => {
       const store = new ImageGalleryStateStore();
-      const message = generateMessage({ attachments: undefined, id: 1 });
+      const message = generateMessage({ attachments: undefined, id: '1' });
 
       store.messages = [message];
 
@@ -340,7 +340,7 @@ describe('ImageGalleryStateStore', () => {
         original_width: 800,
         thumb_url: 'https://example.com/thumb.jpg',
       });
-      const user: Partial<UserResponse> = { id: 'user-1', name: 'Test User' };
+      const user: UserResponse = { id: 'user-1', name: 'Test User' } as UserResponse;
       const message = generateMessage({
         attachments: [imageAttachment],
         cid: 'channel-msg-1',
@@ -372,7 +372,7 @@ describe('ImageGalleryStateStore', () => {
         asset_url: 'https://example.com/video.mp4',
         thumb_url: 'https://example.com/video-thumb.jpg',
       });
-      const message = generateMessage({ attachments: [videoAttachment], id: 1 });
+      const message = generateMessage({ attachments: [videoAttachment], id: '1' });
 
       store.messages = [message];
 
@@ -388,7 +388,7 @@ describe('ImageGalleryStateStore', () => {
     it('should transform giphy attachments with correct mime type', () => {
       const store = new ImageGalleryStateStore();
       const giphyAttachment = createGiphyAttachment();
-      const message = generateMessage({ attachments: [giphyAttachment], id: 1 });
+      const message = generateMessage({ attachments: [giphyAttachment], id: '1' });
 
       store.messages = [message];
 
@@ -405,7 +405,7 @@ describe('ImageGalleryStateStore', () => {
       const store = new ImageGalleryStateStore();
       const attachment1 = generateImageAttachment({ image_url: 'https://example.com/image1.jpg' });
       const attachment2 = generateImageAttachment({ image_url: 'https://example.com/image2.jpg' });
-      const message = generateMessage({ attachments: [attachment1, attachment2], id: 1 });
+      const message = generateMessage({ attachments: [attachment1, attachment2], id: '1' });
 
       store.messages = [message];
 
@@ -418,12 +418,12 @@ describe('ImageGalleryStateStore', () => {
       const store = new ImageGalleryStateStore({ giphyVersion: 'original' });
       const giphyAttachment: Attachment = {
         giphy: {
-          fixed_height: { height: 200, url: 'https://giphy.com/fixed.gif', width: 200 },
-          original: { height: 400, url: 'https://giphy.com/original.gif', width: 400 },
-        },
+          fixed_height: { height: '200', url: 'https://giphy.com/fixed.gif', width: '200' },
+          original: { height: '400', url: 'https://giphy.com/original.gif', width: '400' },
+        } as unknown as Attachment['giphy'],
         type: 'giphy',
       };
-      const message = generateMessage({ attachments: [giphyAttachment], id: 1 });
+      const message = generateMessage({ attachments: [giphyAttachment], id: '1' });
 
       store.messages = [message];
 
@@ -439,11 +439,11 @@ describe('ImageGalleryStateStore', () => {
           generateImageAttachment({ image_url: 'https://example.com/image1.jpg' }),
           generateImageAttachment({ image_url: 'https://example.com/image2.jpg' }),
         ],
-        id: 1,
+        id: '1',
       });
       const message2 = generateMessage({
         attachments: [generateVideoAttachment({ asset_url: 'https://example.com/video.mp4' })],
-        id: 2,
+        id: '2',
       });
 
       store.messages = [message1, message2];
@@ -547,7 +547,10 @@ describe('ImageGalleryStateStore', () => {
       ];
       const selectedUrl = 'https://example.com/1.jpg';
 
-      store.openImageGallery({ messages, selectedAttachmentUrl: selectedUrl });
+      store.openImageGallery({
+        messages,
+        selectedAttachmentUrl: selectedUrl,
+      });
 
       expect(store.messages).toEqual(messages);
       expect(store.selectedAttachmentUrl).toBe(selectedUrl);
@@ -795,7 +798,7 @@ describe('ImageGalleryStateStore', () => {
           id: 'msg-1',
         }),
         user: undefined,
-      } as LocalMessage;
+      };
 
       store.messages = [message];
 

package/src/state-store/__tests__/video-player-pool.test.ts

@@ -20,7 +20,7 @@ const createMockPlayer = (id: string, overrides: Partial<VideoPlayer> = {}): Vid
     pause: jest.fn(),
     play: jest.fn(),
     ...overrides,
-  }) as unknown as VideoPlayer;
+  }) as VideoPlayer;
 
 describe('VideoPlayerPool', () => {
   beforeEach(() => {
@@ -175,7 +175,7 @@ describe('VideoPlayerPool', () => {
       const pool = new VideoPlayerPool();
       const player = pool.getOrAddPlayer({ id: 'active-player' });
 
-      pool.setActivePlayer(player as unknown as VideoPlayer);
+      pool.setActivePlayer(player);
       expect(pool.getActivePlayer()).toBe(player);
 
       pool.removePlayer('active-player');
@@ -188,7 +188,7 @@ describe('VideoPlayerPool', () => {
       const activePlayer = pool.getOrAddPlayer({ id: 'active-player' });
       pool.getOrAddPlayer({ id: 'other-player' });
 
-      pool.setActivePlayer(activePlayer as unknown as VideoPlayer);
+      pool.setActivePlayer(activePlayer);
       pool.removePlayer('other-player');
 
       expect(pool.getActivePlayer()).toBe(activePlayer);
@@ -255,7 +255,7 @@ describe('VideoPlayerPool', () => {
       const pool = new VideoPlayerPool();
       const player = pool.getOrAddPlayer({ id: 'active-player' });
 
-      pool.setActivePlayer(player as unknown as VideoPlayer);
+      pool.setActivePlayer(player);
       expect(pool.getActivePlayer()).toBe(player);
 
       pool.clear();
@@ -277,7 +277,7 @@ describe('VideoPlayerPool', () => {
     it('should not change active player when player does not exist', () => {
       const pool = new VideoPlayerPool();
       const existingPlayer = pool.getOrAddPlayer({ id: 'existing-player' });
-      pool.setActivePlayer(existingPlayer as unknown as VideoPlayer);
+      pool.setActivePlayer(existingPlayer);
 
       pool.requestPlay('non-existent-player');
 
@@ -336,7 +336,7 @@ describe('VideoPlayerPool', () => {
       const pool = new VideoPlayerPool();
       const player = pool.getOrAddPlayer({ id: 'active-player' });
 
-      pool.setActivePlayer(player as unknown as VideoPlayer);
+      pool.setActivePlayer(player);
       expect(pool.getActivePlayer()).toBe(player);
 
       pool.notifyPaused();
@@ -369,7 +369,7 @@ describe('VideoPlayerPool', () => {
         ({ activeVideoPlayer }) => callback(activeVideoPlayer),
       );
 
-      pool.setActivePlayer(player as unknown as VideoPlayer);
+      pool.setActivePlayer(player);
 
       expect(callback).toHaveBeenCalledWith(player);
     });
@@ -377,7 +377,7 @@ describe('VideoPlayerPool', () => {
     it('should notify subscribers when active player is cleared', () => {
       const pool = new VideoPlayerPool();
       const player = pool.getOrAddPlayer({ id: 'player-1' });
-      pool.setActivePlayer(player as unknown as VideoPlayer);
+      pool.setActivePlayer(player);
 
       const callback = jest.fn();
       pool.state.subscribeWithSelector(
@@ -420,7 +420,7 @@ describe('VideoPlayerPool', () => {
       const player1 = pool.getOrAddPlayer({ id: 'player-1' });
       pool.getOrAddPlayer({ id: 'player-2' });
 
-      pool.setActivePlayer(player1 as unknown as VideoPlayer);
+      pool.setActivePlayer(player1);
 
       pool.removePlayer('player-1');
       expect(pool.getActivePlayer()).toBeNull();

package/src/store/apis/__tests__/updatePendingTask.test.ts

@@ -1,3 +1,4 @@
+import type { PendingTask } from 'stream-chat';
 import { v4 as uuidv4 } from 'uuid';
 
 import { addPendingTask, getPendingTasks, updatePendingTask } from '..';
@@ -31,9 +32,14 @@ describe('updatePendingTask', () => {
       messageId: originalMessage.id,
       payload: [originalMessage, {}],
       type: 'send-message',
-    });
+    } as unknown as PendingTask);
 
-    const [originalRow] = await BetterSqlite.selectFromTable('pendingTasks');
+    const [originalRow] = await BetterSqlite.selectFromTable<{
+      id: number;
+      createdAt: string;
+      type: string;
+      payload: string;
+    }>('pendingTasks');
     const [originalTask] = await getPendingTasks({ messageId: originalMessage.id });
 
     const editedMessage = {
@@ -42,17 +48,22 @@ describe('updatePendingTask', () => {
     };
 
     await updatePendingTask({
-      id: originalTask.id,
+      id: originalTask.id as number,
       task: {
         channelId,
         channelType: 'messaging',
         messageId: originalMessage.id,
         payload: [editedMessage, {}],
         type: 'send-message',
-      },
+      } as unknown as PendingTask,
     });
 
-    const [updatedRow] = await BetterSqlite.selectFromTable('pendingTasks');
+    const [updatedRow] = await BetterSqlite.selectFromTable<{
+      id: number;
+      createdAt: string;
+      type: string;
+      payload: string;
+    }>('pendingTasks');
     const [updatedTask] = await getPendingTasks({ messageId: originalMessage.id });
 
     expect(updatedRow.id).toBe(originalRow.id);
@@ -61,6 +72,6 @@ describe('updatePendingTask', () => {
     expect(JSON.parse(updatedRow.payload)[0].text).toBe('edited text');
     expect(updatedTask.id).toBe(originalTask.id);
     expect(updatedTask.type).toBe('send-message');
-    expect(updatedTask.payload[0].text).toBe('edited text');
+    expect((updatedTask.payload as [{ text: string }, object])[0].text).toBe('edited text');
   });
 });

package/src/store/apis/addPendingTask.ts

@@ -4,6 +4,7 @@ import { mapTaskToStorable } from '../mappers/mapTaskToStorable';
 import { createDeleteQuery } from '../sqlite-utils/createDeleteQuery';
 import { createUpsertQuery } from '../sqlite-utils/createUpsertQuery';
 import { SqliteClient } from '../SqliteClient';
+import type { PreparedQueries } from '../types';
 
 /*
  * addPendingTask - Adds a pending task to the database
@@ -15,7 +16,7 @@ import { SqliteClient } from '../SqliteClient';
 export const addPendingTask = async (task: PendingTask) => {
   const storable = mapTaskToStorable(task);
   const { channelId, channelType, threadId, payload, type } = storable;
-  const queries = [];
+  const queries: PreparedQueries[] = [];
   if (type === 'create-draft' || type === 'delete-draft') {
     // Only one draft pending task is allowed per entity (i.e thread, channel etc).
     // If multiple arrive, we'll simply take the last one (since deleteDraft does not

package/src/store/apis/deleteMessage.ts

@@ -1,8 +1,9 @@
 import { createDeleteQuery } from '../sqlite-utils/createDeleteQuery';
 import { SqliteClient } from '../SqliteClient';
+import type { PreparedQueries } from '../types';
 
 export const deleteMessage = async ({ execute = true, id }: { id: string; execute?: boolean }) => {
-  const queries = [];
+  const queries: PreparedQueries[] = [];
 
   queries.push(
     createDeleteQuery('messages', {

package/src/store/apis/upsertDraft.ts

@@ -1,4 +1,4 @@
-import { DraftResponse } from 'stream-chat';
+import type { DraftResponse, MessageResponseBase } from 'stream-chat';
 
 import { upsertMessages } from './upsertMessages';
 
@@ -40,7 +40,7 @@ export const upsertDraft = async ({
     draftMessage: storableDraftMessage,
   });
 
-  const messagesToUpsert = [];
+  const messagesToUpsert: MessageResponseBase[] = [];
 
   if (draft.quoted_message) {
     messagesToUpsert.push(draft.quoted_message);

package/src/store/sqlite-utils/appendOrderByClause.ts

@@ -9,7 +9,7 @@ export const appendOrderByClause = <T extends keyof Schema>(
     return [selectQuery, []];
   }
 
-  const orderByClause = [];
+  const orderByClause: string[] = [];
 
   for (const key in orderBy) {
     const order = orderBy[key];

package/src/store/sqlite-utils/appendWhereCluase.ts

@@ -9,7 +9,7 @@ export const appendWhereClause = <T extends keyof Schema>(
     return [selectQuery, []];
   }
 
-  const whereClause = [];
+  const whereClause: string[] = [];
   const whereParams: TableColumnValue[] = [];
 
   for (const key in whereCondition) {

package/src/store/sqlite-utils/createCreateTableQuery.ts

@@ -20,11 +20,13 @@ export const createCreateTableQuery = (tableName: Table): PreparedQueries[] => {
     ) || [];
 
   const indexQueries: PreparedQueries[] =
-    tables[tableName].indexes?.map((index) => [
-      `CREATE ${index.unique ? 'UNIQUE' : ''} INDEX IF NOT EXISTS ${
-        index.name
-      } ON ${tableName}(${index.columns.join(',')})`,
-    ]) || [];
+    tables[tableName].indexes?.map(
+      (index): PreparedQueries => [
+        `CREATE ${index.unique ? 'UNIQUE' : ''} INDEX IF NOT EXISTS ${
+          index.name
+        } ON ${tableName}(${index.columns.join(',')})`,
+      ],
+    ) || [];
 
   return [
     [

package/src/test-utils/BetterSqlite.ts

@@ -0,0 +1,38 @@
+import Database, { type Database as DatabaseType } from 'better-sqlite3';
+
+import { tables } from '../store/schema';
+
+export class BetterSqlite {
+  static db: DatabaseType | null = null;
+
+  static openDB = (): void => {
+    BetterSqlite.db = new Database('foobar.db');
+  };
+
+  static closeDB = (): void => {
+    BetterSqlite.db?.close();
+  };
+
+  static getTables = async (): Promise<unknown> => {
+    const tablesInDb = await BetterSqlite.db?.pragma('table_list;');
+    return tablesInDb;
+  };
+
+  static dropAllTables = (): void => {
+    const tableNames = Object.keys(tables);
+
+    tableNames.forEach((name) => {
+      const stmt = BetterSqlite.db?.prepare(`DROP TABLE IF EXISTS ${name}`);
+      stmt?.run();
+    });
+  };
+
+  static selectFromTable = async <TRow = Record<string, unknown>>(
+    table: string,
+  ): Promise<TRow[]> => {
+    const stmt = await BetterSqlite.db?.prepare(`SELECT * FROM ${table}`);
+    const result = (stmt?.all() ?? []) as TRow[];
+
+    return result;
+  };
+}