@100mslive/react-native-room-kit 1.0.0 → 1.0.1

package/lib/module/components/WelcomeInMeeting.js

@@ -1,21 +1,42 @@
 import * as React from 'react';
-import { View, StyleSheet, Image } from 'react-native';
+import { View, StyleSheet, Text } from 'react-native';
+import { WelcomeHandIcon } from '../Icons';
+import { useHMSRoomStyleSheet } from '../hooks-util';
 export const WelcomeInMeeting = () => {
-  return /*#__PURE__*/React.createElement(View, {
-    style: styles.container
-  }, /*#__PURE__*/React.createElement(Image, {
-    source: require('../assets/welcome.png'),
-    style: {
-      width: 149,
-      height: 152
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    title: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    subtitle: {
+      color: theme.palette.on_surface_medium,
+      fontFamily: `${typography.font_family}-Regular`
     }
   }));
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(WelcomeHandIcon, null), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.title, hmsRoomStyles.title]
+  }, "Welcome!"), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.subtitle, hmsRoomStyles.subtitle]
+  }, "Sit back and relax."));
 };
 const styles = StyleSheet.create({
   container: {
     flex: 1,
     alignItems: 'center',
     justifyContent: 'center'
+  },
+  title: {
+    fontSize: 24,
+    lineHeight: 32,
+    marginTop: 24
+  },
+  subtitle: {
+    fontSize: 16,
+    lineHeight: 24,
+    letterSpacing: 0.5,
+    marginTop: 8
   }
 });
 //# sourceMappingURL=WelcomeInMeeting.js.map

package/lib/module/components/WelcomeInMeeting.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","StyleSheet","Image","WelcomeInMeeting","createElement","style","styles","container","source","require","width","height","create","flex","alignItems","justifyContent"],"sourceRoot":"../../../src","sources":["components/WelcomeInMeeting.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,UAAU,EAAEC,KAAK,QAAQ,cAAc;AAItD,OAAO,MAAMC,gBAAiD,GAAGA,CAAA,KAAM;EACrE,oBACEJ,KAAA,CAAAK,aAAA,CAACJ,IAAI;IAACK,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BR,KAAA,CAAAK,aAAA,CAACF,KAAK;IACJM,MAAM,EAAEC,OAAO,CAAC,uBAAuB,CAAE;IACzCJ,KAAK,EAAE;MAAEK,KAAK,EAAE,GAAG;MAAEC,MAAM,EAAE;IAAI;EAAE,CACpC,CACG,CAAC;AAEX,CAAC;AAED,MAAML,MAAM,GAAGL,UAAU,CAACW,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","View","StyleSheet","Text","WelcomeHandIcon","useHMSRoomStyleSheet","WelcomeInMeeting","hmsRoomStyles","theme","typography","title","color","palette","on_surface_high","fontFamily","font_family","subtitle","on_surface_medium","createElement","style","styles","container","create","flex","alignItems","justifyContent","fontSize","lineHeight","marginTop","letterSpacing"],"sourceRoot":"../../../src","sources":["components/WelcomeInMeeting.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAErD,SAASC,eAAe,QAAQ,UAAU;AAC1C,SAASC,oBAAoB,QAAQ,eAAe;AAIpD,OAAO,MAAMC,gBAAiD,GAAGA,CAAA,KAAM;EACrE,MAAMC,aAAa,GAAGF,oBAAoB,CAAC,CAACG,KAAK,EAAEC,UAAU,MAAM;IACjEC,KAAK,EAAE;MACLC,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACC,eAAe;MACpCC,UAAU,EAAG,GAAEL,UAAU,CAACM,WAAY;IACxC,CAAC;IACDC,QAAQ,EAAE;MACRL,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACK,iBAAiB;MACtCH,UAAU,EAAG,GAAEL,UAAU,CAACM,WAAY;IACxC;EACF,CAAC,CAAC,CAAC;EAEH,oBACEf,KAAA,CAAAkB,aAAA,CAACjB,IAAI;IAACkB,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BrB,KAAA,CAAAkB,aAAA,CAACd,eAAe,MAAE,CAAC,eAEnBJ,KAAA,CAAAkB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE,CAACC,MAAM,CAACV,KAAK,EAAEH,aAAa,CAACG,KAAK;EAAE,GAAC,UAAc,CAAC,eAEjEV,KAAA,CAAAkB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE,CAACC,MAAM,CAACJ,QAAQ,EAAET,aAAa,CAACS,QAAQ;EAAE,GAAC,qBAElD,CACF,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGlB,UAAU,CAACoB,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDf,KAAK,EAAE;IACLgB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE;EACb,CAAC;EACDZ,QAAQ,EAAE;IACRU,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdE,aAAa,EAAE,GAAG;IAClBD,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}

