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

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","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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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactRedux","_actions","_hooksUtil","_HMSTextInput","_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","handleNameChange","name","changeUsername","username","createElement","HMSTextInput","value","onChangeText","exports"],"sourceRoot":"../../../src","sources":["components/HMSPreviewEditName.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAGA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAA8C,SAAAK,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,SAAAP,wBAAAW,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;AAIvC,MAAMW,kBAAqD,GAAGA,CAAA,KAAM;EACzE,MAAMC,QAAQ,GAAG,IAAAC,uBAAW,EAAC,CAAC;EAC9B,MAAM;IAAEC;EAAa,CAAC,GAAG,IAAAC,uBAAY,EAAC,CAAC;EACvC,MAAMC,QAAQ,GAAG,IAAAC,uBAAW,EAAEC,KAAgB,IAAKA,KAAK,CAACC,IAAI,CAACH,QAAQ,CAAC;EAEvE,MAAMI,gBAAgB,GAAIC,IAAY,IAAK;IACzCT,QAAQ,CAAC,IAAAU,uBAAc,EAACD,IAAI,CAAC,CAAC;IAC9BP,YAAY,CAAC;MAAES,QAAQ,EAAEF;IAAK,CAAC,CAAC;EAClC,CAAC;EAED,oBAAOvC,KAAA,CAAA0C,aAAA,CAACpC,aAAA,CAAAqC,YAAY;IAACC,KAAK,EAAEV,QAAS;IAACW,YAAY,EAAEP;EAAiB,CAAE,CAAC;AAC1E,CAAC;AAACQ,OAAA,CAAAjB,kBAAA,GAAAA,kBAAA"}

package/lib/commonjs/components/HMSPreviewHLSLiveIndicator.js

@@ -7,7 +7,7 @@ exports.HMSPreviewHLSLiveIndicator = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _reactRedux = require("react-redux");
-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 HMSPreviewHLSLiveIndicator = () => {
@@ -15,17 +15,29 @@ const HMSPreviewHLSLiveIndicator = () => {
     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;
   });
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)((theme, typography) => ({
+    container: {
+      backgroundColor: theme.palette.alert_error_default
+    },
+    circle: {
+      backgroundColor: theme.palette.on_surface_high
+    },
+    text: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    }
+  }));
   if (!isHLSStreaming) {
     return null;
   }
   return /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: styles.container
+    style: [styles.container, hmsRoomStyles.container]
   }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.circleContainer
   }, /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: styles.circle
+    style: [styles.circle, hmsRoomStyles.circle]
   })), /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: styles.text
+    style: [styles.text, hmsRoomStyles.text]
   }, "LIVE"));
 };
 exports.HMSPreviewHLSLiveIndicator = HMSPreviewHLSLiveIndicator;
