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

package/lib/module/components/HMSManageAudioOutput.js

@@ -0,0 +1,232 @@
+import * as React from 'react';
+import Modal from 'react-native-modal';
+import { Platform, ScrollView, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import Toast from 'react-native-simple-toast';
+import { useSelector } from 'react-redux';
+import { HMSUpdateListenerActions, HMSAudioDevice } from '@100mslive/react-native-hms';
+import { AnswerPhoneIcon, BluetoothIcon, CheckIcon, HeadphonesIcon, SpeakerIcon, WaveIcon } from '../Icons';
+import { PressableIcon } from './PressableIcon';
+import { COLORS } from '../utils/theme';
+import { CloseIcon } from '../Icons';
+import { useHMSInstance } from '../hooks-util';
+export const HMSManageAudioOutput = () => {
+  const hmsInstance = useHMSInstance();
+  const [settingsModalVisible, setSettingsModalVisible] = React.useState(false);
+  const [currentAudioOutputDevice, setCurrentAudioOutputDevice] = React.useState(null);
+  const [availableAudioOutputDevices, setAvailableAudioOutputDevices] = React.useState([]);
+  const debugMode = useSelector(state => state.user.debugMode);
+
+  // Fetch current selected audio device and audio devices list on Android
+  React.useEffect(() => {
+    if (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]);
+
+  // closes modal and no action will be taken after modal has been closed
+  const dismissModal = () => {
+    setSettingsModalVisible(false);
+  };
+
+  // Handles showing Modal for changing Audio device
+  const handleSpeakerChange = () => {
+    if (Platform.OS === 'ios') {
+      hmsInstance.switchAudioOutputUsingIOSUI();
+    } else {
+      if (availableAudioOutputDevices.length === 0) {
+        hmsInstance.getAudioDevicesList().then(devices => setAvailableAudioOutputDevices(devices)); // TODO(set-state-after-unmount): setting state irrespective of component unmount check
+      }
+
+      setSettingsModalVisible(true);
+    }
+  };
+
+  // Add audio device change listeners
+  React.useEffect(() => {
+    if (Platform.OS === 'android') {
+      let ignore = false;
+      hmsInstance.setAudioDeviceChangeListener(data => {
+        if (!ignore && data) {
+          setCurrentAudioOutputDevice(data.device);
+        }
+        if (debugMode) {
+          Toast.showWithGravity(`Audio Device Output changed to: ${data === null || data === void 0 ? void 0 : data.device}`, Toast.LONG, Toast.TOP);
+        }
+      });
+      return () => {
+        ignore = true;
+        hmsInstance.removeEventListener(HMSUpdateListenerActions.ON_AUDIO_DEVICE_CHANGED);
+      };
+    }
+  }, [hmsInstance, debugMode]);
+
+  // Handle changing selected audio device
+  const handleSelectAudioDevice = device => {
+    hmsInstance.switchAudioOutput(device);
+    setSettingsModalVisible(false);
+  };
+  return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(PressableIcon, {
+    onPress: handleSpeakerChange
+  }, Platform.OS === 'ios' ? /*#__PURE__*/React.createElement(SpeakerIcon, {
+    muted: false
+  }) : getIcon(currentAudioOutputDevice || HMSAudioDevice.AUTOMATIC)), /*#__PURE__*/React.createElement(Modal, {
+    isVisible: settingsModalVisible,
+    animationIn: 'slideInUp',
+    animationOut: 'slideOutDown',
+    backdropColor: COLORS.BACKGROUND.DIM,
+    backdropOpacity: 0.3,
+    onBackButtonPress: dismissModal,
+    onBackdropPress: dismissModal,
+    useNativeDriver: true,
+    useNativeDriverForBackdrop: true,
+    hideModalContentWhileAnimating: true
+    // swipeDirection={['up', 'down']}
+    // swipe
+    ,
+    style: styles.modal
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.header
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.headerText
+  }, "Audio Output"), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: dismissModal,
+    hitSlop: styles.closeIconHitSlop
+  }, /*#__PURE__*/React.createElement(CloseIcon, null))), availableAudioOutputDevices.length === 0 ? /*#__PURE__*/React.createElement(View, {
+    style: styles.emptyView
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.itemText
+  }, "No other devices available!")) : /*#__PURE__*/React.createElement(ScrollView, {
+    showsVerticalScrollIndicator: true
+  }, availableAudioOutputDevices.sort((a, b) => audioDeviceSortOrder[a] - audioDeviceSortOrder[b]).map(device => /*#__PURE__*/React.createElement(React.Fragment, {
+    key: device
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.divider
+  }), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.audioDeviceItem,
+    onPress: () => handleSelectAudioDevice(device)
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.itemTextWrapper
+  }, getIcon(device === HMSAudioDevice.AUTOMATIC && currentAudioOutputDevice ? currentAudioOutputDevice : device), /*#__PURE__*/React.createElement(Text, {
+    style: styles.itemText
+  }, getDescription(device, currentAudioOutputDevice))), device === currentAudioOutputDevice ? /*#__PURE__*/React.createElement(CheckIcon, null) : null)))))));
+};
+const styles = StyleSheet.create({
+  modal: {
+    margin: 0,
+    justifyContent: 'flex-end'
+  },
+  container: {
+    backgroundColor: COLORS.BACKGROUND.DEFAULT,
+    borderTopLeftRadius: 16,
+    borderTopRightRadius: 16,
+    paddingTop: 24,
+    paddingHorizontal: 16,
+    paddingBottom: 32
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    marginBottom: 16
+  },
+  headerText: {
+    color: 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
+  },
+  itemTextWrapper: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  itemText: {
+    marginHorizontal: 16,
+    color: COLORS.SURFACE.ON_SURFACE.HIGH,
+    fontSize: 14,
+    fontFamily: 'Inter',
+    fontWeight: '600',
+    lineHeight: 20,
+    letterSpacing: 0.1
+  },
+  emptyView: {
+    height: 160,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  audioDeviceItem: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingVertical: 20
+  },
+  divider: {
+    height: 1,
+    backgroundColor: COLORS.BORDER.DEFAULT
+  }
+});
+const getIcon = ofDevice => {
+  switch (ofDevice) {
+    case HMSAudioDevice.AUTOMATIC:
+      return /*#__PURE__*/React.createElement(WaveIcon, null);
+    case HMSAudioDevice.BLUETOOTH:
+      return /*#__PURE__*/React.createElement(BluetoothIcon, null);
+    case HMSAudioDevice.EARPIECE:
+      return /*#__PURE__*/React.createElement(AnswerPhoneIcon, null);
+    case HMSAudioDevice.SPEAKER_PHONE:
+      return /*#__PURE__*/React.createElement(SpeakerIcon, {
+        muted: false
+      });
+    case HMSAudioDevice.WIRED_HEADSET:
+      return /*#__PURE__*/React.createElement(HeadphonesIcon, null);
+  }
+};
+const getDescription = (ofDevice, currentDevice) => {
+  switch (ofDevice) {
+    case HMSAudioDevice.AUTOMATIC:
+      return currentDevice && currentDevice !== HMSAudioDevice.AUTOMATIC ? `Default (${getDescription(currentDevice, currentDevice)})` : 'Automatic';
+    case HMSAudioDevice.BLUETOOTH:
+      return 'Bluetooth Device';
+    case HMSAudioDevice.EARPIECE:
+      return 'Phone';
+    case HMSAudioDevice.SPEAKER_PHONE:
+      return 'Speaker';
+    case HMSAudioDevice.WIRED_HEADSET:
+      return 'Earphone';
+  }
+};
+const audioDeviceSortOrder = {
+  [HMSAudioDevice.AUTOMATIC]: 0,
+  [HMSAudioDevice.SPEAKER_PHONE]: 1,
+  [HMSAudioDevice.WIRED_HEADSET]: 2,
+  [HMSAudioDevice.EARPIECE]: 3,
+  [HMSAudioDevice.BLUETOOTH]: 4
+};
+//# sourceMappingURL=HMSManageAudioOutput.js.map

