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

package/lib/module/contexts/translationContext/TranslationContext.js

@@ -15,6 +15,8 @@ var _dayjs = _interopRequireDefault(require("dayjs"));
 
 var _getDisplayName = require("../utils/getDisplayName");
 
+var _isTestEnvironment = require("../utils/isTestEnvironment");
+
 var _this = this,
     _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/contexts/translationContext/TranslationContext.tsx";
 
@@ -27,15 +29,16 @@ var isDayOrMoment = function isDayOrMoment(output) {
 };
 
 exports.isDayOrMoment = isDayOrMoment;
-
-var TranslationContext = _react["default"].createContext({
+var defaultTranslationContextValue = {
   t: function t(key) {
     return key;
   },
   tDateTimeParser: function tDateTimeParser(input) {
     return (0, _dayjs["default"])(input);
   }
-});
+};
+
+var TranslationContext = _react["default"].createContext(defaultTranslationContextValue);
 
 exports.TranslationContext = TranslationContext;
 
@@ -47,7 +50,7 @@ var TranslationProvider = function TranslationProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 34,
+      lineNumber: 38,
       columnNumber: 3
     }
   }, children);
@@ -56,7 +59,13 @@ var TranslationProvider = function TranslationProvider(_ref) {
 exports.TranslationProvider = TranslationProvider;
 
 var useTranslationContext = function useTranslationContext() {
-  return (0, _react.useContext)(TranslationContext);
+  var contextValue = (0, _react.useContext)(TranslationContext);
+
+  if (contextValue === defaultTranslationContextValue && !(0, _isTestEnvironment.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;
 };
 
 exports.useTranslationContext = useTranslationContext;
@@ -68,7 +77,7 @@ var withTranslationContext = function withTranslationContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 49,
+        lineNumber: 63,
         columnNumber: 12
       }
     }));

package/lib/module/contexts/translationContext/TranslationContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TranslationContext.tsx"],"names":["isDayOrMoment","output","isSame","TranslationContext","React","createContext","t","key","tDateTimeParser","input","TranslationProvider","children","value","useTranslationContext","withTranslationContext","Component","WithTranslationContextComponent","props","translationContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AAOA;;;;;;;;;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,MAAD;AAAA,SAC1BA,MAAD,CAAiCC,MAAjC,IAA2C,IADhB;AAAA,CAAtB;;;;AAcA,IAAMC,kBAAkB,GAAGC,kBAAMC,aAAN,CAA6C;AAC7EC,EAAAA,CAAC,EAAE,WAACC,GAAD;AAAA,WAAiBA,GAAjB;AAAA,GAD0E;AAE7EC,EAAAA,eAAe,EAAE,yBAACC,KAAD;AAAA,WAAW,uBAAMA,KAAN,CAAX;AAAA;AAF4D,CAA7C,CAA3B;;;;AAKA,IAAMC,mBAEX,GAAG,SAFQA,mBAER;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAaC,KAAb,QAAaA,KAAb;AAAA,SACH,gCAAC,kBAAD,CAAoB,QAApB;AAA6B,IAAA,KAAK,EAAEA,KAApC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAA4CD,QAA5C,CADG;AAAA,CAFE;;;;AAMA,IAAME,qBAAqB,GAAG,SAAxBA,qBAAwB;AAAA,SAAM,uBAAWV,kBAAX,CAAN;AAAA,CAA9B;;;;AAEA,IAAMW,sBAAsB,GAAG,SAAzBA,sBAAyB,CAGpCC,SAHoC,EAIkC;AACtE,MAAMC,+BAA+B,GAAG,SAAlCA,+BAAkC,CACtCC,KADsC,EAEnC;AACH,QAAMC,kBAAkB,GAAGL,qBAAqB,EAAhD;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAkDC,kBAAlD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,+BAA+B,CAACG,WAAhC,8BAAuE,oCACrEJ,SADqE,CAAvE;AAGA,SAAOC,+BAAP;AACD,CAhBM","sourcesContent":["import React, { useContext } from 'react';\n\nimport Dayjs from 'dayjs';\n\nimport type { TFunction } from 'i18next';\nimport type { Moment } from 'moment';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nimport { getDisplayName } from '../utils/getDisplayName';\n\nexport const isDayOrMoment = (output: TDateTimeParserOutput): output is Dayjs.Dayjs | Moment =>\n  (output as Dayjs.Dayjs | Moment).isSame != null;\n\nexport type TDateTimeParserInput = string | number | Date;\n\nexport type TDateTimeParserOutput = string | number | Date | Dayjs.Dayjs | Moment;\n\nexport type TDateTimeParser = (input?: TDateTimeParserInput) => TDateTimeParserOutput;\n\nexport type TranslationContextValue = {\n  t: TFunction | ((key: string) => string);\n  tDateTimeParser: TDateTimeParser;\n};\n\nexport const TranslationContext = React.createContext<TranslationContextValue>({\n  t: (key: string) => key,\n  tDateTimeParser: (input) => Dayjs(input),\n});\n\nexport const TranslationProvider: React.FC<{\n  value: TranslationContextValue;\n}> = ({ children, value }) => (\n  <TranslationContext.Provider value={value}>{children}</TranslationContext.Provider>\n);\n\nexport const useTranslationContext = () => useContext(TranslationContext);\n\nexport const withTranslationContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  Component: React.ComponentType<StreamChatGenerics>,\n): React.FC<Omit<StreamChatGenerics, keyof TranslationContextValue>> => {\n  const WithTranslationContextComponent = (\n    props: Omit<StreamChatGenerics, keyof TranslationContextValue>,\n  ) => {\n    const translationContext = useTranslationContext();\n\n    return <Component {...(props as StreamChatGenerics)} {...translationContext} />;\n  };\n  WithTranslationContextComponent.displayName = `WithTranslationContext${getDisplayName(\n    Component as React.ComponentType,\n  )}`;\n  return WithTranslationContextComponent;\n};\n"]}
+{"version":3,"sources":["TranslationContext.tsx"],"names":["isDayOrMoment","output","isSame","defaultTranslationContextValue","t","key","tDateTimeParser","input","TranslationContext","React","createContext","TranslationProvider","children","value","useTranslationContext","contextValue","Error","withTranslationContext","Component","WithTranslationContextComponent","props","translationContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AAMA;;AACA;;;;;;;;;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,MAAD;AAAA,SAC1BA,MAAD,CAAiCC,MAAjC,IAA2C,IADhB;AAAA,CAAtB;;;AAcP,IAAMC,8BAAuD,GAAG;AAC9DC,EAAAA,CAAC,EAAE,WAACC,GAAD;AAAA,WAAiBA,GAAjB;AAAA,GAD2D;AAE9DC,EAAAA,eAAe,EAAE,yBAACC,KAAD;AAAA,WAAW,uBAAMA,KAAN,CAAX;AAAA;AAF6C,CAAhE;;AAKO,IAAMC,kBAAkB,GAAGC,kBAAMC,aAAN,CAChCP,8BADgC,CAA3B;;;;AAIA,IAAMQ,mBAEX,GAAG,SAFQA,mBAER;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAaC,KAAb,QAAaA,KAAb;AAAA,SACH,gCAAC,kBAAD,CAAoB,QAApB;AAA6B,IAAA,KAAK,EAAEA,KAApC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAA4CD,QAA5C,CADG;AAAA,CAFE;;;;AAMA,IAAME,qBAAqB,GAAG,SAAxBA,qBAAwB,GAAM;AACzC,MAAMC,YAAY,GAAG,uBAAWP,kBAAX,CAArB;;AAEA,MAAIO,YAAY,KAAKZ,8BAAjB,IAAmD,CAAC,2CAAxD,EAA6E;AAC3E,UAAM,IAAIa,KAAJ,+UAAN;AAGD;;AAED,SAAOD,YAAP;AACD,CAVM;;;;AAYA,IAAME,sBAAsB,GAAG,SAAzBA,sBAAyB,CAGpCC,SAHoC,EAIkC;AACtE,MAAMC,+BAA+B,GAAG,SAAlCA,+BAAkC,CACtCC,KADsC,EAEnC;AACH,QAAMC,kBAAkB,GAAGP,qBAAqB,EAAhD;AAEA,WAAO,gCAAC,SAAD,gCAAgBM,KAAhB,EAAkDC,kBAAlD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,+BAA+B,CAACG,WAAhC,8BAAuE,oCACrEJ,SADqE,CAAvE;AAGA,SAAOC,+BAAP;AACD,CAhBM","sourcesContent":["import React, { useContext } from 'react';\n\nimport Dayjs from 'dayjs';\n\nimport type { TFunction } from 'i18next';\nimport type { Moment } from 'moment';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { getDisplayName } from '../utils/getDisplayName';\nimport { isTestEnvironment } from '../utils/isTestEnvironment';\n\nexport const isDayOrMoment = (output: TDateTimeParserOutput): output is Dayjs.Dayjs | Moment =>\n  (output as Dayjs.Dayjs | Moment).isSame != null;\n\nexport type TDateTimeParserInput = string | number | Date;\n\nexport type TDateTimeParserOutput = string | number | Date | Dayjs.Dayjs | Moment;\n\nexport type TDateTimeParser = (input?: TDateTimeParserInput) => TDateTimeParserOutput;\n\nexport type TranslationContextValue = {\n  t: TFunction | ((key: string) => string);\n  tDateTimeParser: TDateTimeParser;\n};\n\nconst defaultTranslationContextValue: TranslationContextValue = {\n  t: (key: string) => key,\n  tDateTimeParser: (input) => Dayjs(input),\n};\n\nexport const TranslationContext = React.createContext<TranslationContextValue>(\n  defaultTranslationContextValue,\n);\n\nexport const TranslationProvider: React.FC<{\n  value: TranslationContextValue;\n}> = ({ children, value }) => (\n  <TranslationContext.Provider value={value}>{children}</TranslationContext.Provider>\n);\n\nexport const useTranslationContext = () => {\n  const contextValue = useContext(TranslationContext);\n\n  if (contextValue === defaultTranslationContextValue && !isTestEnvironment()) {\n    throw new Error(\n      `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`,\n    );\n  }\n\n  return contextValue;\n};\n\nexport const withTranslationContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  Component: React.ComponentType<StreamChatGenerics>,\n): React.FC<Omit<StreamChatGenerics, keyof TranslationContextValue>> => {\n  const WithTranslationContextComponent = (\n    props: Omit<StreamChatGenerics, keyof TranslationContextValue>,\n  ) => {\n    const translationContext = useTranslationContext();\n\n    return <Component {...(props as StreamChatGenerics)} {...translationContext} />;\n  };\n  WithTranslationContextComponent.displayName = `WithTranslationContext${getDisplayName(\n    Component as React.ComponentType,\n  )}`;\n  return WithTranslationContextComponent;\n};\n"]}

package/lib/module/contexts/typingContext/TypingContext.js

@@ -11,8 +11,12 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _defaultBaseContextValue = require("../utils/defaultBaseContextValue");
+
 var _getDisplayName = require("../utils/getDisplayName");
 
+var _isTestEnvironment = require("../utils/isTestEnvironment");
+
 var _this = this,
     _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/contexts/typingContext/TypingContext.tsx";
 
@@ -20,7 +24,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var TypingContext = _react["default"].createContext({});
+var TypingContext = _react["default"].createContext(_defaultBaseContextValue.DEFAULT_BASE_CONTEXT_VALUE);
 
 exports.TypingContext = TypingContext;
 
@@ -32,7 +36,7 @@ var TypingProvider = function TypingProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 24,
+      lineNumber: 27,
       columnNumber: 3
     }
   }, children);
