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

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, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useSelector","StyleSheet","View","LinearGradient","MaskedView","useDerivedValue","interpolate","HMSKeyboardAvoidingView","HMSSendMessageInput","HMSHLSMessageList","useFooterHeight","useHMSNotificationsHeight","ChatFilterBottomSheetOpener","ChatMoreActionsModal","ChatFilterBottomSheet","ChatPaused","useHMSChatState","useIsAllowedToSendMessage","useIsLocalPeerBlockedFromChat","PinnedMessages","MessageOptionsBottomSheet","PeerBlockedFromChat","colors","colorLocations","HLSChatView","offset","footerHeight","hmsNotificationsHeight","chatState","isAllowedToSendMessage","isLocalPeerBlockedFromChat","isSelectedChatRecipient","state","chatWindow","sendTo","chatBottomOffset","value","createElement","Fragment","bottomOffset","maskElement","pointerEvents","style","absoluteFill","locations","insetMode","enabled","styles","filterSheetWrapper","peerBlocked","chatPaused","create","marginHorizontal","marginTop","marginBottom"],"sourceRoot":"../../../src","sources":["components/HMSOverlayChatView.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useSelector","StyleSheet","View","LinearGradient","MaskedView","useDerivedValue","interpolate","HMSKeyboardAvoidingView","HMSSendMessageInput","HMSHLSMessageList","useFooterHeight","useHMSNotificationsHeight","ChatFilterBottomSheetOpener","ChatMoreActionsModal","ChatFilterBottomSheet","ChatPaused","useHMSChatState","useIsAllowedToSendMessage","useIsLocalPeerBlockedFromChat","PinnedMessages","MessageOptionsBottomSheet","PeerBlockedFromChat","colors","colorLocations","HMSOverlayChatView","offset","footerHeight","hmsNotificationsHeight","chatState","isAllowedToSendMessage","isLocalPeerBlockedFromChat","isSelectedChatRecipient","state","chatWindow","sendTo","chatBottomOffset","value","createElement","Fragment","bottomOffset","maskElement","pointerEvents","style","absoluteFill","locations","insetMode","enabled","styles","filterSheetWrapper","overlay","useFilterModal","showActionBtn","useActionModal","peerBlocked","chatPaused","create","marginHorizontal","marginTop","marginBottom"],"sourceRoot":"../../../src","sources":["components/HMSOverlayChatView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Meeting.js

@@ -2,13 +2,15 @@ import * as React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { useSelector } from 'react-redux';
 import { useRTCStatsListeners } from '../utils/hooks';
-import { clearPendingModalTasks, useAutoPip, useBackButtonPress, useFetchHMSRoles, useHMSMessages, useHMSNetworkQualityUpdate, useHMSPIPRoomLeave, useHMSReconnection, useHMSRemovedFromRoomUpdate, useHMSRoomStyle, useLandscapeImmersiveMode, usePIPListener, useSetDefaultChatRecipient } from '../hooks-util';
+import { clearPendingModalTasks, useAutoPip, useBackButtonPress, useFetchHMSRoles, useHMSMessages, useHMSNetworkQualityUpdate, useHMSPIPRoomLeave, useHMSReconnection, useHMSRemovedFromRoomUpdate, useHMSRoomStyle, useIsHLSViewer, useLandscapeImmersiveMode, usePIPListener, useSetDefaultChatRecipient } from '../hooks-util';
 import { MeetingScreenContent } from './MeetingScreenContent';
 import { HMSHLSStreamLoading } from './HMSHLSStreamLoading';
