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

package/lib/module/components/Footer.js

@@ -1,25 +1,44 @@
 import React, { memo, useMemo } from 'react';
 import { View, StyleSheet, Platform } from 'react-native';
-import Animated, { interpolate, useAnimatedProps, useAnimatedStyle } from 'react-native-reanimated';
-import { COLORS } from '../utils/theme';
-import { useIsHLSViewer } from '../hooks-util';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { useHMSLayoutConfig, useHMSRoomStyle, useIsHLSViewer, useShowChatAndParticipants } from '../hooks-util';
 import { HMSManageLeave } from './HMSManageLeave';
 import { HMSManageRaiseHand } from './HMSManageRaiseHand';
 import { HMSManageLocalAudio } from './HMSManageLocalAudio';
 import { HMSManageLocalVideo } from './HMSManageLocalVideo';
 import { HMSChat } from './HMSChat';
 import { HMSRoomOptions } from './HMSRoomOptions';
-import { useCanPublishAudio, useCanPublishVideo } from '../hooks-sdk';
-export const _Footer = _ref => {
-  let {
-    offset
-  } = _ref;
+import { useCanPublishAudio, useCanPublishScreen, useCanPublishVideo } from '../hooks-sdk';
+import { useSelector } from 'react-redux';
+export const _Footer = () => {
   const isHLSViewer = useIsHLSViewer();
   const canPublishAudio = useCanPublishAudio();
   const canPublishVideo = useCanPublishVideo();
+  const canPublishScreen = useCanPublishScreen();
+  const isViewer = !(canPublishAudio || canPublishVideo || canPublishScreen);
+  const {
+    canShowParticipants,
+    canShowChat
+  } = useShowChatAndParticipants();
+  const canShowBRB = useHMSLayoutConfig(layoutConfig => {
+    var _layoutConfig$screens;
+    return !!(layoutConfig !== null && layoutConfig !== void 0 && (_layoutConfig$screens = layoutConfig.screens) !== null && _layoutConfig$screens !== void 0 && (_layoutConfig$screens = _layoutConfig$screens.conferencing) !== null && _layoutConfig$screens !== void 0 && (_layoutConfig$screens = _layoutConfig$screens.default) !== null && _layoutConfig$screens !== void 0 && (_layoutConfig$screens = _layoutConfig$screens.elements) !== null && _layoutConfig$screens !== void 0 && _layoutConfig$screens.brb);
+  });
+  const isOnStage = useHMSLayoutConfig(layoutConfig => {
+    var _layoutConfig$screens2;
+    return !!(layoutConfig !== null && layoutConfig !== void 0 && (_layoutConfig$screens2 = layoutConfig.screens) !== null && _layoutConfig$screens2 !== void 0 && (_layoutConfig$screens2 = _layoutConfig$screens2.conferencing) !== null && _layoutConfig$screens2 !== void 0 && (_layoutConfig$screens2 = _layoutConfig$screens2.default) !== null && _layoutConfig$screens2 !== void 0 && (_layoutConfig$screens2 = _layoutConfig$screens2.elements) !== null && _layoutConfig$screens2 !== void 0 && _layoutConfig$screens2.on_stage_exp);
+  });
+  const canStartRecording = useSelector(state => {
+    var _state$hmsStates$loca;
+    return !!((_state$hmsStates$loca = state.hmsStates.localPeer) !== null && _state$hmsStates$loca !== void 0 && (_state$hmsStates$loca = _state$hmsStates$loca.role) !== null && _state$hmsStates$loca !== void 0 && (_state$hmsStates$loca = _state$hmsStates$loca.permissions) !== null && _state$hmsStates$loca !== void 0 && _state$hmsStates$loca.browserRecording);
+  });
+  const canShowOptions = canPublishScreen || canShowParticipants || canShowBRB || canStartRecording;
   const footerActionButtons = useMemo(() => {
-    const actions = ['chat', 'options'];
-    if (isHLSViewer) {
+    const actions = [];
+    if (canShowChat) {
+      actions.push('chat');
+    }
+    if (!isOnStage && isViewer) {
       actions.unshift('hand-raise');
     }
     if (canPublishVideo) {
@@ -29,26 +48,19 @@ export const _Footer = _ref => {
       actions.unshift('audio');
     }
     actions.unshift('leave');
+    if (canShowOptions) {
+      actions.push('options');
+    }
     return actions;
-  }, [isHLSViewer, canPublishAudio, canPublishVideo]);
-  const animatedStyles = useAnimatedStyle(() => {
-    return {
-      opacity: interpolate(offset.value, [0, 0.7, 1], [0, 0.5, 1]),
-      transform: [{
-        translateY: interpolate(offset.value, [0, 1], [10, 0])
-      }]
-    };
-  }, []);
-  const animatedProps = useAnimatedProps(() => {
-    return {
-      pointerEvents: offset.value === 0 ? 'none' : 'auto'
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement(Animated.View, {
-    style: animatedStyles,
-    animatedProps: animatedProps
+  }, [isOnStage, canShowOptions, canShowChat, isViewer, canPublishAudio, canPublishVideo]);
+  const containerStyles = useHMSRoomStyle(theme => ({
+    backgroundColor: theme.palette.background_dim
+  }));
+  return /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: isHLSViewer ? null : containerStyles,
+    edges: ['bottom']
   }, /*#__PURE__*/React.createElement(View, {
-    style: styles.container
+    style: [styles.container, isHLSViewer ? styles.hlsContainer : containerStyles]
   }, footerActionButtons.map((actionType, index) => {
     return /*#__PURE__*/React.createElement(View, {
       key: actionType,
@@ -60,13 +72,15 @@ const styles = StyleSheet.create({
   container: {
     paddingTop: 16,
     paddingHorizontal: 16,
-    backgroundColor: COLORS.BACKGROUND.DIM,
     flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'center',
     marginBottom: Platform.OS === 'android' ? 16 : 0 // TODO: need to correct hide aimation offsets because of this change
   },
 
+  hlsContainer: {
+    paddingTop: 8
+  },
   iconWrapper: {
     marginLeft: 24
   }

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

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useMemo","View","StyleSheet","Platform","Animated","interpolate","useAnimatedProps","useAnimatedStyle","COLORS","useIsHLSViewer","HMSManageLeave","HMSManageRaiseHand","HMSManageLocalAudio","HMSManageLocalVideo","HMSChat","HMSRoomOptions","useCanPublishAudio","useCanPublishVideo","_Footer","_ref","offset","isHLSViewer","canPublishAudio","canPublishVideo","footerActionButtons","actions","unshift","animatedStyles","opacity","value","transform","translateY","animatedProps","pointerEvents","createElement","style","styles","container","map","actionType","index","key","iconWrapper","create","paddingTop","paddingHorizontal","backgroundColor","BACKGROUND","DIM","flexDirection","alignItems","justifyContent","marginBottom","OS","marginLeft","Footer"],"sourceRoot":"../../../src","sources":["components/Footer.tsx"],"mappings":"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"}
+{"version":3,"names":["React","memo","useMemo","View","StyleSheet","Platform","SafeAreaView","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","create","paddingTop","paddingHorizontal","flexDirection","alignItems","justifyContent","marginBottom","OS","marginLeft","Footer"],"sourceRoot":"../../../src","sources":["components/Footer.tsx"],"mappings":"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"}

package/lib/module/components/FullScreenVideoView.js

@@ -0,0 +1,64 @@
+import * as React from 'react';
+import Modal from 'react-native-modal';
+import { StyleSheet, View } from 'react-native';
+import { useDispatch, useSelector } from 'react-redux';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import { useHMSRoomColorPalette, useHMSRoomStyle } from '../hooks-util';
+import { setFullScreenPeerTrackNode } from '../redux/actions';
+import { HMSFullScreenButton } from './PeerVideoTile/HMSFullScreenButton';
+import { PeerVideoTileView } from './PeerVideoTile/PeerVideoTileView';
+export const FullScreenVideoView = () => {
+  var _fullScreenPeerTrackN;
+  const dispatch = useDispatch();
+  const fullScreenPeerTrackNode = useSelector(state => state.app.fullScreenPeerTrackNode);
+  const {
+    background_dim: backgroundDimColor
+  } = useHMSRoomColorPalette();
+  const contentContainerStyles = useHMSRoomStyle(theme => ({
+    backgroundColor: theme.palette.background_dim
+  }));
+  const handleClosingFullScreenView = () => {
+    dispatch(setFullScreenPeerTrackNode(null));
+  };
+  return /*#__PURE__*/React.createElement(Modal, {
+    isVisible: fullScreenPeerTrackNode !== null,
+    animationIn: 'fadeInUp',
+    animationInTiming: 100,
+    animationOutTiming: 100,
+    animationOut: 'fadeOutDown',
+    backdropColor: backgroundDimColor,
+    backdropOpacity: 0.3,
+    onBackButtonPress: handleClosingFullScreenView,
+    onBackdropPress: handleClosingFullScreenView,
+    useNativeDriver: true,
+    useNativeDriverForBackdrop: true,
+    hideModalContentWhileAnimating: true,
+    style: styles.modal,
+    supportedOrientations: ['portrait', 'landscape']
+  }, /*#__PURE__*/React.createElement(GestureHandlerRootView, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(SafeAreaView, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.contentContainer, contentContainerStyles]
+  }, fullScreenPeerTrackNode && (_fullScreenPeerTrackN = fullScreenPeerTrackNode.track) !== null && _fullScreenPeerTrackN !== void 0 && _fullScreenPeerTrackN.trackId ? /*#__PURE__*/React.createElement(PeerVideoTileView, {
+    peerTrackNode: fullScreenPeerTrackNode,
+    zoomIn: true
+  }) : null, /*#__PURE__*/React.createElement(HMSFullScreenButton, {
+    peerTrackNode: fullScreenPeerTrackNode
+  })))));
+};
+const styles = StyleSheet.create({
+  modal: {
+    margin: 0
+  },
+  container: {
+    flexGrow: 1
+  },
+  contentContainer: {
+    flex: 1,
+    position: 'relative'
+  }
+});
+//# sourceMappingURL=FullScreenVideoView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Modal","StyleSheet","View","useDispatch","useSelector","SafeAreaView","GestureHandlerRootView","useHMSRoomColorPalette","useHMSRoomStyle","setFullScreenPeerTrackNode","HMSFullScreenButton","PeerVideoTileView","FullScreenVideoView","_fullScreenPeerTrackN","dispatch","fullScreenPeerTrackNode","state","app","background_dim","backgroundDimColor","contentContainerStyles","theme","backgroundColor","palette","handleClosingFullScreenView","createElement","isVisible","animationIn","animationInTiming","animationOutTiming","animationOut","backdropColor","backdropOpacity","onBackButtonPress","onBackdropPress","useNativeDriver","useNativeDriverForBackdrop","hideModalContentWhileAnimating","style","styles","modal","supportedOrientations","container","contentContainer","track","trackId","peerTrackNode","zoomIn","create","margin","flexGrow","flex","position"],"sourceRoot":"../../../src","sources":["components/FullScreenVideoView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,KAAK,MAAM,oBAAoB;AACtC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,WAAW,EAAEC,WAAW,QAAQ,aAAa;AACtD,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,sBAAsB,QAAQ,8BAA8B;AAGrE,SAASC,sBAAsB,EAAEC,eAAe,QAAQ,eAAe;AACvE,SAASC,0BAA0B,QAAQ,kBAAkB;AAC7D,SAASC,mBAAmB,QAAQ,qCAAqC;AACzE,SAASC,iBAAiB,QAAQ,mCAAmC;AAErE,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EAAA,IAAAC,qBAAA;EACvC,MAAMC,QAAQ,GAAGX,WAAW,CAAC,CAAC;EAC9B,MAAMY,uBAAuB,GAAGX,WAAW,CACxCY,KAAgB,IAAKA,KAAK,CAACC,GAAG,CAACF,uBAClC,CAAC;EAED,MAAM;IAAEG,cAAc,EAAEC;EAAmB,CAAC,GAAGZ,sBAAsB,CAAC,CAAC;EAEvE,MAAMa,sBAAsB,GAAGZ,eAAe,CAAEa,KAAK,KAAM;IACzDC,eAAe,EAAED,KAAK,CAACE,OAAO,CAACL;EACjC,CAAC,CAAC,CAAC;EAEH,MAAMM,2BAA2B,GAAGA,CAAA,KAAM;IACxCV,QAAQ,CAACL,0BAA0B,CAAC,IAAI,CAAC,CAAC;EAC5C,CAAC;EAED,oBACEV,KAAA,CAAA0B,aAAA,CAACzB,KAAK;IACJ0B,SAAS,EAAEX,uBAAuB,KAAK,IAAK;IAC5CY,WAAW,EAAE,UAAW;IACxBC,iBAAiB,EAAE,GAAI;IACvBC,kBAAkB,EAAE,GAAI;IACxBC,YAAY,EAAE,aAAc;IAC5BC,aAAa,EAAEZ,kBAAmB;IAClCa,eAAe,EAAE,GAAI;IACrBC,iBAAiB,EAAET,2BAA4B;IAC/CU,eAAe,EAAEV,2BAA4B;IAC7CW,eAAe,EAAE,IAAK;IACtBC,0BAA0B,EAAE,IAAK;IACjCC,8BAA8B,EAAE,IAAK;IACrCC,KAAK,EAAEC,MAAM,CAACC,KAAM;IACpBC,qBAAqB,EAAE,CAAC,UAAU,EAAE,WAAW;EAAE,gBAEjD1C,KAAA,CAAA0B,aAAA,CAACnB,sBAAsB;IAACgC,KAAK,EAAEC,MAAM,CAACG;EAAU,gBAC9C3C,KAAA,CAAA0B,aAAA,CAACpB,YAAY;IAACiC,KAAK,EAAEC,MAAM,CAACG;EAAU,gBACpC3C,KAAA,CAAA0B,aAAA,CAACvB,IAAI;IAACoC,KAAK,EAAE,CAACC,MAAM,CAACI,gBAAgB,EAAEvB,sBAAsB;EAAE,GAC5DL,uBAAuB,KAAAF,qBAAA,GACxBE,uBAAuB,CAAC6B,KAAK,cAAA/B,qBAAA,eAA7BA,qBAAA,CAA+BgC,OAAO,gBACpC9C,KAAA,CAAA0B,aAAA,CAACd,iBAAiB;IAChBmC,aAAa,EAAE/B,uBAAwB;IACvCgC,MAAM,EAAE;EAAK,CACd,CAAC,GACA,IAAI,eAERhD,KAAA,CAAA0B,aAAA,CAACf,mBAAmB;IAACoC,aAAa,EAAE/B;EAAyB,CAAE,CAC3D,CACM,CACQ,CACnB,CAAC;AAEZ,CAAC;AAED,MAAMwB,MAAM,GAAGtC,UAAU,CAAC+C,MAAM,CAAC;EAC/BR,KAAK,EAAE;IACLS,MAAM,EAAE;EACV,CAAC;EACDP,SAAS,EAAE;IACTQ,QAAQ,EAAE;EACZ,CAAC;EACDP,gBAAgB,EAAE;IAChBQ,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC"}

package/lib/module/components/GridView.js

@@ -1,5 +1,5 @@
 import React, { useRef, useState, useImperativeHandle } from 'react';
-import { View, FlatList, StyleSheet } from 'react-native';
+import { View, FlatList, StyleSheet, Dimensions } from 'react-native';
 import { useDispatch, useSelector } from 'react-redux';
 import { DefaultModal } from './DefaultModal';
 import { SaveScreenshot } from './Modals';
@@ -7,6 +7,7 @@ import { TilesContainer } from './TilesContainer';
 import { MiniView } from './MiniView';
 import { PaginationDots } from './PaginationDots';
 import { setGridViewActivePage } from '../redux/actions';
+import { Tile } from './Tile';
 const FLATLIST_VIEWABILITY_CONFIG = {
   waitForInteraction: true,
   itemVisiblePercentThreshold: 80
@@ -16,11 +17,12 @@ export const GridView = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     pairedPeers,
     onPeerTileMorePress
   } = _ref;
-  const dispatch = useDispatch();
   const [screenshotData, setScreenshotData] = useState(null);
   const hmsViewRefs = useRef({});
-  const flatlistRef = useRef(null);
+  const regularTilesFlatlistRef = useRef(null);
+  const screenshareTilesFlatlistRef = useRef(null);
   const insetTileBoundingBoxRef = useRef(null);
+  const screenshareTilesAvailable = useSelector(state => state.app.screensharePeerTrackNodes.length > 0);
   const miniviewPeerTrackNodeExists = useSelector(state => !!state.app.miniviewPeerTrackNode);
 
   // We are setting `captureViewScreenshot` method on ref passed to GridView component
@@ -38,7 +40,7 @@ export const GridView = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       }
 
       // Calling `capture` method on HmsView ref
-      (_hmsViewRef$capture = hmsViewRef.capture) === null || _hmsViewRef$capture === void 0 ? void 0 : _hmsViewRef$capture.call(hmsViewRef).then(imageBase64 => {
+      (_hmsViewRef$capture = hmsViewRef.capture) === null || _hmsViewRef$capture === void 0 || _hmsViewRef$capture.call(hmsViewRef).then(imageBase64 => {
         console.log('HmsView Capture Success');
         // Saving data needed to show captured snapshot in "Save Snapshot" Modal
         setScreenshotData({
@@ -49,65 +51,39 @@ export const GridView = /*#__PURE__*/React.forwardRef((_ref, ref) => {
         });
       }).catch(error => console.warn('HmsView Capture Error: ', error));
     },
-    getFlatlistRef: () => {
-      return flatlistRef;
+    getRegularTilesFlatlistRef: () => {
+      return regularTilesFlatlistRef;
+    },
+    getScreenshareTilesFlatlistRef: () => {
+      return screenshareTilesFlatlistRef;
     }
   }), []);
   const setHmsViewRefs = React.useCallback((viewId, ref) => {
     hmsViewRefs.current[viewId] = ref;
   }, []);
-  const _renderItem = React.useCallback(_ref2 => {
-    let {
-      item
-    } = _ref2;
-    return /*#__PURE__*/React.createElement(TilesContainer, {
-      onPeerTileMorePress: onPeerTileMorePress,
-      peerTrackNodes: item,
-      setHmsViewRefs: setHmsViewRefs
-    });
-  }, [onPeerTileMorePress, setHmsViewRefs]);
-  const _keyExtractor = React.useCallback(item => {
-    var _item$;
-    return (_item$ = item[0]) === null || _item$ === void 0 ? void 0 : _item$.id;
-  }, []);
-  const _handleLayoutChange = React.useCallback(_ref3 => {
+  const _handleLayoutChange = React.useCallback(_ref2 => {
     let {
       nativeEvent
-    } = _ref3;
+    } = _ref2;
     insetTileBoundingBoxRef.current = nativeEvent.layout;
   }, []);
-  const _handleViewableItemsChanged = React.useCallback(info => {
-    const firstViewable = info.viewableItems[0];
-    if (firstViewable !== null && firstViewable !== void 0 && firstViewable.isViewable && typeof firstViewable.index === 'number') {
-      dispatch(setGridViewActivePage(firstViewable.index));
-    }
-  }, []);
   return /*#__PURE__*/React.createElement(View, {
     style: styles.container
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.tilesArea
   }, /*#__PURE__*/React.createElement(View, {
     onLayout: _handleLayoutChange,
     style: styles.measureLayoutView
-  }), /*#__PURE__*/React.createElement(FlatList, {
-    ref: flatlistRef,
-    horizontal: true,
-    data: pairedPeers,
-    initialNumToRender: 1,
-    maxToRenderPerBatch: 1,
-    windowSize: 2,
-    pagingEnabled: true,
-    showsHorizontalScrollIndicator: false,
-    renderItem: _renderItem,
-    numColumns: 1,
-    keyExtractor: _keyExtractor,
-    onViewableItemsChanged: _handleViewableItemsChanged,
-    viewabilityConfig: FLATLIST_VIEWABILITY_CONFIG
+  }), screenshareTilesAvailable ? /*#__PURE__*/React.createElement(ScreenshareTiles, {
+    ref: screenshareTilesFlatlistRef,
+    setHmsViewRefs: setHmsViewRefs,
+    onPeerTileMorePress: onPeerTileMorePress
+  }) : null, /*#__PURE__*/React.createElement(RegularTiles, {
+    ref: regularTilesFlatlistRef,
+    pairedPeers: pairedPeers,
+    setHmsViewRefs: setHmsViewRefs,
+    onPeerTileMorePress: onPeerTileMorePress
   }), pairedPeers.length > 0 && miniviewPeerTrackNodeExists ? /*#__PURE__*/React.createElement(MiniView, {
     boundingBoxRef: insetTileBoundingBoxRef,
     onMoreOptionsPress: onPeerTileMorePress
-  }) : null), pairedPeers.length > 1 ? /*#__PURE__*/React.createElement(PaginationDots, {
-    list: pairedPeers
   }) : null, /*#__PURE__*/React.createElement(DefaultModal, {
     modalPosiion: "center",
     modalVisible: !!screenshotData,
@@ -120,9 +96,6 @@ export const GridView = /*#__PURE__*/React.forwardRef((_ref, ref) => {
 GridView.displayName = 'GridView';
 const styles = StyleSheet.create({
   container: {
-    flex: 1
-  },
-  tilesArea: {
     flex: 1,
     position: 'relative'
   },
@@ -132,4 +105,112 @@ const styles = StyleSheet.create({
     height: '100%'
   }
 });
+const RegularTiles = /*#__PURE__*/React.forwardRef((_ref3, flatlistRef) => {
+  let {
+    pairedPeers,
+    onPeerTileMorePress,
+    setHmsViewRefs
+  } = _ref3;
+  const dispatch = useDispatch();
+  const screenshareTilesAvailable = useSelector(state => state.app.screensharePeerTrackNodes.length > 0);
+  const activeIndex = useSelector(state => state.app.gridViewActivePage);
+  const _keyExtractor = React.useCallback(item => {
+    var _item$;
+    return (_item$ = item[0]) === null || _item$ === void 0 ? void 0 : _item$.id;
+  }, []);
+  const _handleViewableItemsChanged = React.useCallback(info => {
+    const firstViewable = info.viewableItems[0];
+    if (firstViewable !== null && firstViewable !== void 0 && firstViewable.isViewable && typeof firstViewable.index === 'number') {
+      dispatch(setGridViewActivePage(firstViewable.index));
+    }
+  }, []);
+  const _renderItem = React.useCallback(_ref4 => {
+    let {
+      item
+    } = _ref4;
+    return /*#__PURE__*/React.createElement(TilesContainer, {
+      onPeerTileMorePress: onPeerTileMorePress,
+      peerTrackNodes: item,
+      setHmsViewRefs: setHmsViewRefs
+    });
+  }, [onPeerTileMorePress, setHmsViewRefs]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: screenshareTilesAvailable ? undefined : 1
+    }
+  }, /*#__PURE__*/React.createElement(FlatList, {
+    ref: flatlistRef,
+    horizontal: true,
+    data: pairedPeers,
+    initialNumToRender: 1,
+    maxToRenderPerBatch: 1,
+    windowSize: 2,
+    pagingEnabled: true,
+    showsHorizontalScrollIndicator: false,
+    renderItem: _renderItem,
+    numColumns: 1,
+    keyExtractor: _keyExtractor,
+    onViewableItemsChanged: _handleViewableItemsChanged,
+    viewabilityConfig: FLATLIST_VIEWABILITY_CONFIG
+  }), pairedPeers.length > 1 ? /*#__PURE__*/React.createElement(PaginationDots, {
+    list: pairedPeers,
+    activeIndex: activeIndex,
+    style: screenshareTilesAvailable ? {
+      marginVertical: 8
+    } : null
+  }) : null);
+});
+const ScreenshareTiles = /*#__PURE__*/React.forwardRef((_ref5, flatlistRef) => {
+  let {
+    onPeerTileMorePress,
+    setHmsViewRefs
+  } = _ref5;
+  const [activePage, setActivePage] = useState(0);
+  const screensharePeerTrackNodes = useSelector(state => state.app.screensharePeerTrackNodes);
+  const _keyExtractor = React.useCallback(item => item.id, []);
+  const _handleViewableItemsChanged = React.useCallback(info => {
+    const firstViewable = info.viewableItems[0];
+    if (firstViewable !== null && firstViewable !== void 0 && firstViewable.isViewable && typeof firstViewable.index === 'number') {
+      setActivePage(firstViewable.index);
+    }
+  }, []);
+  const _renderItem = React.useCallback(_ref6 => {
+    let {
+      item
+    } = _ref6;
+    return /*#__PURE__*/React.createElement(Tile, {
+      height: '100%',
+      width: Dimensions.get('window').width,
+      peerTrackNode: item,
+      onPeerTileMorePress: onPeerTileMorePress,
+      setHmsViewRefs: setHmsViewRefs
+    });
+  }, [onPeerTileMorePress, setHmsViewRefs]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      marginBottom: 4
+    }
+  }, /*#__PURE__*/React.createElement(FlatList, {
+    ref: flatlistRef,
+    horizontal: true,
+    data: screensharePeerTrackNodes,
+    initialNumToRender: 1,
+    maxToRenderPerBatch: 1,
+    windowSize: 2,
+    pagingEnabled: true,
+    showsHorizontalScrollIndicator: false,
+    renderItem: _renderItem,
+    numColumns: 1,
+    keyExtractor: _keyExtractor,
+    onViewableItemsChanged: _handleViewableItemsChanged,
+    viewabilityConfig: FLATLIST_VIEWABILITY_CONFIG
+  }), screensharePeerTrackNodes.length > 1 ? /*#__PURE__*/React.createElement(PaginationDots, {
+    list: screensharePeerTrackNodes,
+    activeIndex: activePage,
+    style: {
+      marginVertical: 8
+    }
+  }) : null);
+});
 //# sourceMappingURL=GridView.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","useState","useImperativeHandle","View","FlatList","StyleSheet","useDispatch","useSelector","DefaultModal","SaveScreenshot","TilesContainer","MiniView","PaginationDots","setGridViewActivePage","FLATLIST_VIEWABILITY_CONFIG","waitForInteraction","itemVisiblePercentThreshold","GridView","forwardRef","_ref","ref","pairedPeers","onPeerTileMorePress","dispatch","screenshotData","setScreenshotData","hmsViewRefs","flatlistRef","insetTileBoundingBoxRef","miniviewPeerTrackNodeExists","state","app","miniviewPeerTrackNode","captureViewScreenshot","node","_hmsViewRef$capture","hmsViewRef","current","id","console","warn","capture","call","then","imageBase64","log","peer","source","uri","catch","error","getFlatlistRef","setHmsViewRefs","useCallback","viewId","_renderItem","_ref2","item","createElement","peerTrackNodes","_keyExtractor","_item$","_handleLayoutChange","_ref3","nativeEvent","layout","_handleViewableItemsChanged","info","firstViewable","viewableItems","isViewable","index","style","styles","container","tilesArea","onLayout","measureLayoutView","horizontal","data","initialNumToRender","maxToRenderPerBatch","windowSize","pagingEnabled","showsHorizontalScrollIndicator","renderItem","numColumns","keyExtractor","onViewableItemsChanged","viewabilityConfig","length","boundingBoxRef","onMoreOptionsPress","list","modalPosiion","modalVisible","setModalVisible","imageSource","cancelModal","displayName","create","flex","position","width","height"],"sourceRoot":"../../../src","sources":["components/GridView.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useRef","useState","useImperativeHandle","View","FlatList","StyleSheet","Dimensions","useDispatch","useSelector","DefaultModal","SaveScreenshot","TilesContainer","MiniView","PaginationDots","setGridViewActivePage","Tile","FLATLIST_VIEWABILITY_CONFIG","waitForInteraction","itemVisiblePercentThreshold","GridView","forwardRef","_ref","ref","pairedPeers","onPeerTileMorePress","screenshotData","setScreenshotData","hmsViewRefs","regularTilesFlatlistRef","screenshareTilesFlatlistRef","insetTileBoundingBoxRef","screenshareTilesAvailable","state","app","screensharePeerTrackNodes","length","miniviewPeerTrackNodeExists","miniviewPeerTrackNode","captureViewScreenshot","node","_hmsViewRef$capture","hmsViewRef","current","id","console","warn","capture","call","then","imageBase64","log","peer","source","uri","catch","error","getRegularTilesFlatlistRef","getScreenshareTilesFlatlistRef","setHmsViewRefs","useCallback","viewId","_handleLayoutChange","_ref2","nativeEvent","layout","createElement","style","styles","container","onLayout","measureLayoutView","ScreenshareTiles","RegularTiles","boundingBoxRef","onMoreOptionsPress","modalPosiion","modalVisible","setModalVisible","imageSource","cancelModal","displayName","create","flex","position","width","height","_ref3","flatlistRef","dispatch","activeIndex","gridViewActivePage","_keyExtractor","item","_item$","_handleViewableItemsChanged","info","firstViewable","viewableItems","isViewable","index","_renderItem","_ref4","peerTrackNodes","undefined","horizontal","data","initialNumToRender","maxToRenderPerBatch","windowSize","pagingEnabled","showsHorizontalScrollIndicator","renderItem","numColumns","keyExtractor","onViewableItemsChanged","viewabilityConfig","list","marginVertical","_ref5","activePage","setActivePage","_ref6","get","peerTrackNode","marginBottom"],"sourceRoot":"../../../src","sources":["components/GridView.tsx"],"mappings":"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"}

package/lib/module/components/HLSFooter.js

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { StyleSheet } from 'react-native';
+import { Footer } from './Footer';
+import { AnimatedHLSFooter } from './AnimatedHLSFooter';
+import { HLSChatView } from './HMSOverlayChatView';
+import { useShowChatAndParticipants } from '../hooks-util';
+export const HLSFooter = _ref => {
+  let {
+    offset
+  } = _ref;
+  const {
+    overlayChatVisible
+  } = useShowChatAndParticipants();
+  return /*#__PURE__*/React.createElement(AnimatedHLSFooter, {
+    offset: offset,
+    style: styles.animatedContainer
+  }, overlayChatVisible ? /*#__PURE__*/React.createElement(HLSChatView, null) : null, /*#__PURE__*/React.createElement(Footer, null));
+};
+const styles = StyleSheet.create({
+  animatedContainer: {
+    position: 'absolute',
+    bottom: 0,
+    width: '100%'
+  }
+});
+//# sourceMappingURL=HLSFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Footer","AnimatedHLSFooter","HLSChatView","useShowChatAndParticipants","HLSFooter","_ref","offset","overlayChatVisible","createElement","style","styles","animatedContainer","create","position","bottom","width"],"sourceRoot":"../../../src","sources":["components/HLSFooter.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AAGzC,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,WAAW,QAAQ,sBAAsB;AAClD,SAASC,0BAA0B,QAAQ,eAAe;AAM1D,OAAO,MAAMC,SAAmC,GAAGC,IAAA,IAAgB;EAAA,IAAf;IAAEC;EAAO,CAAC,GAAAD,IAAA;EAC5D,MAAM;IAAEE;EAAmB,CAAC,GAAGJ,0BAA0B,CAAC,CAAC;EAE3D,oBACEL,KAAA,CAAAU,aAAA,CAACP,iBAAiB;IAACK,MAAM,EAAEA,MAAO;IAACG,KAAK,EAAEC,MAAM,CAACC;EAAkB,GAChEJ,kBAAkB,gBAAGT,KAAA,CAAAU,aAAA,CAACN,WAAW,MAAE,CAAC,GAAG,IAAI,eAE5CJ,KAAA,CAAAU,aAAA,CAACR,MAAM,MAAE,CACQ,CAAC;AAExB,CAAC;AAED,MAAMU,MAAM,GAAGX,UAAU,CAACa,MAAM,CAAC;EAC/BD,iBAAiB,EAAE;IACjBE,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE;EACT;AACF,CAAC,CAAC"}