@100mslive/react-native-hms 0.7.2 → 0.8.1

package/lib/module/classes/HMSSDK.js

@@ -1,10 +1,13 @@
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+import React from 'react';
 import { NativeEventEmitter, NativeModules } from 'react-native';
 import { HMSUpdateListenerActions } from './HMSUpdateListenerActions';
 import { HMSEncoder } from './HMSEncoder';
 import { HMSMessage } from './HMSMessage';
 import { HMSHelper } from './HMSHelper';
+import { HmsView as HMSViewComponent } from './HmsView';
+import { HMSVideoViewMode } from './HMSVideoViewMode';
 const {
   /**
    * @ignore
@@ -14,7 +17,9 @@ const {
 const HmsEventEmitter = new NativeEventEmitter(HmsManager);
 let HmsSdk;
 export class HMSSDK {
-  constructor() {
+  constructor(id) {
+    var _this = this;
+
     _defineProperty(this, "room", void 0);
 
     _defineProperty(this, "localPeer", void 0);
@@ -25,6 +30,10 @@ export class HMSSDK {
 
     _defineProperty(this, "logger", void 0);
 
+    _defineProperty(this, "id", void 0);
+
+    _defineProperty(this, "muteStatus", void 0);
+
     _defineProperty(this, "onPreviewDelegate", void 0);
 
     _defineProperty(this, "onJoinDelegate", void 0);
@@ -51,6 +60,10 @@ export class HMSSDK {
 
     _defineProperty(this, "onRemovedFromRoomDelegate", void 0);
 
+    _defineProperty(this, "destroy", () => {
+      this.removeListeners();
+    });
+
     _defineProperty(this, "attachPreviewListener", () => {
       HmsEventEmitter.addListener(HMSUpdateListenerActions.ON_PREVIEW, this.onPreviewListener);
     });
@@ -70,14 +83,30 @@ export class HMSSDK {
       HmsEventEmitter.addListener(HMSUpdateListenerActions.ON_REMOVED_FROM_ROOM, this.onRemovedFromRoomListener);
     });
 
+    _defineProperty(this, "removeListeners", () => {
+      HmsEventEmitter.removeListener(HMSUpdateListenerActions.ON_JOIN, this.onJoinListener);
+      HmsEventEmitter.removeListener(HMSUpdateListenerActions.ON_ROOM_UPDATE, this.onRoomListener);
+      HmsEventEmitter.removeListener(HMSUpdateListenerActions.ON_PEER_UPDATE, this.onPeerListener);
+      HmsEventEmitter.removeListener(HMSUpdateListenerActions.ON_TRACK_UPDATE, this.onTrackListener);
+      HmsEventEmitter.removeListener(HMSUpdateListenerActions.ON_ERROR, this.onErrorListener);
+      HmsEventEmitter.removeListener(HMSUpdateListenerActions.ON_MESSAGE, this.onMessageListener);
+      HmsEventEmitter.removeListener(HMSUpdateListenerActions.ON_SPEAKER, this.onSpeakerListener);
+      HmsEventEmitter.removeListener(HMSUpdateListenerActions.RECONNECTING, this.reconnectingListener);
+      HmsEventEmitter.removeListener(HMSUpdateListenerActions.RECONNECTED, this.reconnectedListener);
+      HmsEventEmitter.removeListener(HMSUpdateListenerActions.ON_ROLE_CHANGE_REQUEST, this.onRoleChangeRequestListener);
+      HmsEventEmitter.removeListener(HMSUpdateListenerActions.ON_CHANGE_TRACK_STATE_REQUEST, this.onChangeTrackStateRequestListener);
+      HmsEventEmitter.removeListener(HMSUpdateListenerActions.ON_REMOVED_FROM_ROOM, this.onRemovedFromRoomListener);
+    });
+
     _defineProperty(this, "join", async config => {
       var _this$logger;
 
       (_this$logger = this.logger) === null || _this$logger === void 0 ? void 0 : _this$logger.verbose('JOIN', {
         config
       });
-      this.attachListeners();
-      await HmsManager.join(config);
+      await HmsManager.join({ ...config,
+        id: this.id
+      });
     });
 
     _defineProperty(this, "preview", config => {
@@ -86,29 +115,58 @@ export class HMSSDK {
       (_this$logger2 = this.logger) === null || _this$logger2 === void 0 ? void 0 : _this$logger2.verbose('PREVIEW', {
         config
       });
-      this.attachPreviewListener();
-      HmsManager.preview(config);
+      HmsManager.preview({ ...config,
+        id: this.id
+      });
+    });
+
+    _defineProperty(this, "HmsView", _ref => {
+      let {
+        sink,
+        trackId,
+        style,
+        mirror,
+        scaleType = HMSVideoViewMode.ASPECT_FIT
+      } = _ref;
+      return /*#__PURE__*/React.createElement(HMSViewComponent, {
+        sink: sink,
+        trackId: trackId,
+        style: style,
+        mirror: mirror,
+        scaleType: scaleType,
+        id: this.id
+      });
     });
 
