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

package/lib/commonjs/components/{HMSPreviewDeviceSettings.js → HMSSpeakerSettings.js}

@@ -3,39 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.HMSPreviewDeviceSettings = void 0;
+exports.HMSSpeakerSettings = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactNativeModal = _interopRequireDefault(require("react-native-modal"));
 var _reactNative = require("react-native");
 var _reactNativeSimpleToast = _interopRequireDefault(require("react-native-simple-toast"));
 var _reactRedux = require("react-redux");
-var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
 var _reactNativeHms = require("@100mslive/react-native-hms");
 var _Icons = require("../Icons");
 var _PressableIcon = require("./PressableIcon");
 var _theme = require("../utils/theme");
 var _hooksUtil = require("../hooks-util");
-var _actions = require("../redux/actions");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var PreviewModalCloseActions = /*#__PURE__*/function (PreviewModalCloseActions) {
-  PreviewModalCloseActions[PreviewModalCloseActions["SWITCH_AUDIO_OUTPUT_IOS"] = 0] = "SWITCH_AUDIO_OUTPUT_IOS";
-  return PreviewModalCloseActions;
-}(PreviewModalCloseActions || {});
-const HMSPreviewDeviceSettings = () => {
-  const actionAfterModalHide = React.useRef(null);
+const HMSSpeakerSettings = () => {
   const hmsInstance = (0, _hooksUtil.useHMSInstance)();
-  const dispatch = (0, _reactRedux.useDispatch)();
   const [settingsModalVisible, setSettingsModalVisible] = React.useState(false);
-
-  /// VVV
-  const [deviceListDropdownOpen, setDeviceListDropdownOpen] = React.useState(false);
   const [currentAudioOutputDevice, setCurrentAudioOutputDevice] = React.useState(null);
   const [availableAudioOutputDevices, setAvailableAudioOutputDevices] = React.useState([]);
-  /// ^^^
+  const debugMode = (0, _reactRedux.useSelector)(state => state.user.debugMode);
 
-  const roomLocallyMuted = (0, _reactRedux.useSelector)(state => state.hmsStates.roomLocallyMuted);
+  // Fetch current selected audio device and audio devices list on Android
   React.useEffect(() => {
     if (_reactNative.Platform.OS === 'android') {
       let ignore = false;
@@ -58,28 +47,26 @@ const HMSPreviewDeviceSettings = () => {
       };
     }
   }, [hmsInstance]);
-  const cleanup = () => {
-    setDeviceListDropdownOpen(false);
-  };
-  const closeModal = () => {
-    setSettingsModalVisible(false);
-    cleanup();
-  };
 
   // closes modal and no action will be taken after modal has been closed
   const dismissModal = () => {
-    actionAfterModalHide.current = null;
-    closeModal();
+    setSettingsModalVisible(false);
   };
+
+  // Handles showing Modal for changing Audio device
   const handleSpeakerChange = () => {
     if (_reactNative.Platform.OS === 'ios') {
-      actionAfterModalHide.current = PreviewModalCloseActions.SWITCH_AUDIO_OUTPUT_IOS;
-      closeModal();
+      hmsInstance.switchAudioOutputUsingIOSUI();
     } else {
-      _reactNative.LayoutAnimation.configureNext(_reactNative.LayoutAnimation.Presets.easeInEaseOut);
-      setDeviceListDropdownOpen(prev => !prev);
+      if (availableAudioOutputDevices.length === 0) {
+        hmsInstance.getAudioDevicesList().then(devices => setAvailableAudioOutputDevices(devices)); // TODO(set-state-after-unmount): setting state irrespective of component unmount check
+      }
+
+      setSettingsModalVisible(true);
     }
   };
+
+  // Add audio device change listeners
   React.useEffect(() => {
     if (_reactNative.Platform.OS === 'android') {
       let ignore = false;
@@ -87,34 +74,27 @@ const HMSPreviewDeviceSettings = () => {
         if (!ignore && data) {
           setCurrentAudioOutputDevice(data.device);
         }
-        _reactNativeSimpleToast.default.showWithGravity(`Audio Device Output changed to: ${getDescription(data === null || data === void 0 ? void 0 : data.device)}`, _reactNativeSimpleToast.default.LONG, _reactNativeSimpleToast.default.TOP);
+        if (debugMode) {
+          _reactNativeSimpleToast.default.showWithGravity(`Audio Device Output changed to: ${data === null || data === void 0 ? void 0 : data.device}`, _reactNativeSimpleToast.default.LONG, _reactNativeSimpleToast.default.TOP);
+        }
       });
       return () => {
         ignore = true;
         hmsInstance.removeEventListener(_reactNativeHms.HMSUpdateListenerActions.ON_AUDIO_DEVICE_CHANGED);
       };
     }
-  }, [hmsInstance]);
-  const handleOnModalClose = () => {
-    if (actionAfterModalHide.current === null) {
-      return;
-    }
-    if (actionAfterModalHide.current === PreviewModalCloseActions.SWITCH_AUDIO_OUTPUT_IOS) {
-      hmsInstance.switchAudioOutputUsingIOSUI();
-    }
-  };
-  const handleMuteRoom = () => {
-    hmsInstance.setPlaybackForAllAudio(!roomLocallyMuted);
-    dispatch((0, _actions.setRoomLocallyMuted)(!roomLocallyMuted));
-  };
+  }, [hmsInstance, debugMode]);
+
+  // Handle changing selected audio device
   const handleSelectAudioDevice = device => {
     hmsInstance.switchAudioOutput(device);
-    _reactNative.LayoutAnimation.configureNext(_reactNative.LayoutAnimation.Presets.easeInEaseOut);
-    setDeviceListDropdownOpen(false);
+    setSettingsModalVisible(false);
   };
   return /*#__PURE__*/React.createElement(_reactNative.View, null, /*#__PURE__*/React.createElement(_PressableIcon.PressableIcon, {
-    onPress: () => setSettingsModalVisible(true)
-  }, /*#__PURE__*/React.createElement(_Icons.SettingsIcon, null)), /*#__PURE__*/React.createElement(_reactNativeModal.default, {
+    onPress: handleSpeakerChange
+  }, _reactNative.Platform.OS === 'ios' ? /*#__PURE__*/React.createElement(_Icons.SpeakerIcon, {
+    muted: false
+  }) : getIcon(currentAudioOutputDevice || _reactNativeHms.HMSAudioDevice.AUTOMATIC)), /*#__PURE__*/React.createElement(_reactNativeModal.default, {
     isVisible: settingsModalVisible,
     animationIn: 'slideInUp',
     animationOut: 'slideOutDown',
@@ -123,82 +103,39 @@ const HMSPreviewDeviceSettings = () => {
     onBackButtonPress: dismissModal,
     onBackdropPress: dismissModal,
     useNativeDriver: true,
-    onModalHide: handleOnModalClose,
     useNativeDriverForBackdrop: true,
     hideModalContentWhileAnimating: true
     // swipeDirection={['up', 'down']}
     // swipe
     ,
     style: styles.modal
-  }, /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.container
   }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.header
   }, /*#__PURE__*/React.createElement(_reactNative.Text, {
     style: styles.headerText
-  }, "Device Settings"), /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+  }, "Speaker Settings"), /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
     onPress: dismissModal,
     hitSlop: styles.closeIconHitSlop
