@100mslive/react-native-hms 0.9.4 → 0.9.7

package/src/classes/HMSLocalVideoTrack.ts

@@ -1,6 +1,6 @@
 import { NativeModules } from 'react-native';
 import { HMSVideoTrack } from './HMSVideoTrack';
-import { HMSSDK } from './HMSSDK';
+import { getLogger } from './HMSLogger';
 import type { HMSVideoTrackSettings } from './HMSVideoTrackSettings';
 import type { HMSTrackType } from './HMSTrackType';
 
@@ -8,7 +8,7 @@ const {
   /**
    * @ignore
    */
-  HmsManager,
+  HMSManager,
 } = NativeModules;
 
 export class HMSLocalVideoTrack extends HMSVideoTrack {
@@ -23,14 +23,14 @@ export class HMSLocalVideoTrack extends HMSVideoTrack {
    * @memberof HMSSDK
    */
   switchCamera = () => {
-    const logger = HMSSDK.getLogger();
+    const logger = getLogger();
     logger?.verbose('#Function switchCamera', {
       trackId: this.trackId,
       source: this.source,
       type: this.type,
       id: this.id,
     });
-    HmsManager.switchCamera({ id: this.id });
+    HMSManager.switchCamera({ id: this.id });
   };
 
   /**
@@ -40,14 +40,14 @@ export class HMSLocalVideoTrack extends HMSVideoTrack {
    * @memberof HMSLocalVideoTrack
    */
   setMute(isMute: boolean) {
-    const logger = HMSSDK.getLogger();
+    const logger = getLogger();
     logger?.verbose('#Function setMute', {
       trackId: this.trackId,
       source: this.source,
       type: this.type,
       id: this.id,
     });
-    HmsManager.setLocalVideoMute({ isMute, id: this.id });
+    HMSManager.setLocalVideoMute({ isMute, id: this.id });
   }
 
   constructor(params: {

package/src/classes/HMSLogger.ts

@@ -1,5 +1,16 @@
 import { HMSLogLevel } from './HMSLogLevel';
 
+export let logger: HMSLogger | undefined;
+
+export const getLogger = () => {
+  return logger;
+};
+
+export const setLogger = (hmsLogger: HMSLogger, id: string) => {
+  logger = hmsLogger;
+  hmsLogger.verbose('#Function setLogger', { id });
+};
+
 export class HMSLogger {
   private _verbose: boolean = false;
   private _warning: boolean = false;

package/src/classes/HMSMessage.ts

@@ -6,19 +6,19 @@ export class HMSMessage {
   public message: string;
   public type: string;
   public time: Date;
-  public sender: HMSPeer;
+  public sender?: HMSPeer;
   public recipient: HMSMessageRecipient;
 
   constructor(params: {
     message: string;
     type: string;
-    time: string;
-    sender: HMSPeer;
+    time: Date;
+    sender?: HMSPeer;
     recipient: HMSMessageRecipient;
   }) {
     this.message = params.message;
     this.type = params.type;
-    this.time = new Date(params.time);
+    this.time = params.time;
     this.sender = params.sender;
     this.recipient = params.recipient;
   }

package/src/classes/HMSRemoteAudioTrack.ts

@@ -1,5 +1,5 @@
 import { NativeModules } from 'react-native';
-import { HMSSDK } from './HMSSDK';
+import { getLogger } from './HMSLogger';
 import type { HMSTrackType } from './HMSTrackType';
 import { HMSAudioTrack } from './HMSAudioTrack';
 
@@ -7,7 +7,7 @@ const {
   /**
    * @ignore
    */
-  HmsManager,
+  HMSManager,
 } = NativeModules;
 
 export class HMSRemoteAudioTrack extends HMSAudioTrack {
@@ -18,7 +18,7 @@ export class HMSRemoteAudioTrack extends HMSAudioTrack {
    * @memberof HMSRemoteAudioTrack
    */
   setPlaybackAllowed(playbackAllowed: boolean) {
-    const logger = HMSSDK.getLogger();
+    const logger = getLogger();
     logger?.verbose('#Function setPlaybackAllowed', {
       trackId: this.trackId,
       id: this.id,
@@ -26,7 +26,7 @@ export class HMSRemoteAudioTrack extends HMSAudioTrack {
       type: this.type,
       playbackAllowed,
     });
-    HmsManager.setPlaybackAllowed({
+    HMSManager.setPlaybackAllowed({
       id: this.id,
       trackId: this.trackId,
       playbackAllowed,
@@ -35,14 +35,14 @@ export class HMSRemoteAudioTrack extends HMSAudioTrack {
 
   isPlaybackAllowed = async () => {
     try {
-      const logger = HMSSDK.getLogger();
+      const logger = getLogger();
       logger?.verbose('#Function isPlaybackAllowed', {
         trackId: this.trackId,
         id: this.id,
         source: this.source,
         type: this.type,
       });
-      const val = await HmsManager.isPlaybackAllowed({
+      const val = await HMSManager.isPlaybackAllowed({
         id: this.id,
         trackId: this.trackId,
       });

package/src/classes/HMSRemoteVideoTrack.ts

@@ -1,5 +1,5 @@
 import { NativeModules } from 'react-native';
-import { HMSSDK } from './HMSSDK';
+import { getLogger } from './HMSLogger';
 import { HMSVideoTrack } from './HMSVideoTrack';
 import type { HMSTrackType } from './HMSTrackType';
 
@@ -7,7 +7,7 @@ const {
   /**
    * @ignore
    */
-  HmsManager,
+  HMSManager,
 } = NativeModules;
 
 export class HMSRemoteVideoTrack extends HMSVideoTrack {
@@ -20,7 +20,7 @@ export class HMSRemoteVideoTrack extends HMSVideoTrack {
    * @memberof HMSRemoteVideoTrack
    */
   setPlaybackAllowed(playbackAllowed: boolean) {
-    const logger = HMSSDK.getLogger();
+    const logger = getLogger();
     logger?.verbose('#Function setPlaybackAllowed', {
       trackId: this.trackId,
       id: this.id,
@@ -28,7 +28,7 @@ export class HMSRemoteVideoTrack extends HMSVideoTrack {
       type: this.type,
       playbackAllowed,
     });
-    HmsManager.setPlaybackAllowed({
+    HMSManager.setPlaybackAllowed({
       id: this.id,
       trackId: this.trackId,
       playbackAllowed,
@@ -37,14 +37,14 @@ export class HMSRemoteVideoTrack extends HMSVideoTrack {
 
   isPlaybackAllowed = async () => {
     try {
-      const logger = HMSSDK.getLogger();
+      const logger = getLogger();
       logger?.verbose('#Function isPlaybackAllowed', {
         trackId: this.trackId,
         id: this.id,
         source: this.source,
         type: this.type,
       });
-      const val = await HmsManager.isPlaybackAllowed({
+      const val = await HMSManager.isPlaybackAllowed({
         id: this.id,
         trackId: this.trackId,
       });

package/src/classes/HMSRoom.ts

@@ -7,6 +7,7 @@ import type { HMSHLSRecordingState } from './HMSHLSRecordingState';
 
 export class HMSRoom {
   id: string;
+  sessionId: string;
   name: string;
   metaData?: string;
   peers: HMSPeer[];
@@ -19,6 +20,7 @@ export class HMSRoom {
 
   constructor(params: {
     id: string;
+    sessionId: string;
     name: string;
     metaData?: string;
     peers: HMSPeer[];
@@ -30,6 +32,7 @@ export class HMSRoom {
     peerCount: number;
   }) {
     this.id = params.id;
+    this.sessionId = params.sessionId;
     this.name = params.name;
     this.metaData = params.metaData;
     this.peers = params.peers;

package/src/classes/HMSRoomUpdate.ts

@@ -1,11 +1,9 @@
 export enum HMSRoomUpdate {
   ROOM_MUTED = 'ROOM_MUTED',
   ROOM_UNMUTED = 'ROOM_UNMUTED',
-  ROOM_TYPE_CHANGED = 'ROOM_TYPE_CHANGED',
-  META_DATA_CHANGED = 'META_DATA_CHANGED',
   SERVER_RECORDING_STATE_UPDATED = 'SERVER_RECORDING_STATE_UPDATED',
   RTMP_STREAMING_STATE_UPDATED = 'RTMP_STREAMING_STATE_UPDATED',
   BROWSER_RECORDING_STATE_UPDATED = 'BROWSER_RECORDING_STATE_UPDATED',
   HLS_STREAMING_STATE_UPDATED = 'HLS_STREAMING_STATE_UPDATED',
-  ROOM_ID_UPDATED = 'ROOM_ID_UPDATED',
+  HLS_RECORDING_STATE_UPDATED = 'HLS_RECORDING_STATE_UPDATED',
 }

package/src/classes/HMSRtmpStreamingState.ts

@@ -2,13 +2,13 @@ import type { HMSException } from './HMSException';
 
 export class HMSRtmpStreamingState {
   running: string;
-  error: HMSException;
+  error?: HMSException;
   startedAt: Date;
   stoppedAt: Date;
 
   constructor(params: {
     running: string;
-    error: HMSException;
+    error?: HMSException;
     startedAt: Date;
     stoppedAt: Date;
   }) {

package/src/classes/HMSSDK.tsx

@@ -7,36 +7,33 @@ import {
   AppState,
 } from 'react-native';
 import { HMSUpdateListenerActions } from './HMSUpdateListenerActions';
+import { HMSEncoder } from './HMSEncoder';
+import { HMSHelper } from './HMSHelper';
+import { HmsViewComponent } from './HmsView';
+import { HMSLocalAudioStats } from './HMSLocalAudioStats';
+import { HMSLocalVideoStats } from './HMSLocalVideoStats';
+import { HMSRemoteVideoStats } from './HMSRemoteVideoStats';
+import { HMSRemoteAudioStats } from './HMSRemoteAudioStats';
+import { logger, getLogger, setLogger } from './HMSLogger';
 import type { HMSConfig } from './HMSConfig';
 import type { HMSLocalPeer } from './HMSLocalPeer';
 import type { HMSRemotePeer } from './HMSRemotePeer';
 import type { HMSRoom } from './HMSRoom';
 import type { HMSRole } from './HMSRole';
-import { HMSEncoder } from './HMSEncoder';
-import { HMSMessage } from './HMSMessage';
-import { HMSHelper } from './HMSHelper';
 import type { HMSTrack } from './HMSTrack';
 import type { HMSTrackType } from './HMSTrackType';
 import type { HMSLogger } from './HMSLogger';
 import type { HMSPeer } from './HMSPeer';
-import { HmsView as HMSViewComponent } from './HmsView';
 import type { HMSVideoViewMode } from './HMSVideoViewMode';
 import type { HMSTrackSettings } from './HMSTrackSettings';
 import type { HMSRTMPConfig } from './HMSRTMPConfig';
 import type { HMSHLSConfig } from './HMSHLSConfig';
-import { HMSLocalAudioStats } from './HMSLocalAudioStats';
-import { HMSLocalVideoStats } from './HMSLocalVideoStats';
-import { HMSRemoteVideoStats } from './HMSRemoteVideoStats';
-import { HMSRemoteAudioStats } from './HMSRemoteAudioStats';
 
-interface HmsComponentProps {
+interface HmsViewProps {
   trackId: string;
-  sink: boolean;
-  style: ViewStyle;
+  style?: ViewStyle;
   mirror?: boolean;
   scaleType?: HMSVideoViewMode;
-  screenshot?: boolean;
-  id?: string | null;
   setZOrderMediaOverlay?: boolean;
 }
 
@@ -44,15 +41,13 @@ const {
   /**
    * @ignore
    */
-  HmsManager,
+  HMSManager,
 } = NativeModules;
 
-const HmsEventEmitter = new NativeEventEmitter(HmsManager);
+const HmsEventEmitter = new NativeEventEmitter(HMSManager);
 
 let HmsSdk: HMSSDK | undefined;
 
-let logger: HMSLogger | undefined;
-
 export class HMSSDK {
   room?: HMSRoom;
   localPeer?: HMSLocalPeer;
@@ -94,7 +89,7 @@ export class HMSSDK {
    * @memberof HMSSDK
    */
   static async build(params?: { trackSettings: HMSTrackSettings }) {
-    let id = await HmsManager.build(params?.trackSettings || {});
+    let id = await HMSManager.build(params?.trackSettings || {});
     HmsSdk = new HMSSDK(id);
     HmsSdk.attachPreviewListener();
     HmsSdk.attachListeners();
@@ -107,7 +102,7 @@ export class HMSSDK {
    * @memberof HMSSDK
    */
   static getLogger() {
-    return logger;
+    return getLogger();
   }
 
   /**
@@ -116,8 +111,7 @@ export class HMSSDK {
    * @memberof HMSSDK
    */
   setLogger = (hmsLogger: HMSLogger) => {
-    logger = hmsLogger;
-    hmsLogger.verbose('#Function setLogger', { id: this.id });
+    setLogger(hmsLogger, this.id);
   };
 
   /**
@@ -125,8 +119,10 @@ export class HMSSDK {
    *
    * @memberof HMSSDK
    */
-  destroy = () => {
+  destroy = async () => {
+    logger?.verbose('#Function destroy', { id: this.id });
     this.removeListeners();
+    return await HMSManager.destroy({ id: this.id });
   };
 
   /**
@@ -338,7 +334,7 @@ export class HMSSDK {
   join = async (config: HMSConfig) => {
     logger?.verbose('#Function join', { config, id: this.id });
     this.addAppStateListener();
-    await HmsManager.join({ ...config, id: this.id });
+    await HMSManager.join({ ...config, id: this.id });
   };
 
   /**
@@ -352,7 +348,7 @@ export class HMSSDK {
    */
   preview = (config: HMSConfig) => {
     logger?.verbose('#Function preview', { config, id: this.id });
-    HmsManager.preview({ ...config, id: this.id });
+    HMSManager.preview({ ...config, id: this.id });
   };
 
   /**
@@ -372,7 +368,7 @@ export class HMSSDK {
       id: this.id,
     });
     if (Platform.OS === 'ios') {
-      return await HmsManager.previewForRole({ role: role?.name, id: this.id });
+      return await HMSManager.previewForRole({ role: role?.name, id: this.id });
     } else {
       console.log('API currently not available for android');
       return 'API currently not available for android';
@@ -382,7 +378,6 @@ export class HMSSDK {
   /**
    * - HmsView is react component that takes one track and starts showing that track on a tile.
    * - The appearance of tile is completely customizable with style prop.
-   * - setting sink true or false for a video tile will add or remove sink for a video.
    * - scale type can determine how the incoming video will fit in the canvas check {@link HMSVideoViewMode} for more information.
    *
    * checkout {@link https://www.100ms.live/docs/react-native/v2/features/render-video} for more info
@@ -390,28 +385,20 @@ export class HMSSDK {
    * @param {HmsComponentProps}
    * @memberof HMSSDK
    */
-  HmsView = ({
-    sink,
-    trackId,
-    style,
-    mirror,
-    scaleType,
-    screenshot,
-    setZOrderMediaOverlay,
-  }: HmsComponentProps) => {
+  HmsView = React.forwardRef<any, HmsViewProps>((props, ref) => {
+    const { trackId, style, mirror, scaleType, setZOrderMediaOverlay } = props;
     return (
-      <HMSViewComponent
-        sink={sink}
+      <HmsViewComponent
+        ref={ref}
         trackId={trackId}
         style={style}
         setZOrderMediaOverlay={setZOrderMediaOverlay}
         mirror={mirror}
         scaleType={scaleType}
         id={this.id}
-        screenshot={screenshot}
       />
     );
-  };
+  });
 
   /**
    * Calls leave function of native sdk and session of current user is invalidated.
@@ -426,7 +413,7 @@ export class HMSSDK {
       id: this.id,
     };
 
-    const op = await HmsManager.leave(data);
+    const op = await HMSManager.leave(data);
     this.muteStatus = undefined;
     this.localPeer = undefined;
     this.remotePeers = undefined;
@@ -450,7 +437,7 @@ export class HMSSDK {
       type: type || null,
       id: this.id,
     });
-    return await HmsManager.sendBroadcastMessage({
+    return await HMSManager.sendBroadcastMessage({
       message,
       type: type || null,
       id: this.id,
@@ -476,7 +463,7 @@ export class HMSSDK {
       id: this.id,
       type: type || null,
     });
-    return await HmsManager.sendGroupMessage({
+    return await HMSManager.sendGroupMessage({
       message,
       roles: HMSHelper.getRoleNames(roles),
       id: this.id,
@@ -503,7 +490,7 @@ export class HMSSDK {
       id: this.id,
       type: type || null,
     });
-    return await HmsManager.sendDirectMessage({
+    return await HMSManager.sendDirectMessage({
       message,
       peerId: peer.peerID,
       id: this.id,
@@ -525,7 +512,7 @@ export class HMSSDK {
    */
   changeMetadata = (metadata: string) => {
     logger?.verbose('#Function changeMetadata', { metadata, id: this.id });
-    HmsManager.changeMetadata({ metadata, id: this.id });
+    HMSManager.changeMetadata({ metadata, id: this.id });
   };
 
   /**
@@ -543,7 +530,7 @@ export class HMSSDK {
       id: this.id,
     });
 
-    const op = await HmsManager.startRTMPOrRecording({ ...data, id: this.id });
+    const op = await HMSManager.startRTMPOrRecording({ ...data, id: this.id });
     return op;
   };
 
@@ -557,7 +544,7 @@ export class HMSSDK {
    */
   stopRtmpAndRecording = async () => {
     logger?.verbose('#Function stopRtmpAndRecording', {});
-    const op = await HmsManager.stopRtmpAndRecording({ id: this.id });
+    const op = await HMSManager.stopRtmpAndRecording({ id: this.id });
     return op;
   };
 
@@ -575,7 +562,7 @@ export class HMSSDK {
       ...data,
       id: this.id,
     });
-    return await HmsManager.startHLSStreaming({ ...data, id: this.id });
+    return await HMSManager.startHLSStreaming({ ...data, id: this.id });
   };
 
   /**
@@ -588,7 +575,7 @@ export class HMSSDK {
    */
   stopHLSStreaming = async () => {
     logger?.verbose('#Function stopHLSStreaming', {});
-    return await HmsManager.stopHLSStreaming({ id: this.id });
+    return await HMSManager.stopHLSStreaming({ id: this.id });
   };
 
   /**
@@ -613,7 +600,7 @@ export class HMSSDK {
       id: this.id,
     };
     logger?.verbose('#Function changeRole', data);
-    return await HmsManager.changeRole(data);
+    return await HMSManager.changeRole(data);
   };
 
   /**
@@ -637,7 +624,7 @@ export class HMSSDK {
       id: this.id,
     };
 
-    return await HmsManager.changeTrackState(data);
+    return await HMSManager.changeTrackState(data);
   };
 
   /**
@@ -673,7 +660,7 @@ export class HMSSDK {
       id: this.id,
     };
 
-    return await HmsManager.changeTrackStateForRoles(data);
+    return await HMSManager.changeTrackStateForRoles(data);
   };
 
   /**
@@ -696,7 +683,7 @@ export class HMSSDK {
       id: this.id,
     };
 
-    return await HmsManager.removePeer(data);
+    return await HMSManager.removePeer(data);
   };
 
   /**
@@ -716,7 +703,7 @@ export class HMSSDK {
       id: this.id,
     };
 
-    return await HmsManager.endRoom(data);
+    return await HMSManager.endRoom(data);
   };
 
   /**
@@ -733,7 +720,7 @@ export class HMSSDK {
       id: this.id,
     };
 
-    return await HmsManager.changeName(data);
+    return await HMSManager.changeName(data);
   };
 
   /**
@@ -745,7 +732,7 @@ export class HMSSDK {
    */
   acceptRoleChange = async () => {
     logger?.verbose('#Function acceptRoleChange', { id: this.id });
-    return await HmsManager.acceptRoleChange({ id: this.id });
+    return await HMSManager.acceptRoleChange({ id: this.id });
   };
 
   /**
@@ -759,7 +746,7 @@ export class HMSSDK {
   setPlaybackForAllAudio = (mute: boolean) => {
     logger?.verbose('#Function setPlaybackForAllAudio', { mute, id: this.id });
     this.muteStatus = mute;
-    HmsManager.setPlaybackForAllAudio({ mute, id: this.id });
+    HMSManager.setPlaybackForAllAudio({ mute, id: this.id });
   };
 
   /**
@@ -769,7 +756,7 @@ export class HMSSDK {
    */
   remoteMuteAllAudio = () => {
     logger?.verbose('#Function remoteMuteAllAudio', { id: this.id });
-    HmsManager.remoteMuteAllAudio({ id: this.id });
+    HMSManager.remoteMuteAllAudio({ id: this.id });
   };
 
   /**
@@ -786,7 +773,7 @@ export class HMSSDK {
       roomID: this.room?.id,
       id: this.id,
     });
-    const hmsRoom = await HmsManager.getRoom({ id: this.id });
+    const hmsRoom = await HMSManager.getRoom({ id: this.id });
 
     const encodedHmsRoom = HMSEncoder.encodeHmsRoom(hmsRoom, this.id);
     return encodedHmsRoom;
@@ -805,7 +792,7 @@ export class HMSSDK {
       volume,
       id: this.id,
     });
-    HmsManager.setVolume({
+    HMSManager.setVolume({
       id: this.id,
       trackId: track.trackId,
       volume,
@@ -814,7 +801,7 @@ export class HMSSDK {
 
   resetVolume = () => {
     logger?.verbose('#Function resetVolume', { id: this.id });
-    if (Platform.OS === 'android') HmsManager.resetVolume({ id: this.id });
+    if (Platform.OS === 'android') HMSManager.resetVolume({ id: this.id });
   };
 
   /**
@@ -846,7 +833,7 @@ export class HMSSDK {
   startScreenshare = async () => {
     logger?.verbose('#Function startScreenshare', { id: this.id });
     if (Platform.OS === 'android') {
-      return await HmsManager.startScreenshare({ id: this.id });
+      return await HMSManager.startScreenshare({ id: this.id });
     } else {
       console.log('API currently not available for iOS');
       return 'API currently not available for iOS';
@@ -863,7 +850,7 @@ export class HMSSDK {
   isScreenShared = async () => {
     logger?.verbose('#Function isScreenShared', { id: this.id });
     if (Platform.OS === 'android') {
-      return await HmsManager.isScreenShared({ id: this.id });
+      return await HMSManager.isScreenShared({ id: this.id });
     } else {
       console.log('API currently not available for iOS');
       return 'API currently not available for iOS';
@@ -880,7 +867,7 @@ export class HMSSDK {
   stopScreenshare = async () => {
     logger?.verbose('#Function stopScreenshare', { id: this.id });
     if (Platform.OS === 'android') {
-      return await HmsManager.stopScreenshare({ id: this.id });
+      return await HMSManager.stopScreenshare({ id: this.id });
     } else {
       console.log('API currently not available for iOS');
       return 'API currently not available for iOS';
@@ -902,7 +889,7 @@ export class HMSSDK {
   enableRTCStats = () => {
     logger?.verbose('#Function enableRTCStats', { id: this.id });
     if (Platform.OS === 'ios') {
-      HmsManager.enableRTCStats({ id: this.id });
+      HMSManager.enableRTCStats({ id: this.id });
     } else {
       console.log('API currently not avaialble for android');
     }
@@ -919,7 +906,7 @@ export class HMSSDK {
   disableRTCStats = () => {
     logger?.verbose('#Function disableRTCStats', { id: this.id });
     if (Platform.OS === 'ios') {
-      HmsManager.disableRTCStats({ id: this.id });
+      HMSManager.disableRTCStats({ id: this.id });
     } else {
       console.log('API currently not avaialble for android');
     }
@@ -1252,7 +1239,7 @@ export class HMSSDK {
       return;
     }
     logger?.verbose('#Listener ON_MESSAGE', data);
-    const message = new HMSMessage(data);
+    const message = HMSEncoder.encodeHMSMessage(data, this.id);
     if (this.onMessageDelegate) {
       logger?.verbose('#Listener ON_MESSAGE_LISTENER_CALL', message);
       this.onMessageDelegate(message);
@@ -1263,10 +1250,12 @@ export class HMSSDK {
     if (data.id !== this.id) {
       return;
     }
-    logger?.verbose('#Listener ON_SPEAKER', data);
+    logger?.verbose('#Listener ON_SPEAKER', data?.speakers);
     if (this.onSpeakerDelegate) {
-      logger?.verbose('#Listener ON_SPEAKER_LISTENER_CALL', data);
-      this.onSpeakerDelegate(HMSEncoder.encodeHmsSpeakerUpdate(data, this.id));
+      logger?.verbose('#Listener ON_SPEAKER_LISTENER_CALL', data?.speakers);
+      this.onSpeakerDelegate(
+        HMSEncoder.encodeHmsSpeakers(data?.speakers, this.id)
+      );
     }
   };
 

package/src/classes/HMSServerRecordingState.ts

@@ -2,12 +2,12 @@ import type { HMSException } from './HMSException';
 
 export class HMSServerRecordingState {
   running: string;
-  error: HMSException;
+  error?: HMSException;
   startedAt: Date;
 
   constructor(params: {
     running: string;
-    error: HMSException;
+    error?: HMSException;
     startedAt: Date;
   }) {
     this.running = params.running;

package/src/classes/HMSTrackSource.ts

@@ -0,0 +1,5 @@
+export enum HMSTrackSource {
+  PLUGIN = 'plugin',
+  REGULAR = 'regular',
+  SCREEN = 'screen',
+}