@stream-io/video-client 1.37.0 → 1.37.2

package/dist/index.cjs.js

@@ -4887,6 +4887,26 @@ 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.
@@ -5010,6 +5030,17 @@ class CallState {
         this.setAnonymousParticipantCount = (count) => {
             return this.setCurrentValue(this.anonymousParticipantCountSubject, count);
         };
+        /**
+         * Returns the current participants array directly from the BehaviorSubject.
+         * This bypasses the observable pipeline and is guaranteed to be synchronous.
+         * Use this when you need the absolute latest value without any potential
+         * timing issues from shareReplay/refCount.
+         *
+         * @internal
+         */
+        this.getParticipantsSnapshot = () => {
+            return this.participantsSubject.getValue();
+        };
         /**
          * Sets the list of participants in the current call.
          *
@@ -5555,8 +5586,8 @@ class CallState {
         // in the original subject
         rxjs.map((ps) => ps.sort(this.sortParticipantsBy)), rxjs.shareReplay({ bufferSize: 1, refCount: true }));
         this.localParticipant$ = this.participants$.pipe(rxjs.map((participants) => participants.find((p) => p.isLocalParticipant)), rxjs.shareReplay({ bufferSize: 1, refCount: true }));
-        this.remoteParticipants$ = this.participants$.pipe(rxjs.map((participants) => participants.filter((p) => !p.isLocalParticipant)), rxjs.shareReplay({ bufferSize: 1, refCount: true }));
-        this.pinnedParticipants$ = this.participants$.pipe(rxjs.map((participants) => participants.filter((p) => !!p.pin)), rxjs.shareReplay({ bufferSize: 1, refCount: true }));
+        this.remoteParticipants$ = this.participants$.pipe(rxjs.map(createStableParticipantsFilter((p) => !p.isLocalParticipant)), rxjs.shareReplay({ bufferSize: 1, refCount: true }));
+        this.pinnedParticipants$ = this.participants$.pipe(rxjs.map(createStableParticipantsFilter((p) => !!p.pin)), rxjs.shareReplay({ bufferSize: 1, refCount: true }));
         this.dominantSpeaker$ = this.participants$.pipe(rxjs.map((participants) => participants.find((p) => p.isDominantSpeaker)), rxjs.shareReplay({ bufferSize: 1, refCount: true }));
         this.hasOngoingScreenShare$ = this.participants$.pipe(rxjs.map((participants) => participants.some((p) => hasScreenShare(p))), rxjs.distinctUntilChanged(), rxjs.shareReplay({ bufferSize: 1, refCount: true }));
         // dates
@@ -5989,7 +6020,7 @@ const getSdkVersion = (sdk) => {
     return sdk ? `${sdk.major}.${sdk.minor}.${sdk.patch}` : '0.0.0-development';
 };
 
-const version = "1.37.0";
+const version = "1.37.2";
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -9466,13 +9497,19 @@ class DynascaleManager {
     }
     get trackSubscriptions() {
         const subscriptions = [];
-        for (const p of this.callState.remoteParticipants) {
+        // Use getParticipantsSnapshot() to bypass the observable pipeline
+        // and avoid stale data caused by shareReplay with no active subscribers
+        const participants = this.callState.getParticipantsSnapshot();
+        const videoTrackSubscriptionOverrides = this.videoTrackSubscriptionOverridesSubject.getValue();
+        for (const p of participants) {
+            if (p.isLocalParticipant)
+                continue;
             // NOTE: audio tracks don't have to be requested explicitly
             // as the SFU will implicitly subscribe us to all of them,
             // once they become available.
             if (p.videoDimension && hasVideo(p)) {
-                const override = this.videoTrackSubscriptionOverrides[p.sessionId] ??
-                    this.videoTrackSubscriptionOverrides[globalOverrideKey];
+                const override = videoTrackSubscriptionOverrides[p.sessionId] ??
+                    videoTrackSubscriptionOverrides[globalOverrideKey];
                 if (override?.enabled !== false) {
                     subscriptions.push({
                         userId: p.userId,
@@ -14891,7 +14928,7 @@ class StreamClient {
         this.getUserAgent = () => {
             if (!this.cachedUserAgent) {
                 const { clientAppIdentifier = {} } = this.options;
-                const { sdkName = 'js', sdkVersion = "1.37.0", ...extras } = clientAppIdentifier;
+                const { sdkName = 'js', sdkVersion = "1.37.2", ...extras } = clientAppIdentifier;
                 this.cachedUserAgent = [
                     `stream-video-${sdkName}-v${sdkVersion}`,
                     ...Object.entries(extras).map(([key, value]) => `${key}=${value}`),