@stream-io/video-react-native-sdk 1.10.17 → 1.10.19

package/dist/typescript/utils/push/ios.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ios.d.ts","sourceRoot":"","sources":["../../../../src/utils/push/ios.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAMhE,OAAO,EACL,KAAK,gBAAgB,EAMrB,KAAK,uBAAuB,EAC7B,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAW,iBAAiB,EAAa,MAAM,yBAAyB,CAAC;AAEhF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAQnD,KAAK,UAAU,GAAG,WAAW,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;AAqBzD,eAAO,MAAM,0BAA0B,UAAW,gBAAgB,SAoBjE,CAAC;AAEF,eAAO,MAAM,iBAAiB,eAE3B;IACD,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,EAAE,OAAO,CAAC;CACvB,SAmBA,CAAC;AAEF,wBAAgB,qCAAqC,CACnD,YAAY,EAAE,uBAAuB,QAiCtC;AAED,2BAA2B;AAC3B,wBAAsB,mBAAmB,CACvC,MAAM,EAAE,iBAAiB,EACzB,UAAU,EAAE,UAAU,EACtB,sBAAsB,EAAE,CAAC,WAAW,EAAE,MAAM,IAAI,KAAK,IAAI,iBAoF1D;AAED,eAAO,MAAM,0BAA0B,iBAAwB,GAAG,kBAwHjE,CAAC"}
+{"version":3,"file":"ios.d.ts","sourceRoot":"","sources":["../../../../src/utils/push/ios.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,OAAO,EACL,KAAK,gBAAgB,EAIrB,KAAK,uBAAuB,EAC7B,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAa,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAEvE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAInD,KAAK,UAAU,GAAG,WAAW,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;AAqBzD,eAAO,MAAM,0BAA0B,GAAI,OAAO,gBAAgB,SAsBjE,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,YAE/B;IACD,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,EAAE,OAAO,CAAC;CACvB,SAmBA,CAAC;AAEF,wBAAgB,qCAAqC,CACnD,YAAY,EAAE,uBAAuB,QAmCtC;AAED,2BAA2B;AAC3B,wBAAsB,mBAAmB,CACvC,MAAM,EAAE,iBAAiB,EACzB,UAAU,EAAE,UAAU,EACtB,sBAAsB,EAAE,CAAC,WAAW,EAAE,MAAM,IAAI,KAAK,IAAI,iBAsF1D"}

package/dist/typescript/utils/push/libs/expoNotifications.d.ts

@@ -1,5 +1,5 @@
-export type ExpoNotificationsLib = typeof import('expo-notifications');
 import type { Notification } from 'expo-notifications';
+export type ExpoNotificationsLib = typeof import('expo-notifications');
 export type ExpoNotification = Notification;
 export declare function getExpoNotificationsLib(): typeof import("expo-notifications");
 export declare function getExpoNotificationsLibNoThrow(): typeof import("expo-notifications") | undefined;

package/dist/typescript/utils/push/libs/expoNotifications.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"expoNotifications.d.ts","sourceRoot":"","sources":["../../../../../src/utils/push/libs/expoNotifications.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG,cAAc,oBAAoB,CAAC,CAAC;AAGvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC;AAQ5C,wBAAgB,uBAAuB,wCAOtC;AAED,wBAAgB,8BAA8B,oDAQ7C"}
+{"version":3,"file":"expoNotifications.d.ts","sourceRoot":"","sources":["../../../../../src/utils/push/libs/expoNotifications.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,MAAM,MAAM,oBAAoB,GAAG,cAAc,oBAAoB,CAAC,CAAC;AAEvE,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC;AAQ5C,wBAAgB,uBAAuB,wCAOtC;AAED,wBAAgB,8BAA8B,oDAQ7C"}

package/dist/typescript/utils/push/libs/firebaseMessaging/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/push/libs/firebaseMessaging/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,IAAI,EAAO,MAAM,OAAO,CAAC;AAEvC,YAAY,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAC/E,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC;AAKzC,wBAAgB,uBAAuB,4OAQtC;AAED,wBAAgB,8BAA8B,CAAC,MAAM,EAAE,OAAO,uPAa7D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/push/libs/firebaseMessaging/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,IAAI,EAAE,MAAM,OAAO,CAAC;AAEvC,YAAY,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAC/E,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC;AAKzC,wBAAgB,uBAAuB,4OAQtC;AAED,wBAAgB,8BAA8B,CAAC,MAAM,EAAE,OAAO,uPAa7D"}

package/dist/typescript/utils/push/libs/iosPushNotification.d.ts

@@ -1,5 +1,5 @@
-export type PushNotificationIosLib = typeof import('@react-native-community/push-notification-ios').default;
 import type { PushNotification } from '@react-native-community/push-notification-ios';
+export type PushNotificationIosLib = typeof import('@react-native-community/push-notification-ios').default;
 export type PushNotificationiOSType = PushNotification;
 export declare function getPushNotificationIosLib(): import("@react-native-community/push-notification-ios").PushNotificationIOSStatic;
 //# sourceMappingURL=iosPushNotification.d.ts.map

package/dist/typescript/utils/push/libs/iosPushNotification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"iosPushNotification.d.ts","sourceRoot":"","sources":["../../../../../src/utils/push/libs/iosPushNotification.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,sBAAsB,GAChC,cAAc,+CAA+C,EAAE,OAAO,CAAC;AAIzE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+CAA+C,CAAC;AAEtF,MAAM,MAAM,uBAAuB,GAAG,gBAAgB,CAAC;AAOvD,wBAAgB,yBAAyB,sFAOxC"}
+{"version":3,"file":"iosPushNotification.d.ts","sourceRoot":"","sources":["../../../../../src/utils/push/libs/iosPushNotification.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+CAA+C,CAAC;AAEtF,MAAM,MAAM,sBAAsB,GAChC,cAAc,+CAA+C,EAAE,OAAO,CAAC;AAIzE,MAAM,MAAM,uBAAuB,GAAG,gBAAgB,CAAC;AAOvD,wBAAgB,yBAAyB,sFAOxC"}

package/dist/typescript/utils/push/libs/notifee/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/push/libs/notifee/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,IAAI,EAAO,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC;AAE9B,aAAK,4BAA4B;IAC/B,8BAA8B,KAAK;IACnC,wCAAwC,KAAK;IAC7C,iCAAiC,IAAI;IACrC,8BAA8B,MAAM;IACpC,gCAAgC,IAAI;IACpC,sCAAsC,IAAI;IAC1C,wCAAwC,KAAK;IAC7C,wCAAwC,OAAO;IAC/C,kCAAkC,MAAM;IACxC,kCAAkC,IAAI;IACtC,wCAAwC,MAAM;IAC9C,qCAAqC,OAAO;IAC5C,mCAAmC,aAAa;IAChD,uCAAuC,OAAO;IAC9C,gCAAgC,KAAK;CACtC;AAKD,wBAAgB,uCAAuC,2CAQtD;AAED,wBAAgB,oCAAoC,uDASnD;AAED,wBAAsB,sCAAsC,4CA0B3D;AAED,wBAAgB,qCAAqC,mCAKpD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/utils/push/libs/notifee/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,IAAI,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC;AAE9B,aAAK,4BAA4B;IAC/B,8BAA8B,KAAK;IACnC,wCAAwC,KAAK;IAC7C,iCAAiC,IAAI;IACrC,8BAA8B,MAAM;IACpC,gCAAgC,IAAI;IACpC,sCAAsC,IAAI;IAC1C,wCAAwC,KAAK;IAC7C,wCAAwC,OAAO;IAC/C,kCAAkC,MAAM;IACxC,kCAAkC,IAAI;IACtC,wCAAwC,MAAM;IAC9C,qCAAqC,OAAO;IAC5C,mCAAmC,aAAa;IAChD,uCAAuC,OAAO;IAC9C,gCAAgC,KAAK;CACtC;AAKD,wBAAgB,uCAAuC,2CAQtD;AAED,wBAAgB,oCAAoC,uDASnD;AAED,wBAAsB,sCAAsC,4CA0B3D;AAED,wBAAgB,qCAAqC,mCAKpD"}

package/dist/typescript/utils/push/setupIosCallKeepEvents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"setupIosCallKeepEvents.d.ts","sourceRoot":"","sources":["../../../../src/utils/push/setupIosCallKeepEvents.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAchE;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,UAAU,EAAE,WAAW,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,QAwHnD"}
+{"version":3,"file":"setupIosCallKeepEvents.d.ts","sourceRoot":"","sources":["../../../../src/utils/push/setupIosCallKeepEvents.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAUhE;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,UAAU,EAAE,WAAW,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,QAyHnD"}

package/dist/typescript/version.d.ts

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

package/expo-config-plugin/dist/withAndroidManifest.js

@@ -39,7 +39,6 @@ const withStreamVideoReactNativeSDKManifest = (configuration, props) => {
         }
         if (props?.androidPictureInPicture) {
             const mainActivity = getMainActivityOrThrow(androidManifest);
-            ('keyboard|keyboardHidden|orientation|screenSize|uiMode');
             const currentConfigChangesArray = mainActivity.$['android:configChanges']
                 ? mainActivity.$['android:configChanges'].split('|')
                 : [];

package/expo-config-plugin/dist/withAppDelegate.js

@@ -38,7 +38,7 @@ const withAppDelegate = (configuration, props) => {
                 return config;
             }
             catch (error) {
-                throw new Error('Cannot setup StreamVideoReactNativeSDK because the AppDelegate is malformed');
+                throw new Error(`Cannot setup StreamVideoReactNativeSDK because the AppDelegate is malformed ${error}`);
             }
         }
         else {

package/expo-config-plugin/dist/withIosScreenCapture/withPlistUpdates.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const config_plugins_1 = require("@expo/config-plugins");
-const withPlistUpdates = (config, _props) => (0, config_plugins_1.withPlugins)(config, [withAppEntitlements, withInfoPlistRTC]);
+const withPlistUpdates = (config) => (0, config_plugins_1.withPlugins)(config, [withAppEntitlements, withInfoPlistRTC]);
 exports.default = withPlistUpdates;
 // adds the app group identifier to the app's entitlements file
 const withAppEntitlements = (configuration) => {

package/expo-config-plugin/dist/withiOSInfoPlist.js

@@ -15,8 +15,10 @@ const withStreamVideoReactNativeSDKiOSInfoPList = (configuration, props) => {
         if (props?.ringingPushNotifications) {
             addBackgroundMode('voip');
             addBackgroundMode('fetch');
+            addBackgroundMode('processing');
         }
-        if (props?.enableNonRingingPushNotifications) {
+        if (props?.enableNonRingingPushNotifications ||
+            props?.ringingPushNotifications) {
             addBackgroundMode('remote-notification');
         }
         return config;

package/package.json

@@ -1,7 +1,6 @@
 {
   "name": "@stream-io/video-react-native-sdk",
-  "version": "1.10.17",
-  "packageManager": "yarn@3.2.4",
+  "version": "1.10.19",
   "description": "Stream Video SDK for React Native",
   "author": "https://getstream.io",
   "homepage": "https://getstream.io/video/docs/react-native/",
@@ -46,8 +45,8 @@
     "!**/.*"
   ],
   "dependencies": {
-    "@stream-io/video-client": "1.18.7",
-    "@stream-io/video-react-bindings": "1.5.9",
+    "@stream-io/video-client": "1.18.9",
+    "@stream-io/video-react-bindings": "1.5.11",
     "intl-pluralrules": "2.0.1",
     "lodash.merge": "^4.6.2",
     "react-native-url-polyfill": "1.3.0",
@@ -113,44 +112,42 @@
     }
   },
   "devDependencies": {
-    "@expo/config-plugins": "~9.0.15",
-    "@notifee/react-native": "9.1.2",
+    "@expo/config-plugins": "~9.0.17",
+    "@expo/config-types": "^52.0.5",
+    "@expo/plist": "^0.2.2",
+    "@notifee/react-native": "9.1.8",
     "@react-native-community/netinfo": "9.3.9",
     "@react-native-community/push-notification-ios": "1.11.0",
-    "@react-native-firebase/app": "19.2.2",
-    "@react-native-firebase/messaging": "19.2.2",
-    "@react-native/babel-preset": "^0.73",
-    "@react-native/eslint-config": "^0.74.84",
-    "@stream-io/react-native-webrtc": "^125.0.7",
+    "@react-native-firebase/app": "^21.12.0",
+    "@react-native-firebase/messaging": "^21.12.0",
+    "@react-native/babel-preset": "^0.76",
+    "@stream-io/react-native-webrtc": "^125.0.8",
     "@stream-io/video-filters-react-native": "^0.2.8",
     "@testing-library/jest-native": "^5.4.2",
     "@testing-library/react-native": "^12.1.2",
     "@tsconfig/node14": "14.1.0",
-    "@types/jest": "^29.5.1",
-    "@types/lodash.merge": "^4",
+    "@types/jest": "^29.5.14",
+    "@types/lodash.merge": "^4.6.9",
     "@types/react": "^18.2.44",
-    "@types/react-native": "^0.70.4",
     "@types/react-native-incall-manager": "^3.2.1",
     "@types/react-test-renderer": "^18",
-    "expo": "52.0.37",
+    "expo": "52.0.38",
     "expo-build-properties": "^0.13.2",
     "expo-module-scripts": "^4.0.4",
-    "expo-modules-core": "1.12.16",
-    "expo-notifications": "~0.29.11",
+    "expo-modules-core": "2.2.3",
+    "expo-notifications": "~0.29.14",
     "jest": "^29.7.0",
-    "react-native": "~0.73",
+    "react-native": "0.76.7",
     "react-native-builder-bob": "~0.23",
-    "react-native-callkeep": "4.3.11",
+    "react-native-callkeep": "^4.3.16",
     "react-native-gesture-handler": "2.16.2",
     "react-native-incall-manager": "^4.0.0",
     "react-native-reanimated": "2.7.0",
     "react-native-svg": "^13.6.0",
     "react-native-voip-push-notification": "3.3.1",
     "react-test-renderer": "^18.2.0",
-    "rimraf": "^5.0.7",
-    "ts-jest": "^29.1.5",
-    "ts-node": "^10.9.2",
-    "typescript": "^5.5.2"
+    "rimraf": "^6.0.1",
+    "typescript": "^5.8.2"
   },
   "resolutions": {
     "@types/react": "^18.2.44"

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

@@ -1,4 +1,4 @@
-import React, { useEffect, useState, useMemo, useRef } from 'react';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
 import { StyleSheet, View, type ViewStyle } from 'react-native';
 import InCallManager from 'react-native-incall-manager';
 import {
@@ -27,7 +27,7 @@ import {
   type CallParticipantsListComponentProps,
   type CallParticipantsListProps,
 } from '../CallParticipantsList';
-import { useIsInPiPMode, useAutoEnterPiPEffect } from '../../../hooks';
+import { useAutoEnterPiPEffect, useIsInPiPMode } from '../../../hooks';
 import {
   ScreenShareOverlay as DefaultScreenShareOverlay,
   type ScreenShareOverlayProps,
@@ -262,6 +262,6 @@ const useStyles = () => {
           zIndex: Z_INDEX.IN_FRONT,
         },
       }),
-    [theme]
+    [theme],
   );
 };

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

@@ -8,7 +8,7 @@ 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 { findNodeHandle } from 'react-native';
-import { RTCViewPipNative, onNativeCallClosed } from './RTCViewPipNative';
+import { onNativeCallClosed, RTCViewPipNative } from './RTCViewPipNative';
 import { useDebouncedValue } from '../../../utils/hooks/useDebouncedValue';
 import { shouldDisableIOSLocalVideoOnBackgroundRef } from '../../../utils/internal/shouldDisableIOSLocalVideoOnBackground';
 
@@ -26,7 +26,7 @@ const RTCViewPipIOS = React.memo(({ includeLocalParticipantVideo }: Props) => {
 
   const [dominantSpeaker, dominantSpeaker2] = allParticipants.filter(
     (participant) =>
-      includeLocalParticipantVideo ? true : !participant.isLocalParticipant
+      includeLocalParticipantVideo ? true : !participant.isLocalParticipant,
   );
 
   // show the dominant remote speaker in PiP mode
@@ -59,7 +59,7 @@ const RTCViewPipIOS = React.memo(({ includeLocalParticipantVideo }: Props) => {
     const unsubFunc = call?.on('call.ended', () => {
       getLogger(['RTCViewPipIOS'])(
         'debug',
-        `onCallClosed due to call.ended event`
+        `onCallClosed due to call.ended event`,
       );
       unsubFunc?.();
       onCallClosed();
@@ -68,7 +68,7 @@ const RTCViewPipIOS = React.memo(({ includeLocalParticipantVideo }: Props) => {
       if (state === CallingState.LEFT || state === CallingState.IDLE) {
         getLogger(['RTCViewPipIOS'])(
           'debug',
-          `onCallClosed due to callingState: ${state}`
+          `onCallClosed due to callingState: ${state}`,
         );
         subscription?.unsubscribe();
         onCallClosed();
@@ -100,4 +100,6 @@ const RTCViewPipIOS = React.memo(({ includeLocalParticipantVideo }: Props) => {
   return <RTCViewPipNative streamURL={streamURL} ref={nativeRef} />;
 });
 
+RTCViewPipIOS.displayName = 'RTCViewPipIOS';
+
 export default RTCViewPipIOS;

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

@@ -4,8 +4,8 @@ import {
   type HostComponent,
   Platform,
   requireNativeComponent,
-  UIManager,
   StyleSheet,
+  UIManager,
 } from 'react-native';
 
 const COMPONENT_NAME = 'RTCViewPip';
@@ -21,9 +21,8 @@ export function onNativeCallClosed(reactTag: number) {
   getLogger(['RTCViewPipNative'])('debug', 'onNativeCallClosed');
   UIManager.dispatchViewManagerCommand(
     reactTag,
-    // @ts-ignore
     UIManager.getViewManagerConfig(COMPONENT_NAME).Commands.onCallClosed,
-    []
+    [],
   );
 }
 
@@ -42,10 +41,11 @@ export const RTCViewPipNative = React.memo(
       <NativeComponent
         style={StyleSheet.absoluteFill}
         pointerEvents={'none'}
+        // eslint-disable-next-line react/prop-types
         streamURL={props.streamURL}
-        // @ts-ignore
+        // @ts-expect-error - types issue
         ref={ref}
       />
     );
-  })
+  }),
 );

package/src/components/Call/CallControls/CallControlsButton.tsx

@@ -46,7 +46,7 @@ interface CallControlsButtonProps {
 }
 
 export const CallControlsButton = (
-  props: React.PropsWithChildren<CallControlsButtonProps>
+  props: React.PropsWithChildren<CallControlsButtonProps>,
 ) => {
   const {
     onPress,

package/src/components/Call/CallControls/LobbyControls.tsx

@@ -31,6 +31,6 @@ const useStyles = () => {
           justifyContent: 'space-evenly',
         },
       }),
-    [theme]
+    [theme],
   );
 };

package/src/components/Call/CallControls/ScreenShareToggleButton.tsx

@@ -41,7 +41,7 @@ export const ScreenShareToggleButton = ({
   const { onPress, hasPublishedScreenShare } = useScreenShareButton(
     screenCapturePickerViewiOSRef,
     onScreenShareStartedHandler,
-    onScreenShareStoppedHandler
+    onScreenShareStoppedHandler,
   );
 
   if (!onPress) return null;

package/src/components/Call/CallControls/internal/ReactionsPicker.tsx

@@ -1,13 +1,13 @@
 import React, { useEffect, useMemo, useRef } from 'react';
 import {
+  Animated,
+  Easing,
   type LayoutRectangle,
   Pressable,
   StyleSheet,
-  Animated,
-  Easing,
 } from 'react-native';
 import { useCall } from '@stream-io/video-react-bindings';
-import { type SendReactionRequest, getLogger } from '@stream-io/video-client';
+import { getLogger, type SendReactionRequest } from '@stream-io/video-client';
 import { ComponentTestIds } from '../../../../constants/TestIds';
 import { useTheme } from '../../../../contexts/ThemeContext';
 import type { ReactionsButtonProps } from '../ReactionsButton';
@@ -187,6 +187,6 @@ const useStyles = () => {
           fontSize: 18.5,
         },
       }),
-    [theme]
+    [theme],
   );
 };

package/src/components/Call/CallLayout/CallParticipantsSpotlight.tsx

@@ -176,6 +176,6 @@ const useStyles = () => {
           flex: 1,
         },
       }),
-    [theme]
+    [theme],
   );
 };

package/src/components/Call/CallParticipantsList/CallParticipantsList.tsx

@@ -116,7 +116,7 @@ export const CallParticipantsList = ({
     const participantPatches: StreamVideoParticipantPatches = {};
     let mustUpdate = false;
     const newVisibleParticipantSessionIds = new Set<string>(
-      viewableItems.map((v) => v.key)
+      viewableItems.map((v) => v.key),
     );
     const oldVisibleParticipantSessionIds =
       viewableParticipantSessionIds.current;
@@ -151,7 +151,7 @@ export const CallParticipantsList = ({
 
   // NOTE: key must be sessionId always as it is used to track viewable participants
   const keyExtractor = useRef<NonNullable<FlatListProps['keyExtractor']>>(
-    (item) => item.sessionId
+    (item) => item.sessionId,
   ).current;
 
   const onLayout = useRef<NonNullable<FlatListProps['onLayout']>>((event) => {
@@ -199,7 +199,7 @@ export const CallParticipantsList = ({
   const renderItem = useCallback<NonNullable<FlatListProps['renderItem']>>(
     ({ item: participant }) => {
       const isVisible = viewableParticipantSessionIds.current.has(
-        participant.sessionId
+        participant.sessionId,
       );
       return (
         <>
@@ -217,7 +217,7 @@ export const CallParticipantsList = ({
       );
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [itemContainerStyle]
+    [itemContainerStyle],
   );
 
   // in vertical mode, only when there are more than 2 participants in a call, the participants should be displayed in a grid
@@ -281,7 +281,7 @@ const useStyles = () => {
           margin: theme.variants.spacingSizes.xs,
         },
       }),
-    [theme]
+    [theme],
   );
 };
 

package/src/components/Call/Lobby/JoinCallButton.tsx

@@ -84,6 +84,6 @@ const useStyles = () => {
           textAlign: 'center',
         },
       }),
-    [theme]
+    [theme],
   );
 };

package/src/components/Call/Lobby/Lobby.tsx

@@ -7,6 +7,7 @@ import {
 } from '@stream-io/video-react-bindings';
 import { Avatar } from '../../utility/Avatar';
 import type { StreamVideoParticipant } from '@stream-io/video-client';
+import type { MediaStream } from '@stream-io/react-native-webrtc';
 import { RTCView } from '@stream-io/react-native-webrtc';
 import { LobbyControls as DefaultLobbyControls } from '../CallControls/LobbyControls';
 import {
@@ -15,7 +16,6 @@ import {
 } from './JoinCallButton';
 import { useTheme } from '../../../contexts/ThemeContext';
 import { useCallMediaStreamCleanup } from '../../../hooks/internal/useCallMediaStreamCleanup';
-import type { MediaStream } from '@stream-io/react-native-webrtc';
 import {
   LobbyFooter as DefaultLobbyFooter,
   type LobbyFooterProps,
@@ -206,6 +206,6 @@ const useStyles = (landscape = false) => {
           flexShrink: 1,
         },
       }),
-    [theme, landscape]
+    [theme, landscape],
   );
 };

package/src/components/Call/Lobby/LobbyFooter.tsx

@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react';
 import { type LobbyProps } from './Lobby';
-import { View, StyleSheet, Text } from 'react-native';
+import { StyleSheet, Text, View } from 'react-native';
 import { useTheme } from '../../../contexts/ThemeContext';
 import { useCallStateHooks, useI18n } from '@stream-io/video-react-bindings';
 import { Lock } from '../../../icons/Lock';
@@ -92,6 +92,6 @@ const useStyles = () => {
           fontWeight: '400',
         },
       }),
-    [theme]
+    [theme],
   );
 };

