@100mslive/react-native-room-kit 0.0.4 → 0.1.0

package/lib/module/components/ParticipantsCount.js

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { useSelector } from 'react-redux';
+import { useHMSRoomStyleSheet } from '../hooks-util';
+const _ParticipantsCount = () => {
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    container: {
+      backgroundColor: theme.palette.surface_bright
+    },
+    count: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    }
+  }));
+  const peerCount = useSelector(state => {
+    var _state$hmsStates$room;
+    return (_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.peerCount;
+  });
+  if (typeof peerCount !== 'number') {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, hmsRoomStyles.container]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.count, hmsRoomStyles.count]
+  }, peerCount));
+};
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    right: 0,
+    borderRadius: 40,
+    paddingHorizontal: 4,
+    paddingVertical: 2,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  count: {
+    fontSize: 10,
+    lineHeight: 16,
+    letterSpacing: 1.5,
+    textAlign: 'center'
+  }
+});
+export const ParticipantsCount = /*#__PURE__*/React.memo(_ParticipantsCount);
+//# sourceMappingURL=ParticipantsCount.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","useSelector","useHMSRoomStyleSheet","_ParticipantsCount","hmsRoomStyles","theme","typography","container","backgroundColor","palette","surface_bright","count","color","on_surface_high","fontFamily","font_family","peerCount","state","_state$hmsStates$room","hmsStates","room","createElement","style","styles","create","position","right","borderRadius","paddingHorizontal","paddingVertical","alignItems","justifyContent","fontSize","lineHeight","letterSpacing","textAlign","ParticipantsCount","memo"],"sourceRoot":"../../../src","sources":["components/ParticipantsCount.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,WAAW,QAAQ,aAAa;AAEzC,SAASC,oBAAoB,QAAQ,eAAe;AAGpD,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EAC/B,MAAMC,aAAa,GAAGF,oBAAoB,CAAC,CAACG,KAAK,EAAEC,UAAU,MAAM;IACjEC,SAAS,EAAE;MACTC,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACC;IACjC,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,SAAS,GAAGf,WAAW,CAC1BgB,KAAgB;IAAA,IAAAC,qBAAA;IAAA,QAAAA,qBAAA,GAAKD,KAAK,CAACE,SAAS,CAACC,IAAI,cAAAF,qBAAA,uBAApBA,qBAAA,CAAsBF,SAAS;EAAA,CACvD,CAAC;EAED,IAAI,OAAOA,SAAS,KAAK,QAAQ,EAAE;IACjC,OAAO,IAAI;EACb;EAEA,oBACEnB,KAAA,CAAAwB,aAAA,CAACrB,IAAI;IAACsB,KAAK,EAAE,CAACC,MAAM,CAAChB,SAAS,EAAEH,aAAa,CAACG,SAAS;EAAE,gBACvDV,KAAA,CAAAwB,aAAA,CAACtB,IAAI;IAACuB,KAAK,EAAE,CAACC,MAAM,CAACZ,KAAK,EAAEP,aAAa,CAACO,KAAK;EAAE,GAAEK,SAAgB,CAC/D,CAAC;AAEX,CAAC;AAED,MAAMO,MAAM,GAAGzB,UAAU,CAAC0B,MAAM,CAAC;EAC/BjB,SAAS,EAAE;IACTkB,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,CAAC;IACRC,YAAY,EAAE,EAAE;IAChBC,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE,CAAC;IAClBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDpB,KAAK,EAAE;IACLqB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,GAAG;IAClBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,iBAAiB,gBAAGvC,KAAK,CAACwC,IAAI,CAAClC,kBAAkB,CAAC"}

package/lib/module/components/PeerMinimizedView.js

