@stream-io/video-react-sdk 1.21.3 → 1.23.0

package/CHANGELOG.md

@@ -2,6 +2,33 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.23.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.22.0...@stream-io/video-react-sdk-1.23.0) (2025-09-30)
+
+### Dependency Updates
+
+- `@stream-io/audio-filters-web` updated to version `0.5.0`
+- `@stream-io/video-client` updated to version `1.33.0`
+- `@stream-io/video-react-bindings` updated to version `1.9.0`
+
+### Features
+
+- Audio profiles and Hi-Fi stereo audio ([#1887](https://github.com/GetStream/stream-video-js/issues/1887)) ([3b60c89](https://github.com/GetStream/stream-video-js/commit/3b60c89b8c0dbc40544fe13be79c10e93bbddd3d))
+
+## [1.22.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.21.3...@stream-io/video-react-sdk-1.22.0) (2025-09-29)
+
+### Dependency Updates
+
+- `@stream-io/video-client` updated to version `1.32.0`
+- `@stream-io/video-react-bindings` updated to version `1.8.4`
+
+### Features
+
+- **egress-composite:** custom actions ([#1926](https://github.com/GetStream/stream-video-js/issues/1926)) ([760a35a](https://github.com/GetStream/stream-video-js/commit/760a35a5a5b450d9cde9398f011b5efba8b44458))
+
+### Bug Fixes
+
+- make `mute all` label translatable ([#1930](https://github.com/GetStream/stream-video-js/issues/1930)) ([1f49368](https://github.com/GetStream/stream-video-js/commit/1f49368643ccf9a4cec643e4bd9e10ddf7635232))
+
 ## [1.21.3](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-sdk-1.21.2...@stream-io/video-react-sdk-1.21.3) (2025-09-17)
 
 ### Dependency Updates

package/README.md

@@ -92,6 +92,7 @@ Here are some of the features we support:
 - [x] Hardware-accelerated video encoding on supported platforms
 - [x] Dynascale 2.0 (codec switching)
 - [x] Improved stat collection and device performance metrics
+- [x] HiFi audio and stereo
 - [ ] E2E testing platform
 - [ ] Dynascale: turn off incoming video when the browser is in the background
 

package/dist/index.cjs.js

@@ -1901,10 +1901,11 @@ const CallParticipantsList = ({ onClose, activeUsersSearchFn, blockedUsersSearch
 };
 const CallParticipantListContentHeader = ({ userListType, setUserListType, }) => {
     const call = videoReactBindings.useCall();
+    const { t } = videoReactBindings.useI18n();
     const muteAll = react.useCallback(() => {
         call?.muteAllUsers('audio');
     }, [call]);
-    return (jsxRuntime.jsxs("div", { className: "str-video__participant-list__content-header", children: [jsxRuntime.jsx("div", { className: "str-video__participant-list__content-header-title", children: userListType === 'active' && (jsxRuntime.jsx(videoReactBindings.Restricted, { requiredGrants: [videoClient.OwnCapability.MUTE_USERS], hasPermissionsOnly: true, children: jsxRuntime.jsx(TextButton, { onClick: muteAll, children: "Mute all" }) })) }), jsxRuntime.jsx(MenuToggle, { placement: "bottom-end", ToggleButton: ToggleButton$1, children: jsxRuntime.jsx(GenericMenu, { children: Object.keys(UserListTypes).map((lt) => (jsxRuntime.jsx(GenericMenuButtonItem, { "aria-selected": lt === userListType, onClick: () => setUserListType(lt), children: UserListTypes[lt] }, lt))) }) })] }));
+    return (jsxRuntime.jsxs("div", { className: "str-video__participant-list__content-header", children: [jsxRuntime.jsx("div", { className: "str-video__participant-list__content-header-title", children: userListType === 'active' && (jsxRuntime.jsx(videoReactBindings.Restricted, { requiredGrants: [videoClient.OwnCapability.MUTE_USERS], hasPermissionsOnly: true, children: jsxRuntime.jsx(TextButton, { onClick: muteAll, children: t('Mute all') }) })) }), jsxRuntime.jsx(MenuToggle, { placement: "bottom-end", ToggleButton: ToggleButton$1, children: jsxRuntime.jsx(GenericMenu, { children: Object.keys(UserListTypes).map((lt) => (jsxRuntime.jsx(GenericMenuButtonItem, { "aria-selected": lt === userListType, onClick: () => setUserListType(lt), children: UserListTypes[lt] }, lt))) }) })] }));
 };
 const ActiveUsersSearchResults = ({ searchQuery, activeUsersSearchFn: activeUsersSearchFnFromProps, debounceSearchInterval, }) => {
     const { useParticipants } = videoReactBindings.useCallStateHooks();
@@ -2473,15 +2474,26 @@ function applyFilter(obj, filter) {
     }
     return checkConditions(obj, filter);
 }
+const isDateString = (value) => typeof value === 'string' &&
+    /^((?:(\d{4}-\d{2}-\d{2})T(\d{2}:\d{2}:\d{2}(?:\.\d+)?))(Z|[+-]\d{2}:\d{2})?)$/.test(value);
 function checkConditions(obj, conditions) {
     let match = true;
     for (const key of Object.keys(conditions)) {
         const operator = conditions[key];
         const maybeOperator = operator && typeof operator === 'object';
-        const value = obj[key];
+        let value = obj[key];
+        if (value instanceof Date) {
+            value = value.getTime();
+        }
+        else if (isDateString(value)) {
+            value = new Date(value).getTime();
+        }
         if (maybeOperator && '$eq' in operator) {
             const eqOperator = operator;
-            match && (match = eqOperator.$eq === value);
+            const eqOperatorValue = isDateString(eqOperator.$eq)
+                ? new Date(eqOperator.$eq).getTime()
+                : eqOperator.$eq;
+            match && (match = eqOperatorValue === value);
         }
         else if (maybeOperator && '$neq' in operator) {
             const neqOperator = operator;
@@ -2500,6 +2512,37 @@ function checkConditions(obj, conditions) {
                 match = false;
             }
         }
+        else if (maybeOperator && '$gt' in operator) {
+            const gtOperator = operator;
+            const gtOperatorValue = isDateString(gtOperator.$gt)
+                ? new Date(gtOperator.$gt).getTime()
+                : gtOperator.$gt;
+            match && (match = value > gtOperatorValue);
+        }
+        else if (maybeOperator && '$gte' in operator) {
+            const gteOperator = operator;
+            const gteOperatorValue = isDateString(gteOperator.$gte)
+                ? new Date(gteOperator.$gte).getTime()
+                : gteOperator.$gte;
+            match && (match = value >= gteOperatorValue);
+        }
+        else if (maybeOperator && '$lt' in operator) {
+            const ltOperator = operator;
+            const ltOperatorValue = isDateString(ltOperator.$lt)
+                ? new Date(ltOperator.$lt).getTime()
+                : ltOperator.$lt;
+            match && (match = value < ltOperatorValue);
+        }
+        else if (maybeOperator && '$lte' in operator) {
+            const lteOperator = operator;
+            const lteOperatorValue = isDateString(lteOperator.$lte)
+                ? new Date(lteOperator.$lte).getTime()
+                : lteOperator.$lte;
+            match && (match = value <= lteOperatorValue);
+            // } else if (maybeOperator && '$autocomplete' in operator) {
+            // TODO: regexp solution maybe?
+            // match &&= false;
+        }
         else {
             const eqValue = operator;
             match && (match = eqValue === value);
@@ -2973,7 +3016,7 @@ const checkCanJoinEarly = (startsAt, joinAheadTimeSeconds) => {
     return Date.now() >= +startsAt - (joinAheadTimeSeconds ?? 0) * 1000;
 };
 
-const [major, minor, patch] = ("1.21.3").split('.');
+const [major, minor, patch] = ("1.23.0").split('.');
 videoClient.setSdkInfo({
     type: videoClient.SfuModels.SdkType.REACT,
     major,
@@ -3061,6 +3104,7 @@ exports.Tooltip = Tooltip;
 exports.Video = Video$1;
 exports.VideoPreview = VideoPreview;
 exports.WithTooltip = WithTooltip;
+exports.applyFilter = applyFilter;
 exports.defaultEmojiReactionMap = defaultEmojiReactionMap;
 exports.defaultReactions = defaultReactions;
 exports.translations = translations;