package/lib/module/hooks-sdk.js

@@ -118,13 +118,58 @@ export const useHMSActions = () => {
       return Promise.reject(error);
     }
   }, []);
+  const raiseLocalPeerHand = useCallback(async () => {
+    const state = store.getState();
+    const hmsInstance = state.user.hmsInstance;
+    if (!hmsInstance) {
+      return Promise.reject('HMSSDK Instance is not available!');
+    }
+    try {
+      const result = await hmsInstance.raiseLocalPeerHand();
+      console.log('Raise Local Peer Hand Success: ', result);
+    } catch (error) {
+      console.log('Raise Local Peer Hand Error: ', error);
+      return Promise.reject(error);
+    }
+  }, []);
+  const lowerLocalPeerHand = useCallback(async () => {
+    const state = store.getState();
+    const hmsInstance = state.user.hmsInstance;
+    if (!hmsInstance) {
+      return Promise.reject('HMSSDK Instance is not available!');
+    }
+    try {
+      const result = await hmsInstance.lowerLocalPeerHand();
+      console.log('Lower Local Peer Hand Success: ', result);
+    } catch (error) {
+      console.log('Lower Local Peer Hand Error: ', error);
+      return Promise.reject(error);
+    }
+  }, []);
+  const lowerRemotePeerHand = useCallback(async peer => {
+    const state = store.getState();
+    const hmsInstance = state.user.hmsInstance;
+    if (!hmsInstance) {
+      return Promise.reject('HMSSDK Instance is not available!');
+    }
+    try {
+      const result = await hmsInstance.lowerRemotePeerHand(peer);
+      console.log('Lower Remote Peer Hand Success: ', result);
+    } catch (error) {
+      console.log('Lower Remote Peer Hand Error: ', error);
+      return Promise.reject(error);
+    }
+  }, []);
   return {
     setLocalAudioEnabled,
     setLocalVideoEnabled,
     switchCamera,
     setScreenShareEnabled,
     changeMetadata,
-    changeName
+    changeName,
+    raiseLocalPeerHand,
+    lowerLocalPeerHand,
+    lowerRemotePeerHand
   };
 };
 //# sourceMappingURL=hooks-sdk.js.map

package/lib/module/hooks-sdk.js.map

@@ -1 +1 @@
-{"version":3,"names":["useDispatch","useSelector","useStore","setIsLocalAudioMutedState","setIsLocalScreenSharedState","setIsLocalVideoMutedState","selectAllowedTracksToPublish","selectCanPublishTrack","useCallback","useAllowedTracksToPublish","useCanPublishAudio","state","useCanPublishVideo","useCanPublishScreen","useHMSActions","dispatch","store","setLocalAudioEnabled","enable","getState","localPeer","hmsStates","Promise","reject","localAudioTrack","setMute","error","setLocalVideoEnabled","localVideoTrack","switchCamera","setScreenShareEnabled","hmsInstance","user","result","startScreenshare","console","log","stopScreenshare","changeMetadata","metadata","parsedMetadata","JSON","stringify","changeName","name"],"sourceRoot":"../../src","sources":["hooks-sdk.ts"],"mappings":"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"}
+{"version":3,"names":["useDispatch","useSelector","useStore","setIsLocalAudioMutedState","setIsLocalScreenSharedState","setIsLocalVideoMutedState","selectAllowedTracksToPublish","selectCanPublishTrack","useCallback","useAllowedTracksToPublish","useCanPublishAudio","state","useCanPublishVideo","useCanPublishScreen","useHMSActions","dispatch","store","setLocalAudioEnabled","enable","getState","localPeer","hmsStates","Promise","reject","localAudioTrack","setMute","error","setLocalVideoEnabled","localVideoTrack","switchCamera","setScreenShareEnabled","hmsInstance","user","result","startScreenshare","console","log","stopScreenshare","changeMetadata","metadata","parsedMetadata","JSON","stringify","changeName","name","raiseLocalPeerHand","lowerLocalPeerHand","lowerRemotePeerHand","peer"],"sourceRoot":"../../src","sources":["hooks-sdk.ts"],"mappings":"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"}

