stream-chat-react-native 4.11.1-beta.4 → 4.12.0-beta.1

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.11.1-beta.4",
+  "version": "4.12.0-beta.1",
   "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.11.1-beta.4"
+    "stream-chat-react-native-core": "4.12.0-beta.1"
   },
   "peerDependencies": {
     "@react-native-community/cameraroll": ">=4.0.1",

package/src/index.js

@@ -13,7 +13,7 @@ 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';
+import AudioVideoPlayer from './optionalDependencies/Video';
 
 registerNativeHandlers({
   compressImage: async ({ compressImageQuality = 1, height, uri, width }) => {
@@ -199,6 +199,30 @@ registerNativeHandlers({
       throw new Error('Sharing failed...');
     }
   },
+  Sound: {
+    initializeSound: null,
+    // eslint-disable-next-line react/display-name
+    Player: AudioVideoPlayer
+      ? ({ onBuffer, onEnd, onLoad, onProgress, paused, soundRef, style, uri }) => (
+          <AudioVideoPlayer
+            audioOnly={true}
+            onBuffer={onBuffer}
+            onEnd={onEnd}
+            onError={(error) => {
+              console.log(error);
+            }}
+            onLoad={onLoad}
+            onProgress={onProgress}
+            paused={paused}
+            ref={soundRef}
+            source={{
+              uri,
+            }}
+            style={style}
+          />
+        )
+      : null,
+  },
   takePhoto: async ({ compressImageQuality = Platform.OS === 'ios' ? 0.8 : 1 }) => {
     const photo = await ImagePicker.openCamera({
       compressImageQuality: Math.min(Math.max(0, compressImageQuality), 1),
@@ -250,24 +274,26 @@ registerNativeHandlers({
     });
   },
   // eslint-disable-next-line react/display-name
-  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,
+  Video: AudioVideoPlayer
+    ? ({ onBuffer, onEnd, onLoad, onProgress, paused, style, uri, videoRef }) => (
+        <AudioVideoPlayer
+          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

@@ -1,12 +1,12 @@
-let VideoComponent;
+let AudioVideoComponent;
 try {
   // eslint-disable-next-line no-undef
   const videoPackage = require('react-native-video');
-  VideoComponent = videoPackage.default;
+  AudioVideoComponent = 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;
+export default AudioVideoComponent;