package/lib/module/components/HMSManageAudioOutput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Modal","Platform","ScrollView","StyleSheet","Text","TouchableOpacity","View","Toast","useSelector","HMSUpdateListenerActions","HMSAudioDevice","AnswerPhoneIcon","BluetoothIcon","CheckIcon","HeadphonesIcon","SpeakerIcon","WaveIcon","PressableIcon","COLORS","CloseIcon","useHMSInstance","HMSManageAudioOutput","hmsInstance","settingsModalVisible","setSettingsModalVisible","useState","currentAudioOutputDevice","setCurrentAudioOutputDevice","availableAudioOutputDevices","setAvailableAudioOutputDevices","debugMode","state","user","useEffect","OS","ignore","getCurrentAudioOutputDevice","device","getAudioOutputRouteType","getAvailableAudioOutputDevices","devices","getAudioDevicesList","dismissModal","handleSpeakerChange","switchAudioOutputUsingIOSUI","length","then","setAudioDeviceChangeListener","data","showWithGravity","LONG","TOP","removeEventListener","ON_AUDIO_DEVICE_CHANGED","handleSelectAudioDevice","switchAudioOutput","createElement","onPress","muted","getIcon","AUTOMATIC","isVisible","animationIn","animationOut","backdropColor","BACKGROUND","DIM","backdropOpacity","onBackButtonPress","onBackdropPress","useNativeDriver","useNativeDriverForBackdrop","hideModalContentWhileAnimating","style","styles","modal","container","header","headerText","hitSlop","closeIconHitSlop","emptyView","itemText","showsVerticalScrollIndicator","sort","a","b","audioDeviceSortOrder","map","Fragment","key","divider","audioDeviceItem","itemTextWrapper","getDescription","create","margin","justifyContent","backgroundColor","DEFAULT","borderTopLeftRadius","borderTopRightRadius","paddingTop","paddingHorizontal","paddingBottom","flexDirection","alignItems","marginBottom","color","SURFACE","ON_SURFACE","HIGH","fontSize","fontFamily","fontWeight","lineHeight","letterSpacing","bottom","left","right","top","marginHorizontal","height","paddingVertical","BORDER","ofDevice","BLUETOOTH","EARPIECE","SPEAKER_PHONE","WIRED_HEADSET","currentDevice"],"sourceRoot":"../../../src","sources":["components/HMSManageAudioOutput.tsx"],"mappings":"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"}

