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

package/lib/commonjs/components/HMSPreviewEditName.js

@@ -15,13 +15,15 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 const HMSPreviewEditName = () => {
   const dispatch = (0, _reactRedux.useDispatch)();
   const {
-    clearConfig
+    updateConfig
   } = (0, _hooksUtil.useHMSConfig)();
   const userName = (0, _reactRedux.useSelector)(state => state.user.userName);
   const [inputFocused, setInputFocused] = React.useState(false);
   const handleNameChange = name => {
     dispatch((0, _actions.changeUsername)(name));
-    clearConfig();
+    updateConfig({
+      username: name
+    });
   };
   const handleInputFocus = () => setInputFocused(true);
   const handleInputBlur = () => setInputFocused(false);
@@ -29,7 +31,7 @@ const HMSPreviewEditName = () => {
     style: [styles.input, inputFocused ? styles.focusedInput : null],
     value: userName,
     onChangeText: handleNameChange,
-    placeholder: "Name",
+    placeholder: "Enter Name...",
     autoCapitalize: "words",
     autoCompleteType: "name",
     placeholderTextColor: _theme.COLORS.SURFACE.ON_SURFACE.LOW,
@@ -42,13 +44,14 @@ exports.HMSPreviewEditName = HMSPreviewEditName;
 const styles = _reactNative.StyleSheet.create({
   input: {
     flex: 1,
+    height: 50,
     textAlignVertical: 'center',
     backgroundColor: _theme.COLORS.SURFACE.DEFAULT,
     paddingHorizontal: 16,
-    paddingVertical: 12,
     borderRadius: 8,
     color: _theme.COLORS.SURFACE.ON_SURFACE.HIGH,
     fontSize: 16,
+    lineHeight: _reactNative.Platform.OS === 'android' ? 24 : undefined,
     fontFamily: 'Inter',
     fontWeight: '400',
     letterSpacing: 0.5,

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_theme","_actions","_hooksUtil","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSPreviewEditName","dispatch","useDispatch","clearConfig","useHMSConfig","userName","useSelector","state","user","inputFocused","setInputFocused","useState","handleNameChange","name","changeUsername","handleInputFocus","handleInputBlur","createElement","TextInput","style","styles","input","focusedInput","value","onChangeText","placeholder","autoCapitalize","autoCompleteType","placeholderTextColor","COLORS","SURFACE","ON_SURFACE","LOW","selectionColor","HIGH","onFocus","onBlur","exports","StyleSheet","create","flex","textAlignVertical","backgroundColor","DEFAULT","paddingHorizontal","paddingVertical","borderRadius","color","fontSize","fontFamily","fontWeight","letterSpacing","borderWidth","borderColor","PRIMARY"],"sourceRoot":"../../../src","sources":["components/HMSPreviewEditName.tsx"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_theme","_actions","_hooksUtil","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSPreviewEditName","dispatch","useDispatch","updateConfig","useHMSConfig","userName","useSelector","state","user","inputFocused","setInputFocused","useState","handleNameChange","name","changeUsername","username","handleInputFocus","handleInputBlur","createElement","TextInput","style","styles","input","focusedInput","value","onChangeText","placeholder","autoCapitalize","autoCompleteType","placeholderTextColor","COLORS","SURFACE","ON_SURFACE","LOW","selectionColor","HIGH","onFocus","onBlur","exports","StyleSheet","create","flex","height","textAlignVertical","backgroundColor","DEFAULT","paddingHorizontal","borderRadius","color","fontSize","lineHeight","Platform","OS","undefined","fontFamily","fontWeight","letterSpacing","borderWidth","borderColor","PRIMARY"],"sourceRoot":"../../../src","sources":["components/HMSPreviewEditName.tsx"],"mappings":"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"}

package/lib/commonjs/components/HMSPreviewHLSLiveIndicator.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HMSPreviewHLSLiveIndicator = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactRedux = require("react-redux");
+var _theme = require("../utils/theme");
+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 HMSPreviewHLSLiveIndicator = () => {
+  const isHLSStreaming = (0, _reactRedux.useSelector)(state => {
+    var _state$hmsStates$room;
+    return (_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 || (_state$hmsStates$room = _state$hmsStates$room.hlsStreamingState) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.running;
+  });
+  if (!isHLSStreaming) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.circleContainer
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.circle
+  })), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.text
+  }, "LIVE"));
+};
+exports.HMSPreviewHLSLiveIndicator = HMSPreviewHLSLiveIndicator;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderRadius: 20,
+    backgroundColor: _theme.COLORS.ALERT.ERROR.DEFAULT,
+    paddingLeft: 8,
+    paddingRight: 12,
+    marginRight: 8
+  },
+  circleContainer: {
+    width: 20,
+    height: 20,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  circle: {
+    width: 12,
+    height: 12,
+    borderRadius: 6,
+    backgroundColor: _theme.COLORS.WHITE
+  },
+  text: {
+    marginLeft: 4,
+    color: _theme.COLORS.SURFACE.ON_SURFACE.HIGH,
+    fontSize: 14,
+    fontFamily: 'Inter',
+    fontWeight: '600',
+    lineHeight: 20,
+    letterSpacing: 0.25
+  }
+});
+//# sourceMappingURL=HMSPreviewHLSLiveIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_theme","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSPreviewHLSLiveIndicator","isHLSStreaming","useSelector","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","running","createElement","View","style","styles","container","circleContainer","circle","Text","text","exports","StyleSheet","create","flexDirection","alignItems","borderRadius","backgroundColor","COLORS","ALERT","ERROR","DEFAULT","paddingLeft","paddingRight","marginRight","width","height","justifyContent","WHITE","marginLeft","color","SURFACE","ON_SURFACE","HIGH","fontSize","fontFamily","fontWeight","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["components/HMSPreviewHLSLiveIndicator.tsx"],"mappings":"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"}

