@100mslive/react-native-room-kit 0.0.1

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

@@ -0,0 +1,264 @@
+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';
+export const ParticipantsList = _ref => {
+  let {
+    data
+  } = _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);
+      });
+    }, 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));
+    }
+  };
+  const onSetVolumePress = peer => {
+    hideMenu();
+    setTimeout(() => {
+      batch(() => {
+        dispatch(setPeerToUpdate(peer));
+        setModalVisible(ModalTypes.VOLUME, true);
+      });
+    }, 500);
+  };
+  return /*#__PURE__*/React.createElement(FlatList, {
+    data: data,
+    initialNumToRender: 2,
+    maxToRenderPerBatch: 3,
+    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, peer.isLocal && ' (You)'), /*#__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, peer.isLocal === false && !!peer.audioTrack ? /*#__PURE__*/React.createElement(MenuItem, {
+        onPress: () => onSetVolumePress(peer)
+      }, /*#__PURE__*/React.createElement(View, {
+        style: styles.participantMenuItem
+      }, /*#__PURE__*/React.createElement(Ionicons, {
+        name: "volume-high-outline",
+        style: styles.participantMenuItemIcon,
+        size: 24
+      }), /*#__PURE__*/React.createElement(Text, {
+        style: styles.participantMenuItemName
+      }, "Set Volume"))) : null));
+    },
+    keyExtractor: item => item.peerID
+  });
+};
+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'
+  },
+  participantDescription: {
+    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
+  },
+  participantMenuItemName: {
+    color: COLORS.TEXT.HIGH_EMPHASIS,
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.1,
+    fontFamily: 'Inter-Medium',
+    textTransform: 'capitalize'
+  },
+  error: {
+    color: COLORS.INDICATORS.ERROR
+  }
+});
+//# sourceMappingURL=ParticipantsList.js.map

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

@@ -0,0 +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","onSetVolumePress","VOLUME","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","isLocal","participantRole","anchor","onPress","viewStyle","participantSettings","LeftIcon","icon","size","onRequestClose","participantsMenuContainer","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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"}

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

@@ -0,0 +1,45 @@
+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';
+export const ParticipantsSearchInput = _ref => {
+  let {
+    searchText,
+    setSearchText
+  } = _ref;
+  return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(CustomInput, {
+    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
+  }));
+};
+const styles = StyleSheet.create({
+  participantsSearchInput: {
+    backgroundColor: COLORS.SURFACE.DEFAULT,
+    borderColor: COLORS.BORDER.LIGHT,
+    borderWidth: 1,
+    width: '100%',
+    borderRadius: 8,
+    paddingVertical: 12,
+    paddingLeft: 48,
+    color: COLORS.TEXT.HIGH_EMPHASIS,
+    fontFamily: 'Inter-Medium'
+  },
+  participantsSearchInputIcon: {
+    position: 'absolute',
+    top: 12,
+    bottom: 12,
+    left: 16,
+    right: 16,
+    color: COLORS.TEXT.MEDIUM_EMPHASIS,
+    width: 24
+  }
+});
+//# sourceMappingURL=ParticipantsSeachInput.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { useFilteredParticipants } from '../../hooks-util';
+import { ParticipantsList } from './ParticipantsList';
+import { ParticipantsSearchInput } from './ParticipantsSeachInput';
+export const SearchableParticipantsView = () => {
+  const {
+    filteredParticipants,
+    searchText,
+    setSearchText
+  } = useFilteredParticipants();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ParticipantsSearchInput, {
+    searchText: searchText,
+    setSearchText: setSearchText
+  }), /*#__PURE__*/React.createElement(ParticipantsList, {
+    data: filteredParticipants
+  }));
+};
+//# sourceMappingURL=SearchableParticipantsView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useFilteredParticipants","ParticipantsList","ParticipantsSearchInput","SearchableParticipantsView","filteredParticipants","searchText","setSearchText","createElement","Fragment","data"],"sourceRoot":"../../../../src","sources":["components/Participants/SearchableParticipantsView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,uBAAuB,QAAQ,kBAAkB;AAC1D,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,uBAAuB,QAAQ,0BAA0B;AAElE,OAAO,MAAMC,0BAAoC,GAAGA,CAAA,KAAM;EACxD,MAAM;IAAEC,oBAAoB;IAAEC,UAAU;IAAEC;EAAc,CAAC,GACvDN,uBAAuB,CAAC,CAAC;EAE3B,oBACED,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,qBACET,KAAA,CAAAQ,aAAA,CAACL,uBAAuB;IACtBG,UAAU,EAAEA,UAAW;IACvBC,aAAa,EAAEA;EAAc,CAC9B,CAAC,eAEFP,KAAA,CAAAQ,aAAA,CAACN,gBAAgB;IAACQ,IAAI,EAAEL;EAAqB,CAAE,CAC/C,CAAC;AAEP,CAAC"}

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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +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"}

