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

package/lib/module/components/HMSManageAudioOutput.js

@@ -1,14 +1,12 @@
 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';
+import { useHMSInstance, useHMSRoomStyleSheet } from '../hooks-util';
+import { BottomSheet } from './BottomSheet';
 export const HMSManageAudioOutput = () => {
   const hmsInstance = useHMSInstance();
   const [settingsModalVisible, setSettingsModalVisible] = React.useState(false);
@@ -82,85 +80,56 @@ export const HMSManageAudioOutput = () => {
     hmsInstance.switchAudioOutput(device);
     setSettingsModalVisible(false);
   };
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    headerText: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-Medium`
+    },
+    text: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    divider: {
+      backgroundColor: theme.palette.border_default
+    }
+  }));
   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, {
+  }) : getIcon(currentAudioOutputDevice || HMSAudioDevice.AUTOMATIC)), /*#__PURE__*/React.createElement(BottomSheet, {
     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, {
+    dismissModal: dismissModal
+  }, /*#__PURE__*/React.createElement(BottomSheet.Header, {
+    dismissModal: dismissModal,
+    heading: "Audio Output"
+  }), /*#__PURE__*/React.createElement(BottomSheet.Divider, null), /*#__PURE__*/React.createElement(View, {
+    style: styles.contentContainer
+  }, availableAudioOutputDevices.length === 0 ? /*#__PURE__*/React.createElement(View, {
     style: styles.emptyView
   }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.itemText
+    style: [styles.itemText, hmsRoomStyles.text]
   }, "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)))))));
+  }, availableAudioOutputDevices.sort((a, b) => audioDeviceSortOrder[a] - audioDeviceSortOrder[b]).map((device, index) => {
+    const isFirst = index === 0;
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: device
+    }, isFirst ? null : /*#__PURE__*/React.createElement(View, {
+      style: [styles.divider, hmsRoomStyles.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, hmsRoomStyles.text]
+    }, 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
+  contentContainer: {
+    marginHorizontal: 24
   },
   itemTextWrapper: {
     flexDirection: 'row',
@@ -169,10 +138,7 @@ const styles = StyleSheet.create({
   },
   itemText: {
     marginHorizontal: 16,
-    color: COLORS.SURFACE.ON_SURFACE.HIGH,
     fontSize: 14,
-    fontFamily: 'Inter',
-    fontWeight: '600',
     lineHeight: 20,
     letterSpacing: 0.1
   },
@@ -188,8 +154,7 @@ const styles = StyleSheet.create({
     paddingVertical: 20
   },
   divider: {
-    height: 1,
-    backgroundColor: COLORS.BORDER.DEFAULT
+    height: 1
   }
 });
 const getIcon = ofDevice => {

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

@@ -1 +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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"}
+{"version":3,"names":["React","Platform","ScrollView","StyleSheet","Text","TouchableOpacity","View","Toast","useSelector","HMSUpdateListenerActions","HMSAudioDevice","AnswerPhoneIcon","BluetoothIcon","CheckIcon","HeadphonesIcon","SpeakerIcon","WaveIcon","PressableIcon","useHMSInstance","useHMSRoomStyleSheet","BottomSheet","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","hmsRoomStyles","theme","typography","headerText","color","palette","on_surface_high","fontFamily","font_family","text","divider","backgroundColor","border_default","createElement","onPress","muted","getIcon","AUTOMATIC","isVisible","Header","heading","Divider","style","styles","contentContainer","emptyView","itemText","showsVerticalScrollIndicator","sort","a","b","audioDeviceSortOrder","map","index","isFirst","Fragment","key","audioDeviceItem","itemTextWrapper","getDescription","create","marginHorizontal","flexDirection","alignItems","justifyContent","fontSize","lineHeight","letterSpacing","height","paddingVertical","ofDevice","BLUETOOTH","EARPIECE","SPEAKER_PHONE","WIRED_HEADSET","currentDevice"],"sourceRoot":"../../../src","sources":["components/HMSManageAudioOutput.tsx"],"mappings":"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"}

package/lib/module/components/HMSManageCameraRotation.js

@@ -2,8 +2,8 @@ import * as React from 'react';
 import { useSelector } from 'react-redux';
 import { RotateCameraIcon } from '../Icons';
 import { useCanPublishVideo, useHMSActions } from '../hooks-sdk';
-import { COLORS } from '../utils/theme';
 import { PressableIcon } from './PressableIcon';
+import { useHMSRoomStyle } from '../hooks-util';
 export const HMSManageCameraRotation = () => {
   const canPublishVideo = useCanPublishVideo();
   if (!canPublishVideo) {
@@ -21,13 +21,14 @@ const RotateCameraButton = () => {
     }
     await hmsActions.switchCamera();
   };
+  const cameraIconStyles = useHMSRoomStyle(theme => ({
+    tintColor: isLocalVideoMuted ? theme.palette.on_surface_low : theme.palette.on_surface_high
+  }), [isLocalVideoMuted]);
   return /*#__PURE__*/React.createElement(PressableIcon, {
     onPress: handleVideoMuteTogglePress,
     disabled: isLocalVideoMuted
   }, /*#__PURE__*/React.createElement(RotateCameraIcon, {
-    style: {
-      tintColor: isLocalVideoMuted ? COLORS.SURFACE.ON_SURFACE.LOW : COLORS.SURFACE.ON_SURFACE.HIGH
-    }
+    style: cameraIconStyles
   }));
 };
 //# sourceMappingURL=HMSManageCameraRotation.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useSelector","RotateCameraIcon","useCanPublishVideo","useHMSActions","COLORS","PressableIcon","HMSManageCameraRotation","canPublishVideo","createElement","RotateCameraButton","hmsActions","isLocalVideoMuted","state","hmsStates","handleVideoMuteTogglePress","switchCamera","onPress","disabled","style","tintColor","SURFACE","ON_SURFACE","LOW","HIGH"],"sourceRoot":"../../../src","sources":["components/HMSManageCameraRotation.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;AAEzC,SAASC,gBAAgB,QAAQ,UAAU;AAC3C,SAASC,kBAAkB,EAAEC,aAAa,QAAQ,cAAc;AAEhE,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,aAAa,QAAQ,iBAAiB;AAE/C,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;EAC3C,MAAMC,eAAe,GAAGL,kBAAkB,CAAC,CAAC;EAE5C,IAAI,CAACK,eAAe,EAAE;IACpB,OAAO,IAAI;EACb;EAEA,oBAAOR,KAAA,CAAAS,aAAA,CAACC,kBAAkB,MAAE,CAAC;AAC/B,CAAC;AAED,MAAMA,kBAAkB,GAAGA,CAAA,KAAM;EAC/B,MAAMC,UAAU,GAAGP,aAAa,CAAC,CAAC;EAClC;EACA,MAAMQ,iBAAiB,GAAGX,WAAW,CAClCY,KAAgB,IAAKA,KAAK,CAACC,SAAS,CAACF,iBACxC,CAAC;EAED,MAAMG,0BAA0B,GAAG,MAAAA,CAAA,KAAY;IAC7C,IAAIH,iBAAiB,EAAE;MACrB;IACF;IACA,MAAMD,UAAU,CAACK,YAAY,CAAC,CAAC;EACjC,CAAC;EAED,oBACEhB,KAAA,CAAAS,aAAA,CAACH,aAAa;IACZW,OAAO,EAAEF,0BAA2B;IACpCG,QAAQ,EAAEN;EAAkB,gBAE5BZ,KAAA,CAAAS,aAAA,CAACP,gBAAgB;IACfiB,KAAK,EAAE;MACLC,SAAS,EAAER,iBAAiB,GACxBP,MAAM,CAACgB,OAAO,CAACC,UAAU,CAACC,GAAG,GAC7BlB,MAAM,CAACgB,OAAO,CAACC,UAAU,CAACE;IAChC;EAAE,CACH,CACY,CAAC;AAEpB,CAAC"}
+{"version":3,"names":["React","useSelector","RotateCameraIcon","useCanPublishVideo","useHMSActions","PressableIcon","useHMSRoomStyle","HMSManageCameraRotation","canPublishVideo","createElement","RotateCameraButton","hmsActions","isLocalVideoMuted","state","hmsStates","handleVideoMuteTogglePress","switchCamera","cameraIconStyles","theme","tintColor","palette","on_surface_low","on_surface_high","onPress","disabled","style"],"sourceRoot":"../../../src","sources":["components/HMSManageCameraRotation.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;AAEzC,SAASC,gBAAgB,QAAQ,UAAU;AAC3C,SAASC,kBAAkB,EAAEC,aAAa,QAAQ,cAAc;AAEhE,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,eAAe,QAAQ,eAAe;AAE/C,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;EAC3C,MAAMC,eAAe,GAAGL,kBAAkB,CAAC,CAAC;EAE5C,IAAI,CAACK,eAAe,EAAE;IACpB,OAAO,IAAI;EACb;EAEA,oBAAOR,KAAA,CAAAS,aAAA,CAACC,kBAAkB,MAAE,CAAC;AAC/B,CAAC;AAED,MAAMA,kBAAkB,GAAGA,CAAA,KAAM;EAC/B,MAAMC,UAAU,GAAGP,aAAa,CAAC,CAAC;EAClC;EACA,MAAMQ,iBAAiB,GAAGX,WAAW,CAClCY,KAAgB,IAAKA,KAAK,CAACC,SAAS,CAACF,iBACxC,CAAC;EAED,MAAMG,0BAA0B,GAAG,MAAAA,CAAA,KAAY;IAC7C,IAAIH,iBAAiB,EAAE;MACrB;IACF;IACA,MAAMD,UAAU,CAACK,YAAY,CAAC,CAAC;EACjC,CAAC;EAED,MAAMC,gBAAgB,GAAGX,eAAe,CACrCY,KAAK,KAAM;IACVC,SAAS,EAAEP,iBAAiB,GACxBM,KAAK,CAACE,OAAO,CAACC,cAAc,GAC5BH,KAAK,CAACE,OAAO,CAACE;EACpB,CAAC,CAAC,EACF,CAACV,iBAAiB,CACpB,CAAC;EAED,oBACEZ,KAAA,CAAAS,aAAA,CAACJ,aAAa;IACZkB,OAAO,EAAER,0BAA2B;IACpCS,QAAQ,EAAEZ;EAAkB,gBAE5BZ,KAAA,CAAAS,aAAA,CAACP,gBAAgB;IAACuB,KAAK,EAAER;EAAiB,CAAE,CAC/B,CAAC;AAEpB,CAAC"}

package/lib/module/components/HMSManageLeave.js

@@ -1,15 +1,13 @@
 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 { useSelector } from 'react-redux';
-import { AlertIcon, LeaveIcon } from '../Icons';
-import { useLeaveMethods } from '../hooks-util';
-import { COLORS } from '../utils/theme';
+import { EndIcon, LeaveIcon } from '../Icons';
+import { useHMSRoomStyleSheet, useIsHLSViewer, useLeaveMethods } from '../hooks-util';
 import { ModalTypes } from '../utils/types';
-import { DefaultModal } from './DefaultModal';
-import { EndRoomModal, LeaveRoomModal } from './Modals';
 import { PressableIcon } from './PressableIcon';
+import { BottomSheet } from './BottomSheet';
+import { StopIcon } from '../Icons';
+import { EndRoomModalContent } from './EndRoomModalContent';
 export const HMSManageLeave = props => {
   // TODO: read current meeting joined state
   const isMeetingJoined = true;
@@ -20,22 +18,18 @@ export const HMSManageLeave = props => {
 };
 const LeaveButton = props => {
   const leavePopCloseAction = React.useRef(ModalTypes.DEFAULT);
+  const isHLSViewer = useIsHLSViewer();
   const [leavePopVisible, setLeavePopVisible] = React.useState(false);
   const [leaveModalType, setLeaveModalType] = React.useState(ModalTypes.DEFAULT);
-  const canEndRoom = useSelector(state => {
-    var _state$hmsStates$loca;
-    return (_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 || (_state$hmsStates$loca = _state$hmsStates$loca.role) === null || _state$hmsStates$loca === void 0 || (_state$hmsStates$loca = _state$hmsStates$loca.permissions) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.endRoom;
-  });
+  const {
+    leave
+  } = useLeaveMethods();
 
   /**
    * Opens the Leave Popup Menu
    */
   const handleLeaveButtonPress = () => {
-    if (canEndRoom) {
-      setLeavePopVisible(true);
-    } else {
-      setLeaveModalType(ModalTypes.LEAVE_ROOM);
-    }
+    setLeavePopVisible(true);
   };
 
   /**
@@ -43,8 +37,8 @@ const LeaveButton = props => {
    * Leave Modal will open after the popup is hidden
    */
   const handleLeavePress = () => {
-    leavePopCloseAction.current = ModalTypes.LEAVE_ROOM;
     setLeavePopVisible(false);
+    leave();
   };
 
   /**
@@ -72,47 +66,42 @@ const LeaveButton = props => {
     setLeaveModalType(leavePopCloseAction.current);
   };
   const dismissModal = () => setLeaveModalType(ModalTypes.DEFAULT);
-  const {
-    leave,
-    endRoom
-  } = useLeaveMethods();
-  const leaveIconDelegate = 'leaveIconDelegate' in props && props.leaveIconDelegate ? props.leaveIconDelegate : /*#__PURE__*/React.createElement(LeaveIcon, null);
+  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
+    button: {
+      backgroundColor: theme.palette.alert_error_default,
+      borderColor: theme.palette.alert_error_default
+    },
+    icon: {
+      tintColor: theme.palette.alert_error_brighter
+    }
+  }));
+  const leaveIconDelegate = 'leaveIconDelegate' in props && props.leaveIconDelegate ? props.leaveIconDelegate : isHLSViewer ? /*#__PURE__*/React.createElement(LeaveIcon, {
+    style: hmsRoomStyles.icon
+  }) : /*#__PURE__*/React.createElement(EndIcon, {
+    style: hmsRoomStyles.icon
+  });
   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, {
     onPress: handleLeaveButtonPress,
-    style: styles.button
-  }), /*#__PURE__*/React.createElement(LeavePopup, {
+    style: hmsRoomStyles.button
+  }), /*#__PURE__*/React.createElement(LeaveBottomSheet, {
     isVisible: leavePopVisible,
     onEndSessionPress: handleEndSessionPress,
     onLeavePress: handleLeavePress,
     onPopupDismiss: dismissPopup,
     onPopupHide: handlePopupHide
-  }), /*#__PURE__*/React.createElement(DefaultModal, {
-    modalPosiion: "center",
-    modalVisible: leaveModalType === ModalTypes.LEAVE_ROOM,
-    setModalVisible: dismissModal
-  }, /*#__PURE__*/React.createElement(LeaveRoomModal, {
-    onSuccess: leave,
-    cancelModal: dismissModal
-  })), /*#__PURE__*/React.createElement(DefaultModal, {
-    modalPosiion: "center",
-    modalVisible: leaveModalType === ModalTypes.END_ROOM,
-    setModalVisible: dismissModal
-  }, /*#__PURE__*/React.createElement(EndRoomModal, {
-    onSuccess: endRoom,
-    cancelModal: dismissModal
+  }), /*#__PURE__*/React.createElement(BottomSheet, {
+    dismissModal: dismissModal,
+    isVisible: leaveModalType === ModalTypes.END_ROOM,
+    animationOutTiming: 700
+  }, /*#__PURE__*/React.createElement(EndRoomModalContent, {
+    dismissModal: dismissModal
   })));
 };
-const HEADER_CONTENT_HEIGHT = 24 + 8 + 8 + 2; // ICON_SIZE + TOP_PADDING + BOTTOM_PADDING + TOP&BOTTOM_BORDER_WIDTH
-const HEADER_HEIGHT = 8 + HEADER_CONTENT_HEIGHT + 8; // TOP_HEADER_PADDING + HEADER_CONTENT_HEIGHT + BOTTOM_HEADER_PADDING
 
-const styles = StyleSheet.create({
-  button: {
-    backgroundColor: COLORS.ALERT.ERROR.DEFAULT,
-    borderColor: COLORS.ALERT.ERROR.DEFAULT
-  }
-});
-const LeavePopup = _ref => {
+// const HEADER_CONTENT_HEIGHT = 24 + 8 + 8 + 2; // ICON_SIZE + TOP_PADDING + BOTTOM_PADDING + TOP&BOTTOM_BORDER_WIDTH
+// const HEADER_HEIGHT = 8 + HEADER_CONTENT_HEIGHT + 8; // TOP_HEADER_PADDING + HEADER_CONTENT_HEIGHT + BOTTOM_HEADER_PADDING
+const LeaveBottomSheet = _ref => {
   let {
     isVisible,
     onPopupDismiss,
@@ -120,104 +109,90 @@ const LeavePopup = _ref => {
     onEndSessionPress,
     onPopupHide
   } = _ref;
-  const safeAreaInsets = useSafeAreaInsets();
   const canEndRoom = useSelector(state => {
-    var _state$hmsStates$loca2;
-    return (_state$hmsStates$loca2 = state.hmsStates.localPeer) === null || _state$hmsStates$loca2 === void 0 || (_state$hmsStates$loca2 = _state$hmsStates$loca2.role) === null || _state$hmsStates$loca2 === void 0 || (_state$hmsStates$loca2 = _state$hmsStates$loca2.permissions) === null || _state$hmsStates$loca2 === void 0 ? void 0 : _state$hmsStates$loca2.endRoom;
+    var _state$hmsStates$loca;
+    return (_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 || (_state$hmsStates$loca = _state$hmsStates$loca.role) === null || _state$hmsStates$loca === void 0 || (_state$hmsStates$loca = _state$hmsStates$loca.permissions) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.endRoom;
   });
-  return /*#__PURE__*/React.createElement(Modal, {
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    text: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    subtext: {
+      color: theme.palette.on_surface_low,
+      fontFamily: `${typography.font_family}-Regular`
+    },
+    endButton: {
+      backgroundColor: theme.palette.alert_error_dim
+    },
+    endText: {
+      color: theme.palette.alert_error_brighter,
+      fontFamily: `${typography.font_family}-SemiBold`
+    },
+    endSubtext: {
+      color: theme.palette.alert_error_bright,
+      fontFamily: `${typography.font_family}-Regular`
+    },
+    endIcon: {
+      tintColor: theme.palette.alert_error_brighter
+    }
+  }));
+  return /*#__PURE__*/React.createElement(BottomSheet, {
     isVisible: isVisible,
-    animationIn: 'fadeIn',
-    animationOut: 'fadeOut',
-    backdropColor: COLORS.BACKGROUND.DIM,
-    backdropOpacity: 0,
-    onBackButtonPress: onPopupDismiss,
-    onBackdropPress: onPopupDismiss,
-    useNativeDriver: true,
+    containerStyle: leavePopupStyles.container,
+    dismissModal: onPopupDismiss,
     onModalHide: onPopupHide,
-    useNativeDriverForBackdrop: true,
-    hideModalContentWhileAnimating: true,
-    style: leavePopupStyles.modal
-  }, /*#__PURE__*/React.createElement(View, {
-    style: [leavePopupStyles.leavePopupContent, {
-      marginTop: safeAreaInsets.top + HEADER_HEIGHT,
-      marginLeft: safeAreaInsets.left + 16 - 1,
-      // LEFT_HEADER_PADDING - HEADER_BORDER_WIDTH,
-      marginRight: safeAreaInsets.right,
-      marginBottom: safeAreaInsets.bottom
-    }]
-  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: leavePopupStyles.leaveButton,
+    animationOutTiming: 700
+  }, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: leavePopupStyles.button,
     onPress: onLeavePress
   }, /*#__PURE__*/React.createElement(LeaveIcon, {
-    style: leavePopupStyles.leaveButtonIcon
-  }), /*#__PURE__*/React.createElement(Text, {
-    style: leavePopupStyles.leaveButtonText
-  }, "Leave Studio")), canEndRoom ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
-    style: leavePopupStyles.divider
-  }), /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: leavePopupStyles.endRoomButton,
+    style: leavePopupStyles.icon
+  }), /*#__PURE__*/React.createElement(View, {
+    style: leavePopupStyles.textContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [leavePopupStyles.text, hmsRoomStyles.text]
+  }, "Leave"), /*#__PURE__*/React.createElement(Text, {
+    style: [leavePopupStyles.subtext, hmsRoomStyles.subtext]
+  }, "Others will continue after you leave. You can join the session again."))), canEndRoom ? /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [leavePopupStyles.button, hmsRoomStyles.endButton],
     onPress: onEndSessionPress
-  }, /*#__PURE__*/React.createElement(AlertIcon, {
-    style: leavePopupStyles.endRoomIcon
-  }), /*#__PURE__*/React.createElement(Text, {
-    style: leavePopupStyles.endRoomText
-  }, "End Session"))) : null));
+  }, /*#__PURE__*/React.createElement(StopIcon, {
+    style: [leavePopupStyles.icon, hmsRoomStyles.endIcon]
+  }), /*#__PURE__*/React.createElement(View, {
+    style: leavePopupStyles.textContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [leavePopupStyles.text, hmsRoomStyles.endText]
+  }, "End Stream"), /*#__PURE__*/React.createElement(Text, {
+    style: [leavePopupStyles.subtext, hmsRoomStyles.endSubtext]
+  }, "The stream & session will end for everyone. You can't undo this action."))) : null));
 };
 const leavePopupStyles = StyleSheet.create({
-  modal: {
-    margin: 0,
-    justifyContent: 'flex-start'
-  },
-  leavePopupContent: {
-    overflow: 'hidden',
-    width: 243,
-    backgroundColor: COLORS.SURFACE.DIM,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: COLORS.BORDER.BRIGHT
+  container: {
+    paddingBottom: 0
   },
-  leaveButton: {
+  button: {
     flexDirection: 'row',
-    paddingHorizontal: 8,
-    paddingVertical: 16
-  },
-  leaveButtonIcon: {
-    width: 20,
-    height: 20,
-    marginHorizontal: 8,
-    transform: [{
-      rotateY: '180deg'
-    }]
+    padding: 24
   },
-  leaveButtonText: {
-    color: COLORS.SURFACE.ON_SURFACE.HIGH,
-    fontSize: 14,
-    fontFamily: 'Inter',
-    fontWeight: '600',
-    lineHeight: 20
+  icon: {
+    width: 24,
+    height: 24,
+    marginRight: 16
   },
-  divider: {
-    height: 1,
-    backgroundColor: COLORS.BORDER.BRIGHT
-  },
-  endRoomButton: {
-    flexDirection: 'row',
-    backgroundColor: COLORS.ALERT.ERROR.DIM,
-    paddingHorizontal: 8,
-    paddingVertical: 16
+  textContainer: {
+    flex: 1
   },
-  endRoomIcon: {
-    width: 20,
-    height: 20,
-    marginHorizontal: 8
+  text: {
+    fontSize: 20,
+    lineHeight: 24,
+    letterSpacing: 0.15
   },
-  endRoomText: {
-    color: COLORS.ALERT.ERROR.BRIGHT,
+  subtext: {
     fontSize: 14,
-    fontFamily: 'Inter',
-    fontWeight: '600',
-    lineHeight: 20
+    lineHeight: 20,
+    letterSpacing: 0.25,
+    marginTop: 4
   }
 });
 //# sourceMappingURL=HMSManageLeave.js.map

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"names":["React","StyleSheet","Text","TouchableOpacity","View","useSelector","EndIcon","LeaveIcon","useHMSRoomStyleSheet","useIsHLSViewer","useLeaveMethods","ModalTypes","PressableIcon","BottomSheet","StopIcon","EndRoomModalContent","HMSManageLeave","props","isMeetingJoined","createElement","LeaveButton","leavePopCloseAction","useRef","DEFAULT","isHLSViewer","leavePopVisible","setLeavePopVisible","useState","leaveModalType","setLeaveModalType","leave","handleLeaveButtonPress","handleLeavePress","handleEndSessionPress","current","END_ROOM","dismissPopup","handlePopupHide","dismissModal","hmsRoomStyles","theme","button","backgroundColor","palette","alert_error_default","borderColor","icon","tintColor","alert_error_brighter","leaveIconDelegate","style","leaveButtonDelegate","cloneElement","onPress","LeaveBottomSheet","isVisible","onEndSessionPress","onLeavePress","onPopupDismiss","onPopupHide","animationOutTiming","_ref","canEndRoom","state","_state$hmsStates$loca","hmsStates","localPeer","role","permissions","endRoom","typography","text","color","on_surface_high","fontFamily","font_family","subtext","on_surface_low","endButton","alert_error_dim","endText","endSubtext","alert_error_bright","endIcon","containerStyle","leavePopupStyles","container","onModalHide","textContainer","create","paddingBottom","flexDirection","padding","width","height","marginRight","flex","fontSize","lineHeight","letterSpacing","marginTop"],"sourceRoot":"../../../src","sources":["components/HMSManageLeave.tsx"],"mappings":"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"}