package/lib/commonjs/components/HMSPreviewJoinButton.js

@@ -6,7 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.HMSPreviewJoinButton = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
+var _reactRedux = require("react-redux");
 var _theme = require("../utils/theme");
+var _Icons = require("../Icons");
+var _hooksUtil = require("../hooks-util");
 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 HMSPreviewJoinButton = _ref => {
@@ -14,24 +17,28 @@ const HMSPreviewJoinButton = _ref => {
     loading,
     onJoin
   } = _ref;
+  const userNameInvalid = (0, _reactRedux.useSelector)(state => state.user.userName.length <= 0);
+  const shouldGoLive = (0, _hooksUtil.useShouldGoLive)();
+  const disabledJoin = userNameInvalid || loading;
   return /*#__PURE__*/React.createElement(_reactNative.TouchableHighlight, {
     underlayColor: _theme.COLORS.PRIMARY.DARK,
-    style: styles.button,
+    style: [styles.button, disabledJoin ? styles.disabledButton : null],
     onPress: onJoin,
-    disabled: loading
+    disabled: disabledJoin
   }, /*#__PURE__*/React.createElement(React.Fragment, null, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
     size: 'small',
     color: _theme.COLORS.BASE.WHITE,
     style: styles.loader
+  }) : null, shouldGoLive ? /*#__PURE__*/React.createElement(_Icons.RadioIcon, {
+    style: [loading ? styles.hiddenView : null, disabledJoin ? styles.disabledIcon : null]
   }) : null, /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: [styles.text, {
-      opacity: loading ? 0 : undefined
-    }]
-  }, 'Join')));
+    style: [styles.text, loading ? styles.hiddenView : null, disabledJoin ? styles.disabledText : null]
+  }, shouldGoLive ? 'Go Live' : 'Join Now')));
 };
 exports.HMSPreviewJoinButton = HMSPreviewJoinButton;
 const styles = _reactNative.StyleSheet.create({
   button: {
+    flexDirection: 'row',
     paddingHorizontal: 16,
     paddingVertical: 8,
     borderRadius: 8,
@@ -51,6 +58,18 @@ const styles = _reactNative.StyleSheet.create({
   },
   loader: {
     position: 'absolute'
+  },
+  disabledButton: {
+    backgroundColor: _theme.COLORS.PRIMARY.DISABLED
+  },
+  disabledIcon: {
+    tintColor: _theme.COLORS.PRIMARY.ON_PRIMARY.LOW
+  },
+  disabledText: {
+    color: _theme.COLORS.PRIMARY.ON_PRIMARY.LOW
+  },
+  hiddenView: {
+    opacity: 0
   }
 });
 //# sourceMappingURL=HMSPreviewJoinButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_theme","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSPreviewJoinButton","_ref","loading","onJoin","createElement","TouchableHighlight","underlayColor","COLORS","PRIMARY","DARK","style","styles","button","onPress","disabled","Fragment","ActivityIndicator","size","color","BASE","WHITE","loader","Text","text","opacity","undefined","exports","StyleSheet","create","paddingHorizontal","paddingVertical","borderRadius","backgroundColor","DEFAULT","marginLeft","alignItems","justifyContent","fontSize","fontFamily","fontWeight","lineHeight","letterSpacing","marginHorizontal","position"],"sourceRoot":"../../../src","sources":["components/HMSPreviewJoinButton.tsx"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_theme","_Icons","_hooksUtil","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSPreviewJoinButton","_ref","loading","onJoin","userNameInvalid","useSelector","state","user","userName","length","shouldGoLive","useShouldGoLive","disabledJoin","createElement","TouchableHighlight","underlayColor","COLORS","PRIMARY","DARK","style","styles","button","disabledButton","onPress","disabled","Fragment","ActivityIndicator","size","color","BASE","WHITE","loader","RadioIcon","hiddenView","disabledIcon","Text","text","disabledText","exports","StyleSheet","create","flexDirection","paddingHorizontal","paddingVertical","borderRadius","backgroundColor","DEFAULT","marginLeft","alignItems","justifyContent","fontSize","fontFamily","fontWeight","lineHeight","letterSpacing","marginHorizontal","position","DISABLED","tintColor","ON_PRIMARY","LOW","opacity"],"sourceRoot":"../../../src","sources":["components/HMSPreviewJoinButton.tsx"],"mappings":"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"}

package/lib/commonjs/components/HMSPreviewNetworkQuality.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HMSPreviewNetworkQuality = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactRedux = require("react-redux");
+var _Icons = require("../Icons");
+var _theme = require("..//utils/theme");
+var _hooksUtil = require("../hooks-util");
+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 HMSPreviewNetworkQuality = () => {
+  const hmsInstance = (0, _hooksUtil.useHMSInstance)();
+  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;
+  });
+  React.useEffect(() => {
+    hmsInstance.enableNetworkQualityUpdates();
+    return () => hmsInstance.disableNetworkQualityUpdates();
+  }, []);
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_Icons.NetworkQualityIcon, {
+    quality: localPeerNetworkQuality
+  }));
+};
+exports.HMSPreviewNetworkQuality = HMSPreviewNetworkQuality;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    marginLeft: 8,
+    marginBottom: 8,
+    borderRadius: 8,
+    paddingVertical: 4,
+    paddingHorizontal: 8,
+    backgroundColor: _theme.COLORS.BACKGROUND.DIM_80,
+    alignSelf: 'flex-start'
+  }
+});
+//# sourceMappingURL=HMSPreviewNetworkQuality.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_Icons","_theme","_hooksUtil","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSPreviewNetworkQuality","hmsInstance","useHMSInstance","localPeerNetworkQuality","useSelector","state","_state$hmsStates$loca","hmsStates","localPeer","networkQuality","downlinkQuality","useEffect","enableNetworkQualityUpdates","disableNetworkQualityUpdates","createElement","View","style","styles","container","NetworkQualityIcon","quality","exports","StyleSheet","create","marginLeft","marginBottom","borderRadius","paddingVertical","paddingHorizontal","backgroundColor","COLORS","BACKGROUND","DIM_80","alignSelf"],"sourceRoot":"../../../src","sources":["components/HMSPreviewNetworkQuality.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAEA,IAAAK,UAAA,GAAAL,OAAA;AAA+C,SAAAM,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAR,wBAAAY,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAExC,MAAMW,wBAAwB,GAAGA,CAAA,KAAM;EAC5C,MAAMC,WAAW,GAAG,IAAAC,yBAAc,EAAC,CAAC;EACpC,MAAMC,uBAAuB,GAAG,IAAAC,uBAAW,EACxCC,KAAgB;IAAA,IAAAC,qBAAA;IAAA,QAAAA,qBAAA,GACfD,KAAK,CAACE,SAAS,CAACC,SAAS,cAAAF,qBAAA,gBAAAA,qBAAA,GAAzBA,qBAAA,CAA2BG,cAAc,cAAAH,qBAAA,uBAAzCA,qBAAA,CAA2CI,eAAe;EAAA,CAC9D,CAAC;EAEDxC,KAAK,CAACyC,SAAS,CAAC,MAAM;IACpBV,WAAW,CAACW,2BAA2B,CAAC,CAAC;IAEzC,OAAO,MAAMX,WAAW,CAACY,4BAA4B,CAAC,CAAC;EACzD,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE3C,KAAA,CAAA4C,aAAA,CAACzC,YAAA,CAAA0C,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BhD,KAAA,CAAA4C,aAAA,CAACvC,MAAA,CAAA4C,kBAAkB;IAACC,OAAO,EAAEjB;EAAwB,CAAE,CACnD,CAAC;AAEX,CAAC;AAACkB,OAAA,CAAArB,wBAAA,GAAAA,wBAAA;AAEF,MAAMiB,MAAM,GAAGK,uBAAU,CAACC,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,UAAU,EAAE,CAAC;IACbC,YAAY,EAAE,CAAC;IACfC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAEC,aAAM,CAACC,UAAU,CAACC,MAAM;IACzCC,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}

