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

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

@@ -0,0 +1,60 @@
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useSelector } from 'react-redux';
+import LottieView from 'lottie-react-native';
+import { MicIcon } from '../../Icons';
+import { useHMSRoomStyle } from '../../hooks-util';
+export const PeerAudioIndicator = _ref => {
+  let {
+    peer,
+    isMuted
+  } = _ref;
+  const activeSpeaker = useSelector(state => state.hmsStates.activeSpeakers.findIndex(activeSpeaker => activeSpeaker.peer.peerID === peer.peerID) >= 0);
+  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
+    }));
+  }
+  if (activeSpeaker) {
+    return /*#__PURE__*/React.createElement(View, {
+      style: [styles.speakerIconWrapper, iconWrapperStyles]
+    }, /*#__PURE__*/React.createElement(LottieView, {
+      style: styles.speakerIcon,
+      source: require('../../assets/audio-level-white.json'),
+      autoPlay: true,
+      loop: true
+    }));
+  }
+  return null;
+};
+const styles = StyleSheet.create({
+  iconWrapper: {
+    position: 'absolute',
+    top: 8,
+    right: 8,
+    padding: 8,
+    borderRadius: 16
+  },
+  icon: {
+    width: 16,
+    height: 16
+  },
+  speakerIconWrapper: {
+    position: 'absolute',
+    top: 8,
+    right: 8,
+    padding: 0,
+    borderRadius: 16
+  },
+  speakerIcon: {
+    width: 32,
+    height: 32
+  }
+});
+//# sourceMappingURL=PeerAudioIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","useSelector","LottieView","MicIcon","useHMSRoomStyle","PeerAudioIndicator","_ref","peer","isMuted","activeSpeaker","state","hmsStates","activeSpeakers","findIndex","peerID","iconWrapperStyles","theme","backgroundColor","palette","secondary_dim","createElement","style","styles","iconWrapper","muted","icon","speakerIconWrapper","speakerIcon","source","require","autoPlay","loop","create","position","top","right","padding","borderRadius","width","height"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/PeerAudioIndicator.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,WAAW,QAAQ,aAAa;AACzC,OAAOC,UAAU,MAAM,qBAAqB;AAE5C,SAASC,OAAO,QAAQ,aAAa;AACrC,SAASC,eAAe,QAAQ,kBAAkB;AAQlD,OAAO,MAAMC,kBAAqD,GAAGC,IAAA,IAG/D;EAAA,IAHgE;IACpEC,IAAI;IACJC;EACF,CAAC,GAAAF,IAAA;EACC,MAAMG,aAAa,GAAGR,WAAW,CAC9BS,KAAgB,IACfA,KAAK,CAACC,SAAS,CAACC,cAAc,CAACC,SAAS,CACrCJ,aAAa,IAAKA,aAAa,CAACF,IAAI,CAACO,MAAM,KAAKP,IAAI,CAACO,MACxD,CAAC,IAAI,CACT,CAAC;EAED,MAAMC,iBAAiB,GAAGX,eAAe,CAAEY,KAAK,KAAM;IACpDC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACC;EACjC,CAAC,CAAC,CAAC;EAEH,IAAIX,OAAO,EAAE;IACX,oBACEV,KAAA,CAAAsB,aAAA,CAACpB,IAAI;MAACqB,KAAK,EAAE,CAACC,MAAM,CAACC,WAAW,EAAER,iBAAiB;IAAE,gBACnDjB,KAAA,CAAAsB,aAAA,CAACjB,OAAO;MAACqB,KAAK,EAAE,IAAK;MAACH,KAAK,EAAEC,MAAM,CAACG;IAAK,CAAE,CACvC,CAAC;EAEX;EAEA,IAAIhB,aAAa,EAAE;IACjB,oBACEX,KAAA,CAAAsB,aAAA,CAACpB,IAAI;MAACqB,KAAK,EAAE,CAACC,MAAM,CAACI,kBAAkB,EAAEX,iBAAiB;IAAE,gBAC1DjB,KAAA,CAAAsB,aAAA,CAAClB,UAAU;MACTmB,KAAK,EAAEC,MAAM,CAACK,WAAY;MAC1BC,MAAM,EAAEC,OAAO,CAAC,qCAAqC,CAAE;MACvDC,QAAQ;MACRC,IAAI;IAAA,CACL,CACG,CAAC;EAEX;EAEA,OAAO,IAAI;AACb,CAAC;AAED,MAAMT,MAAM,GAAGvB,UAAU,CAACiC,MAAM,CAAC;EAC/BT,WAAW,EAAE;IACXU,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE;EAChB,CAAC;EACDZ,IAAI,EAAE;IACJa,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDb,kBAAkB,EAAE;IAClBO,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRC,OAAO,EAAE,CAAC;IACVC,YAAY,EAAE;EAChB,CAAC;EACDV,WAAW,EAAE;IACXW,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC"}

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