@@ -34,7 +46,6 @@ const styles = _reactNative.StyleSheet.create({
     flexDirection: 'row',
     alignItems: 'center',
     borderRadius: 20,
-    backgroundColor: _theme.COLORS.ALERT.ERROR.DEFAULT,
     paddingLeft: 8,
     paddingRight: 12,
     marginRight: 8
@@ -48,15 +59,11 @@ const styles = _reactNative.StyleSheet.create({
   circle: {
     width: 12,
     height: 12,
-    borderRadius: 6,
-    backgroundColor: _theme.COLORS.WHITE
+    borderRadius: 6
   },
   text: {
     marginLeft: 4,
-    color: _theme.COLORS.SURFACE.ON_SURFACE.HIGH,
     fontSize: 14,
-    fontFamily: 'Inter',
-    fontWeight: '600',
     lineHeight: 20,
     letterSpacing: 0.25
   }

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

@@ -1 +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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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_hooksUtil","_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","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","container","backgroundColor","palette","alert_error_default","circle","on_surface_high","text","color","fontFamily","font_family","createElement","View","style","styles","circleContainer","Text","exports","StyleSheet","create","flexDirection","alignItems","borderRadius","paddingLeft","paddingRight","marginRight","width","height","justifyContent","marginLeft","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["components/HMSPreviewHLSLiveIndicator.tsx"],"mappings":"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"}

package/lib/commonjs/components/HMSPreviewJoinButton.js

@@ -7,9 +7,9 @@ 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");
+var _HMSPrimaryButton = require("./HMSPrimaryButton");
 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 => {
@@ -18,58 +18,35 @@ const HMSPreviewJoinButton = _ref => {
     onJoin
   } = _ref;
   const userNameInvalid = (0, _reactRedux.useSelector)(state => state.user.userName.length <= 0);
+  const joinButtonLabels = (0, _reactRedux.useSelector)(state => {
+    var _layoutConfig$screens;
+    const layoutConfig = state.hmsStates.layoutConfig;
+    const joinLayoutConfig = layoutConfig === null || layoutConfig === void 0 || (_layoutConfig$screens = layoutConfig.screens) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.preview) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.default) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.elements) === null || _layoutConfig$screens === void 0 ? void 0 : _layoutConfig$screens.join_form;
+    return {
+      joinBtnLabel: (joinLayoutConfig === null || joinLayoutConfig === void 0 ? void 0 : joinLayoutConfig.join_btn_label) || 'Join Now',
+      goLiveBtnLabel: (joinLayoutConfig === null || joinLayoutConfig === void 0 ? void 0 : joinLayoutConfig.go_live_btn_label) || 'Go Live'
+    };
+  }, _reactRedux.shallowEqual);
   const shouldGoLive = (0, _hooksUtil.useShouldGoLive)();
+  const liveIconStyles = (0, _hooksUtil.useHMSRoomStyle)(theme => ({
+    tintColor: theme.palette.on_primary_low
+  }));
   const disabledJoin = userNameInvalid || loading;
-  return /*#__PURE__*/React.createElement(_reactNative.TouchableHighlight, {
-    underlayColor: _theme.COLORS.PRIMARY.DARK,
-    style: [styles.button, disabledJoin ? styles.disabledButton : null],
+  return /*#__PURE__*/React.createElement(_HMSPrimaryButton.HMSPrimaryButton, {
+    loading: loading,
     onPress: onJoin,
-    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, loading ? styles.hiddenView : null, disabledJoin ? styles.disabledText : null]
-  }, shouldGoLive ? 'Go Live' : 'Join Now')));
+    title: shouldGoLive ? joinButtonLabels.goLiveBtnLabel : joinButtonLabels.joinBtnLabel,
+    disabled: disabledJoin,
+    leftComponent: shouldGoLive ? /*#__PURE__*/React.createElement(_Icons.RadioIcon, {
+      style: disabledJoin ? liveIconStyles : null
+    }) : null,
+    style: styles.button
+  });
 };
 exports.HMSPreviewJoinButton = HMSPreviewJoinButton;
 const styles = _reactNative.StyleSheet.create({
   button: {
-    flexDirection: 'row',
-    paddingHorizontal: 16,
-    paddingVertical: 8,
-    borderRadius: 8,
-    backgroundColor: _theme.COLORS.PRIMARY.DEFAULT,
-    marginLeft: 16,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  text: {
-    color: _theme.COLORS.BASE.WHITE,
-    fontSize: 16,
-    fontFamily: 'Inter',
-    fontWeight: '600',
-    lineHeight: 24,
-    letterSpacing: 0.5,
-    marginHorizontal: 8
-  },
-  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
+    marginLeft: 16
   }
 });
 //# sourceMappingURL=HMSPreviewJoinButton.js.map

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_Icons","_hooksUtil","_HMSPrimaryButton","_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","joinButtonLabels","_layoutConfig$screens","layoutConfig","hmsStates","joinLayoutConfig","screens","preview","elements","join_form","joinBtnLabel","join_btn_label","goLiveBtnLabel","go_live_btn_label","shallowEqual","shouldGoLive","useShouldGoLive","liveIconStyles","useHMSRoomStyle","theme","tintColor","palette","on_primary_low","disabledJoin","createElement","HMSPrimaryButton","onPress","title","disabled","leftComponent","RadioIcon","style","styles","button","exports","StyleSheet","create","marginLeft"],"sourceRoot":"../../../src","sources":["components/HMSPreviewJoinButton.tsx"],"mappings":"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"}

