@100mslive/react-native-room-kit 0.0.1

package/lib/module/components/CustomHLSPlayerControls.js

@@ -0,0 +1,73 @@
+import React from 'react';
+import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
+import { COLORS } from '../utils/theme';
+export const CustomControls = _ref => {
+  let {
+    handleControlPress
+  } = _ref;
+  return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
+    style: styles.wrapper
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.button,
+    onPress: () => handleControlPress('play')
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.text
+  }, "Play")), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.button,
+    onPress: () => handleControlPress('stop')
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.text
+  }, "Stop")), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.button,
+    onPress: () => handleControlPress('pause')
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.text
+  }, "Pause")), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.button,
+    onPress: () => handleControlPress('resume')
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.text
+  }, "Resume"))), /*#__PURE__*/React.createElement(View, {
+    style: styles.spacedWrapper
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.button,
+    onPress: () => handleControlPress('seekForward', 5)
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.text
+  }, "Forward 5 sec")), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.button,
+    onPress: () => handleControlPress('seekBackward', 5)
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.text
+  }, "Backward 5 sec"))), /*#__PURE__*/React.createElement(View, {
+    style: styles.spacedWrapper
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.button,
+    onPress: () => handleControlPress('seekToLive')
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.text
+  }, "Go to Live")), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.button,
+    onPress: () => handleControlPress('setVolume', 50)
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.text
+  }, "Low Volume to `50`"))));
+};
+const styles = StyleSheet.create({
+  wrapper: {
+    flexDirection: 'row',
+    justifyContent: 'space-evenly'
+  },
+  spacedWrapper: {
+    flexDirection: 'row',
+    justifyContent: 'space-evenly',
+    marginVertical: 8
+  },
+  button: {
+    padding: 12
+  },
+  text: {
+    color: COLORS.PRIMARY.LIGHT
+  }
+});
+//# sourceMappingURL=CustomHLSPlayerControls.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","TouchableOpacity","StyleSheet","COLORS","CustomControls","_ref","handleControlPress","createElement","style","styles","wrapper","button","onPress","text","spacedWrapper","create","flexDirection","justifyContent","marginVertical","padding","color","PRIMARY","LIGHT"],"sourceRoot":"../../../src","sources":["components/CustomHLSPlayerControls.tsx"],"mappings":"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"}

package/lib/module/components/CustomInput.js

@@ -0,0 +1,83 @@
+import React from 'react';
+import { StyleSheet, Text, TextInput, TouchableOpacity, View } from 'react-native';
+import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
+import { COLORS } from '../utils/theme';
+const CustomInput = (_ref // autoCompleteType = 'off',
+) => {
+  let {
+    value,
+    title,
+    onChangeText,
+    placeholderTextColor,
+    placeholder,
+    textStyle,
+    viewStyle,
+    clearButtonStyle,
+    inputStyle,
+    defaultValue,
+    returnKeyType,
+    multiline,
+    blurOnSubmit,
+    disableFullscreenUI = true,
+    clear = true,
+    autoCapitalize = 'none' // autoCorrect = false,
+  } = _ref;
+  const showClear = clear && value !== undefined && (value === null || value === void 0 ? void 0 : value.length) > 0;
+  const onChange = newValue => {
+    onChangeText(newValue);
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.inputContainer, viewStyle]
+  }, title && /*#__PURE__*/React.createElement(Text, {
+    style: textStyle
+  }, title), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(TextInput, {
+    disableFullscreenUI: disableFullscreenUI,
+    value: value,
+    onChangeText: onChange,
+    placeholderTextColor: placeholderTextColor,
+    placeholder: placeholder,
+    style: [!multiline && styles.input, showClear && styles.clear, inputStyle],
+    defaultValue: defaultValue,
+    returnKeyType: returnKeyType,
+    multiline: multiline,
+    blurOnSubmit: blurOnSubmit,
+    keyboardAppearance: "dark",
+    autoCapitalize: autoCapitalize,
+    autoCorrect: true,
+    textContentType: 'name',
+    autoCompleteType: 'name'
+  }), showClear && /*#__PURE__*/React.createElement(TouchableOpacity, {
+    onPress: () => {
+      onChange('');
+    },
+    style: [styles.clearContainer, clearButtonStyle]
+  }, /*#__PURE__*/React.createElement(MaterialIcons, {
+    name: "clear",
+    style: styles.clearIcon,
+    size: 24
+  }))));
+};
+const styles = StyleSheet.create({
+  inputContainer: {
+    width: '100%'
+  },
+  input: {
+    height: 48
+  },
+  clearContainer: {
+    position: 'absolute',
+    right: 0,
+    top: 0,
+    bottom: 0,
+    justifyContent: 'center',
+    paddingHorizontal: 8
+  },
+  clear: {
+    paddingRight: 40
+  },
+  clearIcon: {
+    color: COLORS.TEXT.HIGH_EMPHASIS
+  }
+});
+export { CustomInput };
+//# sourceMappingURL=CustomInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Text","TextInput","TouchableOpacity","View","MaterialIcons","COLORS","CustomInput","_ref","value","title","onChangeText","placeholderTextColor","placeholder","textStyle","viewStyle","clearButtonStyle","inputStyle","defaultValue","returnKeyType","multiline","blurOnSubmit","disableFullscreenUI","clear","autoCapitalize","showClear","undefined","length","onChange","newValue","createElement","style","styles","inputContainer","input","keyboardAppearance","autoCorrect","textContentType","autoCompleteType","onPress","clearContainer","name","clearIcon","size","create","width","height","position","right","top","bottom","justifyContent","paddingHorizontal","paddingRight","color","TEXT","HIGH_EMPHASIS"],"sourceRoot":"../../../src","sources":["components/CustomInput.tsx"],"mappings":"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"}

