stream-chat-react-native-core 5.44.2-beta.1 → 6.0.0-beta.1

package/src/contexts/translationContext/TranslationContext.tsx

@@ -7,8 +7,6 @@ import type { Moment } from 'moment-timezone';
 
 import type { TranslationLanguages } from 'stream-chat';
 
-import type { DefaultStreamChatGenerics } from '../../types/types';
-import { getDisplayName } from '../utils/getDisplayName';
 import { isTestEnvironment } from '../utils/isTestEnvironment';
 
 export const DEFAULT_USER_LANGUAGE: TranslationLanguages = 'en';
@@ -60,30 +58,3 @@ export const useTranslationContext = () => {
 
   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 withTranslationContext the Props for the
- * wrapped component must be provided as the first generic.
- */
-export const withTranslationContext = <
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  Component: React.ComponentType<StreamChatGenerics>,
-): React.ComponentType<Omit<StreamChatGenerics, keyof TranslationContextValue>> => {
-  const WithTranslationContextComponent = (
-    props: Omit<StreamChatGenerics, keyof TranslationContextValue>,
-  ) => {
-    const translationContext = useTranslationContext();
-
-    return <Component {...(props as StreamChatGenerics)} {...translationContext} />;
-  };
-  WithTranslationContextComponent.displayName = `WithTranslationContext${getDisplayName(
-    Component as React.ComponentType,
-  )}`;
-  return WithTranslationContextComponent;
-};

package/src/contexts/typingContext/TypingContext.tsx

@@ -2,10 +2,9 @@ import React, { PropsWithChildren, useContext } from 'react';
 
 import type { ChannelState } from 'stream-chat';
 
-import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
+import type { DefaultStreamChatGenerics } from '../../types/types';
 import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
 
-import { getDisplayName } from '../utils/getDisplayName';
 import { isTestEnvironment } from '../utils/isTestEnvironment';
 
 export type TypingContextValue<
@@ -44,29 +43,3 @@ export const useTypingContext = <
 
   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 withTypingContext the Props for the
- * wrapped component must be provided as the first generic.
- */
-export const withTypingContext = <
-  P extends UnknownType,
-  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->(
-  Component: React.ComponentType<P>,
-): React.ComponentType<Omit<P, keyof TypingContextValue<StreamChatGenerics>>> => {
-  const WithTypingContextComponent = (
-    props: Omit<P, keyof TypingContextValue<StreamChatGenerics>>,
-  ) => {
-    const typingContext = useTypingContext<StreamChatGenerics>();
-
-    return <Component {...(props as P)} {...typingContext} />;
-  };
-  WithTypingContextComponent.displayName = `WithTypingContext${getDisplayName(Component)}`;
-  return WithTypingContextComponent;
-};

package/src/hooks/__tests__/useTranslatedMessage.test.tsx

@@ -5,10 +5,6 @@ import { render, screen, waitFor } from '@testing-library/react-native';
 
 import type { MessageResponse } from 'stream-chat';
 
