@stream-io/video-client 1.44.3 → 1.44.4

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.44.4](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.44.3...@stream-io/video-client-1.44.4) (2026-03-20)
+
+- trace device permission state transitions ([#2168](https://github.com/GetStream/stream-video-js/issues/2168)) ([e4203a3](https://github.com/GetStream/stream-video-js/commit/e4203a34cad1c90d1bc5612fc379dd1f0f0ebe5d))
+
+### Bug Fixes
+
+- **react:** remove default broken microphone notification from call controls ([#2158](https://github.com/GetStream/stream-video-js/issues/2158)) ([4a95b9c](https://github.com/GetStream/stream-video-js/commit/4a95b9c29e9d2728ae7eea764f07ec8507aa0f5a))
+
 ## [1.44.3](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.44.2...@stream-io/video-client-1.44.3) (2026-03-06)
 
 ### Bug Fixes

package/dist/index.browser.es.js

@@ -6283,7 +6283,7 @@ const getSdkVersion = (sdk) => {
     return sdk ? `${sdk.major}.${sdk.minor}.${sdk.patch}` : '0.0.0-development';
 };
 
-const version = "1.44.3";
+const version = "1.44.4";
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -10298,6 +10298,9 @@ class BrowserPermission {
     }
     setState(state) {
         if (this.state !== state) {
+            const { tracer, queryName } = this.permission;
+            const traceKey = `navigator.mediaDevices.${queryName}.permission`;
+            tracer?.trace(traceKey, { previous: this.state, state });
             this.state = state;
             this.listeners.forEach((listener) => listener(state));
         }
@@ -10368,17 +10371,19 @@ const videoDeviceConstraints = {
  * Keeps track of the browser permission to use microphone. This permission also
  * affects an ability to enumerate audio devices.
  */
-const getAudioBrowserPermission = lazy(() => new BrowserPermission({
+const getAudioBrowserPermission = lazy((tracer) => new BrowserPermission({
     constraints: audioDeviceConstraints,
     queryName: 'microphone',
+    tracer,
 }));
 /**
  * Keeps track of the browser permission to use camera. This permission also
  * affects an ability to enumerate video devices.
  */
-const getVideoBrowserPermission = lazy(() => new BrowserPermission({
+const getVideoBrowserPermission = lazy((tracer) => new BrowserPermission({
     constraints: videoDeviceConstraints,
     queryName: 'camera',
+    tracer,
 }));
 const getDeviceChangeObserver = lazy((tracer) => {
     // 'addEventListener' is not available in React Native, returning
@@ -10394,7 +10399,7 @@ const getDeviceChangeObserver = lazy((tracer) => {
  * the observable errors.
  */
 const getAudioDevices = lazy((tracer) => {
-    return merge(getDeviceChangeObserver(tracer), getAudioBrowserPermission().asObservable()).pipe(startWith([]), concatMap(() => getDevices(getAudioBrowserPermission(), 'audioinput', tracer)), shareReplay(1));
+    return merge(getDeviceChangeObserver(tracer), getAudioBrowserPermission(tracer).asObservable()).pipe(startWith([]), concatMap(() => getDevices(getAudioBrowserPermission(tracer), 'audioinput', tracer)), shareReplay(1));
 });
 /**
  * Prompts the user for a permission to use video devices (if not already granted
@@ -10403,7 +10408,7 @@ const getAudioDevices = lazy((tracer) => {
  * the observable errors.
  */
 const getVideoDevices = lazy((tracer) => {
-    return merge(getDeviceChangeObserver(tracer), getVideoBrowserPermission().asObservable()).pipe(startWith([]), concatMap(() => getDevices(getVideoBrowserPermission(), 'videoinput', tracer)), shareReplay(1));
+    return merge(getDeviceChangeObserver(tracer), getVideoBrowserPermission(tracer).asObservable()).pipe(startWith([]), concatMap(() => getDevices(getVideoBrowserPermission(tracer), 'videoinput', tracer)), shareReplay(1));
 });
 /**
  * Prompts the user for a permission to use video devices (if not already granted
@@ -10412,7 +10417,7 @@ const getVideoDevices = lazy((tracer) => {
  * the observable errors.
  */
 const getAudioOutputDevices = lazy((tracer) => {
-    return merge(getDeviceChangeObserver(tracer), getAudioBrowserPermission().asObservable()).pipe(startWith([]), concatMap(() => getDevices(getAudioBrowserPermission(), 'audiooutput', tracer)), shareReplay(1));
+    return merge(getDeviceChangeObserver(tracer), getAudioBrowserPermission(tracer).asObservable()).pipe(startWith([]), concatMap(() => getDevices(getAudioBrowserPermission(tracer), 'audiooutput', tracer)), shareReplay(1));
 });
 let getUserMediaExecId = 0;
 const getStream = async (constraints, tracer) => {
@@ -10478,25 +10483,21 @@ const getAudioStream = async (trackConstraints, tracer) => {
         },
     };
     try {
-        await getAudioBrowserPermission().prompt({
+        await getAudioBrowserPermission(tracer).prompt({
             throwOnNotAllowed: true,
             forcePrompt: true,
         });
         return await getStream(constraints, tracer);
     }
     catch (error) {
+        const logger = videoLoggerSystem.getLogger('devices');
         if (isNotFoundOrOverconstrainedError(error) && trackConstraints?.deviceId) {
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
             const { deviceId, ...relaxedConstraints } = trackConstraints;
-            videoLoggerSystem
-                .getLogger('devices')
-                .warn('Failed to get audio stream, will try again with relaxed constraints', { error, constraints, relaxedConstraints });
+            logger.warn('Failed to get audio stream, will try again with relaxed constraints', { error, constraints, relaxedConstraints });
             return getAudioStream(relaxedConstraints, tracer);
         }
-        videoLoggerSystem.getLogger('devices').error('Failed to get audio stream', {
-            error,
-            constraints,
-        });
+        logger.error('Failed to get audio stream', { error, constraints });
         throw error;
     }
 };
@@ -10516,25 +10517,21 @@ const getVideoStream = async (trackConstraints, tracer) => {
         },
     };
     try {
-        await getVideoBrowserPermission().prompt({
+        await getVideoBrowserPermission(tracer).prompt({
             throwOnNotAllowed: true,
             forcePrompt: true,
         });
         return await getStream(constraints, tracer);
     }
     catch (error) {
+        const logger = videoLoggerSystem.getLogger('devices');
         if (isNotFoundOrOverconstrainedError(error) && trackConstraints?.deviceId) {
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
             const { deviceId, ...relaxedConstraints } = trackConstraints;
-            videoLoggerSystem
-                .getLogger('devices')
-                .warn('Failed to get video stream, will try again with relaxed constraints', { error, constraints, relaxedConstraints });
-            return getVideoStream(relaxedConstraints);
+            logger.warn('Failed to get video stream, will try again with relaxed constraints', { error, constraints, relaxedConstraints });
+            return getVideoStream(relaxedConstraints, tracer);
         }
-        videoLoggerSystem.getLogger('devices').error('Failed to get video stream', {
-            error,
-            constraints,
-        });
+        logger.error('Failed to get video stream', { error, constraints });
         throw error;
     }
 };
@@ -11305,8 +11302,8 @@ class DeviceManagerState {
 }
 
 class CameraManagerState extends DeviceManagerState {
-    constructor() {
-        super('stop-tracks', getVideoBrowserPermission());
+    constructor(tracer) {
+        super('stop-tracks', getVideoBrowserPermission(tracer));
         this.directionSubject = new BehaviorSubject(undefined);
         /**
          * Observable that emits the preferred camera direction
@@ -11360,7 +11357,7 @@ class CameraManager extends DeviceManager {
      * @param devicePersistence the device persistence preferences to use.
      */
     constructor(call, devicePersistence) {
-        super(call, new CameraManagerState(), TrackType.VIDEO, devicePersistence);
+        super(call, new CameraManagerState(call.tracer), TrackType.VIDEO, devicePersistence);
         this.targetResolution = {
             width: 1280,
             height: 720,
@@ -11571,8 +11568,8 @@ class AudioDeviceManagerState extends DeviceManagerState {
 }
 
 class MicrophoneManagerState extends AudioDeviceManagerState {
-    constructor(disableMode) {
-        super(disableMode, getAudioBrowserPermission(), AudioBitrateProfile.VOICE_STANDARD_UNSPECIFIED);
+    constructor(disableMode, tracer) {
+        super(disableMode, getAudioBrowserPermission(tracer), AudioBitrateProfile.VOICE_STANDARD_UNSPECIFIED);
         this.speakingWhileMutedSubject = new BehaviorSubject(false);
         /**
          * An Observable that emits `true` if the user's microphone is muted, but they're speaking.
@@ -11912,7 +11909,7 @@ class RNSpeechDetector {
 
 class MicrophoneManager extends AudioDeviceManager {
     constructor(call, devicePersistence, disableMode = 'stop-tracks') {
-        super(call, new MicrophoneManagerState(disableMode), TrackType.AUDIO, devicePersistence);
+        super(call, new MicrophoneManagerState(disableMode, call.tracer), TrackType.AUDIO, devicePersistence);
         this.speakingWhileMutedNotificationEnabled = true;
         this.soundDetectorConcurrencyTag = Symbol('soundDetectorConcurrencyTag');
         this.silenceThresholdMs = 5000;
@@ -12014,7 +12011,6 @@ class MicrophoneManager extends AudioDeviceManager {
                             deviceId,
                             label,
                         };
-                        console.log(event);
                         this.call.tracer.trace('mic.capture_report', event);
                         this.call.streamClient.dispatchEvent(event);
                     },
@@ -15890,7 +15886,7 @@ class StreamClient {
         this.getUserAgent = () => {
             if (!this.cachedUserAgent) {
                 const { clientAppIdentifier = {} } = this.options;
-                const { sdkName = 'js', sdkVersion = "1.44.3", ...extras } = clientAppIdentifier;
+                const { sdkName = 'js', sdkVersion = "1.44.4", ...extras } = clientAppIdentifier;
                 this.cachedUserAgent = [
                     `stream-video-${sdkName}-v${sdkVersion}`,
                     ...Object.entries(extras).map(([key, value]) => `${key}=${value}`),