package/lib/commonjs/components/HMSPreviewNetworkQuality.js

@@ -8,7 +8,7 @@ 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 _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; }
@@ -22,8 +22,11 @@ const HMSPreviewNetworkQuality = () => {
     hmsInstance.enableNetworkQualityUpdates();
     return () => hmsInstance.disableNetworkQualityUpdates();
   }, []);
+  const containerStyles = (0, _hooksUtil.useHMSRoomStyle)(theme => ({
+    backgroundColor: (0, _theme.hexToRgbA)(theme.palette.background_dim, 0.8)
+  }));
   return /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: styles.container
+    style: [styles.container, containerStyles]
   }, /*#__PURE__*/React.createElement(_Icons.NetworkQualityIcon, {
     quality: localPeerNetworkQuality
   }));
@@ -36,7 +39,6 @@ const styles = _reactNative.StyleSheet.create({
     borderRadius: 8,
     paddingVertical: 4,
     paddingHorizontal: 8,
-    backgroundColor: _theme.COLORS.BACKGROUND.DIM_80,
     alignSelf: 'flex-start'
   }
 });

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

@@ -1 +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":"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"}
+{"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","containerStyles","useHMSRoomStyle","theme","backgroundColor","hexToRgbA","palette","background_dim","createElement","View","style","styles","container","NetworkQualityIcon","quality","exports","StyleSheet","create","marginLeft","marginBottom","borderRadius","paddingVertical","paddingHorizontal","alignSelf"],"sourceRoot":"../../../src","sources":["components/HMSPreviewNetworkQuality.tsx"],"mappings":"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"}

package/lib/commonjs/components/HMSPreviewPeersList.js

@@ -7,33 +7,44 @@ 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 _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 HMSPreviewPeersList = () => {
-  const previewPeersList = (0, _reactRedux.useSelector)(state => state.hmsStates.previewPeersList);
+  const previewPeerCount = (0, _reactRedux.useSelector)(state => {
+    var _state$hmsStates$room;
+    return (_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.peerCount;
+  });
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)((theme, typography) => ({
+    container: {
+      backgroundColor: theme.palette.surface_default,
+      borderColor: theme.palette.border_default
+    },
+    text: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    }
+  }));
+  if (typeof previewPeerCount !== 'number') {
+    return null;
+  }
   return /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: styles.container
+    style: [styles.container, hmsRoomStyles.container]
   }, /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: [styles.text, styles.textSpacer]
