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

package/lib/module/components/Participants/ParticipantsList.js

@@ -1,245 +1,197 @@
 import * as React from 'react';
-import { View, Text, FlatList, StyleSheet, Platform } from 'react-native';
-import { batch, useDispatch, useSelector } from 'react-redux';
-import Toast from 'react-native-simple-toast';
-import Feather from 'react-native-vector-icons/Feather';
-import Ionicons from 'react-native-vector-icons/Ionicons';
-import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
-import { CustomButton } from '../CustomButton';
-import { Menu, MenuItem } from '../MenuModal';
-import { getInitials } from '../../utils/functions';
-import { COLORS } from '../../utils/theme';
-import { useHMSInstance, useModalType } from '../../hooks-util';
-import { setPeerToUpdate } from '../../redux/actions';
-import { ModalTypes } from '../../utils/types';
+import { StyleSheet, Text, View } from 'react-native';
+import { FlashList } from '@shopify/flash-list';
+import { useHMSInstance, useHMSLayoutConfig, useHMSRoomStyleSheet } from '../../hooks-util';
+import { ParticipantsItem } from './ParticipantsItem';
+import { ParticipantsGroupHeader } from './ParticipantsGroupHeader';
+import { useSelector } from 'react-redux';
+import { ParticipantsListFooter } from './ParticipantsListFooter';
+const stickyIndices = [0];
 export const ParticipantsList = _ref => {
   let {
-    data
+    searchText,
+    selectedGroupId,
+    onBackPress
   } = _ref;
+  const mountedRef = React.useRef(true);
+  const fetchedInitialDataRef = React.useRef(false);
   const hmsInstance = useHMSInstance();
-  const dispatch = useDispatch();
-  const localPeerPermissions = useSelector(state => {
-    var _state$hmsStates$loca;
-    return (_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 || (_state$hmsStates$loca = _state$hmsStates$loca.role) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.permissions;
+
+  // Currect is current selected group and off-stage gorup
+  const isOffStageGroup = useHMSLayoutConfig(layoutConfig => {
+    var _layoutConfig$screens;
+    const offStageRoles = (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;
+    return offStageRoles ? offStageRoles.includes(selectedGroupId) : false;
   });
-  const {
-    handleModalVisibleType: setModalVisible
-  } = useModalType();
-  const [visible, setVisible] = React.useState(-1);
-  const hideMenu = () => setVisible(-1);
-  const showMenu = index => setVisible(index);
-  const removePeer = peer => {
-    hideMenu();
-    hmsInstance === null || hmsInstance === void 0 ? void 0 : hmsInstance.removePeer(peer, 'removed from room').then(d => console.log('Remove Peer Success: ', d)).catch(e => {
-      console.log('Remove Peer Error: ', e);
-      Toast.showWithGravity(e.message, Toast.LONG, Toast.TOP);
+
+  // Getting initial data for the selected group Id
+  const dataForGroupId = useSelector(state => {
+    return selectedGroupId === 'hand-raised' ? state.hmsStates.groupedParticipants : state.hmsStates.groupedParticipants[selectedGroupId];
+  });
+  const finalDataForGroupId = React.useMemo(() => {
+    if (Array.isArray(dataForGroupId)) {
+      return dataForGroupId;
+    }
+    if (dataForGroupId && selectedGroupId === 'hand-raised') {
+      return Object.values(dataForGroupId).flat().filter(peer => peer.isHandRaised);
+    }
+    return null;
+  }, [dataForGroupId, selectedGroupId]);
+
+  // Creating Header Data
+  const headerData = React.useMemo(() => {
+    return {
+      id: selectedGroupId,
+      label: selectedGroupId === 'hand-raised' ? 'Hand Raised' : selectedGroupId
+    };
+  }, [selectedGroupId]);
+
+  // Created List with Header Data as first item in list
+  const dataWithHeader = React.useMemo(() => [headerData, ...(finalDataForGroupId ?? [])], [finalDataForGroupId, headerData]);
+  const [offStageData, setOffStageData] = React.useState(dataWithHeader);
+  const [loading, setLoading] = React.useState(false);
+
+  // Created Peer List Iterator for current selected group if it is an 'off-stage' group
+  const peerListIterator = React.useMemo(() => {
+    if (!isOffStageGroup) {
+      return null;
+    }
+    return hmsInstance.getPeerListIterator({
+      limit: 20,
+      byRoleName: selectedGroupId
     });
-  };
-  const onChangeNamePress = peer => {
-    hideMenu();
-    setTimeout(() => {
-      batch(() => {
-        dispatch(setPeerToUpdate(peer));
-        setModalVisible(ModalTypes.CHANGE_NAME, true);
+  }, [selectedGroupId, isOffStageGroup, hmsInstance]);
+
+  // #Effect: Fetching first page from Peer List Iterator
+  React.useEffect(() => {
+    let mounted = true;
+    mountedRef.current = true;
+    if (peerListIterator) {
+      setLoading(true);
+      peerListIterator.next().then(peers => {
+        if (mounted) {
+          setLoading(false);
+          setOffStageData([headerData, ...peers]);
+          fetchedInitialDataRef.current = true;
+        }
+      }).catch(() => {
+        if (mounted) {
+          setLoading(false);
+        }
       });
-    }, 500);
-  };
-  const onChangeRolePress = peer => {
-    hideMenu();
-    setTimeout(() => {
-      batch(() => {
-        dispatch(setPeerToUpdate(peer));
-        setModalVisible(ModalTypes.CHANGE_ROLE, true);
+    }
+    return () => {
+      mounted = false;
+      mountedRef.current = false;
+    };
+  }, [headerData, peerListIterator]);
+  const filteredSearchText = searchText.trim().toLowerCase();
+
+  //#region Flaslist props
+  const data = React.useMemo(() => {
+    return (isOffStageGroup ? offStageData : dataWithHeader).filter(item => 'id' in item ? true : item.name.toLowerCase().includes(filteredSearchText));
+  }, [filteredSearchText, offStageData, dataWithHeader, isOffStageGroup]);
+  const _keyExtractor = React.useCallback(item => 'id' in item ? item.id : item.peerID, []);
+  const _renderItem = React.useCallback(data => {
+    if ('id' in data.item) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: hmsRoomStyles.stickyHeader
+      }, /*#__PURE__*/React.createElement(View, {
+        style: [styles.headerWrapper, hmsRoomStyles.stickyHeader]
+      }, /*#__PURE__*/React.createElement(ParticipantsGroupHeader, {
+        id: data.item.id,
+        label: data.item.label,
+        expanded: true,
+        onBackPress: onBackPress
+      })));
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.itemWrapper, hmsRoomStyles.item]
+    }, /*#__PURE__*/React.createElement(ParticipantsItem, {
+      groupId: selectedGroupId,
+      data: data.item
+    }));
+  }, [selectedGroupId]);
+  const _getItemType = React.useCallback(item => 'id' in item ? 'header' : 'item', []);
+  const _onEndReached = React.useCallback(() => {
+    if (loading || !fetchedInitialDataRef.current || !mountedRef.current) {
+      return;
+    }
+    if (peerListIterator) {
+      setLoading(true);
+      peerListIterator.next().then(peers => {
+        if (mountedRef.current) {
+          setLoading(false);
+          setOffStageData(prev => [...prev, ...peers]);
+        }
+      }).catch(() => {
+        if (mountedRef.current) {
+          setLoading(false);
+        }
       });
-    }, 500);
-  };
-  const toggleAudio = peer => {
-    hideMenu();
-    if (peer !== null && peer !== void 0 && peer.audioTrack) {
-      var _peer$audioTrack;
-      hmsInstance === null || hmsInstance === void 0 ? void 0 : hmsInstance.changeTrackState(peer === null || peer === void 0 ? void 0 : peer.audioTrack, !(peer !== null && peer !== void 0 && (_peer$audioTrack = peer.audioTrack) !== null && _peer$audioTrack !== void 0 && _peer$audioTrack.isMute())).then(d => console.log('Toggle Audio Success: ', d)).catch(e => console.log('Toggle Audio Error: ', e));
     }
-  };
-  const toggleVideo = peer => {
-    hideMenu();
-    if (peer !== null && peer !== void 0 && peer.videoTrack) {
-      var _peer$videoTrack;
-      hmsInstance === null || hmsInstance === void 0 ? void 0 : hmsInstance.changeTrackState(peer === null || peer === void 0 ? void 0 : peer.videoTrack, !(peer !== null && peer !== void 0 && (_peer$videoTrack = peer.videoTrack) !== null && _peer$videoTrack !== void 0 && _peer$videoTrack.isMute())).then(d => console.log('Toggle Video Success: ', d)).catch(e => console.log('Toggle Video Error: ', e));
+  }, [loading, peerListIterator]);
+  //#endregion Flaslist props
+
+  const searchTextExists = searchText.length > 0;
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    emptyText: {
+      color: theme.palette.on_surface_medium,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    stickyHeader: {
+      backgroundColor: theme.palette.surface_dim,
+      borderColor: theme.palette.border_bright
+    },
+    item: {
+      borderColor: theme.palette.border_bright
     }
-  };
-  return /*#__PURE__*/React.createElement(FlatList, {
+  }));
+  if (!data || searchTextExists && data.length <= 1) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.emptyContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [styles.emptyText, hmsRoomStyles.emptyText]
+    }, "No results found..."));
+  }
+  return /*#__PURE__*/React.createElement(FlashList, {
     data: data,
-    initialNumToRender: 2,
-    maxToRenderPerBatch: 3,
+    estimatedItemSize: 56,
+    contentContainerStyle: styles.list,
     keyboardShouldPersistTaps: "always",
-    windowSize: 11,
-    renderItem: _ref2 => {
-      var _peer$role, _peer$role2, _peer$audioTrack2, _peer$audioTrack3, _peer$role3, _peer$videoTrack2, _peer$videoTrack3;
-      let {
-        item,
-        index
-      } = _ref2;
-      const peer = item;
-      return /*#__PURE__*/React.createElement(View, {
-        style: styles.participantItem,
-        key: peer.peerID
-      }, /*#__PURE__*/React.createElement(View, {
-        style: styles.participantAvatar
-      }, /*#__PURE__*/React.createElement(Text, {
-        style: styles.participantAvatarText
-      }, getInitials(peer.name))), /*#__PURE__*/React.createElement(View, {
-        style: styles.participantDescription
-      }, /*#__PURE__*/React.createElement(Text, {
-        style: styles.participantName,
-        numberOfLines: 1
-      }, peer.name), /*#__PURE__*/React.createElement(Text, {
-        style: styles.participantRole,
-        numberOfLines: 1
-      }, (_peer$role = peer.role) === null || _peer$role === void 0 ? void 0 : _peer$role.name)), /*#__PURE__*/React.createElement(Menu, {
-        visible: visible === index,
-        anchor: /*#__PURE__*/React.createElement(CustomButton, {
-          onPress: () => showMenu(index),
-          viewStyle: styles.participantSettings,
-          LeftIcon: /*#__PURE__*/React.createElement(MaterialCommunityIcons, {
-            name: "dots-vertical",
-            style: styles.icon,
-            size: 28
-          })
-        }),
-        onRequestClose: hideMenu,
-        style: styles.participantsMenuContainer
-      }, peer.isLocal === false && (localPeerPermissions === null || localPeerPermissions === void 0 ? void 0 : localPeerPermissions.removeOthers) && /*#__PURE__*/React.createElement(MenuItem, {
-        onPress: () => removePeer(peer)
-      }, /*#__PURE__*/React.createElement(View, {
-        style: styles.participantMenuItem
-      }, /*#__PURE__*/React.createElement(MaterialCommunityIcons, {
-        name: "account-remove-outline",
-        style: [styles.participantMenuItemIcon, styles.error],
-        size: 24
-      }), /*#__PURE__*/React.createElement(Text, {
-        style: [styles.participantMenuItemName, styles.error]
-      }, "Remove Peer"))), peer.isLocal && /*#__PURE__*/React.createElement(MenuItem, {
-        onPress: () => onChangeNamePress(peer)
-      }, /*#__PURE__*/React.createElement(View, {
-        style: styles.participantMenuItem
-      }, /*#__PURE__*/React.createElement(Ionicons, {
-        name: "person-outline",
-        style: styles.participantMenuItemIcon,
-        size: 24
-      }), /*#__PURE__*/React.createElement(Text, {
-        style: styles.participantMenuItemName
-      }, "Change Name"))), (localPeerPermissions === null || localPeerPermissions === void 0 ? void 0 : localPeerPermissions.changeRole) && /*#__PURE__*/React.createElement(MenuItem, {
-        onPress: () => onChangeRolePress(peer)
-      }, /*#__PURE__*/React.createElement(View, {
-        style: styles.participantMenuItem
-      }, /*#__PURE__*/React.createElement(Ionicons, {
-        name: "people-outline",
-        style: styles.participantMenuItemIcon,
-        size: 24
-      }), /*#__PURE__*/React.createElement(Text, {
-        style: styles.participantMenuItemName
-      }, "Change Role"))), peer.isLocal === false && !!peer.audioTrack && (_peer$role2 = peer.role) !== null && _peer$role2 !== void 0 && (_peer$role2 = _peer$role2.publishSettings) !== null && _peer$role2 !== void 0 && (_peer$role2 = _peer$role2.allowed) !== null && _peer$role2 !== void 0 && _peer$role2.includes('audio') ? /*#__PURE__*/React.createElement(MenuItem, {
-        onPress: () => toggleAudio(peer)
-      }, /*#__PURE__*/React.createElement(View, {
-        style: styles.participantMenuItem
-      }, /*#__PURE__*/React.createElement(Feather, {
-        name: ((_peer$audioTrack2 = peer.audioTrack) === null || _peer$audioTrack2 === void 0 ? void 0 : _peer$audioTrack2.isMute()) === false ? 'mic' : 'mic-off',
-        style: styles.participantMenuItemIcon,
-        size: 24
-      }), /*#__PURE__*/React.createElement(Text, {
-        style: styles.participantMenuItemName
-      }, ((_peer$audioTrack3 = peer.audioTrack) === null || _peer$audioTrack3 === void 0 ? void 0 : _peer$audioTrack3.isMute()) === false ? 'Mute audio' : 'Unmute audio'))) : null, peer.isLocal === false && !!peer.videoTrack && (_peer$role3 = peer.role) !== null && _peer$role3 !== void 0 && (_peer$role3 = _peer$role3.publishSettings) !== null && _peer$role3 !== void 0 && (_peer$role3 = _peer$role3.allowed) !== null && _peer$role3 !== void 0 && _peer$role3.includes('video') ? /*#__PURE__*/React.createElement(MenuItem, {
-        onPress: () => toggleVideo(peer)
-      }, /*#__PURE__*/React.createElement(View, {
-        style: styles.participantMenuItem
-      }, /*#__PURE__*/React.createElement(Feather, {
-        name: ((_peer$videoTrack2 = peer.videoTrack) === null || _peer$videoTrack2 === void 0 ? void 0 : _peer$videoTrack2.isMute()) === false ? 'video' : 'video-off',
-        style: styles.participantMenuItemIcon,
-        size: 24
-      }), /*#__PURE__*/React.createElement(Text, {
-        style: styles.participantMenuItemName
-      }, ((_peer$videoTrack3 = peer.videoTrack) === null || _peer$videoTrack3 === void 0 ? void 0 : _peer$videoTrack3.isMute()) === false ? 'Mute video' : 'Unmute video'))) : null));
-    },
-    keyExtractor: item => item.peerID
+    ListFooterComponent: /*#__PURE__*/React.createElement(ParticipantsListFooter, {
+      loading: loading
+    }),
+    stickyHeaderIndices: stickyIndices,
+    keyExtractor: _keyExtractor,
+    renderItem: _renderItem,
+    getItemType: _getItemType,
+    onEndReached: searchTextExists || !peerListIterator ? null : _onEndReached,
+    onEndReachedThreshold: 0.8
   });
 };
 const styles = StyleSheet.create({
-  participantItem: {
-    height: 68,
-    flexDirection: 'row',
-    alignItems: 'center',
-    marginVertical: 4
+  list: {
+    paddingBottom: 32
   },
-  participantAvatar: {
-    height: 32,
-    width: 32,
-    borderRadius: 32,
-    backgroundColor: COLORS.PRIMARY.DEFAULT,
-    marginRight: 16,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  participantAvatarText: {
-    color: COLORS.TEXT.HIGH_EMPHASIS,
-    fontSize: 12,
-    lineHeight: 16,
-    letterSpacing: 0.4,
-    fontFamily: 'Inter-Medium'
-  },
-  participantDescription: {
+  emptyContainer: {
     flex: 1,
-    flexDirection: 'column'
-  },
-  participantName: {
-    color: COLORS.TEXT.HIGH_EMPHASIS,
-    fontSize: 16,
-    lineHeight: 24,
-    letterSpacing: 0.15,
-    fontFamily: 'Inter-Medium',
-    textTransform: 'capitalize'
-  },
-  participantRole: {
-    color: COLORS.TEXT.MEDIUM_EMPHASIS,
-    fontSize: 12,
-    lineHeight: 16,
-    letterSpacing: 0.4,
-    fontFamily: 'Inter-Regular',
-    textTransform: 'capitalize'
-  },
-  participantSettings: {
-    width: 40,
-    height: 40,
-    justifyContent: 'center',
-    alignItems: 'center',
-    borderRadius: 12,
-    marginHorizontal: 6
-  },
-  icon: {
-    color: COLORS.TEXT.HIGH_EMPHASIS
-  },
-  participantsMenuContainer: {
-    backgroundColor: COLORS.SURFACE.LIGHT
-  },
-  participantMenuItem: {
-    flexDirection: 'row',
     alignItems: 'center',
-    paddingLeft: Platform.OS === 'ios' ? 16 : 0
-  },
-  participantMenuItemIcon: {
-    color: COLORS.WHITE,
-    paddingRight: 16,
-    height: 24
+    justifyContent: 'center'
   },
-  participantMenuItemName: {
-    color: COLORS.TEXT.HIGH_EMPHASIS,
+  emptyText: {
     fontSize: 14,
     lineHeight: 20,
-    letterSpacing: 0.1,
-    fontFamily: 'Inter-Medium',
-    textTransform: 'capitalize'
+    letterSpacing: 0.25
+  },
+  headerWrapper: {
+    borderWidth: 1,
+    borderTopLeftRadius: 8,
+    borderTopRightRadius: 8
   },
-  error: {
-    color: COLORS.INDICATORS.ERROR
+  itemWrapper: {
+    borderRightWidth: 1,
+    borderLeftWidth: 1
   }
 });
 //# sourceMappingURL=ParticipantsList.js.map

package/lib/module/components/Participants/ParticipantsList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","FlatList","StyleSheet","Platform","batch","useDispatch","useSelector","Toast","Feather","Ionicons","MaterialCommunityIcons","CustomButton","Menu","MenuItem","getInitials","COLORS","useHMSInstance","useModalType","setPeerToUpdate","ModalTypes","ParticipantsList","_ref","data","hmsInstance","dispatch","localPeerPermissions","state","_state$hmsStates$loca","hmsStates","localPeer","role","permissions","handleModalVisibleType","setModalVisible","visible","setVisible","useState","hideMenu","showMenu","index","removePeer","peer","then","d","console","log","catch","e","showWithGravity","message","LONG","TOP","onChangeNamePress","setTimeout","CHANGE_NAME","onChangeRolePress","CHANGE_ROLE","toggleAudio","audioTrack","_peer$audioTrack","changeTrackState","isMute","toggleVideo","videoTrack","_peer$videoTrack","createElement","initialNumToRender","maxToRenderPerBatch","keyboardShouldPersistTaps","windowSize","renderItem","_ref2","_peer$role","_peer$role2","_peer$audioTrack2","_peer$audioTrack3","_peer$role3","_peer$videoTrack2","_peer$videoTrack3","item","style","styles","participantItem","key","peerID","participantAvatar","participantAvatarText","name","participantDescription","participantName","numberOfLines","participantRole","anchor","onPress","viewStyle","participantSettings","LeftIcon","icon","size","onRequestClose","participantsMenuContainer","isLocal","removeOthers","participantMenuItem","participantMenuItemIcon","error","participantMenuItemName","changeRole","publishSettings","allowed","includes","keyExtractor","create","height","flexDirection","alignItems","marginVertical","width","borderRadius","backgroundColor","PRIMARY","DEFAULT","marginRight","justifyContent","color","TEXT","HIGH_EMPHASIS","fontSize","lineHeight","letterSpacing","fontFamily","flex","textTransform","MEDIUM_EMPHASIS","marginHorizontal","SURFACE","LIGHT","paddingLeft","OS","WHITE","paddingRight","INDICATORS","ERROR"],"sourceRoot":"../../../../src","sources":["components/Participants/ParticipantsList.tsx"],"mappings":"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"}
+{"version":3,"names":["React","StyleSheet","Text","View","FlashList","useHMSInstance","useHMSLayoutConfig","useHMSRoomStyleSheet","ParticipantsItem","ParticipantsGroupHeader","useSelector","ParticipantsListFooter","stickyIndices","ParticipantsList","_ref","searchText","selectedGroupId","onBackPress","mountedRef","useRef","fetchedInitialDataRef","hmsInstance","isOffStageGroup","layoutConfig","_layoutConfig$screens","offStageRoles","screens","conferencing","default","elements","on_stage_exp","off_stage_roles","includes","dataForGroupId","state","hmsStates","groupedParticipants","finalDataForGroupId","useMemo","Array","isArray","Object","values","flat","filter","peer","isHandRaised","headerData","id","label","dataWithHeader","offStageData","setOffStageData","useState","loading","setLoading","peerListIterator","getPeerListIterator","limit","byRoleName","useEffect","mounted","current","next","then","peers","catch","filteredSearchText","trim","toLowerCase","data","item","name","_keyExtractor","useCallback","peerID","_renderItem","createElement","style","hmsRoomStyles","stickyHeader","styles","headerWrapper","expanded","itemWrapper","groupId","_getItemType","_onEndReached","prev","searchTextExists","length","theme","typography","emptyText","color","palette","on_surface_medium","fontFamily","font_family","backgroundColor","surface_dim","borderColor","border_bright","emptyContainer","estimatedItemSize","contentContainerStyle","list","keyboardShouldPersistTaps","ListFooterComponent","stickyHeaderIndices","keyExtractor","renderItem","getItemType","onEndReached","onEndReachedThreshold","create","paddingBottom","flex","alignItems","justifyContent","fontSize","lineHeight","letterSpacing","borderWidth","borderTopLeftRadius","borderTopRightRadius","borderRightWidth","borderLeftWidth"],"sourceRoot":"../../../../src","sources":["components/Participants/ParticipantsList.tsx"],"mappings":"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"}

package/lib/module/components/Participants/ParticipantsListFooter.js

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { ActivityIndicator, StyleSheet, View } from 'react-native';
+import { useHMSRoomColorPalette, useHMSRoomStyleSheet } from '../../hooks-util';
+const _ParticipantsListFooter = _ref => {
+  let {
+    loading
+  } = _ref;
+  const {
+    on_surface_high: onSurfaceHigh
+  } = useHMSRoomColorPalette();
+  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
+    footer: {
+      borderColor: theme.palette.border_bright
+    }
+  }));
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.footer, hmsRoomStyles.footer]
+  }, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+    size: 'small',
+    color: onSurfaceHigh
+  }) : null);
+};
+export const ParticipantsListFooter = /*#__PURE__*/React.memo(_ParticipantsListFooter);
+const styles = StyleSheet.create({
+  footer: {
+    width: '100%',
+    paddingBottom: 16,
+    borderBottomWidth: 1,
+    borderRightWidth: 1,
+    borderLeftWidth: 1,
+    borderBottomRightRadius: 8,
+    borderBottomLeftRadius: 8
+  }
+});
+//# sourceMappingURL=ParticipantsListFooter.js.map