@@ -41,7 +45,13 @@ var TypingProvider = function TypingProvider(_ref) {
 exports.TypingProvider = TypingProvider;
 
 var useTypingContext = function useTypingContext() {
-  return (0, _react.useContext)(TypingContext);
+  var contextValue = (0, _react.useContext)(TypingContext);
+
+  if (contextValue === _defaultBaseContextValue.DEFAULT_BASE_CONTEXT_VALUE && !(0, _isTestEnvironment.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;
 };
 
 exports.useTypingContext = useTypingContext;
@@ -53,7 +63,7 @@ var withTypingContext = function withTypingContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 49,
+        lineNumber: 64,
         columnNumber: 12
       }
     }));

package/lib/module/contexts/typingContext/TypingContext.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TypingContext.tsx"],"names":["TypingContext","React","createContext","TypingProvider","children","value","useTypingContext","withTypingContext","Component","WithTypingContextComponent","props","typingContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAKA;;;;;;;;;AAQO,IAAMA,aAAa,GAAGC,kBAAMC,aAAN,CAAoB,EAApB,CAAtB;;;;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MAG5BC,QAH4B,QAG5BA,QAH4B;AAAA,MAI5BC,KAJ4B,QAI5BA,KAJ4B;AAAA,SAQ5B,gCAAC,aAAD,CAAe,QAAf;AAAwB,IAAA,KAAK,EAAEA,KAA/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CAR4B;AAAA,CAAvB;;;;AAaA,IAAME,gBAAgB,GAAG,SAAnBA,gBAAmB;AAAA,SAEzB,uBAAWN,aAAX,CAFyB;AAAA,CAAzB;;;;AASA,IAAMO,iBAAiB,GAAG,SAApBA,iBAAoB,CAI/BC,SAJ+B,EAKqC;AACpE,MAAMC,0BAA0B,GAAG,SAA7BA,0BAA6B,CACjCC,KADiC,EAE9B;AACH,QAAMC,aAAa,GAAGL,gBAAgB,EAAtC;AAEA,WAAO,gCAAC,SAAD,gCAAgBI,KAAhB,EAAiCC,aAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,0BAA0B,CAACG,WAA3B,yBAA6D,oCAAeJ,SAAf,CAA7D;AACA,SAAOC,0BAAP;AACD,CAfM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport type { ChannelState } from 'stream-chat';\n\nimport type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';\nimport { getDisplayName } from '../utils/getDisplayName';\n\nexport type TypingContextValue<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  typing: ChannelState<StreamChatGenerics>['typing'];\n};\n\nexport const TypingContext = React.createContext({} as TypingContextValue);\n\nexport const TypingProvider = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: TypingContextValue<StreamChatGenerics>;\n}>) => (\n  <TypingContext.Provider value={value as unknown as TypingContextValue}>\n    {children}\n  </TypingContext.Provider>\n);\n\nexport const useTypingContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => useContext(TypingContext) as unknown as TypingContextValue<StreamChatGenerics>;\n\n/**\n * Typescript currently does not support partial inference so if TypingContext\n * typing is desired while using the HOC withTypingContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withTypingContext = <\n  P extends UnknownType,\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof TypingContextValue<StreamChatGenerics>>> => {\n  const WithTypingContextComponent = (\n    props: Omit<P, keyof TypingContextValue<StreamChatGenerics>>,\n  ) => {\n    const typingContext = useTypingContext<StreamChatGenerics>();\n\n    return <Component {...(props as P)} {...typingContext} />;\n  };\n  WithTypingContextComponent.displayName = `WithTypingContext${getDisplayName(Component)}`;\n  return WithTypingContextComponent;\n};\n"]}
+{"version":3,"sources":["TypingContext.tsx"],"names":["TypingContext","React","createContext","DEFAULT_BASE_CONTEXT_VALUE","TypingProvider","children","value","useTypingContext","contextValue","Error","withTypingContext","Component","WithTypingContextComponent","props","typingContext","displayName"],"mappings":";;;;;;;;;;;AAAA;;AAKA;;AAEA;;AACA;;;;;;;;;AAQO,IAAMA,aAAa,GAAGC,kBAAMC,aAAN,CAAoBC,mDAApB,CAAtB;;;;AAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MAG5BC,QAH4B,QAG5BA,QAH4B;AAAA,MAI5BC,KAJ4B,QAI5BA,KAJ4B;AAAA,SAQ5B,gCAAC,aAAD,CAAe,QAAf;AAAwB,IAAA,KAAK,EAAEA,KAA/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGD,QADH,CAR4B;AAAA,CAAvB;;;;AAaA,IAAME,gBAAgB,GAAG,SAAnBA,gBAAmB,GAEzB;AACL,MAAMC,YAAY,GAAG,uBACnBR,aADmB,CAArB;;AAIA,MAAIQ,YAAY,KAAKL,mDAAjB,IAA+C,CAAC,2CAApD,EAAyE;AACvE,UAAM,IAAIM,KAAJ,4NAAN;AAGD;;AAED,SAAOD,YAAP;AACD,CAdM;;;;AAqBA,IAAME,iBAAiB,GAAG,SAApBA,iBAAoB,CAI/BC,SAJ+B,EAKqC;AACpE,MAAMC,0BAA0B,GAAG,SAA7BA,0BAA6B,CACjCC,KADiC,EAE9B;AACH,QAAMC,aAAa,GAAGP,gBAAgB,EAAtC;AAEA,WAAO,gCAAC,SAAD,gCAAgBM,KAAhB,EAAiCC,aAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAP;AACD,GAND;;AAOAF,EAAAA,0BAA0B,CAACG,WAA3B,yBAA6D,oCAAeJ,SAAf,CAA7D;AACA,SAAOC,0BAAP;AACD,CAfM","sourcesContent":["import React, { PropsWithChildren, useContext } from 'react';\n\nimport type { ChannelState } from 'stream-chat';\n\nimport type { DefaultStreamChatGenerics, UnknownType } from '../../types/types';\nimport { DEFAULT_BASE_CONTEXT_VALUE } from '../utils/defaultBaseContextValue';\n\nimport { getDisplayName } from '../utils/getDisplayName';\nimport { isTestEnvironment } from '../utils/isTestEnvironment';\n\nexport type TypingContextValue<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  typing: ChannelState<StreamChatGenerics>['typing'];\n};\n\nexport const TypingContext = React.createContext(DEFAULT_BASE_CONTEXT_VALUE as TypingContextValue);\n\nexport const TypingProvider = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  children,\n  value,\n}: PropsWithChildren<{\n  value: TypingContextValue<StreamChatGenerics>;\n}>) => (\n  <TypingContext.Provider value={value as unknown as TypingContextValue}>\n    {children}\n  </TypingContext.Provider>\n);\n\nexport const useTypingContext = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>() => {\n  const contextValue = useContext(\n    TypingContext,\n  ) as unknown as TypingContextValue<StreamChatGenerics>;\n\n  if (contextValue === DEFAULT_BASE_CONTEXT_VALUE && !isTestEnvironment()) {\n    throw new Error(\n      `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`,\n    );\n  }\n\n  return contextValue;\n};\n\n/**\n * Typescript currently does not support partial inference so if TypingContext\n * typing is desired while using the HOC withTypingContext the Props for the\n * wrapped component must be provided as the first generic.\n */\nexport const withTypingContext = <\n  P extends UnknownType,\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  Component: React.ComponentType<P>,\n): React.FC<Omit<P, keyof TypingContextValue<StreamChatGenerics>>> => {\n  const WithTypingContextComponent = (\n    props: Omit<P, keyof TypingContextValue<StreamChatGenerics>>,\n  ) => {\n    const typingContext = useTypingContext<StreamChatGenerics>();\n\n    return <Component {...(props as P)} {...typingContext} />;\n  };\n  WithTypingContextComponent.displayName = `WithTypingContext${getDisplayName(Component)}`;\n  return WithTypingContextComponent;\n};\n"]}

