stream-chat-react-native-core 6.2.0 → 6.3.0-beta.1

package/src/contexts/messagesContext/MessagesContext.tsx

@@ -1,6 +1,6 @@
 import React, { PropsWithChildren, useContext } from 'react';
 
-import { PressableProps } from 'react-native';
+import { PressableProps, ViewProps } from 'react-native';
 
 import type { Attachment, ChannelState, MessageResponse } from 'stream-chat';
 
@@ -100,6 +100,10 @@ export type MessagesContextValue<
    * Defaults to: [Card](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/Attachment/Card.tsx)
    */
   Card: React.ComponentType<CardProps<StreamChatGenerics>>;
+  /**
+   * Handler to clear the quoted state of the message.
+   */
+  clearQuotedMessageState: () => void;
   /**
    * UI component for DateHeader
    * Defaults to: [DateHeader](https://github.com/GetStream/stream-chat-react-native/blob/main/package/src/components/MessageList/DateHeader.tsx)
@@ -358,6 +362,10 @@ export type MessagesContextValue<
   deletedMessagesVisibilityType?: DeletedMessagesVisibilityType;
 
   disableTypingIndicator?: boolean;
+  /**
+   * Enable swipe to reply on messages.
+   */
+  enableSwipeToReply?: boolean;
   /**
    * Whether messages should be aligned to right or left part of screen.
    * By default, messages will be received messages will be aligned to left and
@@ -459,10 +467,16 @@ export type MessagesContextValue<
    * @overrideType Function | Array<Objects>
    */
   messageActions?: (param: MessageActionsParams<StreamChatGenerics>) => MessageActionType[];
+
   /**
    * Custom message header component
    */
   MessageHeader?: React.ComponentType<MessageFooterProps<StreamChatGenerics>>;
