@100mslive/react-native-room-kit 0.0.1

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

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

package/lib/commonjs/components/HMSPreviewPeersList.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HMSPreviewPeersList = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+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;
+  //     }
+  //   },
+  //   []
+  // );
+
+  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));
+};
+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,
+    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
+  },
+  multiTextContainer: {
+    flexDirection: 'row',
+    marginHorizontal: 8,
+    maxWidth: '70%'
+  }
+});
+//# sourceMappingURL=HMSPreviewPeersList.js.map

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

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

package/lib/commonjs/components/HMSPreviewSubtitle.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HMSPreviewSubtitle = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+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 HMSPreviewSubtitle = _ref => {
+  let {
+    subtitle = 'Setup your audio and video before joining'
+  } = _ref;
+  return /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.title
+  }, subtitle);
+};
+exports.HMSPreviewSubtitle = HMSPreviewSubtitle;
+const styles = _reactNative.StyleSheet.create({
+  title: {
+    color: _theme.COLORS.SURFACE.ON_SURFACE.LOW,
+    fontSize: 14,
+    fontFamily: 'Inter',
+    fontWeight: '400',
+    lineHeight: 20,
+    marginTop: 4,
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=HMSPreviewSubtitle.js.map

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

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

package/lib/commonjs/components/HMSPreviewTile.js

@@ -0,0 +1,138 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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");
+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.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
+  })));
+};
+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?
+  },
+
+  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',
+    justifyContent: 'center'
+  },
+  avatar: {
+    width: 88,
+    aspectRatio: 1,
+    backgroundColor: _theme.COLORS.EXTENDED.PURPLE,
+    borderRadius: 44,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  emptyAvatar: {
+    backgroundColor: '#C3D0E5' // TODO: use it from variable
+  },
+
+  avatarText: {
+    color: _theme.COLORS.SURFACE.ON_SURFACE.HIGH,
+    fontSize: 34,
+    fontFamily: 'Inter',
+    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

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

@@ -0,0 +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","isLocalAudioMuted","localVideoTrackId","_state$hmsStates$loca","localPeer","videoTrack","trackId","localPeerNetworkQuality","_state$hmsStates$loca2","networkQuality","downlinkQuality","userName","user","useEffect","enableNetworkQualityUpdates","disableNetworkQualityUpdates","createElement","View","style","styles","modalContainer","avatarContainer","avatar","length","emptyAvatar","Text","avatarText","getInitials","mirror","scaleType","HMSVideoViewMode","ASPECT_FILL","hmsView","micMuted","MicIcon","muted","micMutedIcon","nameInTileContainer","nameInTile","NetworkQualityIcon","quality","exports","StyleSheet","create","flex","position","backgroundColor","COLORS","BACKGROUND","DEFAULT","marginHorizontal","borderRadius","alignSelf","overflow","minWidth","aspectRatio","top","right","ALERT","ERROR","padding","tintColor","BRIGHTER","alignItems","justifyContent","width","EXTENDED","PURPLE","color","SURFACE","ON_SURFACE","HIGH","fontSize","fontFamily","fontWeight","lineHeight","letterSpacing","bottom","left","DIM_80","flexDirection","marginRight"],"sourceRoot":"../../../src","sources":["components/HMSPreviewTile.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAEA,IAAAM,UAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAAwC,SAAAQ,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,SAAAV,wBAAAc,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;AAEjC,MAAMW,cAAwB,GAAGA,CAAA,KAAM;EAC5C,MAAMC,WAAW,GAAG,IAAAC,yBAAc,EAAC,CAAC;EACpC,MAAMC,OAAO,GAAGF,WAAW,CAACE,OAAO;EACnC,MAAMC,YAAY,GAAG,IAAAC,uBAAW,EAC7BC,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACC,UAAU,CAACJ,YAC7C,CAAC;EACD,MAAMK,aAAa,GAAG,IAAAJ,uBAAW,EAC9BC,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACC,UAAU,CAACC,aAC7C,CAAC;EACD,MAAMC,iBAAiB,GAAG,IAAAL,uBAAW,EAClCC,KAAgB,IAAKA,KAAK,CAACK,SAAS,CAACD,iBACxC,CAAC;EACD,MAAME,iBAAiB,GAAG,IAAAP,uBAAW,EAClCC,KAAgB,IAAKA,KAAK,CAACK,SAAS,CAACC,iBACxC,CAAC;EACD,MAAMC,iBAAiB,GAAG,IAAAR,uBAAW,EAClCC,KAAgB;IAAA,IAAAQ,qBAAA;IAAA,QAAAA,qBAAA,GAAKR,KAAK,CAACK,SAAS,CAACI,SAAS,cAAAD,qBAAA,gBAAAA,qBAAA,GAAzBA,qBAAA,CAA2BE,UAAU,cAAAF,qBAAA,uBAArCA,qBAAA,CAAuCG,OAAO;EAAA,CACtE,CAAC;EACD,MAAMC,uBAAuB,GAAG,IAAAb,uBAAW,EACxCC,KAAgB;IAAA,IAAAa,sBAAA;IAAA,QAAAA,sBAAA,GACfb,KAAK,CAACK,SAAS,CAACI,SAAS,cAAAI,sBAAA,gBAAAA,sBAAA,GAAzBA,sBAAA,CAA2BC,cAAc,cAAAD,sBAAA,uBAAzCA,sBAAA,CAA2CE,eAAe;EAAA,CAC9D,CAAC;EACD,MAAMC,QAAQ,GAAG,IAAAjB,uBAAW,EAAEC,KAAgB,IAAKA,KAAK,CAACiB,IAAI,CAACD,QAAQ,CAAC;EAEvEtD,KAAK,CAACwD,SAAS,CAAC,MAAM;IACpBvB,WAAW,CAACwB,2BAA2B,CAAC,CAAC;IAEzC,OAAO,MAAMxB,WAAW,CAACyB,4BAA4B,CAAC,CAAC;EACzD,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE1D,KAAA,CAAA2D,aAAA,CAACtD,YAAA,CAAAuD,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAe,GAChCrB,iBAAiB,IAAI,CAACG,iBAAiB,gBACtC7C,KAAA,CAAA2D,aAAA,CAACtD,YAAA,CAAAuD,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACE;EAAgB,gBAClChE,KAAA,CAAA2D,aAAA,CAACtD,YAAA,CAAAuD,IAAI;IACHC,KAAK,EAAE,CACLC,MAAM,CAACG,MAAM,EACbX,QAAQ,CAACY,MAAM,KAAK,CAAC,GAAGJ,MAAM,CAACK,WAAW,GAAG,IAAI;EACjD,gBAEFnE,KAAA,CAAA2D,aAAA,CAACtD,YAAA,CAAA+D,IAAI;IAACP,KAAK,EAAEC,MAAM,CAACO;EAAW,GAC5Bf,QAAQ,CAACY,MAAM,KAAK,CAAC,GAAG,IAAI,GAAG,IAAAI,sBAAW,EAAChB,QAAQ,CAChD,CACF,CACF,CAAC,gBAEPtD,KAAA,CAAA2D,aAAA,CAACxB,OAAO;IACNc,OAAO,EAAEJ,iBAAkB;IAC3BnB,GAAG,EAAEmB,iBAAkB;IACvB0B,MAAM,EAAEnC,YAAa;IACrBK,aAAa,EAAEA,aAAc;IAC7B+B,SAAS,EAAEC,gCAAgB,CAACC,WAAY;IACxCb,KAAK,EAAEC,MAAM,CAACa;EAAQ,CACvB,CACF,EAEA/B,iBAAiB,gBAChB5C,KAAA,CAAA2D,aAAA,CAACtD,YAAA,CAAAuD,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACc;EAAS,gBAC3B5E,KAAA,CAAA2D,aAAA,CAACrD,MAAA,CAAAuE,OAAO;IAACC,KAAK,EAAE,IAAK;IAACjB,KAAK,EAAEC,MAAM,CAACiB;EAAa,CAAE,CAC/C,CAAC,GACL,IAAI,eAER/E,KAAA,CAAA2D,aAAA,CAACtD,YAAA,CAAAuD,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACkB;EAAoB,GACrC1B,QAAQ,gBAAGtD,KAAA,CAAA2D,aAAA,CAACtD,YAAA,CAAA+D,IAAI;IAACP,KAAK,EAAEC,MAAM,CAACmB;EAAW,GAAE3B,QAAe,CAAC,GAAG,IAAI,eAEpEtD,KAAA,CAAA2D,aAAA,CAACrD,MAAA,CAAA4E,kBAAkB;IAACC,OAAO,EAAEjC;EAAwB,CAAE,CACnD,CACF,CAAC;AAEX,CAAC;AAACkC,OAAA,CAAApD,cAAA,GAAAA,cAAA;AAEF,MAAM8B,MAAM,GAAGuB,uBAAU,CAACC,MAAM,CAAC;EAC/BvB,cAAc,EAAE;IACdwB,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,UAAU;IACpBC,eAAe,EAAEC,aAAM,CAACC,UAAU,CAACC,OAAO;IAC1CC,gBAAgB,EAAE,CAAC;IACnBC,YAAY,EAAE,EAAE;IAChBC,SAAS,EAAE,QAAQ;IACnBC,QAAQ,EAAE,QAAQ;IAClBC,QAAQ,EAAE,KAAK;IACf;IACAC,WAAW,EAAE,GAAG,GAAG,GAAG,CAAE;EAC1B,CAAC;;EACDvB,OAAO,EAAE;IACPY,IAAI,EAAE;EACR,CAAC;EACDX,QAAQ,EAAE;IACRY,QAAQ,EAAE,UAAU;IACpBW,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRX,eAAe,EAAEC,aAAM,CAACW,KAAK,CAACC,KAAK,CAACV,OAAO;IAC3CW,OAAO,EAAE,CAAC;IACVT,YAAY,EAAE;EAChB,CAAC;EACDf,YAAY,EAAE;IACZyB,SAAS,EAAEd,aAAM,CAACW,KAAK,CAACC,KAAK,CAACG;EAChC,CAAC;EACDzC,eAAe,EAAE;IACfuB,IAAI,EAAE,CAAC;IACPmB,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACD1C,MAAM,EAAE;IACN2C,KAAK,EAAE,EAAE;IACTV,WAAW,EAAE,CAAC;IACdT,eAAe,EAAEC,aAAM,CAACmB,QAAQ,CAACC,MAAM;IACvChB,YAAY,EAAE,EAAE;IAChBa,cAAc,EAAE,QAAQ;IACxBD,UAAU,EAAE;EACd,CAAC;EACDvC,WAAW,EAAE;IACXsB,eAAe,EAAE,SAAS,CAAE;EAC9B,CAAC;;EACDpB,UAAU,EAAE;IACV0C,KAAK,EAAErB,aAAM,CAACsB,OAAO,CAACC,UAAU,CAACC,IAAI;IACrCC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,OAAO;IACnBC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB,CAAC;EACDvC,mBAAmB,EAAE;IACnBQ,QAAQ,EAAE,UAAU;IACpBgC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE,CAAC;IACPhC,eAAe,EAAEC,aAAM,CAACC,UAAU,CAAC+B,MAAM;IACzCnB,OAAO,EAAE,CAAC;IACVT,YAAY,EAAE,EAAE;IAChB6B,aAAa,EAAE;EACjB,CAAC;EACD1C,UAAU,EAAE;IACV8B,KAAK,EAAErB,aAAM,CAACsB,OAAO,CAACC,UAAU,CAACC,IAAI;IACrCC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,OAAO;IACnBC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,IAAI;IACnBK,WAAW,EAAE;EACf;AACF,CAAC,CAAC"}

package/lib/commonjs/components/HMSPreviewTitle.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HMSPreviewTitle = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+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 HMSPreviewTitle = _ref => {
+  let {
+    title = 'Get Started'
+  } = _ref;
+  return /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.title
+  }, title);
+};
+exports.HMSPreviewTitle = HMSPreviewTitle;
+const styles = _reactNative.StyleSheet.create({
+  title: {
+    color: _theme.COLORS.SURFACE.ON_SURFACE.HIGH,
+    fontSize: 24,
+    fontFamily: 'Inter',
+    fontWeight: '600',
+    lineHeight: 32,
+    marginTop: 8,
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=HMSPreviewTitle.js.map

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

@@ -0,0 +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","marginTop","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,CAAC;IACZC,SAAS,EAAE;EACb;AACF,CAAC,CAAC"}

package/lib/commonjs/components/HMSRoomOptions.js

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HMSRoomOptions = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeHms = require("@100mslive/react-native-hms");
+var _PressableIcon = require("./PressableIcon");
+var _Icons = require("../Icons");
+var _DefaultModal = require("./DefaultModal");
+var _RoomSettingsModalContent = require("./RoomSettingsModalContent");
+var _Modals = require("./Modals");
+var _types = require("../utils/types");
+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 HMSRoomOptions = () => {
+  const {
+    modalVisibleType: modalVisible,
+    handleModalVisibleType: setModalVisible
+  } = (0, _hooksUtil.useModalType)();
+  const [isAudioShared, setIsAudioShared] = React.useState(false);
+  const [audioMode, setAudioMode] = React.useState(_reactNativeHms.HMSAudioMode.MODE_NORMAL);
+  const [muteAllTracksAudio, setMuteAllTracksAudio] = React.useState(false);
+  const [audioDeviceChangeListener, setAudioDeviceChangeListener] = React.useState(false);
+  const [newAudioMixingMode, setNewAudioMixingMode] = React.useState(_reactNativeHms.HMSAudioMixingMode.TALK_AND_MUSIC);
+  const onSettingsPress = () => setModalVisible(_types.ModalTypes.SETTINGS);
+  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(_RoomSettingsModalContent.RoomSettingsModalContent, {
+    newAudioMixingMode: newAudioMixingMode,
+    audioDeviceListenerAdded: audioDeviceChangeListener,
+    isAudioShared: isAudioShared,
+    muteAllTracksAudio: muteAllTracksAudio,
+    closeRoomSettingsModal: dismissModal,
+    setModalVisible: setModalVisible,
+    setAudioDeviceListenerAdded: setAudioDeviceChangeListener,
+    setIsAudioShared: setIsAudioShared,
+    setMuteAllTracksAudio: setMuteAllTracksAudio
+  })), /*#__PURE__*/React.createElement(_DefaultModal.DefaultModal, {
+    animationIn: 'slideInUp',
+    animationOut: 'slideOutDown',
+    modalVisible: modalVisible === _types.ModalTypes.RTC_STATS,
+    setModalVisible: dismissModal
+  }, /*#__PURE__*/React.createElement(_Modals.RtcStatsModal, null)), /*#__PURE__*/React.createElement(_DefaultModal.DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: modalVisible === _types.ModalTypes.RECORDING || modalVisible === _types.ModalTypes.RESOLUTION,
+    setModalVisible: dismissModal
+  }, /*#__PURE__*/React.createElement(_Modals.RecordingModal, {
+    setModalVisible: setModalVisible,
+    recordingModal: modalVisible === _types.ModalTypes.RECORDING
+  })), /*#__PURE__*/React.createElement(_DefaultModal.DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: modalVisible === _types.ModalTypes.HLS_STREAMING,
+    setModalVisible: dismissModal
+  }, /*#__PURE__*/React.createElement(_Modals.HlsStreamingModal, {
+    cancelModal: dismissModal
+  })), /*#__PURE__*/React.createElement(_DefaultModal.DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: modalVisible === _types.ModalTypes.CHANGE_TRACK_ROLE,
+    setModalVisible: dismissModal
+  }, /*#__PURE__*/React.createElement(_Modals.ChangeTrackStateForRoleModal, {
+    cancelModal: dismissModal
+  })), /*#__PURE__*/React.createElement(_DefaultModal.DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: modalVisible === _types.ModalTypes.SWITCH_AUDIO_OUTPUT,
+    setModalVisible: dismissModal
+  }, /*#__PURE__*/React.createElement(_Modals.ChangeAudioOutputModal, {
+    cancelModal: dismissModal
+  })), /*#__PURE__*/React.createElement(_DefaultModal.DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: modalVisible === _types.ModalTypes.CHANGE_AUDIO_MODE,
+    setModalVisible: dismissModal
+  }, /*#__PURE__*/React.createElement(_Modals.ChangeAudioModeModal, {
+    audioMode: audioMode,
+    setAudioMode: setAudioMode,
+    cancelModal: dismissModal
+  })), /*#__PURE__*/React.createElement(_DefaultModal.DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: modalVisible === _types.ModalTypes.AUDIO_MIXING_MODE,
+    setModalVisible: dismissModal
+  }, /*#__PURE__*/React.createElement(_Modals.ChangeAudioMixingModeModal, {
+    newAudioMixingMode: newAudioMixingMode,
+    setNewAudioMixingMode: setNewAudioMixingMode,
+    cancelModal: dismissModal
+  })), /*#__PURE__*/React.createElement(_DefaultModal.DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: modalVisible === _types.ModalTypes.BULK_ROLE_CHANGE,
+    setModalVisible: dismissModal
+  }, /*#__PURE__*/React.createElement(_Modals.ChangeBulkRoleModal, {
+    cancelModal: dismissModal
+  })));
+};
+exports.HMSRoomOptions = HMSRoomOptions;
+//# sourceMappingURL=HMSRoomOptions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeHms","_PressableIcon","_Icons","_DefaultModal","_RoomSettingsModalContent","_Modals","_types","_hooksUtil","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSRoomOptions","modalVisibleType","modalVisible","handleModalVisibleType","setModalVisible","useModalType","isAudioShared","setIsAudioShared","useState","audioMode","setAudioMode","HMSAudioMode","MODE_NORMAL","muteAllTracksAudio","setMuteAllTracksAudio","audioDeviceChangeListener","setAudioDeviceChangeListener","newAudioMixingMode","setNewAudioMixingMode","HMSAudioMixingMode","TALK_AND_MUSIC","onSettingsPress","ModalTypes","SETTINGS","dismissModal","DEFAULT","createElement","View","PressableIcon","onPress","ThreeDotsIcon","stack","DefaultModal","animationIn","animationOut","RoomSettingsModalContent","audioDeviceListenerAdded","closeRoomSettingsModal","setAudioDeviceListenerAdded","RTC_STATS","RtcStatsModal","modalPosiion","RECORDING","RESOLUTION","RecordingModal","recordingModal","HLS_STREAMING","HlsStreamingModal","cancelModal","CHANGE_TRACK_ROLE","ChangeTrackStateForRoleModal","SWITCH_AUDIO_OUTPUT","ChangeAudioOutputModal","CHANGE_AUDIO_MODE","ChangeAudioModeModal","AUDIO_MIXING_MODE","ChangeAudioMixingModeModal","BULK_ROLE_CHANGE","ChangeBulkRoleModal","exports"],"sourceRoot":"../../../src","sources":["components/HMSRoomOptions.tsx"],"mappings":"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"}

