@100mslive/react-native-hms 1.7.0 → 1.7.2

package/src/classes/HMSRoomCache.ts

@@ -1,10 +1,9 @@
-import { NativeModules } from 'react-native';
+import HMSManager from './HMSManagerModule';
+
 import type { HMSRoom } from './HMSRoom';
 import { HMSEncoder } from './HMSEncoder';
 import { HMSRoomUpdate } from './HMSRoomUpdate';
 
-const { HMSManager } = NativeModules;
-
 export let hmsRoomCache: HMSRoomCache | undefined;
 
 export const getHmsRoomCache = () => hmsRoomCache;
@@ -93,6 +92,13 @@ export class HMSRoomCache {
         );
         break;
       }
+      case HMSRoomUpdate.ROOM_PEER_COUNT_UPDATED: {
+        this._data.set(
+          'peerCount',
+          encodeHMSRoomProperty(this.id, 'peerCount', data)
+        );
+        break;
+      }
       default: {
         for (const key in data) {
           const property = key as keyof HMSRoomCacheProps;
@@ -149,6 +155,8 @@ function encodeHMSRoomProperty<T extends keyof HMSRoomCacheProps>(
     value = HMSEncoder.encodeHLSRecordingState(data.hlsRecordingState);
   } else if (property === 'localPeer') {
     value = HMSEncoder.encodeHmsLocalPeer(data.localPeer, id);
+  } else if (property === 'peerCount') {
+    value = typeof data[property] === 'number' ? data[property] : null;
   } else {
     value = data[property];
   }

package/src/classes/HMSSDK.tsx

@@ -1,11 +1,14 @@
 import React from 'react';
-import { AppState, NativeModules, Platform } from 'react-native';
+import { AppState, Platform } from 'react-native';
 import { HMSEncoder } from './HMSEncoder';
 import { HMSHelper } from './HMSHelper';
 import { getLogger, logger, setLogger } from './HMSLogger';
 import { HMSTrackType } from './HMSTrackType';
 import { HMSUpdateListenerActions } from './HMSUpdateListenerActions';
-import { HmsViewComponent, HmsComponentProps } from './HmsView';
+import { HmsViewComponent } from './HmsView';
+import type { HmsComponentProps } from './HmsView';
+
+import HMSManager from './HMSManagerModule';
 
 import type { HMSConfig } from './HMSConfig';
 import type { HMSLocalPeer } from './HMSLocalPeer';
@@ -23,10 +26,9 @@ import type { HMSAudioDevice } from './HMSAudioDevice';
 import type { HMSAudioMode } from './HMSAudioMode';
 import type { HMSAudioMixingMode } from './HMSAudioMixingMode';
 import type { HMSLogSettings } from './HMSLogSettings';
-import { HMSMessageType } from './HMSMessageType';
 import { HMSPIPListenerActions } from './HMSPIPListenerActions';
-import type { HMSEventSubscription } from './HMSNativeEventEmitter';
-import { HMSNativeEventEmitter } from './HMSNativeEventEmitter';
+import HMSNativeEventListener from './HMSNativeEventListener';
+import type { HMSNativeEventSubscription } from './HMSNativeEventListener';
 import {
   clearHmsPeersCache,
   getHmsPeersCache,
@@ -52,17 +54,8 @@ interface PIPConfig {
   videoButton?: boolean;
 }
 
-const {
-  /**
-   * @ignore
-   */
-  HMSManager,
-} = NativeModules;
-
 const ReactNativeVersion = require('react-native/Libraries/Core/ReactNativeVersion');
 
-const HmsEventEmitter = new HMSNativeEventEmitter(HMSManager);
-
 let HmsSdk: HMSSDK | undefined;
 
 export class HMSSDK {
@@ -94,7 +87,7 @@ export class HMSSDK {
   private emitterSubscriptions: Partial<
     Record<
       HMSUpdateListenerActions | HMSPIPListenerActions,
-      HMSEventSubscription
+      HMSNativeEventSubscription
     >
   > = {};
 
@@ -124,6 +117,7 @@ export class HMSSDK {
     appGroup?: String;
     preferredExtension?: String;
     logSettings?: HMSLogSettings;
+    isPrebuilt?: boolean;
   }) {
     const { version } = require('../../package.json');
     const { major, minor, patch } = ReactNativeVersion.version;
@@ -134,6 +128,7 @@ export class HMSSDK {
       frameworkInfo: {
         version: major + '.' + minor + '.' + patch,
         sdkVersion: version,
+        isPrebuilt: params?.isPrebuilt || false,
       },
       logSettings: params?.logSettings,
     });
@@ -302,13 +297,11 @@ export class HMSSDK {
    *
    * checkout {@link https://www.100ms.live/docs/react-native/v2/features/chat} for more info
    *
-   * @param {message: string} and @param {type: string}
    * @memberof HMSSDK
+   * @param message the message that is to be sent
+   * @param type the default type is set to CHAT. You can pass a custom type here for sending events like Emoji Reactions, Notifications, etc
    */
-  sendBroadcastMessage = async (
-    message: string,
-    type: HMSMessageType = HMSMessageType.CHAT
-  ) => {
+  sendBroadcastMessage = async (message: string, type: string = 'chat') => {
     logger?.verbose('#Function sendBroadcastMessage', {
       message,
       type: type || null,
@@ -335,7 +328,7 @@ export class HMSSDK {
   sendGroupMessage = async (
     message: string,
     roles: HMSRole[],
-    type: HMSMessageType = HMSMessageType.CHAT
+    type: string = 'chat'
   ) => {
     logger?.verbose('#Function sendGroupMessage', {
       message,
@@ -365,7 +358,7 @@ export class HMSSDK {
   sendDirectMessage = async (
     message: string,
     peer: HMSPeer,
-    type: HMSMessageType = HMSMessageType.CHAT
+    type: string = 'chat'
   ) => {
     logger?.verbose('#Function sendDirectMessage', {
       message,
@@ -1007,8 +1000,8 @@ export class HMSSDK {
    *
    * 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
+   * @param audioDevice
    */
   switchAudioOutput = (audioDevice: HMSAudioDevice) => {
     logger?.verbose('#Function switchAudioOutput', {
@@ -1148,7 +1141,7 @@ export class HMSSDK {
         // Checking if we already have ON_PREVIEW subscription
         if (!this.emitterSubscriptions[HMSUpdateListenerActions.ON_PREVIEW]) {
           // Adding ON_PREVIEW native listener
-          const previewSubscription = HmsEventEmitter.addListener(
+          const previewSubscription = HMSNativeEventListener.addListener(
             this.id,
             HMSUpdateListenerActions.ON_PREVIEW,
             this.onPreviewListener
@@ -1164,7 +1157,7 @@ export class HMSSDK {
         // Checking if we already have ON_JOIN subscription
         if (!this.emitterSubscriptions[HMSUpdateListenerActions.ON_JOIN]) {
           // Adding ON_JOIN native listener
-          const joinSubscription = HmsEventEmitter.addListener(
+          const joinSubscription = HMSNativeEventListener.addListener(
             this.id,
             HMSUpdateListenerActions.ON_JOIN,
             this.onJoinListener
@@ -1182,7 +1175,7 @@ export class HMSSDK {
           !this.emitterSubscriptions[HMSUpdateListenerActions.ON_ROOM_UPDATE]
         ) {
           // Adding ON_ROOM_UPDATE native listener
-          const roomSubscription = HmsEventEmitter.addListener(
+          const roomSubscription = HMSNativeEventListener.addListener(
             this.id,
             HMSUpdateListenerActions.ON_ROOM_UPDATE,
             this.onRoomListener
@@ -1200,7 +1193,7 @@ export class HMSSDK {
           !this.emitterSubscriptions[HMSUpdateListenerActions.ON_PEER_UPDATE]
         ) {
           // Adding ON_PEER_UPDATE native listener
-          const peerSubscription = HmsEventEmitter.addListener(
+          const peerSubscription = HMSNativeEventListener.addListener(
             this.id,
             HMSUpdateListenerActions.ON_PEER_UPDATE,
             this.onPeerListener
@@ -1218,7 +1211,7 @@ export class HMSSDK {
           !this.emitterSubscriptions[HMSUpdateListenerActions.ON_TRACK_UPDATE]
         ) {
           // Adding ON_TRACK_UPDATE native listener
-          const trackSubscription = HmsEventEmitter.addListener(
+          const trackSubscription = HMSNativeEventListener.addListener(
             this.id,
             HMSUpdateListenerActions.ON_TRACK_UPDATE,
             this.onTrackListener
@@ -1234,7 +1227,7 @@ export class HMSSDK {
         // Checking if we already have ON_ERROR subscription
         if (!this.emitterSubscriptions[HMSUpdateListenerActions.ON_ERROR]) {
           // Adding ON_ERROR native listener
-          const errorSubscription = HmsEventEmitter.addListener(
+          const errorSubscription = HMSNativeEventListener.addListener(
             this.id,
             HMSUpdateListenerActions.ON_ERROR,
             this.onErrorListener
@@ -1250,7 +1243,7 @@ export class HMSSDK {
         // Checking if we already have ON_MESSAGE subscription
         if (!this.emitterSubscriptions[HMSUpdateListenerActions.ON_MESSAGE]) {
           // Adding ON_MESSAGE native listener
-          const messageSubscription = HmsEventEmitter.addListener(
+          const messageSubscription = HMSNativeEventListener.addListener(
             this.id,
             HMSUpdateListenerActions.ON_MESSAGE,
             this.onMessageListener
@@ -1266,7 +1259,7 @@ export class HMSSDK {
         // Checking if we already have ON_SPEAKER subscription
         if (!this.emitterSubscriptions[HMSUpdateListenerActions.ON_SPEAKER]) {
           // Adding ON_SPEAKER native listener
-          const speakerSubscription = HmsEventEmitter.addListener(
+          const speakerSubscription = HMSNativeEventListener.addListener(
             this.id,
             HMSUpdateListenerActions.ON_SPEAKER,
             this.onSpeakerListener
@@ -1282,7 +1275,7 @@ export class HMSSDK {
         // Checking if we already have RECONNECTING subscription
         if (!this.emitterSubscriptions[HMSUpdateListenerActions.RECONNECTING]) {
           // Adding RECONNECTING native listener
-          const reconnectingSubscription = HmsEventEmitter.addListener(
+          const reconnectingSubscription = HMSNativeEventListener.addListener(
             this.id,
             HMSUpdateListenerActions.RECONNECTING,
             this.reconnectingListener
@@ -1298,7 +1291,7 @@ export class HMSSDK {
         // Checking if we already have RECONNECTED subscription
         if (!this.emitterSubscriptions[HMSUpdateListenerActions.RECONNECTED]) {
           // Adding RECONNECTED native listener
-          const reconnectedSubscription = HmsEventEmitter.addListener(
+          const reconnectedSubscription = HMSNativeEventListener.addListener(
             this.id,
             HMSUpdateListenerActions.RECONNECTED,
             this.reconnectedListener
@@ -1318,7 +1311,7 @@ export class HMSSDK {
           ]
         ) {
           // Adding ON_ROLE_CHANGE_REQUEST native listener
-          const roleChangeReqSubscription = HmsEventEmitter.addListener(
+          const roleChangeReqSubscription = HMSNativeEventListener.addListener(
             this.id,
             HMSUpdateListenerActions.ON_ROLE_CHANGE_REQUEST,
             this.onRoleChangeRequestListener
@@ -1339,7 +1332,7 @@ export class HMSSDK {
           ]
         ) {
           // Adding ON_CHANGE_TRACK_STATE_REQUEST native listener
-          const changeTrackReqSubscription = HmsEventEmitter.addListener(
+          const changeTrackReqSubscription = HMSNativeEventListener.addListener(
             this.id,
             HMSUpdateListenerActions.ON_CHANGE_TRACK_STATE_REQUEST,
             this.onChangeTrackStateRequestListener
@@ -1360,11 +1353,12 @@ export class HMSSDK {
           ]
         ) {
           // Adding ON_REMOVED_FROM_ROOM native listener
-          const removedFromRoomSubscription = HmsEventEmitter.addListener(
-            this.id,
-            HMSUpdateListenerActions.ON_REMOVED_FROM_ROOM,
-            this.onRemovedFromRoomListener
-          );
+          const removedFromRoomSubscription =
+            HMSNativeEventListener.addListener(
+              this.id,
+              HMSUpdateListenerActions.ON_REMOVED_FROM_ROOM,
+              this.onRemovedFromRoomListener
+            );
           this.emitterSubscriptions[
             HMSUpdateListenerActions.ON_REMOVED_FROM_ROOM
           ] = removedFromRoomSubscription;
@@ -1377,7 +1371,7 @@ export class HMSSDK {
         // Checking if we already have ON_RTC_STATS subscription
         if (!this.emitterSubscriptions[HMSUpdateListenerActions.ON_RTC_STATS]) {
           // Adding ON_RTC_STATS native listener
-          const rtcStatsSubscription = HmsEventEmitter.addListener(
+          const rtcStatsSubscription = HMSNativeEventListener.addListener(
             this.id,
             HMSUpdateListenerActions.ON_RTC_STATS,
             this.RTCStatsListener
@@ -1397,7 +1391,7 @@ export class HMSSDK {
           ]
         ) {
           // Adding ON_LOCAL_AUDIO_STATS native listener
-          const lclAudioStatsSubscription = HmsEventEmitter.addListener(
+          const lclAudioStatsSubscription = HMSNativeEventListener.addListener(
             this.id,
             HMSUpdateListenerActions.ON_LOCAL_AUDIO_STATS,
             this.onLocalAudioStatsListener
@@ -1418,7 +1412,7 @@ export class HMSSDK {
           ]
         ) {
           // Adding ON_LOCAL_VIDEO_STATS native listener
-          const lclVideoStatsSubscription = HmsEventEmitter.addListener(
+          const lclVideoStatsSubscription = HMSNativeEventListener.addListener(
             this.id,
             HMSUpdateListenerActions.ON_LOCAL_VIDEO_STATS,
             this.onLocalVideoStatsListener
@@ -1439,7 +1433,7 @@ export class HMSSDK {
           ]
         ) {
           // Adding ON_REMOTE_AUDIO_STATS native listener
-          const rmAudioStatsSubscription = HmsEventEmitter.addListener(
+          const rmAudioStatsSubscription = HMSNativeEventListener.addListener(
             this.id,
             HMSUpdateListenerActions.ON_REMOTE_AUDIO_STATS,
             this.onRemoteAudioStatsListener
@@ -1460,7 +1454,7 @@ export class HMSSDK {
           ]
         ) {
           // Adding ON_REMOTE_VIDEO_STATS native listener
-          const rmVideoStatsSubscription = HmsEventEmitter.addListener(
+          const rmVideoStatsSubscription = HMSNativeEventListener.addListener(
             this.id,
             HMSUpdateListenerActions.ON_REMOTE_VIDEO_STATS,
             this.onRemoteVideoStatsListener
@@ -1481,7 +1475,7 @@ export class HMSSDK {
           ]
         ) {
           // Adding ON_AUDIO_DEVICE_CHANGED native listener
-          const audDeviceChgSubscription = HmsEventEmitter.addListener(
+          const audDeviceChgSubscription = HMSNativeEventListener.addListener(
             this.id,
             HMSUpdateListenerActions.ON_AUDIO_DEVICE_CHANGED,
             this.onAudioDeviceChangedListener
@@ -1502,11 +1496,12 @@ export class HMSSDK {
           ]
         ) {
           // Adding ON_SESSION_STORE_AVAILABLE native listener
-          const sessionStoreAvailableSubscription = HmsEventEmitter.addListener(
-            this.id,
-            HMSUpdateListenerActions.ON_SESSION_STORE_AVAILABLE,
-            this.onSessionStoreAvailableListener
-          );
+          const sessionStoreAvailableSubscription =
+            HMSNativeEventListener.addListener(
+              this.id,
+              HMSUpdateListenerActions.ON_SESSION_STORE_AVAILABLE,
+              this.onSessionStoreAvailableListener
+            );
           this.emitterSubscriptions[
             HMSUpdateListenerActions.ON_SESSION_STORE_AVAILABLE
           ] = sessionStoreAvailableSubscription;
@@ -1522,7 +1517,7 @@ export class HMSSDK {
             !this.emitterSubscriptions[HMSPIPListenerActions.ON_PIP_ROOM_LEAVE]
           ) {
             // Adding ON_PIP_ROOM_LEAVE native listener
-            const pipRoomLeaveSubscription = HmsEventEmitter.addListener(
+            const pipRoomLeaveSubscription = HMSNativeEventListener.addListener(
               this.id,
               HMSPIPListenerActions.ON_PIP_ROOM_LEAVE,
               this.onPIPRoomLeaveListener

package/src/classes/HMSSessionStore.ts

@@ -1,16 +1,14 @@
-import {
-  NativeModules,
-  DeviceEventEmitter,
-  EmitterSubscription as RNEmitterSubscription,
-} from 'react-native';
+import { DeviceEventEmitter } from 'react-native';
+import type { EmitterSubscription as RNEmitterSubscription } from 'react-native';
+
+import HMSManager from './HMSManagerModule';
+
 import { HMSConstants } from './HMSConstants';
 import { getLogger } from './HMSLogger';
 import { HMSUpdateListenerActions } from './HMSUpdateListenerActions';
 import { EventEmitter } from '../utils';
 import type { EmitterSubscription } from '../utils';
 
-const { HMSManager } = NativeModules;
-
 type Nullable<T> = T | null | undefined;
 
 export type HMSSessionStoreValue = Nullable<string>;
@@ -148,7 +146,7 @@ export class HMSSessionStore {
     // this `uniqueId` will be used to remove 'KeyChangeListener' from native side
     const uniqueId =
       subscriptionsToRemove.length > 0
-        ? (subscriptionsToRemove[0].context as { uniqueId: string }).uniqueId
+        ? (subscriptionsToRemove[0]!.context as { uniqueId: string }).uniqueId
         : null;
 
     // Removing required subscriptions from 'eventEmitter'

package/src/classes/HMSTrack.ts

@@ -1,8 +1,9 @@
+import type { HMSTrackSource } from './HMSTrackSource';
 import type { HMSTrackType } from './HMSTrackType';
 
 export class HMSTrack {
   trackId: string;
-  source?: number | string;
+  source?: HMSTrackSource;
   trackDescription?: string;
   mute?: boolean;
   id: string;
@@ -14,7 +15,7 @@ export class HMSTrack {
 
   constructor(params: {
     trackId: string;
-    source?: number | string;
+    source?: HMSTrackSource;
     trackDescription?: string;
     isMute?: boolean;
     id: string;

package/src/classes/HMSVideoTrack.ts

@@ -1,4 +1,5 @@
 import { HMSTrack } from './HMSTrack';
+import type { HMSTrackSource } from './HMSTrackSource';
 import type { HMSTrackType } from './HMSTrackType';
 
 export class HMSVideoTrack extends HMSTrack {
@@ -6,7 +7,7 @@ export class HMSVideoTrack extends HMSTrack {
 
   constructor(params: {
     trackId: string;
-    source?: number | string;
+    source?: HMSTrackSource;
     trackDescription?: string;
     isMute?: boolean;
     id: string;

package/src/classes/HmsView.tsx

@@ -4,9 +4,9 @@ import {
   requireNativeComponent,
   StyleSheet,
   UIManager,
-  ViewStyle,
   Platform,
 } from 'react-native';
+import type { ViewStyle } from 'react-native';
 import { HMSConstants } from './HMSConstants';
 import { HMSVideoViewMode } from './HMSVideoViewMode';
 
@@ -89,6 +89,8 @@ export const HmsViewComponent = React.forwardRef<any, HmsComponentProps>(
     };
 
     const capture = async () => {
+      const viewManagerConfig = UIManager.getViewManagerConfig('HMSView');
+
       let requestId = _nextRequestId++;
       let requestMap = _requestMap;
 
@@ -97,7 +99,7 @@ export const HmsViewComponent = React.forwardRef<any, HmsComponentProps>(
       let promise = new Promise(function (resolve, reject) {
         requestMap.set(requestId, { resolve, reject });
       });
-      const viewManagerConfig = UIManager.getViewManagerConfig('HMSView');
+
       UIManager.dispatchViewManagerCommand(
         findNodeHandle(hmsViewRef.current),
         viewManagerConfig.Commands.capture,

package/src/components/HMSHLSPlayer/HMSHLSPlayer.tsx

@@ -10,11 +10,13 @@ import {
   setHMSHLSPlayerStatsError,
 } from './hooks';
 import {
+  RCTHMSHLSPlayer,
+  RCTHMSHLSPlayerViewManagerConfig,
+} from './RCTHMSHLSPlayer';
+import type {
   HmsHlsPlaybackEventHandler,
   HmsHlsStatsEventHandler,
-  RCTHMSHLSPlayer,
   RCTHMSHLSPlayerRef,
-  RCTHMSHLSPlayerViewManagerConfig,
 } from './RCTHMSHLSPlayer';
 import {
   HMSHLSPlayerPlaybackEventTypes,
@@ -64,7 +66,10 @@ const _HMSHLSPlayer: React.ForwardRefRenderFunction<
     ref,
     () => ({
       play: (url?: string) => {
-        if (hmsHlsPlayerRef.current) {
+        if (
+          hmsHlsPlayerRef.current &&
+          RCTHMSHLSPlayerViewManagerConfig.Commands.play
+        ) {
           UIManager.dispatchViewManagerCommand(
             findNodeHandle(hmsHlsPlayerRef.current),
             RCTHMSHLSPlayerViewManagerConfig.Commands.play,
@@ -73,7 +78,10 @@ const _HMSHLSPlayer: React.ForwardRefRenderFunction<
         }
       },
       stop: () => {
-        if (hmsHlsPlayerRef.current) {
+        if (
+          hmsHlsPlayerRef.current &&
+          RCTHMSHLSPlayerViewManagerConfig.Commands.stop
+        ) {
           UIManager.dispatchViewManagerCommand(
             findNodeHandle(hmsHlsPlayerRef.current),
             RCTHMSHLSPlayerViewManagerConfig.Commands.stop,
@@ -82,7 +90,10 @@ const _HMSHLSPlayer: React.ForwardRefRenderFunction<
         }
       },
       pause: () => {
-        if (hmsHlsPlayerRef.current) {
+        if (
+          hmsHlsPlayerRef.current &&
+          RCTHMSHLSPlayerViewManagerConfig.Commands.pause
+        ) {
           UIManager.dispatchViewManagerCommand(
             findNodeHandle(hmsHlsPlayerRef.current),
             RCTHMSHLSPlayerViewManagerConfig.Commands.pause,
@@ -91,7 +102,10 @@ const _HMSHLSPlayer: React.ForwardRefRenderFunction<
         }
       },
       resume: () => {
-        if (hmsHlsPlayerRef.current) {
+        if (
+          hmsHlsPlayerRef.current &&
+          RCTHMSHLSPlayerViewManagerConfig.Commands.resume
+        ) {
           UIManager.dispatchViewManagerCommand(
             findNodeHandle(hmsHlsPlayerRef.current),
             RCTHMSHLSPlayerViewManagerConfig.Commands.resume,
@@ -108,7 +122,10 @@ const _HMSHLSPlayer: React.ForwardRefRenderFunction<
           );
         }
 
-        if (hmsHlsPlayerRef.current) {
+        if (
+          hmsHlsPlayerRef.current &&
+          RCTHMSHLSPlayerViewManagerConfig.Commands.seekForward
+        ) {
           UIManager.dispatchViewManagerCommand(
             findNodeHandle(hmsHlsPlayerRef.current),
             RCTHMSHLSPlayerViewManagerConfig.Commands.seekForward,
@@ -125,7 +142,10 @@ const _HMSHLSPlayer: React.ForwardRefRenderFunction<
           );
         }
 
-        if (hmsHlsPlayerRef.current) {
+        if (
+          hmsHlsPlayerRef.current &&
+          RCTHMSHLSPlayerViewManagerConfig.Commands.seekBackward
+        ) {
           UIManager.dispatchViewManagerCommand(
             findNodeHandle(hmsHlsPlayerRef.current),
             RCTHMSHLSPlayerViewManagerConfig.Commands.seekBackward,
@@ -134,7 +154,10 @@ const _HMSHLSPlayer: React.ForwardRefRenderFunction<
         }
       },
       seekToLivePosition: () => {
-        if (hmsHlsPlayerRef.current) {
+        if (
+          hmsHlsPlayerRef.current &&
+          RCTHMSHLSPlayerViewManagerConfig.Commands.seekToLivePosition
+        ) {
           UIManager.dispatchViewManagerCommand(
             findNodeHandle(hmsHlsPlayerRef.current),
             RCTHMSHLSPlayerViewManagerConfig.Commands.seekToLivePosition,
@@ -149,7 +172,10 @@ const _HMSHLSPlayer: React.ForwardRefRenderFunction<
           );
         }
 
-        if (hmsHlsPlayerRef.current) {
+        if (
+          hmsHlsPlayerRef.current &&
+          RCTHMSHLSPlayerViewManagerConfig.Commands.setVolume
+        ) {
           UIManager.dispatchViewManagerCommand(
             findNodeHandle(hmsHlsPlayerRef.current),
             RCTHMSHLSPlayerViewManagerConfig.Commands.setVolume,

package/src/components/HMSHLSPlayer/RCTHMSHLSPlayer.ts

@@ -1,9 +1,8 @@
-import {
-  requireNativeComponent,
+import { requireNativeComponent, UIManager } from 'react-native';
+import type {
   StyleProp,
   NativeSyntheticEvent,
   ViewStyle,
-  UIManager,
   NativeMethods,
 } from 'react-native';
 import type {

package/src/components/HMSHLSPlayer/hooks.ts

@@ -1,4 +1,5 @@
-import { DependencyList, useEffect } from 'react';
+import { useEffect } from 'react';
+import type { DependencyList } from 'react';
 import { shallow } from 'zustand/shallow';
 
 import { useHMSHLSPlayerStatsStore } from '../../stores/hls-player-stats-store';
@@ -27,7 +28,7 @@ export const useHMSHLSPlayerStats = () => {
 };
 
 export const useHMSHLSPlayerStat = <
-  T extends keyof HMSHLSPlayerStatsUpdateEventData
+  T extends keyof HMSHLSPlayerStatsUpdateEventData,
 >(
   stat: T
 ) => {

package/src/hooks/useHMSPeerUpdates.ts

@@ -0,0 +1,85 @@
+import * as React from 'react';
+
+import { HMSConstants } from '../classes/HMSConstants';
+import { HMSEncoder } from '../classes/HMSEncoder';
+import { HMSEventEmitter } from '../classes/HMSEventEmitter';
+import { getLogger } from '../classes/HMSLogger';
+import HMSNativeEventListener from '../classes/HMSNativeEventListener';
+import type { HMSNativeEventSubscription } from '../classes/HMSNativeEventListener';
+import type { HMSPeer } from '../classes/HMSPeer';
+import { HMSPeerUpdate, HMSPeerUpdateOrdinals } from '../classes/HMSPeerUpdate';
+import { getHmsPeersCache } from '../classes/HMSPeersCache';
+import { HMSUpdateListenerActions } from '../classes/HMSUpdateListenerActions';
+
+const eventType = HMSUpdateListenerActions.ON_PEER_UPDATE;
+
+// TODO: How to handle events which have already been received?
+// TODO(DOUBT): add HMSInstance as dependency because of actions enabling/disabling events on HMSInstance?
+export const useHMSPeerUpdates = (
+  effect: (data: { peer: HMSPeer; type: HMSPeerUpdate }) => void,
+  deps: React.DependencyList | undefined = []
+) => {
+  React.useEffect(() => {
+    if (HMSEventEmitter.listenerCount(eventType) <= 0) {
+      addPeerUpdateSubscription();
+    }
+
+    const subscription = HMSEventEmitter.addListener(eventType, effect, null);
+
+    return () => {
+      subscription.remove();
+
+      if (HMSEventEmitter.listenerCount(eventType) <= 0) {
+        removePeerUpdateSubscription();
+      }
+    };
+  }, deps);
+};
+
+let peerUpdateSubscription: HMSNativeEventSubscription | null = null;
+
+function addPeerUpdateSubscription() {
+  if (peerUpdateSubscription !== null) {
+    return;
+  }
+
+  peerUpdateSubscription = HMSNativeEventListener.addListener(
+    HMSConstants.DEFAULT_SDK_ID,
+    HMSUpdateListenerActions.ON_PEER_UPDATE,
+    (peerData: any) => {
+      const data: { peer: any; type: any } = {
+        peer: peerData,
+        type: null,
+      };
+
+      for (const ordinal of HMSPeerUpdateOrdinals.keys()) {
+        if (ordinal in peerData) {
+          data.peer.peerID = peerData[ordinal];
+          data.type = ordinal;
+          break;
+        }
+      }
+
+      const peer: HMSPeer = HMSEncoder.encodeHmsPeer(data.peer);
+      const type = HMSEncoder.encodeHmsPeerUpdate(data.type) || data.type;
+
+      getHmsPeersCache()?.updatePeerCache(data.peer.peerID, data.peer, type);
+
+      getLogger()?.verbose('#Listener ON_PEER_LISTENER_CALL', {
+        peer,
+        type,
+      });
+
+      HMSEventEmitter.emit(eventType, { peer, type });
+    }
+  );
+}
+
+function removePeerUpdateSubscription() {
+  if (peerUpdateSubscription === null) {
+    return;
+  }
+
+  peerUpdateSubscription.remove();
+  peerUpdateSubscription = null;
+}