package/lib/module/contexts/utils/defaultBaseContextValue.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_BASE_CONTEXT_VALUE = void 0;
+var DEFAULT_BASE_CONTEXT_VALUE = {};
+exports.DEFAULT_BASE_CONTEXT_VALUE = DEFAULT_BASE_CONTEXT_VALUE;
+//# sourceMappingURL=defaultBaseContextValue.js.map

package/lib/module/contexts/utils/defaultBaseContextValue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["defaultBaseContextValue.ts"],"names":["DEFAULT_BASE_CONTEXT_VALUE"],"mappings":";;;;AAAO,IAAMA,0BAA0B,GAAG,EAAnC","sourcesContent":["export const DEFAULT_BASE_CONTEXT_VALUE = {};\n"]}

package/lib/module/contexts/utils/isTestEnvironment.js

@@ -0,0 +1,11 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isTestEnvironment = void 0;
+
+var isTestEnvironment = function isTestEnvironment() {
+  return process.env.NODE_ENV === 'test';
+};
+
+exports.isTestEnvironment = isTestEnvironment;
+//# sourceMappingURL=isTestEnvironment.js.map

package/lib/module/contexts/utils/isTestEnvironment.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["isTestEnvironment.ts"],"names":["isTestEnvironment","process","env","NODE_ENV"],"mappings":";;;;;AAAO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA,SAAMC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,MAA/B;AAAA,CAA1B","sourcesContent":["export const isTestEnvironment = () => process.env.NODE_ENV === 'test';\n"]}

package/lib/module/mock-builders/mock.js

@@ -29,6 +29,9 @@ var setUser = function setUser(client, user) {
 };
 
 function mockClient(client) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var _options$disableAppSe = options.disableAppSettings,
+      disableAppSettings = _options$disableAppSe === void 0 ? true : _options$disableAppSe;
   jest.spyOn(client, '_setToken').mockImplementation();
   jest.spyOn(client, '_setupConnection').mockImplementation();
   client.tokenManager = {
@@ -40,31 +43,53 @@ function mockClient(client) {
     })
   };
   client.setUser = setUser.bind(null, client);
