@stream-io/video-client 1.61.0 → 2.0.0-beta.1

package/dist/src/store/ClientState.d.ts

@@ -0,0 +1,62 @@
+import { type Patch } from './rxUtils';
+import type { Call } from '../Call';
+import type { OwnUserResponse } from '../gen/coordinator';
+/**
+ * Holds the state of the client, and the calls it created or tracks.
+ * You can subscribe to the exposed observables to get notified about changes.
+ */
+export declare class ClientState {
+    readonly logger: import("@stream-io/logger").Logger<string & {}>;
+    private connectedUserSubject;
+    private callsSubject;
+    /** Data describing a user successfully connected over WS to the coordinator. */
+    connectedUser$: import("rxjs").Observable<OwnUserResponse | undefined>;
+    /** A list of {@link Call} objects created/tracked by this client. */
+    calls$: import("rxjs").Observable<Call[]>;
+    /** The currently connected user. */
+    get connectedUser(): OwnUserResponse | undefined;
+    /** A list of {@link Call} objects created/tracked by this client. */
+    get calls(): Call[];
+    /**
+     * Sets the currently connected user.
+     *
+     * @internal
+     * @param user the user to set as connected.
+     */
+    setConnectedUser: (user: Patch<OwnUserResponse | undefined>) => OwnUserResponse | undefined;
+    /**
+     * Sets the list of {@link Call} objects created/tracked by this client.
+     *
+     * @internal
+     * @param calls the calls to set.
+     */
+    setCalls: (calls: Patch<Call[]>) => Call[];
+    /**
+     * Adds a {@link Call} object to the list of calls tracked by this client.
+     *
+     * @internal
+     * @param call the call to add.
+     */
+    registerCall: (call: Call) => void;
+    /**
+     * Registers a {@link Call} object if it doesn't exist, otherwise updates it.
+     *
+     * @internal
+     * @param call the call to register or update.
+     */
+    registerOrUpdateCall: (call: Call) => void | Call[];
+    /**
+     * Removes a {@link Call} object from the list of calls tracked by this client.
+     *
+     * @internal
+     * @param call the call to remove.
+     */
+    unregisterCall: (call: Call) => Call[];
+    /**
+     * Finds a {@link Call} object in the list of calls tracked by this client.
+     *
+     * @param type the type of call to find.
+     * @param id the id of the call to find.
+     */
+    findCall: (type: string, id: string) => Call | undefined;
+}

package/dist/src/store/index.d.ts

@@ -1,4 +1,4 @@
 export * as RxUtils from './rxUtils';
 export * from './CallingState';
-export * from './stateStore';
+export * from './ClientState';
 export * from './CallState';

package/dist/src/store/subjects.d.ts

@@ -0,0 +1,15 @@
+import { BehaviorSubject, Observable } from 'rxjs';
+/** Creates a BehaviorSubject seeded with the given value. */
+export declare function subject<T>(initialValue: T): BehaviorSubject<T>;
+/** Creates a BehaviorSubject which starts out holding `undefined`. */
+export declare function subject<T>(): BehaviorSubject<T | undefined>;
+/**
+ * Creates an Observable from the given subject by piping it to the
+ * `distinctUntilChanged()` operator.
+ */
+export declare const duc: <T>(source: BehaviorSubject<T>, comparator?: (a: T, b: T) => boolean) => Observable<T>;
+/**
+ * Multicasts the given Observable, replaying the latest computed value to
+ * every new subscriber instead of re-running the pipeline for each of them.
+ */
+export declare const shared: <T>(source: Observable<T>) => Observable<T>;

package/dist/src/store/types.d.ts

