@stream-io/video-react-sdk 1.7.26 → 1.7.28

package/CHANGELOG.md

@@ -2,6 +2,23 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.7.28](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.7.27...@stream-io/video-react-sdk-1.7.28) (2024-12-03)
+
+### Dependency Updates
+
+* `@stream-io/video-client` updated to version `1.11.12`
+* `@stream-io/video-react-bindings` updated to version `1.2.6`
+## [1.7.27](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.7.26...@stream-io/video-react-sdk-1.7.27) (2024-11-29)
+
+### Dependency Updates
+
+* `@stream-io/video-client` updated to version `1.11.11`
+* `@stream-io/video-react-bindings` updated to version `1.2.5`
+
+### Bug Fixes
+
+* revert [#1604](https://github.com/GetStream/stream-video-js/issues/1604) ([#1607](https://github.com/GetStream/stream-video-js/issues/1607)) ([567e4fb](https://github.com/GetStream/stream-video-js/commit/567e4fb309509b6b0d814826856d0a15efe16271))
+
 ## [1.7.26](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.7.25...@stream-io/video-react-sdk-1.7.26) (2024-11-28)
 
 ### Dependency Updates

package/dist/index.cjs.js

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