@stream-io/video-client 0.0.13 → 0.0.15

package/dist/index.cjs.js

@@ -4250,7 +4250,7 @@ exports.DebounceType = void 0;
     DebounceType[DebounceType["SLOW"] = 1200] = "SLOW";
 })(exports.DebounceType || (exports.DebounceType = {}));
 const isStreamVideoLocalParticipant = (p) => {
-    return !!p.isLoggedInUser;
+    return !!p.isLocalParticipant;
 };
 
 /******************************************************************************
@@ -5277,13 +5277,41 @@ const toggleDtx = (sdp, enable) => {
     return sdp;
 };
 
+let logger;
+const logToConsole = (logLevel, message, extraData, tags) => {
+    let logMethod;
+    if (logLevel === 'error') {
+        logMethod = console.error;
+    }
+    else if (logLevel === 'warn') {
+        logMethod = console.warn;
+    }
+    else {
+        logMethod = console.log;
+    }
+    logMethod(logLevel, `${tags === null || tags === void 0 ? void 0 : tags.join(':')} - ${message}`, extraData ? extraData : '');
+};
+const setLogger = (l) => {
+    logger = l;
+};
+const getLogger = (withTags) => {
+    const loggerMethod = logger || (() => { });
+    const result = (logLevel, messeage, extraData, tags) => {
+        loggerMethod(logLevel, messeage, extraData, [
+            ...(tags || []),
+            ...(withTags || []),
+        ]);
+    };
+    return result;
+};
+
 const getPreferredCodecs = (kind, preferredCodec, codecToRemove) => {
+    const logger = getLogger(['codecs']);
     if (!('getCapabilities' in RTCRtpSender)) {
-        console.warn('RTCRtpSender.getCapabilities is not supported');
+        logger === null || logger === void 0 ? void 0 : logger('warn', 'RTCRtpSender.getCapabilities is not supported');
         return;
     }
     const cap = RTCRtpSender.getCapabilities(kind);
-    console.log('s4e');
     if (!cap)
         return;
     const matched = [];
@@ -5291,7 +5319,7 @@ const getPreferredCodecs = (kind, preferredCodec, codecToRemove) => {
     const unmatched = [];
     cap.codecs.forEach((c) => {
         const codec = c.mimeType.toLowerCase();
-        console.log(c);
+        logger === null || logger === void 0 ? void 0 : logger('debug', `Found supported codec: ${codec}`);
         const shouldRemoveCodec = codecToRemove && codec === `${kind}/${codecToRemove}`;
         if (shouldRemoveCodec)
             return;
@@ -5311,10 +5339,11 @@ const getPreferredCodecs = (kind, preferredCodec, codecToRemove) => {
             }
             return;
         }
-        console.log('matched', matched);
         matched.push(c);
     });
-    return [...matched, ...partialMatched, ...unmatched];
+    const result = [...matched, ...partialMatched, ...unmatched];
+    logger === null || logger === void 0 ? void 0 : logger('info', `Preffered codecs: `, result);
+    return result;
 };
 const getGenericSdp = (direction, isRedEnabled, preferredVideoCodec) => __awaiter(void 0, void 0, void 0, function* () {
     var _a;
@@ -5380,17 +5409,19 @@ class Dispatcher {
     constructor() {
         this.subscribers = {};
         this.dispatch = (message) => {
+            var _a, _b;
             const eventKind = message.eventPayload.oneofKind;
             if (eventKind) {
-                // @ts-ignore
-                console.log(`Dispatching`, eventKind, message.eventPayload[eventKind]);
+                (_a = this.logger) === null || _a === void 0 ? void 0 : _a.call(this, 'info', `Dispatching ${eventKind}`);
+                (_b = this.logger) === null || _b === void 0 ? void 0 : _b.call(this, 'debug', `Event payload`, message.eventPayload[eventKind]);
                 const listeners = this.subscribers[eventKind];
                 listeners === null || listeners === void 0 ? void 0 : listeners.forEach((fn) => {
+                    var _a;
                     try {
                         fn(message);
                     }
                     catch (e) {
-                        console.warn(`Listener failed with error`, e);
+                        (_a = this.logger) === null || _a === void 0 ? void 0 : _a.call(this, 'warn', 'Listener failed with error', e);
                     }
                 });
             }
@@ -5414,6 +5445,7 @@ class Dispatcher {
                 this.subscribers = {};
             }
         };
+        this.logger = getLogger(['sfu-client']);
     }
 }
 
@@ -5426,6 +5458,7 @@ class IceTrickleBuffer {
         this.subscriberCandidates = new rxjs.ReplaySubject();
         this.publisherCandidates = new rxjs.ReplaySubject();
         this.push = (iceTrickle) => {
+            var _a;
             if (iceTrickle.peerType === PeerType.SUBSCRIBER) {
                 this.subscriberCandidates.next(iceTrickle);
             }
@@ -5433,9 +5466,10 @@ class IceTrickleBuffer {
                 this.publisherCandidates.next(iceTrickle);
             }
             else {
-                console.warn(`ICETrickle, Unknown peer type`, iceTrickle);
+                (_a = this.logger) === null || _a === void 0 ? void 0 : _a.call(this, 'warn', `ICETrickle, Unknown peer type`, iceTrickle);
             }
         };
+        this.logger = getLogger(['sfu-client']);
     }
 }
 
@@ -5626,6 +5660,7 @@ class Publisher {
          * @param opts
          */
         this.publishStream = (mediaStream, track, trackType, opts = {}) => __awaiter(this, void 0, void 0, function* () {
+            var _a;
             let transceiver = this.publisher
                 .getTransceivers()
                 .find((t) => {
@@ -5639,7 +5674,8 @@ class Publisher {
              * Once the track has ended, it will notify the SFU and update the state.
              */
             const handleTrackEnded = () => __awaiter(this, void 0, void 0, function* () {
-                console.log(`Track ${TrackType[trackType]} has ended, notifying the SFU`);
+                var _b;
+                (_b = this.logger) === null || _b === void 0 ? void 0 : _b.call(this, 'info', `Track ${TrackType[trackType]} has ended, notifying the SFU`);
                 yield this.notifyTrackMuteStateChanged(mediaStream, track, trackType, true);
                 // clean-up, this event listener needs to run only once.
                 track.removeEventListener('ended', handleTrackEnded);
@@ -5664,7 +5700,7 @@ class Publisher {
                 });
                 this.transceiverRegistry[trackType] = transceiver;
                 if ('setCodecPreferences' in transceiver && codecPreferences) {
-                    console.log(`Setting ${TrackType[trackType]} codec preferences`, codecPreferences);
+                    (_a = this.logger) === null || _a === void 0 ? void 0 : _a.call(this, 'info', `Setting ${TrackType[trackType]} codec preferences`, codecPreferences);
                     transceiver.setCodecPreferences(codecPreferences);
                 }
             }
@@ -5748,9 +5784,9 @@ class Publisher {
             this.publisher.close();
         };
         this.updateVideoPublishQuality = (enabledRids) => __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            console.log('Update publish quality, requested rids by SFU:', enabledRids);
-            const videoSender = (_a = this.transceiverRegistry[TrackType.VIDEO]) === null || _a === void 0 ? void 0 : _a.sender;
+            var _c, _d, _e, _f;
+            (_c = this.logger) === null || _c === void 0 ? void 0 : _c.call(this, 'info', 'Update publish quality, requested rids by SFU:', enabledRids);
+            const videoSender = (_d = this.transceiverRegistry[TrackType.VIDEO]) === null || _d === void 0 ? void 0 : _d.sender;
             if (!videoSender)
                 return;
             const params = videoSender.getParameters();
@@ -5765,10 +5801,10 @@ class Publisher {
             });
             if (changed) {
                 if (params.encodings.length === 0) {
-                    console.warn('No suitable video encoding quality found');
+                    (_e = this.logger) === null || _e === void 0 ? void 0 : _e.call(this, 'warn', 'No suitable video encoding quality found');
                 }
                 yield videoSender.setParameters(params);
-                console.log(`Update publish quality, enabled rids: ${params.encodings
+                (_f = this.logger) === null || _f === void 0 ? void 0 : _f.call(this, 'info', `Update publish quality, enabled rids: ${params.encodings
                     .filter((e) => e.active)
                     .map((e) => e.rid)
                     .join(', ')}`);
@@ -5785,9 +5821,10 @@ class Publisher {
             }
         };
         this.onIceCandidate = (e) => __awaiter(this, void 0, void 0, function* () {
+            var _g;
             const { candidate } = e;
             if (!candidate) {
-                console.log('null ice candidate');
+                (_g = this.logger) === null || _g === void 0 ? void 0 : _g.call(this, 'warn', 'null ice candidate');
                 return;
             }
             yield this.sfuClient.iceTrickle({
@@ -5796,7 +5833,8 @@ class Publisher {
             });
         });
         this.onNegotiationNeeded = () => __awaiter(this, void 0, void 0, function* () {
-            console.log('AAA onNegotiationNeeded');
+            var _h, _j;
+            (_h = this.logger) === null || _h === void 0 ? void 0 : _h.call(this, 'info', 'AAA onNegotiationNeeded');
             const offer = yield this.publisher.createOffer();
             let sdp = offer.sdp;
             if (sdp) {
@@ -5859,28 +5897,38 @@ class Publisher {
                 });
             }
             catch (e) {
-                console.error(`Publisher: setRemoteDescription error`, response.sdp, e);
+                (_j = this.logger) === null || _j === void 0 ? void 0 : _j.call(this, 'error', `Publisher: setRemoteDescription error`, {
+                    sdp: response.sdp,
+                    error: e,
+                });
             }
             this.sfuClient.iceTrickleBuffer.publisherCandidates.subscribe((candidate) => __awaiter(this, void 0, void 0, function* () {
+                var _k;
                 try {
                     const iceCandidate = JSON.parse(candidate.iceCandidate);
                     yield this.publisher.addIceCandidate(iceCandidate);
                 }
                 catch (e) {
-                    console.error(`Publisher: ICE candidate error`, e, candidate);
+                    (_k = this.logger) === null || _k === void 0 ? void 0 : _k.call(this, 'error', `Publisher: ICE candidate error`, {
+                        error: e,
+                        candidate,
+                    });
                 }
             }));
         });
         this.onIceCandidateError = (e) => {
+            var _a;
             const errorMessage = e instanceof RTCPeerConnectionIceErrorEvent &&
                 `${e.errorCode}: ${e.errorText}`;
-            console.error(`Publisher: ICE Candidate error`, errorMessage);
+            (_a = this.logger) === null || _a === void 0 ? void 0 : _a.call(this, 'error', `Publisher: ICE Candidate error`, errorMessage);
         };
         this.onIceConnectionStateChange = () => {
-            console.log(`Publisher: ICE Connection state changed`, this.publisher.iceConnectionState);
+            var _a;
+            (_a = this.logger) === null || _a === void 0 ? void 0 : _a.call(this, 'error', `Publisher: ICE Connection state changed`, this.publisher.iceConnectionState);
         };
         this.onIceGatheringStateChange = () => {
-            console.log(`Publisher: ICE Gathering State`, this.publisher.iceGatheringState);
+            var _a;
+            (_a = this.logger) === null || _a === void 0 ? void 0 : _a.call(this, 'error', `Publisher: ICE Gathering State`, this.publisher.iceGatheringState);
         };
         this.ridToVideoQuality = (rid) => {
             return rid === 'q'
@@ -5913,12 +5961,13 @@ class Publisher {
 }
 
 const createSubscriber = ({ sfuClient, dispatcher, connectionConfig, onTrack, }) => {
+    const logger = getLogger(['sfu-client']);
     const subscriber = new RTCPeerConnection(connectionConfig);
     attachDebugEventListeners(subscriber);
     subscriber.addEventListener('icecandidate', (e) => __awaiter(void 0, void 0, void 0, function* () {
         const { candidate } = e;
         if (!candidate) {
-            console.log('null ice candidate');
+            logger === null || logger === void 0 ? void 0 : logger('warn', 'null ice candidate');
             return;
         }
         yield sfuClient.iceTrickle({
@@ -5934,7 +5983,7 @@ const createSubscriber = ({ sfuClient, dispatcher, connectionConfig, onTrack, })
         if (message.eventPayload.oneofKind !== 'subscriberOffer')
             return;
         const { subscriberOffer } = message.eventPayload;
-        console.log(`Received subscriberOffer`, subscriberOffer);
+        logger === null || logger === void 0 ? void 0 : logger('info', 'Received subscriberOffer', subscriberOffer);
         yield subscriber.setRemoteDescription({
             type: 'offer',
             sdp: subscriberOffer.sdp,
@@ -5945,7 +5994,10 @@ const createSubscriber = ({ sfuClient, dispatcher, connectionConfig, onTrack, })
                 yield subscriber.addIceCandidate(iceCandidate);
             }
             catch (e) {
-                console.error(`Subscriber: ICE candidate error`, e, candidate);
+                logger === null || logger === void 0 ? void 0 : logger('error', `Subscriber: ICE candidate error`, {
+                    error: e,
+                    candidate,
+                });
             }
         }));
         // apply ice candidates
@@ -5968,31 +6020,33 @@ const createSubscriber = ({ sfuClient, dispatcher, connectionConfig, onTrack, })
     return subscriber;
 };
 const attachDebugEventListeners = (subscriber) => {
+    const logger = getLogger(['sfu-client']);
     subscriber.addEventListener('icecandidateerror', (e) => {
         const errorMessage = e instanceof RTCPeerConnectionIceErrorEvent &&
             `${e.errorCode}: ${e.errorText}`;
-        console.error(`Subscriber: ICE Candidate error`, errorMessage);
+        logger === null || logger === void 0 ? void 0 : logger('error', `Subscriber: ICE Candidate error: ${errorMessage}`);
     });
     subscriber.addEventListener('iceconnectionstatechange', () => {
-        console.log(`Subscriber: ICE Connection state changed`, subscriber.iceConnectionState);
+        logger === null || logger === void 0 ? void 0 : logger('info', `Subscriber: ICE Connection state changed: ${subscriber.iceConnectionState}`);
     });
     subscriber.addEventListener('icegatheringstatechange', () => {
-        console.log(`Subscriber: ICE Gathering State`, subscriber.iceGatheringState);
+        logger === null || logger === void 0 ? void 0 : logger('info', `Subscriber: ICE Gathering State: ${subscriber.iceGatheringState}`);
     });
 };
 
 const createWebSocketSignalChannel = (opts) => {
+    const logger = getLogger(['sfu-client']);
     const { endpoint, onMessage } = opts;
     const ws = new WebSocket(endpoint);
     ws.binaryType = 'arraybuffer'; // do we need this?
     ws.addEventListener('error', (e) => {
-        console.log('Signaling WS channel error', e);
+        logger === null || logger === void 0 ? void 0 : logger('error', 'Signaling WS channel error', e);
     });
     ws.addEventListener('close', (e) => {
-        console.log('Signaling WS channel is closed', e);
+        logger === null || logger === void 0 ? void 0 : logger('info', 'Signaling WS channel is closed', e);
     });
     ws.addEventListener('open', (e) => {
-        console.log('Signaling WS channel is open', e);
+        logger === null || logger === void 0 ? void 0 : logger('info', 'Signaling WS channel is open', e);
     });
     if (onMessage) {
         ws.addEventListener('message', (e) => {
@@ -6003,7 +6057,7 @@ const createWebSocketSignalChannel = (opts) => {
                 onMessage(message);
             }
             catch (err) {
-                console.error('Failed to decode a message. Check whether the Proto models match.', e.data, e, err);
+                logger === null || logger === void 0 ? void 0 : logger('error', 'Failed to decode a message. Check whether the Proto models match.', { event: e, error: err });
             }
         });
     }
@@ -6104,14 +6158,14 @@ function convertErrorToJson(err) {
  * isOnline safely return the navigator.online value for browser env
  * if navigator is not in global object, it always return true
  */
-function isOnline() {
+function isOnline(logger) {
     const nav = typeof navigator !== 'undefined'
         ? navigator
         : typeof window !== 'undefined' && window.navigator
             ? window.navigator
             : undefined;
     if (!nav) {
-        console.warn('isOnline failed to access window.navigator and assume browser is online');
+        logger('warn', 'isOnline failed to access window.navigator and assume browser is online');
         return true;
     }
     // RN navigator has undefined for onLine
@@ -6167,16 +6221,16 @@ class StreamSfuClient {
             return retryable(() => this.rpc.updateSubscriptions({
                 sessionId: this.sessionId,
                 tracks: subscriptions,
-            }));
+            }), this.logger);
         });
         this.setPublisher = (data) => __awaiter(this, void 0, void 0, function* () {
-            return retryable(() => this.rpc.setPublisher(Object.assign(Object.assign({}, data), { sessionId: this.sessionId })));
+            return retryable(() => this.rpc.setPublisher(Object.assign(Object.assign({}, data), { sessionId: this.sessionId })), this.logger);
         });
         this.sendAnswer = (data) => __awaiter(this, void 0, void 0, function* () {
-            return retryable(() => this.rpc.sendAnswer(Object.assign(Object.assign({}, data), { sessionId: this.sessionId })));
+            return retryable(() => this.rpc.sendAnswer(Object.assign(Object.assign({}, data), { sessionId: this.sessionId })), this.logger);
         });
         this.iceTrickle = (data) => __awaiter(this, void 0, void 0, function* () {
-            return retryable(() => this.rpc.iceTrickle(Object.assign(Object.assign({}, data), { sessionId: this.sessionId })));
+            return retryable(() => this.rpc.iceTrickle(Object.assign(Object.assign({}, data), { sessionId: this.sessionId })), this.logger);
         });
         this.updateMuteState = (trackType, muted) => __awaiter(this, void 0, void 0, function* () {
             return this.updateMuteStates({
@@ -6189,7 +6243,7 @@ class StreamSfuClient {
             });
         });
         this.updateMuteStates = (data) => __awaiter(this, void 0, void 0, function* () {
-            return retryable(() => this.rpc.updateMuteStates(Object.assign(Object.assign({}, data), { sessionId: this.sessionId })));
+            return retryable(() => this.rpc.updateMuteStates(Object.assign(Object.assign({}, data), { sessionId: this.sessionId })), this.logger);
         });
         this.join = (data) => __awaiter(this, void 0, void 0, function* () {
             const joinRequest = JoinRequest.create(Object.assign(Object.assign({}, data), { sessionId: this.sessionId, token: this.token }));
@@ -6210,7 +6264,7 @@ class StreamSfuClient {
                 clearInterval(this.keepAliveInterval);
             }
             this.keepAliveInterval = setInterval(() => {
-                console.log('Sending healthCheckRequest to SFU');
+                this.logger('info', 'Sending healthCheckRequest to SFU');
                 const message = SfuRequest.create({
                     requestPayload: {
                         oneofKind: 'healthCheckRequest',
@@ -6228,7 +6282,7 @@ class StreamSfuClient {
                 if (this.lastMessageTimestamp) {
                     const timeSinceLastMessage = new Date().getTime() - this.lastMessageTimestamp.getTime();
                     if (timeSinceLastMessage > this.unhealthyTimeoutInMs) {
-                        console.log('SFU connection unhealthy, closing');
+                        this.logger('error', 'SFU connection unhealthy, closing');
                         this.close(4001, `SFU connection unhealthy. Didn't receive any healthcheck messages for ${this.unhealthyTimeoutInMs}ms`);
                     }
                 }
@@ -6236,12 +6290,22 @@ class StreamSfuClient {
         };
         this.sessionId = sessionId || generateUUIDv4();
         this.token = token;
+        this.logger = getLogger(['sfu-client']);
+        const logger = this.logger;
+        const logInterceptor = {
+            interceptUnary(next, method, input, options) {
+                logger('info', `Calling SFU RPC method ${method.name}`);
+                logger('debug', `Method call payload`, { input, options });
+                return next(method, input, options);
+            },
+        };
         this.rpc = createSignalClient({
             baseUrl: url,
             interceptors: [
                 withHeaders({
                     Authorization: `Bearer ${token}`,
                 }),
+                logInterceptor,
             ],
         });
         // Special handling for the ICETrickle kind of events.
@@ -6283,7 +6347,7 @@ const MAX_RETRIES = 5;
  * @param <I> the type of the request object.
  * @param <O> the type of the response object.
  */
-const retryable = (rpc) => __awaiter(void 0, void 0, void 0, function* () {
+const retryable = (rpc, logger) => __awaiter(void 0, void 0, void 0, function* () {
     var _a;
     let retryAttempt = 0;
     let rpcCallResult;
@@ -6293,9 +6357,11 @@ const retryable = (rpc) => __awaiter(void 0, void 0, void 0, function* () {
             yield sleep(retryInterval(retryAttempt));
         }
         rpcCallResult = yield rpc();
+        logger('info', `SFU RPC response received for ${rpcCallResult.method.name}`);
+        logger('debug', `Response payload`, rpcCallResult);
         // if the RPC call failed, log the error and retry
         if (rpcCallResult.response.error) {
-            console.error('SFU Error:', rpcCallResult.response.error);
+            logger('error', 'SFU RPC Error:', rpcCallResult.response.error);
         }
         retryAttempt++;
     } while (((_a = rpcCallResult.response.error) === null || _a === void 0 ? void 0 : _a.shouldRetry) &&
@@ -6978,7 +7044,7 @@ class CallState {
         this.updateParticipant = (sessionId, patch) => {
             const participant = this.findParticipantBySessionId(sessionId);
             if (!participant) {
-                console.warn(`Participant with sessionId ${sessionId} not found`);
+                this.logger('warn', `Participant with sessionId ${sessionId} not found`);
                 return;
             }
             const thePatch = typeof patch === 'function' ? patch(participant) : patch;
@@ -7027,9 +7093,10 @@ class CallState {
                 return p;
             }));
         };
+        this.logger = getLogger(['call-state']);
         this.participants$ = this.participantsSubject.pipe(operators.map((ps) => ps.sort(this.sortParticipantsBy)));
         this.localParticipant$ = this.participants$.pipe(operators.map((participants) => participants.find(isStreamVideoLocalParticipant)));
-        this.remoteParticipants$ = this.participants$.pipe(operators.map((participants) => participants.filter((p) => !p.isLoggedInUser)));
+        this.remoteParticipants$ = this.participants$.pipe(operators.map((participants) => participants.filter((p) => !p.isLocalParticipant)));
         this.pinnedParticipants$ = this.participants$.pipe(operators.map((participants) => participants.filter((p) => p.pinnedAt)));
         this.dominantSpeaker$ = this.participants$.pipe(operators.map((participants) => participants.find((p) => p.isDominantSpeaker)));
         this.hasOngoingScreenShare$ = this.participants$.pipe(operators.map((participants) => {
@@ -7183,13 +7250,13 @@ const watchCallRejected = (call) => {
             const { call: eventCall } = event;
             const { session: callSession } = eventCall;
             if (!callSession) {
-                console.log('No call session provided. Ignoring call.rejected event.');
+                call.logger('warn', 'No call session provided. Ignoring call.rejected event.', event);
                 return;
             }
             const rejectedBy = callSession.rejected_by;
             const { members, callingState } = call.state;
             if (callingState !== exports.CallingState.RINGING) {
-                console.log('Call is not in ringing mode (it is either accepted or rejected already). Ignoring call.rejected event.');
+                call.logger('warn', 'Call is not in ringing mode (it is either accepted or rejected already). Ignoring call.rejected event.', event);
                 return;
             }
             if (call.isCreatedByMe) {
@@ -7197,13 +7264,13 @@ const watchCallRejected = (call) => {
                     .filter((m) => m.user_id !== call.currentUserId)
                     .every((m) => rejectedBy[m.user_id]);
                 if (everyoneElseRejected) {
-                    console.log('everyone rejected, leaving the call');
+                    call.logger('info', 'everyone rejected, leaving the call');
                     yield call.leave();
                 }
             }
             else {
                 if (rejectedBy[eventCall.created_by.id]) {
-                    console.log('call creator rejected, leaving call');
+                    call.logger('info', 'call creator rejected, leaving call');
                     yield call.leave();
                 }
             }
@@ -7611,7 +7678,7 @@ const watchCallSessionParticipantJoined = (state) => {
         const { user } = event;
         state.setMetadata((metadata) => {
             if (!metadata || !metadata.session) {
-                console.warn(`Received call.session_participant_joined event but the metadata structure is invalid.`);
+                state.logger('warn', `Received call.session_participant_joined event but the metadata structure is invalid.`, event);
                 return metadata;
             }
             const { session } = metadata;
@@ -7639,7 +7706,7 @@ const watchCallSessionParticipantLeft = (state) => {
         const { user } = event;
         state.setMetadata((metadata) => {
             if (!metadata || !metadata.session) {
-                console.warn(`Received call.session_participant_left event but the metadata structure is invalid.`);
+                state.logger('warn', `Received call.session_participant_left event but the metadata structure is invalid.`, event);
                 return metadata;
             }
             const { session } = metadata;
@@ -7784,16 +7851,18 @@ const getLocationHint = () => __awaiter(void 0, void 0, void 0, function* () {
     const hintURL = `https://hint.stream-io-video.com/`;
     const abortController = new AbortController();
     const timeoutId = setTimeout(() => abortController.abort(), 1000);
+    const logger = getLogger(['call']);
     try {
         const response = yield fetch(hintURL, {
             method: 'HEAD',
             signal: abortController.signal,
         });
         const awsPop = response.headers.get('x-amz-cf-pop') || 'ERR';
+        logger === null || logger === void 0 ? void 0 : logger('info', `Location header: ${awsPop}`);
         return awsPop.substring(0, 3); // AMS1-P2 -> AMS
     }
     catch (e) {
-        console.error(`Failed to get location hint from ${hintURL}`, e);
+        logger === null || logger === void 0 ? void 0 : logger('error', `Failed to get location hint from ${hintURL}`, e);
         return 'ERR';
     }
     finally {
@@ -7832,6 +7901,7 @@ const getCascadingModeParams = () => {
  * Creates a new StatsReporter instance that collects metrics about the ongoing call and reports them to the state store
  */
 const createStatsReporter = ({ subscriber, publisher, state, edgeName, pollingIntervalInMs = 2000, }) => {
+    const logger = getLogger(['stats']);
     const getRawStatsForTrack = (kind, selector) => __awaiter(void 0, void 0, void 0, function* () {
         if (kind === 'subscriber' && subscriber) {
             return subscriber.getStats(selector);
@@ -7840,7 +7910,7 @@ const createStatsReporter = ({ subscriber, publisher, state, edgeName, pollingIn
             return publisher.getStats(selector);
         }
         else {
-            console.warn(`Can't retrieve RTC stats for`, kind);
+            logger('warn', `Can't retrieve RTC stats for ${kind}`);
             return undefined;
         }
     });
@@ -7878,7 +7948,9 @@ const createStatsReporter = ({ subscriber, publisher, state, edgeName, pollingIn
             for (let participant of state.participants) {
                 if (!sessionIds.has(participant.sessionId))
                     continue;
-                const kind = participant.isLoggedInUser ? 'publisher' : 'subscriber';
+                const kind = participant.isLocalParticipant
+                    ? 'publisher'
+                    : 'subscriber';
                 try {
                     const mergedStream = new MediaStream([
                         ...(((_a = participant.videoStream) === null || _a === void 0 ? void 0 : _a.getVideoTracks()) || []),
@@ -7890,7 +7962,7 @@ const createStatsReporter = ({ subscriber, publisher, state, edgeName, pollingIn
                     });
                 }
                 catch (e) {
-                    console.error(`Failed to collect stats for ${kind}`, participant, e);
+                    logger('error', `Failed to collect stats for ${kind} if ${participant.userId}`, e);
                 }
             }
         }
@@ -7928,7 +8000,7 @@ const createStatsReporter = ({ subscriber, publisher, state, edgeName, pollingIn
     if (pollingIntervalInMs > 0) {
         const loop = () => __awaiter(void 0, void 0, void 0, function* () {
             yield run().catch((e) => {
-                console.log('Failed to collect stats', e);
+                logger('warn', 'Failed to collect stats', e);
             });
             timeoutId = setTimeout(loop, pollingIntervalInMs);
         });
@@ -8471,6 +8543,9 @@ class Call {
             if ([exports.CallingState.JOINED, exports.CallingState.JOINING].includes(this.state.callingState)) {
                 throw new Error(`Illegal State: Already joined.`);
             }
+            if (this.state.callingState === exports.CallingState.LEFT) {
+                throw new Error('Illegal State: Cannot join already left call. Create a new Call instance to join a call.');
+            }
             const previousCallingState = this.state.callingState;
             this.state.setCallingState(exports.CallingState.JOINING);
             if ((data === null || data === void 0 ? void 0 : data.ring) && !this.ringing) {
@@ -8526,7 +8601,7 @@ class Call {
              */
             const rejoin = () => __awaiter(this, void 0, void 0, function* () {
                 var _g, _h, _j;
-                console.log(`Rejoining call ${this.cid} (${this.reconnectAttempts})...`);
+                this.logger('debug', `Rejoining call ${this.cid} (${this.reconnectAttempts})...`);
                 this.reconnectAttempts++;
                 this.state.setCallingState(exports.CallingState.RECONNECTING);
                 // take a snapshot of the current "local participant" state
@@ -8538,7 +8613,7 @@ class Call {
                 sfuClient.close(); // clean up previous connection
                 yield sleep(retryInterval(this.reconnectAttempts));
                 yield this.join(data);
-                console.log(`Rejoin: ${this.reconnectAttempts} successful!`);
+                this.logger('info', `Rejoin: ${this.reconnectAttempts} successful!`);
                 if (localParticipant && !isReactNative()) {
                     const { audioStream, videoStream, screenShareStream: screenShare, } = localParticipant;
                     // restore previous publishing state
@@ -8549,7 +8624,7 @@ class Call {
                     if (screenShare)
                         yield this.publishScreenShareStream(screenShare);
                 }
-                console.log(`Rejoin: state restored ${this.reconnectAttempts}`);
+                this.logger('info', `Rejoin: state restored ${this.reconnectAttempts}`);
             });
             this.rejoinPromise = rejoin;
             // reconnect if the connection was closed unexpectedly. example:
@@ -8569,12 +8644,12 @@ class Call {
                         return;
                     if (this.reconnectAttempts < this.maxReconnectAttempts) {
                         rejoin().catch(() => {
-                            console.log(`Rejoin failed for ${this.reconnectAttempts} times. Giving up.`);
+                            this.logger('error', `Rejoin failed for ${this.reconnectAttempts} times. Giving up.`);
                             this.state.setCallingState(exports.CallingState.RECONNECTING_FAILED);
                         });
                     }
                     else {
-                        console.log('Reconnect attempts exceeded. Giving up...');
+                        this.logger('error', 'Reconnect attempts exceeded. Giving up...');
                         this.state.setCallingState(exports.CallingState.RECONNECTING_FAILED);
                     }
                 });
@@ -8584,15 +8659,15 @@ class Call {
             if (typeof window !== 'undefined' && window.addEventListener) {
                 const handleOnOffline = () => {
                     window.removeEventListener('offline', handleOnOffline);
-                    console.log('Join: Going offline...');
+                    this.logger('warn', 'Join: Going offline...');
                     this.state.setCallingState(exports.CallingState.OFFLINE);
                 };
                 const handleOnOnline = () => {
                     window.removeEventListener('online', handleOnOnline);
                     if (this.state.callingState === exports.CallingState.OFFLINE) {
-                        console.log('Join: Going online...');
+                        this.logger('info', 'Join: Going online...');
                         rejoin().catch(() => {
-                            console.log(`Rejoin failed for ${this.reconnectAttempts} times. Giving up.`);
+                            this.logger('error', `Rejoin failed for ${this.reconnectAttempts} times. Giving up.`);
                             this.state.setCallingState(exports.CallingState.RECONNECTING_FAILED);
                         });
                     }
@@ -8649,15 +8724,20 @@ class Call {
                 clientDetails.sdk = getSdkInfo();
                 // 1. wait for the signal server to be ready before sending "joinRequest"
                 sfuClient.signalReady
-                    .catch((err) => console.warn('Signal ready failed', err))
+                    .catch((err) => this.logger('error', 'Signal ready failed', err))
                     // prepare a generic SDP and send it to the SFU.
                     // this is a throw-away SDP that the SFU will use to determine
                     // the capabilities of the client (codec support, etc.)
                     .then(() => getGenericSdp('recvonly', isRedEnabled, this.streamClient.options.preferredVideoCodec))
-                    .then((sdp) => sfuClient.join({
-                    subscriberSdp: sdp || '',
-                    clientDetails,
-                }));
+                    .then((sdp) => {
+                    const joinRequest = {
+                        subscriberSdp: sdp || '',
+                        clientDetails,
+                    };
+                    this.logger('info', 'Sending join request to SFU');
+                    this.logger('debug', 'Join request payload', joinRequest);
+                    sfuClient.join(joinRequest);
+                });
                 // 2. in parallel, wait for the SFU to send us the "joinResponse"
                 // this will throw an error if the SFU rejects the join request or
                 // fails to respond in time
@@ -8667,22 +8747,22 @@ class Call {
                 const startedAt = (callState === null || callState === void 0 ? void 0 : callState.startedAt)
                     ? Timestamp.toDate(callState.startedAt)
                     : new Date();
-                this.state.setParticipants(currentParticipants.map((participant) => (Object.assign(Object.assign({}, participant), { isLoggedInUser: participant.sessionId === sfuClient.sessionId, viewportVisibilityState: exports.VisibilityState.UNKNOWN }))));
+                this.state.setParticipants(currentParticipants.map((participant) => (Object.assign(Object.assign({}, participant), { isLocalParticipant: participant.sessionId === sfuClient.sessionId, viewportVisibilityState: exports.VisibilityState.UNKNOWN }))));
                 this.state.setParticipantCount((participantCount === null || participantCount === void 0 ? void 0 : participantCount.total) || 0);
                 this.state.setAnonymousParticipantCount((participantCount === null || participantCount === void 0 ? void 0 : participantCount.anonymous) || 0);
                 this.state.setStartedAt(startedAt);
                 this.reconnectAttempts = 0; // reset the reconnect attempts counter
                 this.state.setCallingState(exports.CallingState.JOINED);
-                console.log(`Joined call ${this.cid}`);
+                this.logger('info', `Joined call ${this.cid}`);
             }
             catch (err) {
                 // join failed, try to rejoin
                 if (this.reconnectAttempts < this.maxReconnectAttempts) {
                     yield rejoin();
-                    console.log(`Rejoin ${this.reconnectAttempts} successful!`);
+                    this.logger('info', `Rejoin ${this.reconnectAttempts} successful!`);
                 }
                 else {
-                    console.log(`Rejoin failed for ${this.reconnectAttempts} times. Giving up.`);
+                    this.logger('error', `Rejoin failed for ${this.reconnectAttempts} times. Giving up.`);
                     this.state.setCallingState(exports.CallingState.RECONNECTING_FAILED);
                     throw new Error('Join failed');
                 }
@@ -8707,7 +8787,8 @@ class Call {
             }
             const [videoTrack] = videoStream.getVideoTracks();
             if (!videoTrack) {
-                return console.error(`There is no video track in the stream.`);
+                this.logger('error', `There is no video track to publish in the stream.`);
+                return;
             }
             yield this.publisher.publishStream(videoStream, videoTrack, TrackType.VIDEO, opts);
         });
@@ -8730,7 +8811,8 @@ class Call {
             }
             const [audioTrack] = audioStream.getAudioTracks();
             if (!audioTrack) {
-                return console.error(`There is no audio track in the stream`);
+                this.logger('error', `There is no audio track in the stream to publish`);
+                return;
             }
             yield this.publisher.publishStream(audioStream, audioTrack, TrackType.AUDIO);
         });
@@ -8752,7 +8834,8 @@ class Call {
             }
             const [screenShareTrack] = screenShareStream.getVideoTracks();
             if (!screenShareTrack) {
-                return console.error(`There is no video track in the stream`);
+                this.logger('error', `There is no video track in the screen share stream to publish`);
+                return;
             }
             yield this.publisher.publishStream(screenShareStream, screenShareTrack, TrackType.SCREEN_SHARE);
         });
@@ -8767,7 +8850,7 @@ class Call {
          */
         this.stopPublish = (trackType) => __awaiter(this, void 0, void 0, function* () {
             var _k;
-            console.log(`stopPublish`, TrackType[trackType]);
+            this.logger('info', `stopPublish ${TrackType[trackType]}`);
             yield ((_k = this.publisher) === null || _k === void 0 ? void 0 : _k.unpublishStream(trackType));
         });
         /**
@@ -8801,7 +8884,7 @@ class Call {
             const subscriptions = [];
             participants.forEach((p) => {
                 // we don't want to subscribe to our own tracks
-                if (p.isLoggedInUser)
+                if (p.isLocalParticipant)
                     return;
                 // NOTE: audio tracks don't have to be requested explicitly
                 // as the SFU will implicitly subscribe us to all of them,
@@ -8916,20 +8999,21 @@ class Call {
             const [primaryStream] = e.streams;
             // example: `e3f6aaf8-b03d-4911-be36-83f47d37a76a:TRACK_TYPE_VIDEO`
             const [trackId, trackType] = primaryStream.id.split(':');
-            console.log(`Got remote ${trackType} track:`, e.track);
+            this.logger('info', `Got remote ${trackType} track:`);
+            this.logger('debug', `Track: `, e.track);
             const participantToUpdate = this.state.participants.find((p) => p.trackLookupPrefix === trackId);
             if (!participantToUpdate) {
-                console.error('Received track for unknown participant', trackId, e);
+                this.logger('error', `'Received track for unknown participant: ${trackId}'`, e);
                 return;
             }
             e.track.addEventListener('mute', () => {
-                console.log(`Track muted:`, participantToUpdate.userId, `${trackType}:${trackId}`, e.track);
+                this.logger('info', `Track muted: ${participantToUpdate.userId} ${trackType}:${trackId}`);
             });
             e.track.addEventListener('unmute', () => {
-                console.log(`Track unmuted:`, participantToUpdate.userId, `${trackType}:${trackId}`, e.track);
+                this.logger('info', `Track unmuted: ${participantToUpdate.userId} ${trackType}:${trackId}`);
             });
             e.track.addEventListener('ended', () => {
-                console.log(`Track ended:`, participantToUpdate.userId, `${trackType}:${trackId}`, e.track);
+                this.logger('info', `Track ended: ${participantToUpdate.userId} ${trackType}:${trackId}`);
             });
             const streamKindProp = {
                 TRACK_TYPE_AUDIO: 'audioStream',
@@ -8937,12 +9021,12 @@ class Call {
                 TRACK_TYPE_SCREEN_SHARE: 'screenShareStream',
             }[trackType];
             if (!streamKindProp) {
-                console.error('Unknown track type', trackType);
+                this.logger('error', `Unknown track type: ${trackType}`);
                 return;
             }
             const previousStream = participantToUpdate[streamKindProp];
             if (previousStream) {
-                console.log(`Cleaning up previous remote tracks`, e.track.kind);
+                this.logger('info', `Cleaning up previous remote tracks: ${e.track.kind}`);
                 previousStream.getTracks().forEach((t) => {
                     t.stop();
                     previousStream.removeTrack(t);
@@ -9242,6 +9326,7 @@ class Call {
         this.streamClient = streamClient;
         this.clientStore = clientStore;
         this.streamClientBasePath = `/call/${this.type}/${this.id}`;
+        this.logger = getLogger(['call']);
         const callTypeConfig = CallTypes.get(type);
         const participantSorter = sortParticipantsBy || callTypeConfig.options.sortParticipantsBy;
         if (participantSorter) {
@@ -9279,7 +9364,7 @@ class Call {
                 const hasPermission = this.permissionsContext.hasPermission(permission);
                 if (!hasPermission && this.publisher.isPublishing(trackType)) {
                     this.stopPublish(trackType).catch((err) => {
-                        console.error('Error stopping publish', trackType, err);
+                        this.logger('error', `Error stopping publish ${trackType}`, err);
                     });
                 }
             }
@@ -9498,12 +9583,12 @@ class StableWSConnection {
                 return;
             const user = this.client.user;
             if (!user) {
-                console.error(`User not set, can't connect to WS`);
+                this.client.logger('error', `User not set, can't connect to WS`);
                 return;
             }
             const token = this.client._getToken();
             if (!token) {
-                console.error(`Token not set, can't connect authenticate`);
+                this.client.logger('error', `Token not set, can't connect authenticate`);
                 return;
             }
             const authMessage = {
@@ -9736,7 +9821,7 @@ class StableWSConnection {
         addConnectionEventListeners(this.onlineStatusChanged);
     }
     _log(msg, extra = {}, level = 'info') {
-        this.client.logger(level, 'connection:' + msg, Object.assign({ tags: ['connection'] }, extra));
+        this.client.logger(level, 'connection:' + msg, Object.assign({}, extra));
     }
     /**
      * connect - Connect to the WS URL
@@ -10456,7 +10541,7 @@ class WSConnectionFallback {
         addConnectionEventListeners(this._onlineStatusChanged);
     }
     _log(msg, extra = {}, level = 'info') {
-        this.client.logger(level, 'WSConnectionFallback:' + msg, Object.assign({ tags: ['connection_fallback', 'connection'] }, extra));
+        this.client.logger(level, 'WSConnectionFallback:' + msg, Object.assign({}, extra));
     }
     _setState(state) {
         this._log(`_setState() - ${state}`);
@@ -10516,7 +10601,7 @@ class StreamClient {
              * If the user id remains the same we don't throw error
              */
             if (this.userID === user.id && this.setUserPromise) {
-                console.warn('Consecutive calls to connectUser is detected, ideally you should only call this function once in your app.');
+                this.logger('warn', 'Consecutive calls to connectUser is detected, ideally you should only call this function once in your app.');
                 return this.setUserPromise;
             }
             if (this.userID) {
@@ -10524,7 +10609,7 @@ class StreamClient {
             }
             if ((this._isUsingServerAuth() || this.node) &&
                 !this.options.allowServerSideConnect) {
-                console.warn('Please do not use connectUser server side. connectUser impacts MAU and concurrent connection usage and thus your bill. If you have a valid use-case, add "allowServerSideConnect: true" to the client options to disable this warning.');
+                this.logger('warn', 'Please do not use connectUser server side. connectUser impacts MAU and concurrent connection usage and thus your bill. If you have a valid use-case, add "allowServerSideConnect: true" to the client options to disable this warning.');
             }
             // we generate the client id client side
             this.userID = user.id;
@@ -10587,16 +10672,12 @@ class StreamClient {
                 throw Error('UserWithId is not set on client, use client.connectUser or client.connectAnonymousUser instead');
             }
             if (((_d = this.wsConnection) === null || _d === void 0 ? void 0 : _d.isConnecting) && this.wsPromise) {
-                this.logger('info', 'client:openConnection() - connection already in progress', {
-                    tags: ['connection', 'client'],
-                });
+                this.logger('info', 'client:openConnection() - connection already in progress');
                 return this.wsPromise;
             }
             if ((((_e = this.wsConnection) === null || _e === void 0 ? void 0 : _e.isHealthy) || ((_f = this.wsFallback) === null || _f === void 0 ? void 0 : _f.isHealthy())) &&
                 this._hasConnectionID()) {
-                this.logger('info', 'client:openConnection() - openConnection called twice, healthy connection already exists', {
-                    tags: ['connection', 'client'],
-                });
+                this.logger('info', 'client:openConnection() - openConnection called twice, healthy connection already exists');
                 return Promise.resolve();
             }
             this.clientID = `${this.userID}--${randomId()}`;
@@ -10619,9 +10700,7 @@ class StreamClient {
          *                https://developer.mozilla.org/en-US/docs/Web/API/CloseEvent
          */
         this.disconnectUser = (timeout) => __awaiter(this, void 0, void 0, function* () {
-            this.logger('info', 'client:disconnect() - Disconnecting the client', {
-                tags: ['connection', 'client'],
-            });
+            this.logger('info', 'client:disconnect() - Disconnecting the client');
             // remove the user specific fields
             delete this.user;
             delete this._user;
@@ -10711,7 +10790,8 @@ class StreamClient {
         this.dispatchEvent = (event) => {
             if (!event.received_at)
                 event.received_at = new Date();
-            console.log(`Dispatching event: ${event.type}`, event);
+            this.logger('info', `Dispatching event: ${event.type}`);
+            this.logger('debug', 'Event payload:', event);
             this._callClientListeners(event);
         };
         this.handleEvent = (messageEvent) => {
@@ -10844,9 +10924,7 @@ class StreamClient {
         if (!(key in this.listeners)) {
             this.listeners[key] = [];
         }
-        this.logger('info', `Attaching listener for ${key} event`, {
-            tags: ['event', 'client'],
-        });
+        this.logger('info', `Attaching listener for ${key} event`);
         this.listeners[key].push(callback);
         return () => {
             this.off(key, callback);
@@ -10864,29 +10942,26 @@ class StreamClient {
         if (!(key in this.listeners)) {
             this.listeners[key] = [];
         }
-        this.logger('info', `Removing listener for ${key} event`, {
-            tags: ['event', 'client'],
-        });
+        this.logger('info', `Removing listener for ${key} event`);
         this.listeners[key] = this.listeners[key].filter((value) => value !== callback);
     }
     _logApiRequest(type, url, data, config) {
-        this.logger('info', `client: ${type} - Request - ${url}`, {
-            tags: ['api', 'api_request', 'client'],
-            url,
+        this.logger('info', `client: ${type} - Request - ${url}`);
+        this.logger('debug', `client: ${type} - Request payload`, {
             payload: data,
             config,
         });
     }
     _logApiResponse(type, url, response) {
         this.logger('info', `client:${type} - Response - url: ${url} > status ${response.status}`, {
-            tags: ['api', 'api_response', 'client'],
-            url,
+            response,
+        });
+        this.logger('debug', `client:${type} - Response payload`, {
             response,
         });
     }
     _logApiError(type, url, error) {
         this.logger('error', `client:${type} - Error - url: ${url}`, {
-            tags: ['api', 'api_response', 'client'],
             url,
             error,
         });
@@ -10961,7 +11036,7 @@ class StreamClient {
                 if (this.wsFallback) {
                     return yield this.wsFallback.connect();
                 }
-                console.log('StreamClient.connect: this.wsConnection.connect()');
+                this.logger('info', 'StreamClient.connect: this.wsConnection.connect()');
                 // if WSFallback is enabled, ws connect should timeout faster so fallback can try
                 return yield this.wsConnection.connect(this.options.enableWSFallback
                     ? this.defaultWSTimeoutWithFallback
@@ -10970,9 +11045,11 @@ class StreamClient {
             catch (err) {
                 // run fallback only if it's WS/Network error and not a normal API error
                 // make sure browser is online before even trying the longpoll
-                // @ts-ignore
-                if (this.options.enableWSFallback && isWSFailure(err) && isOnline()) {
-                    this.logger('info', 'client:connect() - WS failed, fallback to longpoll', { tags: ['connection', 'client'] });
+                if (this.options.enableWSFallback &&
+                    // @ts-ignore
+                    isWSFailure(err) &&
+                    isOnline(this.logger)) {
+                    this.logger('warn', 'client:connect() - WS failed, fallback to longpoll');
                     this.dispatchEvent({ type: 'transport.changed', mode: 'longpoll' });
                     this.wsConnection._destroyCurrentWSConnection();
                     this.wsConnection.disconnect().then(); // close WS so no retry
@@ -11007,7 +11084,7 @@ class StreamClient {
     }
     getUserAgent() {
         return (this.userAgent ||
-            `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${"0.0.12"}`);
+            `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${"0.0.14"}`);
     }
     setUserAgent(userAgent) {
         this.userAgent = userAgent;
@@ -11076,7 +11153,10 @@ class StreamClient {
  */
 class StreamVideoClient {
     constructor(apiKeyOrArgs, opts) {
+        var _a, _b;
+        this.logLevel = 'warn';
         this.eventHandlersToUnregister = [];
+        this.logLevels = ['debug', 'info', 'warn', 'error'];
         /**
          * Disconnects the currently connected user from the client.
          *
@@ -11235,11 +11315,30 @@ class StreamVideoClient {
             this.connectionPromise.finally(() => (this.connectionPromise = undefined));
             return this.connectionPromise;
         });
+        this.filterLogs = (logMethod) => {
+            return (logLevel, messeage, extraData, tags) => {
+                if (this.logLevels.indexOf(logLevel) >=
+                    this.logLevels.indexOf(this.logLevel)) {
+                    logMethod(logLevel, messeage, extraData, tags);
+                }
+            };
+        };
+        let defaultLogger = logToConsole;
         if (typeof apiKeyOrArgs === 'string') {
-            this.streamClient = new StreamClient(apiKeyOrArgs, Object.assign({ persistUserOnConnectionFailure: true }, opts));
+            this.logLevel = (opts === null || opts === void 0 ? void 0 : opts.logLevel) || this.logLevel;
+            this.logger = (opts === null || opts === void 0 ? void 0 : opts.logger) || defaultLogger;
         }
         else {
-            this.streamClient = new StreamClient(apiKeyOrArgs.apiKey, Object.assign({ persistUserOnConnectionFailure: true }, apiKeyOrArgs.options));
+            this.logLevel = ((_a = apiKeyOrArgs.options) === null || _a === void 0 ? void 0 : _a.logLevel) || this.logLevel;
+            this.logger = ((_b = apiKeyOrArgs.options) === null || _b === void 0 ? void 0 : _b.logger) || defaultLogger;
+        }
+        setLogger(this.filterLogs(defaultLogger));
+        const clientLogger = getLogger(['client']);
+        if (typeof apiKeyOrArgs === 'string') {
+            this.streamClient = new StreamClient(apiKeyOrArgs, Object.assign(Object.assign({ persistUserOnConnectionFailure: true }, opts), { logLevel: this.logLevel, logger: clientLogger }));
+        }
+        else {
+            this.streamClient = new StreamClient(apiKeyOrArgs.apiKey, Object.assign(Object.assign({ persistUserOnConnectionFailure: true }, apiKeyOrArgs.options), { logLevel: this.logLevel, logger: clientLogger }));
             this.user = apiKeyOrArgs.user;
             this.token = apiKeyOrArgs.token || apiKeyOrArgs.tokenProvider;
             if (this.user) {
@@ -11301,7 +11400,7 @@ class StreamVideoClient {
                             },
                             sort: [{ field: 'cid', direction: 1 }],
                         }).catch((err) => {
-                            console.warn('Failed to re-watch calls', err);
+                            this.logger('error', 'Failed to re-watch calls', err);
                         });
                     }
                 }
@@ -11311,7 +11410,7 @@ class StreamVideoClient {
                     return;
                 const { call, members } = event;
                 if (userToConnect.id === call.created_by.id) {
-                    console.warn('Received `call.created` sent by the current user');
+                    this.logger('warn', 'Received `call.created` sent by the current user');
                     return;
                 }
                 this.writeableStateStore.registerCall(new Call({
@@ -11328,7 +11427,7 @@ class StreamVideoClient {
                     return;
                 const { call, members } = event;
                 if (userToConnect.id === call.created_by.id) {
-                    console.warn('Received `call.ring` sent by the current user');
+                    this.logger('warn', 'Received `call.ring` sent by the current user');
                     return;
                 }
                 // The call might already be tracked by the client,
@@ -11395,7 +11494,10 @@ const getDevices = (constraints) => {
             });
         })
             .catch((error) => {
-            console.error('Failed to get devices', error);
+            const logger = getLogger(['devices']);
+            if (logger) {
+                logger('error', 'Failed to get devices', error);
+            }
             subscriber.error(error);
         });
     });
@@ -11466,11 +11568,15 @@ const getAudioOutputDevices = () => {
     return audioDevices$.pipe(rxjs.map((values) => values.filter((d) => d.kind === 'audiooutput')));
 };
 const getStream = (constraints) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a;
     try {
         return yield navigator.mediaDevices.getUserMedia(constraints);
     }
     catch (e) {
-        console.error(`Failed get user media`, constraints, e);
+        (_a = getLogger(['devices'])) === null || _a === void 0 ? void 0 : _a('error', `Failed get user media`, {
+            error: e,
+            constraints: constraints,
+        });
         throw e;
     }
 });
@@ -11513,11 +11619,12 @@ const getVideoStream = (trackConstraints) => __awaiter(void 0, void 0, void 0, f
  * @param options any additional options to pass to the [`getDisplayMedia`](https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia) API.
  */
 const getScreenShareStream = (options) => __awaiter(void 0, void 0, void 0, function* () {
+    var _b;
     try {
         return yield navigator.mediaDevices.getDisplayMedia(Object.assign({ video: true, audio: false }, options));
     }
     catch (e) {
-        console.error('Failed to get screen share stream', e);
+        (_b = getLogger(['devices'])) === null || _b === void 0 ? void 0 : _b('error', 'Failed to get screen share stream', e);
         throw e;
     }
 });
@@ -11740,12 +11847,14 @@ exports.dominantSpeaker = dominantSpeaker;
 exports.getAudioDevices = getAudioDevices;
 exports.getAudioOutputDevices = getAudioOutputDevices;
 exports.getAudioStream = getAudioStream;
+exports.getLogger = getLogger;
 exports.getScreenShareStream = getScreenShareStream;
 exports.getSdkInfo = getSdkInfo;
 exports.getVideoDevices = getVideoDevices;
 exports.getVideoStream = getVideoStream;
 exports.isStreamVideoLocalParticipant = isStreamVideoLocalParticipant;
 exports.livestreamOrAudioRoomSortPreset = livestreamOrAudioRoomSortPreset;
+exports.logToConsole = logToConsole;
 exports.name = name;
 exports.noopComparator = noopComparator;
 exports.pinned = pinned;
@@ -11754,6 +11863,7 @@ exports.publishingVideo = publishingVideo;
 exports.reactionType = reactionType;
 exports.role = role;
 exports.screenSharing = screenSharing;
+exports.setLogger = setLogger;
 exports.setSdkInfo = setSdkInfo;
 exports.speakerLayoutSortPreset = speakerLayoutSortPreset;
 exports.speaking = speaking;