@100mslive/react-native-room-kit 1.0.5 → 1.0.7

package/lib/module/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.js

@@ -1,33 +1,37 @@
 import * as React from 'react';
 import { StyleSheet } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { BottomSheet } from '../BottomSheet';
-import { useShowChatAndParticipants } from '../../hooks-util';
+import { useHMSRoomStyleSheet, useShowChatAndParticipants } from '../../hooks-util';
 import { ChatAndParticipantsView } from './ChatAndParticipantsView';
-import { HEADER_HEIGHT } from '../Header';
+import { useHeaderHeight } from '../Header';
+import { useIsLandscapeOrientation } from '../../utils/dimension';
 export const ChatAndParticipantsBottomSheet = () => {
-  const {
-    top: topSafeArea
-  } = useSafeAreaInsets();
+  const headerHeight = useHeaderHeight();
+  const isLandscapeOrientation = useIsLandscapeOrientation();
   const {
     modalVisible,
     hide
   } = useShowChatAndParticipants();
+  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
+    contentContainer: {
+      backgroundColor: theme.palette.surface_dim
+    }
+  }));
   const closeChatWindow = () => hide('modal');
   return /*#__PURE__*/React.createElement(BottomSheet, {
+    fullWidth: true,
     dismissModal: closeChatWindow,
     isVisible: modalVisible,
     avoidKeyboard: true,
-    containerStyle: [styles.bottomSheet, {
-      marginTop: topSafeArea + HEADER_HEIGHT
-    }]
+    containerStyle: [styles.bottomSheet, hmsRoomStyles.contentContainer, {
+      marginTop: isLandscapeOrientation ? 0 : headerHeight
+    }],
+    bottomOffsetSpace: 0
   }, /*#__PURE__*/React.createElement(ChatAndParticipantsView, null));
 };
 const styles = StyleSheet.create({
   bottomSheet: {
-    flex: 1,
-    backgroundColor: undefined,
-    paddingBottom: 0
+    flex: 1
   }
 });
 //# sourceMappingURL=ChatAndParticipantsBottomSheet.js.map

package/lib/module/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","useSafeAreaInsets","BottomSheet","useShowChatAndParticipants","ChatAndParticipantsView","HEADER_HEIGHT","ChatAndParticipantsBottomSheet","top","topSafeArea","modalVisible","hide","closeChatWindow","createElement","dismissModal","isVisible","avoidKeyboard","containerStyle","styles","bottomSheet","marginTop","create","flex","backgroundColor","undefined","paddingBottom"],"sourceRoot":"../../../../src","sources":["components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,SAASC,0BAA0B,QAAQ,kBAAkB;AAC7D,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,aAAa,QAAQ,WAAW;AAEzC,OAAO,MAAMC,8BAA8B,GAAGA,CAAA,KAAM;EAClD,MAAM;IAAEC,GAAG,EAAEC;EAAY,CAAC,GAAGP,iBAAiB,CAAC,CAAC;EAEhD,MAAM;IAAEQ,YAAY;IAAEC;EAAK,CAAC,GAAGP,0BAA0B,CAAC,CAAC;EAE3D,MAAMQ,eAAe,GAAGA,CAAA,KAAMD,IAAI,CAAC,OAAO,CAAC;EAE3C,oBACEX,KAAA,CAAAa,aAAA,CAACV,WAAW;IACVW,YAAY,EAAEF,eAAgB;IAC9BG,SAAS,EAAEL,YAAa;IACxBM,aAAa,EAAE,IAAK;IACpBC,cAAc,EAAE,CACdC,MAAM,CAACC,WAAW,EAClB;MAAEC,SAAS,EAAEX,WAAW,GAAGH;IAAc,CAAC;EAC1C,gBAEFN,KAAA,CAAAa,aAAA,CAACR,uBAAuB,MAAE,CACf,CAAC;AAElB,CAAC;AAED,MAAMa,MAAM,GAAGjB,UAAU,CAACoB,MAAM,CAAC;EAC/BF,WAAW,EAAE;IACXG,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEC,SAAS;IAC1BC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","StyleSheet","BottomSheet","useHMSRoomStyleSheet","useShowChatAndParticipants","ChatAndParticipantsView","useHeaderHeight","useIsLandscapeOrientation","ChatAndParticipantsBottomSheet","headerHeight","isLandscapeOrientation","modalVisible","hide","hmsRoomStyles","theme","contentContainer","backgroundColor","palette","surface_dim","closeChatWindow","createElement","fullWidth","dismissModal","isVisible","avoidKeyboard","containerStyle","styles","bottomSheet","marginTop","bottomOffsetSpace","create","flex"],"sourceRoot":"../../../../src","sources":["components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,SAASC,oBAAoB,EAAEC,0BAA0B,QAAQ,kBAAkB;AACnF,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,eAAe,QAAQ,WAAW;AAC3C,SAASC,yBAAyB,QAAQ,uBAAuB;AAEjE,OAAO,MAAMC,8BAA8B,GAAGA,CAAA,KAAM;EAClD,MAAMC,YAAY,GAAGH,eAAe,CAAC,CAAC;EACtC,MAAMI,sBAAsB,GAAGH,yBAAyB,CAAC,CAAC;EAE1D,MAAM;IAAEI,YAAY;IAAEC;EAAK,CAAC,GAAGR,0BAA0B,CAAC,CAAC;EAE3D,MAAMS,aAAa,GAAGV,oBAAoB,CAAEW,KAAK,KAAM;IACrDC,gBAAgB,EAAE;MAChBC,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACC;IACjC;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,eAAe,GAAGA,CAAA,KAAMP,IAAI,CAAC,OAAO,CAAC;EAE3C,oBACEZ,KAAA,CAAAoB,aAAA,CAAClB,WAAW;IACVmB,SAAS,EAAE,IAAK;IAChBC,YAAY,EAAEH,eAAgB;IAC9BI,SAAS,EAAEZ,YAAa;IACxBa,aAAa,EAAE,IAAK;IACpBC,cAAc,EAAE,CACdC,MAAM,CAACC,WAAW,EAClBd,aAAa,CAACE,gBAAgB,EAC9B;MACEa,SAAS,EAAElB,sBAAsB,GAAG,CAAC,GAAGD;IAC1C,CAAC,CACD;IACFoB,iBAAiB,EAAE;EAAE,gBAErB7B,KAAA,CAAAoB,aAAA,CAACf,uBAAuB,MAAE,CACf,CAAC;AAElB,CAAC;AAED,MAAMqB,MAAM,GAAGzB,UAAU,CAAC6B,MAAM,CAAC;EAC/BH,WAAW,EAAE;IACXI,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}

