@stream-io/video-react-sdk 1.31.0 → 1.31.2

package/CHANGELOG.md

@@ -2,6 +2,24 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.31.2](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.31.1...@stream-io/video-react-sdk-1.31.2) (2026-01-15)
+
+### Dependency Updates
+
+- `@stream-io/video-client` updated to version `1.40.2`
+- `@stream-io/video-react-bindings` updated to version `1.12.9`
+
+## [1.31.1](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.31.0...@stream-io/video-react-sdk-1.31.1) (2026-01-14)
+
+### Dependency Updates
+
+- `@stream-io/video-client` updated to version `1.40.1`
+- `@stream-io/video-react-bindings` updated to version `1.12.8`
+
+### Bug Fixes
+
+- ensure proper set up of server-side preferences for mic and camera ([#2080](https://github.com/GetStream/stream-video-js/issues/2080)) ([3529c8f](https://github.com/GetStream/stream-video-js/commit/3529c8fc0233d3f9f8f21c80cffc4ec27334954f))
+
 ## [1.31.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.30.1...@stream-io/video-react-sdk-1.31.0) (2026-01-09)
 
 ### Dependency Updates

package/dist/index.cjs.js

@@ -85,6 +85,28 @@ const usePersistedDevicePreferences = (key = '@stream-io/device-preferences') =>
     const cameraState = useCameraState();
     const speakerState = useSpeakerState();
     const [applyingState, setApplyingState] = react.useState('idle');
+    const call = videoReactBindings.useCall();
+    // Set deferServerDefaults flag synchronously during render.
+    // Please ensure the flag is set BEFORE any call.get() or call.getOrCreate()
+    // is called, preventing server defaults from overriding user preferences.
+    const deferredCallRef = react.useRef(null);
+    if (call && deferredCallRef.current !== call) {
+        call.camera.deferServerDefaults = true;
+        call.microphone.deferServerDefaults = true;
+        deferredCallRef.current = call;
+    }
+    // Cleanup: reset the flag when the component unmounts or call changes.
+    // This allows server defaults to apply if the hook is no longer used.
+    react.useEffect(() => {
+        return () => {
+            const currentCall = deferredCallRef.current;
+            if (currentCall) {
+                currentCall.camera.deferServerDefaults = false;
+                currentCall.microphone.deferServerDefaults = false;
+                deferredCallRef.current = null;
+            }
+        };
+    }, [call]);
     // when the camera is disabled on call type level, we should discard
     // any stored camera preferences.
     const cameraDevices = settings?.video?.enabled ? cameraState.devices : false;
@@ -178,91 +200,6 @@ const usePersistedDevicePreferences = (key = '@stream-io/device-preferences') =>
         speakerState.selectedDevice,
     ]);
 };
-// const usePersistedDevicePreference = <K extends DeviceKey>(
-//   key: string,
-//   deviceKey: K,
-//   state: DeviceState<K>,
-//   defaultMuted?: boolean,
-// ): void => {
-//   const { useCallCallingState } = useCallStateHooks();
-//   const callingState = useCallCallingState();
-//   const [applyingState, setApplyingState] = useState<
-//     'idle' | 'applying' | 'applied'
-//   >('idle');
-//   const manager = state[deviceKey];
-//   useEffect(
-//     function apply() {
-//       if (
-//         callingState === CallingState.LEFT ||
-//         !state.devices?.length ||
-//         typeof defaultMuted !== 'boolean' ||
-//         applyingState !== 'idle'
-//       ) {
-//         return;
-//       }
-//       const preferences = parseLocalDevicePreferences(key);
-//       const preference = preferences[deviceKey];
-//       setApplyingState('applying');
-//       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,
-//             );
-//           })
-//           .finally(() => setApplyingState('applied'));
-//       } else {
-//         setApplyingState('applied');
-//       }
-//     },
-//     [
-//       applyingState,
-//       callingState,
-//       defaultMuted,
-//       deviceKey,
-//       key,
-//       manager,
-//       state.devices,
-//     ],
-//   );
-//   useEffect(
-//     function persist() {
-//       if (
-//         callingState === CallingState.LEFT ||
-//         !state.devices?.length ||
-//         applyingState !== 'applied'
-//       ) {
-//         return;
-//       }
-//       try {
-//         patchLocalDevicePreference(key, deviceKey, {
-//           devices: state.devices,
-//           selectedDevice: state.selectedDevice,
-//           isMute: state.isMute,
-//         });
-//       } catch (err) {
-//         console.warn(`Failed to save ${deviceKey} device preferences`, err);
-//       }
-//     },
-//     [
-//       applyingState,
-//       callingState,
-//       deviceKey,
-//       key,
-//       state.devices,
-//       state.isMute,
-//       state.selectedDevice,
-//     ],
-//   );
-// };
 const parseLocalDevicePreferences = (key) => {
     const preferencesStr = window.localStorage.getItem(key);
     let preferences = {};
@@ -1564,7 +1501,7 @@ const SpeakerTest = (props) => {
     const audioElementRef = react.useRef(null);
     const [isPlaying, setIsPlaying] = react.useState(false);
     const { t } = videoReactBindings.useI18n();
-    const { audioUrl = `https://unpkg.com/${"@stream-io/video-react-sdk"}@${"1.31.0"}/assets/piano.mp3`, } = props;
+    const { audioUrl = `https://unpkg.com/${"@stream-io/video-react-sdk"}@${"1.31.2"}/assets/piano.mp3`, } = props;
     // Update audio output device when selection changes
     react.useEffect(() => {
         const audio = audioElementRef.current;
@@ -3281,7 +3218,7 @@ const checkCanJoinEarly = (startsAt, joinAheadTimeSeconds) => {
     return Date.now() >= +startsAt - (joinAheadTimeSeconds ?? 0) * 1000;
 };
 
-const [major, minor, patch] = ("1.31.0").split('.');
+const [major, minor, patch] = ("1.31.2").split('.');
 videoClient.setSdkInfo({
     type: videoClient.SfuModels.SdkType.REACT,
     major,