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

package/lib/commonjs/components/HMSManageLocalAudio.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HMSManageLocalAudio = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactRedux = require("react-redux");
+var _Icons = require("../Icons");
+var _hooksSdk = require("../hooks-sdk");
+var _theme = require("../utils/theme");
+var _PressableIcon = require("./PressableIcon");
+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 HMSManageLocalAudio = () => {
+  const canPublishAudio = (0, _hooksSdk.useCanPublishAudio)();
+  if (!canPublishAudio) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(ToggleAudioMuteButton, null);
+};
+exports.HMSManageLocalAudio = HMSManageLocalAudio;
+const ToggleAudioMuteButton = () => {
+  const hmsActions = (0, _hooksSdk.useHMSActions)();
+  // TODO: set initial `isLocalAudioMuted` state value as per initial track setting
+  const isLocalAudioMuted = (0, _reactRedux.useSelector)(state => state.hmsStates.isLocalAudioMuted);
+  const handleAudioMuteTogglePress = async () => {
+    // TODO: add getter API for state
+    // const enabled = hmsStore.getState(selectIsLocalAudioEnabled);
+    await hmsActions.setLocalAudioEnabled(!isLocalAudioMuted);
+  };
+  return /*#__PURE__*/React.createElement(_PressableIcon.PressableIcon, {
+    onPress: handleAudioMuteTogglePress,
+    style: isLocalAudioMuted ? styles.mutedButton : undefined
+  }, /*#__PURE__*/React.createElement(_Icons.MicIcon, {
+    muted: !!isLocalAudioMuted
+  }));
+};
+const styles = _reactNative.StyleSheet.create({
+  mutedButton: {
+    backgroundColor: _theme.COLORS.SECONDARY.DIM,
+    borderColor: _theme.COLORS.SECONDARY.DIM
+  }
+});
+//# sourceMappingURL=HMSManageLocalAudio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_Icons","_hooksSdk","_theme","_PressableIcon","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSManageLocalAudio","canPublishAudio","useCanPublishAudio","createElement","ToggleAudioMuteButton","exports","hmsActions","useHMSActions","isLocalAudioMuted","useSelector","state","hmsStates","handleAudioMuteTogglePress","setLocalAudioEnabled","PressableIcon","onPress","style","styles","mutedButton","undefined","MicIcon","muted","StyleSheet","create","backgroundColor","COLORS","SECONDARY","DIM","borderColor"],"sourceRoot":"../../../src","sources":["components/HMSManageLocalAudio.tsx"],"mappings":"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"}

package/lib/commonjs/components/HMSManageLocalVideo.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HMSManageLocalVideo = 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 HMSManageLocalVideo = () => {
+  const canPublishVideo = (0, _hooksSdk.useCanPublishVideo)();
+  if (!canPublishVideo) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(ToggleVideoMuteButton, null);
+};
+exports.HMSManageLocalVideo = HMSManageLocalVideo;
+const ToggleVideoMuteButton = () => {
+  const hmsActions = (0, _hooksSdk.useHMSActions)();
+  // TODO: set initial `isLocalVideoMuted` state value as per initial track setting
+  const isLocalVideoMuted = (0, _reactRedux.useSelector)(state => state.hmsStates.isLocalVideoMuted);
+  const handleVideoMuteTogglePress = async () => {
+    // TODO: add getter API for state
+    // const enabled = hmsStore.getState(selectIsLocalVideoEnabled);
+    await hmsActions.setLocalVideoEnabled(!isLocalVideoMuted);
+  };
+  return /*#__PURE__*/React.createElement(_PressableIcon.PressableIcon, {
+    onPress: handleVideoMuteTogglePress,
+    style: isLocalVideoMuted ? styles.mutedButton : undefined
+  }, /*#__PURE__*/React.createElement(_Icons.CameraIcon, {
+    muted: !!isLocalVideoMuted
+  }));
+};
+const styles = _reactNative.StyleSheet.create({
+  mutedButton: {
+    backgroundColor: _theme.COLORS.SECONDARY.DIM,
+    borderColor: _theme.COLORS.SECONDARY.DIM
+  }
+});
+//# sourceMappingURL=HMSManageLocalVideo.js.map

