@stream-io/video-react-sdk 1.10.6 → 1.11.1

package/CHANGELOG.md

@@ -2,6 +2,23 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.11.1](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.11.0...@stream-io/video-react-sdk-1.11.1) (2025-01-29)
+
+### Dependency Updates
+
+* `@stream-io/video-client` updated to version `1.15.7`
+* `@stream-io/video-react-bindings` updated to version `1.4.7`
+## [1.11.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.10.6...@stream-io/video-react-sdk-1.11.0) (2025-01-29)
+
+### Dependency Updates
+
+* `@stream-io/video-client` updated to version `1.15.6`
+* `@stream-io/video-react-bindings` updated to version `1.4.6`
+
+### Features
+
+* [VID-315] allow filtering participants using filter object ([#1655](https://github.com/GetStream/stream-video-js/issues/1655)) ([8674390](https://github.com/GetStream/stream-video-js/commit/86743902725a8c23165068c3f5abf2370bc42a8d))
+
 ## [1.10.6](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.10.5...@stream-io/video-react-sdk-1.10.6) (2025-01-24)
 
 ### Dependency Updates

package/dist/index.cjs.js

@@ -2251,6 +2251,56 @@ const StreamVideo = (props) => {
 };
 StreamVideo.displayName = 'StreamVideo';
 
+function applyFilter(obj, filter) {
+    if ('$and' in filter) {
+        return filter.$and.every((f) => applyFilter(obj, f));
+    }
+    if ('$or' in filter) {
+        return filter.$or.some((f) => applyFilter(obj, f));
+    }
+    if ('$not' in filter) {
+        return !applyFilter(obj, filter.$not);
+    }
+    return checkConditions(obj, filter);
+}
+function checkConditions(obj, conditions) {
+    let match = true;
+    for (const key of Object.keys(conditions)) {
+        const operator = conditions[key];
+        const maybeOperator = operator && typeof operator === 'object';
+        let value = obj[key];
+        if (maybeOperator && '$eq' in operator) {
+            const eqOperator = operator;
+            match && (match = eqOperator.$eq === value);
+        }
+        else if (maybeOperator && '$neq' in operator) {
+            const neqOperator = operator;
+            match && (match = neqOperator.$neq !== value);
+        }
+        else if (maybeOperator && '$in' in operator) {
+            const inOperator = operator;
+            match && (match = inOperator.$in.includes(value));
+        }
+        else if (maybeOperator && '$contains' in operator) {
+            if (Array.isArray(value)) {
+                const containsOperator = operator;
+                match && (match = value.includes(containsOperator.$contains));
+            }
+            else {
+                match = false;
+            }
+        }
+        else {
+            const eqValue = operator;
+            match && (match = eqValue === value);
+        }
+        if (!match) {
+            return false;
+        }
+    }
+    return true;
+}
+
 const useFilteredParticipants = ({ excludeLocalParticipant = false, filterParticipants, }) => {
     const { useParticipants, useRemoteParticipants } = videoReactBindings.useCallStateHooks();
     const allParticipants = useParticipants();
@@ -2260,7 +2310,7 @@ const useFilteredParticipants = ({ excludeLocalParticipant = false, filterPartic
             ? remoteParticipants
             : allParticipants;
         return filterParticipants
-            ? unfilteredParticipants.filter((participant) => filterParticipants(participant))
+            ? applyParticipantsFilter(unfilteredParticipants, filterParticipants)
             : unfilteredParticipants;
     }, [
         allParticipants,
@@ -2269,6 +2319,19 @@ const useFilteredParticipants = ({ excludeLocalParticipant = false, filterPartic
         filterParticipants,
     ]);
 };
+const applyParticipantsFilter = (participants, filter) => {
+    const filterCallback = typeof filter === 'function'
+        ? filter
+        : (participant) => applyFilter({
+            userId: participant.userId,
+            isSpeaking: participant.isSpeaking,
+            isDominantSpeaker: participant.isDominantSpeaker,
+            name: participant.name,
+            roles: participant.roles,
+            isPinned: videoClient.isPinned(participant),
+        }, filter);
+    return participants.filter(filterCallback);
+};
 const usePaginatedLayoutSortPreset = (call) => {
     react.useEffect(() => {
         if (!call)
@@ -2576,7 +2639,7 @@ const LivestreamPlayer = (props) => {
     return (jsxRuntime.jsx(StreamCall, { call: call, children: jsxRuntime.jsx(LivestreamLayout, { ...layoutProps }) }));
 };
 
-const [major, minor, patch] = ("1.10.6").split('.');
+const [major, minor, patch] = ("1.11.1").split('.');
 videoClient.setSdkInfo({
     type: videoClient.SfuModels.SdkType.REACT,
     major,