@@ -0,0 +1,22 @@
+import type { VideoEvent } from '../gen/coordinator';
+/** Handles a single video event of the given type. */
+export type EventHandler<T extends VideoEvent['type']> = (event: Extract<VideoEvent, {
+    type: T;
+}>) => void;
+/**
+ * Identity type constrained to real event names, so that a name which no
+ * longer exists in `VideoEvent` fails to compile instead of being ignored.
+ */
+type EventTypes<T extends VideoEvent['type']> = T;
+/**
+ * Events that intentionally leave the call state untouched. Listing a name
+ * here excuses it from `CallStateEventHandlers`, which is what makes a newly
+ * introduced event fail to compile until it has been triaged.
+ */
+type UnhandledEventType = EventTypes<'call.frame_recording_ready' | 'call.kicked_user' | 'call.moderation_blur' | 'call.moderation_warning' | 'call.permission_request' | 'call.recording_ready' | 'call.rtmp_broadcast_failed' | 'call.rtmp_broadcast_started' | 'call.rtmp_broadcast_stopped' | 'call.stats_report_ready' | 'call.transcription_ready' | 'call.user_feedback_submitted' | 'call.user_muted' | 'connection.error' | 'connection.ok' | 'health.check' | 'user.updated' | 'custom'>;
+export type AllEventHandlers = {
+    [T in VideoEvent['type']]: EventHandler<T>;
+};
+/** A handler for every event that does update the call state. */
+export type CallStateEventHandlers = Omit<AllEventHandlers, UnhandledEventType>;
+export {};

package/dist/src/types.d.ts

@@ -4,7 +4,7 @@ import type { StreamClient } from './coordinator/connection/client';
 import type { ClientEventReporter } from './reporting';
 import type { RejectReason, StreamClientOptions, TokenProvider, User } from './coordinator/connection/types';
 import type { Comparator } from './sorting';
-import type { StreamVideoWriteableStateStore } from './store';
+import type { ClientState } from './store';
 import { AxiosError } from 'axios';
 import type { Call } from './Call';
 export type StreamReaction = Pick<VideoReactionResponse, 'type' | 'emoji_code' | 'custom'>;