+
+  if (disableAppSettings) {
+    client.getAppSettings = jest.fn(function () {
+      return {};
+    });
+  }
+
   return client;
 }
 
 var getTestClient = function getTestClient() {
-  return mockClient(new _streamChat.StreamChat(apiKey));
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return mockClient(new _streamChat.StreamChat(apiKey), options);
 };
 
 exports.getTestClient = getTestClient;
 
 var getTestClientWithUser = function () {
   var _ref = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee(user) {
-    var client;
+    var options,
+        _options$disableAppSe2,
+        disableAppSettings,
+        client,
+        _args = arguments;
+
     return _regenerator["default"].wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
+            options = _args.length > 1 && _args[1] !== undefined ? _args[1] : {};
+            _options$disableAppSe2 = options.disableAppSettings, disableAppSettings = _options$disableAppSe2 === void 0 ? true : _options$disableAppSe2;
             client = mockClient(new _streamChat.StreamChat(apiKey));
-            _context.next = 3;
+            _context.next = 5;
             return setUser(client, user);
 
-          case 3:
+          case 5:
             client.wsPromise = Promise.resolve();
+
+            if (disableAppSettings) {
+              client.getAppSettings = jest.fn(function () {
+                return {};
+              });
+            }
+
             return _context.abrupt("return", client);
 
-          case 5:
+          case 8:
           case "end":
             return _context.stop();
         }

package/lib/module/mock-builders/mock.js.map

@@ -1 +1 @@
-{"version":3,"sources":["mock.js"],"names":["apiKey","token","setUser","client","user","Promise","resolve","connectionId","mutes","_user","userID","id","userToken","mockClient","jest","spyOn","mockImplementation","tokenManager","getToken","fn","tokenReady","bind","getTestClient","StreamChat","getTestClientWithUser","wsPromise","getRandomInt","min","max","Math","ceil","floor","random"],"mappings":";;;;;;;;;;;;;AAGA;;AAEA,IAAMA,MAAM,GAAG,SAAf;AACA,IAAMC,KAAK,GAAG,aAAd;;AAEA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,MAAD,EAASC,IAAT;AAAA,SACd,IAAIC,OAAJ,CAAY,UAACC,OAAD,EAAa;AACvBH,IAAAA,MAAM,CAACI,YAAP,GAAsB,oBAAtB;AACAJ,IAAAA,MAAM,CAACC,IAAP,GAAcA,IAAd;AACAD,IAAAA,MAAM,CAACC,IAAP,CAAYI,KAAZ,GAAoB,EAApB;AACAL,IAAAA,MAAM,CAACM,KAAP,iCAAoBL,IAApB;AACAD,IAAAA,MAAM,CAACO,MAAP,GAAgBN,IAAI,CAACO,EAArB;AACAR,IAAAA,MAAM,CAACS,SAAP,GAAmBX,KAAnB;AACAK,IAAAA,OAAO;AACR,GARD,CADc;AAAA,CAAhB;;AAWA,SAASO,UAAT,CAAoBV,MAApB,EAA4B;AAC1BW,EAAAA,IAAI,CAACC,KAAL,CAAWZ,MAAX,EAAmB,WAAnB,EAAgCa,kBAAhC;AACAF,EAAAA,IAAI,CAACC,KAAL,CAAWZ,MAAX,EAAmB,kBAAnB,EAAuCa,kBAAvC;AACAb,EAAAA,MAAM,CAACc,YAAP,GAAsB;AACpBC,IAAAA,QAAQ,EAAEJ,IAAI,CAACK,EAAL,CAAQ;AAAA,aAAMlB,KAAN;AAAA,KAAR,CADU;AAEpBmB,IAAAA,UAAU,EAAEN,IAAI,CAACK,EAAL,CAAQ;AAAA,aAAM,IAAN;AAAA,KAAR;AAFQ,GAAtB;AAIAhB,EAAAA,MAAM,CAACD,OAAP,GAAiBA,OAAO,CAACmB,IAAR,CAAa,IAAb,EAAmBlB,MAAnB,CAAjB;AACA,SAAOA,MAAP;AACD;;AAEM,IAAMmB,aAAa,GAAG,SAAhBA,aAAgB;AAAA,SAAMT,UAAU,CAAC,IAAIU,sBAAJ,CAAevB,MAAf,CAAD,CAAhB;AAAA,CAAtB;;;;AAEA,IAAMwB,qBAAqB;AAAA,6EAAG,iBAAOpB,IAAP;AAAA;AAAA;AAAA;AAAA;AAAA;AAC7BD,YAAAA,MAD6B,GACpBU,UAAU,CAAC,IAAIU,sBAAJ,CAAevB,MAAf,CAAD,CADU;AAAA;AAAA,mBAE7BE,OAAO,CAACC,MAAD,EAASC,IAAT,CAFsB;;AAAA;AAGnCD,YAAAA,MAAM,CAACsB,SAAP,GAAmBpB,OAAO,CAACC,OAAR,EAAnB;AAHmC,6CAI5BH,MAJ4B;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAAH;;AAAA,kBAArBqB,qBAAqB;AAAA;AAAA;AAAA,GAA3B;;;;AAOA,IAAME,YAAY,GAAG,SAAfA,YAAe,CAACC,GAAD,EAAMC,GAAN,EAAc;AACxCD,EAAAA,GAAG,GAAGE,IAAI,CAACC,IAAL,CAAUH,GAAV,CAAN;AACAC,EAAAA,GAAG,GAAGC,IAAI,CAACE,KAAL,CAAWH,GAAX,CAAN;AACA,SAAOC,IAAI,CAACE,KAAL,CAAWF,IAAI,CAACG,MAAL,MAAiBJ,GAAG,GAAGD,GAAvB,CAAX,IAA0CA,GAAjD;AACD,CAJM","sourcesContent":["/* eslint no-underscore-dangle: 0 */\n/* eslint no-param-reassign: 0 */\n\nimport { StreamChat } from 'stream-chat';\n\nconst apiKey = 'API_KEY';\nconst token = 'dummy_token';\n\nconst setUser = (client, user) =>\n  new Promise((resolve) => {\n    client.connectionId = 'dumm_connection_id';\n    client.user = user;\n    client.user.mutes = [];\n    client._user = { ...user };\n    client.userID = user.id;\n    client.userToken = token;\n    resolve();\n  });\n\nfunction mockClient(client) {\n  jest.spyOn(client, '_setToken').mockImplementation();\n  jest.spyOn(client, '_setupConnection').mockImplementation();\n  client.tokenManager = {\n    getToken: jest.fn(() => token),\n    tokenReady: jest.fn(() => true),\n  };\n  client.setUser = setUser.bind(null, client);\n  return client;\n}\n\nexport const getTestClient = () => mockClient(new StreamChat(apiKey));\n\nexport const getTestClientWithUser = async (user) => {\n  const client = mockClient(new StreamChat(apiKey));\n  await setUser(client, user);\n  client.wsPromise = Promise.resolve();\n  return client;\n};\n\nexport const getRandomInt = (min, max) => {\n  min = Math.ceil(min);\n  max = Math.floor(max);\n  return Math.floor(Math.random() * (max - min)) + min; // The maximum is exclusive and the minimum is inclusive\n};\n"]}
+{"version":3,"sources":["mock.js"],"names":["apiKey","token","setUser","client","user","Promise","resolve","connectionId","mutes","_user","userID","id","userToken","mockClient","options","disableAppSettings","jest","spyOn","mockImplementation","tokenManager","getToken","fn","tokenReady","bind","getAppSettings","getTestClient","StreamChat","getTestClientWithUser","wsPromise","getRandomInt","min","max","Math","ceil","floor","random"],"mappings":";;;;;;;;;;;;;AAGA;;AAEA,IAAMA,MAAM,GAAG,SAAf;AACA,IAAMC,KAAK,GAAG,aAAd;;AAEA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,MAAD,EAASC,IAAT;AAAA,SACd,IAAIC,OAAJ,CAAY,UAACC,OAAD,EAAa;AACvBH,IAAAA,MAAM,CAACI,YAAP,GAAsB,oBAAtB;AACAJ,IAAAA,MAAM,CAACC,IAAP,GAAcA,IAAd;AACAD,IAAAA,MAAM,CAACC,IAAP,CAAYI,KAAZ,GAAoB,EAApB;AACAL,IAAAA,MAAM,CAACM,KAAP,iCAAoBL,IAApB;AACAD,IAAAA,MAAM,CAACO,MAAP,GAAgBN,IAAI,CAACO,EAArB;AACAR,IAAAA,MAAM,CAACS,SAAP,GAAmBX,KAAnB;AACAK,IAAAA,OAAO;AACR,GARD,CADc;AAAA,CAAhB;;AAWA,SAASO,UAAT,CAAoBV,MAApB,EAA0C;AAAA,MAAdW,OAAc,uEAAJ,EAAI;AACxC,8BAAsCA,OAAtC,CAAQC,kBAAR;AAAA,MAAQA,kBAAR,sCAA6B,IAA7B;AAEAC,EAAAA,IAAI,CAACC,KAAL,CAAWd,MAAX,EAAmB,WAAnB,EAAgCe,kBAAhC;AACAF,EAAAA,IAAI,CAACC,KAAL,CAAWd,MAAX,EAAmB,kBAAnB,EAAuCe,kBAAvC;AACAf,EAAAA,MAAM,CAACgB,YAAP,GAAsB;AACpBC,IAAAA,QAAQ,EAAEJ,IAAI,CAACK,EAAL,CAAQ;AAAA,aAAMpB,KAAN;AAAA,KAAR,CADU;AAEpBqB,IAAAA,UAAU,EAAEN,IAAI,CAACK,EAAL,CAAQ;AAAA,aAAM,IAAN;AAAA,KAAR;AAFQ,GAAtB;AAIAlB,EAAAA,MAAM,CAACD,OAAP,GAAiBA,OAAO,CAACqB,IAAR,CAAa,IAAb,EAAmBpB,MAAnB,CAAjB;;AAEA,MAAIY,kBAAJ,EAAwB;AACtBZ,IAAAA,MAAM,CAACqB,cAAP,GAAwBR,IAAI,CAACK,EAAL,CAAQ;AAAA,aAAO,EAAP;AAAA,KAAR,CAAxB;AACD;;AAED,SAAOlB,MAAP;AACD;;AAEM,IAAMsB,aAAa,GAAG,SAAhBA,aAAgB;AAAA,MAACX,OAAD,uEAAW,EAAX;AAAA,SAAkBD,UAAU,CAAC,IAAIa,sBAAJ,CAAe1B,MAAf,CAAD,EAAyBc,OAAzB,CAA5B;AAAA,CAAtB;;;;AAEA,IAAMa,qBAAqB;AAAA,6EAAG,iBAAOvB,IAAP;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAaU,YAAAA,OAAb,2DAAuB,EAAvB;AAAA,qCACGA,OADH,CAC3BC,kBAD2B,EAC3BA,kBAD2B,uCACN,IADM;AAE7BZ,YAAAA,MAF6B,GAEpBU,UAAU,CAAC,IAAIa,sBAAJ,CAAe1B,MAAf,CAAD,CAFU;AAAA;AAAA,mBAG7BE,OAAO,CAACC,MAAD,EAASC,IAAT,CAHsB;;AAAA;AAInCD,YAAAA,MAAM,CAACyB,SAAP,GAAmBvB,OAAO,CAACC,OAAR,EAAnB;;AAEA,gBAAIS,kBAAJ,EAAwB;AACtBZ,cAAAA,MAAM,CAACqB,cAAP,GAAwBR,IAAI,CAACK,EAAL,CAAQ;AAAA,uBAAO,EAAP;AAAA,eAAR,CAAxB;AACD;;AARkC,6CAU5BlB,MAV4B;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAAH;;AAAA,kBAArBwB,qBAAqB;AAAA;AAAA;AAAA,GAA3B;;;;AAaA,IAAME,YAAY,GAAG,SAAfA,YAAe,CAACC,GAAD,EAAMC,GAAN,EAAc;AACxCD,EAAAA,GAAG,GAAGE,IAAI,CAACC,IAAL,CAAUH,GAAV,CAAN;AACAC,EAAAA,GAAG,GAAGC,IAAI,CAACE,KAAL,CAAWH,GAAX,CAAN;AACA,SAAOC,IAAI,CAACE,KAAL,CAAWF,IAAI,CAACG,MAAL,MAAiBJ,GAAG,GAAGD,GAAvB,CAAX,IAA0CA,GAAjD;AACD,CAJM","sourcesContent":["/* eslint no-underscore-dangle: 0 */\n/* eslint no-param-reassign: 0 */\n\nimport { StreamChat } from 'stream-chat';\n\nconst apiKey = 'API_KEY';\nconst token = 'dummy_token';\n\nconst setUser = (client, user) =>\n  new Promise((resolve) => {\n    client.connectionId = 'dumm_connection_id';\n    client.user = user;\n    client.user.mutes = [];\n    client._user = { ...user };\n    client.userID = user.id;\n    client.userToken = token;\n    resolve();\n  });\n\nfunction mockClient(client, options = {}) {\n  const { disableAppSettings = true } = options;\n\n  jest.spyOn(client, '_setToken').mockImplementation();\n  jest.spyOn(client, '_setupConnection').mockImplementation();\n  client.tokenManager = {\n    getToken: jest.fn(() => token),\n    tokenReady: jest.fn(() => true),\n  };\n  client.setUser = setUser.bind(null, client);\n\n  if (disableAppSettings) {\n    client.getAppSettings = jest.fn(() => ({}));\n  }\n\n  return client;\n}\n\nexport const getTestClient = (options = {}) => mockClient(new StreamChat(apiKey), options);\n\nexport const getTestClientWithUser = async (user, options = {}) => {\n  const { disableAppSettings = true } = options;\n  const client = mockClient(new StreamChat(apiKey));\n  await setUser(client, user);\n  client.wsPromise = Promise.resolve();\n\n  if (disableAppSettings) {\n    client.getAppSettings = jest.fn(() => ({}));\n  }\n\n  return client;\n};\n\nexport const getRandomInt = (min, max) => {\n  min = Math.ceil(min);\n  max = Math.floor(max);\n  return Math.floor(Math.random() * (max - min)) + min; // The maximum is exclusive and the minimum is inclusive\n};\n"]}

package/lib/module/native.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.triggerHaptic = exports.takePhoto = exports.shareImage = exports.saveFile = exports.registerNativeHandlers = exports.pickDocument = exports.getPhotos = exports.getLocalAssetUri = exports.deleteFile = exports.compressImage = exports.Video = exports.SDK = exports.NetInfo = exports.FlatList = void 0;
+exports.triggerHaptic = exports.takePhoto = exports.shareImage = exports.saveFile = exports.registerNativeHandlers = exports.pickDocument = exports.isVideoPackageAvailable = exports.getPhotos = exports.getLocalAssetUri = exports.deleteFile = exports.compressImage = exports.Video = exports.SDK = exports.NetInfo = exports.FlatList = void 0;
 
 var _reactNative = require("react-native");
 
@@ -36,7 +36,7 @@ var triggerHaptic = fail;
 exports.triggerHaptic = triggerHaptic;
 var SDK;
 exports.SDK = SDK;
-var Video = fail;
+var Video;
 exports.Video = Video;
 
 var registerNativeHandlers = function registerNativeHandlers(handlers) {
@@ -98,4 +98,10 @@ var registerNativeHandlers = function registerNativeHandlers(handlers) {
 };
 
 exports.registerNativeHandlers = registerNativeHandlers;
+
+var isVideoPackageAvailable = function isVideoPackageAvailable() {
+  return !!Video;
+};
+
+exports.isVideoPackageAvailable = isVideoPackageAvailable;
 //# sourceMappingURL=native.js.map

package/lib/module/native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["native.ts"],"names":["fail","Error","compressImage","deleteFile","getLocalAssetUri","getPhotos","FlatList","DefaultFlatList","NetInfo","addEventListener","fetch","pickDocument","saveFile","shareImage","takePhoto","triggerHaptic","SDK","Video","registerNativeHandlers","handlers"],"mappings":";;;;;AACA;;AAMA,IAAMA,IAAI,GAAG,SAAPA,IAAO,GAAM;AACjB,QAAMC,KAAK,CACT,mGADS,CAAX;AAGD,CAJD;;AAiBO,IAAIC,aAA4B,GAAGF,IAAnC;;AAGA,IAAIG,UAAsB,GAAGH,IAA7B;;AAGA,IAAII,gBAAkC,GAAGJ,IAAzC;;AASA,IAAIK,SAAoB,GAAGL,IAA3B;;AAOA,IAAIM,QAAQ,GAAGC,qBAAf;;AAEA,IAAIC,OAAgB,GAAG;AAC5BC,EAAAA,gBAAgB,EAAET,IADU;AAE5BU,EAAAA,KAAK,EAAEV;AAFqB,CAAvB;;AAWA,IAAIW,YAA0B,GAAGX,IAAjC;;AAOA,IAAIY,QAAkB,GAAGZ,IAAzB;;AAOA,IAAIa,UAAsB,GAAGb,IAA7B;;AASA,IAAIc,SAAoB,GAAGd,IAA3B;;AAWA,IAAIe,aAA4B,GAAGf,IAAnC;;AAEA,IAAIgB,GAAJ;;AAoDA,IAAIC,KAAqC,GAAGjB,IAA5C;;;AAkBA,IAAMkB,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,QAAD,EAAwB;AAC5D,MAAIA,QAAQ,CAACjB,aAAb,EAA4B;AAC1B,4BAAAA,aAAa,GAAGiB,QAAQ,CAACjB,aAAzB;AACD;;AAED,MAAIiB,QAAQ,CAAChB,UAAb,EAAyB;AACvB,yBAAAA,UAAU,GAAGgB,QAAQ,CAAChB,UAAtB;AACD;;AAED,MAAIgB,QAAQ,CAACb,QAAb,EAAuB;AACrB,uBAAAA,QAAQ,GAAGa,QAAQ,CAACb,QAApB;AACD;;AACD,MAAIa,QAAQ,CAACX,OAAb,EAAsB;AACpB,sBAAAA,OAAO,GAAGW,QAAQ,CAACX,OAAnB;AACD;;AAED,MAAIW,QAAQ,CAACf,gBAAb,EAA+B;AAC7B,+BAAAA,gBAAgB,GAAGe,QAAQ,CAACf,gBAA5B;AACD;;AAED,MAAIe,QAAQ,CAACd,SAAb,EAAwB;AACtB,wBAAAA,SAAS,GAAGc,QAAQ,CAACd,SAArB;AACD;;AAED,MAAIc,QAAQ,CAACX,OAAb,EAAsB;AACpB,sBAAAA,OAAO,GAAGW,QAAQ,CAACX,OAAnB;AACD;;AAED,MAAIW,QAAQ,CAACR,YAAb,EAA2B;AACzB,2BAAAA,YAAY,GAAGQ,QAAQ,CAACR,YAAxB;AACD;;AAED,MAAIQ,QAAQ,CAACP,QAAb,EAAuB;AACrB,uBAAAA,QAAQ,GAAGO,QAAQ,CAACP,QAApB;AACD;;AAED,MAAIO,QAAQ,CAACH,GAAb,EAAkB;AAChB,kBAAAA,GAAG,GAAGG,QAAQ,CAACH,GAAf;AACD;;AAED,MAAIG,QAAQ,CAACN,UAAb,EAAyB;AACvB,yBAAAA,UAAU,GAAGM,QAAQ,CAACN,UAAtB;AACD;;AAED,MAAIM,QAAQ,CAACL,SAAb,EAAwB;AACtB,wBAAAA,SAAS,GAAGK,QAAQ,CAACL,SAArB;AACD;;AAED,MAAIK,QAAQ,CAACJ,aAAb,EAA4B;AAC1B,4BAAAA,aAAa,GAAGI,QAAQ,CAACJ,aAAzB;AACD;;AAED,MAAII,QAAQ,CAACF,KAAb,EAAoB;AAClB,oBAAAA,KAAK,GAAGE,QAAQ,CAACF,KAAjB;AACD;AACF,CAvDM","sourcesContent":["import type React from 'react';\nimport { FlatList as DefaultFlatList, StyleProp, ViewStyle } from 'react-native';\n\nimport type { NetInfoSubscription } from '@react-native-community/netinfo';\n\nimport type { Asset, File } from './types/types';\n\nconst fail = () => {\n  throw Error(\n    'Native handler was not registered, you should import stream-chat-expo or stream-chat-react-native',\n  );\n};\n\ntype CompressImage = ({\n  compressImageQuality,\n  height,\n  uri,\n  width,\n}: {\n  compressImageQuality: number;\n  height: number;\n  uri: string;\n  width: number;\n}) => Promise<string> | never;\nexport let compressImage: CompressImage = fail;\n\ntype DeleteFile = ({ uri }: { uri: string }) => Promise<boolean> | never;\nexport let deleteFile: DeleteFile = fail;\n\ntype GetLocalAssetUri = (uriOrAssetId: string) => never;\nexport let getLocalAssetUri: GetLocalAssetUri = fail;\n\ntype GetPhotos = ({ after, first }: { first: number; after?: string }) =>\n  | Promise<{\n      assets: Array<Omit<Asset, 'source'> & { source: 'picker' }>;\n      endCursor: string;\n      hasNextPage: boolean;\n    }>\n  | never;\nexport let getPhotos: GetPhotos = fail;\n\ntype NetInfo = {\n  addEventListener: (listener: (isConnected: boolean) => void) => NetInfoSubscription | never;\n  fetch: (requestedInterface?: string | undefined) => Promise<boolean> | never;\n};\n\nexport let FlatList = DefaultFlatList;\n\nexport let NetInfo: NetInfo = {\n  addEventListener: fail,\n  fetch: fail,\n};\n\ntype PickDocument = ({ maxNumberOfFiles }: { maxNumberOfFiles?: number }) =>\n  | Promise<{\n      cancelled: boolean;\n      docs?: File[];\n    }>\n  | never;\nexport let pickDocument: PickDocument = fail;\n\ntype SaveFileOptions = {\n  fileName: string;\n  fromUrl: string;\n};\ntype SaveFile = (options: SaveFileOptions) => Promise<string> | never;\nexport let saveFile: SaveFile = fail;\n\ntype ShareOptions = {\n  type?: string;\n  url?: string;\n};\ntype ShareImage = (options: ShareOptions) => Promise<boolean> | never;\nexport let shareImage: ShareImage = fail;\n\ntype Photo =\n  | (Omit<Asset, 'source'> & {\n      cancelled: false;\n      source: 'camera';\n    })\n  | { cancelled: true };\ntype TakePhoto = (options: { compressImageQuality?: number }) => Promise<Photo> | never;\nexport let takePhoto: TakePhoto = fail;\n\ntype HapticFeedbackMethod =\n  | 'impactHeavy'\n  | 'impactLight'\n  | 'impactMedium'\n  | 'notificationError'\n  | 'notificationSuccess'\n  | 'notificationWarning'\n  | 'selection';\ntype TriggerHaptic = (method: HapticFeedbackMethod) => void | never;\nexport let triggerHaptic: TriggerHaptic = fail;\n\nexport let SDK: string;\n\nexport type PlaybackStatus = {\n  didJustFinish: boolean;\n  durationMillis: number;\n  error: string;\n  isBuffering: boolean;\n  isLoaded: boolean;\n  isLooping: boolean;\n  isPlaying: boolean;\n  positionMillis: number;\n};\n\nexport type VideoProgressData = {\n  currentTime?: number;\n  playableDuration?: number;\n  seekableDuration?: number;\n};\n\nexport type VideoPayloadData = {\n  audioTracks?: { index: number; language: string; title: string; type: string }[];\n  currentPosition?: number;\n  duration?: number;\n  naturalSize?: { height: number; orientation: 'portrait' | 'landscape'; width: number };\n  textTracks?: { index: number; language: string; title: string; type: string }[];\n  videoTracks?: {\n    bitrate: number;\n    codecs: string;\n    height: number;\n    trackId: number;\n    width: number;\n  }[];\n};\n\nexport type VideoType = {\n  paused: boolean;\n  uri: string;\n  videoRef: React.RefObject<VideoType>;\n  onBuffer?: (props: { isBuffering: boolean }) => void;\n  onEnd?: () => void;\n  onLoad?: (payload: VideoPayloadData) => void;\n  onLoadStart?: () => void;\n  onPlaybackStatusUpdate?: (playbackStatus: PlaybackStatus) => void;\n  onProgress?: (data: VideoProgressData) => void;\n  onReadyForDisplay?: () => void;\n  replayAsync?: () => void;\n  resizeMode?: string;\n  seek?: (progress: number) => void;\n  setPositionAsync?: (position: number) => void;\n  style?: StyleProp<ViewStyle>;\n};\n\nexport let Video: React.ComponentType<VideoType> = fail;\n\ntype Handlers = {\n  compressImage?: CompressImage;\n  deleteFile?: DeleteFile;\n  FlatList?: typeof DefaultFlatList;\n  getLocalAssetUri?: GetLocalAssetUri;\n  getPhotos?: GetPhotos;\n  NetInfo?: NetInfo;\n  pickDocument?: PickDocument;\n  saveFile?: SaveFile;\n  SDK?: string;\n  shareImage?: ShareImage;\n  takePhoto?: TakePhoto;\n  triggerHaptic?: TriggerHaptic;\n  Video?: React.ComponentType<VideoType>;\n};\n\nexport const registerNativeHandlers = (handlers: Handlers) => {\n  if (handlers.compressImage) {\n    compressImage = handlers.compressImage;\n  }\n\n  if (handlers.deleteFile) {\n    deleteFile = handlers.deleteFile;\n  }\n\n  if (handlers.FlatList) {\n    FlatList = handlers.FlatList;\n  }\n  if (handlers.NetInfo) {\n    NetInfo = handlers.NetInfo;\n  }\n\n  if (handlers.getLocalAssetUri) {\n    getLocalAssetUri = handlers.getLocalAssetUri;\n  }\n\n  if (handlers.getPhotos) {\n    getPhotos = handlers.getPhotos;\n  }\n\n  if (handlers.NetInfo) {\n    NetInfo = handlers.NetInfo;\n  }\n\n  if (handlers.pickDocument) {\n    pickDocument = handlers.pickDocument;\n  }\n\n  if (handlers.saveFile) {\n    saveFile = handlers.saveFile;\n  }\n\n  if (handlers.SDK) {\n    SDK = handlers.SDK;\n  }\n\n  if (handlers.shareImage) {\n    shareImage = handlers.shareImage;\n  }\n\n  if (handlers.takePhoto) {\n    takePhoto = handlers.takePhoto;\n  }\n\n  if (handlers.triggerHaptic) {\n    triggerHaptic = handlers.triggerHaptic;\n  }\n\n  if (handlers.Video) {\n    Video = handlers.Video;\n  }\n};\n"]}
+{"version":3,"sources":["native.ts"],"names":["fail","Error","compressImage","deleteFile","getLocalAssetUri","getPhotos","FlatList","DefaultFlatList","NetInfo","addEventListener","fetch","pickDocument","saveFile","shareImage","takePhoto","triggerHaptic","SDK","Video","registerNativeHandlers","handlers","isVideoPackageAvailable"],"mappings":";;;;;AACA;;AAMA,IAAMA,IAAI,GAAG,SAAPA,IAAO,GAAM;AACjB,QAAMC,KAAK,CACT,mGADS,CAAX;AAGD,CAJD;;AAiBO,IAAIC,aAA4B,GAAGF,IAAnC;;AAGA,IAAIG,UAAsB,GAAGH,IAA7B;;AAGA,IAAII,gBAAkC,GAAGJ,IAAzC;;AASA,IAAIK,SAAoB,GAAGL,IAA3B;;AAOA,IAAIM,QAAQ,GAAGC,qBAAf;;AAEA,IAAIC,OAAgB,GAAG;AAC5BC,EAAAA,gBAAgB,EAAET,IADU;AAE5BU,EAAAA,KAAK,EAAEV;AAFqB,CAAvB;;AAWA,IAAIW,YAA0B,GAAGX,IAAjC;;AAOA,IAAIY,QAAkB,GAAGZ,IAAzB;;AAOA,IAAIa,UAAsB,GAAGb,IAA7B;;AASA,IAAIc,SAAoB,GAAGd,IAA3B;;AAWA,IAAIe,aAA4B,GAAGf,IAAnC;;AAEA,IAAIgB,GAAJ;;AAoDA,IAAIC,KAAJ;;;AAkBA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACC,QAAD,EAAwB;AAC5D,MAAIA,QAAQ,CAACjB,aAAb,EAA4B;AAC1B,4BAAAA,aAAa,GAAGiB,QAAQ,CAACjB,aAAzB;AACD;;AAED,MAAIiB,QAAQ,CAAChB,UAAb,EAAyB;AACvB,yBAAAA,UAAU,GAAGgB,QAAQ,CAAChB,UAAtB;AACD;;AAED,MAAIgB,QAAQ,CAACb,QAAb,EAAuB;AACrB,uBAAAA,QAAQ,GAAGa,QAAQ,CAACb,QAApB;AACD;;AACD,MAAIa,QAAQ,CAACX,OAAb,EAAsB;AACpB,sBAAAA,OAAO,GAAGW,QAAQ,CAACX,OAAnB;AACD;;AAED,MAAIW,QAAQ,CAACf,gBAAb,EAA+B;AAC7B,+BAAAA,gBAAgB,GAAGe,QAAQ,CAACf,gBAA5B;AACD;;AAED,MAAIe,QAAQ,CAACd,SAAb,EAAwB;AACtB,wBAAAA,SAAS,GAAGc,QAAQ,CAACd,SAArB;AACD;;AAED,MAAIc,QAAQ,CAACX,OAAb,EAAsB;AACpB,sBAAAA,OAAO,GAAGW,QAAQ,CAACX,OAAnB;AACD;;AAED,MAAIW,QAAQ,CAACR,YAAb,EAA2B;AACzB,2BAAAA,YAAY,GAAGQ,QAAQ,CAACR,YAAxB;AACD;;AAED,MAAIQ,QAAQ,CAACP,QAAb,EAAuB;AACrB,uBAAAA,QAAQ,GAAGO,QAAQ,CAACP,QAApB;AACD;;AAED,MAAIO,QAAQ,CAACH,GAAb,EAAkB;AAChB,kBAAAA,GAAG,GAAGG,QAAQ,CAACH,GAAf;AACD;;AAED,MAAIG,QAAQ,CAACN,UAAb,EAAyB;AACvB,yBAAAA,UAAU,GAAGM,QAAQ,CAACN,UAAtB;AACD;;AAED,MAAIM,QAAQ,CAACL,SAAb,EAAwB;AACtB,wBAAAA,SAAS,GAAGK,QAAQ,CAACL,SAArB;AACD;;AAED,MAAIK,QAAQ,CAACJ,aAAb,EAA4B;AAC1B,4BAAAA,aAAa,GAAGI,QAAQ,CAACJ,aAAzB;AACD;;AAED,MAAII,QAAQ,CAACF,KAAb,EAAoB;AAClB,oBAAAA,KAAK,GAAGE,QAAQ,CAACF,KAAjB;AACD;AACF,CAvDM;;;;AAyDA,IAAMG,uBAAuB,GAAG,SAA1BA,uBAA0B;AAAA,SAAM,CAAC,CAACH,KAAR;AAAA,CAAhC","sourcesContent":["import type React from 'react';\nimport { FlatList as DefaultFlatList, StyleProp, ViewStyle } from 'react-native';\n\nimport type { NetInfoSubscription } from '@react-native-community/netinfo';\n\nimport type { Asset, File } from './types/types';\n\nconst fail = () => {\n  throw Error(\n    'Native handler was not registered, you should import stream-chat-expo or stream-chat-react-native',\n  );\n};\n\ntype CompressImage = ({\n  compressImageQuality,\n  height,\n  uri,\n  width,\n}: {\n  compressImageQuality: number;\n  height: number;\n  uri: string;\n  width: number;\n}) => Promise<string> | never;\nexport let compressImage: CompressImage = fail;\n\ntype DeleteFile = ({ uri }: { uri: string }) => Promise<boolean> | never;\nexport let deleteFile: DeleteFile = fail;\n\ntype GetLocalAssetUri = (uriOrAssetId: string) => never;\nexport let getLocalAssetUri: GetLocalAssetUri = fail;\n\ntype GetPhotos = ({ after, first }: { first: number; after?: string }) =>\n  | Promise<{\n      assets: Array<Omit<Asset, 'source'> & { source: 'picker' }>;\n      endCursor: string;\n      hasNextPage: boolean;\n    }>\n  | never;\nexport let getPhotos: GetPhotos = fail;\n\ntype NetInfo = {\n  addEventListener: (listener: (isConnected: boolean) => void) => NetInfoSubscription | never;\n  fetch: (requestedInterface?: string | undefined) => Promise<boolean> | never;\n};\n\nexport let FlatList = DefaultFlatList;\n\nexport let NetInfo: NetInfo = {\n  addEventListener: fail,\n  fetch: fail,\n};\n\ntype PickDocument = ({ maxNumberOfFiles }: { maxNumberOfFiles?: number }) =>\n  | Promise<{\n      cancelled: boolean;\n      docs?: File[];\n    }>\n  | never;\nexport let pickDocument: PickDocument = fail;\n\ntype SaveFileOptions = {\n  fileName: string;\n  fromUrl: string;\n};\ntype SaveFile = (options: SaveFileOptions) => Promise<string> | never;\nexport let saveFile: SaveFile = fail;\n\ntype ShareOptions = {\n  type?: string;\n  url?: string;\n};\ntype ShareImage = (options: ShareOptions) => Promise<boolean> | never;\nexport let shareImage: ShareImage = fail;\n\ntype Photo =\n  | (Omit<Asset, 'source'> & {\n      cancelled: false;\n      source: 'camera';\n    })\n  | { cancelled: true };\ntype TakePhoto = (options: { compressImageQuality?: number }) => Promise<Photo> | never;\nexport let takePhoto: TakePhoto = fail;\n\ntype HapticFeedbackMethod =\n  | 'impactHeavy'\n  | 'impactLight'\n  | 'impactMedium'\n  | 'notificationError'\n  | 'notificationSuccess'\n  | 'notificationWarning'\n  | 'selection';\ntype TriggerHaptic = (method: HapticFeedbackMethod) => void | never;\nexport let triggerHaptic: TriggerHaptic = fail;\n\nexport let SDK: string;\n\nexport type PlaybackStatus = {\n  didJustFinish: boolean;\n  durationMillis: number;\n  error: string;\n  isBuffering: boolean;\n  isLoaded: boolean;\n  isLooping: boolean;\n  isPlaying: boolean;\n  positionMillis: number;\n};\n\nexport type VideoProgressData = {\n  currentTime?: number;\n  playableDuration?: number;\n  seekableDuration?: number;\n};\n\nexport type VideoPayloadData = {\n  audioTracks?: { index: number; language: string; title: string; type: string }[];\n  currentPosition?: number;\n  duration?: number;\n  naturalSize?: { height: number; orientation: 'portrait' | 'landscape'; width: number };\n  textTracks?: { index: number; language: string; title: string; type: string }[];\n  videoTracks?: {\n    bitrate: number;\n    codecs: string;\n    height: number;\n    trackId: number;\n    width: number;\n  }[];\n};\n\nexport type VideoType = {\n  paused: boolean;\n  uri: string;\n  videoRef: React.RefObject<VideoType>;\n  onBuffer?: (props: { isBuffering: boolean }) => void;\n  onEnd?: () => void;\n  onLoad?: (payload: VideoPayloadData) => void;\n  onLoadStart?: () => void;\n  onPlaybackStatusUpdate?: (playbackStatus: PlaybackStatus) => void;\n  onProgress?: (data: VideoProgressData) => void;\n  onReadyForDisplay?: () => void;\n  replayAsync?: () => void;\n  resizeMode?: string;\n  seek?: (progress: number) => void;\n  setPositionAsync?: (position: number) => void;\n  style?: StyleProp<ViewStyle>;\n};\n\nexport let Video: React.ComponentType<VideoType>;\n\ntype Handlers = {\n  compressImage?: CompressImage;\n  deleteFile?: DeleteFile;\n  FlatList?: typeof DefaultFlatList;\n  getLocalAssetUri?: GetLocalAssetUri;\n  getPhotos?: GetPhotos;\n  NetInfo?: NetInfo;\n  pickDocument?: PickDocument;\n  saveFile?: SaveFile;\n  SDK?: string;\n  shareImage?: ShareImage;\n  takePhoto?: TakePhoto;\n  triggerHaptic?: TriggerHaptic;\n  Video?: React.ComponentType<VideoType>;\n};\n\nexport const registerNativeHandlers = (handlers: Handlers) => {\n  if (handlers.compressImage) {\n    compressImage = handlers.compressImage;\n  }\n\n  if (handlers.deleteFile) {\n    deleteFile = handlers.deleteFile;\n  }\n\n  if (handlers.FlatList) {\n    FlatList = handlers.FlatList;\n  }\n  if (handlers.NetInfo) {\n    NetInfo = handlers.NetInfo;\n  }\n\n  if (handlers.getLocalAssetUri) {\n    getLocalAssetUri = handlers.getLocalAssetUri;\n  }\n\n  if (handlers.getPhotos) {\n    getPhotos = handlers.getPhotos;\n  }\n\n  if (handlers.NetInfo) {\n    NetInfo = handlers.NetInfo;\n  }\n\n  if (handlers.pickDocument) {\n    pickDocument = handlers.pickDocument;\n  }\n\n  if (handlers.saveFile) {\n    saveFile = handlers.saveFile;\n  }\n\n  if (handlers.SDK) {\n    SDK = handlers.SDK;\n  }\n\n  if (handlers.shareImage) {\n    shareImage = handlers.shareImage;\n  }\n\n  if (handlers.takePhoto) {\n    takePhoto = handlers.takePhoto;\n  }\n\n  if (handlers.triggerHaptic) {\n    triggerHaptic = handlers.triggerHaptic;\n  }\n\n  if (handlers.Video) {\n    Video = handlers.Video;\n  }\n};\n\nexport const isVideoPackageAvailable = () => !!Video;\n"]}

package/lib/module/version.json

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

package/lib/typescript/components/Attachment/__tests__/openUrlSafely.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/components/Attachment/utils/openUrlSafely.d.ts

@@ -0,0 +1 @@
+export declare const openUrlSafely: (url?: string | undefined) => Promise<void>;

package/lib/typescript/contexts/__tests__/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/contexts/keyboardContext/KeyboardContext.d.ts

@@ -3,9 +3,13 @@ import type { DefaultStreamChatGenerics } from '../../types/types';
 export declare type KeyboardContextValue = {
     dismissKeyboard: () => void;
 };
-export declare const KeyboardContext: React.Context<KeyboardContextValue>;
+export declare const KeyboardContext: React.Context<{
+    dismissKeyboard: () => void;
+}>;
 export declare const KeyboardProvider: React.FC<{
     value: KeyboardContextValue;
 }>;
-export declare const useKeyboardContext: () => KeyboardContextValue;
+export declare const useKeyboardContext: () => {
+    dismissKeyboard: () => void;
+};
 export declare const withKeyboardContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<StreamChatGenerics>) => React.FC<Omit<StreamChatGenerics, "dismissKeyboard">>;