package/lib/module/components/HMSManageLeave.js

@@ -1,13 +1,10 @@
-import { useNavigation } from '@react-navigation/native';
 import * as React from 'react';
 import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 import Modal from 'react-native-modal';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import Toast from 'react-native-simple-toast';
-import { useDispatch, useSelector } from 'react-redux';
+import { useSelector } from 'react-redux';
 import { AlertIcon, LeaveIcon } from '../Icons';
-import { useHMSInstance } from '../hooks-util';
-import { clearStore } from '../redux/actions';
+import { useLeaveMethods } from '../hooks-util';
 import { COLORS } from '../utils/theme';
 import { ModalTypes } from '../utils/types';
 import { DefaultModal } from './DefaultModal';
@@ -22,10 +19,6 @@ export const HMSManageLeave = props => {
   return /*#__PURE__*/React.createElement(LeaveButton, props);
 };
 const LeaveButton = props => {
-  // TODO: What if useNavigation context is undefined?
-  const navigation = useNavigation();
-  const hmsInstance = useHMSInstance();
-  const dispatch = useDispatch();
   const leavePopCloseAction = React.useRef(ModalTypes.DEFAULT);
   const [leavePopVisible, setLeavePopVisible] = React.useState(false);
   const [leaveModalType, setLeaveModalType] = React.useState(ModalTypes.DEFAULT);
@@ -79,56 +72,10 @@ const LeaveButton = props => {
     setLeaveModalType(leavePopCloseAction.current);
   };
   const dismissModal = () => setLeaveModalType(ModalTypes.DEFAULT);
-  const destroy = () => {
-    hmsInstance.destroy().then(s => {
-      console.log('Destroy Success: ', s);
-      // TODOS:
-      // - If show `Meeting_Ended` is true, show Meeting screen by setting state to MEETING_ENDED
-      //    - Reset Redux States
-      //    - HMSInstance will not be available now
-      //    - When your presses "Re Join" Action button, restart process from root component
-      //    - When your presses "Done" Action button
-      //        - If we have callback fn, call it
-      //        - Otherwise try our best to navigate away from current screen
-      //
-      // - No screen to show
-      //    - No need to reset redux state?
-      //    - HMSInstance will be available till this point
-      //    - If we have callback fn, call it
-      //    - Otherwise try our best to navigate away from current screen
-      //    - When we are navigated away from screen, HMSInstance will be not available
-
-      // dispatch(clearMessageData());
-      // dispatch(clearPeerData());
-      // dispatch(clearHmsReference());
-
-      // if (navigation.canGoBack()) {
-      //   navigation.goBack();
-      // } else {
-      // TODO: remove this later
-      navigation.navigate('QRCodeScreen');
-      dispatch(clearStore());
-      // }
-    }).catch(e => {
-      console.log(`Destroy HMS instance Error: ${e}`);
-      Toast.showWithGravity(`Destroy HMS instance Error: ${e}`, Toast.LONG, Toast.TOP);
-    });
-  };
-  const onLeavePress = () => {
-    hmsInstance.leave().then(d => {
-      console.log('Leave Success: ', d);
-      destroy();
-    }).catch(e => {
-      console.log(`Leave Room Error: ${e}`);
-      Toast.showWithGravity(`Leave Room Error: ${e}`, Toast.LONG, Toast.TOP);
-    });
-  };
-  const onEndRoomPress = () => {
-    hmsInstance.endRoom('Host ended the room').then(d => {
-      console.log('EndRoom Success: ', d);
-      destroy();
-    }).catch(e => console.log('EndRoom Error: ', e));
-  };
+  const {
+    leave,
+    endRoom
+  } = useLeaveMethods();
   const leaveIconDelegate = 'leaveIconDelegate' in props && props.leaveIconDelegate ? props.leaveIconDelegate : /*#__PURE__*/React.createElement(LeaveIcon, null);
   const leaveButtonDelegate = 'leaveButtonDelegate' in props && props.leaveButtonDelegate ? props.leaveButtonDelegate : /*#__PURE__*/React.createElement(PressableIcon, null, /*#__PURE__*/React.cloneElement(leaveIconDelegate));
   return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.cloneElement(leaveButtonDelegate, {
@@ -145,14 +92,14 @@ const LeaveButton = props => {
     modalVisible: leaveModalType === ModalTypes.LEAVE_ROOM,
     setModalVisible: dismissModal
   }, /*#__PURE__*/React.createElement(LeaveRoomModal, {
-    onSuccess: onLeavePress,
+    onSuccess: leave,
     cancelModal: dismissModal
   })), /*#__PURE__*/React.createElement(DefaultModal, {
     modalPosiion: "center",
     modalVisible: leaveModalType === ModalTypes.END_ROOM,
     setModalVisible: dismissModal
   }, /*#__PURE__*/React.createElement(EndRoomModal, {
-    onSuccess: onEndRoomPress,
+    onSuccess: endRoom,
     cancelModal: dismissModal
   })));
 };
