@stream-io/video-client 0.0.30 → 0.0.32

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.0.32](https://github.com/GetStream/stream-video-js/compare/client0.0.31...client0.0.32) (2023-07-04)
+
+
+### Features
+
+* stop tracking permission requests in Call state ([#744](https://github.com/GetStream/stream-video-js/issues/744)) ([b330df3](https://github.com/GetStream/stream-video-js/commit/b330df39d9dce34d9e5a1a7ec58acb0a905ee07b))
+
+### [0.0.31](https://github.com/GetStream/stream-video-js/compare/client0.0.30...client0.0.31) (2023-07-03)
+
+
+### Bug Fixes
+
+* safeguard against potential race conditions during join-flow ([#741](https://github.com/GetStream/stream-video-js/issues/741)) ([54f1ef6](https://github.com/GetStream/stream-video-js/commit/54f1ef636d3c46b29c538a8c2c7bc5031fde43c9))
+
 ### [0.0.30](https://github.com/GetStream/stream-video-js/compare/client0.0.29...client0.0.30) (2023-07-03)
 
 

package/dist/index.browser.es.js

@@ -7554,13 +7554,6 @@ class CallState {
          * Emits a list of details about recordings performed for the current call.
          */
         this.callRecordingListSubject = new BehaviorSubject([]);
-        /**
-         * Emits the latest call permission request sent by any participant of the
-         * current call.
-         *
-         * @internal
-         */
-        this.callPermissionRequestSubject = new BehaviorSubject(undefined);
         /**
          * A list of comparators that are used to sort the participants.
          *
@@ -7652,15 +7645,6 @@ class CallState {
         this.setCallRecordingsList = (recordings) => {
             return this.setCurrentValue(this.callRecordingListSubject, recordings);
         };
-        /**
-         * Sets the last call permission request.
-         *
-         * @internal
-         * @param request the last call permission request.
-         */
-        this.setCallPermissionRequest = (request) => {
-            return this.setCurrentValue(this.callPermissionRequestSubject, request);
-        };
         /**
          * Sets the call stats report.
          *
@@ -7792,8 +7776,6 @@ class CallState {
         this.anonymousParticipantCount$ =
             this.anonymousParticipantCountSubject.asObservable();
         this.callStatsReport$ = this.callStatsReportSubject.asObservable();
-        this.callPermissionRequest$ =
-            this.callPermissionRequestSubject.asObservable();
         this.callRecordingList$ = this.callRecordingListSubject.asObservable();
         this.metadata$ = this.metadataSubject.asObservable();
         this.members$ = this.membersSubject.asObservable();
@@ -7869,12 +7851,6 @@ class CallState {
     get callRecordingsList() {
         return this.getCurrentValue(this.callRecordingList$);
     }
-    /**
-     * The last call permission request.
-     */
-    get callPermissionRequest() {
-        return this.getCurrentValue(this.callPermissionRequest$);
-    }
     /**
      * The call stats report.
      */
@@ -7990,20 +7966,6 @@ const watchCallUpdated = (state) => {
     };
 };
 
-/**
- * Event handler that watches for `call.permission_request` events
- * Updates the state store using the `callPermissionRequest$` stream
- */
-const watchCallPermissionRequest = (state) => {
-    return function onCallPermissionRequest(event) {
-        if (event.type !== 'call.permission_request')
-            return;
-        const { localParticipant } = state;
-        if (event.user.id !== (localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.userId)) {
-            state.setCallPermissionRequest(event);
-        }
-    };
-};
 /**
  * Event handler that watches for `call.permissions_updated` events
  */
@@ -8162,38 +8124,45 @@ const watchCallMemberUpdated = (state) => {
 /**
  * An event responder which handles the `participantJoined` event.
  */
-const watchParticipantJoined = (dispatcher, state) => {
-    return dispatcher.on('participantJoined', (e) => {
+const watchParticipantJoined = (state) => {
+    return function onParticipantJoined(e) {
         if (e.eventPayload.oneofKind !== 'participantJoined')
             return;
         const { participant } = e.eventPayload.participantJoined;
         if (!participant)
             return;
-        state.setParticipants((participants) => [
-            ...participants,
-            Object.assign(Object.assign({}, participant), { viewportVisibilityState: VisibilityState.UNKNOWN }),
-        ]);
-    });
+        // `state.updateOrAddParticipant` acts as a safeguard against
+        // potential duplicate events from the SFU.
+        //
+        // Although the SFU should not send duplicate events, we have seen
+        // some race conditions in the past during the `join-flow` where
+        // the SFU would send participant info as part of the `join`
+        // response and then follow up with a `participantJoined` event for
+        // already announced participants.
+        state.updateOrAddParticipant(participant.sessionId, Object.assign(participant, {
+            viewportVisibilityState: VisibilityState.UNKNOWN,
+        }));
+    };
 };
 /**
  * An event responder which handles the `participantLeft` event.
  */
-const watchParticipantLeft = (dispatcher, state) => {
-    return dispatcher.on('participantLeft', (e) => {
+const watchParticipantLeft = (state) => {
+    return function onParticipantLeft(e) {
         if (e.eventPayload.oneofKind !== 'participantLeft')
             return;
         const { participant } = e.eventPayload.participantLeft;
         if (!participant)
             return;
         state.setParticipants((participants) => participants.filter((p) => p.sessionId !== participant.sessionId));
-    });
+    };
 };
 /**
  * An event responder which handles the `trackPublished` event.
  * The SFU will send this event when a participant publishes a track.
  */
-const watchTrackPublished = (dispatcher, state) => {
-    return dispatcher.on('trackPublished', (e) => {
+const watchTrackPublished = (state) => {
+    return function onTrackPublished(e) {
         if (e.eventPayload.oneofKind !== 'trackPublished')
             return;
         const { trackPublished: { type, sessionId, participant }, } = e.eventPayload;
@@ -8202,34 +8171,34 @@ const watchTrackPublished = (dispatcher, state) => {
         // events, and instead, it would only provide the participant's information
         // once they start publishing a track.
         if (participant) {
-            state.updateOrAddParticipant(participant.sessionId, participant);
+            state.updateOrAddParticipant(sessionId, participant);
         }
         else {
             state.updateParticipant(sessionId, (p) => ({
                 publishedTracks: [...p.publishedTracks, type].filter(unique),
             }));
         }
-    });
+    };
 };
 /**
  * An event responder which handles the `trackUnpublished` event.
  * The SFU will send this event when a participant unpublishes a track.
  */
-const watchTrackUnpublished = (dispatcher, state) => {
-    return dispatcher.on('trackUnpublished', (e) => {
+const watchTrackUnpublished = (state) => {
+    return function onTrackUnpublished(e) {
         if (e.eventPayload.oneofKind !== 'trackUnpublished')
             return;
         const { trackUnpublished: { type, sessionId, participant }, } = e.eventPayload;
         // An optimization for large calls. See `watchTrackPublished`.
         if (participant) {
-            state.updateOrAddParticipant(participant.sessionId, participant);
+            state.updateOrAddParticipant(sessionId, participant);
         }
         else {
             state.updateParticipant(sessionId, (p) => ({
                 publishedTracks: p.publishedTracks.filter((t) => t !== type),
             }));
         }
-    });
+    };
 };
 const unique = (v, i, arr) => arr.indexOf(v) === i;
 
@@ -8459,7 +8428,6 @@ const registerEventHandlers = (call, state, dispatcher) => {
         'call.member_removed': watchCallMemberRemoved(state),
         'call.member_updated': watchCallMemberUpdated(state),
         'call.member_updated_permission': watchCallMemberUpdatedPermission(state),
-        'call.permission_request': watchCallPermissionRequest(state),
         'call.permissions_updated': watchCallPermissionsUpdated(state),
         'call.reaction_new': watchNewReactions(state),
         'call.recording_started': watchCallRecordingStarted(state),
@@ -8477,10 +8445,10 @@ const registerEventHandlers = (call, state, dispatcher) => {
         watchChangePublishQuality(dispatcher, call),
         watchConnectionQualityChanged(dispatcher, state),
         watchParticipantCountChanged(dispatcher, state),
-        watchParticipantJoined(dispatcher, state),
-        watchParticipantLeft(dispatcher, state),
-        watchTrackPublished(dispatcher, state),
-        watchTrackUnpublished(dispatcher, state),
+        call.on('participantJoined', watchParticipantJoined(state)),
+        call.on('participantLeft', watchParticipantLeft(state)),
+        call.on('trackPublished', watchTrackPublished(state)),
+        call.on('trackUnpublished', watchTrackUnpublished(state)),
         watchAudioLevelChanged(dispatcher, state),
         watchDominantSpeakerChanged(dispatcher, state),
         call.on('callGrantsUpdated', watchCallGrantsUpdated(state)),
@@ -11871,7 +11839,7 @@ class StreamClient {
     }
     getUserAgent() {
         return (this.userAgent ||
-            `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${"0.0.29"}`);
+            `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${"0.0.31"}`);
     }
     setUserAgent(userAgent) {
         this.userAgent = userAgent;