-import {
-  MessageOverlayContextValue,
-  MessageOverlayProvider,
-} from '../../contexts/messageOverlayContext/MessageOverlayContext';
 import {
   TranslationContextValue,
   TranslationProvider,
@@ -21,7 +17,7 @@ type TestComponentProps = {
 
 const TestComponent = ({ message }: TestComponentProps) => {
   const translatedMessage = useTranslatedMessage(message);
-  return <Text>{translatedMessage.text}</Text>;
+  return <Text>{translatedMessage?.text}</Text>;
 };
 
 describe('useTranslatedMessage', () => {
@@ -92,11 +88,9 @@ describe('useTranslatedMessage', () => {
      * in the provider.
      * */
     render(
-      <MessageOverlayProvider
-        value={{ userLanguage: 'nl' } as unknown as MessageOverlayContextValue}
-      >
+      <TranslationProvider value={{ userLanguage: 'nl' } as TranslationContextValue}>
         <TestComponent message={message} />
-      </MessageOverlayProvider>,
+      </TranslationProvider>,
     );
 
     await waitFor(() => {

package/src/hooks/useTranslatedMessage.ts

@@ -1,6 +1,5 @@
 import type { FormatMessageResponse, MessageResponse, TranslationLanguages } from 'stream-chat';
 
-import { useMessageOverlayContext } from '../contexts/messageOverlayContext/MessageOverlayContext';
 import { useTranslationContext } from '../contexts/translationContext/TranslationContext';
 import type { DefaultStreamChatGenerics } from '../types/types';
 
@@ -12,10 +11,8 @@ export const useTranslatedMessage = <
   message?: MessageResponse<StreamChatGenerics> | FormatMessageResponse<StreamChatGenerics>,
 ) => {
   const { userLanguage: translationContextUserLanguage } = useTranslationContext();
-  const messageOverlayContextValue = useMessageOverlayContext<StreamChatGenerics>();
 
-  const userLanguage =
-    messageOverlayContextValue.data?.userLanguage || translationContextUserLanguage;
+  const userLanguage = translationContextUserLanguage;
 
   const translationKey: TranslationKey = `${userLanguage}_text`;
 

package/src/icons/PinHeader.tsx

@@ -1,12 +1,18 @@
 import React from 'react';
 
-import { IconProps, RootPath, RootSvg } from './utils/base';
+import Svg, { Path } from 'react-native-svg';
 
-export const PinHeader = (props: IconProps) => (
-  <RootSvg {...props}>
-    <RootPath
-      d='M10.694 1.52908C10.5304 1.36544 10.2937 1.2982 10.0685 1.35137C9.84327 1.40454 9.6616 1.57053 9.5884 1.79006L9.16613 3.05694L6.72027 5.50284C5.12809 5.14216 3.59999 5.79028 2.19557 7.1947C1.93481 7.45543 1.93481 7.87823 2.19557 8.13896L4.55625 10.4997L3.1399 11.916C2.87915 12.1768 2.87915 12.5995 3.1399 12.8603C3.40065 13.1211 3.82342 13.1211 4.08417 12.8603L5.50051 11.4439L7.8612 13.8046C8.12193 14.0654 8.54473 14.0654 8.80547 13.8046C10.2099 12.4002 10.858 10.8721 10.4973 9.2799L12.9432 6.83403L14.2101 6.41173C14.4296 6.33855 14.5956 6.15692 14.6488 5.9317C14.7019 5.70648 14.6347 5.46979 14.4711 5.30616L10.694 1.52908ZM10.3832 3.62876L10.5137 3.23728L12.7629 5.4865L12.3714 5.617C12.2731 5.64977 12.1837 5.705 12.1104 5.7783L9.2776 8.6111C9.09873 8.78996 9.03633 9.05443 9.11627 9.29436C9.43453 10.249 9.2382 11.2566 8.31287 12.3678L3.6324 7.6873C4.74353 6.76196 5.7511 6.56564 6.7058 6.8839C6.94573 6.96383 7.2102 6.90143 7.38906 6.72256L10.2219 3.88975C10.2951 3.81646 10.3504 3.7271 10.3832 3.62876Z'
-      {...props}
+import { IconProps } from './utils/base';
+
+type Props = IconProps & {
+  size: number;
+};
+
+export const PinHeader = ({ size, ...rest }: Props) => (
+  <Svg height={size} viewBox={`0 0 ${size} ${size}`} width={size} {...rest}>
+    <Path
+      d='M9.33325 2.66668V6.00001C9.33325 6.74668 9.57992 7.44001 9.99992 8.00001H5.99992C6.43325 7.42668 6.66659 6.73334 6.66659 6.00001V2.66668H9.33325ZM11.3333 1.33334H4.66659C4.29992 1.33334 3.99992 1.63334 3.99992 2.00001C3.99992 2.36668 4.29992 2.66668 4.66659 2.66668H5.33325V6.00001C5.33325 7.10668 4.43992 8.00001 3.33325 8.00001V9.33334H7.31325V14L7.97992 14.6667L8.64659 14V9.33334H12.6666V8.00001C11.5599 8.00001 10.6666 7.10668 10.6666 6.00001V2.66668H11.3333C11.6999 2.66668 11.9999 2.36668 11.9999 2.00001C11.9999 1.63334 11.6999 1.33334 11.3333 1.33334Z'
+      {...rest}
     />
-  </RootSvg>
+  </Svg>
 );

package/src/index.ts

@@ -4,7 +4,7 @@ import './polyfills';
 
 export * from './components';
 export * from './hooks';
-export { registerNativeHandlers, NetInfo, iOS14RefreshGallerySelection } from './native';
+export { registerNativeHandlers, iOS14RefreshGallerySelection } from './native';
 export * from './contexts';
 export * from './emoji-data';
 
@@ -18,7 +18,6 @@ export * from './utils/i18n/Streami18n';
 export * from './utils/queryMembers';
 export * from './utils/queryUsers';
 export * from './utils/utils';
-export * from './utils/StreamChatRN';
 
 export { default as enTranslations } from './i18n/en.json';
 export { default as frTranslations } from './i18n/fr.json';
@@ -29,7 +28,7 @@ export { default as ruTranslations } from './i18n/ru.json';
 export { default as trTranslations } from './i18n/tr.json';
 export { default as heTranslations } from './i18n/he.json';
 
-export { QuickSqliteClient } from './store/QuickSqliteClient';
+export { SqliteClient } from './store/SqliteClient';
 export { version } from './version.json';
 
 import * as OfflineStoreApis from './store/apis';

package/src/mock-builders/DB/mock.ts

@@ -2,106 +2,89 @@ import Sqlite3 from 'better-sqlite3';
 
 import type { PreparedQueries } from '../../store/types';
 
-export let db: Sqlite3.Database;
+let db: Sqlite3.Database;
 
 export const sqliteMock = {
-  close: () => {
-    db.close();
+  open: () => {
+    db = new Sqlite3('foobar.db');
     return {
-      message: '',
-      status: 0,
-    };
-  },
-  execute: (dbName: string, queryInput: string, params: unknown[]) => {
-    const query = queryInput.trim().toLowerCase();
-    const stmt = db.prepare(query);
-    let result: unknown[] = [];
-
-    if (query.indexOf('select') === 0) {
-      if (params) {
-        const modifiedParams = params.map((p) => {
-          if (typeof p == 'boolean') {
-            return Number(p);
-          } else {
-            return p;
-          }
-        });
-        result = stmt.all(modifiedParams);
-      } else {
-        result = stmt.all();
-      }
+      close: () => {
+        db.close();
+        return {
+          message: '',
+          status: 0,
+        };
+      },
+      execute: async (queryInput: string, params: unknown[]) => {
+        const query = queryInput.trim().toLowerCase();
 
-      return {
-        message: '',
-        rows: {
-          _array: result,
-        },
-        status: 0,
-      };
-    }
+        const stmt = db.prepare(query);
+        let result: unknown[] = [];
+        if (query.indexOf('select') === 0) {
+          const modifiedParams = params?.map((p) => (typeof p === 'boolean' ? Number(p) : p)) || [];
+          result = await new Promise((resolve) => resolve(stmt.all(modifiedParams)));
 
-    if (query.indexOf('pragma') === 0) {
-      const pragmaQueryTokens = query.split(' ');
-      if (pragmaQueryTokens[2] === '=') {
-        db.pragma(`${pragmaQueryTokens[1]} = ${pragmaQueryTokens[3]}`);
-      } else {
-        result = db.pragma(`${pragmaQueryTokens[1]}`);
-      }
+          return {
+            message: '',
+            rows: result,
+            status: 0,
+          };
+        }
 
-      return {
-        message: '',
-        rows: {
-          _array: result,
-        },
-        status: 0,
-      };
-    }
+        if (query.indexOf('pragma') === 0) {
+          const pragmaQueryTokens = query.split(' ');
+          if (pragmaQueryTokens[2] === '=') {
+            db.pragma(`${pragmaQueryTokens[1]} = ${pragmaQueryTokens[3]}`);
+          } else {
+            result = db.pragma(`${pragmaQueryTokens[1]}`);
+          }
 
-    // insert or create table query
-    if (params) {
-      stmt.run(params);
-    } else {
-      stmt.run();
-    }
+          return {
+            message: '',
+            rows: result,
+            status: 0,
+          };
+        }
 
-    return {
-      message: '',
-      rows: {
-        _array: result,
-      },
-      status: 0,
-    };
-  },
-  executeBatch: (dbName: string, queriesArr: PreparedQueries[]) => {
-    queriesArr.forEach((queryAndParams) => {
-      const query = queryAndParams[0];
-      const params = queryAndParams[1];
-      const stmt = db.prepare(query);
-      if (params) {
-        const modifiedParams = params.map((p) => {
-          if (typeof p == 'boolean') {
-            return Number(p);
+        // insert or create table query
+        await new Promise((resolve) => {
+          if (params) {
+            const modifiedParams = params.map((p) => (typeof p === 'boolean' ? Number(p) : p));
+            stmt.run(modifiedParams);
           } else {
-            return p;
+            stmt.run();
           }
+          resolve(undefined);
         });
 
-        stmt.run(modifiedParams);
-      } else {
-        stmt.run();
-      }
-    });
+        return {
+          message: '',
+          rows: result,
+          status: 0,
+        };
+      },
+      executeBatch: async (queriesArr: PreparedQueries[]) => {
+        for (const queryAndParams of queriesArr) {
+          const query = queryAndParams[0];
+          const params = queryAndParams[1];
+          const stmt = db.prepare(query);
 
-    return {
-      message: '',
-      staus: 0,
-    };
-  },
-  open: () => {
-    db = new Sqlite3('foobar.db');
-    return {
-      message: '',
-      status: 0,
+          await new Promise((resolve) => {
+            if (params) {
+              const modifiedParams = params.map((p) => (typeof p === 'boolean' ? Number(p) : p));
+              stmt.run(modifiedParams);
+            } else {
+              stmt.run();
+            }
+            resolve(undefined);
+          });
+        }
+
+        return {
+          message: '',
+          staus: 0,
+        };
+      },
     };
   },
 };

package/src/native.ts

@@ -1,8 +1,6 @@
 import type React from 'react';
 import { FlatList as DefaultFlatList, StyleProp, ViewStyle } from 'react-native';
 
-import type { NetInfoSubscription } from '@react-native-community/netinfo';
-
 import type { Asset, File } from './types/types';
 
 const fail = () => {
@@ -27,6 +25,8 @@ export let compressImage: CompressImage = fail;
 type DeleteFile = ({ uri }: { uri: string }) => Promise<boolean> | never;
 export let deleteFile: DeleteFile = fail;
 
+export let FlatList: typeof DefaultFlatList | undefined;
+
 type GetLocalAssetUri = (uriOrAssetId: string) => Promise<string | undefined> | never;
 export let getLocalAssetUri: GetLocalAssetUri = fail;
 
@@ -46,18 +46,6 @@ type GetPhotos = ({ after, first }: { first: number; after?: string }) =>
   | never;
 export let getPhotos: GetPhotos = fail;
 
-type NetInfo = {
-  addEventListener: (listener: (isConnected: boolean) => void) => NetInfoSubscription | never;
-  fetch: (requestedInterface?: string | undefined) => Promise<boolean> | never;
-};
-
-export let FlatList = DefaultFlatList;
-
-export let NetInfo: NetInfo = {
-  addEventListener: fail,
-  fetch: fail,
-};
-
 type PickDocument = ({ maxNumberOfFiles }: { maxNumberOfFiles?: number }) =>
   | Promise<{
       cancelled: boolean;
@@ -90,7 +78,7 @@ type ShareOptions = {
   url?: string;
 };
 type ShareImage = (options: ShareOptions) => Promise<boolean> | never;
-export let shareImage: ShareImage = fail;
+export let shareImage: ShareImage | undefined = fail;
 
 type Photo = Omit<Asset, 'source'> & {
   source: 'camera';
@@ -240,7 +228,7 @@ export type AudioType = {
   stopPlayer?: () => Promise<void>;
 };
 
-export let Audio: AudioType;
+export let Audio: AudioType | undefined;
 
 export let Sound: SoundType;
 
@@ -295,7 +283,6 @@ type Handlers = {
   getLocalAssetUri?: GetLocalAssetUri;
   getPhotos?: GetPhotos;
   iOS14RefreshGallerySelection?: iOS14RefreshGallerySelection;
-  NetInfo?: NetInfo;
   oniOS14GalleryLibrarySelectionChange?: OniOS14LibrarySelectionChange;
   pickDocument?: PickDocument;
   pickImage?: PickImage;
@@ -310,7 +297,7 @@ type Handlers = {
 };
 
 export const registerNativeHandlers = (handlers: Handlers) => {
-  if (handlers.Audio) {
+  if (handlers.Audio !== null) {
     Audio = handlers.Audio;
   }
 
@@ -318,16 +305,13 @@ export const registerNativeHandlers = (handlers: Handlers) => {
     compressImage = handlers.compressImage;
   }
 
-  if (handlers.deleteFile) {
+  if (handlers.deleteFile !== undefined) {
     deleteFile = handlers.deleteFile;
   }
 
-  if (handlers.FlatList) {
+  if (handlers.FlatList !== undefined) {
     FlatList = handlers.FlatList;
   }
-  if (handlers.NetInfo) {
-    NetInfo = handlers.NetInfo;
-  }
 
   if (handlers.getLocalAssetUri !== undefined) {
     getLocalAssetUri = handlers.getLocalAssetUri;
@@ -353,7 +337,7 @@ export const registerNativeHandlers = (handlers: Handlers) => {
     pickImage = handlers.pickImage;
   }
 
-  if (handlers.saveFile) {
+  if (handlers.saveFile !== undefined) {
     saveFile = handlers.saveFile;
   }
 
@@ -361,7 +345,7 @@ export const registerNativeHandlers = (handlers: Handlers) => {
     SDK = handlers.SDK;
   }
 
-  if (handlers.shareImage !== undefined) {
+  if (handlers.shareImage !== null) {
     shareImage = handlers.shareImage;
   }
 
@@ -377,7 +361,7 @@ export const registerNativeHandlers = (handlers: Handlers) => {
     triggerHaptic = handlers.triggerHaptic;
   }
 
-  if (handlers.Video) {
+  if (handlers.Video !== undefined) {
     Video = handlers.Video;
   }
 
@@ -387,9 +371,14 @@ export const registerNativeHandlers = (handlers: Handlers) => {
 };
 
 export const isImagePickerAvailable = () => !!takePhoto;
-export const isVideoPackageAvailable = () => !!Video;
-export const isAudioPackageAvailable = () => !!Sound.Player || !!Sound.initializeSound;
-export const isRecordingPackageAvailable = () => !!Audio;
+export const isDocumentPickerAvailable = () => !!pickDocument;
+export const isClipboardAvailable = () => !!setClipboardString;
+export const isVideoPlayerAvailable = () => !!Video;
+export const isHapticFeedbackAvailable = () => !!triggerHaptic;
+export const isShareImageAvailable = () => !!shareImage;
+export const isFileSystemAvailable = () => !!saveFile || !!deleteFile;
+export const isAudioRecorderAvailable = () => !!Audio?.startRecording;
+export const isSoundPackageAvailable = () => !!Sound.Player || !!Sound.initializeSound;
 export const isImageMediaLibraryAvailable = () =>
   !!getPhotos &&
   !!iOS14RefreshGallerySelection &&