@stream-io/video-client 0.4.6 → 0.4.7

package/dist/index.es.js

@@ -10258,11 +10258,10 @@ class InputMediaDeviceManager {
         this.state.setDefaultConstraints(constraints);
     }
     /**
-     * Select device
+     * Selects a device.
      *
      * Note: this method is not supported in React Native
-     *
-     * @param deviceId
+     * @param deviceId the device id to select.
      */
     async select(deviceId) {
         if (isReactNative()) {
@@ -10429,8 +10428,16 @@ class InputMediaDeviceManager {
 }
 
 class InputMediaDeviceManagerState {
-    constructor(disableMode = 'stop-tracks') {
+    /**
+     * Constructs new InputMediaDeviceManagerState instance.
+     *
+     * @param disableMode the disable mode to use.
+     * @param permissionName the permission name to use for querying.
+     * `undefined` means no permission is required.
+     */
+    constructor(disableMode = 'stop-tracks', permissionName = undefined) {
         this.disableMode = disableMode;
+        this.permissionName = permissionName;
         this.statusSubject = new BehaviorSubject(undefined);
         this.mediaStreamSubject = new BehaviorSubject(undefined);
         this.selectedDeviceSubject = new BehaviorSubject(undefined);
@@ -10454,6 +10461,33 @@ class InputMediaDeviceManagerState {
          * The default constraints for the device.
          */
         this.defaultConstraints$ = this.defaultConstraintsSubject.asObservable();
+        /**
+         * An observable that will emit `true` if browser/system permission
+         * is granted, `false` otherwise.
+         */
+        this.hasBrowserPermission$ = new Observable((subscriber) => {
+            const notifyGranted = () => subscriber.next(true);
+            if (isReactNative() || !this.permissionName)
+                return notifyGranted();
+            let permissionState;
+            const notify = () => subscriber.next(permissionState.state === 'granted');
+            navigator.permissions
+                .query({ name: this.permissionName })
+                .then((permissionStatus) => {
+                permissionState = permissionStatus;
+                permissionState.addEventListener('change', notify);
+                notify();
+            })
+                .catch(() => {
+                // permission doesn't exist or can't be queried -> assume it's granted
+                // an example would be Firefox,
+                // where neither camera microphone permission can be queried
+                notifyGranted();
+            });
+            return () => {
+                permissionState?.removeEventListener('change', notify);
+            };
+        }).pipe(shareReplay(1));
         /**
          * Gets the current value of an observable, or undefined if the observable has
          * not emitted a value yet.
@@ -10535,7 +10569,10 @@ class InputMediaDeviceManagerState {
 
 class CameraManagerState extends InputMediaDeviceManagerState {
     constructor() {
-        super('stop-tracks');
+        super('stop-tracks', 
+        // `camera` is not in the W3C standard yet,
+        // but it's supported by Chrome and Safari.
+        'camera');
         this.directionSubject = new BehaviorSubject(undefined);
         this.direction$ = this.directionSubject
             .asObservable()
@@ -10665,7 +10702,10 @@ class CameraManager extends InputMediaDeviceManager {
 
 class MicrophoneManagerState extends InputMediaDeviceManagerState {
     constructor() {
-        super('disable-tracks');
+        super('disable-tracks', 
+        // `microphone` is not in the W3C standard yet,
+        // but it's supported by Chrome and Safari.
+        'microphone');
         this.speakingWhileMutedSubject = new BehaviorSubject(false);
         this.speakingWhileMuted$ = this.speakingWhileMutedSubject
             .asObservable()
@@ -13974,7 +14014,7 @@ class StreamClient {
             });
         };
         this.getUserAgent = () => {
-            const version = "0.4.6" ;
+            const version = "0.4.7" ;
             return (this.userAgent ||
                 `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${version}`);
         };