package/lib/module/components/ParticipantsModal.js

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { useFilteredParticipants } from '../hooks-util';
+import { ParticipantsHeader, ParticipantsList, ParticipantsSearchInput } from './Participants';
+export const ParticipantsModal = _ref => {
+  let {} = _ref;
+  const {
+    selectedFilter,
+    changeFilter,
+    allParticipants,
+    filteredParticipants,
+    searchText,
+    setSearchText
+  } = useFilteredParticipants();
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.participantContainer
+  }, /*#__PURE__*/React.createElement(ParticipantsHeader, {
+    filter: selectedFilter,
+    setFilter: changeFilter,
+    participantsCount: allParticipants.length
+  }), /*#__PURE__*/React.createElement(ParticipantsSearchInput, {
+    searchText: searchText,
+    setSearchText: setSearchText
+  }), /*#__PURE__*/React.createElement(ParticipantsList, {
+    data: filteredParticipants
+  }));
+};
+const styles = StyleSheet.create({
+  participantContainer: {
+    height: '100%',
+    width: '100%'
+  }
+});
+//# sourceMappingURL=ParticipantsModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","useFilteredParticipants","ParticipantsHeader","ParticipantsList","ParticipantsSearchInput","ParticipantsModal","_ref","selectedFilter","changeFilter","allParticipants","filteredParticipants","searchText","setSearchText","createElement","style","styles","participantContainer","filter","setFilter","participantsCount","length","data","create","height","width"],"sourceRoot":"../../../src","sources":["components/ParticipantsModal.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAE/C,SAASC,uBAAuB,QAAQ,eAAe;AACvD,SACEC,kBAAkB,EAClBC,gBAAgB,EAChBC,uBAAuB,QAClB,gBAAgB;AAIvB,OAAO,MAAMC,iBAAmD,GAAGC,IAAA,IAAQ;EAAA,IAAP,CAAC,CAAC,GAAAA,IAAA;EACpE,MAAM;IACJC,cAAc;IACdC,YAAY;IACZC,eAAe;IACfC,oBAAoB;IACpBC,UAAU;IACVC;EACF,CAAC,GAAGX,uBAAuB,CAAC,CAAC;EAE7B,oBACEH,KAAA,CAAAe,aAAA,CAACd,IAAI;IAACe,KAAK,EAAEC,MAAM,CAACC;EAAqB,gBACvClB,KAAA,CAAAe,aAAA,CAACX,kBAAkB;IACjBe,MAAM,EAAEV,cAAe;IACvBW,SAAS,EAAEV,YAAa;IACxBW,iBAAiB,EAAEV,eAAe,CAACW;EAAO,CAC3C,CAAC,eAEFtB,KAAA,CAAAe,aAAA,CAACT,uBAAuB;IACtBO,UAAU,EAAEA,UAAW;IACvBC,aAAa,EAAEA;EAAc,CAC9B,CAAC,eAEFd,KAAA,CAAAe,aAAA,CAACV,gBAAgB;IAACkB,IAAI,EAAEX;EAAqB,CAAE,CAC3C,CAAC;AAEX,CAAC;AAED,MAAMK,MAAM,GAAGf,UAAU,CAACsB,MAAM,CAAC;EAC/BN,oBAAoB,EAAE;IACpBO,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE;EACT;AACF,CAAC,CAAC"}

package/lib/module/components/PeerDisplayView.js