package/lib/typescript/contexts/themeContext/ThemeContext.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { Theme } from './utils/theme';
 export declare type DeepPartial<T> = {
     [P in keyof T]?: DeepPartial<T[P]>;
@@ -11,9 +11,12 @@ export declare type MergedThemesParams = {
     style?: DeepPartial<Theme>;
     theme?: Theme;
 };
+export declare type ThemeContextValue = {
+    theme: Theme;
+};
 export declare const mergeThemes: (params: MergedThemesParams) => Theme;
 export declare const ThemeContext: React.Context<Theme>;
-export declare const ThemeProvider: React.FC<ThemeProviderInputValue>;
+export declare const ThemeProvider: React.FC<PropsWithChildren<ThemeProviderInputValue & Partial<ThemeContextValue>>>;
 export declare const useTheme: () => {
     theme: Theme;
 };

package/lib/typescript/contexts/themeContext/utils/theme.d.ts

@@ -373,6 +373,12 @@ export declare type Theme = {
                 title: TextStyle;
             };
             noURI: ViewStyle;
+            playButtonStyle: {
+                durationTextStyle: TextStyle;
+                roundedView: ViewStyle;
+                videoContainer: ViewStyle;
+            };
+            playIcon: IconProps;
         };
         container: ViewStyle;
         content: {

package/lib/typescript/contexts/utils/defaultBaseContextValue.d.ts

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

package/lib/typescript/contexts/utils/isTestEnvironment.d.ts

@@ -0,0 +1 @@
+export declare const isTestEnvironment: () => boolean;

package/lib/typescript/mock-builders/mock.d.ts

@@ -1,3 +1,3 @@
-export function getTestClient(): any;
-export function getTestClientWithUser(user: any): Promise<any>;
+export function getTestClient(options?: {}): any;
+export function getTestClientWithUser(user: any, options?: {}): Promise<any>;
 export function getRandomInt(min: any, max: any): any;

package/lib/typescript/native.d.ts

@@ -144,4 +144,5 @@ declare type Handlers = {
     Video?: React.ComponentType<VideoType>;
 };
 export declare const registerNativeHandlers: (handlers: Handlers) => void;
+export declare const isVideoPackageAvailable: () => boolean;
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stream-chat-react-native-core",
   "description": "The official React Native and Expo components for Stream Chat, a service for building chat applications",
-  "version": "4.7.0-beta.5",
+  "version": "4.7.1-beta.1",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"

package/src/components/Attachment/Attachment.tsx

@@ -11,6 +11,7 @@ import {
   MessagesContextValue,
   useMessagesContext,
 } from '../../contexts/messagesContext/MessagesContext';
+import { isVideoPackageAvailable } from '../../native';
 
 import type { DefaultStreamChatGenerics } from '../../types/types';
 
@@ -76,13 +77,15 @@ const AttachmentWithContext = <
   }
 
   if (attachment.type === 'video' && !attachment.og_scrape_url) {
-    return (
+    return isVideoPackageAvailable() ? (
       <>
         <Gallery videos={[attachment]} />
         {hasAttachmentActions && (
           <AttachmentActions key={`key-actions-${attachment.id}`} {...attachment} />
         )}
       </>
+    ) : (
+      <FileAttachment attachment={attachment} />
     );
   }
 

package/src/components/Attachment/Card.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import {
-  Image,
+  ImageBackground,
   ImageStyle,
   StyleProp,
   StyleSheet,
@@ -13,7 +13,7 @@ import {
 
 import type { Attachment } from 'stream-chat';
 
-import { useGoToURL } from './hooks/useGoToURL';
+import { openUrlSafely } from './utils/openUrlSafely';
 
 import {
   MessageContextValue,
@@ -24,6 +24,7 @@ import {
   useMessagesContext,
 } from '../../contexts/messagesContext/MessagesContext';
 import { useTheme } from '../../contexts/themeContext/ThemeContext';
+import { Play } from '../../icons/Play';
 import type { DefaultStreamChatGenerics } from '../../types/types';
 import { makeImageCompatibleUrl } from '../../utils/utils';
 
@@ -41,13 +42,15 @@ const styles = StyleSheet.create({
   },
   authorNameMask: {
     bottom: 0,
-    left: 8,
+    left: 2,
     position: 'absolute',
   },
   cardCover: {
+    alignItems: 'center',
     borderRadius: 8,
     height: 140,
-    marginHorizontal: 8,
+    justifyContent: 'center',
+    marginHorizontal: 2,
   },
   cardFooter: {
     flexDirection: 'row',
@@ -62,6 +65,14 @@ const styles = StyleSheet.create({
     fontSize: 12,
     marginHorizontal: 8,
   },
+  playButtonStyle: {
+    alignItems: 'center',
+    borderRadius: 50,
+    elevation: 2,
+    height: 36,
+    justifyContent: 'center',
+    width: 36,
+  },
   title: {
     fontSize: 12,
     marginHorizontal: 8,
@@ -116,11 +127,12 @@ const CardWithContext = <
     text,
     thumb_url,
     title,
+    type,
   } = props;
 
   const {
     theme: {
-      colors: { accent_blue, black, blue_alice, transparent },
+      colors: { accent_blue, black, blue_alice, transparent, white },
       messageSimple: {
         card: {
           authorName,
@@ -132,6 +144,8 @@ const CardWithContext = <
           cover,
           footer: { description, title: titleStyle, ...footerStyle },
           noURI,
+          playButtonStyle: { roundedView },
+          playIcon: { height, width },
         },
       },
     },
@@ -139,9 +153,9 @@ const CardWithContext = <
 
   const uri = image_url || thumb_url;
 
-  const [error, openURL] = useGoToURL(og_scrape_url || uri);
+  const defaultOnPress = () => openUrlSafely(og_scrape_url || uri);
 
-  const defaultOnPress = () => !error && openURL && openURL();
+  const isVideoCard = type === 'video' && og_scrape_url;
 
   return (
     <TouchableOpacity
@@ -183,11 +197,18 @@ const CardWithContext = <
       {CardCover && <CardCover {...props} />}
       {uri && !CardCover && (
         <View>
-          <Image
+          <ImageBackground
+            imageStyle={styles.cardCover}
             resizeMode='cover'
             source={{ uri: makeImageCompatibleUrl(uri) }}
             style={[styles.cardCover, cover, stylesProp.cardCover]}
-          />
+          >
+            {isVideoCard ? (
+              <View style={[styles.playButtonStyle, roundedView, { backgroundColor: white }]}>
+                <Play height={height} pathFill={black} width={width} />
+              </View>
+            ) : null}
+          </ImageBackground>
           {author_name && (
             <View style={[styles.authorNameMask, authorNameMask, stylesProp.authorNameMask]}>
               <View

package/src/components/Attachment/FileAttachment.tsx

@@ -11,7 +11,7 @@ import {
 
 import type { Attachment } from 'stream-chat';
 
-import { useGoToURL } from './hooks/useGoToURL';
+import { openUrlSafely } from './utils/openUrlSafely';
 
 import { AttachmentActions as AttachmentActionsDefault } from '../../components/Attachment/AttachmentActions';
 import { FileIcon as FileIconDefault } from '../../components/Attachment/FileIcon';
@@ -95,9 +95,7 @@ const FileAttachmentWithContext = <
     },
   } = useTheme();
 
-  const [error, openURL] = useGoToURL(attachment.asset_url);
-
-  const defaultOnPress = () => !error && openURL && openURL();
+  const defaultOnPress = () => openUrlSafely(attachment.asset_url);
 
   return (
     <TouchableOpacity