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

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

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

@@ -0,0 +1,75 @@
+import * as React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { useSelector } from 'react-redux';
+import { useHMSRoomStyleSheet } from '../../hooks-util';
+const _VideoView = /*#__PURE__*/React.forwardRef((_ref, hmsViewRef) => {
+  let {
+    trackId,
+    peer,
+    overlay,
+    isDegraded,
+    scaleType,
+    containerStyle
+  } = _ref;
+  const HmsView = useSelector(state => {
+    var _state$user$hmsInstan;
+    return ((_state$user$hmsInstan = state.user.hmsInstance) === null || _state$user$hmsInstan === void 0 ? void 0 : _state$user$hmsInstan.HmsView) || null;
+  });
+  const mirrorCamera = useSelector(state => state.app.joinConfig.mirrorCamera);
+  const autoSimulcast = useSelector(state => state.app.joinConfig.autoSimulcast);
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    degradedView: {
+      backgroundColor: theme.palette.surface_default
+    },
+    degradedText: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    }
+  }));
+  if (!HmsView) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, containerStyle]
+  }, /*#__PURE__*/React.createElement(HmsView, {
+    ref: hmsViewRef,
+    setZOrderMediaOverlay: overlay,
+    trackId: trackId,
+    key: trackId,
+    autoSimulcast: autoSimulcast,
+    mirror: peer.isLocal ? mirrorCamera : false,
+    scaleType: scaleType,
+    style: styles.hmsView
+  }), isDegraded ? /*#__PURE__*/React.createElement(View, {
+    style: [styles.degradedView, hmsRoomStyles.degradedView]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.degradedText, hmsRoomStyles.degradedText]
+  }, "Degraded")) : null);
+});
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  hmsView: {
+    flex: 1
+    // height: '100%',
+    // width: '100%',
+  },
+
+  degradedView: {
+    flex: 1,
+    position: 'absolute',
+    height: '100%',
+    width: '100%',
+    zIndex: 2,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  degradedText: {
+    fontSize: 15,
+    lineHeight: 20,
+    letterSpacing: 0.25
+  }
+});
+export const VideoView = /*#__PURE__*/React.memo(_VideoView);
+//# sourceMappingURL=VideoView.js.map

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

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

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

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/PeerVideoTile/index.ts"],"mappings":""}

package/lib/module/components/PressableIcon.js

@@ -1,7 +1,7 @@
 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 { COLORS } from '../utils/theme';
+import { useHMSRoomStyleSheet } from '../hooks-util';
 export const PressableIcon = _ref => {
   let {
     children,
@@ -11,11 +11,23 @@ export const PressableIcon = _ref => {
     border = true,
     ...restProps
   } = _ref;
+  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
+    border: {
+      borderColor: theme.palette.border_bright
+    },
+    active: {
+      backgroundColor: theme.palette.surface_brighter,
+      borderColor: theme.palette.surface_brighter
+    }
+  }));
   return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({
     style: [styles.pressable, {
       borderRadius: rounded ? 20 : undefined,
-      ...(border ? styles.withBorder : undefined),
-      ...(active ? styles.active : undefined)
+      ...(border ? {
+        ...styles.withBorder,
+        ...hmsRoomStyles.border
+      } : undefined),
+      ...(active ? hmsRoomStyles.active : undefined)
     }, style]
   }, restProps), children);
 };