-  }, /*#__PURE__*/React.createElement(_Icons.CloseIcon, null))), /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: styles.divider
-  }), /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: styles.itemLabel
-  }, "Speakers"), /*#__PURE__*/React.createElement(_reactNative.View, null, /*#__PURE__*/React.createElement(_reactNative.TouchableHighlight, {
-    underlayColor: _theme.COLORS.SURFACE.DEFAULT,
-    style: styles.item,
-    onPress: handleSpeakerChange
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: styles.itemTextContainer
-  }, /*#__PURE__*/React.createElement(_Icons.SpeakerIcon, {
-    muted: false
-  }), /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: styles.itemText,
-    numberOfLines: 1
-  }, currentAudioOutputDevice ? getDescription(currentAudioOutputDevice) : 'Switch Audio Output Device')), /*#__PURE__*/React.createElement(_Icons.ChevronIcon, {
-    direction: "down",
-    style: _reactNative.Platform.OS === 'ios' ? styles.downToRightChevronIcon : deviceListDropdownOpen ? styles.downToUpChevronIcon : null
-  }))), _reactNative.Platform.OS === 'android' && deviceListDropdownOpen ? /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: {
-      height: 160,
-      marginTop: 8,
-      overflow: 'hidden',
-      borderRadius: 8,
-      backgroundColor: _theme.COLORS.SURFACE.DEFAULT
-    }
-  }, /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
+  }, /*#__PURE__*/React.createElement(_Icons.CloseIcon, null))), availableAudioOutputDevices.length === 0 ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.emptyView
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.itemText
+  }, "No other devices available!")) : /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
     showsVerticalScrollIndicator: true