@@ -0,0 +1,71 @@
+import React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { HMSVideoViewMode, HMSTrackSource } from '@100mslive/react-native-hms';
+import { useSelector } from 'react-redux';
+import { styles } from './styles';
+import { isTileOnSpotlight } from '../utils/functions';
+import { AvatarView } from './AvatarView';
+const PeerDisplayViewUnmemoized = /*#__PURE__*/React.forwardRef((_ref, hmsViewRef) => {
+  let {
+    isDegraded,
+    isLocal,
+    peer,
+    videoTrack
+  } = _ref;
+  const HmsView = useSelector(state => {
+    var _state$user$hmsInstan;
+    return ((_state$user$hmsInstan = state.user.hmsInstance) === null || _state$user$hmsInstan === void 0 ? void 0 : _state$user$hmsInstan.HmsView) || null;
+  });
+  const mirrorCamera = useSelector(state => state.app.joinConfig.mirrorCamera);
+  const autoSimulcast = useSelector(state => state.app.joinConfig.autoSimulcast);
+  const spotlightTrackId = useSelector(state => state.user.spotlightTrackId);
+  if (!HmsView) {
+    return null;
+  }
+
+  // Check if selected tile is "On Spotlight"
+  const {
+    onSpotlight
+  } = isTileOnSpotlight(spotlightTrackId, {
+    tileVideoTrack: videoTrack,
+    peerRegularAudioTrack: peer.audioTrack,
+    peerAuxTracks: peer.auxiliaryTracks
+  });
+  return /*#__PURE__*/React.createElement(View, {
+    style: peerDisplayViewStyles.container
+  }, videoTrack !== null && videoTrack !== void 0 && videoTrack.isMute() || (videoTrack === null || videoTrack === void 0 ? void 0 : videoTrack.trackId) === undefined ? /*#__PURE__*/React.createElement(View, {
+    style: styles.avatarContainer
+  }, /*#__PURE__*/React.createElement(AvatarView, {
+    userName: peer.name
+  })) : /*#__PURE__*/React.createElement(View, {
+    style: styles.flex
+  }, /*#__PURE__*/React.createElement(HmsView, {
+    ref: hmsViewRef
+    // setZOrderMediaOverlay={miniView}
+    ,
+    trackId: videoTrack === null || videoTrack === void 0 ? void 0 : videoTrack.trackId,
+    key: videoTrack === null || videoTrack === void 0 ? void 0 : videoTrack.trackId,
+    autoSimulcast: autoSimulcast,
+    mirror: isLocal && mirrorCamera !== undefined ? mirrorCamera : false,
+    scaleType: onSpotlight || (videoTrack === null || videoTrack === void 0 ? void 0 : videoTrack.source) !== undefined && (videoTrack === null || videoTrack === void 0 ? void 0 : videoTrack.source) !== HMSTrackSource.REGULAR ? HMSVideoViewMode.ASPECT_FIT : HMSVideoViewMode.ASPECT_FILL,
+    style: (videoTrack === null || videoTrack === void 0 ? void 0 : videoTrack.source) !== undefined && (videoTrack === null || videoTrack === void 0 ? void 0 : videoTrack.source) !== HMSTrackSource.REGULAR ? styles.hmsViewScreen : styles.hmsView
+  }), isDegraded && /*#__PURE__*/React.createElement(View, {
+    style: styles.degradedContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.avatarContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.degradedText
+  }, "Degraded")))));
+});
+PeerDisplayViewUnmemoized.displayName = 'PeerDisplayViewUnmemoized';
+const PeerDisplayView = /*#__PURE__*/React.memo(PeerDisplayViewUnmemoized);
+PeerDisplayView.displayName = 'PeerDisplayView';
+const peerDisplayViewStyles = StyleSheet.create({
+  container: {
+    height: '100%',
+    width: '100%',
+    overflow: 'hidden'
+  }
+});
+export default PeerDisplayView;
+//# sourceMappingURL=PeerDisplayView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","HMSVideoViewMode","HMSTrackSource","useSelector","styles","isTileOnSpotlight","AvatarView","PeerDisplayViewUnmemoized","forwardRef","_ref","hmsViewRef","isDegraded","isLocal","peer","videoTrack","HmsView","state","_state$user$hmsInstan","user","hmsInstance","mirrorCamera","app","joinConfig","autoSimulcast","spotlightTrackId","onSpotlight","tileVideoTrack","peerRegularAudioTrack","audioTrack","peerAuxTracks","auxiliaryTracks","createElement","style","peerDisplayViewStyles","container","isMute","trackId","undefined","avatarContainer","userName","name","flex","ref","key","mirror","scaleType","source","REGULAR","ASPECT_FIT","ASPECT_FILL","hmsViewScreen","hmsView","degradedContainer","degradedText","displayName","PeerDisplayView","memo","create","height","width","overflow"],"sourceRoot":"../../../src","sources":["components/PeerDisplayView.tsx"],"mappings":"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"}

package/lib/module/components/PeerRTCStatsContainer.js

