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

package/lib/commonjs/components/HMSPreviewPeersList.js

@@ -7,60 +7,48 @@ 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");
+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
-  }, previewPeersList.length > 0 ? /*#__PURE__*/React.createElement(_Icons.ParticipantsIcon, null) : null, previewPeersList.length === 0 ? /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: [styles.text, styles.textSpacer]
-  }, "You are the first to join") : previewPeersList.length === 1 ? /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: [styles.text, styles.textSpacer]
-  }, previewPeersList[0].name, " has joined") : /*#__PURE__*/React.createElement(_reactNative.View, {
-    style: styles.multiTextContainer
+    style: [styles.container, hmsRoomStyles.container]
   }, /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: [styles.text, styles.flexView],
-    ellipsizeMode: "tail",
-    numberOfLines: 1
-  }, previewPeersList.slice(0, 2).map(peer => peer.name).join(', ')), previewPeersList.length - 2 > 0 ? /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: styles.text
-  }, ' ', "+", previewPeersList.length - 2, ' ', previewPeersList.length - 2 > 1 ? 'others' : 'other') : null));
+    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: {
-    flexDirection: 'row',
     alignItems: 'center',
-    backgroundColor: _theme.COLORS.SURFACE.DEFAULT,
-    marginTop: 16,
-    alignSelf: 'center',
     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: {
     marginHorizontal: 8
-  },
-  flexView: {
-    flex: 1,
-    flexShrink: 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","_reactRedux","_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","previewPeersList","useSelector","state","hmsStates","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","alignSelf","paddingVertical","paddingHorizontal","borderRadius","borderColor","BORDER","borderWidth","color","ON_SURFACE","HIGH","fontSize","fontFamily","fontWeight","lineHeight","marginHorizontal","flex","flexShrink","maxWidth"],"sourceRoot":"../../../src","sources":["components/HMSPreviewPeersList.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","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,25 +5,61 @@ 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 => {
   let {
-    subtitle = 'Setup your audio and video before joining'
+    subtitle
   } = _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: textStyles
+    }, subtitle);
+  }
+  if (hmsRoomPreviewSubtitle) {
+    return /*#__PURE__*/React.createElement(_reactNative.Text, {
+      style: textStyles
+    }, hmsRoomPreviewSubtitle);
+  }
+  if (canPublishAudio && canPublishVideo) {
+    return /*#__PURE__*/React.createElement(_reactNative.Text, {
+      style: textStyles
+    }, "Setup your audio and video before joining");
+  }
+  if (canPublishAudio) {
+    return /*#__PURE__*/React.createElement(_reactNative.Text, {
+      style: textStyles
+    }, "Setup your audio before joining");
+  }
+  if (canPublishVideo) {
+    return /*#__PURE__*/React.createElement(_reactNative.Text, {
+      style: textStyles
+    }, "Setup your video before joining");
+  }
   return /*#__PURE__*/React.createElement(_reactNative.Text, {
-    style: styles.title
-  }, subtitle);
+    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","_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","MEDIUM","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,MAAM;IACvCC,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","_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

