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

package/lib/module/components/HMSManageLeave.js

@@ -1,15 +1,14 @@
 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 { EndIcon, LeaveIcon } from '../Icons';
+import { useHMSRoomStyleSheet, useIsHLSViewer, useLeaveMethods } from '../hooks-util';
 import { COLORS } from '../utils/theme';
 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,12 +19,16 @@ 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
@@ -43,8 +46,8 @@ const LeaveButton = props => {
    * Leave Modal will open after the popup is hidden
    */
   const handleLeavePress = () => {
-    leavePopCloseAction.current = ModalTypes.LEAVE_ROOM;
     setLeavePopVisible(false);
+    leave();
   };
 
   /**
@@ -72,39 +75,34 @@ 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 leaveIconDelegate = 'leaveIconDelegate' in props && props.leaveIconDelegate ? props.leaveIconDelegate : isHLSViewer ? /*#__PURE__*/React.createElement(LeaveIcon, {
+    style: {
+      transform: [{
+        rotateZ: '180 deg'
+      }]
+    }
+  }) : /*#__PURE__*/React.createElement(EndIcon, 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, {
     onPress: handleLeaveButtonPress,
     style: styles.button
-  }), /*#__PURE__*/React.createElement(LeavePopup, {
+  }), /*#__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 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: {
@@ -112,7 +110,7 @@ const styles = StyleSheet.create({
     borderColor: COLORS.ALERT.ERROR.DEFAULT
   }
 });
-const LeavePopup = _ref => {
+const LeaveBottomSheet = _ref => {
   let {
     isVisible,
     onPopupDismiss,
@@ -120,104 +118,93 @@ 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;
   });
-  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
+    padding: 24
   },
-  leaveButtonIcon: {
-    width: 20,
-    height: 20,
-    marginHorizontal: 8,
+  icon: {
+    width: 24,
+    height: 24,
+    marginRight: 16,
     transform: [{
       rotateY: '180deg'
     }]
   },
-  leaveButtonText: {
-    color: COLORS.SURFACE.ON_SURFACE.HIGH,
-    fontSize: 14,
-    fontFamily: 'Inter',
-    fontWeight: '600',
-    lineHeight: 20
-  },
-  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","COLORS","ModalTypes","PressableIcon","BottomSheet","StopIcon","EndRoomModalContent","HMSManageLeave","props","isMeetingJoined","createElement","LeaveButton","leavePopCloseAction","useRef","DEFAULT","isHLSViewer","leavePopVisible","setLeavePopVisible","useState","leaveModalType","setLeaveModalType","canEndRoom","state","_state$hmsStates$loca","hmsStates","localPeer","role","permissions","endRoom","leave","handleLeaveButtonPress","LEAVE_ROOM","handleLeavePress","handleEndSessionPress","current","END_ROOM","dismissPopup","handlePopupHide","dismissModal","leaveIconDelegate","style","transform","rotateZ","leaveButtonDelegate","cloneElement","onPress","styles","button","LeaveBottomSheet","isVisible","onEndSessionPress","onLeavePress","onPopupDismiss","onPopupHide","animationOutTiming","create","backgroundColor","ALERT","ERROR","borderColor","_ref","_state$hmsStates$loca2","hmsRoomStyles","theme","typography","text","color","palette","on_surface_high","fontFamily","font_family","subtext","on_surface_low","endButton","alert_error_dim","endText","alert_error_brighter","endSubtext","alert_error_bright","endIcon","tintColor","containerStyle","leavePopupStyles","container","onModalHide","icon","textContainer","paddingBottom","flexDirection","padding","width","height","marginRight","rotateY","flex","fontSize","lineHeight","letterSpacing","marginTop"],"sourceRoot":"../../../src","sources":["components/HMSManageLeave.tsx"],"mappings":"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"}

package/lib/module/components/HMSManageLocalAudio.js

@@ -1,9 +1,7 @@
 import * as React from 'react';
-import { StyleSheet } from 'react-native';
 import { useSelector } from 'react-redux';
 import { MicIcon } from '../Icons';
 import { useCanPublishAudio, useHMSActions } from '../hooks-sdk';
-import { COLORS } from '../utils/theme';
 import { PressableIcon } from './PressableIcon';
 export const HMSManageLocalAudio = () => {
   const canPublishAudio = useCanPublishAudio();
@@ -23,15 +21,9 @@ const ToggleAudioMuteButton = () => {
   };
   return /*#__PURE__*/React.createElement(PressableIcon, {
     onPress: handleAudioMuteTogglePress,
-    style: isLocalAudioMuted ? styles.mutedButton : undefined
+    active: isLocalAudioMuted
   }, /*#__PURE__*/React.createElement(MicIcon, {
     muted: !!isLocalAudioMuted
   }));
 };