@@ -206,7 +153,7 @@ const LeavePopup = _ref => {
     style: leavePopupStyles.leaveButtonIcon
   }), /*#__PURE__*/React.createElement(Text, {
     style: leavePopupStyles.leaveButtonText
-  }, "Leave")), canEndRoom ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+  }, "Leave Studio")), canEndRoom ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
     style: leavePopupStyles.divider
   }), /*#__PURE__*/React.createElement(TouchableOpacity, {
     style: leavePopupStyles.endRoomButton,

package/lib/module/components/HMSManageLeave.js.map

@@ -1 +1 @@
-{"version":3,"names":["useNavigation","React","StyleSheet","Text","TouchableOpacity","View","Modal","useSafeAreaInsets","Toast","useDispatch","useSelector","AlertIcon","LeaveIcon","useHMSInstance","clearStore","COLORS","ModalTypes","DefaultModal","EndRoomModal","LeaveRoomModal","PressableIcon","HMSManageLeave","props","isMeetingJoined","createElement","LeaveButton","navigation","hmsInstance","dispatch","leavePopCloseAction","useRef","DEFAULT","leavePopVisible","setLeavePopVisible","useState","leaveModalType","setLeaveModalType","canEndRoom","state","_state$hmsStates$loca","hmsStates","localPeer","role","permissions","endRoom","handleLeaveButtonPress","LEAVE_ROOM","handleLeavePress","current","handleEndSessionPress","END_ROOM","dismissPopup","handlePopupHide","dismissModal","destroy","then","s","console","log","navigate","catch","e","showWithGravity","LONG","TOP","onLeavePress","leave","d","onEndRoomPress","leaveIconDelegate","leaveButtonDelegate","cloneElement","onPress","style","styles","button","LeavePopup","isVisible","onEndSessionPress","onPopupDismiss","onPopupHide","modalPosiion","modalVisible","setModalVisible","onSuccess","cancelModal","HEADER_CONTENT_HEIGHT","HEADER_HEIGHT","create","backgroundColor","ALERT","ERROR","borderColor","_ref","safeAreaInsets","_state$hmsStates$loca2","animationIn","animationOut","backdropColor","BACKGROUND","DIM","backdropOpacity","onBackButtonPress","onBackdropPress","useNativeDriver","onModalHide","useNativeDriverForBackdrop","hideModalContentWhileAnimating","leavePopupStyles","modal","leavePopupContent","marginTop","top","marginLeft","left","marginRight","right","marginBottom","bottom","leaveButton","leaveButtonIcon","leaveButtonText","Fragment","divider","endRoomButton","endRoomIcon","endRoomText","margin","justifyContent","overflow","width","SURFACE","borderRadius","borderWidth","BORDER","BRIGHT","flexDirection","paddingHorizontal","paddingVertical","height","marginHorizontal","transform","rotateY","color","ON_SURFACE","HIGH","fontSize","fontFamily","fontWeight","lineHeight"],"sourceRoot":"../../../src","sources":["components/HMSManageLeave.tsx"],"mappings":"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"}
+{"version":3,"names":["React","StyleSheet","Text","TouchableOpacity","View","Modal","useSafeAreaInsets","useSelector","AlertIcon","LeaveIcon","useLeaveMethods","COLORS","ModalTypes","DefaultModal","EndRoomModal","LeaveRoomModal","PressableIcon","HMSManageLeave","props","isMeetingJoined","createElement","LeaveButton","leavePopCloseAction","useRef","DEFAULT","leavePopVisible","setLeavePopVisible","useState","leaveModalType","setLeaveModalType","canEndRoom","state","_state$hmsStates$loca","hmsStates","localPeer","role","permissions","endRoom","handleLeaveButtonPress","LEAVE_ROOM","handleLeavePress","current","handleEndSessionPress","END_ROOM","dismissPopup","handlePopupHide","dismissModal","leave","leaveIconDelegate","leaveButtonDelegate","cloneElement","onPress","style","styles","button","LeavePopup","isVisible","onEndSessionPress","onLeavePress","onPopupDismiss","onPopupHide","modalPosiion","modalVisible","setModalVisible","onSuccess","cancelModal","HEADER_CONTENT_HEIGHT","HEADER_HEIGHT","create","backgroundColor","ALERT","ERROR","borderColor","_ref","safeAreaInsets","_state$hmsStates$loca2","animationIn","animationOut","backdropColor","BACKGROUND","DIM","backdropOpacity","onBackButtonPress","onBackdropPress","useNativeDriver","onModalHide","useNativeDriverForBackdrop","hideModalContentWhileAnimating","leavePopupStyles","modal","leavePopupContent","marginTop","top","marginLeft","left","marginRight","right","marginBottom","bottom","leaveButton","leaveButtonIcon","leaveButtonText","Fragment","divider","endRoomButton","endRoomIcon","endRoomText","margin","justifyContent","overflow","width","SURFACE","borderRadius","borderWidth","BORDER","BRIGHT","flexDirection","paddingHorizontal","paddingVertical","height","marginHorizontal","transform","rotateY","color","ON_SURFACE","HIGH","fontSize","fontFamily","fontWeight","lineHeight"],"sourceRoot":"../../../src","sources":["components/HMSManageLeave.tsx"],"mappings":"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"}

package/lib/module/components/HMSMeetingEnded.js

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { Text, StyleSheet } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { COLORS } from '../utils/theme';
+export const HMSMeetingEnded = () => {
+  return /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.title
+  }, "Meeting Ended"));
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: COLORS.BACKGROUND.DIM,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  title: {
+    color: COLORS.SURFACE.ON_SURFACE.HIGH,
+    fontSize: 24,
+    fontFamily: 'Inter',
+    fontWeight: '600',
+    lineHeight: 32
+  }
+});
+//# sourceMappingURL=HMSMeetingEnded.js.map

