@stream-io/video-react-sdk 1.13.0 → 1.13.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-sdk",
-  "version": "1.13.0",
+  "version": "1.13.2",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
@@ -30,9 +30,9 @@
   ],
   "dependencies": {
     "@floating-ui/react": "^0.26.24",
-    "@stream-io/video-client": "1.18.8",
+    "@stream-io/video-client": "1.18.9",
     "@stream-io/video-filters-web": "0.1.7",
-    "@stream-io/video-react-bindings": "1.5.10",
+    "@stream-io/video-react-bindings": "1.5.11",
     "chart.js": "^4.4.4",
     "clsx": "^2.0.0",
     "react-chartjs-2": "^5.3.0"

package/src/hooks/usePersistedDevicePreferences.ts

@@ -26,7 +26,9 @@ type DeviceState<K extends DeviceKey> = {
 
 interface DeviceManagerLike {
   state: { selectedDevice: string | undefined };
-  select(deviceId: string): Promise<void> | void;
+  select: (deviceId: string) => Promise<void> | void;
+  enable?: () => Promise<void>;
+  disable?: () => Promise<void>;
 }
 
 const defaultDevice = 'default';
@@ -74,9 +76,12 @@ const usePersistedDevicePreference = <K extends DeviceKey>(
       setApplyingState('applying');
 
       if (preference && !manager.state.selectedDevice) {
-        selectDevice(manager, [preference].flat(), state.devices)
+        applyLocalDevicePreference(manager, [preference].flat(), state.devices)
           .catch((err) => {
-            console.warn(`Failed to save ${deviceKey} device preferences`, err);
+            console.warn(
+              `Failed to apply ${deviceKey} device preferences`,
+              err,
+            );
           })
           .finally(() => setApplyingState('applied'));
       } else {
@@ -175,14 +180,18 @@ const patchLocalDevicePreference = (
   );
 };
 
-const selectDevice = async (
+const applyLocalDevicePreference = async (
   manager: DeviceManagerLike,
   preference: LocalDevicePreference[],
   devices: MediaDeviceInfo[],
 ): Promise<void> => {
+  let muted: boolean | undefined;
+
   for (const p of preference) {
+    muted ??= p.muted;
+
     if (p.selectedDeviceId === defaultDevice) {
-      return;
+      break;
     }
 
     const device =
@@ -191,9 +200,14 @@ const selectDevice = async (
 
     if (device) {
       await manager.select(device.deviceId);
-      return;
+      muted = p.muted;
+      break;
     }
   }
+
+  if (typeof muted === 'boolean') {
+    await manager[muted ? 'disable' : 'enable']?.();
+  }
 };
 
 const getSelectedDevicePreference = (