@stream-io/video-client 1.18.4 → 1.18.5

package/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.18.5](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.18.4...@stream-io/video-client-1.18.5) (2025-03-12)
+
+
+* Upgrade to Next 15.2 ([#1717](https://github.com/GetStream/stream-video-js/issues/1717)) ([9b1aec3](https://github.com/GetStream/stream-video-js/commit/9b1aec3447dee611c0d900db44add6b6c89e2b8d))
+
+
+### Bug Fixes
+
+* add pending browser permission state ([#1718](https://github.com/GetStream/stream-video-js/issues/1718)) ([7f24be6](https://github.com/GetStream/stream-video-js/commit/7f24be63d33105d0688be7b5b625bc9b6aa0d3a9))
+
 ## [1.18.4](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.18.3...@stream-io/video-client-1.18.4) (2025-03-10)
 
 

package/dist/index.browser.es.js

@@ -3645,7 +3645,10 @@ function hasPending(tag) {
     return pendingPromises.has(tag);
 }
 async function settled(tag) {
-    await pendingPromises.get(tag)?.promise;
+    let pending;
+    while ((pending = pendingPromises.get(tag))) {
+        await pending.promise;
+    }
 }
 /**
  * Implements common functionality of running async functions serially, by chaining
@@ -7454,7 +7457,7 @@ const aggregate = (stats) => {
     return report;
 };
 
-const version = "1.18.4";
+const version = "1.18.5";
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -8388,6 +8391,7 @@ class BrowserPermission {
             }
             try {
                 this.wasPrompted = true;
+                this.setState('prompting');
                 const stream = await navigator.mediaDevices.getUserMedia(this.permission.constraints);
                 disposeOfMediaStream(stream);
                 this.setState('granted');
@@ -8411,6 +8415,7 @@ class BrowserPermission {
                     error: e,
                     permission: this.permission,
                 });
+                this.setState('prompt');
                 throw e;
             }
         });
@@ -8422,13 +8427,19 @@ class BrowserPermission {
         return () => this.listeners.delete(cb);
     }
     asObservable() {
-        return fromEventPattern((handler) => this.listen(handler), (handler, unlisten) => unlisten()).pipe(
+        return this.getStateObservable().pipe(
         // In some browsers, the 'change' event doesn't reliably emit and hence,
         // permissionState stays in 'prompt' state forever.
         // Typically, this happens when a user grants one-time permission.
         // Instead of checking if a permission is granted, we check if it isn't denied
         map((state) => state !== 'denied'));
     }
+    getIsPromptingObservable() {
+        return this.getStateObservable().pipe(map((state) => state === 'prompting'));
+    }
+    getStateObservable() {
+        return fromEventPattern((handler) => this.listen(handler), (handler, unlisten) => unlisten());
+    }
     setState(state) {
         if (this.state !== state) {
             this.state = state;
@@ -9184,6 +9195,9 @@ class InputMediaDeviceManagerState {
         this.hasBrowserPermission$ = permission
             ? permission.asObservable().pipe(shareReplay(1))
             : of(true);
+        this.isPromptingPermission$ = permission
+            ? permission.getIsPromptingObservable().pipe(shareReplay(1))
+            : of(false);
     }
     /**
      * The device status
@@ -13082,7 +13096,7 @@ class StreamClient {
         this.getUserAgent = () => {
             if (!this.cachedUserAgent) {
                 const { clientAppIdentifier = {} } = this.options;
-                const { sdkName = 'js', sdkVersion = "1.18.4", ...extras } = clientAppIdentifier;
+                const { sdkName = 'js', sdkVersion = "1.18.5", ...extras } = clientAppIdentifier;
                 this.cachedUserAgent = [
                     `stream-video-${sdkName}-v${sdkVersion}`,
                     ...Object.entries(extras).map(([key, value]) => `${key}=${value}`),