@stream-io/video-client 1.5.1 → 1.5.2

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [1.5.2](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.5.1...@stream-io/video-client-1.5.2) (2024-08-23)
+
+
+### Bug Fixes
+
+* handle session_participant_count_updated event ([#1467](https://github.com/GetStream/stream-video-js/issues/1467)) ([55af565](https://github.com/GetStream/stream-video-js/commit/55af565ea259a7fcb4298f4df63d05e4b346ed5a))
+
 ### [1.5.1](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.5.0...@stream-io/video-client-1.5.1) (2024-08-23)
 
 

package/dist/index.browser.es.js

@@ -6535,7 +6535,7 @@ function getIceCandidate(candidate) {
     }
 }
 
-const version = "1.5.1" ;
+const version = "1.5.2" ;
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -7533,7 +7533,8 @@ class CallState {
             this.setCurrentValue(this.egressSubject, call.egress);
             this.setCurrentValue(this.ingressSubject, call.ingress);
             this.setCurrentValue(this.recordingSubject, call.recording);
-            this.setCurrentValue(this.sessionSubject, call.session);
+            const s = this.setCurrentValue(this.sessionSubject, call.session);
+            this.updateParticipantCountFromSession(s);
             this.setCurrentValue(this.settingsSubject, call.settings);
             this.setCurrentValue(this.transcribingSubject, call.transcribing);
             this.setCurrentValue(this.thumbnailsSubject, call.thumbnails);
@@ -7571,12 +7572,32 @@ class CallState {
                 },
             }));
         };
+        this.updateParticipantCountFromSession = (session) => {
+            // when in JOINED state, we should use the participant count coming through
+            // the SFU healthcheck event, as it's more accurate.
+            if (!session || this.callingState === CallingState.JOINED)
+                return;
+            const byRoleCount = Object.values(session.participants_count_by_role).reduce((total, countByRole) => total + countByRole, 0);
+            const participantCount = Math.max(byRoleCount, session.participants.length);
+            this.setParticipantCount(participantCount);
+            this.setAnonymousParticipantCount(session.anonymous_participant_count || 0);
+        };
+        this.updateFromSessionParticipantCountUpdate = (event) => {
+            const s = this.setCurrentValue(this.sessionSubject, (session) => {
+                if (!session)
+                    return session;
+                return {
+                    ...session,
+                    anonymous_participant_count: event.anonymous_participant_count,
+                    participants_count_by_role: event.participants_count_by_role,
+                };
+            });
+            this.updateParticipantCountFromSession(s);
+        };
         this.updateFromSessionParticipantLeft = (event) => {
-            this.setCurrentValue(this.sessionSubject, (session) => {
-                if (!session) {
-                    this.logger('warn', `Received call.session_participant_left event but no session is available.`, event);
+            const s = this.setCurrentValue(this.sessionSubject, (session) => {
+                if (!session)
                     return session;
-                }
                 const { participants, participants_count_by_role } = session;
                 const { user, user_session_id } = event.participant;
                 return {
@@ -7588,13 +7609,12 @@ class CallState {
                     },
                 };
             });
+            this.updateParticipantCountFromSession(s);
         };
         this.updateFromSessionParticipantJoined = (event) => {
-            this.setCurrentValue(this.sessionSubject, (session) => {
-                if (!session) {
-                    this.logger('warn', `Received call.session_participant_joined event but no session is available.`, event);
+            const s = this.setCurrentValue(this.sessionSubject, (session) => {
+                if (!session)
                     return session;
-                }
                 const { participants, participants_count_by_role } = session;
                 const { user, user_session_id } = event.participant;
                 // It could happen that the backend delivers the same participant more than once.
@@ -7625,6 +7645,7 @@ class CallState {
                     },
                 };
             });
+            this.updateParticipantCountFromSession(s);
         };
         this.updateMembers = (event) => {
             this.updateFromCallResponse(event.call);
@@ -7774,6 +7795,7 @@ class CallState {
             'call.ring': (e) => this.updateFromCallResponse(e.call),
             'call.missed': (e) => this.updateFromCallResponse(e.call),
             'call.session_ended': (e) => this.updateFromCallResponse(e.call),
+            'call.session_participant_count_updated': this.updateFromSessionParticipantCountUpdate,
             'call.session_participant_joined': this.updateFromSessionParticipantJoined,
             'call.session_participant_left': this.updateFromSessionParticipantLeft,
             'call.session_started': (e) => this.updateFromCallResponse(e.call),
@@ -15572,7 +15594,7 @@ class StreamClient {
             });
         };
         this.getUserAgent = () => {
-            const version = "1.5.1" ;
+            const version = "1.5.2" ;
             return (this.userAgent ||
                 `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${version}`);
         };