stream-chat-react-native-core 4.7.0-beta.6 → 4.7.1-beta.2

package/src/contexts/threadContext/ThreadContext.tsx

@@ -4,7 +4,10 @@ import type { ChannelState } from 'stream-chat';
 
 import type { MessageType } from '../../components/MessageList/hooks/useMessageList';
 import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
+import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
+
 import { getDisplayName } from '../utils/getDisplayName';
+import { isTestEnvironment } from '../utils/isTestEnvironment';
 
 export type ThreadContextValue<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
@@ -21,7 +24,7 @@ export type ThreadContextValue<
   threadMessages: ChannelState<StreamChatGenerics>['threads'][string];
 };
 
-export const ThreadContext = React.createContext({} as ThreadContextValue);
+export const ThreadContext = React.createContext(DEFAULT_BASE_CONTEXT_VALUE as ThreadContextValue);
 
 export const ThreadProvider = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
@@ -38,8 +41,19 @@ export const ThreadProvider = <
 
 export const useThreadContext = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->() => useContext(ThreadContext) as unknown as ThreadContextValue<StreamChatGenerics>;
+>() => {
+  const contextValue = useContext(
+    ThreadContext,
+  ) as unknown as ThreadContextValue<StreamChatGenerics>;
+
+  if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {
+    throw new Error(
+      `The useThreadContext hook was called outside of the ThreadContext provider. Make sure you have configured Channel component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel`,
+    );
+  }
 
+  return contextValue;
+};
 /**
  * Typescript currently does not support partial inference so if ThreadContext
  * typing is desired while using the HOC withThreadContextContext the Props for the

package/src/contexts/translationContext/TranslationContext.tsx

@@ -6,8 +6,8 @@ import type { TFunction } from 'i18next';
 import type { Moment } from 'moment';
 
 import type { DefaultStreamChatGenerics } from '../../types/types';
-
 import { getDisplayName } from '../utils/getDisplayName';
+import { isTestEnvironment } from '../utils/isTestEnvironment';
 
 export const isDayOrMoment = (output: TDateTimeParserOutput): output is Dayjs.Dayjs | Moment =>
   (output as Dayjs.Dayjs | Moment).isSame != null;
@@ -23,10 +23,14 @@ export type TranslationContextValue = {
   tDateTimeParser: TDateTimeParser;
 };
 
-export const TranslationContext = React.createContext<TranslationContextValue>({
+const defaultTranslationContextValue: TranslationContextValue = {
   t: (key: string) => key,
   tDateTimeParser: (input) => Dayjs(input),
-});
+};
+
+export const TranslationContext = React.createContext<TranslationContextValue>(
+  defaultTranslationContextValue,
+);
 
 export const TranslationProvider: React.FC<{
   value: TranslationContextValue;
@@ -34,7 +38,17 @@ export const TranslationProvider: React.FC<{
   <TranslationContext.Provider value={value}>{children}</TranslationContext.Provider>
 );
 
-export const useTranslationContext = () => useContext(TranslationContext);
+export const useTranslationContext = () => {
+  const contextValue = useContext(TranslationContext);
+
+  if (contextValue === defaultTranslationContextValue && !isTestEnvironment()) {
+    throw new Error(
+      `The useTranslationContext hook was called outside the TranslationContext Provider. Make sure you have configured OverlayProvider component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider)(https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider`,
+    );
+  }
+
+  return contextValue;
+};
 
 export const withTranslationContext = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,

package/src/contexts/typingContext/TypingContext.tsx

@@ -3,7 +3,10 @@ import React, { PropsWithChildren, useContext } from 'react';
 import type { ChannelState } from 'stream-chat';
 
 import type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';
+import { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';
+
 import { getDisplayName } from '../utils/getDisplayName';
+import { isTestEnvironment } from '../utils/isTestEnvironment';
 
 export type TypingContextValue<
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
@@ -11,7 +14,7 @@ export type TypingContextValue<
   typing: ChannelState<StreamChatGenerics>['typing'];
 };
 
-export const TypingContext = React.createContext({} as TypingContextValue);
+export const TypingContext = React.createContext(DEFAULT_BASE_CONTEXT_VALUE as TypingContextValue);
 
 export const TypingProvider = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
@@ -28,7 +31,19 @@ export const TypingProvider = <
 
 export const useTypingContext = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->() => useContext(TypingContext) as unknown as TypingContextValue<StreamChatGenerics>;
+>() => {
+  const contextValue = useContext(
+    TypingContext,
+  ) as unknown as TypingContextValue<StreamChatGenerics>;
+
+  if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {
+    throw new Error(
+      `The useTypingContext hook was called outside of the TypingContext provider. Make sure you have configured Channel component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel`,
+    );
+  }
+
+  return contextValue;
+};
 
 /**
  * Typescript currently does not support partial inference so if TypingContext

package/src/contexts/utils/defaultBaseContextValue.ts

@@ -0,0 +1 @@
+export const DEFAULT_BASE_CONTEXT_VALUE = {};

package/src/contexts/utils/isTestEnvironment.ts

@@ -0,0 +1 @@
+export const isTestEnvironment = () => process.env.NODE_ENV === 'test';

package/src/mock-builders/mock.js

@@ -17,7 +17,9 @@ const setUser = (client, user) =>
     resolve();
   });
 
-function mockClient(client) {
+function mockClient(client, options = {}) {
+  const { disableAppSettings = true } = options;
+
   jest.spyOn(client, '_setToken').mockImplementation();
   jest.spyOn(client, '_setupConnection').mockImplementation();
   client.tokenManager = {
@@ -25,15 +27,26 @@ function mockClient(client) {
     tokenReady: jest.fn(() => true),
   };
   client.setUser = setUser.bind(null, client);
+
+  if (disableAppSettings) {
+    client.getAppSettings = jest.fn(() => ({}));
+  }
+
   return client;
 }
 
-export const getTestClient = () => mockClient(new StreamChat(apiKey));
+export const getTestClient = (options = {}) => mockClient(new StreamChat(apiKey), options);
 
-export const getTestClientWithUser = async (user) => {
+export const getTestClientWithUser = async (user, options = {}) => {
+  const { disableAppSettings = true } = options;
   const client = mockClient(new StreamChat(apiKey));
   await setUser(client, user);
   client.wsPromise = Promise.resolve();
+
+  if (disableAppSettings) {
+    client.getAppSettings = jest.fn(() => ({}));
+  }
+
   return client;
 };
 

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "4.7.0-beta.6"
+  "version": "4.7.1-beta.2"
 }