@stream-io/video-react-native-sdk 1.27.3 → 1.28.0

package/src/providers/StreamCall/AppStateListener.tsx

@@ -2,6 +2,7 @@ import { useCall } from '@stream-io/video-react-bindings';
 import { useEffect, useRef } from 'react';
 import {
   AppState,
+  type AppStateStatus,
   NativeEventEmitter,
   NativeModules,
   Platform,
@@ -11,6 +12,8 @@ import { disablePiPMode$, isInPiPMode$ } from '../../utils/internal/rxSubjects';
 import { RxUtils, videoLoggerSystem } from '@stream-io/video-client';
 
 const PIP_CHANGE_EVENT = 'StreamVideoReactNative_PIP_CHANGE_EVENT';
+const ANDROID_APP_STATE_CHANGED_EVENT =
+  'StreamVideoAppLifecycle_APP_STATE_CHANGED';
 
 const isAndroid8OrAbove = Platform.OS === 'android' && Platform.Version >= 26;
 
@@ -19,7 +22,7 @@ const isAndroid8OrAbove = Platform.OS === 'android' && Platform.Version >= 26;
 // 2. Handle PiP mode in Android
 export const AppStateListener = () => {
   const call = useCall();
-  const appState = useRef(AppState.currentState);
+  const appState = useRef<AppStateStatus>(AppState.currentState);
   const cameraDisabledByAppState = useRef<boolean>(false);
 
   // on mount: set initial PiP mode and listen to PiP events
@@ -62,25 +65,65 @@ export const AppStateListener = () => {
   }, []);
 
   useEffect(() => {
-    // due to strange behavior in iOS when app goes to "inactive" state
-    // we dont check for inactive states
-    // ref: https://www.reddit.com/r/reactnative/comments/15kib42/appstate_behavior_in_ios_when_swiping_down_to/
-    const subscription = AppState.addEventListener('change', (nextAppState) => {
-      const logger = videoLoggerSystem.getLogger('AppStateListener');
+    const logger = videoLoggerSystem.getLogger('AppStateListener');
+
+    const handleAppStateChange = (nextAppState: AppStateStatus) => {
+      logger.debug(
+        'AppState changed to ',
+        nextAppState,
+        ' from ',
+        appState.current,
+      );
+
+      // due to strange behavior in iOS when app goes to "inactive" state
+      // we dont check for inactive states
+      // ref: https://www.reddit.com/r/reactnative/comments/15kib42/appstate_behavior_in_ios_when_swiping_down_to/
       if (appState.current.match(/background/) && nextAppState === 'active') {
         if (call?.camera?.state.status === 'enabled') {
+          logger.debug(
+            'attempt to Disable and reenable camera as app came to foreground',
+          );
           // Android: when device is locked and resumed, the status isnt made disabled but stays enabled
           // iOS PiP: when local track was replaced by remote track, the local track shown is blank
           // as a workaround we stop the track and enable again if its already in enabled state
-          call?.camera?.disable(true).then(() => {
-            call?.camera?.enable();
-          });
-          logger.debug('Disable and reenable camera as app came to foreground');
+          const renableCamera = () => {
+            const camera = call?.camera;
+            if (!camera) return Promise.resolve();
+            return camera
+              .disable(true)
+              .then(() => camera.enable())
+              .catch((e) => {
+                logger.warn(
+                  'Failed to disable+reenable camera as app came to foreground',
+                  e,
+                );
+              });
+          };
+          if (Platform.OS === 'android') {
+            NativeModules.StreamVideoReactNative.isCallAliveConfigured().then(
+              (isCallAliveConfigured: boolean) => {
+                if (!isCallAliveConfigured) {
+                  renableCamera();
+                }
+              },
+            );
+          } else {
+            renableCamera();
+          }
         } else {
           if (cameraDisabledByAppState.current) {
-            call?.camera?.resume();
-            cameraDisabledByAppState.current = false;
-            logger.debug('Resume camera as app came to foreground');
+            call?.camera
+              ?.resume()
+              .then(() => {
+                cameraDisabledByAppState.current = false;
+                logger.debug('Camera resumed as app came to foreground');
+              })
+              .catch((e) => {
+                logger.warn(
+                  'Failed to resume camera as app came to foreground',
+                  e,
+                );
+              });
           }
         }
         appState.current = nextAppState;
@@ -90,9 +133,18 @@ export const AppStateListener = () => {
       ) {
         const disableCameraIfNeeded = () => {
           if (call?.camera?.state.status === 'enabled') {
-            cameraDisabledByAppState.current = true;
-            call?.camera?.disable();
-            logger.debug('Camera disabled by app going to background');
+            call?.camera
+              ?.disable()
+              .then(() => {
+                cameraDisabledByAppState.current = true;
+                logger.debug('Camera disabled by app going to background');
+              })
+              .catch((e) => {
+                logger.warn(
+                  'Failed to disable camera as app went to background',
+                  e,
+                );
+              });
           }
         };
         if (Platform.OS === 'android') {
@@ -113,7 +165,15 @@ export const AppStateListener = () => {
                     // this happens on foreground push notifications
                     return;
                   }
-                  disableCameraIfNeeded();
+                  // check if keep call alive is configured
+                  // if not, then disable the camera as we are not able to keep the call alive in the background
+                  NativeModules.StreamVideoReactNative.isCallAliveConfigured().then(
+                    (isCallAliveConfigured: boolean) => {
+                      if (!isCallAliveConfigured) {
+                        disableCameraIfNeeded();
+                      }
+                    },
+                  );
                 }
               },
             );
@@ -128,6 +188,45 @@ export const AppStateListener = () => {
         }
         appState.current = nextAppState;
       }
+    };
+
+    // for Android use our custom native module to listen to app state changes
+    // because the default react-native AppState listener works for activity and ours works for application process
+    if (Platform.OS === 'android') {
+      const nativeModule = NativeModules.StreamVideoAppLifecycle;
+      const eventEmitter = new NativeEventEmitter(nativeModule);
+      let cancelled = false;
+
+      nativeModule
+        .getCurrentAppState()
+        .then((initialState: AppStateStatus | null | undefined) => {
+          if (cancelled) return;
+          if (initialState === 'active' || initialState === 'background') {
+            appState.current = initialState;
+          }
+        })
+        .catch(() => {
+          logger.warn('Failed to get current app state from native module');
+        });
+
+      const subscription = eventEmitter.addListener(
+        ANDROID_APP_STATE_CHANGED_EVENT,
+        (nextAppState: AppStateStatus) => {
+          if (nextAppState === 'active' || nextAppState === 'background') {
+            handleAppStateChange(nextAppState);
+          }
+        },
+      );
+
+      return () => {
+        cancelled = true;
+        subscription.remove();
+      };
+    }
+
+    // for iOS use the default react-native AppState listener
+    const subscription = AppState.addEventListener('change', (nextAppState) => {
+      handleAppStateChange(nextAppState);
     });
 
     return () => {

package/src/utils/internal/registerSDKGlobals.ts

@@ -0,0 +1,30 @@
+import { StreamRNVideoSDKGlobals } from '@stream-io/video-client';
+import { NativeModules } from 'react-native';
+
+const StreamInCallManagerNativeModule = NativeModules.StreamInCallManager;
+
+const streamRNVideoSDKGlobals: StreamRNVideoSDKGlobals = {
+  callManager: {
+    setup: ({ default_device }) => {
+      StreamInCallManagerNativeModule.setDefaultAudioDeviceEndpointType(
+        default_device,
+      );
+      StreamInCallManagerNativeModule.setup();
+    },
+    start: () => {
+      StreamInCallManagerNativeModule.start();
+    },
+    stop: () => {
+      StreamInCallManagerNativeModule.stop();
+    },
+  },
+};
+
+// Note: The global type declaration for `streamRNVideoSDK` is defined in
+// @stream-io/video-client/src/types.ts and is automatically available when
+// importing from the client package.
+export function registerSDKGlobals() {
+  if (!global.streamRNVideoSDK) {
+    global.streamRNVideoSDK = streamRNVideoSDKGlobals;
+  }
+}

package/src/version.ts

@@ -1 +1 @@
-export const version = '1.27.3';
+export const version = '1.28.0';

package/android/src/main/java/com/streamvideo/reactnative/audio/utils/AudioSetupStoreUtil.kt

@@ -1,41 +0,0 @@
-package com.streamvideo.reactnative.audio.utils
-
-import android.media.AudioManager
-import android.util.Log
-import com.facebook.react.bridge.ReactContext
-import com.streamvideo.reactnative.audio.AudioDeviceManager
-import com.streamvideo.reactnative.callmanager.StreamInCallManagerModule.Companion.TAG
-
-class AudioSetupStoreUtil(
-    private val mReactContext: ReactContext,
-    private val mAudioManager: AudioManager,
-    private val mAudioDeviceManager: AudioDeviceManager
-) {
-    private var isOrigAudioSetupStored = false
-    private var origIsSpeakerPhoneOn = false
-    private var origIsMicrophoneMute = false
-    private var origAudioMode = AudioManager.MODE_NORMAL
-
-    fun storeOriginalAudioSetup() {
-        if (!isOrigAudioSetupStored) {
-            origAudioMode = mAudioManager.mode
-            origIsSpeakerPhoneOn = AudioManagerUtil.isSpeakerphoneOn(mAudioManager)
-            origIsMicrophoneMute = mAudioManager.isMicrophoneMute
-            isOrigAudioSetupStored = true
-        }
-    }
-
-    fun restoreOriginalAudioSetup() {
-        if (isOrigAudioSetupStored) {
-            if (origIsSpeakerPhoneOn) {
-                mAudioDeviceManager.setSpeakerphoneOn(true)
-            }
-            mAudioManager.setMicrophoneMute(origIsMicrophoneMute)
-            mAudioManager.mode = origAudioMode
-            mReactContext.currentActivity?.apply {
-                volumeControlStream = AudioManager.USE_DEFAULT_STREAM_TYPE
-            }
-            isOrigAudioSetupStored = false
-        }
-    }
-}