package/lib/module/components/HMSMeetingEnded.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","StyleSheet","SafeAreaView","COLORS","HMSMeetingEnded","createElement","style","styles","container","title","create","flex","backgroundColor","BACKGROUND","DIM","alignItems","justifyContent","color","SURFACE","ON_SURFACE","HIGH","fontSize","fontFamily","fontWeight","lineHeight"],"sourceRoot":"../../../src","sources":["components/HMSMeetingEnded.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,YAAY,QAAQ,gCAAgC;AAE7D,SAASC,MAAM,QAAQ,gBAAgB;AAEvC,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACnC,oBACEL,KAAA,CAAAM,aAAA,CAACH,YAAY;IAACI,KAAK,EAAEC,MAAM,CAACC;EAAU,gBACpCT,KAAA,CAAAM,aAAA,CAACL,IAAI;IAACM,KAAK,EAAEC,MAAM,CAACE;EAAM,GAAC,eAAmB,CAClC,CAAC;AAEnB,CAAC;AAED,MAAMF,MAAM,GAAGN,UAAU,CAACS,MAAM,CAAC;EAC/BF,SAAS,EAAE;IACTG,IAAI,EAAE,CAAC;IACPC,eAAe,EAAET,MAAM,CAACU,UAAU,CAACC,GAAG;IACtCC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDP,KAAK,EAAE;IACLQ,KAAK,EAAEd,MAAM,CAACe,OAAO,CAACC,UAAU,CAACC,IAAI;IACrCC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,OAAO;IACnBC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}

package/lib/module/components/HMSPreviewEditName.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { StyleSheet, TextInput } from 'react-native';
+import { Platform, StyleSheet, TextInput } from 'react-native';
 import { useDispatch, useSelector } from 'react-redux';
 import { COLORS } from '../utils/theme';
 import { changeUsername } from '../redux/actions';
