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

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":"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"}

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","View","HMSTrackSource","hexToRgbA","NetworkQualityIcon","useHMSRoomStyleSheet","PeerNameAndNetwork","_ref","name","isLocal","trackSource","networkQuality","showTrackSource","REGULAR","hmsRoomStyles","theme","typography","contentContainer","backgroundColor","palette","background_dim","color","on_surface_high","fontFamily","font_family","createElement","style","styles","container","numberOfLines","ellipsizeMode","quality","networkIcon","create","position","bottom","width","flexDirection","paddingVertical","paddingHorizontal","borderRadius","marginLeft","marginRight","flexGrow","flexShrink","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/PeerNameAndNetwork.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,cAAc,QAAQ,6BAA6B;AAE5D,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,kBAAkB,QAAQ,aAAa;AAChD,SAASC,oBAAoB,QAAQ,kBAAkB;AASvD,OAAO,MAAMC,kBAAqD,GAAGC,IAAA,IAK/D;EAAA,IALgE;IACpEC,IAAI;IACJC,OAAO;IACPC,WAAW;IACXC;EACF,CAAC,GAAAJ,IAAA;EACC,MAAMK,eAAe,GAAGF,WAAW,IAAIA,WAAW,KAAKR,cAAc,CAACW,OAAO;EAE7E,MAAMC,aAAa,GAAGT,oBAAoB,CAAC,CAACU,KAAK,EAAEC,UAAU,MAAM;IACjEC,gBAAgB,EAAE;MAChBC,eAAe,EAAEf,SAAS,CAACY,KAAK,CAACI,OAAO,CAACC,cAAc,EAAE,IAAI;IAC/D,CAAC;IACDZ,IAAI,EAAE;MACJa,KAAK,EAAEN,KAAK,CAACI,OAAO,CAACG,eAAe;MACpCC,UAAU,EAAG,GAAEP,UAAU,CAACQ,WAAY;IACxC;EACF,CAAC,CAAC,CAAC;EAEH,oBACE1B,KAAA,CAAA2B,aAAA,CAACxB,IAAI;IAACyB,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5B9B,KAAA,CAAA2B,aAAA,CAACxB,IAAI;IAACyB,KAAK,EAAE,CAACC,MAAM,CAACV,gBAAgB,EAAEH,aAAa,CAACG,gBAAgB;EAAE,gBACrEnB,KAAA,CAAA2B,aAAA,CAACzB,IAAI;IACH0B,KAAK,EAAE,CAACC,MAAM,CAACnB,IAAI,EAAEM,aAAa,CAACN,IAAI,CAAE;IACzCqB,aAAa,EAAE,CAAE;IACjBC,aAAa,EAAElB,eAAe,GAAG,QAAQ,GAAG;EAAO,GAElDJ,IAAI,EACJC,OAAO,GAAG,QAAQ,GAAG,EAAE,EACvBG,eAAe,GAAI,MAAKF,WAAY,EAAC,GAAG,EACrC,CAAC,eAEPZ,KAAA,CAAA2B,aAAA,CAACrB,kBAAkB;IACjB2B,OAAO,EAAEpB,cAAe;IACxBe,KAAK,EAAEC,MAAM,CAACK;EAAY,CAC3B,CACG,CACF,CAAC;AAEX,CAAC;AAED,MAAML,MAAM,GAAG5B,UAAU,CAACkC,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE;EACjB,CAAC;EACDpB,gBAAgB,EAAE;IAChBoB,aAAa,EAAE,KAAK;IACpBC,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,CAAC;IACpBC,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE,CAAC;IAAE;IACfC,WAAW,EAAE,EAAE,GAAG,CAAC,GAAG,EAAE,CAAE;EAC5B,CAAC;;EACDlC,IAAI,EAAE;IACJmC,QAAQ,EAAE,CAAC;IACXC,UAAU,EAAE,CAAC;IACbC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB,CAAC;EACDf,WAAW,EAAE;IACXS,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,136 @@
+import * as React from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import { HMSTrackSource, HMSVideoViewMode } from '@100mslive/react-native-hms';
+import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
+import { useSelector } from 'react-redux';
+import { VideoView } from './VideoView';
+import { AvatarView } from './AvatarView';
+import { PeerMetadata } from './PeerMetadata';
+import { PeerAudioMutedIndicator } from './PeerAudioMutedIndicator';
+import { PressableIcon } from '../PressableIcon';
+import { ThreeDotsIcon } from '../../Icons';
+import { hexToRgbA } from '../../utils/theme';
+import { PeerNameAndNetwork } from './PeerNameAndNetwork';
+import { UnmountAfterDelay } from '../UnmountAfterDelay';
+import { isTileOnSpotlight } from '../../utils/functions';
+import { selectCanPublishTrackForRole } from '../../hooks-sdk-selectors';
+import { useHMSRoomStyle } from '../../hooks-util';
+export const _PeerVideoTileView = /*#__PURE__*/React.forwardRef((_ref, hmsViewRef) => {
+  var _peer$audioTrack, _peer$networkQuality;
+  let {
+    peerTrackNode,
+    onMoreOptionsPress,
+    insetMode = false
+  } = _ref;
+  const unmountAfterDelayRef = React.useRef(null);
+  const [mounted, setMounted] = React.useState(true);
+  const onSpotlight = useSelector(state => {
+    const {
+      onSpotlight
+    } = isTileOnSpotlight(state.user.spotlightTrackId, {
+      tileVideoTrack: peerTrackNode.track,
+      peerRegularAudioTrack: peerTrackNode.peer.audioTrack,
+      peerAuxTracks: peerTrackNode.peer.auxiliaryTracks
+    });
+    return onSpotlight;
+  });
+  const show = () => {
+    var _unmountAfterDelayRef;
+    setMounted(true);
+    (_unmountAfterDelayRef = unmountAfterDelayRef.current) === null || _unmountAfterDelayRef === void 0 ? void 0 : _unmountAfterDelayRef.resetTimer();
+  };
+  const hide = () => {
+    setMounted(false);
+  };
+  const handleTilePress = () => {
+    show();
+  };
+  const handleOptionsPress = React.useCallback(() => {
+    if (insetMode) {
+      show();
+    }
+    onMoreOptionsPress(peerTrackNode);
+  }, [peerTrackNode, onMoreOptionsPress, insetMode]);
+  const {
+    peer,
+    track,
+    isDegraded
+  } = peerTrackNode;
+  const peerCanPublishAudio = selectCanPublishTrackForRole(peer.role, 'audio');
+  const peerCanPublishVideo = selectCanPublishTrackForRole(peer.role, 'video');
+  const iconWrapperStyles = useHMSRoomStyle(theme => ({
+    backgroundColor: hexToRgbA(theme.palette.background_dim, 0.64)
+  }));
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(AvatarView, {
+    name: peer.name,
+    videoView: peerCanPublishVideo && track && track.trackId && track.isMute() === false ? /*#__PURE__*/React.createElement(VideoView, {
+      ref: hmsViewRef,
+      peer: peer,
+      trackId: track.trackId,
+      isDegraded: isDegraded,
+      overlay: insetMode,
+      scaleType: onSpotlight || track.source !== HMSTrackSource.REGULAR ? HMSVideoViewMode.ASPECT_FIT : HMSVideoViewMode.ASPECT_FILL
+    }) : null
+  }), /*#__PURE__*/React.createElement(PeerMetadata, {
+    metadata: peer.metadata
+  }), peerCanPublishAudio ? /*#__PURE__*/React.createElement(PeerAudioMutedIndicator, {
+    isMuted: (_peer$audioTrack = peer.audioTrack) === null || _peer$audioTrack === void 0 ? void 0 : _peer$audioTrack.isMute()
+  }) : null, insetMode ? null : /*#__PURE__*/React.createElement(PeerNameAndNetwork, {
+    name: peer.name,
+    isLocal: peer.isLocal,
+    trackSource: track === null || track === void 0 ? void 0 : track.source,
+    networkQuality: (_peer$networkQuality = peer.networkQuality) === null || _peer$networkQuality === void 0 ? void 0 : _peer$networkQuality.downlinkQuality
+  }), insetMode ? /*#__PURE__*/React.createElement(Pressable, {
+    style: styles.pressable,
+    onPress: handleTilePress
+  }) : null, insetMode ? /*#__PURE__*/React.createElement(UnmountAfterDelay, {
+    ref: unmountAfterDelayRef,
+    visible: mounted,
+    onUnmount: hide
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    entering: FadeIn,
+    exiting: FadeOut
+  }, /*#__PURE__*/React.createElement(PressableIcon, {
+    activeOpacity: 0.7,
+    style: [styles.iconWrapper, iconWrapperStyles],
+    border: false,
+    onPress: handleOptionsPress
+  }, /*#__PURE__*/React.createElement(ThreeDotsIcon, {
+    stack: "vertical",
+    style: styles.icon
+  })))) : /*#__PURE__*/React.createElement(PressableIcon, {
+    activeOpacity: 0.7,
+    style: [styles.iconWrapper, iconWrapperStyles],
+    border: false,
+    onPress: handleOptionsPress
+  }, /*#__PURE__*/React.createElement(ThreeDotsIcon, {
+    stack: "vertical",
+    style: styles.icon
+  })));
+});
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    position: 'relative'
+  },
+  iconWrapper: {
+    position: 'absolute',
+    bottom: 8,
+    right: 8,
+    padding: 4,
+    borderRadius: 8
+  },
+  icon: {
+    width: 20,
+    height: 20
+  },
+  pressable: {
+    position: 'absolute',
+    width: '100%',
+    height: '100%'
+  }
+});
+export const PeerVideoTileView = /*#__PURE__*/React.memo(_PeerVideoTileView);
+//# sourceMappingURL=PeerVideoTileView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","StyleSheet","View","HMSTrackSource","HMSVideoViewMode","Animated","FadeIn","FadeOut","useSelector","VideoView","AvatarView","PeerMetadata","PeerAudioMutedIndicator","PressableIcon","ThreeDotsIcon","hexToRgbA","PeerNameAndNetwork","UnmountAfterDelay","isTileOnSpotlight","selectCanPublishTrackForRole","useHMSRoomStyle","_PeerVideoTileView","forwardRef","_ref","hmsViewRef","_peer$audioTrack","_peer$networkQuality","peerTrackNode","onMoreOptionsPress","insetMode","unmountAfterDelayRef","useRef","mounted","setMounted","useState","onSpotlight","state","user","spotlightTrackId","tileVideoTrack","track","peerRegularAudioTrack","peer","audioTrack","peerAuxTracks","auxiliaryTracks","show","_unmountAfterDelayRef","current","resetTimer","hide","handleTilePress","handleOptionsPress","useCallback","isDegraded","peerCanPublishAudio","role","peerCanPublishVideo","iconWrapperStyles","theme","backgroundColor","palette","background_dim","createElement","style","styles","container","name","videoView","trackId","isMute","ref","overlay","scaleType","source","REGULAR","ASPECT_FIT","ASPECT_FILL","metadata","isMuted","isLocal","trackSource","networkQuality","downlinkQuality","pressable","onPress","visible","onUnmount","entering","exiting","activeOpacity","iconWrapper","border","stack","icon","create","flex","position","bottom","right","padding","borderRadius","width","height","PeerVideoTileView","memo"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/PeerVideoTileView.tsx"],"mappings":"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"}