@stream-io/video-react-sdk 1.2.17 → 1.2.19

package/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [1.2.19](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.2.18...@stream-io/video-react-sdk-1.2.19) (2024-07-30)
+
+### Dependency Updates
+
+* `@stream-io/video-client` updated to version `1.4.7`
+* `@stream-io/video-react-bindings` updated to version `0.4.51`
+### [1.2.18](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.2.17...@stream-io/video-react-sdk-1.2.18) (2024-07-29)
+
+
+### Bug Fixes
+
+* remove applying default settings in usePersistedDevicePreferences ([#1446](https://github.com/GetStream/stream-video-js/issues/1446)) ([b196826](https://github.com/GetStream/stream-video-js/commit/b196826b6c2dcf5bd1d2d3ac8b5b852aeddeee81)), closes [/github.com/GetStream/stream-video-js/blob/main/packages/client/src/Call.ts#L2127](https://github.com/GetStream//github.com/GetStream/stream-video-js/blob/main/packages/client/src/Call.ts/issues/L2127)
+
 ### [1.2.17](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.2.16...@stream-io/video-react-sdk-1.2.17) (2024-07-25)
 
 ### Dependency Updates

package/dist/index.cjs.js

@@ -236,35 +236,32 @@ const useFloatingUIPreset = ({ middleware = [], placement, strategy, offset: off
     return { refs, x, y, domReference, floating, strategy, context };
 };
 
+const defaultDevice = 'default';
 /**
  * This hook will persist the device settings to local storage.
  *
  * @param key the key to use for local storage.
  */
 const usePersistDevicePreferences = (key) => {
-    const { useMicrophoneState, useCameraState, useSpeakerState, useCallSettings, } = videoReactBindings.useCallStateHooks();
+    const { useMicrophoneState, useCameraState, useSpeakerState } = videoReactBindings.useCallStateHooks();
     const call = videoReactBindings.useCall();
     const mic = useMicrophoneState();
     const camera = useCameraState();
     const speaker = useSpeakerState();
-    const settings = useCallSettings();
     react.useEffect(() => {
-        if (!call || !settings)
+        if (!call)
             return;
         if (call.state.callingState === videoClient.CallingState.LEFT)
             return;
         try {
-            const hasPreferences = !!window.localStorage.getItem(key);
-            const { audio, video } = settings;
-            const defaultDevice = 'default';
             const preferences = {
                 mic: {
                     selectedDeviceId: mic.selectedDevice || defaultDevice,
-                    muted: hasPreferences ? mic.isMute : !audio.mic_default_on,
+                    muted: mic.isMute,
                 },
                 camera: {
                     selectedDeviceId: camera.selectedDevice || defaultDevice,
-                    muted: hasPreferences ? camera.isMute : !video.camera_default_on,
+                    muted: camera.isMute,
                 },
                 speaker: {
                     selectedDeviceId: speaker.selectedDevice || defaultDevice,
@@ -283,7 +280,6 @@ const usePersistDevicePreferences = (key) => {
         key,
         mic.isMute,
         mic.selectedDevice,
-        settings,
         speaker.selectedDevice,
     ]);
 };
@@ -294,16 +290,14 @@ const usePersistDevicePreferences = (key) => {
  */
 const useApplyDevicePreferences = (key) => {
     const call = videoReactBindings.useCall();
-    const { useCallSettings } = videoReactBindings.useCallStateHooks();
-    const settings = useCallSettings();
     react.useEffect(() => {
-        if (!call || !settings)
+        if (!call)
             return;
         if (call.state.callingState === videoClient.CallingState.LEFT)
             return;
         const apply = async () => {
             const initMic = async (setting) => {
-                await call.microphone.select(setting.selectedDeviceId);
+                await call.microphone.select(parseDeviceId(setting.selectedDeviceId));
                 if (setting.muted) {
                     await call.microphone.disable();
                 }
@@ -312,7 +306,7 @@ const useApplyDevicePreferences = (key) => {
                 }
             };
             const initCamera = async (setting) => {
-                await call.camera.select(setting.selectedDeviceId);
+                await call.camera.select(parseDeviceId(setting.selectedDeviceId));
                 if (setting.muted) {
                     await call.camera.disable();
                 }
@@ -321,7 +315,7 @@ const useApplyDevicePreferences = (key) => {
                 }
             };
             const initSpeaker = (setting) => {
-                call.speaker.select(setting.selectedDeviceId);
+                call.speaker.select(parseDeviceId(setting.selectedDeviceId) ?? '');
             };
             let preferences = null;
             try {
@@ -335,18 +329,11 @@ const useApplyDevicePreferences = (key) => {
                 await initCamera(preferences.camera);
                 initSpeaker(preferences.speaker);
             }
-            else {
-                const { audio, video } = settings;
-                if (audio.mic_default_on)
-                    await call.microphone.enable();
-                if (video.camera_default_on)
-                    await call.camera.enable();
-            }
         };
         apply().catch((err) => {
             console.warn('Failed to apply device preferences', err);
         });
-    }, [call, key, settings]);
+    }, [call, key]);
 };
 /**
  * This hook will apply and persist the device preferences from local storage.
@@ -357,6 +344,7 @@ const usePersistedDevicePreferences = (key = '@stream-io/device-preferences') =>
     useApplyDevicePreferences(key);
     usePersistDevicePreferences(key);
 };
+const parseDeviceId = (deviceId) => deviceId !== defaultDevice ? deviceId : undefined;
 
 const SCROLL_THRESHOLD = 10;
 /**
@@ -2616,7 +2604,7 @@ const LivestreamPlayer = (props) => {
     return (jsxRuntime.jsx(StreamCall, { call: call, children: jsxRuntime.jsx(LivestreamLayout, { ...layoutProps }) }));
 };
 
-const [major, minor, patch] = ("1.2.17" ).split('.');
+const [major, minor, patch] = ("1.2.19" ).split('.');
 videoClient.setSdkInfo({
     type: videoClient.SfuModels.SdkType.REACT,
     major,