package/lib/module/hooks-util.js

@@ -3,13 +3,13 @@ import { HMSConfig, HMSMessage, HMSMessageRecipientType, HMSPIPListenerActions,
 } from '@100mslive/react-native-hms';
 import Toast from 'react-native-simple-toast';
 import { useRef, useCallback, useEffect, useState, useMemo, useContext } from 'react';
-import { MaxTilesInOnePage, ModalTypes, PipModes } from './utils/types';
-import { createPeerTrackNode, parseMetadata } from './utils/functions';
+import { MaxTilesInOnePage, ModalTypes, PeerListRefreshInterval, PipModes } from './utils/types';
+import { createPeerTrackNode } from './utils/functions';
 import { batch, shallowEqual, useDispatch, useSelector, useStore } from 'react-redux';
-import { addMessage, addNotification, addParticipant, addPinnedMessage, addScreenshareTile, addUpdateParticipant, changeMeetingState, changePipModeStatus, changeStartingHLSStream, clearStore, removeNotification, removeParticipant, removeScreenshareTile, saveUserData, setActiveChatBottomSheetTab, setActiveSpeakers, setFullScreenPeerTrackNode, setHMSLocalPeerState, setHMSRoleState, setHMSRoomState, setIsLocalAudioMutedState, setIsLocalVideoMutedState, setLayoutConfig, setLocalPeerTrackNode, setMiniViewPeerTrackNode, setModalType, setReconnecting, setRoleChangeRequest, setStartingOrStoppingRecording, updateFullScreenPeerTrackNode, updateLocalPeerTrackNode, updateMiniViewPeerTrackNode, updateScreenshareTile } from './redux/actions';
+import { addMessage, addNotification, addParticipant, addParticipants, addPinnedMessage, addScreenshareTile, addUpdateParticipant, changeMeetingState, changePipModeStatus, changeStartingHLSStream, clearStore, removeNotification, removeParticipant, removeParticipants, removeScreenshareTile, replaceParticipantsList, saveUserData, setActiveChatBottomSheetTab, setActiveSpeakers, setFullScreenPeerTrackNode, setHMSLocalPeerState, setHMSRoleState, setHMSRoomState, setIsLocalAudioMutedState, setIsLocalVideoMutedState, setLayoutConfig, setLocalPeerTrackNode, setMiniViewPeerTrackNode, setModalType, setReconnecting, setRoleChangeRequest, setStartingOrStoppingRecording, updateFullScreenPeerTrackNode, updateLocalPeerTrackNode, updateMiniViewPeerTrackNode, updateScreenshareTile } from './redux/actions';
 import { createPeerTrackNodeUniqueId, degradeOrRestorePeerTrackNodes, peerTrackNodeExistForPeer, peerTrackNodeExistForPeerAndTrack, removePeerTrackNodes, removePeerTrackNodesWithTrack, replacePeerTrackNodes, replacePeerTrackNodesWithTrack } from './peerTrackNodeUtils';
 import { MeetingState } from './types';
-import { AppState, InteractionManager, Keyboard, LayoutAnimation, Platform } from 'react-native';
+import { InteractionManager, Keyboard, Platform } from 'react-native';
 import { NavigationContext } from '@react-navigation/native';
 import { useIsLandscapeOrientation, useIsPortraitOrientation } from './utils/dimension';
 import { selectChatLayoutConfig, selectConferencingScreenConfig, selectIsHLSViewer, selectLayoutConfigForRole, selectShouldGoLive, selectVideoTileLayoutConfig } from './hooks-util-selectors';