package/lib/module/components/DefaultModal.js

@@ -0,0 +1,96 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import Modal from 'react-native-modal';
+import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { COLORS } from '../utils/theme';
+import { CustomButton } from './CustomButton';
+export const DefaultModal = _ref => {
+  let {
+    modalVisible,
+    setModalVisible,
+    children,
+    animationIn = 'fadeIn',
+    animationOut = 'fadeOut',
+    modalPosiion = 'flex-end',
+    backdrop = false,
+    viewStyle,
+    modalStyle
+  } = _ref;
+  const {
+    left,
+    right
+  } = useSafeAreaInsets();
+  return /*#__PURE__*/React.createElement(Modal, {
+    useNativeDriver: true,
+    useNativeDriverForBackdrop: true,
+    hideModalContentWhileAnimating: true,
+    animationIn: animationIn,
+    animationOut: animationOut,
+    avoidKeyboard: true,
+    isVisible: modalVisible,
+    coverScreen: true,
+    hasBackdrop: backdrop,
+    supportedOrientations: ['portrait', 'landscape'],
+    onBackdropPress: setModalVisible,
+    onDismiss: setModalVisible,
+    onBackButtonPress: setModalVisible,
+    style: [modalStyle, {
+      margin: 0,
+      justifyContent: modalPosiion
+    }]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.contentContainer, modalPosiion === 'flex-end' ? styles.end : styles.center, viewStyle, {
+      marginLeft: left,
+      marginRight: right
+    }]
+  }, modalPosiion === 'flex-end' && /*#__PURE__*/React.createElement(CustomButton, {
+    onPress: setModalVisible,
+    viewStyle: styles.crossButton,
+    LeftIcon: /*#__PURE__*/React.createElement(MaterialCommunityIcons, {
+      name: "close",
+      style: styles.crossButtonIcon,
+      size: 24
+    })
+  }), children));
+};
+const styles = StyleSheet.create({
+  contentContainer: {
+    maxHeight: '80%',
+    // minHeight: '20%',
+    backgroundColor: COLORS.SURFACE.DEFAULT
+  },
+  end: {
+    flex: 1,
+    borderTopLeftRadius: 16,
+    borderTopRightRadius: 16,
+    padding: 16,
+    borderWidth: 1,
+    borderColor: COLORS.BORDER.LIGHT,
+    borderBottomWidth: 0
+  },
+  center: {
+    borderRadius: 16,
+    marginHorizontal: 24,
+    borderWidth: 1,
+    borderColor: COLORS.BORDER.LIGHT,
+    alignSelf: 'center',
+    width: '90%'
+  },
+  crossButton: {
+    height: 40,
+    width: 40,
+    position: 'absolute',
+    right: 16,
+    top: 16,
+    backgroundColor: COLORS.SURFACE.LIGHT,
+    borderRadius: 40,
+    alignItems: 'center',
+    justifyContent: 'center',
+    zIndex: 2
+  },
+  crossButtonIcon: {
+    color: COLORS.TEXT.HIGH_EMPHASIS
+  }
+});
+//# sourceMappingURL=DefaultModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","Modal","MaterialCommunityIcons","useSafeAreaInsets","COLORS","CustomButton","DefaultModal","_ref","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","name","crossButtonIcon","size","create","maxHeight","backgroundColor","SURFACE","DEFAULT","flex","borderTopLeftRadius","borderTopRightRadius","padding","borderWidth","borderColor","BORDER","LIGHT","borderBottomWidth","borderRadius","marginHorizontal","alignSelf","width","height","position","top","alignItems","zIndex","color","TEXT","HIGH_EMPHASIS"],"sourceRoot":"../../../src","sources":["components/DefaultModal.tsx"],"mappings":"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"}

