@100mslive/react-native-room-kit 1.1.4 → 1.1.6

package/lib/module/components/HLSPlayerControls.js

@@ -0,0 +1,81 @@
+import React from 'react';
+import { View, StyleSheet, TouchableOpacity } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+import {
+// CCIcon,
+CloseIcon, MaximizeIcon, MinimizeIcon } from '../Icons';
+import { ModalTypes } from '../utils/types';
+import { useModalType } from '../hooks-util';
+import { setHlsFullScreen } from '../redux/actions';
+export const _HLSPlayerControls = () => {
+  // const isHLSStreaming = useIsHLSStreamingOn();
+  // const isStreamUrlPresent = useSelector(
+  //   (state: RootState) =>
+  //     !!state.hmsStates.room?.hlsStreamingState.variants?.[0]?.hlsStreamUrl
+  // );
+  const dispatch = useDispatch();
+  const hlsFullScreen = useSelector(state => state.app.hlsFullScreen);
+  const {
+    handleModalVisibleType
+  } = useModalType();
+  const handleCloseBtnPress = () => {
+    handleModalVisibleType(ModalTypes.LEAVE_ROOM);
+  };
+
+  // const handleCCBtnPress = () => {
+  //   //
+  // };
+
+  const toggleFullScreen = () => {
+    dispatch(setHlsFullScreen(!hlsFullScreen));
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.controlsRow
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: handleCloseBtnPress,
+    style: styles.icon
+  }, /*#__PURE__*/React.createElement(CloseIcon, {
+    size: "medium"
+  }))), /*#__PURE__*/React.createElement(View, {
+    style: styles.controlsRow
+  }, /*#__PURE__*/React.createElement(View, null), /*#__PURE__*/React.createElement(View, {
+    style: [styles.normalRow, styles.gap]
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: toggleFullScreen,
+    style: styles.icon
+  }, hlsFullScreen ? /*#__PURE__*/React.createElement(MinimizeIcon, {
+    size: "medium"
+  }) : /*#__PURE__*/React.createElement(MaximizeIcon, {
+    size: "medium"
+  })))));
+};
+export const HLSPlayerControls = /*#__PURE__*/React.memo(_HLSPlayerControls);
+const styles = StyleSheet.create({
+  container: {
+    position: 'absolute',
+    width: '100%',
+    height: '100%',
+    zIndex: 5,
+    justifyContent: 'space-between'
+  },
+  controlsRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    marginHorizontal: 8
+  },
+  normalRow: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  icon: {
+    padding: 4,
+    alignSelf: 'flex-start'
+  },
+  gap: {
+    marginLeft: 16
+  }
+});
+//# sourceMappingURL=HLSPlayerControls.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","TouchableOpacity","useDispatch","useSelector","CloseIcon","MaximizeIcon","MinimizeIcon","ModalTypes","useModalType","setHlsFullScreen","_HLSPlayerControls","dispatch","hlsFullScreen","state","app","handleModalVisibleType","handleCloseBtnPress","LEAVE_ROOM","toggleFullScreen","createElement","style","styles","container","controlsRow","onPress","icon","size","normalRow","gap","HLSPlayerControls","memo","create","position","width","height","zIndex","justifyContent","flexDirection","alignItems","marginHorizontal","padding","alignSelf","marginLeft"],"sourceRoot":"../../../src","sources":["components/HLSPlayerControls.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/HLSRecordingStatusText.js

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { Text } from 'react-native';
+import { useSelector } from 'react-redux';
+import { HMSRecordingState } from '@100mslive/react-native-hms';
+import { useIsAnyRecordingOn, useIsAnyRecordingPaused } from '../hooks-sdk';
+export const HLSRecordingStatusText = ({
+  prefix,
+  suffix,
+  ...restProps
+}) => {
+  const isRecordingOn = useIsAnyRecordingOn();
+  const isRecordingPaused = useIsAnyRecordingPaused();
+  const startingOrStoppingRecording = useSelector(state => {
+    var _state$hmsStates$room, _state$hmsStates$room2, _state$hmsStates$room3;
+    return state.app.startingOrStoppingRecording || ((_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.browserRecordingState.state) === HMSRecordingState.STARTING || ((_state$hmsStates$room2 = state.hmsStates.room) === null || _state$hmsStates$room2 === void 0 ? void 0 : _state$hmsStates$room2.serverRecordingState.state) === HMSRecordingState.STARTING || ((_state$hmsStates$room3 = state.hmsStates.room) === null || _state$hmsStates$room3 === void 0 || (_state$hmsStates$room3 = _state$hmsStates$room3.hlsRecordingState) === null || _state$hmsStates$room3 === void 0 ? void 0 : _state$hmsStates$room3.state) === HMSRecordingState.STARTING;
+  });
+  if (startingOrStoppingRecording || !(isRecordingPaused && isRecordingOn)) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(React.Fragment, null, prefix, /*#__PURE__*/React.createElement(Text, restProps, isRecordingPaused ? 'Recording Paused' : isRecordingOn ? 'Recording' : ''), suffix);
+};
+//# sourceMappingURL=HLSRecordingStatusText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","useSelector","HMSRecordingState","useIsAnyRecordingOn","useIsAnyRecordingPaused","HLSRecordingStatusText","prefix","suffix","restProps","isRecordingOn","isRecordingPaused","startingOrStoppingRecording","state","_state$hmsStates$room","_state$hmsStates$room2","_state$hmsStates$room3","app","hmsStates","room","browserRecordingState","STARTING","serverRecordingState","hlsRecordingState","createElement","Fragment"],"sourceRoot":"../../../src","sources":["components/HLSRecordingStatusText.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,iBAAiB,QAAQ,6BAA6B;AAG/D,SAASC,mBAAmB,EAAEC,uBAAuB,QAAQ,cAAc;AAO3E,OAAO,MAAMC,sBAA6D,GAAGA,CAAC;EAC5EC,MAAM;EACNC,MAAM;EACN,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAGN,mBAAmB,CAAC,CAAC;EAC3C,MAAMO,iBAAiB,GAAGN,uBAAuB,CAAC,CAAC;EACnD,MAAMO,2BAA2B,GAAGV,WAAW,CAC5CW,KAAgB;IAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA;IAAA,OACfH,KAAK,CAACI,GAAG,CAACL,2BAA2B,IACrC,EAAAE,qBAAA,GAAAD,KAAK,CAACK,SAAS,CAACC,IAAI,cAAAL,qBAAA,uBAApBA,qBAAA,CAAsBM,qBAAqB,CAACP,KAAK,MAC/CV,iBAAiB,CAACkB,QAAQ,IAC5B,EAAAN,sBAAA,GAAAF,KAAK,CAACK,SAAS,CAACC,IAAI,cAAAJ,sBAAA,uBAApBA,sBAAA,CAAsBO,oBAAoB,CAACT,KAAK,MAC9CV,iBAAiB,CAACkB,QAAQ,IAC5B,EAAAL,sBAAA,GAAAH,KAAK,CAACK,SAAS,CAACC,IAAI,cAAAH,sBAAA,gBAAAA,sBAAA,GAApBA,sBAAA,CAAsBO,iBAAiB,cAAAP,sBAAA,uBAAvCA,sBAAA,CAAyCH,KAAK,MAC5CV,iBAAiB,CAACkB,QAAQ;EAAA,CAChC,CAAC;EAED,IAAIT,2BAA2B,IAAI,EAAED,iBAAiB,IAAID,aAAa,CAAC,EAAE;IACxE,OAAO,IAAI;EACb;EAEA,oBACEV,KAAA,CAAAwB,aAAA,CAAAxB,KAAA,CAAAyB,QAAA,QACGlB,MAAM,eACPP,KAAA,CAAAwB,aAAA,CAACvB,IAAI,EAAKQ,SAAS,EAChBE,iBAAiB,GACd,kBAAkB,GAClBD,aAAa,GACX,WAAW,GACX,EACF,CAAC,EACNF,MACD,CAAC;AAEP,CAAC","ignoreList":[]}

package/lib/module/components/HLSRoomOptionsButton.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { useCanShowRoomOptionsButton } from '../hooks-util';
+import { HMSRoomOptions } from './HMSRoomOptions';
+export const HLSRoomOptionsButton = () => {
+  const canShowOptions = useCanShowRoomOptionsButton();
+  if (!canShowOptions) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginLeft: 12
+    }
+  }, /*#__PURE__*/React.createElement(HMSRoomOptions, null));
+};
+//# sourceMappingURL=HLSRoomOptionsButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","useCanShowRoomOptionsButton","HMSRoomOptions","HLSRoomOptionsButton","canShowOptions","createElement","style","marginLeft"],"sourceRoot":"../../../src","sources":["components/HLSRoomOptionsButton.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,2BAA2B,QAAQ,eAAe;AAC3D,SAASC,cAAc,QAAQ,kBAAkB;AAEjD,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,cAAc,GAAGH,2BAA2B,CAAC,CAAC;EAEpD,IAAI,CAACG,cAAc,EAAE;IACnB,OAAO,IAAI;EACb;EAEA,oBACEL,KAAA,CAAAM,aAAA,CAACL,IAAI;IAACM,KAAK,EAAE;MAAEC,UAAU,EAAE;IAAG;EAAE,gBAC9BR,KAAA,CAAAM,aAAA,CAACH,cAAc,MAAE,CACb,CAAC;AAEX,CAAC","ignoreList":[]}

