@stream-io/video-react-sdk 1.39.2 → 1.39.3

package/dist/src/core/components/CallLayout/hooks.d.ts

@@ -14,5 +14,4 @@ export declare const useFilteredParticipants: ({ excludeLocalParticipant, filter
 }) => StreamVideoParticipant[];
 export declare const applyParticipantsFilter: (participants: StreamVideoParticipant[], filter: ParticipantPredicate | ParticipantFilter) => StreamVideoParticipant[];
 export declare const usePaginatedLayoutSortPreset: (call: Call | undefined) => void;
-export declare const useSpeakerLayoutSortPreset: (call: Call | undefined, isOneOnOneCall: boolean) => void;
 export declare const useRawRemoteParticipants: () => StreamVideoParticipant[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-sdk",
-  "version": "1.39.2",
+  "version": "1.39.3",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
@@ -45,9 +45,9 @@
   ],
   "dependencies": {
     "@floating-ui/react": "^0.27.19",
-    "@stream-io/video-client": "1.55.1",
-    "@stream-io/video-filters-web": "0.8.2",
-    "@stream-io/video-react-bindings": "1.18.2",
+    "@stream-io/video-client": "1.55.2",
+    "@stream-io/video-filters-web": "0.8.3",
+    "@stream-io/video-react-bindings": "1.18.3",
     "chart.js": "^4.5.1",
     "clsx": "^2.1.1",
     "react-chartjs-2": "^5.3.1"
@@ -60,7 +60,7 @@
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-replace": "^6.0.3",
     "@rollup/plugin-typescript": "^12.3.0",
-    "@stream-io/audio-filters-web": "^0.10.0",
+    "@stream-io/audio-filters-web": "^0.10.1",
     "@stream-io/typescript-config": "^0.0.0",
     "@stream-io/video-styling": "^1.14.2",
     "@types/node": "^25.9.3",

package/src/core/components/CallLayout/SpeakerLayout.tsx

@@ -1,7 +1,11 @@
 import { useEffect, useState } from 'react';
 import clsx from 'clsx';
 import { hasScreenShare } from '@stream-io/video-client';
-import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
+import {
+  useCall,
+  useCallStateHooks,
+  useSpeakerLayoutSortPreset,
+} from '@stream-io/video-react-bindings';
 
 import {
   DefaultParticipantViewUI,
@@ -19,7 +23,6 @@ import {
   ParticipantPredicate,
   useFilteredParticipants,
   useRawRemoteParticipants,
-  useSpeakerLayoutSortPreset,
 } from './hooks';
 import { useCalculateHardLimit } from '../../hooks/useCalculateHardLimit';
 import { ParticipantsAudio } from '../Audio';

package/src/core/components/CallLayout/hooks.ts

@@ -2,16 +2,12 @@ import { useEffect, useMemo } from 'react';
 import {
   Call,
   CallTypes,
-  combineComparators,
-  Comparator,
   defaultSortPreset,
   hasAudio,
   hasScreenShare,
   hasVideo,
   isPinned,
   paginatedLayoutSortPreset,
-  screenSharing,
-  speakerLayoutSortPreset,
   StreamVideoParticipant,
 } from '@stream-io/video-client';
 import { useCallStateHooks } from '@stream-io/video-react-bindings';
@@ -94,24 +90,6 @@ export const usePaginatedLayoutSortPreset = (call: Call | undefined) => {
   }, [call]);
 };
 
-export const useSpeakerLayoutSortPreset = (
-  call: Call | undefined,
-  isOneOnOneCall: boolean,
-) => {
-  useEffect(() => {
-    if (!call) return;
-    // always show the remote participant in the spotlight
-    if (isOneOnOneCall) {
-      call.setSortParticipantsBy(combineComparators(screenSharing, loggedIn));
-    } else {
-      call.setSortParticipantsBy(speakerLayoutSortPreset);
-    }
-    return () => {
-      resetSortPreset(call);
-    };
-  }, [call, isOneOnOneCall]);
-};
-
 export const useRawRemoteParticipants = () => {
   const { useRawParticipants } = useCallStateHooks();
   const rawParticipants = useRawParticipants();
@@ -128,9 +106,3 @@ const resetSortPreset = (call: Call) => {
     callConfig.options.sortParticipantsBy || defaultSortPreset,
   );
 };
-
-const loggedIn: Comparator<StreamVideoParticipant> = (a, b) => {
-  if (a.isLocalParticipant) return 1;
-  if (b.isLocalParticipant) return -1;
-  return 0;
-};