@@ -26,12 +38,7 @@ const styles = StyleSheet.create({
   },
   withBorder: {
     borderRadius: 8,
-    borderColor: COLORS.BORDER.BRIGHT,
     borderWidth: 1
-  },
-  active: {
-    backgroundColor: COLORS.SECONDARY.DIM,
-    borderColor: COLORS.SECONDARY.DIM
   }
 });
 //# sourceMappingURL=PressableIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","TouchableOpacity","COLORS","PressableIcon","_ref","children","style","active","rounded","border","restProps","createElement","_extends","styles","pressable","borderRadius","undefined","withBorder","create","padding","alignSelf","borderColor","BORDER","BRIGHT","borderWidth","backgroundColor","SECONDARY","DIM"],"sourceRoot":"../../../src","sources":["components/PressableIcon.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,cAAc;AAG3D,SAASC,MAAM,QAAQ,gBAAgB;AASvC,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,oBACEL,KAAA,CAAAY,aAAA,CAACV,gBAAgB,EAAAW,QAAA;IACfN,KAAK,EAAE,CACLO,MAAM,CAACC,SAAS,EAChB;MACEC,YAAY,EAAEP,OAAO,GAAG,EAAE,GAAGQ,SAAS;MACtC,IAAIP,MAAM,GAAGI,MAAM,CAACI,UAAU,GAAGD,SAAS,CAAC;MAC3C,IAAIT,MAAM,GAAGM,MAAM,CAACN,MAAM,GAAGS,SAAS;IACxC,CAAC,EACDV,KAAK;EACL,GACEI,SAAS,GAEZL,QACe,CAAC;AAEvB,CAAC;AAED,MAAMQ,MAAM,GAAGb,UAAU,CAACkB,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,OAAO,EAAE,CAAC;IACVC,SAAS,EAAE;EACb,CAAC;EACDH,UAAU,EAAE;IACVF,YAAY,EAAE,CAAC;IACfM,WAAW,EAAEnB,MAAM,CAACoB,MAAM,CAACC,MAAM;IACjCC,WAAW,EAAE;EACf,CAAC;EACDjB,MAAM,EAAE;IACNkB,eAAe,EAAEvB,MAAM,CAACwB,SAAS,CAACC,GAAG;IACrCN,WAAW,EAAEnB,MAAM,CAACwB,SAAS,CAACC;EAChC;AACF,CAAC,CAAC"}
+{"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"}

package/lib/module/components/Preview.js

@@ -1,10 +1,8 @@
-import React, { useEffect } from 'react';
-import { StyleSheet, View } from 'react-native';
-import { AvoidSoftInput } from 'react-native-avoid-softinput';
-import { useSelector } from 'react-redux';
+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 { COLORS } from '../utils/theme';
 import { BackButton } from './BackButton';
 import { HMSManageCameraRotation } from './HMSManageCameraRotation';
 import { HMSManageLocalAudio } from './HMSManageLocalAudio';
@@ -15,104 +13,110 @@ import { HMSPreviewPeersList } from './HMSPreviewPeersList';
 import { HMSPreviewSubtitle } from './HMSPreviewSubtitle';
 import { HMSPreviewTile } from './HMSPreviewTile';
 import { HMSPreviewTitle } from './HMSPreviewTitle';
