stream-chat-react-native 4.7.0-beta.5 → 4.7.0-beta.6

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stream-chat-react-native",
   "description": "The official React Native SDK for Stream Chat, a service for building chat applications",
-  "version": "4.7.0-beta.5",
+  "version": "4.7.0-beta.6",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"
@@ -11,7 +11,7 @@
   "types": "types/index.d.ts",
   "dependencies": {
     "es6-symbol": "^3.1.3",
-    "stream-chat-react-native-core": "4.7.0-beta.5"
+    "stream-chat-react-native-core": "4.7.0-beta.6"
   },
   "peerDependencies": {
     "@react-native-community/cameraroll": ">=4.0.1",
@@ -23,7 +23,9 @@
     "react-native-haptic-feedback": ">=1.11.0",
     "react-native-image-crop-picker": ">=0.33.2",
     "react-native-image-resizer": ">=1.4.2",
-    "react-native-share": ">=4.1.0",
+    "react-native-share": ">=4.1.0"
+  },
+  "optionalDependencies": {
     "react-native-video": "^5.2.0"
   },
   "scripts": {

package/src/index.js

@@ -8,13 +8,13 @@ import ImagePicker from 'react-native-image-crop-picker';
 import ImageResizer from 'react-native-image-resizer';
 import RNShare from 'react-native-share';
 
-import Video from 'react-native-video';
-
 import CameraRoll from '@react-native-community/cameraroll';
 import NetInfo from '@react-native-community/netinfo';
 import { FlatList } from '@stream-io/flat-list-mvcp';
 import { registerNativeHandlers } from 'stream-chat-react-native-core';
 
+import Video from './optionalDependencies/Video';
+
 registerNativeHandlers({
   compressImage: async ({ compressImageQuality = 1, height, uri, width }) => {
     try {
@@ -250,23 +250,24 @@ registerNativeHandlers({
     });
   },
   // eslint-disable-next-line react/display-name
-  Video: ({ onBuffer, onEnd, onLoad, onProgress, paused, resizeMode, style, uri, videoRef }) => (
-    <Video
-      onBuffer={onBuffer}
-      onEnd={onEnd}
-      onError={(error) => {
-        console.error(error);
-      }}
-      onLoad={onLoad}
-      onProgress={onProgress}
-      paused={paused}
-      ref={videoRef}
-      source={{
-        uri,
-      }}
-      style={style}
-    />
-  ),
+  Video: Video ? ({ onBuffer, onEnd, onLoad, onProgress, paused, style, uri, videoRef }) => (
+      <Video
+        ignoreSilentSwitch={'ignore'}
+        onBuffer={onBuffer}
+        onEnd={onEnd}
+        onError={(error) => {
+          console.error(error);
+        }}
+        onLoad={onLoad}
+        onProgress={onProgress}
+        paused={paused}
+        ref={videoRef}
+        source={{
+          uri,
+        }}
+        style={style}
+      />
+    ) : null,
 });
 
 if (Platform.OS === 'android') {

package/src/optionalDependencies/Video.ts

@@ -0,0 +1,12 @@
+let VideoComponent;
+try {
+  // eslint-disable-next-line no-undef
+  const videoPackage = require('react-native-video');
+  VideoComponent = videoPackage.default;
+} catch (_) {
+  console.warn(
+    'Video library is currently not installed. To allow in-app video playback, install the "react-native-video" package.',
+  );
+}
+
+export default VideoComponent;