@@ -21,6 +21,7 @@ export const useHMSListeners = setPeerTrackNodes => {
   const updateLocalPeer = useUpdateHMSLocalPeer(hmsInstance);
   useHMSRoomUpdate(hmsInstance);
   useHMSPeersUpdate(hmsInstance, updateLocalPeer, setPeerTrackNodes);
+  useHMSPeerListUpdated(hmsInstance);
   useHMSTrackUpdate(hmsInstance, updateLocalPeer, setPeerTrackNodes);
 };
 const useHMSRoomUpdate = hmsInstance => {
@@ -216,11 +217,11 @@ const useHMSPeersUpdate = (hmsInstance, updateLocalPeer, setPeerTrackNodes) => {
         }
         return;
       }
-      if (type === HMSPeerUpdate.METADATA_CHANGED || type === HMSPeerUpdate.NAME_CHANGED || type === HMSPeerUpdate.NETWORK_QUALITY_UPDATED) {
+      if (type === HMSPeerUpdate.METADATA_CHANGED || type === HMSPeerUpdate.HAND_RAISED_CHANGED || type === HMSPeerUpdate.NAME_CHANGED || type === HMSPeerUpdate.NETWORK_QUALITY_UPDATED) {
         dispatch(addUpdateParticipant(peer));
         const reduxState = store.getState();
-        if (type === HMSPeerUpdate.METADATA_CHANGED) {
-          const handRaised = parseMetadata(peer.metadata).isHandRaised;
+        if (type === HMSPeerUpdate.HAND_RAISED_CHANGED) {
+          const handRaised = peer.isHandRaised;
           if (handRaised) {
             var _selectedLayoutConfig, _peer$role11, _reduxState$hmsStates;
             const {
@@ -283,6 +284,25 @@ const useHMSPeersUpdate = (hmsInstance, updateLocalPeer, setPeerTrackNodes) => {
     };
   }, [hmsInstance]);
 };
+const useHMSPeerListUpdated = hmsInstance => {
+  const dispatch = useDispatch();
+  useEffect(() => {
+    const peerListUpdateHandler = _ref2 => {
+      let {
+        addedPeers,
+        removedPeers
+      } = _ref2;
+      batch(() => {
+        dispatch(addParticipants(addedPeers));
+        dispatch(removeParticipants(removedPeers));
+      });
+    };
+    hmsInstance.addEventListener(HMSUpdateListenerActions.ON_PEER_LIST_UPDATED, peerListUpdateHandler);
+    return () => {
+      hmsInstance.removeEventListener(HMSUpdateListenerActions.ON_PEER_LIST_UPDATED);
+    };
+  }, [hmsInstance]);
+};
 export const isPublishingAllowed = peer => {
   var _peer$role12, _peer$role13;
   return (((_peer$role12 = peer.role) === null || _peer$role12 === void 0 || (_peer$role12 = _peer$role12.publishSettings) === null || _peer$role12 === void 0 ? void 0 : _peer$role12.allowed) && ((_peer$role13 = peer.role) === null || _peer$role13 === void 0 || (_peer$role13 = _peer$role13.publishSettings) === null || _peer$role13 === void 0 || (_peer$role13 = _peer$role13.allowed) === null || _peer$role13 === void 0 ? void 0 : _peer$role13.length) > 0) ?? false;
@@ -291,13 +311,13 @@ const useHMSTrackUpdate = (hmsInstance, updateLocalPeer, setPeerTrackNodes) => {
   const dispatch = useDispatch();
   const store = useStore();
   useEffect(() => {
-    const trackUpdateHandler = _ref2 => {
+    const trackUpdateHandler = _ref3 => {
       var _reduxState$hmsStates2, _selectVideoTileLayou2;
       let {
         peer,
         track,
         type
-      } = _ref2;
+      } = _ref3;
       const reduxState = store.getState();
       const fullScreenPeerTrackNode = reduxState.app.fullScreenPeerTrackNode;
       const miniviewPeerTrackNode = reduxState.app.miniviewPeerTrackNode;
@@ -747,10 +767,10 @@ export const useHMSSessionStore = () => {
   const hmsInstance = useHMSInstance();
   const dispatch = useDispatch();
   useEffect(() => {
-    const onSessionStoreAvailableListener = _ref3 => {
+    const onSessionStoreAvailableListener = _ref4 => {
       let {
         sessionStore
-      } = _ref3;
+      } = _ref4;
       // Saving `sessionStore` reference in `redux`
       dispatch(saveUserData({
         hmsSessionStore: sessionStore
@@ -854,18 +874,14 @@ export const usePIPListener = () => {
   const dispatch = useDispatch();
   const isPipModeActive = useSelector(state => state.app.pipModeStatus === PipModes.ACTIVE);
   useEffect(() => {
-    if (isPipModeActive) {
-      const appStateListener = () => {
-        LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
-        dispatch(changePipModeStatus(PipModes.INACTIVE));
-      };
-      AppState.addEventListener('focus', appStateListener);
-      return () => {
-        AppState.removeEventListener('focus', appStateListener);
-        dispatch(changePipModeStatus(PipModes.INACTIVE));
-      };
-    }
-  }, [isPipModeActive]);
+    const pipModeChangedHandler = data => {
+      dispatch(changePipModeStatus(data.isInPictureInPictureMode ? PipModes.ACTIVE : PipModes.INACTIVE));
+    };
+    hmsInstance.addEventListener(HMSPIPListenerActions.ON_PIP_MODE_CHANGED, pipModeChangedHandler);
+    return () => {
+      hmsInstance.removeEventListener(HMSPIPListenerActions.ON_PIP_MODE_CHANGED);
+    };
+  }, []);
 
   // Check if PIP is supported or not
   useEffect(() => {
@@ -1039,17 +1055,15 @@ export const useHMSConfig = () => {
       username: storeState.user.userName,
       captureNetworkQualityInPreview: true,
       endpoint: (_storeState$user$endP3 = storeState.user.endPoints) === null || _storeState$user$endP3 === void 0 ? void 0 : _storeState$user$endP3.init
-      // metadata: JSON.stringify({isHandRaised: true}), // To join with hand raised
     });
-
     return hmsConfig;
   }, [hmsInstance]);
   const updateConfig = useCallback(data => {
     if (!hmsConfig) {
       throw new Error('No HMSConfig is available to update!');
     }
-    Object.entries(data).forEach(_ref4 => {
-      let [key, value] = _ref4;
+    Object.entries(data).forEach(_ref5 => {
+      let [key, value] = _ref5;
       // @ts-ignore
       hmsConfig[key] = value;
     });
@@ -1141,21 +1155,69 @@ export const useLandscapeChatViewVisible = () => {
   const isLandscapeOrientation = useIsLandscapeOrientation();
   return pipModeNotActive && isLandscapeOrientation && overlayChatVisible;
 };
-export const useFilteredParticipants = () => {
-  var _sortedRoles$;
+export const useOffStageParticipants = () => {
+  const dispatch = useDispatch();
+  const hmsInstance = useHMSInstance();
+  const offStageRoles = useHMSLayoutConfig(layoutConfig => {
+    var _layoutConfig$screens;
+    return (layoutConfig === null || layoutConfig === void 0 || (_layoutConfig$screens = layoutConfig.screens) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.conferencing) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.default) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.elements) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.on_stage_exp) === null || _layoutConfig$screens === void 0 ? void 0 : _layoutConfig$screens.off_stage_roles) || null;
+  });
+  const [participantsTotalCounts, setParticipantsTotalCounts] = useState({});
+  useEffect(() => {
+    if (offStageRoles) {
+      let mounted = true;
+      const createIterator = async forRole => {
+        const iterator = hmsInstance.getPeerListIterator({
+          byRoleName: forRole,
+          limit: 10
+        });
+        const participants = await iterator.next();
+        if (mounted) {
+          dispatch(replaceParticipantsList(participants, forRole));
+          setParticipantsTotalCounts(prev => ({
+            ...prev,
+            [forRole]: iterator.totalCount
+          }));
+        }
+      };
+      const createIteratorForRoles = () => {
+        offStageRoles.forEach(role => {
+          createIterator(role);
+        });
+      };
+      createIteratorForRoles();
+      const intervalId = setInterval(() => {
+        createIteratorForRoles();
+      }, PeerListRefreshInterval);
+      return () => {
+        mounted = false;
+        clearInterval(intervalId);
+      };
+    }
+  }, [offStageRoles]);
+  return participantsTotalCounts;
+};
+export const useFilteredParticipants = filterText => {
+  var _participantsAccordia;
   const roles = useSelector(state => state.hmsStates.roles);
   const onStageRole = useHMSLayoutConfig(layoutConfig => {
-    var _layoutConfig$screens;
-    return (layoutConfig === null || layoutConfig === void 0 || (_layoutConfig$screens = layoutConfig.screens) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.conferencing) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.default) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.elements) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.on_stage_exp) === null || _layoutConfig$screens === void 0 ? void 0 : _layoutConfig$screens.on_stage_role) || null;
+    var _layoutConfig$screens2;
+    return (layoutConfig === null || layoutConfig === void 0 || (_layoutConfig$screens2 = layoutConfig.screens) === null || _layoutConfig$screens2 === void 0 || (_layoutConfig$screens2 = _layoutConfig$screens2.conferencing) === null || _layoutConfig$screens2 === void 0 || (_layoutConfig$screens2 = _layoutConfig$screens2.default) === null || _layoutConfig$screens2 === void 0 || (_layoutConfig$screens2 = _layoutConfig$screens2.elements) === null || _layoutConfig$screens2 === void 0 || (_layoutConfig$screens2 = _layoutConfig$screens2.on_stage_exp) === null || _layoutConfig$screens2 === void 0 ? void 0 : _layoutConfig$screens2.on_stage_role) || null;
   });
-  const [searchText, setSearchText] = useState('');
-  const formattedSearchText = searchText.trim().toLowerCase();
-  const participants = useSelector(state => state.hmsStates.participants);
-  const peerGroups = useMemo(() => {
-    return groupParticipantsAsPerRole(participants, formattedSearchText);
-  }, [formattedSearchText, participants]);
+  const offStageParticipantsTotalCounts = useOffStageParticipants();
+  const formattedSearchText = filterText.trim().toLowerCase();
+  const groupedParticipants = useSelector(state => state.hmsStates.groupedParticipants);
   const sortedRoles = useMemo(() => {
-    return roles.filter(role => peerGroups.has(role.name)).sort((a, b) => {
+    return roles.filter(role => {
+      if (!role.name || role.name.startsWith('_')) {
+        return false;
+      }
+      return true;
+
+      // const list = groupedParticipants[role.name!];
+
+      // return list && list.length > 0;
+    }).sort((a, b) => {
       var _a$publishSettings, _b$publishSettings;
       if (onStageRole) {
         if (a.name === onStageRole && b.name === onStageRole) {
@@ -1178,96 +1240,47 @@ export const useFilteredParticipants = () => {
       }
       return 1;
     });
-  }, [peerGroups, onStageRole, roles]);
-  const firstGroupName = peerGroups.has('hand-raised') ? 'hand-raised' : (_sortedRoles$ = sortedRoles[0]) === null || _sortedRoles$ === void 0 ? void 0 : _sortedRoles$.name;
-  const [expandedGroups, setExpandedGroups] = useState(firstGroupName ? [firstGroupName] : []);
-  const groupedList = useMemo(() => {
-    let list = [];
-    const handRaisedPeers = peerGroups.get('hand-raised');
-    if (handRaisedPeers) {
-      const expanded = expandedGroups.includes('hand-raised');
-      list.push({
-        type: expanded ? 'EXPANDED_HEADER' : 'COLLAPSED_HEADER',
-        key: 'hand-raised',
-        data: {
-          label: `Hand Raised (${handRaisedPeers.length})`,
-          itemsLength: handRaisedPeers.length
-        }
-      });
-      if (expanded) {
-        list = list.concat(handRaisedPeers.map((peer, idx, arr) => {
-          const isLast = arr.length - 1 === idx;
-          return {
-            data: peer,
-            key: `${peer.peerID}--${'hand-raised'}`,
-            type: isLast ? 'LAST_ITEM' : 'REGULAR_ITEM'
-          };
-        }));
-      }
-    }
+  },
+  // [groupedParticipants, onStageRole, roles]
+  [onStageRole, roles]);
+  const participantsAccordianData = useMemo(() => {
+    const t = [];
+    const filteredHandRaisedPeers = [];
     sortedRoles.forEach(role => {
-      const peers = peerGroups.get(role.name);
-      if (peers) {
-        const expanded = expandedGroups.includes(role.name);
-        list.push({
-          type: expanded ? 'EXPANDED_HEADER' : 'COLLAPSED_HEADER',
-          key: role.name,
-          data: {
-            label: `${role.name} (${peers.length})`,
-            role: role,
-            itemsLength: peers.length
-          }
+      const list = groupedParticipants[role.name];
+      const filteredList = Array.isArray(list) && formattedSearchText.length > 0 ? list.filter(peer => peer.name.toLowerCase().includes(formattedSearchText)) : list;
+      if (Array.isArray(filteredList) && filteredList.length > 0) {
+        filteredHandRaisedPeers.push(filteredList);
+        const offStageRoleTotalCount = offStageParticipantsTotalCounts[role.name];
+        const firstTen = filteredList.slice(0, 10);
+        t.push({
+          id: role.name,
+          label: `${role.name} (${typeof offStageRoleTotalCount === 'number' ? offStageRoleTotalCount : filteredList.length})`,
+          showViewAll: typeof offStageRoleTotalCount === 'number' && formattedSearchText.length <= 0 ? offStageRoleTotalCount > 10 : filteredList.length > 10,
+          data: firstTen
         });
-        if (expanded) {
-          list = list.concat(peers.map((peer, idx, arr) => {
-            const isLast = arr.length - 1 === idx;
-            return {
-              data: peer,
-              key: `${peer.peerID}--${role.name}`,
-              type: isLast ? 'LAST_ITEM' : 'REGULAR_ITEM'
-            };
-          }));
-        }
       }
     });
-    return list;
-  }, [expandedGroups, peerGroups, sortedRoles]);
+    const handRaisedParticipants = filteredHandRaisedPeers.flat().filter(participant => participant.isHandRaised);
+    const firstTenHandRaisedParticipants = handRaisedParticipants.slice(0, 10);
+    if (handRaisedParticipants.length > 0) {
+      t.unshift({
+        id: 'hand-raised',
+        label: `Hand Raised (${handRaisedParticipants.length})`,
+        showViewAll: handRaisedParticipants.length > 10,
+        data: firstTenHandRaisedParticipants
+      });
+    }
+    return t;
+  }, [formattedSearchText, groupedParticipants, offStageParticipantsTotalCounts, sortedRoles]);
+  const [expandedGroup, setExpandedGroup] = useState(((_participantsAccordia = participantsAccordianData[0]) === null || _participantsAccordia === void 0 ? void 0 : _participantsAccordia.id) ?? null);
   return {
-    data: groupedList,
-    searchText,
+    data: participantsAccordianData,
     formattedSearchText,
-    setSearchText,
-    expandedGroups,
-    setExpandedGroups
+    expandedGroup,
+    setExpandedGroup
   };
 };
-const groupParticipantsAsPerRole = (participants, searchText) => {
-  const groups = new Map();
-  for (const participant of participants) {
-    const participantRole = participant.role;
-    if (!participantRole) {
-      continue;
-    }
-    if (searchText.length <= 0 || participant.name.toLowerCase().includes(searchText)) {
-      if (!groups.has(participantRole.name)) {
-        groups.set(participantRole.name, []);
-      }
-      const group = groups.get(participantRole.name);
-      if (!group) {
-        continue;
-      }
-      group.push(participant);
-      if (parseMetadata(participant.metadata).isHandRaised) {
-        if (!groups.has('hand-raised')) {
-          groups.set('hand-raised', []);
-        }
-        const group = groups.get('hand-raised');
-        if (group) group.push(participant);
-      }
-    }
-  }
-  return groups;
-};
 export const useShouldGoLive = () => {
   const shouldGoLive = useSelector(selectShouldGoLive);
   return shouldGoLive;
@@ -1444,10 +1457,10 @@ export const useSendMessage = () => {
       type: 'SET_TYPED_MESSAGE',
       typedMessage: ''
     });
-    const handleMessageID = _ref5 => {
+    const handleMessageID = _ref6 => {
       let {
         messageId
-      } = _ref5;
+      } = _ref6;
       const localPeer = reduxStore.getState().hmsStates.localPeer;
       if (messageId) {
         Keyboard.dismiss();