package/lib/module/components/Participants/ParticipantsListFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ActivityIndicator","StyleSheet","View","useHMSRoomColorPalette","useHMSRoomStyleSheet","_ParticipantsListFooter","_ref","loading","on_surface_high","onSurfaceHigh","hmsRoomStyles","theme","footer","borderColor","palette","border_bright","createElement","style","styles","size","color","ParticipantsListFooter","memo","create","width","paddingBottom","borderBottomWidth","borderRightWidth","borderLeftWidth","borderBottomRightRadius","borderBottomLeftRadius"],"sourceRoot":"../../../../src","sources":["components/Participants/ParticipantsListFooter.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,iBAAiB,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAElE,SACEC,sBAAsB,EACtBC,oBAAoB,QACf,kBAAkB;AAMzB,MAAMC,uBAA8D,GAAGC,IAAA,IAEjE;EAAA,IAFkE;IACtEC;EACF,CAAC,GAAAD,IAAA;EACC,MAAM;IAAEE,eAAe,EAAEC;EAAc,CAAC,GAAGN,sBAAsB,CAAC,CAAC;EAEnE,MAAMO,aAAa,GAAGN,oBAAoB,CAAEO,KAAK,KAAM;IACrDC,MAAM,EAAE;MACNC,WAAW,EAAEF,KAAK,CAACG,OAAO,CAACC;IAC7B;EACF,CAAC,CAAC,CAAC;EAEH,oBACEhB,KAAA,CAAAiB,aAAA,CAACd,IAAI;IAACe,KAAK,EAAE,CAACC,MAAM,CAACN,MAAM,EAAEF,aAAa,CAACE,MAAM;EAAE,GAChDL,OAAO,gBACNR,KAAA,CAAAiB,aAAA,CAAChB,iBAAiB;IAACmB,IAAI,EAAE,OAAQ;IAACC,KAAK,EAAEX;EAAc,CAAE,CAAC,GACxD,IACA,CAAC;AAEX,CAAC;AAED,OAAO,MAAMY,sBAAsB,gBAAGtB,KAAK,CAACuB,IAAI,CAACjB,uBAAuB,CAAC;AAEzE,MAAMa,MAAM,GAAGjB,UAAU,CAACsB,MAAM,CAAC;EAC/BX,MAAM,EAAE;IACNY,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE,EAAE;IACjBC,iBAAiB,EAAE,CAAC;IACpBC,gBAAgB,EAAE,CAAC;IACnBC,eAAe,EAAE,CAAC;IAClBC,uBAAuB,EAAE,CAAC;IAC1BC,sBAAsB,EAAE;EAC1B;AACF,CAAC,CAAC"}

