@stream-io/video-client 1.46.0 → 1.47.0

package/dist/index.es.js

@@ -6285,7 +6285,7 @@ const getSdkVersion = (sdk) => {
     return sdk ? `${sdk.major}.${sdk.minor}.${sdk.patch}` : '0.0.0-development';
 };
 
-const version = "1.46.0";
+const version = "1.47.0";
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -10866,8 +10866,14 @@ class DeviceManager {
             this.handleDisconnectedOrReplacedDevices();
         }
         if (this.devicePersistence.enabled) {
-            this.subscriptions.push(createSubscription(combineLatest([this.state.selectedDevice$, this.state.status$]), ([selectedDevice, status]) => {
-                if (!status)
+            this.subscriptions.push(createSubscription(combineLatest([
+                this.state.selectedDevice$,
+                this.state.status$,
+                this.state.browserPermissionState$,
+            ]), ([selectedDevice, status, browserPermissionState]) => {
+                if (!status ||
+                    (this.isTrackStoppedDueToTrackEnd && status === 'disabled') ||
+                    browserPermissionState !== 'granted')
                     return;
                 this.persistPreference(selectedDevice, status);
             }));
@@ -11632,7 +11638,10 @@ class CameraManager extends DeviceManager {
         const shouldApplyDefaults = this.state.status === undefined &&
             this.state.optimisticStatus === undefined;
         let persistedPreferencesApplied = false;
-        if (shouldApplyDefaults && this.devicePersistence.enabled) {
+        const permissionState = await firstValueFrom(this.state.browserPermissionState$);
+        if (shouldApplyDefaults &&
+            this.devicePersistence.enabled &&
+            permissionState === 'granted') {
             persistedPreferencesApplied =
                 await this.applyPersistedPreferences(enabledInCallType);
         }
@@ -11928,35 +11937,43 @@ class RNSpeechDetector {
     constructor(externalAudioStream) {
         this.pc1 = new RTCPeerConnection({});
         this.pc2 = new RTCPeerConnection({});
+        this.isStopped = false;
         this.externalAudioStream = externalAudioStream;
     }
     /**
      * Starts the speech detection.
      */
     async start(onSoundDetectedStateChanged) {
+        let detachListeners;
+        let unsubscribe;
         try {
+            this.isStopped = false;
             const audioStream = this.externalAudioStream != null
                 ? this.externalAudioStream
                 : await navigator.mediaDevices.getUserMedia({ audio: true });
             this.audioStream = audioStream;
-            this.pc1.addEventListener('icecandidate', (e) => {
-                this.pc2.addIceCandidate(e.candidate).catch(() => {
-                    // do nothing
-                });
-            });
-            this.pc2.addEventListener('icecandidate', async (e) => {
-                this.pc1.addIceCandidate(e.candidate).catch(() => {
-                    // do nothing
-                });
-            });
-            this.pc2.addEventListener('track', (e) => {
+            const onPc1IceCandidate = (e) => {
+                this.forwardIceCandidate(this.pc2, e.candidate);
+            };
+            const onPc2IceCandidate = (e) => {
+                this.forwardIceCandidate(this.pc1, e.candidate);
+            };
+            const onTrackPc2 = (e) => {
                 e.streams[0].getTracks().forEach((track) => {
                     // In RN, the remote track is automatically added to the audio output device
                     // so we need to mute it to avoid hearing the audio back
                     // @ts-expect-error _setVolume is a private method in react-native-webrtc
                     track._setVolume(0);
                 });
-            });
+            };
+            this.pc1.addEventListener('icecandidate', onPc1IceCandidate);
+            this.pc2.addEventListener('icecandidate', onPc2IceCandidate);
+            this.pc2.addEventListener('track', onTrackPc2);
+            detachListeners = () => {
+                this.pc1.removeEventListener('icecandidate', onPc1IceCandidate);
+                this.pc2.removeEventListener('icecandidate', onPc2IceCandidate);
+                this.pc2.removeEventListener('track', onTrackPc2);
+            };
             audioStream
                 .getTracks()
                 .forEach((track) => this.pc1.addTrack(track, audioStream));
@@ -11966,13 +11983,17 @@ class RNSpeechDetector {
             const answer = await this.pc2.createAnswer();
             await this.pc1.setRemoteDescription(answer);
             await this.pc2.setLocalDescription(answer);
-            const unsubscribe = this.onSpeakingDetectedStateChange(onSoundDetectedStateChanged);
+            unsubscribe = this.onSpeakingDetectedStateChange(onSoundDetectedStateChanged);
             return () => {
-                unsubscribe();
+                detachListeners?.();
+                unsubscribe?.();
                 this.stop();
             };
         }
         catch (error) {
+            detachListeners?.();
+            unsubscribe?.();
+            this.stop();
             const logger = videoLoggerSystem.getLogger('RNSpeechDetector');
             logger.error('error handling permissions: ', error);
             return () => { };
@@ -11982,6 +12003,9 @@ class RNSpeechDetector {
      * Stops the speech detection and releases all allocated resources.
      */
     stop() {
+        if (this.isStopped)
+            return;
+        this.isStopped = true;
         this.pc1.close();
         this.pc2.close();
         if (this.externalAudioStream != null) {
@@ -12081,6 +12105,18 @@ class RNSpeechDetector {
             this.audioStream.release();
         }
     }
+    forwardIceCandidate(destination, candidate) {
+        if (this.isStopped ||
+            !candidate ||
+            destination.signalingState === 'closed') {
+            return;
+        }
+        destination.addIceCandidate(candidate).catch(() => {
+            // silently ignore the error
+            const logger = videoLoggerSystem.getLogger('RNSpeechDetector');
+            logger.info('cannot add ice candidate - ignoring');
+        });
+    }
 }
 
 class MicrophoneManager extends AudioDeviceManager {
@@ -12347,7 +12383,10 @@ class MicrophoneManager extends AudioDeviceManager {
         const shouldApplyDefaults = this.state.status === undefined &&
             this.state.optimisticStatus === undefined;
         let persistedPreferencesApplied = false;
-        if (shouldApplyDefaults && this.devicePersistence.enabled) {
+        const permissionState = await firstValueFrom(this.state.browserPermissionState$);
+        if (shouldApplyDefaults &&
+            this.devicePersistence.enabled &&
+            permissionState === 'granted') {
             persistedPreferencesApplied = await this.applyPersistedPreferences(true);
         }
         const canPublish = this.call.permissionsContext.canPublish(this.trackType);
@@ -12731,7 +12770,12 @@ class SpeakerManager {
             }));
         }
         if (!isReactNative() && this.devicePersistence.enabled) {
-            this.subscriptions.push(createSubscription(this.state.selectedDevice$, (selectedDevice) => {
+            this.subscriptions.push(createSubscription(combineLatest([
+                this.state.selectedDevice$,
+                getAudioBrowserPermission(this.call.tracer).asStateObservable(),
+            ]), ([selectedDevice, browserPermissionState]) => {
+                if (!selectedDevice || browserPermissionState !== 'granted')
+                    return;
                 this.persistSpeakerDevicePreference(selectedDevice);
             }));
         }
@@ -16106,7 +16150,7 @@ class StreamClient {
         this.getUserAgent = () => {
             if (!this.cachedUserAgent) {
                 const { clientAppIdentifier = {} } = this.options;
-                const { sdkName = 'js', sdkVersion = "1.46.0", ...extras } = clientAppIdentifier;
+                const { sdkName = 'js', sdkVersion = "1.47.0", ...extras } = clientAppIdentifier;
                 this.cachedUserAgent = [
                     `stream-video-${sdkName}-v${sdkVersion}`,
                     ...Object.entries(extras).map(([key, value]) => `${key}=${value}`),