@stream-io/video-client 1.7.2 → 1.7.3

package/dist/index.es.js

@@ -2876,6 +2876,13 @@ function convertErrorToJson(err) {
     }
     return jsonObj;
 }
+/**
+ * Informs if a promise is yet to be resolved or rejected
+ */
+async function isPromisePending(promise) {
+    const emptyObj = {};
+    return Promise.race([promise, emptyObj]).then((value) => (value === emptyObj ? true : false), () => false);
+}
 /**
  * isOnline safely return the navigator.online value for browser env
  * if navigator is not in global object, it always return true
@@ -3014,7 +3021,7 @@ const retryable = async (rpc, signal) => {
     return result;
 };
 
-const version = "1.7.2";
+const version = "1.7.3";
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -11364,6 +11371,15 @@ class StableWSConnection {
                 this._log(`_connect() - tokenProvider failed before, so going to retry`);
                 await this.client.tokenManager.loadToken();
             }
+            let mustSetupConnectionIdPromise = true;
+            if (this.client.connectionIdPromise) {
+                if (await isPromisePending(this.client.connectionIdPromise)) {
+                    mustSetupConnectionIdPromise = false;
+                }
+            }
+            if (mustSetupConnectionIdPromise) {
+                this.client._setupConnectionIdPromise();
+            }
             this._setupConnectionPromise();
             const wsURL = this._buildUrl();
             this._log(`_connect() - Connecting to ${wsURL}`, {
@@ -11389,6 +11405,7 @@ class StableWSConnection {
             }
         }
         catch (err) {
+            await this.client._setupConnectionIdPromise();
             this.isConnecting = false;
             // @ts-ignore
             this._log(`_connect() - Error - `, err);
@@ -12046,10 +12063,7 @@ class StreamClient {
                 this.logger('info', 'client:openConnection() - openConnection called twice, healthy connection already exists');
                 return Promise.resolve();
             }
-            this.connectionIdPromise = new Promise((resolve, reject) => {
-                this.resolveConnectionId = resolve;
-                this.rejectConnectionId = reject;
-            });
+            this._setupConnectionIdPromise();
             this.clientID = `${this.userID}--${randomId()}`;
             this.wsPromise = this.connect();
             return this.wsPromise;
@@ -12089,10 +12103,7 @@ class StreamClient {
          */
         this.connectAnonymousUser = async (user, tokenOrProvider) => {
             addConnectionEventListeners(this.updateNetworkConnectionStatus);
-            this.connectionIdPromise = new Promise((resolve, reject) => {
-                this.resolveConnectionId = resolve;
-                this.rejectConnectionId = reject;
-            });
+            this._setupConnectionIdPromise();
             this.anonymous = true;
             await this._setToken(user, tokenOrProvider, this.anonymous);
             this._setUser(user);
@@ -12131,6 +12142,16 @@ class StreamClient {
             this.logger('debug', `Removing listener for ${eventName} event`);
             this.listeners[eventName] = this.listeners[eventName]?.filter((value) => value !== callback);
         };
+        /**
+         * sets up the this.connectionIdPromise
+         */
+        this._setupConnectionIdPromise = async () => {
+            /** a promise that is resolved once connection id is set */
+            this.connectionIdPromise = new Promise((resolve, reject) => {
+                this.resolveConnectionId = resolve;
+                this.rejectConnectionId = reject;
+            });
+        };
         this._logApiRequest = (type, url, data, config) => {
             this.logger('trace', `client: ${type} - Request - ${url}`, {
                 payload: data,
@@ -12153,8 +12174,18 @@ class StreamClient {
                 await Promise.all([
                     this.tokenManager.tokenReady(),
                     this.guestUserCreatePromise,
-                    this.connectionIdPromise,
                 ]);
+                // we need to wait for presence of connection id before making requests
+                try {
+                    await this.connectionIdPromise;
+                }
+                catch (e) {
+                    // in case connection id was rejected
+                    // reconnection maybe in progress
+                    // we can wait for healthy connection to resolve, which rejects when 15s timeout is reached
+                    await this.wsConnection?._waitForHealthy();
+                    await this.connectionIdPromise;
+                }
             }
             const requestConfig = this._enrichAxiosOptions(options);
             try {
@@ -12337,7 +12368,7 @@ class StreamClient {
             });
         };
         this.getUserAgent = () => {
-            const version = "1.7.2";
+            const version = "1.7.3";
             return (this.userAgent ||
                 `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${version}`);
         };