-    _defineProperty(this, "leave", () => {
+    _defineProperty(this, "leave", async () => {
       var _this$logger3;
 
       (_this$logger3 = this.logger) === null || _this$logger3 === void 0 ? void 0 : _this$logger3.verbose('LEAVE', {});
-      HmsManager.leave();
+      const data = {
+        id: this.id
+      };
+      await HmsManager.leave(data);
+      this.muteStatus = undefined;
+      this.localPeer = undefined;
+      this.remotePeers = undefined;
+      this.room = undefined;
+      this.knownRoles = undefined;
     });
 
-    _defineProperty(this, "sendBroadcastMessage", message => {
+    _defineProperty(this, "sendBroadcastMessage", (message, type) => {
       var _this$logger4;
 
       (_this$logger4 = this.logger) === null || _this$logger4 === void 0 ? void 0 : _this$logger4.verbose('SEND_BROADCAST_MESSAGE', {
         message
       });
       HmsManager.sendBroadcastMessage({
-        message
+        message,
+        type: type || null,
+        id: this.id
       });
     });
 
-    _defineProperty(this, "sendGroupMessage", (message, roles) => {
+    _defineProperty(this, "sendGroupMessage", (message, roles, type) => {
       var _this$logger5;
 
       (_this$logger5 = this.logger) === null || _this$logger5 === void 0 ? void 0 : _this$logger5.verbose('SEND_GROUP_MESSAGE', {
@@ -117,11 +175,13 @@ export class HMSSDK {
       });
       HmsManager.sendGroupMessage({
         message,
-        roles: HMSHelper.getRoleNames(roles)
+        roles: HMSHelper.getRoleNames(roles),
+        id: this.id,
+        type: type || null
       });
     });
 
-    _defineProperty(this, "sendDirectMessage", (message, peerId) => {
+    _defineProperty(this, "sendDirectMessage", (message, peerId, type) => {
       var _this$logger6;
 
       (_this$logger6 = this.logger) === null || _this$logger6 === void 0 ? void 0 : _this$logger6.verbose('SEND_DIRECT_MESSAGE', {
@@ -130,84 +190,178 @@ export class HMSSDK {
       });
       HmsManager.sendDirectMessage({
         message,
-        peerId
+        peerId,
+        id: this.id,
+        type: type || null
       });
     });
 
-    _defineProperty(this, "changeRole", (peerId, role, force = false) => {
+    _defineProperty(this, "changeMetadata", metadata => {
       var _this$logger7;
 
+      (_this$logger7 = this.logger) === null || _this$logger7 === void 0 ? void 0 : _this$logger7.verbose('CHANGE_METADATA', {
+        metadata
+      });
+      HmsManager.changeMetadata({
+        metadata,
+        id: this.id
+      });
+    });
+
+    _defineProperty(this, "startRTMPOrRecording", async data => {
+      var _this$logger8;
+
+      (_this$logger8 = this.logger) === null || _this$logger8 === void 0 ? void 0 : _this$logger8.verbose('START_RTMP_OR_RECORDING', {
+        data
+      });
+      const op = await HmsManager.startRTMPOrRecording({ ...data,
+        id: this.id
+      });
+      return op;
+    });
+
+    _defineProperty(this, "stopRtmpAndRecording", async () => {
+      var _this$logger9;
+
+      (_this$logger9 = this.logger) === null || _this$logger9 === void 0 ? void 0 : _this$logger9.verbose('STOP_RTMP_OR_RECORDING', {});
+      const op = await HmsManager.stopRtmpAndRecording({
+        id: this.id
+      });
+      return op;
+    });
+
+    _defineProperty(this, "changeRole", function (peer, role) {
+      var _this$logger10;
+
+      let force = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
       const data = {
-        peerId: peerId,
-        role: role,
-        force: force
+        peerId: peer === null || peer === void 0 ? void 0 : peer.peerID,
+        role: role === null || role === void 0 ? void 0 : role.name,
+        force: force,
+        id: _this.id
       };
-      (_this$logger7 = this.logger) === null || _this$logger7 === void 0 ? void 0 : _this$logger7.verbose('CHANGE_ROLE', data);
+      (_this$logger10 = _this.logger) === null || _this$logger10 === void 0 ? void 0 : _this$logger10.verbose('CHANGE_ROLE', data);
       HmsManager.changeRole(data);
     });
 
     _defineProperty(this, "changeTrackState", (track, mute) => {
-      var _this$logger8;
+      var _this$logger11;
 
-      (_this$logger8 = this.logger) === null || _this$logger8 === void 0 ? void 0 : _this$logger8.verbose('CHANGE_TRACK_STATE', {
+      (_this$logger11 = this.logger) === null || _this$logger11 === void 0 ? void 0 : _this$logger11.verbose('CHANGE_TRACK_STATE', {
         track,
         mute
       });
       const data = {
         trackId: track.trackId,
-        mute
+        mute,
+        id: this.id
       };
       HmsManager.changeTrackState(data);
     });
 
+    _defineProperty(this, "changeTrackStateRoles", (type, mute, source, roles) => {
+      var _this$logger12;
+
+      (_this$logger12 = this.logger) === null || _this$logger12 === void 0 ? void 0 : _this$logger12.verbose('CHANGE_TRACK_STATE_ROLES', {
+        source,
+        mute,
+        type,
+        roles
+      });
+      const data = {
+        source,
+        mute,
+        type,
+        roles: HMSHelper.getRoleNames(roles),
+        id: this.id
+      };
+      HmsManager.changeTrackStateRoles(data);
+    });
+
     _defineProperty(this, "removePeer", (peerId, reason) => {
-      var _this$logger9;
+      var _this$logger13;
 
-      (_this$logger9 = this.logger) === null || _this$logger9 === void 0 ? void 0 : _this$logger9.verbose('REMOVE_PEER', {
+      (_this$logger13 = this.logger) === null || _this$logger13 === void 0 ? void 0 : _this$logger13.verbose('REMOVE_PEER', {
         peerId,
         reason
       });
       const data = {
         peerId,
-        reason
+        reason,
+        id: this.id
       };
       HmsManager.removePeer(data);
     });
 
     _defineProperty(this, "endRoom", (lock, reason) => {
-      var _this$logger10;
+      var _this$logger14;
 
-      (_this$logger10 = this.logger) === null || _this$logger10 === void 0 ? void 0 : _this$logger10.verbose('END_ROOM', {
+      (_this$logger14 = this.logger) === null || _this$logger14 === void 0 ? void 0 : _this$logger14.verbose('END_ROOM', {
         lock,
         reason
       });
       const data = {
         lock,
-        reason
+        reason,
+        id: this.id
       };
       HmsManager.endRoom(data);
     });
 
     _defineProperty(this, "acceptRoleChange", () => {
-      var _this$logger11;
+      var _this$logger15;
 
-      (_this$logger11 = this.logger) === null || _this$logger11 === void 0 ? void 0 : _this$logger11.verbose('ACCEPT_ROLE_CHANGE', {});
-      HmsManager.acceptRoleChange();
+      (_this$logger15 = this.logger) === null || _this$logger15 === void 0 ? void 0 : _this$logger15.verbose('ACCEPT_ROLE_CHANGE', {});
+      HmsManager.acceptRoleChange({
+        id: this.id
+      });
     });
 
     _defineProperty(this, "muteAllPeersAudio", mute => {
-      var _this$logger12;
+      var _this$logger16;
 
-      (_this$logger12 = this.logger) === null || _this$logger12 === void 0 ? void 0 : _this$logger12.verbose('ON_MUTE_ALL_PEERS', {
+      (_this$logger16 = this.logger) === null || _this$logger16 === void 0 ? void 0 : _this$logger16.verbose('ON_MUTE_ALL_PEERS', {
         mute
       });
-      HmsManager.muteAllPeersAudio(mute);
+      this.muteStatus = mute;
+      HmsManager.muteAllPeersAudio({
+        mute,
+        id: this.id
+      });
+    });
+
+    _defineProperty(this, "getRoom", async () => {
+      var _this$logger17;
+
+      (_this$logger17 = this.logger) === null || _this$logger17 === void 0 ? void 0 : _this$logger17.verbose('GET_ROOM_API_CALL', {
+        roomID: this.id
+      });
+      const hmsRoom = await HmsManager.getRoom({
+        id: this.id
+      });
+      const encodedHmsRoom = HMSEncoder.encodeHmsRoom(hmsRoom, this.id);
+      return encodedHmsRoom;
+    });
+
+    _defineProperty(this, "setVolume", (track, volume) => {
+      var _this$logger18;
+
+      (_this$logger18 = this.logger) === null || _this$logger18 === void 0 ? void 0 : _this$logger18.verbose('SET_VOLUME_CALL', {
+        track,
+        volume
+      });
+      HmsManager.setVolume({
+        id: this.id,
+        trackId: track.trackId,
+        volume
+      });
+      return;
     });
 
     _defineProperty(this, "addEventListener", (action, callback) => {
-      var _this$logger13;
+      var _this$logger19;
 
-      (_this$logger13 = this.logger) === null || _this$logger13 === void 0 ? void 0 : _this$logger13.verbose('ON_ATTACH_EVENT_LISTENER', {
+      (_this$logger19 = this.logger) === null || _this$logger19 === void 0 ? void 0 : _this$logger19.verbose('ON_ATTACH_EVENT_LISTENER', {
         action
       });
 
@@ -269,9 +423,9 @@ export class HMSSDK {
     });
 
     _defineProperty(this, "removeEventListener", action => {
-      var _this$logger14;
+      var _this$logger20;
 
-      (_this$logger14 = this.logger) === null || _this$logger14 === void 0 ? void 0 : _this$logger14.verbose('ON_REMOVE_LISTENER', {
+      (_this$logger20 = this.logger) === null || _this$logger20 === void 0 ? void 0 : _this$logger20.verbose('ON_REMOVE_LISTENER', {
         action
       });
 
@@ -333,7 +487,7 @@ export class HMSSDK {
     });
 
     _defineProperty(this, "removeAllListeners", () => {
-      var _this$logger15;
+      var _this$logger21;
 
       this.onPreviewDelegate = null;
       this.onJoinDelegate = null;
@@ -348,7 +502,7 @@ export class HMSSDK {
       this.onRoleChangeRequestDelegate = null;
       this.onChangeTrackStateRequestDelegate = null;
       this.onRemovedFromRoomDelegate = null;
-      (_this$logger15 = this.logger) === null || _this$logger15 === void 0 ? void 0 : _this$logger15.verbose('REMOVE_ALL_LISTENER', {});
+      (_this$logger21 = this.logger) === null || _this$logger21 === void 0 ? void 0 : _this$logger21.verbose('REMOVE_ALL_LISTENER', {});
     });
 
     _defineProperty(this, "setLogger", hmsLogger => {
@@ -359,19 +513,23 @@ export class HMSSDK {
     });
 
     _defineProperty(this, "onPreviewListener", data => {
-      var _this$logger16;
+      var _this$logger22;
+
+      if (data.id !== this.id) {
+        return;
+      }
 
-      (_this$logger16 = this.logger) === null || _this$logger16 === void 0 ? void 0 : _this$logger16.verbose('ON_PREVIEW', data);
-      const room = HMSEncoder.encodeHmsRoom(data.room);
-      const localPeer = HMSEncoder.encodeHmsLocalPeer(data.localPeer);
+      (_this$logger22 = this.logger) === null || _this$logger22 === void 0 ? void 0 : _this$logger22.verbose('ON_PREVIEW', data);
+      const room = HMSEncoder.encodeHmsRoom(data.room, this.id);
+      const localPeer = HMSEncoder.encodeHmsLocalPeer(data.localPeer, this.id);
       const previewTracks = HMSEncoder.encodeHmsPreviewTracks(data.previewTracks);
       this.localPeer = localPeer;
       this.room = room;
 
       if (this.onPreviewDelegate) {
-        var _this$logger17;
+        var _this$logger23;
 
-        (_this$logger17 = this.logger) === null || _this$logger17 === void 0 ? void 0 : _this$logger17.verbose('ON_PREVIEW_LISTENER_CALL', { ...data,
+        (_this$logger23 = this.logger) === null || _this$logger23 === void 0 ? void 0 : _this$logger23.verbose('ON_PREVIEW_LISTENER_CALL', { ...data,
           room,
           localPeer,
           previewTracks
@@ -385,13 +543,17 @@ export class HMSSDK {
     });
 
     _defineProperty(this, "onJoinListener", data => {
-      var _this$logger18;
+      var _this$logger24;
+
+      if (data.id !== this.id) {
+        return;
+      }
 
-      (_this$logger18 = this.logger) === null || _this$logger18 === void 0 ? void 0 : _this$logger18.verbose('ON_JOIN', data); // Preprocessing
+      (_this$logger24 = this.logger) === null || _this$logger24 === void 0 ? void 0 : _this$logger24.verbose('ON_JOIN', data); // Preprocessing
 
-      const room = HMSEncoder.encodeHmsRoom(data.room);
-      const localPeer = HMSEncoder.encodeHmsLocalPeer(data.localPeer);
-      const remotePeers = HMSEncoder.encodeHmsRemotePeers(data.remotePeers);
+      const room = HMSEncoder.encodeHmsRoom(data.room, this.id);
+      const localPeer = HMSEncoder.encodeHmsLocalPeer(data.localPeer, this.id);
+      const remotePeers = HMSEncoder.encodeHmsRemotePeers(data.remotePeers, this.id);
       const roles = HMSEncoder.encodeHmsRoles(data.roles);
       this.room = room;
       this.localPeer = localPeer;
@@ -399,9 +561,9 @@ export class HMSSDK {
       this.knownRoles = roles;
 
       if (this.onJoinDelegate) {
-        var _this$logger19;
+        var _this$logger25;
 
-        (_this$logger19 = this.logger) === null || _this$logger19 === void 0 ? void 0 : _this$logger19.verbose('ON_JOIN_LISTENER_CALL', { ...data,
+        (_this$logger25 = this.logger) === null || _this$logger25 === void 0 ? void 0 : _this$logger25.verbose('ON_JOIN_LISTENER_CALL', { ...data,
           room,
           localPeer,
           remotePeers
@@ -415,20 +577,24 @@ export class HMSSDK {
     });
 
     _defineProperty(this, "onRoomListener", data => {
-      var _this$logger20;
+      var _this$logger26;
 
-      (_this$logger20 = this.logger) === null || _this$logger20 === void 0 ? void 0 : _this$logger20.verbose('ON_ROOM', data);
-      const room = HMSEncoder.encodeHmsRoom(data.room);
-      const localPeer = HMSEncoder.encodeHmsLocalPeer(data.localPeer);
-      const remotePeers = HMSEncoder.encodeHmsRemotePeers(data.remotePeers);
+      if (data.id !== this.id) {
+        return;
+      }
+
+      (_this$logger26 = this.logger) === null || _this$logger26 === void 0 ? void 0 : _this$logger26.verbose('ON_ROOM', data);
+      const room = HMSEncoder.encodeHmsRoom(data.room, this.id);
+      const localPeer = HMSEncoder.encodeHmsLocalPeer(data.localPeer, this.id);
+      const remotePeers = HMSEncoder.encodeHmsRemotePeers(data.remotePeers, this.id);
       this.room = room;
       this.localPeer = localPeer;
       this.remotePeers = remotePeers;
 
       if (this.onRoomDelegate) {
-        var _this$logger21;
+        var _this$logger27;
 
-        (_this$logger21 = this.logger) === null || _this$logger21 === void 0 ? void 0 : _this$logger21.verbose('ON_ROOM_LISTENER_CALL', { ...data,
+        (_this$logger27 = this.logger) === null || _this$logger27 === void 0 ? void 0 : _this$logger27.verbose('ON_ROOM_LISTENER_CALL', { ...data,
           room,
           localPeer,
           remotePeers
@@ -442,66 +608,91 @@ export class HMSSDK {
     });
 
     _defineProperty(this, "onPeerListener", data => {
-      var _this$logger22;
+      var _this$logger28;
+
+      if (data.id !== this.id) {
+        return;
+      }
 
-      (_this$logger22 = this.logger) === null || _this$logger22 === void 0 ? void 0 : _this$logger22.verbose('ON_PEER', data);
-      const localPeer = HMSEncoder.encodeHmsLocalPeer(data.localPeer);
-      const remotePeers = HMSEncoder.encodeHmsRemotePeers(data.remotePeers); // this.room = room;
+      (_this$logger28 = this.logger) === null || _this$logger28 === void 0 ? void 0 : _this$logger28.verbose('ON_PEER', data);
+      const room = HMSEncoder.encodeHmsRoom(data.room, this.id);
+      const localPeer = HMSEncoder.encodeHmsLocalPeer(data.localPeer, this.id);
+      const remotePeers = HMSEncoder.encodeHmsRemotePeers(data.remotePeers, this.id); // this.room = room;
 
       this.localPeer = localPeer;
       this.remotePeers = remotePeers;
+      this.room = room;
 
       if (this.onPeerDelegate) {
-        var _this$logger23;
+        var _this$logger29;
 
-        (_this$logger23 = this.logger) === null || _this$logger23 === void 0 ? void 0 : _this$logger23.verbose('ON_PEER_LISTENER_CALL', data);
+        (_this$logger29 = this.logger) === null || _this$logger29 === void 0 ? void 0 : _this$logger29.verbose('ON_PEER_LISTENER_CALL', data);
         this.onPeerDelegate({ ...data,
           localPeer,
-          remotePeers
+          remotePeers,
+          room
         });
       }
     });
 
     _defineProperty(this, "onTrackListener", data => {
-      var _this$logger24;
+      var _this$logger30;
+
+      if (data.id !== this.id) {
+        return;
+      }
 
-      (_this$logger24 = this.logger) === null || _this$logger24 === void 0 ? void 0 : _this$logger24.verbose('ON_TRACK', data); // const room: HMSRoom = HMSEncoder.encodeHmsRoom(data.room);
+      (_this$logger30 = this.logger) === null || _this$logger30 === void 0 ? void 0 : _this$logger30.verbose('ON_TRACK', data);
+      const room = HMSEncoder.encodeHmsRoom(data.room, this.id);
+      const localPeer = HMSEncoder.encodeHmsLocalPeer(data.localPeer, this.id);
+      const remotePeers = HMSEncoder.encodeHmsRemotePeers(data.remotePeers, this.id);
 
-      const localPeer = HMSEncoder.encodeHmsLocalPeer(data.localPeer);
-      const remotePeers = HMSEncoder.encodeHmsRemotePeers(data.remotePeers); // this.room = room;
+      if (this.muteStatus && (data === null || data === void 0 ? void 0 : data.type) === 'TRACK_ADDED') {
+        this.muteAllPeersAudio(this.muteStatus);
+      }
 
+      this.room = room;
       this.localPeer = localPeer;
       this.remotePeers = remotePeers;
 
       if (this.onTrackDelegate) {
-        var _this$logger25;
+        var _this$logger31;
 
-        (_this$logger25 = this.logger) === null || _this$logger25 === void 0 ? void 0 : _this$logger25.verbose('ON_TRACK_LISTENER_CALL', data);
+        (_this$logger31 = this.logger) === null || _this$logger31 === void 0 ? void 0 : _this$logger31.verbose('ON_TRACK_LISTENER_CALL', data);
         this.onTrackDelegate({ ...data,
           localPeer,
-          remotePeers
+          remotePeers,
+          room
         });
       }
     });
 
     _defineProperty(this, "onMessageListener", data => {
-      var _this$logger26;
+      var _this$logger32;
+
+      if (data.id !== this.id) {
+        return;
+      }
 
-      (_this$logger26 = this.logger) === null || _this$logger26 === void 0 ? void 0 : _this$logger26.verbose('ON_MESSAGE', data);
+      (_this$logger32 = this.logger) === null || _this$logger32 === void 0 ? void 0 : _this$logger32.verbose('ON_MESSAGE', data);
       const message = new HMSMessage(data);
 
       if (this.onMessageDelegate) {
-        var _this$logger27;
+        var _this$logger33;
 
-        (_this$logger27 = this.logger) === null || _this$logger27 === void 0 ? void 0 : _this$logger27.verbose('ON_MESSAGE_LISTENER_CALL', message);
+        (_this$logger33 = this.logger) === null || _this$logger33 === void 0 ? void 0 : _this$logger33.verbose('ON_MESSAGE_LISTENER_CALL', message);
         this.onMessageDelegate(message);
       }
     });
 
     _defineProperty(this, "onSpeakerListener", data => {
-      var _this$logger28;
+      var _this$logger34;
+
+      if (data.id !== this.id) {
+        return;
+      }
 
-      (_this$logger28 = this.logger) === null || _this$logger28 === void 0 ? void 0 : _this$logger28.verbose('ON_SPEAKER', data);
+      (_this$logger34 = this.logger) === null || _this$logger34 === void 0 ? void 0 : _this$logger34.verbose('ON_SPEAKER', data);
 
       if (this.onSpeakerDelegate) {
         this.onSpeakerDelegate(data);
@@ -509,58 +700,77 @@ export class HMSSDK {
     });
 
     _defineProperty(this, "onErrorListener", data => {
-      var _this$logger29;
+      var _this$logger35, _this$logger36;
 
-      (_this$logger29 = this.logger) === null || _this$logger29 === void 0 ? void 0 : _this$logger29.warn('ON_ERROR', data);
+      if (data.id !== this.id) {
+        return;
+      }
+
+      (_this$logger35 = this.logger) === null || _this$logger35 === void 0 ? void 0 : _this$logger35.warn('ON_ERROR', data);
+      (_this$logger36 = this.logger) === null || _this$logger36 === void 0 ? void 0 : _this$logger36.verbose('ON_ERROR', data);
 
       if (this.onErrorDelegate) {
-        var _this$logger30;
+        var _this$logger37, _this$logger38;
 
-        (_this$logger30 = this.logger) === null || _this$logger30 === void 0 ? void 0 : _this$logger30.warn('ON_ERROR_LISTENER_CALL', data);
+        (_this$logger37 = this.logger) === null || _this$logger37 === void 0 ? void 0 : _this$logger37.verbose('ON_ERROR_LISTENER_CALL', data);
+        (_this$logger38 = this.logger) === null || _this$logger38 === void 0 ? void 0 : _this$logger38.warn('ON_ERROR_LISTENER_CALL', data);
         this.onErrorDelegate(data);
       }
     });
 
     _defineProperty(this, "onRoleChangeRequestListener", data => {
-      var _this$logger31;
+      var _this$logger39;
+
+      if (data.id !== this.id) {
+        return;
+      }
 
-      (_this$logger31 = this.logger) === null || _this$logger31 === void 0 ? void 0 : _this$logger31.verbose('ON_ROLE_CHANGE_REQUEST', data);
+      (_this$logger39 = this.logger) === null || _this$logger39 === void 0 ? void 0 : _this$logger39.verbose('ON_ROLE_CHANGE_REQUEST', data);
 
       if (this.onRoleChangeRequestDelegate) {
-        var _this$logger32;
+        var _this$logger40;
 
-        const encodedRoleChangeRequest = HMSEncoder.encodeHmsRoleChangeRequest(data);
-        (_this$logger32 = this.logger) === null || _this$logger32 === void 0 ? void 0 : _this$logger32.verbose('ON_ROLE_CHANGE_LISTENER_CALL', encodedRoleChangeRequest);
+        const encodedRoleChangeRequest = HMSEncoder.encodeHmsRoleChangeRequest(data, this.id);
+        (_this$logger40 = this.logger) === null || _this$logger40 === void 0 ? void 0 : _this$logger40.verbose('ON_ROLE_CHANGE_LISTENER_CALL', encodedRoleChangeRequest);
         this.onRoleChangeRequestDelegate(encodedRoleChangeRequest);
       }
     });
 
     _defineProperty(this, "onChangeTrackStateRequestListener", data => {
-      var _this$logger33;
+      var _this$logger41;
 
-      (_this$logger33 = this.logger) === null || _this$logger33 === void 0 ? void 0 : _this$logger33.verbose('ON_CHANGE_TRACK_STATE_REQUEST', data);
+      (_this$logger41 = this.logger) === null || _this$logger41 === void 0 ? void 0 : _this$logger41.verbose('ON_CHANGE_TRACK_STATE_REQUEST', data);
 
       if (this.onChangeTrackStateRequestDelegate) {
-        var _this$logger34;
+        var _this$logger42;
 
-        const encodedRoleChangeRequest = HMSEncoder.encodeHmsChangeTrackStateRequest(data);
-        (_this$logger34 = this.logger) === null || _this$logger34 === void 0 ? void 0 : _this$logger34.verbose('ON_CHANGE_TRACK_STATE_REQUEST_LISTENER_CALL', encodedRoleChangeRequest);
+        const encodedRoleChangeRequest = HMSEncoder.encodeHmsChangeTrackStateRequest(data, this.id);
+        (_this$logger42 = this.logger) === null || _this$logger42 === void 0 ? void 0 : _this$logger42.verbose('ON_CHANGE_TRACK_STATE_REQUEST_LISTENER_CALL', encodedRoleChangeRequest);
         this.onChangeTrackStateRequestDelegate(encodedRoleChangeRequest);
       }
     });
 
     _defineProperty(this, "onRemovedFromRoomListener", data => {
-      var _this$logger35;
+      var _this$logger43;
 
-      (_this$logger35 = this.logger) === null || _this$logger35 === void 0 ? void 0 : _this$logger35.verbose('ON_REMOVED_FROM_ROOM', data);
+      if (data.id !== this.id) {
+        return;
+      }
+
+      (_this$logger43 = this.logger) === null || _this$logger43 === void 0 ? void 0 : _this$logger43.verbose('ON_REMOVED_FROM_ROOM', data);
 
       if (this.onRemovedFromRoomDelegate) {
-        var _this$logger36;
+        var _this$logger44;
+
+        let requestedBy = null;
+
+        if (data.requestedBy) {
+          requestedBy = HMSEncoder.encodeHmsPeer(data.requestedBy, this.id);
+        }
 
-        const requestedBy = HMSEncoder.encodeHmsPeer(data.requestedBy);
         const reason = data.reason;
         const roomEnded = data.roomEnded;
-        (_this$logger36 = this.logger) === null || _this$logger36 === void 0 ? void 0 : _this$logger36.verbose('ON_REMOVED_FROM_ROOM_LISTENER_CALL', {
+        (_this$logger44 = this.logger) === null || _this$logger44 === void 0 ? void 0 : _this$logger44.verbose('ON_REMOVED_FROM_ROOM_LISTENER_CALL', {
           requestedBy,
           reason,
           roomEnded
@@ -574,9 +784,13 @@ export class HMSSDK {
     });
 
     _defineProperty(this, "reconnectingListener", data => {
-      var _this$logger37;
+      var _this$logger45;
 
-      (_this$logger37 = this.logger) === null || _this$logger37 === void 0 ? void 0 : _this$logger37.verbose('ON_RECONNECTING', data);
+      if (data.id !== this.id) {
+        return;
+      }
+
+      (_this$logger45 = this.logger) === null || _this$logger45 === void 0 ? void 0 : _this$logger45.verbose('ON_RECONNECTING', data);
 
       if (this.onReconnectingDelegate) {
         this.onReconnectingDelegate(data);
@@ -584,16 +798,21 @@ export class HMSSDK {
     });
 
     _defineProperty(this, "reconnectedListener", data => {
-      var _this$logger38;
+      var _this$logger46;
+
+      if (data.id !== this.id) {
+        return;
+      }
 
-      (_this$logger38 = this.logger) === null || _this$logger38 === void 0 ? void 0 : _this$logger38.verbose('ON_RECONNECTED', data);
+      (_this$logger46 = this.logger) === null || _this$logger46 === void 0 ? void 0 : _this$logger46.verbose('ON_RECONNECTED', data);
 
       if (this.onReconnectedDelegate) {
         this.onReconnectedDelegate(data);
       }
     });
-  }
 
+    this.id = id;
+  }
   /**
    * - 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
@@ -602,13 +821,13 @@ export class HMSSDK {
    * @returns
    * @memberof HMSSDK
    */
-  static build() {
-    if (HmsSdk) {
-      return HmsSdk;
-    }
 
-    HmsManager.build();
-    HmsSdk = new HMSSDK();
+
+  static async build(params) {
+    let id = await HmsManager.build((params === null || params === void 0 ? void 0 : params.trackSettings) || {});
+    HmsSdk = new HMSSDK(id);
+    HmsSdk.attachPreviewListener();
+    HmsSdk.attachListeners();
     return HmsSdk;
   }