@stream-io/video-client 0.0.2-alpha.10 → 0.0.2-alpha.12

package/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.0.2-alpha.12](https://github.com/GetStream/stream-video-js/compare/client0.0.2-alpha.11...client0.0.2-alpha.12) (2023-05-31)
+
+
+### Features
+
+* Adjust OwnCapabilities handling ([#574](https://github.com/GetStream/stream-video-js/issues/574)) ([d9e27db](https://github.com/GetStream/stream-video-js/commit/d9e27db65e641241d5ec5a9a72a94f118ece284d))
+
+
+
+## [0.0.2-alpha.11](https://github.com/GetStream/stream-video-js/compare/client0.0.2-alpha.10...client0.0.2-alpha.11) (2023-05-31)
+
+
+
 ## [0.0.2-alpha.10](https://github.com/GetStream/stream-video-js/compare/client0.0.2-alpha.9...client0.0.2-alpha.10) (2023-05-31)
 
 

package/dist/index.browser.es.js

@@ -6615,6 +6615,12 @@ class CallState {
          * @internal
          */
         this.membersSubject = new BehaviorSubject([]);
+        /**
+         * The list of capabilities of the current user.
+         *
+         * @private
+         */
+        this.ownCapabilitiesSubject = new BehaviorSubject([]);
         /**
          * The calling state.
          *
@@ -6797,6 +6803,15 @@ class CallState {
         this.setMembers = (members) => {
             this.setCurrentValue(this.membersSubject, members);
         };
+        /**
+         * Sets the own capabilities.
+         *
+         * @internal
+         * @param capabilities the capabilities to set.
+         */
+        this.setOwnCapabilities = (capabilities) => {
+            return this.setCurrentValue(this.ownCapabilitiesSubject, capabilities);
+        };
         /**
          * Will try to find the participant with the given sessionId in the current call.
          *
@@ -6886,6 +6901,7 @@ class CallState {
         this.callRecordingList$ = this.callRecordingListSubject.asObservable();
         this.metadata$ = this.metadataSubject.asObservable();
         this.members$ = this.membersSubject.asObservable();
+        this.ownCapabilities$ = this.ownCapabilitiesSubject.asObservable();
         this.callingState$ = this.callingStateSubject.asObservable();
     }
     /**
@@ -6981,6 +6997,12 @@ class CallState {
     get members() {
         return this.getCurrentValue(this.members$);
     }
+    /**
+     * The capabilities of the current user for the current call.
+     */
+    get ownCapabilities() {
+        return this.getCurrentValue(this.ownCapabilities$);
+    }
 }
 
 class StreamVideoWriteableStateStore {
@@ -7257,7 +7279,7 @@ const watchCallPermissionsUpdated = (state) => {
             return;
         const { localParticipant } = state;
         if (event.user.id === (localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.userId)) {
-            state.setMetadata((metadata) => (Object.assign(Object.assign({}, metadata), { own_capabilities: event.own_capabilities })));
+            state.setOwnCapabilities(event.own_capabilities);
         }
     };
 };
@@ -7268,7 +7290,6 @@ const watchCallPermissionsUpdated = (state) => {
  */
 const watchCallGrantsUpdated = (state) => {
     return function onCallGrantsUpdated(event) {
-        var _a;
         if (event.eventPayload.oneofKind !== 'callGrantsUpdated')
             return;
         const { currentGrants } = event.eventPayload.callGrantsUpdated;
@@ -7279,15 +7300,13 @@ const watchCallGrantsUpdated = (state) => {
                 [OwnCapability.SEND_VIDEO]: canPublishVideo,
                 [OwnCapability.SCREENSHARE]: canScreenshare,
             };
-            const nextCapabilities = (((_a = state.metadata) === null || _a === void 0 ? void 0 : _a.own_capabilities) || []).filter((capability) => update[capability] !== false);
+            const nextCapabilities = state.ownCapabilities.filter((capability) => update[capability] !== false);
             Object.entries(update).forEach(([capability, value]) => {
                 if (value && !nextCapabilities.includes(capability)) {
                     nextCapabilities.push(capability);
                 }
             });
-            state.setMetadata((metadata) => {
-                return Object.assign(Object.assign({}, metadata), { own_capabilities: nextCapabilities });
-            });
+            state.setOwnCapabilities(nextCapabilities);
         }
     };
 };
@@ -7580,10 +7599,7 @@ const watchCallSessionStarted = (state) => {
     return function onCallSessionStarted(event) {
         if (event.type !== 'call.session_started')
             return;
-        const { call } = event;
-        state.setMetadata((metadata) => (Object.assign(Object.assign({}, call), { 
-            // FIXME OL: temporary, until the backend sends the own_capabilities
-            own_capabilities: (metadata === null || metadata === void 0 ? void 0 : metadata.own_capabilities) || [] })));
+        state.setMetadata(event.call);
     };
 };
 /**
@@ -7595,10 +7611,7 @@ const watchCallSessionEnded = (state) => {
     return function onCallSessionEnded(event) {
         if (event.type !== 'call.session_ended')
             return;
-        const { call } = event;
-        state.setMetadata((metadata) => (Object.assign(Object.assign({}, call), { 
-            // FIXME OL: temporary, until the backend sends the own_capabilities
-            own_capabilities: (metadata === null || metadata === void 0 ? void 0 : metadata.own_capabilities) || [] })));
+        state.setMetadata(event.call);
     };
 };
 /**
@@ -7760,13 +7773,14 @@ const registerRingingCallEventHandlers = (call) => {
 const join = (httpClient, type, id, data) => __awaiter(void 0, void 0, void 0, function* () {
     yield httpClient.connectionIdPromise;
     const joinCallResponse = yield doJoin(httpClient, type, id, data);
-    const { call, credentials, members } = joinCallResponse;
+    const { call, credentials, members, own_capabilities } = joinCallResponse;
     return {
         connectionConfig: toRtcConfiguration(credentials.ice_servers),
         sfuServer: credentials.server,
         token: credentials.token,
         metadata: call,
         members,
+        ownCapabilities: own_capabilities,
     };
 });
 const doJoin = (httpClient, type, id, data) => __awaiter(void 0, void 0, void 0, function* () {
@@ -8302,7 +8316,7 @@ class Call {
      * Use the [`StreamVideoClient.call`](./StreamVideoClient.md/#call)
      * method to construct a `Call` instance.
      */
-    constructor({ type, id, streamClient, metadata, members, sortParticipantsBy, clientStore, ringing = false, watching = false, }) {
+    constructor({ type, id, streamClient, metadata, members, ownCapabilities, sortParticipantsBy, clientStore, ringing = false, watching = false, }) {
         /**
          * ViewportTracker instance
          */
@@ -8394,6 +8408,7 @@ class Call {
             }
             this.state.setMetadata(response.call);
             this.state.setMembers(response.members);
+            this.state.setOwnCapabilities(response.own_capabilities);
             if (this.streamClient._hasConnectionID()) {
                 this.watching = true;
                 this.clientStore.registerCall(this);
@@ -8412,6 +8427,7 @@ class Call {
             }
             this.state.setMetadata(response.call);
             this.state.setMembers(response.members);
+            this.state.setOwnCapabilities(response.own_capabilities);
             if (this.streamClient._hasConnectionID()) {
                 this.watching = true;
                 this.clientStore.registerCall(this);
@@ -8478,6 +8494,7 @@ class Call {
                 const call = yield join(this.streamClient, this.type, this.id, data);
                 this.state.setMetadata(call.metadata);
                 this.state.setMembers(call.members);
+                this.state.setOwnCapabilities(call.ownCapabilities);
                 connectionConfig = call.connectionConfig;
                 sfuServer = call.sfuServer;
                 sfuToken = call.token;
@@ -9200,15 +9217,6 @@ class Call {
             this.state.setCallRecordingsList(response.recordings);
             return response;
         });
-        /**
-         * Returns a list of Edge Serves for current call.
-         *
-         * @deprecated merged with `call.join`.
-         * @param data the data.
-         */
-        this.getEdgeServer = (data) => {
-            return this.streamClient.post(`${this.streamClientBasePath}/get_edge_server`, data);
-        };
         /**
          * Sends an event to all call participants.
          *
@@ -9232,6 +9240,7 @@ class Call {
         }
         this.state.setMetadata(metadata);
         this.state.setMembers(members || []);
+        this.state.setOwnCapabilities(ownCapabilities || []);
         this.state.setCallingState(ringing ? CallingState.RINGING : CallingState.IDLE);
         this.leaveCallHooks.push(registerEventHandlers(this, this.state, this.dispatcher));
         this.registerEffects();
@@ -9243,23 +9252,13 @@ class Call {
         createSubscription(this.state.metadata$, (metadata) => {
             if (!metadata)
                 return;
-            this.permissionsContext.setPermissions(metadata.own_capabilities);
             this.permissionsContext.setCallSettings(metadata.settings);
         }), 
-        // handles the case when the user is blocked by the call owner.
-        createSubscription(this.state.metadata$, (metadata) => __awaiter(this, void 0, void 0, function* () {
-            if (!metadata)
-                return;
-            const currentUserId = this.currentUserId;
-            if (currentUserId &&
-                metadata.blocked_user_ids.includes(currentUserId)) {
-                yield this.leave();
-            }
-        })), 
-        // handle the case when the user permissions are revoked.
-        createSubscription(this.state.metadata$, (metadata) => {
-            if (!metadata)
-                return;
+        // handle the case when the user permissions are modified.
+        createSubscription(this.state.ownCapabilities$, (ownCapabilities) => {
+            // update the permission context.
+            this.permissionsContext.setPermissions(ownCapabilities);
+            // check if the user still has publishing permissions and stop publishing if not.
             const permissionToTrackType = {
                 [OwnCapability.SEND_AUDIO]: TrackType.AUDIO,
                 [OwnCapability.SEND_VIDEO]: TrackType.VIDEO,
@@ -9274,6 +9273,16 @@ class Call {
                 }
             });
         }), 
+        // handles the case when the user is blocked by the call owner.
+        createSubscription(this.state.metadata$, (metadata) => __awaiter(this, void 0, void 0, function* () {
+            if (!metadata)
+                return;
+            const currentUserId = this.currentUserId;
+            if (currentUserId &&
+                metadata.blocked_user_ids.includes(currentUserId)) {
+                yield this.leave();
+            }
+        })), 
         // watch for auto drop cancellation
         createSubscription(this.state.callingState$, (callingState) => {
             if (!this.ringing)
@@ -10963,7 +10972,7 @@ class StreamClient {
     }
     getUserAgent() {
         return (this.userAgent ||
-            `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${"0.0.2-alpha.9"}`);
+            `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${"0.0.2-alpha.11"}`);
     }
     setUserAgent(userAgent) {
         this.userAgent = userAgent;
@@ -11171,6 +11180,7 @@ class StreamVideoClient {
                     type: c.call.type,
                     metadata: c.call,
                     members: c.members,
+                    ownCapabilities: c.own_capabilities,
                     watching: data.watch,
                     clientStore: this.writeableStateStore,
                 });