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

package/dist/index.es.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 = useCall();
     const { useIsCallLive, useOwnCapabilities } = 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 } = useCallStateHooks();
     const startsAt = useCallStartsAt();
     const settings = useCallSettings();
     const joinAheadTimeSeconds = settings?.backstage.join_ahead_time_seconds;
-    const [canJoinEarly, setCanJoinEearly] = useState(() => checkCanJoinEarly(startsAt, joinAheadTimeSeconds));
+    const [canJoinEarly, setCanJoinEarly] = useState(() => checkCanJoinEarly(startsAt, joinAheadTimeSeconds));
     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('.');
 setSdkInfo({
     type: SfuModels.SdkType.REACT,
     major,