package/src/components/Call/RingingCallContent/UserInfo.tsx

@@ -63,7 +63,7 @@ export const UserInfo = ({
   }
 
   const memberUserIds = membersToShow.map(
-    (memberToShow) => memberToShow.name ?? memberToShow.id
+    (memberToShow) => memberToShow.name ?? memberToShow.id,
   );
 
   const callTitle = generateCallTitle(memberUserIds, totalMembersToShow);

package/src/components/Livestream/HostLivestream/HostLivestream.tsx

@@ -188,6 +188,6 @@ const useStyles = () => {
           zIndex: Z_INDEX.IN_FRONT,
         },
       }),
-    [theme]
+    [theme],
   );
 };

package/src/components/Livestream/LivestreamControls/LivestreamScreenShareToggleButton.tsx

@@ -23,7 +23,7 @@ export const LivestreamScreenShareToggleButton = () => {
   const screenCapturePickerViewiOSRef = React.useRef(null);
 
   const { onPress, hasPublishedScreenShare } = useScreenShareButton(
-    screenCapturePickerViewiOSRef
+    screenCapturePickerViewiOSRef,
   );
 
   return (

package/src/components/Livestream/LivestreamLayout/LivestreamLayout.tsx

@@ -68,7 +68,7 @@ export const LivestreamLayout = ({
         setObjectFit(isWidthWide ? 'contain' : 'cover');
       }
     },
-    []
+    [],
   );
 
   const landScapeStyles: ViewStyle = {

package/src/components/Livestream/LivestreamTopView/DurationBadge.tsx

@@ -66,7 +66,7 @@ export const DurationBadge = ({ mode }: DurationBadgeProps) => {
 
     const callLiveStartedUnsubscribe = call?.on(
       'call.live_started',
-      handleLiveStarted
+      handleLiveStarted,
     );
     const callUpdatedUnsubscribe = call?.on('call.updated', handleLiveEnded);
 

package/src/components/Livestream/ViewerLivestream/ViewerLivestream.tsx

@@ -138,6 +138,6 @@ const useStyles = () => {
           backgroundColor: theme.colors.sheetPrimary,
         },
       }),
-    [theme]
+    [theme],
   );
 };