package/lib/module/components/DisplayTrack.js

@@ -0,0 +1,63 @@
+import React from 'react';
+import { View, Text } from 'react-native';
+import { HMSTrackSource, HMSTrackType } from '@100mslive/react-native-hms';
+import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
+import { useSelector } from 'react-redux';
+import { CustomButton } from '.';
+import { styles } from './styles';
+import PeerDisplayView from './PeerDisplayView';
+import PeerRTCStatsContainer from './PeerRTCStatsContainer';
+import { useHMSActions } from '../hooks-sdk';
+// `ref` passed to DisplayTrack component will be passed to PeerDisplayView component
+// as HMSView component is being rendered inside PeerDisplayView component
+const DisplayTrack = /*#__PURE__*/React.forwardRef((_ref, hmsViewRef) => {
+  let {
+    isDegraded,
+    isLocal,
+    peer,
+    videoTrack,
+    videoStyles
+  } = _ref;
+  // hooks
+  const hmsActions = useHMSActions();
+  const showStatsOnTiles = useSelector(state => state.app.joinConfig.showStats);
+
+  // functions
+  const onEndScreenSharePress = async () => {
+    await hmsActions.setScreenShareEnabled(false);
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: videoStyles
+  }, isLocal && (videoTrack === null || videoTrack === void 0 ? void 0 : videoTrack.source) === HMSTrackSource.SCREEN && (videoTrack === null || videoTrack === void 0 ? void 0 : videoTrack.type) === HMSTrackType.VIDEO ? /*#__PURE__*/React.createElement(View, {
+    style: styles.screenshareContainer
+  }, /*#__PURE__*/React.createElement(MaterialCommunityIcons, {
+    name: "monitor-share",
+    style: styles.icon,
+    size: 48
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.screenshareText
+  }, "You are sharing your screen"), /*#__PURE__*/React.createElement(CustomButton, {
+    title: "X   Stop Screenshare",
+    onPress: onEndScreenSharePress,
+    viewStyle: styles.screenshareButton,
+    textStyle: styles.roleChangeModalButtonText
+  })) : /*#__PURE__*/React.createElement(PeerDisplayView, {
+    ref: hmsViewRef,
+    peer: peer,
+    isDegraded: isDegraded,
+    isLocal: isLocal,
+    videoTrack: videoTrack
+  }), showStatsOnTiles ? /*#__PURE__*/React.createElement(PeerRTCStatsContainer, {
+    trackId: videoTrack === null || videoTrack === void 0 ? void 0 : videoTrack.trackId,
+    peerId: peer.peerID,
+    trackSource: videoTrack === null || videoTrack === void 0 ? void 0 : videoTrack.source
+  }) : null, /*#__PURE__*/React.createElement(View, {
+    style: styles.peerNameContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    numberOfLines: 2,
+    style: styles.peerName
+  }, (videoTrack === null || videoTrack === void 0 ? void 0 : videoTrack.source) !== undefined && (videoTrack === null || videoTrack === void 0 ? void 0 : videoTrack.source) !== HMSTrackSource.REGULAR ? `${peer.name}'s ${videoTrack.source}` : isLocal ? `You (${peer.name})` : peer.name)));
+});
+DisplayTrack.displayName = 'DisplayTrack';
+export { DisplayTrack };
+//# sourceMappingURL=DisplayTrack.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","HMSTrackSource","HMSTrackType","MaterialCommunityIcons","useSelector","CustomButton","styles","PeerDisplayView","PeerRTCStatsContainer","useHMSActions","DisplayTrack","forwardRef","_ref","hmsViewRef","isDegraded","isLocal","peer","videoTrack","videoStyles","hmsActions","showStatsOnTiles","state","app","joinConfig","showStats","onEndScreenSharePress","setScreenShareEnabled","createElement","style","source","SCREEN","type","VIDEO","screenshareContainer","name","icon","size","screenshareText","title","onPress","viewStyle","screenshareButton","textStyle","roleChangeModalButtonText","ref","trackId","peerId","peerID","trackSource","peerNameContainer","numberOfLines","peerName","undefined","REGULAR","displayName"],"sourceRoot":"../../../src","sources":["components/DisplayTrack.tsx"],"mappings":"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"}

