@stream-io/video-client 1.38.0 → 1.38.2

package/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.38.2](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.38.1...@stream-io/video-client-1.38.2) (2025-12-11)
+
+### Bug Fixes
+
+- revert usage of useSyncExternalStore ([#2043](https://github.com/GetStream/stream-video-js/issues/2043)) ([849e896](https://github.com/GetStream/stream-video-js/commit/849e8964ac90d5785a6d608443f80156d1081744)), closes [#1953](https://github.com/GetStream/stream-video-js/issues/1953) [#2034](https://github.com/GetStream/stream-video-js/issues/2034) [#2006](https://github.com/GetStream/stream-video-js/issues/2006) [#2008](https://github.com/GetStream/stream-video-js/issues/2008)
+
+## [1.38.1](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.38.0...@stream-io/video-client-1.38.1) (2025-12-08)
+
+### Bug Fixes
+
+- added call state update for handling case when call.ring event as not triggered ([#2035](https://github.com/GetStream/stream-video-js/issues/2035)) ([3c79665](https://github.com/GetStream/stream-video-js/commit/3c79665323ad5172d3af35e9ee2f86655ac11670))
+- **state:** ensure stable empty array for participant predicates ([#2036](https://github.com/GetStream/stream-video-js/issues/2036)) ([1aa72c8](https://github.com/GetStream/stream-video-js/commit/1aa72c8daf482bd157866960b4b9a92e272ac90b)), closes [#2034](https://github.com/GetStream/stream-video-js/issues/2034) [#2008](https://github.com/GetStream/stream-video-js/issues/2008)
+
 ## [1.38.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.37.3...@stream-io/video-client-1.38.0) (2025-12-08)
 
 ### Features

package/dist/index.browser.es.js

@@ -4485,6 +4485,19 @@ class StreamVideoWriteableStateStore {
                 this.setCalls((calls) => [...calls, call]);
             }
         };
+        /**
+         * Registers a {@link Call} object if it doesn't exist, otherwise updates it.
+         *
+         * @param call the call to register or update.
+         */
+        this.registerOrUpdateCall = (call) => {
+            if (this.calls.find((c) => c.cid === call.cid)) {
+                return this.setCalls((calls) => calls.map((c) => (c.cid === call.cid ? call : c)));
+            }
+            else {
+                return this.registerCall(call);
+            }
+        };
         /**
          * Removes a {@link Call} object from the list of {@link Call} objects created/tracked by this client.
          *
@@ -4867,26 +4880,6 @@ const defaultEgress = {
     hls: { playlist_url: '', status: '' },
     rtmps: [],
 };
-/**
- * Creates a stable participant filter function, ready to be used in combination
- * with the `useSyncExternalStore` hook.
- *
- * @param predicate the predicate to use.
- */
-const createStableParticipantsFilter = (predicate) => {
-    const empty = [];
-    return (participants) => {
-        // no need to filter if there are no participants
-        if (!participants.length)
-            return participants;
-        // return a stable empty array if there are no remote participants
-        // instead of creating an empty one
-        const filteredParticipants = participants.filter(predicate);
-        if (!filteredParticipants.length)
-            return empty;
-        return filteredParticipants;
-    };
-};
 /**
  * Holds the state of the current call.
  * @react You don't have to use this class directly, as we are exposing the state through Hooks.
@@ -5566,8 +5559,8 @@ class CallState {
         // in the original subject
         map((ps) => ps.sort(this.sortParticipantsBy)), shareReplay({ bufferSize: 1, refCount: true }));
         this.localParticipant$ = this.participants$.pipe(map((participants) => participants.find((p) => p.isLocalParticipant)), shareReplay({ bufferSize: 1, refCount: true }));
-        this.remoteParticipants$ = this.participants$.pipe(map(createStableParticipantsFilter((p) => !p.isLocalParticipant)), shareReplay({ bufferSize: 1, refCount: true }));
-        this.pinnedParticipants$ = this.participants$.pipe(map(createStableParticipantsFilter((p) => !!p.pin)), shareReplay({ bufferSize: 1, refCount: true }));
+        this.remoteParticipants$ = this.participants$.pipe(map((participants) => participants.filter((p) => !p.isLocalParticipant)), shareReplay({ bufferSize: 1, refCount: true }));
+        this.pinnedParticipants$ = this.participants$.pipe(map((participants) => participants.filter((p) => !!p.pin)), shareReplay({ bufferSize: 1, refCount: true }));
         this.dominantSpeaker$ = this.participants$.pipe(map((participants) => participants.find((p) => p.isDominantSpeaker)), shareReplay({ bufferSize: 1, refCount: true }));
         this.hasOngoingScreenShare$ = this.participants$.pipe(map((participants) => participants.some((p) => hasScreenShare(p))), distinctUntilChanged(), shareReplay({ bufferSize: 1, refCount: true }));
         // dates
@@ -6000,7 +5993,7 @@ const getSdkVersion = (sdk) => {
     return sdk ? `${sdk.major}.${sdk.minor}.${sdk.patch}` : '0.0.0-development';
 };
 
-const version = "1.38.0";
+const version = "1.38.2";
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -12237,7 +12230,7 @@ class Call {
             }
             if (this.streamClient._hasConnectionID()) {
                 this.watching = true;
-                this.clientStore.registerCall(this);
+                this.clientStore.registerOrUpdateCall(this);
             }
             await this.applyDeviceConfig(response.call.settings, false);
             return response;
@@ -12258,7 +12251,7 @@ class Call {
             }
             if (this.streamClient._hasConnectionID()) {
                 this.watching = true;
-                this.clientStore.registerCall(this);
+                this.clientStore.registerOrUpdateCall(this);
             }
             await this.applyDeviceConfig(response.call.settings, false);
             return response;
@@ -14999,7 +14992,7 @@ class StreamClient {
         this.getUserAgent = () => {
             if (!this.cachedUserAgent) {
                 const { clientAppIdentifier = {} } = this.options;
-                const { sdkName = 'js', sdkVersion = "1.38.0", ...extras } = clientAppIdentifier;
+                const { sdkName = 'js', sdkVersion = "1.38.2", ...extras } = clientAppIdentifier;
                 this.cachedUserAgent = [
                     `stream-video-${sdkName}-v${sdkVersion}`,
                     ...Object.entries(extras).map(([key, value]) => `${key}=${value}`),