-  }, availableAudioOutputDevices.sort().map(device => /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
-    disabled: device === currentAudioOutputDevice,
-    style: {
-      paddingHorizontal: 16,
-      paddingVertical: 12,
-      backgroundColor: device === currentAudioOutputDevice ? _theme.COLORS.PRIMARY.DARK : undefined
-    },
+  }, availableAudioOutputDevices.sort().map(device => /*#__PURE__*/React.createElement(React.Fragment, {
+    key: device
+  }, true ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.divider
+  }) : null, /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    style: styles.audioDeviceItem,
     onPress: () => handleSelectAudioDevice(device)
-  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+  }, getIcon(device), /*#__PURE__*/React.createElement(_reactNative.Text, {
     style: styles.itemText
-  }, getDescription(device)))))) : null), /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
-    style: styles.item2,
-    onPress: handleMuteRoom,
-    activeOpacity: 0.7
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: styles.itemTextContainer
-  }, /*#__PURE__*/React.createElement(_Icons.SpeakerIcon, {
-    muted: roomLocallyMuted
-  }), /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: styles.itemText,
-    numberOfLines: 1
-  }, "Mute Room")), /*#__PURE__*/React.createElement(_reactNative.Switch, {
-    value: roomLocallyMuted,
-    thumbColor: _theme.COLORS.BASE.WHITE,
-    trackColor: {
-      true: _theme.COLORS.PRIMARY.DEFAULT,
-      false: _theme.COLORS.SECONDARY.DISABLED
-    },
-    onValueChange: handleMuteRoom
-  })))));
+  }, device))))))));
 };