package/lib/module/components/HLSStreamStartedTime.js

@@ -0,0 +1,60 @@
+import * as React from 'react';
+import { StyleSheet, Text } from 'react-native';
+import { useHMSRoomStyleSheet } from '../hooks-util';
+import { useSelector } from 'react-redux';
+export const HLSStreamStartedTime = ({
+  prefix
+}) => {
+  const streamStartedTime = 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.variants) === null || _state$hmsStates$room === void 0 || (_state$hmsStates$room = _state$hmsStates$room[0]) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.startedAt;
+  });
+  const [streamStartedBeforeMillis, setStreamStartedBeforeMillis] = React.useState(0);
+  React.useEffect(() => {
+    if (streamStartedTime) {
+      const beforeMilliSecs = Date.now() - streamStartedTime.getTime();
+      setStreamStartedBeforeMillis(beforeMilliSecs);
+      const intervalId = setInterval(() => {
+        setStreamStartedBeforeMillis(secs => {
+          secs += 1000;
+          return secs;
+        });
+      }, 1000);
+      return () => {
+        clearInterval(intervalId);
+      };
+    }
+  }, [streamStartedTime]);
+  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
+    regularSurfaceMedium: {
+      fontFamily: `${typography.font_family}-Regular`,
+      color: theme.palette.on_surface_medium
+    }
+  }));
+  if (!streamStartedTime) {
+    return null;
+  }
+  const {
+    h,
+    min,
+    sec
+  } = msToTime(streamStartedBeforeMillis);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, prefix, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.subtitle, hmsRoomStyles.regularSurfaceMedium]
+  }, "Started ", h > 0 ? `${h} h` : min > 0 ? `${min} min` : `${sec} sec`, " ago"));
+};
+const styles = StyleSheet.create({
+  subtitle: {
+    fontSize: 12,
+    lineHeight: 16
+  }
+});
+function msToTime(duration) {
+  return {
+    ms: duration,
+    sec: Math.floor(duration / 1000),
+    min: Math.floor(duration / 1000 / 60),
+    h: Math.floor(duration / 1000 / 60 / 60)
+  };
+}
+//# sourceMappingURL=HLSStreamStartedTime.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","useHMSRoomStyleSheet","useSelector","HLSStreamStartedTime","prefix","streamStartedTime","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","variants","startedAt","streamStartedBeforeMillis","setStreamStartedBeforeMillis","useState","useEffect","beforeMilliSecs","Date","now","getTime","intervalId","setInterval","secs","clearInterval","hmsRoomStyles","theme","typography","regularSurfaceMedium","fontFamily","font_family","color","palette","on_surface_medium","h","min","sec","msToTime","createElement","Fragment","style","styles","subtitle","create","fontSize","lineHeight","duration","ms","Math","floor"],"sourceRoot":"../../../src","sources":["components/HLSStreamStartedTime.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/HLSViewerScreenContent.js

