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

package/lib/module/components/HMSPreviewTile.js

@@ -21,7 +21,7 @@ export const HMSPreviewTile = () => {
       backgroundColor: COLORS.EXTENDED.PURPLE
     },
     avatarText: {
-      color: theme.palette.on_surface_high,
+      color: COLORS.WHITE,
       fontFamily: `${typography.font_family}-SemiBold`
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["React","useSelector","StyleSheet","Text","View","PersonIcon","getInitials","COLORS","HMSLocalVideoView","useHMSRoomStyleSheet","HMSPreviewTile","isLocalVideoMuted","state","hmsStates","localVideoTrackId","_state$hmsStates$loca","localPeer","videoTrack","trackId","userName","user","roomStyles","theme","typography","container","backgroundColor","palette","background_dim","avatar","EXTENDED","PURPLE","avatarText","color","on_surface_high","fontFamily","font_family","createElement","style","styles","modalContainer","avatarContainer","length","avatarIcon","create","flex","position","overflow","hmsView","alignItems","justifyContent","width","aspectRatio","borderRadius","height","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["components/HMSPreviewTile.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useSelector","StyleSheet","Text","View","PersonIcon","getInitials","COLORS","HMSLocalVideoView","useHMSRoomStyleSheet","HMSPreviewTile","isLocalVideoMuted","state","hmsStates","localVideoTrackId","_state$hmsStates$loca","localPeer","videoTrack","trackId","userName","user","roomStyles","theme","typography","container","backgroundColor","palette","background_dim","avatar","EXTENDED","PURPLE","avatarText","color","WHITE","fontFamily","font_family","createElement","style","styles","modalContainer","avatarContainer","length","avatarIcon","create","flex","position","overflow","hmsView","alignItems","justifyContent","width","aspectRatio","borderRadius","height","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["components/HMSPreviewTile.tsx"],"mappings":"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"}

package/lib/module/components/HMSRecordingIndicator.js

@@ -8,7 +8,10 @@ export const HMSRecordingIndicator = () => {
     var _state$hmsStates$room;
     return !!((_state$hmsStates$room = state.hmsStates.room) !== null && _state$hmsStates$room !== void 0 && (_state$hmsStates$room = _state$hmsStates$room.browserRecordingState) !== null && _state$hmsStates$room !== void 0 && _state$hmsStates$room.running);
   });
-  const startingOrStoppingRecording = useSelector(state => state.app.startingOrStoppingRecording);
+  const startingOrStoppingRecording = useSelector(state => {
+    var _state$hmsStates$room2;
+    return state.app.startingOrStoppingRecording || ((_state$hmsStates$room2 = state.hmsStates.room) === null || _state$hmsStates$room2 === void 0 ? void 0 : _state$hmsStates$room2.browserRecordingState.initialising);
+  });
   const {
     on_surface_high: onSurfaceHighColor
   } = useHMSRoomColorPalette();

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