-exports.HMSPreviewDeviceSettings = HMSPreviewDeviceSettings;
+exports.HMSSpeakerSettings = HMSSpeakerSettings;
 const styles = _reactNative.StyleSheet.create({
   modal: {
     margin: 0,
@@ -208,12 +145,15 @@ const styles = _reactNative.StyleSheet.create({
     backgroundColor: _theme.COLORS.SURFACE.DIM,
     borderTopLeftRadius: 16,
     borderTopRightRadius: 16,
-    padding: 24
+    paddingTop: 24,
+    paddingHorizontal: 16,
+    paddingBottom: 32
   },
   header: {
     flexDirection: 'row',
     alignItems: 'center',
-    justifyContent: 'space-between'
+    justifyContent: 'space-between',
+    marginBottom: 16
   },
   headerText: {
     color: _theme.COLORS.SURFACE.ON_SURFACE.HIGH,
@@ -229,77 +169,45 @@ const styles = _reactNative.StyleSheet.create({
     right: 16,
     top: 16
   },
-  divider: {
-    marginVertical: 24,
-    height: 1,
-    backgroundColor: _theme.COLORS.BORDER.DEFAULT
-  },
-  itemLabel: {
+  itemText: {
+    flex: 1,
+    marginHorizontal: 16,
     color: _theme.COLORS.SURFACE.ON_SURFACE.HIGH,
     fontSize: 14,
     fontFamily: 'Inter',
-    fontWeight: '400',
+    fontWeight: '600',
     lineHeight: 20,
-    letterSpacing: 0.25,
-    marginBottom: 8
+    letterSpacing: 0.1
   },
-  item: {
-    paddingHorizontal: 16,
-    paddingVertical: 12,
-    borderRadius: 8,
-    backgroundColor: _theme.COLORS.SURFACE.BRIGHT,
-    flexDirection: 'row',
+  emptyView: {
+    height: 160,
     alignItems: 'center',
-    justifyContent: 'space-between'
+    justifyContent: 'center'
   },
-  item2: {
-    marginTop: 24,
-    paddingHorizontal: 16,
-    paddingVertical: 12,
-    // borderRadius: 8,
-    // backgroundColor: COLORS.SURFACE.BRIGHT,
+  audioDeviceItem: {
     flexDirection: 'row',
     alignItems: 'center',
-    justifyContent: 'space-between'
-  },
-  itemTextContainer: {
-    flex: 1,
-    flexDirection: 'row',
-    alignItems: 'center'
-  },
-  itemText: {
-    flex: 1,
-    marginHorizontal: 16,
-    color: _theme.COLORS.SURFACE.ON_SURFACE.HIGH,
-    fontSize: 16,
-    fontFamily: 'Inter',
-    fontWeight: '400',
-    lineHeight: 24,
-    letterSpacing: 0.5
+    paddingVertical: 24
   },
-  downToRightChevronIcon: {
-    transform: [{
-      rotateZ: '-90deg'
-    }]
-  },
-  downToUpChevronIcon: {
-    transform: [{
-      rotateZ: '-180deg'
-    }]
+  divider: {
+    height: 1,
+    backgroundColor: _theme.COLORS.BORDER.DEFAULT
   }
 });
-const getDescription = ofDevice => {
+const getIcon = ofDevice => {
   switch (ofDevice) {
     case _reactNativeHms.HMSAudioDevice.AUTOMATIC:
-      return 'Automatic';
+      return /*#__PURE__*/React.createElement(_Icons.WaveIcon, null);
     case _reactNativeHms.HMSAudioDevice.BLUETOOTH:
-      return 'Bluetooth';
+      return /*#__PURE__*/React.createElement(_Icons.BluetoothIcon, null);
     case _reactNativeHms.HMSAudioDevice.EARPIECE:
-      return 'Earpiece';
+      return /*#__PURE__*/React.createElement(_Icons.AnswerPhoneIcon, null);
     case _reactNativeHms.HMSAudioDevice.SPEAKER_PHONE:
-      return 'Phone Speaker';
+      return /*#__PURE__*/React.createElement(_Icons.SpeakerIcon, {
+        muted: false
+      });
     case _reactNativeHms.HMSAudioDevice.WIRED_HEADSET:
-      return 'Wired Headset';
+      return /*#__PURE__*/React.createElement(_Icons.HeadphonesIcon, null);
   }
 };
-//# sourceMappingURL=HMSPreviewDeviceSettings.js.map
+//# sourceMappingURL=HMSSpeakerSettings.js.map

package/lib/commonjs/components/HMSSpeakerSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNativeModal","_interopRequireDefault","_reactNative","_reactNativeSimpleToast","_reactRedux","_reactNativeHms","_Icons","_PressableIcon","_theme","_hooksUtil","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSSpeakerSettings","hmsInstance","useHMSInstance","settingsModalVisible","setSettingsModalVisible","useState","currentAudioOutputDevice","setCurrentAudioOutputDevice","availableAudioOutputDevices","setAvailableAudioOutputDevices","debugMode","useSelector","state","user","useEffect","Platform","OS","ignore","getCurrentAudioOutputDevice","device","getAudioOutputRouteType","getAvailableAudioOutputDevices","devices","getAudioDevicesList","dismissModal","handleSpeakerChange","switchAudioOutputUsingIOSUI","length","then","setAudioDeviceChangeListener","data","Toast","showWithGravity","LONG","TOP","removeEventListener","HMSUpdateListenerActions","ON_AUDIO_DEVICE_CHANGED","handleSelectAudioDevice","switchAudioOutput","createElement","View","PressableIcon","onPress","SpeakerIcon","muted","getIcon","HMSAudioDevice","AUTOMATIC","isVisible","animationIn","animationOut","backdropColor","COLORS","BACKGROUND","DIM","backdropOpacity","onBackButtonPress","onBackdropPress","useNativeDriver","useNativeDriverForBackdrop","hideModalContentWhileAnimating","style","styles","modal","container","header","Text","headerText","TouchableOpacity","hitSlop","closeIconHitSlop","CloseIcon","emptyView","itemText","ScrollView","showsVerticalScrollIndicator","sort","map","Fragment","divider","audioDeviceItem","exports","StyleSheet","create","margin","justifyContent","backgroundColor","SURFACE","borderTopLeftRadius","borderTopRightRadius","paddingTop","paddingHorizontal","paddingBottom","flexDirection","alignItems","marginBottom","color","ON_SURFACE","HIGH","fontSize","fontFamily","fontWeight","lineHeight","letterSpacing","bottom","left","right","top","flex","marginHorizontal","height","paddingVertical","BORDER","DEFAULT","ofDevice","WaveIcon","BLUETOOTH","BluetoothIcon","EARPIECE","AnswerPhoneIcon","SPEAKER_PHONE","WIRED_HEADSET","HeadphonesIcon"],"sourceRoot":"../../../src","sources":["components/HMSSpeakerSettings.tsx"],"mappings":"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"}

package/lib/commonjs/components/Preview.js

@@ -7,7 +7,9 @@ exports.Preview = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactNativeAvoidSoftinput = require("react-native-avoid-softinput");
+var _reactRedux = require("react-redux");
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _reactNativeLinearGradient = _interopRequireDefault(require("react-native-linear-gradient"));
 var _theme = require("../utils/theme");
 var _BackButton = require("./BackButton");
 var _HMSManageCameraRotation = require("./HMSManageCameraRotation");
@@ -19,7 +21,9 @@ var _HMSPreviewPeersList = require("./HMSPreviewPeersList");
 var _HMSPreviewSubtitle = require("./HMSPreviewSubtitle");
 var _HMSPreviewTile = require("./HMSPreviewTile");
 var _HMSPreviewTitle = require("./HMSPreviewTitle");
-var _HMSPreviewDeviceSettings = require("./HMSPreviewDeviceSettings");
+var _HMSSpeakerSettings = require("./HMSSpeakerSettings");
+var _Icons = require("../Icons");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 const Preview = _ref => {
@@ -27,46 +31,94 @@ const Preview = _ref => {
     join,
     loadingButtonState
   } = _ref;
-  const {
-    bottom
-  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const localPeerNetworkQuality = (0, _reactRedux.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;
+  });
   (0, _react.useEffect)(() => {
     _reactNativeAvoidSoftinput.AvoidSoftInput.setAdjustNothing();
     _reactNativeAvoidSoftinput.AvoidSoftInput.setEnabled(true);
     return () => _reactNativeAvoidSoftinput.AvoidSoftInput.setEnabled(false);
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.container
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
-    contentContainerStyle: styles.scrollContainer,
-    bounces: false
-  }, /*#__PURE__*/_react.default.createElement(_BackButton.BackButton, null), /*#__PURE__*/_react.default.createElement(_HMSPreviewTitle.HMSPreviewTitle, null), /*#__PURE__*/_react.default.createElement(_HMSPreviewSubtitle.HMSPreviewSubtitle, null), /*#__PURE__*/_react.default.createElement(_HMSPreviewPeersList.HMSPreviewPeersList, null), /*#__PURE__*/_react.default.createElement(_HMSPreviewTile.HMSPreviewTile, null), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_HMSPreviewTile.HMSPreviewTile, null), /*#__PURE__*/_react.default.createElement(_reactNativeLinearGradient.default, {
+    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.default.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
+    style: {
+      position: 'absolute',
+      top: 0,
+      width: '100%',
+      marginTop: 24
+    },
+    edges: ['top', 'left', 'right'],
+    mode: "margin"
+  }, /*#__PURE__*/_react.default.createElement(_Icons.GenericLogoIcon, {
+    style: {
+      alignSelf: 'center',
+      marginBottom: 16
+    }
+  }), /*#__PURE__*/_react.default.createElement(_HMSPreviewTitle.HMSPreviewTitle, null), /*#__PURE__*/_react.default.createElement(_HMSPreviewSubtitle.HMSPreviewSubtitle, null), /*#__PURE__*/_react.default.createElement(_HMSPreviewPeersList.HMSPreviewPeersList, null)), /*#__PURE__*/_react.default.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
+    style: {
+      position: 'absolute',
+      top: 0
+    },
+    edges: ['top'],
+    mode: "margin"
+  }, /*#__PURE__*/_react.default.createElement(_BackButton.BackButton, null)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      position: 'absolute',
+      bottom: 0,
+      width: '100%'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      marginLeft: 8,
+      marginBottom: 8,
+      borderRadius: 8,
+      paddingVertical: 4,
+      paddingHorizontal: 8,
+      backgroundColor: _theme.COLORS.BACKGROUND.DIM_80,
+      alignSelf: 'flex-start'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Icons.NetworkQualityIcon, {
+    quality: localPeerNetworkQuality
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flex: 1,
+      backgroundColor: _theme.COLORS.BACKGROUND.DEFAULT,
+      borderTopLeftRadius: 16,
+      borderTopRightRadius: 16,
+      padding: 16
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.controlsContainer
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.micAndCameraControls
   }, /*#__PURE__*/_react.default.createElement(_HMSManageLocalAudio.HMSManageLocalAudio, null), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styles.manageLocalVideoWrapper
-  }, /*#__PURE__*/_react.default.createElement(_HMSManageLocalVideo.HMSManageLocalVideo, null)), /*#__PURE__*/_react.default.createElement(_HMSManageCameraRotation.HMSManageCameraRotation, null)), /*#__PURE__*/_react.default.createElement(_HMSPreviewDeviceSettings.HMSPreviewDeviceSettings, null)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.joinButtonRow, {
-      marginBottom: 34 - bottom + 12
-    }]
+  }, /*#__PURE__*/_react.default.createElement(_HMSManageLocalVideo.HMSManageLocalVideo, null)), /*#__PURE__*/_react.default.createElement(_HMSManageCameraRotation.HMSManageCameraRotation, null)), /*#__PURE__*/_react.default.createElement(_HMSSpeakerSettings.HMSSpeakerSettings, null)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.joinButtonRow
   }, /*#__PURE__*/_react.default.createElement(_HMSPreviewEditName.HMSPreviewEditName, null), /*#__PURE__*/_react.default.createElement(_HMSPreviewJoinButton.HMSPreviewJoinButton, {
     onJoin: join,
     loading: loadingButtonState
-  }))));
+  })))));
 };
 exports.Preview = Preview;
 const styles = _reactNative.StyleSheet.create({
   container: {
     flex: 1,
+    position: 'relative',
     backgroundColor: _theme.COLORS.BACKGROUND.DIM
   },
-  scrollContainer: {
-    flexGrow: 1
-  },
   controlsContainer: {
-    marginHorizontal: 24,
-    marginTop: 24,
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'space-between'
@@ -78,8 +130,7 @@ const styles = _reactNative.StyleSheet.create({
     marginHorizontal: 16
   },
   joinButtonRow: {
-    marginHorizontal: 24,
-    marginTop: 16,
+    marginVertical: 16,
     flexDirection: 'row'
   }
 });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeAvoidSoftinput","_reactNativeSafeAreaContext","_theme","_BackButton","_HMSManageCameraRotation","_HMSManageLocalAudio","_HMSManageLocalVideo","_HMSPreviewEditName","_HMSPreviewJoinButton","_HMSPreviewPeersList","_HMSPreviewSubtitle","_HMSPreviewTile","_HMSPreviewTitle","_HMSPreviewDeviceSettings","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Preview","_ref","join","loadingButtonState","bottom","useSafeAreaInsets","useEffect","AvoidSoftInput","setAdjustNothing","setEnabled","createElement","SafeAreaView","style","styles","container","ScrollView","contentContainerStyle","scrollContainer","bounces","BackButton","HMSPreviewTitle","HMSPreviewSubtitle","HMSPreviewPeersList","HMSPreviewTile","View","controlsContainer","micAndCameraControls","HMSManageLocalAudio","manageLocalVideoWrapper","HMSManageLocalVideo","HMSManageCameraRotation","HMSPreviewDeviceSettings","joinButtonRow","marginBottom","HMSPreviewEditName","HMSPreviewJoinButton","onJoin","loading","exports","StyleSheet","create","flex","backgroundColor","COLORS","BACKGROUND","DIM","flexGrow","marginHorizontal","marginTop","flexDirection","alignItems","justifyContent"],"sourceRoot":"../../../src","sources":["components/Preview.tsx"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeAvoidSoftinput","_reactRedux","_reactNativeSafeAreaContext","_reactNativeLinearGradient","_interopRequireDefault","_theme","_BackButton","_HMSManageCameraRotation","_HMSManageLocalAudio","_HMSManageLocalVideo","_HMSPreviewEditName","_HMSPreviewJoinButton","_HMSPreviewPeersList","_HMSPreviewSubtitle","_HMSPreviewTile","_HMSPreviewTitle","_HMSSpeakerSettings","_Icons","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Preview","_ref","join","loadingButtonState","localPeerNetworkQuality","useSelector","state","_state$hmsStates$loca","hmsStates","localPeer","networkQuality","downlinkQuality","useEffect","AvoidSoftInput","setAdjustNothing","setEnabled","createElement","View","style","styles","container","HMSPreviewTile","colors","locations","position","top","width","height","SafeAreaView","marginTop","edges","mode","GenericLogoIcon","alignSelf","marginBottom","HMSPreviewTitle","HMSPreviewSubtitle","HMSPreviewPeersList","BackButton","bottom","marginLeft","borderRadius","paddingVertical","paddingHorizontal","backgroundColor","COLORS","BACKGROUND","DIM_80","NetworkQualityIcon","quality","flex","DEFAULT","borderTopLeftRadius","borderTopRightRadius","padding","controlsContainer","micAndCameraControls","HMSManageLocalAudio","manageLocalVideoWrapper","HMSManageLocalVideo","HMSManageCameraRotation","HMSSpeakerSettings","joinButtonRow","HMSPreviewEditName","HMSPreviewJoinButton","onJoin","loading","exports","StyleSheet","create","DIM","flexDirection","alignItems","justifyContent","marginHorizontal","marginVertical"],"sourceRoot":"../../../src","sources":["components/Preview.tsx"],"mappings":"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"}