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

package/src/hooks/push/useProcessPushCallEffect.ts

@@ -11,7 +11,7 @@ import {
   useStreamVideoClient,
 } from '@stream-io/video-react-bindings';
 import { BehaviorSubject } from 'rxjs';
-import { filter, distinctUntilChanged } from 'rxjs/operators';
+import { distinctUntilChanged, filter } from 'rxjs/operators';
 import { processCallFromPush } from '../../utils/push/internal/utils';
 import { getLogger, StreamVideoClient } from '@stream-io/video-client';
 import type { StreamVideoConfig } from '../../utils/StreamVideoRN/types';
@@ -34,7 +34,7 @@ export const useProcessPushCallEffect = () => {
 
     getLogger(['useProcessPushCallEffect'])(
       'debug',
-      `Adding subscriptions to process incoming call from push notification`
+      `Adding subscriptions to process incoming call from push notification`,
     );
 
     // if the user accepts the call from push notification we join the call
@@ -42,7 +42,7 @@ export const useProcessPushCallEffect = () => {
       pushAcceptedIncomingCallCId$,
       client,
       pushConfig,
-      'accept'
+      'accept',
     );
 
     // if the user rejects the call from push notification we leave the call
@@ -50,7 +50,7 @@ export const useProcessPushCallEffect = () => {
       pushRejectedIncomingCallCId$,
       client,
       pushConfig,
-      'decline'
+      'decline',
     );
 
     // if the user taps the call from push notification we do nothing as the only thing is to get the call which adds it to the client
@@ -58,14 +58,14 @@ export const useProcessPushCallEffect = () => {
       pushTappedIncomingCallCId$,
       client,
       pushConfig,
-      'pressed'
+      'pressed',
     );
 
     const backgroundIncomingDeliveredCallSubscription = createCallSubscription(
       pushAndroidBackgroundDeliveredIncomingCallCId$,
       client,
       pushConfig,
-      'backgroundDelivered'
+      'backgroundDelivered',
     );
 
     return () => {
@@ -91,14 +91,14 @@ const createCallSubscription = (
   behaviourSubjectWithCallCid: BehaviorSubject<string | undefined>,
   client: StreamVideoClient,
   pushConfig: NonNullable<StreamVideoConfig['push']>,
-  action: 'accept' | 'decline' | 'pressed' | 'backgroundDelivered'
+  action: 'accept' | 'decline' | 'pressed' | 'backgroundDelivered',
 ) => {
   return behaviourSubjectWithCallCid
     .pipe(distinctUntilChanged(), filter(cidIsNotUndefined))
     .subscribe(async (callCId) => {
       getLogger(['useProcessPushCallEffect'])(
         'debug',
-        `Processing call from push notification with action: ${action} and callCId: ${callCId}`
+        `Processing call from push notification with action: ${action} and callCId: ${callCId}`,
       );
       await processCallFromPush(client, callCId, action, pushConfig);
       behaviourSubjectWithCallCid.next(undefined); // remove the current call id to avoid processing again

package/src/hooks/push/useProcessPushNonRingingCallEffect.ts

@@ -29,7 +29,7 @@ export const useProcessPushNonRingingCallEffect = () => {
       .subscribe(async ({ cid, type }) => {
         getLogger(['useProcessPushNonRingingCallEffect'])(
           'debug',
-          `processNonIncomingCallFromPush with callCId: ${cid} and type: ${type}`
+          `processNonIncomingCallFromPush with callCId: ${cid} and type: ${type}`,
         );
         await processNonIncomingCallFromPush(client, cid, type);
         pushNonRingingCallData$.next(undefined); // remove the current data to avoid processing again

package/src/hooks/useAndroidKeepCallAliveEffect.ts

@@ -2,15 +2,15 @@ import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
 import { useEffect, useRef } from 'react';
 import { StreamVideoRN } from '../utils';
 import {
-  NativeModules,
   AppState,
   type AppStateStatus,
+  NativeModules,
   Platform,
 } from 'react-native';
 import { CallingState, getLogger } from '@stream-io/video-client';
 import {
-  getNotifeeLibNoThrowForKeepCallAlive,
   getKeepCallAliveForegroundServiceTypes,
+  getNotifeeLibNoThrowForKeepCallAlive,
 } from '../utils/push/libs/notifee';
 
 const notifeeLib = getNotifeeLibNoThrowForKeepCallAlive();
@@ -23,7 +23,7 @@ function setForegroundService() {
         const logger = getLogger(['setForegroundService method']);
         logger(
           'info',
-          'KeepCallAlive is not configured. Skipping foreground service setup.'
+          'KeepCallAlive is not configured. Skipping foreground service setup.',
         );
         return;
       }
@@ -33,7 +33,7 @@ function setForegroundService() {
           logger('info', 'Foreground service running for call in progress');
         });
       });
-    }
+    },
   );
 }
 
@@ -50,7 +50,7 @@ async function startForegroundService(call_cid: string) {
     const logger = getLogger(['startForegroundService']);
     logger(
       'info',
-      'KeepCallAlive is not configured. Skipping foreground service setup.'
+      'KeepCallAlive is not configured. Skipping foreground service setup.',
     );
     return;
   }
@@ -61,13 +61,13 @@ async function startForegroundService(call_cid: string) {
     const logger = getLogger(['startForegroundService']);
     logger(
       'info',
-      'Notification permission not granted, can not start foreground service to keep the call alive'
+      'Notification permission not granted, can not start foreground service to keep the call alive',
     );
     return;
   }
   const channelId = foregroundServiceConfig.android.channel.id;
   await notifeeLib.default.createChannel(
-    foregroundServiceConfig.android.channel
+    foregroundServiceConfig.android.channel,
   );
   const foregroundServiceTypes = await getKeepCallAliveForegroundServiceTypes();
   // NOTE: we use requestAnimationFrame to ensure that the foreground service is started after all the current UI operations are done
@@ -138,7 +138,7 @@ export const useAndroidKeepCallAliveEffect = () => {
         const displayedNotifications =
           await notifee.getDisplayedNotifications();
         const activeCallNotification = displayedNotifications.find(
-          (notification) => notification.id === activeCallCid
+          (notification) => notification.id === activeCallCid,
         );
         if (activeCallNotification) {
           // this means that we have a incoming call notification shown as foreground service and we must stop it
@@ -163,7 +163,7 @@ export const useAndroidKeepCallAliveEffect = () => {
             run();
             sub.remove();
           }
-        }
+        },
       );
       return () => {
         sub.remove();
@@ -187,7 +187,7 @@ export const useAndroidKeepCallAliveEffect = () => {
           .getDisplayedNotifications()
           .then((displayedNotifications) => {
             const activeCallNotification = displayedNotifications.find(
-              (notification) => notification.id === activeCallCid
+              (notification) => notification.id === activeCallCid,
             );
             if (activeCallNotification) {
               // this means that we have a incoming call notification shown as foreground service and we must stop it

package/src/hooks/useAutoEnterPiPEffect.tsx

@@ -5,7 +5,7 @@ import { NativeModules, Platform } from 'react-native';
 import { disablePiPMode$ } from '../utils/internal/rxSubjects';
 
 export function useAutoEnterPiPEffect(
-  disablePictureInPicture: boolean | undefined
+  disablePictureInPicture: boolean | undefined,
 ) {
   const { useCallCallingState } = useCallStateHooks();
 
@@ -19,7 +19,7 @@ export function useAutoEnterPiPEffect(
 
     if (!disablePictureInPicture && callingState === CallingState.JOINED) {
       NativeModules.StreamVideoReactNative.canAutoEnterPipMode(
-        !disablePictureInPicture
+        !disablePictureInPicture,
       );
     }
   }, [callingState, disablePictureInPicture]);

package/src/hooks/useIsIosScreenshareBroadcastStarted.ts

@@ -14,14 +14,14 @@ export function useIsIosScreenshareBroadcastStarted() {
     }
 
     const eventEmitter = new NativeEventEmitter(
-      NativeModules.StreamVideoReactNative
+      NativeModules.StreamVideoReactNative,
     );
 
     const subscription = eventEmitter.addListener(
       'StreamVideoReactNative_Ios_Screenshare_Event',
       (event: Event) => {
         setHasStarted(event.name === 'iOS_BroadcastStarted');
-      }
+      },
     );
 
     return () => {

package/src/hooks/usePaginatedLayoutSortPreset.ts

@@ -10,7 +10,7 @@ const resetSortPreset = (call: Call) => {
   // reset the sorting to the default for the call type
   const callConfig = CallTypes.get(call.type);
   call.setSortParticipantsBy(
-    callConfig.options.sortParticipantsBy || defaultSortPreset
+    callConfig.options.sortParticipantsBy || defaultSortPreset,
   );
 };
 

package/src/hooks/usePermissionNotification.tsx

@@ -24,7 +24,7 @@ export type PermissionNotificationProps = {
 };
 
 export const usePermissionNotification = (
-  props: PermissionNotificationProps
+  props: PermissionNotificationProps,
 ) => {
   const { permission, messageApproved, messageRevoked } = props;
   const { useCallCallingState, useHasPermissions } = useCallStateHooks();

package/src/hooks/usePermissionRequest.tsx

@@ -1,7 +1,7 @@
 import {
+  getLogger,
   OwnCapability,
   type PermissionRequestEvent,
-  getLogger,
 } from '@stream-io/video-client';
 import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
 import { useCallback, useEffect } from 'react';
@@ -12,7 +12,7 @@ export const usePermissionRequest = () => {
 
   const { useHasPermissions } = useCallStateHooks();
   const userHasUpdateCallPermissionsCapability = useHasPermissions(
-    OwnCapability.UPDATE_CALL_PERMISSIONS
+    OwnCapability.UPDATE_CALL_PERMISSIONS,
   );
 
   const messageForPermission = (userName: string, permission: string) => {
@@ -44,7 +44,7 @@ export const usePermissionRequest = () => {
         }
       };
     },
-    [call]
+    [call],
   );
 
   useEffect(() => {
@@ -69,7 +69,7 @@ export const usePermissionRequest = () => {
               text: 'Allow',
               onPress: handleUpdatePermission(event, true),
             },
-          ]
+          ],
         );
       });
     });

