@stream-io/video-react-native-sdk 1.20.1 → 1.20.2

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.20.2](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-1.20.1...@stream-io/video-react-native-sdk-1.20.2) (2025-08-05)
+
+### Dependency Updates
+
+- `@stream-io/noise-cancellation-react-native` updated to version `0.2.1`
+- `@stream-io/video-filters-react-native` updated to version `0.6.1`
+- `@stream-io/video-client` updated to version `1.27.2`
+- `@stream-io/video-react-bindings` updated to version `1.7.11`
+
+### Bug Fixes
+
+- iOS PiP cleanup ([#1870](https://github.com/GetStream/stream-video-js/issues/1870)) ([88c87f4](https://github.com/GetStream/stream-video-js/commit/88c87f4c9d9b66bb5beef0464863efde720761dd)), closes [#1854](https://github.com/GetStream/stream-video-js/issues/1854)
+- support setting iOS pip window sizes ([#1876](https://github.com/GetStream/stream-video-js/issues/1876)) ([2c553c9](https://github.com/GetStream/stream-video-js/commit/2c553c967b4ceedaf7209c1e98ab4c8025c84ca5))
+
 ## [1.20.1](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-1.20.0...@stream-io/video-react-native-sdk-1.20.1) (2025-08-01)
 
 ### Bug Fixes

package/dist/commonjs/components/Call/CallContent/RTCViewPipIOS.js

@@ -11,6 +11,7 @@ var _reactNative = require("react-native");
 var _RTCViewPipNative = require("./RTCViewPipNative");
 var _hooks = require("../../../utils/hooks");
 var _shouldDisableIOSLocalVideoOnBackground = require("../../../utils/internal/shouldDisableIOSLocalVideoOnBackground");
+var _useTrackDimensions = require("../../../hooks/useTrackDimensions");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const RTCViewPipIOS = exports.RTCViewPipIOS = /*#__PURE__*/_react.default.memo(props => {
   const {
@@ -66,22 +67,48 @@ const RTCViewPipIOS = exports.RTCViewPipIOS = /*#__PURE__*/_react.default.memo(p
       subscription?.unsubscribe();
     };
   }, [call]);
+  const onDimensionsUpdated = (0, _react.useCallback)((width, height) => {
+    const node = (0, _reactNative.findNodeHandle)(nativeRef.current);
+    if (node !== null && width > 0 && height > 0) {
+      (0, _RTCViewPipNative.onNativeDimensionsUpdated)(node, width, height);
+    }
+  }, []);
+  const {
+    videoStream,
+    screenShareStream
+  } = participantInSpotlight;
+  const isScreenSharing = (0, _videoClient.hasScreenShare)(participantInSpotlight);
+  const videoStreamToRender = isScreenSharing ? screenShareStream : videoStream;
   const streamURL = (0, _react.useMemo)(() => {
-    if (!participantInSpotlight) {
+    if (!videoStreamToRender) {
       return undefined;
     }
-    const {
-      videoStream,
-      screenShareStream
-    } = participantInSpotlight;
-    const isScreenSharing = (0, _videoClient.hasScreenShare)(participantInSpotlight);
-    const videoStreamToRender = isScreenSharing ? screenShareStream : videoStream;
     return videoStreamToRender?.toURL();
-  }, [participantInSpotlight]);
-  return /*#__PURE__*/_react.default.createElement(_RTCViewPipNative.RTCViewPipNative, {
+  }, [videoStreamToRender]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_RTCViewPipNative.RTCViewPipNative, {
     streamURL: streamURL,
     ref: nativeRef
-  });
+  }), /*#__PURE__*/_react.default.createElement(DimensionsUpdatedRenderless, {
+    participant: participantInSpotlight,
+    trackType: isScreenSharing ? 'screenShareTrack' : 'videoTrack',
+    onDimensionsUpdated: onDimensionsUpdated,
+    key: streamURL
+  }));
+});
+const DimensionsUpdatedRenderless = /*#__PURE__*/_react.default.memo(({
+  participant,
+  trackType,
+  onDimensionsUpdated
+}) => {
+  const {
+    width,
+    height
+  } = (0, _useTrackDimensions.useTrackDimensions)(participant, trackType);
+  (0, _react.useEffect)(() => {
+    onDimensionsUpdated(width, height);
+  }, [width, height, onDimensionsUpdated]);
+  return null;
 });
+DimensionsUpdatedRenderless.displayName = 'DimensionsUpdatedRenderless';
 RTCViewPipIOS.displayName = 'RTCViewPipIOS';
 //# sourceMappingURL=RTCViewPipIOS.js.map

package/dist/commonjs/components/Call/CallContent/RTCViewPipIOS.js.map

@@ -1 +1 @@
-{"version":3,"names":["_videoClient","require","_videoReactBindings","_react","_interopRequireWildcard","_reactNative","_RTCViewPipNative","_hooks","_shouldDisableIOSLocalVideoOnBackground","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RTCViewPipIOS","exports","React","memo","props","includeLocalParticipantVideo","useCall","useParticipants","useCallStateHooks","_allParticipants","sortBy","speakerLayoutSortPreset","allParticipants","useDebouncedValue","dominantSpeaker","dominantSpeaker2","filter","participant","isLocalParticipant","participantInSpotlight","useEffect","shouldDisableIOSLocalVideoOnBackgroundRef","current","nativeRef","useRef","callClosedInvokedOnce","onCallClosed","node","findNodeHandle","onNativeCallClosed","unsubFunc","on","getLogger","subscription","state","callingState$","subscribe","CallingState","LEFT","unsubscribe","streamURL","useMemo","undefined","videoStream","screenShareStream","isScreenSharing","hasScreenShare","videoStreamToRender","toURL","createElement","RTCViewPipNative","ref","displayName"],"sourceRoot":"../../../../../src","sources":["components/Call/CallContent/RTCViewPipIOS.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_videoClient","require","_videoReactBindings","_react","_interopRequireWildcard","_reactNative","_RTCViewPipNative","_hooks","_shouldDisableIOSLocalVideoOnBackground","_useTrackDimensions","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RTCViewPipIOS","exports","React","memo","props","includeLocalParticipantVideo","useCall","useParticipants","useCallStateHooks","_allParticipants","sortBy","speakerLayoutSortPreset","allParticipants","useDebouncedValue","dominantSpeaker","dominantSpeaker2","filter","participant","isLocalParticipant","participantInSpotlight","useEffect","shouldDisableIOSLocalVideoOnBackgroundRef","current","nativeRef","useRef","callClosedInvokedOnce","onCallClosed","node","findNodeHandle","onNativeCallClosed","unsubFunc","on","getLogger","subscription","state","callingState$","subscribe","CallingState","LEFT","unsubscribe","onDimensionsUpdated","useCallback","width","height","onNativeDimensionsUpdated","videoStream","screenShareStream","isScreenSharing","hasScreenShare","videoStreamToRender","streamURL","useMemo","undefined","toURL","createElement","Fragment","RTCViewPipNative","ref","DimensionsUpdatedRenderless","trackType","key","useTrackDimensions","displayName"],"sourceRoot":"../../../../../src","sources":["components/Call/CallContent/RTCViewPipIOS.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAQA,IAAAC,mBAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAC,uBAAA,CAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,uCAAA,GAAAP,OAAA;AACA,IAAAQ,mBAAA,GAAAR,OAAA;AAAuE,SAAAG,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAMhE,MAAMkB,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAGE,cAAK,CAACC,IAAI,CAAEC,KAAY,IAAK;EACxD,MAAM;IAAEC;EAA6B,CAAC,GAAGD,KAAK;EAC9C,MAAMR,IAAI,GAAG,IAAAU,2BAAO,EAAC,CAAC;EACtB,MAAM;IAAEC;EAAgB,CAAC,GAAG,IAAAC,qCAAiB,EAAC,CAAC;EAC/C,MAAMC,gBAAgB,GAAGF,eAAe,CAAC;IACvCG,MAAM,EAAEC;EACV,CAAC,CAAC;EACF,MAAMC,eAAe,GAAG,IAAAC,wBAAiB,EAACJ,gBAAgB,EAAE,GAAG,CAAC,CAAC,CAAC;;EAElE,MAAM,CAACK,eAAe,EAAEC,gBAAgB,CAAC,GAAGH,eAAe,CAACI,MAAM,CAC/DC,WAAW,IACVZ,4BAA4B,GAAG,IAAI,GAAG,CAACY,WAAW,CAACC,kBACvD,CAAC;;EAED;EACA;EACA,IAAIC,sBAAsB,GAAGL,eAAe;EAC5C,IAAIA,eAAe,EAAEI,kBAAkB,IAAIH,gBAAgB,EAAE;IAC3DI,sBAAsB,GAAGJ,gBAAgB;EAC3C;EAEA,IAAAK,gBAAS,EAAC,MAAM;IACdC,iFAAyC,CAACC,OAAO,GAC/C,CAACjB,4BAA4B;EACjC,CAAC,EAAE,CAACA,4BAA4B,CAAC,CAAC;EAElC,MAAMkB,SAAS,GAAGrB,cAAK,CAACsB,MAAM,CAAM,IAAI,CAAC;EAEzCtB,cAAK,CAACkB,SAAS,CAAC,MAAM;IACpB,IAAIK,qBAAqB,GAAG,KAAK;IACjC,MAAMC,YAAY,GAAGA,CAAA,KAAM;MACzB,IAAID,qBAAqB,EAAE;QACzB;MACF;MACAA,qBAAqB,GAAG,IAAI;MAC5B,MAAME,IAAI,GAAG,IAAAC,2BAAc,EAACL,SAAS,CAACD,OAAO,CAAC;MAC9C,IAAIK,IAAI,KAAK,IAAI,EAAE;QACjB,IAAAE,oCAAkB,EAACF,IAAI,CAAC;MAC1B;MACAN,iFAAyC,CAACC,OAAO,GAAG,IAAI;IAC1D,CAAC;IACD,MAAMQ,SAAS,GAAGlC,IAAI,EAAEmC,EAAE,CAAC,YAAY,EAAE,MAAM;MAC7C,IAAAC,sBAAS,EAAC,CAAC,eAAe,CAAC,CAAC,CAC1B,OAAO,EACP,sCACF,CAAC;MACDN,YAAY,CAAC,CAAC;IAChB,CAAC,CAAC;IACF,MAAMO,YAAY,GAAGrC,IAAI,EAAEsC,KAAK,CAACC,aAAa,CAACC,SAAS,CAAEF,KAAK,IAAK;MAClE,IAAIA,KAAK,KAAKG,yBAAY,CAACC,IAAI,EAAE;QAC/B,IAAAN,sBAAS,EAAC,CAAC,eAAe,CAAC,CAAC,CAC1B,OAAO,EACP,qCAAqCE,KAAK,EAC5C,CAAC;QACDR,YAAY,CAAC,CAAC;MAChB;IACF,CAAC,CAAC;IACF,OAAO,MAAM;MACXA,YAAY,CAAC,CAAC;MACdI,SAAS,GAAG,CAAC;MACbG,YAAY,EAAEM,WAAW,CAAC,CAAC;IAC7B,CAAC;EACH,CAAC,EAAE,CAAC3C,IAAI,CAAC,CAAC;EAEV,MAAM4C,mBAAmB,GAAG,IAAAC,kBAAW,EAAC,CAACC,KAAa,EAAEC,MAAc,KAAK;IACzE,MAAMhB,IAAI,GAAG,IAAAC,2BAAc,EAACL,SAAS,CAACD,OAAO,CAAC;IAC9C,IAAIK,IAAI,KAAK,IAAI,IAAIe,KAAK,GAAG,CAAC,IAAIC,MAAM,GAAG,CAAC,EAAE;MAC5C,IAAAC,2CAAyB,EAACjB,IAAI,EAAEe,KAAK,EAAEC,MAAM,CAAC;IAChD;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM;IAAEE,WAAW;IAAEC;EAAkB,CAAC,GAAG3B,sBAAsB;EAEjE,MAAM4B,eAAe,GAAG,IAAAC,2BAAc,EAAC7B,sBAAsB,CAAC;EAE9D,MAAM8B,mBAAmB,GAAIF,eAAe,GACxCD,iBAAiB,GACjBD,WAAkD;EAEtD,MAAMK,SAAS,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC9B,IAAI,CAACF,mBAAmB,EAAE;MACxB,OAAOG,SAAS;IAClB;IACA,OAAOH,mBAAmB,EAAEI,KAAK,CAAC,CAAC;EACrC,CAAC,EAAE,CAACJ,mBAAmB,CAAC,CAAC;EAEzB,oBACE3E,MAAA,CAAAiB,OAAA,CAAA+D,aAAA,CAAAhF,MAAA,CAAAiB,OAAA,CAAAgE,QAAA,qBACEjF,MAAA,CAAAiB,OAAA,CAAA+D,aAAA,CAAC7E,iBAAA,CAAA+E,gBAAgB;IAACN,SAAS,EAAEA,SAAU;IAACO,GAAG,EAAElC;EAAU,CAAE,CAAC,eAC1DjD,MAAA,CAAAiB,OAAA,CAAA+D,aAAA,CAACI,2BAA2B;IAC1BzC,WAAW,EAAEE,sBAAuB;IACpCwC,SAAS,EAAEZ,eAAe,GAAG,kBAAkB,GAAG,YAAa;IAC/DP,mBAAmB,EAAEA,mBAAoB;IACzCoB,GAAG,EAAEV;EAAU,CAChB,CACD,CAAC;AAEP,CAAC,CAAC;AAEF,MAAMQ,2BAA2B,gBAAGxD,cAAK,CAACC,IAAI,CAC5C,CAAC;EACCc,WAAW;EACX0C,SAAS;EACTnB;AAKF,CAAC,KAAK;EACJ,MAAM;IAAEE,KAAK;IAAEC;EAAO,CAAC,GAAG,IAAAkB,sCAAkB,EAAC5C,WAAW,EAAE0C,SAAS,CAAC;EAEpE,IAAAvC,gBAAS,EAAC,MAAM;IACdoB,mBAAmB,CAACE,KAAK,EAAEC,MAAM,CAAC;EACpC,CAAC,EAAE,CAACD,KAAK,EAAEC,MAAM,EAAEH,mBAAmB,CAAC,CAAC;EAExC,OAAO,IAAI;AACb,CACF,CAAC;AAEDkB,2BAA2B,CAACI,WAAW,GAAG,6BAA6B;AACvE9D,aAAa,CAAC8D,WAAW,GAAG,eAAe","ignoreList":[]}

package/dist/commonjs/components/Call/CallContent/RTCViewPipNative.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RTCViewPipNative = void 0;
 exports.onNativeCallClosed = onNativeCallClosed;
+exports.onNativeDimensionsUpdated = onNativeDimensionsUpdated;
 var _videoClient = require("@stream-io/video-client");
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
@@ -15,6 +16,13 @@ function onNativeCallClosed(reactTag) {
   (0, _videoClient.getLogger)(['RTCViewPipNative'])('debug', 'onNativeCallClosed');
   _reactNative.UIManager.dispatchViewManagerCommand(reactTag, _reactNative.UIManager.getViewManagerConfig(COMPONENT_NAME).Commands.onCallClosed, []);
 }
+function onNativeDimensionsUpdated(reactTag, width, height) {
+  (0, _videoClient.getLogger)(['RTCViewPipNative'])('debug', 'onNativeDimensionsUpdated', {
+    width,
+    height
+  });
+  _reactNative.UIManager.dispatchViewManagerCommand(reactTag, _reactNative.UIManager.getViewManagerConfig(COMPONENT_NAME).Commands.setPreferredContentSize, [width, height]);
+}
 
 /** Wrapper for the native view
  * meant to stay private and not exposed */

package/dist/commonjs/components/Call/CallContent/RTCViewPipNative.js.map

@@ -1 +1 @@
-{"version":3,"names":["_videoClient","require","_react","_interopRequireDefault","_reactNative","e","__esModule","default","COMPONENT_NAME","NativeComponent","requireNativeComponent","onNativeCallClosed","reactTag","getLogger","UIManager","dispatchViewManagerCommand","getViewManagerConfig","Commands","onCallClosed","RTCViewPipNative","exports","React","memo","forwardRef","props","ref","Platform","OS","createElement","style","StyleSheet","absoluteFill","pointerEvents","streamURL"],"sourceRoot":"../../../../../src","sources":["components/Call/CallContent/RTCViewPipNative.tsx"],"mappings":";;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAMsB,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEtB,MAAMG,cAAc,GAAG,YAAY;AAMnC,MAAMC,eAAqD,GACzD,IAAAC,mCAAsB,EAACF,cAAc,CAAC;AAEjC,SAASG,kBAAkBA,CAACC,QAAgB,EAAE;EACnD,IAAAC,sBAAS,EAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,OAAO,EAAE,oBAAoB,CAAC;EAC9DC,sBAAS,CAACC,0BAA0B,CAClCH,QAAQ,EACRE,sBAAS,CAACE,oBAAoB,CAACR,cAAc,CAAC,CAACS,QAAQ,CAACC,YAAY,EACpE,EACF,CAAC;AACH;;AAEA;AACA;AACO,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,gBAAGE,cAAK,CAACC,IAAI,cACxCD,cAAK,CAACE,UAAU,CAKd,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChB,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE,OAAO,IAAI;EAEtC,oBACEzB,MAAA,CAAAK,OAAA,CAAAqB,aAAA,CAACnB,eAAe;IACdoB,KAAK,EAAEC,uBAAU,CAACC,YAAa;IAC/BC,aAAa,EAAE;IACf;IAAA;IACAC,SAAS,EAAET,KAAK,CAACS;IACjB;IAAA;IACAR,GAAG,EAAEA;EAAI,CACV,CAAC;AAEN,CAAC,CACH,CAAC","ignoreList":[]}
+{"version":3,"names":["_videoClient","require","_react","_interopRequireDefault","_reactNative","e","__esModule","default","COMPONENT_NAME","NativeComponent","requireNativeComponent","onNativeCallClosed","reactTag","getLogger","UIManager","dispatchViewManagerCommand","getViewManagerConfig","Commands","onCallClosed","onNativeDimensionsUpdated","width","height","setPreferredContentSize","RTCViewPipNative","exports","React","memo","forwardRef","props","ref","Platform","OS","createElement","style","StyleSheet","absoluteFill","pointerEvents","streamURL"],"sourceRoot":"../../../../../src","sources":["components/Call/CallContent/RTCViewPipNative.tsx"],"mappings":";;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAMsB,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEtB,MAAMG,cAAc,GAAG,YAAY;AAMnC,MAAMC,eAAqD,GACzD,IAAAC,mCAAsB,EAACF,cAAc,CAAC;AAEjC,SAASG,kBAAkBA,CAACC,QAAgB,EAAE;EACnD,IAAAC,sBAAS,EAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,OAAO,EAAE,oBAAoB,CAAC;EAC9DC,sBAAS,CAACC,0BAA0B,CAClCH,QAAQ,EACRE,sBAAS,CAACE,oBAAoB,CAACR,cAAc,CAAC,CAACS,QAAQ,CAACC,YAAY,EACpE,EACF,CAAC;AACH;AAEO,SAASC,yBAAyBA,CACvCP,QAAgB,EAChBQ,KAAa,EACbC,MAAc,EACd;EACA,IAAAR,sBAAS,EAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,OAAO,EAAE,2BAA2B,EAAE;IACpEO,KAAK;IACLC;EACF,CAAC,CAAC;EACFP,sBAAS,CAACC,0BAA0B,CAClCH,QAAQ,EACRE,sBAAS,CAACE,oBAAoB,CAACR,cAAc,CAAC,CAACS,QAAQ,CACpDK,uBAAuB,EAC1B,CAACF,KAAK,EAAEC,MAAM,CAChB,CAAC;AACH;;AAEA;AACA;AACO,MAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,gBAAGE,cAAK,CAACC,IAAI,cACxCD,cAAK,CAACE,UAAU,CAKd,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChB,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE,OAAO,IAAI;EAEtC,oBACE7B,MAAA,CAAAK,OAAA,CAAAyB,aAAA,CAACvB,eAAe;IACdwB,KAAK,EAAEC,uBAAU,CAACC,YAAa;IAC/BC,aAAa,EAAE;IACf;IAAA;IACAC,SAAS,EAAET,KAAK,CAACS;IACjB;IAAA;IACAR,GAAG,EAAEA;EAAI,CACV,CAAC;AAEN,CAAC,CACH,CAAC","ignoreList":[]}

package/dist/commonjs/hooks/useTrackDimensions.js

@@ -33,21 +33,34 @@ function useTrackDimensions(participant, trackType) {
 
   // Set up videoTrackDimensionChanged event listener for more direct dimension updates
   (0, _react.useEffect)(() => {
-    if (!trackId || !_reactNative.NativeModules.WebRTCModule) return;
+    if (!trackId || !track) return;
     const handleVideoTrackDimensionChanged = eventData => {
       // Only handle events for this specific participant
       if (eventData.trackId === trackId) {
         setTrackDimensions(prev => {
-          if (prev.width !== eventData.width || prev.height !== eventData.height) {
-            return {
-              width: eventData.width,
-              height: eventData.height
-            };
+          if (prev.width === eventData.width && prev.height === eventData.height) {
+            return prev;
           }
-          return prev;
+          return {
+            width: eventData.width,
+            height: eventData.height
+          };
         });
       }
     };
+    const {
+      width,
+      height
+    } = track.getSettings();
+    setTrackDimensions(prev => {
+      if (prev.width === width && prev.height === height) {
+        return prev;
+      }
+      return {
+        width: width ?? 0,
+        height: height ?? 0
+      };
+    });
     const subscription = webRTCEventEmitter.addListener('videoTrackDimensionChanged', handleVideoTrackDimensionChanged);
     return () => {
       subscription.remove();

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","webRTCEventEmitter","NativeEventEmitter","NativeModules","WebRTCModule","useTrackDimensions","participant","trackType","videoStream","screenShareStream","stream","track","getVideoTracks","trackId","id","trackDimensions","setTrackDimensions","useState","settings","getSettings","width","height","useEffect","handleVideoTrackDimensionChanged","eventData","prev","subscription","addListener","remove"],"sourceRoot":"../../../src","sources":["hooks/useTrackDimensions.ts"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,MAAME,kBAAkB,GAAG,IAAIC,+BAAkB,CAACC,0BAAa,CAACC,YAAY,CAAC;;AAE7E;AACA;AACA;AACA;AACA;AACO,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,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,CAACV,0BAAa,CAACC,YAAY,EAAE;IAE7C,MAAMmB,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,OAAO;cAAED,KAAK,EAAEI,SAAS,CAACJ,KAAK;cAAEC,MAAM,EAAEG,SAAS,CAACH;YAAO,CAAC;UAC7D;UACA,OAAOI,IAAI;QACb,CAAC,CAAC;MACJ;IACF,CAAC;IAED,MAAMC,YAAY,GAAGzB,kBAAkB,CAAC0B,WAAW,CACjD,4BAA4B,EAC5BJ,gCACF,CAAC;IAED,OAAO,MAAM;MACXG,YAAY,CAACE,MAAM,CAAC,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,CAACf,OAAO,EAAEF,KAAK,CAAC,CAAC;EAEpB,OAAOI,eAAe;AACxB","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","webRTCEventEmitter","NativeEventEmitter","NativeModules","WebRTCModule","useTrackDimensions","participant","trackType","videoStream","screenShareStream","stream","track","getVideoTracks","trackId","id","trackDimensions","setTrackDimensions","useState","settings","getSettings","width","height","useEffect","handleVideoTrackDimensionChanged","eventData","prev","subscription","addListener","remove"],"sourceRoot":"../../../src","sources":["hooks/useTrackDimensions.ts"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,MAAME,kBAAkB,GAAG,IAAIC,+BAAkB,CAACC,0BAAa,CAACC,YAAY,CAAC;;AAE7E;AACA;AACA;AACA;AACA;AACO,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,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,YAAY,GAAGzB,kBAAkB,CAAC0B,WAAW,CACjD,4BAA4B,EAC5BJ,gCACF,CAAC;IAED,OAAO,MAAM;MACXG,YAAY,CAACE,MAAM,CAAC,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,CAACf,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.20.1';
+const version = exports.version = '1.20.2';
 //# sourceMappingURL=version.js.map

package/dist/module/components/Call/CallContent/RTCViewPipIOS.js

@@ -1,10 +1,11 @@
 import { CallingState, getLogger, hasScreenShare, speakerLayoutSortPreset } from '@stream-io/video-client';
 import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
-import React, { useEffect, useMemo } from 'react';
+import React, { useEffect, useMemo, useCallback } from 'react';
 import { findNodeHandle } from 'react-native';
-import { onNativeCallClosed, RTCViewPipNative } from './RTCViewPipNative';
+import { onNativeCallClosed, onNativeDimensionsUpdated, RTCViewPipNative } from './RTCViewPipNative';
 import { useDebouncedValue } from '../../../utils/hooks';
 import { shouldDisableIOSLocalVideoOnBackgroundRef } from '../../../utils/internal/shouldDisableIOSLocalVideoOnBackground';
+import { useTrackDimensions } from '../../../hooks/useTrackDimensions';
 export const RTCViewPipIOS = /*#__PURE__*/React.memo(props => {
   const {
     includeLocalParticipantVideo
@@ -59,22 +60,48 @@ export const RTCViewPipIOS = /*#__PURE__*/React.memo(props => {
       subscription?.unsubscribe();
     };
   }, [call]);
+  const onDimensionsUpdated = useCallback((width, height) => {
+    const node = findNodeHandle(nativeRef.current);
+    if (node !== null && width > 0 && height > 0) {
+      onNativeDimensionsUpdated(node, width, height);
+    }
+  }, []);
+  const {
+    videoStream,
+    screenShareStream
+  } = participantInSpotlight;
+  const isScreenSharing = hasScreenShare(participantInSpotlight);
+  const videoStreamToRender = isScreenSharing ? screenShareStream : videoStream;
   const streamURL = useMemo(() => {
-    if (!participantInSpotlight) {
+    if (!videoStreamToRender) {
       return undefined;
     }
-    const {
-      videoStream,
-      screenShareStream
-    } = participantInSpotlight;
-    const isScreenSharing = hasScreenShare(participantInSpotlight);
-    const videoStreamToRender = isScreenSharing ? screenShareStream : videoStream;
     return videoStreamToRender?.toURL();
-  }, [participantInSpotlight]);
-  return /*#__PURE__*/React.createElement(RTCViewPipNative, {
+  }, [videoStreamToRender]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(RTCViewPipNative, {
     streamURL: streamURL,
     ref: nativeRef
-  });
+  }), /*#__PURE__*/React.createElement(DimensionsUpdatedRenderless, {
+    participant: participantInSpotlight,
+    trackType: isScreenSharing ? 'screenShareTrack' : 'videoTrack',
+    onDimensionsUpdated: onDimensionsUpdated,
+    key: streamURL
+  }));
+});
+const DimensionsUpdatedRenderless = /*#__PURE__*/React.memo(({
+  participant,
+  trackType,
+  onDimensionsUpdated
+}) => {
+  const {
+    width,
+    height
+  } = useTrackDimensions(participant, trackType);
+  useEffect(() => {
+    onDimensionsUpdated(width, height);
+  }, [width, height, onDimensionsUpdated]);
+  return null;
 });
+DimensionsUpdatedRenderless.displayName = 'DimensionsUpdatedRenderless';
 RTCViewPipIOS.displayName = 'RTCViewPipIOS';
 //# sourceMappingURL=RTCViewPipIOS.js.map

package/dist/module/components/Call/CallContent/RTCViewPipIOS.js.map

@@ -1 +1 @@
-{"version":3,"names":["CallingState","getLogger","hasScreenShare","speakerLayoutSortPreset","useCall","useCallStateHooks","React","useEffect","useMemo","findNodeHandle","onNativeCallClosed","RTCViewPipNative","useDebouncedValue","shouldDisableIOSLocalVideoOnBackgroundRef","RTCViewPipIOS","memo","props","includeLocalParticipantVideo","call","useParticipants","_allParticipants","sortBy","allParticipants","dominantSpeaker","dominantSpeaker2","filter","participant","isLocalParticipant","participantInSpotlight","current","nativeRef","useRef","callClosedInvokedOnce","onCallClosed","node","unsubFunc","on","subscription","state","callingState$","subscribe","LEFT","unsubscribe","streamURL","undefined","videoStream","screenShareStream","isScreenSharing","videoStreamToRender","toURL","createElement","ref","displayName"],"sourceRoot":"../../../../../src","sources":["components/Call/CallContent/RTCViewPipIOS.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["CallingState","getLogger","hasScreenShare","speakerLayoutSortPreset","useCall","useCallStateHooks","React","useEffect","useMemo","useCallback","findNodeHandle","onNativeCallClosed","onNativeDimensionsUpdated","RTCViewPipNative","useDebouncedValue","shouldDisableIOSLocalVideoOnBackgroundRef","useTrackDimensions","RTCViewPipIOS","memo","props","includeLocalParticipantVideo","call","useParticipants","_allParticipants","sortBy","allParticipants","dominantSpeaker","dominantSpeaker2","filter","participant","isLocalParticipant","participantInSpotlight","current","nativeRef","useRef","callClosedInvokedOnce","onCallClosed","node","unsubFunc","on","subscription","state","callingState$","subscribe","LEFT","unsubscribe","onDimensionsUpdated","width","height","videoStream","screenShareStream","isScreenSharing","videoStreamToRender","streamURL","undefined","toURL","createElement","Fragment","ref","DimensionsUpdatedRenderless","trackType","key","displayName"],"sourceRoot":"../../../../../src","sources":["components/Call/CallContent/RTCViewPipIOS.tsx"],"mappings":"AAAA,SACEA,YAAY,EACZC,SAAS,EACTC,cAAc,EACdC,uBAAuB,QAGlB,yBAAyB;AAChC,SAASC,OAAO,EAAEC,iBAAiB,QAAQ,iCAAiC;AAE5E,OAAOC,KAAK,IAAIC,SAAS,EAAEC,OAAO,EAAEC,WAAW,QAAQ,OAAO;AAC9D,SAASC,cAAc,QAAQ,cAAc;AAC7C,SACEC,kBAAkB,EAClBC,yBAAyB,EACzBC,gBAAgB,QACX,oBAAoB;AAC3B,SAASC,iBAAiB,QAAQ,sBAAsB;AACxD,SAASC,yCAAyC,QAAQ,gEAAgE;AAC1H,SAASC,kBAAkB,QAAQ,mCAAmC;AAMtE,OAAO,MAAMC,aAAa,gBAAGX,KAAK,CAACY,IAAI,CAAEC,KAAY,IAAK;EACxD,MAAM;IAAEC;EAA6B,CAAC,GAAGD,KAAK;EAC9C,MAAME,IAAI,GAAGjB,OAAO,CAAC,CAAC;EACtB,MAAM;IAAEkB;EAAgB,CAAC,GAAGjB,iBAAiB,CAAC,CAAC;EAC/C,MAAMkB,gBAAgB,GAAGD,eAAe,CAAC;IACvCE,MAAM,EAAErB;EACV,CAAC,CAAC;EACF,MAAMsB,eAAe,GAAGX,iBAAiB,CAACS,gBAAgB,EAAE,GAAG,CAAC,CAAC,CAAC;;EAElE,MAAM,CAACG,eAAe,EAAEC,gBAAgB,CAAC,GAAGF,eAAe,CAACG,MAAM,CAC/DC,WAAW,IACVT,4BAA4B,GAAG,IAAI,GAAG,CAACS,WAAW,CAACC,kBACvD,CAAC;;EAED;EACA;EACA,IAAIC,sBAAsB,GAAGL,eAAe;EAC5C,IAAIA,eAAe,EAAEI,kBAAkB,IAAIH,gBAAgB,EAAE;IAC3DI,sBAAsB,GAAGJ,gBAAgB;EAC3C;EAEApB,SAAS,CAAC,MAAM;IACdQ,yCAAyC,CAACiB,OAAO,GAC/C,CAACZ,4BAA4B;EACjC,CAAC,EAAE,CAACA,4BAA4B,CAAC,CAAC;EAElC,MAAMa,SAAS,GAAG3B,KAAK,CAAC4B,MAAM,CAAM,IAAI,CAAC;EAEzC5B,KAAK,CAACC,SAAS,CAAC,MAAM;IACpB,IAAI4B,qBAAqB,GAAG,KAAK;IACjC,MAAMC,YAAY,GAAGA,CAAA,KAAM;MACzB,IAAID,qBAAqB,EAAE;QACzB;MACF;MACAA,qBAAqB,GAAG,IAAI;MAC5B,MAAME,IAAI,GAAG3B,cAAc,CAACuB,SAAS,CAACD,OAAO,CAAC;MAC9C,IAAIK,IAAI,KAAK,IAAI,EAAE;QACjB1B,kBAAkB,CAAC0B,IAAI,CAAC;MAC1B;MACAtB,yCAAyC,CAACiB,OAAO,GAAG,IAAI;IAC1D,CAAC;IACD,MAAMM,SAAS,GAAGjB,IAAI,EAAEkB,EAAE,CAAC,YAAY,EAAE,MAAM;MAC7CtC,SAAS,CAAC,CAAC,eAAe,CAAC,CAAC,CAC1B,OAAO,EACP,sCACF,CAAC;MACDmC,YAAY,CAAC,CAAC;IAChB,CAAC,CAAC;IACF,MAAMI,YAAY,GAAGnB,IAAI,EAAEoB,KAAK,CAACC,aAAa,CAACC,SAAS,CAAEF,KAAK,IAAK;MAClE,IAAIA,KAAK,KAAKzC,YAAY,CAAC4C,IAAI,EAAE;QAC/B3C,SAAS,CAAC,CAAC,eAAe,CAAC,CAAC,CAC1B,OAAO,EACP,qCAAqCwC,KAAK,EAC5C,CAAC;QACDL,YAAY,CAAC,CAAC;MAChB;IACF,CAAC,CAAC;IACF,OAAO,MAAM;MACXA,YAAY,CAAC,CAAC;MACdE,SAAS,GAAG,CAAC;MACbE,YAAY,EAAEK,WAAW,CAAC,CAAC;IAC7B,CAAC;EACH,CAAC,EAAE,CAACxB,IAAI,CAAC,CAAC;EAEV,MAAMyB,mBAAmB,GAAGrC,WAAW,CAAC,CAACsC,KAAa,EAAEC,MAAc,KAAK;IACzE,MAAMX,IAAI,GAAG3B,cAAc,CAACuB,SAAS,CAACD,OAAO,CAAC;IAC9C,IAAIK,IAAI,KAAK,IAAI,IAAIU,KAAK,GAAG,CAAC,IAAIC,MAAM,GAAG,CAAC,EAAE;MAC5CpC,yBAAyB,CAACyB,IAAI,EAAEU,KAAK,EAAEC,MAAM,CAAC;IAChD;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM;IAAEC,WAAW;IAAEC;EAAkB,CAAC,GAAGnB,sBAAsB;EAEjE,MAAMoB,eAAe,GAAGjD,cAAc,CAAC6B,sBAAsB,CAAC;EAE9D,MAAMqB,mBAAmB,GAAID,eAAe,GACxCD,iBAAiB,GACjBD,WAAkD;EAEtD,MAAMI,SAAS,GAAG7C,OAAO,CAAC,MAAM;IAC9B,IAAI,CAAC4C,mBAAmB,EAAE;MACxB,OAAOE,SAAS;IAClB;IACA,OAAOF,mBAAmB,EAAEG,KAAK,CAAC,CAAC;EACrC,CAAC,EAAE,CAACH,mBAAmB,CAAC,CAAC;EAEzB,oBACE9C,KAAA,CAAAkD,aAAA,CAAAlD,KAAA,CAAAmD,QAAA,qBACEnD,KAAA,CAAAkD,aAAA,CAAC3C,gBAAgB;IAACwC,SAAS,EAAEA,SAAU;IAACK,GAAG,EAAEzB;EAAU,CAAE,CAAC,eAC1D3B,KAAA,CAAAkD,aAAA,CAACG,2BAA2B;IAC1B9B,WAAW,EAAEE,sBAAuB;IACpC6B,SAAS,EAAET,eAAe,GAAG,kBAAkB,GAAG,YAAa;IAC/DL,mBAAmB,EAAEA,mBAAoB;IACzCe,GAAG,EAAER;EAAU,CAChB,CACD,CAAC;AAEP,CAAC,CAAC;AAEF,MAAMM,2BAA2B,gBAAGrD,KAAK,CAACY,IAAI,CAC5C,CAAC;EACCW,WAAW;EACX+B,SAAS;EACTd;AAKF,CAAC,KAAK;EACJ,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGhC,kBAAkB,CAACa,WAAW,EAAE+B,SAAS,CAAC;EAEpErD,SAAS,CAAC,MAAM;IACduC,mBAAmB,CAACC,KAAK,EAAEC,MAAM,CAAC;EACpC,CAAC,EAAE,CAACD,KAAK,EAAEC,MAAM,EAAEF,mBAAmB,CAAC,CAAC;EAExC,OAAO,IAAI;AACb,CACF,CAAC;AAEDa,2BAA2B,CAACG,WAAW,GAAG,6BAA6B;AACvE7C,aAAa,CAAC6C,WAAW,GAAG,eAAe","ignoreList":[]}

package/dist/module/components/Call/CallContent/RTCViewPipNative.js

@@ -7,6 +7,13 @@ export function onNativeCallClosed(reactTag) {
   getLogger(['RTCViewPipNative'])('debug', 'onNativeCallClosed');
   UIManager.dispatchViewManagerCommand(reactTag, UIManager.getViewManagerConfig(COMPONENT_NAME).Commands.onCallClosed, []);
 }
+export function onNativeDimensionsUpdated(reactTag, width, height) {
+  getLogger(['RTCViewPipNative'])('debug', 'onNativeDimensionsUpdated', {
+    width,
+    height
+  });
+  UIManager.dispatchViewManagerCommand(reactTag, UIManager.getViewManagerConfig(COMPONENT_NAME).Commands.setPreferredContentSize, [width, height]);
+}
 
 /** Wrapper for the native view
  * meant to stay private and not exposed */

package/dist/module/components/Call/CallContent/RTCViewPipNative.js.map

@@ -1 +1 @@
-{"version":3,"names":["getLogger","React","Platform","requireNativeComponent","StyleSheet","UIManager","COMPONENT_NAME","NativeComponent","onNativeCallClosed","reactTag","dispatchViewManagerCommand","getViewManagerConfig","Commands","onCallClosed","RTCViewPipNative","memo","forwardRef","props","ref","OS","createElement","style","absoluteFill","pointerEvents","streamURL"],"sourceRoot":"../../../../../src","sources":["components/Call/CallContent/RTCViewPipNative.tsx"],"mappings":"AAAA,SAASA,SAAS,QAAQ,yBAAyB;AACnD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAEEC,QAAQ,EACRC,sBAAsB,EACtBC,UAAU,EACVC,SAAS,QACJ,cAAc;AAErB,MAAMC,cAAc,GAAG,YAAY;AAMnC,MAAMC,eAAqD,GACzDJ,sBAAsB,CAACG,cAAc,CAAC;AAExC,OAAO,SAASE,kBAAkBA,CAACC,QAAgB,EAAE;EACnDT,SAAS,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,OAAO,EAAE,oBAAoB,CAAC;EAC9DK,SAAS,CAACK,0BAA0B,CAClCD,QAAQ,EACRJ,SAAS,CAACM,oBAAoB,CAACL,cAAc,CAAC,CAACM,QAAQ,CAACC,YAAY,EACpE,EACF,CAAC;AACH;;AAEA;AACA;AACA,OAAO,MAAMC,gBAAgB,gBAAGb,KAAK,CAACc,IAAI,cACxCd,KAAK,CAACe,UAAU,CAKd,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChB,IAAIhB,QAAQ,CAACiB,EAAE,KAAK,KAAK,EAAE,OAAO,IAAI;EAEtC,oBACElB,KAAA,CAAAmB,aAAA,CAACb,eAAe;IACdc,KAAK,EAAEjB,UAAU,CAACkB,YAAa;IAC/BC,aAAa,EAAE;IACf;IAAA;IACAC,SAAS,EAAEP,KAAK,CAACO;IACjB;IAAA;IACAN,GAAG,EAAEA;EAAI,CACV,CAAC;AAEN,CAAC,CACH,CAAC","ignoreList":[]}
+{"version":3,"names":["getLogger","React","Platform","requireNativeComponent","StyleSheet","UIManager","COMPONENT_NAME","NativeComponent","onNativeCallClosed","reactTag","dispatchViewManagerCommand","getViewManagerConfig","Commands","onCallClosed","onNativeDimensionsUpdated","width","height","setPreferredContentSize","RTCViewPipNative","memo","forwardRef","props","ref","OS","createElement","style","absoluteFill","pointerEvents","streamURL"],"sourceRoot":"../../../../../src","sources":["components/Call/CallContent/RTCViewPipNative.tsx"],"mappings":"AAAA,SAASA,SAAS,QAAQ,yBAAyB;AACnD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAEEC,QAAQ,EACRC,sBAAsB,EACtBC,UAAU,EACVC,SAAS,QACJ,cAAc;AAErB,MAAMC,cAAc,GAAG,YAAY;AAMnC,MAAMC,eAAqD,GACzDJ,sBAAsB,CAACG,cAAc,CAAC;AAExC,OAAO,SAASE,kBAAkBA,CAACC,QAAgB,EAAE;EACnDT,SAAS,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,OAAO,EAAE,oBAAoB,CAAC;EAC9DK,SAAS,CAACK,0BAA0B,CAClCD,QAAQ,EACRJ,SAAS,CAACM,oBAAoB,CAACL,cAAc,CAAC,CAACM,QAAQ,CAACC,YAAY,EACpE,EACF,CAAC;AACH;AAEA,OAAO,SAASC,yBAAyBA,CACvCL,QAAgB,EAChBM,KAAa,EACbC,MAAc,EACd;EACAhB,SAAS,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,OAAO,EAAE,2BAA2B,EAAE;IACpEe,KAAK;IACLC;EACF,CAAC,CAAC;EACFX,SAAS,CAACK,0BAA0B,CAClCD,QAAQ,EACRJ,SAAS,CAACM,oBAAoB,CAACL,cAAc,CAAC,CAACM,QAAQ,CACpDK,uBAAuB,EAC1B,CAACF,KAAK,EAAEC,MAAM,CAChB,CAAC;AACH;;AAEA;AACA;AACA,OAAO,MAAME,gBAAgB,gBAAGjB,KAAK,CAACkB,IAAI,cACxClB,KAAK,CAACmB,UAAU,CAKd,CAACC,KAAK,EAAEC,GAAG,KAAK;EAChB,IAAIpB,QAAQ,CAACqB,EAAE,KAAK,KAAK,EAAE,OAAO,IAAI;EAEtC,oBACEtB,KAAA,CAAAuB,aAAA,CAACjB,eAAe;IACdkB,KAAK,EAAErB,UAAU,CAACsB,YAAa;IAC/BC,aAAa,EAAE;IACf;IAAA;IACAC,SAAS,EAAEP,KAAK,CAACO;IACjB;IAAA;IACAN,GAAG,EAAEA;EAAI,CACV,CAAC;AAEN,CAAC,CACH,CAAC","ignoreList":[]}

package/dist/module/hooks/useTrackDimensions.js

@@ -27,21 +27,34 @@ export function useTrackDimensions(participant, trackType) {
 
   // Set up videoTrackDimensionChanged event listener for more direct dimension updates
   useEffect(() => {
-    if (!trackId || !NativeModules.WebRTCModule) return;
+    if (!trackId || !track) return;
     const handleVideoTrackDimensionChanged = eventData => {
       // Only handle events for this specific participant
       if (eventData.trackId === trackId) {
         setTrackDimensions(prev => {
-          if (prev.width !== eventData.width || prev.height !== eventData.height) {
-            return {
-              width: eventData.width,
-              height: eventData.height
-            };
+          if (prev.width === eventData.width && prev.height === eventData.height) {
+            return prev;
           }
-          return prev;
+          return {
+            width: eventData.width,
+            height: eventData.height
+          };
         });
       }
     };
+    const {
+      width,
+      height
+    } = track.getSettings();
+    setTrackDimensions(prev => {
+      if (prev.width === width && prev.height === height) {
+        return prev;
+      }
+      return {
+        width: width ?? 0,
+        height: height ?? 0
+      };
+    });
     const subscription = webRTCEventEmitter.addListener('videoTrackDimensionChanged', handleVideoTrackDimensionChanged);
     return () => {
       subscription.remove();

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

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useState","NativeEventEmitter","NativeModules","webRTCEventEmitter","WebRTCModule","useTrackDimensions","participant","trackType","videoStream","screenShareStream","stream","track","getVideoTracks","trackId","id","trackDimensions","setTrackDimensions","settings","getSettings","width","height","handleVideoTrackDimensionChanged","eventData","prev","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,MAAMC,kBAAkB,GAAG,IAAIF,kBAAkB,CAACC,aAAa,CAACE,YAAY,CAAC;;AAE7E;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,GAAGhB,QAAQ,CAAC,MAAM;IAC3D,MAAMiB,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;EACArB,SAAS,CAAC,MAAM;IACd,IAAI,CAACc,OAAO,IAAI,CAACX,aAAa,CAACE,YAAY,EAAE;IAE7C,MAAMiB,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,OAAO;cAAED,KAAK,EAAEG,SAAS,CAACH,KAAK;cAAEC,MAAM,EAAEE,SAAS,CAACF;YAAO,CAAC;UAC7D;UACA,OAAOG,IAAI;QACb,CAAC,CAAC;MACJ;IACF,CAAC;IAED,MAAMC,YAAY,GAAGrB,kBAAkB,CAACsB,WAAW,CACjD,4BAA4B,EAC5BJ,gCACF,CAAC;IAED,OAAO,MAAM;MACXG,YAAY,CAACE,MAAM,CAAC,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,CAACb,OAAO,EAAEF,KAAK,CAAC,CAAC;EAEpB,OAAOI,eAAe;AACxB","ignoreList":[]}
+{"version":3,"names":["useEffect","useState","NativeEventEmitter","NativeModules","webRTCEventEmitter","WebRTCModule","useTrackDimensions","participant","trackType","videoStream","screenShareStream","stream","track","getVideoTracks","trackId","id","trackDimensions","setTrackDimensions","settings","getSettings","width","height","handleVideoTrackDimensionChanged","eventData","prev","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,MAAMC,kBAAkB,GAAG,IAAIF,kBAAkB,CAACC,aAAa,CAACE,YAAY,CAAC;;AAE7E;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,GAAGhB,QAAQ,CAAC,MAAM;IAC3D,MAAMiB,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;EACArB,SAAS,CAAC,MAAM;IACd,IAAI,CAACc,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,YAAY,GAAGrB,kBAAkB,CAACsB,WAAW,CACjD,4BAA4B,EAC5BJ,gCACF,CAAC;IAED,OAAO,MAAM;MACXG,YAAY,CAACE,MAAM,CAAC,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,CAACb,OAAO,EAAEF,KAAK,CAAC,CAAC;EAEpB,OAAOI,eAAe;AACxB","ignoreList":[]}

package/dist/module/version.js

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

package/dist/typescript/components/Call/CallContent/RTCViewPipIOS.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RTCViewPipIOS.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallContent/RTCViewPipIOS.tsx"],"names":[],"mappings":"AAQA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAMlD,KAAK,KAAK,GAAG;IACX,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,aAAa,oCAAsB,KAAK,uBAiFnD,CAAC"}
+{"version":3,"file":"RTCViewPipIOS.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallContent/RTCViewPipIOS.tsx"],"names":[],"mappings":"AAUA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAW/D,KAAK,KAAK,GAAG;IACX,4BAA4B,CAAC,EAAE,OAAO,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,aAAa,oCAAsB,KAAK,uBAiGnD,CAAC"}

package/dist/typescript/components/Call/CallContent/RTCViewPipNative.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 export declare function onNativeCallClosed(reactTag: number): void;
+export declare function onNativeDimensionsUpdated(reactTag: number, width: number, height: number): void;
 /** Wrapper for the native view
  * meant to stay private and not exposed */
 export declare const RTCViewPipNative: React.NamedExoticComponent<{

package/dist/typescript/components/Call/CallContent/RTCViewPipNative.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RTCViewPipNative.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallContent/RTCViewPipNative.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,MAAM,QAOlD;AAED;2CAC2C;AAC3C,eAAO,MAAM,gBAAgB;gBAIX,MAAM;wCAgBvB,CAAC"}
+{"version":3,"file":"RTCViewPipNative.d.ts","sourceRoot":"","sources":["../../../../../src/components/Call/CallContent/RTCViewPipNative.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,MAAM,QAOlD;AAED,wBAAgB,yBAAyB,CACvC,QAAQ,EAAE,MAAM,EAChB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,QAYf;AAED;2CAC2C;AAC3C,eAAO,MAAM,gBAAgB;gBAIX,MAAM;wCAgBvB,CAAC"}

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;AAMjC;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,sBAAsB,EACnC,SAAS,EAAE,cAAc;;;EAqD1B"}
+{"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;AAMjC;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,sBAAsB,EACnC,SAAS,EAAE,cAAc;;;EAgE1B"}

package/dist/typescript/version.d.ts

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

package/ios/PictureInPicture/StreamPictureInPictureController.swift

@@ -81,6 +81,10 @@ import Foundation
         super.init()
     }
     
+    func setPreferredContentSize(_ size: CGSize) {
+        contentViewController?.preferredContentSize = size
+    }
+    
     // MARK: - AVPictureInPictureControllerDelegate
     
     func pictureInPictureController(

package/ios/RTCViewPip.swift

@@ -6,6 +6,7 @@
 //
 
 import Foundation
+import React
 
 @objc(RTCViewPip)
 class RTCViewPip: UIView {
@@ -13,17 +14,6 @@ class RTCViewPip: UIView {
     private var pictureInPictureController = StreamPictureInPictureController()
     private var webRtcModule: WebRTCModule?
     
-    override init(frame: CGRect) {
-        super.init(frame: frame)
-        setupNotificationObserver()
-        self.pictureInPictureController?.sourceView = self
-    }
-    
-    required init?(coder aDecoder: NSCoder) {
-        super.init(coder: aDecoder)
-        setupNotificationObserver()
-    }
-    
     private func setupNotificationObserver() {
         NotificationCenter.default.addObserver(
             self,
@@ -33,10 +23,6 @@ class RTCViewPip: UIView {
         )
     }
     
-    deinit {
-        NotificationCenter.default.removeObserver(self)
-    }
-    
     func setWebRtcModule(_ module: WebRTCModule) {
         webRtcModule = module
     }
@@ -64,7 +50,7 @@ class RTCViewPip: UIView {
             }
             
             DispatchQueue.main.async {
-                NSLog("PiP - Setting video track for streamURL: -\(streamURLString)")
+                NSLog("PiP - Setting video track for streamURL: -\(streamURLString) trackId: \(videoTrack.trackId)")
                 self.pictureInPictureController?.track = videoTrack
             }
         }
@@ -82,16 +68,34 @@ class RTCViewPip: UIView {
         self.pictureInPictureController = nil
     }
     
-    override func didMoveToWindow() {
-        super.didMoveToWindow()
-        let isVisible = self.superview != nil && self.window != nil;
-        if (!isVisible) {
-            // view is detached so we cleanup the pip controller
-            // taken from:  https://github.com/software-mansion/react-native-screens/blob/main/Example/ios/ScreensExample/RNSSampleLifecycleAwareView.m
+    @objc
+    func setPreferredContentSize(_ size: CGSize) {
+        NSLog("PiP - RTCViewPip setPreferredContentSize \(size)")
+        self.pictureInPictureController?.setPreferredContentSize(size)
+    }
+    
+    override func didMoveToSuperview() {
+        super.didMoveToSuperview()
+        if self.superview == nil {
+            NSLog("PiP - RTCViewPip has been removed from its superview.")
+            NotificationCenter.default.removeObserver(self)
             DispatchQueue.main.async {
                 NSLog("PiP - onCallClosed called due to view detaching")
                 self.onCallClosed()
             }
+        } else {
+            NSLog("PiP - RTCViewPip has been added to a superview.")
+            setupNotificationObserver()
+            DispatchQueue.main.async {
+                self.pictureInPictureController?.sourceView = self
+                if let reactTag = self.reactTag, let bridge = self.webRtcModule?.bridge {
+                    if let manager = bridge.module(for: RTCViewPipManager.self) as? RTCViewPipManager,
+                       let size = manager.getCachedSize(for: reactTag) {
+                        NSLog("PiP - Applying cached size \(size) for reactTag \(reactTag)")
+                        self.setPreferredContentSize(size)
+                    }
+                }
+            }
         }
     }
 }

package/ios/RTCViewPipManager.mm

@@ -12,5 +12,6 @@
 
 RCT_EXPORT_VIEW_PROPERTY(streamURL, NSString)
 RCT_EXTERN_METHOD(onCallClosed:(nonnull NSNumber*) reactTag)
+RCT_EXTERN_METHOD(setPreferredContentSize:(nonnull NSNumber *)reactTag width:(CGFloat)w height:(CGFloat)h);
 
 @end

package/ios/RTCViewPipManager.swift

@@ -9,39 +9,59 @@ import Foundation
 
 @objc(RTCViewPipManager)
 class RTCViewPipManager: RCTViewManager {
-
-    // A cached RTCViewPip reference.
-    //
-    // Often, the view unmounts before the `onCallClosed` command arrives and as a consequence
-    // pipView.onCallClosed() method wasn't called, as the view can't be found in the ViewRegistry
-    // causing dangling PiP window with the last video frame frozen.
-    // Now, once this happens, instead forwarding the command to the view returned by the registry,
-    // we manually apply it to the cached view. The current setup allows only one PipView, so we
-    // don't have to introduce more complex view tracking mechanism.
-    private var _view: RTCViewPip? = nil
-
+    
+    private var cachedSizes: [NSNumber: CGSize] = [:]
+    
     override func view() -> UIView! {
         let view = RTCViewPip()
         view.setWebRtcModule(self.bridge.module(forName: "WebRTCModule") as! WebRTCModule)
-        self._view = view
         return view
     }
-
+    
     override static func requiresMainQueueSetup() -> Bool {
         return true
     }
-
-    @objc func onCallClosed(_ reactTag: NSNumber) {
-        self.bridge!.uiManager.addUIBlock { (_: RCTUIManager?, viewRegistry: [NSNumber: UIView]?) in
-            guard let pipView = viewRegistry?[reactTag] as? RTCViewPip else {
-                NSLog("PiP - onCallClosed can't be called, Invalid view returned from registry, expecting RTCViewPip. Disposing the cached view.")
-                self._view?.onCallClosed()
-                self._view = nil
-                return
+    
+    @objc(onCallClosed:)
+    func onCallClosed(_ reactTag: NSNumber) {
+        
+        bridge.uiManager.addUIBlock({ (uiManager, viewRegistry) in
+            let view = uiManager?.view(forReactTag: reactTag)
+            if let pipView = view as? RTCViewPip {
+                DispatchQueue.main.async {
+                    pipView.onCallClosed()
+                }
+            } else {
+                NSLog("PiP - onCallClosed cant be called, Invalid view returned from registry, expecting RTCViewPip")
             }
-            DispatchQueue.main.async {
-                pipView.onCallClosed()
+        })
+    }
+    
+    
+    @objc(setPreferredContentSize:width:height:)
+    func setPreferredContentSize(_ reactTag: NSNumber, width: CGFloat, height: CGFloat) {
+        let size = CGSize(width: width, height: height)
+        
+        bridge.uiManager.addUIBlock({ (uiManager, viewRegistry) in
+            let view = uiManager?.view(forReactTag: reactTag)
+            if let pipView = view as? RTCViewPip {
+                DispatchQueue.main.async {
+                    pipView.setPreferredContentSize(size)
+                }
+            } else {
+                // If the view is not found, cache the size.
+                // this happens when this method is called before the view can attach react super view
+                NSLog("PiP - View not found for reactTag \(reactTag), caching size.")
+                self.cachedSizes[reactTag] = size
             }
+        })
+    }
+    
+    func getCachedSize(for reactTag: NSNumber) -> CGSize? {
+        let size = self.cachedSizes.removeValue(forKey: reactTag)
+        if size != nil {
+            NSLog("PiP - Found and removed cached size for reactTag \(reactTag).")
         }
+        return size
     }
 }

package/ios/StreamVideoReactNative-Bridging-Header.h

@@ -5,6 +5,7 @@
 #import <React/RCTUIManager.h>
 #import <React/RCTView.h>
 #import <React/RCTBridge.h>
+#import <React/UIView+React.h>
 
 #import <WebRTC/RTCCVPixelBuffer.h>
 #import <WebRTC/RTCVideoFrame.h>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-native-sdk",
-  "version": "1.20.1",
+  "version": "1.20.2",
   "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.27.1",
-    "@stream-io/video-react-bindings": "1.7.10",
+    "@stream-io/video-client": "1.27.2",
+    "@stream-io/video-react-bindings": "1.7.11",
     "intl-pluralrules": "2.0.1",
     "lodash.merge": "^4.6.2",
     "react-native-url-polyfill": "1.3.0",
@@ -60,7 +60,7 @@
     "@react-native-firebase/app": ">=17.5.0",
     "@react-native-firebase/messaging": ">=17.5.0",
     "@stream-io/noise-cancellation-react-native": ">=0.1.0",
-    "@stream-io/react-native-webrtc": ">=125.4.0",
+    "@stream-io/react-native-webrtc": ">=125.4.1",
     "@stream-io/video-filters-react-native": ">=0.1.0",
     "expo": ">=47.0.0",
     "expo-build-properties": "*",
@@ -125,9 +125,9 @@
     "@react-native-firebase/app": "^22.1.0",
     "@react-native-firebase/messaging": "^22.1.0",
     "@react-native/babel-preset": "^0.79.2",
-    "@stream-io/noise-cancellation-react-native": "^0.2.0",
-    "@stream-io/react-native-webrtc": "^125.4.0",
-    "@stream-io/video-filters-react-native": "^0.6.0",
+    "@stream-io/noise-cancellation-react-native": "^0.2.1",
+    "@stream-io/react-native-webrtc": "125.4.1",
+    "@stream-io/video-filters-react-native": "^0.6.1",
     "@testing-library/jest-native": "^5.4.3",
     "@testing-library/react-native": "13.2.0",
     "@tsconfig/node14": "14.1.3",

package/src/components/Call/CallContent/RTCViewPipIOS.tsx

@@ -3,14 +3,21 @@ import {
   getLogger,
   hasScreenShare,
   speakerLayoutSortPreset,
+  type StreamVideoParticipant,
+  type VideoTrackType,
 } from '@stream-io/video-client';
 import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
 import type { MediaStream } from '@stream-io/react-native-webrtc';
-import React, { useEffect, useMemo } from 'react';
+import React, { useEffect, useMemo, useCallback } from 'react';
 import { findNodeHandle } from 'react-native';
-import { onNativeCallClosed, RTCViewPipNative } from './RTCViewPipNative';
+import {
+  onNativeCallClosed,
+  onNativeDimensionsUpdated,
+  RTCViewPipNative,
+} from './RTCViewPipNative';
 import { useDebouncedValue } from '../../../utils/hooks';
 import { shouldDisableIOSLocalVideoOnBackgroundRef } from '../../../utils/internal/shouldDisableIOSLocalVideoOnBackground';
+import { useTrackDimensions } from '../../../hooks/useTrackDimensions';
 
 type Props = {
   includeLocalParticipantVideo?: boolean;
@@ -80,23 +87,60 @@ export const RTCViewPipIOS = React.memo((props: Props) => {
     };
   }, [call]);
 
-  const streamURL = useMemo(() => {
-    if (!participantInSpotlight) {
-      return undefined;
+  const onDimensionsUpdated = useCallback((width: number, height: number) => {
+    const node = findNodeHandle(nativeRef.current);
+    if (node !== null && width > 0 && height > 0) {
+      onNativeDimensionsUpdated(node, width, height);
     }
+  }, []);
 
-    const { videoStream, screenShareStream } = participantInSpotlight;
+  const { videoStream, screenShareStream } = participantInSpotlight;
 
-    const isScreenSharing = hasScreenShare(participantInSpotlight);
+  const isScreenSharing = hasScreenShare(participantInSpotlight);
 
-    const videoStreamToRender = (isScreenSharing
-      ? screenShareStream
-      : videoStream) as unknown as MediaStream | undefined;
+  const videoStreamToRender = (isScreenSharing
+    ? screenShareStream
+    : videoStream) as unknown as MediaStream | undefined;
 
+  const streamURL = useMemo(() => {
+    if (!videoStreamToRender) {
+      return undefined;
+    }
     return videoStreamToRender?.toURL();
-  }, [participantInSpotlight]);
+  }, [videoStreamToRender]);
 
-  return <RTCViewPipNative streamURL={streamURL} ref={nativeRef} />;
+  return (
+    <>
+      <RTCViewPipNative streamURL={streamURL} ref={nativeRef} />
+      <DimensionsUpdatedRenderless
+        participant={participantInSpotlight}
+        trackType={isScreenSharing ? 'screenShareTrack' : 'videoTrack'}
+        onDimensionsUpdated={onDimensionsUpdated}
+        key={streamURL}
+      />
+    </>
+  );
 });
 
+const DimensionsUpdatedRenderless = React.memo(
+  ({
+    participant,
+    trackType,
+    onDimensionsUpdated,
+  }: {
+    participant: StreamVideoParticipant;
+    trackType: VideoTrackType;
+    onDimensionsUpdated: (width: number, height: number) => void;
+  }) => {
+    const { width, height } = useTrackDimensions(participant, trackType);
+
+    useEffect(() => {
+      onDimensionsUpdated(width, height);
+    }, [width, height, onDimensionsUpdated]);
+
+    return null;
+  },
+);
+
+DimensionsUpdatedRenderless.displayName = 'DimensionsUpdatedRenderless';
 RTCViewPipIOS.displayName = 'RTCViewPipIOS';

package/src/components/Call/CallContent/RTCViewPipNative.tsx

@@ -26,6 +26,23 @@ export function onNativeCallClosed(reactTag: number) {
   );
 }
 
+export function onNativeDimensionsUpdated(
+  reactTag: number,
+  width: number,
+  height: number,
+) {
+  getLogger(['RTCViewPipNative'])('debug', 'onNativeDimensionsUpdated', {
+    width,
+    height,
+  });
+  UIManager.dispatchViewManagerCommand(
+    reactTag,
+    UIManager.getViewManagerConfig(COMPONENT_NAME).Commands
+      .setPreferredContentSize,
+    [width, height],
+  );
+}
+
 /** Wrapper for the native view
  * meant to stay private and not exposed */
 export const RTCViewPipNative = React.memo(

package/src/hooks/useTrackDimensions.ts

@@ -34,7 +34,7 @@ export function useTrackDimensions(
 
   // Set up videoTrackDimensionChanged event listener for more direct dimension updates
   useEffect(() => {
-    if (!trackId || !NativeModules.WebRTCModule) return;
+    if (!trackId || !track) return;
 
     const handleVideoTrackDimensionChanged = (eventData: {
       pcId: string;
@@ -46,16 +46,27 @@ export function useTrackDimensions(
       if (eventData.trackId === trackId) {
         setTrackDimensions((prev) => {
           if (
-            prev.width !== eventData.width ||
-            prev.height !== eventData.height
+            prev.width === eventData.width &&
+            prev.height === eventData.height
           ) {
-            return { width: eventData.width, height: eventData.height };
+            return prev;
           }
-          return prev;
+          return { width: eventData.width, height: eventData.height };
         });
       }
     };
 
+    const { width, height } = track.getSettings();
+    setTrackDimensions((prev) => {
+      if (prev.width === width && prev.height === height) {
+        return prev;
+      }
+      return {
+        width: width ?? 0,
+        height: height ?? 0,
+      };
+    });
+
     const subscription = webRTCEventEmitter.addListener(
       'videoTrackDimensionChanged',
       handleVideoTrackDimensionChanged,

package/src/version.ts

@@ -1 +1 @@
-export const version = '1.20.1';
+export const version = '1.20.2';