@@ -0,0 +1,60 @@
+import React, { memo } from 'react';
+import { View, StyleSheet, ScrollView } from 'react-native';
+import { useSelector } from 'react-redux';
+import { HMSTrackSource } from '@100mslive/react-native-hms';
+import { COLORS } from '../utils/theme';
+import PeerRTCStatsView from './PeerRTCStatsView';
+const PeerRTCStatsContainerUnmemo = _ref => {
+  let {
+    peerId,
+    trackId,
+    trackSource
+  } = _ref;
+  const audioTrackStats = useSelector(state => {
+    const audioStatsId = !trackSource || trackSource === HMSTrackSource.REGULAR ? peerId : peerId + trackSource;
+    return audioStatsId ? state.app.rtcStats[audioStatsId] : null;
+  });
+  const videoTrackStats = useSelector(state => {
+    const videoStats = trackId ? state.app.rtcStats[trackId] : null;
+    if (Array.isArray(videoStats) && videoStats.length === 1) {
+      return videoStats[0];
+    }
+    return videoStats;
+  });
+  if (!Array.isArray(videoTrackStats)) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.statsContainer
+    }, /*#__PURE__*/React.createElement(PeerRTCStatsView, {
+      audioTrackStats: audioTrackStats,
+      videoTrackStats: videoTrackStats
+    }));
+  }
+  return /*#__PURE__*/React.createElement(ScrollView, {
+    style: styles.statsContainer
+  }, videoTrackStats.map(videoTrackStat => /*#__PURE__*/React.createElement(View, {
+    style: styles.statsViewWrapper,
+    key: videoTrackStat.layer
+  }, /*#__PURE__*/React.createElement(PeerRTCStatsView, {
+    audioTrackStats: audioTrackStats,
+    videoTrackStats: videoTrackStat
+  }))));
+};
+const styles = StyleSheet.create({
+  statsContainer: {
+    position: 'absolute',
+    top: 8,
+    left: 8,
+    padding: 4,
+    backgroundColor: COLORS.OVERLAY,
+    borderRadius: 8,
+    minWidth: 124,
+    maxHeight: 170
+  },
+  statsViewWrapper: {
+    marginBottom: 12
+  }
+});
+const PeerRTCStatsContainer = /*#__PURE__*/memo(PeerRTCStatsContainerUnmemo);
+PeerRTCStatsContainer.displayName = 'PeerRTCStatsContainer';
+export default PeerRTCStatsContainer;
+//# sourceMappingURL=PeerRTCStatsContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","View","StyleSheet","ScrollView","useSelector","HMSTrackSource","COLORS","PeerRTCStatsView","PeerRTCStatsContainerUnmemo","_ref","peerId","trackId","trackSource","audioTrackStats","state","audioStatsId","REGULAR","app","rtcStats","videoTrackStats","videoStats","Array","isArray","length","createElement","style","styles","statsContainer","map","videoTrackStat","statsViewWrapper","key","layer","create","position","top","left","padding","backgroundColor","OVERLAY","borderRadius","minWidth","maxHeight","marginBottom","PeerRTCStatsContainer","displayName"],"sourceRoot":"../../../src","sources":["components/PeerRTCStatsContainer.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SAASC,IAAI,EAAEC,UAAU,EAAEC,UAAU,QAAQ,cAAc;AAC3D,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,cAAc,QAAQ,6BAA6B;AAE5D,SAASC,MAAM,QAAQ,gBAAgB;AAEvC,OAAOC,gBAAgB,MAAM,oBAAoB;AAQjD,MAAMC,2BAAiE,GAAGC,IAAA,IAIpE;EAAA,IAJqE;IACzEC,MAAM;IACNC,OAAO;IACPC;EACF,CAAC,GAAAH,IAAA;EACC,MAAMI,eAAe,GAAGT,WAAW,CAAEU,KAAgB,IAAK;IACxD,MAAMC,YAAY,GAChB,CAACH,WAAW,IAAIA,WAAW,KAAKP,cAAc,CAACW,OAAO,GAClDN,MAAM,GACNA,MAAM,GAAGE,WAAW;IAC1B,OAAOG,YAAY,GAAGD,KAAK,CAACG,GAAG,CAACC,QAAQ,CAACH,YAAY,CAAC,GAAG,IAAI;EAC/D,CAAC,CAAC;EACF,MAAMI,eAAe,GAAGf,WAAW,CAAEU,KAAgB,IAAK;IACxD,MAAMM,UAAU,GAAGT,OAAO,GAAGG,KAAK,CAACG,GAAG,CAACC,QAAQ,CAACP,OAAO,CAAC,GAAG,IAAI;IAE/D,IAAIU,KAAK,CAACC,OAAO,CAACF,UAAU,CAAC,IAAIA,UAAU,CAACG,MAAM,KAAK,CAAC,EAAE;MACxD,OAAOH,UAAU,CAAC,CAAC,CAAC;IACtB;IACA,OAAOA,UAAU;EACnB,CAAC,CAAC;EAEF,IAAI,CAACC,KAAK,CAACC,OAAO,CAACH,eAAe,CAAC,EAAE;IACnC,oBACEpB,KAAA,CAAAyB,aAAA,CAACvB,IAAI;MAACwB,KAAK,EAAEC,MAAM,CAACC;IAAe,gBACjC5B,KAAA,CAAAyB,aAAA,CAACjB,gBAAgB;MACfM,eAAe,EAAEA,eAAgB;MACjCM,eAAe,EAAEA;IAAgB,CAClC,CACG,CAAC;EAEX;EAEA,oBACEpB,KAAA,CAAAyB,aAAA,CAACrB,UAAU;IAACsB,KAAK,EAAEC,MAAM,CAACC;EAAe,GACtCR,eAAe,CAACS,GAAG,CAAEC,cAAc,iBAClC9B,KAAA,CAAAyB,aAAA,CAACvB,IAAI;IAACwB,KAAK,EAAEC,MAAM,CAACI,gBAAiB;IAACC,GAAG,EAAEF,cAAc,CAACG;EAAM,gBAC9DjC,KAAA,CAAAyB,aAAA,CAACjB,gBAAgB;IACfM,eAAe,EAAEA,eAAgB;IACjCM,eAAe,EAAEU;EAAe,CACjC,CACG,CACP,CACS,CAAC;AAEjB,CAAC;AAED,MAAMH,MAAM,GAAGxB,UAAU,CAAC+B,MAAM,CAAC;EAC/BN,cAAc,EAAE;IACdO,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,OAAO,EAAE,CAAC;IACVC,eAAe,EAAEhC,MAAM,CAACiC,OAAO;IAC/BC,YAAY,EAAE,CAAC;IACfC,QAAQ,EAAE,GAAG;IACbC,SAAS,EAAE;EACb,CAAC;EACDZ,gBAAgB,EAAE;IAChBa,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,MAAMC,qBAAqB,gBAAG5C,IAAI,CAACQ,2BAA2B,CAAC;AAE/DoC,qBAAqB,CAACC,WAAW,GAAG,uBAAuB;AAE3D,eAAeD,qBAAqB"}

