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

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

@@ -1,19 +1,20 @@
-import React, { useMemo, useEffect } from 'react';
+import React, { useEffect, useMemo } from 'react';
 import { type LayoutRectangle, View } from 'react-native';
 import {
-  FloatingViewAlignment,
-  getSnapAlignments,
-  getClosestSnapAlignment,
   floatingChildViewContainerStyle,
+  FloatingViewAlignment,
   type FloatingViewProps,
+  getClosestSnapAlignment,
+  getSnapAlignments,
 } from './common';
+
 type GestureHandlerExportsType = typeof import('react-native-gesture-handler');
 type ReanimatedNamespaceType = typeof import('react-native-reanimated').default;
 type ReanimatedExportsType = typeof import('react-native-reanimated');
 
 let ReanimatedFloatingView: React.FC<FloatingViewProps> = () => {
   throw new Error(
-    'ReanimatedFloatingView component must not be used without the react-native-reanimated library and react-native-gesture-handler library installed'
+    'ReanimatedFloatingView component must not be used without the react-native-reanimated library and react-native-gesture-handler library installed',
   );
 };
 
@@ -39,6 +40,7 @@ try {
     withDelay: ReanimatedExportsType['withDelay'];
   } = require('react-native-reanimated');
 
+  // eslint-disable-next-line react/display-name
   ReanimatedFloatingView = ({
     initialAlignment,
     containerHeight,
@@ -77,7 +79,7 @@ try {
     }, [rectangle, containerWidth, containerHeight]);
 
     const dragGesture = Gesture.Pan()
-      .onStart((_e) => {
+      .onStart(() => {
         start.value = {
           x: translationX.value,
           y: translationY.value,
@@ -89,15 +91,15 @@ try {
           0,
           Math.min(
             e.translationX + (start.value.x ?? 0),
-            snapAlignments[FloatingViewAlignment.bottomRight].x
-          )
+            snapAlignments[FloatingViewAlignment.bottomRight].x,
+          ),
         );
         translationY.value = Math.max(
           0,
           Math.min(
             e.translationY + (start.value.y ?? 0),
-            snapAlignments[FloatingViewAlignment.bottomRight].y
-          )
+            snapAlignments[FloatingViewAlignment.bottomRight].y,
+          ),
         );
       })
       .onEnd(() => {
@@ -138,7 +140,7 @@ try {
       start,
     ]);
 
-    // @ts-ignore
+    // @ts-expect-error - types conflict
     const animatedStyle = useAnimatedStyle(() => {
       return {
         height: rectangle?.height,
@@ -160,7 +162,7 @@ try {
       // gesture handler root view must absolutely fill the bounds
       // to intercept gestures within those bounds
       <GestureDetector gesture={dragGesture}>
-        {/* @ts-ignore */}
+        {/* @ts-expect-error types conflict */}
         <Reanimated.View style={animatedStyle}>
           <View
             onLayout={(event) => {
@@ -186,6 +188,6 @@ try {
       </GestureDetector>
     );
   };
-} catch (e) {}
+} catch {}
 
 export default ReanimatedFloatingView;

package/src/components/Participant/ParticipantView/ParticipantLabel.tsx

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

package/src/components/Participant/ParticipantView/ParticipantNetworkQualityIndicator.tsx

@@ -15,7 +15,7 @@ export type ParticipantNetworkQualityIndicatorProps = Pick<
 >;
 
 const useConnectionQualitySignalColors = (
-  participant: ParticipantViewProps['participant']
+  participant: ParticipantViewProps['participant'],
 ) => {
   const {
     theme: { colors },

package/src/components/Participant/ParticipantView/ParticipantReaction.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useMemo } from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 import { useCall } from '@stream-io/video-react-bindings';
-import { Z_INDEX, defaultEmojiReactions } from '../../../constants';
+import { defaultEmojiReactions, Z_INDEX } from '../../../constants';
 import type { ParticipantViewProps } from './ParticipantView';
 import { useTheme } from '../../../contexts/ThemeContext';
 import type { CallContentProps } from '../../Call';
@@ -53,7 +53,7 @@ export const ParticipantReaction = ({
     reaction &&
     supportedReactions.find(
       (supportedReaction) =>
-        supportedReaction.emoji_code === reaction.emoji_code
+        supportedReaction.emoji_code === reaction.emoji_code,
     );
 
   return (
@@ -90,6 +90,6 @@ const useStyles = () => {
           justifyContent: 'center',
         },
       }),
-    [theme]
+    [theme],
   );
 };

package/src/components/Participant/ParticipantView/ParticipantView.tsx

@@ -183,6 +183,6 @@ const useStyles = () => {
         },
         networkIndicatorOnly: { justifyContent: 'flex-end' },
       }),
-    [theme]
+    [theme],
   );
 };

package/src/components/Participant/ParticipantView/SpeechIndicator.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useMemo, useState } from 'react';
-import { View, Animated, StyleSheet } from 'react-native';
+import { Animated, StyleSheet, View } from 'react-native';
 import { useTheme } from '../../../contexts';
 
 /**
@@ -41,7 +41,7 @@ export const SpeechIndicator = ({ isSpeaking }: SpeechIndicatorProps) => {
               duration: (index + 1) * 300,
               useNativeDriver: true,
             }),
-          ])
+          ]),
         ).start();
       });
     } else {
@@ -96,7 +96,7 @@ const useStyles = () => {
           borderRadius: 2,
         },
       }),
-    [theme]
+    [theme],
   );
 };
 

package/src/components/Participant/ParticipantView/VideoRenderer.tsx

@@ -217,7 +217,7 @@ export const VideoRenderer = ({
   }, [trackType, sessionId]);
 
   const onLayout: React.ComponentProps<typeof RTCView>['onLayout'] = (
-    event
+    event,
   ) => {
     if (!call || isLocalParticipant) {
       return;

package/src/contexts/BackgroundFilters.tsx

@@ -27,7 +27,7 @@ let videoFiltersModule: VideoFiltersModuleType | undefined;
 
 try {
   videoFiltersModule = require('@stream-io/video-filters-react-native');
-} catch (_e) {}
+} catch {}
 
 const resolveAssetSourceFunc = Image.resolveAssetSource;
 
@@ -87,12 +87,12 @@ export const useBackgroundFilters = () => {
   const context = useContext(BackgroundFiltersContext);
   if (!context) {
     throw new Error(
-      'useBackgroundFilters must be used within a BackgroundFiltersProvider'
+      'useBackgroundFilters must be used within a BackgroundFiltersProvider',
     );
   }
   if (!videoFiltersModule) {
     throw new Error(
-      "Install the '@stream-io/video-filters-react-native' library to use background filters"
+      "Install the '@stream-io/video-filters-react-native' library to use background filters",
     );
   }
   return context;
@@ -107,7 +107,7 @@ export const useBackgroundFilters = () => {
 export const BackgroundFiltersProvider = ({ children }: PropsWithChildren) => {
   if (!videoFiltersModule) {
     throw new Error(
-      "Install the '@stream-io/video-filters-react-native' library to use background filters"
+      "Install the '@stream-io/video-filters-react-native' library to use background filters",
     );
   }
   const call = useCall();
@@ -138,7 +138,7 @@ export const BackgroundFiltersProvider = ({ children }: PropsWithChildren) => {
         });
       setCurrentBackgroundFilter({ blur: blurIntensity });
     },
-    [call]
+    [call],
   );
 
   const applyBackgroundImageFilter = useCallback(
@@ -161,7 +161,7 @@ export const BackgroundFiltersProvider = ({ children }: PropsWithChildren) => {
         });
       setCurrentBackgroundFilter({ image: imageSource });
     },
-    [call]
+    [call],
   );
 
   const disableAllFilters = useCallback(() => {
@@ -189,7 +189,7 @@ export const BackgroundFiltersProvider = ({ children }: PropsWithChildren) => {
       applyBackgroundImageFilter,
       currentBackgroundFilter,
       disableAllFilters,
-    ]
+    ],
   );
 
   return (

package/src/contexts/StreamVideoContext.tsx

@@ -17,7 +17,7 @@ function createStoreContext<StoreType extends object>(initialState: StoreType) {
   type SetStateFuncType = (
     partialStateOrFunc:
       | Partial<StoreType>
-      | ((prevState: StoreType) => Partial<StoreType>)
+      | ((prevState: StoreType) => Partial<StoreType>),
   ) => void;
 
   // returns unsubscribe function
@@ -79,7 +79,7 @@ function createStoreContext<StoreType extends object>(initialState: StoreType) {
    * @category Client State
    */
   function useStoreValue<SelectorOutput extends StoreType[keyof StoreType]>(
-    selector: (store: StoreType) => SelectorOutput
+    selector: (store: StoreType) => SelectorOutput,
   ): SelectorOutput {
     const store = useContext(StoreContext);
     if (!store) {
@@ -89,7 +89,7 @@ function createStoreContext<StoreType extends object>(initialState: StoreType) {
     const [state, setState] = useState(selector(store.getSnapshot()));
     useEffect(
       () => store.subscribe(() => setState(selector(store.getSnapshot()))),
-      [selector, store]
+      [selector, store],
     );
 
     return state;

package/src/contexts/ThemeContext.tsx

@@ -13,11 +13,16 @@ export type DeepPartial<T> = {
   [P in keyof T]?: DeepPartial<T[P]>;
 };
 
-export type ThemeProviderInputValue = {
+export type StreamThemeInputValue = {
   mergedStyle?: Theme;
   style?: DeepPartial<Theme>;
 };
 
+/**
+ * @deprecated Use StreamThemeInputValue instead.
+ */
+export type ThemeProviderInputValue = StreamThemeInputValue;
+
 export type MergedThemesParams = {
   style?: DeepPartial<Theme>;
   theme?: Theme;
@@ -45,11 +50,11 @@ export const mergeThemes = (params: MergedThemesParams) => {
 const DEFAULT_BASE_CONTEXT_VALUE = {};
 
 export const ThemeContext = createContext<Theme>(
-  DEFAULT_BASE_CONTEXT_VALUE as Theme
+  DEFAULT_BASE_CONTEXT_VALUE as Theme,
 );
 
-export const ThemeProvider: React.FC<
-  PropsWithChildren<ThemeProviderInputValue & Partial<ThemeContextValue>>
+export const StreamTheme: React.FC<
+  PropsWithChildren<StreamThemeInputValue & Partial<ThemeContextValue>>
 > = (props) => {
   const { children, mergedStyle, style, theme } = props;
 
@@ -68,12 +73,17 @@ export const ThemeProvider: React.FC<
   );
 };
 
+/**
+ * @deprecated Use StreamTheme instead of ThemeProvider.
+ */
+export const ThemeProvider = StreamTheme;
+
 export const useTheme = () => {
   const theme = useContext(ThemeContext);
 
   if (theme === DEFAULT_BASE_CONTEXT_VALUE) {
     throw new Error(
-      'The useThemeContext hook was called outside the ThemeContext Provider. Make sure you have configured OverlayProvider component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider'
+      'The useThemeContext hook was called outside the ThemeContext Provider. Make sure you have configured OverlayProvider component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider',
     );
   }
   return { theme };

package/src/hooks/internal/useCallMediaStreamCleanup.ts

@@ -1,4 +1,3 @@
-import { MediaStream } from '@stream-io/react-native-webrtc';
 import {
   CallingState,
   disposeOfMediaStream,
@@ -19,9 +18,7 @@ export const useCallMediaStreamCleanup = () => {
 
   useEffect(() => {
     return () => {
-      const mediaStream = callRef.current?.camera.state.mediaStream as
-        | MediaStream
-        | undefined;
+      const mediaStream = callRef.current?.camera.state.mediaStream;
       if (
         mediaStream &&
         !(
@@ -31,10 +28,9 @@ export const useCallMediaStreamCleanup = () => {
       ) {
         getLogger(['useCallMediaStreamCleanup'])(
           'debug',
-          'Cleaning up camera media stream'
+          'Cleaning up camera media stream',
         );
         // we cleanup media stream only if call is not joined or joining
-        // @ts-ignore Due to DOM typing incompatible with RN
         disposeOfMediaStream(mediaStream);
       }
     };

package/src/hooks/push/useInitAndroidTokenAndRest.ts

@@ -26,7 +26,7 @@ export const useInitAndroidTokenAndRest = () => {
       getLogger(['useInitAndroidTokenAndRest'])(
         'warn',
         'Error in initializing android push token',
-        error
+        error,
       );
     });
     return () => {

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,
   );
 };
 
@@ -75,10 +75,10 @@ export const useIosCallkeepWithCallingStateEffect = () => {
       // 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),
         );
       }
     };
@@ -102,27 +102,27 @@ export const useIosCallkeepWithCallingStateEffect = () => {
         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),
         );
       }
     };
@@ -153,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);
@@ -181,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;
@@ -193,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);
@@ -211,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,14 +87,22 @@ 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'
+        '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;
     }
@@ -110,7 +119,7 @@ export const useIosVoipPushEventsSetupEffect = () => {
       if (!token) {
         logger(
           'debug',
-          `Skipped sending voip token to stream no token was present - userId: ${userId} (possibly using a simulator)`
+          `Skipped sending voip token to stream no token was present - userId: ${userId} (possibly using a simulator)`,
         );
         setUnsentToken(token);
         return;
@@ -118,7 +127,7 @@ export const useIosVoipPushEventsSetupEffect = () => {
       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;
@@ -127,20 +136,20 @@ 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 };
@@ -150,7 +159,7 @@ export const useIosVoipPushEventsSetupEffect = () => {
           logger(
             'warn',
             `Failed to send voip token to stream token: ${token} userId: ${userId}`,
-            err
+            err,
           );
         });
     };
@@ -164,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);
         }
       }
     });
@@ -181,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;
       }