package/lib/module/components/DisplayView.js

@@ -0,0 +1,203 @@
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import { useSelector } from 'react-redux';
+import { View, Text, InteractionManager } from 'react-native';
+import { HMSCameraControl } from '@100mslive/react-native-hms';
+import Animated, { interpolate, useAnimatedStyle } from 'react-native-reanimated';
+import { styles } from './styles';
+import { DefaultModal } from './DefaultModal';
+import { ModalTypes, PipModes } from '../utils/types';
+import { pairData, requestExternalStoragePermission } from '../utils/functions';
+import { ChangeAspectRatio, ChangeNameModal, ChangeRoleAccepteModal, ChangeRoleModal, ChangeTrackStateModal, ChangeVolumeModal, SaveScreenshot } from './Modals';
+import { GridView } from './GridView';
+import { HLSView } from './HLSView';
+import PIPView from './PIPView';
+import { PeerSettingsModalContent } from '../components/PeerSettingsModalContent';
+import { StreamingQualityModalContent } from '../components/StreamingQualityModalContent';
+import { useHMSChangeTrackStateRequest, useHMSInstance, useHMSRoleChangeRequest, useHMSSessionStoreListeners, useIsHLSViewer, useModalType } from '../hooks-util';
+import { useIsPortraitOrientation } from '../utils/dimension';
+import { ParticipantsModal } from './ParticipantsModal';
+export const DisplayView = _ref => {
+  let {
+    offset,
+    peerTrackNodes
+  } = _ref;
+  // --- 100ms SDK Instance ---
+  const hmsInstance = useHMSInstance();
+  const isPortrait = useIsPortraitOrientation();
+  const isHLSViewer = useIsHLSViewer();
+  const {
+    modalVisibleType: modalVisible,
+    handleModalVisibleType: setModalVisible
+  } = useModalType();
+
+  // --- Refs ---
+  const gridViewRef = useRef(null);
+  const trackToChangeRef = useRef(null);
+
+  //  --- Redux stores ---
+  const isPipModeActive = useSelector(state => state.app.pipModeStatus === PipModes.ACTIVE);
+  const spotlightTrackId = useSelector(state => state.user.spotlightTrackId); // State to track active spotlight trackId
+
+  // --- Component Local States ---
+  const [selectedPeerTrackNode, setSelectedPeerTrackNode] = useState(null);
+  const [capturedImagePath, setCapturedImagePath] = useState(null);
+
+  // --- Constants ---
+  const pairedPeers = useMemo(() => pairData(peerTrackNodes, isPortrait ? 4 : 2, spotlightTrackId), [peerTrackNodes, spotlightTrackId, isPortrait]);
+
+  // --- Listeners ---
+  useHMSSessionStoreListeners();
+  const trackStateChangeRequest = useHMSChangeTrackStateRequest(() => {
+    setModalVisible(ModalTypes.CHANGE_TRACK, true);
+  });
+  const roleChangeRequest = useHMSRoleChangeRequest(() => {
+    setModalVisible(ModalTypes.CHANGE_ROLE_ACCEPT, true);
+  });
+
+  // --- Effects ---
+  useEffect(() => {
+    // Scroll to start of the list
+    if (spotlightTrackId) {
+      var _gridViewRef$current;
+      (_gridViewRef$current = gridViewRef.current) === null || _gridViewRef$current === void 0 || (_gridViewRef$current = _gridViewRef$current.getFlatlistRef().current) === null || _gridViewRef$current === void 0 ? void 0 : _gridViewRef$current.scrollToOffset({
+        animated: true,
+        offset: 0
+      });
+    }
+  }, [spotlightTrackId]);
+
+  // functions
+
+  const handlePeerTileMorePress = React.useCallback(peerTrackNode => {
+    setSelectedPeerTrackNode(peerTrackNode);
+    setModalVisible(ModalTypes.PEER_SETTINGS);
+  }, [setModalVisible]);
+  const handleCaptureScreenShotPress = node => {
+    setModalVisible(ModalTypes.DEFAULT);
+    InteractionManager.runAfterInteractions(() => {
+      var _gridViewRef$current2;
+      (_gridViewRef$current2 = gridViewRef.current) === null || _gridViewRef$current2 === void 0 ? void 0 : _gridViewRef$current2.captureViewScreenshot(node);
+    });
+  };
+  const handleCaptureImageAtMaxSupportedResolutionPress = _node => {
+    setModalVisible(ModalTypes.DEFAULT);
+    InteractionManager.runAfterInteractions(async () => {
+      const permission = await requestExternalStoragePermission();
+      if (hmsInstance && permission) {
+        HMSCameraControl.captureImageAtMaxSupportedResolution(true).then(imagePath => {
+          console.log('captureImageAtMaxSupportedResolution result -> ', imagePath);
+          setModalVisible(ModalTypes.DEFAULT);
+          setCapturedImagePath({
+            uri: `file://${imagePath}`
+          });
+        }).catch(error => {
+          console.warn('captureImageAtMaxSupportedResolution error -> ', error);
+        });
+      }
+    });
+  };
+  const handleStreamingQualityPress = track => {
+    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: [styles.container, animatedStyles]
+  }, isHLSViewer ? /*#__PURE__*/React.createElement(HLSView, null) : pairedPeers.length > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null, isPipModeActive ? /*#__PURE__*/React.createElement(PIPView, {
+    pairedPeers: pairedPeers
+  }) : /*#__PURE__*/React.createElement(GridView, {
+    ref: gridViewRef,
+    onPeerTileMorePress: handlePeerTileMorePress,
+    pairedPeers: pairedPeers
+  })) : /*#__PURE__*/React.createElement(View, {
+    style: styles.welcomeContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.welcomeHeading
+  }, "Welcome!"), /*#__PURE__*/React.createElement(Text, {
+    style: styles.welcomeDescription
+  }, "You're the first one here."), /*#__PURE__*/React.createElement(Text, {
+    style: styles.welcomeDescription
+  }, "Sit back and relax till the others join.")), isPipModeActive ? null : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DefaultModal, {
+    backdrop: true,
+    modalPosiion: "center",
+    viewStyle: {
+      minWidth: '70%',
+      width: undefined
+    },
+    modalVisible: modalVisible === ModalTypes.PEER_SETTINGS,
+    setModalVisible: () => setModalVisible(ModalTypes.DEFAULT)
+  }, selectedPeerTrackNode ? /*#__PURE__*/React.createElement(PeerSettingsModalContent, {
+    peerTrackNode: selectedPeerTrackNode,
+    cancelModal: () => setModalVisible(ModalTypes.DEFAULT),
+    onCaptureScreenShotPress: handleCaptureScreenShotPress,
+    onCaptureImageAtMaxSupportedResolutionPress: handleCaptureImageAtMaxSupportedResolutionPress,
+    onStreamingQualityPress: handleStreamingQualityPress
+  }) : null), /*#__PURE__*/React.createElement(DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: modalVisible === ModalTypes.HLS_PLAYER_ASPECT_RATIO,
+    setModalVisible: () => setModalVisible(ModalTypes.DEFAULT)
+  }, /*#__PURE__*/React.createElement(ChangeAspectRatio, {
+    cancelModal: () => setModalVisible(ModalTypes.DEFAULT)
+  })), /*#__PURE__*/React.createElement(DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: !!capturedImagePath,
+    setModalVisible: () => setCapturedImagePath(null)
+  }, capturedImagePath ? /*#__PURE__*/React.createElement(SaveScreenshot, {
+    imageSource: capturedImagePath,
+    cancelModal: () => setCapturedImagePath(null)
+  }) : null), /*#__PURE__*/React.createElement(DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: modalVisible === ModalTypes.STREAMING_QUALITY_SETTING,
+    setModalVisible: () => setModalVisible(ModalTypes.DEFAULT)
+  }, trackToChangeRef.current ? /*#__PURE__*/React.createElement(StreamingQualityModalContent, {
+    track: trackToChangeRef.current,
+    cancelModal: () => {
+      setModalVisible(ModalTypes.DEFAULT);
+    }
+  }) : null), /*#__PURE__*/React.createElement(DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: modalVisible === ModalTypes.CHANGE_TRACK,
+    setModalVisible: () => setModalVisible(ModalTypes.DEFAULT)
+  }, trackStateChangeRequest ? /*#__PURE__*/React.createElement(ChangeTrackStateModal, {
+    roleChangeRequest: trackStateChangeRequest,
+    cancelModal: () => setModalVisible(ModalTypes.DEFAULT)
+  }) : null), /*#__PURE__*/React.createElement(DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: modalVisible === ModalTypes.CHANGE_ROLE_ACCEPT,
+    setModalVisible: () => setModalVisible(ModalTypes.DEFAULT)
+  }, roleChangeRequest ? /*#__PURE__*/React.createElement(ChangeRoleAccepteModal, {
+    instance: hmsInstance,
+    roleChangeRequest: roleChangeRequest,
+    cancelModal: () => setModalVisible(ModalTypes.DEFAULT)
+  }) : null), /*#__PURE__*/React.createElement(DefaultModal, {
+    animationIn: 'slideInUp',
+    animationOut: 'slideOutDown',
+    modalVisible: modalVisible === ModalTypes.PARTICIPANTS,
+    setModalVisible: () => setModalVisible(ModalTypes.DEFAULT)
+  }, /*#__PURE__*/React.createElement(ParticipantsModal, null)), /*#__PURE__*/React.createElement(DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: modalVisible === ModalTypes.CHANGE_ROLE,
+    setModalVisible: () => setModalVisible(ModalTypes.DEFAULT)
+  }, /*#__PURE__*/React.createElement(ChangeRoleModal, {
+    cancelModal: () => setModalVisible(ModalTypes.DEFAULT)
+  })), /*#__PURE__*/React.createElement(DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: modalVisible === ModalTypes.VOLUME,
+    setModalVisible: () => setModalVisible(ModalTypes.DEFAULT)
+  }, /*#__PURE__*/React.createElement(ChangeVolumeModal, {
+    cancelModal: () => setModalVisible(ModalTypes.DEFAULT)
+  })), /*#__PURE__*/React.createElement(DefaultModal, {
+    modalPosiion: "center",
+    modalVisible: modalVisible === ModalTypes.CHANGE_NAME,
+    setModalVisible: () => setModalVisible(ModalTypes.DEFAULT)
+  }, /*#__PURE__*/React.createElement(ChangeNameModal, {
+    cancelModal: () => setModalVisible(ModalTypes.DEFAULT)
+  }))));
+};
+//# sourceMappingURL=DisplayView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useMemo","useRef","useState","useSelector","View","Text","InteractionManager","HMSCameraControl","Animated","interpolate","useAnimatedStyle","styles","DefaultModal","ModalTypes","PipModes","pairData","requestExternalStoragePermission","ChangeAspectRatio","ChangeNameModal","ChangeRoleAccepteModal","ChangeRoleModal","ChangeTrackStateModal","ChangeVolumeModal","SaveScreenshot","GridView","HLSView","PIPView","PeerSettingsModalContent","StreamingQualityModalContent","useHMSChangeTrackStateRequest","useHMSInstance","useHMSRoleChangeRequest","useHMSSessionStoreListeners","useIsHLSViewer","useModalType","useIsPortraitOrientation","ParticipantsModal","DisplayView","_ref","offset","peerTrackNodes","hmsInstance","isPortrait","isHLSViewer","modalVisibleType","modalVisible","handleModalVisibleType","setModalVisible","gridViewRef","trackToChangeRef","isPipModeActive","state","app","pipModeStatus","ACTIVE","spotlightTrackId","user","selectedPeerTrackNode","setSelectedPeerTrackNode","capturedImagePath","setCapturedImagePath","pairedPeers","trackStateChangeRequest","CHANGE_TRACK","roleChangeRequest","CHANGE_ROLE_ACCEPT","_gridViewRef$current","current","getFlatlistRef","scrollToOffset","animated","handlePeerTileMorePress","useCallback","peerTrackNode","PEER_SETTINGS","handleCaptureScreenShotPress","node","DEFAULT","runAfterInteractions","_gridViewRef$current2","captureViewScreenshot","handleCaptureImageAtMaxSupportedResolutionPress","_node","permission","captureImageAtMaxSupportedResolution","then","imagePath","console","log","uri","catch","error","warn","handleStreamingQualityPress","track","STREAMING_QUALITY_SETTING","animatedStyles","transform","translateY","value","createElement","style","container","length","Fragment","ref","onPeerTileMorePress","welcomeContainer","welcomeHeading","welcomeDescription","backdrop","modalPosiion","viewStyle","minWidth","width","undefined","cancelModal","onCaptureScreenShotPress","onCaptureImageAtMaxSupportedResolutionPress","onStreamingQualityPress","HLS_PLAYER_ASPECT_RATIO","imageSource","instance","animationIn","animationOut","PARTICIPANTS","CHANGE_ROLE","VOLUME","CHANGE_NAME"],"sourceRoot":"../../../src","sources":["components/DisplayView.tsx"],"mappings":"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"}

