@100mslive/react-native-hms 0.9.0 → 0.9.3

package/src/classes/HMSSDK.tsx

@@ -24,6 +24,10 @@ import { 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 {
   trackId: string;
@@ -69,6 +73,11 @@ export class HMSSDK {
   onRoleChangeRequestDelegate?: any;
   onChangeTrackStateRequestDelegate?: any;
   onRemovedFromRoomDelegate?: any;
+  onRtcStatsDelegate?: any;
+  onLocalAudioStatsDelegate?: any;
+  onLocalVideoStatsDelegate?: any;
+  onRemoteAudioStatsDelegate?: any;
+  onRemoteVideoStatsDelegate?: any;
 
   constructor(id: string) {
     this.id = id;
@@ -76,7 +85,7 @@ export class HMSSDK {
 
   /**
    * - Returns an instance of [HMSSDK]{@link HMSSDK}
-   * - This function must be called to get an instance of HMSSDK class and only then user can interact with its methods
+   * - This function must be called to get an instance of HMSSDK class and only then user can interact with its methods.
    *
    * @static
    * @returns
@@ -90,19 +99,40 @@ export class HMSSDK {
     return HmsSdk;
   }
 
+  /**
+   * - Returns the instance of logger which can be used to manipulate log levels.
+   * @returns @instance HMSLogger
+   * @memberof HMSSDK
+   */
   static getLogger() {
     return logger;
   }
 
+  /**
+   * - Updates the logger for this instance of HMSSDK
+   * @param {HMSLogger} hmsLogger
+   * @memberof HMSSDK
+   */
   setLogger = (hmsLogger: HMSLogger) => {
     logger = hmsLogger;
     hmsLogger.verbose('#Function setLogger', { id: this.id });
   };
 
+  /**
+   * - Calls removeListeners that in turn breaks all connections with native listeners.
+   *
+   * @memberof HMSSDK
+   */
   destroy = () => {
     this.removeListeners();
   };
 
+  /**
+   * - Attaches preview listener for native callbacks.
+   * Note:this function connects sdk to native side and not app to sdk.
+   *
+   * @memberof HMSSDK
+   */
   attachPreviewListener = () => {
     HmsEventEmitter.addListener(
       HMSUpdateListenerActions.ON_PREVIEW,
@@ -110,6 +140,11 @@ export class HMSSDK {
     );
   };
 
+  /**
+   * - Attaches all the listeners to native callbacks.
+   * Note: this function connects sdk to native side and not app to sdk.
+   * @memberof HMSSDK
+   */
   attachListeners = () => {
     HmsEventEmitter.addListener(
       HMSUpdateListenerActions.ON_JOIN,
@@ -170,8 +205,38 @@ export class HMSSDK {
       HMSUpdateListenerActions.ON_REMOVED_FROM_ROOM,
       this.onRemovedFromRoomListener
     );
+
+    HmsEventEmitter.addListener(
+      HMSUpdateListenerActions.ON_RTC_STATS,
+      this.RTCStatsListener
+    );
+
+    HmsEventEmitter.addListener(
+      HMSUpdateListenerActions.ON_LOCAL_AUDIO_STATS,
+      this.onLocalAudioStatsListener
+    );
+
+    HmsEventEmitter.addListener(
+      HMSUpdateListenerActions.ON_LOCAL_VIDEO_STATS,
+      this.onLocalVideoStatsListener
+    );
+
+    HmsEventEmitter.addListener(
+      HMSUpdateListenerActions.ON_REMOTE_AUDIO_STATS,
+      this.onRemoteAudioStatsListener
+    );
+
+    HmsEventEmitter.addListener(
+      HMSUpdateListenerActions.ON_REMOTE_VIDEO_STATS,
+      this.onRemoteVideoStatsListener
+    );
   };
 
+  /**
+   * Disconnects all the listeners of this sdk from native listeners.
+   * Note: this function is only called from destroy function and should only be called when the current instance of {@link HMSSDK} is not required anymore.
+   * @memberof HMSSDK
+   */
   removeListeners = () => {
     HmsEventEmitter.removeListener(
       HMSUpdateListenerActions.ON_JOIN,
@@ -232,11 +297,38 @@ export class HMSSDK {
       HMSUpdateListenerActions.ON_REMOVED_FROM_ROOM,
       this.onRemovedFromRoomListener
     );
+
+    HmsEventEmitter.removeListener(
+      HMSUpdateListenerActions.ON_RTC_STATS,
+      this.RTCStatsListener
+    );
+
+    HmsEventEmitter.removeListener(
+      HMSUpdateListenerActions.ON_LOCAL_AUDIO_STATS,
+      this.onLocalAudioStatsListener
+    );
+
+    HmsEventEmitter.removeListener(
+      HMSUpdateListenerActions.ON_LOCAL_VIDEO_STATS,
+      this.onLocalVideoStatsListener
+    );
+
+    HmsEventEmitter.removeListener(
+      HMSUpdateListenerActions.ON_REMOTE_AUDIO_STATS,
+      this.onRemoteAudioStatsListener
+    );
+
+    HmsEventEmitter.removeListener(
+      HMSUpdateListenerActions.ON_REMOTE_VIDEO_STATS,
+      this.onRemoteVideoStatsListener
+    );
   };
 
   /**
-   * takes an instance of [HMSConfig]{@link HMSConfig} and joins the room
-   * after joining the room user will start receiving the events and updates of the room
+   * takes an instance of [HMSConfig]{@link HMSConfig} and joins the room.
+   * after joining the room user will start receiving the events and updates of the room.
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/join} for more info
    *
    * @param {HMSConfig} config
    * @memberof HMSSDK
@@ -247,11 +339,55 @@ export class HMSSDK {
     await HmsManager.join({ ...config, id: this.id });
   };
 
+  /**
+   * - preview function is used to initiate a preview for the localPeer.
+   * - We can call this function and wait for a response in previewListener, the response will contain previewTracks for local peer.
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/preview} for more info
+   *
+   * @param {HMSConfig} config
+   * @memberof HMSSDK
+   */
   preview = (config: HMSConfig) => {
     logger?.verbose('#Function preview', { config, id: this.id });
     HmsManager.preview({ ...config, id: this.id });
   };
 
+  /**
+   * - previewForRole can be used when there is role change request for current localPeer and we want
+   * to show the localPeer how the tracks look before publishing them to room.
+   *
+   * - It requires a role of type [HMSRole]{@link HMSRole} for which we want to preview the tracks.
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native} for more info
+   *
+   * @param {HMSRole}
+   * @memberof HMSSDK
+   */
+  previewForRole = async (role: HMSRole) => {
+    logger?.verbose('#Function previewForRole', {
+      role,
+      id: this.id,
+    });
+    if (Platform.OS === 'ios') {
+      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';
+    }
+  };
+
+  /**
+   * - 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
+   *
+   * @param {HmsComponentProps}
+   * @memberof HMSSDK
+   */
   HmsView = ({
     sink,
     trackId,
@@ -272,7 +408,9 @@ export class HMSSDK {
   };
 
   /**
-   * Calls leave function of native sdk and session of current user is invalidated
+   * Calls leave function of native sdk and session of current user is invalidated.
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/leave} for more info
    *
    * @memberof HMSSDK
    */
@@ -292,6 +430,14 @@ export class HMSSDK {
     return op;
   };
 
+  /**
+   * - This function sends message to all the peers in the room, the get the message in onMessage listener.
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/chat} for more info
+   *
+   * @param {message: string} and @param {type: string}
+   * @memberof HMSSDK
+   */
   sendBroadcastMessage = async (message: string, type: string = 'chat') => {
     logger?.verbose('#Function sendBroadcastMessage', {
       message,
@@ -305,6 +451,14 @@ export class HMSSDK {
     });
   };
 
+  /**
+   * - sendGroupMessage sends a message to specific set of roles, whoever has any of those role in room
+   * will get the message in onMessage listener.
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/chat} for more info
+   *
+   * @memberof HMSSDK
+   */
   sendGroupMessage = async (
     message: string,
     roles: HMSRole[],
@@ -324,6 +478,14 @@ export class HMSSDK {
     });
   };
 
+  /**
+   * - sendDirectMessage sends a private message to a single peer, only that peer will get the message
+   * in onMessage Listener.
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/chat} for more info
+   *
+   * @memberof HMSSDK
+   */
   sendDirectMessage = async (
     message: string,
     peer: HMSPeer,
@@ -343,11 +505,32 @@ export class HMSSDK {
     });
   };
 
+  /**
+   * - changeMetadata changes a specific field in localPeer which is [metadata] it is a string that can
+   * be used for various functionalities like raiseHand, beRightBack and many more that explains the
+   * current status of the peer.
+   *
+   * - it is advised to use a json object in string format to store multiple dataPoints in metadata.
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/change-metadata} for more info
+   *
+   * @param {string}
+   * @memberof HMSSDK
+   */
   changeMetadata = (metadata: string) => {
     logger?.verbose('#Function changeMetadata', { metadata, id: this.id });
     HmsManager.changeMetadata({ metadata, id: this.id });
   };
 
+  /**
+   * - startRTMPOrRecording takes a configuration object {@link HMSRTMPConfig} and stats the RTMP recording
+   * - this object of {@link HMSRTMPConfig} sets the urls for streaming and weather to set recording on or not
+   * - we get the response of this function in onRoomUpdate as RTMP_STREAMING_STATE_UPDATED.
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/recording} for more info
+   *
+   * @memberof HMSSDK
+   */
   startRTMPOrRecording = async (data: HMSRTMPConfig) => {
     logger?.verbose('#Function startRTMPOrRecording', {
       ...data,
@@ -358,12 +541,29 @@ export class HMSSDK {
     return op;
   };
 
+  /**
+   * - this function stops all the ongoing RTMP streaming and recording.
+   * - we get the response of this function in onRoomUpdate as RTMP_STREAMING_STATE_UPDATED.
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/recording} for more info
+   *
+   * @memberof HMSSDK
+   */
   stopRtmpAndRecording = async () => {
     logger?.verbose('#Function stopRtmpAndRecording', {});
     const op = await HmsManager.stopRtmpAndRecording({ id: this.id });
     return op;
   };
 
+  /**
+   * - This function starts HLSStreaming.
+   * - we get the response of this function in onRoomUpdate as HLS_STREAMING_STATE_UPDATED.
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/hls-streaming} for more info
+   *
+   * @param {HMSHLSConfig}
+   * @memberof HMSSDK
+   */
   startHLSStreaming = async (data: HMSHLSConfig) => {
     logger?.verbose('#Function startHLSStreaming', {
       ...data,
@@ -372,11 +572,33 @@ export class HMSSDK {
     return await HmsManager.startHLSStreaming({ ...data, id: this.id });
   };
 
+  /**
+   * - stopHLSStreaming function stops the ongoing HLSStreams.
+   * - we get the response of this function in onRoomUpdate as HLS_STREAMING_STATE_UPDATED.
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/hls-streaming} for more info
+   *
+   * @memberof HMSSDK
+   */
   stopHLSStreaming = async () => {
     logger?.verbose('#Function stopHLSStreaming', {});
     return await HmsManager.stopHLSStreaming({ id: this.id });
   };
 
+  /**
+   * - This function can be used in a situation when we want to change role hence manipulate their
+   * access and rights in the current room, it takes the peer {@link HMSPeer} whom role we want to change,
+   * role {@link HMSRole} which will be the new role for that peer and weather to forcefully change
+   * the role or ask the to accept the role change request using a boolean force.
+   *
+   * - if we change the role forcefully the peer's role will be updated without asking the peer
+   * otherwise the user will get the roleChangeRequest in roleChangeRequest listener.
+   * for more information on this checkout {@link onRoleChangeRequestListener}
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/change-role} for more info
+   *
+   * @memberof HMSSDK
+   */
   changeRole = async (peer: HMSPeer, role: HMSRole, force: boolean = false) => {
     const data = {
       peerId: peer?.peerID,
@@ -388,6 +610,15 @@ export class HMSSDK {
     return await HmsManager.changeRole(data);
   };
 
+  /**
+   * - This function can be used to manipulate mute status of any track.
+   * - Targeted peer affected by this action will get a callback in {@link onChangeTrackStateRequestListener}.
+   *
+   * * checkout {@link https://www.100ms.live/docs/react-native/v2/features/change-track-state} for more info
+   *
+   * @param {HMSTrack}
+   * @memberof HMSSDK
+   */
   changeTrackState = async (track: HMSTrack, mute: boolean) => {
     logger?.verbose('#Function changeTrackState', {
       track,
@@ -403,6 +634,14 @@ export class HMSSDK {
     return await HmsManager.changeTrackState(data);
   };
 
+  /**
+   * - changeTrackStateForRoles is an enhancement on the functionality of {@link changeTrackState}.
+   * - We can change mute status for all the tracks of peers having a particular role.
+   * - @param source determines the source of the track ex. video, audio etc.
+   * - The peers affected by this action will get a callback in {@link onChangeTrackStateRequestListener}.
+   *
+   * @memberof HMSSDK
+   */
   changeTrackStateForRoles = async (
     mute: boolean,
     type?: HMSTrackType,
@@ -431,6 +670,14 @@ export class HMSSDK {
     return await HmsManager.changeTrackStateForRoles(data);
   };
 
+  /**
+   * - removePeer can forcefully disconnect a Peer from the room.
+   * - the user who's removed from this action will get a callback in {@link onRemovedFromRoomListener}.
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/remove-peer} for more info
+   *
+   * @memberof HMSSDK
+   */
   removePeer = async (peer: HMSPeer, reason: string) => {
     logger?.verbose('#Function removePeer', {
       peerId: peer.peerID,
@@ -446,6 +693,15 @@ export class HMSSDK {
     return await HmsManager.removePeer(data);
   };
 
+  /**
+   * - endRoom can be used in a situation where we want to disconnect all the peers from current room
+   * and end the call.
+   * - everyone in the room will get an update of this action in {@link onRemovedFromRoomListener}.
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/end-room} for more info
+   *
+   * @memberof HMSSDK
+   */
   endRoom = async (reason: string, lock: boolean = false) => {
     logger?.verbose('#Function endRoom', { lock, reason, id: this.id });
     const data = {
@@ -457,17 +713,68 @@ export class HMSSDK {
     return await HmsManager.endRoom(data);
   };
 
+  /**
+   * - This function can be used to change name of localPeer.
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/change-name} for more info
+   *
+   * @memberof HMSSDK
+   */
+  changeName = async (name: string) => {
+    logger?.verbose('#Function changeName', { name, id: this.id });
+    const data = {
+      name,
+      id: this.id,
+    };
+
+    return await HmsManager.changeName(data);
+  };
+
+  /**
+   * - Calling this function will accept the most recent roleChange request made by anyone in the room
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/change-role} for more info
+   *
+   * @memberof HMSSDK
+   */
   acceptRoleChange = async () => {
     logger?.verbose('#Function acceptRoleChange', { id: this.id });
     return await HmsManager.acceptRoleChange({ id: this.id });
   };
 
-  muteAllPeersAudio = (mute: boolean) => {
-    logger?.verbose('#Function muteAllPeersAudio', { mute, id: this.id });
+  /**
+   * - setPlaybackForAllAudio is an extension of the abilities of {@link setPlaybackAllowed} in
+   * {@link HMSRemoteAudioTrack}, it sets mute status for all peers in the room
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/playback-allowed} for more info
+   *
+   * @memberof HMSSDK
+   */
+  setPlaybackForAllAudio = (mute: boolean) => {
+    logger?.verbose('#Function setPlaybackForAllAudio', { mute, id: this.id });
     this.muteStatus = mute;
-    HmsManager.muteAllPeersAudio({ mute, id: this.id });
+    HmsManager.setPlaybackForAllAudio({ mute, id: this.id });
   };
 
+  /**
+   * - This function mutes audio for all peers in the room.
+   *
+   * @memberof HMSSDK
+   */
+  remoteMuteAllAudio = () => {
+    logger?.verbose('#Function remoteMuteAllAudio', { id: this.id });
+    HmsManager.remoteMuteAllAudio({ id: this.id });
+  };
+
+  /**
+   * - getRoom is a wrapper function on an existing native function also known as getRoom the returns
+   * current room object which is of type {@link HMSRoom}
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/room} for more info
+   *
+   * @memberof HMSSDK
+   * @return HMSRoom
+   */
   getRoom = async () => {
     logger?.verbose('#Function getRoom', {
       roomID: this.room?.id,
@@ -479,6 +786,13 @@ export class HMSSDK {
     return encodedHmsRoom;
   };
 
+  /**
+   * - This function sets the volume of any peer in the room
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/set-volume} for more info
+   *
+   * @memberof HMSSDK
+   */
   setVolume = (track: HMSTrack, volume: number) => {
     logger?.verbose('#Function setVolume', {
       track,
@@ -497,6 +811,13 @@ export class HMSSDK {
     if (Platform.OS === 'android') HmsManager.resetVolume({ id: this.id });
   };
 
+  /**
+   * - This is a temporary solution for the situation when mic access is taken from the app and
+   * user returns to the app with no mic access. It will re-acquire the mic by setting the volume
+   * from native side
+   *
+   * @memberof HMSSDK
+   */
   addAppStateListener = () => {
     logger?.verbose('#Function addAppStateListener', { id: this.id });
     this.appStateSubscription = AppState.addEventListener(
@@ -509,38 +830,97 @@ export class HMSSDK {
     );
   };
 
-  startScreenshare = () => {
+  /**
+   * - This function is used to start screenshare, currently available only for android
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/screenshare} for more info
+   *
+   * @memberof HMSSDK
+   */
+  startScreenshare = async () => {
     logger?.verbose('#Function startScreenshare', { id: this.id });
     if (Platform.OS === 'android') {
-      HmsManager.startScreenshare({ id: this.id });
+      return await HmsManager.startScreenshare({ id: this.id });
     } else {
-      console.log('API currently not avaialble for iOS');
+      console.log('API currently not available for iOS');
+      return 'API currently not available for iOS';
     }
   };
 
+  /**
+   * - Returns a boolean stating if the screen is currently shared or not
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/screenshare} for more info
+   *
+   * @memberof HMSSDK
+   */
   isScreenShared = async () => {
     logger?.verbose('#Function isScreenShared', { id: this.id });
     if (Platform.OS === 'android') {
       return await HmsManager.isScreenShared({ id: this.id });
     } else {
-      console.log('API currently not avaialble for iOS');
-      return 'API currently not avaialble for iOS';
+      console.log('API currently not available for iOS');
+      return 'API currently not available for iOS';
     }
   };
 
+  /**
+   * - stops the screenShare, currently available for android only.
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/screenshare} for more info
+   *
+   * @memberof HMSSDK
+   */
   stopScreenshare = async () => {
     logger?.verbose('#Function stopScreenshare', { id: this.id });
     if (Platform.OS === 'android') {
       return await HmsManager.stopScreenshare({ id: this.id });
     } else {
-      console.log('API currently not avaialble for iOS');
-      return 'API currently not avaialble for iOS';
+      console.log('API currently not available for iOS');
+      return 'API currently not available for iOS';
+    }
+  };
+
+  /**
+   * - enableRTCStats sets a boolean in native side which in turn allows several events to be passed
+   * through the bridge these events are {@link RTCStatsListener}, {@link onRemoteVideoStatsListener},
+   * {@link onRemoteAudioStatsListener}, {@link onLocalAudioStatsListener} and {@link onLocalVideoStatsListener}
+   *
+   * - These listeners get various dataPoints for current peers and their connectivity to the room
+   * such as jitter, latency etc.
+   *
+   * - currently available for iOS only
+   *
+   * @memberof HMSSDK
+   */
+  enableRTCStats = () => {
+    logger?.verbose('#Function enableRTCStats', { id: this.id });
+    if (Platform.OS === 'ios') {
+      HmsManager.enableRTCStats({ id: this.id });
+    } else {
+      console.log('API currently not avaialble for android');
+    }
+  };
+
+  /**
+   * - disable RTCStats sets the same boolean to false that was set true by enableRTCStats.
+   * that activates a check which filters out the events acquired in native listeners and don't
+   * let them pass through bridge
+   *
+   * - currently available for iOS only.
+   * @memberof HMSSDK
+   */
+  disableRTCStats = () => {
+    logger?.verbose('#Function disableRTCStats', { id: this.id });
+    if (Platform.OS === 'ios') {
+      HmsManager.disableRTCStats({ id: this.id });
+    } else {
+      console.log('API currently not avaialble for android');
     }
   };
 
   /**
    * - This is a prototype event listener that takes action and listens for updates related to that particular action
-   * - This method will be @deprecated in future and event listener will be passed in join method
    *
    * @param {string} action
    * @param {*} callback
@@ -591,13 +971,27 @@ export class HMSSDK {
       case HMSUpdateListenerActions.ON_REMOVED_FROM_ROOM:
         this.onRemovedFromRoomDelegate = callback;
         break;
+      case HMSUpdateListenerActions.ON_RTC_STATS:
+        this.onRtcStatsDelegate = callback;
+        break;
+      case HMSUpdateListenerActions.ON_LOCAL_AUDIO_STATS:
+        this.onLocalAudioStatsDelegate = callback;
+        break;
+      case HMSUpdateListenerActions.ON_LOCAL_VIDEO_STATS:
+        this.onLocalVideoStatsDelegate = callback;
+        break;
+      case HMSUpdateListenerActions.ON_REMOTE_AUDIO_STATS:
+        this.onRemoteAudioStatsDelegate = callback;
+        break;
+      case HMSUpdateListenerActions.ON_REMOTE_VIDEO_STATS:
+        this.onRemoteVideoStatsDelegate = callback;
+        break;
       default:
     }
   };
 
   /**
    * - This is a prototype event listener that takes action and listens for updates related to that particular action
-   * - This method will be @deprecated in future and event listener will be passed in join method
    *
    * @param {string} action
    * @param {*} callback
@@ -645,6 +1039,21 @@ export class HMSSDK {
       case HMSUpdateListenerActions.ON_REMOVED_FROM_ROOM:
         this.onRemovedFromRoomDelegate = null;
         break;
+      case HMSUpdateListenerActions.ON_RTC_STATS:
+        this.onRtcStatsDelegate = null;
+        break;
+      case HMSUpdateListenerActions.ON_LOCAL_AUDIO_STATS:
+        this.onLocalAudioStatsDelegate = null;
+        break;
+      case HMSUpdateListenerActions.ON_LOCAL_VIDEO_STATS:
+        this.onLocalVideoStatsDelegate = null;
+        break;
+      case HMSUpdateListenerActions.ON_REMOTE_AUDIO_STATS:
+        this.onRemoteAudioStatsDelegate = null;
+        break;
+      case HMSUpdateListenerActions.ON_REMOTE_VIDEO_STATS:
+        this.onRemoteVideoStatsDelegate = null;
+        break;
       default:
     }
   };
@@ -672,6 +1081,21 @@ export class HMSSDK {
     logger?.verbose('#Function REMOVE_ALL_LISTENER', { id: this.id });
   };
 
+  /**
+   * - Below are all the listeners that are connected to native side.
+   *
+   * - All of the are connected when build function is called, we can connect them to the app by
+   * calling {@link addEventListener} with corresponding event type.
+   *
+   * - Before passing the data to the eventListener of the app these listeners encode the data in
+   * ts classes for a proper structuring of the data.
+   *
+   * - Even When event listeners of the app are disconnected using {@link removeEventListener} or
+   * {@link removeAllListeners} or not even connected in first place, these functions still run to
+   * maintain the current state of the instance of {@link HMSSDK}.
+   *
+   */
+
   onPreviewListener = (data: any) => {
     if (data.id !== this.id) {
       return;
@@ -799,7 +1223,7 @@ export class HMSSDK {
       this.id
     );
     if (this.muteStatus && data?.type === 'TRACK_ADDED') {
-      this.muteAllPeersAudio(this.muteStatus);
+      this.setPlaybackForAllAudio(this.muteStatus);
     }
     this.room = room;
     this.localPeer = localPeer;
@@ -836,7 +1260,7 @@ export class HMSSDK {
     logger?.verbose('#Listener ON_SPEAKER', data);
     if (this.onSpeakerDelegate) {
       logger?.verbose('#Listener ON_SPEAKER_LISTENER_CALL', data);
-      this.onSpeakerDelegate(data);
+      this.onSpeakerDelegate(HMSEncoder.encodeHmsSpeakerUpdate(data, this.id));
     }
   };
 
@@ -929,4 +1353,92 @@ export class HMSSDK {
       this.onReconnectedDelegate(data);
     }
   };
+
+  RTCStatsListener = (data: any) => {
+    if (data.id !== this.id) {
+      return;
+    }
+
+    logger?.verbose('#Listener RTCStatsListener', data);
+
+    let rtcStats = HMSEncoder.encodeRTCStats(data);
+
+    if (this.onRtcStatsDelegate) {
+      this.onRtcStatsDelegate({ rtcStats });
+    }
+  };
+
+  onLocalAudioStatsListener = (data: any) => {
+    if (data.id !== this.id) {
+      return;
+    }
+
+    logger?.verbose('#Listener onLocalAudioStatsListener', data);
+
+    let localAudioStats = new HMSLocalAudioStats(data.localAudioStats);
+    let peer = HMSEncoder.encodeHmsPeer(data.peer, this.id);
+    let track = HMSEncoder.encodeHmsLocalAudioTrack(data.track, this.id);
+
+    if (this.onLocalAudioStatsDelegate) {
+      this.onLocalAudioStatsDelegate({ ...data, localAudioStats, peer, track });
+    }
+  };
+
+  onLocalVideoStatsListener = (data: any) => {
+    if (data.id !== this.id) {
+      return;
+    }
+
+    logger?.verbose('#Listener onLocalVideoStatsListener', data);
+
+    let localVideoStats = new HMSLocalVideoStats(data.localVideoStats);
+    let peer = HMSEncoder.encodeHmsPeer(data.peer, this.id);
+    let track = HMSEncoder.encodeHmsLocalVideoTrack(data.track, this.id);
+
+    if (this.onLocalVideoStatsDelegate) {
+      this.onLocalVideoStatsDelegate({ ...data, localVideoStats, peer, track });
+    }
+  };
+
+  onRemoteAudioStatsListener = (data: any) => {
+    if (data.id !== this.id) {
+      return;
+    }
+
+    logger?.verbose('#Listener onRemoteAudioStatsListener', data);
+
+    let remoteAudioStats = new HMSRemoteAudioStats(data.remoteAudioStats);
+    let peer = HMSEncoder.encodeHmsPeer(data.peer, this.id);
+    let track = HMSEncoder.encodeHmsRemoteAudioTrack(data.track, this.id);
+
+    if (this.onRemoteAudioStatsDelegate) {
+      this.onRemoteAudioStatsDelegate({
+        ...data,
+        remoteAudioStats,
+        peer,
+        track,
+      });
+    }
+  };
+
+  onRemoteVideoStatsListener = (data: any) => {
+    if (data.id !== this.id) {
+      return;
+    }
+
+    logger?.verbose('#Listener onRemoteVideoStatsListener', data);
+
+    let remoteVideoStats = new HMSRemoteVideoStats(data.remoteVideoStats);
+    let peer = HMSEncoder.encodeHmsPeer(data.peer, this.id);
+    let track = HMSEncoder.encodeHmsRemoteVideoTrack(data.track, this.id);
+
+    if (this.onRemoteVideoStatsDelegate) {
+      this.onRemoteVideoStatsDelegate({
+        ...data,
+        remoteVideoStats,
+        peer,
+        track,
+      });
+    }
+  };
 }