package/src/hooks/useScreenShareButton.ts

@@ -4,17 +4,16 @@ import {
   OwnCapability,
 } from '@stream-io/video-client';
 import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
-import React, { useRef, useEffect } from 'react';
-import { Platform, findNodeHandle, NativeModules } from 'react-native';
+import React, { useEffect, useRef } from 'react';
+import { findNodeHandle, NativeModules, Platform } from 'react-native';
 import { usePrevious } from '../utils/hooks';
 import { useIsIosScreenshareBroadcastStarted } from './useIsIosScreenshareBroadcastStarted';
 
 // ios >= 14.0 or android - platform restrictions
 const CanDeviceScreenShare =
   (Platform.OS === 'ios' &&
-    // @ts-ignore
-    Number.parseInt(Platform.Version.split('.')[0], 10) >= 14,
-  10) || Platform.OS === 'android';
+    Number.parseInt(Platform.Version.split('.')[0], 10) >= 14) ||
+  Platform.OS === 'android';
 
 export const useScreenShareButton = (
   /**
@@ -36,7 +35,7 @@ export const useScreenShareButton = (
    * Handler to be called when the permissions to stream screen share media is missing
    *
    */
-  onMissingScreenShareStreamPermission?: () => void
+  onMissingScreenShareStreamPermission?: () => void,
 ) => {
   const call = useCall();
   const { useLocalParticipant, useCallSettings, useOwnCapabilities } =
@@ -44,7 +43,7 @@ export const useScreenShareButton = (
   const callSettings = useCallSettings();
   const ownCapabilities = useOwnCapabilities();
   const hasScreenSharingPermissions = ownCapabilities?.includes(
-    OwnCapability.SCREENSHARE
+    OwnCapability.SCREENSHARE,
   );
   const isScreenSharingEnabledInCall = callSettings?.screensharing.enabled;
 
@@ -55,7 +54,7 @@ export const useScreenShareButton = (
 
   const iosScreenShareStartedFromSystem = useIsIosScreenshareBroadcastStarted();
   const prevIosScreenShareStartedFromSystem = usePrevious(
-    iosScreenShareStartedFromSystem
+    iosScreenShareStartedFromSystem,
   );
 
   const localParticipant = useLocalParticipant();
@@ -91,7 +90,7 @@ export const useScreenShareButton = (
       const logger = getLogger(['useScreenShareButton']);
       logger(
         'info',
-        'User does not have permissions to stream the screen share media, calling onMissingScreenShareStreamPermission handler if present'
+        'User does not have permissions to stream the screen share media, calling onMissingScreenShareStreamPermission handler if present',
       );
       onMissingScreenShareStreamPermission?.();
     }
@@ -111,7 +110,7 @@ export const useScreenShareButton = (
           logger(
             'info',
             'User opted to not give permissions to start a screen share stream',
-            error
+            error,
           );
         }
       }

package/src/hooks/useTrackDimensions.ts

@@ -3,7 +3,7 @@ import {
   type VideoTrackType,
 } from '@stream-io/video-client';
 import { useCall } from '@stream-io/video-react-bindings';
-import { useState, useEffect } from 'react';
+import { useEffect, useState } from 'react';
 
 /**
  * This is a utility hook to get the dimensions of the video track of the participant.
@@ -12,7 +12,7 @@ import { useState, useEffect } from 'react';
  */
 export function useTrackDimensions(
   participant: StreamVideoParticipant,
-  trackType: VideoTrackType
+  trackType: VideoTrackType,
 ) {
   const [trackDimensions, setTrackDimensions] = useState({
     width: 0,
@@ -28,7 +28,7 @@ export function useTrackDimensions(
       const stream =
         trackType === 'screenShareTrack' ? screenShareStream : videoStream;
       if (!stream) return;
-      const [track] = stream?.getVideoTracks();
+      const [track] = stream.getVideoTracks();
       if (!track) return;
       const { width = 0, height = 0 } = track.getSettings();
       setTrackDimensions((prev) => {

package/src/providers/StreamCall/AppStateListener.tsx

@@ -44,20 +44,20 @@ export const AppStateListener = () => {
         logger(
           'debug',
           'Initial PiP mode on mount (after asking native module) set to ',
-          !!isInPiP
+          !!isInPiP,
         );
-      }
+      },
     );
 
     const eventEmitter = new NativeEventEmitter(
-      NativeModules.StreamVideoReactNative
+      NativeModules.StreamVideoReactNative,
     );
 
     const subscriptionPiPChange = eventEmitter.addListener(
       PIP_CHANGE_EVENT,
       (isInPiPMode: boolean) => {
         isInPiPModeAndroid$.next(isInPiPMode);
-      }
+      },
     );
 
     return () => {
@@ -83,7 +83,7 @@ export const AppStateListener = () => {
           });
           logger(
             'debug',
-            'Disable and reenable camera as app came to foreground'
+            'Disable and reenable camera as app came to foreground',
           );
         } else {
           if (cameraDisabledByAppState.current) {
@@ -124,7 +124,7 @@ export const AppStateListener = () => {
                   }
                   disableCameraIfNeeded();
                 }
-              }
+              },
             );
           } else {
             disableCameraIfNeeded();

package/src/providers/StreamCall/DeviceStats.tsx

@@ -2,10 +2,10 @@ import { useCallStateHooks } from '@stream-io/video-react-bindings';
 import { useEffect } from 'react';
 import {
   CallingState,
-  setThermalState,
   setPowerState,
+  setThermalState,
 } from '@stream-io/video-client';
-import { NativeModules, Platform, NativeEventEmitter } from 'react-native';
+import { NativeEventEmitter, NativeModules, Platform } from 'react-native';
 
 const eventEmitter = NativeModules?.StreamVideoReactNative
   ? new NativeEventEmitter(NativeModules?.StreamVideoReactNative)
@@ -24,21 +24,21 @@ export const DeviceStats = () => {
     }
 
     NativeModules?.StreamVideoReactNative.isLowPowerModeEnabled().then(
-      (initialPowerMode: boolean) => setPowerState(initialPowerMode)
+      (initialPowerMode: boolean) => setPowerState(initialPowerMode),
     );
 
-    let powerModeSubscription = eventEmitter?.addListener(
+    const powerModeSubscription = eventEmitter?.addListener(
       'isLowPowerModeEnabled',
-      (isLowPowerMode: boolean) => setPowerState(isLowPowerMode)
+      (isLowPowerMode: boolean) => setPowerState(isLowPowerMode),
     );
 
     NativeModules?.StreamVideoReactNative.currentThermalState().then(
-      (initialState: string) => setThermalState(initialState)
+      (initialState: string) => setThermalState(initialState),
     );
 
-    let thermalStateSubscription = eventEmitter?.addListener(
+    const thermalStateSubscription = eventEmitter?.addListener(
       'thermalStateDidChange',
-      (thermalState: string) => setThermalState(thermalState)
+      (thermalState: string) => setThermalState(thermalState),
     );
 
     // on android we need to explicitly start and stop the thermal status updates

package/src/providers/StreamVideo.tsx

@@ -8,7 +8,7 @@ import { StreamVideoStoreProvider } from '../contexts/StreamVideoContext';
 import NetInfo from '@react-native-community/netinfo';
 import { usePushRegisterEffect } from '../hooks';
 import { translations } from '../translations';
-import { type DeepPartial, ThemeProvider } from '../contexts/ThemeContext';
+import { type DeepPartial, StreamTheme } from '../contexts/ThemeContext';
 import { type Theme } from '../theme/theme';
 
 /**
@@ -24,7 +24,7 @@ export const StreamVideo = (
       StreamI18nProviderProps & {
         style?: DeepPartial<Theme>;
       }
-  >
+  >,
 ) => {
   const {
     client,
@@ -59,12 +59,12 @@ export const StreamVideo = (
       translationsOverrides={translationsOverrides}
       i18nInstance={i18nInstance}
     >
-      <ThemeProvider style={style}>
+      <StreamTheme style={style}>
         <StreamVideoStoreProvider>
           <PushRegister />
           {children}
         </StreamVideoStoreProvider>
-      </ThemeProvider>
+      </StreamTheme>
     </StreamVideoProvider>
   );
 };

package/src/utils/StreamVideoRN/index.ts

@@ -42,7 +42,7 @@ export class StreamVideoRN {
   static updateAndroidIncomingCallChannel(
     updateChannel: Partial<
       NonNullable<StreamVideoConfig['push']>['android']['incomingCallChannel']
-    >
+    >,
   ) {
     const prevChannel = this.config.push?.android?.incomingCallChannel;
     if (prevChannel) {
@@ -80,7 +80,7 @@ export class StreamVideoRN {
       throw new Error(
         `Support for navigateAcceptCall or navigateToIncomingCall in pushConfig has been removed.
         Please watch for incoming and outgoing calls in the root component of your app.
-        Please see https://getstream.io/video/docs/react-native/advanced/ringing-calls/#watch-for-incoming-and-outgoing-calls for more information.`
+        Please see https://getstream.io/video/docs/react-native/advanced/ringing-calls/#watch-for-incoming-and-outgoing-calls for more information.`,
       );
     }
 
@@ -101,7 +101,7 @@ export class StreamVideoRN {
   static onPushLogout() {
     if (pushLogoutCallbacks.current) {
       return Promise.all(
-        pushLogoutCallbacks.current.map((callback) => callback())
+        pushLogoutCallbacks.current.map((callback) => callback()),
       ).then(() => {});
     }
     return Promise.resolve();
@@ -117,7 +117,7 @@ export class StreamVideoRN {
    * @returns Unsubscribe function
    */
   static addOnNewCallNotificationListener(
-    callback: NewCallNotificationCallback
+    callback: NewCallNotificationCallback,
   ) {
     if (!newNotificationCallbacks.current) {
       newNotificationCallbacks.current = [callback];

package/src/utils/StreamVideoRN/types.ts

@@ -101,7 +101,7 @@ export type StreamVideoConfig = {
       callNotificationTextGetters?: {
         getTitle: (
           type: NonRingingPushEvent,
-          createdUserName: string
+          createdUserName: string,
         ) => string;
         getBody: (type: NonRingingPushEvent, createdUserName: string) => string;
       };
@@ -134,7 +134,7 @@ export type StreamVideoConfig = {
     /** Callback that is called when a non ringing push notification was tapped */
     onTapNonRingingCallNotification?: (
       call_cid: string,
-      type: NonRingingPushEvent
+      type: NonRingingPushEvent,
     ) => void;
   };
   foregroundService: {

package/src/utils/enterPiPAndroid.ts

@@ -6,6 +6,6 @@ export function enterPiPAndroid(width?: number, height?: number) {
   }
   return NativeModules?.StreamVideoReactNative?.enterPipMode(
     width ? Math.floor(width) : 0,
-    height ? Math.floor(height) : 0
+    height ? Math.floor(height) : 0,
   );
 }

package/src/utils/index.ts

@@ -1,11 +1,11 @@
 // Utility to join strings with commas and 'and'
 export const generateCallTitle = (
   memberUserIds: string[],
-  totalMembersToShow?: number
+  totalMembersToShow?: number,
 ) => {
   const supportedAmountOfMemberUserIds = memberUserIds.slice(
     0,
-    totalMembersToShow
+    totalMembersToShow,
   );
   if (
     totalMembersToShow &&

package/src/utils/internal/newNotificationCallbacks.ts

@@ -3,7 +3,7 @@ import { type NonRingingPushEvent } from '../StreamVideoRN/types';
 
 export type NewCallNotificationCallback = (
   call: Call,
-  notificationType: NonRingingPushEvent
+  notificationType: NonRingingPushEvent,
 ) => void;
 
 type NewNotificationCallbacks = {
@@ -16,11 +16,11 @@ const newNotificationCallbacks: NewNotificationCallbacks = {};
 
 export const onNewCallNotification: NewCallNotificationCallback = (
   call,
-  notificationType
+  notificationType,
 ) => {
   if (newNotificationCallbacks.current && lastCid !== call.cid) {
     newNotificationCallbacks.current.forEach((callback) =>
-      callback(call, notificationType)
+      callback(call, notificationType),
     );
     lastCid = call.cid;
   }

package/src/utils/internal/optionallibs/gestureHandler.ts

@@ -4,7 +4,7 @@ let gestureHandler: GestureHandlerType | undefined;
 
 try {
   gestureHandler = require('react-native-gesture-handler');
-} catch (e) {}
+} catch {}
 
 export const getGestureHandlerLib = (onPackageNotFound = () => {}) => {
   if (!gestureHandler) {

package/src/utils/internal/optionallibs/reanimated.ts

@@ -4,7 +4,7 @@ let reanimated: ReanimatedType | undefined;
 
 try {
   reanimated = require('react-native-reanimated');
-} catch (e) {}
+} catch {}
 
 export const getReanimatedLib = (onPackageNotFound = () => {}) => {
   if (!reanimated) {

package/src/utils/internal/pushLogoutCallback.ts

@@ -4,7 +4,7 @@ type PushLogoutCallbacks = {
   current?: Callback[];
 };
 
-let pushLogoutCallbacks: PushLogoutCallbacks = {};
+const pushLogoutCallbacks: PushLogoutCallbacks = {};
 
 export const setPushLogoutCallback = (callback: Callback) => {
   if (!pushLogoutCallbacks.current) {