@stream-io/video-react-sdk 1.31.6 → 1.31.7

package/dist/src/utilities/index.d.ts

@@ -1,3 +1,4 @@
 export * from './isComponentType';
 export * from './chunk';
 export * from './applyElementToRef';
+export * from './normalizeString';

package/dist/src/utilities/normalizeString.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Normalizes a string for diacritic-insensitive comparison.
+ * E.g., "Éva" becomes "eva", allowing "eva" to match "Éva".
+ */
+export declare const normalizeString: (value: string) => string;

package/dist/src/utilities/normalizeString.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-react-sdk",
-  "version": "1.31.6",
+  "version": "1.31.7",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
@@ -31,9 +31,9 @@
   ],
   "dependencies": {
     "@floating-ui/react": "^0.27.6",
-    "@stream-io/video-client": "1.41.1",
+    "@stream-io/video-client": "1.41.2",
     "@stream-io/video-filters-web": "0.7.1",
-    "@stream-io/video-react-bindings": "1.13.1",
+    "@stream-io/video-react-bindings": "1.13.2",
     "chart.js": "^4.4.4",
     "clsx": "^2.0.0",
     "react-chartjs-2": "^5.3.0"

package/src/components/CallParticipantsList/CallParticipantsList.tsx

@@ -31,6 +31,7 @@ import {
   MenuToggle,
   ToggleMenuButtonProps,
 } from '../Menu';
+import { normalizeString } from '../../utilities';
 
 type CallParticipantListProps = {
   /** Click event listener function to be invoked in order to dismiss/hide the CallParticipantsList from the UI */
@@ -151,8 +152,11 @@ const ActiveUsersSearchResults = ({
 
   const activeUsersSearchFn = useCallback(
     async (queryString: string) => {
-      const queryRegExp = new RegExp(queryString, 'i');
-      return participants.filter((p) => p.name.match(queryRegExp));
+      const normalizedQuery = normalizeString(queryString);
+      const queryRegExp = new RegExp(normalizedQuery, 'i');
+      return participants.filter((p) =>
+        normalizeString(p.name).match(queryRegExp),
+      );
     },
     [participants],
   );

package/src/utilities/index.ts

@@ -1,3 +1,4 @@
 export * from './isComponentType';
 export * from './chunk';
 export * from './applyElementToRef';
+export * from './normalizeString';

package/src/utilities/normalizeString.test.ts

@@ -0,0 +1,51 @@
+import { test, type TestContext } from 'node:test';
+import { normalizeString } from './normalizeString';
+
+test('removes acute accents', (t: TestContext) => {
+  t.assert.strictEqual(normalizeString('Éva'), 'eva');
+  t.assert.strictEqual(normalizeString('café'), 'cafe');
+  t.assert.strictEqual(normalizeString('résumé'), 'resume');
+});
+
+test('removes grave accents', (t: TestContext) => {
+  t.assert.strictEqual(normalizeString('à'), 'a');
+  t.assert.strictEqual(normalizeString('è'), 'e');
+  t.assert.strictEqual(normalizeString('Père'), 'pere');
+});
+
+test('removes circumflex accents', (t: TestContext) => {
+  t.assert.strictEqual(normalizeString('château'), 'chateau');
+  t.assert.strictEqual(normalizeString('forêt'), 'foret');
+});
+
+test('removes umlaut/diaeresis', (t: TestContext) => {
+  t.assert.strictEqual(normalizeString('Müller'), 'muller');
+  t.assert.strictEqual(normalizeString('naïve'), 'naive');
+  t.assert.strictEqual(normalizeString('Zoë'), 'zoe');
+});
+
+test('removes tilde', (t: TestContext) => {
+  t.assert.strictEqual(normalizeString('señor'), 'senor');
+  t.assert.strictEqual(normalizeString('São Paulo'), 'sao paulo');
+});
+
+test('removes cedilla', (t: TestContext) => {
+  t.assert.strictEqual(normalizeString('François'), 'francois');
+  t.assert.strictEqual(normalizeString('façade'), 'facade');
+});
+
+test('handles mixed diacritics', (t: TestContext) => {
+  t.assert.strictEqual(normalizeString('Éva Raposa'), 'eva raposa');
+  t.assert.strictEqual(normalizeString('Jürgen Müller'), 'jurgen muller');
+  t.assert.strictEqual(normalizeString('Crème brûlée'), 'creme brulee');
+});
+
+test('preserves non-accented characters', (t: TestContext) => {
+  t.assert.strictEqual(normalizeString('hello world'), 'hello world');
+  t.assert.strictEqual(normalizeString('test123'), 'test123');
+  t.assert.strictEqual(normalizeString('user@email.com'), 'user@email.com');
+});
+
+test('handles empty string', (t: TestContext) => {
+  t.assert.strictEqual(normalizeString(''), '');
+});

package/src/utilities/normalizeString.ts

@@ -0,0 +1,9 @@
+/**
+ * Normalizes a string for diacritic-insensitive comparison.
+ * E.g., "Éva" becomes "eva", allowing "eva" to match "Éva".
+ */
+export const normalizeString = (value: string) =>
+  value
+    .normalize('NFD')
+    .replace(/\p{Diacritic}/gu, '')
+    .toLowerCase();