@@ -6,54 +6,50 @@ 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");
+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 = () => {
-  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 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 userName = (0, _reactRedux.useSelector)(state => state.user.userName);
-  React.useEffect(() => {
-    hmsInstance.enableNetworkQualityUpdates();
-    return () => hmsInstance.disableNetworkQualityUpdates();
-  }, []);
+  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
-  }, (0, _functions.getInitials)(userName)))) : /*#__PURE__*/React.createElement(HmsView, {
-    trackId: localVideoTrackId,
-    key: localVideoTrackId,
-    mirror: mirrorCamera,
-    autoSimulcast: autoSimulcast,
-    scaleType: _reactNativeHms.HMSVideoViewMode.ASPECT_FILL,
-    style: styles.hmsView
-  }));
+    style: [styles.avatarText, roomStyles.avatarText]
+  }, (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.DIM,
     overflow: 'hidden'
   },
   hmsView: {
@@ -67,7 +63,6 @@ const styles = _reactNative.StyleSheet.create({
   avatar: {
     width: 88,
     aspectRatio: 1,
-    backgroundColor: _theme.COLORS.EXTENDED.PURPLE,
     borderRadius: 44,
     justifyContent: 'center',
     alignItems: 'center'
@@ -77,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","_reactNativeHms","_reactNative","_Icons","_hooksUtil","_functions","_theme","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSPreviewTile","hmsInstance","useHMSInstance","HmsView","mirrorCamera","useSelector","state","app","joinConfig","autoSimulcast","isLocalVideoMuted","hmsStates","localVideoTrackId","_state$hmsStates$loca","localPeer","videoTrack","trackId","userName","user","useEffect","enableNetworkQualityUpdates","disableNetworkQualityUpdates","createElement","View","style","styles","modalContainer","avatarContainer","avatar","length","PersonIcon","avatarIcon","Text","avatarText","getInitials","mirror","scaleType","HMSVideoViewMode","ASPECT_FILL","hmsView","exports","StyleSheet","create","flex","position","backgroundColor","COLORS","BACKGROUND","DIM","overflow","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'
   }

package/lib/commonjs/components/HMSPreviewTitle.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","HMSPreviewTitle","_ref","title","createElement","Text","style","styles","exports","StyleSheet","create","color","COLORS","SURFACE","ON_SURFACE","HIGH","fontSize","fontFamily","fontWeight","lineHeight","textAlign"],"sourceRoot":"../../../src","sources":["components/HMSPreviewTitle.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,eAA+C,GAAGC,IAAA,IAEzD;EAAA,IAF0D;IAC9DC,KAAK,GAAG;EACV,CAAC,GAAAD,IAAA;EACC,oBAAO5B,KAAA,CAAA8B,aAAA,CAAC3B,YAAA,CAAA4B,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACJ;EAAM,GAAEA,KAAY,CAAC;AAClD,CAAC;AAACK,OAAA,CAAAP,eAAA,GAAAA,eAAA;AAEF,MAAMM,MAAM,GAAGE,uBAAU,CAACC,MAAM,CAAC;EAC/BP,KAAK,EAAE;IACLQ,KAAK,EAAEC,aAAM,CAACC,OAAO,CAACC,UAAU,CAACC,IAAI;IACrCC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,OAAO;IACnBC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE;EACb;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","HMSPreviewTitle","_ref","title","hmsRoomPreviewTitle","useSelector","state","_layoutConfig$screens","layoutConfig","hmsStates","previewTitle","screens","preview","elements","preview_header","titleStyles","useHMSRoomStyle","theme","typography","color","palette","on_surface_high","fontFamily","font_family","createElement","Text","style","styles","exports","StyleSheet","create","fontSize","lineHeight","textAlign"],"sourceRoot":"../../../src","sources":["components/HMSPreviewTitle.tsx"],"mappings":"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"}

package/lib/commonjs/components/HMSPrimaryButton.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HMSPrimaryButton = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _hooksUtil = require("../hooks-util");
+var _HMSBaseButton = require("./HMSBaseButton");
+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 HMSPrimaryButton = _ref => {
+  let {
+    title,
+    loading,
+    onPress,
+    style,
+    disabled,
+    leftComponent
+  } = _ref;
+  const {
+    primary_dim: primaryDarkColor,
+    on_primary_high: onPrimaryHighColor
+  } = (0, _hooksUtil.useHMSRoomColorPalette)();
+  const hmsRoomStyles = (0, _hooksUtil.useHMSRoomStyleSheet)((theme, typography) => ({
+    button: {
+      backgroundColor: theme.palette.primary_default
+    },
+    disabledButton: {
+      backgroundColor: theme.palette.primary_disabled
+    },
+    buttonText: {
+      color: theme.palette.on_primary_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    disabledText: {
+      color: theme.palette.on_primary_low
+    }
+  }));
+  return /*#__PURE__*/React.createElement(_HMSBaseButton.HMSBaseButton, {
+    loaderColor: onPrimaryHighColor,
+    loading: loading,
+    onPress: onPress,
+    title: title,
+    underlayColor: primaryDarkColor,
+    disabled: disabled,
+    leftComponent: leftComponent,
+    style: [hmsRoomStyles.button, disabled ? hmsRoomStyles.disabledButton : null, style],
+    textStyle: [hmsRoomStyles.buttonText, disabled ? hmsRoomStyles.disabledText : null]
+  });
+};
+exports.HMSPrimaryButton = HMSPrimaryButton;
+//# sourceMappingURL=HMSPrimaryButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_hooksUtil","_HMSBaseButton","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSPrimaryButton","_ref","title","loading","onPress","style","disabled","leftComponent","primary_dim","primaryDarkColor","on_primary_high","onPrimaryHighColor","useHMSRoomColorPalette","hmsRoomStyles","useHMSRoomStyleSheet","theme","typography","button","backgroundColor","palette","primary_default","disabledButton","primary_disabled","buttonText","color","fontFamily","font_family","disabledText","on_primary_low","createElement","HMSBaseButton","loaderColor","underlayColor","textStyle","exports"],"sourceRoot":"../../../src","sources":["components/HMSPrimaryButton.tsx"],"mappings":"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"}

package/lib/commonjs/components/HMSRecordingIndicator.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HMSRecordingIndicator = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactRedux = require("react-redux");
+var _reactNative = require("react-native");
+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 HMSRecordingIndicator = () => {
+  const isRecordingOn = (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.browserRecordingState) !== null && _state$hmsStates$room !== void 0 && _state$hmsStates$room.running);
+  });
+  const startingOrStoppingRecording = (0, _reactRedux.useSelector)(state => state.app.startingOrStoppingRecording);
+  const {
+    on_surface_high: onSurfaceHighColor
+  } = (0, _hooksUtil.useHMSRoomColorPalette)();
+  const iconStyles = (0, _hooksUtil.useHMSRoomStyle)(theme => ({
+    tintColor: theme.palette.alert_error_default
+  }));
+  if (startingOrStoppingRecording) {
+    return /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
+      size: "small",
+      color: onSurfaceHighColor
+    });
+  }
+  if (isRecordingOn) {
+    return /*#__PURE__*/React.createElement(_Icons.RecordingIcon, {
+      style: [styles.icon, iconStyles]
+    });
+  }
+  return null;
+};
+exports.HMSRecordingIndicator = HMSRecordingIndicator;
+const styles = _reactNative.StyleSheet.create({
+  icon: {
+    width: 24,
+    height: 24
+  }
+});
+//# sourceMappingURL=HMSRecordingIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactRedux","_reactNative","_Icons","_hooksUtil","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSRecordingIndicator","isRecordingOn","useSelector","state","_state$hmsStates$room","hmsStates","room","browserRecordingState","running","startingOrStoppingRecording","app","on_surface_high","onSurfaceHighColor","useHMSRoomColorPalette","iconStyles","useHMSRoomStyle","theme","tintColor","palette","alert_error_default","createElement","ActivityIndicator","size","color","RecordingIcon","style","styles","icon","exports","StyleSheet","create","width","height"],"sourceRoot":"../../../src","sources":["components/HMSRecordingIndicator.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAGA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAAwE,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;AAEjE,MAAMW,qBAAqB,GAAGA,CAAA,KAAM;EACzC,MAAMC,aAAa,GAAG,IAAAC,uBAAW,EAC9BC,KAAgB;IAAA,IAAAC,qBAAA;IAAA,OAAK,CAAC,GAAAA,qBAAA,GAACD,KAAK,CAACE,SAAS,CAACC,IAAI,cAAAF,qBAAA,gBAAAA,qBAAA,GAApBA,qBAAA,CAAsBG,qBAAqB,cAAAH,qBAAA,eAA3CA,qBAAA,CAA6CI,OAAO;EAAA,CAC9E,CAAC;EACD,MAAMC,2BAA2B,GAAG,IAAAP,uBAAW,EAAEC,KAAgB,IAAKA,KAAK,CAACO,GAAG,CAACD,2BAA2B,CAAC;EAE5G,MAAM;IAAEE,eAAe,EAAEC;EAAmB,CAAC,GAAG,IAAAC,iCAAsB,EAAC,CAAC;EAExE,MAAMC,UAAU,GAAG,IAAAC,0BAAe,EAAEC,KAAK,KAAM;IAC7CC,SAAS,EAAED,KAAK,CAACE,OAAO,CAACC;EAC3B,CAAC,CAAC,CAAC;EAEH,IAAIV,2BAA2B,EAAE;IAC/B,oBAAOtC,KAAA,CAAAiD,aAAA,CAAC7C,YAAA,CAAA8C,iBAAiB;MAACC,IAAI,EAAE,OAAQ;MAACC,KAAK,EAAEX;IAAmB,CAAE,CAAC;EACxE;EAEA,IAAIX,aAAa,EAAE;IACjB,oBAAO9B,KAAA,CAAAiD,aAAA,CAAC5C,MAAA,CAAAgD,aAAa;MAACC,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAEb,UAAU;IAAE,CAAE,CAAC;EAC5D;EAEA,OAAO,IAAI;AACb,CAAC;AAAAc,OAAA,CAAA5B,qBAAA,GAAAA,qBAAA;AAED,MAAM0B,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,IAAI,EAAE;IACJI,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC"}

