@stream-io/video-react-sdk 1.23.1 → 1.24.1

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import { hasAudio, hasScreenShareAudio, CallingState, hasVideo, hasScreenShare, OwnCapability, Browsers, VisibilityState, hasPausedTrack, getLogger, disposeOfMediaStream, SfuModels, isPinned, name, NoiseCancellationSettingsModeEnum, paginatedLayoutSortPreset, combineComparators, screenSharing, speakerLayoutSortPreset, CallTypes, defaultSortPreset, setSdkInfo } from '@stream-io/video-client';
 export * from '@stream-io/video-client';
-import { useCall, useCallStateHooks, useI18n, Restricted, useToggleCallRecording, useConnectedUser, StreamCallProvider, StreamVideoProvider, useStreamVideoClient } from '@stream-io/video-react-bindings';
+import { useCall, useCallStateHooks, useI18n, Restricted, useToggleCallRecording, useConnectedUser, StreamCallProvider, StreamVideoProvider, useStreamVideoClient, useEffectEvent } from '@stream-io/video-react-bindings';
 export * from '@stream-io/video-react-bindings';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useState, useEffect, Fragment as Fragment$1, createContext, useContext, useCallback, useMemo, useRef, isValidElement, forwardRef, useLayoutEffect, lazy, Suspense } from 'react';
@@ -2584,6 +2584,7 @@ const applyParticipantsFilter = (participants, filter) => {
             isPinned: isPinned(participant),
             hasVideo: hasVideo(participant),
             hasAudio: hasAudio(participant),
+            hasScreenShare: hasScreenShare(participant),
         }, filter);
     return participants.filter(filterCallback);
 };
@@ -2615,8 +2616,8 @@ const useSpeakerLayoutSortPreset = (call, isOneOnOneCall) => {
 };
 const useRawRemoteParticipants = () => {
     const { useRawParticipants } = useCallStateHooks();
-    const rawParicipants = useRawParticipants();
-    return useMemo(() => rawParicipants.filter((p) => !p.isLocalParticipant), [rawParicipants]);
+    const rawParticipants = useRawParticipants();
+    return useMemo(() => rawParticipants.filter((p) => !p.isLocalParticipant), [rawParticipants]);
 };
 const resetSortPreset = (call) => {
     // reset the sorting to the default for the call type
@@ -2924,22 +2925,11 @@ const Host = () => {
 Host.displayName = 'PipLayout.Host';
 const PipLayout = { Pip, Host };
 
-function useEffectEvent(cb) {
-    const cbRef = useRef(undefined);
-    useLayoutEffect(() => {
-        cbRef.current = cb;
-    }, [cb]);
-    return useCallback((...args) => {
-        const callback = cbRef.current;
-        callback?.(...args);
-    }, []);
-}
-
 const LivestreamPlayer = (props) => {
     const { callType, callId, ...restProps } = props;
     const client = useStreamVideoClient();
     const [call, setCall] = useState();
-    const onError = useEffectEvent(props.onError);
+    const onError = useEffectEvent(props.onError ?? (() => { }));
     useEffect(() => {
         if (!client)
             return;
@@ -2955,7 +2945,7 @@ const LivestreamPlayer = (props) => {
             });
             setCall(undefined);
         };
-    }, [callId, callType, client, onError]);
+    }, [callId, callType, client]);
     if (!call) {
         return null;
     }
@@ -2982,7 +2972,7 @@ const useLivestreamCall = (props) => {
     const joinBehavior = props.joinBehavior ?? 'asap';
     const canJoin = (joinBehavior === 'asap' && canJoinAsap) ||
         (joinBehavior === 'live' && canJoinLive);
-    const onError = useEffectEvent(props.onError);
+    const onError = useEffectEvent(props.onError ?? (() => { }));
     useEffect(() => {
         if (call && call.state.callingState === CallingState.IDLE && canJoin) {
             call.join().catch((e) => {
@@ -2990,7 +2980,7 @@ const useLivestreamCall = (props) => {
                 onError(e);
             });
         }
-    }, [call, canJoin, onError]);
+    }, [call, canJoin]);
     return call;
 };
 const useCanJoinEarly = () => {
@@ -3016,7 +3006,7 @@ const checkCanJoinEarly = (startsAt, joinAheadTimeSeconds) => {
     return Date.now() >= +startsAt - (joinAheadTimeSeconds ?? 0) * 1000;
 };
 
-const [major, minor, patch] = ("1.23.1").split('.');
+const [major, minor, patch] = ("1.24.1").split('.');
 setSdkInfo({
     type: SfuModels.SdkType.REACT,
     major,