@@ -0,0 +1,104 @@
+import * as React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { CameraIcon, MaximizeIcon, MicIcon } from '../Icons';
+import { PressableIcon } from './PressableIcon';
+import { useCanPublishAudio, useCanPublishVideo } from '../hooks-sdk';
+import { selectCanPublishTrackForRole } from '../hooks-sdk-selectors';
+import { useHMSRoomStyleSheet } from '../hooks-util';
+export const usePeerMinimizedViewDimensions = () => {
+  const canPublishAudio = useCanPublishAudio();
+  const canPublishVideo = useCanPublishVideo();
+  const iconTakesSpace = 20 + 6; // Width + Right Margin
+  const totalWidth = 148;
+  const widthLessIconsWidth = totalWidth - 2 * iconTakesSpace;
+  return {
+    width: widthLessIconsWidth + (canPublishAudio ? iconTakesSpace : 0) + (canPublishVideo ? iconTakesSpace : 0),
+    height: 36
+  };
+};
+const _PeerMinimizedView = _ref => {
+  var _peerTrackNode$peer$a, _peerTrackNode$track;
+  let {
+    peerTrackNode,
+    onMaximizePress
+  } = _ref;
+  const peerCanPublishAudio = selectCanPublishTrackForRole(peerTrackNode.peer.role, 'audio');
+  const peerCanPublishVideo = selectCanPublishTrackForRole(peerTrackNode.peer.role, 'video');
+  const isAudioMuted = (_peerTrackNode$peer$a = peerTrackNode.peer.audioTrack) === null || _peerTrackNode$peer$a === void 0 ? void 0 : _peerTrackNode$peer$a.isMute();
+  const isVideoMuted = (_peerTrackNode$track = peerTrackNode.track) === null || _peerTrackNode$track === void 0 ? void 0 : _peerTrackNode$track.isMute();
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    container: {
+      backgroundColor: theme.palette.surface_default
+    },
+    iconWrapper: {
+      backgroundColor: theme.palette.surface_bright
+    },
+    name: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-Regular`
+    }
+  }));
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, hmsRoomStyles.container]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.wrapper
+  }, peerCanPublishAudio ? /*#__PURE__*/React.createElement(View, {
+    style: [styles.iconWrapper, hmsRoomStyles.iconWrapper]
+  }, /*#__PURE__*/React.createElement(MicIcon, {
+    muted: !!isAudioMuted,
+    style: styles.icon
+  })) : null, peerCanPublishVideo ? /*#__PURE__*/React.createElement(View, {
+    style: [styles.iconWrapper, hmsRoomStyles.iconWrapper]
+  }, /*#__PURE__*/React.createElement(CameraIcon, {
+    muted: !!isVideoMuted,
+    style: styles.icon
+  })) : null, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.name, hmsRoomStyles.name],
+    numberOfLines: 1
+  }, peerTrackNode.peer.isLocal ? 'You' : peerTrackNode.peer.name)), /*#__PURE__*/React.createElement(PressableIcon, {
+    border: false,
+    style: styles.maximizeBtn,
+    onPress: onMaximizePress
+  }, /*#__PURE__*/React.createElement(MaximizeIcon, {
+    style: styles.maximizeIcon
+  })));
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    flexDirection: 'row',
+    padding: 8,
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    borderRadius: 8
+  },
+  wrapper: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  iconWrapper: {
+    padding: 2,
+    marginRight: 6,
+    borderRadius: 4
+  },
+  icon: {
+    width: 16,
+    height: 16
+  },
+  name: {
+    maxWidth: 48,
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.25,
+    marginRight: 12
+  },
+  maximizeBtn: {
+    padding: 0
+  },
+  maximizeIcon: {
+    width: 20,
+    height: 20
+  }
+});
+export const PeerMinimizedView = /*#__PURE__*/React.memo(_PeerMinimizedView);
+//# sourceMappingURL=PeerMinimizedView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","CameraIcon","MaximizeIcon","MicIcon","PressableIcon","useCanPublishAudio","useCanPublishVideo","selectCanPublishTrackForRole","useHMSRoomStyleSheet","usePeerMinimizedViewDimensions","canPublishAudio","canPublishVideo","iconTakesSpace","totalWidth","widthLessIconsWidth","width","height","_PeerMinimizedView","_ref","_peerTrackNode$peer$a","_peerTrackNode$track","peerTrackNode","onMaximizePress","peerCanPublishAudio","peer","role","peerCanPublishVideo","isAudioMuted","audioTrack","isMute","isVideoMuted","track","hmsRoomStyles","theme","typography","container","backgroundColor","palette","surface_default","iconWrapper","surface_bright","name","color","on_surface_high","fontFamily","font_family","createElement","style","styles","wrapper","muted","icon","numberOfLines","isLocal","border","maximizeBtn","onPress","maximizeIcon","create","flex","flexDirection","padding","alignItems","justifyContent","borderRadius","marginRight","maxWidth","fontSize","lineHeight","letterSpacing","PeerMinimizedView","memo"],"sourceRoot":"../../../src","sources":["components/PeerMinimizedView.tsx"],"mappings":"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"}

package/lib/module/components/PeerSettingsModalContent.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { View, TouchableOpacity, Text, StyleSheet } from 'react-native';
+import { View, TouchableOpacity, Text, StyleSheet, LayoutAnimation, InteractionManager } from 'react-native';
 import { batch, useDispatch, useSelector } from 'react-redux';
 import { HMSTrackSource } from '@100mslive/react-native-hms';
 import Ionicons from 'react-native-vector-icons/Ionicons';
@@ -7,12 +7,16 @@ import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityI
 import { COLORS } from '../utils/theme';
 import { ModalTypes } from '../utils/types';
 import { isTileOnSpotlight } from '../utils/functions';
-import { setPeerToUpdate } from '../redux/actions';
-import { useModalType } from '../hooks-util';
+import { setInsetViewMinimized, setPeerToUpdate } from '../redux/actions';
+import { useHMSRoomStyle, useModalType } from '../hooks-util';
+import { MinimizeIcon, PinIcon, StarIcon } from '../Icons';
+import { useCanPublishVideo } from '../hooks-sdk';
+import { BottomSheet } from './BottomSheet';
 export const PeerSettingsModalContent = _ref => {
   var _localPeer$role, _peer$audioTrack, _peer$videoTrack, _peer$role, _peerTrackNode$track;
   let {
     peerTrackNode,
+    peerTrackNodesListEmpty,
     cancelModal,
     onCaptureScreenShotPress,
     onCaptureImageAtMaxSupportedResolutionPress,
@@ -27,6 +31,7 @@ export const PeerSettingsModalContent = _ref => {
   const {
     handleModalVisibleType: setModalVisible
   } = useModalType();
+  const localPeerCanPublishVideo = useCanPublishVideo();
   const removePeer = () => {
     hmsInstance === null || hmsInstance === void 0 ? void 0 : hmsInstance.removePeer(peerTrackNode.peer, 'removed from room').then(d => console.log('Remove Peer Success: ', d)).catch(e => console.log('Remove Peer Error: ', e));
     cancelModal();
@@ -45,10 +50,19 @@ export const PeerSettingsModalContent = _ref => {
     }
     hmsInstance === null || hmsInstance === void 0 ? void 0 : hmsInstance.changeTrackState(peerTrackNode.peer.videoTrack, !peerTrackNode.peer.videoTrack.isMute());
   };
-  const changeName = () => {
-    batch(() => {
-      dispatch(setPeerToUpdate(peerTrackNode.peer));
-      setModalVisible(ModalTypes.CHANGE_NAME, true);
+
+  // const changeName = () => {
+  //   batch(() => {
+  //     dispatch(setPeerToUpdate(peerTrackNode.peer));
+  //     setModalVisible(ModalTypes.CHANGE_NAME, true);
+  //   });
+  // };
+
+  const handleMinimizeVideoPress = () => {
+    cancelModal();
+    InteractionManager.runAfterInteractions(() => {
+      LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
+      dispatch(setInsetViewMinimized(true));
     });
   };
   const changeRole = () => {
@@ -89,20 +103,39 @@ export const PeerSettingsModalContent = _ref => {
   const localPeerPermissions = localPeer === null || localPeer === void 0 || (_localPeer$role = localPeer.role) === null || _localPeer$role === void 0 ? void 0 : _localPeer$role.permissions;
   const isPeerAudioMute = peer.isLocal ? null : (_peer$audioTrack = peer.audioTrack) === null || _peer$audioTrack === void 0 ? void 0 : _peer$audioTrack.isMute();
   const isPeerVideoMute = peer.isLocal ? null : (_peer$videoTrack = peer.videoTrack) === null || _peer$videoTrack === void 0 ? void 0 : _peer$videoTrack.isMute();
-  return /*#__PURE__*/React.createElement(View, {
-    style: styles.container
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.roleChangeModalHeading
-  }, peer.name, peer.isLocal ? ' (You)' : ''), /*#__PURE__*/React.createElement(Text, {
-    style: styles.participantRole
-  }, (_peer$role = peer.role) === null || _peer$role === void 0 ? void 0 : _peer$role.name), /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(BottomSheet.Header, {
+    dismissModal: cancelModal,
+    heading: peer.name + (peer.isLocal ? ' (You)' : ''),
+    subheading: (_peer$role = peer.role) === null || _peer$role === void 0 ? void 0 : _peer$role.name
+  }), /*#__PURE__*/React.createElement(BottomSheet.Divider, null), /*#__PURE__*/React.createElement(View, {
     style: styles.contentContainer
-  }, debugMode ? /*#__PURE__*/React.createElement(SettingItem, {
-    text: onSpotlight ? 'Remove from Spotlight' : 'Add to Spotlight',
-    IconType: Ionicons,
-    iconName: onSpotlight ? 'ios-star' : 'ios-star-outline',
+  }, peer.isLocal ?
+  /*#__PURE__*/
+  // TODO: Remove this condition later
+  React.createElement(SettingItem, {
+    customIcon: true,
+    text: true ? 'Pin Tile for Myself' : 'Unpin Tile for Myself',
+    icon: /*#__PURE__*/React.createElement(PinIcon, {
+      style: styles.customIcon
+    }),
+    disabled: true,
+    onPress: () => {}
+  }) : null, /*#__PURE__*/React.createElement(SettingItem, {
+    customIcon: true,
+    text: onSpotlight ? 'Remove Spotlight for Everyone' : 'Spotlight Tile for Everyone',
+    icon: /*#__PURE__*/React.createElement(StarIcon, {
+      style: styles.customIcon
+    }),
     onPress: handleSpotlightPress,
     disabled: !((_peerTrackNode$track = peerTrackNode.track) !== null && _peerTrackNode$track !== void 0 && _peerTrackNode$track.trackId)
+  }), peer.isLocal && localPeerCanPublishVideo ? /*#__PURE__*/React.createElement(SettingItem, {
+    customIcon: true,
+    text: 'Minimize Your Video',
+    icon: /*#__PURE__*/React.createElement(MinimizeIcon, {
+      style: styles.customIcon
+    }),
+    onPress: handleMinimizeVideoPress,
+    disabled: peerTrackNodesListEmpty
   }) : null, !peer.isLocal && (localPeerPermissions !== null && localPeerPermissions !== void 0 && localPeerPermissions.mute || localPeerPermissions !== null && localPeerPermissions !== void 0 && localPeerPermissions.unmute) ? /*#__PURE__*/React.createElement(React.Fragment, null, isPeerAudioMute && localPeerPermissions !== null && localPeerPermissions !== void 0 && localPeerPermissions.unmute ? /*#__PURE__*/React.createElement(SettingItem, {
     text: 'Request Audio Unmute',
     IconType: Ionicons,
@@ -128,12 +161,7 @@ export const PeerSettingsModalContent = _ref => {
     IconType: Ionicons,
     iconName: 'person-remove-outline',
     onPress: removePeer
-  }) : null, peer.isLocal ? /*#__PURE__*/React.createElement(SettingItem, {
-    text: "Change Name",
-    IconType: MaterialCommunityIcons,
-    iconName: 'account-edit-outline',
-    onPress: () => changeName()
-  }) : null, localPeerPermissions !== null && localPeerPermissions !== void 0 && localPeerPermissions.changeRole ? /*#__PURE__*/React.createElement(SettingItem, {
+  }) : null, !peer.isLocal && localPeerPermissions !== null && localPeerPermissions !== void 0 && localPeerPermissions.changeRole ? /*#__PURE__*/React.createElement(SettingItem, {
     text: "Change Role",
     IconType: Ionicons,
     iconName: 'people-outline',
@@ -162,58 +190,47 @@ const SettingItem = _ref2 => {
   let {
     onPress,
     text,
-    iconName,
-    IconType,
-    disabled = false
+    disabled = false,
+    ...resetProps
   } = _ref2;
+  const textStyles = useHMSRoomStyle((theme, typography) => ({
+    color: theme.palette.on_surface_high,
+    fontFamily: `${typography.font_family}-SemiBold`
+  }));
   return /*#__PURE__*/React.createElement(TouchableOpacity, {
     disabled: disabled,
     style: [styles.button, disabled ? {
       opacity: 0.6
     } : null],
     onPress: onPress
-  }, /*#__PURE__*/React.createElement(IconType, {
-    name: iconName,
+  }, resetProps.customIcon ? resetProps.icon : /*#__PURE__*/React.createElement(resetProps.IconType, {
+    name: resetProps.iconName,
     size: 24,
     style: styles.icon
   }), /*#__PURE__*/React.createElement(Text, {
-    style: styles.text
+    style: [styles.text, textStyles]
   }, text));
 };
 const styles = StyleSheet.create({
-  container: {
-    padding: 24
-  },
   contentContainer: {
-    marginTop: 16
-  },
-  roleChangeModalHeading: {
-    color: COLORS.TEXT.HIGH_EMPHASIS,
-    fontSize: 20,
-    lineHeight: 24,
-    letterSpacing: 0.15,
-    fontFamily: 'Inter-Medium',
-    textTransform: 'capitalize'
+    marginBottom: 8
   },
-  participantRole: {
-    color: COLORS.TEXT.MEDIUM_EMPHASIS,
-    fontSize: 12,
-    lineHeight: 16,
-    letterSpacing: 0.4,
-    marginTop: 4,
-    fontFamily: 'Inter-Regular',
-    textTransform: 'capitalize'
+  customIcon: {
+    width: 20,
+    height: 20,
+    marginRight: 8
   },
   button: {
     flexDirection: 'row',
     alignItems: 'center',
-    marginVertical: 12
+    paddingVertical: 16,
+    paddingHorizontal: 24,
+    marginBottom: 8
   },
   text: {
-    fontFamily: 'Inter-Medium',
     fontSize: 14,
-    lineHeight: 24,
-    color: COLORS.TEXT.HIGH_EMPHASIS
+    lineHeight: 20,
+    letterSpacing: 0.1
   },
   icon: {
     color: COLORS.WHITE,

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","TouchableOpacity","Text","StyleSheet","batch","useDispatch","useSelector","HMSTrackSource","Ionicons","MaterialCommunityIcons","COLORS","ModalTypes","isTileOnSpotlight","setPeerToUpdate","useModalType","PeerSettingsModalContent","_ref","_localPeer$role","_peer$audioTrack","_peer$videoTrack","_peer$role","_peerTrackNode$track","peerTrackNode","cancelModal","onCaptureScreenShotPress","onCaptureImageAtMaxSupportedResolutionPress","onStreamingQualityPress","dispatch","hmsInstance","state","user","localPeer","hmsStates","hmsSessionStore","spotlightTrackId","debugMode","handleModalVisibleType","setModalVisible","removePeer","peer","then","d","console","log","catch","e","toggleMuteAudio","isLocal","changeTrackState","audioTrack","isMute","toggleMuteVideo","videoTrack","changeName","CHANGE_NAME","changeRole","CHANGE_ROLE","onSpotlight","tileVideoTrackId","tileAudioTrackId","tileVideoTrack","track","peerRegularAudioTrack","peerAuxTracks","auxiliaryTracks","handleSpotlightPress","set","error","localPeerPermissions","role","permissions","isPeerAudioMute","isPeerVideoMute","createElement","style","styles","container","roleChangeModalHeading","name","participantRole","contentContainer","SettingItem","text","IconType","iconName","onPress","disabled","trackId","mute","unmute","Fragment","removeOthers","source","SCREEN","_ref2","button","opacity","size","icon","create","padding","marginTop","color","TEXT","HIGH_EMPHASIS","fontSize","lineHeight","letterSpacing","fontFamily","textTransform","MEDIUM_EMPHASIS","flexDirection","alignItems","marginVertical","WHITE","marginRight"],"sourceRoot":"../../../src","sources":["components/PeerSettingsModalContent.tsx"],"mappings":"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"}
+{"version":3,"names":["React","View","TouchableOpacity","Text","StyleSheet","LayoutAnimation","InteractionManager","batch","useDispatch","useSelector","HMSTrackSource","Ionicons","MaterialCommunityIcons","COLORS","ModalTypes","isTileOnSpotlight","setInsetViewMinimized","setPeerToUpdate","useHMSRoomStyle","useModalType","MinimizeIcon","PinIcon","StarIcon","useCanPublishVideo","BottomSheet","PeerSettingsModalContent","_ref","_localPeer$role","_peer$audioTrack","_peer$videoTrack","_peer$role","_peerTrackNode$track","peerTrackNode","peerTrackNodesListEmpty","cancelModal","onCaptureScreenShotPress","onCaptureImageAtMaxSupportedResolutionPress","onStreamingQualityPress","dispatch","hmsInstance","state","user","localPeer","hmsStates","hmsSessionStore","spotlightTrackId","debugMode","handleModalVisibleType","setModalVisible","localPeerCanPublishVideo","removePeer","peer","then","d","console","log","catch","e","toggleMuteAudio","isLocal","changeTrackState","audioTrack","isMute","toggleMuteVideo","videoTrack","handleMinimizeVideoPress","runAfterInteractions","configureNext","Presets","easeInEaseOut","changeRole","CHANGE_ROLE","onSpotlight","tileVideoTrackId","tileAudioTrackId","tileVideoTrack","track","peerRegularAudioTrack","peerAuxTracks","auxiliaryTracks","handleSpotlightPress","set","error","localPeerPermissions","role","permissions","isPeerAudioMute","isPeerVideoMute","createElement","Header","dismissModal","heading","name","subheading","Divider","style","styles","contentContainer","SettingItem","customIcon","text","icon","disabled","onPress","trackId","mute","unmute","Fragment","IconType","iconName","removeOthers","source","SCREEN","_ref2","resetProps","textStyles","theme","typography","color","palette","on_surface_high","fontFamily","font_family","button","opacity","size","create","marginBottom","width","height","marginRight","flexDirection","alignItems","paddingVertical","paddingHorizontal","fontSize","lineHeight","letterSpacing","WHITE"],"sourceRoot":"../../../src","sources":["components/PeerSettingsModalContent.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,IAAI,EACJC,gBAAgB,EAChBC,IAAI,EACJC,UAAU,EACVC,eAAe,EACfC,kBAAkB,QACb,cAAc;AACrB,SAASC,KAAK,EAAEC,WAAW,EAAEC,WAAW,QAAQ,aAAa;AAC7D,SAAmBC,cAAc,QAAQ,6BAA6B;AACtE,OAAOC,QAAQ,MAAM,oCAAoC;AACzD,OAAOC,sBAAsB,MAAM,kDAAkD;AAGrF,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,UAAU,QAAQ,gBAAgB;AAE3C,SAASC,iBAAiB,QAAQ,oBAAoB;AACtD,SAASC,qBAAqB,EAAEC,eAAe,QAAQ,kBAAkB;AACzE,SAASC,eAAe,EAAEC,YAAY,QAAQ,eAAe;AAC7D,SAASC,YAAY,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,UAAU;AAC1D,SAASC,kBAAkB,QAAQ,cAAc;AACjD,SAASC,WAAW,QAAQ,eAAe;AAW3C,OAAO,MAAMC,wBAEZ,GAAGC,IAAA,IAOE;EAAA,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,UAAA,EAAAC,oBAAA;EAAA,IAPD;IACHC,aAAa;IACbC,uBAAuB;IACvBC,WAAW;IACXC,wBAAwB;IACxBC,2CAA2C;IAC3CC;EACF,CAAC,GAAAX,IAAA;EACC,MAAMY,QAAQ,GAAG9B,WAAW,CAAC,CAAC;EAC9B,MAAM+B,WAAW,GAAG9B,WAAW,CAAE+B,KAAgB,IAAKA,KAAK,CAACC,IAAI,CAACF,WAAW,CAAC;EAC7E,MAAMG,SAAS,GAAGjC,WAAW,CAC1B+B,KAAgB,IAAKA,KAAK,CAACG,SAAS,CAACD,SACxC,CAAC;EACD,MAAME,eAAe,GAAGnC,WAAW,CAChC+B,KAAgB,IAAKA,KAAK,CAACC,IAAI,CAACG,eACnC,CAAC;EACD,MAAMC,gBAAgB,GAAGpC,WAAW,CACjC+B,KAAgB,IAAKA,KAAK,CAACC,IAAI,CAACI,gBACnC,CAAC;EACD,MAAMC,SAAS,GAAGrC,WAAW,CAAE+B,KAAgB,IAAKA,KAAK,CAACC,IAAI,CAACK,SAAS,CAAC;EACzE,MAAM;IAAEC,sBAAsB,EAAEC;EAAgB,CAAC,GAAG7B,YAAY,CAAC,CAAC;EAClE,MAAM8B,wBAAwB,GAAG1B,kBAAkB,CAAC,CAAC;EAErD,MAAM2B,UAAU,GAAGA,CAAA,KAAM;IACvBX,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CACPW,UAAU,CAAClB,aAAa,CAACmB,IAAI,EAAE,mBAAmB,CAAC,CACpDC,IAAI,CAAEC,CAAC,IAAKC,OAAO,CAACC,GAAG,CAAC,uBAAuB,EAAEF,CAAC,CAAC,CAAC,CACpDG,KAAK,CAAEC,CAAC,IAAKH,OAAO,CAACC,GAAG,CAAC,qBAAqB,EAAEE,CAAC,CAAC,CAAC;IAEtDvB,WAAW,CAAC,CAAC;EACf,CAAC;EAED,MAAMwB,eAAe,GAAGA,CAAA,KAAM;IAC5BxB,WAAW,CAAC,CAAC;IAEb,IAAIF,aAAa,CAACmB,IAAI,CAACQ,OAAO,EAAE;MAC9B;IACF;IAEApB,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEqB,gBAAgB,CAC3B5B,aAAa,CAACmB,IAAI,CAACU,UAAU,EAC7B,CAAC7B,aAAa,CAACmB,IAAI,CAACU,UAAU,CAAGC,MAAM,CAAC,CAC1C,CAAC;EACH,CAAC;EAED,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC5B7B,WAAW,CAAC,CAAC;IAEb,IAAIF,aAAa,CAACmB,IAAI,CAACQ,OAAO,EAAE;MAC9B;IACF;IAEApB,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEqB,gBAAgB,CAC3B5B,aAAa,CAACmB,IAAI,CAACa,UAAU,EAC7B,CAAChC,aAAa,CAACmB,IAAI,CAACa,UAAU,CAAGF,MAAM,CAAC,CAC1C,CAAC;EACH,CAAC;;EAED;EACA;EACA;EACA;EACA;EACA;;EAEA,MAAMG,wBAAwB,GAAGA,CAAA,KAAM;IACrC/B,WAAW,CAAC,CAAC;IACb5B,kBAAkB,CAAC4D,oBAAoB,CAAC,MAAM;MAC5C7D,eAAe,CAAC8D,aAAa,CAAC9D,eAAe,CAAC+D,OAAO,CAACC,aAAa,CAAC;MACpE/B,QAAQ,CAACtB,qBAAqB,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC,CAAC;EACJ,CAAC;EAED,MAAMsD,UAAU,GAAGA,CAAA,KAAM;IACvB/D,KAAK,CAAC,MAAM;MACV+B,QAAQ,CAACrB,eAAe,CAACe,aAAa,CAACmB,IAAI,CAAC,CAAC;MAC7CH,eAAe,CAAClC,UAAU,CAACyD,WAAW,EAAE,IAAI,CAAC;IAC/C,CAAC,CAAC;EACJ,CAAC;;EAED;EACA,MAAM;IAAEC,WAAW;IAAEC,gBAAgB;IAAEC;EAAiB,CAAC,GAAG3D,iBAAiB,CAC3E8B,gBAAgB,EAChB;IACE8B,cAAc,EAAE3C,aAAa,CAAC4C,KAAK;IACnCC,qBAAqB,EAAE7C,aAAa,CAACmB,IAAI,CAACU,UAAU;IACpDiB,aAAa,EAAE9C,aAAa,CAACmB,IAAI,CAAC4B;EACpC,CACF,CAAC;EAED,MAAMC,oBAAoB,GAAG,MAAAA,CAAA,KAAY;IACvC,IAAI;MACF;MACA9C,WAAW,CAAC,CAAC;MAEb,IAAI,CAACU,eAAe,EAAE;QACpB,OAAO,IAAI;MACb;MAEA,IAAI8B,gBAAgB,IAAID,gBAAgB,EAAE;QACxC;QACA,MAAM7B,eAAe,CAACqC,GAAG,CACvBT,WAAW,GAAG,IAAI,GAAGE,gBAAgB,IAAID,gBAAgB,EACzD,WACF,CAAC;MACH;IACF,CAAC,CAAC,OAAOS,KAAK,EAAE;MACd5B,OAAO,CAACC,GAAG,CAAC,4BAA4B,EAAE2B,KAAK,CAAC;IAClD;EACF,CAAC;EAED,MAAM;IAAE/B;EAAK,CAAC,GAAGnB,aAAa;EAE9B,MAAMmD,oBAAoB,GAAGzC,SAAS,aAATA,SAAS,gBAAAf,eAAA,GAATe,SAAS,CAAE0C,IAAI,cAAAzD,eAAA,uBAAfA,eAAA,CAAiB0D,WAAW;EAEzD,MAAMC,eAAe,GAAGnC,IAAI,CAACQ,OAAO,GAAG,IAAI,IAAA/B,gBAAA,GAAGuB,IAAI,CAACU,UAAU,cAAAjC,gBAAA,uBAAfA,gBAAA,CAAiBkC,MAAM,CAAC,CAAC;EACvE,MAAMyB,eAAe,GAAGpC,IAAI,CAACQ,OAAO,GAAG,IAAI,IAAA9B,gBAAA,GAAGsB,IAAI,CAACa,UAAU,cAAAnC,gBAAA,uBAAfA,gBAAA,CAAiBiC,MAAM,CAAC,CAAC;EAEvE,oBACE9D,KAAA,CAAAwF,aAAA,CAACvF,IAAI,qBACHD,KAAA,CAAAwF,aAAA,CAAChE,WAAW,CAACiE,MAAM;IACjBC,YAAY,EAAExD,WAAY;IAC1ByD,OAAO,EAAExC,IAAI,CAACyC,IAAI,IAAIzC,IAAI,CAACQ,OAAO,GAAG,QAAQ,GAAG,EAAE,CAAE;IACpDkC,UAAU,GAAA/D,UAAA,GAAEqB,IAAI,CAACiC,IAAI,cAAAtD,UAAA,uBAATA,UAAA,CAAW8D;EAAK,CAC7B,CAAC,eAEF5F,KAAA,CAAAwF,aAAA,CAAChE,WAAW,CAACsE,OAAO,MAAE,CAAC,eAGvB9F,KAAA,CAAAwF,aAAA,CAACvF,IAAI;IAAC8F,KAAK,EAAEC,MAAM,CAACC;EAAiB,GAClC9C,IAAI,CAACQ,OAAO;EAAA;EAAK;EAChB3D,KAAA,CAAAwF,aAAA,CAACU,WAAW;IACVC,UAAU,EAAE,IAAK;IACjBC,IAAI,EAAE,IAAI,GAAG,qBAAqB,GAAG,uBAAwB;IAC7DC,IAAI,eAAErG,KAAA,CAAAwF,aAAA,CAACnE,OAAO;MAAC0E,KAAK,EAAEC,MAAM,CAACG;IAAW,CAAE,CAAE;IAC5CG,QAAQ,EAAE,IAAK;IACfC,OAAO,EAAEA,CAAA,KAAM,CAAC;EAAE,CACnB,CAAC,GACA,IAAI,eAERvG,KAAA,CAAAwF,aAAA,CAACU,WAAW;IACVC,UAAU,EAAE,IAAK;IACjBC,IAAI,EACF5B,WAAW,GACP,+BAA+B,GAC/B,6BACL;IACD6B,IAAI,eAAErG,KAAA,CAAAwF,aAAA,CAAClE,QAAQ;MAACyE,KAAK,EAAEC,MAAM,CAACG;IAAW,CAAE,CAAE;IAC7CI,OAAO,EAAEvB,oBAAqB;IAC9BsB,QAAQ,EAAE,GAAAvE,oBAAA,GAACC,aAAa,CAAC4C,KAAK,cAAA7C,oBAAA,eAAnBA,oBAAA,CAAqByE,OAAO;EAAC,CACzC,CAAC,EAEDrD,IAAI,CAACQ,OAAO,IAAIV,wBAAwB,gBACvCjD,KAAA,CAAAwF,aAAA,CAACU,WAAW;IACVC,UAAU,EAAE,IAAK;IACjBC,IAAI,EAAE,qBAAsB;IAC5BC,IAAI,eAAErG,KAAA,CAAAwF,aAAA,CAACpE,YAAY;MAAC2E,KAAK,EAAEC,MAAM,CAACG;IAAW,CAAE,CAAE;IACjDI,OAAO,EAAEtC,wBAAyB;IAClCqC,QAAQ,EAAErE;EAAwB,CACnC,CAAC,GACA,IAAI,EAEP,CAACkB,IAAI,CAACQ,OAAO,KACbwB,oBAAoB,aAApBA,oBAAoB,eAApBA,oBAAoB,CAAEsB,IAAI,IAAItB,oBAAoB,aAApBA,oBAAoB,eAApBA,oBAAoB,CAAEuB,MAAM,CAAC,gBAC1D1G,KAAA,CAAAwF,aAAA,CAAAxF,KAAA,CAAA2G,QAAA,QAEGrB,eAAe,IAAIH,oBAAoB,aAApBA,oBAAoB,eAApBA,oBAAoB,CAAEuB,MAAM,gBAC9C1G,KAAA,CAAAwF,aAAA,CAACU,WAAW;IACVE,IAAI,EAAE,sBAAuB;IAC7BQ,QAAQ,EAAEjG,QAAS;IACnBkG,QAAQ,EAAE,iBAAkB;IAC5BN,OAAO,EAAE7C;EAAgB,CAC1B,CAAC,GACA,IAAI,EAGP,CAAC4B,eAAe,IAAIH,oBAAoB,aAApBA,oBAAoB,eAApBA,oBAAoB,CAAEsB,IAAI,gBAC7CzG,KAAA,CAAAwF,aAAA,CAACU,WAAW;IACVE,IAAI,EAAE,YAAa;IACnBQ,QAAQ,EAAEjG,QAAS;IACnBkG,QAAQ,EAAE,aAAc;IACxBN,OAAO,EAAE7C;EAAgB,CAC1B,CAAC,GACA,IACJ,CAAC,GACD,IAAI,EAEP,CAACP,IAAI,CAACQ,OAAO,KACbwB,oBAAoB,aAApBA,oBAAoB,eAApBA,oBAAoB,CAAEsB,IAAI,IAAItB,oBAAoB,aAApBA,oBAAoB,eAApBA,oBAAoB,CAAEuB,MAAM,CAAC,gBAC1D1G,KAAA,CAAAwF,aAAA,CAAAxF,KAAA,CAAA2G,QAAA,QAEGpB,eAAe,IAAIJ,oBAAoB,aAApBA,oBAAoB,eAApBA,oBAAoB,CAAEuB,MAAM,gBAC9C1G,KAAA,CAAAwF,aAAA,CAACU,WAAW;IACVE,IAAI,EAAE,sBAAuB;IAC7BQ,QAAQ,EAAEhG,sBAAuB;IACjCiG,QAAQ,EAAE,mBAAoB;IAC9BN,OAAO,EAAExC;EAAgB,CAC1B,CAAC,GACA,IAAI,EAGP,CAACwB,eAAe,IAAIJ,oBAAoB,aAApBA,oBAAoB,eAApBA,oBAAoB,CAAEsB,IAAI,gBAC7CzG,KAAA,CAAAwF,aAAA,CAACU,WAAW;IACVE,IAAI,EAAE,YAAa;IACnBQ,QAAQ,EAAEhG,sBAAuB;IACjCiG,QAAQ,EAAE,eAAgB;IAC1BN,OAAO,EAAExC;EAAgB,CAC1B,CAAC,GACA,IACJ,CAAC,GACD,IAAI,EAEP,CAACZ,IAAI,CAACQ,OAAO,IAAIwB,oBAAoB,aAApBA,oBAAoB,eAApBA,oBAAoB,CAAE2B,YAAY,gBAClD9G,KAAA,CAAAwF,aAAA,CAACU,WAAW;IACVE,IAAI,EAAC,aAAa;IAClBQ,QAAQ,EAAEjG,QAAS;IACnBkG,QAAQ,EAAE,uBAAwB;IAClCN,OAAO,EAAErD;EAAW,CACrB,CAAC,GACA,IAAI,EAWP,CAACC,IAAI,CAACQ,OAAO,IAAIwB,oBAAoB,aAApBA,oBAAoB,eAApBA,oBAAoB,CAAEb,UAAU,gBAChDtE,KAAA,CAAAwF,aAAA,CAACU,WAAW;IACVE,IAAI,EAAC,aAAa;IAClBQ,QAAQ,EAAEjG,QAAS;IACnBkG,QAAQ,EAAE,gBAAiB;IAC3BN,OAAO,EAAEA,CAAA,KAAMjC,UAAU,CAAC;EAAE,CAC7B,CAAC,GACA,IAAI,EAGP,CAACxB,SAAS,IACVd,aAAa,CAACmB,IAAI,CAACQ,OAAO,IACzB3B,aAAa,CAAC4C,KAAK,IACnB5C,aAAa,CAAC4C,KAAK,CAACmC,MAAM,KAAKrG,cAAc,CAACsG,MAAO,GAAG,IAAI,gBAC5DhH,KAAA,CAAAwF,aAAA,CAACU,WAAW;IACVE,IAAI,EAAC,oBAAoB;IACzBQ,QAAQ,EAAEhG,sBAAuB;IACjCiG,QAAQ,EAAE,sBAAuB;IACjCN,OAAO,EAAEA,CAAA,KAAMpE,wBAAwB,CAACH,aAAa,CAAE;IACvDsE,QAAQ,EAAE,CAACtE,aAAa,CAAC4C,KAAK,IAAI5C,aAAa,CAAC4C,KAAK,CAACd,MAAM,CAAC,CAAE,CAAC;EAAA,CACjE,CACF,EAGAhB,SAAS,IAAId,aAAa,CAACmB,IAAI,CAACQ,OAAO,gBACtC3D,KAAA,CAAAwF,aAAA,CAACU,WAAW;IACVE,IAAI,EAAC,qBAAqB;IAC1BQ,QAAQ,EAAEhG,sBAAuB;IACjCiG,QAAQ,EAAE,sBAAuB;IACjCN,OAAO,EAAEA,CAAA,KACPnE,2CAA2C,CAACJ,aAAa,CAC1D;IACDsE,QAAQ,EAAE,CAACtE,aAAa,CAAC4C,KAAK,IAAI5C,aAAa,CAAC4C,KAAK,CAACd,MAAM,CAAC,CAAE,CAAC;EAAA,CACjE,CAAC,GACA,IAAI,EAGPhB,SAAS,IAAI,CAACK,IAAI,CAACQ,OAAO,gBACzB3D,KAAA,CAAAwF,aAAA,CAACU,WAAW;IACVE,IAAI,EAAC,mBAAmB;IACxBQ,QAAQ,EAAEjG,QAAS;IACnBkG,QAAQ,EAAE,gBAAiB;IAC3BN,OAAO,EAAEA,CAAA,KACPvE,aAAa,CAAC4C,KAAK,GACfvC,uBAAuB,CAACL,aAAa,CAAC4C,KAAK,CAAC,GAC5C,IACL;IACD0B,QAAQ,EAAE,CAACtE,aAAa,CAAC4C,KAAK,IAAI5C,aAAa,CAAC4C,KAAK,CAACd,MAAM,CAAC,CAAE,CAAC;EAAA,CACjE,CAAC,GACA,IACA,CACF,CAAC;AAEX,CAAC;AAsBD,MAAMoC,WAAuC,GAAGe,KAAA,IAK1C;EAAA,IAL2C;IAC/CV,OAAO;IACPH,IAAI;IACJE,QAAQ,GAAG,KAAK;IAChB,GAAGY;EACL,CAAC,GAAAD,KAAA;EACC,MAAME,UAAU,GAAGjG,eAAe,CAAC,CAACkG,KAAK,EAAEC,UAAU,MAAM;IACzDC,KAAK,EAAEF,KAAK,CAACG,OAAO,CAACC,eAAe;IACpCC,UAAU,EAAG,GAAEJ,UAAU,CAACK,WAAY;EACxC,CAAC,CAAC,CAAC;EAEH,oBACE1H,KAAA,CAAAwF,aAAA,CAACtF,gBAAgB;IACfoG,QAAQ,EAAEA,QAAS;IACnBP,KAAK,EAAE,CAACC,MAAM,CAAC2B,MAAM,EAAErB,QAAQ,GAAG;MAAEsB,OAAO,EAAE;IAAI,CAAC,GAAG,IAAI,CAAE;IAC3DrB,OAAO,EAAEA;EAAQ,GAEhBW,UAAU,CAACf,UAAU,GACpBe,UAAU,CAACb,IAAI,gBAEfrG,KAAA,CAAAwF,aAAA,CAAC0B,UAAU,CAACN,QAAQ;IAClBhB,IAAI,EAAEsB,UAAU,CAACL,QAAS;IAC1BgB,IAAI,EAAE,EAAG;IACT9B,KAAK,EAAEC,MAAM,CAACK;EAAK,CACpB,CACF,eAEDrG,KAAA,CAAAwF,aAAA,CAACrF,IAAI;IAAC4F,KAAK,EAAE,CAACC,MAAM,CAACI,IAAI,EAAEe,UAAU;EAAE,GAAEf,IAAW,CACpC,CAAC;AAEvB,CAAC;AAED,MAAMJ,MAAM,GAAG5F,UAAU,CAAC0H,MAAM,CAAC;EAC/B7B,gBAAgB,EAAE;IAChB8B,YAAY,EAAE;EAChB,CAAC;EACD5B,UAAU,EAAE;IACV6B,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE;EACf,CAAC;EACDP,MAAM,EAAE;IACNQ,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,EAAE;IACrBP,YAAY,EAAE;EAChB,CAAC;EACD3B,IAAI,EAAE;IACJmC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB,CAAC;EACDpC,IAAI,EAAE;IACJiB,KAAK,EAAEzG,MAAM,CAAC6H,KAAK;IACnBR,WAAW,EAAE;EACf;AACF,CAAC,CAAC"}

package/lib/module/components/PeerVideoTile/AvatarView.js

@@ -0,0 +1,66 @@
+import * as React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { PersonIcon } from '../../Icons';
+import { getInitials } from '../../utils/functions';
+import { COLORS } from '../../utils/theme';
+import { useHMSRoomStyleSheet } from '../../hooks-util';
+export const _AvatarView = _ref => {
+  let {
+    name,
+    videoView
+  } = _ref;
+  const showInitials = !!name && name.length > 0;
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    avatarContainer: {
+      backgroundColor: theme.palette.surface_default
+    },
+    avatar: {
+      backgroundColor: COLORS.EXTENDED.PURPLE
+    },
+    avatarText: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    }
+  }));
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, videoView || /*#__PURE__*/React.createElement(View, {
+    style: [styles.avatarContainer, hmsRoomStyles.avatarContainer]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.avatar, hmsRoomStyles.avatar]
+  }, showInitials ? /*#__PURE__*/React.createElement(Text, {
+    style: [styles.avatarText, hmsRoomStyles.avatarText]
+  }, getInitials(name)) : /*#__PURE__*/React.createElement(PersonIcon, {
+    style: styles.avatarIcon
+  }))));
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    position: 'relative',
+    overflow: 'hidden'
+  },
+  avatarContainer: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  avatar: {
+    width: 88,
+    aspectRatio: 1,
+    borderRadius: 44,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  avatarIcon: {
+    width: 40,
+    height: 40
+  },
+  avatarText: {
+    fontSize: 34,
+    lineHeight: 40,
+    letterSpacing: 0.25
+  }
+});
+export const AvatarView = /*#__PURE__*/React.memo(_AvatarView);
+//# sourceMappingURL=AvatarView.js.map

package/lib/module/components/PeerVideoTile/AvatarView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","PersonIcon","getInitials","COLORS","useHMSRoomStyleSheet","_AvatarView","_ref","name","videoView","showInitials","length","hmsRoomStyles","theme","typography","avatarContainer","backgroundColor","palette","surface_default","avatar","EXTENDED","PURPLE","avatarText","color","on_surface_high","fontFamily","font_family","createElement","style","styles","container","avatarIcon","create","flex","position","overflow","alignItems","justifyContent","width","aspectRatio","borderRadius","height","fontSize","lineHeight","letterSpacing","AvatarView","memo"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/AvatarView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAErD,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,WAAW,QAAQ,uBAAuB;AACnD,SAASC,MAAM,QAAQ,mBAAmB;AAE1C,SAASC,oBAAoB,QAAQ,kBAAkB;AAOvD,OAAO,MAAMC,WAAsC,GAAGC,IAAA,IAAyB;EAAA,IAAxB;IAAEC,IAAI;IAAEC;EAAU,CAAC,GAAAF,IAAA;EACxE,MAAMG,YAAY,GAAG,CAAC,CAACF,IAAI,IAAIA,IAAI,CAACG,MAAM,GAAG,CAAC;EAE9C,MAAMC,aAAa,GAAGP,oBAAoB,CAAC,CAACQ,KAAK,EAAEC,UAAU,MAAM;IACjEC,eAAe,EAAE;MACfC,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACC;IACjC,CAAC;IACDC,MAAM,EAAE;MACNH,eAAe,EAAEZ,MAAM,CAACgB,QAAQ,CAACC;IACnC,CAAC;IACDC,UAAU,EAAE;MACVC,KAAK,EAAEV,KAAK,CAACI,OAAO,CAACO,eAAe;MACpCC,UAAU,EAAG,GAAEX,UAAU,CAACY,WAAY;IACxC;EACF,CAAC,CAAC,CAAC;EAEH,oBACE5B,KAAA,CAAA6B,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAEC,MAAM,CAACC;EAAU,GAC3BrB,SAAS,iBACRX,KAAA,CAAA6B,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAE,CAACC,MAAM,CAACd,eAAe,EAAEH,aAAa,CAACG,eAAe;EAAE,gBACnEjB,KAAA,CAAA6B,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAE,CAACC,MAAM,CAACV,MAAM,EAAEP,aAAa,CAACO,MAAM;EAAE,GAChDT,YAAY,gBACXZ,KAAA,CAAA6B,aAAA,CAAC3B,IAAI;IAAC4B,KAAK,EAAE,CAACC,MAAM,CAACP,UAAU,EAAEV,aAAa,CAACU,UAAU;EAAE,GACxDnB,WAAW,CAACK,IAAI,CACb,CAAC,gBAEPV,KAAA,CAAA6B,aAAA,CAACzB,UAAU;IAAC0B,KAAK,EAAEC,MAAM,CAACE;EAAW,CAAE,CAErC,CACF,CAEJ,CAAC;AAEX,CAAC;AAED,MAAMF,MAAM,GAAG9B,UAAU,CAACiC,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,UAAU;IACpBC,QAAQ,EAAE;EACZ,CAAC;EACDpB,eAAe,EAAE;IACfkB,IAAI,EAAE,CAAC;IACPG,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDlB,MAAM,EAAE;IACNmB,KAAK,EAAE,EAAE;IACTC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,EAAE;IAChBH,cAAc,EAAE,QAAQ;IACxBD,UAAU,EAAE;EACd,CAAC;EACDL,UAAU,EAAE;IACVO,KAAK,EAAE,EAAE;IACTG,MAAM,EAAE;EACV,CAAC;EACDnB,UAAU,EAAE;IACVoB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,UAAU,gBAAG/C,KAAK,CAACgD,IAAI,CAACxC,WAAW,CAAC"}

package/lib/module/components/PeerVideoTile/PeerAudioMutedIndicator.js

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { MicIcon } from '../../Icons';
+import { useHMSRoomStyle } from '../../hooks-util';
+export const PeerAudioMutedIndicator = _ref => {
+  let {
+    isMuted
+  } = _ref;
+  const iconWrapperStyles = useHMSRoomStyle(theme => ({
+    backgroundColor: theme.palette.secondary_dim
+  }));
+  if (isMuted) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.iconWrapper, iconWrapperStyles]
+    }, /*#__PURE__*/React.createElement(MicIcon, {
+      muted: true,
+      style: styles.icon
+    }));
+  }
+  return null;
+};
+const styles = StyleSheet.create({
+  iconWrapper: {
+    position: 'absolute',
+    top: 8,
+    right: 8,
+    padding: 8,
+    borderRadius: 16
+  },
+  icon: {
+    width: 16,
+    height: 16
+  }
+});
+//# sourceMappingURL=PeerAudioMutedIndicator.js.map

package/lib/module/components/PeerVideoTile/PeerAudioMutedIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","MicIcon","useHMSRoomStyle","PeerAudioMutedIndicator","_ref","isMuted","iconWrapperStyles","theme","backgroundColor","palette","secondary_dim","createElement","style","styles","iconWrapper","muted","icon","create","position","top","right","padding","borderRadius","width","height"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/PeerAudioMutedIndicator.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,OAAO,QAAQ,aAAa;AACrC,SAASC,eAAe,QAAQ,kBAAkB;AAMlD,OAAO,MAAMC,uBAEZ,GAAGC,IAAA,IAAiB;EAAA,IAAhB;IAAEC;EAAQ,CAAC,GAAAD,IAAA;EACd,MAAME,iBAAiB,GAAGJ,eAAe,CAAEK,KAAK,KAAM;IACpDC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACC;EACjC,CAAC,CAAC,CAAC;EAEH,IAAIL,OAAO,EAAE;IACX,oBACEP,KAAA,CAAAa,aAAA,CAACX,IAAI;MAACY,KAAK,EAAE,CAACC,MAAM,CAACC,WAAW,EAAER,iBAAiB;IAAE,gBACnDR,KAAA,CAAAa,aAAA,CAACV,OAAO;MAACc,KAAK,EAAE,IAAK;MAACH,KAAK,EAAEC,MAAM,CAACG;IAAK,CAAE,CACvC,CAAC;EAEX;EAEA,OAAO,IAAI;AACb,CAAC;AAED,MAAMH,MAAM,GAAGd,UAAU,CAACkB,MAAM,CAAC;EAC/BH,WAAW,EAAE;IACXI,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE;EAChB,CAAC;EACDN,IAAI,EAAE;IACJO,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC"}

package/lib/module/components/PeerVideoTile/PeerMetadata.js

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { parseMetadata } from '../../utils/functions';
+import { BRBIcon, HandIcon } from '../../Icons';
+import { useHMSRoomStyle } from '../../hooks-util';
+export const PeerMetadata = _ref => {
+  let {
+    metadata
+  } = _ref;
+  const parsedMetadata = parseMetadata(metadata);
+  const iconWrapperStyles = useHMSRoomStyle(theme => ({
+    backgroundColor: theme.palette.secondary_dim
+  }));
+  if (parsedMetadata.isBRBOn) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.iconWrapper, iconWrapperStyles]
+    }, /*#__PURE__*/React.createElement(BRBIcon, null));
+  }
+  if (parsedMetadata.isHandRaised) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.iconWrapper, iconWrapperStyles]
+    }, /*#__PURE__*/React.createElement(HandIcon, null));
+  }
+  return null;
+};
+const styles = StyleSheet.create({
+  iconWrapper: {
+    position: 'absolute',
+    top: 8,
+    left: 8,
+    padding: 4,
+    borderRadius: 16
+  }
+});
+//# sourceMappingURL=PeerMetadata.js.map

package/lib/module/components/PeerVideoTile/PeerMetadata.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","parseMetadata","BRBIcon","HandIcon","useHMSRoomStyle","PeerMetadata","_ref","metadata","parsedMetadata","iconWrapperStyles","theme","backgroundColor","palette","secondary_dim","isBRBOn","createElement","style","styles","iconWrapper","isHandRaised","create","position","top","left","padding","borderRadius"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/PeerMetadata.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,OAAO,EAAEC,QAAQ,QAAQ,aAAa;AAC/C,SAASC,eAAe,QAAQ,kBAAkB;AAMlD,OAAO,MAAMC,YAAyC,GAAGC,IAAA,IAAkB;EAAA,IAAjB;IAAEC;EAAS,CAAC,GAAAD,IAAA;EACpE,MAAME,cAAc,GAAGP,aAAa,CAACM,QAAQ,CAAC;EAE9C,MAAME,iBAAiB,GAAGL,eAAe,CAAEM,KAAK,KAAM;IACpDC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACC;EACjC,CAAC,CAAC,CAAC;EAEH,IAAIL,cAAc,CAACM,OAAO,EAAE;IAC1B,oBACEhB,KAAA,CAAAiB,aAAA,CAACf,IAAI;MAACgB,KAAK,EAAE,CAACC,MAAM,CAACC,WAAW,EAAET,iBAAiB;IAAE,gBACnDX,KAAA,CAAAiB,aAAA,CAACb,OAAO,MAAE,CACN,CAAC;EAEX;EAEA,IAAIM,cAAc,CAACW,YAAY,EAAE;IAC/B,oBACErB,KAAA,CAAAiB,aAAA,CAACf,IAAI;MAACgB,KAAK,EAAE,CAACC,MAAM,CAACC,WAAW,EAAET,iBAAiB;IAAE,gBACnDX,KAAA,CAAAiB,aAAA,CAACZ,QAAQ,MAAE,CACP,CAAC;EAEX;EAEA,OAAO,IAAI;AACb,CAAC;AAED,MAAMc,MAAM,GAAGlB,UAAU,CAACqB,MAAM,CAAC;EAC/BF,WAAW,EAAE;IACXG,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC"}

package/lib/module/components/PeerVideoTile/PeerNameAndNetwork.js

@@ -0,0 +1,65 @@
+import * as React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { HMSTrackSource } from '@100mslive/react-native-hms';
+import { hexToRgbA } from '../../utils/theme';
+import { NetworkQualityIcon } from '../../Icons';
+import { useHMSRoomStyleSheet } from '../../hooks-util';
+export const PeerNameAndNetwork = _ref => {
+  let {
+    name,
+    isLocal,
+    trackSource,
+    networkQuality
+  } = _ref;
+  const showTrackSource = trackSource && trackSource !== HMSTrackSource.REGULAR;
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    contentContainer: {
+      backgroundColor: hexToRgbA(theme.palette.background_dim, 0.64)
+    },
+    name: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-Regular`
+    }
+  }));
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.contentContainer, hmsRoomStyles.contentContainer]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.name, hmsRoomStyles.name],
+    numberOfLines: 1,
+    ellipsizeMode: showTrackSource ? 'middle' : 'tail'
+  }, name, isLocal ? ' (You)' : '', showTrackSource ? `'s ${trackSource}` : ''), /*#__PURE__*/React.createElement(NetworkQualityIcon, {
+    quality: networkQuality,
+    style: styles.networkIcon
+  })));
+};
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    bottom: 8,
+    width: '100%',
+    flexDirection: 'row'
+  },
+  contentContainer: {
+    flexDirection: 'row',
+    paddingVertical: 4,
+    paddingHorizontal: 8,
+    borderRadius: 8,
+    marginLeft: 8,
+    // left offset
+    marginRight: 20 + 4 + 44 // network icon width + network icon left margin + 3 dots button width and horizontal margins
+  },
+
+  name: {
+    flexGrow: 1,
+    flexShrink: 1,
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.25
+  },
+  networkIcon: {
+    marginLeft: 4
+  }
+});
+//# sourceMappingURL=PeerNameAndNetwork.js.map