@stream-io/video-client 0.4.7 → 0.4.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-client",
-  "version": "0.4.7",
+  "version": "0.4.9",
   "packageManager": "yarn@3.2.4",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",

package/src/Call.ts

@@ -345,7 +345,7 @@ export class Call {
                     .catch((err) =>
                       this.logger(
                         'error',
-                        `Error disabling camera after pemission revoked`,
+                        `Error disabling camera after permission revoked`,
                         err,
                       ),
                     );
@@ -359,7 +359,7 @@ export class Call {
                     .catch((err) =>
                       this.logger(
                         'error',
-                        `Error disabling microphone after pemission revoked`,
+                        `Error disabling microphone after permission revoked`,
                         err,
                       ),
                     );

package/src/__tests__/server-side/call-types.test.ts

@@ -11,7 +11,7 @@ import {
 const apiKey = process.env.STREAM_API_KEY!;
 const secret = process.env.STREAM_SECRET!;
 
-describe('call types CRUD API', () => {
+describe.skip('call types CRUD API', () => {
   let client: StreamVideoServerClient;
   const callTypeName = `calltype${generateUUIDv4()}`;
 

package/src/devices/InputMediaDeviceManagerState.ts

@@ -6,6 +6,7 @@ import {
 } from 'rxjs';
 import { isReactNative } from '../helpers/platforms';
 import { RxUtils } from '../store';
+import { getLogger } from '../logger';
 
 export type InputDeviceStatus = 'enabled' | 'disabled' | undefined;
 
@@ -55,7 +56,14 @@ export abstract class InputMediaDeviceManagerState<C = MediaTrackConstraints> {
    */
   hasBrowserPermission$ = new Observable<boolean>((subscriber) => {
     const notifyGranted = () => subscriber.next(true);
-    if (isReactNative() || !this.permissionName) return notifyGranted();
+    const permissionsAPIAvailable = !!navigator?.permissions?.query;
+    if (isReactNative() || !this.permissionName || !permissionsAPIAvailable) {
+      getLogger(['devices'])(
+        'warn',
+        `Permissions can't be queried. Assuming granted.`,
+      );
+      return notifyGranted();
+    }
 
     let permissionState: PermissionStatus;
     const notify = () => subscriber.next(permissionState.state === 'granted');

package/src/devices/__tests__/InputMediaDeviceManagerState.test.ts

@@ -84,5 +84,16 @@ describe('InputMediaDeviceManagerState', () => {
       expect(hasPermission).toBe(true);
       expect(query).toHaveBeenCalledWith({ name: 'camera' });
     });
+
+    it('should emit true when permissions API is unavailable', async () => {
+      globalThis.navigator ??= {} as Navigator;
+      // @ts-ignore - navigator is readonly, but we need to mock it
+      globalThis.navigator.permissions = null;
+
+      const hasPermission = await new Promise((resolve) => {
+        state.hasBrowserPermission$.subscribe((v) => resolve(v));
+      });
+      expect(hasPermission).toBe(true);
+    });
   });
 });