@@ -0,0 +1,53 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { useSelector } from 'react-redux';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { HMSStatusBar } from './StatusBar';
+import { HLSPlayerContainer } from './HLSPlayerContainer';
+import { LeaveRoomBottomSheet } from './LeaveRoomBottomSheet';
+import { PreviewForRoleChangeModal } from './PreviewForRoleChangeModal';
+import { ChatAndParticipantsBottomSheet } from './ChatAndParticipants';
+import { DefaultModal } from './DefaultModal';
+import { ModalTypes, PipModes } from '../utils/types';
+import { useHMSRoleChangeRequest, useHMSRoomStyleSheet, useHMSSessionStoreListeners, useModalType } from '../hooks-util';
+import { ChangeAspectRatio } from './Modals';
+import { HLSChatView } from './HLSChatView';
+import { useIsLandscapeOrientation } from '../utils/dimension';
+export const HLSViewerScreenContent = ({}) => {
+  const isPipModeActive = useSelector(state => state.app.pipModeStatus === PipModes.ACTIVE);
+  const isLandscapeOrientation = useIsLandscapeOrientation();
+  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
+    container: {
+      backgroundColor: theme.palette.surface_dim
+    }
+  }));
+  const {
+    modalVisibleType: modalVisible,
+    handleModalVisibleType: setModalVisible
+  } = useModalType();
+  useHMSSessionStoreListeners();
+  useHMSRoleChangeRequest();
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, hmsRoomStyles.container]
+  }, /*#__PURE__*/React.createElement(HMSStatusBar, {
+    barStyle: 'light-content'
+  }), /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: [styles.container, hmsRoomStyles.container, isLandscapeOrientation ? styles.landscapeContainer : null]
+  }, /*#__PURE__*/React.createElement(HLSPlayerContainer, null), /*#__PURE__*/React.createElement(HLSChatView, null)), isPipModeActive ? null : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LeaveRoomBottomSheet, null), /*#__PURE__*/React.createElement(PreviewForRoleChangeModal, null), /*#__PURE__*/React.createElement(ChatAndParticipantsBottomSheet, null), /*#__PURE__*/React.createElement(DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: modalVisible === ModalTypes.HLS_PLAYER_ASPECT_RATIO,
+    setModalVisible: () => setModalVisible(ModalTypes.DEFAULT)
+  }, /*#__PURE__*/React.createElement(ChangeAspectRatio, {
+    cancelModal: () => setModalVisible(ModalTypes.DEFAULT)
+  }))));
+};
+const styles = StyleSheet.create({
+  container: {
+    flexGrow: 1,
+    position: 'relative'
+  },
+  landscapeContainer: {
+    flexDirection: 'row'
+  }
+});
+//# sourceMappingURL=HLSViewerScreenContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","useSelector","SafeAreaView","HMSStatusBar","HLSPlayerContainer","LeaveRoomBottomSheet","PreviewForRoleChangeModal","ChatAndParticipantsBottomSheet","DefaultModal","ModalTypes","PipModes","useHMSRoleChangeRequest","useHMSRoomStyleSheet","useHMSSessionStoreListeners","useModalType","ChangeAspectRatio","HLSChatView","useIsLandscapeOrientation","HLSViewerScreenContent","isPipModeActive","state","app","pipModeStatus","ACTIVE","isLandscapeOrientation","hmsRoomStyles","theme","container","backgroundColor","palette","surface_dim","modalVisibleType","modalVisible","handleModalVisibleType","setModalVisible","createElement","style","styles","barStyle","landscapeContainer","Fragment","modalPosiion","HLS_PLAYER_ASPECT_RATIO","DEFAULT","cancelModal","create","flexGrow","position","flexDirection"],"sourceRoot":"../../../src","sources":["components/HLSViewerScreenContent.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/HMSHLSNotStarted.js