-  }, previewPeersList.length === 0 ? 'You are the first to join' : `${previewPeersList.length} ${previewPeersList.length > 1 ? 'others' : 'other'} in session`));
+    style: [styles.text, hmsRoomStyles.text, styles.textSpacer]
+  }, previewPeerCount <= 0 ? 'You are the first to join' : `${previewPeerCount} ${previewPeerCount > 1 ? 'others' : 'other'} in session`));
 };
 exports.HMSPreviewPeersList = HMSPreviewPeersList;
 const styles = _reactNative.StyleSheet.create({
   container: {
     alignItems: 'center',
-    backgroundColor: _theme.COLORS.SURFACE.DEFAULT,
     paddingVertical: 8,
     paddingHorizontal: 12,
     borderRadius: 20,
-    borderColor: _theme.COLORS.BORDER.DEFAULT,
     borderWidth: 1
   },
   text: {
-    color: _theme.COLORS.SURFACE.ON_SURFACE.HIGH,
     fontSize: 14,
-    fontFamily: 'Inter',
-    fontWeight: '600',
     lineHeight: 24
   },
   textSpacer: {

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

@@ -1 +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","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":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAH,OAAA;AAAwC,SAAAI,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,SAAAN,wBAAAU,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;AAKjC,MAAMW,mBAAuD,GAAGA,CAAA,KAAM;EAC3E,MAAMC,gBAAgB,GAAG,IAAAC,uBAAW,EACjCC,KAAgB,IAAKA,KAAK,CAACC,SAAS,CAACH,gBACxC,CAAC;EAED,oBACE7B,KAAA,CAAAiC,aAAA,CAAC9B,YAAA,CAAA+B,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BrC,KAAA,CAAAiC,aAAA,CAAC9B,YAAA,CAAAmC,IAAI;IAACH,KAAK,EAAE,CAACC,MAAM,CAACG,IAAI,EAAEH,MAAM,CAACI,UAAU;EAAE,GAC3CX,gBAAgB,CAACY,MAAM,KAAK,CAAC,GAC1B,2BAA2B,GAC1B,GAAEZ,gBAAgB,CAACY,MAAO,IACzBZ,gBAAgB,CAACY,MAAM,GAAG,CAAC,GAAG,QAAQ,GAAG,OAC1C,aACD,CACF,CAAC;AAEX,CAAC;AAACC,OAAA,CAAAd,mBAAA,GAAAA,mBAAA;AAEF,MAAMQ,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAEC,aAAM,CAACC,OAAO,CAACC,OAAO;IACvCC,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAEN,aAAM,CAACO,MAAM,CAACL,OAAO;IAClCM,WAAW,EAAE;EACf,CAAC;EACDhB,IAAI,EAAE;IACJiB,KAAK,EAAET,aAAM,CAACC,OAAO,CAACS,UAAU,CAACC,IAAI;IACrCC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,OAAO;IACnBC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE;EACd,CAAC;EACDtB,UAAU,EAAE;IACVuB,gBAAgB,EAAE;EACpB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_hooksUtil","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSPreviewPeersList","previewPeerCount","useSelector","state","_state$hmsStates$room","hmsStates","room","peerCount","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","container","backgroundColor","palette","surface_default","borderColor","border_default","text","color","on_surface_high","fontFamily","font_family","createElement","View","style","styles","Text","textSpacer","exports","StyleSheet","create","alignItems","paddingVertical","paddingHorizontal","borderRadius","borderWidth","fontSize","lineHeight","marginHorizontal"],"sourceRoot":"../../../src","sources":["components/HMSPreviewPeersList.tsx"],"mappings":"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"}

package/lib/commonjs/components/HMSPreviewSubtitle.js

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.HMSPreviewSubtitle = void 0;
 var React = _interopRequireWildcard(require("react"));
+var _reactRedux = require("react-redux");
 var _reactNative = require("react-native");
-var _theme = require("../utils/theme");
 var _hooksSdk = require("../hooks-sdk");
+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 HMSPreviewSubtitle = _ref => {
@@ -16,37 +17,49 @@ const HMSPreviewSubtitle = _ref => {
   } = _ref;
   const canPublishAudio = (0, _hooksSdk.useCanPublishAudio)();
   const canPublishVideo = (0, _hooksSdk.useCanPublishVideo)();
+  const hmsRoomPreviewSubtitle = (0, _reactRedux.useSelector)(state => {
+    var _layoutConfig$screens;
+    const layoutConfig = state.hmsStates.layoutConfig;
+    return layoutConfig === null || layoutConfig === void 0 || (_layoutConfig$screens = layoutConfig.screens) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.preview) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.default) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.elements) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.preview_header) === null || _layoutConfig$screens === void 0 ? void 0 : _layoutConfig$screens.sub_title;
+  });
+  const titleStyles = (0, _hooksUtil.useHMSRoomStyle)((theme, typography) => ({
+    color: theme.palette.on_surface_medium,
+    fontFamily: `${typography.font_family}-Regular`
+  }));
+  const textStyles = [styles.title, titleStyles];
   if (subtitle) {
     return /*#__PURE__*/React.createElement(_reactNative.Text, {
-      style: styles.title
+      style: textStyles
     }, subtitle);
   }
