@stream-io/video-react-sdk 1.14.3 → 1.14.4

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.14.4](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.14.3...@stream-io/video-react-sdk-1.14.4) (2025-04-24)
+
+### Dependency Updates
+
+- `@stream-io/video-client` updated to version `1.20.0`
+- `@stream-io/video-react-bindings` updated to version `1.5.16`
+
+### Bug Fixes
+
+- apply call default camera/mic on settings ([#1766](https://github.com/GetStream/stream-video-js/issues/1766)) ([d2a2783](https://github.com/GetStream/stream-video-js/commit/d2a27838c4e6b4e4ec71821d0070f729aee9c644))
+
 ## [1.14.3](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.14.2...@stream-io/video-react-sdk-1.14.3) (2025-04-15)
 
 ### Dependency Updates

package/dist/index.cjs.js

@@ -80,12 +80,13 @@ const defaultDevice = 'default';
  * @param key the key to use for local storage.
  */
 const usePersistedDevicePreferences = (key = '@stream-io/device-preferences') => {
-    const { useCameraState, useMicrophoneState, useSpeakerState } = videoReactBindings.useCallStateHooks();
-    usePersistedDevicePreference(key, 'camera', useCameraState());
-    usePersistedDevicePreference(key, 'microphone', useMicrophoneState());
-    usePersistedDevicePreference(key, 'speaker', useSpeakerState());
+    const { useCallSettings, useCameraState, useMicrophoneState, useSpeakerState, } = videoReactBindings.useCallStateHooks();
+    const settings = useCallSettings();
+    usePersistedDevicePreference(key, 'camera', useCameraState(), settings ? !settings.video.camera_default_on : undefined);
+    usePersistedDevicePreference(key, 'microphone', useMicrophoneState(), settings ? !settings.audio.mic_default_on : undefined);
+    usePersistedDevicePreference(key, 'speaker', useSpeakerState(), false);
 };
-const usePersistedDevicePreference = (key, deviceKey, state) => {
+const usePersistedDevicePreference = (key, deviceKey, state, defaultMuted) => {
     const { useCallCallingState } = videoReactBindings.useCallStateHooks();
     const callingState = useCallCallingState();
     const [applyingState, setApplyingState] = react.useState('idle');
@@ -93,14 +94,18 @@ const usePersistedDevicePreference = (key, deviceKey, state) => {
     react.useEffect(function apply() {
         if (callingState === videoClient.CallingState.LEFT ||
             !state.devices?.length ||
+            typeof defaultMuted !== 'boolean' ||
             applyingState !== 'idle') {
             return;
         }
         const preferences = parseLocalDevicePreferences(key);
         const preference = preferences[deviceKey];
         setApplyingState('applying');
-        if (preference && !manager.state.selectedDevice) {
-            applyLocalDevicePreference(manager, [preference].flat(), state.devices)
+        if (!manager.state.selectedDevice) {
+            const applyPromise = preference
+                ? applyLocalDevicePreference(manager, [preference].flat(), state.devices)
+                : applyMutedState(manager, defaultMuted);
+            applyPromise
                 .catch((err) => {
                 console.warn(`Failed to apply ${deviceKey} device preferences`, err);
             })
@@ -109,7 +114,15 @@ const usePersistedDevicePreference = (key, deviceKey, state) => {
         else {
             setApplyingState('applied');
         }
-    }, [applyingState, callingState, deviceKey, key, manager, state.devices]);
+    }, [
+        applyingState,
+        callingState,
+        defaultMuted,
+        deviceKey,
+        key,
+        manager,
+        state.devices,
+    ]);
     react.useEffect(function persist() {
         if (callingState === videoClient.CallingState.LEFT ||
             !state.devices?.length ||
@@ -189,9 +202,12 @@ const applyLocalDevicePreference = async (manager, preference, devices) => {
         }
     }
     if (typeof muted === 'boolean') {
-        await manager[muted ? 'disable' : 'enable']?.();
+        await applyMutedState(manager, muted);
     }
 };
+const applyMutedState = async (manager, muted) => {
+    await manager[muted ? 'disable' : 'enable']?.();
+};
 const getSelectedDevicePreference = (devices, selectedDevice) => ({
     selectedDeviceId: selectedDevice || defaultDevice,
     selectedDeviceLabel: devices?.find((d) => d.deviceId === selectedDevice)?.label ?? '',
@@ -2710,7 +2726,7 @@ const LivestreamPlayer = (props) => {
     return (jsxRuntime.jsx(StreamCall, { call: call, children: jsxRuntime.jsx(LivestreamLayout, { ...layoutProps }) }));
 };
 
-const [major, minor, patch] = ("1.14.3").split('.');
+const [major, minor, patch] = ("1.14.4").split('.');
 videoClient.setSdkInfo({
     type: videoClient.SfuModels.SdkType.REACT,
     major,