@@ -293,9 +293,9 @@ export type CallConstructor = {
      */
     sortParticipantsBy?: Comparator<StreamVideoParticipant>;
     /**
-     * The state store of the client
+     * The state of the client.
      */
-    clientStore: StreamVideoWriteableStateStore;
+    clientState: ClientState;
 };
 type StreamVideoClientBaseOptions = {
     apiKey: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stream-io/video-client",
-  "version": "1.61.0",
+  "version": "2.0.0-beta.1",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
   "browser": "dist/index.browser.es.js",
@@ -46,7 +46,7 @@
     "@openapitools/openapi-generator-cli": "^2.40.1",
     "@rollup/plugin-replace": "^6.0.3",
     "@rollup/plugin-typescript": "^12.3.0",
-    "@stream-io/audio-filters-web": "^0.10.4",
+    "@stream-io/audio-filters-web": "^1.0.0-beta.0",
     "@stream-io/node-sdk": "^0.7.63",
     "@stream-io/typescript-config": "^0.0.0",
     "@total-typescript/shoehorn": "^0.1.2",

package/src/Call.ts

@@ -22,11 +22,7 @@ import {
   registerEventHandlers,
   registerRingingCallEventHandlers,
 } from './events/callEventHandlers';
-import {
-  CallingState,
-  CallState,
-  StreamVideoWriteableStateStore,
-} from './store';
+import { CallingState, CallState, ClientState } from './store';
 import {
   createSafeAsyncSubscription,
   createSubscription,
@@ -307,7 +303,7 @@ export class Call {
   private ringTimeout: RingTimeout | undefined;
   private ringStatePoller: RingStatePoller | undefined;
 
-  private readonly clientStore: StreamVideoWriteableStateStore;
+  private readonly clientState: ClientState;
   public readonly streamClient: StreamClient;
   public readonly clientEventReporter: ClientEventReporter;
   private sfuClient?: StreamSfuClient;
@@ -390,7 +386,7 @@ export class Call {
     members,
     ownCapabilities,
     sortParticipantsBy,
-    clientStore,
+    clientState,
     ringing = false,
     watching = false,
   }: CallConstructor) {
@@ -401,7 +397,7 @@ export class Call {
     this.watching = watching;
     this.streamClient = streamClient;
     this.clientEventReporter = clientEventReporter;
-    this.clientStore = clientStore;
+    this.clientState = clientState;
     this.streamClientBasePath = `/call/${this.type}/${this.id}`;
     this.logger = videoLoggerSystem.getLogger('Call');
 
@@ -560,7 +556,7 @@ export class Call {
 
   private handleRingingCall = () => {
     const callSession = this.state.session;
-    const receiver_id = this.clientStore.connectedUser?.id;
+    const receiver_id = this.clientState.connectedUser?.id;
     const ended_at = callSession?.ended_at;
     const created_by_id = this.state.createdBy?.id;
 
@@ -825,7 +821,7 @@ export class Call {
       this.ringingSubject.next(false);
       this.cancelAutoDrop();
       this.cancelRingStatePolling();
-      this.clientStore.unregisterCall(this);
+      this.clientState.unregisterCall(this);
 
       globalThis.streamRNVideoSDK?.callManager.stop({
         isRingingTypeCall: this.ringing,
@@ -892,7 +888,7 @@ export class Call {
    * Retrieves the current user ID.
    */
   get currentUserId() {
-    return this.clientStore.connectedUser?.id;
+    return this.clientState.connectedUser?.id;
   }
 
   /**
@@ -957,8 +953,8 @@ export class Call {
     this.ringingSubject.next(true);
     // we remove the instance from the calls list to enable the following filter in useCalls hook
     // const calls = useCalls().filter((c) => c.ringing);
-    const calls = this.clientStore.calls.filter((c) => c.cid !== this.cid);
-    this.clientStore.setCalls([this, ...calls]);
+    const calls = this.clientState.calls.filter((c) => c.cid !== this.cid);
+    this.clientState.setCalls([this, ...calls]);
     await this.applyDeviceConfig(settings, { publish: false });
   };
 
@@ -1005,7 +1001,7 @@ export class Call {
 
     if (this.streamClient._hasConnectionID()) {
       this.watching = true;
-      this.clientStore.registerOrUpdateCall(this);
+      this.clientState.registerOrUpdateCall(this);
     }
     await this.applyDeviceConfig(response.call.settings, { publish: false });
 
@@ -1033,7 +1029,7 @@ export class Call {
 
     if (this.streamClient._hasConnectionID()) {
       this.watching = true;
-      this.clientStore.registerOrUpdateCall(this);
+      this.clientState.registerOrUpdateCall(this);
     }
 
     await this.applyDeviceConfig(response.call.settings, { publish: false });
@@ -1207,7 +1203,7 @@ export class Call {
           // for Android/iOS, we need to start the call in the callingx library as soon as possible
           await callingX.joinCall(
             this,
-            this.clientStore.calls,
+            this.clientState.calls,
             supersededByLeave,
           );
           if (supersededByLeave()) {
@@ -1873,7 +1869,7 @@ export class Call {
 
     if (this.streamClient._hasConnectionID()) {
       this.watching = true;
-      this.clientStore.registerOrUpdateCall(this);
+      this.clientState.registerOrUpdateCall(this);
     }
 
     return joinResponse;
@@ -2696,7 +2692,7 @@ export class Call {
   };
 
   /**
-   * Will enhance the reported stats with additional participant-specific information (`callStatsReport$` state [store variable](./StreamVideoClient.md/#readonlystatestore)).
+   * Will enhance the reported stats with additional participant-specific information (the `callStatsReport$` state variable).
    * This is usually helpful when detailed stats for a specific participant are needed.
    *
    * @param sessionId the sessionId to start reporting for.

package/src/StreamVideoClient.ts

@@ -1,10 +1,6 @@
 import { Call } from './Call';
 import { StreamClient } from './coordinator/connection/client';
-import {
-  CallingState,
-  StreamVideoReadOnlyStateStore,
-  StreamVideoWriteableStateStore,
-} from './store';
+import { CallingState, ClientState } from './store';
 import type {
   CallCreatedEvent,
   CallRingEvent,
@@ -48,19 +44,14 @@ import { ClientEventReporter } from './reporting';
  */
 export class StreamVideoClient {
   /**
-   * A reactive store that exposes all the state variables reactively.
+   * The reactive state of this client.
    * You can subscribe to changes of the different state variables.
-   * Our library is built in a way that all state changes are exposed in this store,
-   * o all UI changes in your application should be handled by subscribing to these variables.
-   *
-   * @deprecated use the `client.state` getter.
    */
-  readonly readOnlyStateStore: StreamVideoReadOnlyStateStore;
+  readonly state = new ClientState();
   readonly logger: ScopedLogger;
 
-  protected readonly writeableStateStore: StreamVideoWriteableStateStore;
-  streamClient: StreamClient;
-  readonly clientEventReporter: ClientEventReporter;
+  readonly streamClient: StreamClient;
+  private readonly clientEventReporter: ClientEventReporter;
 
   private effectsRegistered = false;
   private eventHandlersToUnregister: Array<() => void> = [];
@@ -103,11 +94,6 @@ export class StreamVideoClient {
       enabled: clientOptions?.clientEventsReportingEnabled ?? true,
     });
 
-    this.writeableStateStore = new StreamVideoWriteableStateStore();
-    this.readOnlyStateStore = new StreamVideoReadOnlyStateStore(
-      this.writeableStateStore,
-    );
-
     if (typeof apiKeyOrArgs !== 'string' && apiKeyOrArgs.user) {
       const user = apiKeyOrArgs.user;
       if (user.type === 'anonymous') user.id = '!anon';
@@ -158,13 +144,6 @@ export class StreamVideoClient {
     StreamVideoClient._instances.set(instanceKey, this);
   };
 
-  /**
-   * Return the reactive state store, use this if you want to be notified about changes to the client state
-   */
-  get state() {
-    return this.readOnlyStateStore;
-  }
-
   private registerEffects = () => {
     if (this.effectsRegistered) return;
 
@@ -174,7 +153,7 @@ export class StreamVideoClient {
       this.on('connection.changed', (event) => {
         if (!event.online) return;
 
-        const callsToReWatch = this.writeableStateStore.calls
+        const callsToReWatch = this.state.calls
           .filter((call) => call.watching)
           .map((call) => call.cid);
         if (callsToReWatch.length <= 0) return;
@@ -197,7 +176,7 @@ export class StreamVideoClient {
       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);
+        let call = this.state.findCall(e.call.type, e.call.id);
         if (call) {
           if (ringing) {
             if (this.shouldRejectCall(call.cid)) {
@@ -224,7 +203,7 @@ export class StreamVideoClient {
           type: e.call.type,
           id: e.call.id,
           members: e.members,
-          clientStore: this.writeableStateStore,
+          clientState: this.state,
           ringing,
         });
 
@@ -239,7 +218,7 @@ export class StreamVideoClient {
           }
         } else {
           call.state.updateFromCallResponse(e.call);
-          this.writeableStateStore.registerCall(call);
+          this.state.registerCall(call);
           this.logger.info(`New call created and registered: ${call.cid}`);
         }
       });
@@ -278,10 +257,7 @@ export class StreamVideoClient {
         });
 
         for (const c of response.calls) {
-          const call = this.writeableStateStore.findCall(
-            c.call.type,
-            c.call.id,
-          );
+          const call = this.state.findCall(c.call.type, c.call.id);
 
           if (call) {
             call.updateFromCallStateResponse(c);
@@ -310,8 +286,6 @@ export class StreamVideoClient {
 
   /**
    * Connects the given user to the client.
-   * Only one user can connect at a time, if you want to change users, call `disconnectUser` before connecting a new user.
-   * If the connection is successful, the connected user [state variable](#readonlystatestore) will be updated accordingly.
    *
    * @param user the user to connect.
    * @param tokenOrProvider a token or a function that returns a token.
@@ -369,7 +343,7 @@ export class StreamVideoClient {
 
     // connectUserResponse will be void if connectUser called twice for the same user
     if (connectUserResponse?.me) {
-      this.writeableStateStore.setConnectedUser(connectUserResponse.me);
+      this.state.setConnectedUser(connectUserResponse.me);
     }
 
     this.registerEffects();
@@ -377,19 +351,36 @@ export class StreamVideoClient {
     return connectUserResponse;
   };
 
+  /**
+   * Leaves every call this client still tracks. Runs while the coordinator
+   * connection is alive, so that the leave requests each call sends reach the
+   * backend.
+   */
+  private leaveAllCalls = async () => {
+    for (const call of this.state.calls) {
+      if (call.state.callingState === CallingState.LEFT) continue;
+
+      this.logger.info(`User disconnected, leaving call: ${call.cid}`);
+      await call
+        .leave({ message: 'client.disconnectUser() called' })
+        .catch((err) => {
+          this.logger.error(`Error leaving call: ${call.cid}`, err);
+        });
+    }
+  };
+
   /**
    * Disconnects the currently connected user from the client.
-   *
-   * If the connection is successfully disconnected, the connected user [state variable](#readonlystatestore) will be updated accordingly
+   * Leaves every call the user is still in, and updates `client.state`accordingly.
    *
    * @param timeout Max number of ms, to wait for close event of websocket, before forcefully assuming successful disconnection.
-   *                https://developer.mozilla.org/en-US/docs/Web/API/CloseEvent
    */
   disconnectUser = async (timeout?: number) => {
     await withoutConcurrency(this.connectionConcurrencyTag, async () => {
       const { user, key } = this.streamClient;
       if (!user) return;
 
+      await this.leaveAllCalls();
       await this.streamClient.disconnectUser(timeout);
 
       if (user.id) {
@@ -398,14 +389,16 @@ export class StreamVideoClient {
       this.eventHandlersToUnregister.forEach((unregister) => unregister());
       this.eventHandlersToUnregister = [];
       this.effectsRegistered = false;
-      this.writeableStateStore.setConnectedUser(undefined);
+      this.state.setConnectedUser(undefined);
     });
   };
 
   /**
    * You can subscribe to WebSocket events provided by the API.
    * To remove a subscription, call the `off` method or, execute the returned unsubscribe function.
-   * Please note that subscribing to WebSocket events is an advanced use-case, for most use-cases it should be enough to watch for changes in the reactive [state store](#readonlystatestore).
+   * Please note that subscribing to WebSocket events is an advanced use-case,
+   * for most use-cases it should be enough to watch for changes in the reactive
+   * `client.state`.
    *
    * @param eventName the event name or 'all'.
    * @param callback the callback which will be called when the event is emitted.
@@ -444,7 +437,7 @@ export class StreamVideoClient {
     options: { reuseInstance?: boolean } = {},
   ) => {
     const call = options.reuseInstance
-      ? this.writeableStateStore.findCall(type, id)
+      ? this.state.findCall(type, id)
       : undefined;
     return (
       call ??
@@ -453,7 +446,7 @@ export class StreamVideoClient {
         clientEventReporter: this.clientEventReporter,
         id: id,
         type: type,
-        clientStore: this.writeableStateStore,
+        clientState: this.state,
       })
     );
   };
@@ -492,7 +485,7 @@ export class StreamVideoClient {
         members: c.members,
         ownCapabilities: c.own_capabilities,
         watching: data.watch,
-        clientStore: this.writeableStateStore,
+        clientState: this.state,
       });
       call.state.updateFromCallResponse(c.call);
       await call.applyDeviceConfig(c.call.settings, {
@@ -501,7 +494,7 @@ export class StreamVideoClient {
       });
       if (data.watch) {
         await call.setup();
-        this.writeableStateStore.registerCall(call);
+        this.state.registerCall(call);
       }
       calls.push(call);
     }
@@ -636,7 +629,7 @@ export class StreamVideoClient {
           clientEventReporter: this.clientEventReporter,
           type: callType,
           id: callId,
-          clientStore: this.writeableStateStore,
+          clientState: this.state,
           ringing: true,
         });
         await call.get();

package/src/__tests__/Call.autodrop.test.ts

@@ -6,7 +6,7 @@ import { Call } from '../Call';
 import { StreamClient } from '../coordinator/connection/client';
 import { ClientEventReporter } from '../reporting';
 import { generateUUIDv4 } from '../coordinator/connection/utils';
-import { CallingState, StreamVideoWriteableStateStore } from '../store';
+import { CallingState, ClientState } from '../store';
 import { CallSettingsResponse } from '../gen/coordinator';
 
 const TIMEOUT_MS = 30_000;
@@ -19,18 +19,18 @@ describe('Auto drop ringing calls', () => {
   let call: Call;
 
   const ringingCall = () => {
-    const clientStore = new StreamVideoWriteableStateStore();
+    const clientState = new ClientState();
     const streamClient = new StreamClient('abc');
     const newCall = new Call({
       type: 'test',
       id: generateUUIDv4(),
       streamClient,
       clientEventReporter: new ClientEventReporter({ streamClient }),
-      clientStore,
+      clientState,
       ringing: true,
     });
 
-    clientStore.setConnectedUser(fromPartial({ id: userId }));
+    clientState.setConnectedUser(fromPartial({ id: userId }));
     newCall.state['createdBySubject'].next(fromPartial({ id: userId }));
     newCall.state['settingsSubject'].next(
       fromPartial<CallSettingsResponse>({

package/src/__tests__/Call.getRingState.test.ts

@@ -6,7 +6,7 @@ import { Call } from '../Call';
 import { StreamClient } from '../coordinator/connection/client';
 import { ClientEventReporter } from '../reporting';
 import { generateUUIDv4 } from '../coordinator/connection/utils';
-import { StreamVideoWriteableStateStore } from '../store';
+import { ClientState } from '../store';
 import { CallSessionResponse } from '../gen/coordinator';
 
 describe('Call.getRingState', () => {
@@ -19,7 +19,7 @@ describe('Call.getRingState', () => {
       id: callId,
       streamClient,
       clientEventReporter: new ClientEventReporter({ streamClient }),
-      clientStore: new StreamVideoWriteableStateStore(),
+      clientState: new ClientState(),
     });
 
     if (sessionId) {

package/src/__tests__/Call.lifecycle.test.ts

@@ -15,7 +15,7 @@ import { ClientEventReporter } from '../reporting';
 import type { GetCallResponse, JoinCallResponse } from '../gen/coordinator';
 import { WebsocketReconnectStrategy } from '../gen/video/sfu/models/models';
 import { generateUUIDv4 } from '../coordinator/connection/utils';
-import { CallingState, StreamVideoWriteableStateStore } from '../store';
+import { CallingState, ClientState } from '../store';
 import { promiseWithResolvers } from '../helpers/promise';
 
 // A controlled stand-in for the retry backoff. Unless a test installs a hook,
@@ -74,7 +74,7 @@ describe('Call lifecycle wiring', () => {
         streamClient,
         enabled: false,
       }),
-      clientStore: new StreamVideoWriteableStateStore(),
+      clientState: new ClientState(),
     });
     internalCall = call as unknown as typeof internalCall;
   });
@@ -283,7 +283,7 @@ describe('Call lifecycle wiring', () => {
     const accept = vi
       .spyOn(call, 'accept')
       .mockImplementation(() => responseAt('acceptance', { duration: '0ms' }));
-    const registerCall = vi.spyOn(call.clientStore, 'registerOrUpdateCall');
+    const registerCall = vi.spyOn(call.clientState, 'registerOrUpdateCall');
     const request = vi.spyOn(call.streamClient, 'post').mockImplementation(() =>
       responseAt(
         'coordinator request',
@@ -361,7 +361,7 @@ describe('Call lifecycle wiring', () => {
     expect(call['currentPublishOptions']).toBe(publishOptions);
     expect(call['fastReconnectDeadlineSeconds']).toBe(reconnectDeadline);
     expect(call['sfuClient']).toBeUndefined();
-    expect(call.clientStore.calls).not.toContain(call);
+    expect(call.clientState.calls).not.toContain(call);
     expect(call.ringing).toBe(false);
     expect(call.state.callingState).toBe(CallingState.LEFT);
     if (phase === 'SFU rejection') {
@@ -401,7 +401,7 @@ describe('Call lifecycle wiring', () => {
       call['sfuClient'] = oldSfu;
       call['subscriber'] = oldSubscriber;
       call['publisher'] = oldPublisher;
-      call.clientStore.registerOrUpdateCall(call);
+      call.clientState.registerOrUpdateCall(call);
       const task = call['reconnect'](
         WebsocketReconnectStrategy[strategy],
         'test',
@@ -419,7 +419,7 @@ describe('Call lifecycle wiring', () => {
       await task;
 
       expect(call.state.callingState).toBe(CallingState.LEFT);
-      expect(call.clientStore.calls).not.toContain(call);
+      expect(call.clientState.calls).not.toContain(call);
       expect(get).not.toHaveBeenCalled();
       expect(restoreSubscribed).not.toHaveBeenCalled();
       if (phase === 'join') expect(restorePublished).not.toHaveBeenCalled();
@@ -461,7 +461,7 @@ describe('Call lifecycle wiring', () => {
       await task;
 
       expect(call.state.callingState).toBe(CallingState.LEFT);
-      expect(call.clientStore.calls).not.toContain(call);
+      expect(call.clientState.calls).not.toContain(call);
       expect(get).toHaveBeenCalledTimes(phase === 'failure refresh' ? 1 : 0);
       expect(reconnect).toHaveBeenCalledOnce();
       expect(call['reconnectStrategy']).toBe(
@@ -492,7 +492,7 @@ describe('Call lifecycle wiring', () => {
       pending.resolve(response);
       await expect(task).resolves.toBe(response);
 
-      expect(call.clientStore.calls.includes(call)).toBe(!leaveDuringFetch);
+      expect(call.clientState.calls.includes(call)).toBe(!leaveDuringFetch);
       expect(update).toHaveBeenCalledTimes(leaveDuringFetch ? 0 : 1);
       expect(configure).toHaveBeenCalledTimes(leaveDuringFetch ? 0 : 1);
       expect(call.state.callingState).toBe(

package/src/__tests__/Call.publishing.test.ts

@@ -8,7 +8,7 @@ import { ClientEventReporter } from '../reporting';
 import { generateUUIDv4 } from '../coordinator/connection/utils';
 import { PermissionsContext } from '../permissions';
 import { OwnCapability } from '../gen/coordinator';
-import { StreamVideoWriteableStateStore } from '../store';
+import { ClientState } from '../store';
 import { TrackType } from '../gen/video/sfu/models/models';
 import { StreamSfuClient } from '../StreamSfuClient';
 
@@ -22,7 +22,7 @@ describe('Publishing and Unpublishing tracks', () => {
       id: generateUUIDv4(),
       streamClient,
       clientEventReporter: new ClientEventReporter({ streamClient }),
-      clientStore: new StreamVideoWriteableStateStore(),
+      clientState: new ClientState(),
     });
 
     const ctx = new PermissionsContext();

package/src/__tests__/Call.ringSettled.test.ts

@@ -6,7 +6,7 @@ import { Call } from '../Call';
 import { StreamClient } from '../coordinator/connection/client';
 import { ClientEventReporter } from '../reporting';
 import { generateUUIDv4 } from '../coordinator/connection/utils';
-import { CallingState, StreamVideoWriteableStateStore } from '../store';
+import { CallingState, ClientState } from '../store';
 import { CallSessionResponse } from '../gen/coordinator';
 
 const ME = 'jane';
@@ -18,18 +18,18 @@ describe('Leaving a call settled by the current user', () => {
   let call: Call;
 
   const createCall = async (ringing: boolean) => {
-    const clientStore = new StreamVideoWriteableStateStore();
+    const clientState = new ClientState();
     const streamClient = new StreamClient('abc');
     call = new Call({
       type: 'test',
       id: generateUUIDv4(),
       streamClient,
       clientEventReporter: new ClientEventReporter({ streamClient }),
-      clientStore,
+      clientState,
       ringing,
     });
 
-    clientStore.setConnectedUser(fromPartial({ id: ME }));
+    clientState.setConnectedUser(fromPartial({ id: ME }));
     vi.spyOn(call, 'leave').mockResolvedValue(undefined);
     await call.setup();
     return call;