@stream-io/video-react-native-sdk 1.22.3 → 1.23.0

package/CHANGELOG.md

@@ -2,6 +2,21 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.23.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-1.22.3...@stream-io/video-react-native-sdk-1.23.0) (2025-10-27)
+
+### Dependency Updates
+
+- `@stream-io/video-client` updated to version `1.35.1`
+- `@stream-io/video-react-bindings` updated to version `1.10.3`
+
+### Features
+
+- adaptive floating video dimensions ([#1969](https://github.com/GetStream/stream-video-js/issues/1969)) ([5a213d2](https://github.com/GetStream/stream-video-js/commit/5a213d2571610846bdcd9b4554a5a8d1a3def6c4))
+
+### Bug Fixes
+
+- **react-native:** restore screen wake lock and proximity sensing ([#1971](https://github.com/GetStream/stream-video-js/issues/1971)) ([f20ef70](https://github.com/GetStream/stream-video-js/commit/f20ef70a5958fddf52075233f9f3d64a2ce01895)), closes [#1840](https://github.com/GetStream/stream-video-js/issues/1840)
+
 ## [1.22.3](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-1.22.2...@stream-io/video-react-native-sdk-1.22.3) (2025-10-24)
 
 ### Dependency Updates

package/android/src/main/java/com/streamvideo/reactnative/callmanager/ProximityManager.kt

@@ -0,0 +1,183 @@
+package com.streamvideo.reactnative.callmanager
+
+import android.content.Context
+import android.hardware.Sensor
+import android.hardware.SensorEventListener
+import android.hardware.SensorManager
+import android.media.AudioDeviceInfo
+import android.media.AudioManager
+import android.os.PowerManager
+import android.util.Log
+
+/**
+ * Encapsulates Android proximity sensor handling for in-call UX.
+ *
+ * Responsibilities:
+ * - Initialize proximity sensor + PowerManager wake lock lazily
+ * - Register/unregister sensor listener
+ * - Acquire/release PROXIMITY_SCREEN_OFF_WAKE_LOCK when near/away
+ * - Provide a simple API: start(), stop(), update()
+ */
+class ProximityManager(
+    private val context: Context,
+) {
+
+    companion object {
+        const val TAG = "ProximityManager"
+    }
+
+    private var sensorManager: SensorManager? = null
+    private var proximitySensor: Sensor? = null
+    private var proximityListener: SensorEventListener? = null
+
+    private var powerManager: PowerManager? = null
+    private var proximityWakeLock: PowerManager.WakeLock? = null
+
+    private var proximityRegistered = false
+    private var initialized = false
+
+    fun start() {
+        this.update()
+    }
+
+    fun stop() {
+        // Unregister listener and release wakelock
+        disableProximity()
+    }
+
+    fun onDestroy() {
+        stop()
+    }
+
+    /**
+     * Toggle monitoring state based on higher-level decision.
+     */
+    fun update() {
+        if (!initialized) init()
+        if (isOnEarpiece()) enableProximity() else disableProximity()
+    }
+
+    private fun init() {
+        if (initialized) return
+        try {
+            sensorManager = context.getSystemService(Context.SENSOR_SERVICE) as SensorManager
+            proximitySensor = sensorManager?.getDefaultSensor(Sensor.TYPE_PROXIMITY)
+        } catch (t: Throwable) {
+            Log.w(TAG, "Proximity sensor init failed", t)
+        }
+        try {
+            powerManager = context.getSystemService(Context.POWER_SERVICE) as PowerManager
+            // Obtain PROXIMITY_SCREEN_OFF_WAKE_LOCK via reflection to avoid compile-time dependency
+            val field = PowerManager::class.java.getField("PROXIMITY_SCREEN_OFF_WAKE_LOCK")
+            val level = field.getInt(null)
+            proximityWakeLock = powerManager?.newWakeLock(level, "$TAG:Proximity")
+        } catch (t: Throwable) {
+            Log.w(TAG, "Proximity wakelock init failed (may be unsupported on this device)", t)
+            proximityWakeLock = null
+        }
+        initialized = true
+    }
+
+    private fun enableProximity() {
+        val sensor = proximitySensor
+        if (sensor == null) {
+            Log.d(TAG, "No proximity sensor available; skipping enable")
+            return
+        }
+        if (proximityRegistered) return
+        if (proximityListener == null) {
+            proximityListener = object : SensorEventListener {
+                override fun onSensorChanged(event: android.hardware.SensorEvent) {
+                    val max = sensor.maximumRange
+                    val value = event.values.firstOrNull() ?: max
+                    val near = value < max
+                    onProximityChanged(near)
+                }
+
+                override fun onAccuracyChanged(sensor: Sensor?, accuracy: Int) {}
+            }
+        }
+        try {
+            sensorManager?.registerListener(
+                proximityListener,
+                sensor,
+                SensorManager.SENSOR_DELAY_NORMAL
+            )
+            proximityRegistered = true
+            Log.d(TAG, "Proximity monitoring ENABLED")
+        } catch (t: Throwable) {
+            Log.w(TAG, "Failed to register proximity listener", t)
+        }
+    }
+
+    private fun disableProximity() {
+        if (proximityRegistered && proximityListener != null) {
+            try {
+                sensorManager?.unregisterListener(proximityListener)
+            } catch (t: Throwable) {
+                Log.w(TAG, "Failed to unregister proximity listener", t)
+            }
+        }
+        proximityRegistered = false
+        releaseProximityWakeLock()
+        Log.d(TAG, "Proximity monitoring DISABLED")
+    }
+
+    private fun onProximityChanged(near: Boolean) {
+        if (near) {
+            acquireProximityWakeLock()
+        } else {
+            releaseProximityWakeLock()
+        }
+    }
+
+    private fun acquireProximityWakeLock() {
+        try {
+            val wl = proximityWakeLock
+            if (wl != null && !wl.isHeld) {
+                wl.acquire()
+                Log.d(TAG, "Proximity wakelock ACQUIRED (screen off near ear)")
+            }
+        } catch (t: Throwable) {
+            Log.w(TAG, "Failed to acquire proximity wakelock", t)
+        }
+    }
+
+    private fun releaseProximityWakeLock() {
+        try {
+            val wl = proximityWakeLock
+            if (wl != null && wl.isHeld) {
+                wl.release()
+                Log.d(TAG, "Proximity wakelock RELEASED (screen on)")
+            }
+        } catch (t: Throwable) {
+            Log.w(TAG, "Failed to release proximity wakelock", t)
+        }
+    }
+
+    private fun isOnEarpiece(): Boolean {
+        val audioManager = context.getSystemService(Context.AUDIO_SERVICE) as AudioManager
+        // If speakerphone is on, not earpiece
+        if (audioManager.isSpeakerphoneOn) return false
+
+        // Check if Bluetooth SCO/A2DP or wired headset is connected
+        var hasBt = false
+        var hasWired = false
+        val outputs = audioManager.getDevices(AudioManager.GET_DEVICES_OUTPUTS)
+        outputs.forEach { dev ->
+            val type = dev.type
+            if (type == AudioDeviceInfo.TYPE_BLUETOOTH_A2DP ||
+                type == AudioDeviceInfo.TYPE_BLUETOOTH_SCO
+            ) {
+                hasBt = true
+            } else if (type == AudioDeviceInfo.TYPE_WIRED_HEADPHONES
+                || type == AudioDeviceInfo.TYPE_WIRED_HEADSET
+                || type == AudioDeviceInfo.TYPE_USB_HEADSET
+            ) {
+                hasWired = true
+            }
+        }
+
+        return !hasBt && !hasWired
+    }
+}

package/android/src/main/java/com/streamvideo/reactnative/callmanager/StreamInCallManagerModule.kt

@@ -20,7 +20,7 @@ class StreamInCallManagerModule(reactContext: ReactApplicationContext) :
     private var audioManagerActivated = false
 
     private val mAudioDeviceManager = AudioDeviceManager(reactContext)
-
+    private val proximityManager = ProximityManager(reactContext)
 
     override fun getName(): String {
         return TAG
@@ -40,6 +40,8 @@ class StreamInCallManagerModule(reactContext: ReactApplicationContext) :
     }
 
     override fun invalidate() {
+        // Ensure we cleanup proximity and screen flags too
+        stop()
         mAudioDeviceManager.close()
         super.invalidate()
     }
@@ -87,6 +89,8 @@ class StreamInCallManagerModule(reactContext: ReactApplicationContext) :
                     mAudioDeviceManager.start(it)
                     setKeepScreenOn(true)
                     audioManagerActivated = true
+                    // Initialize and evaluate proximity monitoring via controller
+                    proximityManager.start()
                 }
             }
         }
@@ -99,6 +103,8 @@ class StreamInCallManagerModule(reactContext: ReactApplicationContext) :
                 Log.d(TAG, "stop() mAudioDeviceManager")
                 mAudioDeviceManager.stop()
                 setMicrophoneMute(false)
+                // Disable proximity monitoring via controller and clear keep-screen-on
+                proximityManager.stop()
                 setKeepScreenOn(false)
                 audioManagerActivated = false
             }
