feat: Migrate logger to js-toolkit logger implementation

- update @stream-io/loggers package
- add @stream-io/loggers as seperate package in react-native-sdk and

Author: jdimovska

packages/client/src/Call.ts

@@ -25,6 +25,7 @@ import {
   createSubscription,
   getCurrentValue,
 } from './store/rxUtils';
+import type { ScopedLogger } from './logger';
 import type {
   AcceptCallResponse,
   BlockUserRequest,
@@ -140,7 +141,7 @@ import {
   StreamCallEvent,
 } from './coordinator/connection/types';
 import { getClientDetails } from './helpers/client-details';
-import { getLogger, ScopedLogger } from './logger';
+import { getLogger } from '@stream-io/logger';
 import {
   CameraManager,
   MicrophoneManager,

packages/client/src/StreamSfuClient.ts

@@ -29,7 +29,7 @@ import { ICETrickle } from './gen/video/sfu/models/models';
 import { StreamClient } from './coordinator/connection/client';
 import { generateUUIDv4 } from './coordinator/connection/utils';
 import { Credentials } from './gen/coordinator';
-import { getLogger, ScopedLogger } from './logger';
+import { ScopedLogger } from './logger';
 import {
   makeSafePromise,
   PromiseWithResolvers,
@@ -38,6 +38,7 @@ import {
 } from './helpers/promise';
 import { getTimers } from './timers';
 import { Tracer, TraceSlice } from './stats';
+import { getLogger } from '@stream-io/logger';
 
 export type StreamSfuClientConstructor = {
   /**

packages/client/src/StreamVideoClient.ts

@@ -37,9 +37,10 @@ import {
   getCallInitConcurrencyTag,
   getInstanceKey,
 } from './helpers/clientUtils';
-import { getLogger, logToConsole, ScopedLogger, setLogger } from './logger';
+import { logToConsole, ScopedLogger, setLogger } from './logger';
 import { withoutConcurrency } from './helpers/concurrency';
 import { enableTimerWorker } from './timers';
+import { getLogger } from '@stream-io/logger';
 
 export type StreamVideoClientOptions = {
   apiKey: string;

packages/client/src/coordinator/connection/client.ts

@@ -36,7 +36,8 @@ import {
   CreateGuestResponse,
 } from '../../gen/coordinator';
 import { makeSafePromise, type SafePromise } from '../../helpers/promise';
-import { getLogger, ScopedLogger } from '../../logger';
+import { ScopedLogger } from '../../logger';
+import { getLogger } from '@stream-io/logger';
 
 export class StreamClient {
   _user?: UserWithId;

packages/client/src/coordinator/connection/location.ts

@@ -1,4 +1,4 @@
-import { getLogger } from '../../logger';
+import { getLogger } from '@stream-io/logger';
 
 export const getLocationHint = async (
   hintUrl = `https://hint.stream-io-video.com/`,

packages/client/src/devices/BrowserPermission.ts

@@ -1,6 +1,6 @@
 import { fromEventPattern, map } from 'rxjs';
 import { isReactNative } from '../helpers/platforms';
-import { getLogger } from '../logger';
+import { getLogger } from '@stream-io/logger';
 import { disposeOfMediaStream } from './utils';
 import { withoutConcurrency } from '../helpers/concurrency';
 

packages/client/src/devices/DeviceManager.ts

@@ -6,7 +6,8 @@ import { createSubscription } from '../store/rxUtils';
 import { DeviceManagerState } from './DeviceManagerState';
 import { isMobile } from '../helpers/compatibility';
 import { isReactNative } from '../helpers/platforms';
-import { getLogger, ScopedLogger } from '../logger';
+import { getLogger } from '@stream-io/logger';
+import { ScopedLogger } from '../logger';
 import { TrackType } from '../gen/video/sfu/models/models';
 import { deviceIds$ } from './devices';
 import {
@@ -256,6 +257,7 @@ export abstract class DeviceManager<
   };
 
   protected async applySettingsToStream() {
+    console.log('applySettingsToStream ');
     await withCancellation(this.statusChangeConcurrencyTag, async (signal) => {
       if (this.enabled) {
         try {

packages/client/src/devices/devices.ts

@@ -9,7 +9,7 @@ import {
   startWith,
   tap,
 } from 'rxjs';
-import { getLogger } from '../logger';
+import { getLogger } from '@stream-io/logger';
 import { BrowserPermission } from './BrowserPermission';
 import { lazy } from '../helpers/lazy';
 import { isFirefox } from '../helpers/browsers';

packages/client/src/events/internal.ts

@@ -2,7 +2,7 @@ import { Dispatcher } from '../rtc';
 import { Call } from '../Call';
 import { CallState } from '../store';
 import { StreamVideoParticipantPatches } from '../types';
-import { getLogger } from '../logger';
+import { getLogger } from '@stream-io/logger';
 import { pushToIfMissing, removeFromIfPresent } from '../helpers/array';
 import type {
   InboundStateNotification,

packages/client/src/helpers/DynascaleManager.ts

@@ -15,7 +15,7 @@ import {
   takeWhile,
 } from 'rxjs';
 import { ViewportTracker } from './ViewportTracker';
-import { getLogger } from '../logger';
+import { getLogger } from '@stream-io/logger';
 import { isFirefox, isSafari } from './browsers';
 import {
   hasScreenShare,