package/src/components/Participant/FloatingParticipantView/FloatingView/AnimatedFloatingView.tsx

@@ -1,18 +1,18 @@
-import React, { useRef, useReducer, useEffect } from 'react';
+import React, { useEffect, useReducer, useRef } from 'react';
 import {
   Animated,
+  Easing,
   type LayoutRectangle,
   PanResponder,
-  Easing,
-  View,
   StyleSheet,
+  View,
 } from 'react-native';
 import {
-  type FloatingViewProps,
-  getSnapAlignments,
+  floatingChildViewContainerStyle,
   FloatingViewAlignment,
+  type FloatingViewProps,
   getClosestSnapAlignment,
-  floatingChildViewContainerStyle,
+  getSnapAlignments,
 } from './common';
 import { getLogger } from '@stream-io/video-client';
 
@@ -34,7 +34,7 @@ const AnimatedFloatingView = ({
   // we need to force update the component when the rectangle is available
   // we cannot just rely on the rectangle because it is not available on the first render
   // and we need snapAlignments to be in a Ref so that it can be used in the panResponder's creation Ref
-  const [_, forceUpdate] = useReducer((x) => x + 1, 0);
+  const [, forceUpdate] = useReducer((x) => x + 1, 0);
 
   // the offsets for the translate bounds of the floating view
   // stored in ref, because it is used in the panResponder (which has to be a ref)
@@ -86,7 +86,7 @@ const AnimatedFloatingView = ({
         ],
         {
           useNativeDriver: false, // pan responder move event doesn't support nativeDriver
-        }
+        },
       ),
       onPanResponderGrant: () => {
         // start of a drag value is always (0,0) and offset is the last (translateX, translateY)
@@ -111,14 +111,14 @@ const AnimatedFloatingView = ({
           easing: Easing.inOut(Easing.quad),
         }).start();
       },
-    })
+    }),
   ).current;
 
   useEffect(() => {
     const logger = getLogger(['AnimatedFloatingView']);
     logger(
       'info',
-      'react-native-reanimated and/or react-native-gesture-handler libraries are not installed. Please install them to get a more performant draggable local video component'
+      'react-native-reanimated and/or react-native-gesture-handler libraries are not installed. Please install them to get a more performant draggable local video component',
     );
   }, []);