@@ -127,6 +133,8 @@ class StreamInCallManagerModule(reactContext: ReactApplicationContext) :
             return
         }
         mAudioDeviceManager.setSpeakerphoneOn(enable)
+        // Re-evaluate proximity monitoring when route may change
+        this.proximityManager.update()
     }
 
     @ReactMethod
@@ -152,6 +160,8 @@ class StreamInCallManagerModule(reactContext: ReactApplicationContext) :
         mAudioDeviceManager.switchDeviceFromDeviceName(
             endpointDeviceName
         )
+        // Re-evaluate proximity monitoring when endpoint changes
+        this.proximityManager.update()
     }
 
     @ReactMethod
@@ -164,6 +174,7 @@ class StreamInCallManagerModule(reactContext: ReactApplicationContext) :
         mAudioDeviceManager.unmuteAudioOutput()
     }
 
+
     override fun onHostResume() {
     }
 

package/dist/commonjs/components/Participant/FloatingParticipantView/index.js

@@ -13,6 +13,7 @@ var _FloatingView = _interopRequireDefault(require("./FloatingView"));
 var _common = require("./FloatingView/common");
 var _ParticipantView = require("../ParticipantView");
 var _ThemeContext = require("../../../contexts/ThemeContext");
+var _useFloatingVideoDimensions = require("./useFloatingVideoDimensions");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 /**
@@ -66,7 +67,10 @@ const FloatingParticipantView = ({
   const {
     theme: {
       colors,
-      floatingParticipantsView
+      floatingParticipantsView,
+      variants: {
+        spacingSizes
+      }
     }
   } = (0, _ThemeContext.useTheme)();
   const floatingAlignmentMap = {
@@ -76,6 +80,7 @@ const FloatingParticipantView = ({
     'bottom-right': _common.FloatingViewAlignment.bottomRight
   };
   const [containerDimensions, setContainerDimensions] = _react.default.useState();
+  const floatingVideoDimensions = (0, _useFloatingVideoDimensions.useFloatingVideoDimensions)(containerDimensions, participant, 'videoTrack');
   const participantViewProps = {
     ParticipantLabel: null,
     ParticipantNetworkQualityIndicator,
@@ -108,7 +113,7 @@ const FloatingParticipantView = ({
         };
       });
     }
-  }, containerDimensions && /*#__PURE__*/_react.default.createElement(_FloatingView.default, {
+  }, containerDimensions && floatingVideoDimensions && /*#__PURE__*/_react.default.createElement(_FloatingView.default, {
     containerHeight: containerDimensions.height,
     containerWidth: containerDimensions.width,
     initialAlignment: floatingAlignmentMap[alignment]
@@ -117,7 +122,12 @@ const FloatingParticipantView = ({
   }, ParticipantView && /*#__PURE__*/_react.default.createElement(ParticipantView, _extends({
     participant: participant,
     trackType: "videoTrack",
-    style: [styles.participantViewContainer, participantViewStyle, {
+    style: [styles.participantViewContainer, {
+      width: floatingVideoDimensions.width,
+      height: floatingVideoDimensions.height,
+      borderRadius: floatingVideoDimensions.width * 0.1,
+      marginHorizontal: spacingSizes.md
+    }, participantViewStyle, {
       shadowColor: colors.sheetPrimary
     }, floatingParticipantsView.participantViewContainer]
     // video z order must be one above the one used in grid view
@@ -136,9 +146,6 @@ const styles = _reactNative.StyleSheet.create({
     flex: 1
   },
   participantViewContainer: {
-    height: _constants.FLOATING_VIDEO_VIEW_STYLE.height,
-    width: _constants.FLOATING_VIDEO_VIEW_STYLE.width,
-    borderRadius: _constants.FLOATING_VIDEO_VIEW_STYLE.borderRadius,
     shadowOffset: {
       width: 0,
       height: 2

package/dist/commonjs/components/Participant/FloatingParticipantView/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_constants","_TestIds","_icons","_FloatingView","_common","_ParticipantView","_ThemeContext","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","DefaultLocalParticipantViewVideoFallback","theme","colors","floatingParticipantsView","variants","iconSizes","defaults","useTheme","createElement","View","style","styles","videoFallback","backgroundColor","sheetSecondary","height","md","width","VideoSlash","color","iconPrimary","size","iconSize","FloatingParticipantView","alignment","onPressHandler","participant","participantViewStyle","draggableContainerStyle","ParticipantView","DefaultParticipantView","ParticipantNetworkQualityIndicator","ParticipantVideoFallback","ParticipantReaction","VideoRenderer","supportedReactions","videoZOrder","objectFit","floatingAlignmentMap","FloatingViewAlignment","topLeft","topRight","bottomLeft","bottomRight","containerDimensions","setContainerDimensions","React","useState","participantViewProps","ParticipantLabel","testID","ComponentTestIds","LOCAL_PARTICIPANT","container","pointerEvents","onLayout","event","nativeEvent","layout","prev","containerHeight","containerWidth","initialAlignment","Pressable","onPress","trackType","participantViewContainer","shadowColor","sheetPrimary","exports","StyleSheet","create","zIndex","Z_INDEX","IN_MIDDLE","flex","FLOATING_VIDEO_VIEW_STYLE","borderRadius","shadowOffset","shadowOpacity","shadowRadius","elevation","absoluteFillObject","alignItems","justifyContent"],"sourceRoot":"../../../../../src","sources":["components/Participant/FloatingParticipantView/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_constants","_TestIds","_icons","_FloatingView","_common","_ParticipantView","_ThemeContext","_useFloatingVideoDimensions","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","DefaultLocalParticipantViewVideoFallback","theme","colors","floatingParticipantsView","variants","iconSizes","defaults","useTheme","createElement","View","style","styles","videoFallback","backgroundColor","sheetSecondary","height","md","width","VideoSlash","color","iconPrimary","size","iconSize","FloatingParticipantView","alignment","onPressHandler","participant","participantViewStyle","draggableContainerStyle","ParticipantView","DefaultParticipantView","ParticipantNetworkQualityIndicator","ParticipantVideoFallback","ParticipantReaction","VideoRenderer","supportedReactions","videoZOrder","objectFit","spacingSizes","floatingAlignmentMap","FloatingViewAlignment","topLeft","topRight","bottomLeft","bottomRight","containerDimensions","setContainerDimensions","React","useState","floatingVideoDimensions","useFloatingVideoDimensions","participantViewProps","ParticipantLabel","testID","ComponentTestIds","LOCAL_PARTICIPANT","container","pointerEvents","onLayout","event","nativeEvent","layout","prev","containerHeight","containerWidth","initialAlignment","Pressable","onPress","trackType","participantViewContainer","borderRadius","marginHorizontal","shadowColor","sheetPrimary","exports","StyleSheet","create","zIndex","Z_INDEX","IN_MIDDLE","flex","shadowOffset","shadowOpacity","shadowRadius","elevation","absoluteFillObject","alignItems","justifyContent"],"sourceRoot":"../../../../../src","sources":["components/Participant/FloatingParticipantView/index.tsx"],"mappings":"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","ignoreList":[]}

package/dist/commonjs/components/Participant/FloatingParticipantView/useFloatingVideoDimensions.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFloatingVideoDimensions = void 0;
+var _useTrackDimensions = require("../../../hooks/useTrackDimensions");
+const useFloatingVideoDimensions = (containerDimensions, participant, trackType) => {
+  const containerWidth = containerDimensions?.width ?? 0;
+  const {
+    width,
+    height
+  } = (0, _useTrackDimensions.useTrackDimensions)(participant, trackType);
+  if (width === 0 || height === 0 || containerWidth === 0) {
+    return undefined;
+  }
+  const aspectRatio = width / height;
+
+  // based on Android AOSP PiP mode default dimensions algorithm
+  // 23% of the container width
+  const floatingVideoWidth = containerWidth * 0.23;
+  // the height is calculated based on the aspect ratio
+  const floatingVideoHeight = floatingVideoWidth / aspectRatio;
+  return {
+    width: floatingVideoWidth,
+    height: floatingVideoHeight
+  };
+};
+exports.useFloatingVideoDimensions = useFloatingVideoDimensions;
+//# sourceMappingURL=useFloatingVideoDimensions.js.map

package/dist/commonjs/components/Participant/FloatingParticipantView/useFloatingVideoDimensions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useTrackDimensions","require","useFloatingVideoDimensions","containerDimensions","participant","trackType","containerWidth","width","height","useTrackDimensions","undefined","aspectRatio","floatingVideoWidth","floatingVideoHeight","exports"],"sourceRoot":"../../../../../src","sources":["components/Participant/FloatingParticipantView/useFloatingVideoDimensions.tsx"],"mappings":";;;;;;AAIA,IAAAA,mBAAA,GAAAC,OAAA;AAEO,MAAMC,0BAA0B,GAAGA,CACxCC,mBAKa,EACbC,WAA+C,EAC/CC,SAAyB,KACtB;EACH,MAAMC,cAAc,GAAGH,mBAAmB,EAAEI,KAAK,IAAI,CAAC;EACtD,MAAM;IAAEA,KAAK;IAAEC;EAAO,CAAC,GAAG,IAAAC,sCAAkB,EAACL,WAAW,EAAEC,SAAS,CAAC;EAEpE,IAAIE,KAAK,KAAK,CAAC,IAAIC,MAAM,KAAK,CAAC,IAAIF,cAAc,KAAK,CAAC,EAAE;IACvD,OAAOI,SAAS;EAClB;EAEA,MAAMC,WAAW,GAAGJ,KAAK,GAAGC,MAAM;;EAElC;EACA;EACA,MAAMI,kBAAkB,GAAGN,cAAc,GAAG,IAAI;EAChD;EACA,MAAMO,mBAAmB,GAAGD,kBAAkB,GAAGD,WAAW;EAE5D,OAAO;IACLJ,KAAK,EAAEK,kBAAkB;IACzBJ,MAAM,EAAEK;EACV,CAAC;AACH,CAAC;AAACC,OAAA,CAAAZ,0BAAA,GAAAA,0BAAA","ignoreList":[]}

package/dist/commonjs/constants/index.js

@@ -3,12 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.defaultEmojiReactions = exports.Z_INDEX = exports.FLOATING_VIDEO_VIEW_STYLE = void 0;
-const FLOATING_VIDEO_VIEW_STYLE = exports.FLOATING_VIDEO_VIEW_STYLE = {
-  height: 140,
-  width: 80,
-  borderRadius: 10
-};
+exports.defaultEmojiReactions = exports.Z_INDEX = void 0;
 const defaultEmojiReactions = exports.defaultEmojiReactions = [{
   type: 'reaction',
   emoji_code: ':rolling_on_the_floor_laughing:',

package/dist/commonjs/constants/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["FLOATING_VIDEO_VIEW_STYLE","exports","height","width","borderRadius","defaultEmojiReactions","type","emoji_code","custom","icon","Z_INDEX","IN_BACK","IN_MIDDLE","IN_FRONT"],"sourceRoot":"../../../src","sources":["constants/index.ts"],"mappings":";;;;;;AAEO,MAAMA,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG;EACvCE,MAAM,EAAE,GAAG;EACXC,KAAK,EAAE,EAAE;EACTC,YAAY,EAAE;AAChB,CAAC;AAEM,MAAMC,qBAA2C,GAAAJ,OAAA,CAAAI,qBAAA,GAAG,CACzD;EACEC,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,iCAAiC;EAC7CC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,QAAQ;EACpBC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,UAAU;EACtBC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,WAAW;EACvBC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,aAAa;EACzBC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,gBAAgB;EAC5BC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,aAAa;EACnBC,UAAU,EAAE,eAAe;EAC3BC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,CACF;AAEM,MAAMC,OAAO,GAAAT,OAAA,CAAAS,OAAA,GAAG;EACrBC,OAAO,EAAE,CAAC;EACVC,SAAS,EAAE,CAAC;EACZC,QAAQ,EAAE;AACZ,CAAC","ignoreList":[]}
+{"version":3,"names":["defaultEmojiReactions","exports","type","emoji_code","custom","icon","Z_INDEX","IN_BACK","IN_MIDDLE","IN_FRONT"],"sourceRoot":"../../../src","sources":["constants/index.ts"],"mappings":";;;;;;AAEO,MAAMA,qBAA2C,GAAAC,OAAA,CAAAD,qBAAA,GAAG,CACzD;EACEE,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,iCAAiC;EAC7CC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,QAAQ;EACpBC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,UAAU;EACtBC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,WAAW;EACvBC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,aAAa;EACzBC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,gBAAgB;EAC5BC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,aAAa;EACnBC,UAAU,EAAE,eAAe;EAC3BC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,CACF;AAEM,MAAMC,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EACrBC,OAAO,EAAE,CAAC;EACVC,SAAS,EAAE,CAAC;EACZC,QAAQ,EAAE;AACZ,CAAC","ignoreList":[]}

package/dist/commonjs/hooks/useTrackDimensions.js

@@ -15,7 +15,7 @@ function useTrackDimensions(participant, trackType) {
   const {
     videoStream,
     screenShareStream
-  } = participant;
+  } = participant || {};
   const stream = trackType === 'screenShareTrack' ? screenShareStream : videoStream;
   const [track] = stream?.getVideoTracks() ?? [];
   const trackId = track?.id;

package/dist/commonjs/hooks/useTrackDimensions.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","useTrackDimensions","participant","trackType","videoStream","screenShareStream","stream","track","getVideoTracks","trackId","id","trackDimensions","setTrackDimensions","useState","settings","getSettings","width","height","useEffect","handleVideoTrackDimensionChanged","eventData","prev","webRTCEventEmitter","NativeEventEmitter","NativeModules","WebRTCModule","subscription","addListener","remove"],"sourceRoot":"../../../src","sources":["hooks/useTrackDimensions.ts"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA;AACA;AACA;AACA;AACA;AACO,SAASE,kBAAkBA,CAChCC,WAAmC,EACnCC,SAAyB,EACzB;EACA,MAAM;IAAEC,WAAW;IAAEC;EAAkB,CAAC,GAAGH,WAAW;EACtD,MAAMI,MAAM,GACVH,SAAS,KAAK,kBAAkB,GAAGE,iBAAiB,GAAGD,WAAW;EACpE,MAAM,CAACG,KAAK,CAAC,GAAGD,MAAM,EAAEE,cAAc,CAAC,CAAC,IAAI,EAAE;EAC9C,MAAMC,OAAO,GAAGF,KAAK,EAAEG,EAAE;EAEzB,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM;IAC3D,MAAMC,QAAQ,GAAGP,KAAK,EAAEQ,WAAW,CAAC,CAAC;IACrC,MAAMC,KAAK,GAAGF,QAAQ,EAAEE,KAAK,IAAI,CAAC;IAClC,MAAMC,MAAM,GAAGH,QAAQ,EAAEG,MAAM,IAAI,CAAC;IACpC,OAAO;MACLD,KAAK;MACLC;IACF,CAAC;EACH,CAAC,CAAC;;EAEF;EACA,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAI,CAACT,OAAO,IAAI,CAACF,KAAK,EAAE;IAExB,MAAMY,gCAAgC,GAAIC,SAKzC,IAAK;MACJ;MACA,IAAIA,SAAS,CAACX,OAAO,KAAKA,OAAO,EAAE;QACjCG,kBAAkB,CAAES,IAAI,IAAK;UAC3B,IACEA,IAAI,CAACL,KAAK,KAAKI,SAAS,CAACJ,KAAK,IAC9BK,IAAI,CAACJ,MAAM,KAAKG,SAAS,CAACH,MAAM,EAChC;YACA,OAAOI,IAAI;UACb;UACA,OAAO;YAAEL,KAAK,EAAEI,SAAS,CAACJ,KAAK;YAAEC,MAAM,EAAEG,SAAS,CAACH;UAAO,CAAC;QAC7D,CAAC,CAAC;MACJ;IACF,CAAC;IAED,MAAM;MAAED,KAAK;MAAEC;IAAO,CAAC,GAAGV,KAAK,CAACQ,WAAW,CAAC,CAAC;IAC7CH,kBAAkB,CAAES,IAAI,IAAK;MAC3B,IAAIA,IAAI,CAACL,KAAK,KAAKA,KAAK,IAAIK,IAAI,CAACJ,MAAM,KAAKA,MAAM,EAAE;QAClD,OAAOI,IAAI;MACb;MACA,OAAO;QACLL,KAAK,EAAEA,KAAK,IAAI,CAAC;QACjBC,MAAM,EAAEA,MAAM,IAAI;MACpB,CAAC;IACH,CAAC,CAAC;IAEF,MAAMK,kBAAkB,GAAG,IAAIC,+BAAkB,CAC/CC,0BAAa,CAACC,YAChB,CAAC;IACD,MAAMC,YAAY,GAAGJ,kBAAkB,CAACK,WAAW,CACjD,4BAA4B,EAC5BR,gCACF,CAAC;IAED,OAAO,MAAM;MACXO,YAAY,CAACE,MAAM,CAAC,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,CAACnB,OAAO,EAAEF,KAAK,CAAC,CAAC;EAEpB,OAAOI,eAAe;AACxB","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","useTrackDimensions","participant","trackType","videoStream","screenShareStream","stream","track","getVideoTracks","trackId","id","trackDimensions","setTrackDimensions","useState","settings","getSettings","width","height","useEffect","handleVideoTrackDimensionChanged","eventData","prev","webRTCEventEmitter","NativeEventEmitter","NativeModules","WebRTCModule","subscription","addListener","remove"],"sourceRoot":"../../../src","sources":["hooks/useTrackDimensions.ts"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA;AACA;AACA;AACA;AACA;AACO,SAASE,kBAAkBA,CAChCC,WAA+C,EAC/CC,SAAyB,EACzB;EACA,MAAM;IAAEC,WAAW;IAAEC;EAAkB,CAAC,GAAGH,WAAW,IAAI,CAAC,CAAC;EAC5D,MAAMI,MAAM,GACVH,SAAS,KAAK,kBAAkB,GAAGE,iBAAiB,GAAGD,WAAW;EACpE,MAAM,CAACG,KAAK,CAAC,GAAGD,MAAM,EAAEE,cAAc,CAAC,CAAC,IAAI,EAAE;EAC9C,MAAMC,OAAO,GAAGF,KAAK,EAAEG,EAAE;EAEzB,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAM;IAC3D,MAAMC,QAAQ,GAAGP,KAAK,EAAEQ,WAAW,CAAC,CAAC;IACrC,MAAMC,KAAK,GAAGF,QAAQ,EAAEE,KAAK,IAAI,CAAC;IAClC,MAAMC,MAAM,GAAGH,QAAQ,EAAEG,MAAM,IAAI,CAAC;IACpC,OAAO;MACLD,KAAK;MACLC;IACF,CAAC;EACH,CAAC,CAAC;;EAEF;EACA,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAI,CAACT,OAAO,IAAI,CAACF,KAAK,EAAE;IAExB,MAAMY,gCAAgC,GAAIC,SAKzC,IAAK;MACJ;MACA,IAAIA,SAAS,CAACX,OAAO,KAAKA,OAAO,EAAE;QACjCG,kBAAkB,CAAES,IAAI,IAAK;UAC3B,IACEA,IAAI,CAACL,KAAK,KAAKI,SAAS,CAACJ,KAAK,IAC9BK,IAAI,CAACJ,MAAM,KAAKG,SAAS,CAACH,MAAM,EAChC;YACA,OAAOI,IAAI;UACb;UACA,OAAO;YAAEL,KAAK,EAAEI,SAAS,CAACJ,KAAK;YAAEC,MAAM,EAAEG,SAAS,CAACH;UAAO,CAAC;QAC7D,CAAC,CAAC;MACJ;IACF,CAAC;IAED,MAAM;MAAED,KAAK;MAAEC;IAAO,CAAC,GAAGV,KAAK,CAACQ,WAAW,CAAC,CAAC;IAC7CH,kBAAkB,CAAES,IAAI,IAAK;MAC3B,IAAIA,IAAI,CAACL,KAAK,KAAKA,KAAK,IAAIK,IAAI,CAACJ,MAAM,KAAKA,MAAM,EAAE;QAClD,OAAOI,IAAI;MACb;MACA,OAAO;QACLL,KAAK,EAAEA,KAAK,IAAI,CAAC;QACjBC,MAAM,EAAEA,MAAM,IAAI;MACpB,CAAC;IACH,CAAC,CAAC;IAEF,MAAMK,kBAAkB,GAAG,IAAIC,+BAAkB,CAC/CC,0BAAa,CAACC,YAChB,CAAC;IACD,MAAMC,YAAY,GAAGJ,kBAAkB,CAACK,WAAW,CACjD,4BAA4B,EAC5BR,gCACF,CAAC;IAED,OAAO,MAAM;MACXO,YAAY,CAACE,MAAM,CAAC,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,CAACnB,OAAO,EAAEF,KAAK,CAAC,CAAC;EAEpB,OAAOI,eAAe;AACxB","ignoreList":[]}

package/dist/commonjs/version.js

@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.version = void 0;
-const version = exports.version = '1.22.3';
+const version = exports.version = '1.23.0';
 //# sourceMappingURL=version.js.map

package/dist/module/components/Participant/FloatingParticipantView/index.js

@@ -1,13 +1,14 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import { Pressable, StyleSheet, View } from 'react-native';
-import { FLOATING_VIDEO_VIEW_STYLE, Z_INDEX } from '../../../constants';
+import { Z_INDEX } from '../../../constants';
 import { ComponentTestIds } from '../../../constants/TestIds';
 import { VideoSlash } from '../../../icons';
 import FloatingView from './FloatingView';
 import { FloatingViewAlignment } from './FloatingView/common';
 import { ParticipantView as DefaultParticipantView } from '../ParticipantView';
 import { useTheme } from '../../../contexts/ThemeContext';
+import { useFloatingVideoDimensions } from './useFloatingVideoDimensions';
 
 /**
  * Props to be passed for the LocalVideoView component.
@@ -60,7 +61,10 @@ export const FloatingParticipantView = ({
   const {
     theme: {
       colors,
-      floatingParticipantsView
+      floatingParticipantsView,
+      variants: {
+        spacingSizes
+      }
     }
   } = useTheme();
   const floatingAlignmentMap = {
@@ -70,6 +74,7 @@ export const FloatingParticipantView = ({
     'bottom-right': FloatingViewAlignment.bottomRight
   };
   const [containerDimensions, setContainerDimensions] = React.useState();
+  const floatingVideoDimensions = useFloatingVideoDimensions(containerDimensions, participant, 'videoTrack');
   const participantViewProps = {
     ParticipantLabel: null,
     ParticipantNetworkQualityIndicator,
@@ -102,7 +107,7 @@ export const FloatingParticipantView = ({
         };
       });
     }
-  }, containerDimensions && /*#__PURE__*/React.createElement(FloatingView, {
+  }, containerDimensions && floatingVideoDimensions && /*#__PURE__*/React.createElement(FloatingView, {
     containerHeight: containerDimensions.height,
     containerWidth: containerDimensions.width,
     initialAlignment: floatingAlignmentMap[alignment]
@@ -111,7 +116,12 @@ export const FloatingParticipantView = ({
   }, ParticipantView && /*#__PURE__*/React.createElement(ParticipantView, _extends({
     participant: participant,
     trackType: "videoTrack",
-    style: [styles.participantViewContainer, participantViewStyle, {
+    style: [styles.participantViewContainer, {
+      width: floatingVideoDimensions.width,
+      height: floatingVideoDimensions.height,
+      borderRadius: floatingVideoDimensions.width * 0.1,
+      marginHorizontal: spacingSizes.md
+    }, participantViewStyle, {
       shadowColor: colors.sheetPrimary
     }, floatingParticipantsView.participantViewContainer]
     // video z order must be one above the one used in grid view
@@ -129,9 +139,6 @@ const styles = StyleSheet.create({
     flex: 1
   },
   participantViewContainer: {
-    height: FLOATING_VIDEO_VIEW_STYLE.height,
-    width: FLOATING_VIDEO_VIEW_STYLE.width,
-    borderRadius: FLOATING_VIDEO_VIEW_STYLE.borderRadius,
     shadowOffset: {
       width: 0,
       height: 2

package/dist/module/components/Participant/FloatingParticipantView/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Pressable","StyleSheet","View","FLOATING_VIDEO_VIEW_STYLE","Z_INDEX","ComponentTestIds","VideoSlash","FloatingView","FloatingViewAlignment","ParticipantView","DefaultParticipantView","useTheme","DefaultLocalParticipantViewVideoFallback","theme","colors","floatingParticipantsView","variants","iconSizes","defaults","createElement","style","styles","videoFallback","backgroundColor","sheetSecondary","height","md","width","color","iconPrimary","size","iconSize","FloatingParticipantView","alignment","onPressHandler","participant","participantViewStyle","draggableContainerStyle","ParticipantNetworkQualityIndicator","ParticipantVideoFallback","ParticipantReaction","VideoRenderer","supportedReactions","videoZOrder","objectFit","floatingAlignmentMap","topLeft","topRight","bottomLeft","bottomRight","containerDimensions","setContainerDimensions","useState","participantViewProps","ParticipantLabel","testID","LOCAL_PARTICIPANT","container","pointerEvents","onLayout","event","nativeEvent","layout","prev","containerHeight","containerWidth","initialAlignment","onPress","_extends","trackType","participantViewContainer","shadowColor","sheetPrimary","create","zIndex","IN_MIDDLE","flex","borderRadius","shadowOffset","shadowOpacity","shadowRadius","elevation","absoluteFillObject","alignItems","justifyContent"],"sourceRoot":"../../../../../src","sources":["components/Participant/FloatingParticipantView/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Pressable","StyleSheet","View","Z_INDEX","ComponentTestIds","VideoSlash","FloatingView","FloatingViewAlignment","ParticipantView","DefaultParticipantView","useTheme","useFloatingVideoDimensions","DefaultLocalParticipantViewVideoFallback","theme","colors","floatingParticipantsView","variants","iconSizes","defaults","createElement","style","styles","videoFallback","backgroundColor","sheetSecondary","height","md","width","color","iconPrimary","size","iconSize","FloatingParticipantView","alignment","onPressHandler","participant","participantViewStyle","draggableContainerStyle","ParticipantNetworkQualityIndicator","ParticipantVideoFallback","ParticipantReaction","VideoRenderer","supportedReactions","videoZOrder","objectFit","spacingSizes","floatingAlignmentMap","topLeft","topRight","bottomLeft","bottomRight","containerDimensions","setContainerDimensions","useState","floatingVideoDimensions","participantViewProps","ParticipantLabel","testID","LOCAL_PARTICIPANT","container","pointerEvents","onLayout","event","nativeEvent","layout","prev","containerHeight","containerWidth","initialAlignment","onPress","_extends","trackType","participantViewContainer","borderRadius","marginHorizontal","shadowColor","sheetPrimary","create","zIndex","IN_MIDDLE","flex","shadowOffset","shadowOpacity","shadowRadius","elevation","absoluteFillObject","alignItems","justifyContent"],"sourceRoot":"../../../../../src","sources":["components/Participant/FloatingParticipantView/index.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/components/Participant/FloatingParticipantView/useFloatingVideoDimensions.js

@@ -0,0 +1,23 @@
+import { useTrackDimensions } from '../../../hooks/useTrackDimensions';
+export const useFloatingVideoDimensions = (containerDimensions, participant, trackType) => {
+  const containerWidth = containerDimensions?.width ?? 0;
+  const {
+    width,
+    height
+  } = useTrackDimensions(participant, trackType);
+  if (width === 0 || height === 0 || containerWidth === 0) {
+    return undefined;
+  }
+  const aspectRatio = width / height;
+
+  // based on Android AOSP PiP mode default dimensions algorithm
+  // 23% of the container width
+  const floatingVideoWidth = containerWidth * 0.23;
+  // the height is calculated based on the aspect ratio
+  const floatingVideoHeight = floatingVideoWidth / aspectRatio;
+  return {
+    width: floatingVideoWidth,
+    height: floatingVideoHeight
+  };
+};
+//# sourceMappingURL=useFloatingVideoDimensions.js.map

package/dist/module/components/Participant/FloatingParticipantView/useFloatingVideoDimensions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useTrackDimensions","useFloatingVideoDimensions","containerDimensions","participant","trackType","containerWidth","width","height","undefined","aspectRatio","floatingVideoWidth","floatingVideoHeight"],"sourceRoot":"../../../../../src","sources":["components/Participant/FloatingParticipantView/useFloatingVideoDimensions.tsx"],"mappings":"AAIA,SAASA,kBAAkB,QAAQ,mCAAmC;AAEtE,OAAO,MAAMC,0BAA0B,GAAGA,CACxCC,mBAKa,EACbC,WAA+C,EAC/CC,SAAyB,KACtB;EACH,MAAMC,cAAc,GAAGH,mBAAmB,EAAEI,KAAK,IAAI,CAAC;EACtD,MAAM;IAAEA,KAAK;IAAEC;EAAO,CAAC,GAAGP,kBAAkB,CAACG,WAAW,EAAEC,SAAS,CAAC;EAEpE,IAAIE,KAAK,KAAK,CAAC,IAAIC,MAAM,KAAK,CAAC,IAAIF,cAAc,KAAK,CAAC,EAAE;IACvD,OAAOG,SAAS;EAClB;EAEA,MAAMC,WAAW,GAAGH,KAAK,GAAGC,MAAM;;EAElC;EACA;EACA,MAAMG,kBAAkB,GAAGL,cAAc,GAAG,IAAI;EAChD;EACA,MAAMM,mBAAmB,GAAGD,kBAAkB,GAAGD,WAAW;EAE5D,OAAO;IACLH,KAAK,EAAEI,kBAAkB;IACzBH,MAAM,EAAEI;EACV,CAAC;AACH,CAAC","ignoreList":[]}

package/dist/module/constants/index.js

@@ -1,8 +1,3 @@
-export const FLOATING_VIDEO_VIEW_STYLE = {
-  height: 140,
-  width: 80,
-  borderRadius: 10
-};
 export const defaultEmojiReactions = [{
   type: 'reaction',
   emoji_code: ':rolling_on_the_floor_laughing:',

package/dist/module/constants/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["FLOATING_VIDEO_VIEW_STYLE","height","width","borderRadius","defaultEmojiReactions","type","emoji_code","custom","icon","Z_INDEX","IN_BACK","IN_MIDDLE","IN_FRONT"],"sourceRoot":"../../../src","sources":["constants/index.ts"],"mappings":"AAEA,OAAO,MAAMA,yBAAyB,GAAG;EACvCC,MAAM,EAAE,GAAG;EACXC,KAAK,EAAE,EAAE;EACTC,YAAY,EAAE;AAChB,CAAC;AAED,OAAO,MAAMC,qBAA2C,GAAG,CACzD;EACEC,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,iCAAiC;EAC7CC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,QAAQ;EACpBC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,UAAU;EACtBC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,WAAW;EACvBC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,aAAa;EACzBC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,gBAAgB;EAC5BC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,aAAa;EACnBC,UAAU,EAAE,eAAe;EAC3BC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,CACF;AAED,OAAO,MAAMC,OAAO,GAAG;EACrBC,OAAO,EAAE,CAAC;EACVC,SAAS,EAAE,CAAC;EACZC,QAAQ,EAAE;AACZ,CAAC","ignoreList":[]}
+{"version":3,"names":["defaultEmojiReactions","type","emoji_code","custom","icon","Z_INDEX","IN_BACK","IN_MIDDLE","IN_FRONT"],"sourceRoot":"../../../src","sources":["constants/index.ts"],"mappings":"AAEA,OAAO,MAAMA,qBAA2C,GAAG,CACzD;EACEC,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,iCAAiC;EAC7CC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,QAAQ;EACpBC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,UAAU;EACtBC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,WAAW;EACvBC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,aAAa;EACzBC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,UAAU;EAChBC,UAAU,EAAE,gBAAgB;EAC5BC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,EACD;EACEH,IAAI,EAAE,aAAa;EACnBC,UAAU,EAAE,eAAe;EAC3BC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE;AACR,CAAC,CACF;AAED,OAAO,MAAMC,OAAO,GAAG;EACrBC,OAAO,EAAE,CAAC;EACVC,SAAS,EAAE,CAAC;EACZC,QAAQ,EAAE;AACZ,CAAC","ignoreList":[]}

package/dist/module/hooks/useTrackDimensions.js

@@ -10,7 +10,7 @@ export function useTrackDimensions(participant, trackType) {
   const {
     videoStream,
     screenShareStream
-  } = participant;
+  } = participant || {};
   const stream = trackType === 'screenShareTrack' ? screenShareStream : videoStream;
   const [track] = stream?.getVideoTracks() ?? [];
   const trackId = track?.id;

package/dist/module/hooks/useTrackDimensions.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useState","NativeEventEmitter","NativeModules","useTrackDimensions","participant","trackType","videoStream","screenShareStream","stream","track","getVideoTracks","trackId","id","trackDimensions","setTrackDimensions","settings","getSettings","width","height","handleVideoTrackDimensionChanged","eventData","prev","webRTCEventEmitter","WebRTCModule","subscription","addListener","remove"],"sourceRoot":"../../../src","sources":["hooks/useTrackDimensions.ts"],"mappings":"AAIA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,kBAAkB,EAAEC,aAAa,QAAQ,cAAc;;AAEhE;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAChCC,WAAmC,EACnCC,SAAyB,EACzB;EACA,MAAM;IAAEC,WAAW;IAAEC;EAAkB,CAAC,GAAGH,WAAW;EACtD,MAAMI,MAAM,GACVH,SAAS,KAAK,kBAAkB,GAAGE,iBAAiB,GAAGD,WAAW;EACpE,MAAM,CAACG,KAAK,CAAC,GAAGD,MAAM,EAAEE,cAAc,CAAC,CAAC,IAAI,EAAE;EAC9C,MAAMC,OAAO,GAAGF,KAAK,EAAEG,EAAE;EAEzB,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGd,QAAQ,CAAC,MAAM;IAC3D,MAAMe,QAAQ,GAAGN,KAAK,EAAEO,WAAW,CAAC,CAAC;IACrC,MAAMC,KAAK,GAAGF,QAAQ,EAAEE,KAAK,IAAI,CAAC;IAClC,MAAMC,MAAM,GAAGH,QAAQ,EAAEG,MAAM,IAAI,CAAC;IACpC,OAAO;MACLD,KAAK;MACLC;IACF,CAAC;EACH,CAAC,CAAC;;EAEF;EACAnB,SAAS,CAAC,MAAM;IACd,IAAI,CAACY,OAAO,IAAI,CAACF,KAAK,EAAE;IAExB,MAAMU,gCAAgC,GAAIC,SAKzC,IAAK;MACJ;MACA,IAAIA,SAAS,CAACT,OAAO,KAAKA,OAAO,EAAE;QACjCG,kBAAkB,CAAEO,IAAI,IAAK;UAC3B,IACEA,IAAI,CAACJ,KAAK,KAAKG,SAAS,CAACH,KAAK,IAC9BI,IAAI,CAACH,MAAM,KAAKE,SAAS,CAACF,MAAM,EAChC;YACA,OAAOG,IAAI;UACb;UACA,OAAO;YAAEJ,KAAK,EAAEG,SAAS,CAACH,KAAK;YAAEC,MAAM,EAAEE,SAAS,CAACF;UAAO,CAAC;QAC7D,CAAC,CAAC;MACJ;IACF,CAAC;IAED,MAAM;MAAED,KAAK;MAAEC;IAAO,CAAC,GAAGT,KAAK,CAACO,WAAW,CAAC,CAAC;IAC7CF,kBAAkB,CAAEO,IAAI,IAAK;MAC3B,IAAIA,IAAI,CAACJ,KAAK,KAAKA,KAAK,IAAII,IAAI,CAACH,MAAM,KAAKA,MAAM,EAAE;QAClD,OAAOG,IAAI;MACb;MACA,OAAO;QACLJ,KAAK,EAAEA,KAAK,IAAI,CAAC;QACjBC,MAAM,EAAEA,MAAM,IAAI;MACpB,CAAC;IACH,CAAC,CAAC;IAEF,MAAMI,kBAAkB,GAAG,IAAIrB,kBAAkB,CAC/CC,aAAa,CAACqB,YAChB,CAAC;IACD,MAAMC,YAAY,GAAGF,kBAAkB,CAACG,WAAW,CACjD,4BAA4B,EAC5BN,gCACF,CAAC;IAED,OAAO,MAAM;MACXK,YAAY,CAACE,MAAM,CAAC,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,CAACf,OAAO,EAAEF,KAAK,CAAC,CAAC;EAEpB,OAAOI,eAAe;AACxB","ignoreList":[]}
+{"version":3,"names":["useEffect","useState","NativeEventEmitter","NativeModules","useTrackDimensions","participant","trackType","videoStream","screenShareStream","stream","track","getVideoTracks","trackId","id","trackDimensions","setTrackDimensions","settings","getSettings","width","height","handleVideoTrackDimensionChanged","eventData","prev","webRTCEventEmitter","WebRTCModule","subscription","addListener","remove"],"sourceRoot":"../../../src","sources":["hooks/useTrackDimensions.ts"],"mappings":"AAIA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,kBAAkB,EAAEC,aAAa,QAAQ,cAAc;;AAEhE;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,kBAAkBA,CAChCC,WAA+C,EAC/CC,SAAyB,EACzB;EACA,MAAM;IAAEC,WAAW;IAAEC;EAAkB,CAAC,GAAGH,WAAW,IAAI,CAAC,CAAC;EAC5D,MAAMI,MAAM,GACVH,SAAS,KAAK,kBAAkB,GAAGE,iBAAiB,GAAGD,WAAW;EACpE,MAAM,CAACG,KAAK,CAAC,GAAGD,MAAM,EAAEE,cAAc,CAAC,CAAC,IAAI,EAAE;EAC9C,MAAMC,OAAO,GAAGF,KAAK,EAAEG,EAAE;EAEzB,MAAM,CAACC,eAAe,EAAEC,kBAAkB,CAAC,GAAGd,QAAQ,CAAC,MAAM;IAC3D,MAAMe,QAAQ,GAAGN,KAAK,EAAEO,WAAW,CAAC,CAAC;IACrC,MAAMC,KAAK,GAAGF,QAAQ,EAAEE,KAAK,IAAI,CAAC;IAClC,MAAMC,MAAM,GAAGH,QAAQ,EAAEG,MAAM,IAAI,CAAC;IACpC,OAAO;MACLD,KAAK;MACLC;IACF,CAAC;EACH,CAAC,CAAC;;EAEF;EACAnB,SAAS,CAAC,MAAM;IACd,IAAI,CAACY,OAAO,IAAI,CAACF,KAAK,EAAE;IAExB,MAAMU,gCAAgC,GAAIC,SAKzC,IAAK;MACJ;MACA,IAAIA,SAAS,CAACT,OAAO,KAAKA,OAAO,EAAE;QACjCG,kBAAkB,CAAEO,IAAI,IAAK;UAC3B,IACEA,IAAI,CAACJ,KAAK,KAAKG,SAAS,CAACH,KAAK,IAC9BI,IAAI,CAACH,MAAM,KAAKE,SAAS,CAACF,MAAM,EAChC;YACA,OAAOG,IAAI;UACb;UACA,OAAO;YAAEJ,KAAK,EAAEG,SAAS,CAACH,KAAK;YAAEC,MAAM,EAAEE,SAAS,CAACF;UAAO,CAAC;QAC7D,CAAC,CAAC;MACJ;IACF,CAAC;IAED,MAAM;MAAED,KAAK;MAAEC;IAAO,CAAC,GAAGT,KAAK,CAACO,WAAW,CAAC,CAAC;IAC7CF,kBAAkB,CAAEO,IAAI,IAAK;MAC3B,IAAIA,IAAI,CAACJ,KAAK,KAAKA,KAAK,IAAII,IAAI,CAACH,MAAM,KAAKA,MAAM,EAAE;QAClD,OAAOG,IAAI;MACb;MACA,OAAO;QACLJ,KAAK,EAAEA,KAAK,IAAI,CAAC;QACjBC,MAAM,EAAEA,MAAM,IAAI;MACpB,CAAC;IACH,CAAC,CAAC;IAEF,MAAMI,kBAAkB,GAAG,IAAIrB,kBAAkB,CAC/CC,aAAa,CAACqB,YAChB,CAAC;IACD,MAAMC,YAAY,GAAGF,kBAAkB,CAACG,WAAW,CACjD,4BAA4B,EAC5BN,gCACF,CAAC;IAED,OAAO,MAAM;MACXK,YAAY,CAACE,MAAM,CAAC,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,CAACf,OAAO,EAAEF,KAAK,CAAC,CAAC;EAEpB,OAAOI,eAAe;AACxB","ignoreList":[]}

package/dist/module/version.js

@@ -1,2 +1,2 @@
-export const version = '1.22.3';
+export const version = '1.23.0';
 //# sourceMappingURL=version.js.map

package/dist/typescript/components/Participant/FloatingParticipantView/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Participant/FloatingParticipantView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAKtB,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,kCAAkC,EACxC,MAAM,YAAY,CAAC;AAEpB,OAAO,EAEL,KAAK,6BAA6B,EAClC,KAAK,oBAAoB,EAC1B,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEtE,MAAM,MAAM,gCAAgC,GACxC,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;AAEnB;;GAEG;AACH,MAAM,MAAM,4BAA4B,GAAG,6BAA6B,GACtE,IAAI,CAAC,kCAAkC,EAAE,iBAAiB,CAAC,GAC3D,IAAI,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,GAC5C,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,aAAa,CAAC,GAAG;IACxD;;OAEG;IACH,SAAS,CAAC,EAAE,gCAAgC,CAAC;IAC7C;;OAEG;IACH,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC;;OAEG;IACH,oBAAoB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5C;;;OAGG;IACH,uBAAuB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC/C;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AA2BJ;;GAEG;AACH,eAAO,MAAM,uBAAuB,GAAI,2PAcrC,4BAA4B,6BAsF9B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Participant/FloatingParticipantView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAKtB,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,kCAAkC,EACxC,MAAM,YAAY,CAAC;AAEpB,OAAO,EAEL,KAAK,6BAA6B,EAClC,KAAK,oBAAoB,EAC1B,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,KAAK,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AAEtE,MAAM,MAAM,gCAAgC,GACxC,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;AAEnB;;GAEG;AACH,MAAM,MAAM,4BAA4B,GAAG,6BAA6B,GACtE,IAAI,CAAC,kCAAkC,EAAE,iBAAiB,CAAC,GAC3D,IAAI,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,GAC5C,IAAI,CAAC,oBAAoB,EAAE,WAAW,GAAG,aAAa,CAAC,GAAG;IACxD;;OAEG;IACH,SAAS,CAAC,EAAE,gCAAgC,CAAC;IAC7C;;OAEG;IACH,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC;;OAEG;IACH,oBAAoB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5C;;;OAGG;IACH,uBAAuB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC/C;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B,CAAC;AA2BJ;;GAEG;AACH,eAAO,MAAM,uBAAuB,GAAI,2PAcrC,4BAA4B,6BAsG9B,CAAC"}

package/dist/typescript/components/Participant/FloatingParticipantView/useFloatingVideoDimensions.d.ts

@@ -0,0 +1,9 @@
+import { StreamVideoParticipant, VideoTrackType } from '@stream-io/video-client';
+export declare const useFloatingVideoDimensions: (containerDimensions: {
+    width: number;
+    height: number;
+} | undefined, participant: StreamVideoParticipant | undefined, trackType: VideoTrackType) => {
+    width: number;
+    height: number;
+} | undefined;
+//# sourceMappingURL=useFloatingVideoDimensions.d.ts.map

package/dist/typescript/components/Participant/FloatingParticipantView/useFloatingVideoDimensions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFloatingVideoDimensions.d.ts","sourceRoot":"","sources":["../../../../../src/components/Participant/FloatingParticipantView/useFloatingVideoDimensions.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,cAAc,EACf,MAAM,yBAAyB,CAAC;AAGjC,eAAO,MAAM,0BAA0B,GACrC,qBACI;IACE,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,GACD,SAAS,EACb,aAAa,sBAAsB,GAAG,SAAS,EAC/C,WAAW,cAAc;;;aAqB1B,CAAC"}

package/dist/typescript/constants/index.d.ts

@@ -1,9 +1,4 @@
 import { type StreamReactionType } from '../components';
-export declare const FLOATING_VIDEO_VIEW_STYLE: {
-    height: number;
-    width: number;
-    borderRadius: number;
-};
 export declare const defaultEmojiReactions: StreamReactionType[];
 export declare const Z_INDEX: {
     IN_BACK: number;

package/dist/typescript/constants/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/constants/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAExD,eAAO,MAAM,yBAAyB;;;;CAIrC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,kBAAkB,EA2CrD,CAAC;AAEF,eAAO,MAAM,OAAO;;;;CAInB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/constants/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAExD,eAAO,MAAM,qBAAqB,EAAE,kBAAkB,EA2CrD,CAAC;AAEF,eAAO,MAAM,OAAO;;;;CAInB,CAAC"}

package/dist/typescript/hooks/useTrackDimensions.d.ts

@@ -4,7 +4,7 @@ import { type StreamVideoParticipant, type VideoTrackType } from '@stream-io/vid
  * Note: the `tracktype` is used only for local participants.
  * `tracktype` should be 'videoTrack' for video track and 'screenShareTrack' for screen share track.
  */
-export declare function useTrackDimensions(participant: StreamVideoParticipant, trackType: VideoTrackType): {
+export declare function useTrackDimensions(participant: StreamVideoParticipant | undefined, trackType: VideoTrackType): {
     width: number;
     height: number;
 };

package/dist/typescript/hooks/useTrackDimensions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTrackDimensions.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTrackDimensions.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,sBAAsB,EAC3B,KAAK,cAAc,EACpB,MAAM,yBAAyB,CAAC;AAIjC;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,sBAAsB,EACnC,SAAS,EAAE,cAAc;;;EAmE1B"}
+{"version":3,"file":"useTrackDimensions.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTrackDimensions.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,sBAAsB,EAC3B,KAAK,cAAc,EACpB,MAAM,yBAAyB,CAAC;AAIjC;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,sBAAsB,GAAG,SAAS,EAC/C,SAAS,EAAE,cAAc;;;EAmE1B"}

package/dist/typescript/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "1.22.3";
+export declare const version = "1.23.0";
 //# sourceMappingURL=version.d.ts.map

package/ios/StreamInCallManager.swift

@@ -18,32 +18,32 @@ enum DefaultAudioDevice {
 
 @objc(StreamInCallManager)
 class StreamInCallManager: RCTEventEmitter {
-    
+
     private let audioSessionQueue = DispatchQueue(label: "io.getstream.rn.audioSessionQueue")
-    
+
     private var audioManagerActivated = false
     private var callAudioRole: CallAudioRole = .communicator
     private var defaultAudioDevice: DefaultAudioDevice = .speaker
     private var previousVolume: Float = 0.75
-    
+
     private struct AudioSessionState {
         let category: AVAudioSession.Category
         let mode: AVAudioSession.Mode
         let options: AVAudioSession.CategoryOptions
     }
-    
+
     private var previousAudioSessionState: AudioSessionState?
-    
+    private var hasRegisteredRouteObserver = false
+
     override func invalidate() {
         stop()
         super.invalidate()
     }
-    
+
     override static func requiresMainQueueSetup() -> Bool {
         return false
     }
-    
-    
+
     @objc(setAudioRole:)
     func setAudioRole(audioRole: String) {
         audioSessionQueue.async { [self] in
@@ -54,7 +54,7 @@ class StreamInCallManager: RCTEventEmitter {
             self.callAudioRole = audioRole.lowercased() == "listener" ? .listener : .communicator
         }
     }
-    
+
     @objc(setDefaultAudioDeviceEndpointType:)
     func setDefaultAudioDeviceEndpointType(endpointType: String) {
         audioSessionQueue.async { [self] in
@@ -65,7 +65,7 @@ class StreamInCallManager: RCTEventEmitter {
             self.defaultAudioDevice = endpointType.lowercased() == "earpiece" ? .earpiece : .speaker
         }
     }
-    
+
     @objc
     func start() {
         audioSessionQueue.async { [self] in
@@ -79,10 +79,17 @@ class StreamInCallManager: RCTEventEmitter {
                 options: session.categoryOptions
             )
             configureAudioSession()
+            // Enable wake lock to prevent the screen from dimming/locking during a call
+            DispatchQueue.main.async {
+                UIApplication.shared.isIdleTimerDisabled = true
+                self.registerAudioRouteObserver()
+                self.updateProximityMonitoring()
+                self.log("Wake lock enabled (idle timer disabled)")
+            }
             audioManagerActivated = true
         }
     }
-    
+
     @objc
     func stop() {
         audioSessionQueue.async { [self] in
@@ -100,13 +107,20 @@ class StreamInCallManager: RCTEventEmitter {
             }
             audioManagerActivated = false
         }
+        // Disable wake lock and proximity when call manager stops so the device can sleep again
+        DispatchQueue.main.async {
+            self.setProximityMonitoringEnabled(false)
+            self.unregisterAudioRouteObserver()
+            UIApplication.shared.isIdleTimerDisabled = false
+            self.log("Wake lock disabled (idle timer enabled)")
+        }
     }
-    
+
     private func configureAudioSession() {
         let intendedCategory: AVAudioSession.Category!
         let intendedMode: AVAudioSession.Mode!
         let intendedOptions: AVAudioSession.CategoryOptions!
-        
+
         if (callAudioRole == .listener) {
             // enables high quality audio playback but disables microphone
             intendedCategory = .playback
@@ -115,16 +129,16 @@ class StreamInCallManager: RCTEventEmitter {
         } else {
             intendedCategory = .playAndRecord
             intendedMode = .voiceChat
-            
+
             if (defaultAudioDevice == .speaker) {
                 // defaultToSpeaker will route to speaker if nothing else is connected
-                intendedOptions = [.allowBluetooth, .defaultToSpeaker]
+                intendedOptions = [.allowBluetoothHFP, .defaultToSpeaker]
             } else {
                 // having no defaultToSpeaker makes sure audio goes to earpiece if nothing is connected
-                intendedOptions = [.allowBluetooth]
+                intendedOptions = [.allowBluetoothHFP]
             }
         }
-        
+
         // START: set the config that webrtc must use when it takes control
         let rtcConfig = RTCAudioSessionConfiguration.webRTC()
         rtcConfig.category = intendedCategory.rawValue
@@ -132,14 +146,14 @@ class StreamInCallManager: RCTEventEmitter {
         rtcConfig.categoryOptions = intendedOptions
         RTCAudioSessionConfiguration.setWebRTC(rtcConfig)
         // END
-        
+
         // START: compare current audio session with intended, and update if different
         let session = RTCAudioSession.sharedInstance()
         let currentCategory = session.category
         let currentMode = session.mode
         let currentOptions = session.categoryOptions
         let currentIsActive = session.isActive
-        
+
         if currentCategory != intendedCategory.rawValue || currentMode != intendedMode.rawValue || currentOptions != intendedOptions || !currentIsActive {
             session.lockForConfiguration()
             do {
@@ -162,7 +176,7 @@ class StreamInCallManager: RCTEventEmitter {
         }
         // END
     }
-    
+
     @objc(showAudioRoutePicker)
     public func showAudioRoutePicker() {
         guard #available(iOS 11.0, tvOS 11.0, macOS 10.15, *) else {
@@ -177,7 +191,7 @@ class StreamInCallManager: RCTEventEmitter {
                 .sendActions(for: .touchUpInside)
         }
     }
-    
+
     @objc(setForceSpeakerphoneOn:)
     func setForceSpeakerphoneOn(enable: Bool) {
         let session = AVAudioSession.sharedInstance()
@@ -188,12 +202,12 @@ class StreamInCallManager: RCTEventEmitter {
             log("Error setting speakerphone: \(error)")
         }
     }
-    
+
     @objc(setMicrophoneMute:)
     func setMicrophoneMute(enable: Bool) {
         log("iOS does not support setMicrophoneMute()")
     }
-    
+
     @objc
     func logAudioState() {
         let session = AVAudioSession.sharedInstance()
@@ -209,17 +223,17 @@ class StreamInCallManager: RCTEventEmitter {
         """
         log(logString)
     }
-    
+
     @objc(muteAudioOutput)
     func muteAudioOutput() {
         DispatchQueue.main.async { [self] in
             let volumeView = MPVolumeView()
-            
+
             // Add to a temporary view hierarchy to make it functional
             if let window = getCurrentWindow() {
                 volumeView.frame = CGRect(x: -1000, y: -1000, width: 1, height: 1)
                 window.addSubview(volumeView)
-                
+
                 // Give it a moment to initialize
                 DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) {
                     if let slider = volumeView.subviews.first(where: { $0 is UISlider }) as? UISlider {
@@ -230,24 +244,24 @@ class StreamInCallManager: RCTEventEmitter {
                     } else {
                         self.log("Could not find volume slider")
                     }
-                    
+
                     // Remove from view hierarchy after use
                     volumeView.removeFromSuperview()
                 }
             }
         }
     }
-    
+
     @objc(unmuteAudioOutput)
     func unmuteAudioOutput() {
         DispatchQueue.main.async { [self] in
             let volumeView = MPVolumeView()
-            
+
             // Add to a temporary view hierarchy to make it functional
             if let window = getCurrentWindow() {
                 volumeView.frame = CGRect(x: -1000, y: -1000, width: 1, height: 1)
                 window.addSubview(volumeView)
-                
+
                 // Give it a moment to initialize
                 DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) {
                     if let slider = volumeView.subviews.first(where: { $0 is UISlider }) as? UISlider {
@@ -258,31 +272,84 @@ class StreamInCallManager: RCTEventEmitter {
                     } else {
                         self.log("Could not find volume slider")
                     }
-                    
+
                     // Remove from view hierarchy after use
                     volumeView.removeFromSuperview()
                 }
             }
         }
     }
-    
+
+    // MARK: - Proximity Handling
+    private func registerAudioRouteObserver() {
+        if hasRegisteredRouteObserver { return }
+        NotificationCenter.default.addObserver(
+            self,
+            selector: #selector(handleAudioRouteChange(_:)),
+            name: AVAudioSession.routeChangeNotification,
+            object: nil
+        )
+        hasRegisteredRouteObserver = true
+        log("Registered AVAudioSession.routeChangeNotification observer")
+    }
+
+    private func unregisterAudioRouteObserver() {
+        if !hasRegisteredRouteObserver { return }
+        NotificationCenter.default.removeObserver(self, name: AVAudioSession.routeChangeNotification, object: nil)
+        hasRegisteredRouteObserver = false
+        log("Unregistered AVAudioSession.routeChangeNotification observer")
+    }
+
+    @objc private func handleAudioRouteChange(_ notification: Notification) {
+        // Route changes can arrive on arbitrary queues; ensure UI-safe work on main
+        DispatchQueue.main.async { [weak self] in
+            self?.updateProximityMonitoring()
+        }
+    }
+
+    private func updateProximityMonitoring() {
+        // Proximity is only meaningful while a call is active
+        guard audioManagerActivated else {
+            setProximityMonitoringEnabled(false)
+            return
+        }
+        let session = AVAudioSession.sharedInstance()
+        let port = session.currentRoute.outputs.first?.portType
+        let isEarpiece = (port == .builtInReceiver)
+        setProximityMonitoringEnabled(isEarpiece)
+    }
+
+    private func setProximityMonitoringEnabled(_ enabled: Bool) {
+        // Always toggle on the main thread
+        if Thread.isMainThread {
+            if UIDevice.current.isProximityMonitoringEnabled != enabled {
+                UIDevice.current.isProximityMonitoringEnabled = enabled
+                log("Proximity monitoring \(enabled ? "ENABLED" : "DISABLED")")
+            }
+        } else {
+            DispatchQueue.main.async { [weak self] in
+                self?.setProximityMonitoringEnabled(enabled)
+            }
+        }
+    }
+
     // MARK: - RCTEventEmitter
-    
+
     override func supportedEvents() -> [String]! {
         // TODO: list events that can be sent to JS
         return []
     }
-    
+
     @objc
     override func addListener(_ eventName: String!) {
         super.addListener(eventName)
     }
-    
+
     @objc
     override func removeListeners(_ count: Double) {
         super.removeListeners(count)
     }
-    
+
     // MARK: - Helper Methods
     private func getCurrentWindow() -> UIWindow? {
         if #available(iOS 13.0, *) {
@@ -294,10 +361,10 @@ class StreamInCallManager: RCTEventEmitter {
             return UIApplication.shared.keyWindow
         }
     }
-    
+
     // MARK: - Logging Helper
     private func log(_ message: String) {
         NSLog("InCallManager: %@", message)
     }
-    
+
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-native-sdk",
-  "version": "1.22.3",
+  "version": "1.23.0",
   "description": "Stream Video SDK for React Native",
   "author": "https://getstream.io",
   "homepage": "https://getstream.io/video/docs/react-native/",
@@ -45,8 +45,8 @@
     "!**/.*"
   ],
   "dependencies": {
-    "@stream-io/video-client": "1.35.0",
-    "@stream-io/video-react-bindings": "1.10.2",
+    "@stream-io/video-client": "1.35.1",
+    "@stream-io/video-react-bindings": "1.10.3",
     "intl-pluralrules": "2.0.1",
     "lodash.merge": "^4.6.2",
     "react-native-url-polyfill": "^3.0.0",

package/src/components/Participant/FloatingParticipantView/index.tsx

@@ -6,7 +6,7 @@ import {
   View,
   type ViewStyle,
 } from 'react-native';
-import { FLOATING_VIDEO_VIEW_STYLE, Z_INDEX } from '../../../constants';
+import { Z_INDEX } from '../../../constants';
 import { ComponentTestIds } from '../../../constants/TestIds';
 import { VideoSlash } from '../../../icons';
 import FloatingView from './FloatingView';
@@ -21,6 +21,7 @@ import {
   type ParticipantViewProps,
 } from '../ParticipantView';
 import { useTheme } from '../../../contexts/ThemeContext';
+import { useFloatingVideoDimensions } from './useFloatingVideoDimensions';
 import { type StreamVideoParticipant } from '@stream-io/video-client';
 
 export type FloatingParticipantViewAlignment =
@@ -104,7 +105,11 @@ export const FloatingParticipantView = ({
   objectFit,
 }: FloatingParticipantViewProps) => {
   const {
-    theme: { colors, floatingParticipantsView },
+    theme: {
+      colors,
+      floatingParticipantsView,
+      variants: { spacingSizes },
+    },
   } = useTheme();
 
   const floatingAlignmentMap: Record<
@@ -122,6 +127,12 @@ export const FloatingParticipantView = ({
     height: number;
   }>();
 
+  const floatingVideoDimensions = useFloatingVideoDimensions(
+    containerDimensions,
+    participant,
+    'videoTrack',
+  );
+
   const participantViewProps: ParticipantViewComponentProps = {
     ParticipantLabel: null,
     ParticipantNetworkQualityIndicator,
@@ -158,7 +169,7 @@ export const FloatingParticipantView = ({
         });
       }}
     >
-      {containerDimensions && (
+      {containerDimensions && floatingVideoDimensions && (
         <FloatingView
           containerHeight={containerDimensions.height}
           containerWidth={containerDimensions.width}
@@ -171,6 +182,12 @@ export const FloatingParticipantView = ({
                 trackType="videoTrack"
                 style={[
                   styles.participantViewContainer,
+                  {
+                    width: floatingVideoDimensions.width,
+                    height: floatingVideoDimensions.height,
+                    borderRadius: floatingVideoDimensions.width * 0.1,
+                    marginHorizontal: spacingSizes.md,
+                  },
                   participantViewStyle,
                   { shadowColor: colors.sheetPrimary },
                   floatingParticipantsView.participantViewContainer,
@@ -197,9 +214,6 @@ const styles = StyleSheet.create({
     flex: 1,
   },
   participantViewContainer: {
-    height: FLOATING_VIDEO_VIEW_STYLE.height,
-    width: FLOATING_VIDEO_VIEW_STYLE.width,
-    borderRadius: FLOATING_VIDEO_VIEW_STYLE.borderRadius,
     shadowOffset: {
       width: 0,
       height: 2,

package/src/components/Participant/FloatingParticipantView/useFloatingVideoDimensions.tsx

@@ -0,0 +1,36 @@
+import {
+  StreamVideoParticipant,
+  VideoTrackType,
+} from '@stream-io/video-client';
+import { useTrackDimensions } from '../../../hooks/useTrackDimensions';
+
+export const useFloatingVideoDimensions = (
+  containerDimensions:
+    | {
+        width: number;
+        height: number;
+      }
+    | undefined,
+  participant: StreamVideoParticipant | undefined,
+  trackType: VideoTrackType,
+) => {
+  const containerWidth = containerDimensions?.width ?? 0;
+  const { width, height } = useTrackDimensions(participant, trackType);
+
+  if (width === 0 || height === 0 || containerWidth === 0) {
+    return undefined;
+  }
+
+  const aspectRatio = width / height;
+
+  // based on Android AOSP PiP mode default dimensions algorithm
+  // 23% of the container width
+  const floatingVideoWidth = containerWidth * 0.23;
+  // the height is calculated based on the aspect ratio
+  const floatingVideoHeight = floatingVideoWidth / aspectRatio;
+
+  return {
+    width: floatingVideoWidth,
+    height: floatingVideoHeight,
+  };
+};

package/src/constants/index.ts

@@ -1,11 +1,5 @@
 import { type StreamReactionType } from '../components';
 
-export const FLOATING_VIDEO_VIEW_STYLE = {
-  height: 140,
-  width: 80,
-  borderRadius: 10,
-};
-
 export const defaultEmojiReactions: StreamReactionType[] = [
   {
     type: 'reaction',

package/src/hooks/useTrackDimensions.ts

@@ -11,10 +11,10 @@ import { NativeEventEmitter, NativeModules } from 'react-native';
  * `tracktype` should be 'videoTrack' for video track and 'screenShareTrack' for screen share track.
  */
 export function useTrackDimensions(
-  participant: StreamVideoParticipant,
+  participant: StreamVideoParticipant | undefined,
   trackType: VideoTrackType,
 ) {
-  const { videoStream, screenShareStream } = participant;
+  const { videoStream, screenShareStream } = participant || {};
   const stream =
     trackType === 'screenShareTrack' ? screenShareStream : videoStream;
   const [track] = stream?.getVideoTracks() ?? [];

package/src/version.ts

@@ -1 +1 @@
-export const version = '1.22.3';
+export const version = '1.23.0';