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

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

@@ -6,250 +6,201 @@ Object.defineProperty(exports, "__esModule", {
 exports.ParticipantsList = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _reactRedux = require("react-redux");
-var _reactNativeSimpleToast = _interopRequireDefault(require("react-native-simple-toast"));
-var _Feather = _interopRequireDefault(require("react-native-vector-icons/Feather"));
-var _Ionicons = _interopRequireDefault(require("react-native-vector-icons/Ionicons"));
-var _MaterialCommunityIcons = _interopRequireDefault(require("react-native-vector-icons/MaterialCommunityIcons"));
-var _CustomButton = require("../CustomButton");
-var _MenuModal = require("../MenuModal");
-var _functions = require("../../utils/functions");
-var _theme = require("../../utils/theme");
+var _flashList = require("@shopify/flash-list");
 var _hooksUtil = require("../../hooks-util");
-var _actions = require("../../redux/actions");
-var _types = require("../../utils/types");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _ParticipantsItem = require("./ParticipantsItem");
+var _ParticipantsGroupHeader = require("./ParticipantsGroupHeader");
+var _reactRedux = require("react-redux");
+var _ParticipantsListFooter = require("./ParticipantsListFooter");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const stickyIndices = [0];
 const ParticipantsList = _ref => {
   let {
-    data
+    searchText,
+    selectedGroupId,
+    onBackPress
   } = _ref;
+  const mountedRef = React.useRef(true);
+  const fetchedInitialDataRef = React.useRef(false);
   const hmsInstance = (0, _hooksUtil.useHMSInstance)();
-  const dispatch = (0, _reactRedux.useDispatch)();
-  const localPeerPermissions = (0, _reactRedux.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 = (0, _hooksUtil.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
-  } = (0, _hooksUtil.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);
-      _reactNativeSimpleToast.default.showWithGravity(e.message, _reactNativeSimpleToast.default.LONG, _reactNativeSimpleToast.default.TOP);
+
+  // Getting initial data for the selected group Id
+  const dataForGroupId = (0, _reactRedux.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(() => {
-      (0, _reactRedux.batch)(() => {
-        dispatch((0, _actions.setPeerToUpdate)(peer));
-        setModalVisible(_types.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(() => {
-      (0, _reactRedux.batch)(() => {
-        dispatch((0, _actions.setPeerToUpdate)(peer));
-        setModalVisible(_types.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(_reactNative.View, {
+        style: hmsRoomStyles.stickyHeader
+      }, /*#__PURE__*/React.createElement(_reactNative.View, {
+        style: [styles.headerWrapper, hmsRoomStyles.stickyHeader]
+      }, /*#__PURE__*/React.createElement(_ParticipantsGroupHeader.ParticipantsGroupHeader, {
+        id: data.item.id,
+        label: data.item.label,
+        expanded: true,
+        onBackPress: onBackPress
+      })));
+    }
+    return /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: [styles.itemWrapper, hmsRoomStyles.item]
+    }, /*#__PURE__*/React.createElement(_ParticipantsItem.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 = (0, _hooksUtil.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(_reactNative.FlatList, {
+  }));
+  if (!data || searchTextExists && data.length <= 1) {
+    return /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: styles.emptyContainer
+    }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+      style: [styles.emptyText, hmsRoomStyles.emptyText]
+    }, "No results found..."));
+  }
+  return /*#__PURE__*/React.createElement(_flashList.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(_reactNative.View, {
-        style: styles.participantItem,
-        key: peer.peerID
-      }, /*#__PURE__*/React.createElement(_reactNative.View, {
-        style: styles.participantAvatar
-      }, /*#__PURE__*/React.createElement(_reactNative.Text, {
-        style: styles.participantAvatarText
-      }, (0, _functions.getInitials)(peer.name))), /*#__PURE__*/React.createElement(_reactNative.View, {
-        style: styles.participantDescription
-      }, /*#__PURE__*/React.createElement(_reactNative.Text, {
-        style: styles.participantName,
-        numberOfLines: 1
-      }, peer.name), /*#__PURE__*/React.createElement(_reactNative.Text, {
-        style: styles.participantRole,
-        numberOfLines: 1
-      }, (_peer$role = peer.role) === null || _peer$role === void 0 ? void 0 : _peer$role.name)), /*#__PURE__*/React.createElement(_MenuModal.Menu, {
-        visible: visible === index,
-        anchor: /*#__PURE__*/React.createElement(_CustomButton.CustomButton, {
-          onPress: () => showMenu(index),
-          viewStyle: styles.participantSettings,
-          LeftIcon: /*#__PURE__*/React.createElement(_MaterialCommunityIcons.default, {
-            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(_MenuModal.MenuItem, {
-        onPress: () => removePeer(peer)
-      }, /*#__PURE__*/React.createElement(_reactNative.View, {
-        style: styles.participantMenuItem
-      }, /*#__PURE__*/React.createElement(_MaterialCommunityIcons.default, {
-        name: "account-remove-outline",
-        style: [styles.participantMenuItemIcon, styles.error],
-        size: 24
-      }), /*#__PURE__*/React.createElement(_reactNative.Text, {
-        style: [styles.participantMenuItemName, styles.error]
-      }, "Remove Peer"))), peer.isLocal && /*#__PURE__*/React.createElement(_MenuModal.MenuItem, {
-        onPress: () => onChangeNamePress(peer)
-      }, /*#__PURE__*/React.createElement(_reactNative.View, {
-        style: styles.participantMenuItem
-      }, /*#__PURE__*/React.createElement(_Ionicons.default, {
-        name: "person-outline",
-        style: styles.participantMenuItemIcon,
-        size: 24
-      }), /*#__PURE__*/React.createElement(_reactNative.Text, {
-        style: styles.participantMenuItemName
-      }, "Change Name"))), (localPeerPermissions === null || localPeerPermissions === void 0 ? void 0 : localPeerPermissions.changeRole) && /*#__PURE__*/React.createElement(_MenuModal.MenuItem, {
-        onPress: () => onChangeRolePress(peer)
-      }, /*#__PURE__*/React.createElement(_reactNative.View, {
-        style: styles.participantMenuItem
-      }, /*#__PURE__*/React.createElement(_Ionicons.default, {
-        name: "people-outline",
-        style: styles.participantMenuItemIcon,
-        size: 24
-      }), /*#__PURE__*/React.createElement(_reactNative.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(_MenuModal.MenuItem, {
-        onPress: () => toggleAudio(peer)
-      }, /*#__PURE__*/React.createElement(_reactNative.View, {
-        style: styles.participantMenuItem
-      }, /*#__PURE__*/React.createElement(_Feather.default, {
-        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(_reactNative.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(_MenuModal.MenuItem, {
-        onPress: () => toggleVideo(peer)
-      }, /*#__PURE__*/React.createElement(_reactNative.View, {
-        style: styles.participantMenuItem
-      }, /*#__PURE__*/React.createElement(_Feather.default, {
-        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(_reactNative.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.ParticipantsListFooter, {
+      loading: loading
+    }),
+    stickyHeaderIndices: stickyIndices,
+    keyExtractor: _keyExtractor,
+    renderItem: _renderItem,
+    getItemType: _getItemType,
+    onEndReached: searchTextExists || !peerListIterator ? null : _onEndReached,
+    onEndReachedThreshold: 0.8
   });
 };
 exports.ParticipantsList = ParticipantsList;
 const styles = _reactNative.StyleSheet.create({
-  participantItem: {
-    height: 68,
-    flexDirection: 'row',
-    alignItems: 'center',
-    marginVertical: 4
-  },
-  participantAvatar: {
-    height: 32,
-    width: 32,
-    borderRadius: 32,
-    backgroundColor: _theme.COLORS.PRIMARY.DEFAULT,
-    marginRight: 16,
-    alignItems: 'center',
-    justifyContent: 'center'
+  list: {
+    paddingBottom: 32
   },
-  participantAvatarText: {
-    color: _theme.COLORS.TEXT.HIGH_EMPHASIS,
-    fontSize: 12,
-    lineHeight: 16,
-    letterSpacing: 0.4,
-    fontFamily: 'Inter-Medium'
-  },
-  participantDescription: {
+  emptyContainer: {
     flex: 1,
-    flexDirection: 'column'
-  },
-  participantName: {
-    color: _theme.COLORS.TEXT.HIGH_EMPHASIS,
-    fontSize: 16,
-    lineHeight: 24,
-    letterSpacing: 0.15,
-    fontFamily: 'Inter-Medium',
-    textTransform: 'capitalize'
-  },
-  participantRole: {
-    color: _theme.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: _theme.COLORS.TEXT.HIGH_EMPHASIS
-  },
-  participantsMenuContainer: {
-    backgroundColor: _theme.COLORS.SURFACE.LIGHT
-  },
-  participantMenuItem: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    paddingLeft: _reactNative.Platform.OS === 'ios' ? 16 : 0
-  },
-  participantMenuItemIcon: {
-    color: _theme.COLORS.WHITE,
-    paddingRight: 16,
-    height: 24
+    justifyContent: 'center'
   },
-  participantMenuItemName: {
-    color: _theme.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: _theme.COLORS.INDICATORS.ERROR
+  itemWrapper: {
+    borderRightWidth: 1,
+    borderLeftWidth: 1
   }
 });
 //# sourceMappingURL=ParticipantsList.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_reactNativeSimpleToast","_interopRequireDefault","_Feather","_Ionicons","_MaterialCommunityIcons","_CustomButton","_MenuModal","_functions","_theme","_hooksUtil","_actions","_types","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ParticipantsList","_ref","data","hmsInstance","useHMSInstance","dispatch","useDispatch","localPeerPermissions","useSelector","state","_state$hmsStates$loca","hmsStates","localPeer","role","permissions","handleModalVisibleType","setModalVisible","useModalType","visible","setVisible","useState","hideMenu","showMenu","index","removePeer","peer","then","d","console","log","catch","e","Toast","showWithGravity","message","LONG","TOP","onChangeNamePress","setTimeout","batch","setPeerToUpdate","ModalTypes","CHANGE_NAME","onChangeRolePress","CHANGE_ROLE","toggleAudio","audioTrack","_peer$audioTrack","changeTrackState","isMute","toggleVideo","videoTrack","_peer$videoTrack","createElement","FlatList","initialNumToRender","maxToRenderPerBatch","keyboardShouldPersistTaps","windowSize","renderItem","_ref2","_peer$role","_peer$role2","_peer$audioTrack2","_peer$audioTrack3","_peer$role3","_peer$videoTrack2","_peer$videoTrack3","item","View","style","styles","participantItem","peerID","participantAvatar","Text","participantAvatarText","getInitials","name","participantDescription","participantName","numberOfLines","participantRole","Menu","anchor","CustomButton","onPress","viewStyle","participantSettings","LeftIcon","icon","size","onRequestClose","participantsMenuContainer","isLocal","removeOthers","MenuItem","participantMenuItem","participantMenuItemIcon","error","participantMenuItemName","changeRole","publishSettings","allowed","includes","keyExtractor","exports","StyleSheet","create","height","flexDirection","alignItems","marginVertical","width","borderRadius","backgroundColor","COLORS","PRIMARY","DEFAULT","marginRight","justifyContent","color","TEXT","HIGH_EMPHASIS","fontSize","lineHeight","letterSpacing","fontFamily","flex","textTransform","MEDIUM_EMPHASIS","marginHorizontal","SURFACE","LIGHT","paddingLeft","Platform","OS","WHITE","paddingRight","INDICATORS","ERROR"],"sourceRoot":"../../../../src","sources":["components/Participants/ParticipantsList.tsx"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_flashList","_hooksUtil","_ParticipantsItem","_ParticipantsGroupHeader","_reactRedux","_ParticipantsListFooter","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","stickyIndices","ParticipantsList","_ref","searchText","selectedGroupId","onBackPress","mountedRef","useRef","fetchedInitialDataRef","hmsInstance","useHMSInstance","isOffStageGroup","useHMSLayoutConfig","layoutConfig","_layoutConfig$screens","offStageRoles","screens","conferencing","elements","on_stage_exp","off_stage_roles","includes","dataForGroupId","useSelector","state","hmsStates","groupedParticipants","finalDataForGroupId","useMemo","Array","isArray","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","View","style","hmsRoomStyles","stickyHeader","styles","headerWrapper","ParticipantsGroupHeader","expanded","itemWrapper","ParticipantsItem","groupId","_getItemType","_onEndReached","prev","searchTextExists","length","useHMSRoomStyleSheet","theme","typography","emptyText","color","palette","on_surface_medium","fontFamily","font_family","backgroundColor","surface_dim","borderColor","border_bright","emptyContainer","Text","FlashList","estimatedItemSize","contentContainerStyle","list","keyboardShouldPersistTaps","ListFooterComponent","ParticipantsListFooter","stickyHeaderIndices","keyExtractor","renderItem","getItemType","onEndReached","onEndReachedThreshold","exports","StyleSheet","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/commonjs/components/Participants/ParticipantsListFooter.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ParticipantsListFooter = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _hooksUtil = require("../../hooks-util");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const _ParticipantsListFooter = _ref => {
+  let {
+    loading
+  } = _ref;
+  const {
+    on_surface_high: onSurfaceHigh
+  } = (0, _hooksUtil.useHMSRoomColorPalette)();
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)(theme => ({
+    footer: {
+      borderColor: theme.palette.border_bright
+    }
+  }));
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.footer, hmsRoomStyles.footer]
+  }, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
+    size: 'small',
+    color: onSurfaceHigh
+  }) : null);
+};
+const ParticipantsListFooter = exports.ParticipantsListFooter = /*#__PURE__*/React.memo(_ParticipantsListFooter);
+const styles = _reactNative.StyleSheet.create({
+  footer: {
+    width: '100%',
+    paddingBottom: 16,
+    borderBottomWidth: 1,
+    borderRightWidth: 1,
+    borderLeftWidth: 1,
+    borderBottomRightRadius: 8,
+    borderBottomLeftRadius: 8
+  }
+});
+//# sourceMappingURL=ParticipantsListFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_hooksUtil","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_ParticipantsListFooter","_ref","loading","on_surface_high","onSurfaceHigh","useHMSRoomColorPalette","hmsRoomStyles","useHMSRoomStyleSheet","theme","footer","borderColor","palette","border_bright","createElement","View","style","styles","ActivityIndicator","size","color","ParticipantsListFooter","exports","memo","StyleSheet","create","width","paddingBottom","borderBottomWidth","borderRightWidth","borderLeftWidth","borderBottomRightRadius","borderBottomLeftRadius"],"sourceRoot":"../../../../src","sources":["components/Participants/ParticipantsListFooter.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AAG0B,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAM1B,MAAMY,uBAA8D,GAAGC,IAAA,IAEjE;EAAA,IAFkE;IACtEC;EACF,CAAC,GAAAD,IAAA;EACC,MAAM;IAAEE,eAAe,EAAEC;EAAc,CAAC,GAAG,IAAAC,iCAAsB,EAAC,CAAC;EAEnE,MAAMC,aAAa,GAAG,IAAAC,+BAAoB,EAAEC,KAAK,KAAM;IACrDC,MAAM,EAAE;MACNC,WAAW,EAAEF,KAAK,CAACG,OAAO,CAACC;IAC7B;EACF,CAAC,CAAC,CAAC;EAEH,oBACEtC,KAAA,CAAAuC,aAAA,CAACpC,YAAA,CAAAqC,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACP,MAAM,EAAEH,aAAa,CAACG,MAAM;EAAE,GAChDP,OAAO,gBACN5B,KAAA,CAAAuC,aAAA,CAACpC,YAAA,CAAAwC,iBAAiB;IAACC,IAAI,EAAE,OAAQ;IAACC,KAAK,EAAEf;EAAc,CAAE,CAAC,GACxD,IACA,CAAC;AAEX,CAAC;AAEM,MAAMgB,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,gBAAG9C,KAAK,CAACgD,IAAI,CAACtB,uBAAuB,CAAC;AAEzE,MAAMgB,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC/Bf,MAAM,EAAE;IACNgB,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/commonjs/components/Participants/ParticipantsSeachInput.js

@@ -6,50 +6,56 @@ Object.defineProperty(exports, "__esModule", {
 exports.ParticipantsSearchInput = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _Ionicons = _interopRequireDefault(require("react-native-vector-icons/Ionicons"));
-var _CustomInput = require("../CustomInput");
-var _theme = require("../../utils/theme");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _hooksUtil = require("../../hooks-util");
+var _Icons = require("../../Icons");
+var _HMSTextInput = require("../HMSTextInput");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const ParticipantsSearchInput = _ref => {
   let {
     searchText,
     setSearchText
   } = _ref;
-  return /*#__PURE__*/React.createElement(_reactNative.View, null, /*#__PURE__*/React.createElement(_CustomInput.CustomInput, {
+  const {
+    on_surface_medium: onSurfaceMediumColor
+  } = (0, _hooksUtil.useHMSRoomColorPalette)();
+  const textInputStyle = (0, _hooksUtil.useHMSRoomStyle)(theme => ({
+    backgroundColor: theme.palette.surface_default,
+    borderColor: theme.palette.surface_default
+  }));
+  return /*#__PURE__*/React.createElement(_HMSTextInput.HMSTextInput, {
     value: searchText,
     onChangeText: setSearchText,
-    inputStyle: styles.participantsSearchInput,
-    placeholderTextColor: _theme.COLORS.TEXT.DISABLED,
-    placeholder: "Find what you're looking for"
-  }), /*#__PURE__*/React.createElement(_Ionicons.default, {
-    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(_Icons.SearchIcon, {
+      style: styles.searchIcon
+    })
+  });
 };
 exports.ParticipantsSearchInput = ParticipantsSearchInput;
 const styles = _reactNative.StyleSheet.create({
-  participantsSearchInput: {
-    backgroundColor: _theme.COLORS.SURFACE.DEFAULT,
-    borderColor: _theme.COLORS.BORDER.LIGHT,
+  focusedTextInputContainer: {
+    borderWidth: 1
+  },
+  textInputContainer: {
     borderWidth: 1,
-    width: '100%',
-    borderRadius: 8,
-    paddingVertical: 12,
-    paddingLeft: 48,
-    color: _theme.COLORS.TEXT.HIGH_EMPHASIS,
-    fontFamily: 'Inter-Medium'
+    flex: 0,
+    height: 40,
+    paddingLeft: 8,
+    paddingRight: 8
+  },
+  input: {
+    fontSize: 14,
+    lineHeight: _reactNative.Platform.OS === 'android' ? 20 : undefined,
+    letterSpacing: 0.25
   },
-  participantsSearchInputIcon: {
-    position: 'absolute',
-    top: 12,
-    bottom: 12,
-    left: 16,
-    right: 16,
-    color: _theme.COLORS.TEXT.MEDIUM_EMPHASIS,
-    width: 24
+  searchIcon: {
+    marginRight: 8,
+    alignSelf: 'center'
   }
 });
 //# sourceMappingURL=ParticipantsSeachInput.js.map