package/lib/commonjs/components/HMSManageLocalVideo.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","HMSManageLocalVideo","canPublishVideo","useCanPublishVideo","createElement","ToggleVideoMuteButton","exports","hmsActions","useHMSActions","isLocalVideoMuted","useSelector","state","hmsStates","handleVideoMuteTogglePress","setLocalVideoEnabled","PressableIcon","onPress","style","styles","mutedButton","undefined","CameraIcon","muted","StyleSheet","create","backgroundColor","COLORS","SECONDARY","DIM","borderColor"],"sourceRoot":"../../../src","sources":["components/HMSManageLocalVideo.tsx"],"mappings":"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"}

package/lib/commonjs/components/HMSManageRaiseHand.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HMSManageRaiseHand = 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");
+var _functions = require("../utils/functions");
+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 HMSManageRaiseHand = () => {
+  const hmsActions = (0, _hooksSdk.useHMSActions)();
+  const localPeerMetadata = (0, _reactRedux.useSelector)(state => {
+    var _state$hmsStates$loca;
+    return (0, _functions.parseMetadata)((_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.metadata);
+  }, _reactRedux.shallowEqual);
+  const toggleRaiseHand = async () => {
+    const newMetadata = {
+      ...localPeerMetadata,
+      isHandRaised: !localPeerMetadata.isHandRaised,
+      isBRBOn: false
+    };
+    await hmsActions.changeMetadata(newMetadata);
+  };
+  return /*#__PURE__*/React.createElement(_PressableIcon.PressableIcon, {
+    onPress: toggleRaiseHand,
+    style: localPeerMetadata.isHandRaised ? styles.activeButton : undefined
+  }, /*#__PURE__*/React.createElement(_Icons.HandIcon, {
+    style: localPeerMetadata.isHandRaised ? styles.handRaised : undefined
+  }));
+};
+exports.HMSManageRaiseHand = HMSManageRaiseHand;
+const styles = _reactNative.StyleSheet.create({
+  activeButton: {
+    backgroundColor: _theme.COLORS.SECONDARY.DIM,
+    borderColor: _theme.COLORS.SECONDARY.DIM
+  },
+  handRaised: {
+    tintColor: _theme.COLORS.TWIN.YELLOW
+  }
+});
+//# sourceMappingURL=HMSManageRaiseHand.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactRedux","_theme","_hooksSdk","_PressableIcon","_Icons","_functions","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HMSManageRaiseHand","hmsActions","useHMSActions","localPeerMetadata","useSelector","state","_state$hmsStates$loca","parseMetadata","hmsStates","localPeer","metadata","shallowEqual","toggleRaiseHand","newMetadata","isHandRaised","isBRBOn","changeMetadata","createElement","PressableIcon","onPress","style","styles","activeButton","undefined","HandIcon","handRaised","exports","StyleSheet","create","backgroundColor","COLORS","SECONDARY","DIM","borderColor","tintColor","TWIN","YELLOW"],"sourceRoot":"../../../src","sources":["components/HMSManageRaiseHand.tsx"],"mappings":"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"}

package/lib/commonjs/components/HMSPreviewDeviceSettings.js

@@ -0,0 +1,305 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HMSPreviewDeviceSettings = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNativeModal = _interopRequireDefault(require("react-native-modal"));
+var _reactNative = require("react-native");
+var _reactNativeSimpleToast = _interopRequireDefault(require("react-native-simple-toast"));
+var _reactRedux = require("react-redux");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _reactNativeHms = require("@100mslive/react-native-hms");
+var _Icons = require("../Icons");
+var _PressableIcon = require("./PressableIcon");
+var _theme = require("../utils/theme");
+var _hooksUtil = require("../hooks-util");
+var _actions = require("../redux/actions");
+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; }
+var PreviewModalCloseActions = /*#__PURE__*/function (PreviewModalCloseActions) {
+  PreviewModalCloseActions[PreviewModalCloseActions["SWITCH_AUDIO_OUTPUT_IOS"] = 0] = "SWITCH_AUDIO_OUTPUT_IOS";
+  return PreviewModalCloseActions;
+}(PreviewModalCloseActions || {});
+const HMSPreviewDeviceSettings = () => {
+  const actionAfterModalHide = React.useRef(null);
+  const hmsInstance = (0, _hooksUtil.useHMSInstance)();
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const [settingsModalVisible, setSettingsModalVisible] = React.useState(false);
+
+  /// VVV
+  const [deviceListDropdownOpen, setDeviceListDropdownOpen] = React.useState(false);
+  const [currentAudioOutputDevice, setCurrentAudioOutputDevice] = React.useState(null);
+  const [availableAudioOutputDevices, setAvailableAudioOutputDevices] = React.useState([]);
+  /// ^^^
+
+  const roomLocallyMuted = (0, _reactRedux.useSelector)(state => state.hmsStates.roomLocallyMuted);
+  React.useEffect(() => {
+    if (_reactNative.Platform.OS === 'android') {
+      let ignore = false;
+      const getCurrentAudioOutputDevice = async () => {
+        const device = await hmsInstance.getAudioOutputRouteType();
+        if (!ignore) {
+          setCurrentAudioOutputDevice(device);
+        }
+      };
+      const getAvailableAudioOutputDevices = async () => {
+        const devices = await hmsInstance.getAudioDevicesList();
+        if (!ignore) {
+          setAvailableAudioOutputDevices(devices);
+        }
+      };
+      getCurrentAudioOutputDevice();
+      getAvailableAudioOutputDevices();
+      return () => {
+        ignore = true;
+      };
+    }
+  }, [hmsInstance]);
+  const cleanup = () => {
+    setDeviceListDropdownOpen(false);
+  };
+  const closeModal = () => {
+    setSettingsModalVisible(false);
+    cleanup();
+  };
+
+  // closes modal and no action will be taken after modal has been closed
+  const dismissModal = () => {
+    actionAfterModalHide.current = null;
+    closeModal();
+  };
+  const handleSpeakerChange = () => {
+    if (_reactNative.Platform.OS === 'ios') {
+      actionAfterModalHide.current = PreviewModalCloseActions.SWITCH_AUDIO_OUTPUT_IOS;
+      closeModal();
+    } else {
+      _reactNative.LayoutAnimation.configureNext(_reactNative.LayoutAnimation.Presets.easeInEaseOut);
+      setDeviceListDropdownOpen(prev => !prev);
+    }
+  };
+  React.useEffect(() => {
+    if (_reactNative.Platform.OS === 'android') {
+      let ignore = false;
+      hmsInstance.setAudioDeviceChangeListener(data => {
+        if (!ignore && data) {
+          setCurrentAudioOutputDevice(data.device);
+        }
+        _reactNativeSimpleToast.default.showWithGravity(`Audio Device Output changed to: ${getDescription(data === null || data === void 0 ? void 0 : data.device)}`, _reactNativeSimpleToast.default.LONG, _reactNativeSimpleToast.default.TOP);
+      });
+      return () => {
+        ignore = true;
+        hmsInstance.removeEventListener(_reactNativeHms.HMSUpdateListenerActions.ON_AUDIO_DEVICE_CHANGED);
+      };
+    }
+  }, [hmsInstance]);
+  const handleOnModalClose = () => {
+    if (actionAfterModalHide.current === null) {
+      return;
+    }
+    if (actionAfterModalHide.current === PreviewModalCloseActions.SWITCH_AUDIO_OUTPUT_IOS) {
+      hmsInstance.switchAudioOutputUsingIOSUI();
+    }
+  };
+  const handleMuteRoom = () => {
+    hmsInstance.setPlaybackForAllAudio(!roomLocallyMuted);
+    dispatch((0, _actions.setRoomLocallyMuted)(!roomLocallyMuted));
+  };
+  const handleSelectAudioDevice = device => {
+    hmsInstance.switchAudioOutput(device);
+    _reactNative.LayoutAnimation.configureNext(_reactNative.LayoutAnimation.Presets.easeInEaseOut);
+    setDeviceListDropdownOpen(false);
+  };
+  return /*#__PURE__*/React.createElement(_reactNative.View, null, /*#__PURE__*/React.createElement(_PressableIcon.PressableIcon, {
+    onPress: () => setSettingsModalVisible(true)
+  }, /*#__PURE__*/React.createElement(_Icons.SettingsIcon, null)), /*#__PURE__*/React.createElement(_reactNativeModal.default, {
+    isVisible: settingsModalVisible,
+    animationIn: 'slideInUp',
+    animationOut: 'slideOutDown',
+    backdropColor: _theme.COLORS.BACKGROUND.DIM,
+    backdropOpacity: 0.3,
+    onBackButtonPress: dismissModal,
+    onBackdropPress: dismissModal,
+    useNativeDriver: true,
+    onModalHide: handleOnModalClose,
+    useNativeDriverForBackdrop: true,
+    hideModalContentWhileAnimating: true
+    // swipeDirection={['up', 'down']}
+    // swipe
+    ,
+    style: styles.modal
+  }, /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.header
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.headerText
+  }, "Device Settings"), /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    onPress: dismissModal,
+    hitSlop: styles.closeIconHitSlop
+  }, /*#__PURE__*/React.createElement(_Icons.CloseIcon, null))), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.divider
+  }), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.itemLabel
+  }, "Speakers"), /*#__PURE__*/React.createElement(_reactNative.View, null, /*#__PURE__*/React.createElement(_reactNative.TouchableHighlight, {
+    underlayColor: _theme.COLORS.SURFACE.DEFAULT,
+    style: styles.item,
+    onPress: handleSpeakerChange
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.itemTextContainer
+  }, /*#__PURE__*/React.createElement(_Icons.SpeakerIcon, {
+    muted: false
+  }), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.itemText,
+    numberOfLines: 1
+  }, currentAudioOutputDevice ? getDescription(currentAudioOutputDevice) : 'Switch Audio Output Device')), /*#__PURE__*/React.createElement(_Icons.ChevronIcon, {
+    direction: "down",
+    style: _reactNative.Platform.OS === 'ios' ? styles.downToRightChevronIcon : deviceListDropdownOpen ? styles.downToUpChevronIcon : null
+  }))), _reactNative.Platform.OS === 'android' && deviceListDropdownOpen ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: {
+      height: 160,
+      marginTop: 8,
+      overflow: 'hidden',
+      borderRadius: 8,
+      backgroundColor: _theme.COLORS.SURFACE.DEFAULT
+    }
+  }, /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
+    showsVerticalScrollIndicator: true
+  }, availableAudioOutputDevices.sort().map(device => /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    disabled: device === currentAudioOutputDevice,
+    style: {
+      paddingHorizontal: 16,
+      paddingVertical: 12,
+      backgroundColor: device === currentAudioOutputDevice ? _theme.COLORS.PRIMARY.DARK : undefined
+    },
+    onPress: () => handleSelectAudioDevice(device)
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.itemText
+  }, getDescription(device)))))) : null), /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    style: styles.item2,
+    onPress: handleMuteRoom,
+    activeOpacity: 0.7
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.itemTextContainer
+  }, /*#__PURE__*/React.createElement(_Icons.SpeakerIcon, {
+    muted: roomLocallyMuted
+  }), /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.itemText,
+    numberOfLines: 1
+  }, "Mute Room")), /*#__PURE__*/React.createElement(_reactNative.Switch, {
+    value: roomLocallyMuted,
+    thumbColor: _theme.COLORS.BASE.WHITE,
+    trackColor: {
+      true: _theme.COLORS.PRIMARY.DEFAULT,
+      false: _theme.COLORS.SECONDARY.DISABLED
+    },
+    onValueChange: handleMuteRoom
+  })))));
+};
+exports.HMSPreviewDeviceSettings = HMSPreviewDeviceSettings;
+const styles = _reactNative.StyleSheet.create({
+  modal: {
+    margin: 0,
+    justifyContent: 'flex-end'
+  },
+  container: {
+    backgroundColor: _theme.COLORS.SURFACE.DIM,
+    borderTopLeftRadius: 16,
+    borderTopRightRadius: 16,
+    padding: 24
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  headerText: {
+    color: _theme.COLORS.SURFACE.ON_SURFACE.HIGH,
+    fontSize: 16,
+    fontFamily: 'Inter',
+    fontWeight: '500',
+    lineHeight: 24,
+    letterSpacing: 0.15
+  },
+  closeIconHitSlop: {
+    bottom: 16,
+    left: 16,
+    right: 16,
+    top: 16
+  },
+  divider: {
+    marginVertical: 24,
+    height: 1,
+    backgroundColor: _theme.COLORS.BORDER.DEFAULT
+  },
+  itemLabel: {
+    color: _theme.COLORS.SURFACE.ON_SURFACE.HIGH,
+    fontSize: 14,
+    fontFamily: 'Inter',
+    fontWeight: '400',
+    lineHeight: 20,
+    letterSpacing: 0.25,
+    marginBottom: 8
+  },
+  item: {
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    borderRadius: 8,
+    backgroundColor: _theme.COLORS.SURFACE.BRIGHT,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  item2: {
+    marginTop: 24,
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    // borderRadius: 8,
+    // backgroundColor: COLORS.SURFACE.BRIGHT,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  itemTextContainer: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  itemText: {
+    flex: 1,
+    marginHorizontal: 16,
+    color: _theme.COLORS.SURFACE.ON_SURFACE.HIGH,
+    fontSize: 16,
+    fontFamily: 'Inter',
+    fontWeight: '400',
+    lineHeight: 24,
+    letterSpacing: 0.5
+  },
+  downToRightChevronIcon: {
+    transform: [{
+      rotateZ: '-90deg'
+    }]
+  },
+  downToUpChevronIcon: {
+    transform: [{
+      rotateZ: '-180deg'
+    }]
+  }
+});
+const getDescription = ofDevice => {
+  switch (ofDevice) {
+    case _reactNativeHms.HMSAudioDevice.AUTOMATIC:
+      return 'Automatic';
+    case _reactNativeHms.HMSAudioDevice.BLUETOOTH:
+      return 'Bluetooth';
+    case _reactNativeHms.HMSAudioDevice.EARPIECE:
+      return 'Earpiece';
+    case _reactNativeHms.HMSAudioDevice.SPEAKER_PHONE:
+      return 'Phone Speaker';
+    case _reactNativeHms.HMSAudioDevice.WIRED_HEADSET:
+      return 'Wired Headset';
+  }
+};
+//# sourceMappingURL=HMSPreviewDeviceSettings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNativeModal","_interopRequireDefault","_reactNative","_reactNativeSimpleToast","_reactRedux","_reactNativeSafeAreaContext","_reactNativeHms","_Icons","_PressableIcon","_theme","_hooksUtil","_actions","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","PreviewModalCloseActions","HMSPreviewDeviceSettings","actionAfterModalHide","useRef","hmsInstance","useHMSInstance","dispatch","useDispatch","settingsModalVisible","setSettingsModalVisible","useState","deviceListDropdownOpen","setDeviceListDropdownOpen","currentAudioOutputDevice","setCurrentAudioOutputDevice","availableAudioOutputDevices","setAvailableAudioOutputDevices","roomLocallyMuted","useSelector","state","hmsStates","useEffect","Platform","OS","ignore","getCurrentAudioOutputDevice","device","getAudioOutputRouteType","getAvailableAudioOutputDevices","devices","getAudioDevicesList","cleanup","closeModal","dismissModal","current","handleSpeakerChange","SWITCH_AUDIO_OUTPUT_IOS","LayoutAnimation","configureNext","Presets","easeInEaseOut","prev","setAudioDeviceChangeListener","data","Toast","showWithGravity","getDescription","LONG","TOP","removeEventListener","HMSUpdateListenerActions","ON_AUDIO_DEVICE_CHANGED","handleOnModalClose","switchAudioOutputUsingIOSUI","handleMuteRoom","setPlaybackForAllAudio","setRoomLocallyMuted","handleSelectAudioDevice","switchAudioOutput","createElement","View","PressableIcon","onPress","SettingsIcon","isVisible","animationIn","animationOut","backdropColor","COLORS","BACKGROUND","DIM","backdropOpacity","onBackButtonPress","onBackdropPress","useNativeDriver","onModalHide","useNativeDriverForBackdrop","hideModalContentWhileAnimating","style","styles","modal","SafeAreaView","container","header","Text","headerText","TouchableOpacity","hitSlop","closeIconHitSlop","CloseIcon","divider","itemLabel","TouchableHighlight","underlayColor","SURFACE","DEFAULT","item","Fragment","itemTextContainer","SpeakerIcon","muted","itemText","numberOfLines","ChevronIcon","direction","downToRightChevronIcon","downToUpChevronIcon","height","marginTop","overflow","borderRadius","backgroundColor","ScrollView","showsVerticalScrollIndicator","sort","map","disabled","paddingHorizontal","paddingVertical","PRIMARY","DARK","undefined","item2","activeOpacity","Switch","value","thumbColor","BASE","WHITE","trackColor","true","false","SECONDARY","DISABLED","onValueChange","exports","StyleSheet","create","margin","justifyContent","borderTopLeftRadius","borderTopRightRadius","padding","flexDirection","alignItems","color","ON_SURFACE","HIGH","fontSize","fontFamily","fontWeight","lineHeight","letterSpacing","bottom","left","right","top","marginVertical","BORDER","marginBottom","BRIGHT","flex","marginHorizontal","transform","rotateZ","ofDevice","HMSAudioDevice","AUTOMATIC","BLUETOOTH","EARPIECE","SPEAKER_PHONE","WIRED_HEADSET"],"sourceRoot":"../../../src","sources":["components/HMSPreviewDeviceSettings.tsx"],"mappings":"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"}

package/lib/commonjs/components/HMSPreviewEditName.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HMSPreviewEditName = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactRedux = require("react-redux");
+var _theme = require("../utils/theme");
+var _actions = require("../redux/actions");
+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 HMSPreviewEditName = () => {
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const {
+    clearConfig
+  } = (0, _hooksUtil.useHMSConfig)();
+  const userName = (0, _reactRedux.useSelector)(state => state.user.userName);
+  const [inputFocused, setInputFocused] = React.useState(false);
+  const handleNameChange = name => {
+    dispatch((0, _actions.changeUsername)(name));
+    clearConfig();
+  };
+  const handleInputFocus = () => setInputFocused(true);
+  const handleInputBlur = () => setInputFocused(false);
+  return /*#__PURE__*/React.createElement(_reactNative.TextInput, {
+    style: [styles.input, inputFocused ? styles.focusedInput : null],
+    value: userName,
+    onChangeText: handleNameChange,
+    placeholder: "Name",
+    autoCapitalize: "words",
+    autoCompleteType: "name",
+    placeholderTextColor: _theme.COLORS.SURFACE.ON_SURFACE.LOW,
+    selectionColor: _theme.COLORS.SURFACE.ON_SURFACE.HIGH,
+    onFocus: handleInputFocus,
+    onBlur: handleInputBlur
+  });
+};
+exports.HMSPreviewEditName = HMSPreviewEditName;
+const styles = _reactNative.StyleSheet.create({
+  input: {
+    flex: 1,
+    textAlignVertical: 'center',
+    backgroundColor: _theme.COLORS.SURFACE.DEFAULT,
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    borderRadius: 8,
+    color: _theme.COLORS.SURFACE.ON_SURFACE.HIGH,
+    fontSize: 16,
+    fontFamily: 'Inter',
+    fontWeight: '400',
+    letterSpacing: 0.5,
+    borderWidth: 2,
+    borderColor: _theme.COLORS.SURFACE.DEFAULT
+  },
+  focusedInput: {
+    borderColor: _theme.COLORS.PRIMARY.DEFAULT,
+    borderWidth: 2
+  }
+});
+//# sourceMappingURL=HMSPreviewEditName.js.map

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

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

package/lib/commonjs/components/HMSPreviewJoinButton.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HMSPreviewJoinButton = 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 HMSPreviewJoinButton = _ref => {
+  let {
+    loading,
+    onJoin
+  } = _ref;
+  return /*#__PURE__*/React.createElement(_reactNative.TouchableHighlight, {
+    underlayColor: _theme.COLORS.PRIMARY.DARK,
+    style: styles.button,
+    onPress: onJoin,
+    disabled: loading
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, loading ? /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
+    size: 'small',
+    color: _theme.COLORS.BASE.WHITE,
+    style: styles.loader
+  }) : null, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: [styles.text, {
+      opacity: loading ? 0 : undefined
+    }]
+  }, 'Join ->')));
+};
+exports.HMSPreviewJoinButton = HMSPreviewJoinButton;
+const styles = _reactNative.StyleSheet.create({
+  button: {
+    paddingHorizontal: 16,
+    paddingVertical: 8,
+    borderRadius: 8,
+    backgroundColor: _theme.COLORS.PRIMARY.DEFAULT,
+    marginLeft: 16,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  text: {
+    color: _theme.COLORS.BASE.WHITE,
+    fontSize: 16,
+    fontFamily: 'Inter',
+    fontWeight: '600',
+    lineHeight: 24,
+    letterSpacing: 0.5,
+    marginHorizontal: 8
+  },
+  loader: {
+    position: 'absolute'
+  }
+});
+//# sourceMappingURL=HMSPreviewJoinButton.js.map