@stream-io/video-react-native-sdk 1.22.3 → 1.24.0

package/src/hooks/push/useProcessPushNonRingingCallEffect.ts

@@ -7,7 +7,7 @@ import {
 } from '@stream-io/video-react-bindings';
 import { filter } from 'rxjs/operators';
 import { processNonIncomingCallFromPush } from '../../utils/push/internal/utils';
-import { getLogger } from '@stream-io/video-client';
+import { videoLoggerSystem } from '@stream-io/video-client';
 
 /**
  * This hook is used to process the non ringing call data via push notifications using the relevant rxjs subject
@@ -27,10 +27,11 @@ export const useProcessPushNonRingingCallEffect = () => {
     const subscription = pushNonRingingCallData$
       .pipe(filter(NotUndefined))
       .subscribe(async ({ cid, type }) => {
-        getLogger(['useProcessPushNonRingingCallEffect'])(
-          'debug',
-          `processNonIncomingCallFromPush with callCId: ${cid} and type: ${type}`,
-        );
+        videoLoggerSystem
+          .getLogger('useProcessPushNonRingingCallEffect')
+          .debug(
+            `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

@@ -7,7 +7,7 @@ import {
   NativeModules,
   Platform,
 } from 'react-native';
-import { Call, CallingState, getLogger } from '@stream-io/video-client';
+import { Call, CallingState, videoLoggerSystem } from '@stream-io/video-client';
 import {
   getKeepCallAliveForegroundServiceTypes,
   getNotifeeLibNoThrowForKeepCallAlive,
@@ -23,17 +23,20 @@ function setForegroundService() {
   NativeModules.StreamVideoReactNative.isCallAliveConfigured().then(
     (isConfigured: boolean) => {
       if (!isConfigured) {
-        const logger = getLogger(['setForegroundService method']);
-        logger(
-          'info',
+        const logger = videoLoggerSystem.getLogger(
+          'setForegroundService method',
+        );
+        logger.info(
           'KeepCallAlive is not configured. Skipping foreground service setup.',
         );
         return;
       }
       notifeeLib.default.registerForegroundService(() => {
         const task = new Promise((resolve) => {
-          const logger = getLogger(['setForegroundService method']);
-          logger('info', 'Foreground service running for call in progress');
+          const logger = videoLoggerSystem.getLogger(
+            'setForegroundService method',
+          );
+          logger.info('Foreground service running for call in progress');
           // any task to run from SDK in the foreground service must be added
           resolve(true);
         });
@@ -42,8 +45,10 @@ function setForegroundService() {
         const { taskToRun } = foregroundServiceConfig.android;
         const call = callToPassToForegroundService.current;
         if (!call) {
-          const logger = getLogger(['setForegroundService method']);
-          logger('warn', 'No call to pass to foreground service');
+          const logger = videoLoggerSystem.getLogger(
+            'setForegroundService method',
+          );
+          logger.warn('No call to pass to foreground service');
           return task.then(() => new Promise(() => {}));
         }
         callToPassToForegroundService.current = undefined;
@@ -57,9 +62,8 @@ async function startForegroundService(call_cid: string) {
   const isCallAliveConfigured =
     await NativeModules.StreamVideoReactNative.isCallAliveConfigured();
   if (!isCallAliveConfigured) {
-    const logger = getLogger(['startForegroundService']);
-    logger(
-      'info',
+    const logger = videoLoggerSystem.getLogger('startForegroundService');
+    logger.info(
       'KeepCallAlive is not configured. Skipping foreground service setup.',
     );
     return;
@@ -70,9 +74,8 @@ async function startForegroundService(call_cid: string) {
   if (
     settings.authorizationStatus !== notifeeLib.AuthorizationStatus.AUTHORIZED
   ) {
-    const logger = getLogger(['startForegroundService']);
-    logger(
-      'info',
+    const logger = videoLoggerSystem.getLogger('startForegroundService');
+    logger.info(
       'Notification permission not granted, can not start foreground service to keep the call alive',
     );
     return;

package/src/hooks/usePermissionRequest.tsx

@@ -1,7 +1,7 @@
 import {
-  getLogger,
   OwnCapability,
   type PermissionRequestEvent,
+  videoLoggerSystem,
 } from '@stream-io/video-client';
 import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
 import { useCallback, useEffect } from 'react';
@@ -39,8 +39,8 @@ export const usePermissionRequest = () => {
             await call?.revokePermissions(user.id, permissions);
           }
         } catch (err) {
-          const logger = getLogger(['usePermissionRequest']);
-          logger('error', 'error handling permissions: ', err);
+          const logger = videoLoggerSystem.getLogger('usePermissionRequest');
+          logger.error('error handling permissions: ', err);
         }
       };
     },

package/src/hooks/useScreenShareButton.ts

@@ -1,7 +1,7 @@
 import {
-  getLogger,
   hasScreenShare,
   OwnCapability,
+  videoLoggerSystem,
 } from '@stream-io/video-client';
 import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
 import React, { useEffect, useRef } from 'react';
@@ -87,9 +87,8 @@ export const useScreenShareButton = (
 
   const onPress = async () => {
     if (!hasScreenSharingPermissions) {
-      const logger = getLogger(['useScreenShareButton']);
-      logger(
-        'info',
+      const logger = videoLoggerSystem.getLogger('useScreenShareButton');
+      logger.info(
         'User does not have permissions to stream the screen share media, calling onMissingScreenShareStreamPermission handler if present',
       );
       onMissingScreenShareStreamPermission?.();
@@ -106,9 +105,8 @@ export const useScreenShareButton = (
           onScreenShareStartedHandler?.();
         } catch (error) {
           // ignored.. user didnt allow the screen share in the popup
-          const logger = getLogger(['useScreenShareButton']);
-          logger(
-            'info',
+          const logger = videoLoggerSystem.getLogger('useScreenShareButton');
+          logger.info(
             'User opted to not give permissions to start a screen share stream',
             error,
           );

package/src/hooks/useScreenshot.ts

@@ -4,7 +4,7 @@ import { NativeModules, Platform } from 'react-native';
 import type { MediaStream } from '@stream-io/react-native-webrtc';
 import {
   StreamVideoParticipant,
-  getLogger,
+  videoLoggerSystem,
   type VideoTrackType,
 } from '@stream-io/video-client';
 
@@ -49,11 +49,9 @@ export function useScreenshot(): UseScreenshotResult {
               videoStreamForScreenshot.toURL(),
             );
           } catch (error) {
-            getLogger(['useScreenshot'])(
-              'error',
-              'Error taking screenshot',
-              error,
-            );
+            videoLoggerSystem
+              .getLogger('useScreenshot')
+              .error('Error taking screenshot', error);
             return null;
           }
         }
@@ -62,11 +60,9 @@ export function useScreenshot(): UseScreenshotResult {
         try {
           return await take(participant, videoTrackType);
         } catch (error) {
-          getLogger(['useScreenshot'])(
-            'error',
-            'Error taking screenshot',
-            error,
-          );
+          videoLoggerSystem
+            .getLogger('useScreenshot')
+            .error('Error taking screenshot', error);
           return null;
         }
       }

package/src/hooks/useTrackDimensions.ts

@@ -11,10 +11,10 @@ import { NativeEventEmitter, NativeModules } from 'react-native';
  * `tracktype` should be 'videoTrack' for video track and 'screenShareTrack' for screen share track.
  */
 export function useTrackDimensions(
-  participant: StreamVideoParticipant,
+  participant: StreamVideoParticipant | undefined,
   trackType: VideoTrackType,
 ) {
-  const { videoStream, screenShareStream } = participant;
+  const { videoStream, screenShareStream } = participant || {};
   const stream =
     trackType === 'screenShareTrack' ? screenShareStream : videoStream;
   const [track] = stream?.getVideoTracks() ?? [];

package/src/modules/call-manager/PrevLibDetection.ts

@@ -1,4 +1,4 @@
-import { getLogger } from '@stream-io/video-client';
+import { videoLoggerSystem } from '@stream-io/video-client';
 
 declare class RNInCallManagerLib {
   start(setup?: {
@@ -18,10 +18,11 @@ try {
 
 export function getRNInCallManagerLibNoThrow() {
   if (rnInCallManagerLib) {
-    getLogger(['getRNInCallManagerLibNoThrow'])(
-      'debug',
-      'react-native-incall-manager library is not required to be installed from 1.22.0 version of the @stream-io/video-react-native-sdk. Please check the migration documentation at https://getstream.io/video/docs/react-native/migration-guides/1.22.0/ for more details.',
-    );
+    videoLoggerSystem
+      .getLogger('getRNInCallManagerLibNoThrow')
+      .debug(
+        'react-native-incall-manager library is not required to be installed from 1.22.0 version of the @stream-io/video-react-native-sdk. Please check the migration documentation at https://getstream.io/video/docs/react-native/migration-guides/1.22.0/ for more details.',
+      );
   }
   return rnInCallManagerLib;
 }

package/src/providers/BusyTonePlayer.tsx

@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 import { useStreamVideoClient } from '@stream-io/video-react-bindings';
 import { StreamVideoRN } from '../utils';
-import { getLogger } from '@stream-io/video-client';
+import { videoLoggerSystem } from '@stream-io/video-client';
 
 const BUSY_TONE_DURATION_IN_MS = 1500;
 
@@ -23,15 +23,14 @@ const BusyTonePlayer = () => {
 
       let busyToneTimeout: ReturnType<typeof setTimeout> | undefined;
 
-      const logger = getLogger(['RejectCallWhenBusy']);
+      const logger = videoLoggerSystem.getLogger('RejectCallWhenBusy');
 
       if (isCalleeBusy) {
         if (busyToneTimeout) {
           clearTimeout(busyToneTimeout);
           busyToneTimeout = undefined;
         }
-        logger(
-          'info',
+        logger.info(
           `Playing busy tone for call rejection for call cid: ${event.call.cid}`,
         );
 
@@ -40,24 +39,21 @@ const BusyTonePlayer = () => {
             busyToneTimeout = setTimeout(() => {
               StreamVideoRN.stopBusyTone()
                 .then(() => {
-                  logger(
-                    'info',
+                  logger.info(
                     `Stopped busy tone for call rejection for call cid: ${event.call.cid}`,
                   );
                 })
-                .catch((error) =>
-                  logger('error', 'stopBusyTone failed:', error),
-                );
+                .catch((error) => logger.error('stopBusyTone failed:', error));
               busyToneTimeout = undefined;
             }, BUSY_TONE_DURATION_IN_MS);
           })
           .catch((error) => {
-            logger('error', 'playBusyTone failed:', error);
+            logger.error('playBusyTone failed:', error);
           });
       }
       return () => {
         StreamVideoRN.stopBusyTone().catch((err) =>
-          logger('error', 'stopBusyTone on cleanup failed:', err),
+          logger.error('stopBusyTone on cleanup failed:', err),
         );
         clearTimeout(busyToneTimeout);
         unsubscribe();

package/src/providers/NoiseCancellation/NoiseCancellationProvider.tsx

@@ -6,9 +6,9 @@ import React, {
   useState,
 } from 'react';
 import {
-  getLogger,
   NoiseCancellationSettingsModeEnum,
   OwnCapability,
+  videoLoggerSystem,
 } from '@stream-io/video-client';
 
 import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
@@ -100,22 +100,18 @@ export const NoiseCancellationProvider = (props: PropsWithChildren<{}>) => {
     call.microphone
       .enableNoiseCancellation(ncInstance)
       .catch((err) =>
-        getLogger(['NoiseCancellationProvider'])(
-          'error',
-          `Can't initialize noise suppression`,
-          err,
-        ),
+        videoLoggerSystem
+          .getLogger('NoiseCancellationProvider')
+          .error(`Can't initialize noise suppression`, err),
       );
 
     return () => {
       call.microphone
         .disableNoiseCancellation()
         .catch((err) =>
-          getLogger(['NoiseCancellationProvider'])(
-            'error',
-            `Can't disable noise suppression`,
-            err,
-          ),
+          videoLoggerSystem
+            .getLogger('NoiseCancellationProvider')
+            .error(`Can't disable noise suppression`, err),
         );
       unsubscribe();
     };

package/src/providers/StreamCall/AppStateListener.tsx

@@ -8,7 +8,7 @@ import {
 } from 'react-native';
 import { shouldDisableIOSLocalVideoOnBackgroundRef } from '../../utils/internal/shouldDisableIOSLocalVideoOnBackground';
 import { disablePiPMode$, isInPiPMode$ } from '../../utils/internal/rxSubjects';
-import { getLogger, RxUtils } from '@stream-io/video-client';
+import { RxUtils, videoLoggerSystem } from '@stream-io/video-client';
 
 const PIP_CHANGE_EVENT = 'StreamVideoReactNative_PIP_CHANGE_EVENT';
 
@@ -29,17 +29,16 @@ export const AppStateListener = () => {
     }
 
     const disablePiP = RxUtils.getCurrentValue(disablePiPMode$);
-    const logger = getLogger(['AppStateListener']);
+    const logger = videoLoggerSystem.getLogger('AppStateListener');
     const initialPipMode =
       !disablePiP && AppState.currentState === 'background';
     isInPiPMode$.next(initialPipMode);
-    logger('debug', 'Initial PiP mode on mount set to ', initialPipMode);
+    logger.debug('Initial PiP mode on mount set to ', initialPipMode);
 
     NativeModules?.StreamVideoReactNative?.isInPiPMode().then(
       (isInPiP: boolean | null | undefined) => {
         isInPiPMode$.next(!!isInPiP);
-        logger(
-          'debug',
+        logger.debug(
           'Initial PiP mode on mount (after asking native module) set to ',
           !!isInPiP,
         );
@@ -67,7 +66,7 @@ export const AppStateListener = () => {
     // we dont check for inactive states
     // ref: https://www.reddit.com/r/reactnative/comments/15kib42/appstate_behavior_in_ios_when_swiping_down_to/
     const subscription = AppState.addEventListener('change', (nextAppState) => {
-      const logger = getLogger(['AppStateListener']);
+      const logger = videoLoggerSystem.getLogger('AppStateListener');
       if (appState.current.match(/background/) && nextAppState === 'active') {
         if (call?.camera?.state.status === 'enabled') {
           // Android: when device is locked and resumed, the status isnt made disabled but stays enabled
@@ -76,15 +75,12 @@ export const AppStateListener = () => {
           call?.camera?.disable(true).then(() => {
             call?.camera?.enable();
           });
-          logger(
-            'debug',
-            'Disable and reenable camera as app came to foreground',
-          );
+          logger.debug('Disable and reenable camera as app came to foreground');
         } else {
           if (cameraDisabledByAppState.current) {
             call?.camera?.resume();
             cameraDisabledByAppState.current = false;
-            logger('debug', 'Resume camera as app came to foreground');
+            logger.debug('Resume camera as app came to foreground');
           }
         }
         appState.current = nextAppState;
@@ -96,7 +92,7 @@ export const AppStateListener = () => {
           if (call?.camera?.state.status === 'enabled') {
             cameraDisabledByAppState.current = true;
             call?.camera?.disable();
-            logger('debug', 'Camera disabled by app going to background');
+            logger.debug('Camera disabled by app going to background');
           }
         };
         if (Platform.OS === 'android') {

package/src/utils/getAndroidDefaultRingtoneUrl.ts

@@ -1,5 +1,5 @@
-import { getLogger } from '@stream-io/video-client';
 import { NativeModules, Platform } from 'react-native';
+import { videoLoggerSystem } from '@stream-io/video-client';
 
 export async function getAndroidDefaultRingtoneUrl(): Promise<
   string | undefined
@@ -12,8 +12,8 @@ export async function getAndroidDefaultRingtoneUrl(): Promise<
       await NativeModules.StreamVideoReactNative?.getDefaultRingtoneUrl();
     return url;
   } catch (e) {
-    const logger = getLogger(['getAndroidDefaultRingtoneUrl']);
-    logger('warn', 'Failed to get default ringtone from native module', e);
+    const logger = videoLoggerSystem.getLogger('getAndroidDefaultRingtoneUrl');
+    logger.warn('Failed to get default ringtone from native module', e);
   }
 
   return undefined;