@stream-io/video-client 1.25.0 → 1.25.1

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.25.1](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.25.0...@stream-io/video-client-1.25.1) (2025-06-30)
+
+### Bug Fixes
+
+- correctly setup and dispose device managers ([#1836](https://github.com/GetStream/stream-video-js/issues/1836)) ([92fbe6c](https://github.com/GetStream/stream-video-js/commit/92fbe6c1da3bf06847244f430652bdc9433533bf))
+
 ## [1.25.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.24.0...@stream-io/video-client-1.25.0) (2025-06-20)
 
 - upgrade stream deps and improve API error code logging ([#1827](https://github.com/GetStream/stream-video-js/issues/1827)) ([8c30fef](https://github.com/GetStream/stream-video-js/commit/8c30fef80d78055f5adeae02f7347c1c3fe49b72)), closes [#1826](https://github.com/GetStream/stream-video-js/issues/1826)

package/dist/index.browser.es.js

@@ -5810,7 +5810,7 @@ const aggregate = (stats) => {
     return report;
 };
 
-const version = "1.25.0";
+const version = "1.25.1";
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -9683,6 +9683,7 @@ class InputMediaDeviceManager {
          */
         this.stopOnLeave = true;
         this.subscriptions = [];
+        this.areSubscriptionsSetUp = false;
         this.isTrackStoppedDueToTrackEnd = false;
         this.filters = [];
         this.statusChangeConcurrencyTag = Symbol('statusChangeConcurrencyTag');
@@ -9694,11 +9695,20 @@ class InputMediaDeviceManager {
          */
         this.dispose = () => {
             this.subscriptions.forEach((s) => s());
+            this.subscriptions = [];
+            this.areSubscriptionsSetUp = false;
         };
         this.call = call;
         this.state = state;
         this.trackType = trackType;
         this.logger = getLogger([`${TrackType[trackType].toLowerCase()} manager`]);
+        this.setup();
+    }
+    setup() {
+        if (this.areSubscriptionsSetUp) {
+            return;
+        }
+        this.areSubscriptionsSetUp = true;
         if (deviceIds$ &&
             !isReactNative() &&
             (this.trackType === TrackType.AUDIO || this.trackType === TrackType.VIDEO)) {
@@ -10659,6 +10669,9 @@ class MicrophoneManager extends InputMediaDeviceManager {
         super(call, new MicrophoneManagerState(disableMode), TrackType.AUDIO);
         this.speakingWhileMutedNotificationEnabled = true;
         this.soundDetectorConcurrencyTag = Symbol('soundDetectorConcurrencyTag');
+    }
+    setup() {
+        super.setup();
         this.subscriptions.push(createSafeAsyncSubscription(combineLatest([
             this.call.state.callingState$,
             this.call.state.ownCapabilities$,
@@ -10936,7 +10949,10 @@ class ScreenShareState extends InputMediaDeviceManagerState {
 class ScreenShareManager extends InputMediaDeviceManager {
     constructor(call) {
         super(call, new ScreenShareState(), TrackType.SCREEN_SHARE);
-        this.subscriptions.push(createSubscription(call.state.settings$, (settings) => {
+    }
+    setup() {
+        super.setup();
+        this.subscriptions.push(createSubscription(this.call.state.settings$, (settings) => {
             const maybeTargetResolution = settings?.screensharing.target_resolution;
             if (maybeTargetResolution) {
                 this.setDefaultConstraints({
@@ -11059,6 +11075,7 @@ class SpeakerState {
 class SpeakerManager {
     constructor(call) {
         this.subscriptions = [];
+        this.areSubscriptionsSetUp = false;
         /**
          * Disposes the manager.
          *
@@ -11066,9 +11083,18 @@ class SpeakerManager {
          */
         this.dispose = () => {
             this.subscriptions.forEach((s) => s.unsubscribe());
+            this.subscriptions = [];
+            this.areSubscriptionsSetUp = false;
         };
         this.call = call;
         this.state = new SpeakerState(call.tracer);
+        this.setup();
+    }
+    setup() {
+        if (this.areSubscriptionsSetUp) {
+            return;
+        }
+        this.areSubscriptionsSetUp = true;
         if (deviceIds$ && !isReactNative()) {
             this.subscriptions.push(combineLatest([deviceIds$, this.state.selectedDevice$]).subscribe(([devices, deviceId]) => {
                 if (!deviceId) {
@@ -11210,6 +11236,10 @@ class Call {
                 this.leaveCallHooks.add(registerEventHandlers(this, this.dispatcher));
                 this.registerEffects();
                 this.registerReconnectHandlers();
+                this.camera.setup();
+                this.microphone.setup();
+                this.screenShare.setup();
+                this.speaker.setup();
                 if (this.state.callingState === CallingState.LEFT) {
                     this.state.setCallingState(CallingState.IDLE);
                 }
@@ -11448,6 +11478,7 @@ class Call {
                 this.microphone.dispose();
                 this.screenShare.dispose();
                 this.speaker.dispose();
+                this.deviceSettingsAppliedOnce = false;
                 const stopOnLeavePromises = [];
                 if (this.camera.stopOnLeave) {
                     stopOnLeavePromises.push(this.camera.disable(true));
@@ -14221,7 +14252,7 @@ class StreamClient {
         this.getUserAgent = () => {
             if (!this.cachedUserAgent) {
                 const { clientAppIdentifier = {} } = this.options;
-                const { sdkName = 'js', sdkVersion = "1.25.0", ...extras } = clientAppIdentifier;
+                const { sdkName = 'js', sdkVersion = "1.25.1", ...extras } = clientAppIdentifier;
                 this.cachedUserAgent = [
                     `stream-video-${sdkName}-v${sdkVersion}`,
                     ...Object.entries(extras).map(([key, value]) => `${key}=${value}`),