+  if (hmsRoomPreviewSubtitle) {
+    return /*#__PURE__*/React.createElement(_reactNative.Text, {
+      style: textStyles
+    }, hmsRoomPreviewSubtitle);
+  }
   if (canPublishAudio && canPublishVideo) {
     return /*#__PURE__*/React.createElement(_reactNative.Text, {
-      style: styles.title
+      style: textStyles
     }, "Setup your audio and video before joining");
   }
   if (canPublishAudio) {
     return /*#__PURE__*/React.createElement(_reactNative.Text, {
-      style: styles.title
+      style: textStyles
     }, "Setup your audio before joining");
   }
   if (canPublishVideo) {
     return /*#__PURE__*/React.createElement(_reactNative.Text, {
-      style: styles.title
+      style: textStyles
     }, "Setup your video before joining");
   }
   return /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: styles.title
+    style: textStyles
   }, "Enter your name before joining");
 };
 exports.HMSPreviewSubtitle = HMSPreviewSubtitle;
 const styles = _reactNative.StyleSheet.create({
   title: {
-    color: _theme.COLORS.SURFACE.ON_SURFACE.MEDIUM,
     fontSize: 14,
-    fontFamily: 'Inter',
-    fontWeight: '400',
     lineHeight: 20,
     marginTop: 4,
     textAlign: 'center'

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactRedux","_reactNative","_hooksSdk","_hooksUtil","_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","hmsRoomPreviewSubtitle","useSelector","state","_layoutConfig$screens","layoutConfig","hmsStates","screens","preview","elements","preview_header","sub_title","titleStyles","useHMSRoomStyle","theme","typography","color","palette","on_surface_medium","fontFamily","font_family","textStyles","styles","title","createElement","Text","style","exports","StyleSheet","create","fontSize","lineHeight","marginTop","textAlign"],"sourceRoot":"../../../src","sources":["components/HMSPreviewSubtitle.tsx"],"mappings":"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"}

package/lib/commonjs/components/HMSPreviewTile.js

@@ -11,6 +11,7 @@ var _Icons = require("../Icons");
 var _functions = require("../utils/functions");
 var _theme = require("../utils/theme");
 var _HMSLocalVideoView = require("./HMSLocalVideoView");
+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 HMSPreviewTile = () => {
@@ -20,16 +21,28 @@ const HMSPreviewTile = () => {
     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 userName = (0, _reactRedux.useSelector)(state => state.user.userName);
+  const roomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)((theme, typography) => ({
+    container: {
+      backgroundColor: theme.palette.background_dim
+    },
+    avatar: {
+      backgroundColor: _theme.COLORS.EXTENDED.PURPLE
+    },
+    avatarText: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    }
+  }));
   return /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: styles.modalContainer
+    style: [styles.modalContainer, roomStyles.container]
   }, isLocalVideoMuted || !localVideoTrackId ? /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.avatarContainer
   }, /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: styles.avatar
+    style: [styles.avatar, roomStyles.avatar]
   }, userName.length === 0 ? /*#__PURE__*/React.createElement(_Icons.PersonIcon, {
     style: styles.avatarIcon
   }) : /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: styles.avatarText
+    style: [styles.avatarText, roomStyles.avatarText]
   }, (0, _functions.getInitials)(userName)))) : /*#__PURE__*/React.createElement(_HMSLocalVideoView.HMSLocalVideoView, null));
 };
 exports.HMSPreviewTile = HMSPreviewTile;
