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

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

@@ -1,245 +1,62 @@
 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 { useHMSRoomStyle } from '../../hooks-util';
+import { ParticipantsItem } from './ParticipantsItem';
+import { ParticipantsGroupHeader } from './ParticipantsGroupHeader';
 export const ParticipantsList = _ref => {
   let {
-    data
+    data,
+    searchTextExists,
+    setExpandedGroups
   } = _ref;
-  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;
-  });
-  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);
-    });
-  };
-  const onChangeNamePress = peer => {
-    hideMenu();
-    setTimeout(() => {
-      batch(() => {
-        dispatch(setPeerToUpdate(peer));
-        setModalVisible(ModalTypes.CHANGE_NAME, true);
-      });
-    }, 500);
-  };
-  const onChangeRolePress = peer => {
-    hideMenu();
-    setTimeout(() => {
-      batch(() => {
-        dispatch(setPeerToUpdate(peer));
-        setModalVisible(ModalTypes.CHANGE_ROLE, true);
+  const emptyTextStyles = useHMSRoomStyle((theme, typography) => ({
+    color: theme.palette.on_surface_medium,
+    fontFamily: `${typography.font_family}-SemiBold`
+  }));
+  const _keyExtractor = React.useCallback(item => item.key, []);
+  const _renderItem = React.useCallback(data => {
+    if ('label' in data.item.data) {
+      return /*#__PURE__*/React.createElement(ParticipantsGroupHeader, {
+        data: data.item,
+        setExpandedGroups: setExpandedGroups
       });
-    }, 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));
-    }
-  };
-  return /*#__PURE__*/React.createElement(FlatList, {
+    return /*#__PURE__*/React.createElement(ParticipantsItem, {
+      data: data.item
+    });
+  }, [setExpandedGroups]);
+  const _getItemType = React.useCallback(item => item.type, []);
+  if (searchTextExists && data.length <= 0) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.emptyContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [styles.emptyText, emptyTextStyles]
+    }, "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
+    keyExtractor: _keyExtractor,
+    renderItem: _renderItem,
+    getItemType: _getItemType
   });
 };
 const styles = StyleSheet.create({
-  participantItem: {
-    height: 68,
-    flexDirection: 'row',
-    alignItems: 'center',
-    marginVertical: 4
-  },
-  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'
+  list: {
+    paddingBottom: 32
   },
-  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'
-  },
-  error: {
-    color: COLORS.INDICATORS.ERROR
+    letterSpacing: 0.25
   }
 });
 //# 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","useHMSRoomStyle","ParticipantsItem","ParticipantsGroupHeader","ParticipantsList","_ref","data","searchTextExists","setExpandedGroups","emptyTextStyles","theme","typography","color","palette","on_surface_medium","fontFamily","font_family","_keyExtractor","useCallback","item","key","_renderItem","createElement","_getItemType","type","length","style","styles","emptyContainer","emptyText","estimatedItemSize","contentContainerStyle","list","keyboardShouldPersistTaps","keyExtractor","renderItem","getItemType","create","paddingBottom","flex","alignItems","justifyContent","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../../src","sources":["components/Participants/ParticipantsList.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,SAAS,QAAQ,qBAAqB;AAG/C,SAASC,eAAe,QAAQ,kBAAkB;AAMlD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,uBAAuB,QAAQ,2BAA2B;AAQnE,OAAO,MAAMC,gBAAiD,GAAGC,IAAA,IAI3D;EAAA,IAJ4D;IAChEC,IAAI;IACJC,gBAAgB;IAChBC;EACF,CAAC,GAAAH,IAAA;EACC,MAAMI,eAAe,GAAGR,eAAe,CAAC,CAACS,KAAK,EAAEC,UAAU,MAAM;IAC9DC,KAAK,EAAEF,KAAK,CAACG,OAAO,CAACC,iBAAiB;IACtCC,UAAU,EAAG,GAAEJ,UAAU,CAACK,WAAY;EACxC,CAAC,CAAC,CAAC;EAEH,MAAMC,aAAa,GAAGrB,KAAK,CAACsB,WAAW,CAAEC,IAAgB,IAAKA,IAAI,CAACC,GAAG,EAAE,EAAE,CAAC;EAE3E,MAAMC,WAAW,GAAGzB,KAAK,CAACsB,WAAW,CAClCZ,IAA0B,IAAK;IAC9B,IAAI,OAAO,IAAIA,IAAI,CAACa,IAAI,CAACb,IAAI,EAAE;MAC7B,oBACEV,KAAA,CAAA0B,aAAA,CAACnB,uBAAuB;QACtBG,IAAI,EACFA,IAAI,CAACa,IAGN;QACDX,iBAAiB,EAAEA;MAAkB,CACtC,CAAC;IAEN;IAEA,oBACEZ,KAAA,CAAA0B,aAAA,CAACpB,gBAAgB;MACfI,IAAI,EAAEA,IAAI,CAACa;IAAiD,CAC7D,CAAC;EAEN,CAAC,EACD,CAACX,iBAAiB,CACpB,CAAC;EAED,MAAMe,YAAY,GAAG3B,KAAK,CAACsB,WAAW,CAAEC,IAAgB,IAAKA,IAAI,CAACK,IAAI,EAAE,EAAE,CAAC;EAE3E,IAAIjB,gBAAgB,IAAID,IAAI,CAACmB,MAAM,IAAI,CAAC,EAAE;IACxC,oBACE7B,KAAA,CAAA0B,aAAA,CAACvB,IAAI;MAAC2B,KAAK,EAAEC,MAAM,CAACC;IAAe,gBACjChC,KAAA,CAAA0B,aAAA,CAACxB,IAAI;MAAC4B,KAAK,EAAE,CAACC,MAAM,CAACE,SAAS,EAAEpB,eAAe;IAAE,GAAC,qBAE5C,CACF,CAAC;EAEX;EAEA,oBACEb,KAAA,CAAA0B,aAAA,CAACtB,SAAS;IACRM,IAAI,EAAEA,IAAK;IACXwB,iBAAiB,EAAE,EAAG;IACtBC,qBAAqB,EAAEJ,MAAM,CAACK,IAAK;IACnCC,yBAAyB,EAAC,QAAQ;IAClCC,YAAY,EAAEjB,aAAc;IAC5BkB,UAAU,EAAEd,WAAY;IACxBe,WAAW,EAAEb;EAAa,CAC3B,CAAC;AAEN,CAAC;AAED,MAAMI,MAAM,GAAG9B,UAAU,CAACwC,MAAM,CAAC;EAC/BL,IAAI,EAAE;IACJM,aAAa,EAAE;EACjB,CAAC;EACDV,cAAc,EAAE;IACdW,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDZ,SAAS,EAAE;IACTa,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB;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_low: onSurfaceLowColor
+  } = 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: onSurfaceLowColor,
+    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_low","onSurfaceLowColor","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,cAAc,EAAEC;EAAkB,CAAC,GAAGT,sBAAsB,CAAC,CAAC;EAEtE,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,iBAAkB;IACxCmB,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,3 @@
-export * from './ParticipantsFilter';
-export * from './ParticipantsHeader';
 export * from './ParticipantsList';
 export * from './ParticipantsSeachInput';
-export * from './SearchableParticipantsView';
 //# 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"}

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),