@stream-io/video-client 0.3.25 → 0.3.26

package/dist/index.cjs.js

@@ -57,6 +57,26 @@ const CreateDeviceRequestPushProviderEnum = {
     HUAWEI: 'huawei',
     XIAOMI: 'xiaomi',
 };
+/**
+ * @export
+ */
+const LayoutSettingsNameEnum = {
+    SPOTLIGHT: 'spotlight',
+    GRID: 'grid',
+    SINGLE_PARTICIPANT: 'single-participant',
+    MOBILE: 'mobile',
+    CUSTOM: 'custom',
+};
+/**
+ * @export
+ */
+const LayoutSettingsRequestNameEnum = {
+    SPOTLIGHT: 'spotlight',
+    GRID: 'grid',
+    SINGLE_PARTICIPANT: 'single-participant',
+    MOBILE: 'mobile',
+    CUSTOM: 'custom',
+};
 /**
  * All possibility of string to use
  * @export
@@ -87,25 +107,6 @@ const OwnCapability = {
     UPDATE_CALL_PERMISSIONS: 'update-call-permissions',
     UPDATE_CALL_SETTINGS: 'update-call-settings',
 };
-/**
- * @export
- */
-const RecordSettingsModeEnum = {
-    AVAILABLE: 'available',
-    DISABLED: 'disabled',
-    AUTO_ON: 'auto-on',
-};
-/**
- * @export
- */
-const RecordSettingsQualityEnum = {
-    AUDIO_ONLY: 'audio-only',
-    _360P: '360p',
-    _480P: '480p',
-    _720P: '720p',
-    _1080P: '1080p',
-    _1440P: '1440p',
-};
 /**
  * @export
  */
