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

package/dist/index.es.js

@@ -2539,6 +2539,11 @@ const useSpeakerLayoutSortPreset = (call, isOneOnOneCall) => {
         };
     }, [call, isOneOnOneCall]);
 };
+const useRawRemoteParticipants = () => {
+    const { useRawParticipants } = useCallStateHooks();
+    const rawParicipants = useRawParticipants();
+    return useMemo(() => rawParicipants.filter((p) => !p.isLocalParticipant), [rawParicipants]);
+};
 const resetSortPreset = (call) => {
     // reset the sorting to the default for the call type
     const callConfig = CallTypes.get(call.type);
@@ -2553,11 +2558,11 @@ const loggedIn = (a, b) => {
 };
 
 const LivestreamLayout = (props) => {
-    const { useParticipants, useRemoteParticipants, useHasOngoingScreenShare } = useCallStateHooks();
+    const { useParticipants, useHasOngoingScreenShare } = useCallStateHooks();
     const call = useCall();
     const participants = useParticipants();
     const [currentSpeaker] = participants;
-    const remoteParticipants = useRemoteParticipants();
+    const remoteParticipants = useRawRemoteParticipants();
     const hasOngoingScreenShare = useHasOngoingScreenShare();
     const presenter = hasOngoingScreenShare
         ? participants.find(hasScreenShare)
@@ -2661,8 +2666,7 @@ const PaginatedGridLayout = (props) => {
     const [page, setPage] = useState(0);
     const [paginatedGridLayoutWrapperElement, setPaginatedGridLayoutWrapperElement,] = useState(null);
     const call = useCall();
-    const { useRemoteParticipants } = useCallStateHooks();
-    const remoteParticipants = useRemoteParticipants();
+    const remoteParticipants = useRawRemoteParticipants();
     const participants = useFilteredParticipants({
         excludeLocalParticipant,
         filterParticipants,
@@ -2749,9 +2753,9 @@ hostElement, limit) => {
 const DefaultParticipantViewUIBar = () => (jsx(DefaultParticipantViewUI, { menuPlacement: "top-end" }));
 const SpeakerLayout = ({ ParticipantViewUIBar = DefaultParticipantViewUIBar, ParticipantViewUISpotlight = DefaultParticipantViewUI, VideoPlaceholder, PictureInPicturePlaceholder, participantsBarPosition = 'bottom', participantsBarLimit, mirrorLocalParticipantVideo = true, excludeLocalParticipant = false, filterParticipants, pageArrowsVisible = true, muted, }) => {
     const call = useCall();
-    const { useParticipants, useRemoteParticipants } = useCallStateHooks();
+    const { useParticipants } = useCallStateHooks();
     const allParticipants = useParticipants();
-    const remoteParticipants = useRemoteParticipants();
+    const remoteParticipants = useRawRemoteParticipants();
     const [participantInSpotlight, ...otherParticipants] = useFilteredParticipants({ excludeLocalParticipant, filterParticipants });
     const [participantsBarWrapperElement, setParticipantsBarWrapperElement] = useState(null);
     const [participantsBarElement, setParticipantsBarElement] = useState(null);
@@ -2833,8 +2837,7 @@ const Pip = (props) => {
 };
 Pip.displayName = 'PipLayout.Pip';
 const Host = () => {
-    const { useRemoteParticipants } = useCallStateHooks();
-    const remoteParticipants = useRemoteParticipants();
+    const remoteParticipants = useRawRemoteParticipants();
     return jsx(ParticipantsAudio, { participants: remoteParticipants });
 };
 Host.displayName = 'PipLayout.Host';
@@ -2931,7 +2934,7 @@ const checkCanJoinEarly = (startsAt, joinAheadTimeSeconds) => {
     return Date.now() >= +startsAt - (joinAheadTimeSeconds ?? 0) * 1000;
 };
 
-const [major, minor, patch] = ("1.18.1").split('.');
+const [major, minor, patch] = ("1.18.2").split('.');
 setSdkInfo({
     type: SfuModels.SdkType.REACT,
     major,