package/lib/commonjs/components/HMSShareScreen.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HMSShareScreen = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactRedux = require("react-redux");
+var _theme = require("../utils/theme");
+var _hooksSdk = require("../hooks-sdk");
+var _PressableIcon = require("./PressableIcon");
+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 HMSShareScreen = _ref => {
+  let {
+    screenShareDelegate
+  } = _ref;
+  const canPublishScreen = (0, _hooksSdk.useCanPublishScreen)();
+  if (!canPublishScreen) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(ScreenShareButton, {
+    screenShareDelegate: screenShareDelegate
+  });
+};
+exports.HMSShareScreen = HMSShareScreen;
+const ScreenShareButton = _ref2 => {
+  let {
+    screenShareDelegate = /*#__PURE__*/React.createElement(DefaultScreenShareButtonDelegate, null)
+  } = _ref2;
+  const hmsActions = (0, _hooksSdk.useHMSActions)();
+  const isLocalScreenShared = (0, _reactRedux.useSelector)(state => state.hmsStates.isLocalScreenShared);
+  const handleScreenShareTogglePress = async () => {
+    await hmsActions.setScreenShareEnabled(!isLocalScreenShared);
+  };
+  return /*#__PURE__*/React.cloneElement(screenShareDelegate, {
+    onPress: handleScreenShareTogglePress,
+    isLocalScreenShared
+  });
+};
+const DefaultScreenShareButtonDelegate = _ref3 => {
+  let {
+    onPress,
+    isLocalScreenShared
+  } = _ref3;
+  return /*#__PURE__*/React.createElement(_PressableIcon.PressableIcon, {
+    onPress: onPress,
+    style: isLocalScreenShared ? styles.mutedButton : undefined
+  }, /*#__PURE__*/React.createElement(_Icons.ScreenShareIcon, null));
+};
+const styles = _reactNative.StyleSheet.create({
+  mutedButton: {
+    backgroundColor: _theme.COLORS.SECONDARY.DIM,
+    borderColor: _theme.COLORS.SECONDARY.DIM
+  }
+});
+//# sourceMappingURL=HMSShareScreen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_theme","_hooksSdk","_PressableIcon","_Icons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSShareScreen","_ref","screenShareDelegate","canPublishScreen","useCanPublishScreen","createElement","ScreenShareButton","exports","_ref2","DefaultScreenShareButtonDelegate","hmsActions","useHMSActions","isLocalScreenShared","useSelector","state","hmsStates","handleScreenShareTogglePress","setScreenShareEnabled","cloneElement","onPress","_ref3","PressableIcon","style","styles","mutedButton","undefined","ScreenShareIcon","StyleSheet","create","backgroundColor","COLORS","SECONDARY","DIM","borderColor"],"sourceRoot":"../../../src","sources":["components/HMSShareScreen.tsx"],"mappings":"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"}