@@ -37,7 +50,6 @@ const styles = _reactNative.StyleSheet.create({
   modalContainer: {
     flex: 1,
     position: 'relative',
-    backgroundColor: _theme.COLORS.BACKGROUND.DIM,
     overflow: 'hidden'
   },
   hmsView: {
@@ -51,7 +63,6 @@ const styles = _reactNative.StyleSheet.create({
   avatar: {
     width: 88,
     aspectRatio: 1,
-    backgroundColor: _theme.COLORS.EXTENDED.PURPLE,
     borderRadius: 44,
     justifyContent: 'center',
     alignItems: 'center'
@@ -61,10 +72,7 @@ const styles = _reactNative.StyleSheet.create({
     height: 40
   },
   avatarText: {
-    color: _theme.COLORS.SURFACE.ON_SURFACE.HIGH,
     fontSize: 34,
-    fontFamily: 'Inter',
-    fontWeight: '600',
     lineHeight: 40,
     letterSpacing: 0.25
   }

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

@@ -1 +1 @@
-{"version":3,"names":["React","_interopRequireWildcard","require","_reactRedux","_reactNative","_Icons","_functions","_theme","_HMSLocalVideoView","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSPreviewTile","isLocalVideoMuted","useSelector","state","hmsStates","localVideoTrackId","_state$hmsStates$loca","localPeer","videoTrack","trackId","userName","user","createElement","View","style","styles","modalContainer","avatarContainer","avatar","length","PersonIcon","avatarIcon","Text","avatarText","getInitials","HMSLocalVideoView","exports","StyleSheet","create","flex","position","backgroundColor","COLORS","BACKGROUND","DIM","overflow","hmsView","alignItems","justifyContent","width","aspectRatio","EXTENDED","PURPLE","borderRadius","height","color","SURFACE","ON_SURFACE","HIGH","fontSize","fontFamily","fontWeight","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["components/HMSPreviewTile.tsx"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactRedux","_reactNative","_Icons","_functions","_theme","_HMSLocalVideoView","_hooksUtil","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSPreviewTile","isLocalVideoMuted","useSelector","state","hmsStates","localVideoTrackId","_state$hmsStates$loca","localPeer","videoTrack","trackId","userName","user","roomStyles","useHMSRoomStyleSheet","theme","typography","container","backgroundColor","palette","background_dim","avatar","COLORS","EXTENDED","PURPLE","avatarText","color","on_surface_high","fontFamily","font_family","createElement","View","style","styles","modalContainer","avatarContainer","length","PersonIcon","avatarIcon","Text","getInitials","HMSLocalVideoView","exports","StyleSheet","create","flex","position","overflow","hmsView","alignItems","justifyContent","width","aspectRatio","borderRadius","height","fontSize","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["components/HMSPreviewTile.tsx"],"mappings":"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"}

package/lib/commonjs/components/HMSPreviewTitle.js

@@ -6,24 +6,32 @@ Object.defineProperty(exports, "__esModule", {
 exports.HMSPreviewTitle = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _theme = require("../utils/theme");
+var _reactRedux = require("react-redux");
+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 HMSPreviewTitle = _ref => {
   let {
     title = 'Get Started'
   } = _ref;
+  const hmsRoomPreviewTitle = (0, _reactRedux.useSelector)(state => {
+    var _layoutConfig$screens;
+    const layoutConfig = state.hmsStates.layoutConfig;
+    const previewTitle = layoutConfig === null || layoutConfig === void 0 || (_layoutConfig$screens = layoutConfig.screens) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.preview) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.default) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.elements) === null || _layoutConfig$screens === void 0 || (_layoutConfig$screens = _layoutConfig$screens.preview_header) === null || _layoutConfig$screens === void 0 ? void 0 : _layoutConfig$screens.title;
+    return previewTitle || title;
+  });
+  const titleStyles = (0, _hooksUtil.useHMSRoomStyle)((theme, typography) => ({
+    color: theme.palette.on_surface_high,
+    fontFamily: `${typography.font_family}-SemiBold`
+  }));
   return /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: styles.title
-  }, title);
+    style: [styles.title, titleStyles]
+  }, hmsRoomPreviewTitle);
 };
 exports.HMSPreviewTitle = HMSPreviewTitle;
 const styles = _reactNative.StyleSheet.create({
   title: {
-    color: _theme.COLORS.SURFACE.ON_SURFACE.HIGH,
     fontSize: 24,
-    fontFamily: 'Inter',
-    fontWeight: '600',
     lineHeight: 32,
     textAlign: 'center'
   }