@stream-io/video-client 0.5.1 → 0.5.2

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+### [0.5.2](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-0.5.1...@stream-io/video-client-0.5.2) (2023-12-11)
+
+
+### Bug Fixes
+
+* **ringing:** Auto-Cancel outgoing calls ([#1217](https://github.com/GetStream/stream-video-js/issues/1217)) ([c4d557b](https://github.com/GetStream/stream-video-js/commit/c4d557b736df8ff0a95166d1f9f0a52d4a57a122)), closes [#1215](https://github.com/GetStream/stream-video-js/issues/1215)
+
 ### [0.5.1](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-0.5.0...@stream-io/video-client-0.5.1) (2023-12-05)
 
 

package/dist/index.browser.es.js

@@ -4,7 +4,7 @@ import { ServiceType, stackIntercept } from '@protobuf-ts/runtime-rpc';
 import axios, { AxiosHeaders } from 'axios';
 export { AxiosError } from 'axios';
 import { TwirpFetchTransport } from '@protobuf-ts/twirp-transport';
-import { ReplaySubject, combineLatest, BehaviorSubject, map as map$1, shareReplay, distinctUntilChanged, takeWhile, distinctUntilKeyChanged, merge, from, Observable, debounceTime, concatMap, pairwise, of, filter, tap, debounce, timer } from 'rxjs';
+import { ReplaySubject, combineLatest, BehaviorSubject, map as map$1, shareReplay, distinctUntilChanged, takeWhile, distinctUntilKeyChanged, merge, from, Observable, debounceTime, concatMap, pairwise, of, filter, debounce, timer } from 'rxjs';
 import * as SDP from 'sdp-transform';
 import { UAParser } from 'ua-parser-js';
 import WebSocket from 'isomorphic-ws';
@@ -6492,7 +6492,7 @@ class Publisher {
              */
             const handleTrackEnded = async () => {
                 logger$3('info', `Track ${TrackType[trackType]} has ended, notifying the SFU`);
-                await this.notifyTrackMuteStateChanged(mediaStream, track, trackType, true);
+                await this.notifyTrackMuteStateChanged(mediaStream, trackType, true);
                 // clean-up, this event listener needs to run only once.
                 track.removeEventListener('ended', handleTrackEnded);
             };
@@ -6548,7 +6548,7 @@ class Publisher {
                 }
                 await transceiver.sender.replaceTrack(track);
             }
-            await this.notifyTrackMuteStateChanged(mediaStream, track, trackType, false);
+            await this.notifyTrackMuteStateChanged(mediaStream, trackType, false);
         };
         /**
          * Stops publishing the given track type to the SFU, if it is currently being published.
@@ -6570,7 +6570,7 @@ class Publisher {
                     : (transceiver.sender.track.enabled = false);
                 // We don't need to notify SFU if unpublishing in response to remote soft mute
                 if (this.state.localParticipant?.publishedTracks.includes(trackType)) {
-                    await this.notifyTrackMuteStateChanged(undefined, transceiver.sender.track, trackType, true);
+                    await this.notifyTrackMuteStateChanged(undefined, trackType, true);
                 }
             }
         };
@@ -6602,7 +6602,7 @@ class Publisher {
             }
             return false;
         };
-        this.notifyTrackMuteStateChanged = async (mediaStream, track, trackType, isMuted) => {
+        this.notifyTrackMuteStateChanged = async (mediaStream, trackType, isMuted) => {
             await this.sfuClient.updateMuteState(trackType, isMuted);
             const audioOrVideoOrScreenShareStream = trackTypeToParticipantStreamKey(trackType);
             if (isMuted) {
@@ -7646,131 +7646,6 @@ var rxUtils = /*#__PURE__*/Object.freeze({
     setCurrentValue: setCurrentValue
 });
 
-class StreamVideoWriteableStateStore {
-    constructor() {
-        /**
-         * A store keeping data of a successfully connected user over WS to the coordinator server.
-         */
-        this.connectedUserSubject = new BehaviorSubject(undefined);
-        /**
-         * A list of {@link Call} objects created/tracked by this client.
-         */
-        this.callsSubject = new BehaviorSubject([]);
-        /**
-         * Gets the current value of an observable, or undefined if the observable has
-         * not emitted a value yet.
-         *
-         * @param observable$ the observable to get the value from.
-         */
-        this.getCurrentValue = getCurrentValue;
-        /**
-         * Updates the value of the provided Subject.
-         * An `update` can either be a new value or a function which takes
-         * the current value and returns a new value.
-         *
-         * @param subject the subject to update.
-         * @param update the update to apply to the subject.
-         * @return the updated value.
-         */
-        this.setCurrentValue = setCurrentValue;
-        /**
-         * Sets the currently connected user.
-         *
-         * @internal
-         * @param user the user to set as connected.
-         */
-        this.setConnectedUser = (user) => {
-            return this.setCurrentValue(this.connectedUserSubject, user);
-        };
-        /**
-         * Sets the list of {@link Call} objects created/tracked by this client.
-         * @param calls
-         */
-        this.setCalls = (calls) => {
-            return this.setCurrentValue(this.callsSubject, calls);
-        };
-        /**
-         * Adds a {@link Call} object to the list of {@link Call} objects created/tracked by this client.
-         *
-         * @param call the call to add.
-         */
-        this.registerCall = (call) => {
-            if (!this.calls.find((c) => c.cid === call.cid)) {
-                this.setCalls((calls) => [...calls, call]);
-            }
-        };
-        /**
-         * Removes a {@link Call} object from the list of {@link Call} objects created/tracked by this client.
-         *
-         * @param call the call to remove
-         */
-        this.unregisterCall = (call) => {
-            return this.setCalls((calls) => calls.filter((c) => c !== call));
-        };
-        /**
-         * Finds a {@link Call} object in the list of {@link Call} objects created/tracked by this client.
-         *
-         * @param type the type of call to find.
-         * @param id the id of the call to find.
-         */
-        this.findCall = (type, id) => {
-            return this.calls.find((c) => c.type === type && c.id === id);
-        };
-        this.connectedUserSubject.subscribe(async (user) => {
-            // leave all calls when the user disconnects.
-            if (!user) {
-                for (const call of this.calls) {
-                    getLogger(['client-state'])('info', `User disconnected, leaving call: ${call.cid}`);
-                    await call.leave();
-                }
-            }
-        });
-    }
-    /**
-     * The currently connected user.
-     */
-    get connectedUser() {
-        return this.getCurrentValue(this.connectedUserSubject);
-    }
-    /**
-     * A list of {@link Call} objects created/tracked by this client.
-     */
-    get calls() {
-        return this.getCurrentValue(this.callsSubject);
-    }
-}
-/**
- * A reactive store that exposes state variables in a reactive manner.
- * You can subscribe to changes of the different state variables.
- * This central store contains all the state variables related to [`StreamVideoClient`](./StreamVideClient.md) and [`Call`](./Call.md).
- */
-class StreamVideoReadOnlyStateStore {
-    constructor(store) {
-        /**
-         * This method allows you the get the current value of a state variable.
-         *
-         * @param observable the observable to get the current value of.
-         * @returns the current value of the observable.
-         */
-        this.getCurrentValue = getCurrentValue;
-        // convert and expose subjects as observables
-        this.connectedUser$ = store.connectedUserSubject.asObservable();
-        this.calls$ = store.callsSubject.asObservable();
-    }
-    /**
-     * The current user connected over WS to the backend.
-     */
-    get connectedUser() {
-        return getCurrentValue(this.connectedUser$);
-    }
-    /**
-     * A list of {@link Call} objects created/tracked by this client.
-     */
-    get calls() {
-        return getCurrentValue(this.calls$);
-    }
-}
-
 /**
  * Creates a new combined {@link Comparator<T>} which sorts items by the given comparators.
  * The comparators are applied in the order they are given (left -> right).
@@ -8729,6 +8604,136 @@ class CallState {
     }
 }
 
+class StreamVideoWriteableStateStore {
+    constructor() {
+        /**
+         * A store keeping data of a successfully connected user over WS to the coordinator server.
+         */
+        this.connectedUserSubject = new BehaviorSubject(undefined);
+        /**
+         * A list of {@link Call} objects created/tracked by this client.
+         */
+        this.callsSubject = new BehaviorSubject([]);
+        /**
+         * Gets the current value of an observable, or undefined if the observable has
+         * not emitted a value yet.
+         *
+         * @param observable$ the observable to get the value from.
+         */
+        this.getCurrentValue = getCurrentValue;
+        /**
+         * Updates the value of the provided Subject.
+         * An `update` can either be a new value or a function which takes
+         * the current value and returns a new value.
+         *
+         * @param subject the subject to update.
+         * @param update the update to apply to the subject.
+         * @return the updated value.
+         */
+        this.setCurrentValue = setCurrentValue;
+        /**
+         * Sets the currently connected user.
+         *
+         * @internal
+         * @param user the user to set as connected.
+         */
+        this.setConnectedUser = (user) => {
+            return this.setCurrentValue(this.connectedUserSubject, user);
+        };
+        /**
+         * Sets the list of {@link Call} objects created/tracked by this client.
+         * @param calls
+         */
+        this.setCalls = (calls) => {
+            return this.setCurrentValue(this.callsSubject, calls);
+        };
+        /**
+         * Adds a {@link Call} object to the list of {@link Call} objects created/tracked by this client.
+         *
+         * @param call the call to add.
+         */
+        this.registerCall = (call) => {
+            if (!this.calls.find((c) => c.cid === call.cid)) {
+                this.setCalls((calls) => [...calls, call]);
+            }
+        };
+        /**
+         * Removes a {@link Call} object from the list of {@link Call} objects created/tracked by this client.
+         *
+         * @param call the call to remove
+         */
+        this.unregisterCall = (call) => {
+            return this.setCalls((calls) => calls.filter((c) => c !== call));
+        };
+        /**
+         * Finds a {@link Call} object in the list of {@link Call} objects created/tracked by this client.
+         *
+         * @param type the type of call to find.
+         * @param id the id of the call to find.
+         */
+        this.findCall = (type, id) => {
+            return this.calls.find((c) => c.type === type && c.id === id);
+        };
+        this.connectedUserSubject.subscribe(async (user) => {
+            // leave all calls when the user disconnects.
+            if (!user) {
+                const logger = getLogger(['client-state']);
+                for (const call of this.calls) {
+                    if (call.state.callingState === CallingState.LEFT)
+                        continue;
+                    logger('info', `User disconnected, leaving call: ${call.cid}`);
+                    await call.leave().catch((err) => {
+                        logger('error', `Error leaving call: ${call.cid}`, err);
+                    });
+                }
+            }
+        });
+    }
+    /**
+     * The currently connected user.
+     */
+    get connectedUser() {
+        return this.getCurrentValue(this.connectedUserSubject);
+    }
+    /**
+     * A list of {@link Call} objects created/tracked by this client.
+     */
+    get calls() {
+        return this.getCurrentValue(this.callsSubject);
+    }
+}
+/**
+ * A reactive store that exposes state variables in a reactive manner.
+ * You can subscribe to changes of the different state variables.
+ * This central store contains all the state variables related to [`StreamVideoClient`](./StreamVideClient.md) and [`Call`](./Call.md).
+ */
+class StreamVideoReadOnlyStateStore {
+    constructor(store) {
+        /**
+         * This method allows you the get the current value of a state variable.
+         *
+         * @param observable the observable to get the current value of.
+         * @returns the current value of the observable.
+         */
+        this.getCurrentValue = getCurrentValue;
+        // convert and expose subjects as observables
+        this.connectedUser$ = store.connectedUserSubject.asObservable();
+        this.calls$ = store.callsSubject.asObservable();
+    }
+    /**
+     * The current user connected over WS to the backend.
+     */
+    get connectedUser() {
+        return getCurrentValue(this.connectedUser$);
+    }
+    /**
+     * A list of {@link Call} objects created/tracked by this client.
+     */
+    get calls() {
+        return getCurrentValue(this.calls$);
+    }
+}
+
 /**
  * Event handler that watched the delivery of `call.accepted`.
  * Once the event is received, the call is joined.
@@ -11915,9 +11920,10 @@ class Call {
             return this.state.setSortParticipantsBy(criteria);
         };
         /**
+         * Updates the list of video layers to publish.
+         *
          * @internal
-         * @param enabledRids
-         * @returns
+         * @param enabledLayers the list of layers to enable.
          */
         this.updatePublishQuality = async (enabledLayers) => {
             return this.publisher?.updateVideoPublishQuality(enabledLayers);
@@ -12189,35 +12195,29 @@ class Call {
         this.updateCallMembers = async (data) => {
             return this.streamClient.post(`${this.streamClientBasePath}/members`, data);
         };
+        /**
+         * Schedules an auto-drop timeout based on the call settings.
+         * Applicable only for ringing calls.
+         */
         this.scheduleAutoDrop = () => {
-            if (this.dropTimeout)
-                clearTimeout(this.dropTimeout);
-            const subscription = this.state.settings$
-                .pipe(pairwise(), tap(([prevSettings, currentSettings]) => {
-                if (!currentSettings || !this.clientStore.connectedUser)
+            clearTimeout(this.dropTimeout);
+            this.leaveCallHooks.add(createSubscription(this.state.settings$, (settings) => {
+                if (!settings)
                     return;
-                const isOutgoingCall = this.currentUserId === this.state.createdBy?.id;
-                const [prevTimeoutMs, timeoutMs] = isOutgoingCall
-                    ? [
-                        prevSettings?.ring.auto_cancel_timeout_ms,
-                        currentSettings.ring.auto_cancel_timeout_ms,
-                    ]
-                    : [
-                        prevSettings?.ring.incoming_call_timeout_ms,
-                        currentSettings.ring.incoming_call_timeout_ms,
-                    ];
-                if (typeof timeoutMs === 'undefined' ||
-                    timeoutMs === prevTimeoutMs ||
-                    timeoutMs === 0)
+                // ignore if the call is not ringing
+                if (this.state.callingState !== CallingState.RINGING)
                     return;
-                if (this.dropTimeout)
-                    clearTimeout(this.dropTimeout);
-                this.dropTimeout = setTimeout(() => this.leave(), timeoutMs);
-            }), takeWhile(() => !!this.clientStore.calls.find((call) => call.cid === this.cid)))
-                .subscribe();
-            this.leaveCallHooks.add(() => {
-                !subscription.closed && subscription.unsubscribe();
-            });
+                const timeoutInMs = settings.ring.auto_cancel_timeout_ms;
+                // 0 means no auto-drop
+                if (timeoutInMs <= 0)
+                    return;
+                clearTimeout(this.dropTimeout);
+                this.dropTimeout = setTimeout(() => {
+                    this.leave().catch((err) => {
+                        this.logger('error', 'Failed to drop call', err);
+                    });
+                }, timeoutInMs);
+            }));
         };
         /**
          * Retrieves the list of recordings for the current call or call session.
@@ -14141,7 +14141,7 @@ class StreamClient {
             });
         };
         this.getUserAgent = () => {
-            const version = "0.5.1" ;
+            const version = "0.5.2" ;
             return (this.userAgent ||
                 `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${version}`);
         };