+import { HLSViewerScreenContent } from './HLSViewerScreenContent';
 export const Meeting = ({
   peerTrackNodes
 }) => {
   const startingHLSStream = useSelector(state => state.app.startingHLSStream);
+  const isHLSViewer = useIsHLSViewer();
 
   // TODO: Fetch latest Room and localPeer on mount of this component?
 
@@ -51,7 +53,7 @@ export const Meeting = ({
   }
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.container, containerStyles]
-  }, /*#__PURE__*/React.createElement(MeetingScreenContent, {
+  }, isHLSViewer ? /*#__PURE__*/React.createElement(HLSViewerScreenContent, null) : /*#__PURE__*/React.createElement(MeetingScreenContent, {
     peerTrackNodes: peerTrackNodes
   }));
 };

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","useSelector","useRTCStatsListeners","clearPendingModalTasks","useAutoPip","useBackButtonPress","useFetchHMSRoles","useHMSMessages","useHMSNetworkQualityUpdate","useHMSPIPRoomLeave","useHMSReconnection","useHMSRemovedFromRoomUpdate","useHMSRoomStyle","useLandscapeImmersiveMode","usePIPListener","useSetDefaultChatRecipient","MeetingScreenContent","HMSHLSStreamLoading","Meeting","peerTrackNodes","startingHLSStream","state","app","length","useEffect","containerStyles","theme","backgroundColor","palette","background_dim","createElement","style","styles","container","create","flex","flexDirection"],"sourceRoot":"../../../src","sources":["components/Meeting.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,WAAW,QAAQ,aAAa;AAGzC,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SACEC,sBAAsB,EACtBC,UAAU,EACVC,kBAAkB,EAClBC,gBAAgB,EAChBC,cAAc,EACdC,0BAA0B,EAC1BC,kBAAkB,EAClBC,kBAAkB,EAClBC,2BAA2B,EAC3BC,eAAe,EACfC,yBAAyB,EACzBC,cAAc,EACdC,0BAA0B,QACrB,eAAe;AACtB,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,mBAAmB,QAAQ,uBAAuB;AAO3D,OAAO,MAAMC,OAA+B,GAAGA,CAAC;EAAEC;AAAe,CAAC,KAAK;EACrE,MAAMC,iBAAiB,GAAGnB,WAAW,CAClCoB,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACF,iBAClC,CAAC;;EAED;;EAEAd,gBAAgB,CAAC,CAAC;;EAElB;EACAS,0BAA0B,CAAC,CAAC;EAE5BR,cAAc,CAAC,CAAC;EAEhBG,kBAAkB,CAAC,CAAC;EAEpBC,2BAA2B,CAAC,CAAC;;EAE7B;EACAF,kBAAkB,CAAC,CAAC;;EAEpB;EACAK,cAAc,CAAC,CAAC;;EAEhB;EACAZ,oBAAoB,CAAC,CAAC;;EAEtB;EACAM,0BAA0B,CAAC,CAAC;EAE5BJ,UAAU,CAACe,cAAc,CAACI,MAAM,KAAK,CAAC,CAAC;;EAEvC;EACAlB,kBAAkB,CAAC,CAAC;EAEpBQ,yBAAyB,CAAC,CAAC;;EAE3B;EACAf,KAAK,CAAC0B,SAAS,CAAC,MAAM;IACpB,OAAO,MAAM;MACXrB,sBAAsB,CAAC,CAAC;IAC1B,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMsB,eAAe,GAAGb,eAAe,CAAEc,KAAK,KAAM;IAClDC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACC;EACjC,CAAC,CAAC,CAAC;EAEH,IAAIT,iBAAiB,EAAE;IACrB,oBAAOtB,KAAA,CAAAgC,aAAA,CAACb,mBAAmB,MAAE,CAAC;EAChC;EAEA,oBACEnB,KAAA,CAAAgC,aAAA,CAAC9B,IAAI;IAAC+B,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAER,eAAe;EAAE,gBAC/C3B,KAAA,CAAAgC,aAAA,CAACd,oBAAoB;IAACG,cAAc,EAAEA;EAAe,CAAE,CACnD,CAAC;AAEX,CAAC;AAED,MAAMa,MAAM,GAAGjC,UAAU,CAACmC,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","View","useSelector","useRTCStatsListeners","clearPendingModalTasks","useAutoPip","useBackButtonPress","useFetchHMSRoles","useHMSMessages","useHMSNetworkQualityUpdate","useHMSPIPRoomLeave","useHMSReconnection","useHMSRemovedFromRoomUpdate","useHMSRoomStyle","useIsHLSViewer","useLandscapeImmersiveMode","usePIPListener","useSetDefaultChatRecipient","MeetingScreenContent","HMSHLSStreamLoading","HLSViewerScreenContent","Meeting","peerTrackNodes","startingHLSStream","state","app","isHLSViewer","length","useEffect","containerStyles","theme","backgroundColor","palette","background_dim","createElement","style","styles","container","create","flex","flexDirection"],"sourceRoot":"../../../src","sources":["components/Meeting.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,WAAW,QAAQ,aAAa;AAGzC,SAASC,oBAAoB,QAAQ,gBAAgB;AACrD,SACEC,sBAAsB,EACtBC,UAAU,EACVC,kBAAkB,EAClBC,gBAAgB,EAChBC,cAAc,EACdC,0BAA0B,EAC1BC,kBAAkB,EAClBC,kBAAkB,EAClBC,2BAA2B,EAC3BC,eAAe,EACfC,cAAc,EACdC,yBAAyB,EACzBC,cAAc,EACdC,0BAA0B,QACrB,eAAe;AACtB,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,mBAAmB,QAAQ,uBAAuB;AAE3D,SAASC,sBAAsB,QAAQ,0BAA0B;AAMjE,OAAO,MAAMC,OAA+B,GAAGA,CAAC;EAAEC;AAAe,CAAC,KAAK;EACrE,MAAMC,iBAAiB,GAAGrB,WAAW,CAClCsB,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACF,iBAClC,CAAC;EAED,MAAMG,WAAW,GAAGZ,cAAc,CAAC,CAAC;;EAEpC;;EAEAP,gBAAgB,CAAC,CAAC;;EAElB;EACAU,0BAA0B,CAAC,CAAC;EAE5BT,cAAc,CAAC,CAAC;EAEhBG,kBAAkB,CAAC,CAAC;EAEpBC,2BAA2B,CAAC,CAAC;;EAE7B;EACAF,kBAAkB,CAAC,CAAC;;EAEpB;EACAM,cAAc,CAAC,CAAC;;EAEhB;EACAb,oBAAoB,CAAC,CAAC;;EAEtB;EACAM,0BAA0B,CAAC,CAAC;EAE5BJ,UAAU,CAACiB,cAAc,CAACK,MAAM,KAAK,CAAC,CAAC;;EAEvC;EACArB,kBAAkB,CAAC,CAAC;EAEpBS,yBAAyB,CAAC,CAAC;;EAE3B;EACAhB,KAAK,CAAC6B,SAAS,CAAC,MAAM;IACpB,OAAO,MAAM;MACXxB,sBAAsB,CAAC,CAAC;IAC1B,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMyB,eAAe,GAAGhB,eAAe,CAAEiB,KAAK,KAAM;IAClDC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACC;EACjC,CAAC,CAAC,CAAC;EAEH,IAAIV,iBAAiB,EAAE;IACrB,oBAAOxB,KAAA,CAAAmC,aAAA,CAACf,mBAAmB,MAAE,CAAC;EAChC;EAEA,oBACEpB,KAAA,CAAAmC,aAAA,CAACjC,IAAI;IAACkC,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAER,eAAe;EAAE,GAC9CH,WAAW,gBACV3B,KAAA,CAAAmC,aAAA,CAACd,sBAAsB,MAAE,CAAC,gBAE1BrB,KAAA,CAAAmC,aAAA,CAAChB,oBAAoB;IAACI,cAAc,EAAEA;EAAe,CAAE,CAErD,CAAC;AAEX,CAAC;AAED,MAAMc,MAAM,GAAGpC,UAAU,CAACsC,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/MeetingScreenContent.js