-const styles = StyleSheet.create({
-  mutedButton: {
-    backgroundColor: COLORS.SECONDARY.DIM,
-    borderColor: COLORS.SECONDARY.DIM
-  }
-});
 //# sourceMappingURL=HMSManageLocalAudio.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","useSelector","MicIcon","useCanPublishAudio","useHMSActions","COLORS","PressableIcon","HMSManageLocalAudio","canPublishAudio","createElement","ToggleAudioMuteButton","hmsActions","isLocalAudioMuted","state","hmsStates","handleAudioMuteTogglePress","setLocalAudioEnabled","onPress","style","styles","mutedButton","undefined","muted","create","backgroundColor","SECONDARY","DIM","borderColor"],"sourceRoot":"../../../src","sources":["components/HMSManageLocalAudio.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,WAAW,QAAQ,aAAa;AAEzC,SAASC,OAAO,QAAQ,UAAU;AAClC,SAASC,kBAAkB,EAAEC,aAAa,QAAQ,cAAc;AAEhE,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,aAAa,QAAQ,iBAAiB;AAE/C,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAMC,eAAe,GAAGL,kBAAkB,CAAC,CAAC;EAE5C,IAAI,CAACK,eAAe,EAAE;IACpB,OAAO,IAAI;EACb;EAEA,oBAAOT,KAAA,CAAAU,aAAA,CAACC,qBAAqB,MAAE,CAAC;AAClC,CAAC;AAED,MAAMA,qBAAqB,GAAGA,CAAA,KAAM;EAClC,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;IACA;IACA,MAAMJ,UAAU,CAACK,oBAAoB,CAAC,CAACJ,iBAAiB,CAAC;EAC3D,CAAC;EAED,oBACEb,KAAA,CAAAU,aAAA,CAACH,aAAa;IACZW,OAAO,EAAEF,0BAA2B;IACpCG,KAAK,EAAEN,iBAAiB,GAAGO,MAAM,CAACC,WAAW,GAAGC;EAAU,gBAE1DtB,KAAA,CAAAU,aAAA,CAACP,OAAO;IAACoB,KAAK,EAAE,CAAC,CAACV;EAAkB,CAAE,CACzB,CAAC;AAEpB,CAAC;AAED,MAAMO,MAAM,GAAGnB,UAAU,CAACuB,MAAM,CAAC;EAC/BH,WAAW,EAAE;IACXI,eAAe,EAAEnB,MAAM,CAACoB,SAAS,CAACC,GAAG;IACrCC,WAAW,EAAEtB,MAAM,CAACoB,SAAS,CAACC;EAChC;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","useSelector","MicIcon","useCanPublishAudio","useHMSActions","PressableIcon","HMSManageLocalAudio","canPublishAudio","createElement","ToggleAudioMuteButton","hmsActions","isLocalAudioMuted","state","hmsStates","handleAudioMuteTogglePress","setLocalAudioEnabled","onPress","active","muted"],"sourceRoot":"../../../src","sources":["components/HMSManageLocalAudio.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;AAEzC,SAASC,OAAO,QAAQ,UAAU;AAClC,SAASC,kBAAkB,EAAEC,aAAa,QAAQ,cAAc;AAEhE,SAASC,aAAa,QAAQ,iBAAiB;AAE/C,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAMC,eAAe,GAAGJ,kBAAkB,CAAC,CAAC;EAE5C,IAAI,CAACI,eAAe,EAAE;IACpB,OAAO,IAAI;EACb;EAEA,oBAAOP,KAAA,CAAAQ,aAAA,CAACC,qBAAqB,MAAE,CAAC;AAClC,CAAC;AAED,MAAMA,qBAAqB,GAAGA,CAAA,KAAM;EAClC,MAAMC,UAAU,GAAGN,aAAa,CAAC,CAAC;EAClC;EACA,MAAMO,iBAAiB,GAAGV,WAAW,CAClCW,KAAgB,IAAKA,KAAK,CAACC,SAAS,CAACF,iBACxC,CAAC;EAED,MAAMG,0BAA0B,GAAG,MAAAA,CAAA,KAAY;IAC7C;IACA;IACA,MAAMJ,UAAU,CAACK,oBAAoB,CAAC,CAACJ,iBAAiB,CAAC;EAC3D,CAAC;EAED,oBACEX,KAAA,CAAAQ,aAAA,CAACH,aAAa;IACZW,OAAO,EAAEF,0BAA2B;IACpCG,MAAM,EAAEN;EAAkB,gBAE1BX,KAAA,CAAAQ,aAAA,CAACN,OAAO;IAACgB,KAAK,EAAE,CAAC,CAACP;EAAkB,CAAE,CACzB,CAAC;AAEpB,CAAC"}

