@stream-io/video-client 1.25.3 → 1.25.4

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.25.4](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.25.3...@stream-io/video-client-1.25.4) (2025-07-07)
+
+### Bug Fixes
+
+- sync call state after a failed reconnect ([#1846](https://github.com/GetStream/stream-video-js/issues/1846)) ([905e5c2](https://github.com/GetStream/stream-video-js/commit/905e5c2011d3267e83b3f2a861a4175de4111cfa))
+
 ## [1.25.3](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.25.2...@stream-io/video-client-1.25.3) (2025-07-03)
 
 - bump the default test timeout ([bea27db](https://github.com/GetStream/stream-video-js/commit/bea27db1922a6f2a0899375d1a4cade1eb1291b5))

package/dist/index.browser.es.js

@@ -5810,7 +5810,7 @@ const aggregate = (stats) => {
     return report;
 };
 
-const version = "1.25.3";
+const version = "1.25.4";
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -12054,6 +12054,16 @@ class Call {
                 const reconnectStartTime = Date.now();
                 this.reconnectStrategy = strategy;
                 this.reconnectReason = reason;
+                const markAsReconnectingFailed = async () => {
+                    try {
+                        // attempt to fetch the call data from the server, as the call
+                        // state might have changed while we were reconnecting or were offline
+                        await this.get();
+                    }
+                    finally {
+                        this.state.setCallingState(CallingState.RECONNECTING_FAILED);
+                    }
+                };
                 let attempt = 0;
                 do {
                     const reconnectingTime = Date.now() - reconnectStartTime;
@@ -12061,7 +12071,7 @@ class Call {
                         reconnectingTime / 1000 > this.disconnectionTimeoutSeconds;
                     if (shouldGiveUpReconnecting) {
                         this.logger('warn', '[Reconnect] Stopping reconnection attempts after reaching disconnection timeout');
-                        this.state.setCallingState(CallingState.RECONNECTING_FAILED);
+                        await markAsReconnectingFailed();
                         return;
                     }
                     // we don't increment reconnect attempts for the FAST strategy.
@@ -12102,7 +12112,7 @@ class Call {
                         }
                         if (error instanceof ErrorFromResponse && error.unrecoverable) {
                             this.logger('warn', `[Reconnect] Can't reconnect due to coordinator unrecoverable error`, error);
-                            this.state.setCallingState(CallingState.RECONNECTING_FAILED);
+                            await markAsReconnectingFailed();
                             return;
                         }
                         await sleep(500);
@@ -12139,6 +12149,7 @@ class Call {
             this.reconnectStrategy = WebsocketReconnectStrategy.FAST;
             this.state.setCallingState(CallingState.RECONNECTING);
             await this.doJoin(this.joinCallData);
+            await this.get(); // fetch the latest call state, as it might have changed
             this.sfuStatsReporter?.sendReconnectionTime(WebsocketReconnectStrategy.FAST, (Date.now() - reconnectStartTime) / 1000);
         };
         /**
@@ -14273,7 +14284,7 @@ class StreamClient {
         this.getUserAgent = () => {
             if (!this.cachedUserAgent) {
                 const { clientAppIdentifier = {} } = this.options;
-                const { sdkName = 'js', sdkVersion = "1.25.3", ...extras } = clientAppIdentifier;
+                const { sdkName = 'js', sdkVersion = "1.25.4", ...extras } = clientAppIdentifier;
                 this.cachedUserAgent = [
                     `stream-video-${sdkName}-v${sdkVersion}`,
                     ...Object.entries(extras).map(([key, value]) => `${key}=${value}`),