@@ -7,10 +7,9 @@ import { HeaderFooterHideDelayMs, PipModes } from '../utils/types';
 import { Footer } from './Footer';
 import { DisplayView } from './DisplayView';
 import { Header } from './Header';
-import { useIsHLSViewer, useKeyboardState } from '../hooks-util';
+import { useKeyboardState } from '../hooks-util';
 import { HMSStatusBar } from './StatusBar';
 import { AnimatedFooter } from './AnimatedFooter';
-import { HLSFooter } from './HLSFooter';
 import { AnimatedHeader } from './AnimatedHeader';
 // import { ReconnectionView } from './ReconnectionView';
 
@@ -18,7 +17,6 @@ export const MeetingScreenContent = ({
   peerTrackNodes
 }) => {
   const offset = useSharedValue(1);
-  const isHLSViewer = useIsHLSViewer();
   const timerIdRef = useRef(null);
   const [controlsHidden, setControlsHidden] = useState(false);
   const isPipModeActive = useSelector(state => state.app.pipModeStatus === PipModes.ACTIVE);
@@ -76,15 +74,10 @@ export const MeetingScreenContent = ({
     style: styles.container
   }, isPipModeActive ? null : /*#__PURE__*/React.createElement(AnimatedHeader, {
     offset: offset
-  }, /*#__PURE__*/React.createElement(Header, {
-    transparent: isHLSViewer,
-    showControls: !isHLSViewer
-  })), /*#__PURE__*/React.createElement(DisplayView, {
+  }, /*#__PURE__*/React.createElement(Header, null)), /*#__PURE__*/React.createElement(DisplayView, {
     offset: offset,
     peerTrackNodes: peerTrackNodes
-  }), isPipModeActive ? null : isHLSViewer ? /*#__PURE__*/React.createElement(HLSFooter, {
-    offset: offset
-  }) : /*#__PURE__*/React.createElement(AnimatedFooter, {
+  }), isPipModeActive ? null : /*#__PURE__*/React.createElement(AnimatedFooter, {
     offset: offset
   }, /*#__PURE__*/React.createElement(Footer, null)))));
 };

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useRef","useState","useEffect","StyleSheet","View","Keyboard","useSelector","Easing","KeyboardState","cancelAnimation","runOnJS","useSharedValue","withTiming","Gesture","GestureDetector","HeaderFooterHideDelayMs","PipModes","Footer","DisplayView","Header","useIsHLSViewer","useKeyboardState","HMSStatusBar","AnimatedFooter","HLSFooter","AnimatedHeader","MeetingScreenContent","peerTrackNodes","offset","isHLSViewer","timerIdRef","controlsHidden","setControlsHidden","isPipModeActive","state","app","pipModeStatus","ACTIVE","keyboardState","dismissKeyboard","dismiss","clearTimer","current","clearTimeout","toggleControls","fromTimeout","value","OPEN","OPENING","duration","easing","ease","finished","setTimeout","tapGesture","Tap","onEnd","requireExternalGestureToFail","createElement","style","styles","container","hidden","barStyle","gesture","collapsable","transparent","showControls","create","flex","position","takeLessSpaceAsItCan","reconnectionWrapper"],"sourceRoot":"../../../src","sources":["components/MeetingScreenContent.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useRef","useState","useEffect","StyleSheet","View","Keyboard","useSelector","Easing","KeyboardState","cancelAnimation","runOnJS","useSharedValue","withTiming","Gesture","GestureDetector","HeaderFooterHideDelayMs","PipModes","Footer","DisplayView","Header","useKeyboardState","HMSStatusBar","AnimatedFooter","AnimatedHeader","MeetingScreenContent","peerTrackNodes","offset","timerIdRef","controlsHidden","setControlsHidden","isPipModeActive","state","app","pipModeStatus","ACTIVE","keyboardState","dismissKeyboard","dismiss","clearTimer","current","clearTimeout","toggleControls","fromTimeout","value","OPEN","OPENING","duration","easing","ease","finished","setTimeout","tapGesture","Tap","onEnd","requireExternalGestureToFail","createElement","style","styles","container","hidden","barStyle","gesture","collapsable","create","flex","position","takeLessSpaceAsItCan","reconnectionWrapper"],"sourceRoot":"../../../src","sources":["components/MeetingScreenContent.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/OverlayedViews.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { HMSNotifications } from './HMSNotifications';
 import { OverlayContainer } from './OverlayContainer';
