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

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.2';
+export const version = '1.23.0';
 //# sourceMappingURL=version.js.map

package/dist/typescript/components/Livestream/LivestreamPlayer/LivestreamPlayer.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 import { type ViewerLivestreamProps } from '../ViewerLivestream';
 export type LivestreamPlayerProps = {
     /**
@@ -19,7 +19,7 @@ export type LivestreamPlayerProps = {
      *
      * `"asap"` behavior means joining the call as soon as it is possible
      * (either the `join_ahead_time_seconds` setting allows it, or the user
-     * has a the capability to join backstage).
+     * has the capability to join backstage).
      *
      * `"live"` behavior means joining the call when it goes live.
      *
@@ -27,5 +27,5 @@ export type LivestreamPlayerProps = {
      */
     joinBehavior?: 'asap' | 'live';
 };
-export declare const LivestreamPlayer: ({ callType, callId, ViewerLivestream, joinBehavior, }: LivestreamPlayerProps) => React.JSX.Element | null;
+export declare const LivestreamPlayer: ({ callType, callId, ViewerLivestream, joinBehavior, children, }: PropsWithChildren<LivestreamPlayerProps>) => React.JSX.Element | null;
 //# sourceMappingURL=LivestreamPlayer.d.ts.map

package/dist/typescript/components/Livestream/LivestreamPlayer/LivestreamPlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LivestreamPlayer.d.ts","sourceRoot":"","sources":["../../../../../src/components/Livestream/LivestreamPlayer/LivestreamPlayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,qBAAqB,CAAC;AAK7B,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAE9D;;;;;;;;;;OAUG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,uDAK9B,qBAAqB,6BA2CvB,CAAC"}
+{"version":3,"file":"LivestreamPlayer.d.ts","sourceRoot":"","sources":["../../../../../src/components/Livestream/LivestreamPlayer/LivestreamPlayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AACtE,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,qBAAqB,CAAC;AAK7B,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAE9D;;;;;;;;;;OAUG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,iEAM9B,iBAAiB,CAAC,qBAAqB,CAAC,6BA4C1C,CAAC"}

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.2";
+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.2",
+  "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.34.1",
-    "@stream-io/video-react-bindings": "1.10.1",
+    "@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/Livestream/LivestreamPlayer/LivestreamPlayer.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React, { PropsWithChildren, useEffect, useState } from 'react';
 import {
   ViewerLivestream as DefaultViewerLivestream,
   type ViewerLivestreamProps,
@@ -27,7 +27,7 @@ export type LivestreamPlayerProps = {
    *
    * `"asap"` behavior means joining the call as soon as it is possible
    * (either the `join_ahead_time_seconds` setting allows it, or the user
-   * has a the capability to join backstage).
+   * has the capability to join backstage).
    *
    * `"live"` behavior means joining the call when it goes live.
    *
@@ -41,7 +41,8 @@ export const LivestreamPlayer = ({
   callId,
   ViewerLivestream = DefaultViewerLivestream,
   joinBehavior = 'asap',
-}: LivestreamPlayerProps) => {
+  children,
+}: PropsWithChildren<LivestreamPlayerProps>) => {
   const client = useStreamVideoClient();
 
   const [call, setCall] = useState<Call>();
@@ -82,6 +83,7 @@ export const LivestreamPlayer = ({
   return (
     <StreamCall call={call}>
       <ViewerLivestream joinBehavior={joinBehavior} />
+      {children}
     </StreamCall>
   );
 };

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,
+  };
+};