+  MessageSwipeContent?: React.ComponentType;
+  /**
+   * HitSlop for the message swipe to reply gesture
+   */
+  messageSwipeToReplyHitSlop?: ViewProps['hitSlop'];
   /** Custom UI component for message text */
   MessageText?: React.ComponentType<MessageTextProps<StreamChatGenerics>>;
   /**

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

@@ -654,6 +654,10 @@ export type Theme = {
       statusContainer: ViewStyle;
       timeIcon: IconProps;
     };
+    swipeContentContainer: ViewStyle;
+    swipeLeftContent: {
+      container: ViewStyle;
+    };
     targetedMessageContainer: ViewStyle;
     videoThumbnail: {
       container: ViewStyle;
@@ -1434,6 +1438,10 @@ export const defaultTheme: Theme = {
         width: DEFAULT_STATUS_ICON_SIZE,
       },
     },
+    swipeContentContainer: {},
+    swipeLeftContent: {
+      container: {},
+    },
     targetedMessageContainer: {},
     unreadUnderlayColor: Colors.bg_gradient_start,
     videoThumbnail: {

package/src/store/SqliteClient.ts

@@ -21,7 +21,7 @@ import { Logger } from 'stream-chat';
 import { DB_LOCATION, DB_NAME } from './constants';
 import { tables } from './schema';
 import { createCreateTableQuery } from './sqlite-utils/createCreateTableQuery';
-import type { PreparedQueries, Table } from './types';
+import type { PreparedBatchQueries, PreparedQueries, Scalar, Table } from './types';
 
 /**
  * SqliteClient takes care of any direct interaction with sqlite.
@@ -51,7 +51,7 @@ export class SqliteClient {
         name: SqliteClient.dbName,
       });
 
-      await this.db.execute(`PRAGMA foreign_keys = ON`, []);
+      await this.db?.execute(`PRAGMA foreign_keys = ON`, []);
     } catch (e) {
       this.logger?.('error', `Error opening database ${SqliteClient.dbName}`, {
         error: e,
@@ -75,14 +75,24 @@ export class SqliteClient {
     }
   };
 
-  static executeSqlBatch = async (queries: PreparedQueries[]) => {
+  static executeSqlBatch = async (queries: PreparedBatchQueries[]) => {
     if (!queries || !queries.length) return;
 
     try {
       if (!this.db) {
         throw new Error('DB is not open or initialized.');
       }
-      await this.db.executeBatch(queries);
+      // This is a workaround to make the executeBatch method work.
+      // It expects an empty array as the second argument in the individual queries if nothing present.
+      // Discussion - https://discord.com/channels/1301463257722126357/1324262993780932688/1330846910596251711
+      const finalQueries = queries.map((query) => {
+        if (query.length === 1) {
+          // @ts-ignore
+          query.push([]);
+        }
+        return query;
+      });
+      await this.db.executeBatch(finalQueries);
     } catch (e) {
       this.logger?.('error', `SqlBatch queries failed`, {
         error: e,
@@ -92,14 +102,14 @@ export class SqliteClient {
     }
   };
 
-  static executeSql = async (query: string, params?: string[]) => {
+  static executeSql = async (query: string, params?: Scalar[]) => {
     try {
       if (!this.db) {
         throw new Error('DB is not open or initialized.');
       }
       const { rows } = await this.db.execute(query, params);
 
-      return rows ? rows : [];
+      return rows ? (rows as Record<string, string>[]) : [];
     } catch (e) {
       this.logger?.('error', `Sql single query failed`, {
         error: e,

package/src/store/apis/getAppSettings.ts

@@ -7,7 +7,7 @@ export const getAppSettings = async ({
   currentUserId,
 }: {
   currentUserId: string;
-}): Promise<AppSettingsAPIResponse> => {
+}): Promise<AppSettingsAPIResponse | null> => {
   SqliteClient.logger?.('info', 'getAppSettings', {
     currentUserId,
   });

package/src/store/apis/getChannelMessages.ts

@@ -39,12 +39,12 @@ export const getChannelMessages = async <
   const messageIdsVsPolls: Record<string, TableRow<'poll'>> = {};
   const pollsById: Record<string, TableRow<'poll'>> = {};
   const messagesWithPolls = messageRows.filter((message) => !!message.poll_id);
-  const polls = await SqliteClient.executeSql.apply(
+  const polls = (await SqliteClient.executeSql.apply(
     null,
     createSelectQuery('poll', ['*'], {
       id: messagesWithPolls.map((message) => message.poll_id),
     }),
-  );
+  )) as unknown as TableRow<'poll'>[];
   polls.forEach((poll) => {
     pollsById[poll.id] = poll;
   });

package/src/store/apis/getLastSyncedAt.ts

@@ -14,5 +14,8 @@ export const getLastSyncedAt = async ({
     }),
   );
 
-  return result[0]?.lastSyncedAt;
+  if (typeof result[0]?.lastSyncedAt === 'number') {
+    return result[0]?.lastSyncedAt;
+  }
+  return undefined;
 };

package/src/store/apis/getPendingTasks.ts

@@ -1,7 +1,7 @@
 import { mapStorableToTask } from '../mappers/mapStorableToTask';
 import { createSelectQuery } from '../sqlite-utils/createSelectQuery';
 import { SqliteClient } from '../SqliteClient';
-import type { TableRowJoinedUser } from '../types';
+import { TableRowJoinedUser } from '../types';
 
 export const getPendingTasks = async (conditions: { messageId?: string } = {}) => {
   const query = createSelectQuery('pendingTasks', ['*'], conditions, {
@@ -11,5 +11,5 @@ export const getPendingTasks = async (conditions: { messageId?: string } = {}) =
   SqliteClient.logger?.('info', 'getPendingTasks', { conditions });
   const result = await SqliteClient.executeSql.apply(null, query);
 
-  return result.map((r: TableRowJoinedUser<'pendingTasks'>) => mapStorableToTask(r));
+  return result.map((r) => mapStorableToTask(r as unknown as TableRowJoinedUser<'pendingTasks'>));
 };

package/src/store/apis/queries/selectChannels.ts

@@ -19,7 +19,10 @@ export const selectChannels = async ({ channelIds }: { channelIds?: string[] } =
     channelIds,
   });
 
-  const result = await SqliteClient.executeSql.apply(null, query);
+  const result = (await SqliteClient.executeSql.apply(
+    null,
+    query,
+  )) as unknown as TableRowJoinedUser<'channels'>[];
 
   if (channelIds) {
     return result.sort(

package/src/store/apis/queries/selectMembersForChannels.ts

@@ -34,5 +34,5 @@ export const selectMembersForChannels = async (
     cids,
   );
 
-  return result.map((r: { value: string }) => JSON.parse(r.value));
+  return result.map((r) => JSON.parse(r.value));
 };

package/src/store/apis/queries/selectMessagesForChannels.ts

@@ -42,5 +42,5 @@ export const selectMessagesForChannels = async (
     cids,
   );
 
-  return result.map((r: { value: string }) => JSON.parse(r.value));
+  return result.map((r) => JSON.parse(r.value));
 };

package/src/store/apis/queries/selectReactionsForMessages.ts

@@ -37,5 +37,5 @@ export const selectReactionsForMessages = async (
     messageIds,
   );
 
-  return result.map((r: { value: string }) => JSON.parse(r.value));
+  return result.map((r) => JSON.parse(r.value));
 };

package/src/store/apis/queries/selectReadsForChannels.ts

@@ -33,5 +33,5 @@ export const selectReadsForChannels = async (
     cids,
   );
 
-  return result.map((r: { value: string }) => JSON.parse(r.value));
+  return result.map((r) => JSON.parse(r.value));
 };

package/src/store/apis/updatePollMessage.ts

@@ -6,7 +6,7 @@ import { mapStorableToPoll } from '../mappers/mapStorableToPoll';
 import { createSelectQuery } from '../sqlite-utils/createSelectQuery';
 import { createUpdateQuery } from '../sqlite-utils/createUpdateQuery';
 import { SqliteClient } from '../SqliteClient';
-import type { PreparedQueries } from '../types';
+import type { PreparedQueries, TableRow } from '../types';
 
 export const updatePollMessage = async <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
@@ -33,7 +33,7 @@ export const updatePollMessage = async <
   );
 
   for (const pollFromDB of pollsFromDB) {
-    const serializedPoll = mapStorableToPoll(pollFromDB);
+    const serializedPoll = mapStorableToPoll(pollFromDB as unknown as TableRow<'poll'>);
     const { latest_answers = [], own_votes = [] } = serializedPoll;
     let newOwnVotes = own_votes;
     if (poll_vote && poll_vote.user?.id === userID) {

package/src/store/types.ts

@@ -10,8 +10,11 @@ export type TableRowJoinedUser<T extends Table> = Schema[T] & {
 
 export type TableColumnNames<T extends Table> = keyof Schema[T];
 export type TableColumnValue = string | boolean | number | undefined;
+export type Scalar = string | number | boolean | null | ArrayBuffer | ArrayBufferView;
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export type PreparedQueries = [string] | [string, Array<any>];
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type PreparedBatchQueries = [string] | [string, Array<any> | Array<Array<any>>];
 
 export type PendingTaskTypes = {
   deleteMessage: 'delete-message';

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "6.2.0"
+  "version": "6.3.0-beta.1"
 }