@100mslive/react-native-hms 0.9.8 → 0.9.92

package/src/classes/HMSSDK.tsx

@@ -28,6 +28,9 @@ import type { HMSVideoViewMode } from './HMSVideoViewMode';
 import type { HMSTrackSettings } from './HMSTrackSettings';
 import type { HMSRTMPConfig } from './HMSRTMPConfig';
 import type { HMSHLSConfig } from './HMSHLSConfig';
+import type { HMSAudioDevice } from './HMSAudioDevice';
+import type { HMSAudioMode } from './HMSAudioMode';
+import type { HMSAudioMixingMode } from './HMSAudioMixingMode';
 
 interface HmsViewProps {
   trackId: string;
@@ -75,6 +78,7 @@ export class HMSSDK {
   onLocalVideoStatsDelegate?: any;
   onRemoteAudioStatsDelegate?: any;
   onRemoteVideoStatsDelegate?: any;
+  onAudioDeviceChangedDelegate?: any;
 
   constructor(id: string) {
     this.id = id;
@@ -88,8 +92,20 @@ export class HMSSDK {
    * @returns
    * @memberof HMSSDK
    */
-  static async build(params?: { trackSettings: HMSTrackSettings }) {
-    let id = await HMSManager.build(params?.trackSettings || {});
+  static async build({
+    trackSettings,
+    appGroup,
+    preferredExtension,
+  }: {
+    trackSettings?: HMSTrackSettings;
+    appGroup?: String;
+    preferredExtension?: String;
+  }) {
+    let id = await HMSManager.build({
+      trackSettings: trackSettings,
+      appGroup: appGroup,
+      preferredExtension: preferredExtension,
+    });
     HmsSdk = new HMSSDK(id);
     HmsSdk.attachPreviewListener();
     HmsSdk.attachListeners();
@@ -110,8 +126,8 @@ export class HMSSDK {
    * @param {HMSLogger} hmsLogger
    * @memberof HMSSDK
    */
-  setLogger = (hmsLogger: HMSLogger) => {
-    setLogger(hmsLogger, this.id);
+  setLogger = (hmsLogger?: HMSLogger) => {
+    setLogger(this.id, hmsLogger);
   };
 
   /**
@@ -228,6 +244,11 @@ export class HMSSDK {
       HMSUpdateListenerActions.ON_REMOTE_VIDEO_STATS,
       this.onRemoteVideoStatsListener
     );
+
+    HmsEventEmitter.addListener(
+      HMSUpdateListenerActions.ON_AUDIO_DEVICE_CHANGED,
+      this.onAudioDeviceChangedListener
+    );
   };
 
   /**
@@ -320,6 +341,11 @@ export class HMSSDK {
       HMSUpdateListenerActions.ON_REMOTE_VIDEO_STATS,
       this.onRemoteVideoStatsListener
     );
+
+    HmsEventEmitter.removeListener(
+      HMSUpdateListenerActions.ON_AUDIO_DEVICE_CHANGED,
+      this.onAudioDeviceChangedListener
+    );
   };
 
   /**
@@ -376,13 +402,14 @@ export class HMSSDK {
   };
 
   /**
-   * - HmsView is react component that takes one track and starts showing that track on a tile.
+   * - HmsView is react component that takes trackId and starts showing that track on a tile.
    * - The appearance of tile is completely customizable with style prop.
-   * - scale type can determine how the incoming video will fit in the canvas check {@link HMSVideoViewMode} for more information.
+   * - Scale type can determine how the incoming video will fit in the canvas check {@link HMSVideoViewMode} for more information.
+   * - Mirror to flip the video vertically.
    *
    * checkout {@link https://www.100ms.live/docs/react-native/v2/features/render-video} for more info
    *
-   * @param {HmsComponentProps}
+   * @param {HmsViewProps}
    * @memberof HMSSDK
    */
   HmsView = React.forwardRef<any, HmsViewProps>((props, ref) => {
@@ -510,9 +537,9 @@ export class HMSSDK {
    * @param {string}
    * @memberof HMSSDK
    */
-  changeMetadata = (metadata: string) => {
+  changeMetadata = async (metadata: string) => {
     logger?.verbose('#Function changeMetadata', { metadata, id: this.id });
-    HMSManager.changeMetadata({ metadata, id: this.id });
+    return await HMSManager.changeMetadata({ metadata, id: this.id });
   };
 
   /**
@@ -557,7 +584,7 @@ export class HMSSDK {
    * @param {HMSHLSConfig}
    * @memberof HMSSDK
    */
-  startHLSStreaming = async (data: HMSHLSConfig) => {
+  startHLSStreaming = async (data?: HMSHLSConfig) => {
     logger?.verbose('#Function startHLSStreaming', {
       ...data,
       id: this.id,
@@ -605,7 +632,7 @@ export class HMSSDK {
 
   /**
    * - 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}.
+   * - Targeted peer affected by this action will get a callback in onChangeTrackStateRequestListener.
    *
    * * checkout {@link https://www.100ms.live/docs/react-native/v2/features/change-track-state} for more info
    *
@@ -631,7 +658,7 @@ export class HMSSDK {
    * - 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}.
+   * - The peers affected by this action will get a callback in onChangeTrackStateRequestListener.
    *
    * @memberof HMSSDK
    */
@@ -736,7 +763,7 @@ export class HMSSDK {
   };
 
   /**
-   * - setPlaybackForAllAudio is an extension of the abilities of {@link setPlaybackAllowed} in
+   * - setPlaybackForAllAudio is an extension of the abilities of 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
@@ -754,9 +781,9 @@ export class HMSSDK {
    *
    * @memberof HMSSDK
    */
-  remoteMuteAllAudio = () => {
+  remoteMuteAllAudio = async () => {
     logger?.verbose('#Function remoteMuteAllAudio', { id: this.id });
-    HMSManager.remoteMuteAllAudio({ id: this.id });
+    return await HMSManager.remoteMuteAllAudio({ id: this.id });
   };
 
   /**
@@ -832,12 +859,7 @@ export class HMSSDK {
    */
   startScreenshare = async () => {
     logger?.verbose('#Function startScreenshare', { id: this.id });
-    if (Platform.OS === 'android') {
-      return await HMSManager.startScreenshare({ id: this.id });
-    } else {
-      console.log('API currently not available for iOS');
-      return 'API currently not available for iOS';
-    }
+    return await HMSManager.startScreenshare({ id: this.id });
   };
 
   /**
@@ -849,12 +871,7 @@ export class 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 available for iOS');
-      return 'API currently not available for iOS';
-    }
+    return await HMSManager.isScreenShared({ id: this.id });
   };
 
   /**
@@ -866,12 +883,7 @@ export class 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 available for iOS');
-      return 'API currently not available for iOS';
-    }
+    return await HMSManager.stopScreenshare({ id: this.id });
   };
 
   /**
@@ -888,11 +900,7 @@ export class 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');
-    }
+    HMSManager.enableRTCStats({ id: this.id });
   };
 
   /**
@@ -905,10 +913,209 @@ 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 });
+  };
+
+  /**
+   * - This wrapper function is used to start streaming device audio, currently available only for android.
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/audio-share#how-to-stream-device-audio-from-the-app} for more info.
+   *
+   * @param {HMSAudioMixingMode}
+   * @memberof HMSSDK
+   */
+  startAudioshare = async (audioMixingMode: HMSAudioMixingMode) => {
+    logger?.verbose('#Function startAudioshare', {
+      id: this.id,
+      audioMixingMode,
+    });
+    if (Platform.OS === 'android') {
+      return await HMSManager.startAudioshare({ id: this.id, audioMixingMode });
+    } else {
+      console.log('API currently not available for iOS');
+      return 'API currently not available for iOS';
+    }
+  };
+
+  /**
+   * - This wrapper function returns true if audio is being shared and vice versa, currently available only for android.
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/audio-share#how-to-get-audio-share-status} for more info.
+   *
+   * @memberof HMSSDK
+   */
+  isAudioShared = async () => {
+    logger?.verbose('#Function isAudioShared', { id: this.id });
+    if (Platform.OS === 'android') {
+      return await HMSManager.isAudioShared({ id: this.id });
     } else {
-      console.log('API currently not avaialble for android');
+      console.log('API currently not available for iOS');
+      return 'API currently not available for iOS';
+    }
+  };
+
+  /**
+   * - This wrapper function is used to stop streaming device audio, currently available only for android.
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/audio-share#how-to-stop-audio-sharing} for more info.
+   *
+   * @memberof HMSSDK
+   */
+  stopAudioshare = async () => {
+    logger?.verbose('#Function stopAudioshare', { id: this.id });
+    if (Platform.OS === 'android') {
+      return await HMSManager.stopAudioshare({ id: this.id });
+    } else {
+      console.log('API currently not available for iOS');
+      return 'API currently not available for iOS';
+    }
+  };
+
+  /**
+   * - This wrapper function returns the current audio mixing mode, currently available only for android.
+   *
+   * @memberof HMSSDK
+   * @return HMSAudioMixingMode
+   */
+  getAudioMixingMode = async () => {
+    logger?.verbose('#Function getAudioMixingMode', { id: this.id });
+    if (Platform.OS === 'android') {
+      return await HMSManager.getAudioMixingMode({ id: this.id });
+    } else {
+      console.log('API currently not available for iOS');
+      return 'API currently not available for iOS';
+    }
+  };
+
+  /**
+   * - This wrapper function used to change the mode while the user is streaming audio, currently available only for android.
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/audio-share#how-to-change-mode} for more info
+   *
+   * @param {HMSAudioMixingMode}
+   * @memberof HMSSDK
+   */
+  setAudioMixingMode = async (audioMixingMode: HMSAudioMixingMode) => {
+    logger?.verbose('#Function setAudioMixingMode', {
+      id: this.id,
+      audioMixingMode,
+    });
+    if (Platform.OS === 'android') {
+      return await HMSManager.setAudioMixingMode({
+        id: this.id,
+        audioMixingMode,
+      });
+    } else {
+      console.log('API currently not available for iOS');
+      return 'API currently not available for iOS';
+    }
+  };
+
+  /**
+   * - This wrapper function returns the array of audio output devices which is of
+   * type {@link HMSAudioDevice[]}, currently available only for android.
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/audio-output-routing#get-list-of-audio-device} for more info
+   *
+   * @memberof HMSSDK
+   * @return HMSAudioDevice[]
+   */
+  getAudioDevicesList = async () => {
+    logger?.verbose('#Function getAudioDevicesList', {
+      id: this.id,
+    });
+    if (Platform.OS === 'android') {
+      return await HMSManager.getAudioDevicesList({ id: this.id });
+    } else {
+      console.log('API currently not available for iOS');
+      return 'API currently not available for iOS';
+    }
+  };
+
+  /**
+   * - This wrapper function returns the current audio output device which is of
+   * type {@link HMSAudioDevice}, currently available only for android.
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/audio-output-routing#get-current-focussed-device} for more info
+   *
+   * @memberof HMSSDK
+   * @return HMSAudioDevice
+   */
+  getAudioOutputRouteType = async () => {
+    logger?.verbose('#Function getAudioOutputRouteType', {
+      id: this.id,
+    });
+    if (Platform.OS === 'android') {
+      return await HMSManager.getAudioOutputRouteType({ id: this.id });
+    } else {
+      console.log('API currently not available for iOS');
+      return 'API currently not available for iOS';
+    }
+  };
+
+  /**
+   * - This wrapper function used to switch output to device other than the default, currently available only for android.
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/audio-output-routing#switch-audio-focus-to-another-device} for more info
+   *
+   * @param {HMSAudioDevice}
+   * @memberof HMSSDK
+   */
+  switchAudioOutput = (audioDevice: HMSAudioDevice) => {
+    logger?.verbose('#Function switchAudioOutput', {
+      id: this.id,
+      audioDevice,
+    });
+    if (Platform.OS === 'android') {
+      return HMSManager.switchAudioOutput({ id: this.id, audioDevice });
+    } else {
+      console.log('API currently not available for iOS');
+      return 'API currently not available for iOS';
+    }
+  };
+
+  /**
+   * - This wrapper function used to change Audio Mode manually, currently available only for android.
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/audio-mode-change} for more info
+   *
+   * @param {HMSAudioMode}
+   * @memberof HMSSDK
+   */
+  setAudioMode = (audioMode: HMSAudioMode) => {
+    logger?.verbose('#Function setAudioMode', {
+      id: this.id,
+      audioMode,
+    });
+    if (Platform.OS === 'android') {
+      return HMSManager.setAudioMode({ id: this.id, audioMode });
+    } else {
+      console.log('API currently not available for iOS');
+      return 'API currently not available for iOS';
+    }
+  };
+
+  /**
+   * - This is a wrapper function which adds a listener which is triggered when audio output device is switched, currently available only for android.
+   *
+   * checkout {@link https://www.100ms.live/docs/react-native/v2/features/audio-output-routing#adding-a-listener} for more info
+   *
+   * @param {Function}
+   * @memberof HMSSDK
+   */
+  setAudioDeviceChangeListener = (callback: Function) => {
+    logger?.verbose('#Function setAudioDeviceChangeListener', {
+      id: this.id,
+    });
+    if (Platform.OS === 'android') {
+      this.addEventListener(
+        HMSUpdateListenerActions.ON_AUDIO_DEVICE_CHANGED,
+        callback
+      );
+      return HMSManager.setAudioDeviceChangeListener({ id: this.id });
+    } else {
+      console.log('API currently not available for iOS');
+      return 'API currently not available for iOS';
     }
   };
 
@@ -979,6 +1186,9 @@ export class HMSSDK {
       case HMSUpdateListenerActions.ON_REMOTE_VIDEO_STATS:
         this.onRemoteVideoStatsDelegate = callback;
         break;
+      case HMSUpdateListenerActions.ON_AUDIO_DEVICE_CHANGED:
+        this.onAudioDeviceChangedDelegate = callback;
+        break;
       default:
     }
   };
@@ -1047,6 +1257,9 @@ export class HMSSDK {
       case HMSUpdateListenerActions.ON_REMOTE_VIDEO_STATS:
         this.onRemoteVideoStatsDelegate = null;
         break;
+      case HMSUpdateListenerActions.ON_AUDIO_DEVICE_CHANGED:
+        this.onAudioDeviceChangedDelegate = null;
+        break;
       default:
     }
   };
@@ -1093,7 +1306,6 @@ export class HMSSDK {
     if (data.id !== this.id) {
       return;
     }
-    logger?.verbose('#Listener ON_PREVIEW', data);
     const room: HMSRoom = HMSEncoder.encodeHmsRoom(data.room, this.id);
     const localPeer: HMSLocalPeer = HMSEncoder.encodeHmsLocalPeer(
       data.localPeer,
@@ -1112,6 +1324,8 @@ export class HMSSDK {
         previewTracks,
       });
       this.onPreviewDelegate({ ...data, room, localPeer, previewTracks });
+    } else {
+      logger?.verbose('#Listener ON_PREVIEW', data);
     }
   };
 
@@ -1119,7 +1333,6 @@ export class HMSSDK {
     if (data.id !== this.id) {
       return;
     }
-    logger?.verbose('#LISTENER ON_JOIN', data);
     // Preprocessing
     const room: HMSRoom = HMSEncoder.encodeHmsRoom(data.room, this.id);
     const localPeer: HMSLocalPeer = HMSEncoder.encodeHmsLocalPeer(
@@ -1143,6 +1356,8 @@ export class HMSSDK {
         remotePeers,
       });
       this.onJoinDelegate({ ...data, room, localPeer, remotePeers });
+    } else {
+      logger?.verbose('#LISTENER ON_JOIN', data);
     }
   };
 
@@ -1150,7 +1365,6 @@ export class HMSSDK {
     if (data.id !== this.id) {
       return;
     }
-    logger?.verbose('#Listener ON_ROOM', data);
     const room: HMSRoom = HMSEncoder.encodeHmsRoom(data.room, this.id);
     const localPeer: HMSLocalPeer = HMSEncoder.encodeHmsLocalPeer(
       data.localPeer,
@@ -1171,6 +1385,8 @@ export class HMSSDK {
         remotePeers,
       });
       this.onRoomDelegate({ ...data, room, localPeer, remotePeers });
+    } else {
+      logger?.verbose('#Listener ON_ROOM', data);
     }
   };
 
@@ -1178,7 +1394,6 @@ export class HMSSDK {
     if (data.id !== this.id) {
       return;
     }
-    logger?.verbose('#Listener ON_PEER', data);
     const peer: HMSPeer = HMSEncoder.encodeHmsPeer(data.peer, this.id);
     const room: HMSRoom = HMSEncoder.encodeHmsRoom(data.room, this.id);
     const localPeer: HMSLocalPeer = HMSEncoder.encodeHmsLocalPeer(
@@ -1194,8 +1409,16 @@ export class HMSSDK {
     this.remotePeers = remotePeers;
     this.room = room;
     if (this.onPeerDelegate) {
-      logger?.verbose('#Listener ON_PEER_LISTENER_CALL', data);
+      logger?.verbose('#Listener ON_PEER_LISTENER_CALL', {
+        ...data,
+        localPeer,
+        remotePeers,
+        room,
+        peer,
+      });
       this.onPeerDelegate({ ...data, localPeer, remotePeers, room, peer });
+    } else {
+      logger?.verbose('#Listener ON_PEER', data);
     }
   };
 
@@ -1203,7 +1426,6 @@ export class HMSSDK {
     if (data.id !== this.id) {
       return;
     }
-    logger?.verbose('#Listener ON_TRACK', data);
     const track: HMSTrack = HMSEncoder.encodeHmsTrack(data.track, this.id);
     const peer: HMSPeer = HMSEncoder.encodeHmsPeer(data.peer, this.id);
     const room: HMSRoom = HMSEncoder.encodeHmsRoom(data.room, this.id);
@@ -1226,7 +1448,14 @@ export class HMSSDK {
     this.localPeer = localPeer;
     this.remotePeers = remotePeers;
     if (this.onTrackDelegate) {
-      logger?.verbose('#Listener ON_TRACK_LISTENER_CALL', data);
+      logger?.verbose('#Listener ON_TRACK_LISTENER_CALL', {
+        ...data,
+        localPeer,
+        remotePeers,
+        room,
+        peer,
+        track,
+      });
       this.onTrackDelegate({
         ...data,
         localPeer,
@@ -1235,6 +1464,8 @@ export class HMSSDK {
         peer,
         track,
       });
+    } else {
+      logger?.verbose('#Listener ON_TRACK', data);
     }
   };
 
@@ -1242,11 +1473,12 @@ export class HMSSDK {
     if (data.id !== this.id) {
       return;
     }
-    logger?.verbose('#Listener ON_MESSAGE', data);
     const message = HMSEncoder.encodeHMSMessage(data, this.id);
     if (this.onMessageDelegate) {
       logger?.verbose('#Listener ON_MESSAGE_LISTENER_CALL', message);
       this.onMessageDelegate(message);
+    } else {
+      logger?.verbose('#Listener ON_MESSAGE', data);
     }
   };
 
@@ -1254,12 +1486,13 @@ export class HMSSDK {
     if (data.id !== this.id) {
       return;
     }
-    logger?.verbose('#Listener ON_SPEAKER', data?.speakers);
     if (this.onSpeakerDelegate) {
       logger?.verbose('#Listener ON_SPEAKER_LISTENER_CALL', data?.speakers);
       this.onSpeakerDelegate(
         HMSEncoder.encodeHmsSpeakers(data?.speakers, this.id)
       );
+    } else {
+      logger?.verbose('#Listener ON_SPEAKER', data?.speakers);
     }
   };
 
@@ -1267,12 +1500,13 @@ export class HMSSDK {
     if (data.id !== this.id) {
       return;
     }
-    logger?.warn('#Listener ON_ERROR', data);
-    logger?.verbose('#Listener ON_ERROR', data);
     if (this.onErrorDelegate) {
       logger?.verbose('#Listener ON_ERROR_LISTENER_CALL', data);
       logger?.warn('#Listener ON_ERROR_LISTENER_CALL', data);
-      this.onErrorDelegate(data);
+      this.onErrorDelegate(HMSEncoder.encodeHMSException(data));
+    } else {
+      logger?.warn('#Listener ON_ERROR', data);
+      logger?.verbose('#Listener ON_ERROR', data);
     }
   };
 
@@ -1280,7 +1514,6 @@ export class HMSSDK {
     if (data.id !== this.id) {
       return;
     }
-    logger?.verbose('#Listener ON_ROLE_CHANGE_REQUEST', data);
     if (this.onRoleChangeRequestDelegate) {
       const encodedRoleChangeRequest = HMSEncoder.encodeHmsRoleChangeRequest(
         data,
@@ -1291,6 +1524,8 @@ export class HMSSDK {
         encodedRoleChangeRequest
       );
       this.onRoleChangeRequestDelegate(encodedRoleChangeRequest);
+    } else {
+      logger?.verbose('#Listener ON_ROLE_CHANGE_REQUEST', data);
     }
   };
 
@@ -1298,7 +1533,6 @@ export class HMSSDK {
     if (data.id !== this.id) {
       return;
     }
-    logger?.verbose('#Listener ON_CHANGE_TRACK_STATE_REQUEST', data);
     if (this.onChangeTrackStateRequestDelegate) {
       const encodedRoleChangeRequest =
         HMSEncoder.encodeHmsChangeTrackStateRequest(data, this.id);
@@ -1307,6 +1541,8 @@ export class HMSSDK {
         encodedRoleChangeRequest
       );
       this.onChangeTrackStateRequestDelegate(encodedRoleChangeRequest);
+    } else {
+      logger?.verbose('#Listener ON_CHANGE_TRACK_STATE_REQUEST', data);
     }
   };
 
@@ -1314,7 +1550,6 @@ export class HMSSDK {
     if (data.id !== this.id) {
       return;
     }
-    logger?.verbose('#Listener ON_REMOVED_FROM_ROOM', data);
     if (this.onRemovedFromRoomDelegate) {
       let requestedBy = null;
       if (data.requestedBy) {
@@ -1330,6 +1565,8 @@ export class HMSSDK {
         id: this.id,
       });
       this.onRemovedFromRoomDelegate({ requestedBy, reason, roomEnded });
+    } else {
+      logger?.verbose('#Listener ON_REMOVED_FROM_ROOM', data);
     }
   };
 
@@ -1337,9 +1574,11 @@ export class HMSSDK {
     if (data.id !== this.id) {
       return;
     }
-    logger?.verbose('#Listener ON_RECONNECTING', data);
     if (this.onReconnectingDelegate) {
+      logger?.verbose('#Listener ON_RECONNECTING_CALL', data);
       this.onReconnectingDelegate(data);
+    } else {
+      logger?.verbose('#Listener ON_RECONNECTING', data);
     }
   };
 
@@ -1349,7 +1588,10 @@ export class HMSSDK {
     }
     logger?.verbose('#Listener ON_RECONNECTED', data);
     if (this.onReconnectedDelegate) {
+      logger?.verbose('#Listener ON_RECONNECTED_CALL', data);
       this.onReconnectedDelegate(data);
+    } else {
+      logger?.verbose('#Listener ON_RECONNECTED', data);
     }
   };
 
@@ -1358,12 +1600,13 @@ export class HMSSDK {
       return;
     }
 
-    logger?.verbose('#Listener RTCStatsListener', data);
-
     let rtcStats = HMSEncoder.encodeRTCStats(data);
 
     if (this.onRtcStatsDelegate) {
+      logger?.verbose('#Listener RTCStatsListener_CALL', { rtcStats });
       this.onRtcStatsDelegate({ rtcStats });
+    } else {
+      logger?.verbose('#Listener RTCStatsListener', data);
     }
   };
 
@@ -1372,14 +1615,20 @@ export class HMSSDK {
       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) {
+      logger?.verbose('#Listener onLocalAudioStatsListener_CALL', {
+        ...data,
+        localAudioStats,
+        peer,
+        track,
+      });
       this.onLocalAudioStatsDelegate({ ...data, localAudioStats, peer, track });
+    } else {
+      logger?.verbose('#Listener onLocalAudioStatsListener', data);
     }
   };
 
@@ -1388,14 +1637,20 @@ export class HMSSDK {
       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) {
+      logger?.verbose('#Listener onLocalVideoStatsListener_CALL', {
+        ...data,
+        localVideoStats,
+        peer,
+        track,
+      });
       this.onLocalVideoStatsDelegate({ ...data, localVideoStats, peer, track });
+    } else {
+      logger?.verbose('#Listener onLocalVideoStatsListener', data);
     }
   };
 
@@ -1404,19 +1659,25 @@ export class HMSSDK {
       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) {
+      logger?.verbose('#Listener onRemoteAudioStatsListener_CALL', {
+        ...data,
+        remoteAudioStats,
+        peer,
+        track,
+      });
       this.onRemoteAudioStatsDelegate({
         ...data,
         remoteAudioStats,
         peer,
         track,
       });
+    } else {
+      logger?.verbose('#Listener onRemoteAudioStatsListener', data);
     }
   };
 
@@ -1425,19 +1686,43 @@ export class HMSSDK {
       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) {
+      logger?.verbose('#Listener onRemoteVideoStatsListener_CALL', {
+        ...data,
+        remoteVideoStats,
+        peer,
+        track,
+      });
       this.onRemoteVideoStatsDelegate({
         ...data,
         remoteVideoStats,
         peer,
         track,
       });
+    } else {
+      logger?.verbose('#Listener onRemoteVideoStatsListener', data);
+    }
+  };
+
+  onAudioDeviceChangedListener = (data: {
+    id: string;
+    device: string;
+    audioDevicesList: string[];
+  }) => {
+    if (data.id !== this.id) {
+      return;
+    }
+    if (this.onAudioDeviceChangedDelegate) {
+      logger?.verbose('#Listener onAudioDeviceChangedListener_CALL', data);
+      this.onAudioDeviceChangedDelegate({
+        ...data,
+      });
+    } else {
+      logger?.verbose('#Listener onAudioDeviceChangedListener', data);
     }
   };
 }