package/lib/commonjs/components/HMSPreviewPeersList.js

@@ -6,61 +6,23 @@ Object.defineProperty(exports, "__esModule", {
 exports.HMSPreviewPeersList = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
+var _reactRedux = require("react-redux");
 var _theme = require("../utils/theme");
-var _Icons = require("../Icons");
 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 HMSPreviewPeersList = () => {
-  const [peerList, _setPeerList] = React.useState([]);
-
-  // TODO: Handle case when peer updates are received before this hook mounts
-  // It leads to some already joined peer missing in list
-  // useHMSPeerUpdates(
-  //   ({ peer, type }: { peer: HMSPeer; type: HMSPeerUpdate }) => {
-  //     switch (type) {
-  //       case HMSPeerUpdate.PEER_JOINED:
-  //         setPeerList((prevPeerList) => [...prevPeerList, peer]);
-  //         break;
-  //       case HMSPeerUpdate.PEER_LEFT:
-  //         setPeerList((prevPeerList) =>
-  //           prevPeerList.filter(
-  //             (peerFromList) => peerFromList.peerID !== peer.peerID
-  //           )
-  //         );
-  //         break;
-
-  //       default:
-  //         break;
-  //     }
-  //   },
-  //   []
-  // );
-
+  const previewPeersList = (0, _reactRedux.useSelector)(state => state.hmsStates.previewPeersList);
   return /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.container
-  }, peerList.length > 0 ? /*#__PURE__*/React.createElement(_Icons.ParticipantsIcon, null) : null, peerList.length === 0 ? /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: [styles.text, styles.textSpacer]
-  }, "You are the first to join") : peerList.length === 1 ? /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: [styles.text, styles.textSpacer]
-  }, peerList[0].name, " has joined") : /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: styles.multiTextContainer
   }, /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: [styles.text, styles.flexView],
