@stream-io/video-react-native-sdk 1.10.16 → 1.10.18

package/src/hooks/push/useIosCallkeepWithCallingStateEffect.ts

@@ -27,14 +27,14 @@ const isAcceptedCallingState = (callingState: CallingState) => {
 
 const unsubscribeCallkeepEvents = async (activeCallCid: string | undefined) => {
   const voipPushNotificationCallCId = RxUtils.getCurrentValue(
-    voipPushNotificationCallCId$
+    voipPushNotificationCallCId$,
   );
   if (activeCallCid && activeCallCid === voipPushNotificationCallCId) {
     // callkeep events should not be listened anymore so clear the call cid
     voipPushNotificationCallCId$.next(undefined);
   }
   return await NativeModules.StreamVideoReactNative?.removeIncomingCall(
-    activeCallCid
+    activeCallCid,
   );
 };
 
@@ -59,17 +59,26 @@ export const useIosCallkeepWithCallingStateEffect = () => {
   useEffect(() => {
     return () => {
       const pushConfig = StreamVideoRN.getConfig().push;
-      if (Platform.OS !== 'ios' || !pushConfig) {
+      if (
+        Platform.OS !== 'ios' ||
+        !pushConfig ||
+        !pushConfig.ios?.pushProviderName
+      ) {
         return;
       }
+      if (!pushConfig.android.incomingCallChannel) {
+        // TODO: remove this check and find a better way once we have telecom integration for android
+        return;
+      }
+
       const callkeep = getCallKeepLib();
       // if the component is unmounted and the callID was not reported to callkeep, then report it now
       if (acceptedForegroundCallkeepMap) {
         log(
-          `Ending call in callkeep: ${acceptedForegroundCallkeepMap.cid}, reason: component unmounted and call was present in acceptedForegroundCallkeepMap`
+          `Ending call in callkeep: ${acceptedForegroundCallkeepMap.cid}, reason: component unmounted and call was present in acceptedForegroundCallkeepMap`,
         );
         unsubscribeCallkeepEvents(acceptedForegroundCallkeepMap.cid).then(() =>
-          callkeep.endCall(acceptedForegroundCallkeepMap.uuid)
+          callkeep.endCall(acceptedForegroundCallkeepMap.uuid),
         );
       }
     };
@@ -80,38 +89,56 @@ export const useIosCallkeepWithCallingStateEffect = () => {
   useEffect(() => {
     return () => {
       const pushConfig = StreamVideoRN.getConfig().push;
-      if (Platform.OS !== 'ios' || !pushConfig || !activeCallCid) {
+      if (
+        Platform.OS !== 'ios' ||
+        !pushConfig ||
+        !pushConfig.ios?.pushProviderName ||
+        !activeCallCid
+      ) {
+        return;
+      }
+      if (!pushConfig.android.incomingCallChannel) {
+        // TODO: remove this check and find a better way once we have telecom integration for android
         return;
       }
       const nativeDialerAcceptedCallMap = RxUtils.getCurrentValue(
-        voipCallkeepAcceptedCallOnNativeDialerMap$
+        voipCallkeepAcceptedCallOnNativeDialerMap$,
       );
       const foregroundIncomingCallkeepMap = RxUtils.getCurrentValue(
-        voipCallkeepCallOnForegroundMap$
+        voipCallkeepCallOnForegroundMap$,
       );
       const callkeep = getCallKeepLib();
       if (activeCallCid === nativeDialerAcceptedCallMap?.cid) {
         log(
-          `Ending call in callkeep: ${activeCallCid}, reason: activeCallCid changed or was removed and call was present in nativeDialerAcceptedCallMap`
+          `Ending call in callkeep: ${activeCallCid}, reason: activeCallCid changed or was removed and call was present in nativeDialerAcceptedCallMap`,
         );
         unsubscribeCallkeepEvents(activeCallCid).then(() =>
-          callkeep.endCall(nativeDialerAcceptedCallMap.uuid)
+          callkeep.endCall(nativeDialerAcceptedCallMap.uuid),
         );
         // no need to keep this reference anymore
         voipCallkeepAcceptedCallOnNativeDialerMap$.next(undefined);
       } else if (activeCallCid === foregroundIncomingCallkeepMap?.cid) {
         log(
-          `Ending call in callkeep: ${activeCallCid}, reason: activeCallCid changed or was removed and call was present in foregroundIncomingCallkeepMap`
+          `Ending call in callkeep: ${activeCallCid}, reason: activeCallCid changed or was removed and call was present in foregroundIncomingCallkeepMap`,
         );
         unsubscribeCallkeepEvents(activeCallCid).then(() =>
-          callkeep.endCall(foregroundIncomingCallkeepMap.uuid)
+          callkeep.endCall(foregroundIncomingCallkeepMap.uuid),
         );
       }
     };
   }, [activeCallCid]);
 
   const pushConfig = StreamVideoRN.getConfig().push;
-  if (Platform.OS !== 'ios' || !pushConfig || !activeCallCid) {
+  if (
+    Platform.OS !== 'ios' ||
+    !pushConfig ||
+    !pushConfig.ios.pushProviderName ||
+    !activeCallCid
+  ) {
+    return;
+  }
+  if (!pushConfig.android.incomingCallChannel) {
+    // TODO: remove this check and find a better way once we have telecom integration for android
     return;
   }
 
@@ -126,17 +153,17 @@ export const useIosCallkeepWithCallingStateEffect = () => {
     // push notification was displayed
     // but the call has been accepted through the app and not through the native dialer
     const foregroundCallkeepMap = RxUtils.getCurrentValue(
-      voipCallkeepCallOnForegroundMap$
+      voipCallkeepCallOnForegroundMap$,
     );
     if (foregroundCallkeepMap && foregroundCallkeepMap.cid === activeCallCid) {
       log(
-        // @ts-ignore
-        `Accepting call in callkeep: ${activeCallCid}, reason: callingstate went to ${CallingState[callingState]} and call was present in foregroundCallkeepMap`
+        // @ts-expect-error - types issue
+        `Accepting call in callkeep: ${activeCallCid}, reason: callingstate went to ${CallingState[callingState]} and call was present in foregroundCallkeepMap`,
       );
       // no need to keep this reference anymore
       voipCallkeepCallOnForegroundMap$.next(undefined);
       NativeModules.StreamVideoReactNative?.removeIncomingCall(
-        activeCallCid
+        activeCallCid,
       ).then(() => callkeep.answerIncomingCall(foregroundCallkeepMap.uuid));
       // this call should be accepted in callkeep
       setAcceptedForegroundCallkeepMap(foregroundCallkeepMap);
@@ -154,11 +181,11 @@ export const useIosCallkeepWithCallingStateEffect = () => {
     // the call was left using the leave button in the app and not through native dialer
     if (activeCallCid === acceptedForegroundCallkeepMap?.cid) {
       log(
-        // @ts-ignore
-        `Ending call in callkeep: ${activeCallCid}, reason: callingstate went to ${CallingState[callingState]} and call was present in acceptedForegroundCallkeepMap`
+        // @ts-expect-error - types issue
+        `Ending call in callkeep: ${activeCallCid}, reason: callingstate went to ${CallingState[callingState]} and call was present in acceptedForegroundCallkeepMap`,
       );
       unsubscribeCallkeepEvents(activeCallCid).then(() =>
-        callkeep.endCall(acceptedForegroundCallkeepMap.uuid)
+        callkeep.endCall(acceptedForegroundCallkeepMap.uuid),
       );
       setAcceptedForegroundCallkeepMap(undefined);
       return;
@@ -166,15 +193,15 @@ export const useIosCallkeepWithCallingStateEffect = () => {
     // this was a call which had push notification displayed but never joined
     // the user rejected in the app and not from native dialer
     const foregroundIncomingCallkeepMap = RxUtils.getCurrentValue(
-      voipCallkeepCallOnForegroundMap$
+      voipCallkeepCallOnForegroundMap$,
     );
     if (activeCallCid === foregroundIncomingCallkeepMap?.cid) {
       log(
-        // @ts-ignore
-        `Ending call in callkeep: ${activeCallCid}, reason: callingstate went to ${CallingState[callingState]} and call was present in foregroundIncomingCallkeepMap`
+        // @ts-expect-error - types issue
+        `Ending call in callkeep: ${activeCallCid}, reason: callingstate went to ${CallingState[callingState]} and call was present in foregroundIncomingCallkeepMap`,
       );
       unsubscribeCallkeepEvents(activeCallCid).then(() =>
-        callkeep.endCall(foregroundIncomingCallkeepMap.uuid)
+        callkeep.endCall(foregroundIncomingCallkeepMap.uuid),
       );
       // no need to keep this reference anymore
       voipCallkeepCallOnForegroundMap$.next(undefined);
@@ -184,15 +211,15 @@ export const useIosCallkeepWithCallingStateEffect = () => {
     // it was an accepted call from native dialer and not from the app
     // the user left using the leave button in the app
     const nativeDialerAcceptedCallMap = RxUtils.getCurrentValue(
-      voipCallkeepAcceptedCallOnNativeDialerMap$
+      voipCallkeepAcceptedCallOnNativeDialerMap$,
     );
     if (activeCallCid === nativeDialerAcceptedCallMap?.cid) {
       log(
-        // @ts-ignore
-        `Ending call in callkeep: ${activeCallCid}, reason: callingstate went to ${CallingState[callingState]} and call was present in nativeDialerAcceptedCallMap`
+        // @ts-expect-error - types issue
+        `Ending call in callkeep: ${activeCallCid}, reason: callingstate went to ${CallingState[callingState]} and call was present in nativeDialerAcceptedCallMap`,
       );
       unsubscribeCallkeepEvents(activeCallCid).then(() =>
-        callkeep.endCall(nativeDialerAcceptedCallMap.uuid)
+        callkeep.endCall(nativeDialerAcceptedCallMap.uuid),
       );
       // no need to keep this reference anymore
       voipCallkeepAcceptedCallOnNativeDialerMap$.next(undefined);

package/src/hooks/push/useIosVoipPushEventsSetupEffect.ts

@@ -2,13 +2,14 @@ import { type MutableRefObject, useEffect, useRef, useState } from 'react';
 import { getVoipPushNotificationLib } from '../../utils/push/libs';
 
 import { Platform } from 'react-native';
-import { onVoipNotificationReceived, StreamVideoRN } from '../../utils';
+import { StreamVideoRN } from '../../utils';
+import { onVoipNotificationReceived } from '../../utils/push/internal/ios';
 import {
   useConnectedUser,
   useStreamVideoClient,
 } from '@stream-io/video-react-bindings';
 import { setPushLogoutCallback } from '../../utils/internal/pushLogoutCallback';
-import { StreamVideoClient, getLogger } from '@stream-io/video-client';
+import { getLogger, StreamVideoClient } from '@stream-io/video-client';
 
 const logger = getLogger(['useIosVoipPushEventsSetupEffect']);
 
@@ -16,12 +17,12 @@ const logger = getLogger(['useIosVoipPushEventsSetupEffect']);
  hence to support login and logout scenario of multiple users we keep of the last count of the listener that was added
  This helps in not removing the listeners when a new user logs in and overrides the last listener
 */
-let lastListener = { count: 0 };
+const lastListener = { count: 0 };
 
 function setLogoutCallback(
   client: StreamVideoClient,
   token: string,
-  lastVoipTokenRef: MutableRefObject<{ token: string; userId: string }>
+  lastVoipTokenRef: MutableRefObject<{ token: string; userId: string }>,
 ) {
   setPushLogoutCallback(async () => {
     lastVoipTokenRef.current = { token: '', userId: '' };
@@ -31,7 +32,7 @@ function setLogoutCallback(
       logger(
         'warn',
         'PushLogoutCallback - Failed to remove voip token from stream',
-        err
+        err,
       );
     }
   });
@@ -62,7 +63,7 @@ export const useIosVoipPushEventsSetupEffect = () => {
     logger(
       'debug',
       'Sending unsent voip token to stream as user logged in after token was received, token: ' +
-        unsentToken
+        unsentToken,
     );
     client
       .addVoipDevice(unsentToken, 'apn', pushConfig.ios.pushProviderName)
@@ -70,7 +71,7 @@ export const useIosVoipPushEventsSetupEffect = () => {
         setLogoutCallback(client, unsentToken, lastVoipTokenRef);
         logger(
           'debug',
-          'Sent unsent voip token to stream - token: ' + unsentToken
+          'Sent unsent voip token to stream - token: ' + unsentToken,
         );
         lastVoipTokenRef.current = {
           token: unsentToken,
@@ -86,7 +87,23 @@ export const useIosVoipPushEventsSetupEffect = () => {
   useEffect(() => {
     const pushConfig = StreamVideoRN.getConfig().push;
     const pushProviderName = pushConfig?.ios.pushProviderName;
-    if (Platform.OS !== 'ios' || !pushConfig || !client || !pushProviderName) {
+    if (Platform.OS !== 'ios' || !client || !pushProviderName) {
+      return;
+    }
+    if (!pushConfig.android.incomingCallChannel) {
+      // TODO: remove this check and find a better way once we have telecom integration for android
+      getLogger(['useIosVoipPushEventsSetupEffect'])(
+        'debug',
+        'android incomingCallChannel is not defined, so skipping the useIosVoipPushEventsSetupEffect',
+      );
+      return;
+    }
+    if (!pushConfig.android.incomingCallChannel) {
+      // TODO: remove this check and find a better way once we have telecom integration for android
+      getLogger(['useIosVoipPushEventsSetupEffect'])(
+        'debug',
+        'android incomingCallChannel is not defined, so skipping the useIosVoipPushEventsSetupEffect',
+      );
       return;
     }
 
@@ -99,10 +116,18 @@ export const useIosVoipPushEventsSetupEffect = () => {
 
     const onTokenReceived = (token: string) => {
       const userId = client.streamClient._user?.id ?? '';
+      if (!token) {
+        logger(
+          'debug',
+          `Skipped sending voip token to stream no token was present - userId: ${userId} (possibly using a simulator)`,
+        );
+        setUnsentToken(token);
+        return;
+      }
       if (!userId) {
         logger(
           'debug',
-          `Skipped sending voip token to stream no user id was present - token: ${token}`
+          `Skipped sending voip token to stream no user id was present - token: ${token}`,
         );
         setUnsentToken(token);
         return;
@@ -111,27 +136,31 @@ export const useIosVoipPushEventsSetupEffect = () => {
       if (lastVoipToken.token === token && lastVoipToken.userId === userId) {
         logger(
           'debug',
-          `Skipped sending voip token to stream as it is same as last token - token: ${token}, userId: ${userId}`
+          `Skipped sending voip token to stream as it is same as last token - token: ${token}, userId: ${userId}`,
         );
         return;
       }
       logger(
         'debug',
-        `Sending voip token to stream, token: ${token} userId: ${userId}`
+        `Sending voip token to stream, token: ${token} userId: ${userId}`,
       );
       client
         .addVoipDevice(token, 'apn', pushProviderName)
         .then(() => {
           logger(
             'debug',
-            `Sent voip token to stream, token: ${token} userId: ${userId}`
+            `Sent voip token to stream, token: ${token} userId: ${userId}`,
           );
           setLogoutCallback(client, token, lastVoipTokenRef);
           lastVoipTokenRef.current = { token, userId };
         })
         .catch((err) => {
           setUnsentToken(token);
-          logger('warn', 'Failed to send voip token to stream', err);
+          logger(
+            'warn',
+            `Failed to send voip token to stream token: ${token} userId: ${userId}`,
+            err,
+          );
         });
     };
     // fired when PushKit give us the latest token
@@ -144,12 +173,12 @@ export const useIosVoipPushEventsSetupEffect = () => {
       if (!events || !Array.isArray(events) || events.length < 1) {
         return;
       }
-      for (let voipPushEvent of events) {
-        let { name, data } = voipPushEvent;
+      for (const voipPushEvent of events) {
+        const { name, data } = voipPushEvent;
         if (name === 'RNVoipPushRemoteNotificationsRegisteredEvent') {
           onTokenReceived(data);
         } else if (name === 'RNVoipPushRemoteNotificationReceivedEvent') {
-          onVoipNotificationReceived(data);
+          onVoipNotificationReceived(data, pushConfig);
         }
       }
     });
@@ -161,7 +190,7 @@ export const useIosVoipPushEventsSetupEffect = () => {
       if (currentListenerCount !== lastListener.count) {
         logger(
           'debug',
-          'Skipped removing voip event listeners for user: ' + userId
+          'Skipped removing voip event listeners for user: ' + userId,
         );
         return;
       }

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