@@ -2,7 +2,7 @@ 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 { NetworkQualityIcon, ScreenShareIcon } from '../../Icons';
 import { useHMSRoomStyleSheet } from '../../hooks-util';
 export const PeerNameAndNetwork = _ref => {
   let {
@@ -11,10 +11,11 @@ export const PeerNameAndNetwork = _ref => {
     trackSource,
     networkQuality
   } = _ref;
+  const isScreenTrackSource = trackSource && trackSource === HMSTrackSource.SCREEN;
   const showTrackSource = trackSource && trackSource !== HMSTrackSource.REGULAR;
   const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
     contentContainer: {
-      backgroundColor: hexToRgbA(theme.palette.background_dim, 0.64)
+      backgroundColor: theme.palette.background_dim && hexToRgbA(theme.palette.background_dim, 0.64)
     },
     name: {
       color: theme.palette.on_surface_high,
@@ -25,7 +26,9 @@ export const PeerNameAndNetwork = _ref => {
     style: styles.container
   }, /*#__PURE__*/React.createElement(View, {
     style: [styles.contentContainer, hmsRoomStyles.contentContainer]
-  }, /*#__PURE__*/React.createElement(Text, {
+  }, isScreenTrackSource ? /*#__PURE__*/React.createElement(ScreenShareIcon, {
+    style: styles.screenShareIcon
+  }) : null, /*#__PURE__*/React.createElement(Text, {
     style: [styles.name, hmsRoomStyles.name],
     numberOfLines: 1,
     ellipsizeMode: showTrackSource ? 'middle' : 'tail'
@@ -58,6 +61,11 @@ const styles = StyleSheet.create({
     lineHeight: 20,
     letterSpacing: 0.25
   },
+  screenShareIcon: {
+    width: 20,
+    height: 20,
+    marginRight: 6
+  },
   networkIcon: {
     marginLeft: 4
   }

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

@@ -1 +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"}
+{"version":3,"names":["React","StyleSheet","Text","View","HMSTrackSource","hexToRgbA","NetworkQualityIcon","ScreenShareIcon","useHMSRoomStyleSheet","PeerNameAndNetwork","_ref","name","isLocal","trackSource","networkQuality","isScreenTrackSource","SCREEN","showTrackSource","REGULAR","hmsRoomStyles","theme","typography","contentContainer","backgroundColor","palette","background_dim","color","on_surface_high","fontFamily","font_family","createElement","style","styles","container","screenShareIcon","numberOfLines","ellipsizeMode","quality","networkIcon","create","position","bottom","width","flexDirection","paddingVertical","paddingHorizontal","borderRadius","marginLeft","marginRight","flexGrow","flexShrink","fontSize","lineHeight","letterSpacing","height"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/PeerNameAndNetwork.tsx"],"mappings":"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"}

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

@@ -1,25 +1,26 @@
 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 { HMSTrackSource, HMSTrackType, HMSVideoViewMode } from '@100mslive/react-native-hms';
 import { useSelector } from 'react-redux';
 import { VideoView } from './VideoView';
 import { AvatarView } from './AvatarView';
 import { PeerMetadata } from './PeerMetadata';
-import { PeerAudioMutedIndicator } from './PeerAudioMutedIndicator';
+import { PeerAudioIndicator } from './PeerAudioIndicator';
 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';
+import { selectAllowedTracksToPublish, selectCanPublishTrackForRole } from '../../hooks-sdk-selectors';
+import { useHMSRoomStyleSheet } from '../../hooks-util';
+import { HMSFullScreenButton } from './HMSFullScreenButton';
 export const _PeerVideoTileView = /*#__PURE__*/React.forwardRef((_ref, hmsViewRef) => {
   var _peer$audioTrack, _peer$networkQuality;
   let {
     peerTrackNode,
     onMoreOptionsPress,
+    zoomIn,
     insetMode = false
   } = _ref;
   const unmountAfterDelayRef = React.useRef(null);
@@ -37,7 +38,7 @@ export const _PeerVideoTileView = /*#__PURE__*/React.forwardRef((_ref, hmsViewRe
   const show = () => {
     var _unmountAfterDelayRef;
     setMounted(true);
-    (_unmountAfterDelayRef = unmountAfterDelayRef.current) === null || _unmountAfterDelayRef === void 0 ? void 0 : _unmountAfterDelayRef.resetTimer();
+    (_unmountAfterDelayRef = unmountAfterDelayRef.current) === null || _unmountAfterDelayRef === void 0 || _unmountAfterDelayRef.resetTimer();
   };
   const hide = () => {
     setMounted(false);
@@ -49,7 +50,7 @@ export const _PeerVideoTileView = /*#__PURE__*/React.forwardRef((_ref, hmsViewRe
     if (insetMode) {
       show();
     }
-    onMoreOptionsPress(peerTrackNode);
+    onMoreOptionsPress === null || onMoreOptionsPress === void 0 || onMoreOptionsPress(peerTrackNode);
   }, [peerTrackNode, onMoreOptionsPress, insetMode]);
   const {
     peer,
@@ -58,16 +59,36 @@ export const _PeerVideoTileView = /*#__PURE__*/React.forwardRef((_ref, hmsViewRe
   } = 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)
+  const allowedToPublish = useSelector(state => {
+    const allowed = selectAllowedTracksToPublish(state);
+    return (allowed && allowed.length > 0) ?? false;
+  });
+  const localPeerPermissions = useSelector(state => {
+    var _state$hmsStates$loca;
+    const permissions = (_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 || (_state$hmsStates$loca = _state$hmsStates$loca.role) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.permissions;
+    return permissions && (permissions.changeRole || permissions.mute || permissions.unmute || permissions.removeOthers);
+  });
+  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
+    iconWrapperStyles: {
+      backgroundColor: theme.palette.background_dim && hexToRgbA(theme.palette.background_dim, 0.64)
+    },
+    avatarContainer: {
+      backgroundColor: theme.palette.surface_default
+    }
   }));
+  const trackSource = track === null || track === void 0 ? void 0 : track.source;
+  const screenShareTile = !!trackSource && trackSource === HMSTrackSource.SCREEN;
+  const showingVideoTrack = peerCanPublishVideo && track && track.trackId && track.type === HMSTrackType.VIDEO && track.isMute() === false;
   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, {
+    avatarContainerStyles: insetMode ? hmsRoomStyles.avatarContainer : null,
+    isInset: insetMode,
+    videoView: showingVideoTrack ? /*#__PURE__*/React.createElement(VideoView, {
       ref: hmsViewRef,
       peer: peer,
+      zoomIn: zoomIn,
       trackId: track.trackId,
       isDegraded: isDegraded,
       overlay: insetMode,
@@ -75,34 +96,34 @@ export const _PeerVideoTileView = /*#__PURE__*/React.forwardRef((_ref, hmsViewRe
     }) : 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()
+  }), screenShareTile && showingVideoTrack ? /*#__PURE__*/React.createElement(HMSFullScreenButton, {
+    peerTrackNode: peerTrackNode
+  }) : peerCanPublishAudio ? /*#__PURE__*/React.createElement(PeerAudioIndicator, {
+    isMuted: (_peer$audioTrack = peer.audioTrack) === null || _peer$audioTrack === void 0 ? void 0 : _peer$audioTrack.isMute(),
+    peer: peer
   }) : null, insetMode ? null : /*#__PURE__*/React.createElement(PeerNameAndNetwork, {
     name: peer.name,
     isLocal: peer.isLocal,
-    trackSource: track === null || track === void 0 ? void 0 : track.source,
+    trackSource: trackSource,
     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, {
+  }) : null, !onMoreOptionsPress || track && (track === null || track === void 0 ? void 0 : track.source) !== HMSTrackSource.REGULAR ? 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],
+    style: [styles.iconWrapper, hmsRoomStyles.iconWrapperStyles],
     border: false,
     onPress: handleOptionsPress
   }, /*#__PURE__*/React.createElement(ThreeDotsIcon, {
     stack: "vertical",
     style: styles.icon
-  })))) : /*#__PURE__*/React.createElement(PressableIcon, {
+  }))) : !allowedToPublish || !localPeerPermissions ? null : /*#__PURE__*/React.createElement(PressableIcon, {
     activeOpacity: 0.7,
-    style: [styles.iconWrapper, iconWrapperStyles],
+    style: [styles.iconWrapper, hmsRoomStyles.iconWrapperStyles],
     border: false,
     onPress: handleOptionsPress
   }, /*#__PURE__*/React.createElement(ThreeDotsIcon, {

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

@@ -1 +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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"}
+{"version":3,"names":["React","Pressable","StyleSheet","View","HMSTrackSource","HMSTrackType","HMSVideoViewMode","useSelector","VideoView","AvatarView","PeerMetadata","PeerAudioIndicator","PressableIcon","ThreeDotsIcon","hexToRgbA","PeerNameAndNetwork","UnmountAfterDelay","isTileOnSpotlight","selectAllowedTracksToPublish","selectCanPublishTrackForRole","useHMSRoomStyleSheet","HMSFullScreenButton","_PeerVideoTileView","forwardRef","_ref","hmsViewRef","_peer$audioTrack","_peer$networkQuality","peerTrackNode","onMoreOptionsPress","zoomIn","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","allowedToPublish","allowed","length","localPeerPermissions","_state$hmsStates$loca","permissions","hmsStates","localPeer","changeRole","mute","unmute","removeOthers","hmsRoomStyles","theme","iconWrapperStyles","backgroundColor","palette","background_dim","avatarContainer","surface_default","trackSource","source","screenShareTile","SCREEN","showingVideoTrack","trackId","type","VIDEO","isMute","createElement","style","styles","container","name","avatarContainerStyles","isInset","videoView","ref","overlay","scaleType","REGULAR","ASPECT_FIT","ASPECT_FILL","metadata","isMuted","isLocal","networkQuality","downlinkQuality","pressable","onPress","visible","onUnmount","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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"}

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

@@ -1,7 +1,10 @@
 import * as React from 'react';
 import { View, Text, StyleSheet } from 'react-native';
 import { useSelector } from 'react-redux';
+import { BlurView } from '@react-native-community/blur';
 import { useHMSRoomStyleSheet } from '../../hooks-util';
+import { HMSPinchGesture } from './HMSPinchGesture';
+import { AlertTriangleIcon } from '../../Icons';
 const _VideoView = /*#__PURE__*/React.forwardRef((_ref, hmsViewRef) => {
   let {
     trackId,
@@ -9,7 +12,8 @@ const _VideoView = /*#__PURE__*/React.forwardRef((_ref, hmsViewRef) => {
     overlay,
     isDegraded,
     scaleType,
-    containerStyle
+    containerStyle,
+    zoomIn = false
   } = _ref;
   const HmsView = useSelector(state => {
     var _state$user$hmsInstan;
@@ -23,13 +27,16 @@ const _VideoView = /*#__PURE__*/React.forwardRef((_ref, hmsViewRef) => {
     },
     degradedText: {
       color: theme.palette.on_surface_high,
-      fontFamily: `${typography.font_family}-SemiBold`
+      fontFamily: `${typography.font_family}-Regular`
+    },
+    icon: {
+      tintColor: theme.palette.on_surface_high
     }
   }));
   if (!HmsView) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(View, {
+  const videoView = /*#__PURE__*/React.createElement(View, {
     style: [styles.container, containerStyle]
   }, /*#__PURE__*/React.createElement(HmsView, {
     ref: hmsViewRef,
@@ -40,11 +47,24 @@ const _VideoView = /*#__PURE__*/React.forwardRef((_ref, hmsViewRef) => {
     mirror: peer.isLocal ? mirrorCamera : false,
     scaleType: scaleType,
     style: styles.hmsView
-  }), isDegraded ? /*#__PURE__*/React.createElement(View, {
-    style: [styles.degradedView, hmsRoomStyles.degradedView]
-  }, /*#__PURE__*/React.createElement(Text, {
+  }));
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, zoomIn ? /*#__PURE__*/React.createElement(HMSPinchGesture, {
+    style: styles.container
+  }, videoView) : videoView, isDegraded ? /*#__PURE__*/React.createElement(View, {
+    style: styles.degradedView
+  }, /*#__PURE__*/React.createElement(BlurView, {
+    style: styles.blurView,
+    blurType: "dark",
+    blurAmount: 24
+  }), /*#__PURE__*/React.createElement(AlertTriangleIcon, {
+    type: "fill",
+    style: [styles.icon, hmsRoomStyles.icon]
+  }), /*#__PURE__*/React.createElement(Text, {
+    numberOfLines: 2,
     style: [styles.degradedText, hmsRoomStyles.degradedText]
-  }, "Degraded")) : null);
+  }, peer.isLocal ? 'Your' : `${peer.name}'s`, " network is unstable")) : null);
 });
 const styles = StyleSheet.create({
   container: {
@@ -65,10 +85,23 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center'
   },
+  blurView: {
+    flex: 1,
+    position: 'absolute',
+    height: '100%',
+    width: '100%'
+  },
   degradedText: {
-    fontSize: 15,
-    lineHeight: 20,
-    letterSpacing: 0.25
+    fontSize: 12,
+    lineHeight: 16,
+    letterSpacing: 0.4,
+    marginTop: 8,
+    textAlign: 'center',
+    paddingHorizontal: 8
+  },
+  icon: {
+    width: 32,
+    height: 32
   }
 });
 export const VideoView = /*#__PURE__*/React.memo(_VideoView);

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","StyleSheet","useSelector","useHMSRoomStyleSheet","_VideoView","forwardRef","_ref","hmsViewRef","trackId","peer","overlay","isDegraded","scaleType","containerStyle","HmsView","state","_state$user$hmsInstan","user","hmsInstance","mirrorCamera","app","joinConfig","autoSimulcast","hmsRoomStyles","theme","typography","degradedView","backgroundColor","palette","surface_default","degradedText","color","on_surface_high","fontFamily","font_family","createElement","style","styles","container","ref","setZOrderMediaOverlay","key","mirror","isLocal","hmsView","create","flex","position","height","width","zIndex","alignItems","justifyContent","fontSize","lineHeight","letterSpacing","VideoView","memo"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/VideoView.tsx"],"mappings":"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"}
+{"version":3,"names":["React","View","Text","StyleSheet","useSelector","BlurView","useHMSRoomStyleSheet","HMSPinchGesture","AlertTriangleIcon","_VideoView","forwardRef","_ref","hmsViewRef","trackId","peer","overlay","isDegraded","scaleType","containerStyle","zoomIn","HmsView","state","_state$user$hmsInstan","user","hmsInstance","mirrorCamera","app","joinConfig","autoSimulcast","hmsRoomStyles","theme","typography","degradedView","backgroundColor","palette","surface_default","degradedText","color","on_surface_high","fontFamily","font_family","icon","tintColor","videoView","createElement","style","styles","container","ref","setZOrderMediaOverlay","key","mirror","isLocal","hmsView","blurView","blurType","blurAmount","type","numberOfLines","name","create","flex","position","height","width","zIndex","alignItems","justifyContent","fontSize","lineHeight","letterSpacing","marginTop","textAlign","paddingHorizontal","VideoView","memo"],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/VideoView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAOrD,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,QAAQ,QAAQ,8BAA8B;AAGvD,SAASC,oBAAoB,QAAQ,kBAAkB;AACvD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,iBAAiB,QAAQ,aAAa;AAY/C,MAAMC,UAAU,gBAAGT,KAAK,CAACU,UAAU,CAIjC,CAAAC,IAAA,EAUEC,UAAU,KACP;EAAA,IAVH;IACEC,OAAO;IACPC,IAAI;IACJC,OAAO;IACPC,UAAU;IACVC,SAAS;IACTC,cAAc;IACdC,MAAM,GAAG;EACX,CAAC,GAAAR,IAAA;EAGD,MAAMS,OAAO,GAAGhB,WAAW,CACxBiB,KAAgB;IAAA,IAAAC,qBAAA;IAAA,OAAK,EAAAA,qBAAA,GAAAD,KAAK,CAACE,IAAI,CAACC,WAAW,cAAAF,qBAAA,uBAAtBA,qBAAA,CAAwBF,OAAO,KAAI,IAAI;EAAA,CAC/D,CAAC;EACD,MAAMK,YAAY,GAAGrB,WAAW,CAC7BiB,KAAgB,IAAKA,KAAK,CAACK,GAAG,CAACC,UAAU,CAACF,YAC7C,CAAC;EACD,MAAMG,aAAa,GAAGxB,WAAW,CAC9BiB,KAAgB,IAAKA,KAAK,CAACK,GAAG,CAACC,UAAU,CAACC,aAC7C,CAAC;EACD,MAAMC,aAAa,GAAGvB,oBAAoB,CAAC,CAACwB,KAAK,EAAEC,UAAU,MAAM;IACjEC,YAAY,EAAE;MACZC,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACC;IACjC,CAAC;IACDC,YAAY,EAAE;MACZC,KAAK,EAAEP,KAAK,CAACI,OAAO,CAACI,eAAe;MACpCC,UAAU,EAAG,GAAER,UAAU,CAACS,WAAY;IACxC,CAAC;IACDC,IAAI,EAAE;MACJC,SAAS,EAAEZ,KAAK,CAACI,OAAO,CAACI;IAC3B;EACF,CAAC,CAAC,CAAC;EAEH,IAAI,CAAClB,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,MAAMuB,SAAS,gBACb3C,KAAA,CAAA4C,aAAA,CAAC3C,IAAI;IAAC4C,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE7B,cAAc;EAAE,gBAC9ClB,KAAA,CAAA4C,aAAA,CAACxB,OAAO;IACN4B,GAAG,EAAEpC,UAAW;IAChBqC,qBAAqB,EAAElC,OAAQ;IAC/BF,OAAO,EAAEA,OAAQ;IACjBqC,GAAG,EAAErC,OAAQ;IACbe,aAAa,EAAEA,aAAc;IAC7BuB,MAAM,EAAErC,IAAI,CAACsC,OAAO,GAAG3B,YAAY,GAAG,KAAM;IAC5CR,SAAS,EAAEA,SAAU;IACrB4B,KAAK,EAAEC,MAAM,CAACO;EAAQ,CACvB,CACG,CACP;EAED,oBACErD,KAAA,CAAA4C,aAAA,CAAC3C,IAAI;IAAC4C,KAAK,EAAEC,MAAM,CAACC;EAAU,GAC3B5B,MAAM,gBACLnB,KAAA,CAAA4C,aAAA,CAACrC,eAAe;IAACsC,KAAK,EAAEC,MAAM,CAACC;EAAU,GACtCJ,SACc,CAAC,GAElBA,SACD,EAEA3B,UAAU,gBACThB,KAAA,CAAA4C,aAAA,CAAC3C,IAAI;IAAC4C,KAAK,EAAEC,MAAM,CAACd;EAAa,gBAC/BhC,KAAA,CAAA4C,aAAA,CAACvC,QAAQ;IAACwC,KAAK,EAAEC,MAAM,CAACQ,QAAS;IAACC,QAAQ,EAAC,MAAM;IAACC,UAAU,EAAE;EAAG,CAAE,CAAC,eAEpExD,KAAA,CAAA4C,aAAA,CAACpC,iBAAiB;IAChBiD,IAAI,EAAC,MAAM;IACXZ,KAAK,EAAE,CAACC,MAAM,CAACL,IAAI,EAAEZ,aAAa,CAACY,IAAI;EAAE,CAC1C,CAAC,eAEFzC,KAAA,CAAA4C,aAAA,CAAC1C,IAAI;IACHwD,aAAa,EAAE,CAAE;IACjBb,KAAK,EAAE,CAACC,MAAM,CAACV,YAAY,EAAEP,aAAa,CAACO,YAAY;EAAE,GAExDtB,IAAI,CAACsC,OAAO,GAAG,MAAM,GAAI,GAAEtC,IAAI,CAAC6C,IAAK,IAAG,EAAC,sBACtC,CACF,CAAC,GACL,IACA,CAAC;AAEX,CACF,CAAC;AAED,MAAMb,MAAM,GAAG3C,UAAU,CAACyD,MAAM,CAAC;EAC/Bb,SAAS,EAAE;IACTc,IAAI,EAAE;EACR,CAAC;EACDR,OAAO,EAAE;IACPQ,IAAI,EAAE;IACN;IACA;EACF,CAAC;;EACD7B,YAAY,EAAE;IACZ6B,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,CAAC;IACTC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDb,QAAQ,EAAE;IACRO,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE;EACT,CAAC;EACD5B,YAAY,EAAE;IACZgC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,GAAG;IAClBC,SAAS,EAAE,CAAC;IACZC,SAAS,EAAE,QAAQ;IACnBC,iBAAiB,EAAE;EACrB,CAAC;EACDhC,IAAI,EAAE;IACJuB,KAAK,EAAE,EAAE;IACTD,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,OAAO,MAAMW,SAAS,gBAAG1E,KAAK,CAAC2E,IAAI,CAAClE,UAAU,CAAC"}

package/lib/module/components/PressableIcon.js

@@ -1,7 +1,8 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import * as React from 'react';
 import { StyleSheet, TouchableOpacity } from 'react-native';
-import { useHMSRoomStyleSheet } from '../hooks-util';
+import { useHMSRoomStyleSheet, useIsHLSViewer } from '../hooks-util';
+import { hexToRgbA } from '../utils/theme';
 export const PressableIcon = _ref => {
   let {
     children,
@@ -11,7 +12,11 @@ export const PressableIcon = _ref => {
     border = true,
     ...restProps
   } = _ref;
+  const isHLSViewer = useIsHLSViewer();
   const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
+    pressable: {
+      backgroundColor: isHLSViewer ? theme.palette.background_dim && hexToRgbA(theme.palette.background_dim, 0.64) : undefined
+    },
     border: {
       borderColor: theme.palette.border_bright
     },
@@ -19,11 +24,11 @@ export const PressableIcon = _ref => {
       backgroundColor: theme.palette.surface_brighter,
       borderColor: theme.palette.surface_brighter
     }
-  }));
+  }), [isHLSViewer]);
   return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({
-    style: [styles.pressable, {
-      borderRadius: rounded ? 20 : undefined,
-      ...(border ? {
+    style: [styles.pressable, hmsRoomStyles.pressable, {
+      borderRadius: rounded ? 20 : 8,
+      ...(border && !isHLSViewer ? {
         ...styles.withBorder,
         ...hmsRoomStyles.border
       } : undefined),
@@ -33,11 +38,11 @@ export const PressableIcon = _ref => {
 };
 const styles = StyleSheet.create({
   pressable: {
+    borderRadius: 8,
     padding: 8,
     alignSelf: 'flex-start'
   },
   withBorder: {
-    borderRadius: 8,
     borderWidth: 1
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","TouchableOpacity","useHMSRoomStyleSheet","PressableIcon","_ref","children","style","active","rounded","border","restProps","hmsRoomStyles","theme","borderColor","palette","border_bright","backgroundColor","surface_brighter","createElement","_extends","styles","pressable","borderRadius","undefined","withBorder","create","padding","alignSelf","borderWidth"],"sourceRoot":"../../../src","sources":["components/PressableIcon.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,cAAc;AAG3D,SAASC,oBAAoB,QAAQ,eAAe;AASpD,OAAO,MAAMC,aAA2C,GAAGC,IAAA,IAOrD;EAAA,IAPsD;IAC1DC,QAAQ;IACRC,KAAK;IACLC,MAAM,GAAG,KAAK;IACdC,OAAO,GAAG,KAAK;IACfC,MAAM,GAAG,IAAI;IACb,GAAGC;EACL,CAAC,GAAAN,IAAA;EACC,MAAMO,aAAa,GAAGT,oBAAoB,CAAEU,KAAK,KAAM;IACrDH,MAAM,EAAE;MACNI,WAAW,EAAED,KAAK,CAACE,OAAO,CAACC;IAC7B,CAAC;IACDR,MAAM,EAAE;MACNS,eAAe,EAAEJ,KAAK,CAACE,OAAO,CAACG,gBAAgB;MAC/CJ,WAAW,EAAED,KAAK,CAACE,OAAO,CAACG;IAC7B;EACF,CAAC,CAAC,CAAC;EAEH,oBACElB,KAAA,CAAAmB,aAAA,CAACjB,gBAAgB,EAAAkB,QAAA;IACfb,KAAK,EAAE,CACLc,MAAM,CAACC,SAAS,EAChB;MACEC,YAAY,EAAEd,OAAO,GAAG,EAAE,GAAGe,SAAS;MACtC,IAAId,MAAM,GACN;QAAE,GAAGW,MAAM,CAACI,UAAU;QAAE,GAAGb,aAAa,CAACF;MAAO,CAAC,GACjDc,SAAS,CAAC;MACd,IAAIhB,MAAM,GAAGI,aAAa,CAACJ,MAAM,GAAGgB,SAAS;IAC/C,CAAC,EACDjB,KAAK;EACL,GACEI,SAAS,GAEZL,QACe,CAAC;AAEvB,CAAC;AAED,MAAMe,MAAM,GAAGpB,UAAU,CAACyB,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,OAAO,EAAE,CAAC;IACVC,SAAS,EAAE;EACb,CAAC;EACDH,UAAU,EAAE;IACVF,YAAY,EAAE,CAAC;IACfM,WAAW,EAAE;EACf;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","StyleSheet","TouchableOpacity","useHMSRoomStyleSheet","useIsHLSViewer","hexToRgbA","PressableIcon","_ref","children","style","active","rounded","border","restProps","isHLSViewer","hmsRoomStyles","theme","pressable","backgroundColor","palette","background_dim","undefined","borderColor","border_bright","surface_brighter","createElement","_extends","styles","borderRadius","withBorder","create","padding","alignSelf","borderWidth"],"sourceRoot":"../../../src","sources":["components/PressableIcon.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,cAAc;AAG3D,SAASC,oBAAoB,EAAEC,cAAc,QAAQ,eAAe;AACpE,SAASC,SAAS,QAAQ,gBAAgB;AAS1C,OAAO,MAAMC,aAA2C,GAAGC,IAAA,IAOrD;EAAA,IAPsD;IAC1DC,QAAQ;IACRC,KAAK;IACLC,MAAM,GAAG,KAAK;IACdC,OAAO,GAAG,KAAK;IACfC,MAAM,GAAG,IAAI;IACb,GAAGC;EACL,CAAC,GAAAN,IAAA;EACC,MAAMO,WAAW,GAAGV,cAAc,CAAC,CAAC;EAEpC,MAAMW,aAAa,GAAGZ,oBAAoB,CACvCa,KAAK,KAAM;IACVC,SAAS,EAAE;MACTC,eAAe,EAAEJ,WAAW,GACxBE,KAAK,CAACG,OAAO,CAACC,cAAc,IAC5Bf,SAAS,CAACW,KAAK,CAACG,OAAO,CAACC,cAAc,EAAE,IAAI,CAAC,GAC7CC;IACN,CAAC;IACDT,MAAM,EAAE;MACNU,WAAW,EAAEN,KAAK,CAACG,OAAO,CAACI;IAC7B,CAAC;IACDb,MAAM,EAAE;MACNQ,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACK,gBAAgB;MAC/CF,WAAW,EAAEN,KAAK,CAACG,OAAO,CAACK;IAC7B;EACF,CAAC,CAAC,EACF,CAACV,WAAW,CACd,CAAC;EAED,oBACEd,KAAA,CAAAyB,aAAA,CAACvB,gBAAgB,EAAAwB,QAAA;IACfjB,KAAK,EAAE,CACLkB,MAAM,CAACV,SAAS,EAChBF,aAAa,CAACE,SAAS,EACvB;MACEW,YAAY,EAAEjB,OAAO,GAAG,EAAE,GAAG,CAAC;MAC9B,IAAIC,MAAM,IAAI,CAACE,WAAW,GACtB;QAAE,GAAGa,MAAM,CAACE,UAAU;QAAE,GAAGd,aAAa,CAACH;MAAO,CAAC,GACjDS,SAAS,CAAC;MACd,IAAIX,MAAM,GAAGK,aAAa,CAACL,MAAM,GAAGW,SAAS;IAC/C,CAAC,EACDZ,KAAK;EACL,GACEI,SAAS,GAEZL,QACe,CAAC;AAEvB,CAAC;AAED,MAAMmB,MAAM,GAAG1B,UAAU,CAAC6B,MAAM,CAAC;EAC/Bb,SAAS,EAAE;IACTW,YAAY,EAAE,CAAC;IACfG,OAAO,EAAE,CAAC;IACVC,SAAS,EAAE;EACb,CAAC;EACDH,UAAU,EAAE;IACVI,WAAW,EAAE;EACf;AACF,CAAC,CAAC"}

package/lib/module/components/Preview.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import { Keyboard, StyleSheet, TouchableWithoutFeedback, View } from 'react-native';
-import Animated, { useAnimatedStyle, useAnimatedKeyboard } from 'react-native-reanimated';
 import { SafeAreaView } from 'react-native-safe-area-context';
 import LinearGradient from 'react-native-linear-gradient';
 import { BackButton } from './BackButton';
@@ -18,7 +17,8 @@ import { HMSPreviewNetworkQuality } from './HMSPreviewNetworkQuality';
 import { useCanPublishVideo } from '../hooks-sdk';
 import { HMSPreviewHLSLiveIndicator } from './HMSPreviewHLSLiveIndicator';
 import { CompanyLogo } from './CompanyLogo';
-import { useHMSRoomStyleSheet } from '../hooks-util';
+import { useHMSRoomStyleSheet, useIsHLSViewer } from '../hooks-util';
+import { HMSKeyboardAvoidingView } from './HMSKeyboardAvoidingView';
 const backButtonEdges = ['top'];
 const headerEdges = ['top', 'left', 'right'];
 const gradientColorShades = ['#000000', 'rgba(0, 0, 0, 0.9)', 'rgba(0, 0, 0, 0.7)', 'rgba(0, 0, 0, 0.1)', 'rgba(0, 0, 0, 0.05)', 'rgba(0, 0, 0, 0)'];
@@ -29,14 +29,7 @@ export const Preview = _ref => {
     loadingButtonState
   } = _ref;
   const canPublishVideo = useCanPublishVideo();
-  const animatedKeyboard = useAnimatedKeyboard();
-  const keyboardAvoidStyle = useAnimatedStyle(() => {
-    return {
-      transform: [{
-        translateY: -animatedKeyboard.height.value
-      }]
-    };
-  });
+  const isHLSViewer = useIsHLSViewer();
   const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
     container: {
       backgroundColor: theme.palette.background_dim
@@ -67,9 +60,9 @@ export const Preview = _ref => {
     mode: "margin"
   }, /*#__PURE__*/React.createElement(BackButton, null)), /*#__PURE__*/React.createElement(View, {
     style: styles.footerWrapper
-  }, /*#__PURE__*/React.createElement(HMSPreviewNetworkQuality, null), /*#__PURE__*/React.createElement(Animated.View, {
-    style: [styles.footer, hmsRoomStyles.footer, keyboardAvoidStyle]
-  }, /*#__PURE__*/React.createElement(View, {
+  }, /*#__PURE__*/React.createElement(HMSPreviewNetworkQuality, null), /*#__PURE__*/React.createElement(HMSKeyboardAvoidingView, {
+    style: [styles.footer, hmsRoomStyles.footer]
+  }, isHLSViewer ? null : /*#__PURE__*/React.createElement(View, {
     style: styles.controlsContainer
   }, /*#__PURE__*/React.createElement(View, {
     style: styles.micAndCameraControls

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

@@ -1 +1 @@
-{"version":3,"names":["React","Keyboard","StyleSheet","TouchableWithoutFeedback","View","Animated","useAnimatedStyle","useAnimatedKeyboard","SafeAreaView","LinearGradient","BackButton","HMSManageCameraRotation","HMSManageLocalAudio","HMSManageLocalVideo","HMSPreviewEditName","HMSPreviewJoinButton","HMSPreviewPeersList","HMSPreviewSubtitle","HMSPreviewTile","HMSPreviewTitle","HMSManageAudioOutput","HMSPreviewNetworkQuality","useCanPublishVideo","HMSPreviewHLSLiveIndicator","CompanyLogo","useHMSRoomStyleSheet","backButtonEdges","headerEdges","gradientColorShades","gradientColorShadeLocations","Preview","_ref","join","loadingButtonState","canPublishVideo","animatedKeyboard","keyboardAvoidStyle","transform","translateY","height","value","hmsRoomStyles","theme","container","backgroundColor","palette","background_dim","footer","background_default","createElement","onPress","dismiss","style","styles","colors","locations","headerGradient","header","edges","mode","logo","peerListWrapper","backButtonContainer","footerWrapper","controlsContainer","micAndCameraControls","manageLocalVideoWrapper","joinButtonRow","onJoin","loading","create","flex","position","justifyContent","top","width","marginTop","zIndex","alignItems","alignSelf","marginBottom","flexDirection","marginHorizontal","marginVertical","bottom","borderTopLeftRadius","borderTopRightRadius","padding"],"sourceRoot":"../../../src","sources":["components/Preview.tsx"],"mappings":"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"}
+{"version":3,"names":["React","Keyboard","StyleSheet","TouchableWithoutFeedback","View","SafeAreaView","LinearGradient","BackButton","HMSManageCameraRotation","HMSManageLocalAudio","HMSManageLocalVideo","HMSPreviewEditName","HMSPreviewJoinButton","HMSPreviewPeersList","HMSPreviewSubtitle","HMSPreviewTile","HMSPreviewTitle","HMSManageAudioOutput","HMSPreviewNetworkQuality","useCanPublishVideo","HMSPreviewHLSLiveIndicator","CompanyLogo","useHMSRoomStyleSheet","useIsHLSViewer","HMSKeyboardAvoidingView","backButtonEdges","headerEdges","gradientColorShades","gradientColorShadeLocations","Preview","_ref","join","loadingButtonState","canPublishVideo","isHLSViewer","hmsRoomStyles","theme","container","backgroundColor","palette","background_dim","footer","background_default","createElement","onPress","dismiss","style","styles","colors","locations","headerGradient","header","edges","mode","logo","peerListWrapper","backButtonContainer","footerWrapper","controlsContainer","micAndCameraControls","manageLocalVideoWrapper","joinButtonRow","onJoin","loading","create","flex","position","justifyContent","top","width","marginTop","zIndex","alignItems","height","alignSelf","marginBottom","flexDirection","marginHorizontal","marginVertical","bottom","borderTopLeftRadius","borderTopRightRadius","padding"],"sourceRoot":"../../../src","sources":["components/Preview.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,QAAQ,EACRC,UAAU,EACVC,wBAAwB,EACxBC,IAAI,QACC,cAAc;AACrB,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,OAAOC,cAAc,MAAM,8BAA8B;AAEzD,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,wBAAwB,QAAQ,4BAA4B;AACrE,SAASC,kBAAkB,QAAQ,cAAc;AACjD,SAASC,0BAA0B,QAAQ,8BAA8B;AACzE,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,oBAAoB,EAAEC,cAAc,QAAQ,eAAe;AACpE,SAASC,uBAAuB,QAAQ,2BAA2B;AAEnE,MAAMC,eAAe,GAAG,CAAC,KAAK,CAAU;AACxC,MAAMC,WAAW,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAU;AAErD,MAAMC,mBAAmB,GAAG,CAC1B,SAAS,EACT,oBAAoB,EACpB,oBAAoB,EACpB,oBAAoB,EACpB,qBAAqB,EACrB,kBAAkB,CACnB;AACD,MAAMC,2BAA2B,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC;AAEnE,OAAO,MAAMC,OAAO,GAAGC,IAAA,IAMjB;EAAA,IANkB;IACtBC,IAAI;IACJC;EAIF,CAAC,GAAAF,IAAA;EACC,MAAMG,eAAe,GAAGd,kBAAkB,CAAC,CAAC;EAC5C,MAAMe,WAAW,GAAGX,cAAc,CAAC,CAAC;EAEpC,MAAMY,aAAa,GAAGb,oBAAoB,CACvCc,KAAK,KAAM;IACVC,SAAS,EAAE;MACTC,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACC;IACjC,CAAC;IACDC,MAAM,EAAE;MACNH,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACG;IACjC;EACF,CAAC,CAAC,EACF,EACF,CAAC;EAED,oBACE1C,KAAA,CAAA2C,aAAA,CAACxC,wBAAwB;IAACyC,OAAO,EAAE3C,QAAQ,CAAC4C;EAAQ,gBAClD7C,KAAA,CAAA2C,aAAA,CAACvC,IAAI;IAAC0C,KAAK,EAAE,CAACC,MAAM,CAACV,SAAS,EAAEF,aAAa,CAACE,SAAS;EAAE,GACtDJ,eAAe,gBAAGjC,KAAA,CAAA2C,aAAA,CAAC5B,cAAc,MAAE,CAAC,GAAG,IAAI,EAE3CkB,eAAe,gBACdjC,KAAA,CAAA2C,aAAA,CAACrC,cAAc;IACb0C,MAAM,EAAErB,mBAAoB;IAC5BsB,SAAS,EAAErB,2BAA4B;IACvCkB,KAAK,EAAEC,MAAM,CAACG;EAAe,CAC9B,CAAC,GACA,IAAI,eAERlD,KAAA,CAAA2C,aAAA,CAACtC,YAAY;IACXyC,KAAK,EAAEb,eAAe,GAAGc,MAAM,CAACI,MAAM,GAAG,IAAK;IAC9CC,KAAK,EAAE1B,WAAY;IACnB2B,IAAI,EAAC;EAAQ,gBAEbrD,KAAA,CAAA2C,aAAA,CAACtB,WAAW;IAACyB,KAAK,EAAEC,MAAM,CAACO;EAAK,CAAE,CAAC,eAEnCtD,KAAA,CAAA2C,aAAA,CAAC3B,eAAe,MAAE,CAAC,eAEnBhB,KAAA,CAAA2C,aAAA,CAAC7B,kBAAkB,MAAE,CAAC,eAEtBd,KAAA,CAAA2C,aAAA,CAACvC,IAAI;IAAC0C,KAAK,EAAEC,MAAM,CAACQ;EAAgB,gBAClCvD,KAAA,CAAA2C,aAAA,CAACvB,0BAA0B,MAAE,CAAC,eAE9BpB,KAAA,CAAA2C,aAAA,CAAC9B,mBAAmB,MAAE,CAClB,CACM,CAAC,eAEfb,KAAA,CAAA2C,aAAA,CAACtC,YAAY;IACXyC,KAAK,EAAEC,MAAM,CAACS,mBAAoB;IAClCJ,KAAK,EAAE3B,eAAgB;IACvB4B,IAAI,EAAC;EAAQ,gBAEbrD,KAAA,CAAA2C,aAAA,CAACpC,UAAU,MAAE,CACD,CAAC,eAEfP,KAAA,CAAA2C,aAAA,CAACvC,IAAI;IAAC0C,KAAK,EAAEC,MAAM,CAACU;EAAc,gBAChCzD,KAAA,CAAA2C,aAAA,CAACzB,wBAAwB,MAAE,CAAC,eAE5BlB,KAAA,CAAA2C,aAAA,CAACnB,uBAAuB;IACtBsB,KAAK,EAAE,CAACC,MAAM,CAACN,MAAM,EAAEN,aAAa,CAACM,MAAM;EAAE,GAE5CP,WAAW,GAAG,IAAI,gBACjBlC,KAAA,CAAA2C,aAAA,CAACvC,IAAI;IAAC0C,KAAK,EAAEC,MAAM,CAACW;EAAkB,gBACpC1D,KAAA,CAAA2C,aAAA,CAACvC,IAAI;IAAC0C,KAAK,EAAEC,MAAM,CAACY;EAAqB,gBACvC3D,KAAA,CAAA2C,aAAA,CAAClC,mBAAmB,MAAE,CAAC,eAEvBT,KAAA,CAAA2C,aAAA,CAACvC,IAAI;IAAC0C,KAAK,EAAEC,MAAM,CAACa;EAAwB,gBAC1C5D,KAAA,CAAA2C,aAAA,CAACjC,mBAAmB,MAAE,CAClB,CAAC,eAEPV,KAAA,CAAA2C,aAAA,CAACnC,uBAAuB,MAAE,CACtB,CAAC,eAEPR,KAAA,CAAA2C,aAAA,CAAC1B,oBAAoB,MAAE,CACnB,CACP,eAEDjB,KAAA,CAAA2C,aAAA,CAACvC,IAAI;IAAC0C,KAAK,EAAEC,MAAM,CAACc;EAAc,gBAChC7D,KAAA,CAAA2C,aAAA,CAAChC,kBAAkB,MAAE,CAAC,eAEtBX,KAAA,CAAA2C,aAAA,CAAC/B,oBAAoB;IACnBkD,MAAM,EAAE/B,IAAK;IACbgC,OAAO,EAAE/B;EAAmB,CAC7B,CACG,CACiB,CACrB,CACF,CACkB,CAAC;AAE/B,CAAC;AAED,MAAMe,MAAM,GAAG7C,UAAU,CAAC8D,MAAM,CAAC;EAC/B3B,SAAS,EAAE;IACT4B,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,UAAU;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDhB,MAAM,EAAE;IACNe,QAAQ,EAAE,UAAU;IACpBE,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,EAAE;IACbC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE;EACd,CAAC;EACDtB,cAAc,EAAE;IACdgB,QAAQ,EAAE,UAAU;IACpBE,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,MAAM;IACbI,MAAM,EAAE,GAAG;IACXF,MAAM,EAAE;EACV,CAAC;EACDjB,IAAI,EAAE;IACJoB,SAAS,EAAE,QAAQ;IACnBC,YAAY,EAAE;EAChB,CAAC;EACDjB,iBAAiB,EAAE;IACjBkB,aAAa,EAAE,KAAK;IACpBJ,UAAU,EAAE,QAAQ;IACpBL,cAAc,EAAE;EAClB,CAAC;EACDZ,eAAe,EAAE;IACfqB,aAAa,EAAE,KAAK;IACpBN,SAAS,EAAE,EAAE;IACbI,SAAS,EAAE;EACb,CAAC;EACDf,oBAAoB,EAAE;IACpBiB,aAAa,EAAE;EACjB,CAAC;EACDhB,uBAAuB,EAAE;IACvBiB,gBAAgB,EAAE;EACpB,CAAC;EACDhB,aAAa,EAAE;IACbiB,cAAc,EAAE,EAAE;IAClBF,aAAa,EAAE;EACjB,CAAC;EACDpB,mBAAmB,EAAE;IACnBU,QAAQ,EAAE,UAAU;IACpBE,GAAG,EAAE,CAAC;IACNG,MAAM,EAAE;EACV,CAAC;EACDd,aAAa,EAAE;IACbS,QAAQ,EAAE,UAAU;IACpBa,MAAM,EAAE,CAAC;IACTV,KAAK,EAAE,MAAM;IACbE,MAAM,EAAE;EACV,CAAC;EACD9B,MAAM,EAAE;IACNwB,IAAI,EAAE,CAAC;IACPe,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE,EAAE;IACxBC,OAAO,EAAE;EACX;AACF,CAAC,CAAC"}