-import { HLSChatView } from './HMSOverlayChatView';
+import { HMSOverlayChatView } from './HMSOverlayChatView';
 import { useShowChatAndParticipants } from '../hooks-util';
 const _OverlayedViews = ({
   offset,
@@ -12,7 +12,7 @@ const _OverlayedViews = ({
   } = useShowChatAndParticipants();
   return /*#__PURE__*/React.createElement(OverlayContainer.Overlay, {
     animatedStyle: animatedStyle
-  }, overlayChatVisible ? /*#__PURE__*/React.createElement(HLSChatView, {
+  }, overlayChatVisible ? /*#__PURE__*/React.createElement(HMSOverlayChatView, {
     offset: offset
   }) : null, /*#__PURE__*/React.createElement(HMSNotifications, null));
 };

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

@@ -1 +1 @@
-{"version":3,"names":["React","HMSNotifications","OverlayContainer","HLSChatView","useShowChatAndParticipants","_OverlayedViews","offset","animatedStyle","overlayChatVisible","createElement","Overlay","OverlayedViews","memo"],"sourceRoot":"../../../src","sources":["components/OverlayedViews.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,SAASC,WAAW,QAAQ,sBAAsB;AAClD,SAASC,0BAA0B,QAAQ,eAAe;AAM1D,MAAMC,eAA8C,GAAGA,CAAC;EACtDC,MAAM;EACNC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAmB,CAAC,GAAGJ,0BAA0B,CAAC,CAAC;EAE3D,oBACEJ,KAAA,CAAAS,aAAA,CAACP,gBAAgB,CAACQ,OAAO;IAACH,aAAa,EAAEA;EAAc,GACpDC,kBAAkB,gBAAGR,KAAA,CAAAS,aAAA,CAACN,WAAW;IAACG,MAAM,EAAEA;EAAO,CAAE,CAAC,GAAG,IAAI,eAE5DN,KAAA,CAAAS,aAAA,CAACR,gBAAgB,MAAE,CACK,CAAC;AAE/B,CAAC;AAED,OAAO,MAAMU,cAAc,gBAAGX,KAAK,CAACY,IAAI,CAACP,eAAe,CAAC","ignoreList":[]}
+{"version":3,"names":["React","HMSNotifications","OverlayContainer","HMSOverlayChatView","useShowChatAndParticipants","_OverlayedViews","offset","animatedStyle","overlayChatVisible","createElement","Overlay","OverlayedViews","memo"],"sourceRoot":"../../../src","sources":["components/OverlayedViews.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,0BAA0B,QAAQ,eAAe;AAM1D,MAAMC,eAA8C,GAAGA,CAAC;EACtDC,MAAM;EACNC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAmB,CAAC,GAAGJ,0BAA0B,CAAC,CAAC;EAE3D,oBACEJ,KAAA,CAAAS,aAAA,CAACP,gBAAgB,CAACQ,OAAO;IAACH,aAAa,EAAEA;EAAc,GACpDC,kBAAkB,gBAAGR,KAAA,CAAAS,aAAA,CAACN,kBAAkB;IAACG,MAAM,EAAEA;EAAO,CAAE,CAAC,GAAG,IAAI,eAEnEN,KAAA,CAAAS,aAAA,CAACR,gBAAgB,MAAE,CACK,CAAC;AAE/B,CAAC;AAED,OAAO,MAAMU,cAAc,gBAAGX,KAAK,CAACY,IAAI,CAACP,eAAe,CAAC","ignoreList":[]}

package/lib/module/components/PressableIcon.js

@@ -3,7 +3,6 @@ import * as React from 'react';
 import { StyleSheet, TouchableOpacity } from 'react-native';
 import { GestureDetector, Gesture } from 'react-native-gesture-handler';
 import { useHMSRoomStyleSheet, useIsHLSViewer } from '../hooks-util';
-import { hexToRgbA } from '../utils/theme';
 export const PressableIcon = ({
   children,
   style,
@@ -15,7 +14,7 @@ export const PressableIcon = ({
   const isHLSViewer = useIsHLSViewer();
   const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
     pressable: {
-      backgroundColor: isHLSViewer ? theme.palette.background_dim && hexToRgbA(theme.palette.background_dim, 0.64) : undefined
+      backgroundColor: isHLSViewer ? theme.palette.surface_default : undefined
     },
     border: {
       borderColor: theme.palette.border_bright

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","TouchableOpacity","GestureDetector","Gesture","useHMSRoomStyleSheet","useIsHLSViewer","hexToRgbA","PressableIcon","children","style","active","rounded","border","restProps","isHLSViewer","hmsRoomStyles","theme","pressable","backgroundColor","palette","background_dim","undefined","borderColor","border_bright","surface_brighter","tapGesture","useMemo","Tap","createElement","gesture","_extends","styles","borderRadius","withBorder","create","padding","alignSelf","borderWidth"],"sourceRoot":"../../../src","sources":["components/PressableIcon.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,cAAc;AAE3D,SAASC,eAAe,EAAEC,OAAO,QAAQ,8BAA8B;AAEvE,SAASC,oBAAoB,EAAEC,cAAc,QAAQ,eAAe;AACpE,SAASC,SAAS,QAAQ,gBAAgB;AAS1C,OAAO,MAAMC,aAA2C,GAAGA,CAAC;EAC1DC,QAAQ;EACRC,KAAK;EACLC,MAAM,GAAG,KAAK;EACdC,OAAO,GAAG,KAAK;EACfC,MAAM,GAAG,IAAI;EACb,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAGT,cAAc,CAAC,CAAC;EAEpC,MAAMU,aAAa,GAAGX,oBAAoB,CACvCY,KAAK,KAAM;IACVC,SAAS,EAAE;MACTC,eAAe,EAAEJ,WAAW,GACxBE,KAAK,CAACG,OAAO,CAACC,cAAc,IAC5Bd,SAAS,CAACU,KAAK,CAACG,OAAO,CAACC,cAAc,EAAE,IAAI,CAAC,GAC7CC;IACN,CAAC;IACDT,MAAM,EAAE;MACNU,WAAW,EAAEN,KAAK,CAACG,OAAO,CAACI;IAC7B,CAAC;IACDb,MAAM,EAAE;MACNQ,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACK,gBAAgB;MAC/CF,WAAW,EAAEN,KAAK,CAACG,OAAO,CAACK;IAC7B;EACF,CAAC,CAAC,EACF,CAACV,WAAW,CACd,CAAC;EAED,MAAMW,UAAU,GAAG1B,KAAK,CAAC2B,OAAO,CAAC,MAAMvB,OAAO,CAACwB,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC;EAEzD,oBACE5B,KAAA,CAAA6B,aAAA,CAAC1B,eAAe;IAAC2B,OAAO,EAAEJ;EAAW,gBACnC1B,KAAA,CAAA6B,aAAA,CAAC3B,gBAAgB,EAAA6B,QAAA;IACfrB,KAAK,EAAE,CACLsB,MAAM,CAACd,SAAS,EAChBF,aAAa,CAACE,SAAS,EACvB;MACEe,YAAY,EAAErB,OAAO,GAAG,EAAE,GAAG,CAAC;MAC9B,IAAIC,MAAM,IAAI,CAACE,WAAW,GACtB;QAAE,GAAGiB,MAAM,CAACE,UAAU;QAAE,GAAGlB,aAAa,CAACH;MAAO,CAAC,GACjDS,SAAS,CAAC;MACd,IAAIX,MAAM,GAAGK,aAAa,CAACL,MAAM,GAAGW,SAAS;IAC/C,CAAC,EACDZ,KAAK;EACL,GACEI,SAAS,GAEZL,QACe,CACH,CAAC;AAEtB,CAAC;AAED,MAAMuB,MAAM,GAAG/B,UAAU,CAACkC,MAAM,CAAC;EAC/BjB,SAAS,EAAE;IACTe,YAAY,EAAE,CAAC;IACfG,OAAO,EAAE,CAAC;IACVC,SAAS,EAAE;EACb,CAAC;EACDH,UAAU,EAAE;IACVI,WAAW,EAAE;EACf;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","TouchableOpacity","GestureDetector","Gesture","useHMSRoomStyleSheet","useIsHLSViewer","PressableIcon","children","style","active","rounded","border","restProps","isHLSViewer","hmsRoomStyles","theme","pressable","backgroundColor","palette","surface_default","undefined","borderColor","border_bright","surface_brighter","tapGesture","useMemo","Tap","createElement","gesture","_extends","styles","borderRadius","withBorder","create","padding","alignSelf","borderWidth"],"sourceRoot":"../../../src","sources":["components/PressableIcon.tsx"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,gBAAgB,QAAQ,cAAc;AAE3D,SAASC,eAAe,EAAEC,OAAO,QAAQ,8BAA8B;AAEvE,SAASC,oBAAoB,EAAEC,cAAc,QAAQ,eAAe;AASpE,OAAO,MAAMC,aAA2C,GAAGA,CAAC;EAC1DC,QAAQ;EACRC,KAAK;EACLC,MAAM,GAAG,KAAK;EACdC,OAAO,GAAG,KAAK;EACfC,MAAM,GAAG,IAAI;EACb,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAGR,cAAc,CAAC,CAAC;EAEpC,MAAMS,aAAa,GAAGV,oBAAoB,CACvCW,KAAK,KAAM;IACVC,SAAS,EAAE;MACTC,eAAe,EAAEJ,WAAW,GACxBE,KAAK,CAACG,OAAO,CAACC,eAAe,GAC7BC;IACN,CAAC;IACDT,MAAM,EAAE;MACNU,WAAW,EAAEN,KAAK,CAACG,OAAO,CAACI;IAC7B,CAAC;IACDb,MAAM,EAAE;MACNQ,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACK,gBAAgB;MAC/CF,WAAW,EAAEN,KAAK,CAACG,OAAO,CAACK;IAC7B;EACF,CAAC,CAAC,EACF,CAACV,WAAW,CACd,CAAC;EAED,MAAMW,UAAU,GAAGzB,KAAK,CAAC0B,OAAO,CAAC,MAAMtB,OAAO,CAACuB,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC;EAEzD,oBACE3B,KAAA,CAAA4B,aAAA,CAACzB,eAAe;IAAC0B,OAAO,EAAEJ;EAAW,gBACnCzB,KAAA,CAAA4B,aAAA,CAAC1B,gBAAgB,EAAA4B,QAAA;IACfrB,KAAK,EAAE,CACLsB,MAAM,CAACd,SAAS,EAChBF,aAAa,CAACE,SAAS,EACvB;MACEe,YAAY,EAAErB,OAAO,GAAG,EAAE,GAAG,CAAC;MAC9B,IAAIC,MAAM,IAAI,CAACE,WAAW,GACtB;QAAE,GAAGiB,MAAM,CAACE,UAAU;QAAE,GAAGlB,aAAa,CAACH;MAAO,CAAC,GACjDS,SAAS,CAAC;MACd,IAAIX,MAAM,GAAGK,aAAa,CAACL,MAAM,GAAGW,SAAS;IAC/C,CAAC,EACDZ,KAAK;EACL,GACEI,SAAS,GAEZL,QACe,CACH,CAAC;AAEtB,CAAC;AAED,MAAMuB,MAAM,GAAG9B,UAAU,CAACiC,MAAM,CAAC;EAC/BjB,SAAS,EAAE;IACTe,YAAY,EAAE,CAAC;IACfG,OAAO,EAAE,CAAC;IACVC,SAAS,EAAE;EACb,CAAC;EACDH,UAAU,EAAE;IACVI,WAAW,EAAE;EACf;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/hooks-util.js

@@ -17,7 +17,8 @@ import { getRoomLayout } from './modules/HMSManager';
 import { DEFAULT_THEME, DEFAULT_TYPOGRAPHY } from './utils/theme';
 import { NotificationTypes } from './types';
 import { KeyboardState, useSharedValue } from 'react-native-reanimated';
-import { useHMSActions } from './hooks-sdk';
+import { useCanPublishAudio, useCanPublishScreen, useCanPublishVideo, useHMSActions } from './hooks-sdk';
+import { useSafeAreaFrame, useSafeAreaInsets } from 'react-native-safe-area-context';
 export const useHMSListeners = setPeerTrackNodes => {
   const hmsInstance = useHMSInstance();
   const updateLocalPeer = useUpdateHMSLocalPeer(hmsInstance);
@@ -668,7 +669,7 @@ export const useHMSSessionStoreListeners = gridViewRef => {
               spotlightTrackId: id
             }));
             // Scroll to start of the list
-            (_gridViewRef$current = gridViewRef.current) === null || _gridViewRef$current === void 0 || (_gridViewRef$current = _gridViewRef$current.getRegularTilesFlatlistRef().current) === null || _gridViewRef$current === void 0 || _gridViewRef$current.scrollToOffset({
+            gridViewRef === null || gridViewRef === void 0 || (_gridViewRef$current = gridViewRef.current) === null || _gridViewRef$current === void 0 || (_gridViewRef$current = _gridViewRef$current.getRegularTilesFlatlistRef().current) === null || _gridViewRef$current === void 0 || _gridViewRef$current.scrollToOffset({
               animated: true,
               offset: 0
             });
@@ -1208,6 +1209,7 @@ export const useHMSConfig = () => {
   };
 };
 export const useShowChatAndParticipants = () => {
+  const isHLSViewer = useIsHLSViewer();
   const dispatch = useDispatch();
   const {
     modalVisibleType,
@@ -1216,7 +1218,7 @@ export const useShowChatAndParticipants = () => {
   const overlayChatLayout = useHMSChatLayoutConfig(chatConfig => chatConfig === null || chatConfig === void 0 ? void 0 : chatConfig.is_overlay);
   const canShowChat = useHMSConferencingScreenConfig(conferencingScreenConfig => {
     var _conferencingScreenCo2;
-    return !!(conferencingScreenConfig !== null && conferencingScreenConfig !== void 0 && (_conferencingScreenCo2 = conferencingScreenConfig.elements) !== null && _conferencingScreenCo2 !== void 0 && _conferencingScreenCo2.chat);
+    return !!(conferencingScreenConfig !== null && conferencingScreenConfig !== void 0 && (_conferencingScreenCo2 = conferencingScreenConfig.elements) !== null && _conferencingScreenCo2 !== void 0 && _conferencingScreenCo2.chat) && !isHLSViewer;
   });
   const canShowParticipants = useHMSConferencingScreenConfig(conferencingScreenConfig => {
     var _conferencingScreenCo3;
@@ -1708,13 +1710,14 @@ export const useBackButtonPress = () => {
   }, [handleBackPress, handleModalVisibleType]);
 };
 export const useLandscapeImmersiveMode = () => {
+  const isHLSViewer = useIsHLSViewer();
   const isLandscapeOrientation = useIsLandscapeOrientation();
   useEffect(() => {
-    if (isLandscapeOrientation) {
+    if (!isHLSViewer && isLandscapeOrientation) {
       WindowController.hideSystemBars();
       return WindowController.showSystemBars;
     }
-  }, [isLandscapeOrientation]);
+  }, [isHLSViewer, isLandscapeOrientation]);
 };
 export const useHLSCuedPolls = () => {
   const dispatch = useDispatch();
@@ -2087,4 +2090,121 @@ export const useAllowBlockingPeerFromChat = () => {
     return (config === null || config === void 0 || (_config$real_time_con = config.real_time_controls) === null || _config$real_time_con === void 0 ? void 0 : _config$real_time_con.can_block_user) ?? false;
   });
 };
+export const useCanShowRoomOptionsButton = () => {
+  const canPublishAudio = useCanPublishAudio();
+  const canPublishVideo = useCanPublishVideo();
+  const canPublishScreen = useCanPublishScreen();
+  const isViewer = !(canPublishAudio || canPublishVideo || canPublishScreen);
+  const editUsernameDisabled = useSelector(state => state.app.editUsernameDisabled);
+  const [isNoiseCancellationAvailable, setIsNoiseCancellationAvailable] = useState(false);
+  const noiseCancellationPlugin = useSelector(state => state.hmsStates.noiseCancellationPlugin);
+  useEffect(() => {
+    if (noiseCancellationPlugin) {
+      let mounted = true;
+      noiseCancellationPlugin.isNoiseCancellationAvailable().then(isAvailable => {
+        if (mounted) {
+          setIsNoiseCancellationAvailable(isAvailable);
+        }
+      });
+      return () => {
+        mounted = false;
+      };
+    }
+  }, [noiseCancellationPlugin]);
+  const canShowBRB = useHMSLayoutConfig(layoutConfig => {
+    var _layoutConfig$screens3;
+    return !!(layoutConfig !== null && layoutConfig !== void 0 && (_layoutConfig$screens3 = layoutConfig.screens) !== null && _layoutConfig$screens3 !== void 0 && (_layoutConfig$screens3 = _layoutConfig$screens3.conferencing) !== null && _layoutConfig$screens3 !== void 0 && (_layoutConfig$screens3 = _layoutConfig$screens3.default) !== null && _layoutConfig$screens3 !== void 0 && (_layoutConfig$screens3 = _layoutConfig$screens3.elements) !== null && _layoutConfig$screens3 !== void 0 && _layoutConfig$screens3.brb);
+  });
+  const canStartRecording = useSelector(state => {
+    var _state$hmsStates$loca9;
+    return !!((_state$hmsStates$loca9 = state.hmsStates.localPeer) !== null && _state$hmsStates$loca9 !== void 0 && (_state$hmsStates$loca9 = _state$hmsStates$loca9.role) !== null && _state$hmsStates$loca9 !== void 0 && (_state$hmsStates$loca9 = _state$hmsStates$loca9.permissions) !== null && _state$hmsStates$loca9 !== void 0 && _state$hmsStates$loca9.browserRecording);
+  });
+  const canReadOrWritePoll = useSelector(state => {
+    var _state$hmsStates$loca10;
+    const permissions = (_state$hmsStates$loca10 = state.hmsStates.localPeer) === null || _state$hmsStates$loca10 === void 0 || (_state$hmsStates$loca10 = _state$hmsStates$loca10.role) === null || _state$hmsStates$loca10 === void 0 ? void 0 : _state$hmsStates$loca10.permissions;
+    return (permissions === null || permissions === void 0 ? void 0 : permissions.pollRead) || (permissions === null || permissions === void 0 ? void 0 : permissions.pollWrite);
+  });
+  const {
+    canShowParticipants
+  } = useShowChatAndParticipants();
+  const canEditUsernameFromRoomModal = isViewer && !editUsernameDisabled;
+  const canShowOptions = canShowParticipants || canPublishScreen || canShowBRB || canStartRecording || canEditUsernameFromRoomModal || canReadOrWritePoll || isNoiseCancellationAvailable;
+  return canShowOptions;
+};
+export const useHLSViewsConstraints = () => {
+  const hlsFullScreen = useSelector(state => state.app.hlsFullScreen);
+  const isLandscapeOrientation = useIsLandscapeOrientation();
+  const {
+    width: safeAreaWidthFrame,
+    height: safeAreaHeightFrame
+  } = useSafeAreaFrame();
+  const {
+    top: topInset,
+    bottom: bottomInset,
+    left: leftInset,
+    right: rightInset
+  } = useSafeAreaInsets();
+  const playerWrapperConstraints = hlsFullScreen ? {
+    width: safeAreaWidthFrame - leftInset - rightInset,
+    height: isLandscapeOrientation ? safeAreaHeightFrame : safeAreaHeightFrame - topInset - bottomInset
+  } : {
+    width: isLandscapeOrientation ? (safeAreaWidthFrame - leftInset - rightInset) * 0.6 : safeAreaWidthFrame,
+    height: isLandscapeOrientation ? safeAreaHeightFrame : safeAreaWidthFrame * 9 / 16
+  };
+  const chatWrapperConstraints = {
+    width: isLandscapeOrientation ? safeAreaWidthFrame - playerWrapperConstraints.width - leftInset : playerWrapperConstraints.width,
+    height: isLandscapeOrientation ? playerWrapperConstraints.height : safeAreaHeightFrame - playerWrapperConstraints.height - topInset
+  };
+  const descriptionPaneConstraints = chatWrapperConstraints;
+  return {
+    playerWrapperConstraints,
+    chatWrapperConstraints,
+    descriptionPaneConstraints
+  };
+};
+export const useHLSPlayerConstraints = () => {
+  const hlsFullScreen = useSelector(state => state.app.hlsFullScreen);
+  const isLandscapeOrientation = useIsLandscapeOrientation();
+  const resolution = useHMSHLSPlayerResolution();
+  const {
+    playerWrapperConstraints
+  } = useHLSViewsConstraints();
+  const wrapperWidth = playerWrapperConstraints.width;
+  const wrapperHeight = playerWrapperConstraints.height;
+  if (!resolution) {
+    return {
+      width: wrapperWidth,
+      height: wrapperHeight
+    };
+  }
+  const sr = resolution.width / resolution.height; // stream width/height ratio
+  const wr = wrapperWidth / wrapperHeight; // Wrapper width/height ratio
+
+  /**
+   * Handling Landscape Orientation for both Full and Normal screen
+   */
+  if (isLandscapeOrientation) {
+    return sr > 1 || sr > wr ? {
+      width: wrapperWidth,
+      height: wrapperWidth / sr
+    } : {
+      width: sr * wrapperHeight,
+      height: wrapperHeight
+    };
+  }
+
+  /**
+   * Handling Portrait Orientation
+   */
+  if (hlsFullScreen) {
+    return {
+      width: sr > wr ? wrapperWidth : wrapperHeight * sr,
+      height: sr > wr ? wrapperWidth / sr : wrapperHeight
+    };
+  }
+  return {
+    width: wrapperHeight * sr,
+    height: wrapperHeight
+  };
+};
 //# sourceMappingURL=hooks-util.js.map