-    ellipsizeMode: "tail",
-    numberOfLines: 1
-  }, peerList.slice(0, 2).map(peer => peer.name).join(', ')), peerList.length - 2 > 0 ? /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: styles.text
-  }, ' ', "+", peerList.length - 2, ' ', peerList.length - 2 > 1 ? 'others' : 'other') : null));
+    style: [styles.text, styles.textSpacer]
+  }, previewPeersList.length === 0 ? 'You are the first to join' : `${previewPeersList.length} ${previewPeersList.length > 1 ? 'others' : 'other'} in session`));
 };
 exports.HMSPreviewPeersList = HMSPreviewPeersList;
 const styles = _reactNative.StyleSheet.create({
   container: {
-    flexDirection: 'row',
     alignItems: 'center',
     backgroundColor: _theme.COLORS.SURFACE.DEFAULT,
-    marginTop: 16,
-    marginBottom: 24,
-    alignSelf: 'center',
     paddingVertical: 8,
     paddingHorizontal: 12,
     borderRadius: 20,
@@ -76,14 +38,6 @@ const styles = _reactNative.StyleSheet.create({
   },
   textSpacer: {
     marginHorizontal: 8
-  },
-  flexView: {
-    flex: 1
-  },
-  multiTextContainer: {
-    flexDirection: 'row',
-    marginHorizontal: 8,
-    maxWidth: '70%'
   }
 });
 //# sourceMappingURL=HMSPreviewPeersList.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_theme","_Icons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSPreviewPeersList","peerList","_setPeerList","useState","createElement","View","style","styles","container","length","ParticipantsIcon","Text","text","textSpacer","name","multiTextContainer","flexView","ellipsizeMode","numberOfLines","slice","map","peer","join","exports","StyleSheet","create","flexDirection","alignItems","backgroundColor","COLORS","SURFACE","DEFAULT","marginTop","marginBottom","alignSelf","paddingVertical","paddingHorizontal","borderRadius","borderColor","BORDER","borderWidth","color","ON_SURFACE","HIGH","fontSize","fontFamily","fontWeight","lineHeight","marginHorizontal","flex","maxWidth"],"sourceRoot":"../../../src","sources":["components/HMSPreviewPeersList.tsx"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_theme","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSPreviewPeersList","previewPeersList","useSelector","state","hmsStates","createElement","View","style","styles","container","Text","text","textSpacer","length","exports","StyleSheet","create","alignItems","backgroundColor","COLORS","SURFACE","DEFAULT","paddingVertical","paddingHorizontal","borderRadius","borderColor","BORDER","borderWidth","color","ON_SURFACE","HIGH","fontSize","fontFamily","fontWeight","lineHeight","marginHorizontal"],"sourceRoot":"../../../src","sources":["components/HMSPreviewPeersList.tsx"],"mappings":"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"}

package/lib/commonjs/components/HMSPreviewSubtitle.js

@@ -7,20 +7,43 @@ exports.HMSPreviewSubtitle = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _theme = require("../utils/theme");
+var _hooksSdk = require("../hooks-sdk");
 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 HMSPreviewSubtitle = _ref => {
   let {
-    subtitle = 'Setup your audio and video before joining'
+    subtitle
   } = _ref;
+  const canPublishAudio = (0, _hooksSdk.useCanPublishAudio)();
+  const canPublishVideo = (0, _hooksSdk.useCanPublishVideo)();
+  if (subtitle) {
+    return /*#__PURE__*/React.createElement(_reactNative.Text, {
+      style: styles.title
+    }, subtitle);
+  }
+  if (canPublishAudio && canPublishVideo) {
+    return /*#__PURE__*/React.createElement(_reactNative.Text, {
+      style: styles.title
+    }, "Setup your audio and video before joining");
+  }
+  if (canPublishAudio) {
+    return /*#__PURE__*/React.createElement(_reactNative.Text, {
+      style: styles.title
+    }, "Setup your audio before joining");
+  }
+  if (canPublishVideo) {
+    return /*#__PURE__*/React.createElement(_reactNative.Text, {
+      style: styles.title
+    }, "Setup your video before joining");
+  }
   return /*#__PURE__*/React.createElement(_reactNative.Text, {
     style: styles.title
-  }, subtitle);
+  }, "Enter your name before joining");
 };
 exports.HMSPreviewSubtitle = HMSPreviewSubtitle;
 const styles = _reactNative.StyleSheet.create({
   title: {
-    color: _theme.COLORS.SURFACE.ON_SURFACE.LOW,
+    color: _theme.COLORS.SURFACE.ON_SURFACE.MEDIUM,
     fontSize: 14,
     fontFamily: 'Inter',
     fontWeight: '400',

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_theme","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSPreviewSubtitle","_ref","subtitle","createElement","Text","style","styles","title","exports","StyleSheet","create","color","COLORS","SURFACE","ON_SURFACE","LOW","fontSize","fontFamily","fontWeight","lineHeight","marginTop","textAlign"],"sourceRoot":"../../../src","sources":["components/HMSPreviewSubtitle.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAAwC,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAL,wBAAAS,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAMjC,MAAMW,kBAAqD,GAAGC,IAAA,IAE/D;EAAA,IAFgE;IACpEC,QAAQ,GAAG;EACb,CAAC,GAAAD,IAAA;EACC,oBAAO5B,KAAA,CAAA8B,aAAA,CAAC3B,YAAA,CAAA4B,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAM,GAAEL,QAAe,CAAC;AACrD,CAAC;AAACM,OAAA,CAAAR,kBAAA,GAAAA,kBAAA;AAEF,MAAMM,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,KAAK,EAAE;IACLI,KAAK,EAAEC,aAAM,CAACC,OAAO,CAACC,UAAU,CAACC,GAAG;IACpCC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,OAAO;IACnBC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE,CAAC;IACZC,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_theme","_hooksSdk","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSPreviewSubtitle","_ref","subtitle","canPublishAudio","useCanPublishAudio","canPublishVideo","useCanPublishVideo","createElement","Text","style","styles","title","exports","StyleSheet","create","color","COLORS","SURFACE","ON_SURFACE","MEDIUM","fontSize","fontFamily","fontWeight","lineHeight","marginTop","textAlign"],"sourceRoot":"../../../src","sources":["components/HMSPreviewSubtitle.tsx"],"mappings":"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"}

package/lib/commonjs/components/HMSPreviewTile.js

@@ -6,91 +6,43 @@ Object.defineProperty(exports, "__esModule", {
 exports.HMSPreviewTile = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactRedux = require("react-redux");
-var _reactNativeHms = require("@100mslive/react-native-hms");
 var _reactNative = require("react-native");
 var _Icons = require("../Icons");
-var _hooksUtil = require("../hooks-util");
 var _functions = require("../utils/functions");
 var _theme = require("../utils/theme");
+var _HMSLocalVideoView = require("./HMSLocalVideoView");
 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 HMSPreviewTile = () => {
-  const hmsInstance = (0, _hooksUtil.useHMSInstance)();
-  const HmsView = hmsInstance.HmsView;
-  const mirrorCamera = (0, _reactRedux.useSelector)(state => state.app.joinConfig.mirrorCamera);
-  const autoSimulcast = (0, _reactRedux.useSelector)(state => state.app.joinConfig.autoSimulcast);
   const isLocalVideoMuted = (0, _reactRedux.useSelector)(state => state.hmsStates.isLocalVideoMuted);
-  const isLocalAudioMuted = (0, _reactRedux.useSelector)(state => state.hmsStates.isLocalAudioMuted);
   const localVideoTrackId = (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.videoTrack) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.trackId;
   });
-  const localPeerNetworkQuality = (0, _reactRedux.useSelector)(state => {
-    var _state$hmsStates$loca2;
-    return (_state$hmsStates$loca2 = state.hmsStates.localPeer) === null || _state$hmsStates$loca2 === void 0 || (_state$hmsStates$loca2 = _state$hmsStates$loca2.networkQuality) === null || _state$hmsStates$loca2 === void 0 ? void 0 : _state$hmsStates$loca2.downlinkQuality;
-  });
   const userName = (0, _reactRedux.useSelector)(state => state.user.userName);
-  React.useEffect(() => {
-    hmsInstance.enableNetworkQualityUpdates();
-    return () => hmsInstance.disableNetworkQualityUpdates();
-  }, []);
   return /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.modalContainer
   }, isLocalVideoMuted || !localVideoTrackId ? /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.avatarContainer
   }, /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: [styles.avatar, userName.length === 0 ? styles.emptyAvatar : null]
-  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.avatar
+  }, userName.length === 0 ? /*#__PURE__*/React.createElement(_Icons.PersonIcon, {
+    style: styles.avatarIcon
+  }) : /*#__PURE__*/React.createElement(_reactNative.Text, {
     style: styles.avatarText
-  }, userName.length === 0 ? '👤' : (0, _functions.getInitials)(userName)))) : /*#__PURE__*/React.createElement(HmsView, {
-    trackId: localVideoTrackId,
-    key: localVideoTrackId,
-    mirror: mirrorCamera,
-    autoSimulcast: autoSimulcast,
-    scaleType: _reactNativeHms.HMSVideoViewMode.ASPECT_FILL,
-    style: styles.hmsView
-  }), isLocalAudioMuted ? /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: styles.micMuted
-  }, /*#__PURE__*/React.createElement(_Icons.MicIcon, {
-    muted: true,
-    style: styles.micMutedIcon
-  })) : null, /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: styles.nameInTileContainer
-  }, userName ? /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: styles.nameInTile
-  }, userName) : null, /*#__PURE__*/React.createElement(_Icons.NetworkQualityIcon, {
-    quality: localPeerNetworkQuality
-  })));
+  }, (0, _functions.getInitials)(userName)))) : /*#__PURE__*/React.createElement(_HMSLocalVideoView.HMSLocalVideoView, null));
 };
 exports.HMSPreviewTile = HMSPreviewTile;
 const styles = _reactNative.StyleSheet.create({
   modalContainer: {
     flex: 1,
     position: 'relative',
-    backgroundColor: _theme.COLORS.BACKGROUND.DEFAULT,
-    marginHorizontal: 8,
-    borderRadius: 16,
-    alignSelf: 'center',
-    overflow: 'hidden',
-    minWidth: '50%',
-    // minHeight: '50%',
-    aspectRatio: 377 / 482 // TODO: DO WE NEED THIS?
+    backgroundColor: _theme.COLORS.BACKGROUND.DIM,
+    overflow: 'hidden'
   },
-
   hmsView: {
     flex: 1
   },
-  micMuted: {
-    position: 'absolute',
-    top: 8,
-    right: 8,
-    backgroundColor: _theme.COLORS.ALERT.ERROR.DEFAULT,
-    padding: 8,
-    borderRadius: 12
-  },
-  micMutedIcon: {
-    tintColor: _theme.COLORS.ALERT.ERROR.BRIGHTER
-  },
   avatarContainer: {
     flex: 1,
     alignItems: 'center',
@@ -104,10 +56,10 @@ const styles = _reactNative.StyleSheet.create({
     justifyContent: 'center',
     alignItems: 'center'
   },
-  emptyAvatar: {
-    backgroundColor: '#C3D0E5' // TODO: use it from variable
+  avatarIcon: {
+    width: 40,
+    height: 40
   },
-
   avatarText: {
     color: _theme.COLORS.SURFACE.ON_SURFACE.HIGH,
     fontSize: 34,
@@ -115,24 +67,6 @@ const styles = _reactNative.StyleSheet.create({
     fontWeight: '600',
     lineHeight: 40,
     letterSpacing: 0.25
-  },
-  nameInTileContainer: {
-    position: 'absolute',
-    bottom: 8,
-    left: 8,
-    backgroundColor: _theme.COLORS.BACKGROUND.DIM_80,
-    padding: 8,
-    borderRadius: 12,
-    flexDirection: 'row'
-  },
-  nameInTile: {
-    color: _theme.COLORS.SURFACE.ON_SURFACE.HIGH,
-    fontSize: 14,
-    fontFamily: 'Inter',
-    fontWeight: '400',
-    lineHeight: 20,
-    letterSpacing: 0.25,
-    marginRight: 8
   }
 });
 //# sourceMappingURL=HMSPreviewTile.js.map