@@ -7,13 +7,15 @@ import { useHMSConfig } from '../hooks-util';
 export const HMSPreviewEditName = () => {
   const dispatch = useDispatch();
   const {
-    clearConfig
+    updateConfig
   } = useHMSConfig();
   const userName = useSelector(state => state.user.userName);
   const [inputFocused, setInputFocused] = React.useState(false);
   const handleNameChange = name => {
     dispatch(changeUsername(name));
-    clearConfig();
+    updateConfig({
+      username: name
+    });
   };
   const handleInputFocus = () => setInputFocused(true);
   const handleInputBlur = () => setInputFocused(false);
@@ -21,7 +23,7 @@ export const HMSPreviewEditName = () => {
     style: [styles.input, inputFocused ? styles.focusedInput : null],
     value: userName,
     onChangeText: handleNameChange,
-    placeholder: "Name",
+    placeholder: "Enter Name...",
     autoCapitalize: "words",
     autoCompleteType: "name",
     placeholderTextColor: COLORS.SURFACE.ON_SURFACE.LOW,
@@ -33,13 +35,14 @@ export const HMSPreviewEditName = () => {
 const styles = StyleSheet.create({
   input: {
     flex: 1,
+    height: 50,
     textAlignVertical: 'center',
     backgroundColor: COLORS.SURFACE.DEFAULT,
     paddingHorizontal: 16,
-    paddingVertical: 12,
     borderRadius: 8,
     color: COLORS.SURFACE.ON_SURFACE.HIGH,
     fontSize: 16,
+    lineHeight: Platform.OS === 'android' ? 24 : undefined,
     fontFamily: 'Inter',
     fontWeight: '400',
     letterSpacing: 0.5,

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","TextInput","useDispatch","useSelector","COLORS","changeUsername","useHMSConfig","HMSPreviewEditName","dispatch","clearConfig","userName","state","user","inputFocused","setInputFocused","useState","handleNameChange","name","handleInputFocus","handleInputBlur","createElement","style","styles","input","focusedInput","value","onChangeText","placeholder","autoCapitalize","autoCompleteType","placeholderTextColor","SURFACE","ON_SURFACE","LOW","selectionColor","HIGH","onFocus","onBlur","create","flex","textAlignVertical","backgroundColor","DEFAULT","paddingHorizontal","paddingVertical","borderRadius","color","fontSize","fontFamily","fontWeight","letterSpacing","borderWidth","borderColor","PRIMARY"],"sourceRoot":"../../../src","sources":["components/HMSPreviewEditName.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,SAAS,QAAQ,cAAc;AACpD,SAASC,WAAW,EAAEC,WAAW,QAAQ,aAAa;AAEtD,SAASC,MAAM,QAAQ,gBAAgB;AAEvC,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,YAAY,QAAQ,eAAe;AAI5C,OAAO,MAAMC,kBAAqD,GAAGA,CAAA,KAAM;EACzE,MAAMC,QAAQ,GAAGN,WAAW,CAAC,CAAC;EAC9B,MAAM;IAAEO;EAAY,CAAC,GAAGH,YAAY,CAAC,CAAC;EACtC,MAAMI,QAAQ,GAAGP,WAAW,CAAEQ,KAAgB,IAAKA,KAAK,CAACC,IAAI,CAACF,QAAQ,CAAC;EACvE,MAAM,CAACG,YAAY,EAAEC,eAAe,CAAC,GAAGf,KAAK,CAACgB,QAAQ,CAAC,KAAK,CAAC;EAE7D,MAAMC,gBAAgB,GAAIC,IAAY,IAAK;IACzCT,QAAQ,CAACH,cAAc,CAACY,IAAI,CAAC,CAAC;IAC9BR,WAAW,CAAC,CAAC;EACf,CAAC;EAED,MAAMS,gBAAgB,GAAGA,CAAA,KAAMJ,eAAe,CAAC,IAAI,CAAC;EAEpD,MAAMK,eAAe,GAAGA,CAAA,KAAML,eAAe,CAAC,KAAK,CAAC;EAEpD,oBACEf,KAAA,CAAAqB,aAAA,CAACnB,SAAS;IACRoB,KAAK,EAAE,CAACC,MAAM,CAACC,KAAK,EAAEV,YAAY,GAAGS,MAAM,CAACE,YAAY,GAAG,IAAI,CAAE;IACjEC,KAAK,EAAEf,QAAS;IAChBgB,YAAY,EAAEV,gBAAiB;IAC/BW,WAAW,EAAC,MAAM;IAClBC,cAAc,EAAC,OAAO;IACtBC,gBAAgB,EAAC,MAAM;IACvBC,oBAAoB,EAAE1B,MAAM,CAAC2B,OAAO,CAACC,UAAU,CAACC,GAAI;IACpDC,cAAc,EAAE9B,MAAM,CAAC2B,OAAO,CAACC,UAAU,CAACG,IAAK;IAC/CC,OAAO,EAAElB,gBAAiB;IAC1BmB,MAAM,EAAElB;EAAgB,CACzB,CAAC;AAEN,CAAC;AAED,MAAMG,MAAM,GAAGtB,UAAU,CAACsC,MAAM,CAAC;EAC/Bf,KAAK,EAAE;IACLgB,IAAI,EAAE,CAAC;IACPC,iBAAiB,EAAE,QAAQ;IAC3BC,eAAe,EAAErC,MAAM,CAAC2B,OAAO,CAACW,OAAO;IACvCC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,EAAE;IACnBC,YAAY,EAAE,CAAC;IACfC,KAAK,EAAE1C,MAAM,CAAC2B,OAAO,CAACC,UAAU,CAACG,IAAI;IACrCY,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,OAAO;IACnBC,UAAU,EAAE,KAAK;IACjBC,aAAa,EAAE,GAAG;IAClBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEhD,MAAM,CAAC2B,OAAO,CAACW;EAC9B,CAAC;EACDlB,YAAY,EAAE;IACZ4B,WAAW,EAAEhD,MAAM,CAACiD,OAAO,CAACX,OAAO;IACnCS,WAAW,EAAE;EACf;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","Platform","StyleSheet","TextInput","useDispatch","useSelector","COLORS","changeUsername","useHMSConfig","HMSPreviewEditName","dispatch","updateConfig","userName","state","user","inputFocused","setInputFocused","useState","handleNameChange","name","username","handleInputFocus","handleInputBlur","createElement","style","styles","input","focusedInput","value","onChangeText","placeholder","autoCapitalize","autoCompleteType","placeholderTextColor","SURFACE","ON_SURFACE","LOW","selectionColor","HIGH","onFocus","onBlur","create","flex","height","textAlignVertical","backgroundColor","DEFAULT","paddingHorizontal","borderRadius","color","fontSize","lineHeight","OS","undefined","fontFamily","fontWeight","letterSpacing","borderWidth","borderColor","PRIMARY"],"sourceRoot":"../../../src","sources":["components/HMSPreviewEditName.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,EAAEC,UAAU,EAAEC,SAAS,QAAQ,cAAc;AAC9D,SAASC,WAAW,EAAEC,WAAW,QAAQ,aAAa;AAEtD,SAASC,MAAM,QAAQ,gBAAgB;AAEvC,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,YAAY,QAAQ,eAAe;AAI5C,OAAO,MAAMC,kBAAqD,GAAGA,CAAA,KAAM;EACzE,MAAMC,QAAQ,GAAGN,WAAW,CAAC,CAAC;EAC9B,MAAM;IAAEO;EAAa,CAAC,GAAGH,YAAY,CAAC,CAAC;EACvC,MAAMI,QAAQ,GAAGP,WAAW,CAAEQ,KAAgB,IAAKA,KAAK,CAACC,IAAI,CAACF,QAAQ,CAAC;EACvE,MAAM,CAACG,YAAY,EAAEC,eAAe,CAAC,GAAGhB,KAAK,CAACiB,QAAQ,CAAC,KAAK,CAAC;EAE7D,MAAMC,gBAAgB,GAAIC,IAAY,IAAK;IACzCT,QAAQ,CAACH,cAAc,CAACY,IAAI,CAAC,CAAC;IAC9BR,YAAY,CAAC;MAAES,QAAQ,EAAED;IAAK,CAAC,CAAC;EAClC,CAAC;EAED,MAAME,gBAAgB,GAAGA,CAAA,KAAML,eAAe,CAAC,IAAI,CAAC;EAEpD,MAAMM,eAAe,GAAGA,CAAA,KAAMN,eAAe,CAAC,KAAK,CAAC;EAEpD,oBACEhB,KAAA,CAAAuB,aAAA,CAACpB,SAAS;IACRqB,KAAK,EAAE,CAACC,MAAM,CAACC,KAAK,EAAEX,YAAY,GAAGU,MAAM,CAACE,YAAY,GAAG,IAAI,CAAE;IACjEC,KAAK,EAAEhB,QAAS;IAChBiB,YAAY,EAAEX,gBAAiB;IAC/BY,WAAW,EAAC,eAAe;IAC3BC,cAAc,EAAC,OAAO;IACtBC,gBAAgB,EAAC,MAAM;IACvBC,oBAAoB,EAAE3B,MAAM,CAAC4B,OAAO,CAACC,UAAU,CAACC,GAAI;IACpDC,cAAc,EAAE/B,MAAM,CAAC4B,OAAO,CAACC,UAAU,CAACG,IAAK;IAC/CC,OAAO,EAAElB,gBAAiB;IAC1BmB,MAAM,EAAElB;EAAgB,CACzB,CAAC;AAEN,CAAC;AAED,MAAMG,MAAM,GAAGvB,UAAU,CAACuC,MAAM,CAAC;EAC/Bf,KAAK,EAAE;IACLgB,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,EAAE;IACVC,iBAAiB,EAAE,QAAQ;IAC3BC,eAAe,EAAEvC,MAAM,CAAC4B,OAAO,CAACY,OAAO;IACvCC,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAE,CAAC;IACfC,KAAK,EAAE3C,MAAM,CAAC4B,OAAO,CAACC,UAAU,CAACG,IAAI;IACrCY,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAElD,QAAQ,CAACmD,EAAE,KAAK,SAAS,GAAG,EAAE,GAAGC,SAAS;IACtDC,UAAU,EAAE,OAAO;IACnBC,UAAU,EAAE,KAAK;IACjBC,aAAa,EAAE,GAAG;IAClBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEpD,MAAM,CAAC4B,OAAO,CAACY;EAC9B,CAAC;EACDnB,YAAY,EAAE;IACZ+B,WAAW,EAAEpD,MAAM,CAACqD,OAAO,CAACb,OAAO;IACnCW,WAAW,EAAE;EACf;AACF,CAAC,CAAC"}

package/lib/module/components/HMSPreviewHLSLiveIndicator.js

@@ -0,0 +1,55 @@
+import * as React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { useSelector } from 'react-redux';
+import { COLORS } from '../utils/theme';
+export const HMSPreviewHLSLiveIndicator = () => {
+  const isHLSStreaming = 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;
+  });
+  if (!isHLSStreaming) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.circleContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.circle
+  })), /*#__PURE__*/React.createElement(Text, {
+    style: styles.text
+  }, "LIVE"));
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderRadius: 20,
+    backgroundColor: COLORS.ALERT.ERROR.DEFAULT,
+    paddingLeft: 8,
+    paddingRight: 12,
+    marginRight: 8
+  },
+  circleContainer: {
+    width: 20,
+    height: 20,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  circle: {
+    width: 12,
+    height: 12,
+    borderRadius: 6,
+    backgroundColor: COLORS.WHITE
+  },
+  text: {
+    marginLeft: 4,
+    color: COLORS.SURFACE.ON_SURFACE.HIGH,
+    fontSize: 14,
+    fontFamily: 'Inter',
+    fontWeight: '600',
+    lineHeight: 20,
+    letterSpacing: 0.25
+  }
+});
+//# sourceMappingURL=HMSPreviewHLSLiveIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","useSelector","COLORS","HMSPreviewHLSLiveIndicator","isHLSStreaming","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","running","createElement","style","styles","container","circleContainer","circle","text","create","flexDirection","alignItems","borderRadius","backgroundColor","ALERT","ERROR","DEFAULT","paddingLeft","paddingRight","marginRight","width","height","justifyContent","WHITE","marginLeft","color","SURFACE","ON_SURFACE","HIGH","fontSize","fontFamily","fontWeight","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["components/HMSPreviewHLSLiveIndicator.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACrD,SAASC,WAAW,QAAQ,aAAa;AAEzC,SAASC,MAAM,QAAQ,gBAAgB;AAGvC,OAAO,MAAMC,0BAA0B,GAAGA,CAAA,KAAM;EAC9C,MAAMC,cAAc,GAAGH,WAAW,CAC/BI,KAAgB;IAAA,IAAAC,qBAAA;IAAA,QAAAA,qBAAA,GAAKD,KAAK,CAACE,SAAS,CAACC,IAAI,cAAAF,qBAAA,gBAAAA,qBAAA,GAApBA,qBAAA,CAAsBG,iBAAiB,cAAAH,qBAAA,uBAAvCA,qBAAA,CAAyCI,OAAO;EAAA,CACxE,CAAC;EAED,IAAI,CAACN,cAAc,EAAE;IACnB,OAAO,IAAI;EACb;EAEA,oBACEP,KAAA,CAAAc,aAAA,CAACb,IAAI;IAACc,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BjB,KAAA,CAAAc,aAAA,CAACb,IAAI;IAACc,KAAK,EAAEC,MAAM,CAACE;EAAgB,gBAClClB,KAAA,CAAAc,aAAA,CAACb,IAAI;IAACc,KAAK,EAAEC,MAAM,CAACG;EAAO,CAAE,CACzB,CAAC,eACPnB,KAAA,CAAAc,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACI;EAAK,GAAC,MAAU,CAChC,CAAC;AAEX,CAAC;AAED,MAAMJ,MAAM,GAAGb,UAAU,CAACkB,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAEpB,MAAM,CAACqB,KAAK,CAACC,KAAK,CAACC,OAAO;IAC3CC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE;EACf,CAAC;EACDb,eAAe,EAAE;IACfc,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVV,UAAU,EAAE,QAAQ;IACpBW,cAAc,EAAE;EAClB,CAAC;EACDf,MAAM,EAAE;IACNa,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVT,YAAY,EAAE,CAAC;IACfC,eAAe,EAAEpB,MAAM,CAAC8B;EAC1B,CAAC;EACDf,IAAI,EAAE;IACJgB,UAAU,EAAE,CAAC;IACbC,KAAK,EAAEhC,MAAM,CAACiC,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;AACF,CAAC,CAAC"}

