@stream-io/video-client 0.3.36 → 0.4.0

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.4.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-0.3.36...@stream-io/video-client-0.4.0) (2023-10-27)
+
+
+### ⚠ BREAKING CHANGES
+
+* **react-sdk:** Universal Device Management API (#1127)
+
+### Features
+
+* **react-sdk:** Universal Device Management API ([#1127](https://github.com/GetStream/stream-video-js/issues/1127)) ([aeb3561](https://github.com/GetStream/stream-video-js/commit/aeb35612745f45254b536281c5f81d1bcac2bab5))
+
 ### [0.3.36](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-0.3.35...@stream-io/video-client-0.3.36) (2023-10-25)
 
 

package/dist/index.browser.es.js

@@ -5736,9 +5736,6 @@ var DebounceType;
     DebounceType[DebounceType["MEDIUM"] = 600] = "MEDIUM";
     DebounceType[DebounceType["SLOW"] = 1200] = "SLOW";
 })(DebounceType || (DebounceType = {}));
-const isStreamVideoLocalParticipant = (p) => {
-    return !!p.isLocalParticipant;
-};
 
 /**
  * @generated from protobuf service stream.video.sfu.signal.SignalServer
@@ -6222,21 +6219,6 @@ const trackTypeToParticipantStreamKey = (trackType) => {
             throw new Error(`Unknown track type: ${exhaustiveTrackTypeCheck}`);
     }
 };
-const trackTypeToDeviceIdKey = (trackType) => {
-    switch (trackType) {
-        case TrackType.AUDIO:
-            return 'audioDeviceId';
-        case TrackType.VIDEO:
-            return 'videoDeviceId';
-        case TrackType.SCREEN_SHARE:
-        case TrackType.SCREEN_SHARE_AUDIO:
-        case TrackType.UNSPECIFIED:
-            return undefined;
-        default:
-            const exhaustiveTrackTypeCheck = trackType;
-            throw new Error(`Unknown track type: ${exhaustiveTrackTypeCheck}`);
-    }
-};
 const muteTypeToTrackType = (muteType) => {
     switch (muteType) {
         case 'audio':
@@ -6628,14 +6610,11 @@ class Publisher {
                 }));
             }
             else {
-                const deviceId = track.getSettings().deviceId;
-                const audioOrVideoDeviceKey = trackTypeToDeviceIdKey(trackType);
                 this.state.updateParticipant(this.sfuClient.sessionId, (p) => {
                     return {
                         publishedTracks: p.publishedTracks.includes(trackType)
                             ? p.publishedTracks
                             : [...p.publishedTracks, trackType],
-                        ...(audioOrVideoDeviceKey && { [audioOrVideoDeviceKey]: deviceId }),
                         [audioOrVideoOrScreenShareStream]: mediaStream,
                     };
                 });
@@ -8477,7 +8456,7 @@ class CallState {
         // maintain stable-sort by mutating the participants stored
         // in the original subject
         map$1((ps) => ps.sort(this.sortParticipantsBy)), shareReplay({ bufferSize: 1, refCount: true }));
-        this.localParticipant$ = this.participants$.pipe(map$1((participants) => participants.find(isStreamVideoLocalParticipant)), shareReplay({ bufferSize: 1, refCount: true }));
+        this.localParticipant$ = this.participants$.pipe(map$1((participants) => participants.find((p) => p.isLocalParticipant)), shareReplay({ bufferSize: 1, refCount: true }));
         this.remoteParticipants$ = this.participants$.pipe(map$1((participants) => participants.filter((p) => !p.isLocalParticipant)), shareReplay({ bufferSize: 1, refCount: true }));
         this.pinnedParticipants$ = this.participants$.pipe(map$1((participants) => participants.filter((p) => !!p.pin)), shareReplay({ bufferSize: 1, refCount: true }));
         this.dominantSpeaker$ = this.participants$.pipe(map$1((participants) => participants.find((p) => p.isDominantSpeaker)), shareReplay({ bufferSize: 1, refCount: true }));
@@ -9212,14 +9191,7 @@ const reconcileParticipantLocalState = (target, source) => {
     if (!source)
         return target;
     // copy everything from source to target
-    Object.assign(target, source);
-    if (isStreamVideoLocalParticipant(source) &&
-        isStreamVideoLocalParticipant(target)) {
-        target.audioDeviceId = source.audioDeviceId;
-        target.videoDeviceId = source.videoDeviceId;
-        target.audioOutputDeviceId = source.audioOutputDeviceId;
-    }
-    return target;
+    return Object.assign(target, source);
 };
 
 /**
@@ -9822,24 +9794,20 @@ class DynascaleManager {
                     }
                 });
             });
-            const sinkIdSubscription = combineLatest([
-                this.call.state.localParticipant$,
-                this.call.speaker.state.selectedDevice$,
-            ]).subscribe(([p, selectedDevice]) => {
-                const deviceId = getSdkInfo()?.type === SdkType.REACT
-                    ? p?.audioOutputDeviceId
-                    : selectedDevice;
-                if ('setSinkId' in audioElement && typeof deviceId === 'string') {
-                    // @ts-expect-error setSinkId is not yet in the lib
-                    audioElement.setSinkId(deviceId);
-                }
-            });
+            const sinkIdSubscription = !('setSinkId' in audioElement)
+                ? null
+                : this.call.speaker.state.selectedDevice$.subscribe((deviceId) => {
+                    if (deviceId) {
+                        // @ts-expect-error setSinkId is not yet in the lib
+                        audioElement.setSinkId(deviceId);
+                    }
+                });
             const volumeSubscription = this.call.speaker.state.volume$.subscribe((volume) => {
                 audioElement.volume = volume;
             });
             audioElement.autoplay = true;
             return () => {
-                sinkIdSubscription.unsubscribe();
+                sinkIdSubscription?.unsubscribe();
                 volumeSubscription.unsubscribe();
                 updateMediaStreamSubscription.unsubscribe();
             };
@@ -9888,11 +9856,12 @@ class PermissionsContext {
          * within the call.
          *
          * @param permission the permission to check for.
+         * @param settings the call settings to check against (optional).
          */
-        this.canRequest = (permission) => {
-            if (!this.settings)
+        this.canRequest = (permission, settings = this.settings) => {
+            if (!settings)
                 return false;
-            const { audio, video, screensharing } = this.settings;
+            const { audio, video, screensharing } = settings;
             switch (permission) {
                 case OwnCapability.SEND_AUDIO:
                     return audio.access_request_enabled;
@@ -11495,15 +11464,12 @@ class Call {
                 this.state.setServerSidePins(pins);
                 this.reconnectAttempts = 0; // reset the reconnect attempts counter
                 this.state.setCallingState(CallingState.JOINED);
-                // React uses a different device management for now
-                if (getSdkInfo()?.type !== SdkType.REACT) {
-                    try {
-                        await this.initCamera();
-                        await this.initMic();
-                    }
-                    catch (error) {
-                        this.logger('warn', 'Camera and/or mic init failed during join call');
-                    }
+                try {
+                    await this.initCamera();
+                    await this.initMic();
+                }
+                catch (error) {
+                    this.logger('warn', 'Camera and/or mic init failed during join call');
                 }
                 // 3. once we have the "joinResponse", and possibly reconciled the local state
                 // we schedule a fast subscription update for all remote participants
@@ -11730,56 +11696,6 @@ class Call {
         this.stopReportingStatsFor = (sessionId) => {
             return this.statsReporter?.stopReportingStatsFor(sessionId);
         };
-        /**
-         * Sets the used audio output device (`audioOutputDeviceId` of the [`localParticipant$`](./StreamVideoClient.md/#readonlystatestore).
-         *
-         * This method only stores the selection, if you're using custom UI components, you'll have to implement the audio switching, for more information see: https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/sinkId.
-         *
-         *
-         * @param deviceId the selected device, `undefined` means the user wants to use the system's default audio output
-         *
-         * @deprecated use `call.speaker` instead
-         */
-        this.setAudioOutputDevice = (deviceId) => {
-            if (!this.sfuClient)
-                return;
-            this.state.updateParticipant(this.sfuClient.sessionId, {
-                audioOutputDeviceId: deviceId,
-            });
-        };
-        /**
-         * Sets the `audioDeviceId` property of the [`localParticipant$`](./StreamVideoClient.md/#readonlystatestore)).
-         *
-         * This method only stores the selection, if you want to start publishing a media stream call the [`publishAudioStream` method](#publishaudiostream) that will set `audioDeviceId` as well.
-         *
-         *
-         * @param deviceId the selected device, pass `undefined` to clear the device selection
-         *
-         * @deprecated use call.microphone.select
-         */
-        this.setAudioDevice = (deviceId) => {
-            if (!this.sfuClient)
-                return;
-            this.state.updateParticipant(this.sfuClient.sessionId, {
-                audioDeviceId: deviceId,
-            });
-        };
-        /**
-         * Sets the `videoDeviceId` property of the [`localParticipant$`](./StreamVideoClient.md/#readonlystatestore).
-         *
-         * This method only stores the selection, if you want to start publishing a media stream call the [`publishVideoStream` method](#publishvideostream) that will set `videoDeviceId` as well.
-         *
-         * @param deviceId the selected device, pass `undefined` to clear the device selection
-         *
-         * @deprecated use call.camera.select
-         */
-        this.setVideoDevice = (deviceId) => {
-            if (!this.sfuClient)
-                return;
-            this.state.updateParticipant(this.sfuClient.sessionId, {
-                videoDeviceId: deviceId,
-            });
-        };
         /**
          * Resets the last sent reaction for the user holding the given `sessionId`. This is a local action, it won't reset the reaction on the backend.
          *
@@ -14015,7 +13931,7 @@ class StreamClient {
             });
         };
         this.getUserAgent = () => {
-            const version = "0.3.36" ;
+            const version = "0.4.0" ;
             return (this.userAgent ||
                 `stream-video-javascript-client-${this.node ? 'node' : 'browser'}-${version}`);
         };
@@ -14549,5 +14465,5 @@ class StreamVideoServerClient extends StreamVideoClient {
     }
 }
 
-export { AudioSettingsDefaultDeviceEnum, AudioSettingsRequestDefaultDeviceEnum, browsers as Browsers, Call, CallState, CallType, CallTypes, CallingState, CameraManager, CameraManagerState, CreateDeviceRequestPushProviderEnum, DebounceType, DynascaleManager, ErrorFromResponse, InputMediaDeviceManager, InputMediaDeviceManagerState, LayoutSettingsNameEnum, LayoutSettingsRequestNameEnum, MicrophoneManager, MicrophoneManagerState, OwnCapability, RecordSettingsRequestModeEnum, RecordSettingsRequestQualityEnum, rxUtils as RxUtils, ScreenShareManager, ScreenShareState, events as SfuEvents, models as SfuModels, SpeakerManager, SpeakerState, StreamSfuClient, StreamVideoClient, StreamVideoReadOnlyStateStore, StreamVideoServerClient, StreamVideoWriteableStateStore, TranscriptionSettingsModeEnum, TranscriptionSettingsRequestModeEnum, VideoSettingsCameraFacingEnum, VideoSettingsRequestCameraFacingEnum, ViewportTracker, VisibilityState, checkIfAudioOutputChangeSupported, combineComparators, conditional, createSoundDetector, defaultSortPreset, descending, disposeOfMediaStream, dominantSpeaker, getAudioDevices, getAudioOutputDevices, getAudioStream, getClientDetails, getDeviceInfo, getLogger, getOSInfo, getScreenShareStream, getSdkInfo, getVideoDevices, getVideoStream, isStreamVideoLocalParticipant, livestreamOrAudioRoomSortPreset, logLevels, logToConsole, name, noopComparator, paginatedLayoutSortPreset, pinned, publishingAudio, publishingVideo, reactionType, role, screenSharing, setDeviceInfo, setLogLevel, setLogger, setOSInfo, setSdkInfo, speakerLayoutSortPreset, speaking, watchForAddedDefaultAudioDevice, watchForAddedDefaultAudioOutputDevice, watchForAddedDefaultVideoDevice, watchForDisconnectedAudioDevice, watchForDisconnectedAudioOutputDevice, watchForDisconnectedVideoDevice };
+export { AudioSettingsDefaultDeviceEnum, AudioSettingsRequestDefaultDeviceEnum, browsers as Browsers, Call, CallState, CallType, CallTypes, CallingState, CameraManager, CameraManagerState, CreateDeviceRequestPushProviderEnum, DebounceType, DynascaleManager, ErrorFromResponse, InputMediaDeviceManager, InputMediaDeviceManagerState, LayoutSettingsNameEnum, LayoutSettingsRequestNameEnum, MicrophoneManager, MicrophoneManagerState, OwnCapability, RecordSettingsRequestModeEnum, RecordSettingsRequestQualityEnum, rxUtils as RxUtils, ScreenShareManager, ScreenShareState, events as SfuEvents, models as SfuModels, SpeakerManager, SpeakerState, StreamSfuClient, StreamVideoClient, StreamVideoReadOnlyStateStore, StreamVideoServerClient, StreamVideoWriteableStateStore, TranscriptionSettingsModeEnum, TranscriptionSettingsRequestModeEnum, VideoSettingsCameraFacingEnum, VideoSettingsRequestCameraFacingEnum, ViewportTracker, VisibilityState, checkIfAudioOutputChangeSupported, combineComparators, conditional, createSoundDetector, defaultSortPreset, descending, disposeOfMediaStream, dominantSpeaker, getAudioDevices, getAudioOutputDevices, getAudioStream, getClientDetails, getDeviceInfo, getLogger, getOSInfo, getScreenShareStream, getSdkInfo, getVideoDevices, getVideoStream, livestreamOrAudioRoomSortPreset, logLevels, logToConsole, name, noopComparator, paginatedLayoutSortPreset, pinned, publishingAudio, publishingVideo, reactionType, role, screenSharing, setDeviceInfo, setLogLevel, setLogger, setOSInfo, setSdkInfo, speakerLayoutSortPreset, speaking, watchForAddedDefaultAudioDevice, watchForAddedDefaultAudioOutputDevice, watchForAddedDefaultVideoDevice, watchForDisconnectedAudioDevice, watchForDisconnectedAudioOutputDevice, watchForDisconnectedVideoDevice };
 //# sourceMappingURL=index.browser.es.js.map