package/lib/module/components/HMSManageLocalVideo.js

@@ -1,7 +1,5 @@
 import * as React from 'react';
-import { StyleSheet } from 'react-native';
 import { useSelector } from 'react-redux';
-import { COLORS } from '../utils/theme';
 import { useCanPublishVideo, useHMSActions } from '../hooks-sdk';
 import { PressableIcon } from './PressableIcon';
 import { CameraIcon } from '../Icons';
@@ -23,15 +21,9 @@ const ToggleVideoMuteButton = () => {
   };
   return /*#__PURE__*/React.createElement(PressableIcon, {
     onPress: handleVideoMuteTogglePress,
-    style: isLocalVideoMuted ? styles.mutedButton : undefined
+    active: isLocalVideoMuted
   }, /*#__PURE__*/React.createElement(CameraIcon, {
     muted: !!isLocalVideoMuted
   }));
 };
-const styles = StyleSheet.create({
-  mutedButton: {
-    backgroundColor: COLORS.SECONDARY.DIM,
-    borderColor: COLORS.SECONDARY.DIM
-  }
-});
 //# sourceMappingURL=HMSManageLocalVideo.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","useSelector","COLORS","useCanPublishVideo","useHMSActions","PressableIcon","CameraIcon","HMSManageLocalVideo","canPublishVideo","createElement","ToggleVideoMuteButton","hmsActions","isLocalVideoMuted","state","hmsStates","handleVideoMuteTogglePress","setLocalVideoEnabled","onPress","style","styles","mutedButton","undefined","muted","create","backgroundColor","SECONDARY","DIM","borderColor"],"sourceRoot":"../../../src","sources":["components/HMSManageLocalVideo.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,WAAW,QAAQ,aAAa;AAGzC,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,kBAAkB,EAAEC,aAAa,QAAQ,cAAc;AAChE,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,UAAU,QAAQ,UAAU;AAErC,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAMC,eAAe,GAAGL,kBAAkB,CAAC,CAAC;EAE5C,IAAI,CAACK,eAAe,EAAE;IACpB,OAAO,IAAI;EACb;EAEA,oBAAOT,KAAA,CAAAU,aAAA,CAACC,qBAAqB,MAAE,CAAC;AAClC,CAAC;AAED,MAAMA,qBAAqB,GAAGA,CAAA,KAAM;EAClC,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;IACA;IACA,MAAMJ,UAAU,CAACK,oBAAoB,CAAC,CAACJ,iBAAiB,CAAC;EAC3D,CAAC;EAED,oBACEb,KAAA,CAAAU,aAAA,CAACJ,aAAa;IACZY,OAAO,EAAEF,0BAA2B;IACpCG,KAAK,EAAEN,iBAAiB,GAAGO,MAAM,CAACC,WAAW,GAAGC;EAAU,gBAE1DtB,KAAA,CAAAU,aAAA,CAACH,UAAU;IAACgB,KAAK,EAAE,CAAC,CAACV;EAAkB,CAAE,CAC5B,CAAC;AAEpB,CAAC;AAED,MAAMO,MAAM,GAAGnB,UAAU,CAACuB,MAAM,CAAC;EAC/BH,WAAW,EAAE;IACXI,eAAe,EAAEtB,MAAM,CAACuB,SAAS,CAACC,GAAG;IACrCC,WAAW,EAAEzB,MAAM,CAACuB,SAAS,CAACC;EAChC;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","useSelector","useCanPublishVideo","useHMSActions","PressableIcon","CameraIcon","HMSManageLocalVideo","canPublishVideo","createElement","ToggleVideoMuteButton","hmsActions","isLocalVideoMuted","state","hmsStates","handleVideoMuteTogglePress","setLocalVideoEnabled","onPress","active","muted"],"sourceRoot":"../../../src","sources":["components/HMSManageLocalVideo.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;AAGzC,SAASC,kBAAkB,EAAEC,aAAa,QAAQ,cAAc;AAChE,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,UAAU,QAAQ,UAAU;AAErC,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAMC,eAAe,GAAGL,kBAAkB,CAAC,CAAC;EAE5C,IAAI,CAACK,eAAe,EAAE;IACpB,OAAO,IAAI;EACb;EAEA,oBAAOP,KAAA,CAAAQ,aAAA,CAACC,qBAAqB,MAAE,CAAC;AAClC,CAAC;AAED,MAAMA,qBAAqB,GAAGA,CAAA,KAAM;EAClC,MAAMC,UAAU,GAAGP,aAAa,CAAC,CAAC;EAClC;EACA,MAAMQ,iBAAiB,GAAGV,WAAW,CAClCW,KAAgB,IAAKA,KAAK,CAACC,SAAS,CAACF,iBACxC,CAAC;EAED,MAAMG,0BAA0B,GAAG,MAAAA,CAAA,KAAY;IAC7C;IACA;IACA,MAAMJ,UAAU,CAACK,oBAAoB,CAAC,CAACJ,iBAAiB,CAAC;EAC3D,CAAC;EAED,oBACEX,KAAA,CAAAQ,aAAA,CAACJ,aAAa;IACZY,OAAO,EAAEF,0BAA2B;IACpCG,MAAM,EAAEN;EAAkB,gBAE1BX,KAAA,CAAAQ,aAAA,CAACH,UAAU;IAACa,KAAK,EAAE,CAAC,CAACP;EAAkB,CAAE,CAC5B,CAAC;AAEpB,CAAC"}

