stream-chat-react-native-core 4.7.0-beta.5 → 4.7.1-beta.1

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/native.ts

@@ -145,7 +145,7 @@ export type VideoType = {
   style?: StyleProp<ViewStyle>;
 };
 
-export let Video: React.ComponentType<VideoType> = fail;
+export let Video: React.ComponentType<VideoType>;
 
 type Handlers = {
   compressImage?: CompressImage;
@@ -219,3 +219,5 @@ export const registerNativeHandlers = (handlers: Handlers) => {
     Video = handlers.Video;
   }
 };
+
+export const isVideoPackageAvailable = () => !!Video;

package/src/version.json

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

package/lib/commonjs/components/Attachment/hooks/useGoToURL.js

@@ -1,42 +0,0 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useGoToURL = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = require("react");
-
-var _reactNative = require("react-native");
-
-var useGoToURL = function useGoToURL(url) {
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      error = _useState2[0],
-      setError = _useState2[1];
-
-  var finalUrl = url;
-  var pattern = new RegExp(/^\S+:\/\//);
-
-  if (!pattern.test(finalUrl)) {
-    finalUrl = 'http://' + url;
-  }
-
-  var openURL = function openURL() {
-    return _reactNative.Linking.canOpenURL(finalUrl).then(function (supported) {
-      if (supported) {
-        _reactNative.Linking.openURL(finalUrl);
-      } else {
-        setError(true);
-        console.warn("Don't know how to open URI: " + finalUrl);
-      }
-    });
-  };
-
-  return [error, openURL];
-};
-
-exports.useGoToURL = useGoToURL;
-//# sourceMappingURL=useGoToURL.js.map

package/lib/commonjs/components/Attachment/hooks/useGoToURL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useGoToURL.ts"],"names":["useGoToURL","url","error","setError","finalUrl","pattern","RegExp","test","openURL","Linking","canOpenURL","then","supported","console","warn"],"mappings":";;;;;;;;;AAAA;;AACA;;AAIO,IAAMA,UAA0B,GAAG,SAA7BA,UAA6B,CAACC,GAAD,EAAkB;AAC1D,kBAA0B,qBAAkB,KAAlB,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAIC,QAAQ,GAAGH,GAAf;AACA,MAAMI,OAAO,GAAG,IAAIC,MAAJ,CAAW,WAAX,CAAhB;;AAEA,MAAI,CAACD,OAAO,CAACE,IAAR,CAAaH,QAAb,CAAL,EAA6B;AAC3BA,IAAAA,QAAQ,GAAG,YAAYH,GAAvB;AACD;;AAED,MAAMO,OAAO,GAAG,SAAVA,OAAU;AAAA,WACdC,qBAAQC,UAAR,CAAmBN,QAAnB,EAA6BO,IAA7B,CAAkC,UAACC,SAAD,EAAe;AAC/C,UAAIA,SAAJ,EAAe;AACbH,6BAAQD,OAAR,CAAgBJ,QAAhB;AACD,OAFD,MAEO;AACLD,QAAAA,QAAQ,CAAC,IAAD,CAAR;AACAU,QAAAA,OAAO,CAACC,IAAR,kCAA4CV,QAA5C;AACD;AACF,KAPD,CADc;AAAA,GAAhB;;AAUA,SAAO,CAACF,KAAD,EAAQM,OAAR,CAAP;AACD,CArBM","sourcesContent":["import { useState } from 'react';\nimport { Linking } from 'react-native';\n\nexport type UseGoToURLType = (url?: string) => [boolean, () => Promise<void>];\n\nexport const useGoToURL: UseGoToURLType = (url?: string) => {\n  const [error, setError] = useState<boolean>(false);\n\n  let finalUrl = url as string;\n  const pattern = new RegExp(/^\\S+:\\/\\//);\n\n  if (!pattern.test(finalUrl)) {\n    finalUrl = 'http://' + url;\n  }\n\n  const openURL = () =>\n    Linking.canOpenURL(finalUrl).then((supported) => {\n      if (supported) {\n        Linking.openURL(finalUrl);\n      } else {\n        setError(true);\n        console.warn(`Don't know how to open URI: ${finalUrl}`);\n      }\n    });\n\n  return [error, openURL];\n};\n"]}

package/lib/module/components/Attachment/hooks/useGoToURL.js

@@ -1,42 +0,0 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useGoToURL = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = require("react");
-
-var _reactNative = require("react-native");
-
-var useGoToURL = function useGoToURL(url) {
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      error = _useState2[0],
-      setError = _useState2[1];
-
-  var finalUrl = url;
-  var pattern = new RegExp(/^\S+:\/\//);
-
-  if (!pattern.test(finalUrl)) {
-    finalUrl = 'http://' + url;
-  }
-
-  var openURL = function openURL() {
-    return _reactNative.Linking.canOpenURL(finalUrl).then(function (supported) {
-      if (supported) {
-        _reactNative.Linking.openURL(finalUrl);
-      } else {
-        setError(true);
-        console.warn("Don't know how to open URI: " + finalUrl);
-      }
-    });
-  };
-
-  return [error, openURL];
-};
-
-exports.useGoToURL = useGoToURL;
-//# sourceMappingURL=useGoToURL.js.map

package/lib/module/components/Attachment/hooks/useGoToURL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useGoToURL.ts"],"names":["useGoToURL","url","error","setError","finalUrl","pattern","RegExp","test","openURL","Linking","canOpenURL","then","supported","console","warn"],"mappings":";;;;;;;;;AAAA;;AACA;;AAIO,IAAMA,UAA0B,GAAG,SAA7BA,UAA6B,CAACC,GAAD,EAAkB;AAC1D,kBAA0B,qBAAkB,KAAlB,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAIC,QAAQ,GAAGH,GAAf;AACA,MAAMI,OAAO,GAAG,IAAIC,MAAJ,CAAW,WAAX,CAAhB;;AAEA,MAAI,CAACD,OAAO,CAACE,IAAR,CAAaH,QAAb,CAAL,EAA6B;AAC3BA,IAAAA,QAAQ,GAAG,YAAYH,GAAvB;AACD;;AAED,MAAMO,OAAO,GAAG,SAAVA,OAAU;AAAA,WACdC,qBAAQC,UAAR,CAAmBN,QAAnB,EAA6BO,IAA7B,CAAkC,UAACC,SAAD,EAAe;AAC/C,UAAIA,SAAJ,EAAe;AACbH,6BAAQD,OAAR,CAAgBJ,QAAhB;AACD,OAFD,MAEO;AACLD,QAAAA,QAAQ,CAAC,IAAD,CAAR;AACAU,QAAAA,OAAO,CAACC,IAAR,kCAA4CV,QAA5C;AACD;AACF,KAPD,CADc;AAAA,GAAhB;;AAUA,SAAO,CAACF,KAAD,EAAQM,OAAR,CAAP;AACD,CArBM","sourcesContent":["import { useState } from 'react';\nimport { Linking } from 'react-native';\n\nexport type UseGoToURLType = (url?: string) => [boolean, () => Promise<void>];\n\nexport const useGoToURL: UseGoToURLType = (url?: string) => {\n  const [error, setError] = useState<boolean>(false);\n\n  let finalUrl = url as string;\n  const pattern = new RegExp(/^\\S+:\\/\\//);\n\n  if (!pattern.test(finalUrl)) {\n    finalUrl = 'http://' + url;\n  }\n\n  const openURL = () =>\n    Linking.canOpenURL(finalUrl).then((supported) => {\n      if (supported) {\n        Linking.openURL(finalUrl);\n      } else {\n        setError(true);\n        console.warn(`Don't know how to open URI: ${finalUrl}`);\n      }\n    });\n\n  return [error, openURL];\n};\n"]}

package/lib/typescript/components/Attachment/hooks/useGoToURL.d.ts

@@ -1,2 +0,0 @@
-export declare type UseGoToURLType = (url?: string) => [boolean, () => Promise<void>];
-export declare const useGoToURL: UseGoToURLType;

package/src/components/Attachment/hooks/useGoToURL.ts

@@ -1,27 +0,0 @@
-import { useState } from 'react';
-import { Linking } from 'react-native';
-
-export type UseGoToURLType = (url?: string) => [boolean, () => Promise<void>];
-
-export const useGoToURL: UseGoToURLType = (url?: string) => {
-  const [error, setError] = useState<boolean>(false);
-
-  let finalUrl = url as string;
-  const pattern = new RegExp(/^\S+:\/\//);
-
-  if (!pattern.test(finalUrl)) {
-    finalUrl = 'http://' + url;
-  }
-
-  const openURL = () =>
-    Linking.canOpenURL(finalUrl).then((supported) => {
-      if (supported) {
-        Linking.openURL(finalUrl);
-      } else {
-        setError(true);
-        console.warn(`Don't know how to open URI: ${finalUrl}`);
-      }
-    });
-
-  return [error, openURL];
-};