stream-chat-expo 4.11.1-beta.3 → 4.12.0-beta.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stream-chat-expo",
   "description": "The official Expo SDK for Stream Chat, a service for building chat applications",
-  "version": "4.11.1-beta.3",
+  "version": "4.12.0-beta.2",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"
@@ -10,7 +10,7 @@
   "main": "src/index.js",
   "types": "types/index.d.ts",
   "dependencies": {
-    "stream-chat-react-native-core": "4.11.1-beta.3"
+    "stream-chat-react-native-core": "4.12.0-beta.2"
   },
   "peerDependencies": {
     "@react-native-community/netinfo": "^6.0.0",

package/src/index.js

@@ -1,8 +1,8 @@
 import React from 'react';
+
 import { FlatList, Image, Platform } from 'react-native';
 
 import NetInfo from '@react-native-community/netinfo';
-
 import * as DocumentPicker from 'expo-document-picker';
 import * as FileSystem from 'expo-file-system';
 import * as Haptics from 'expo-haptics';
@@ -12,7 +12,7 @@ import * as MediaLibrary from 'expo-media-library';
 import * as Sharing from 'expo-sharing';
 import { registerNativeHandlers } from 'stream-chat-react-native-core';
 
-import ExpoVideoPlayer from './optionalDependencies/Video';
+import { AudioComponent, VideoComponent } from './optionalDependencies/Video';
 
 registerNativeHandlers({
   compressImage: async ({ compressImageQuality = 1, uri }) => {
@@ -109,7 +109,6 @@ registerNativeHandlers({
   pickDocument: async ({ maxNumberOfFiles }) => {
     try {
       const { type, ...rest } = await DocumentPicker.getDocumentAsync();
-
       if (type === 'cancel') {
         return {
           cancelled: true,
@@ -143,6 +142,19 @@ registerNativeHandlers({
       throw new Error('Sharing failed or cancelled...');
     }
   },
+  Sound: {
+    initializeSound: AudioComponent
+      ? async (source, initialStatus, onPlaybackStatusUpdate) => {
+          const { sound } = await AudioComponent.Sound.createAsync(
+            source,
+            initialStatus,
+            onPlaybackStatusUpdate,
+          );
+          return sound;
+        }
+      : null,
+    Player: null,
+  },
   takePhoto: async ({ compressImageQuality = 1 }) => {
     try {
       const permissionCheck = await ImagePicker.getCameraPermissionsAsync();
@@ -223,18 +235,20 @@ registerNativeHandlers({
     }
   },
   // eslint-disable-next-line react/display-name
-  Video: ExpoVideoPlayer ? ({ onPlaybackStatusUpdate, paused, style, uri, videoRef }) => (
-      <ExpoVideoPlayer
-        onPlaybackStatusUpdate={onPlaybackStatusUpdate}
-        ref={videoRef}
-        resizeMode='contain'
-        shouldPlay={!paused}
-        source={{
-          uri,
-        }}
-        style={[style]}
-      />
-    ) : null,
+  Video: VideoComponent
+    ? ({ onPlaybackStatusUpdate, paused, style, uri, videoRef }) => (
+        <VideoComponent
+          onPlaybackStatusUpdate={onPlaybackStatusUpdate}
+          ref={videoRef}
+          resizeMode='contain'
+          shouldPlay={!paused}
+          source={{
+            uri,
+          }}
+          style={[style]}
+        />
+      )
+    : null,
 });
 
 export * from 'stream-chat-react-native-core';

package/src/optionalDependencies/Video.ts

@@ -1,11 +1,13 @@
 let VideoComponent;
+let AudioComponent;
 try {
-  const videoPackage = require('expo-av');
-  VideoComponent = videoPackage.Video;
+  const audioVideoPackage = require('expo-av');
+  VideoComponent = audioVideoPackage.Video;
+  AudioComponent = audioVideoPackage.Audio;
 } catch (_) {
   console.warn(
-    'Video library is currently not installed. To allow in-app video playback, install the "expo-av" package.',
+    'Audio Video library is currently not installed. To allow in-app audio or video playback, install the "expo-av" package.',
   );
 }
 
-export default VideoComponent;
+export { AudioComponent, VideoComponent };