@stream-io/video-client 1.52.1-beta.0 → 1.53.0

package/src/__tests__/Call.test.ts

@@ -300,6 +300,29 @@ describe('muting logic', () => {
   });
 });
 
+describe('client event reporting', () => {
+  afterEach(() => {
+    vi.restoreAllMocks();
+  });
+
+  it('reports a client-aborted event and unregisters the call on leave', async () => {
+    const call = client.call('default', generateUUIDv4());
+    await call.getOrCreate();
+
+    const reporter = call.clientEventReporter;
+    const abortSpy = vi.spyOn(reporter, 'abort');
+    const unregisterSpy = vi.spyOn(reporter, 'unregisterCall');
+
+    await call.leave();
+
+    expect(abortSpy).toHaveBeenCalledWith(call.cid, {
+      code: 'CLIENT_ABORTED',
+      reason: expect.any(String),
+    });
+    expect(unregisterSpy).toHaveBeenCalledWith(call.cid);
+  });
+});
+
 afterEach(() => {
   client.disconnectUser();
 });

package/src/coordinator/connection/client.ts

@@ -617,6 +617,11 @@ export class StreamClient {
     return await this.wsConnection.connect(this.defaultWSTimeout);
   };
 
+  getSdkVersion = (): string =>
+    this.options.clientAppIdentifier?.sdkVersion ||
+    process.env.PKG_VERSION ||
+    '0.0.0';
+
   getUserAgent = (): string => {
     if (!this.cachedUserAgent) {
       const { clientAppIdentifier = {} } = this.options;

package/src/devices/__tests__/CameraManager.test.ts

@@ -1,5 +1,6 @@
 import { Call } from '../../Call';
 import { StreamClient } from '../../coordinator/connection/client';
+import { ClientEventReporter } from '../../reporting';
 import { CallingState, StreamVideoWriteableStateStore } from '../../store';
 
 import { afterEach, beforeEach, describe, expect, it, Mock, vi } from 'vitest';
@@ -56,6 +57,12 @@ vi.mock('../../Call.ts', () => {
   };
 });
 
+vi.mock('../../reporting/ClientEventReporter', () => ({
+  ClientEventReporter: vi.fn(function () {
+    return {};
+  }),
+}));
+
 vi.mock('../../helpers/compatibility.ts', () => {
   console.log('MOCKING mobile device');
   return {
@@ -76,10 +83,12 @@ describe('CameraManager', () => {
 
   beforeEach(() => {
     const devicePersistence = { enabled: false, storageKey: '' };
+    const streamClient = new StreamClient('abc123', { devicePersistence });
     call = new Call({
       id: '',
       type: '',
-      streamClient: new StreamClient('abc123', { devicePersistence }),
+      streamClient,
+      clientEventReporter: new ClientEventReporter({ streamClient }),
       clientStore: new StreamVideoWriteableStateStore(),
     });
     manager = new CameraManager(call, devicePersistence);

package/src/devices/__tests__/DeviceManager.test.ts

@@ -1,6 +1,7 @@
 /* @vitest-environment happy-dom */
 import { Call } from '../../Call';
 import { StreamClient } from '../../coordinator/connection/client';
+import { ClientEventReporter } from '../../reporting';
 import { CallingState, StreamVideoWriteableStateStore } from '../../store';
 
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
@@ -22,6 +23,12 @@ import { TrackType } from '../../gen/video/sfu/models/models';
 import { PermissionsContext } from '../../permissions';
 import { readPreferences } from '../devicePersistence';
 
+vi.mock('../../reporting/ClientEventReporter', () => ({
+  ClientEventReporter: vi.fn(function () {
+    return {};
+  }),
+}));
+
 vi.mock('../../Call.ts', () => {
   console.log('MOCKING Call');
   return {
@@ -85,11 +92,13 @@ describe('Device Manager', () => {
       configurable: true,
       value: localStorageMock,
     });
+    const streamClient = new StreamClient('abc123');
     manager = new TestInputMediaDeviceManager(
       new Call({
         id: '',
         type: '',
-        streamClient: new StreamClient('abc123'),
+        streamClient,
+        clientEventReporter: new ClientEventReporter({ streamClient }),
         clientStore: new StreamVideoWriteableStateStore(),
       }),
       { enabled: false, storageKey },

package/src/devices/__tests__/DeviceManagerFilters.test.ts

@@ -2,6 +2,7 @@ import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { of } from 'rxjs';
 import { Call } from '../../Call';
 import { StreamClient } from '../../coordinator/connection/client';
+import { ClientEventReporter } from '../../reporting';
 import { StreamVideoWriteableStateStore } from '../../store';
 import { DeviceManagerState } from '../DeviceManagerState';
 import { DeviceManager } from '../DeviceManager';
@@ -45,11 +46,13 @@ describe('MediaStream Filters', () => {
   let manager: TestInputMediaDeviceManager;
 
   beforeEach(() => {
+    const streamClient = new StreamClient('abc123');
     manager = new TestInputMediaDeviceManager(
       new Call({
         id: '',
         type: '',
-        streamClient: new StreamClient('abc123'),
+        streamClient,
+        clientEventReporter: new ClientEventReporter({ streamClient }),
         clientStore: new StreamVideoWriteableStateStore(),
       }),
     );

package/src/devices/__tests__/MicrophoneManager.test.ts

@@ -43,6 +43,7 @@ import {
   readPreferences,
   toPreferenceList,
 } from '../devicePersistence';
+import { ClientEventReporter } from '../../reporting';
 
 vi.mock('../devices.ts', () => {
   console.log('MOCKING devices API');
@@ -82,6 +83,12 @@ vi.mock('../../Call.ts', () => {
   };
 });
 
+vi.mock('../../reporting/ClientEventReporter', () => ({
+  ClientEventReporter: vi.fn(function () {
+    return {};
+  }),
+}));
+
 describe('MicrophoneManager', () => {
   let manager: MicrophoneManager;
   let call: Call;
@@ -92,10 +99,12 @@ describe('MicrophoneManager', () => {
       of('granted'),
     );
 
+    const streamClient = new StreamClient('abc123');
     call = new Call({
       id: '',
       type: '',
-      streamClient: new StreamClient('abc123'),
+      streamClient,
+      clientEventReporter: new ClientEventReporter({ streamClient }),
       clientStore: new StreamVideoWriteableStateStore(),
     });
     const devicePersistence = { enabled: false, storageKey: '' };

package/src/devices/__tests__/MicrophoneManagerRN.test.ts

@@ -13,6 +13,7 @@ import { of } from 'rxjs';
 import '../../rtc/__tests__/mocks/webrtc.mocks';
 import { OwnCapability } from '../../gen/coordinator';
 import { settled, withoutConcurrency } from '../../helpers/concurrency';
+import { ClientEventReporter } from '../../reporting';
 
 let speechActivityCallback:
   | ((state: { isSoundDetected: boolean }) => void)
@@ -82,12 +83,14 @@ describe('MicrophoneManager React Native', () => {
     };
 
     const devicePersistence = { enabled: false, storageKey: '' };
+    const streamClient = new StreamClient('abc123');
     manager = new MicrophoneManager(
       new Call({
         id: '',
         type: '',
-        streamClient: new StreamClient('abc123'),
+        streamClient,
         clientStore: new StreamVideoWriteableStateStore(),
+        clientEventReporter: new ClientEventReporter({ streamClient }),
       }),
       devicePersistence,
     );

package/src/devices/__tests__/ScreenShareManager.test.ts

@@ -2,6 +2,7 @@ import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 import { ScreenShareManager } from '../ScreenShareManager';
 import { Call } from '../../Call';
 import { StreamClient } from '../../coordinator/connection/client';
+import { ClientEventReporter } from '../../reporting';
 import { CallingState, StreamVideoWriteableStateStore } from '../../store';
 import * as RxUtils from '../../store/rxUtils';
 import { mockCall, mockDeviceIds$, mockScreenShareStream } from './mocks';
@@ -36,11 +37,13 @@ describe('ScreenShareManager', () => {
   let manager: ScreenShareManager;
 
   beforeEach(() => {
+    const streamClient = new StreamClient('abc123');
     manager = new ScreenShareManager(
       new Call({
         id: '',
         type: '',
-        streamClient: new StreamClient('abc123'),
+        streamClient,
+        clientEventReporter: new ClientEventReporter({ streamClient }),
         clientStore: new StreamVideoWriteableStateStore(),
       }),
     );

package/src/devices/__tests__/SpeakerManager.test.ts

@@ -14,6 +14,7 @@ import { SpeakerManager } from '../SpeakerManager';
 import { checkIfAudioOutputChangeSupported } from '../devices';
 import { Call } from '../../Call';
 import { StreamClient } from '../../coordinator/connection/client';
+import { ClientEventReporter } from '../../reporting';
 import { StreamVideoWriteableStateStore } from '../../store';
 import { defaultDeviceId } from '../devicePersistence';
 
@@ -45,11 +46,13 @@ describe('SpeakerManager.test', () => {
       value: localStorageMock,
     });
     const devicePersistence = { enabled: false, storageKey };
+    const streamClient = new StreamClient('abc123');
     manager = new SpeakerManager(
       new Call({
         id: '',
         type: '',
-        streamClient: new StreamClient('abc123'),
+        streamClient,
+        clientEventReporter: new ClientEventReporter({ streamClient }),
         clientStore: new StreamVideoWriteableStateStore(),
       }),
       devicePersistence,
@@ -129,11 +132,13 @@ describe('SpeakerManager.test', () => {
   });
 
   it('persists speaker selection when permission is granted', async () => {
+    const streamClient = new StreamClient('abc123');
     const persistedManager = new SpeakerManager(
       new Call({
         id: '',
         type: '',
-        streamClient: new StreamClient('abc123'),
+        streamClient,
+        clientEventReporter: new ClientEventReporter({ streamClient }),
         clientStore: new StreamVideoWriteableStateStore(),
       }),
       { enabled: true, storageKey },
@@ -162,11 +167,13 @@ describe('SpeakerManager.test', () => {
     });
 
     it('selects the persisted speaker device', () => {
+      const streamClient = new StreamClient('abc123');
       const persistedManager = new SpeakerManager(
         new Call({
           id: '',
           type: '',
-          streamClient: new StreamClient('abc123'),
+          streamClient,
+          clientEventReporter: new ClientEventReporter({ streamClient }),
           clientStore: new StreamVideoWriteableStateStore(),
         }),
         { enabled: true, storageKey },
@@ -193,11 +200,13 @@ describe('SpeakerManager.test', () => {
     });
 
     it('selects system default when persisted device is default', () => {
+      const streamClient = new StreamClient('abc123');
       const persistedManager = new SpeakerManager(
         new Call({
           id: '',
           type: '',
-          streamClient: new StreamClient('abc123'),
+          streamClient,
+          clientEventReporter: new ClientEventReporter({ streamClient }),
           clientStore: new StreamVideoWriteableStateStore(),
         }),
         { enabled: true, storageKey },

package/src/errors/SfuTimeoutError.ts

@@ -0,0 +1,7 @@
+/**
+ * An error thrown when a client-side SFU deadline (e.g., waiting for the
+ * signaling WS to open or for the `joinResponse` to arrive) fires before
+ * the awaited operation resolves. Allows consumers (e.g., the client event
+ * reporter) to classify timeouts without relying on message wording.
+ */
+export class SfuTimeoutError extends Error {}

package/src/errors/index.ts

@@ -1 +1,2 @@
 export * from './SfuJoinError';
+export * from './SfuTimeoutError';

package/src/events/__tests__/call.test.ts

@@ -16,6 +16,7 @@ import {
 } from '../../gen/coordinator';
 import { Call } from '../../Call';
 import { StreamClient } from '../../coordinator/connection/client';
+import { ClientEventReporter } from '../../reporting';
 import { SfuEvent } from '../../gen/video/sfu/event/events';
 import { CallEndedReason } from '../../gen/video/sfu/models/models';
 
@@ -372,6 +373,7 @@ const fakeCall = ({ ring = true, currentUserId = 'test-user-id' } = {}) => {
     id: '12345',
     clientStore: store,
     streamClient: client,
+    clientEventReporter: new ClientEventReporter({ streamClient: client }),
     ringing: ring,
   });
 };

package/src/events/__tests__/mutes.test.ts

@@ -5,6 +5,7 @@ import {
   TrackUnpublishReason,
 } from '../../gen/video/sfu/models/models';
 import { StreamClient } from '../../coordinator/connection/client';
+import { ClientEventReporter } from '../../reporting';
 import { handleRemoteSoftMute } from '../mutes';
 import type { CallEventListener } from '../../coordinator/connection/types';
 
@@ -15,10 +16,12 @@ describe('mutes', () => {
 
     beforeEach(() => {
       // @ts-expect-error incomplete data
+      const streamClient = new StreamClient('api-key');
       call = new Call({
         type: 'test',
         id: 'test',
-        streamClient: new StreamClient('api-key'),
+        streamClient,
+        clientEventReporter: new ClientEventReporter({ streamClient }),
       });
 
       // @ts-expect-error partial data

package/src/events/call.ts

@@ -87,6 +87,10 @@ export const watchCallEnded = (call: Call) => {
       callingState !== CallingState.IDLE &&
       callingState !== CallingState.LEFT
     ) {
+      call.clientEventReporter.abort(call.cid, {
+        code: 'BACKEND_LEAVE',
+        reason: 'call.ended event received',
+      });
       call
         .leave({ message: 'call.ended event received', reject: false })
         .catch((err) => {
@@ -116,6 +120,10 @@ export const watchSfuCallEnded = (call: Call) => {
       call.state.setEndedAt(new Date());
       const reason = CallEndedReason[e.reason];
       globalThis.streamRNVideoSDK?.callingX?.endCall(call, 'remote');
+      call.clientEventReporter.abort(call.cid, {
+        code: 'BACKEND_LEAVE',
+        reason: `callEnded received: ${reason}`,
+      });
       await call.leave({ message: `callEnded received: ${reason}` });
     } catch (err) {
       call.logger.error(

package/src/gen/google/protobuf/struct.ts

@@ -1,4 +1,10 @@
 /* eslint-disable */
+import type {
+  JsonObject,
+  JsonReadOptions,
+  JsonValue,
+  JsonWriteOptions,
+} from '@protobuf-ts/runtime';
 // @generated by protobuf-ts 2.10.0 with parameter long_type_string,client_generic,server_none,eslint_disable,optimize_code_size
 // @generated from protobuf file "google/protobuf/struct.proto" (package "google.protobuf", syntax proto3)
 // tslint:disable
@@ -33,13 +39,12 @@
 // (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
 // OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 //
-import { isJsonObject } from '@protobuf-ts/runtime';
-import { typeofJsonValue } from '@protobuf-ts/runtime';
-import type { JsonValue } from '@protobuf-ts/runtime';
-import type { JsonReadOptions } from '@protobuf-ts/runtime';
-import type { JsonWriteOptions } from '@protobuf-ts/runtime';
-import type { JsonObject } from '@protobuf-ts/runtime';
-import { MessageType } from '@protobuf-ts/runtime';
+import {
+  isJsonObject,
+  MessageType,
+  typeofJsonValue,
+} from '@protobuf-ts/runtime';
+
 /**
  * `Struct` represents a structured data value, consisting of fields
  * which map to dynamically typed values. In some languages, `Struct`

package/src/gen/google/protobuf/timestamp.ts

@@ -1,4 +1,9 @@
 /* eslint-disable */
+import type {
+  JsonReadOptions,
+  JsonValue,
+  JsonWriteOptions,
+} from '@protobuf-ts/runtime';
 // @generated by protobuf-ts 2.10.0 with parameter long_type_string,client_generic,server_none,eslint_disable,optimize_code_size
 // @generated from protobuf file "google/protobuf/timestamp.proto" (package "google.protobuf", syntax proto3)
 // tslint:disable
@@ -33,12 +38,8 @@
 // (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
 // OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 //
-import { typeofJsonValue } from '@protobuf-ts/runtime';
-import type { JsonValue } from '@protobuf-ts/runtime';
-import type { JsonReadOptions } from '@protobuf-ts/runtime';
-import type { JsonWriteOptions } from '@protobuf-ts/runtime';
-import { PbLong } from '@protobuf-ts/runtime';
-import { MessageType } from '@protobuf-ts/runtime';
+import { MessageType, PbLong, typeofJsonValue } from '@protobuf-ts/runtime';
+
 /**
  * A Timestamp represents a point in time independent of any time zone or local
  * calendar, encoded as a count of seconds and fractions of seconds at

package/src/gen/video/sfu/event/events.ts

@@ -1,31 +1,33 @@
- 
 // @generated by protobuf-ts 2.10.0 with parameter long_type_string,client_generic,server_none,eslint_disable,optimize_code_size
 // @generated from protobuf file "video/sfu/event/events.proto" (package "stream.video.sfu.event", syntax proto3)
 // tslint:disable
 import { MessageType } from '@protobuf-ts/runtime';
-import { CallEndedReason } from '../models/models';
-import { GoAwayReason } from '../models/models';
-import { CallGrants } from '../models/models';
-import { DegradationPreference } from '../models/models';
-import { Codec } from '../models/models';
-import { ConnectionQuality } from '../models/models';
-import { CallState } from '../models/models';
+import {
+  CallEndedReason,
+  CallGrants,
+  CallState,
+  ClientCapability,
+  ClientDetails,
+  Codec,
+  ConnectionQuality,
+  DegradationPreference,
+  Error as Error$,
+  GoAwayReason,
+  ICETrickle as ICETrickle$,
+  Participant,
+  ParticipantCount,
+  ParticipantSource,
+  PeerType,
+  Pin,
+  PublishOption,
+  SubscribeOption,
+  TrackInfo,
+  TrackType,
+  TrackUnpublishReason,
+  WebsocketReconnectStrategy,
+} from '../models/models';
 import { TrackSubscriptionDetails } from '../signal_rpc/signal';
-import { TrackInfo } from '../models/models';
-import { ParticipantSource } from '../models/models';
-import { ClientCapability } from '../models/models';
-import { SubscribeOption } from '../models/models';
-import { ClientDetails } from '../models/models';
-import { TrackUnpublishReason } from '../models/models';
-import { Participant } from '../models/models';
-import { TrackType } from '../models/models';
-import { ParticipantCount } from '../models/models';
-import { PeerType } from '../models/models';
-import { WebsocketReconnectStrategy } from '../models/models';
-import { Error as Error$ } from '../models/models';
-import { Pin } from '../models/models';
-import { PublishOption } from '../models/models';
-import { ICETrickle as ICETrickle$ } from '../models/models';
+
 /**
  * SFUEvent is a message that is sent from the SFU to the client.
  *

package/src/gen/video/sfu/models/models.ts

@@ -1,10 +1,10 @@
- 
 // @generated by protobuf-ts 2.10.0 with parameter long_type_string,client_generic,server_none,eslint_disable,optimize_code_size
 // @generated from protobuf file "video/sfu/models/models.proto" (package "stream.video.sfu.models", syntax proto3)
 // tslint:disable
 import { MessageType } from '@protobuf-ts/runtime';
 import { Struct } from '../../../google/protobuf/struct';
 import { Timestamp } from '../../../google/protobuf/timestamp';
+
 /**
  * CallState is the current state of the call
  * as seen by an SFU.
@@ -415,10 +415,6 @@ export interface TrackInfo {
    * @generated from protobuf field: int32 publish_option_id = 12;
    */
   publishOptionId: number;
-  /**
-   * @generated from protobuf field: bool self_sub_audio_video = 13;
-   */
-  selfSubAudioVideo: boolean;
 }
 /**
  * @generated from protobuf message stream.video.sfu.models.Error
@@ -1774,12 +1770,6 @@ class TrackInfo$Type extends MessageType<TrackInfo> {
         kind: 'scalar',
         T: 5 /*ScalarType.INT32*/,
       },
-      {
-        no: 13,
-        name: 'self_sub_audio_video',
-        kind: 'scalar',
-        T: 8 /*ScalarType.BOOL*/,
-      },
     ]);
   }
 }

package/src/gen/video/sfu/signal_rpc/signal.client.ts

@@ -1,33 +1,37 @@
- 
 // @generated by protobuf-ts 2.10.0 with parameter long_type_string,client_generic,server_none,eslint_disable,optimize_code_size
 // @generated from protobuf file "video/sfu/signal_rpc/signal.proto" (package "stream.video.sfu.signal", syntax proto3)
 // tslint:disable
-import type { RpcTransport } from '@protobuf-ts/runtime-rpc';
-import type { ServiceInfo } from '@protobuf-ts/runtime-rpc';
+import type {
+  RpcOptions,
+  RpcTransport,
+  ServiceInfo,
+  UnaryCall,
+} from '@protobuf-ts/runtime-rpc';
+import { stackIntercept } from '@protobuf-ts/runtime-rpc';
+import type {
+  ICERestartRequest,
+  ICERestartResponse,
+  ICETrickleResponse,
+  SendAnswerRequest,
+  SendAnswerResponse,
+  SendMetricsRequest,
+  SendMetricsResponse,
+  SendStatsRequest,
+  SendStatsResponse,
+  SetPublisherRequest,
+  SetPublisherResponse,
+  StartNoiseCancellationRequest,
+  StartNoiseCancellationResponse,
+  StopNoiseCancellationRequest,
+  StopNoiseCancellationResponse,
+  UpdateMuteStatesRequest,
+  UpdateMuteStatesResponse,
+  UpdateSubscriptionsRequest,
+  UpdateSubscriptionsResponse,
+} from './signal';
 import { SignalServer } from './signal';
-import type { StopNoiseCancellationResponse } from './signal';
-import type { StopNoiseCancellationRequest } from './signal';
-import type { StartNoiseCancellationResponse } from './signal';
-import type { StartNoiseCancellationRequest } from './signal';
-import type { SendMetricsResponse } from './signal';
-import type { SendMetricsRequest } from './signal';
-import type { SendStatsResponse } from './signal';
-import type { SendStatsRequest } from './signal';
-import type { ICERestartResponse } from './signal';
-import type { ICERestartRequest } from './signal';
-import type { UpdateMuteStatesResponse } from './signal';
-import type { UpdateMuteStatesRequest } from './signal';
-import type { UpdateSubscriptionsResponse } from './signal';
-import type { UpdateSubscriptionsRequest } from './signal';
-import type { ICETrickleResponse } from './signal';
 import type { ICETrickle } from '../models/models';
-import type { SendAnswerResponse } from './signal';
-import type { SendAnswerRequest } from './signal';
-import { stackIntercept } from '@protobuf-ts/runtime-rpc';
-import type { SetPublisherResponse } from './signal';
-import type { SetPublisherRequest } from './signal';
-import type { UnaryCall } from '@protobuf-ts/runtime-rpc';
-import type { RpcOptions } from '@protobuf-ts/runtime-rpc';
+
 /**
  * @generated from protobuf service stream.video.sfu.signal.SignalServer
  */

package/src/gen/video/sfu/signal_rpc/signal.ts

@@ -1,4 +1,3 @@
- 
 // @generated by protobuf-ts 2.10.0 with parameter long_type_string,client_generic,server_none,eslint_disable,optimize_code_size
 // @generated from protobuf file "video/sfu/signal_rpc/signal.proto" (package "stream.video.sfu.signal", syntax proto3)
 // tslint:disable

package/src/helpers/__tests__/AudioBindingsWatchdog.test.ts

@@ -8,6 +8,7 @@ import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 import { AudioBindingsWatchdog } from '../AudioBindingsWatchdog';
 import { Call } from '../../Call';
 import { StreamClient } from '../../coordinator/connection/client';
+import { ClientEventReporter } from '../../reporting';
 import { CallingState, StreamVideoWriteableStateStore } from '../../store';
 import { noopComparator } from '../../sorting';
 import { fromPartial } from '@total-typescript/shoehorn';
@@ -19,12 +20,14 @@ describe('AudioBindingsWatchdog', () => {
 
   beforeEach(() => {
     vi.useFakeTimers();
+    const streamClient = new StreamClient('api-key', {
+      devicePersistence: { enabled: false },
+    });
     call = new Call({
       id: 'id',
       type: 'default',
-      streamClient: new StreamClient('api-key', {
-        devicePersistence: { enabled: false },
-      }),
+      streamClient,
+      clientEventReporter: new ClientEventReporter({ streamClient }),
       clientStore: new StreamVideoWriteableStateStore(),
     });
     call.setSortParticipantsBy(noopComparator());

package/src/helpers/__tests__/DynascaleManager.test.ts

@@ -17,6 +17,7 @@ import {
 import { DynascaleManager } from '../DynascaleManager';
 import { Call } from '../../Call';
 import { StreamClient } from '../../coordinator/connection/client';
+import { ClientEventReporter } from '../../reporting';
 import { StreamVideoWriteableStateStore } from '../../store';
 import { getCurrentValue } from '../../store/rxUtils';
 import { VisibilityState } from '../../types';
@@ -36,12 +37,14 @@ describe('DynascaleManager', () => {
   let call: Call;
 
   beforeEach(() => {
+    const streamClient = new StreamClient('api-key', {
+      devicePersistence: { enabled: false },
+    });
     call = new Call({
       id: 'id',
       type: 'default',
-      streamClient: new StreamClient('api-key', {
-        devicePersistence: { enabled: false },
-      }),
+      streamClient,
+      clientEventReporter: new ClientEventReporter({ streamClient }),
       clientStore: new StreamVideoWriteableStateStore(),
     });
     call.setSortParticipantsBy(noopComparator());

package/src/helpers/__tests__/ViewportTracker.test.ts

@@ -7,6 +7,7 @@ import '../../rtc/__tests__/mocks/webrtc.mocks';
 import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { Call } from '../../Call';
 import { StreamClient } from '../../coordinator/connection/client';
+import { ClientEventReporter } from '../../reporting';
 import { StreamVideoWriteableStateStore } from '../../store';
 import { noopComparator } from '../../sorting';
 import { VisibilityState } from '../../types';
@@ -17,12 +18,14 @@ describe('ViewportTracker', () => {
   let viewportTracker: ViewportTracker;
 
   beforeEach(() => {
+    const streamClient = new StreamClient('api-key', {
+      devicePersistence: { enabled: false },
+    });
     call = new Call({
       id: 'id',
       type: 'default',
-      streamClient: new StreamClient('api-key', {
-        devicePersistence: { enabled: false },
-      }),
+      streamClient,
+      clientEventReporter: new ClientEventReporter({ streamClient }),
       clientStore: new StreamVideoWriteableStateStore(),
     });
     call.setSortParticipantsBy(noopComparator());