package/lib/module/components/Footer.js

@@ -0,0 +1,76 @@
+import React, { memo, useMemo } from 'react';
+import { View, StyleSheet } from 'react-native';
+import Animated, { interpolate, useAnimatedProps, useAnimatedStyle } from 'react-native-reanimated';
+import { COLORS } from '../utils/theme';
+import { useIsHLSViewer } from '../hooks-util';
+import { EndIcon } from '../Icons';
+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;
+  const isHLSViewer = useIsHLSViewer();
+  const canPublishAudio = useCanPublishAudio();
+  const canPublishVideo = useCanPublishVideo();
+  const footerActionButtons = useMemo(() => {
+    const actions = ['chat'];
+    if (isHLSViewer) {
+      actions.unshift('leave');
+    }
+    if (canPublishVideo) {
+      actions.unshift('video');
+    }
+    if (canPublishAudio) {
+      actions.unshift('audio');
+    }
+    actions.push(isHLSViewer ? 'hand-raise' : '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
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, footerActionButtons.map((actionType, index) => {
+    return /*#__PURE__*/React.createElement(View, {
+      key: actionType,
+      style: index === 0 ? null : styles.iconWrapper
+    }, actionType === 'leave' ? /*#__PURE__*/React.createElement(HMSManageLeave, {
+      leaveIconDelegate: /*#__PURE__*/React.createElement(EndIcon, 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);
+  })));
+};
+const styles = StyleSheet.create({
+  container: {
+    paddingVertical: 8,
+    paddingHorizontal: 16,
+    backgroundColor: COLORS.BACKGROUND.DIM,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  iconWrapper: {
+    marginLeft: 24
+  }
+});
+export const Footer = /*#__PURE__*/memo(_Footer);
+//# sourceMappingURL=Footer.js.map