package/lib/module/components/ChatAndParticipants/ChatAndParticipantsView.js

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { useSelector } from 'react-redux';
-import { StyleSheet, View } from 'react-native';
+import { Platform, StyleSheet, View } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
 import { useHMSRoomStyleSheet, useShowChatAndParticipants } from '../../hooks-util';
 import { ChatAndParticipantsHeader } from './ChatAndParticipantsHeader';
 import { ChatFilterBottomSheetView } from '../Chat/ChatFilterBottomSheetView';
@@ -22,8 +23,9 @@ const _ChatAndParticipantsView = () => {
   }));
   const showParticipants = activeChatBottomSheetTab === 'Participants' && canShowParticipants;
   const showChat = activeChatBottomSheetTab === 'Chat' && canShowChat && !overlayChatLayout;
-  return /*#__PURE__*/React.createElement(View, {
-    style: styles.container
+  return /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: styles.container,
+    edges: ['left', 'right']
   }, /*#__PURE__*/React.createElement(View, {
     style: [styles.contentContainer, hmsRoomStyles.contentContainer, showParticipants ? styles.participantsContainer : null]
   }, /*#__PURE__*/React.createElement(ChatAndParticipantsHeader, {
@@ -41,7 +43,7 @@ const styles = StyleSheet.create({
     flex: 1,
     paddingHorizontal: 16,
     paddingTop: 12,
-    paddingBottom: 32,
+    paddingBottom: Platform.OS === 'ios' ? 32 : 0,
     borderTopLeftRadius: 16,
     borderTopRightRadius: 16
   },

package/lib/module/components/ChatAndParticipants/ChatAndParticipantsView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useSelector","StyleSheet","View","useHMSRoomStyleSheet","useShowChatAndParticipants","ChatAndParticipantsHeader","ChatFilterBottomSheetView","ParticipantsView","ChatView","_ChatAndParticipantsView","activeChatBottomSheetTab","state","app","hide","canShowParticipants","canShowChat","overlayChatLayout","closeBottomSheet","hmsRoomStyles","theme","contentContainer","backgroundColor","palette","surface_dim","showParticipants","showChat","createElement","style","styles","container","participantsContainer","onClosePress","participantsWrapper","create","flex","position","paddingHorizontal","paddingTop","paddingBottom","borderTopLeftRadius","borderTopRightRadius","marginTop","ChatAndParticipantsView","memo"],"sourceRoot":"../../../../src","sources":["components/ChatAndParticipants/ChatAndParticipantsView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SACEC,oBAAoB,EACpBC,0BAA0B,QACrB,kBAAkB;AACzB,SAASC,yBAAyB,QAAQ,6BAA6B;AACvE,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,QAAQ,QAAQ,YAAY;AAErC,MAAMC,wBAAkC,GAAGA,CAAA,KAAM;EAC/C,MAAMC,wBAAwB,GAAGV,WAAW,CACzCW,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACF,wBAClC,CAAC;EAED,MAAM;IAAEG,IAAI;IAAEC,mBAAmB;IAAEC,WAAW;IAAEC;EAAkB,CAAC,GACjEZ,0BAA0B,CAAC,CAAC;EAE9B,MAAMa,gBAAgB,GAAGA,CAAA,KAAMJ,IAAI,CAAC,OAAO,CAAC;EAE5C,MAAMK,aAAa,GAAGf,oBAAoB,CAAEgB,KAAK,KAAM;IACrDC,gBAAgB,EAAE;MAChBC,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACC;IACjC;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,gBAAgB,GACpBd,wBAAwB,KAAK,cAAc,IAAII,mBAAmB;EAEpE,MAAMW,QAAQ,GACZf,wBAAwB,KAAK,MAAM,IAAIK,WAAW,IAAI,CAACC,iBAAiB;EAE1E,oBACEjB,KAAA,CAAA2B,aAAA,CAACxB,IAAI;IAACyB,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5B9B,KAAA,CAAA2B,aAAA,CAACxB,IAAI;IACHyB,KAAK,EAAE,CACLC,MAAM,CAACR,gBAAgB,EACvBF,aAAa,CAACE,gBAAgB,EAC9BI,gBAAgB,GAAGI,MAAM,CAACE,qBAAqB,GAAG,IAAI;EACtD,gBAEF/B,KAAA,CAAA2B,aAAA,CAACrB,yBAAyB;IAAC0B,YAAY,EAAEd;EAAiB,CAAE,CAAC,EAE5DO,gBAAgB,gBACfzB,KAAA,CAAA2B,aAAA,CAACxB,IAAI;IAACyB,KAAK,EAAEC,MAAM,CAACI;EAAoB,gBACtCjC,KAAA,CAAA2B,aAAA,CAACnB,gBAAgB,MAAE,CACf,CAAC,GACLkB,QAAQ,gBACV1B,KAAA,CAAA2B,aAAA,CAAClB,QAAQ,MAAE,CAAC,GACV,IACA,CAAC,eAEPT,KAAA,CAAA2B,aAAA,CAACpB,yBAAyB,MAAE,CACxB,CAAC;AAEX,CAAC;AAED,MAAMsB,MAAM,GAAG3B,UAAU,CAACgC,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE;EACZ,CAAC;EACDf,gBAAgB,EAAE;IAChBc,IAAI,EAAE,CAAC;IACPE,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,EAAE;IACjBC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE;EACxB,CAAC;EACDV,qBAAqB,EAAE;IACrBQ,aAAa,EAAE;EACjB,CAAC;EACDN,mBAAmB,EAAE;IACnBE,IAAI,EAAE,CAAC;IACPO,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,uBAAuB,gBAAG3C,KAAK,CAAC4C,IAAI,CAAClC,wBAAwB,CAAC"}
+{"version":3,"names":["React","useSelector","Platform","StyleSheet","View","SafeAreaView","useHMSRoomStyleSheet","useShowChatAndParticipants","ChatAndParticipantsHeader","ChatFilterBottomSheetView","ParticipantsView","ChatView","_ChatAndParticipantsView","activeChatBottomSheetTab","state","app","hide","canShowParticipants","canShowChat","overlayChatLayout","closeBottomSheet","hmsRoomStyles","theme","contentContainer","backgroundColor","palette","surface_dim","showParticipants","showChat","createElement","style","styles","container","edges","participantsContainer","onClosePress","participantsWrapper","create","flex","position","paddingHorizontal","paddingTop","paddingBottom","OS","borderTopLeftRadius","borderTopRightRadius","marginTop","ChatAndParticipantsView","memo"],"sourceRoot":"../../../../src","sources":["components/ChatAndParticipants/ChatAndParticipantsView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACzD,SAASC,YAAY,QAAQ,gCAAgC;AAE7D,SACEC,oBAAoB,EACpBC,0BAA0B,QACrB,kBAAkB;AACzB,SAASC,yBAAyB,QAAQ,6BAA6B;AACvE,SAASC,yBAAyB,QAAQ,mCAAmC;AAE7E,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,QAAQ,QAAQ,YAAY;AAErC,MAAMC,wBAAkC,GAAGA,CAAA,KAAM;EAC/C,MAAMC,wBAAwB,GAAGZ,WAAW,CACzCa,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACF,wBAClC,CAAC;EAED,MAAM;IAAEG,IAAI;IAAEC,mBAAmB;IAAEC,WAAW;IAAEC;EAAkB,CAAC,GACjEZ,0BAA0B,CAAC,CAAC;EAE9B,MAAMa,gBAAgB,GAAGA,CAAA,KAAMJ,IAAI,CAAC,OAAO,CAAC;EAE5C,MAAMK,aAAa,GAAGf,oBAAoB,CAAEgB,KAAK,KAAM;IACrDC,gBAAgB,EAAE;MAChBC,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACC;IACjC;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,gBAAgB,GACpBd,wBAAwB,KAAK,cAAc,IAAII,mBAAmB;EAEpE,MAAMW,QAAQ,GACZf,wBAAwB,KAAK,MAAM,IAAIK,WAAW,IAAI,CAACC,iBAAiB;EAE1E,oBACEnB,KAAA,CAAA6B,aAAA,CAACxB,YAAY;IAACyB,KAAK,EAAEC,MAAM,CAACC,SAAU;IAACC,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO;EAAE,gBAC9DjC,KAAA,CAAA6B,aAAA,CAACzB,IAAI;IACH0B,KAAK,EAAE,CACLC,MAAM,CAACR,gBAAgB,EACvBF,aAAa,CAACE,gBAAgB,EAC9BI,gBAAgB,GAAGI,MAAM,CAACG,qBAAqB,GAAG,IAAI;EACtD,gBAEFlC,KAAA,CAAA6B,aAAA,CAACrB,yBAAyB;IAAC2B,YAAY,EAAEf;EAAiB,CAAE,CAAC,EAE5DO,gBAAgB,gBACf3B,KAAA,CAAA6B,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAEC,MAAM,CAACK;EAAoB,gBACtCpC,KAAA,CAAA6B,aAAA,CAACnB,gBAAgB,MAAE,CACf,CAAC,GACLkB,QAAQ,gBACV5B,KAAA,CAAA6B,aAAA,CAAClB,QAAQ,MAAE,CAAC,GACV,IACA,CAAC,eAEPX,KAAA,CAAA6B,aAAA,CAACpB,yBAAyB,MAAE,CAChB,CAAC;AAEnB,CAAC;AAED,MAAMsB,MAAM,GAAG5B,UAAU,CAACkC,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE;EACZ,CAAC;EACDhB,gBAAgB,EAAE;IAChBe,IAAI,EAAE,CAAC;IACPE,iBAAiB,EAAE,EAAE;IACrBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAExC,QAAQ,CAACyC,EAAE,KAAK,KAAK,GAAG,EAAE,GAAG,CAAC;IAC7CC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE;EACxB,CAAC;EACDX,qBAAqB,EAAE;IACrBQ,aAAa,EAAE;EACjB,CAAC;EACDN,mBAAmB,EAAE;IACnBE,IAAI,EAAE,CAAC;IACPQ,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,uBAAuB,gBAAG/C,KAAK,CAACgD,IAAI,CAACpC,wBAAwB,CAAC"}

package/lib/module/components/DefaultModal.js

@@ -5,6 +5,7 @@ import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { COLORS } from '../utils/theme';
 import { CustomButton } from './CustomButton';
 import { CloseIcon } from '../Icons';
+import { useIsLandscapeOrientation } from '../utils/dimension';
 export const DefaultModal = ({
   modalVisible,
   setModalVisible,
@@ -20,6 +21,7 @@ export const DefaultModal = ({
     left,
     right
   } = useSafeAreaInsets();
+  const isLandscapeOrientation = useIsLandscapeOrientation();
   return /*#__PURE__*/React.createElement(Modal, {
     useNativeDriver: true,
     useNativeDriverForBackdrop: true,
@@ -39,7 +41,7 @@ export const DefaultModal = ({
       justifyContent: modalPosiion
     }]
   }, /*#__PURE__*/React.createElement(View, {
-    style: [styles.contentContainer, modalPosiion === 'flex-end' ? styles.end : styles.center, viewStyle, {
+    style: [isLandscapeOrientation ? styles.landscapeContentContainer : styles.contentContainer, modalPosiion === 'flex-end' ? styles.end : styles.center, viewStyle, {
       marginLeft: left,
       marginRight: right
     }]
@@ -55,6 +57,12 @@ const styles = StyleSheet.create({
     // minHeight: '20%',
     backgroundColor: COLORS.SURFACE.DEFAULT
   },
+  landscapeContentContainer: {
+    maxHeight: '80%',
+    maxWidth: '60%',
+    // minHeight: '20%',
+    backgroundColor: COLORS.SURFACE.DEFAULT
+  },
   end: {
     flex: 1,
     borderTopLeftRadius: 16,

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","Modal","useSafeAreaInsets","COLORS","CustomButton","CloseIcon","DefaultModal","modalVisible","setModalVisible","children","animationIn","animationOut","modalPosiion","backdrop","viewStyle","modalStyle","left","right","createElement","useNativeDriver","useNativeDriverForBackdrop","hideModalContentWhileAnimating","avoidKeyboard","isVisible","coverScreen","hasBackdrop","supportedOrientations","onBackdropPress","onDismiss","onBackButtonPress","style","margin","justifyContent","styles","contentContainer","end","center","marginLeft","marginRight","onPress","crossButton","LeftIcon","create","maxHeight","backgroundColor","SURFACE","DEFAULT","flex","borderTopLeftRadius","borderTopRightRadius","padding","borderWidth","borderColor","BORDER","LIGHT","borderBottomWidth","borderRadius","marginHorizontal","alignSelf","width","height","position","top","alignItems","zIndex","crossButtonIcon","color","TEXT","HIGH_EMPHASIS"],"sourceRoot":"../../../src","sources":["components/DefaultModal.tsx"],"mappings":"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"}
+{"version":3,"names":["React","StyleSheet","View","Modal","useSafeAreaInsets","COLORS","CustomButton","CloseIcon","useIsLandscapeOrientation","DefaultModal","modalVisible","setModalVisible","children","animationIn","animationOut","modalPosiion","backdrop","viewStyle","modalStyle","left","right","isLandscapeOrientation","createElement","useNativeDriver","useNativeDriverForBackdrop","hideModalContentWhileAnimating","avoidKeyboard","isVisible","coverScreen","hasBackdrop","supportedOrientations","onBackdropPress","onDismiss","onBackButtonPress","style","margin","justifyContent","styles","landscapeContentContainer","contentContainer","end","center","marginLeft","marginRight","onPress","crossButton","LeftIcon","create","maxHeight","backgroundColor","SURFACE","DEFAULT","maxWidth","flex","borderTopLeftRadius","borderTopRightRadius","padding","borderWidth","borderColor","BORDER","LIGHT","borderBottomWidth","borderRadius","marginHorizontal","alignSelf","width","height","position","top","alignItems","zIndex","crossButtonIcon","color","TEXT","HIGH_EMPHASIS"],"sourceRoot":"../../../src","sources":["components/DefaultModal.tsx"],"mappings":"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"}

package/lib/module/components/DisplayView.js

@@ -1,8 +1,7 @@
 import React, { useRef, useState } from 'react';
 import { useSelector } from 'react-redux';
-import { InteractionManager } from 'react-native';
+import { InteractionManager, View } from 'react-native';
 import { HMSCameraControl } from '@100mslive/react-native-hms';
-import Animated, { interpolate, useAnimatedStyle } from 'react-native-reanimated';
 import { DefaultModal } from './DefaultModal';
 import { ModalTypes, PipModes } from '../utils/types';
 import { requestExternalStoragePermission } from '../utils/functions';
@@ -82,19 +81,13 @@ export const DisplayView = ({
     trackToChangeRef.current = track;
     setModalVisible(ModalTypes.STREAMING_QUALITY_SETTING, true);
   };
-  const animatedStyles = useAnimatedStyle(() => {
-    return {
-      transform: [{
-        translateY: interpolate(offset.value, [0, 1], [4, 0])
-      }]
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement(Animated.View, {
-    style: [{
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
       flex: 1
-    }, animatedStyles]
+    }
   }, isHLSViewer ? /*#__PURE__*/React.createElement(HLSView, null) : /*#__PURE__*/React.createElement(WebrtcView, {
     ref: gridViewRef,
+    offset: offset,
     peerTrackNodes: peerTrackNodes,
     handlePeerTileMorePress: handlePeerTileMorePress
   }), isPipModeActive ? null : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LeaveRoomBottomSheet, null), /*#__PURE__*/React.createElement(EndRoomModal, null), /*#__PURE__*/React.createElement(PreviewForRoleChangeModal, null), /*#__PURE__*/React.createElement(FullScreenVideoView, null), /*#__PURE__*/React.createElement(ChatAndParticipantsBottomSheet, null), /*#__PURE__*/React.createElement(BottomSheet, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","useState","useSelector","InteractionManager","HMSCameraControl","Animated","interpolate","useAnimatedStyle","DefaultModal","ModalTypes","PipModes","requestExternalStoragePermission","ChangeAspectRatio","ChangeRoleModal","ChangeTrackStateModal","SaveScreenshot","HLSView","PeerSettingsModalContent","StreamingQualityModalContent","useHMSChangeTrackStateRequest","useHMSInstance","useHMSRoleChangeRequest","useHMSSessionStoreListeners","useIsHLSViewer","useModalType","WebrtcView","BottomSheet","FullScreenVideoView","PreviewForRoleChangeModal","ChatAndParticipantsBottomSheet","LeaveRoomBottomSheet","EndRoomModal","DisplayView","offset","peerTrackNodes","hmsInstance","isHLSViewer","modalVisibleType","modalVisible","handleModalVisibleType","setModalVisible","gridViewRef","trackToChangeRef","isPipModeActive","state","app","pipModeStatus","ACTIVE","selectedPeerTrackNode","setSelectedPeerTrackNode","capturedImagePath","setCapturedImagePath","trackStateChangeRequest","CHANGE_TRACK","handlePeerTileMorePress","useCallback","peerTrackNode","PEER_SETTINGS","handleCaptureScreenShotPress","node","DEFAULT","runAfterInteractions","_gridViewRef$current","current","captureViewScreenshot","handleCaptureImageAtMaxSupportedResolutionPress","_node","permission","captureImageAtMaxSupportedResolution","then","imagePath","console","log","uri","catch","error","warn","handleStreamingQualityPress","track","STREAMING_QUALITY_SETTING","animatedStyles","transform","translateY","value","createElement","View","style","flex","ref","Fragment","isVisible","dismissModal","peerTrackNodesListEmpty","length","cancelModal","onCaptureScreenShotPress","onCaptureImageAtMaxSupportedResolutionPress","onStreamingQualityPress","modalPosiion","HLS_PLAYER_ASPECT_RATIO","imageSource","roleChangeRequest","CHANGE_ROLE"],"sourceRoot":"../../../src","sources":["components/DisplayView.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useRef","useState","useSelector","InteractionManager","View","HMSCameraControl","DefaultModal","ModalTypes","PipModes","requestExternalStoragePermission","ChangeAspectRatio","ChangeRoleModal","ChangeTrackStateModal","SaveScreenshot","HLSView","PeerSettingsModalContent","StreamingQualityModalContent","useHMSChangeTrackStateRequest","useHMSInstance","useHMSRoleChangeRequest","useHMSSessionStoreListeners","useIsHLSViewer","useModalType","WebrtcView","BottomSheet","FullScreenVideoView","PreviewForRoleChangeModal","ChatAndParticipantsBottomSheet","LeaveRoomBottomSheet","EndRoomModal","DisplayView","offset","peerTrackNodes","hmsInstance","isHLSViewer","modalVisibleType","modalVisible","handleModalVisibleType","setModalVisible","gridViewRef","trackToChangeRef","isPipModeActive","state","app","pipModeStatus","ACTIVE","selectedPeerTrackNode","setSelectedPeerTrackNode","capturedImagePath","setCapturedImagePath","trackStateChangeRequest","CHANGE_TRACK","handlePeerTileMorePress","useCallback","peerTrackNode","PEER_SETTINGS","handleCaptureScreenShotPress","node","DEFAULT","runAfterInteractions","_gridViewRef$current","current","captureViewScreenshot","handleCaptureImageAtMaxSupportedResolutionPress","_node","permission","captureImageAtMaxSupportedResolution","then","imagePath","console","log","uri","catch","error","warn","handleStreamingQualityPress","track","STREAMING_QUALITY_SETTING","createElement","style","flex","ref","Fragment","isVisible","dismissModal","peerTrackNodesListEmpty","length","cancelModal","onCaptureScreenShotPress","onCaptureImageAtMaxSupportedResolutionPress","onStreamingQualityPress","modalPosiion","HLS_PLAYER_ASPECT_RATIO","imageSource","roleChangeRequest","CHANGE_ROLE"],"sourceRoot":"../../../src","sources":["components/DisplayView.tsx"],"mappings":"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"}

package/lib/module/components/EndRoomModal.js

@@ -11,8 +11,7 @@ export const EndRoomModal = () => {
   const dismissModal = () => handleModalVisibleType(ModalTypes.DEFAULT);
   return /*#__PURE__*/React.createElement(BottomSheet, {
     dismissModal: dismissModal,
-    isVisible: modalVisibleType === ModalTypes.END_ROOM,
-    animationOutTiming: 700
+    isVisible: modalVisibleType === ModalTypes.END_ROOM
   }, /*#__PURE__*/React.createElement(EndRoomModalContent, {
     dismissModal: dismissModal
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["React","ModalTypes","BottomSheet","useModalType","EndRoomModalContent","EndRoomModal","modalVisibleType","handleModalVisibleType","dismissModal","DEFAULT","createElement","isVisible","END_ROOM","animationOutTiming"],"sourceRoot":"../../../src","sources":["components/EndRoomModal.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,UAAU,QAAQ,gBAAgB;AAC3C,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,YAAY,QAAQ,eAAe;AAC5C,SAASC,mBAAmB,QAAQ,uBAAuB;AAI3D,OAAO,MAAMC,YAAyC,GAAGA,CAAA,KAAM;EAC7D,MAAM;IAAEC,gBAAgB;IAAEC;EAAuB,CAAC,GAAGJ,YAAY,CAAC,CAAC;EAEnE,MAAMK,YAAY,GAAGA,CAAA,KAAMD,sBAAsB,CAACN,UAAU,CAACQ,OAAO,CAAC;EAErE,oBACET,KAAA,CAAAU,aAAA,CAACR,WAAW;IACVM,YAAY,EAAEA,YAAa;IAC3BG,SAAS,EAAEL,gBAAgB,KAAKL,UAAU,CAACW,QAAS;IACpDC,kBAAkB,EAAE;EAAI,gBAExBb,KAAA,CAAAU,aAAA,CAACN,mBAAmB;IAACI,YAAY,EAAEA;EAAa,CAAE,CACvC,CAAC;AAElB,CAAC"}
+{"version":3,"names":["React","ModalTypes","BottomSheet","useModalType","EndRoomModalContent","EndRoomModal","modalVisibleType","handleModalVisibleType","dismissModal","DEFAULT","createElement","isVisible","END_ROOM"],"sourceRoot":"../../../src","sources":["components/EndRoomModal.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,UAAU,QAAQ,gBAAgB;AAC3C,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,YAAY,QAAQ,eAAe;AAC5C,SAASC,mBAAmB,QAAQ,uBAAuB;AAI3D,OAAO,MAAMC,YAAyC,GAAGA,CAAA,KAAM;EAC7D,MAAM;IAAEC,gBAAgB;IAAEC;EAAuB,CAAC,GAAGJ,YAAY,CAAC,CAAC;EAEnE,MAAMK,YAAY,GAAGA,CAAA,KAAMD,sBAAsB,CAACN,UAAU,CAACQ,OAAO,CAAC;EAErE,oBACET,KAAA,CAAAU,aAAA,CAACR,WAAW;IACVM,YAAY,EAAEA,YAAa;IAC3BG,SAAS,EAAEL,gBAAgB,KAAKL,UAAU,CAACW;EAAS,gBAEpDZ,KAAA,CAAAU,aAAA,CAACN,mBAAmB;IAACI,YAAY,EAAEA;EAAa,CAAE,CACvC,CAAC;AAElB,CAAC"}

package/lib/module/components/EndRoomModalContent.js

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { useSelector } from 'react-redux';
 import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
+import { HMSStreamingState } from '@100mslive/react-native-hms';
 import { useHMSRoomStyleSheet, useLeaveMethods } from '../hooks-util';
 import { AlertTriangleIcon, CloseIcon } from '../Icons';
 import { HMSDangerButton } from './HMSDangerButton';
@@ -33,7 +34,7 @@ export const EndRoomModalContent = ({
   });
   const isStreaming = 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) ?? false;
+    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.state) === HMSStreamingState.STARTED ?? false;
   });
   return /*#__PURE__*/React.createElement(View, {
     style: styles.container

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

@@ -1 +1 @@
-{"version":3,"names":["React","useSelector","View","Text","StyleSheet","TouchableOpacity","useHMSRoomStyleSheet","useLeaveMethods","AlertTriangleIcon","CloseIcon","HMSDangerButton","OnLeaveReason","TestIds","EndRoomModalContent","dismissModal","endRoom","leave","hmsRoomStyles","theme","typography","headerText","color","palette","alert_error_default","fontFamily","font_family","text","on_surface_medium","canEndRoom","state","_state$hmsStates$loca","hmsStates","localPeer","role","permissions","canStream","_state$hmsStates$loca2","hlsStreaming","isStreaming","_state$hmsStates$room","room","hlsStreamingState","running","createElement","style","styles","container","header","headerControls","testID","end_confirmation_heading","end_confirmation_close_btn","onPress","hitSlop","closeIconHitSlop","end_confirmation_description","end_confirmation_cta","loading","LEAVE","ROOM_END","title","create","marginTop","marginHorizontal","flexDirection","alignItems","justifyContent","marginBottom","fontSize","lineHeight","letterSpacing","marginLeft","bottom","left","right","top"],"sourceRoot":"../../../src","sources":["components/EndRoomModalContent.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useSelector","View","Text","StyleSheet","TouchableOpacity","HMSStreamingState","useHMSRoomStyleSheet","useLeaveMethods","AlertTriangleIcon","CloseIcon","HMSDangerButton","OnLeaveReason","TestIds","EndRoomModalContent","dismissModal","endRoom","leave","hmsRoomStyles","theme","typography","headerText","color","palette","alert_error_default","fontFamily","font_family","text","on_surface_medium","canEndRoom","state","_state$hmsStates$loca","hmsStates","localPeer","role","permissions","canStream","_state$hmsStates$loca2","hlsStreaming","isStreaming","_state$hmsStates$room","room","hlsStreamingState","STARTED","createElement","style","styles","container","header","headerControls","testID","end_confirmation_heading","end_confirmation_close_btn","onPress","hitSlop","closeIconHitSlop","end_confirmation_description","end_confirmation_cta","loading","LEAVE","ROOM_END","title","create","marginTop","marginHorizontal","flexDirection","alignItems","justifyContent","marginBottom","fontSize","lineHeight","letterSpacing","marginLeft","bottom","left","right","top"],"sourceRoot":"../../../src","sources":["components/EndRoomModalContent.tsx"],"mappings":"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"}

package/lib/module/components/Footer.js

@@ -15,6 +15,7 @@ export const _Footer = () => {
   const canPublishAudio = useCanPublishAudio();
   const canPublishVideo = useCanPublishVideo();
   const canPublishScreen = useCanPublishScreen();
+  const editUsernameDisabled = useSelector(state => state.app.editUsernameDisabled);
   const isViewer = !(canPublishAudio || canPublishVideo || canPublishScreen);
   const {
     canShowParticipants,
@@ -32,13 +33,17 @@ export const _Footer = () => {
     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 && _state$hmsStates$loca.browserRecording);
   });
-  const canShowOptions = isViewer || canPublishScreen || canShowParticipants || canShowBRB || canStartRecording;
+  const canEditUsernameFromRoomModal = isViewer && !editUsernameDisabled;
+  const canShowHandRaiseInFooter = !isOnStage && isViewer; // on_stage_exp object undefined && viewer -> show in footer
+  const canShowHandRaiseInRoomModal = !isOnStage && !isViewer; // on_stage_exp object undefined && publisher -> show in room modal
+
+  const canShowOptions = canShowParticipants || canPublishScreen || canShowBRB || canShowHandRaiseInRoomModal || canStartRecording || canEditUsernameFromRoomModal;
   const footerActionButtons = useMemo(() => {
     const actions = [];
     if (canShowChat) {
       actions.push('chat');
     }
-    if (!isOnStage && isViewer) {
+    if (canShowHandRaiseInFooter) {
       actions.unshift('hand-raise');
     }
     if (canPublishVideo) {
@@ -52,13 +57,13 @@ export const _Footer = () => {
       actions.push('options');
     }
     return actions;
-  }, [isOnStage, canShowOptions, canShowChat, isViewer, canPublishAudio, canPublishVideo]);
+  }, [canShowHandRaiseInFooter, canShowOptions, canShowChat, canPublishAudio, canPublishVideo]);
   const containerStyles = useHMSRoomStyle(theme => ({
     backgroundColor: theme.palette.background_dim
   }));
   return /*#__PURE__*/React.createElement(SafeAreaView, {
     style: isHLSViewer ? null : containerStyles,
-    edges: ['bottom']
+    edges: ['bottom', 'left', 'right']
   }, /*#__PURE__*/React.createElement(View, {
     style: [styles.container, isHLSViewer ? styles.hlsContainer : containerStyles]
   }, footerActionButtons.map((actionType, index) => {
@@ -68,14 +73,13 @@ export const _Footer = () => {
     }, actionType === 'leave' ? /*#__PURE__*/React.createElement(HMSManageLeave, null) : actionType === 'audio' ? /*#__PURE__*/React.createElement(HMSManageLocalAudio, null) : actionType === 'video' ? /*#__PURE__*/React.createElement(HMSManageLocalVideo, null) : actionType === 'chat' ? /*#__PURE__*/React.createElement(HMSChat, null) : actionType === 'options' ? /*#__PURE__*/React.createElement(HMSRoomOptions, null) : actionType === 'hand-raise' ? /*#__PURE__*/React.createElement(HMSManageRaiseHand, null) : null);
   })));
 };
-export const useFooterHeight = () => {
+export const useFooterHeight = (excludeSafeArea = false) => {
   const isHLSViewer = useIsHLSViewer();
   const {
     bottom
   } = useSafeAreaInsets();
-  return bottom + (isHLSViewer ? 8 : 16) + (Platform.OS === 'android' ? 16 : 0) + 40; // bottomSafeArea + paddingTop + marginBottom + content
+  return (excludeSafeArea ? 0 : bottom) + (isHLSViewer ? 8 : 16) + (Platform.OS === 'android' ? 16 : 0) + 40; // bottomSafeArea + paddingTop + marginBottom + content
 };
-
 const styles = StyleSheet.create({
   container: {
     paddingTop: 16,
@@ -83,9 +87,8 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'center',
-    marginBottom: Platform.OS === 'android' ? 16 : 0 // TODO: need to correct hide aimation offsets because of this change
+    marginBottom: Platform.OS === 'android' ? 16 : 0 // TODO: need to correct hide animation offsets because of this change
   },
-
   hlsContainer: {
     paddingTop: 8
   },

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

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useMemo","View","StyleSheet","Platform","SafeAreaView","useSafeAreaInsets","useHMSLayoutConfig","useHMSRoomStyle","useIsHLSViewer","useShowChatAndParticipants","HMSManageLeave","HMSManageRaiseHand","HMSManageLocalAudio","HMSManageLocalVideo","HMSChat","HMSRoomOptions","useCanPublishAudio","useCanPublishScreen","useCanPublishVideo","useSelector","_Footer","isHLSViewer","canPublishAudio","canPublishVideo","canPublishScreen","isViewer","canShowParticipants","canShowChat","canShowBRB","layoutConfig","_layoutConfig$screens","screens","conferencing","default","elements","brb","isOnStage","_layoutConfig$screens2","on_stage_exp","canStartRecording","state","_state$hmsStates$loca","hmsStates","localPeer","role","permissions","browserRecording","canShowOptions","footerActionButtons","actions","push","unshift","containerStyles","theme","backgroundColor","palette","background_dim","createElement","style","edges","styles","container","hlsContainer","map","actionType","index","key","iconWrapper","useFooterHeight","bottom","OS","create","paddingTop","paddingHorizontal","flexDirection","alignItems","justifyContent","marginBottom","marginLeft","Footer"],"sourceRoot":"../../../src","sources":["components/Footer.tsx"],"mappings":"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"}
+{"version":3,"names":["React","memo","useMemo","View","StyleSheet","Platform","SafeAreaView","useSafeAreaInsets","useHMSLayoutConfig","useHMSRoomStyle","useIsHLSViewer","useShowChatAndParticipants","HMSManageLeave","HMSManageRaiseHand","HMSManageLocalAudio","HMSManageLocalVideo","HMSChat","HMSRoomOptions","useCanPublishAudio","useCanPublishScreen","useCanPublishVideo","useSelector","_Footer","isHLSViewer","canPublishAudio","canPublishVideo","canPublishScreen","editUsernameDisabled","state","app","isViewer","canShowParticipants","canShowChat","canShowBRB","layoutConfig","_layoutConfig$screens","screens","conferencing","default","elements","brb","isOnStage","_layoutConfig$screens2","on_stage_exp","canStartRecording","_state$hmsStates$loca","hmsStates","localPeer","role","permissions","browserRecording","canEditUsernameFromRoomModal","canShowHandRaiseInFooter","canShowHandRaiseInRoomModal","canShowOptions","footerActionButtons","actions","push","unshift","containerStyles","theme","backgroundColor","palette","background_dim","createElement","style","edges","styles","container","hlsContainer","map","actionType","index","key","iconWrapper","useFooterHeight","excludeSafeArea","bottom","OS","create","paddingTop","paddingHorizontal","flexDirection","alignItems","justifyContent","marginBottom","marginLeft","Footer"],"sourceRoot":"../../../src","sources":["components/Footer.tsx"],"mappings":"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"}

package/lib/module/components/GridView.js

@@ -1,5 +1,5 @@
 import React, { useRef, useState, useImperativeHandle } from 'react';
-import { View, FlatList, StyleSheet, Dimensions } from 'react-native';
+import { View, FlatList, StyleSheet, useWindowDimensions, Platform } from 'react-native';
 import { useDispatch, useSelector } from 'react-redux';
 import { DefaultModal } from './DefaultModal';
 import { SaveScreenshot } from './Modals';
@@ -8,6 +8,8 @@ import { MiniView } from './MiniView';
 import { PaginationDots } from './PaginationDots';
 import { setGridViewActivePage } from '../redux/actions';
 import { Tile } from './Tile';
+import { useIsLandscapeOrientation } from '../utils/dimension';
+import { useSafeAreaFrame } from 'react-native-safe-area-context';
 const FLATLIST_VIEWABILITY_CONFIG = {
   waitForInteraction: true,
   itemVisiblePercentThreshold: 80
@@ -20,8 +22,35 @@ export const GridView = /*#__PURE__*/React.forwardRef(({
   const hmsViewRefs = useRef({});
   const regularTilesFlatlistRef = useRef(null);
   const screenshareTilesFlatlistRef = useRef(null);
-  const insetTileBoundingBoxRef = useRef(null);
+  const [insetTileBoundingBox, setInsetTileBoundingBox] = useState({
+    width: null,
+    height: null
+  });
   const screenshareTilesAvailable = useSelector(state => state.app.screensharePeerTrackNodes.length > 0);
+  const regularTilesAvailable = pairedPeers.length > 0;
+  const isLandscapeOrientation = useIsLandscapeOrientation();
+
+  // On Orientation change, scroll to first page of list
+  React.useEffect(() => {
+    if (screenshareTilesAvailable) {
+      var _screenshareTilesFlat;
+      (_screenshareTilesFlat = screenshareTilesFlatlistRef.current) === null || _screenshareTilesFlat === void 0 || _screenshareTilesFlat.scrollToOffset({
+        offset: 0,
+        animated: false
+      });
+    }
+  }, [screenshareTilesAvailable, isLandscapeOrientation]);
+
+  // On Orientation change, scroll to first page of list
+  React.useEffect(() => {
+    if (regularTilesAvailable) {
+      var _regularTilesFlatlist;
+      (_regularTilesFlatlist = regularTilesFlatlistRef.current) === null || _regularTilesFlatlist === void 0 || _regularTilesFlatlist.scrollToOffset({
+        offset: 0,
+        animated: false
+      });
+    }
+  }, [regularTilesAvailable, isLandscapeOrientation]);
   const miniviewPeerTrackNodeExists = useSelector(state => !!state.app.miniviewPeerTrackNode);
 
   // We are setting `captureViewScreenshot` method on ref passed to GridView component
@@ -63,7 +92,10 @@ export const GridView = /*#__PURE__*/React.forwardRef(({
   const _handleLayoutChange = React.useCallback(({
     nativeEvent
   }) => {
-    insetTileBoundingBoxRef.current = nativeEvent.layout;
+    setInsetTileBoundingBox({
+      width: nativeEvent.layout.width,
+      height: nativeEvent.layout.height
+    });
   }, []);
   return /*#__PURE__*/React.createElement(View, {
     style: styles.container
@@ -74,13 +106,14 @@ export const GridView = /*#__PURE__*/React.forwardRef(({
     ref: screenshareTilesFlatlistRef,
     setHmsViewRefs: setHmsViewRefs,
     onPeerTileMorePress: onPeerTileMorePress
-  }) : null, /*#__PURE__*/React.createElement(RegularTiles, {
+  }) : null, screenshareTilesAvailable && isLandscapeOrientation ? null : /*#__PURE__*/React.createElement(RegularTiles, {
     ref: regularTilesFlatlistRef,
     pairedPeers: pairedPeers,
     setHmsViewRefs: setHmsViewRefs,
     onPeerTileMorePress: onPeerTileMorePress
   }), pairedPeers.length > 0 && miniviewPeerTrackNodeExists ? /*#__PURE__*/React.createElement(MiniView, {
-    boundingBoxRef: insetTileBoundingBoxRef,
+    boundingBoxWidth: insetTileBoundingBox.width,
+    boundingBoxHeight: insetTileBoundingBox.height,
     onMoreOptionsPress: onPeerTileMorePress
   }) : null, /*#__PURE__*/React.createElement(DefaultModal, {
     modalPosiion: "center",
@@ -109,8 +142,12 @@ const RegularTiles = /*#__PURE__*/React.forwardRef(({
   setHmsViewRefs
 }, flatlistRef) => {
   const dispatch = useDispatch();
+  const {
+    height: safeHeight
+  } = useSafeAreaFrame();
   const screenshareTilesAvailable = useSelector(state => state.app.screensharePeerTrackNodes.length > 0);
   const activeIndex = useSelector(state => state.app.gridViewActivePage);
+  const isLandscapeOrientation = useIsLandscapeOrientation();
   const _keyExtractor = React.useCallback(item => {
     var _item$;
     return (_item$ = item[0]) === null || _item$ === void 0 ? void 0 : _item$.id;
@@ -137,6 +174,9 @@ const RegularTiles = /*#__PURE__*/React.forwardRef(({
   }, /*#__PURE__*/React.createElement(FlatList, {
     ref: flatlistRef,
     horizontal: true,
+    style: Platform.OS === 'ios' ? {
+      maxHeight: safeHeight - 16
+    } : null,
     data: pairedPeers,
     initialNumToRender: 1,
     maxToRenderPerBatch: 1,
@@ -151,8 +191,8 @@ const RegularTiles = /*#__PURE__*/React.forwardRef(({
   }), pairedPeers.length > 1 ? /*#__PURE__*/React.createElement(PaginationDots, {
     list: pairedPeers,
     activeIndex: activeIndex,
-    style: screenshareTilesAvailable ? {
-      marginVertical: 8
+    style: screenshareTilesAvailable || isLandscapeOrientation ? {
+      marginVertical: isLandscapeOrientation ? 4 : 8
     } : null
   }) : null);
 });
@@ -160,6 +200,10 @@ const ScreenshareTiles = /*#__PURE__*/React.forwardRef(({
   onPeerTileMorePress,
   setHmsViewRefs
 }, flatlistRef) => {
+  const {
+    width
+  } = useWindowDimensions();
+  const isLandscapeOrientation = useIsLandscapeOrientation();
   const [activePage, setActivePage] = useState(0);
   const screensharePeerTrackNodes = useSelector(state => state.app.screensharePeerTrackNodes);
   const _keyExtractor = React.useCallback(item => item.id, []);
@@ -174,12 +218,12 @@ const ScreenshareTiles = /*#__PURE__*/React.forwardRef(({
   }) => {
     return /*#__PURE__*/React.createElement(Tile, {
       height: '100%',
-      width: Dimensions.get('window').width,
+      width: width,
       peerTrackNode: item,
       onPeerTileMorePress: onPeerTileMorePress,
       setHmsViewRefs: setHmsViewRefs
     });
-  }, [onPeerTileMorePress, setHmsViewRefs]);
+  }, [width, onPeerTileMorePress, setHmsViewRefs]);
   return /*#__PURE__*/React.createElement(View, {
     style: {
       flex: 1,
@@ -203,7 +247,7 @@ const ScreenshareTiles = /*#__PURE__*/React.forwardRef(({
     list: screensharePeerTrackNodes,
     activeIndex: activePage,
     style: {
-      marginVertical: 8
+      marginVertical: isLandscapeOrientation ? 4 : 8
     }
   }) : null);
 });