package/lib/module/components/Participants/ParticipantsSeachInput.js

@@ -1,45 +1,52 @@
 import * as React from 'react';
-import { View, StyleSheet } from 'react-native';
-import Ionicons from 'react-native-vector-icons/Ionicons';
-import { CustomInput } from '../CustomInput';
-import { COLORS } from '../../utils/theme';
+import { StyleSheet, Platform } from 'react-native';
+import { useHMSRoomColorPalette, useHMSRoomStyle } from '../../hooks-util';
+import { SearchIcon } from '../../Icons';
+import { HMSTextInput } from '../HMSTextInput';
 export const ParticipantsSearchInput = _ref => {
   let {
     searchText,
     setSearchText
   } = _ref;
-  return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(CustomInput, {
+  const {
+    on_surface_medium: onSurfaceMediumColor
+  } = useHMSRoomColorPalette();
+  const textInputStyle = useHMSRoomStyle(theme => ({
+    backgroundColor: theme.palette.surface_default,
+    borderColor: theme.palette.surface_default
+  }));
+  return /*#__PURE__*/React.createElement(HMSTextInput, {
     value: searchText,
     onChangeText: setSearchText,
-    inputStyle: styles.participantsSearchInput,
-    placeholderTextColor: COLORS.TEXT.DISABLED,
-    placeholder: "Find what you're looking for"
-  }), /*#__PURE__*/React.createElement(Ionicons, {
-    name: "search",
-    style: styles.participantsSearchInputIcon,
-    size: 24
-  }));
+    placeholder: "Search for participants",
+    style: styles.input,
+    containerStyle: [styles.textInputContainer, textInputStyle],
+    focusedContainerStyle: [styles.focusedTextInputContainer, textInputStyle],
+    placeholderTextColor: onSurfaceMediumColor,
+    leftIcon: /*#__PURE__*/React.createElement(SearchIcon, {
+      style: styles.searchIcon
+    })
+  });
 };
 const styles = StyleSheet.create({
-  participantsSearchInput: {
-    backgroundColor: COLORS.SURFACE.DEFAULT,
-    borderColor: COLORS.BORDER.LIGHT,
+  focusedTextInputContainer: {
+    borderWidth: 1
+  },
+  textInputContainer: {
     borderWidth: 1,
-    width: '100%',
-    borderRadius: 8,
-    paddingVertical: 12,
-    paddingLeft: 48,
-    color: COLORS.TEXT.HIGH_EMPHASIS,
-    fontFamily: 'Inter-Medium'
+    flex: 0,
+    height: 40,
+    paddingLeft: 8,
+    paddingRight: 8
+  },
+  input: {
+    fontSize: 14,
+    lineHeight: Platform.OS === 'android' ? 20 : undefined,
+    letterSpacing: 0.25
   },
-  participantsSearchInputIcon: {
-    position: 'absolute',
-    top: 12,
-    bottom: 12,
-    left: 16,
-    right: 16,
-    color: COLORS.TEXT.MEDIUM_EMPHASIS,
-    width: 24
+  searchIcon: {
+    marginRight: 8,
+    alignSelf: 'center'
   }
 });
 //# sourceMappingURL=ParticipantsSeachInput.js.map

package/lib/module/components/Participants/ParticipantsSeachInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","StyleSheet","Ionicons","CustomInput","COLORS","ParticipantsSearchInput","_ref","searchText","setSearchText","createElement","value","onChangeText","inputStyle","styles","participantsSearchInput","placeholderTextColor","TEXT","DISABLED","placeholder","name","style","participantsSearchInputIcon","size","create","backgroundColor","SURFACE","DEFAULT","borderColor","BORDER","LIGHT","borderWidth","width","borderRadius","paddingVertical","paddingLeft","color","HIGH_EMPHASIS","fontFamily","position","top","bottom","left","right","MEDIUM_EMPHASIS"],"sourceRoot":"../../../../src","sources":["components/Participants/ParticipantsSeachInput.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,OAAOC,QAAQ,MAAM,oCAAoC;AAEzD,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,SAASC,MAAM,QAAQ,mBAAmB;AAO1C,OAAO,MAAMC,uBAEZ,GAAGC,IAAA,IAAmC;EAAA,IAAlC;IAAEC,UAAU;IAAEC;EAAc,CAAC,GAAAF,IAAA;EAChC,oBACEP,KAAA,CAAAU,aAAA,CAACT,IAAI,qBACHD,KAAA,CAAAU,aAAA,CAACN,WAAW;IACVO,KAAK,EAAEH,UAAW;IAClBI,YAAY,EAAEH,aAAc;IAC5BI,UAAU,EAAEC,MAAM,CAACC,uBAAwB;IAC3CC,oBAAoB,EAAEX,MAAM,CAACY,IAAI,CAACC,QAAS;IAC3CC,WAAW,EAAC;EAA8B,CAC3C,CAAC,eACFnB,KAAA,CAAAU,aAAA,CAACP,QAAQ;IACPiB,IAAI,EAAC,QAAQ;IACbC,KAAK,EAAEP,MAAM,CAACQ,2BAA4B;IAC1CC,IAAI,EAAE;EAAG,CACV,CACG,CAAC;AAEX,CAAC;AAED,MAAMT,MAAM,GAAGZ,UAAU,CAACsB,MAAM,CAAC;EAC/BT,uBAAuB,EAAE;IACvBU,eAAe,EAAEpB,MAAM,CAACqB,OAAO,CAACC,OAAO;IACvCC,WAAW,EAAEvB,MAAM,CAACwB,MAAM,CAACC,KAAK;IAChCC,WAAW,EAAE,CAAC;IACdC,KAAK,EAAE,MAAM;IACbC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE,EAAE;IACnBC,WAAW,EAAE,EAAE;IACfC,KAAK,EAAE/B,MAAM,CAACY,IAAI,CAACoB,aAAa;IAChCC,UAAU,EAAE;EACd,CAAC;EACDhB,2BAA2B,EAAE;IAC3BiB,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,EAAE;IACPC,MAAM,EAAE,EAAE;IACVC,IAAI,EAAE,EAAE;IACRC,KAAK,EAAE,EAAE;IACTP,KAAK,EAAE/B,MAAM,CAACY,IAAI,CAAC2B,eAAe;IAClCZ,KAAK,EAAE;EACT;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","StyleSheet","Platform","useHMSRoomColorPalette","useHMSRoomStyle","SearchIcon","HMSTextInput","ParticipantsSearchInput","_ref","searchText","setSearchText","on_surface_medium","onSurfaceMediumColor","textInputStyle","theme","backgroundColor","palette","surface_default","borderColor","createElement","value","onChangeText","placeholder","style","styles","input","containerStyle","textInputContainer","focusedContainerStyle","focusedTextInputContainer","placeholderTextColor","leftIcon","searchIcon","create","borderWidth","flex","height","paddingLeft","paddingRight","fontSize","lineHeight","OS","undefined","letterSpacing","marginRight","alignSelf"],"sourceRoot":"../../../../src","sources":["components/Participants/ParticipantsSeachInput.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,QAAQ,QAAQ,cAAc;AAEnD,SAASC,sBAAsB,EAAEC,eAAe,QAAQ,kBAAkB;AAC1E,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,YAAY,QAAQ,iBAAiB;AAO9C,OAAO,MAAMC,uBAEZ,GAAGC,IAAA,IAAmC;EAAA,IAAlC;IAAEC,UAAU;IAAEC;EAAc,CAAC,GAAAF,IAAA;EAChC,MAAM;IAAEG,iBAAiB,EAAEC;EAAqB,CAAC,GAAGT,sBAAsB,CAAC,CAAC;EAE5E,MAAMU,cAAc,GAAGT,eAAe,CAAEU,KAAK,KAAM;IACjDC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACC,eAAe;IAC9CC,WAAW,EAAEJ,KAAK,CAACE,OAAO,CAACC;EAC7B,CAAC,CAAC,CAAC;EAEH,oBACEjB,KAAA,CAAAmB,aAAA,CAACb,YAAY;IACXc,KAAK,EAAEX,UAAW;IAClBY,YAAY,EAAEX,aAAc;IAC5BY,WAAW,EAAC,yBAAyB;IACrCC,KAAK,EAAEC,MAAM,CAACC,KAAM;IACpBC,cAAc,EAAE,CAACF,MAAM,CAACG,kBAAkB,EAAEd,cAAc,CAAE;IAC5De,qBAAqB,EAAE,CAACJ,MAAM,CAACK,yBAAyB,EAAEhB,cAAc,CAAE;IAC1EiB,oBAAoB,EAAElB,oBAAqB;IAC3CmB,QAAQ,eAAE/B,KAAA,CAAAmB,aAAA,CAACd,UAAU;MAACkB,KAAK,EAAEC,MAAM,CAACQ;IAAW,CAAE;EAAE,CACpD,CAAC;AAEN,CAAC;AAED,MAAMR,MAAM,GAAGvB,UAAU,CAACgC,MAAM,CAAC;EAC/BJ,yBAAyB,EAAE;IACzBK,WAAW,EAAE;EACf,CAAC;EACDP,kBAAkB,EAAE;IAClBO,WAAW,EAAE,CAAC;IACdC,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE;EAChB,CAAC;EACDb,KAAK,EAAE;IACLc,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAEtC,QAAQ,CAACuC,EAAE,KAAK,SAAS,GAAG,EAAE,GAAGC,SAAS;IACtDC,aAAa,EAAE;EACjB,CAAC;EACDX,UAAU,EAAE;IACVY,WAAW,EAAE,CAAC;IACdC,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}

package/lib/module/components/Participants/index.js

@@ -1,6 +1,4 @@
-export * from './ParticipantsFilter';
-export * from './ParticipantsHeader';
 export * from './ParticipantsList';
 export * from './ParticipantsSeachInput';
-export * from './SearchableParticipantsView';
+export * from './MultiRoleParticipantsList';
 //# sourceMappingURL=index.js.map

package/lib/module/components/Participants/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Participants/index.ts"],"mappings":"AAAA,cAAc,sBAAsB;AACpC,cAAc,sBAAsB;AACpC,cAAc,oBAAoB;AAClC,cAAc,0BAA0B;AACxC,cAAc,8BAA8B"}
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Participants/index.ts"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,0BAA0B;AACxC,cAAc,6BAA6B"}

package/lib/module/components/PeerMinimizedView.js

@@ -9,7 +9,7 @@ export const usePeerMinimizedViewDimensions = () => {
   const canPublishAudio = useCanPublishAudio();
   const canPublishVideo = useCanPublishVideo();
   const iconTakesSpace = 20 + 6; // Width + Right Margin
-  const totalWidth = 148;
+  const totalWidth = 128;
   const widthLessIconsWidth = totalWidth - 2 * iconTakesSpace;
   return {
     width: widthLessIconsWidth + (canPublishAudio ? iconTakesSpace : 0) + (canPublishVideo ? iconTakesSpace : 0),