@stream-io/video-react-sdk 1.7.24 → 1.7.25

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.7.25](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.7.24...@stream-io/video-react-sdk-1.7.25) (2024-11-27)
+
+### Dependency Updates
+
+* `@stream-io/video-client` updated to version `1.11.9`
+* `@stream-io/video-react-bindings` updated to version `1.2.3`
+
+### Bug Fixes
+
+* cover some device selection edge cases ([#1604](https://github.com/GetStream/stream-video-js/issues/1604)) ([a8fc0ea](https://github.com/GetStream/stream-video-js/commit/a8fc0eaf1ed6c79ce24f77f52351a1e90701bd02))
+
 ## [1.7.24](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.7.23...@stream-io/video-react-sdk-1.7.24) (2024-11-27)
 
 ### Dependency Updates

package/dist/index.cjs.js

@@ -128,8 +128,10 @@ const usePersistDevicePreferences = (key, shouldPersistRef) => {
  *
  * @param key the key to use for local storage.
  */
-const useApplyDevicePreferences = (key, onApplied) => {
+const useApplyDevicePreferences = (key, onWillApply, onApplied) => {
     const call = videoReactBindings.useCall();
+    const onWillApplyRef = react.useRef(onWillApply);
+    onWillApplyRef.current = onWillApply;
     const onAppliedRef = react.useRef(onApplied);
     onAppliedRef.current = onApplied;
     react.useEffect(() => {
@@ -178,16 +180,21 @@ const useApplyDevicePreferences = (key, onApplied) => {
                 console.warn('Failed to load device preferences', err);
             }
             if (preferences) {
-                await initMic(preferences.mic);
-                await initCamera(preferences.camera);
+                await initMic(preferences.mic).catch((err) => {
+                    console.warn('Failed to apply microphone preferences', err);
+                });
+                await initCamera(preferences.camera).catch((err) => {
+                    console.warn('Failed to apply camera preferences', err);
+                });
                 initSpeaker(preferences.speaker);
             }
         };
+        onWillApplyRef.current();
         apply()
-            .then(() => onAppliedRef.current())
             .catch((err) => {
             console.warn('Failed to apply device preferences', err);
-        });
+        })
+            .then(() => onAppliedRef.current());
         return () => {
             cancel = true;
         };
@@ -200,7 +207,7 @@ const useApplyDevicePreferences = (key, onApplied) => {
  */
 const usePersistedDevicePreferences = (key = '@stream-io/device-preferences') => {
     const shouldPersistRef = react.useRef(false);
-    useApplyDevicePreferences(key, () => (shouldPersistRef.current = true));
+    useApplyDevicePreferences(key, () => (shouldPersistRef.current = false), () => (shouldPersistRef.current = true));
     usePersistDevicePreferences(key, shouldPersistRef);
 };
 const parseDeviceId = (deviceId) => deviceId !== defaultDevice ? deviceId : undefined;
@@ -1101,9 +1108,9 @@ const DefaultReactionsMenu = ({ reactions, layout = 'horizontal', }) => {
  */
 const createCallControlHandler = (props, handler) => {
     const logger = videoClient.getLogger(['react-sdk']);
-    return async () => {
+    return async (...args) => {
         try {
-            await handler();
+            await handler(...args);
         }
         catch (error) {
             if (props.onError) {
@@ -1250,12 +1257,13 @@ const DeviceSelector = (props) => {
     return jsxRuntime.jsx(DeviceSelectorDropdown, { ...rest, icon: icon });
 };
 
-const DeviceSelectorAudioInput = ({ title, visualType, }) => {
+const DeviceSelectorAudioInput = (props) => {
     const { useMicrophoneState } = videoReactBindings.useCallStateHooks();
     const { microphone, selectedDevice, devices } = useMicrophoneState();
-    return (jsxRuntime.jsx(DeviceSelector, { devices: devices || [], selectedDeviceId: selectedDevice, type: "audioinput", onChange: async (deviceId) => {
-            await microphone.select(deviceId);
-        }, title: title, visualType: visualType, icon: "mic" }));
+    const handleChange = createCallControlHandler(props, async (deviceId) => {
+        await microphone.select(deviceId);
+    });
+    return (jsxRuntime.jsx(DeviceSelector, { devices: devices || [], selectedDeviceId: selectedDevice, type: "audioinput", onChange: handleChange, title: props.title, visualType: props.visualType, icon: "mic" }));
 };
 const DeviceSelectorAudioOutput = ({ title, visualType, }) => {
     const { useSpeakerState } = videoReactBindings.useCallStateHooks();
@@ -1267,12 +1275,13 @@ const DeviceSelectorAudioOutput = ({ title, visualType, }) => {
         }, title: title, visualType: visualType, icon: "speaker" }));
 };
 
-const DeviceSelectorVideo = ({ title, visualType, }) => {
+const DeviceSelectorVideo = (props) => {
     const { useCameraState } = videoReactBindings.useCallStateHooks();
     const { camera, devices, selectedDevice } = useCameraState();
-    return (jsxRuntime.jsx(DeviceSelector, { devices: devices || [], type: "videoinput", selectedDeviceId: selectedDevice, onChange: async (deviceId) => {
-            await camera.select(deviceId);
-        }, title: title, visualType: visualType, icon: "camera" }));
+    const handleChange = createCallControlHandler(props, async (deviceId) => {
+        await camera.select(deviceId);
+    });
+    return (jsxRuntime.jsx(DeviceSelector, { devices: devices || [], type: "videoinput", selectedDeviceId: selectedDevice, onChange: handleChange, title: props.title, visualType: props.visualType, icon: "camera" }));
 };
 
 const DeviceSettings = ({ visualType = exports.MenuVisualType.MENU, }) => {
@@ -2554,7 +2563,7 @@ const LivestreamPlayer = (props) => {
     return (jsxRuntime.jsx(StreamCall, { call: call, children: jsxRuntime.jsx(LivestreamLayout, { ...layoutProps }) }));
 };
 
-const [major, minor, patch] = ("1.7.24").split('.');
+const [major, minor, patch] = ("1.7.25").split('.');
 videoClient.setSdkInfo({
     type: videoClient.SfuModels.SdkType.REACT,
     major,