package/lib/module/components/HMSPreviewJoinButton.js

@@ -1,28 +1,35 @@
 import * as React from 'react';
 import { ActivityIndicator, StyleSheet, Text, TouchableHighlight } from 'react-native';
+import { useSelector } from 'react-redux';
 import { COLORS } from '../utils/theme';
+import { RadioIcon } from '../Icons';
+import { useShouldGoLive } from '../hooks-util';
 export const HMSPreviewJoinButton = _ref => {
   let {
     loading,
     onJoin
   } = _ref;
+  const userNameInvalid = useSelector(state => state.user.userName.length <= 0);
+  const shouldGoLive = useShouldGoLive();
+  const disabledJoin = userNameInvalid || loading;
   return /*#__PURE__*/React.createElement(TouchableHighlight, {
     underlayColor: COLORS.PRIMARY.DARK,
-    style: styles.button,
+    style: [styles.button, disabledJoin ? styles.disabledButton : null],
     onPress: onJoin,
-    disabled: loading
+    disabled: disabledJoin
   }, /*#__PURE__*/React.createElement(React.Fragment, null, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
     size: 'small',
     color: COLORS.BASE.WHITE,
     style: styles.loader
+  }) : null, shouldGoLive ? /*#__PURE__*/React.createElement(RadioIcon, {
+    style: [loading ? styles.hiddenView : null, disabledJoin ? styles.disabledIcon : null]
   }) : null, /*#__PURE__*/React.createElement(Text, {
-    style: [styles.text, {
-      opacity: loading ? 0 : undefined
-    }]
-  }, 'Join')));
+    style: [styles.text, loading ? styles.hiddenView : null, disabledJoin ? styles.disabledText : null]
+  }, shouldGoLive ? 'Go Live' : 'Join Now')));
 };
 const styles = StyleSheet.create({
   button: {
+    flexDirection: 'row',
     paddingHorizontal: 16,
     paddingVertical: 8,
     borderRadius: 8,
@@ -42,6 +49,18 @@ const styles = StyleSheet.create({
   },
   loader: {
     position: 'absolute'
+  },
+  disabledButton: {
+    backgroundColor: COLORS.PRIMARY.DISABLED
+  },
+  disabledIcon: {
+    tintColor: COLORS.PRIMARY.ON_PRIMARY.LOW
+  },
+  disabledText: {
+    color: COLORS.PRIMARY.ON_PRIMARY.LOW
+  },
+  hiddenView: {
+    opacity: 0
   }
 });
 //# sourceMappingURL=HMSPreviewJoinButton.js.map