@stream-io/video-client 1.23.3 → 1.23.5

package/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.23.5](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.23.4...@stream-io/video-client-1.23.5) (2025-06-04)
+
+### Bug Fixes
+
+- **react-native:** skip browser permission for react native ([#1818](https://github.com/GetStream/stream-video-js/issues/1818)) ([b18f418](https://github.com/GetStream/stream-video-js/commit/b18f418698e12b9804efb43e712ba813b0dbb056))
+
+## [1.23.4](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.23.3...@stream-io/video-client-1.23.4) (2025-06-03)
+
+### Bug Fixes
+
+- attach original token provider error as cause to loadToken rejection ([#1812](https://github.com/GetStream/stream-video-js/issues/1812)) ([15f817c](https://github.com/GetStream/stream-video-js/commit/15f817c2548a8edba8ca1004e133277d67cbeb4f))
+- improved video quality on low capture resolution ([#1814](https://github.com/GetStream/stream-video-js/issues/1814)) ([ebcfdf7](https://github.com/GetStream/stream-video-js/commit/ebcfdf7f7e8146fcaf18a8bee81086f5a23f5df3))
+
 ## [1.23.3](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.23.2...@stream-io/video-client-1.23.3) (2025-06-02)
 
 - remove TODO ([9cfea4b](https://github.com/GetStream/stream-video-js/commit/9cfea4b54284cdd680a6d666436dedc5fd8956c3))

package/dist/index.browser.es.js

@@ -5685,7 +5685,7 @@ const aggregate = (stats) => {
     return report;
 };
 
-const version = "1.23.3";
+const version = "1.23.5";
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -6758,17 +6758,19 @@ const withSimulcastConstraints = (settings, optimalVideoLayers, useSingleLayer)
     let layers;
     const size = Math.max(settings.width || 0, settings.height || 0);
     if (size <= 320) {
-        // provide only one layer 320x240 (q), the one with the highest quality
+        // provide only one layer 320x240 (f), the one with the highest quality
         layers = optimalVideoLayers.filter((layer) => layer.rid === 'f');
     }
     else if (size <= 640) {
-        // provide two layers, 160x120 (q) and 640x480 (h)
-        layers = optimalVideoLayers.filter((layer) => layer.rid !== 'h');
+        // provide two layers, 320x240 (h) and 640x480 (f)
+        layers = optimalVideoLayers.filter((layer) => layer.rid !== 'q');
     }
     else {
         // provide three layers for sizes > 640x480
         layers = optimalVideoLayers;
     }
+    // we might have removed some layers, so we need to reassign the rid
+    // to match the expected order of [q, h, f] for simulcast
     const ridMapping = ['q', 'h', 'f'];
     return layers.map((layer, index, arr) => ({
         ...layer,
@@ -7569,6 +7571,8 @@ class StreamSfuClient {
             const eventsToTrace = {
                 callEnded: true,
                 changePublishQuality: true,
+                changePublishOptions: true,
+                connectionQualityChanged: true,
                 error: true,
                 goAway: true,
             };
@@ -9021,7 +9025,12 @@ class BrowserPermission {
         const signal = this.disposeController.signal;
         this.ready = (async () => {
             const assumeGranted = () => {
-                this.setState('prompt');
+                if (isReactNative()) {
+                    this.setState('granted');
+                }
+                else {
+                    this.setState('prompt');
+                }
             };
             if (!canQueryPermissions()) {
                 return assumeGranted();
@@ -9244,6 +9253,16 @@ const getStream = async (constraints, tracer) => {
             // every successful getUserMedia call.
             navigator.mediaDevices.dispatchEvent(new Event('devicechange'));
         }
+        if (constraints.video) {
+            const [videoTrack] = stream.getVideoTracks();
+            if (videoTrack) {
+                const { width, height } = videoTrack.getSettings();
+                const target = constraints.video;
+                if (width !== target.width || height !== target.height) {
+                    tracer?.trace(`${tag}Warn`, `Requested resolution ${target.width}x${target.height} but got ${width}x${height}`);
+                }
+            }
+        }
         return stream;
     }
     catch (error) {
@@ -10113,7 +10132,14 @@ class CameraManager extends InputMediaDeviceManager {
         // Wait for any in progress camera operation
         await this.statusChangeSettled();
         const { target_resolution, camera_facing, camera_default_on } = settings;
-        await this.selectTargetResolution(target_resolution);
+        // normalize target resolution to landscape format.
+        // on mobile devices, the device itself adjusts the resolution to portrait or landscape
+        // depending on the orientation of the device. using portrait resolution
+        // will result in falling back to the default resolution (640x480).
+        let { width, height } = target_resolution;
+        if (width < height)
+            [width, height] = [height, width];
+        await this.selectTargetResolution({ width, height });
         // Set camera direction if it's not yet set
         if (!this.state.direction && !this.state.selectedDevice) {
             this.state.setDirection(camera_facing === 'front' ? 'front' : 'back');
@@ -13454,7 +13480,9 @@ class TokenManager {
                         this.token = token;
                     }
                     catch (e) {
-                        return reject(new Error(`Call to tokenProvider failed with message: ${e}`));
+                        return reject(new Error(`Call to tokenProvider failed with message: ${e}`, {
+                            cause: e,
+                        }));
                     }
                     resolve(this.token);
                 }
@@ -13871,7 +13899,7 @@ class StreamClient {
         this.getUserAgent = () => {
             if (!this.cachedUserAgent) {
                 const { clientAppIdentifier = {} } = this.options;
-                const { sdkName = 'js', sdkVersion = "1.23.3", ...extras } = clientAppIdentifier;
+                const { sdkName = 'js', sdkVersion = "1.23.5", ...extras } = clientAppIdentifier;
                 this.cachedUserAgent = [
                     `stream-video-${sdkName}-v${sdkVersion}`,
                     ...Object.entries(extras).map(([key, value]) => `${key}=${value}`),