-import { HMSSpeakerSettings } from './HMSSpeakerSettings';
-import { GenericLogoIcon, NetworkQualityIcon } from '../Icons';
+import { HMSManageAudioOutput } from './HMSManageAudioOutput';
+import { HMSPreviewNetworkQuality } from './HMSPreviewNetworkQuality';
+import { useCanPublishVideo } from '../hooks-sdk';
+import { HMSPreviewHLSLiveIndicator } from './HMSPreviewHLSLiveIndicator';
+import { CompanyLogo } from './CompanyLogo';
+import { useHMSRoomStyleSheet } from '../hooks-util';
+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)'];
+const gradientColorShadeLocations = [0.45, 0.55, 0.7, 0.9, 0.95, 1];
 export const Preview = _ref => {
   let {
     join,
     loadingButtonState
   } = _ref;
-  const localPeerNetworkQuality = useSelector(state => {
-    var _state$hmsStates$loca;
-    return (_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 || (_state$hmsStates$loca = _state$hmsStates$loca.networkQuality) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.downlinkQuality;
+  const canPublishVideo = useCanPublishVideo();
+  const animatedKeyboard = useAnimatedKeyboard();
+  const keyboardAvoidStyle = useAnimatedStyle(() => {
+    return {
+      transform: [{
+        translateY: -animatedKeyboard.height.value
+      }]
+    };
   });
-  useEffect(() => {
-    AvoidSoftInput.setAdjustNothing();
-    AvoidSoftInput.setEnabled(true);
-    return () => AvoidSoftInput.setEnabled(false);
-  }, []);
-  return /*#__PURE__*/React.createElement(View, {
-    style: styles.container
-  }, /*#__PURE__*/React.createElement(HMSPreviewTile, null), /*#__PURE__*/React.createElement(LinearGradient, {
-    colors: ['#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)'],
-    locations: [0.45, 0.55, 0.7, 0.9, 0.95, 1],
-    style: {
-      position: 'absolute',
-      top: 0,
-      width: '100%',
-      height: 260
-    }
-  }), /*#__PURE__*/React.createElement(SafeAreaView, {
-    style: {
-      position: 'absolute',
-      top: 0,
-      width: '100%',
-      marginTop: 24
+  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
+    container: {
+      backgroundColor: theme.palette.background_dim
     },
-    edges: ['top', 'left', 'right'],
-    mode: "margin"
-  }, /*#__PURE__*/React.createElement(GenericLogoIcon, {
-    style: {
-      alignSelf: 'center',
-      marginBottom: 16
+    footer: {
+      backgroundColor: theme.palette.background_default
     }
-  }), /*#__PURE__*/React.createElement(HMSPreviewTitle, null), /*#__PURE__*/React.createElement(HMSPreviewSubtitle, null), /*#__PURE__*/React.createElement(HMSPreviewPeersList, null)), /*#__PURE__*/React.createElement(SafeAreaView, {
-    style: {
-      position: 'absolute',
-      top: 0
-    },
-    edges: ['top'],
+  }), []);
+  return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+    onPress: Keyboard.dismiss
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, hmsRoomStyles.container]
+  }, canPublishVideo ? /*#__PURE__*/React.createElement(HMSPreviewTile, null) : null, canPublishVideo ? /*#__PURE__*/React.createElement(LinearGradient, {
+    colors: gradientColorShades,
+    locations: gradientColorShadeLocations,
+    style: styles.headerGradient
+  }) : null, /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: canPublishVideo ? styles.header : null,
+    edges: headerEdges,
+    mode: "margin"
+  }, /*#__PURE__*/React.createElement(CompanyLogo, {
+    style: styles.logo
+  }), /*#__PURE__*/React.createElement(HMSPreviewTitle, null), /*#__PURE__*/React.createElement(HMSPreviewSubtitle, null), /*#__PURE__*/React.createElement(View, {
+    style: styles.peerListWrapper
+  }, /*#__PURE__*/React.createElement(HMSPreviewHLSLiveIndicator, null), /*#__PURE__*/React.createElement(HMSPreviewPeersList, null))), /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: styles.backButtonContainer,
+    edges: backButtonEdges,
     mode: "margin"
   }, /*#__PURE__*/React.createElement(BackButton, null)), /*#__PURE__*/React.createElement(View, {
-    style: {
-      position: 'absolute',
-      bottom: 0,
-      width: '100%'
-    }
-  }, /*#__PURE__*/React.createElement(View, {
-    style: {
-      marginLeft: 8,
-      marginBottom: 8,
-      borderRadius: 8,
-      paddingVertical: 4,
-      paddingHorizontal: 8,
-      backgroundColor: COLORS.BACKGROUND.DIM_80,
-      alignSelf: 'flex-start'
-    }
-  }, /*#__PURE__*/React.createElement(NetworkQualityIcon, {
-    quality: localPeerNetworkQuality
-  })), /*#__PURE__*/React.createElement(View, {
-    style: {
-      flex: 1,
-      backgroundColor: COLORS.BACKGROUND.DEFAULT,
-      borderTopLeftRadius: 16,
-      borderTopRightRadius: 16,
-      padding: 16
-    }
+    style: styles.footerWrapper
+  }, /*#__PURE__*/React.createElement(HMSPreviewNetworkQuality, null), /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.footer, hmsRoomStyles.footer, keyboardAvoidStyle]
   }, /*#__PURE__*/React.createElement(View, {
     style: styles.controlsContainer
   }, /*#__PURE__*/React.createElement(View, {
     style: styles.micAndCameraControls
   }, /*#__PURE__*/React.createElement(HMSManageLocalAudio, null), /*#__PURE__*/React.createElement(View, {
     style: styles.manageLocalVideoWrapper
-  }, /*#__PURE__*/React.createElement(HMSManageLocalVideo, null)), /*#__PURE__*/React.createElement(HMSManageCameraRotation, null)), /*#__PURE__*/React.createElement(HMSSpeakerSettings, null)), /*#__PURE__*/React.createElement(View, {
+  }, /*#__PURE__*/React.createElement(HMSManageLocalVideo, null)), /*#__PURE__*/React.createElement(HMSManageCameraRotation, null)), /*#__PURE__*/React.createElement(HMSManageAudioOutput, null)), /*#__PURE__*/React.createElement(View, {
     style: styles.joinButtonRow
   }, /*#__PURE__*/React.createElement(HMSPreviewEditName, null), /*#__PURE__*/React.createElement(HMSPreviewJoinButton, {
     onJoin: join,
     loading: loadingButtonState
-  })))));
+  }))))));
 };
 const styles = StyleSheet.create({
   container: {
     flex: 1,
     position: 'relative',
-    backgroundColor: COLORS.BACKGROUND.DIM
+    justifyContent: 'center'
+  },
+  header: {
+    position: 'absolute',
+    top: 0,
+    width: '100%',
+    marginTop: 24,
+    zIndex: 20,
+    alignItems: 'center'
+  },
+  headerGradient: {
+    position: 'absolute',
+    top: 0,
+    width: '100%',
+    height: 260,
+    zIndex: 10
+  },
+  logo: {
+    alignSelf: 'center',
+    marginBottom: 16
   },
   controlsContainer: {
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'space-between'
   },
+  peerListWrapper: {
+    flexDirection: 'row',
+    marginTop: 16,
+    alignSelf: 'center'
+  },
   micAndCameraControls: {
     flexDirection: 'row'
   },
@@ -122,6 +126,23 @@ const styles = StyleSheet.create({
   joinButtonRow: {
     marginVertical: 16,
     flexDirection: 'row'
+  },
+  backButtonContainer: {
+    position: 'absolute',
+    top: 0,
+    zIndex: 40
+  },
+  footerWrapper: {
+    position: 'absolute',
+    bottom: 0,
+    width: '100%',
+    zIndex: 30
+  },
+  footer: {
+    flex: 1,
+    borderTopLeftRadius: 16,
+    borderTopRightRadius: 16,
+    padding: 16
   }
 });
 //# sourceMappingURL=Preview.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","StyleSheet","View","AvoidSoftInput","useSelector","SafeAreaView","LinearGradient","COLORS","BackButton","HMSManageCameraRotation","HMSManageLocalAudio","HMSManageLocalVideo","HMSPreviewEditName","HMSPreviewJoinButton","HMSPreviewPeersList","HMSPreviewSubtitle","HMSPreviewTile","HMSPreviewTitle","HMSSpeakerSettings","GenericLogoIcon","NetworkQualityIcon","Preview","_ref","join","loadingButtonState","localPeerNetworkQuality","state","_state$hmsStates$loca","hmsStates","localPeer","networkQuality","downlinkQuality","setAdjustNothing","setEnabled","createElement","style","styles","container","colors","locations","position","top","width","height","marginTop","edges","mode","alignSelf","marginBottom","bottom","marginLeft","borderRadius","paddingVertical","paddingHorizontal","backgroundColor","BACKGROUND","DIM_80","quality","flex","DEFAULT","borderTopLeftRadius","borderTopRightRadius","padding","controlsContainer","micAndCameraControls","manageLocalVideoWrapper","joinButtonRow","onJoin","loading","create","DIM","flexDirection","alignItems","justifyContent","marginHorizontal","marginVertical"],"sourceRoot":"../../../src","sources":["components/Preview.tsx"],"mappings":"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"}
+{"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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"}