@stream-io/video-client 1.27.4 → 1.28.0

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.28.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.27.5...@stream-io/video-client-1.28.0) (2025-08-21)
+
+### Features
+
+- Kick user from a call ([#1894](https://github.com/GetStream/stream-video-js/issues/1894)) ([32e2afc](https://github.com/GetStream/stream-video-js/commit/32e2afca0ea59e3f57e1ff9d05828c1e07fbff78))
+
+## [1.27.5](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.27.4...@stream-io/video-client-1.27.5) (2025-08-15)
+
+### Bug Fixes
+
+- synchronize ring events ([#1888](https://github.com/GetStream/stream-video-js/issues/1888)) ([0951e6d](https://github.com/GetStream/stream-video-js/commit/0951e6d4c825806937d6bdc548df9f186c531466))
+
 ## [1.27.4](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-client-1.27.3...@stream-io/video-client-1.27.4) (2025-08-13)
 
 ### Bug Fixes

package/dist/index.browser.es.js

@@ -59,6 +59,20 @@ const FrameRecordingSettingsResponseModeEnum = {
     DISABLED: 'disabled',
     AUTO_ON: 'auto-on',
 };
+/**
+ * @export
+ */
+const IngressAudioEncodingOptionsRequestChannelsEnum = {
+    NUMBER_1: 1,
+    NUMBER_2: 2,
+};
+/**
+ * @export
+ */
+const IngressVideoLayerRequestCodecEnum = {
+    H264: 'h264',
+    VP8: 'vp8',
+};
 /**
  * @export
  */
@@ -91,6 +105,7 @@ const OwnCapability = {
     JOIN_BACKSTAGE: 'join-backstage',
     JOIN_CALL: 'join-call',
     JOIN_ENDED_CALL: 'join-ended-call',
+    KICK_USER: 'kick-user',
     MUTE_USERS: 'mute-users',
     PIN_FOR_EVERYONE: 'pin-for-everyone',
     READ_CALL: 'read-call',
@@ -4300,13 +4315,6 @@ class StreamVideoWriteableStateStore {
  */
 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();
@@ -5294,6 +5302,7 @@ class CallState {
         this.eventHandlers = {
             // these events are not updating the call state:
             'call.frame_recording_ready': undefined,
+            'call.kicked_user': undefined,
             'call.moderation_blur': undefined,
             'call.moderation_warning': undefined,
             'call.permission_request': undefined,
@@ -5303,6 +5312,7 @@ class CallState {
             'call.rtmp_broadcast_stopped': undefined,
             'call.stats_report_ready': undefined,
             'call.transcription_ready': undefined,
+            'call.user_feedback_submitted': undefined,
             'call.user_muted': undefined,
             'connection.error': undefined,
             'connection.ok': undefined,
@@ -5643,7 +5653,7 @@ const getSdkVersion = (sdk) => {
     return sdk ? `${sdk.major}.${sdk.minor}.${sdk.patch}` : '0.0.0-development';
 };
 
-const version = "1.27.4";
+const version = "1.28.0";
 const [major, minor, patch] = version.split('.');
 let sdkInfo = {
     type: SdkType.PLAIN_JAVASCRIPT,
@@ -12794,6 +12804,13 @@ class Call {
                 user_id: userId,
             });
         };
+        /**
+         * Kicks the user with the given `userId`.
+         * @param data the kick request.
+         */
+        this.kickUser = async (data) => {
+            return this.streamClient.post(`${this.streamClientBasePath}/kick`, data);
+        };
         /**
          * Mutes the current user.
          *
@@ -14545,7 +14562,7 @@ class StreamClient {
         this.getUserAgent = () => {
             if (!this.cachedUserAgent) {
                 const { clientAppIdentifier = {} } = this.options;
-                const { sdkName = 'js', sdkVersion = "1.27.4", ...extras } = clientAppIdentifier;
+                const { sdkName = 'js', sdkVersion = "1.28.0", ...extras } = clientAppIdentifier;
                 this.cachedUserAgent = [
                     `stream-video-${sdkName}-v${sdkVersion}`,
                     ...Object.entries(extras).map(([key, value]) => `${key}=${value}`),
@@ -14666,6 +14683,13 @@ class StreamClient {
 const getInstanceKey = (apiKey, user) => {
     return `${apiKey}/${user.id}`;
 };
+/**
+ * Returns a concurrency tag for call initialization.
+ * @internal
+ *
+ * @param cid the call cid.
+ */
+const getCallInitConcurrencyTag = (cid) => `call.init-${cid}`;
 /**
  * Utility function to get the client app identifier.
  */
@@ -14734,7 +14758,7 @@ class StreamVideoClient {
         this.registerEffects = () => {
             if (this.effectsRegistered)
                 return;
-            this.eventHandlersToUnregister.push(this.on('connection.changed', (event) => {
+            this.eventHandlersToUnregister.push(this.on('call.created', (event) => this.initCallFromEvent(event)), this.on('call.ring', (event) => this.initCallFromEvent(event)), this.on('connection.changed', (event) => {
                 if (!event.online)
                     return;
                 const callsToReWatch = this.writeableStateStore.calls
@@ -14751,50 +14775,52 @@ class StreamVideoClient {
                     this.logger('error', 'Failed to re-watch calls', err);
                 });
             }));
-            this.eventHandlersToUnregister.push(this.on('call.created', (event) => {
-                const { call, members } = event;
-                if (this.state.connectedUser?.id === call.created_by.id) {
-                    this.logger('warn', 'Received `call.created` sent by the current user');
-                    return;
-                }
-                this.logger('info', `New call created and registered: ${call.cid}`);
-                const newCall = new Call({
-                    streamClient: this.streamClient,
-                    type: call.type,
-                    id: call.id,
-                    members,
-                    clientStore: this.writeableStateStore,
-                });
-                newCall.state.updateFromCallResponse(call);
-                this.writeableStateStore.registerCall(newCall);
-            }));
-            this.eventHandlersToUnregister.push(this.on('call.ring', async (event) => {
-                const { call, members } = event;
-                if (this.state.connectedUser?.id === call.created_by.id) {
-                    this.logger('debug', 'Received `call.ring` sent by the current user so ignoring the event');
-                    return;
-                }
-                // if `call.created` was received before `call.ring`.
-                // the client already has the call instance and we just need to update the state
-                const theCall = this.writeableStateStore.findCall(call.type, call.id);
-                if (theCall) {
-                    await theCall.updateFromRingingEvent(event);
-                }
-                else {
-                    // if client doesn't have the call instance, create the instance and fetch the latest state
-                    // Note: related - we also have onRingingCall method to handle this case from push notifications
-                    const newCallInstance = new Call({
+            this.effectsRegistered = true;
+        };
+        /**
+         * Initializes a call from a call created or ringing event.
+         * @param e the event.
+         */
+        this.initCallFromEvent = async (e) => {
+            if (this.state.connectedUser?.id === e.call.created_by.id) {
+                this.logger('debug', `Ignoring ${e.type} event sent by the current user`);
+                return;
+            }
+            try {
+                const concurrencyTag = getCallInitConcurrencyTag(e.call_cid);
+                await withoutConcurrency(concurrencyTag, async () => {
+                    const ringing = e.type === 'call.ring';
+                    let call = this.writeableStateStore.findCall(e.call.type, e.call.id);
+                    if (call) {
+                        if (ringing) {
+                            await call.updateFromRingingEvent(e);
+                        }
+                        else {
+                            call.state.updateFromCallResponse(e.call);
+                        }
+                        return;
+                    }
+                    call = new Call({
                         streamClient: this.streamClient,
-                        type: call.type,
-                        id: call.id,
-                        members,
+                        type: e.call.type,
+                        id: e.call.id,
+                        members: e.members,
                         clientStore: this.writeableStateStore,
-                        ringing: true,
+                        ringing,
                     });
-                    await newCallInstance.get();
-                }
-            }));
-            this.effectsRegistered = true;
+                    call.state.updateFromCallResponse(e.call);
+                    if (ringing) {
+                        await call.get();
+                    }
+                    else {
+                        this.writeableStateStore.registerCall(call);
+                        this.logger('info', `New call created and registered: ${call.cid}`);
+                    }
+                });
+            }
+            catch (err) {
+                this.logger('error', `Failed to init call from event ${e.type}`, err);
+            }
         };
         /**
          * Connects the given user to the client.
@@ -14894,6 +14920,7 @@ class StreamVideoClient {
          *
          * @param type the type of the call.
          * @param id the id of the call.
+         * @param options additional options for call creation.
          */
         this.call = (type, id, options = {}) => {
             const call = options.reuseInstance
@@ -15024,22 +15051,24 @@ class StreamVideoClient {
          * @returns
          */
         this.onRingingCall = async (call_cid) => {
-            // if we find the call and is already ringing, we don't need to create a new call
-            // as client would have received the call.ring state because the app had WS alive when receiving push notifications
-            let call = this.state.calls.find((c) => c.cid === call_cid && c.ringing);
-            if (!call) {
-                // if not it means that WS is not alive when receiving the push notifications and we need to fetch the call
-                const [callType, callId] = call_cid.split(':');
-                call = new Call({
-                    streamClient: this.streamClient,
-                    type: callType,
-                    id: callId,
-                    clientStore: this.writeableStateStore,
-                    ringing: true,
-                });
-                await call.get();
-            }
-            return call;
+            return withoutConcurrency(getCallInitConcurrencyTag(call_cid), async () => {
+                // if we find the call and is already ringing, we don't need to create a new call
+                // as client would have received the call.ring state because the app had WS alive when receiving push notifications
+                let call = this.state.calls.find((c) => c.cid === call_cid && c.ringing);
+                if (!call) {
+                    // if not it means that WS is not alive when receiving the push notifications and we need to fetch the call
+                    const [callType, callId] = call_cid.split(':');
+                    call = new Call({
+                        streamClient: this.streamClient,
+                        type: callType,
+                        id: callId,
+                        clientStore: this.writeableStateStore,
+                        ringing: true,
+                    });
+                    await call.get();
+                }
+                return call;
+            });
         };
         /**
          * Connects the given anonymous user to the client.
@@ -15098,5 +15127,5 @@ class StreamVideoClient {
 }
 StreamVideoClient._instances = new Map();
 
-export { AudioSettingsRequestDefaultDeviceEnum, AudioSettingsResponseDefaultDeviceEnum, browsers as Browsers, Call, CallState, CallType, CallTypes, CallingState, CameraManager, CameraManagerState, CreateDeviceRequestPushProviderEnum, DebounceType, DynascaleManager, ErrorFromResponse, FrameRecordingSettingsRequestModeEnum, FrameRecordingSettingsRequestQualityEnum, FrameRecordingSettingsResponseModeEnum, InputMediaDeviceManager, InputMediaDeviceManagerState, LayoutSettingsRequestNameEnum, MicrophoneManager, MicrophoneManagerState, NoiseCancellationSettingsModeEnum, OwnCapability, RNSpeechDetector, RTMPBroadcastRequestQualityEnum, RTMPSettingsRequestQualityEnum, RecordSettingsRequestModeEnum, RecordSettingsRequestQualityEnum, rxUtils as RxUtils, ScreenShareManager, ScreenShareState, events as SfuEvents, models as SfuModels, SpeakerManager, SpeakerState, StartClosedCaptionsRequestLanguageEnum, StartTranscriptionRequestLanguageEnum, StreamSfuClient, StreamVideoClient, StreamVideoReadOnlyStateStore, StreamVideoWriteableStateStore, TranscriptionSettingsRequestClosedCaptionModeEnum, TranscriptionSettingsRequestLanguageEnum, TranscriptionSettingsRequestModeEnum, TranscriptionSettingsResponseClosedCaptionModeEnum, TranscriptionSettingsResponseLanguageEnum, TranscriptionSettingsResponseModeEnum, VideoSettingsRequestCameraFacingEnum, VideoSettingsResponseCameraFacingEnum, ViewportTracker, VisibilityState, checkIfAudioOutputChangeSupported, combineComparators, conditional, createSoundDetector, defaultSortPreset, descending, deviceIds$, disposeOfMediaStream, dominantSpeaker, getAudioBrowserPermission, getAudioDevices, getAudioOutputDevices, getAudioStream, getClientDetails, getDeviceState, getLogLevel, getLogger, getScreenShareStream, getSdkInfo, getVideoBrowserPermission, getVideoDevices, getVideoStream, getWebRTCInfo, hasAudio, hasPausedTrack, hasScreenShare, hasScreenShareAudio, hasVideo, isPinned, livestreamOrAudioRoomSortPreset, logLevels, logToConsole, name, noopComparator, paginatedLayoutSortPreset, pinned, publishingAudio, publishingVideo, reactionType, resolveDeviceId, role, screenSharing, setDeviceInfo, setLogLevel, setLogger, setOSInfo, setPowerState, setSdkInfo, setThermalState, setWebRTCInfo, speakerLayoutSortPreset, speaking };
+export { AudioSettingsRequestDefaultDeviceEnum, AudioSettingsResponseDefaultDeviceEnum, browsers as Browsers, Call, CallState, CallType, CallTypes, CallingState, CameraManager, CameraManagerState, CreateDeviceRequestPushProviderEnum, DebounceType, DynascaleManager, ErrorFromResponse, FrameRecordingSettingsRequestModeEnum, FrameRecordingSettingsRequestQualityEnum, FrameRecordingSettingsResponseModeEnum, IngressAudioEncodingOptionsRequestChannelsEnum, IngressVideoLayerRequestCodecEnum, InputMediaDeviceManager, InputMediaDeviceManagerState, LayoutSettingsRequestNameEnum, MicrophoneManager, MicrophoneManagerState, NoiseCancellationSettingsModeEnum, OwnCapability, RNSpeechDetector, RTMPBroadcastRequestQualityEnum, RTMPSettingsRequestQualityEnum, RecordSettingsRequestModeEnum, RecordSettingsRequestQualityEnum, rxUtils as RxUtils, ScreenShareManager, ScreenShareState, events as SfuEvents, models as SfuModels, SpeakerManager, SpeakerState, StartClosedCaptionsRequestLanguageEnum, StartTranscriptionRequestLanguageEnum, StreamSfuClient, StreamVideoClient, StreamVideoReadOnlyStateStore, StreamVideoWriteableStateStore, TranscriptionSettingsRequestClosedCaptionModeEnum, TranscriptionSettingsRequestLanguageEnum, TranscriptionSettingsRequestModeEnum, TranscriptionSettingsResponseClosedCaptionModeEnum, TranscriptionSettingsResponseLanguageEnum, TranscriptionSettingsResponseModeEnum, VideoSettingsRequestCameraFacingEnum, VideoSettingsResponseCameraFacingEnum, ViewportTracker, VisibilityState, checkIfAudioOutputChangeSupported, combineComparators, conditional, createSoundDetector, defaultSortPreset, descending, deviceIds$, disposeOfMediaStream, dominantSpeaker, getAudioBrowserPermission, getAudioDevices, getAudioOutputDevices, getAudioStream, getClientDetails, getDeviceState, getLogLevel, getLogger, getScreenShareStream, getSdkInfo, getVideoBrowserPermission, getVideoDevices, getVideoStream, getWebRTCInfo, hasAudio, hasPausedTrack, hasScreenShare, hasScreenShareAudio, hasVideo, isPinned, livestreamOrAudioRoomSortPreset, logLevels, logToConsole, name, noopComparator, paginatedLayoutSortPreset, pinned, publishingAudio, publishingVideo, reactionType, resolveDeviceId, role, screenSharing, setDeviceInfo, setLogLevel, setLogger, setOSInfo, setPowerState, setSdkInfo, setThermalState, setWebRTCInfo, speakerLayoutSortPreset, speaking };
 //# sourceMappingURL=index.browser.es.js.map