@@ -17,7 +17,8 @@ export const HMSHLSNotStarted = () => {
     style: styles.container
   }, /*#__PURE__*/React.createElement(RadioIcon, {
     size: "extra-large",
-    containerStyle: styles.icon
+    containerStyle: styles.iconWrapper,
+    style: styles.icon
   }), /*#__PURE__*/React.createElement(Text, {
     style: [styles.title, hmsRoomStyles.title]
   }, "Stream yet to start"), /*#__PURE__*/React.createElement(Text, {
@@ -31,20 +32,27 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     justifyContent: 'center'
   },
-  icon: {
+  iconWrapper: {
+    width: 40,
+    height: 40,
+    borderRadius: 20,
     marginBottom: 24
   },
+  icon: {
+    width: 24,
+    height: 24
+  },
   title: {
-    fontSize: 24,
-    lineHeight: 32,
+    fontSize: 16,
+    lineHeight: 20,
     textAlign: 'center'
   },
   description: {
-    fontSize: 16,
-    lineHeight: 24,
+    fontSize: 14,
+    lineHeight: 20,
     letterSpacing: 0.5,
     textAlign: 'center',
-    marginTop: 8
+    marginTop: 4
   },
   taleLessSpaceAsYouCan: {
     flex: 0

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","StyleSheet","useHMSRoomStyleSheet","RadioIcon","HMSHLSNotStarted","hmsRoomStyles","theme","typography","title","color","palette","on_surface_high","fontFamily","font_family","description","on_surface_medium","createElement","style","styles","container","size","containerStyle","icon","create","flex","paddingHorizontal","alignItems","justifyContent","marginBottom","fontSize","lineHeight","textAlign","letterSpacing","marginTop","taleLessSpaceAsYouCan"],"sourceRoot":"../../../src","sources":["components/HMSHLSNotStarted.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAErD,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,SAAS,QAAQ,UAAU;AAEpC,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EACpC,MAAMC,aAAa,GAAGH,oBAAoB,CAAC,CAACI,KAAK,EAAEC,UAAU,MAAM;IACjEC,KAAK,EAAE;MACLC,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACC,eAAe;MACpCC,UAAU,EAAG,GAAEL,UAAU,CAACM,WAAY;IACxC,CAAC;IACDC,WAAW,EAAE;MACXL,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACK,iBAAiB;MACtCH,UAAU,EAAG,GAAEL,UAAU,CAACM,WAAY;IACxC;EACF,CAAC,CAAC,CAAC;EAEH,oBACEf,KAAA,CAAAkB,aAAA,CAACjB,IAAI;IAACkB,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BrB,KAAA,CAAAkB,aAAA,CAACb,SAAS;IAACiB,IAAI,EAAC,aAAa;IAACC,cAAc,EAAEH,MAAM,CAACI;EAAK,CAAE,CAAC,eAC7DxB,KAAA,CAAAkB,aAAA,CAAChB,IAAI;IAACiB,KAAK,EAAE,CAACC,MAAM,CAACV,KAAK,EAAEH,aAAa,CAACG,KAAK;EAAE,GAAC,qBAE5C,CAAC,eACPV,KAAA,CAAAkB,aAAA,CAAChB,IAAI;IAACiB,KAAK,EAAE,CAACC,MAAM,CAACJ,WAAW,EAAET,aAAa,CAACS,WAAW;EAAE,GAAC,oBAExD,CACF,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGjB,UAAU,CAACsB,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,IAAI,EAAE,CAAC;IACPC,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDL,IAAI,EAAE;IACJM,YAAY,EAAE;EAChB,CAAC;EACDpB,KAAK,EAAE;IACLqB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE;EACb,CAAC;EACDjB,WAAW,EAAE;IACXe,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdE,aAAa,EAAE,GAAG;IAClBD,SAAS,EAAE,QAAQ;IACnBE,SAAS,EAAE;EACb,CAAC;EACDC,qBAAqB,EAAE;IACrBV,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","View","Text","StyleSheet","useHMSRoomStyleSheet","RadioIcon","HMSHLSNotStarted","hmsRoomStyles","theme","typography","title","color","palette","on_surface_high","fontFamily","font_family","description","on_surface_medium","createElement","style","styles","container","size","containerStyle","iconWrapper","icon","create","flex","paddingHorizontal","alignItems","justifyContent","width","height","borderRadius","marginBottom","fontSize","lineHeight","textAlign","letterSpacing","marginTop","taleLessSpaceAsYouCan"],"sourceRoot":"../../../src","sources":["components/HMSHLSNotStarted.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAErD,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,SAAS,QAAQ,UAAU;AAEpC,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EACpC,MAAMC,aAAa,GAAGH,oBAAoB,CAAC,CAACI,KAAK,EAAEC,UAAU,MAAM;IACjEC,KAAK,EAAE;MACLC,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACC,eAAe;MACpCC,UAAU,EAAG,GAAEL,UAAU,CAACM,WAAY;IACxC,CAAC;IACDC,WAAW,EAAE;MACXL,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACK,iBAAiB;MACtCH,UAAU,EAAG,GAAEL,UAAU,CAACM,WAAY;IACxC;EACF,CAAC,CAAC,CAAC;EAEH,oBACEf,KAAA,CAAAkB,aAAA,CAACjB,IAAI;IAACkB,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5BrB,KAAA,CAAAkB,aAAA,CAACb,SAAS;IACRiB,IAAI,EAAC,aAAa;IAClBC,cAAc,EAAEH,MAAM,CAACI,WAAY;IACnCL,KAAK,EAAEC,MAAM,CAACK;EAAK,CACpB,CAAC,eACFzB,KAAA,CAAAkB,aAAA,CAAChB,IAAI;IAACiB,KAAK,EAAE,CAACC,MAAM,CAACV,KAAK,EAAEH,aAAa,CAACG,KAAK;EAAE,GAAC,qBAE5C,CAAC,eACPV,KAAA,CAAAkB,aAAA,CAAChB,IAAI;IAACiB,KAAK,EAAE,CAACC,MAAM,CAACJ,WAAW,EAAET,aAAa,CAACS,WAAW;EAAE,GAAC,oBAExD,CACF,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGjB,UAAU,CAACuB,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,IAAI,EAAE,CAAC;IACPC,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDN,WAAW,EAAE;IACXO,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBC,YAAY,EAAE;EAChB,CAAC;EACDT,IAAI,EAAE;IACJM,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDtB,KAAK,EAAE;IACLyB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,SAAS,EAAE;EACb,CAAC;EACDrB,WAAW,EAAE;IACXmB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdE,aAAa,EAAE,GAAG;IAClBD,SAAS,EAAE,QAAQ;IACnBE,SAAS,EAAE;EACb,CAAC;EACDC,qBAAqB,EAAE;IACrBb,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/HMSKeyboardAvoidingView.js

@@ -4,6 +4,8 @@ import { useKeyboardState } from '../hooks-util';
 export const HMSKeyboardAvoidingView = ({
   children,
   style,
+  styleWhenInactive,
+  styleWhenActive,
   bottomOffset = 0
 }) => {
   const animatedKeyboard = useAnimatedKeyboard();
@@ -15,9 +17,11 @@ export const HMSKeyboardAvoidingView = ({
   }, [bottomOffset]);
   const keyboardAvoidStyle = useAnimatedStyle(() => {
     const keyboardHeight = animatedKeyboard.height.value;
+    const keyboardHidden = keyboardHeight <= initialPageY.value || keyboardState.value === KeyboardState.CLOSED;
     return {
+      ...(keyboardHidden ? styleWhenInactive : styleWhenActive),
       transform: [{
-        translateY: keyboardHeight <= initialPageY.value || keyboardState.value === KeyboardState.CLOSED ? 0 // Keep element at original `pageY` till and when keyboard height is less than `pageY`
+        translateY: keyboardHidden ? 0 // Keep element at original `pageY` till and when keyboard height is less than `pageY`
         : -(keyboardHeight - initialPageY.value)
       }]
     };

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

@@ -1 +1 @@
-{"version":3,"names":["React","Animated","KeyboardState","useAnimatedKeyboard","useAnimatedStyle","useDerivedValue","useKeyboardState","HMSKeyboardAvoidingView","children","style","bottomOffset","animatedKeyboard","keyboardState","initialPageY","value","keyboardAvoidStyle","keyboardHeight","height","transform","translateY","CLOSED","createElement","View"],"sourceRoot":"../../../src","sources":["components/HMSKeyboardAvoidingView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAOC,QAAQ,IACbC,aAAa,EACbC,mBAAmB,EACnBC,gBAAgB,EAChBC,eAAe,QACV,yBAAyB;AAGhC,SAASC,gBAAgB,QAAQ,eAAe;AAOhD,OAAO,MAAMC,uBAEZ,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,YAAY,GAAG;AAAE,CAAC,KAAK;EAC7C,MAAMC,gBAAgB,GAAGR,mBAAmB,CAAC,CAAC;EAC9C,MAAM;IAAES;EAAc,CAAC,GAAGN,gBAAgB,CAAC,CAAC;EAE5C,MAAMO,YAAY,GAAGR,eAAe,CAAC,MAAM;IACzC,OAAO,OAAOK,YAAY,KAAK,QAAQ,GAAGA,YAAY,GAAGA,YAAY,CAACI,KAAK;EAC7E,CAAC,EAAE,CAACJ,YAAY,CAAC,CAAC;EAElB,MAAMK,kBAAkB,GAAGX,gBAAgB,CAAC,MAAM;IAChD,MAAMY,cAAc,GAAGL,gBAAgB,CAACM,MAAM,CAACH,KAAK;IACpD,OAAO;MACLI,SAAS,EAAE,CACT;QACEC,UAAU,EACRH,cAAc,IAAIH,YAAY,CAACC,KAAK,IACpCF,aAAa,CAACE,KAAK,KAAKZ,aAAa,CAACkB,MAAM,GACxC,CAAC,CAAC;QAAA,EACF,EAAEJ,cAAc,GAAGH,YAAY,CAACC,KAAK;MAC7C,CAAC;IAEL,CAAC;EACH,CAAC,CAAC;EAEF,oBACEd,KAAA,CAAAqB,aAAA,CAACpB,QAAQ,CAACqB,IAAI;IAACb,KAAK,EAAE,CAACA,KAAK,EAAEM,kBAAkB;EAAE,GAC/CP,QACY,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Animated","KeyboardState","useAnimatedKeyboard","useAnimatedStyle","useDerivedValue","useKeyboardState","HMSKeyboardAvoidingView","children","style","styleWhenInactive","styleWhenActive","bottomOffset","animatedKeyboard","keyboardState","initialPageY","value","keyboardAvoidStyle","keyboardHeight","height","keyboardHidden","CLOSED","transform","translateY","createElement","View"],"sourceRoot":"../../../src","sources":["components/HMSKeyboardAvoidingView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAOC,QAAQ,IACbC,aAAa,EACbC,mBAAmB,EACnBC,gBAAgB,EAChBC,eAAe,QACV,yBAAyB;AAGhC,SAASC,gBAAgB,QAAQ,eAAe;AAShD,OAAO,MAAMC,uBAEZ,GAAGA,CAAC;EACHC,QAAQ;EACRC,KAAK;EACLC,iBAAiB;EACjBC,eAAe;EACfC,YAAY,GAAG;AACjB,CAAC,KAAK;EACJ,MAAMC,gBAAgB,GAAGV,mBAAmB,CAAC,CAAC;EAC9C,MAAM;IAAEW;EAAc,CAAC,GAAGR,gBAAgB,CAAC,CAAC;EAE5C,MAAMS,YAAY,GAAGV,eAAe,CAAC,MAAM;IACzC,OAAO,OAAOO,YAAY,KAAK,QAAQ,GAAGA,YAAY,GAAGA,YAAY,CAACI,KAAK;EAC7E,CAAC,EAAE,CAACJ,YAAY,CAAC,CAAC;EAElB,MAAMK,kBAAkB,GAAGb,gBAAgB,CAAC,MAAM;IAChD,MAAMc,cAAc,GAAGL,gBAAgB,CAACM,MAAM,CAACH,KAAK;IACpD,MAAMI,cAAc,GAClBF,cAAc,IAAIH,YAAY,CAACC,KAAK,IACpCF,aAAa,CAACE,KAAK,KAAKd,aAAa,CAACmB,MAAM;IAC9C,OAAO;MACL,IAAID,cAAc,GAAGV,iBAAiB,GAAGC,eAAe,CAAC;MACzDW,SAAS,EAAE,CACT;QACEC,UAAU,EAAEH,cAAc,GACtB,CAAC,CAAC;QAAA,EACF,EAAEF,cAAc,GAAGH,YAAY,CAACC,KAAK;MAC3C,CAAC;IAEL,CAAC;EACH,CAAC,CAAC;EAEF,oBACEhB,KAAA,CAAAwB,aAAA,CAACvB,QAAQ,CAACwB,IAAI;IAAChB,KAAK,EAAE,CAACA,KAAK,EAAEQ,kBAAkB;EAAE,GAC/CT,QACY,CAAC;AAEpB,CAAC","ignoreList":[]}

package/lib/module/components/HMSLiveViewerCount.js

@@ -2,13 +2,11 @@ import * as React from 'react';
 import { StyleSheet, Text, Platform, TouchableOpacity } from 'react-native';
 import { useSelector } from 'react-redux';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-import { useHMSRoomStyleSheet, useIsHLSViewer, useShowChatAndParticipants } from '../hooks-util';
+import { useHMSRoomStyleSheet, useShowChatAndParticipants } from '../hooks-util';
 import { EyeIcon } from '../Icons';
-import { hexToRgbA } from '../utils/theme';
 import { TestIds } from '../utils/constants';
 import { useIsAnyStreamingOn } from '../hooks-sdk';
 const _HMSLiveViewerCount = () => {
-  const isHLSViewer = useIsHLSViewer();
   const previewPeerCount = useSelector(state => {
     var _state$hmsStates$room;
     return (_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.peerCount;
@@ -16,8 +14,8 @@ const _HMSLiveViewerCount = () => {
   const live = useIsAnyStreamingOn();
   const hmsRoomStyles = useHMSRoomStyleSheet((theme, typograhy) => ({
     viewers: {
-      backgroundColor: isHLSViewer ? theme.palette.background_dim && hexToRgbA(theme.palette.background_dim, 0.64) : undefined,
-      borderWidth: isHLSViewer ? 0 : 1,
+      backgroundColor: undefined,
+      borderWidth: 1,
       borderColor: theme.palette.border_bright
     },
     count: {

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","Text","Platform","TouchableOpacity","useSelector","Gesture","GestureDetector","useHMSRoomStyleSheet","useIsHLSViewer","useShowChatAndParticipants","EyeIcon","hexToRgbA","TestIds","useIsAnyStreamingOn","_HMSLiveViewerCount","isHLSViewer","previewPeerCount","state","_state$hmsStates$room","hmsStates","room","peerCount","live","hmsRoomStyles","theme","typograhy","viewers","backgroundColor","palette","background_dim","undefined","borderWidth","borderColor","border_bright","count","color","on_surface_high","fontFamily","font_family","canShowParticipants","show","tapGesture","useMemo","Tap","showParticipantsSheet","createElement","gesture","style","styles","onPress","disabled","testID","peer_count_icon","peer_count","HMSLiveViewerCount","memo","create","flexDirection","alignItems","paddingVertical","paddingRight","paddingLeft","borderRadius","fontSize","lineHeight","OS","letterSpacing","textAlign","textAlignVertical","marginLeft"],"sourceRoot":"../../../src","sources":["components/HMSLiveViewerCount.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","Text","Platform","TouchableOpacity","useSelector","Gesture","GestureDetector","useHMSRoomStyleSheet","useShowChatAndParticipants","EyeIcon","TestIds","useIsAnyStreamingOn","_HMSLiveViewerCount","previewPeerCount","state","_state$hmsStates$room","hmsStates","room","peerCount","live","hmsRoomStyles","theme","typograhy","viewers","backgroundColor","undefined","borderWidth","borderColor","palette","border_bright","count","color","on_surface_high","fontFamily","font_family","canShowParticipants","show","tapGesture","useMemo","Tap","showParticipantsSheet","createElement","gesture","style","styles","onPress","disabled","testID","peer_count_icon","peer_count","HMSLiveViewerCount","memo","create","flexDirection","alignItems","paddingVertical","paddingRight","paddingLeft","borderRadius","fontSize","lineHeight","OS","letterSpacing","textAlign","textAlignVertical","marginLeft"],"sourceRoot":"../../../src","sources":["components/HMSLiveViewerCount.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/HMSManageNoiseCancellation.js

@@ -0,0 +1,28 @@
+import { WaveIcon } from '../Icons';
+import React from 'react';
+import { PressableIcon } from './PressableIcon';
+import { styles } from './styles';
+import { useSelector } from 'react-redux';
+export const HMSManageNoiseCancellation = () => {
+  const noiseCancellationPlugin = useSelector(state => state.hmsStates.noiseCancellationPlugin);
+  const [isNoiseCancellationEnabled, setIsNoiseCancellationEnabled] = React.useState(false);
+  const handleButtonPress = async () => {
+    const isAvailable = await (noiseCancellationPlugin === null || noiseCancellationPlugin === void 0 ? void 0 : noiseCancellationPlugin.isNoiseCancellationAvailable());
+    if (!noiseCancellationPlugin && isAvailable) {
+      console.error('Noise Cancellation Plugin not found');
+      return;
+    }
+    if (isNoiseCancellationEnabled) {
+      await (noiseCancellationPlugin === null || noiseCancellationPlugin === void 0 ? void 0 : noiseCancellationPlugin.disable());
+    } else {
+      await (noiseCancellationPlugin === null || noiseCancellationPlugin === void 0 ? void 0 : noiseCancellationPlugin.enable());
+    }
+    setIsNoiseCancellationEnabled(!isNoiseCancellationEnabled);
+  };
+  return /*#__PURE__*/React.createElement(PressableIcon, {
+    style: styles.noiseButton,
+    onPress: handleButtonPress,
+    active: isNoiseCancellationEnabled
+  }, /*#__PURE__*/React.createElement(WaveIcon, null));
+};
+//# sourceMappingURL=HMSManageNoiseCancellation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["WaveIcon","React","PressableIcon","styles","useSelector","HMSManageNoiseCancellation","noiseCancellationPlugin","state","hmsStates","isNoiseCancellationEnabled","setIsNoiseCancellationEnabled","useState","handleButtonPress","isAvailable","isNoiseCancellationAvailable","console","error","disable","enable","createElement","style","noiseButton","onPress","active"],"sourceRoot":"../../../src","sources":["components/HMSManageNoiseCancellation.tsx"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,UAAU;AACnC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,WAAW,QAAQ,aAAa;AAGzC,OAAO,MAAMC,0BAA0B,GAAGA,CAAA,KAAM;EAC9C,MAAMC,uBAAuB,GAAGF,WAAW,CACxCG,KAAgB,IAAKA,KAAK,CAACC,SAAS,CAACF,uBACxC,CAAC;EACD,MAAM,CAACG,0BAA0B,EAAEC,6BAA6B,CAAC,GAC/DT,KAAK,CAACU,QAAQ,CAAC,KAAK,CAAC;EAEvB,MAAMC,iBAAiB,GAAG,MAAAA,CAAA,KAAY;IACpC,MAAMC,WAAW,GACf,OAAMP,uBAAuB,aAAvBA,uBAAuB,uBAAvBA,uBAAuB,CAAEQ,4BAA4B,CAAC,CAAC;IAE/D,IAAI,CAACR,uBAAuB,IAAIO,WAAW,EAAE;MAC3CE,OAAO,CAACC,KAAK,CAAC,qCAAqC,CAAC;MACpD;IACF;IAEA,IAAIP,0BAA0B,EAAE;MAC9B,OAAMH,uBAAuB,aAAvBA,uBAAuB,uBAAvBA,uBAAuB,CAAEW,OAAO,CAAC,CAAC;IAC1C,CAAC,MAAM;MACL,OAAMX,uBAAuB,aAAvBA,uBAAuB,uBAAvBA,uBAAuB,CAAEY,MAAM,CAAC,CAAC;IACzC;IACAR,6BAA6B,CAAC,CAACD,0BAA0B,CAAC;EAC5D,CAAC;EAED,oBACER,KAAA,CAAAkB,aAAA,CAACjB,aAAa;IACZkB,KAAK,EAAEjB,MAAM,CAACkB,WAAY;IAC1BC,OAAO,EAAEV,iBAAkB;IAC3BW,MAAM,EAAEd;EAA2B,gBAEnCR,KAAA,CAAAkB,aAAA,CAACnB,QAAQ,MAAE,CACE,CAAC;AAEpB,CAAC","ignoreList":[]}

package/lib/module/components/HMSNotification.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { useDispatch } from 'react-redux';
 import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
-import { useHMSRoomStyleSheet } from '../hooks-util';
+import { useHMSRoomStyleSheet, useIsHLSViewer } from '../hooks-util';
 import { ChatIcon, CloseIcon } from '../Icons';
 import { UnmountAfterDelay } from './UnmountAfterDelay';
 import { removeNotification } from '../redux/actions';
@@ -21,9 +21,10 @@ export const HMSNotification = ({
   dismissable = false
 }) => {
   const dispatch = useDispatch();
+  const isHLSViewer = useIsHLSViewer();
   const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
     container: {
-      backgroundColor: theme.palette.surface_dim
+      backgroundColor: isHLSViewer ? theme.palette.surface_default : theme.palette.surface_dim
     },
     text: {
       color: theme.palette.on_surface_high,
@@ -33,7 +34,7 @@ export const HMSNotification = ({
       color: theme.palette.on_surface_medium,
       fontFamily: `${typography.font_family}-Regular`
     }
-  }));
+  }), [isHLSViewer]);
   const dismissNotification = onDismiss || (autoDismiss || dismissable ? () => {
     dispatch(removeNotification(id));
   } : null);

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

@@ -1 +1 @@
-{"version":3,"names":["React","useDispatch","StyleSheet","Text","TouchableOpacity","View","Gesture","GestureDetector","useHMSRoomStyleSheet","ChatIcon","CloseIcon","UnmountAfterDelay","removeNotification","HMSNotification","id","text","description","icon","style","textStyle","cta","textTestID","onDismiss","dismissDelay","autoDismiss","dismissable","dispatch","hmsRoomStyles","theme","typography","container","backgroundColor","palette","surface_dim","color","on_surface_high","fontFamily","font_family","on_surface_medium","dismissNotification","tapGesture","Tap","notification","createElement","styles","leftWrapper","getIcon","flexShrink","testID","rightWrapper","gesture","onPress","visible","onUnmount","delay","create","flex","elevation","borderRadius","flexDirection","padding","paddingLeft","marginHorizontal","justifyContent","alignItems","marginLeft","marginRight","fontSize","lineHeight","letterSpacing","type"],"sourceRoot":"../../../src","sources":["components/HMSNotification.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useDispatch","StyleSheet","Text","TouchableOpacity","View","Gesture","GestureDetector","useHMSRoomStyleSheet","useIsHLSViewer","ChatIcon","CloseIcon","UnmountAfterDelay","removeNotification","HMSNotification","id","text","description","icon","style","textStyle","cta","textTestID","onDismiss","dismissDelay","autoDismiss","dismissable","dispatch","isHLSViewer","hmsRoomStyles","theme","typography","container","backgroundColor","palette","surface_default","surface_dim","color","on_surface_high","fontFamily","font_family","on_surface_medium","dismissNotification","tapGesture","Tap","notification","createElement","styles","leftWrapper","getIcon","flexShrink","testID","rightWrapper","gesture","onPress","visible","onUnmount","delay","create","flex","elevation","borderRadius","flexDirection","padding","paddingLeft","marginHorizontal","justifyContent","alignItems","marginLeft","marginRight","fontSize","lineHeight","letterSpacing","type"],"sourceRoot":"../../../src","sources":["components/HMSNotification.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/HMSNotifications.js

@@ -11,12 +11,14 @@ import { AlertTriangleIcon } from '../Icons';
 import { HMSReconnectingNotification } from './HMSReconnectingNotification';
 import { useIsLandscapeOrientation } from '../utils/dimension';
 import { HMSPollsQuizzesNotification } from './HMSPollsQuizzesNotification';
+import { useIsHLSViewer } from '../hooks-util';
 const LOCAL_SCREENSHARE_PAYLOAD = {
   id: NotificationTypes.LOCAL_SCREENSHARE,
   type: NotificationTypes.LOCAL_SCREENSHARE
 };
 export const HMSNotifications = () => {
   const isLocalScreenShared = useSelector(state => state.hmsStates.isLocalScreenShared);
+  const isHLSViewer = useIsHLSViewer();
   const isLandscapeOrientation = useIsLandscapeOrientation();
 
   // notifications is a stack, first will appear last
@@ -58,7 +60,7 @@ export const HMSNotifications = () => {
     return null;
   }
   return /*#__PURE__*/React.createElement(View, {
-    style: [isLandscapeOrientation ? styles.absoluteLandscapeContainer : styles.absoluteContainer, {
+    style: [isLandscapeOrientation && !isHLSViewer ? styles.absoluteLandscapeContainer : styles.absoluteContainer, {
       paddingTop: (notifications.length - 1) * 16
     }]
   }, notifications.map((notification, index, arr) => {

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

@@ -1 +1 @@
-{"version":3,"names":["React","shallowEqual","useSelector","StyleSheet","View","HMSLocalScreenshareNotification","HMSHandRaiseNotification","HMSRoleChangeDeclinedNotification","NotificationTypes","HMSTerminalErrorNotification","HMSNotification","AlertTriangleIcon","HMSReconnectingNotification","useIsLandscapeOrientation","HMSPollsQuizzesNotification","LOCAL_SCREENSHARE_PAYLOAD","id","LOCAL_SCREENSHARE","type","HMSNotifications","isLocalScreenShared","state","hmsStates","isLandscapeOrientation","notifications","allNotifications","app","list","push","length","firstNotification","secondNotification","thirdNotification","createElement","style","styles","absoluteLandscapeContainer","absoluteContainer","paddingTop","map","notification","index","arr","atTop","atBottom","key","transform","scale","getScale","notificationWrapper","bottom","RECONNECTING","HAND_RAISE","peer","autoDismiss","dismissDelay","ROLE_CHANGE_DECLINED","peerName","name","TERMINAL_ERROR","exception","ERROR","icon","text","title","dismissable","INFO","description","message","POLLS_AND_QUIZZES","payload","useHMSNotificationsHeight","numberOfNotifications","Math","min","create","position","marginBottom","width","alignSelf","totalItem","current"],"sourceRoot":"../../../src","sources":["components/HMSNotifications.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","shallowEqual","useSelector","StyleSheet","View","HMSLocalScreenshareNotification","HMSHandRaiseNotification","HMSRoleChangeDeclinedNotification","NotificationTypes","HMSTerminalErrorNotification","HMSNotification","AlertTriangleIcon","HMSReconnectingNotification","useIsLandscapeOrientation","HMSPollsQuizzesNotification","useIsHLSViewer","LOCAL_SCREENSHARE_PAYLOAD","id","LOCAL_SCREENSHARE","type","HMSNotifications","isLocalScreenShared","state","hmsStates","isHLSViewer","isLandscapeOrientation","notifications","allNotifications","app","list","push","length","firstNotification","secondNotification","thirdNotification","createElement","style","styles","absoluteLandscapeContainer","absoluteContainer","paddingTop","map","notification","index","arr","atTop","atBottom","key","transform","scale","getScale","notificationWrapper","bottom","RECONNECTING","HAND_RAISE","peer","autoDismiss","dismissDelay","ROLE_CHANGE_DECLINED","peerName","name","TERMINAL_ERROR","exception","ERROR","icon","text","title","dismissable","INFO","description","message","POLLS_AND_QUIZZES","payload","useHMSNotificationsHeight","numberOfNotifications","Math","min","create","position","marginBottom","width","alignSelf","totalItem","current"],"sourceRoot":"../../../src","sources":["components/HMSNotifications.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/HMSOverlayChatView.js

@@ -19,7 +19,7 @@ import { MessageOptionsBottomSheet } from './Chat/MessageOptionsBottomSheet';
 import { PeerBlockedFromChat } from './Chat/PeerBlockedFromChat';
 const colors = ['rgba(0, 0, 0, 0)', 'rgba(255, 255, 255, 1)', 'rgba(255, 255, 255, 1)'];
 const colorLocations = [0, 0.4, 1];
-export const HLSChatView = ({
+export const HMSOverlayChatView = ({
   offset
 }) => {
   const footerHeight = useFooterHeight();
@@ -50,7 +50,10 @@ export const HLSChatView = ({
   }), chatState.enabled ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
     style: styles.filterSheetWrapper
   }, /*#__PURE__*/React.createElement(ChatFilterBottomSheetOpener, {
-    insetMode: true
+    overlay: true,
+    useFilterModal: true,
+    showActionBtn: true,
+    useActionModal: true
   })), isLocalPeerBlockedFromChat ? /*#__PURE__*/React.createElement(PeerBlockedFromChat, {
     style: styles.peerBlocked
   }) : isAllowedToSendMessage && isSelectedChatRecipient ? /*#__PURE__*/React.createElement(HMSSendMessageInput, null) : null) : /*#__PURE__*/React.createElement(ChatPaused, {