package/lib/module/components/PeerRTCStatsView.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { COLORS } from '../utils/theme';
+const PeerRTCStatsView = _ref => {
+  var _videoTrackStats$reso, _videoTrackStats$reso2, _videoTrackStats$bitr, _videoTrackStats$bitr2, _audioTrackStats$bitr, _audioTrackStats$bitr2, _videoTrackStats$jitt, _videoTrackStats$jitt2, _audioTrackStats$jitt, _audioTrackStats$jitt2;
+  let {
+    audioTrackStats,
+    videoTrackStats
+  } = _ref;
+  const qualityLimitationReasons = videoTrackStats && 'qualityLimitationReasons' in videoTrackStats ? videoTrackStats.qualityLimitationReasons : null;
+  return /*#__PURE__*/React.createElement(View, null, videoTrackStats && 'layer' in videoTrackStats ? /*#__PURE__*/React.createElement(Text, {
+    style: styles.statsTitle
+  }, videoTrackStats.layer) : null, /*#__PURE__*/React.createElement(Text, {
+    style: styles.statsText
+  }, "Width", ' ', (videoTrackStats && 'resolution' in videoTrackStats ? (_videoTrackStats$reso = videoTrackStats.resolution) === null || _videoTrackStats$reso === void 0 ? void 0 : _videoTrackStats$reso.width : 0) ?? 0), /*#__PURE__*/React.createElement(Text, {
+    style: styles.statsText
+  }, "Height", ' ', (videoTrackStats && 'resolution' in videoTrackStats ? (_videoTrackStats$reso2 = videoTrackStats.resolution) === null || _videoTrackStats$reso2 === void 0 ? void 0 : _videoTrackStats$reso2.height : 0) ?? 0), /*#__PURE__*/React.createElement(Text, {
+    style: styles.statsText
+  }, "FPS", ' ', (videoTrackStats && 'frameRate' in videoTrackStats && videoTrackStats.frameRate ? parseInt(videoTrackStats.frameRate.toString() ?? '0') : 0) ?? 0), /*#__PURE__*/React.createElement(Text, {
+    style: styles.statsText
+  }, "Bitrate(V)", ' ', (videoTrackStats && 'bitrate' in videoTrackStats ? videoTrackStats === null || videoTrackStats === void 0 || (_videoTrackStats$bitr = videoTrackStats.bitrate) === null || _videoTrackStats$bitr === void 0 || (_videoTrackStats$bitr2 = _videoTrackStats$bitr.toFixed) === null || _videoTrackStats$bitr2 === void 0 ? void 0 : _videoTrackStats$bitr2.call(_videoTrackStats$bitr, 2) : 0) ?? 0), /*#__PURE__*/React.createElement(Text, {
+    style: styles.statsText
+  }, "Bitrate(A)", ' ', (audioTrackStats && 'bitrate' in audioTrackStats ? audioTrackStats === null || audioTrackStats === void 0 || (_audioTrackStats$bitr = audioTrackStats.bitrate) === null || _audioTrackStats$bitr === void 0 || (_audioTrackStats$bitr2 = _audioTrackStats$bitr.toFixed) === null || _audioTrackStats$bitr2 === void 0 ? void 0 : _audioTrackStats$bitr2.call(_audioTrackStats$bitr, 2) : 0) ?? 0), /*#__PURE__*/React.createElement(Text, {
+    style: styles.statsText
+  }, "Jitter(V)", ' ', (videoTrackStats && 'jitter' in videoTrackStats ? videoTrackStats === null || videoTrackStats === void 0 || (_videoTrackStats$jitt = videoTrackStats.jitter) === null || _videoTrackStats$jitt === void 0 || (_videoTrackStats$jitt2 = _videoTrackStats$jitt.toFixed) === null || _videoTrackStats$jitt2 === void 0 ? void 0 : _videoTrackStats$jitt2.call(_videoTrackStats$jitt, 2) : 0) ?? 0), /*#__PURE__*/React.createElement(Text, {
+    style: styles.statsText
+  }, "Jitter(A)", ' ', (audioTrackStats && 'jitter' in audioTrackStats ? audioTrackStats === null || audioTrackStats === void 0 || (_audioTrackStats$jitt = audioTrackStats.jitter) === null || _audioTrackStats$jitt === void 0 || (_audioTrackStats$jitt2 = _audioTrackStats$jitt.toFixed) === null || _audioTrackStats$jitt2 === void 0 ? void 0 : _audioTrackStats$jitt2.call(_audioTrackStats$jitt, 2) : 0) ?? 0), qualityLimitationReasons ? /*#__PURE__*/React.createElement(Text, {
+    style: styles.statsText
+  }, "Reason ", qualityLimitationReasons.reason) : null);
+};
+const styles = StyleSheet.create({
+  statsTitle: {
+    fontWeight: 'bold',
+    fontSize: 15,
+    lineHeight: 15 * 1.3,
+    color: COLORS.TEXT.HIGH_EMPHASIS,
+    marginBottom: 4
+  },
+  statsText: {
+    fontSize: 14,
+    lineHeight: 14 * 1.3,
+    color: COLORS.TEXT.HIGH_EMPHASIS
+  }
+});
+export default PeerRTCStatsView;
+//# sourceMappingURL=PeerRTCStatsView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","COLORS","PeerRTCStatsView","_ref","_videoTrackStats$reso","_videoTrackStats$reso2","_videoTrackStats$bitr","_videoTrackStats$bitr2","_audioTrackStats$bitr","_audioTrackStats$bitr2","_videoTrackStats$jitt","_videoTrackStats$jitt2","_audioTrackStats$jitt","_audioTrackStats$jitt2","audioTrackStats","videoTrackStats","qualityLimitationReasons","createElement","style","styles","statsTitle","layer","statsText","resolution","width","height","frameRate","parseInt","toString","bitrate","toFixed","call","jitter","reason","create","fontWeight","fontSize","lineHeight","color","TEXT","HIGH_EMPHASIS","marginBottom"],"sourceRoot":"../../../src","sources":["components/PeerRTCStatsView.tsx"],"mappings":"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"}