package/lib/module/components/HMSMeetingEnded.js

@@ -19,8 +19,7 @@ const styles = StyleSheet.create({
   title: {
     color: COLORS.SURFACE.ON_SURFACE.HIGH,
     fontSize: 24,
-    fontFamily: 'Inter',
-    fontWeight: '600',
+    fontFamily: 'Inter-SemiBold',
     lineHeight: 32
   }
 });

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

@@ -1 +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"}
+{"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","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,gBAAgB;IAC5BC,UAAU,EAAE;EACd;AACF,CAAC,CAAC"}

package/lib/module/components/HMSPreviewEditName.js

@@ -1,57 +1,23 @@
 import * as React from 'react';
-import { Platform, StyleSheet, TextInput } from 'react-native';
 import { useDispatch, useSelector } from 'react-redux';
-import { COLORS } from '../utils/theme';
 import { changeUsername } from '../redux/actions';
 import { useHMSConfig } from '../hooks-util';
+import { HMSTextInput } from './HMSTextInput';
 export const HMSPreviewEditName = () => {
   const dispatch = useDispatch();
   const {
     updateConfig
   } = useHMSConfig();
   const userName = useSelector(state => state.user.userName);
-  const [inputFocused, setInputFocused] = React.useState(false);
   const handleNameChange = name => {
     dispatch(changeUsername(name));
     updateConfig({
       username: name
     });
   };
-  const handleInputFocus = () => setInputFocused(true);
-  const handleInputBlur = () => setInputFocused(false);
-  return /*#__PURE__*/React.createElement(TextInput, {
-    style: [styles.input, inputFocused ? styles.focusedInput : null],
+  return /*#__PURE__*/React.createElement(HMSTextInput, {
     value: userName,
-    onChangeText: handleNameChange,
-    placeholder: "Enter Name...",
-    autoCapitalize: "words",
-    autoCompleteType: "name",
-    placeholderTextColor: COLORS.SURFACE.ON_SURFACE.LOW,
-    selectionColor: COLORS.SURFACE.ON_SURFACE.HIGH,
-    onFocus: handleInputFocus,
-    onBlur: handleInputBlur
+    onChangeText: handleNameChange
   });
 };
-const styles = StyleSheet.create({
-  input: {
-    flex: 1,
-    height: 50,
-    textAlignVertical: 'center',
-    backgroundColor: COLORS.SURFACE.DEFAULT,
-    paddingHorizontal: 16,
-    borderRadius: 8,
-    color: COLORS.SURFACE.ON_SURFACE.HIGH,
-    fontSize: 16,
-    lineHeight: Platform.OS === 'android' ? 24 : undefined,
-    fontFamily: 'Inter',
-    fontWeight: '400',
-    letterSpacing: 0.5,
-    borderWidth: 2,
-    borderColor: COLORS.SURFACE.DEFAULT
-  },
-  focusedInput: {
-    borderColor: COLORS.PRIMARY.DEFAULT,
-    borderWidth: 2
-  }
-});
 //# sourceMappingURL=HMSPreviewEditName.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["React","useDispatch","useSelector","changeUsername","useHMSConfig","HMSTextInput","HMSPreviewEditName","dispatch","updateConfig","userName","state","user","handleNameChange","name","username","createElement","value","onChangeText"],"sourceRoot":"../../../src","sources":["components/HMSPreviewEditName.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,EAAEC,WAAW,QAAQ,aAAa;AAGtD,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,YAAY,QAAQ,eAAe;AAC5C,SAASC,YAAY,QAAQ,gBAAgB;AAI7C,OAAO,MAAMC,kBAAqD,GAAGA,CAAA,KAAM;EACzE,MAAMC,QAAQ,GAAGN,WAAW,CAAC,CAAC;EAC9B,MAAM;IAAEO;EAAa,CAAC,GAAGJ,YAAY,CAAC,CAAC;EACvC,MAAMK,QAAQ,GAAGP,WAAW,CAAEQ,KAAgB,IAAKA,KAAK,CAACC,IAAI,CAACF,QAAQ,CAAC;EAEvE,MAAMG,gBAAgB,GAAIC,IAAY,IAAK;IACzCN,QAAQ,CAACJ,cAAc,CAACU,IAAI,CAAC,CAAC;IAC9BL,YAAY,CAAC;MAAEM,QAAQ,EAAED;IAAK,CAAC,CAAC;EAClC,CAAC;EAED,oBAAOb,KAAA,CAAAe,aAAA,CAACV,YAAY;IAACW,KAAK,EAAEP,QAAS;IAACQ,YAAY,EAAEL;EAAiB,CAAE,CAAC;AAC1E,CAAC"}

package/lib/module/components/HMSPreviewHLSLiveIndicator.js

@@ -1,23 +1,35 @@
 import * as React from 'react';
 import { View, Text, StyleSheet } from 'react-native';
 import { useSelector } from 'react-redux';
-import { COLORS } from '../utils/theme';
+import { useHMSRoomStyleSheet } from '../hooks-util';
 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;
   });
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    container: {
+      backgroundColor: theme.palette.alert_error_default
+    },
+    circle: {
+      backgroundColor: theme.palette.on_surface_high
+    },
+    text: {
+      color: theme.palette.on_surface_high,
+      fontFamily: `${typography.font_family}-SemiBold`
+    }
+  }));
   if (!isHLSStreaming) {
     return null;
   }
   return /*#__PURE__*/React.createElement(View, {
-    style: styles.container
+    style: [styles.container, hmsRoomStyles.container]
   }, /*#__PURE__*/React.createElement(View, {
     style: styles.circleContainer
   }, /*#__PURE__*/React.createElement(View, {
-    style: styles.circle
+    style: [styles.circle, hmsRoomStyles.circle]
   })), /*#__PURE__*/React.createElement(Text, {
-    style: styles.text
+    style: [styles.text, hmsRoomStyles.text]
   }, "LIVE"));
 };
 const styles = StyleSheet.create({
@@ -25,7 +37,6 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     alignItems: 'center',
     borderRadius: 20,
-    backgroundColor: COLORS.ALERT.ERROR.DEFAULT,
     paddingLeft: 8,
     paddingRight: 12,
     marginRight: 8
@@ -39,15 +50,11 @@ const styles = StyleSheet.create({
   circle: {
     width: 12,
     height: 12,
-    borderRadius: 6,
-    backgroundColor: COLORS.WHITE
+    borderRadius: 6
   },
   text: {
     marginLeft: 4,
-    color: COLORS.SURFACE.ON_SURFACE.HIGH,
     fontSize: 14,
-    fontFamily: 'Inter',
-    fontWeight: '600',
     lineHeight: 20,
     letterSpacing: 0.25
   }

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

@@ -1 +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"}
+{"version":3,"names":["React","View","Text","StyleSheet","useSelector","useHMSRoomStyleSheet","HMSPreviewHLSLiveIndicator","isHLSStreaming","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","running","hmsRoomStyles","theme","typography","container","backgroundColor","palette","alert_error_default","circle","on_surface_high","text","color","fontFamily","font_family","createElement","style","styles","circleContainer","create","flexDirection","alignItems","borderRadius","paddingLeft","paddingRight","marginRight","width","height","justifyContent","marginLeft","fontSize","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;AAGzC,SAASC,oBAAoB,QAAQ,eAAe;AAEpD,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,MAAMC,aAAa,GAAGT,oBAAoB,CAAC,CAACU,KAAK,EAAEC,UAAU,MAAM;IACjEC,SAAS,EAAE;MACTC,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACC;IACjC,CAAC;IACDC,MAAM,EAAE;MACNH,eAAe,EAAEH,KAAK,CAACI,OAAO,CAACG;IACjC,CAAC;IACDC,IAAI,EAAE;MACJC,KAAK,EAAET,KAAK,CAACI,OAAO,CAACG,eAAe;MACpCG,UAAU,EAAG,GAAET,UAAU,CAACU,WAAY;IACxC;EACF,CAAC,CAAC,CAAC;EAEH,IAAI,CAACnB,cAAc,EAAE;IACnB,OAAO,IAAI;EACb;EAEA,oBACEP,KAAA,CAAA2B,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAE,CAACC,MAAM,CAACZ,SAAS,EAAEH,aAAa,CAACG,SAAS;EAAE,gBACvDjB,KAAA,CAAA2B,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAEC,MAAM,CAACC;EAAgB,gBAClC9B,KAAA,CAAA2B,aAAA,CAAC1B,IAAI;IAAC2B,KAAK,EAAE,CAACC,MAAM,CAACR,MAAM,EAAEP,aAAa,CAACO,MAAM;EAAE,CAAE,CACjD,CAAC,eACPrB,KAAA,CAAA2B,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAE,CAACC,MAAM,CAACN,IAAI,EAAET,aAAa,CAACS,IAAI;EAAE,GAAC,MAAU,CACtD,CAAC;AAEX,CAAC;AAED,MAAMM,MAAM,GAAG1B,UAAU,CAAC4B,MAAM,CAAC;EAC/Bd,SAAS,EAAE;IACTe,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE;EACf,CAAC;EACDP,eAAe,EAAE;IACfQ,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVN,UAAU,EAAE,QAAQ;IACpBO,cAAc,EAAE;EAClB,CAAC;EACDnB,MAAM,EAAE;IACNiB,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVL,YAAY,EAAE;EAChB,CAAC;EACDX,IAAI,EAAE;IACJkB,UAAU,EAAE,CAAC;IACbC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}