@@ -1 +1 @@
-{"version":3,"names":["React","useSelector","ActivityIndicator","StyleSheet","RecordingIcon","useHMSRoomColorPalette","useHMSRoomStyle","HMSRecordingIndicator","isRecordingOn","state","_state$hmsStates$room","hmsStates","room","browserRecordingState","running","startingOrStoppingRecording","app","on_surface_high","onSurfaceHighColor","iconStyles","theme","tintColor","palette","alert_error_default","createElement","size","color","style","styles","rightSpace","icon","create","width","height","marginRight"],"sourceRoot":"../../../src","sources":["components/HMSRecordingIndicator.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,iBAAiB,EAAEC,UAAU,QAAQ,cAAc;AAG5D,SAASC,aAAa,QAAQ,UAAU;AACxC,SAASC,sBAAsB,EAAEC,eAAe,QAAQ,eAAe;AAEvE,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACzC,MAAMC,aAAa,GAAGP,WAAW,CAC9BQ,KAAgB;IAAA,IAAAC,qBAAA;IAAA,OAAK,CAAC,GAAAA,qBAAA,GAACD,KAAK,CAACE,SAAS,CAACC,IAAI,cAAAF,qBAAA,gBAAAA,qBAAA,GAApBA,qBAAA,CAAsBG,qBAAqB,cAAAH,qBAAA,eAA3CA,qBAAA,CAA6CI,OAAO;EAAA,CAC9E,CAAC;EACD,MAAMC,2BAA2B,GAAGd,WAAW,CAC5CQ,KAAgB,IAAKA,KAAK,CAACO,GAAG,CAACD,2BAClC,CAAC;EAED,MAAM;IAAEE,eAAe,EAAEC;EAAmB,CAAC,GAAGb,sBAAsB,CAAC,CAAC;EAExE,MAAMc,UAAU,GAAGb,eAAe,CAAEc,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,IAAIR,2BAA2B,EAAE;IAC/B,oBACEf,KAAA,CAAAwB,aAAA,CAACtB,iBAAiB;MAChBuB,IAAI,EAAE,OAAQ;MACdC,KAAK,EAAER,kBAAmB;MAC1BS,KAAK,EAAEC,MAAM,CAACC;IAAW,CAC1B,CAAC;EAEN;EAEA,IAAIrB,aAAa,EAAE;IACjB,oBACER,KAAA,CAAAwB,aAAA,CAACpB,aAAa;MAACuB,KAAK,EAAE,CAACC,MAAM,CAACE,IAAI,EAAEF,MAAM,CAACC,UAAU,EAAEV,UAAU;IAAE,CAAE,CAAC;EAE1E;EAEA,OAAO,IAAI;AACb,CAAC;AAED,MAAMS,MAAM,GAAGzB,UAAU,CAAC4B,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDJ,UAAU,EAAE;IACVK,WAAW,EAAE;EACf;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","useSelector","ActivityIndicator","StyleSheet","RecordingIcon","useHMSRoomColorPalette","useHMSRoomStyle","HMSRecordingIndicator","isRecordingOn","state","_state$hmsStates$room","hmsStates","room","browserRecordingState","running","startingOrStoppingRecording","_state$hmsStates$room2","app","initialising","on_surface_high","onSurfaceHighColor","iconStyles","theme","tintColor","palette","alert_error_default","createElement","size","color","style","styles","rightSpace","icon","create","width","height","marginRight"],"sourceRoot":"../../../src","sources":["components/HMSRecordingIndicator.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,iBAAiB,EAAEC,UAAU,QAAQ,cAAc;AAG5D,SAASC,aAAa,QAAQ,UAAU;AACxC,SAASC,sBAAsB,EAAEC,eAAe,QAAQ,eAAe;AAEvE,OAAO,MAAMC,qBAAqB,GAAGA,CAAA,KAAM;EACzC,MAAMC,aAAa,GAAGP,WAAW,CAC9BQ,KAAgB;IAAA,IAAAC,qBAAA;IAAA,OAAK,CAAC,GAAAA,qBAAA,GAACD,KAAK,CAACE,SAAS,CAACC,IAAI,cAAAF,qBAAA,gBAAAA,qBAAA,GAApBA,qBAAA,CAAsBG,qBAAqB,cAAAH,qBAAA,eAA3CA,qBAAA,CAA6CI,OAAO;EAAA,CAC9E,CAAC;EACD,MAAMC,2BAA2B,GAAGd,WAAW,CAC5CQ,KAAgB;IAAA,IAAAO,sBAAA;IAAA,OACfP,KAAK,CAACQ,GAAG,CAACF,2BAA2B,MAAAC,sBAAA,GACrCP,KAAK,CAACE,SAAS,CAACC,IAAI,cAAAI,sBAAA,uBAApBA,sBAAA,CAAsBH,qBAAqB,CAACK,YAAY;EAAA,CAC5D,CAAC;EAED,MAAM;IAAEC,eAAe,EAAEC;EAAmB,CAAC,GAAGf,sBAAsB,CAAC,CAAC;EAExE,MAAMgB,UAAU,GAAGf,eAAe,CAAEgB,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,IAAIV,2BAA2B,EAAE;IAC/B,oBACEf,KAAA,CAAA0B,aAAA,CAACxB,iBAAiB;MAChByB,IAAI,EAAE,OAAQ;MACdC,KAAK,EAAER,kBAAmB;MAC1BS,KAAK,EAAEC,MAAM,CAACC;IAAW,CAC1B,CAAC;EAEN;EAEA,IAAIvB,aAAa,EAAE;IACjB,oBACER,KAAA,CAAA0B,aAAA,CAACtB,aAAa;MAACyB,KAAK,EAAE,CAACC,MAAM,CAACE,IAAI,EAAEF,MAAM,CAACC,UAAU,EAAEV,UAAU;IAAE,CAAE,CAAC;EAE1E;EAEA,OAAO,IAAI;AACb,CAAC;AAED,MAAMS,MAAM,GAAG3B,UAAU,CAAC8B,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDJ,UAAU,EAAE;IACVK,WAAW,EAAE;EACf;AACF,CAAC,CAAC"}

package/lib/module/components/HMSTextInput.js

@@ -15,7 +15,7 @@ export const HMSTextInput = _ref => {
   const handleInputFocus = () => setInputFocused(true);
   const handleInputBlur = () => setInputFocused(false);
   const {
-    on_surface_low: onSurfaceLowColor,
+    on_surface_medium: onSurfaceMediumColor,
     on_surface_high: onSurfaceHighColor
   } = useHMSRoomColorPalette();
   const containerExists = resetProps.leftIcon || resetProps.rightIcon || resetProps.sendIcon;
@@ -49,7 +49,7 @@ export const HMSTextInput = _ref => {
     },
     // ICON STYLES
     sendIcon: {
-      tintColor: theme.palette.on_surface_low
+      tintColor: theme.palette.on_surface_medium
     },
     focusedSendIcon: {
       tintColor: theme.palette.on_surface_high
@@ -75,7 +75,7 @@ export const HMSTextInput = _ref => {
     placeholder: resetProps.placeholder ?? 'Enter Name...',
     autoCapitalize: resetProps.autoCapitalize ?? 'words',
     autoCompleteType: resetProps.autoCompleteType ?? 'name',
-    placeholderTextColor: resetProps.placeholderTextColor ?? onSurfaceLowColor,
+    placeholderTextColor: resetProps.placeholderTextColor ?? onSurfaceMediumColor,
     selectionColor: resetProps.selectionColor ?? onSurfaceHighColor,
     onFocus: resetProps.onFocus ?? handleInputFocus,
     onBlur: resetProps.onBlur ?? handleInputBlur

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

@@ -1 +1 @@
-{"version":3,"names":["React","Platform","StyleSheet","TextInput","TouchableOpacity","View","useHMSRoomColorPalette","useHMSRoomStyleSheet","SendIcon","HMSTextInput","_ref","value","onChangeText","style","focusedStyle","resetProps","inputFocused","setInputFocused","useState","handleInputFocus","handleInputBlur","on_surface_low","onSurfaceLowColor","on_surface_high","onSurfaceHighColor","containerExists","leftIcon","rightIcon","sendIcon","hmsRoomStyles","theme","typography","input","backgroundColor","palette","surface_default","color","borderColor","fontFamily","font_family","childInput","focusedInput","primary_default","borderWidth","focusedChildInput","container","focusedContainer","tintColor","focusedSendIcon","textInputStyles","styles","textInputComp","createElement","_extends","placeholder","autoCapitalize","autoCompleteType","placeholderTextColor","selectionColor","onFocus","onBlur","containerStyles","containerStyle","focusedContainerStyle","sendIconButton","onPress","onSendIconPress","create","flex","height","overflow","paddingLeft","paddingRight","borderRadius","flexDirection","textAlignVertical","paddingHorizontal","fontSize","lineHeight","OS","undefined","letterSpacing","alignItems","justifyContent","marginLeft"],"sourceRoot":"../../../src","sources":["components/HMSTextInput.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Platform","StyleSheet","TextInput","TouchableOpacity","View","useHMSRoomColorPalette","useHMSRoomStyleSheet","SendIcon","HMSTextInput","_ref","value","onChangeText","style","focusedStyle","resetProps","inputFocused","setInputFocused","useState","handleInputFocus","handleInputBlur","on_surface_medium","onSurfaceMediumColor","on_surface_high","onSurfaceHighColor","containerExists","leftIcon","rightIcon","sendIcon","hmsRoomStyles","theme","typography","input","backgroundColor","palette","surface_default","color","borderColor","fontFamily","font_family","childInput","focusedInput","primary_default","borderWidth","focusedChildInput","container","focusedContainer","tintColor","focusedSendIcon","textInputStyles","styles","textInputComp","createElement","_extends","placeholder","autoCapitalize","autoCompleteType","placeholderTextColor","selectionColor","onFocus","onBlur","containerStyles","containerStyle","focusedContainerStyle","sendIconButton","onPress","onSendIconPress","create","flex","height","overflow","paddingLeft","paddingRight","borderRadius","flexDirection","textAlignVertical","paddingHorizontal","fontSize","lineHeight","OS","undefined","letterSpacing","alignItems","justifyContent","marginLeft"],"sourceRoot":"../../../src","sources":["components/HMSTextInput.tsx"],"mappings":"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"}

package/lib/module/components/PIPView.js

@@ -1,22 +1,30 @@
 import * as React from 'react';
-import PeerDisplayView from './PeerDisplayView';
-import { getTrackForPIPView } from '../utils/functions';
+import { useSelector } from 'react-redux';
+import { PeerVideoTileView } from './PeerVideoTile/PeerVideoTileView';
 const PIPView = _ref => {
-  var _preferedPeerTrack$pe;
   let {
-    pairedPeers
+    peerTrackNodes,
+    customView
   } = _ref;
-  const preferedPeerTrack = getTrackForPIPView(pairedPeers);
-
-  // If no Peer is available
-  if (!(preferedPeerTrack !== null && preferedPeerTrack !== void 0 && preferedPeerTrack.peer)) {
+  const memoDominantSpeakerIdRef = React.useRef(null);
+  const dominantSpeakerId = useSelector(state => {
+    const dominantSpeaker = state.hmsStates.activeSpeakers[0];
+    return (dominantSpeaker === null || dominantSpeaker === void 0 ? void 0 : dominantSpeaker.peer.peerID) ?? null;
+  });
+  if (dominantSpeakerId) {
+    memoDominantSpeakerIdRef.current = dominantSpeakerId;
+  }
+  if (customView) {
+    return customView;
+  }
+  const firstPeerTrackNode = peerTrackNodes[0];
+  const preferedPeerTrack = (memoDominantSpeakerIdRef.current ? peerTrackNodes.find(node => node.peer.peerID === memoDominantSpeakerIdRef.current) : firstPeerTrackNode) ?? firstPeerTrackNode;
+  if (!preferedPeerTrack) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(PeerDisplayView, {
-    isLocal: preferedPeerTrack === null || preferedPeerTrack === void 0 || (_preferedPeerTrack$pe = preferedPeerTrack.peer) === null || _preferedPeerTrack$pe === void 0 ? void 0 : _preferedPeerTrack$pe.isLocal,
-    peer: preferedPeerTrack === null || preferedPeerTrack === void 0 ? void 0 : preferedPeerTrack.peer,
-    videoTrack: preferedPeerTrack === null || preferedPeerTrack === void 0 ? void 0 : preferedPeerTrack.track,
-    isDegraded: preferedPeerTrack === null || preferedPeerTrack === void 0 ? void 0 : preferedPeerTrack.isDegraded
+  return /*#__PURE__*/React.createElement(PeerVideoTileView, {
+    key: preferedPeerTrack.id,
+    peerTrackNode: preferedPeerTrack
   });
 };
 export default PIPView;

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

@@ -1 +1 @@
-{"version":3,"names":["React","PeerDisplayView","getTrackForPIPView","PIPView","_ref","_preferedPeerTrack$pe","pairedPeers","preferedPeerTrack","peer","createElement","isLocal","videoTrack","track","isDegraded"],"sourceRoot":"../../../src","sources":["components/PIPView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAI9B,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,SAASC,kBAAkB,QAAQ,oBAAoB;AAMvD,MAAMC,OAA+B,GAAGC,IAAA,IAAqB;EAAA,IAAAC,qBAAA;EAAA,IAApB;IAAEC;EAAY,CAAC,GAAAF,IAAA;EACtD,MAAMG,iBAAiB,GAAGL,kBAAkB,CAACI,WAAW,CAAC;;EAEzD;EACA,IAAI,EAACC,iBAAiB,aAAjBA,iBAAiB,eAAjBA,iBAAiB,CAAEC,IAAI,GAAE;IAC5B,OAAO,IAAI;EACb;EAEA,oBACER,KAAA,CAAAS,aAAA,CAACR,eAAe;IACdS,OAAO,EAAEH,iBAAiB,aAAjBA,iBAAiB,gBAAAF,qBAAA,GAAjBE,iBAAiB,CAAEC,IAAI,cAAAH,qBAAA,uBAAvBA,qBAAA,CAAyBK,OAAQ;IAC1CF,IAAI,EAAED,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAEC,IAAK;IAC9BG,UAAU,EAAEJ,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAEK,KAAM;IACrCC,UAAU,EAAEN,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAEM;EAAW,CAC3C,CAAC;AAEN,CAAC;AAED,eAAeV,OAAO"}
+{"version":3,"names":["React","useSelector","PeerVideoTileView","PIPView","_ref","peerTrackNodes","customView","memoDominantSpeakerIdRef","useRef","dominantSpeakerId","state","dominantSpeaker","hmsStates","activeSpeakers","peer","peerID","current","firstPeerTrackNode","preferedPeerTrack","find","node","createElement","key","id","peerTrackNode"],"sourceRoot":"../../../src","sources":["components/PIPView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;AAGzC,SAASC,iBAAiB,QAAQ,mCAAmC;AAQrE,MAAMC,OAA+B,GAAGC,IAAA,IAAoC;EAAA,IAAnC;IAAEC,cAAc;IAAEC;EAAW,CAAC,GAAAF,IAAA;EACrE,MAAMG,wBAAwB,GAAGP,KAAK,CAACQ,MAAM,CAAgB,IAAI,CAAC;EAElE,MAAMC,iBAAiB,GAAGR,WAAW,CAAES,KAAgB,IAAK;IAC1D,MAAMC,eAAe,GAAGD,KAAK,CAACE,SAAS,CAACC,cAAc,CAAC,CAAC,CAAC;IAEzD,OAAO,CAAAF,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEG,IAAI,CAACC,MAAM,KAAI,IAAI;EAC7C,CAAC,CAAC;EAEF,IAAIN,iBAAiB,EAAE;IACrBF,wBAAwB,CAACS,OAAO,GAAGP,iBAAiB;EACtD;EAEA,IAAIH,UAAU,EAAE;IACd,OAAOA,UAAU;EACnB;EAEA,MAAMW,kBAAkB,GAAGZ,cAAc,CAAC,CAAC,CAAC;EAE5C,MAAMa,iBAAiB,GACrB,CAACX,wBAAwB,CAACS,OAAO,GAC7BX,cAAc,CAACc,IAAI,CAChBC,IAAI,IAAKA,IAAI,CAACN,IAAI,CAACC,MAAM,KAAKR,wBAAwB,CAACS,OAC1D,CAAC,GACDC,kBAAkB,KAAKA,kBAAkB;EAE/C,IAAI,CAACC,iBAAiB,EAAE;IACtB,OAAO,IAAI;EACb;EAEA,oBACElB,KAAA,CAAAqB,aAAA,CAACnB,iBAAiB;IAChBoB,GAAG,EAAEJ,iBAAiB,CAACK,EAAG;IAC1BC,aAAa,EAAEN;EAAkB,CAClC,CAAC;AAEN,CAAC;AAED,eAAef,OAAO"}

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

@@ -0,0 +1,56 @@
+import * as React from 'react';
+import { ScrollView, StyleSheet, Text, View } from 'react-native';
+import { useFilteredParticipants, useHMSRoomStyle } from '../../hooks-util';
+import { ParticipantsAccordian } from './ParticipantsAccordian';
+export const MultiRoleParticipantsList = _ref => {
+  let {
+    searchText,
+    onViewAllPress
+  } = _ref;
+  const {
+    data,
+    formattedSearchText,
+    expandedGroup,
+    setExpandedGroup
+  } = useFilteredParticipants(searchText);
+  const emptyTextStyles = useHMSRoomStyle((theme, typography) => ({
+    color: theme.palette.on_surface_medium,
+    fontFamily: `${typography.font_family}-SemiBold`
+  }));
+  const searchTextExists = formattedSearchText.length > 0;
+  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(ScrollView, {
+    contentContainerStyle: {
+      paddingBottom: 40
+    }
+  }, data.map(item => /*#__PURE__*/React.createElement(ParticipantsAccordian, {
+    key: item.id,
+    open: expandedGroup === item.id,
+    data: item,
+    toggle: setExpandedGroup,
+    showViewAll: item.showViewAll,
+    onViewAllPress: onViewAllPress
+  })));
+};
+const styles = StyleSheet.create({
+  list: {
+    paddingBottom: 32
+  },
+  emptyContainer: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  emptyText: {
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.25
+  }
+});
+//# sourceMappingURL=MultiRoleParticipantsList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","ScrollView","StyleSheet","Text","View","useFilteredParticipants","useHMSRoomStyle","ParticipantsAccordian","MultiRoleParticipantsList","_ref","searchText","onViewAllPress","data","formattedSearchText","expandedGroup","setExpandedGroup","emptyTextStyles","theme","typography","color","palette","on_surface_medium","fontFamily","font_family","searchTextExists","length","createElement","style","styles","emptyContainer","emptyText","contentContainerStyle","paddingBottom","map","item","key","id","open","toggle","showViewAll","create","list","flex","alignItems","justifyContent","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../../src","sources":["components/Participants/MultiRoleParticipantsList.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAEjE,SAASC,uBAAuB,EAAEC,eAAe,QAAQ,kBAAkB;AAC3E,SAASC,qBAAqB,QAAQ,yBAAyB;AAO/D,OAAO,MAAMC,yBAAmE,GAAGC,IAAA,IAG7E;EAAA,IAH8E;IAClFC,UAAU;IACVC;EACF,CAAC,GAAAF,IAAA;EACC,MAAM;IACJG,IAAI;IACJC,mBAAmB;IACnBC,aAAa;IACbC;EACF,CAAC,GAAGV,uBAAuB,CAACK,UAAU,CAAC;EAEvC,MAAMM,eAAe,GAAGV,eAAe,CAAC,CAACW,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,gBAAgB,GAAGX,mBAAmB,CAACY,MAAM,GAAG,CAAC;EAEvD,IAAID,gBAAgB,IAAIZ,IAAI,CAACa,MAAM,IAAI,CAAC,EAAE;IACxC,oBACEzB,KAAA,CAAA0B,aAAA,CAACtB,IAAI;MAACuB,KAAK,EAAEC,MAAM,CAACC;IAAe,gBACjC7B,KAAA,CAAA0B,aAAA,CAACvB,IAAI;MAACwB,KAAK,EAAE,CAACC,MAAM,CAACE,SAAS,EAAEd,eAAe;IAAE,GAAC,qBAE5C,CACF,CAAC;EAEX;EAEA,oBACEhB,KAAA,CAAA0B,aAAA,CAACzB,UAAU;IAAC8B,qBAAqB,EAAE;MAACC,aAAa,EAAE;IAAE;EAAE,GACpDpB,IAAI,CAACqB,GAAG,CAACC,IAAI,iBACZlC,KAAA,CAAA0B,aAAA,CAACnB,qBAAqB;IACpB4B,GAAG,EAAED,IAAI,CAACE,EAAG;IACbC,IAAI,EAAEvB,aAAa,KAAKoB,IAAI,CAACE,EAAG;IAChCxB,IAAI,EAAEsB,IAAK;IACXI,MAAM,EAAEvB,gBAAiB;IACzBwB,WAAW,EAAEL,IAAI,CAACK,WAAY;IAC9B5B,cAAc,EAAEA;EAAe,CAChC,CACF,CACS,CAAC;AAEjB,CAAC;AAED,MAAMiB,MAAM,GAAG1B,UAAU,CAACsC,MAAM,CAAC;EAC/BC,IAAI,EAAE;IACJT,aAAa,EAAE;EACjB,CAAC;EACDH,cAAc,EAAE;IACda,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDd,SAAS,EAAE;IACTe,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,51 @@
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { ParticipantsGroupHeader } from './ParticipantsGroupHeader';
+import { useHMSRoomStyleSheet } from '../../hooks-util';
+import { ParticipantsGroupFooter } from './ParticipantsGroupFooter';
+import { ParticipantsAccordianExpanded } from './ParticipantsAccordianExpanded';
+export const ParticipantsAccordian = _ref => {
+  let {
+    open,
+    data,
+    showViewAll = false,
+    toggle,
+    onViewAllPress
+  } = _ref;
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    container: {
+      borderColor: theme.palette.border_bright
+    },
+    label: {
+      color: theme.palette.on_surface_medium,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    menu: {
+      backgroundColor: theme.palette.surface_default,
+      borderColor: theme.palette.border_bright
+    }
+  }));
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, hmsRoomStyles.container]
+  }, /*#__PURE__*/React.createElement(ParticipantsGroupHeader, {
+    id: data.id,
+    label: data.label,
+    expanded: open,
+    toggleExpanded: toggle
+  }), open ? /*#__PURE__*/React.createElement(ParticipantsAccordianExpanded, {
+    id: data.id,
+    data: data.data
+  }) : null, open && showViewAll ? /*#__PURE__*/React.createElement(ParticipantsGroupFooter, {
+    groupId: data.id,
+    onViewAllPress: onViewAllPress
+  }) : null);
+};
+const styles = StyleSheet.create({
+  container: {
+    marginTop: 16,
+    borderWidth: 1,
+    borderRadius: 8,
+    overflow: 'hidden'
+  }
+});
+//# sourceMappingURL=ParticipantsAccordian.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","ParticipantsGroupHeader","useHMSRoomStyleSheet","ParticipantsGroupFooter","ParticipantsAccordianExpanded","ParticipantsAccordian","_ref","open","data","showViewAll","toggle","onViewAllPress","hmsRoomStyles","theme","typography","container","borderColor","palette","border_bright","label","color","on_surface_medium","fontFamily","font_family","menu","backgroundColor","surface_default","createElement","style","styles","id","expanded","toggleExpanded","groupId","create","marginTop","borderWidth","borderRadius","overflow"],"sourceRoot":"../../../../src","sources":["components/Participants/ParticipantsAccordian.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,oBAAoB,QAAQ,kBAAkB;AAEvD,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,6BAA6B,QAAQ,iCAAiC;AAW/E,OAAO,MAAMC,qBAA2D,GAAGC,IAAA,IAMrE;EAAA,IANsE;IAC1EC,IAAI;IACJC,IAAI;IACJC,WAAW,GAAG,KAAK;IACnBC,MAAM;IACNC;EACF,CAAC,GAAAL,IAAA;EACC,MAAMM,aAAa,GAAGV,oBAAoB,CAAC,CAACW,KAAK,EAAEC,UAAU,MAAM;IACjEC,SAAS,EAAE;MACTC,WAAW,EAAEH,KAAK,CAACI,OAAO,CAACC;IAC7B,CAAC;IACDC,KAAK,EAAE;MACLC,KAAK,EAAEP,KAAK,CAACI,OAAO,CAACI,iBAAiB;MACtCC,UAAU,EAAG,GAAER,UAAU,CAACS,WAAY;IACxC,CAAC;IACDC,IAAI,EAAE;MACJC,eAAe,EAAEZ,KAAK,CAACI,OAAO,CAACS,eAAe;MAC9CV,WAAW,EAAEH,KAAK,CAACI,OAAO,CAACC;IAC7B;EACF,CAAC,CAAC,CAAC;EAEH,oBACEpB,KAAA,CAAA6B,aAAA,CAAC3B,IAAI;IAAC4B,KAAK,EAAE,CAACC,MAAM,CAACd,SAAS,EAAEH,aAAa,CAACG,SAAS;EAAE,gBACvDjB,KAAA,CAAA6B,aAAA,CAAC1B,uBAAuB;IACtB6B,EAAE,EAAEtB,IAAI,CAACsB,EAAG;IACZX,KAAK,EAAEX,IAAI,CAACW,KAAM;IAClBY,QAAQ,EAAExB,IAAK;IACfyB,cAAc,EAAEtB;EAAO,CACxB,CAAC,EAEDH,IAAI,gBACHT,KAAA,CAAA6B,aAAA,CAACvB,6BAA6B;IAAC0B,EAAE,EAAEtB,IAAI,CAACsB,EAAG;IAACtB,IAAI,EAAEA,IAAI,CAACA;EAAK,CAAE,CAAC,GAC7D,IAAI,EAEPD,IAAI,IAAIE,WAAW,gBAClBX,KAAA,CAAA6B,aAAA,CAACxB,uBAAuB;IACtB8B,OAAO,EAAEzB,IAAI,CAACsB,EAAG;IACjBnB,cAAc,EAAEA;EAAe,CAChC,CAAC,GACA,IACA,CAAC;AAEX,CAAC;AAED,MAAMkB,MAAM,GAAG9B,UAAU,CAACmC,MAAM,CAAC;EAC/BnB,SAAS,EAAE;IACToB,SAAS,EAAE,EAAE;IACbC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,CAAC;IACfC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { ParticipantsItem } from './ParticipantsItem';
+export const ParticipantsAccordianExpanded = _ref => {
+  let {
+    id,
+    data
+  } = _ref;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, data.map(participant => {
+    return /*#__PURE__*/React.createElement(ParticipantsItem, {
+      key: participant.peerID,
+      groupId: id,
+      data: participant
+    });
+  }));
+};
+//# sourceMappingURL=ParticipantsAccordianExpanded.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","ParticipantsItem","ParticipantsAccordianExpanded","_ref","id","data","createElement","Fragment","map","participant","key","peerID","groupId"],"sourceRoot":"../../../../src","sources":["components/Participants/ParticipantsAccordianExpanded.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,SAASC,gBAAgB,QAAQ,oBAAoB;AAOrD,OAAO,MAAMC,6BAEZ,GAAGC,IAAA,IAAkB;EAAA,IAAjB;IAAEC,EAAE;IAAEC;EAAK,CAAC,GAAAF,IAAA;EACf,oBACEH,KAAA,CAAAM,aAAA,CAAAN,KAAA,CAAAO,QAAA,QACGF,IAAI,CAACG,GAAG,CAAEC,WAAW,IAAK;IACzB,oBACET,KAAA,CAAAM,aAAA,CAACL,gBAAgB;MACfS,GAAG,EAAED,WAAW,CAACE,MAAO;MACxBC,OAAO,EAAER,EAAG;MACZC,IAAI,EAAEI;IAAY,CACnB,CAAC;EAEN,CAAC,CACD,CAAC;AAEP,CAAC"}

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

@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
+import { useHMSRoomStyleSheet } from '../../hooks-util';
+import { ChevronIcon } from '../../Icons';
+const _ParticipantsGroupFooter = _ref => {
+  let {
+    groupId,
+    onViewAllPress
+  } = _ref;
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    container: {
+      borderTopColor: theme.palette.border_bright
+    },
+    label: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-Regular`
+    }
+  }));
+  const handleViewAllPress = () => {
+    onViewAllPress(groupId);
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, hmsRoomStyles.container]
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.viewAllAction],
+    onPress: handleViewAllPress
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.label, hmsRoomStyles.label]
+  }, "View All"), /*#__PURE__*/React.createElement(ChevronIcon, {
+    direction: "right"
+  })));
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    justifyContent: 'flex-end',
+    paddingVertical: 12,
+    paddingHorizontal: 16,
+    borderTopWidth: 1
+  },
+  label: {
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.25,
+    marginRight: 4
+  },
+  viewAllAction: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  }
+});
+export const ParticipantsGroupFooter = /*#__PURE__*/React.memo(_ParticipantsGroupFooter);
+//# sourceMappingURL=ParticipantsGroupFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","TouchableOpacity","useHMSRoomStyleSheet","ChevronIcon","_ParticipantsGroupFooter","_ref","groupId","onViewAllPress","hmsRoomStyles","theme","typography","container","borderTopColor","palette","border_bright","label","color","on_surface_high","fontFamily","font_family","handleViewAllPress","createElement","style","styles","viewAllAction","onPress","direction","create","flexDirection","justifyContent","paddingVertical","paddingHorizontal","borderTopWidth","fontSize","lineHeight","letterSpacing","marginRight","alignItems","ParticipantsGroupFooter","memo"],"sourceRoot":"../../../../src","sources":["components/Participants/ParticipantsGroupFooter.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,EAAEC,gBAAgB,QAAQ,cAAc;AAEvE,SAASC,oBAAoB,QAAQ,kBAAkB;AAEvD,SAASC,WAAW,QAAQ,aAAa;AAOzC,MAAMC,wBAAgE,GAAGC,IAAA,IAGnE;EAAA,IAHoE;IACxEC,OAAO;IACPC;EACF,CAAC,GAAAF,IAAA;EACC,MAAMG,aAAa,GAAGN,oBAAoB,CAAC,CAACO,KAAK,EAAEC,UAAU,MAAM;IACjEC,SAAS,EAAE;MACTC,cAAc,EAAEH,KAAK,CAACI,OAAO,CAACC;IAChC,CAAC;IACDC,KAAK,EAAE;MACLC,KAAK,EAAEP,KAAK,CAACI,OAAO,CAACI,eAAe;MACpCC,UAAU,EAAG,GAAER,UAAU,CAACS,WAAY;IACxC;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;IAC/Bb,cAAc,CAACD,OAAO,CAAC;EACzB,CAAC;EAED,oBACET,KAAA,CAAAwB,aAAA,CAACvB,IAAI;IAACwB,KAAK,EAAE,CAACC,MAAM,CAACZ,SAAS,EAAEH,aAAa,CAACG,SAAS;EAAE,gBACvDd,KAAA,CAAAwB,aAAA,CAACpB,gBAAgB;IACfqB,KAAK,EAAE,CAACC,MAAM,CAACC,aAAa,CAAE;IAC9BC,OAAO,EAAEL;EAAmB,gBAE5BvB,KAAA,CAAAwB,aAAA,CAACtB,IAAI;IAACuB,KAAK,EAAE,CAACC,MAAM,CAACR,KAAK,EAAEP,aAAa,CAACO,KAAK;EAAE,GAAC,UAAc,CAAC,eAEjElB,KAAA,CAAAwB,aAAA,CAAClB,WAAW;IAACuB,SAAS,EAAC;EAAO,CAAE,CAChB,CACd,CAAC;AAEX,CAAC;AAED,MAAMH,MAAM,GAAGvB,UAAU,CAAC2B,MAAM,CAAC;EAC/BhB,SAAS,EAAE;IACTiB,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,UAAU;IAC1BC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,EAAE;IACrBC,cAAc,EAAE;EAClB,CAAC;EACDjB,KAAK,EAAE;IACLkB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,IAAI;IACnBC,WAAW,EAAE;EACf,CAAC;EACDZ,aAAa,EAAE;IACbI,aAAa,EAAE,KAAK;IACpBS,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,uBAAuB,gBAAGzC,KAAK,CAAC0C,IAAI,CAACnC,wBAAwB,CAAC"}

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

@@ -11,8 +11,11 @@ import { ParticipantsGroupOptions } from './ParticipantsGroupOptions';
 // import { isParticipantHostOrBroadcaster } from '../../utils/functions';
 const _ParticipantsGroupHeader = _ref => {
   let {
-    data,
-    setExpandedGroups
+    id,
+    label,
+    expanded,
+    onBackPress,
+    toggleExpanded
   } = _ref;
   // const selfHostOrBroadcaster = useSelector((state: RootState) => {
   //   const selfRole = state.hmsStates.localPeer?.role;
@@ -36,27 +39,32 @@ const _ParticipantsGroupHeader = _ref => {
   const show3Dots = false;
   // const show3Dots =
   //   selfHostOrBroadcaster &&
-  //   ('role' in data.data
-  //     ? !isParticipantHostOrBroadcaster(data.data.role)
-  //     : data.key === 'hand-raised');
+  //   ('role' in data
+  //     ? !isParticipantHostOrBroadcaster(data.role)
+  //     : data.id === 'hand-raised');
 
   const showOptions = () => setOptionsVisible(true);
   const hideOptions = () => setOptionsVisible(false);
-  const expanded = data.type === 'EXPANDED_HEADER';
-  const toggleGroupExpand = () => {
-    const groupName = data.key;
-    setExpandedGroups(expandedGroups => {
-      if (expandedGroups.includes(groupName)) {
-        return expandedGroups.filter(group => group !== groupName);
-      }
-      return [...expandedGroups, groupName];
-    });
-  };
+  const toggleGroupExpand = toggleExpanded ? () => {
+    toggleExpanded(expanded ? null : id);
+  } : null;
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.container, expanded ? styles.expandedContainer : null, hmsRoomStyles.container]
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center'
+    }
+  }, onBackPress ? /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: {
+      marginRight: 8
+    },
+    onPress: onBackPress
+  }, /*#__PURE__*/React.createElement(ChevronIcon, {
+    direction: "left"
+  })) : null, /*#__PURE__*/React.createElement(Text, {
     style: [styles.label, hmsRoomStyles.label]
-  }, data.data.label), /*#__PURE__*/React.createElement(View, {
+  }, label)), /*#__PURE__*/React.createElement(View, {
     style: styles.controls
   }, show3Dots ? /*#__PURE__*/React.createElement(Menu, {
     visible: optionsVisible,
@@ -71,21 +79,16 @@ const _ParticipantsGroupHeader = _ref => {
       ...styles.menu,
       ...hmsRoomStyles.menu
     }
-  }, /*#__PURE__*/React.createElement(ParticipantsGroupOptions, {
-    data: data
-  })) : null, /*#__PURE__*/React.createElement(TouchableOpacity, {
+  }, /*#__PURE__*/React.createElement(ParticipantsGroupOptions, null)) : null, toggleGroupExpand ? /*#__PURE__*/React.createElement(TouchableOpacity, {
     style: [styles.control, expanded ? styles.expandedArrowIcon : null],
     onPress: toggleGroupExpand
   }, /*#__PURE__*/React.createElement(ChevronIcon, {
     direction: "down"
-  }))));
+  })) : null));
 };
 const styles = StyleSheet.create({
   container: {
     flexDirection: 'row',
-    marginTop: 16,
-    borderWidth: 1,
-    borderRadius: 8,
     paddingVertical: 12,
     paddingHorizontal: 16,
     justifyContent: 'space-between'
@@ -96,9 +99,7 @@ const styles = StyleSheet.create({
     letterSpacing: 0.1
   },
   expandedContainer: {
-    borderTopLeftRadius: 8,
-    borderTopRightRadius: 8,
-    borderRadius: 0
+    borderBottomWidth: 1
   },
   controls: {
     flexDirection: 'row'

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","StyleSheet","TouchableOpacity","useHMSRoomStyleSheet","ChevronIcon","ThreeDotsIcon","Menu","ParticipantsGroupOptions","_ParticipantsGroupHeader","_ref","data","setExpandedGroups","optionsVisible","setOptionsVisible","useState","hmsRoomStyles","theme","typography","container","borderColor","palette","border_bright","label","color","on_surface_medium","fontFamily","font_family","menu","backgroundColor","surface_default","show3Dots","showOptions","hideOptions","expanded","type","toggleGroupExpand","groupName","key","expandedGroups","includes","filter","group","createElement","style","styles","expandedContainer","controls","visible","onRequestClose","anchor","control","onPress","stack","expandedArrowIcon","direction","create","flexDirection","marginTop","borderWidth","borderRadius","paddingVertical","paddingHorizontal","justifyContent","fontSize","lineHeight","letterSpacing","borderTopLeftRadius","borderTopRightRadius","marginLeft","transform","rotateZ","ParticipantsGroupHeader","memo"],"sourceRoot":"../../../../src","sources":["components/Participants/ParticipantsGroupHeader.tsx"],"mappings":"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"}
+{"version":3,"names":["React","View","Text","StyleSheet","TouchableOpacity","useHMSRoomStyleSheet","ChevronIcon","ThreeDotsIcon","Menu","ParticipantsGroupOptions","_ParticipantsGroupHeader","_ref","id","label","expanded","onBackPress","toggleExpanded","optionsVisible","setOptionsVisible","useState","hmsRoomStyles","theme","typography","container","borderColor","palette","border_bright","color","on_surface_medium","fontFamily","font_family","menu","backgroundColor","surface_default","show3Dots","showOptions","hideOptions","toggleGroupExpand","createElement","style","styles","expandedContainer","flexDirection","alignItems","marginRight","onPress","direction","controls","visible","onRequestClose","anchor","control","stack","expandedArrowIcon","create","paddingVertical","paddingHorizontal","justifyContent","fontSize","lineHeight","letterSpacing","borderBottomWidth","marginLeft","transform","rotateZ","borderWidth","borderRadius","ParticipantsGroupHeader","memo"],"sourceRoot":"../../../../src","sources":["components/Participants/ParticipantsGroupHeader.tsx"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","useHMSRoomStyleSheet","HandIcon","ParticipantsItemOption","_ParticipantsGroupOptions","hmsRoomStyles","theme","divider","backgroundColor","palette","border_bright","handleBringOnStagePress","handleLowerHandPress","handleRemoveParticipantPress","createElement","Fragment","id","icon","style","width","height","label","pressHandler","isActive","hide","map","item","idx","isFirst","key","styles","onPress","create","ParticipantsGroupOptions","memo"],"sourceRoot":"../../../../src","sources":["components/Participants/ParticipantsGroupOptions.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,oBAAoB,QAAQ,kBAAkB;AAMvD,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,sBAAsB,QAAQ,0BAA0B;AAMjE,MAAMC,yBAEL,GAAGA,CAAA,KAAM;EACR,MAAMC,aAAa,GAAGJ,oBAAoB,CAAEK,KAAK,KAAM;IACrDC,OAAO,EAAE;MACPC,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACC;IACjC;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,uBAAuB,GAAGA,CAAA,KAAM,CAAC,CAAC;EAExC,MAAMC,oBAAoB,GAAGA,CAAA,KAAM,CAAC,CAAC;EAErC,MAAMC,4BAA4B,GAAGA,CAAA,KAAM,CAAC,CAAC;EAE7C,oBACEf,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAAiB,QAAA,QACG,CACC;IACEC,EAAE,EAAE,gBAAgB;IACpBC,IAAI,eAAEnB,KAAA,CAAAgB,aAAA,CAACZ,QAAQ;MAACgB,KAAK,EAAE;QAAEC,KAAK,EAAE,EAAE;QAAEC,MAAM,EAAE;MAAG;IAAE,CAAE,CAAC;IACpDC,KAAK,EAAE,gBAAgB;IACvBC,YAAY,EAAEX,uBAAuB;IACrCY,QAAQ,EAAE,KAAK;IACfC,IAAI,EAAE;EACR,CAAC,EACD;IACER,EAAE,EAAE,YAAY;IAChBC,IAAI,eAAEnB,KAAA,CAAAgB,aAAA,CAACZ,QAAQ;MAACgB,KAAK,EAAE;QAAEC,KAAK,EAAE,EAAE;QAAEC,MAAM,EAAE;MAAG;IAAE,CAAE,CAAC;IACpDC,KAAK,EAAE,YAAY;IACnBC,YAAY,EAAEV,oBAAoB;IAClCW,QAAQ,EAAE,KAAK;IACfC,IAAI,EAAE;EACR,CAAC,EACD;IACER,EAAE,EAAE,oBAAoB;IACxBC,IAAI,eAAEnB,KAAA,CAAAgB,aAAA,CAACZ,QAAQ;MAACgB,KAAK,EAAE;QAAEC,KAAK,EAAE,EAAE;QAAEC,MAAM,EAAE;MAAG;IAAE,CAAE,CAAC;IACpDC,KAAK,EAAE,oBAAoB;IAC3BC,YAAY,EAAET,4BAA4B;IAC1CU,QAAQ,EAAE,KAAK;IACfC,IAAI,EAAE;EACR,CAAC,CACF,CAACC,GAAG,CAAC,CAACC,IAAI,EAAEC,GAAG,KAAK;IACnB,MAAMC,OAAO,GAAGD,GAAG,KAAK,CAAC;IAEzB,oBACE7B,KAAA,CAAAgB,aAAA,CAAChB,KAAK,CAACiB,QAAQ;MAACc,GAAG,EAAEH,IAAI,CAACV;IAAG,GAC1BY,OAAO,GAAG,IAAI,gBACb9B,KAAA,CAAAgB,aAAA,CAACd,IAAI;MAACkB,KAAK,EAAE,CAACY,MAAM,CAACvB,OAAO,EAAEF,aAAa,CAACE,OAAO;IAAE,CAAE,CACxD,eAEDT,KAAA,CAAAgB,aAAA,CAACX,sBAAsB;MACrBkB,KAAK,EAAEK,IAAI,CAACL,KAAM;MAClBU,OAAO,EAAEL,IAAI,CAACJ,YAAa;MAC3BL,IAAI,EAAES,IAAI,CAACT;IAAK,CACjB,CACa,CAAC;EAErB,CAAC,CACD,CAAC;AAEP,CAAC;AAED,MAAMa,MAAM,GAAG/B,UAAU,CAACiC,MAAM,CAAC;EAC/BzB,OAAO,EAAE;IACPa,MAAM,EAAE,CAAC;IACTD,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,OAAO,MAAMc,wBAAwB,gBAAGnC,KAAK,CAACoC,IAAI,CAAC9B,yBAAyB,CAAC"}
+{"version":3,"names":["React","StyleSheet","View","useHMSRoomStyleSheet","HandIcon","ParticipantsItemOption","_ParticipantsGroupOptions","hmsRoomStyles","theme","divider","backgroundColor","palette","border_bright","handleBringOnStagePress","handleLowerHandPress","handleRemoveParticipantPress","createElement","Fragment","id","icon","style","width","height","label","pressHandler","isActive","hide","map","item","idx","isFirst","key","styles","onPress","create","ParticipantsGroupOptions","memo"],"sourceRoot":"../../../../src","sources":["components/Participants/ParticipantsGroupOptions.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,oBAAoB,QAAQ,kBAAkB;AACvD,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,sBAAsB,QAAQ,0BAA0B;AAMjE,MAAMC,yBAEL,GAAGA,CAAA,KAAM;EACR,MAAMC,aAAa,GAAGJ,oBAAoB,CAAEK,KAAK,KAAM;IACrDC,OAAO,EAAE;MACPC,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACC;IACjC;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,uBAAuB,GAAGA,CAAA,KAAM,CAAC,CAAC;EAExC,MAAMC,oBAAoB,GAAGA,CAAA,KAAM,CAAC,CAAC;EAErC,MAAMC,4BAA4B,GAAGA,CAAA,KAAM,CAAC,CAAC;EAE7C,oBACEf,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAAiB,QAAA,QACG,CACC;IACEC,EAAE,EAAE,gBAAgB;IACpBC,IAAI,eAAEnB,KAAA,CAAAgB,aAAA,CAACZ,QAAQ;MAACgB,KAAK,EAAE;QAAEC,KAAK,EAAE,EAAE;QAAEC,MAAM,EAAE;MAAG;IAAE,CAAE,CAAC;IACpDC,KAAK,EAAE,gBAAgB;IACvBC,YAAY,EAAEX,uBAAuB;IACrCY,QAAQ,EAAE,KAAK;IACfC,IAAI,EAAE;EACR,CAAC,EACD;IACER,EAAE,EAAE,YAAY;IAChBC,IAAI,eAAEnB,KAAA,CAAAgB,aAAA,CAACZ,QAAQ;MAACgB,KAAK,EAAE;QAAEC,KAAK,EAAE,EAAE;QAAEC,MAAM,EAAE;MAAG;IAAE,CAAE,CAAC;IACpDC,KAAK,EAAE,YAAY;IACnBC,YAAY,EAAEV,oBAAoB;IAClCW,QAAQ,EAAE,KAAK;IACfC,IAAI,EAAE;EACR,CAAC,EACD;IACER,EAAE,EAAE,oBAAoB;IACxBC,IAAI,eAAEnB,KAAA,CAAAgB,aAAA,CAACZ,QAAQ;MAACgB,KAAK,EAAE;QAAEC,KAAK,EAAE,EAAE;QAAEC,MAAM,EAAE;MAAG;IAAE,CAAE,CAAC;IACpDC,KAAK,EAAE,oBAAoB;IAC3BC,YAAY,EAAET,4BAA4B;IAC1CU,QAAQ,EAAE,KAAK;IACfC,IAAI,EAAE;EACR,CAAC,CACF,CAACC,GAAG,CAAC,CAACC,IAAI,EAAEC,GAAG,KAAK;IACnB,MAAMC,OAAO,GAAGD,GAAG,KAAK,CAAC;IAEzB,oBACE7B,KAAA,CAAAgB,aAAA,CAAChB,KAAK,CAACiB,QAAQ;MAACc,GAAG,EAAEH,IAAI,CAACV;IAAG,GAC1BY,OAAO,GAAG,IAAI,gBACb9B,KAAA,CAAAgB,aAAA,CAACd,IAAI;MAACkB,KAAK,EAAE,CAACY,MAAM,CAACvB,OAAO,EAAEF,aAAa,CAACE,OAAO;IAAE,CAAE,CACxD,eAEDT,KAAA,CAAAgB,aAAA,CAACX,sBAAsB;MACrBkB,KAAK,EAAEK,IAAI,CAACL,KAAM;MAClBU,OAAO,EAAEL,IAAI,CAACJ,YAAa;MAC3BL,IAAI,EAAES,IAAI,CAACT;IAAK,CACjB,CACa,CAAC;EAErB,CAAC,CACD,CAAC;AAEP,CAAC;AAED,MAAMa,MAAM,GAAG/B,UAAU,CAACiC,MAAM,CAAC;EAC/BzB,OAAO,EAAE;IACPa,MAAM,EAAE,CAAC;IACTD,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,OAAO,MAAMc,wBAAwB,gBAAGnC,KAAK,CAACoC,IAAI,CAAC9B,yBAAyB,CAAC"}

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { useSelector } from 'react-redux';
 import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
-import { isParticipantHostOrBroadcaster, parseMetadata } from '../../utils/functions';
+import { isParticipantHostOrBroadcaster } from '../../utils/functions';
 import { useHMSRoomStyleSheet } from '../../hooks-util';
 import { HandIcon, NetworkQualityIcon, ThreeDotsIcon } from '../../Icons';
 import { Menu } from '../MenuModal';
@@ -9,7 +9,8 @@ import { ParticipantsItemOptions } from './ParticipantsItemOptions';
 const _ParticipantsItem = _ref => {
   var _peer$networkQuality;
   let {
-    data
+    data: peer,
+    groupId
   } = _ref;
   const selfHostOrBroadcaster = useSelector(state => {
     var _state$hmsStates$loca;
@@ -33,20 +34,16 @@ const _ParticipantsItem = _ref => {
       borderColor: theme.palette.border_bright
     }
   }));
-  const show3Dots = selfHostOrBroadcaster && !data.data.isLocal;
+  const show3Dots = selfHostOrBroadcaster && !peer.isLocal;
   const showOptions = () => setOptionsVisible(true);
   const hideOptions = () => setOptionsVisible(false);
-  const isLast = data.type === 'LAST_ITEM';
-  const peer = data.data;
-  const isHandRaised = parseMetadata(peer.metadata).isHandRaised;
-  const [_peerID, peerGroupName] = data.key.split('--');
   return /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, isLast ? styles.lastItemContainer : null, hmsRoomStyles.container]
+    style: styles.container
   }, /*#__PURE__*/React.createElement(Text, {
     style: [styles.label, hmsRoomStyles.label]
-  }, data.data.name, data.data.isLocal ? ' (You)' : null), /*#__PURE__*/React.createElement(View, {
+  }, peer.name, peer.isLocal ? ' (You)' : null), /*#__PURE__*/React.createElement(View, {
     style: styles.controls
-  }, isHandRaised ? /*#__PURE__*/React.createElement(View, {
+  }, peer.isHandRaised ? /*#__PURE__*/React.createElement(View, {
     style: [styles.control, styles.iconWrapper, hmsRoomStyles.iconWrapper]
   }, /*#__PURE__*/React.createElement(HandIcon, {
     style: styles.handIcon
@@ -71,14 +68,14 @@ const _ParticipantsItem = _ref => {
   }, /*#__PURE__*/React.createElement(ParticipantsItemOptions, {
     peer: peer,
     onItemPress: hideOptions,
-    insideHandRaiseGroup: peerGroupName === 'hand-raised'
+    insideHandRaiseGroup: groupId === 'hand-raised'
   })) : null));
 };
 const styles = StyleSheet.create({
   container: {
     flexDirection: 'row',
-    borderLeftWidth: 1,
-    borderRightWidth: 1,
+    // borderLeftWidth: 1,
+    // borderRightWidth: 1,
     padding: 16,
     justifyContent: 'space-between'
   },
@@ -87,11 +84,6 @@ const styles = StyleSheet.create({
     lineHeight: 20,
     letterSpacing: 0.1
   },
-  lastItemContainer: {
-    borderBottomWidth: 1,
-    borderBottomLeftRadius: 8,
-    borderBottomRightRadius: 8
-  },
   controls: {
     flexDirection: 'row'
   },