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

package/lib/commonjs/components/Preview.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Preview = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeAvoidSoftinput = require("react-native-avoid-softinput");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _theme = require("../utils/theme");
+var _BackButton = require("./BackButton");
+var _HMSManageCameraRotation = require("./HMSManageCameraRotation");
+var _HMSManageLocalAudio = require("./HMSManageLocalAudio");
+var _HMSManageLocalVideo = require("./HMSManageLocalVideo");
+var _HMSPreviewEditName = require("./HMSPreviewEditName");
+var _HMSPreviewJoinButton = require("./HMSPreviewJoinButton");
+var _HMSPreviewPeersList = require("./HMSPreviewPeersList");
+var _HMSPreviewSubtitle = require("./HMSPreviewSubtitle");
+var _HMSPreviewTile = require("./HMSPreviewTile");
+var _HMSPreviewTitle = require("./HMSPreviewTitle");
+var _HMSPreviewDeviceSettings = require("./HMSPreviewDeviceSettings");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const Preview = _ref => {
+  let {
+    join,
+    loadingButtonState
+  } = _ref;
+  const {
+    bottom
+  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  (0, _react.useEffect)(() => {
+    _reactNativeAvoidSoftinput.AvoidSoftInput.setAdjustNothing();
+    _reactNativeAvoidSoftinput.AvoidSoftInput.setEnabled(true);
+    return () => _reactNativeAvoidSoftinput.AvoidSoftInput.setEnabled(false);
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
+    contentContainerStyle: styles.scrollContainer,
+    bounces: false
+  }, /*#__PURE__*/_react.default.createElement(_BackButton.BackButton, null), /*#__PURE__*/_react.default.createElement(_HMSPreviewTitle.HMSPreviewTitle, null), /*#__PURE__*/_react.default.createElement(_HMSPreviewSubtitle.HMSPreviewSubtitle, null), /*#__PURE__*/_react.default.createElement(_HMSPreviewPeersList.HMSPreviewPeersList, null), /*#__PURE__*/_react.default.createElement(_HMSPreviewTile.HMSPreviewTile, null), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.controlsContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.micAndCameraControls
+  }, /*#__PURE__*/_react.default.createElement(_HMSManageLocalAudio.HMSManageLocalAudio, null), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.manageLocalVideoWrapper
+  }, /*#__PURE__*/_react.default.createElement(_HMSManageLocalVideo.HMSManageLocalVideo, null)), /*#__PURE__*/_react.default.createElement(_HMSManageCameraRotation.HMSManageCameraRotation, null)), /*#__PURE__*/_react.default.createElement(_HMSPreviewDeviceSettings.HMSPreviewDeviceSettings, null)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.joinButtonRow, {
+      marginBottom: 34 - bottom + 12
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_HMSPreviewEditName.HMSPreviewEditName, null), /*#__PURE__*/_react.default.createElement(_HMSPreviewJoinButton.HMSPreviewJoinButton, {
+    onJoin: join,
+    loading: loadingButtonState
+  }))));
+};
+exports.Preview = Preview;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: _theme.COLORS.BACKGROUND.DIM
+  },
+  scrollContainer: {
+    flexGrow: 1
+  },
+  controlsContainer: {
+    marginHorizontal: 24,
+    marginTop: 24,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  micAndCameraControls: {
+    flexDirection: 'row'
+  },
+  manageLocalVideoWrapper: {
+    marginHorizontal: 16
+  },
+  joinButtonRow: {
+    marginHorizontal: 24,
+    marginTop: 16,
+    flexDirection: 'row'
+  }
+});
+//# sourceMappingURL=Preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeAvoidSoftinput","_reactNativeSafeAreaContext","_theme","_BackButton","_HMSManageCameraRotation","_HMSManageLocalAudio","_HMSManageLocalVideo","_HMSPreviewEditName","_HMSPreviewJoinButton","_HMSPreviewPeersList","_HMSPreviewSubtitle","_HMSPreviewTile","_HMSPreviewTitle","_HMSPreviewDeviceSettings","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Preview","_ref","join","loadingButtonState","bottom","useSafeAreaInsets","useEffect","AvoidSoftInput","setAdjustNothing","setEnabled","createElement","SafeAreaView","style","styles","container","ScrollView","contentContainerStyle","scrollContainer","bounces","BackButton","HMSPreviewTitle","HMSPreviewSubtitle","HMSPreviewPeersList","HMSPreviewTile","View","controlsContainer","micAndCameraControls","HMSManageLocalAudio","manageLocalVideoWrapper","HMSManageLocalVideo","HMSManageCameraRotation","HMSPreviewDeviceSettings","joinButtonRow","marginBottom","HMSPreviewEditName","HMSPreviewJoinButton","onJoin","loading","exports","StyleSheet","create","flex","backgroundColor","COLORS","BACKGROUND","DIM","flexGrow","marginHorizontal","marginTop","flexDirection","alignItems","justifyContent"],"sourceRoot":"../../../src","sources":["components/Preview.tsx"],"mappings":"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"}

