@stream-io/video-react-sdk 1.18.2 → 1.18.4

package/CHANGELOG.md

@@ -2,6 +2,25 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.18.4](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.18.3...@stream-io/video-react-sdk-1.18.4) (2025-06-04)
+
+### Dependency Updates
+
+- `@stream-io/video-client` updated to version `1.23.5`
+- `@stream-io/video-react-bindings` updated to version `1.6.8`
+
+### Bug Fixes
+
+- early join in LivestreamPlayer ([#1817](https://github.com/GetStream/stream-video-js/issues/1817)) ([f80e867](https://github.com/GetStream/stream-video-js/commit/f80e867a27cfca75bc3e5e244b3b08a3d894de18))
+- prevent usePersistedDevicePreferences from overriding manually set status ([#1815](https://github.com/GetStream/stream-video-js/issues/1815)) ([fce2d56](https://github.com/GetStream/stream-video-js/commit/fce2d563678bfd7ef065aa150571889b84b360e8))
+
+## [1.18.3](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.18.2...@stream-io/video-react-sdk-1.18.3) (2025-06-03)
+
+### Dependency Updates
+
+- `@stream-io/video-client` updated to version `1.23.4`
+- `@stream-io/video-react-bindings` updated to version `1.6.7`
+
 ## [1.18.2](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.18.1...@stream-io/video-react-sdk-1.18.2) (2025-06-02)
 
 ### Dependency Updates

package/dist/index.cjs.js

@@ -106,14 +106,12 @@ const usePersistedDevicePreferences = (key = '@stream-io/device-preferences') =>
                 const preferences = parseLocalDevicePreferences(key);
                 const preference = preferences[deviceKey];
                 const manager = state[deviceKey];
-                if (!manager.state.selectedDevice) {
-                    const applyPromise = preference
-                        ? applyLocalDevicePreference(manager, [preference].flat(), state.devices)
-                        : applyMutedState(manager, defaultMuted);
-                    await applyPromise.catch((err) => {
-                        console.warn(`Failed to apply ${deviceKey} device preferences`, err);
-                    });
-                }
+                const applyPromise = preference
+                    ? applyLocalDevicePreference(manager, [preference].flat(), state.devices)
+                    : applyMutedState(manager, defaultMuted);
+                await applyPromise.catch((err) => {
+                    console.warn(`Failed to apply ${deviceKey} device preferences`, err);
+                });
             }
         })().finally(() => setApplyingState((state) => (state === 'applying' ? 'applied' : state)));
     }, [
@@ -310,7 +308,9 @@ const applyLocalDevicePreference = async (manager, preference, devices) => {
         const device = devices.find((d) => d.deviceId === p.selectedDeviceId) ??
             devices.find((d) => d.label === p.selectedDeviceLabel);
         if (device) {
-            await manager.select(device.deviceId);
+            if (!manager.state.selectedDevice) {
+                await manager.select(device.deviceId);
+            }
             muted = p.muted;
             break;
         }
@@ -320,7 +320,9 @@ const applyLocalDevicePreference = async (manager, preference, devices) => {
     }
 };
 const applyMutedState = async (manager, muted) => {
-    await manager[muted ? 'disable' : 'enable']?.();
+    if (!manager.state.status) {
+        await manager[muted ? 'disable' : 'enable']?.();
+    }
 };
 const getSelectedDevicePreference = (devices, selectedDevice) => ({
     selectedDeviceId: selectedDevice || defaultDevice,
@@ -2895,7 +2897,7 @@ const useLivestreamCall = (props) => {
     const call = videoReactBindings.useCall();
     const { useIsCallLive, useOwnCapabilities } = videoReactBindings.useCallStateHooks();
     const canJoinLive = useIsCallLive();
-    const canJoinEarly = useCanJoinEearly();
+    const canJoinEarly = useCanJoinEarly();
     const canJoinBackstage = useOwnCapabilities()?.includes('join-backstage') ?? false;
     const canJoinAsap = canJoinLive || canJoinEarly || canJoinBackstage;
     const joinBehavior = props.joinBehavior ?? 'asap';
@@ -2912,20 +2914,21 @@ const useLivestreamCall = (props) => {
     }, [call, canJoin, onError]);
     return call;
 };
-const useCanJoinEearly = () => {
+const useCanJoinEarly = () => {
     const { useCallStartsAt, useCallSettings } = videoReactBindings.useCallStateHooks();
     const startsAt = useCallStartsAt();
     const settings = useCallSettings();
     const joinAheadTimeSeconds = settings?.backstage.join_ahead_time_seconds;
-    const [canJoinEarly, setCanJoinEearly] = react.useState(() => checkCanJoinEarly(startsAt, joinAheadTimeSeconds));
+    const [canJoinEarly, setCanJoinEarly] = react.useState(() => checkCanJoinEarly(startsAt, joinAheadTimeSeconds));
     react.useEffect(() => {
         if (!canJoinEarly) {
             const handle = setInterval(() => {
-                setCanJoinEearly(checkCanJoinEarly(startsAt, joinAheadTimeSeconds));
+                setCanJoinEarly(checkCanJoinEarly(startsAt, joinAheadTimeSeconds));
             }, 1000);
             return () => clearInterval(handle);
         }
     }, [canJoinEarly, startsAt, joinAheadTimeSeconds]);
+    return canJoinEarly;
 };
 const checkCanJoinEarly = (startsAt, joinAheadTimeSeconds) => {
     if (!startsAt) {
@@ -2934,7 +2937,7 @@ const checkCanJoinEarly = (startsAt, joinAheadTimeSeconds) => {
     return Date.now() >= +startsAt - (joinAheadTimeSeconds ?? 0) * 1000;
 };
 
-const [major, minor, patch] = ("1.18.2").split('.');
+const [major, minor, patch] = ("1.18.4").split('.');
 videoClient.setSdkInfo({
     type: videoClient.SfuModels.SdkType.REACT,
     major,