fix: prefer the async apply constraints for flip (#1679)

### Overview

This fixes the momentary mirror bug seen on iOS

Author: santhoshvai

packages/client/src/devices/CameraManager.ts

@@ -36,17 +36,14 @@ export class CameraManager extends InputMediaDeviceManager<CameraManagerState> {
     if (this.isDirectionSupportedByDevice()) {
       if (isReactNative()) {
         const videoTrack = this.getTracks()[0];
-        if (!videoTrack) return;
-        // @ts-expect-error _switchCamera() is only present in react-native-webrtc 124 and below
-        if (typeof videoTrack._switchCamera === 'function') {
-          // @ts-expect-error for older versions of react-native-webrtc support
-          videoTrack._switchCamera();
-        } else {
-          const constraints = {
-            facingMode: direction === 'front' ? 'user' : 'environment',
-          };
-          await videoTrack.applyConstraints(constraints);
+        if (!videoTrack) {
+          this.logger('warn', 'No video track found to do direction selection');
+          return;
         }
+        const constraints = {
+          facingMode: direction === 'front' ? 'user' : 'environment',
+        };
+        await videoTrack.applyConstraints(constraints);
         this.state.setDirection(direction);
         this.state.setDevice(undefined);
       } else {

packages/react-native-sdk/package.json

@@ -60,7 +60,7 @@
     "@react-native-community/push-notification-ios": ">=1.11.0",
     "@react-native-firebase/app": ">=17.5.0",
     "@react-native-firebase/messaging": ">=17.5.0",
-    "@stream-io/react-native-webrtc": ">=125.0.4",
+    "@stream-io/react-native-webrtc": ">=125.0.5",
     "@stream-io/video-filters-react-native": ">=0.1.0",
     "expo": ">=47.0.0",
     "expo-build-properties": "*",
@@ -121,7 +121,7 @@
     "@react-native-firebase/app": "19.2.2",
     "@react-native-firebase/messaging": "19.2.2",
     "@react-native/eslint-config": "^0.74.84",
-    "@stream-io/react-native-webrtc": "^125.0.4",
+    "@stream-io/react-native-webrtc": "^125.0.5",
     "@stream-io/video-filters-react-native": "workspace:^",
     "@testing-library/jest-native": "^5.4.2",
     "@testing-library/react-native": "^12.1.2",

packages/video-filters-react-native/package.json

@@ -48,7 +48,7 @@
   },
   "homepage": "https://github.com/GetStream/stream-video-js#readme",
   "devDependencies": {
-    "@stream-io/react-native-webrtc": "^125.0.4",
+    "@stream-io/react-native-webrtc": "^125.0.5",
     "react-native": "0.74.1",
     "react-native-builder-bob": "^0.23.2",
     "rimraf": "^5.0.7",

sample-apps/react-native/dogfood/package.json

@@ -28,7 +28,7 @@
     "@react-native-google-signin/google-signin": "^11.0.0",
     "@react-navigation/native": "^7.0",
     "@react-navigation/native-stack": "^7.1",
-    "@stream-io/react-native-webrtc": "^125.0.4",
+    "@stream-io/react-native-webrtc": "^125.0.5",
     "@stream-io/video-filters-react-native": "workspace:^",
     "@stream-io/video-react-native-sdk": "workspace:^",
     "axios": "^1.6.0",

sample-apps/react-native/expo-video-sample/package.json

@@ -18,7 +18,7 @@
     "@react-native-community/netinfo": "11.4.1",
     "@react-native-firebase/app": "21.6.0",
     "@react-native-firebase/messaging": "21.6.0",
-    "@stream-io/react-native-webrtc": "^125.0.4",
+    "@stream-io/react-native-webrtc": "^125.0.5",
     "@stream-io/video-react-native-sdk": "workspace:^",
     "expo": "~52.0.23",
     "expo-build-properties": "~0.13.1",

yarn.lock

@@ -8082,7 +8082,7 @@ __metadata:
     "@react-native-firebase/messaging": 21.6.0
     "@rnx-kit/metro-config": ^1.3.14
     "@rnx-kit/metro-resolver-symlinks": ^0.1.34
-    "@stream-io/react-native-webrtc": ^125.0.4
+    "@stream-io/react-native-webrtc": ^125.0.5
     "@stream-io/video-react-native-sdk": "workspace:^"
     "@types/react": ~18.3.12
     "@types/react-native-incall-manager": ^4
@@ -8168,16 +8168,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@stream-io/react-native-webrtc@npm:^125.0.4":
-  version: 125.0.4
-  resolution: "@stream-io/react-native-webrtc@npm:125.0.4"
+"@stream-io/react-native-webrtc@npm:^125.0.5":
+  version: 125.0.5
+  resolution: "@stream-io/react-native-webrtc@npm:125.0.5"
   dependencies:
     base64-js: 1.5.1
     debug: 4.3.4
     event-target-shim: 6.0.2
   peerDependencies:
     react-native: ">=0.60.0"
-  checksum: 3f26100800a4859d41621a37f7cd68d68e90dd536ca70fb70725846aae6cc4d556e21c3fc16c110a02ed95c46d3c3c0be1cdd5a2b7a5d01f7068682a43c6071e
+  checksum: 44ae6df27a81d84fa6a01f9c513b0b71fd8565a04ccd20f1e797f5bb671529367c68cd3d7b9807762dd6a128c1e4ac241723fe5d38cb56bd79b4aa96e894e1d1
   languageName: node
   linkType: hard
 
@@ -8253,7 +8253,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@stream-io/video-filters-react-native@workspace:packages/video-filters-react-native"
   dependencies:
-    "@stream-io/react-native-webrtc": ^125.0.4
+    "@stream-io/react-native-webrtc": ^125.0.5
     react-native: 0.74.1
     react-native-builder-bob: ^0.23.2
     rimraf: ^5.0.7
@@ -8394,7 +8394,7 @@ __metadata:
     "@rnx-kit/babel-preset-metro-react-native": ^1.1.3
     "@rnx-kit/metro-config": ^1.3.3
     "@rnx-kit/metro-resolver-symlinks": ^0.1.22
-    "@stream-io/react-native-webrtc": ^125.0.4
+    "@stream-io/react-native-webrtc": ^125.0.5
     "@stream-io/video-filters-react-native": "workspace:^"
     "@stream-io/video-react-native-sdk": "workspace:^"
     "@types/eslint": ^8.56.10
@@ -8446,7 +8446,7 @@ __metadata:
     "@react-native-firebase/app": 19.2.2
     "@react-native-firebase/messaging": 19.2.2
     "@react-native/eslint-config": ^0.74.84
-    "@stream-io/react-native-webrtc": ^125.0.4
+    "@stream-io/react-native-webrtc": ^125.0.5
     "@stream-io/video-client": "workspace:*"
     "@stream-io/video-filters-react-native": "workspace:^"
     "@stream-io/video-react-bindings": "workspace:*"
@@ -8488,7 +8488,7 @@ __metadata:
     "@react-native-community/push-notification-ios": ">=1.11.0"
     "@react-native-firebase/app": ">=17.5.0"
     "@react-native-firebase/messaging": ">=17.5.0"
-    "@stream-io/react-native-webrtc": ">=125.0.4"
+    "@stream-io/react-native-webrtc": ">=125.0.5"
     "@stream-io/video-filters-react-native": ">=0.1.0"
     expo: ">=47.0.0"
     expo-build-properties: "*"