@@ -118,7 +119,6 @@ const RecordSettingsRequestModeEnum = {
  * @export
  */
 const RecordSettingsRequestQualityEnum = {
-    AUDIO_ONLY: 'audio-only',
     _360P: '360p',
     _480P: '480p',
     _720P: '720p',
@@ -8014,6 +8014,7 @@ class CallState {
         this.settingsSubject = new rxjs.BehaviorSubject(undefined);
         this.transcribingSubject = new rxjs.BehaviorSubject(false);
         this.endedBySubject = new rxjs.BehaviorSubject(undefined);
+        this.thumbnailsSubject = new rxjs.BehaviorSubject(undefined);
         this.membersSubject = new rxjs.BehaviorSubject([]);
         this.ownCapabilitiesSubject = new rxjs.BehaviorSubject([]);
         this.callingStateSubject = new rxjs.BehaviorSubject(exports.CallingState.UNKNOWN);
@@ -8274,6 +8275,7 @@ class CallState {
             this.setCurrentValue(this.sessionSubject, call.session);
             this.setCurrentValue(this.settingsSubject, call.settings);
             this.setCurrentValue(this.transcribingSubject, call.transcribing);
+            this.setCurrentValue(this.thumbnailsSubject, call.thumbnails);
         };
         this.updateFromMemberRemoved = (event) => {
             this.setCurrentValue(this.membersSubject, (members) => members.filter((m) => event.members.indexOf(m.user_id) === -1));
@@ -8284,10 +8286,10 @@ class CallState {
                 ...event.members,
             ]);
         };
-        this.updateFromBroadcastStopped = () => {
+        this.updateFromHLSBroadcastStopped = () => {
             this.setCurrentValue(this.egressSubject, (egress) => (Object.assign(Object.assign({}, egress), { broadcasting: false })));
         };
-        this.updateFromBroadcastStarted = (event) => {
+        this.updateFromHLSBroadcastStarted = (event) => {
             this.setCurrentValue(this.egressSubject, (egress) => (Object.assign(Object.assign({}, egress), { broadcasting: true, hls: Object.assign(Object.assign({}, egress.hls), { playlist_url: event.hls_playlist_url }) })));
         };
         this.updateFromSessionParticipantLeft = (event) => {
@@ -8385,6 +8387,7 @@ class CallState {
         this.settings$ = this.settingsSubject.asObservable();
         this.transcribing$ = this.transcribingSubject.asObservable();
         this.endedBy$ = this.endedBySubject.asObservable();
+        this.thumbnails$ = this.thumbnailsSubject.asObservable();
         this.eventHandlers = {
             // these events are not updating the call state:
             'call.permission_request': undefined,
@@ -8398,7 +8401,10 @@ class CallState {
             // events that update call state:
             'call.accepted': (e) => this.updateFromCallResponse(e.call),
             'call.created': (e) => this.updateFromCallResponse(e.call),
-            'call.notification': (e) => this.updateFromCallResponse(e.call),
+            'call.notification': (e) => {
+                this.updateFromCallResponse(e.call);
+                this.setMembers(e.members);
+            },
             'call.rejected': (e) => this.updateFromCallResponse(e.call),
             'call.ring': (e) => this.updateFromCallResponse(e.call),
             'call.live_started': (e) => this.updateFromCallResponse(e.call),
@@ -8411,8 +8417,8 @@ class CallState {
             },
             'call.recording_started': () => this.setCurrentValue(this.recordingSubject, true),
             'call.recording_stopped': () => this.setCurrentValue(this.recordingSubject, false),
-            'call.broadcasting_started': this.updateFromBroadcastStarted,
-            'call.broadcasting_stopped': this.updateFromBroadcastStopped,
+            'call.hls_broadcasting_started': this.updateFromHLSBroadcastStarted,
+            'call.hls_broadcasting_stopped': this.updateFromHLSBroadcastStopped,
             'call.session_participant_joined': this.updateFromSessionParticipantJoined,
             'call.session_participant_left': this.updateFromSessionParticipantLeft,
             'call.blocked_user': this.blockUser,
@@ -8596,6 +8602,12 @@ class CallState {
     get endedBy() {
         return this.getCurrentValue(this.endedBy$);
     }
+    /**
+     * Will provide the thumbnails of this call, if enabled in the call settings.
+     */
+    get thumbnails() {
+        return this.getCurrentValue(this.thumbnails$);
+    }
 }
 
 /**
@@ -11869,6 +11881,32 @@ class Call {
                 unbind();
             };
         };
+        /**
+         * Binds a DOM <img> element to this call's thumbnail (if enabled in settings).
+         *
+         * @param imageElement the image element to bind to.
+         * @param opts options for the binding.
+         */
+        this.bindCallThumbnailElement = (imageElement, opts = {}) => {
+            const handleError = () => {
+                imageElement.src =
+                    opts.fallbackImageSource ||
+                        'https://getstream.io/random_svg/?name=x&id=x';
+            };
+            const unsubscribe = createSubscription(this.state.thumbnails$, (thumbnails) => {
+                if (!thumbnails)
+                    return;
+                imageElement.addEventListener('error', handleError);
+                const thumbnailUrl = new URL(thumbnails.image_url);
+                thumbnailUrl.searchParams.set('w', String(imageElement.clientWidth));
+                thumbnailUrl.searchParams.set('h', String(imageElement.clientHeight));
+                imageElement.src = thumbnailUrl.toString();
+            });
+            return () => {
+                unsubscribe();
+                imageElement.removeEventListener('error', handleError);
+            };
+        };
         this.type = type;
         this.id = id;
         this.cid = `${type}:${id}`;
@@ -13204,7 +13242,7 @@ class WSConnectionFallback {
     }
 }
 
-const version = '0.3.25';
+const version = '0.3.26';
 
 const logger = getLogger(['location']);
 const HINT_URL = `https://hint.stream-io-video.com/`;
@@ -14202,11 +14240,11 @@ exports.DynascaleManager = DynascaleManager;
 exports.ErrorFromResponse = ErrorFromResponse;
 exports.InputMediaDeviceManager = InputMediaDeviceManager;
 exports.InputMediaDeviceManagerState = InputMediaDeviceManagerState;
+exports.LayoutSettingsNameEnum = LayoutSettingsNameEnum;
+exports.LayoutSettingsRequestNameEnum = LayoutSettingsRequestNameEnum;
 exports.MicrophoneManager = MicrophoneManager;
 exports.MicrophoneManagerState = MicrophoneManagerState;
 exports.OwnCapability = OwnCapability;
-exports.RecordSettingsModeEnum = RecordSettingsModeEnum;
-exports.RecordSettingsQualityEnum = RecordSettingsQualityEnum;
 exports.RecordSettingsRequestModeEnum = RecordSettingsRequestModeEnum;
 exports.RecordSettingsRequestQualityEnum = RecordSettingsRequestQualityEnum;
 exports.RxUtils = rxUtils;