package/lib/commonjs/components/HMSRoomOptions.js

@@ -14,6 +14,9 @@ var _RoomSettingsModalContent = require("./RoomSettingsModalContent");
 var _Modals = require("./Modals");
 var _types = require("../utils/types");
 var _hooksUtil = require("../hooks-util");
+var _BottomSheet = require("./BottomSheet");
+var _ChangeNameModalContent = require("./ChangeNameModalContent");
+var _StopRecordingModalContent = require("./StopRecordingModalContent");
 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 HMSRoomOptions = () => {
@@ -30,13 +33,10 @@ const HMSRoomOptions = () => {
   const dismissModal = () => setModalVisible(_types.ModalTypes.DEFAULT);
   return /*#__PURE__*/React.createElement(_reactNative.View, null, /*#__PURE__*/React.createElement(_PressableIcon.PressableIcon, {
     onPress: onSettingsPress
-  }, /*#__PURE__*/React.createElement(_Icons.ThreeDotsIcon, {
-    stack: "vertical"
-  })), /*#__PURE__*/React.createElement(_DefaultModal.DefaultModal, {
-    animationIn: 'slideInUp',
-    animationOut: 'slideOutDown',
-    modalVisible: modalVisible === _types.ModalTypes.SETTINGS,
-    setModalVisible: dismissModal
+  }, /*#__PURE__*/React.createElement(_Icons.HamburgerIcon, null)), /*#__PURE__*/React.createElement(_BottomSheet.BottomSheet, {
+    isVisible: modalVisible === _types.ModalTypes.SETTINGS,
+    dismissModal: dismissModal,
+    animationOutTiming: 700
   }, /*#__PURE__*/React.createElement(_RoomSettingsModalContent.RoomSettingsModalContent, {
     newAudioMixingMode: newAudioMixingMode,
     audioDeviceListenerAdded: audioDeviceChangeListener,
@@ -47,6 +47,19 @@ const HMSRoomOptions = () => {
     setAudioDeviceListenerAdded: setAudioDeviceChangeListener,
     setIsAudioShared: setIsAudioShared,
     setMuteAllTracksAudio: setMuteAllTracksAudio
+  })), /*#__PURE__*/React.createElement(_BottomSheet.BottomSheet, {
+    isVisible: modalVisible === _types.ModalTypes.CHANGE_NAME,
+    dismissModal: dismissModal,
+    avoidKeyboard: true,
+    animationOutTiming: 700
+  }, /*#__PURE__*/React.createElement(_ChangeNameModalContent.ChangeNameModalContent, {
+    dismissModal: dismissModal
+  })), /*#__PURE__*/React.createElement(_BottomSheet.BottomSheet, {
+    isVisible: modalVisible === _types.ModalTypes.STOP_RECORDING,
+    dismissModal: dismissModal,
+    animationOutTiming: 800
+  }, /*#__PURE__*/React.createElement(_StopRecordingModalContent.StopRecordingModalContent, {
+    dismissModal: dismissModal
   })), /*#__PURE__*/React.createElement(_DefaultModal.DefaultModal, {
     animationIn: 'slideInUp',
     animationOut: 'slideOutDown',
@@ -54,11 +67,10 @@ const HMSRoomOptions = () => {
     setModalVisible: dismissModal
   }, /*#__PURE__*/React.createElement(_Modals.RtcStatsModal, null)), /*#__PURE__*/React.createElement(_DefaultModal.DefaultModal, {
     modalPosiion: "center",
-    modalVisible: modalVisible === _types.ModalTypes.RECORDING || modalVisible === _types.ModalTypes.RESOLUTION,
+    modalVisible: modalVisible === _types.ModalTypes.RECORDING,
     setModalVisible: dismissModal
   }, /*#__PURE__*/React.createElement(_Modals.RecordingModal, {
-    setModalVisible: setModalVisible,
-    recordingModal: modalVisible === _types.ModalTypes.RECORDING
+    setModalVisible: setModalVisible
   })), /*#__PURE__*/React.createElement(_DefaultModal.DefaultModal, {
     modalPosiion: "center",
     modalVisible: modalVisible === _types.ModalTypes.HLS_STREAMING,