package/lib/commonjs/components/HMSShowNetworkQuality.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HMSShowNetworkQuality = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactRedux = require("react-redux");
+var _reactNative = require("react-native");
+var _theme = require("../utils/theme");
+var _CustomButton = require("./CustomButton");
+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 HMSShowNetworkQuality = () => {
+  const hmsInstance = (0, _hooksUtil.useHMSInstance)();
+  const localPeerDownlinkNetworkQuality = (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;
+  });
+
+  // TODO: test network quality usage
+  (0, _react.useEffect)(() => {
+    hmsInstance.enableNetworkQualityUpdates();
+    return () => hmsInstance.disableNetworkQualityUpdates();
+  }, [hmsInstance]);
+  return /*#__PURE__*/_react.default.createElement(_CustomButton.CustomButton, {
+    onPress: () => {},
+    disabled: true,
+    viewStyle: styles.singleIconContainer,
+    LeftIcon: /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+      resizeMode: "contain",
+      style: styles.image,
+      source: localPeerDownlinkNetworkQuality === 0 ? require('../assets/network_0.png') : localPeerDownlinkNetworkQuality === 1 ? require('../assets/network_1.png') : localPeerDownlinkNetworkQuality === 2 ? require('../assets/network_2.png') : localPeerDownlinkNetworkQuality === 3 ? require('../assets/network_3.png') : require('../assets/network_4.png')
+    })
+  });
+};
+exports.HMSShowNetworkQuality = HMSShowNetworkQuality;
+const styles = _reactNative.StyleSheet.create({
+  image: {
+    height: 32,
+    width: 32
+  },
+  singleIconContainer: {
+    padding: 8,
+    backgroundColor: _theme.COLORS.BORDER.LIGHT,
+    borderColor: _theme.COLORS.BORDER.LIGHT,
+    borderWidth: 1,
+    width: 'auto',
+    height: 48,
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: 12,
+    marginHorizontal: 4
+  }
+});
+//# sourceMappingURL=HMSShowNetworkQuality.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactRedux","_reactNative","_theme","_CustomButton","_hooksUtil","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSShowNetworkQuality","hmsInstance","useHMSInstance","localPeerDownlinkNetworkQuality","useSelector","state","_state$hmsStates$loca","hmsStates","localPeer","networkQuality","downlinkQuality","useEffect","enableNetworkQualityUpdates","disableNetworkQualityUpdates","createElement","CustomButton","onPress","disabled","viewStyle","styles","singleIconContainer","LeftIcon","Image","resizeMode","style","image","source","exports","StyleSheet","create","height","width","padding","backgroundColor","COLORS","BORDER","LIGHT","borderColor","borderWidth","justifyContent","alignItems","borderRadius","marginHorizontal"],"sourceRoot":"../../../src","sources":["components/HMSShowNetworkQuality.tsx"],"mappings":"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"}