package/lib/commonjs/components/RoomSettingsModalContent.js

@@ -0,0 +1,515 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RoomSettingsModalContent = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeHms = require("@100mslive/react-native-hms");
+var _reactRedux = require("react-redux");
+var _reactNativeSimpleToast = _interopRequireDefault(require("react-native-simple-toast"));
+var _MaterialCommunityIcons = _interopRequireDefault(require("react-native-vector-icons/MaterialCommunityIcons"));
+var _Ionicons = _interopRequireDefault(require("react-native-vector-icons/Ionicons"));
+var _MaterialIcons = _interopRequireDefault(require("react-native-vector-icons/MaterialIcons"));
+var _Entypo = _interopRequireDefault(require("react-native-vector-icons/Entypo"));
+var _reactNativeDocumentPicker = _interopRequireDefault(require("react-native-document-picker"));
+var _reactNativePermissions = require("react-native-permissions");
+var _theme = require("../utils/theme");
+var _actions = require("../redux/actions");
+var _types = require("../utils/types");
+var _functions = require("../utils/functions");
+var _utils = require("../utils");
+var _HMSShareScreen = require("./HMSShareScreen");
+var _Icons = require("../Icons");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const RoomSettingsModalContent = _ref => {
+  var _localPeerRole$name, _localPeerRole$name2, _localPeerRole$permis, _localPeerRole$permis2, _localPeerRole$permis3, _localPeerRole$permis4, _localPeerRole$permis5, _localPeerRole$permis6, _localPeerRole$publis, _localPeerRole$name3, _localPeerRole$publis2, _localPeerRole$publis3;
+  let {
+    newAudioMixingMode,
+    isAudioShared,
+    //
+    audioDeviceListenerAdded,
+    muteAllTracksAudio,
+    closeRoomSettingsModal,
+    setModalVisible,
+    setIsAudioShared,
+    setAudioDeviceListenerAdded,
+    setMuteAllTracksAudio
+  } = _ref;
+  // REFS
+  const audioFilePlayerNodeRef = (0, _react.useRef)(new _reactNativeHms.HMSAudioFilePlayerNode('audio_file_player_node'));
+
+  // REDUX STATES & DISPATCH
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const hmsInstance = (0, _reactRedux.useSelector)(state => state.user.hmsInstance);
+  const debugMode = (0, _reactRedux.useSelector)(state => state.user.debugMode);
+  const localPeerRole = (0, _reactRedux.useSelector)(state => {
+    var _state$hmsStates$loca;
+    return (_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.role;
+  });
+  const localPeerMetadata = (0, _reactRedux.useSelector)(state => {
+    var _state$hmsStates$loca2;
+    return (_state$hmsStates$loca2 = state.hmsStates.localPeer) === null || _state$hmsStates$loca2 === void 0 ? void 0 : _state$hmsStates$loca2.metadata;
+  });
+  const isHLSStreaming = (0, _reactRedux.useSelector)(state => {
+    var _state$hmsStates$room;
+    return ((_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 || (_state$hmsStates$room = _state$hmsStates$room.hlsStreamingState) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.running) ?? false;
+  });
+  const rtmpAndRecording = (0, _reactRedux.useSelector)(state => {
+    var _state$hmsStates$room2;
+    return ((_state$hmsStates$room2 = state.hmsStates.room) === null || _state$hmsStates$room2 === void 0 || (_state$hmsStates$room2 = _state$hmsStates$room2.browserRecordingState) === null || _state$hmsStates$room2 === void 0 ? void 0 : _state$hmsStates$room2.running) ?? false;
+  });
+  const pipModeStatus = (0, _reactRedux.useSelector)(state => state.app.pipModeStatus);
+  const showHLSStats = (0, _reactRedux.useSelector)(state => state.app.joinConfig.showHLSStats);
+  const enableHLSPlayerControls = (0, _reactRedux.useSelector)(state => state.app.joinConfig.enableHLSPlayerControls);
+  const showCustomHLSPlayerControls = (0, _reactRedux.useSelector)(state => state.app.joinConfig.showCustomHLSPlayerControls);
+
+  // CONSTANTS
+  const parsedMetadata = (0, _functions.parseMetadata)(localPeerMetadata);
+  const isPipModeUnavailable = pipModeStatus === _types.PipModes.NOT_AVAILABLE;
+
+  //#region FUNCTIONS
+  const handleBRB = async () => {
+    closeRoomSettingsModal();
+    await (hmsInstance === null || hmsInstance === void 0 ? void 0 : hmsInstance.changeMetadata(JSON.stringify({
+      ...parsedMetadata,
+      isBRBOn: !(parsedMetadata !== null && parsedMetadata !== void 0 && parsedMetadata.isBRBOn),
+      isHandRaised: false
+    })).then(d => console.log('Change Metadata Success: ', d)).catch(e => console.log('Change Metadata Error: ', e)));
+  };
+  const onRaiseHandPress = async () => {
+    closeRoomSettingsModal();
+    await (hmsInstance === null || hmsInstance === void 0 ? void 0 : hmsInstance.changeMetadata(JSON.stringify({
+      ...parsedMetadata,
+      isHandRaised: !(parsedMetadata !== null && parsedMetadata !== void 0 && parsedMetadata.isHandRaised),
+      isBRBOn: false
+    })).then(d => console.log('Change Metadata Success: ', d)).catch(e => console.log('Change Metadata Error: ', e)));
+  };
+  const onParticipantsPress = () => {
+    _reactNative.InteractionManager.runAfterInteractions(() => {
+      setModalVisible(_types.ModalTypes.PARTICIPANTS, true);
+    });
+  };
+  const enterPipMode = async () => {
+    if (isPipModeUnavailable) {
+      return console.log('PIP mode unavailable on Deice!');
+    }
+    closeRoomSettingsModal();
+    try {
+      const isEnabled = await (hmsInstance === null || hmsInstance === void 0 ? void 0 : hmsInstance.enablePipMode({
+        aspectRatio: [16, 9],
+        // for 16:9 aspect ratio
+        endButton: true,
+        videoButton: true,
+        audioButton: true
+      }));
+      if (isEnabled === true) {
+        dispatch((0, _actions.changePipModeStatus)(_types.PipModes.ACTIVE));
+      }
+    } catch (error) {
+      console.log(error);
+    }
+  };
+  const handleLocalRemoteAudiosMute = () => {
+    closeRoomSettingsModal();
+    hmsInstance === null || hmsInstance === void 0 ? void 0 : hmsInstance.setPlaybackForAllAudio(!muteAllTracksAudio);
+    setMuteAllTracksAudio(!muteAllTracksAudio);
+  };
+  const handleRemoteAudiosMute = async () => {
+    closeRoomSettingsModal();
+    await (hmsInstance === null || hmsInstance === void 0 ? void 0 : hmsInstance.remoteMuteAllAudio().then(d => console.log('Remote Mute All Audio Success: ', d)).catch(e => console.log('Remote Mute All Audio Error: ', e)));
+  };
+  const handleHLSStreaming = () => {
+    if (isHLSStreaming) {
+      closeRoomSettingsModal();
+      hmsInstance === null || hmsInstance === void 0 ? void 0 : hmsInstance.stopHLSStreaming().then(d => console.log('Stop HLS Streaming Success: ', d)).catch(e => console.log('Stop HLS Streaming Error: ', e));
+    } else {
+      setModalVisible(_types.ModalTypes.HLS_STREAMING, true);
+    }
+  };
+  const handleRTMPAndRecording = () => {
+    if (rtmpAndRecording) {
+      closeRoomSettingsModal();
+      hmsInstance === null || hmsInstance === void 0 ? void 0 : hmsInstance.stopRtmpAndRecording().then(d => console.log('Stop RTMP And Recording Success: ', d)).catch(e => console.log('Stop RTMP And Recording Error: ', e));
+    } else {
+      setModalVisible(_types.ModalTypes.RECORDING, true);
+    }
+  };
+  const addRemoveAudioDeviceChangeListener = () => {
+    closeRoomSettingsModal();
+    if (hmsInstance) {
+      if (audioDeviceListenerAdded) {
+        setAudioDeviceListenerAdded(false);
+        hmsInstance.removeEventListener(_reactNativeHms.HMSUpdateListenerActions.ON_AUDIO_DEVICE_CHANGED);
+      } else {
+        setAudioDeviceListenerAdded(true);
+        hmsInstance.setAudioDeviceChangeListener(data => {
+          _reactNativeSimpleToast.default.showWithGravity(`Audio Device Output changed to ${data === null || data === void 0 ? void 0 : data.device}`, _reactNativeSimpleToast.default.LONG, _reactNativeSimpleToast.default.TOP);
+        });
+      }
+    }
+  };
+  const changeBulkRole = () => setModalVisible(_types.ModalTypes.BULK_ROLE_CHANGE, true);
+  const changeTrackState = () => setModalVisible(_types.ModalTypes.CHANGE_TRACK_ROLE, true);
+  const switchAudioOutput = () => {
+    if (_reactNative.Platform.OS === 'android') {
+      setModalVisible(_types.ModalTypes.SWITCH_AUDIO_OUTPUT, true);
+    } else {
+      closeRoomSettingsModal();
+      hmsInstance === null || hmsInstance === void 0 ? void 0 : hmsInstance.switchAudioOutputUsingIOSUI();
+    }
+  };
+  const changeAudioMode = () => setModalVisible(_types.ModalTypes.CHANGE_AUDIO_MODE, true);
+  const setAudioMixingMode = () => setModalVisible(_types.ModalTypes.AUDIO_MIXING_MODE, true);
+  const handleHLSPlayerAspectRatio = () => {
+    setModalVisible(_types.ModalTypes.HLS_PLAYER_ASPECT_RATIO, true);
+  };
+  const showRTCStats = () => setModalVisible(_types.ModalTypes.RTC_STATS, true);
+  const toggleShowHLSStats = () => {
+    dispatch((0, _actions.changeShowHLSStats)(!showHLSStats));
+    setModalVisible(_types.ModalTypes.DEFAULT);
+  };
+  const toggleEnableHLSPlayerControls = () => {
+    dispatch((0, _actions.changeEnableHLSPlayerControls)(!enableHLSPlayerControls));
+    setModalVisible(_types.ModalTypes.DEFAULT);
+  };
+  const toggleShowCustomHLSPlayerControls = () => {
+    dispatch((0, _actions.changeShowCustomHLSPlayerControls)(!showCustomHLSPlayerControls));
+    setModalVisible(_types.ModalTypes.DEFAULT);
+  };
+
+  // Android Audioshare
+  const handleAudioShare = async () => {
+    closeRoomSettingsModal();
+    if (isAudioShared) {
+      hmsInstance === null || hmsInstance === void 0 ? void 0 : hmsInstance.stopAudioshare().then(d => {
+        setIsAudioShared(false);
+        console.log('Stop Audioshare Success: ', d);
+      }).catch(e => console.log('Stop Audioshare Error: ', e));
+    } else {
+      // check notification permission on android platform
+      // Audio share feature needs foreground service running. for Foreground service to keep running, we need active notification.
+      if (_reactNative.Platform.OS === 'android') {
+        const result = await (0, _reactNativePermissions.requestNotifications)(['alert', 'sound']);
+        console.log('Notification Permission Result: ', result);
+        if (result.status === 'blocked') {
+          _reactNative.Alert.alert('Notification Permission is Blocked!', '100ms SDK needs notification permission to start audio share. Please allow notification from settings and try again!', [{
+            text: 'cancel'
+          }, {
+            text: 'Go to Settings',
+            onPress: () => (0, _reactNativePermissions.openSettings)()
+          }], {
+            cancelable: true
+          });
+          return;
+        }
+      }
+      hmsInstance === null || hmsInstance === void 0 ? void 0 : hmsInstance.startAudioshare(newAudioMixingMode).then(d => {
+        setIsAudioShared(true);
+        console.log('Start Audioshare Success: ', d);
+      }).catch(e => console.log('Start Audioshare Error: ', e));
+    }
+  };
+
+  // iOS Audioshare
+  const setAudioShareVolume = () => setModalVisible(_types.ModalTypes.SET_AUDIO_SHARE_VOLUME, true);
+
+  // iOS Audioshare
+  const playAudioShare = () => {
+    closeRoomSettingsModal();
+    setTimeout(() => {
+      _reactNativeDocumentPicker.default.pickSingle().then(result => {
+        console.log('Document Picker Success: ', result);
+        audioFilePlayerNodeRef.current.play(result === null || result === void 0 ? void 0 : result.uri, false, false).then(d => {
+          console.log('Start Audioshare Success: ', d);
+        }).catch(e => console.log('Start Audioshare Error: ', e));
+      }).catch(e => console.log('Document Picker Error: ', e));
+    }, 500);
+  };
+
+  // iOS Audioshare
+  const stopAudioShare = () => {
+    closeRoomSettingsModal();
+    audioFilePlayerNodeRef.current.stop();
+  };
+
+  // iOS Audioshare
+  const pauseAudioShare = () => {
+    closeRoomSettingsModal();
+    audioFilePlayerNodeRef.current.pause();
+  };
+
+  // iOS Audioshare
+  const resumeAudioShare = () => {
+    closeRoomSettingsModal();
+    audioFilePlayerNodeRef.current.resume();
+  };
+
+  // iOS Audioshare
+  const isAudioSharePlaying = () => {
+    closeRoomSettingsModal();
+    audioFilePlayerNodeRef.current.isPlaying().then(d => console.log('Audioshare isPlaying: ', d)).catch(e => console.log('Audioshare isPlaying: ', e));
+  };
+
+  // iOS Audioshare
+  const getAudioShareDuration = () => {
+    closeRoomSettingsModal();
+    audioFilePlayerNodeRef.current.duration().then(d => console.log('Audioshare duration: ', d)).catch(e => console.log('Audioshare duration: ', e));
+  };
+
+  // iOS Audioshare
+  const getAudioShareCurrentDuration = () => {
+    closeRoomSettingsModal();
+    audioFilePlayerNodeRef.current.currentDuration().then(d => console.log('Audioshare currentDuration: ', d)).catch(e => console.log('Audioshare currentDuration: ', e));
+  };
+  //#endregion
+
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.chatHeaderContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.chatHeading
+  }, "More Options")), /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
+    style: styles.contentContainer,
+    contentContainerStyle: styles.scrollContentContainer
+  }, /*#__PURE__*/_react.default.createElement(_HMSShareScreen.HMSShareScreen, {
+    screenShareDelegate: /*#__PURE__*/_react.default.createElement(ScreenShareDelegate, {
+      closeRoomSettingsModal: closeRoomSettingsModal
+    })
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: handleBRB,
+    style: styles.button
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+    source: require('../assets/brb.png'),
+    style: styles.brbIcon
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.text
+  }, parsedMetadata !== null && parsedMetadata !== void 0 && parsedMetadata.isBRBOn ? 'Remove BRB' : 'Set BRB')), /*#__PURE__*/_react.default.createElement(SettingItem, {
+    onPress: onRaiseHandPress,
+    text: parsedMetadata !== null && parsedMetadata !== void 0 && parsedMetadata.isHandRaised ? 'Low Your Hand' : 'Raise Hand',
+    IconType: _Ionicons.default,
+    iconName: 'hand-left-outline'
+  }), /*#__PURE__*/_react.default.createElement(SettingItem, {
+    onPress: onParticipantsPress,
+    text: 'Participants',
+    IconType: _Ionicons.default,
+    iconName: 'people'
+  }), localPeerRole !== null && localPeerRole !== void 0 && (_localPeerRole$name = localPeerRole.name) !== null && _localPeerRole$name !== void 0 && _localPeerRole$name.includes('hls-') ? /*#__PURE__*/_react.default.createElement(SettingItem, {
+    onPress: handleHLSPlayerAspectRatio,
+    text: 'Change Aspect Ratio',
+    IconType: _MaterialCommunityIcons.default,
+    iconName: 'aspect-ratio'
+  }) : null, !(localPeerRole !== null && localPeerRole !== void 0 && (_localPeerRole$name2 = localPeerRole.name) !== null && _localPeerRole$name2 !== void 0 && _localPeerRole$name2.includes('hls-')) ? /*#__PURE__*/_react.default.createElement(SettingItem, {
+    onPress: handleLocalRemoteAudiosMute,
+    text: `${muteAllTracksAudio ? 'Unmute' : 'Mute'} Room`,
+    IconType: _Ionicons.default,
+    iconName: muteAllTracksAudio ? 'mic-off-outline' : 'mic-outline'
+  }) : null, localPeerRole !== null && localPeerRole !== void 0 && (_localPeerRole$permis = localPeerRole.permissions) !== null && _localPeerRole$permis !== void 0 && _localPeerRole$permis.hlsStreaming ? /*#__PURE__*/_react.default.createElement(SettingItem, {
+    onPress: handleHLSStreaming,
+    text: `${isHLSStreaming === true ? 'Stop' : 'Start'} HLS Streaming`,
+    IconType: _Ionicons.default,
+    iconName: "radio-outline"
+  }) : null, localPeerRole !== null && localPeerRole !== void 0 && (_localPeerRole$permis2 = localPeerRole.permissions) !== null && _localPeerRole$permis2 !== void 0 && _localPeerRole$permis2.rtmpStreaming ? /*#__PURE__*/_react.default.createElement(SettingItem, {
+    onPress: handleRTMPAndRecording,
+    text: rtmpAndRecording === true ? 'Stop RTMP And Recording' : 'Start RTMP or Recording',
+    IconType: _Ionicons.default,
+    iconName: "recording-outline"
+  }) : null, localPeerRole !== null && localPeerRole !== void 0 && (_localPeerRole$permis3 = localPeerRole.permissions) !== null && _localPeerRole$permis3 !== void 0 && _localPeerRole$permis3.changeRole ? /*#__PURE__*/_react.default.createElement(SettingItem, {
+    onPress: changeBulkRole,
+    text: "Bulk Role Change",
+    IconType: _Ionicons.default,
+    iconName: "people-outline"
+  }) : null, localPeerRole !== null && localPeerRole !== void 0 && (_localPeerRole$permis4 = localPeerRole.permissions) !== null && _localPeerRole$permis4 !== void 0 && _localPeerRole$permis4.mute ? /*#__PURE__*/_react.default.createElement(SettingItem, {
+    onPress: handleRemoteAudiosMute,
+    text: "Remote Mute All Audio Tracks",
+    IconType: _Ionicons.default,
+    iconName: "mic-off-outline"
+  }) : null, localPeerRole !== null && localPeerRole !== void 0 && (_localPeerRole$permis5 = localPeerRole.permissions) !== null && _localPeerRole$permis5 !== void 0 && _localPeerRole$permis5.mute || localPeerRole !== null && localPeerRole !== void 0 && (_localPeerRole$permis6 = localPeerRole.permissions) !== null && _localPeerRole$permis6 !== void 0 && _localPeerRole$permis6.unmute ? /*#__PURE__*/_react.default.createElement(SettingItem, {
+    onPress: changeTrackState,
+    text: "Change Track State For Role",
+    IconType: _MaterialIcons.default,
+    iconName: "track-changes"
+  }) : null, localPeerRole !== null && localPeerRole !== void 0 && (_localPeerRole$publis = localPeerRole.publishSettings) !== null && _localPeerRole$publis !== void 0 && (_localPeerRole$publis = _localPeerRole$publis.allowed) !== null && _localPeerRole$publis !== void 0 && _localPeerRole$publis.includes('audio') ? /*#__PURE__*/_react.default.createElement(SettingItem, {
+    onPress: switchAudioOutput,
+    text: "Switch Audio Output",
+    IconType: _MaterialCommunityIcons.default,
+    iconName: "cast-audio"
+  }) : null, !isPipModeUnavailable ? /*#__PURE__*/_react.default.createElement(SettingItem, {
+    onPress: enterPipMode,
+    text: "Picture in Picture (PIP) Mode",
+    IconType: _MaterialCommunityIcons.default,
+    iconName: "picture-in-picture-bottom-right"
+  }) : null, debugMode ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, localPeerRole !== null && localPeerRole !== void 0 && (_localPeerRole$name3 = localPeerRole.name) !== null && _localPeerRole$name3 !== void 0 && _localPeerRole$name3.includes('hls-') ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(SettingItem, {
+    onPress: toggleShowHLSStats,
+    text: showHLSStats ? 'Hide HLS Stats' : 'Show HLS Stats',
+    IconType: _MaterialCommunityIcons.default,
+    iconName: 'clipboard-pulse-outline'
+  }), /*#__PURE__*/_react.default.createElement(SettingItem, {
+    onPress: toggleEnableHLSPlayerControls,
+    text: enableHLSPlayerControls ? 'Disable HLS Player Controls' : 'Enable HLS Player Controls',
+    IconType: _Ionicons.default,
+    iconName: 'ios-settings-outline'
+  }), /*#__PURE__*/_react.default.createElement(SettingItem, {
+    onPress: toggleShowCustomHLSPlayerControls,
+    text: showCustomHLSPlayerControls ? 'Hide Custom HLS Player Controls' : 'Show Custom HLS Player Controls',
+    IconType: _Ionicons.default,
+    iconName: 'ios-settings-outline'
+  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(SettingItem, {
+    onPress: showRTCStats,
+    text: "Show RTC Stats",
+    IconType: _MaterialCommunityIcons.default,
+    iconName: 'clipboard-pulse-outline'
+  })), _reactNative.Platform.OS === 'android' && localPeerRole !== null && localPeerRole !== void 0 && (_localPeerRole$publis2 = localPeerRole.publishSettings) !== null && _localPeerRole$publis2 !== void 0 && (_localPeerRole$publis2 = _localPeerRole$publis2.allowed) !== null && _localPeerRole$publis2 !== void 0 && _localPeerRole$publis2.includes('audio') ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(SettingItem, {
+    onPress: addRemoveAudioDeviceChangeListener,
+    text: `${audioDeviceListenerAdded ? 'Remove' : 'Set'} Audio Output Change Listener`,
+    IconType: _MaterialCommunityIcons.default,
+    iconName: "video-input-component"
+  }), /*#__PURE__*/_react.default.createElement(SettingItem, {
+    onPress: handleAudioShare,
+    text: `${isAudioShared ? 'Stop' : 'Start'} Audioshare`,
+    IconType: _Ionicons.default,
+    iconName: "share-social-outline"
+  }), /*#__PURE__*/_react.default.createElement(SettingItem, {
+    onPress: changeAudioMode,
+    text: "Set Audio Mode",
+    IconType: _MaterialCommunityIcons.default,
+    iconName: "call-split"
+  }), /*#__PURE__*/_react.default.createElement(SettingItem, {
+    onPress: setAudioMixingMode,
+    text: "Set Audio Mixing Mode",
+    IconType: _Entypo.default,
+    iconName: "sound-mix"
+  })) : null, _reactNative.Platform.OS === 'ios' && (0, _utils.getJoinConfig)().audioMixer && localPeerRole !== null && localPeerRole !== void 0 && (_localPeerRole$publis3 = localPeerRole.publishSettings) !== null && _localPeerRole$publis3 !== void 0 && (_localPeerRole$publis3 = _localPeerRole$publis3.allowed) !== null && _localPeerRole$publis3 !== void 0 && _localPeerRole$publis3.includes('audio') ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(SettingItem, {
+    onPress: playAudioShare,
+    text: "Play Audio Share",
+    IconType: _Ionicons.default,
+    iconName: "play-outline"
+  }), /*#__PURE__*/_react.default.createElement(SettingItem, {
+    onPress: stopAudioShare,
+    text: "Stop Audio Share",
+    IconType: _Ionicons.default,
+    iconName: "stop-outline"
+  }), /*#__PURE__*/_react.default.createElement(SettingItem, {
+    onPress: setAudioShareVolume,
+    text: "Set Audio Share Volume",
+    IconType: _Ionicons.default,
+    iconName: "volume-high-outline"
+  }), /*#__PURE__*/_react.default.createElement(SettingItem, {
+    onPress: pauseAudioShare,
+    text: "Pause Audio Share",
+    IconType: _Ionicons.default,
+    iconName: "pause-outline"
+  }), /*#__PURE__*/_react.default.createElement(SettingItem, {
+    onPress: resumeAudioShare,
+    text: "Resume Audio Share",
+    IconType: _Ionicons.default,
+    iconName: "play-skip-forward-outline"
+  }), /*#__PURE__*/_react.default.createElement(SettingItem, {
+    onPress: isAudioSharePlaying,
+    text: "Is Audio Share Playing",
+    IconType: _MaterialCommunityIcons.default,
+    iconName: "file-question-outline"
+  }), /*#__PURE__*/_react.default.createElement(SettingItem, {
+    onPress: getAudioShareDuration,
+    text: "Audio Share Duration",
+    IconType: _Ionicons.default,
+    iconName: "timer-outline"
+  }), /*#__PURE__*/_react.default.createElement(SettingItem, {
+    onPress: getAudioShareCurrentDuration,
+    text: "Audio Share Current Duration",
+    IconType: _Ionicons.default,
+    iconName: "timer-outline"
+  })) : null) : null));
+};
+exports.RoomSettingsModalContent = RoomSettingsModalContent;
+const SettingItem = _ref2 => {
+  let {
+    onPress,
+    text,
+    iconName,
+    IconType
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: styles.button,
+    onPress: onPress
+  }, /*#__PURE__*/_react.default.createElement(IconType, {
+    name: iconName,
+    size: 24,
+    style: styles.icon
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.text
+  }, text));
+};
+const ScreenShareDelegate = _ref3 => {
+  let {
+    isLocalScreenShared,
+    onPress,
+    closeRoomSettingsModal
+  } = _ref3;
+  const handleScreenSharePress = () => {
+    closeRoomSettingsModal();
+    onPress === null || onPress === void 0 ? void 0 : onPress();
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: handleScreenSharePress,
+    style: styles.button
+  }, /*#__PURE__*/_react.default.createElement(_Icons.ScreenShareIcon, {
+    style: styles.icon
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.text
+  }, isLocalScreenShared ? 'Stop Screen Share' : 'Screen Share'));
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    height: '100%',
+    width: '100%',
+    backgroundColor: _theme.COLORS.SURFACE.DEFAULT
+  },
+  chatHeaderContainer: {
+    height: 48,
+    width: '80%',
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  chatHeading: {
+    fontFamily: 'Inter-Medium',
+    fontSize: 20,
+    lineHeight: 24,
+    letterSpacing: 0.15,
+    color: _theme.COLORS.TEXT.HIGH_EMPHASIS,
+    paddingRight: 12
+  },
+  contentContainer: {
+    flex: 1,
+    marginVertical: 4
+  },
+  scrollContentContainer: {
+    paddingBottom: 52
+  },
+  brbIcon: {
+    width: 24,
+    height: 24,
+    tintColor: _theme.COLORS.WHITE,
+    marginRight: 12
+  },
+  button: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginVertical: 12
+  },
+  text: {
+    fontFamily: 'Inter-Medium',
+    fontSize: 14,
+    lineHeight: 24,
+    color: _theme.COLORS.TEXT.HIGH_EMPHASIS
+  },
+  icon: {
+    color: _theme.COLORS.WHITE,
+    marginRight: 12
+  }
+});
+//# sourceMappingURL=RoomSettingsModalContent.js.map