@100mslive/react-native-room-kit 1.0.6 → 1.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/Icons/Recording/assets/recording-pause.png +0 -0
- package/lib/commonjs/Icons/Recording/assets/recording-pause@2x.png +0 -0
- package/lib/commonjs/Icons/Recording/assets/recording-pause@3x.png +0 -0
- package/lib/commonjs/Icons/Recording/index.js +1 -1
- package/lib/commonjs/Icons/Recording/index.js.map +1 -1
- package/lib/commonjs/components/AnimatedFooter.js +5 -3
- package/lib/commonjs/components/AnimatedFooter.js.map +1 -1
- package/lib/commonjs/components/AnimatedHLSFooter.js +4 -9
- package/lib/commonjs/components/AnimatedHLSFooter.js.map +1 -1
- package/lib/commonjs/components/AnimatedHeader.js +17 -5
- package/lib/commonjs/components/AnimatedHeader.js.map +1 -1
- package/lib/commonjs/components/BottomSheet.js +11 -5
- package/lib/commonjs/components/BottomSheet.js.map +1 -1
- package/lib/commonjs/components/Chat/ChatFilterBottomSheetView.js +2 -1
- package/lib/commonjs/components/Chat/ChatFilterBottomSheetView.js.map +1 -1
- package/lib/commonjs/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.js +11 -10
- package/lib/commonjs/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.js.map +1 -1
- package/lib/commonjs/components/ChatAndParticipants/ChatAndParticipantsView.js +5 -3
- package/lib/commonjs/components/ChatAndParticipants/ChatAndParticipantsView.js.map +1 -1
- package/lib/commonjs/components/DisplayView.js +4 -11
- package/lib/commonjs/components/DisplayView.js.map +1 -1
- package/lib/commonjs/components/EndRoomModal.js +1 -2
- package/lib/commonjs/components/EndRoomModal.js.map +1 -1
- package/lib/commonjs/components/EndRoomModalContent.js +2 -1
- package/lib/commonjs/components/EndRoomModalContent.js.map +1 -1
- package/lib/commonjs/components/Footer.js +12 -18
- package/lib/commonjs/components/Footer.js.map +1 -1
- package/lib/commonjs/components/GridView.js +31 -1
- package/lib/commonjs/components/GridView.js.map +1 -1
- package/lib/commonjs/components/HLSFooter.js +3 -1
- package/lib/commonjs/components/HLSFooter.js.map +1 -1
- package/lib/commonjs/components/HLSView.js +1 -1
- package/lib/commonjs/components/HLSView.js.map +1 -1
- package/lib/commonjs/components/HMSKeyboardAvoidingView.android.js +2 -0
- package/lib/commonjs/components/HMSKeyboardAvoidingView.android.js.map +1 -1
- package/lib/commonjs/components/HMSKeyboardAvoidingView.js +3 -1
- package/lib/commonjs/components/HMSKeyboardAvoidingView.js.map +1 -1
- package/lib/commonjs/components/HMSLiveIndicator.js +6 -57
- package/lib/commonjs/components/HMSLiveIndicator.js.map +1 -1
- package/lib/commonjs/components/HMSLiveViewerCount.js +78 -0
- package/lib/commonjs/components/HMSLiveViewerCount.js.map +1 -0
- package/lib/commonjs/components/HMSOverlayChatView.js +11 -2
- package/lib/commonjs/components/HMSOverlayChatView.js.map +1 -1
- package/lib/commonjs/components/HMSPreviewEditName.js +6 -1
- package/lib/commonjs/components/HMSPreviewEditName.js.map +1 -1
- package/lib/commonjs/components/HMSPreviewHLSLiveIndicator.js +2 -1
- package/lib/commonjs/components/HMSPreviewHLSLiveIndicator.js.map +1 -1
- package/lib/commonjs/components/HMSRecordingIndicator.js +14 -4
- package/lib/commonjs/components/HMSRecordingIndicator.js.map +1 -1
- package/lib/commonjs/components/HMSRoomOptions.js +3 -6
- package/lib/commonjs/components/HMSRoomOptions.js.map +1 -1
- package/lib/commonjs/components/Header.js +11 -3
- package/lib/commonjs/components/Header.js.map +1 -1
- package/lib/commonjs/components/LeaveRoomBottomSheet.js +4 -7
- package/lib/commonjs/components/LeaveRoomBottomSheet.js.map +1 -1
- package/lib/commonjs/components/Meeting.js +2 -13
- package/lib/commonjs/components/Meeting.js.map +1 -1
- package/lib/commonjs/components/MeetingScreenContent.js +46 -48
- package/lib/commonjs/components/MeetingScreenContent.js.map +1 -1
- package/lib/commonjs/components/MiniView.js.map +1 -1
- package/lib/commonjs/components/OverlayedViews.js +6 -2
- package/lib/commonjs/components/OverlayedViews.js.map +1 -1
- package/lib/commonjs/components/PeerSettingsModalContent.js +2 -1
- package/lib/commonjs/components/PeerSettingsModalContent.js.map +1 -1
- package/lib/commonjs/components/PeerVideoTile/PeerVideoTileView.js +2 -1
- package/lib/commonjs/components/PeerVideoTile/PeerVideoTileView.js.map +1 -1
- package/lib/commonjs/components/PressableIcon.js +6 -2
- package/lib/commonjs/components/PressableIcon.js.map +1 -1
- package/lib/commonjs/components/RoomSettingsModalContent.js +25 -9
- package/lib/commonjs/components/RoomSettingsModalContent.js.map +1 -1
- package/lib/commonjs/components/RoomSettingsModalDebugModeContent.js +1 -1
- package/lib/commonjs/components/RoomSettingsModalDebugModeContent.js.map +1 -1
- package/lib/commonjs/components/WebrtcView.js +37 -2
- package/lib/commonjs/components/WebrtcView.js.map +1 -1
- package/lib/commonjs/hooks-util-selectors.js +2 -1
- package/lib/commonjs/hooks-util-selectors.js.map +1 -1
- package/lib/commonjs/hooks-util.js +59 -29
- package/lib/commonjs/hooks-util.js.map +1 -1
- package/lib/commonjs/redux/actionTypes.js +3 -1
- package/lib/commonjs/redux/actionTypes.js.map +1 -1
- package/lib/commonjs/redux/actions/index.js +8 -1
- package/lib/commonjs/redux/actions/index.js.map +1 -1
- package/lib/commonjs/redux/reducers/appState.js +9 -1
- package/lib/commonjs/redux/reducers/appState.js.map +1 -1
- package/lib/commonjs/utils/types.js +3 -3
- package/lib/commonjs/utils/types.js.map +1 -1
- package/lib/module/Icons/Recording/assets/recording-pause.png +0 -0
- package/lib/module/Icons/Recording/assets/recording-pause@2x.png +0 -0
- package/lib/module/Icons/Recording/assets/recording-pause@3x.png +0 -0
- package/lib/module/Icons/Recording/index.js +1 -1
- package/lib/module/Icons/Recording/index.js.map +1 -1
- package/lib/module/components/AnimatedFooter.js +5 -3
- package/lib/module/components/AnimatedFooter.js.map +1 -1
- package/lib/module/components/AnimatedHLSFooter.js +5 -10
- package/lib/module/components/AnimatedHLSFooter.js.map +1 -1
- package/lib/module/components/AnimatedHeader.js +18 -6
- package/lib/module/components/AnimatedHeader.js.map +1 -1
- package/lib/module/components/BottomSheet.js +12 -6
- package/lib/module/components/BottomSheet.js.map +1 -1
- package/lib/module/components/Chat/ChatFilterBottomSheetView.js +2 -1
- package/lib/module/components/Chat/ChatFilterBottomSheetView.js.map +1 -1
- package/lib/module/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.js +13 -12
- package/lib/module/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.js.map +1 -1
- package/lib/module/components/ChatAndParticipants/ChatAndParticipantsView.js +6 -4
- package/lib/module/components/ChatAndParticipants/ChatAndParticipantsView.js.map +1 -1
- package/lib/module/components/DisplayView.js +5 -12
- package/lib/module/components/DisplayView.js.map +1 -1
- package/lib/module/components/EndRoomModal.js +1 -2
- package/lib/module/components/EndRoomModal.js.map +1 -1
- package/lib/module/components/EndRoomModalContent.js +2 -1
- package/lib/module/components/EndRoomModalContent.js.map +1 -1
- package/lib/module/components/Footer.js +12 -18
- package/lib/module/components/Footer.js.map +1 -1
- package/lib/module/components/GridView.js +32 -2
- package/lib/module/components/GridView.js.map +1 -1
- package/lib/module/components/HLSFooter.js +3 -1
- package/lib/module/components/HLSFooter.js.map +1 -1
- package/lib/module/components/HLSView.js +2 -2
- package/lib/module/components/HLSView.js.map +1 -1
- package/lib/module/components/HMSKeyboardAvoidingView.android.js +2 -3
- package/lib/module/components/HMSKeyboardAvoidingView.android.js.map +1 -1
- package/lib/module/components/HMSKeyboardAvoidingView.js +3 -1
- package/lib/module/components/HMSKeyboardAvoidingView.js.map +1 -1
- package/lib/module/components/HMSLiveIndicator.js +9 -60
- package/lib/module/components/HMSLiveIndicator.js.map +1 -1
- package/lib/module/components/HMSLiveViewerCount.js +70 -0
- package/lib/module/components/HMSLiveViewerCount.js.map +1 -0
- package/lib/module/components/HMSOverlayChatView.js +11 -2
- package/lib/module/components/HMSOverlayChatView.js.map +1 -1
- package/lib/module/components/HMSPreviewEditName.js +6 -1
- package/lib/module/components/HMSPreviewEditName.js.map +1 -1
- package/lib/module/components/HMSPreviewHLSLiveIndicator.js +2 -1
- package/lib/module/components/HMSPreviewHLSLiveIndicator.js.map +1 -1
- package/lib/module/components/HMSRecordingIndicator.js +14 -4
- package/lib/module/components/HMSRecordingIndicator.js.map +1 -1
- package/lib/module/components/HMSRoomOptions.js +3 -6
- package/lib/module/components/HMSRoomOptions.js.map +1 -1
- package/lib/module/components/Header.js +10 -3
- package/lib/module/components/Header.js.map +1 -1
- package/lib/module/components/LeaveRoomBottomSheet.js +4 -7
- package/lib/module/components/LeaveRoomBottomSheet.js.map +1 -1
- package/lib/module/components/Meeting.js +3 -14
- package/lib/module/components/Meeting.js.map +1 -1
- package/lib/module/components/MeetingScreenContent.js +51 -53
- package/lib/module/components/MeetingScreenContent.js.map +1 -1
- package/lib/module/components/MiniView.js.map +1 -1
- package/lib/module/components/OverlayedViews.js +6 -2
- package/lib/module/components/OverlayedViews.js.map +1 -1
- package/lib/module/components/PeerSettingsModalContent.js +2 -1
- package/lib/module/components/PeerSettingsModalContent.js.map +1 -1
- package/lib/module/components/PeerVideoTile/PeerVideoTileView.js +2 -1
- package/lib/module/components/PeerVideoTile/PeerVideoTileView.js.map +1 -1
- package/lib/module/components/PressableIcon.js +6 -2
- package/lib/module/components/PressableIcon.js.map +1 -1
- package/lib/module/components/RoomSettingsModalContent.js +26 -10
- package/lib/module/components/RoomSettingsModalContent.js.map +1 -1
- package/lib/module/components/RoomSettingsModalDebugModeContent.js +2 -2
- package/lib/module/components/RoomSettingsModalDebugModeContent.js.map +1 -1
- package/lib/module/components/WebrtcView.js +37 -2
- package/lib/module/components/WebrtcView.js.map +1 -1
- package/lib/module/hooks-util-selectors.js +2 -1
- package/lib/module/hooks-util-selectors.js.map +1 -1
- package/lib/module/hooks-util.js +58 -29
- package/lib/module/hooks-util.js.map +1 -1
- package/lib/module/redux/actionTypes.js +3 -1
- package/lib/module/redux/actionTypes.js.map +1 -1
- package/lib/module/redux/actions/index.js +6 -0
- package/lib/module/redux/actions/index.js.map +1 -1
- package/lib/module/redux/reducers/appState.js +9 -1
- package/lib/module/redux/reducers/appState.js.map +1 -1
- package/lib/module/utils/types.js +2 -2
- package/lib/module/utils/types.js.map +1 -1
- package/lib/typescript/Icons/Recording/index.d.ts +1 -1
- package/lib/typescript/Icons/Recording/index.d.ts.map +1 -1
- package/lib/typescript/components/AnimatedFooter.d.ts.map +1 -1
- package/lib/typescript/components/AnimatedHLSFooter.d.ts.map +1 -1
- package/lib/typescript/components/AnimatedHeader.d.ts.map +1 -1
- package/lib/typescript/components/BottomSheet.d.ts +1 -0
- package/lib/typescript/components/BottomSheet.d.ts.map +1 -1
- package/lib/typescript/components/Chat/ChatFilterBottomSheetView.d.ts.map +1 -1
- package/lib/typescript/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.d.ts.map +1 -1
- package/lib/typescript/components/ChatAndParticipants/ChatAndParticipantsView.d.ts.map +1 -1
- package/lib/typescript/components/DisplayView.d.ts.map +1 -1
- package/lib/typescript/components/EndRoomModal.d.ts.map +1 -1
- package/lib/typescript/components/EndRoomModalContent.d.ts.map +1 -1
- package/lib/typescript/components/Footer.d.ts +1 -1
- package/lib/typescript/components/Footer.d.ts.map +1 -1
- package/lib/typescript/components/GridView.d.ts.map +1 -1
- package/lib/typescript/components/HLSView.d.ts.map +1 -1
- package/lib/typescript/components/HMSKeyboardAvoidingView.android.d.ts.map +1 -1
- package/lib/typescript/components/HMSKeyboardAvoidingView.d.ts +2 -1
- package/lib/typescript/components/HMSKeyboardAvoidingView.d.ts.map +1 -1
- package/lib/typescript/components/HMSLiveIndicator.d.ts.map +1 -1
- package/lib/typescript/components/HMSLiveViewerCount.d.ts +3 -0
- package/lib/typescript/components/HMSLiveViewerCount.d.ts.map +1 -0
- package/lib/typescript/components/HMSOverlayChatView.d.ts +5 -1
- package/lib/typescript/components/HMSOverlayChatView.d.ts.map +1 -1
- package/lib/typescript/components/HMSPreviewEditName.d.ts.map +1 -1
- package/lib/typescript/components/HMSPreviewHLSLiveIndicator.d.ts.map +1 -1
- package/lib/typescript/components/HMSRecordingIndicator.d.ts.map +1 -1
- package/lib/typescript/components/HMSRoomOptions.d.ts.map +1 -1
- package/lib/typescript/components/Header.d.ts +1 -0
- package/lib/typescript/components/Header.d.ts.map +1 -1
- package/lib/typescript/components/LeaveRoomBottomSheet.d.ts.map +1 -1
- package/lib/typescript/components/Meeting.d.ts.map +1 -1
- package/lib/typescript/components/MeetingScreenContent.d.ts.map +1 -1
- package/lib/typescript/components/OverlayedViews.d.ts +4 -1
- package/lib/typescript/components/OverlayedViews.d.ts.map +1 -1
- package/lib/typescript/components/PeerSettingsModalContent.d.ts.map +1 -1
- package/lib/typescript/components/PeerVideoTile/PeerVideoTileView.d.ts.map +1 -1
- package/lib/typescript/components/PressableIcon.d.ts.map +1 -1
- package/lib/typescript/components/RoomSettingsModalContent.d.ts.map +1 -1
- package/lib/typescript/components/RoomSettingsModalDebugModeContent.d.ts.map +1 -1
- package/lib/typescript/components/WebrtcView.d.ts +2 -0
- package/lib/typescript/components/WebrtcView.d.ts.map +1 -1
- package/lib/typescript/hooks-util-selectors.d.ts.map +1 -1
- package/lib/typescript/hooks-util.d.ts +4 -0
- package/lib/typescript/hooks-util.d.ts.map +1 -1
- package/lib/typescript/redux/actionTypes.d.ts +1 -0
- package/lib/typescript/redux/actionTypes.d.ts.map +1 -1
- package/lib/typescript/redux/actions/index.d.ts +6 -0
- package/lib/typescript/redux/actions/index.d.ts.map +1 -1
- package/lib/typescript/redux/index.d.ts +1 -0
- package/lib/typescript/redux/index.d.ts.map +1 -1
- package/lib/typescript/redux/reducers/appState.d.ts +1 -0
- package/lib/typescript/redux/reducers/appState.d.ts.map +1 -1
- package/lib/typescript/redux/reducers/index.d.ts +1 -0
- package/lib/typescript/redux/reducers/index.d.ts.map +1 -1
- package/lib/typescript/utils/types.d.ts +1 -0
- package/lib/typescript/utils/types.d.ts.map +1 -1
- package/package.json +179 -179
- package/src/HMSRoomSetup.tsx +1 -1
- package/src/Icons/Recording/assets/recording-pause.png +0 -0
- package/src/Icons/Recording/assets/recording-pause@2x.png +0 -0
- package/src/Icons/Recording/assets/recording-pause@3x.png +0 -0
- package/src/Icons/Recording/index.tsx +3 -1
- package/src/components/AnimatedFooter.tsx +9 -3
- package/src/components/AnimatedHLSFooter.tsx +8 -17
- package/src/components/AnimatedHeader.tsx +16 -5
- package/src/components/BottomSheet.tsx +11 -5
- package/src/components/Chat/ChatFilterBottomSheetView.tsx +1 -0
- package/src/components/ChatAndParticipants/ChatAndParticipantsBottomSheet.tsx +12 -7
- package/src/components/ChatAndParticipants/ChatAndParticipantsView.tsx +5 -4
- package/src/components/DisplayView.tsx +4 -13
- package/src/components/EndRoomModal.tsx +0 -1
- package/src/components/EndRoomModalContent.tsx +2 -1
- package/src/components/Footer.tsx +18 -23
- package/src/components/GridView.tsx +31 -4
- package/src/components/HLSFooter.tsx +1 -1
- package/src/components/HLSView.tsx +2 -1
- package/src/components/HMSKeyboardAvoidingView.android.tsx +1 -5
- package/src/components/HMSKeyboardAvoidingView.tsx +6 -3
- package/src/components/HMSLiveIndicator.tsx +8 -73
- package/src/components/HMSLiveViewerCount.tsx +90 -0
- package/src/components/HMSOverlayChatView.tsx +18 -2
- package/src/components/HMSPreviewEditName.tsx +10 -1
- package/src/components/HMSPreviewHLSLiveIndicator.tsx +2 -1
- package/src/components/HMSRecordingIndicator.tsx +20 -3
- package/src/components/HMSRoomOptions.tsx +0 -3
- package/src/components/Header.tsx +14 -3
- package/src/components/LeaveRoomBottomSheet.tsx +3 -6
- package/src/components/Meeting.tsx +2 -19
- package/src/components/MeetingScreenContent.tsx +67 -64
- package/src/components/MiniView.tsx +4 -4
- package/src/components/OverlayedViews.tsx +6 -3
- package/src/components/PeerSettingsModalContent.tsx +2 -1
- package/src/components/PeerVideoTile/PeerVideoTileView.tsx +2 -1
- package/src/components/PressableIcon.tsx +22 -17
- package/src/components/RoomSettingsModalContent.tsx +22 -6
- package/src/components/RoomSettingsModalDebugModeContent.tsx +2 -1
- package/src/components/WebrtcView.tsx +59 -22
- package/src/hooks-util-selectors.tsx +2 -1
- package/src/hooks-util.ts +61 -44
- package/src/redux/actionTypes.ts +3 -0
- package/src/redux/actions/index.ts +5 -0
- package/src/redux/reducers/appState.ts +8 -0
- package/src/utils/types.ts +12 -3
|
@@ -10,13 +10,12 @@ import { HMSChat } from './HMSChat';
|
|
|
10
10
|
import { HMSRoomOptions } from './HMSRoomOptions';
|
|
11
11
|
import { useCanPublishAudio, useCanPublishScreen, useCanPublishVideo } from '../hooks-sdk';
|
|
12
12
|
import { useSelector } from 'react-redux';
|
|
13
|
-
import { useIsLandscapeOrientation } from '../utils/dimension';
|
|
14
13
|
export const _Footer = () => {
|
|
15
14
|
const isHLSViewer = useIsHLSViewer();
|
|
16
15
|
const canPublishAudio = useCanPublishAudio();
|
|
17
16
|
const canPublishVideo = useCanPublishVideo();
|
|
18
17
|
const canPublishScreen = useCanPublishScreen();
|
|
19
|
-
const
|
|
18
|
+
const editUsernameDisabled = useSelector(state => state.app.editUsernameDisabled);
|
|
20
19
|
const isViewer = !(canPublishAudio || canPublishVideo || canPublishScreen);
|
|
21
20
|
const {
|
|
22
21
|
canShowParticipants,
|
|
@@ -34,13 +33,17 @@ export const _Footer = () => {
|
|
|
34
33
|
var _state$hmsStates$loca;
|
|
35
34
|
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);
|
|
36
35
|
});
|
|
37
|
-
const
|
|
36
|
+
const canEditUsernameFromRoomModal = isViewer && !editUsernameDisabled;
|
|
37
|
+
const canShowHandRaiseInFooter = !isOnStage && isViewer; // on_stage_exp object undefined && viewer -> show in footer
|
|
38
|
+
const canShowHandRaiseInRoomModal = !isOnStage && !isViewer; // on_stage_exp object undefined && publisher -> show in room modal
|
|
39
|
+
|
|
40
|
+
const canShowOptions = canShowParticipants || canPublishScreen || canShowBRB || canShowHandRaiseInRoomModal || canStartRecording || canEditUsernameFromRoomModal;
|
|
38
41
|
const footerActionButtons = useMemo(() => {
|
|
39
42
|
const actions = [];
|
|
40
43
|
if (canShowChat) {
|
|
41
44
|
actions.push('chat');
|
|
42
45
|
}
|
|
43
|
-
if (
|
|
46
|
+
if (canShowHandRaiseInFooter) {
|
|
44
47
|
actions.unshift('hand-raise');
|
|
45
48
|
}
|
|
46
49
|
if (canPublishVideo) {
|
|
@@ -54,15 +57,15 @@ export const _Footer = () => {
|
|
|
54
57
|
actions.push('options');
|
|
55
58
|
}
|
|
56
59
|
return actions;
|
|
57
|
-
}, [
|
|
60
|
+
}, [canShowHandRaiseInFooter, canShowOptions, canShowChat, canPublishAudio, canPublishVideo]);
|
|
58
61
|
const containerStyles = useHMSRoomStyle(theme => ({
|
|
59
62
|
backgroundColor: theme.palette.background_dim
|
|
60
63
|
}));
|
|
61
64
|
return /*#__PURE__*/React.createElement(SafeAreaView, {
|
|
62
65
|
style: isHLSViewer ? null : containerStyles,
|
|
63
|
-
edges: ['bottom']
|
|
66
|
+
edges: ['bottom', 'left', 'right']
|
|
64
67
|
}, /*#__PURE__*/React.createElement(View, {
|
|
65
|
-
style: [
|
|
68
|
+
style: [styles.container, isHLSViewer ? styles.hlsContainer : containerStyles]
|
|
66
69
|
}, footerActionButtons.map((actionType, index) => {
|
|
67
70
|
return /*#__PURE__*/React.createElement(View, {
|
|
68
71
|
key: actionType,
|
|
@@ -70,13 +73,12 @@ export const _Footer = () => {
|
|
|
70
73
|
}, 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);
|
|
71
74
|
})));
|
|
72
75
|
};
|
|
73
|
-
export const useFooterHeight = () => {
|
|
76
|
+
export const useFooterHeight = (excludeSafeArea = false) => {
|
|
74
77
|
const isHLSViewer = useIsHLSViewer();
|
|
75
|
-
const isLandscapeOrientation = useIsLandscapeOrientation();
|
|
76
78
|
const {
|
|
77
79
|
bottom
|
|
78
80
|
} = useSafeAreaInsets();
|
|
79
|
-
return bottom + (isHLSViewer ? 8 :
|
|
81
|
+
return (excludeSafeArea ? 0 : bottom) + (isHLSViewer ? 8 : 16) + (Platform.OS === 'android' ? 16 : 0) + 40; // bottomSafeArea + paddingTop + marginBottom + content
|
|
80
82
|
};
|
|
81
83
|
const styles = StyleSheet.create({
|
|
82
84
|
container: {
|
|
@@ -87,14 +89,6 @@ const styles = StyleSheet.create({
|
|
|
87
89
|
justifyContent: 'center',
|
|
88
90
|
marginBottom: Platform.OS === 'android' ? 16 : 0 // TODO: need to correct hide animation offsets because of this change
|
|
89
91
|
},
|
|
90
|
-
landscapeContainer: {
|
|
91
|
-
paddingTop: 4,
|
|
92
|
-
paddingHorizontal: 4,
|
|
93
|
-
flexDirection: 'row',
|
|
94
|
-
alignItems: 'center',
|
|
95
|
-
justifyContent: 'center',
|
|
96
|
-
marginBottom: Platform.OS === 'android' ? 4 : 0
|
|
97
|
-
},
|
|
98
92
|
hlsContainer: {
|
|
99
93
|
paddingTop: 8
|
|
100
94
|
},
|
|
@@ -1 +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","
|
|
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","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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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { useRef, useState, useImperativeHandle } from 'react';
|
|
2
|
-
import { View, FlatList, StyleSheet, useWindowDimensions } from 'react-native';
|
|
2
|
+
import { View, FlatList, StyleSheet, useWindowDimensions, Platform } from 'react-native';
|
|
3
3
|
import { useDispatch, useSelector } from 'react-redux';
|
|
4
4
|
import { DefaultModal } from './DefaultModal';
|
|
5
5
|
import { SaveScreenshot } from './Modals';
|
|
@@ -9,6 +9,7 @@ import { PaginationDots } from './PaginationDots';
|
|
|
9
9
|
import { setGridViewActivePage } from '../redux/actions';
|
|
10
10
|
import { Tile } from './Tile';
|
|
11
11
|
import { useIsLandscapeOrientation } from '../utils/dimension';
|
|
12
|
+
import { useSafeAreaFrame } from 'react-native-safe-area-context';
|
|
12
13
|
const FLATLIST_VIEWABILITY_CONFIG = {
|
|
13
14
|
waitForInteraction: true,
|
|
14
15
|
itemVisiblePercentThreshold: 80
|
|
@@ -25,8 +26,31 @@ export const GridView = /*#__PURE__*/React.forwardRef(({
|
|
|
25
26
|
width: null,
|
|
26
27
|
height: null
|
|
27
28
|
});
|
|
28
|
-
const isLandscapeOrientation = useIsLandscapeOrientation();
|
|
29
29
|
const screenshareTilesAvailable = useSelector(state => state.app.screensharePeerTrackNodes.length > 0);
|
|
30
|
+
const regularTilesAvailable = pairedPeers.length > 0;
|
|
31
|
+
const isLandscapeOrientation = useIsLandscapeOrientation();
|
|
32
|
+
|
|
33
|
+
// On Orientation change, scroll to first page of list
|
|
34
|
+
React.useEffect(() => {
|
|
35
|
+
if (screenshareTilesAvailable) {
|
|
36
|
+
var _screenshareTilesFlat;
|
|
37
|
+
(_screenshareTilesFlat = screenshareTilesFlatlistRef.current) === null || _screenshareTilesFlat === void 0 || _screenshareTilesFlat.scrollToOffset({
|
|
38
|
+
offset: 0,
|
|
39
|
+
animated: false
|
|
40
|
+
});
|
|
41
|
+
}
|
|
42
|
+
}, [screenshareTilesAvailable, isLandscapeOrientation]);
|
|
43
|
+
|
|
44
|
+
// On Orientation change, scroll to first page of list
|
|
45
|
+
React.useEffect(() => {
|
|
46
|
+
if (regularTilesAvailable) {
|
|
47
|
+
var _regularTilesFlatlist;
|
|
48
|
+
(_regularTilesFlatlist = regularTilesFlatlistRef.current) === null || _regularTilesFlatlist === void 0 || _regularTilesFlatlist.scrollToOffset({
|
|
49
|
+
offset: 0,
|
|
50
|
+
animated: false
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
}, [regularTilesAvailable, isLandscapeOrientation]);
|
|
30
54
|
const miniviewPeerTrackNodeExists = useSelector(state => !!state.app.miniviewPeerTrackNode);
|
|
31
55
|
|
|
32
56
|
// We are setting `captureViewScreenshot` method on ref passed to GridView component
|
|
@@ -118,6 +142,9 @@ const RegularTiles = /*#__PURE__*/React.forwardRef(({
|
|
|
118
142
|
setHmsViewRefs
|
|
119
143
|
}, flatlistRef) => {
|
|
120
144
|
const dispatch = useDispatch();
|
|
145
|
+
const {
|
|
146
|
+
height: safeHeight
|
|
147
|
+
} = useSafeAreaFrame();
|
|
121
148
|
const screenshareTilesAvailable = useSelector(state => state.app.screensharePeerTrackNodes.length > 0);
|
|
122
149
|
const activeIndex = useSelector(state => state.app.gridViewActivePage);
|
|
123
150
|
const isLandscapeOrientation = useIsLandscapeOrientation();
|
|
@@ -147,6 +174,9 @@ const RegularTiles = /*#__PURE__*/React.forwardRef(({
|
|
|
147
174
|
}, /*#__PURE__*/React.createElement(FlatList, {
|
|
148
175
|
ref: flatlistRef,
|
|
149
176
|
horizontal: true,
|
|
177
|
+
style: Platform.OS === 'ios' ? {
|
|
178
|
+
maxHeight: safeHeight - 16
|
|
179
|
+
} : null,
|
|
150
180
|
data: pairedPeers,
|
|
151
181
|
initialNumToRender: 1,
|
|
152
182
|
maxToRenderPerBatch: 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useRef","useState","useImperativeHandle","View","FlatList","StyleSheet","useWindowDimensions","useDispatch","useSelector","DefaultModal","SaveScreenshot","TilesContainer","MiniView","PaginationDots","setGridViewActivePage","Tile","useIsLandscapeOrientation","FLATLIST_VIEWABILITY_CONFIG","waitForInteraction","itemVisiblePercentThreshold","GridView","forwardRef","pairedPeers","onPeerTileMorePress","ref","screenshotData","setScreenshotData","hmsViewRefs","regularTilesFlatlistRef","screenshareTilesFlatlistRef","insetTileBoundingBox","setInsetTileBoundingBox","width","height","isLandscapeOrientation","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","nativeEvent","layout","createElement","style","styles","container","onLayout","measureLayoutView","ScreenshareTiles","RegularTiles","boundingBoxWidth","boundingBoxHeight","onMoreOptionsPress","modalPosiion","modalVisible","setModalVisible","imageSource","cancelModal","displayName","create","flex","position","flatlistRef","dispatch","activeIndex","gridViewActivePage","_keyExtractor","item","_item$","_handleViewableItemsChanged","info","firstViewable","viewableItems","isViewable","index","_renderItem","peerTrackNodes","undefined","horizontal","data","initialNumToRender","maxToRenderPerBatch","windowSize","pagingEnabled","showsHorizontalScrollIndicator","renderItem","numColumns","keyExtractor","onViewableItemsChanged","viewabilityConfig","list","marginVertical","activePage","setActivePage","peerTrackNode","marginBottom"],"sourceRoot":"../../../src","sources":["components/GridView.tsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["React","useRef","useState","useImperativeHandle","View","FlatList","StyleSheet","useWindowDimensions","Platform","useDispatch","useSelector","DefaultModal","SaveScreenshot","TilesContainer","MiniView","PaginationDots","setGridViewActivePage","Tile","useIsLandscapeOrientation","useSafeAreaFrame","FLATLIST_VIEWABILITY_CONFIG","waitForInteraction","itemVisiblePercentThreshold","GridView","forwardRef","pairedPeers","onPeerTileMorePress","ref","screenshotData","setScreenshotData","hmsViewRefs","regularTilesFlatlistRef","screenshareTilesFlatlistRef","insetTileBoundingBox","setInsetTileBoundingBox","width","height","screenshareTilesAvailable","state","app","screensharePeerTrackNodes","length","regularTilesAvailable","isLandscapeOrientation","useEffect","_screenshareTilesFlat","current","scrollToOffset","offset","animated","_regularTilesFlatlist","miniviewPeerTrackNodeExists","miniviewPeerTrackNode","captureViewScreenshot","node","_hmsViewRef$capture","hmsViewRef","id","console","warn","capture","call","then","imageBase64","log","peer","source","uri","catch","error","getRegularTilesFlatlistRef","getScreenshareTilesFlatlistRef","setHmsViewRefs","useCallback","viewId","_handleLayoutChange","nativeEvent","layout","createElement","style","styles","container","onLayout","measureLayoutView","ScreenshareTiles","RegularTiles","boundingBoxWidth","boundingBoxHeight","onMoreOptionsPress","modalPosiion","modalVisible","setModalVisible","imageSource","cancelModal","displayName","create","flex","position","flatlistRef","dispatch","safeHeight","activeIndex","gridViewActivePage","_keyExtractor","item","_item$","_handleViewableItemsChanged","info","firstViewable","viewableItems","isViewable","index","_renderItem","peerTrackNodes","undefined","horizontal","OS","maxHeight","data","initialNumToRender","maxToRenderPerBatch","windowSize","pagingEnabled","showsHorizontalScrollIndicator","renderItem","numColumns","keyExtractor","onViewableItemsChanged","viewabilityConfig","list","marginVertical","activePage","setActivePage","peerTrackNode","marginBottom"],"sourceRoot":"../../../src","sources":["components/GridView.tsx"],"mappings":"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"}
|
|
@@ -14,7 +14,9 @@ export const HLSFooter = ({
|
|
|
14
14
|
return /*#__PURE__*/React.createElement(AnimatedHLSFooter, {
|
|
15
15
|
offset: offset,
|
|
16
16
|
style: styles.animatedContainer
|
|
17
|
-
}, overlayChatVisible ? /*#__PURE__*/React.createElement(HLSChatView,
|
|
17
|
+
}, overlayChatVisible ? /*#__PURE__*/React.createElement(HLSChatView, {
|
|
18
|
+
offset: offset
|
|
19
|
+
}) : null, /*#__PURE__*/React.createElement(HMSNotifications, null), /*#__PURE__*/React.createElement(Footer, null));
|
|
18
20
|
};
|
|
19
21
|
const styles = StyleSheet.create({
|
|
20
22
|
animatedContainer: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","Footer","AnimatedHLSFooter","HLSChatView","useShowChatAndParticipants","HMSNotifications","HLSFooter","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;AAC1D,SAASC,gBAAgB,QAAQ,oBAAoB;AAMrD,OAAO,MAAMC,SAAmC,GAAGA,CAAC;EAAEC;AAAO,CAAC,KAAK;EACjE,MAAM;IAAEC;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,
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","Footer","AnimatedHLSFooter","HLSChatView","useShowChatAndParticipants","HMSNotifications","HLSFooter","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;AAC1D,SAASC,gBAAgB,QAAQ,oBAAoB;AAMrD,OAAO,MAAMC,SAAmC,GAAGA,CAAC;EAAEC;AAAO,CAAC,KAAK;EACjE,MAAM;IAAEC;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;IAACI,MAAM,EAAEA;EAAO,CAAE,CAAC,GAAG,IAAI,eAE5DR,KAAA,CAAAU,aAAA,CAACJ,gBAAgB,MAAE,CAAC,eAEpBN,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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { useRef } from 'react';
|
|
2
2
|
import { useDispatch, useSelector } from 'react-redux';
|
|
3
3
|
import { View, Text, StyleSheet, Platform } from 'react-native';
|
|
4
|
-
import { HMSHLSPlayer, HMSHLSPlayerPlaybackState, useHMSHLSPlayerPlaybackState } from '@100mslive/react-native-hms';
|
|
4
|
+
import { HMSHLSPlayer, HMSHLSPlayerPlaybackState, useHMSHLSPlayerPlaybackState, HMSStreamingState } from '@100mslive/react-native-hms';
|
|
5
5
|
import { changeShowHLSStats } from '../redux/actions';
|
|
6
6
|
import { HLSPlayerStatsView } from './HLSPlayerStatsView';
|
|
7
7
|
import { HLSPlayerEmoticons } from './HLSPlayerEmoticons';
|
|
@@ -102,7 +102,7 @@ export const _HLSView = () => {
|
|
|
102
102
|
}));
|
|
103
103
|
return /*#__PURE__*/React.createElement(View, {
|
|
104
104
|
style: styles.hlsView
|
|
105
|
-
}, room
|
|
105
|
+
}, (room === null || room === void 0 || (_room$hlsStreamingSta = room.hlsStreamingState) === null || _room$hlsStreamingSta === void 0 ? void 0 : _room$hlsStreamingSta.state) === HMSStreamingState.STARTED ? room === null || room === void 0 || (_room$hlsStreamingSta2 = room.hlsStreamingState) === null || _room$hlsStreamingSta2 === void 0 || (_room$hlsStreamingSta2 = _room$hlsStreamingSta2.variants) === null || _room$hlsStreamingSta2 === void 0 || (_room$hlsStreamingSta2 = _room$hlsStreamingSta2.slice(0, 1)) === null || _room$hlsStreamingSta2 === void 0 ? void 0 : _room$hlsStreamingSta2.map((variant, index) => variant !== null && variant !== void 0 && variant.hlsStreamUrl ? /*#__PURE__*/React.createElement(View, {
|
|
106
106
|
key: index,
|
|
107
107
|
style: styles.hlsPlayerContainer
|
|
108
108
|
}, /*#__PURE__*/React.createElement(HMSHLSPlayer, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useRef","useDispatch","useSelector","View","Text","StyleSheet","Platform","HMSHLSPlayer","HMSHLSPlayerPlaybackState","useHMSHLSPlayerPlaybackState","changeShowHLSStats","HLSPlayerStatsView","HLSPlayerEmoticons","CustomControls","COLORS","hexToRgbA","HMSHLSNotStarted","CrossCircleIcon","useHMSRoomStyleSheet","_HLSView","_room$hlsStreamingSta","_room$hlsStreamingSta2","dispatch","room","state","hmsStates","hmsHlsPlayerRef","showHLSStats","app","joinConfig","showCustomHLSPlayerControls","enableHLSPlayerControls","handleClosePress","hlsPlayerActions","action","args","_hmsHlsPlayerRef$curr","current","play","_hmsHlsPlayerRef$curr2","stop","_hmsHlsPlayerRef$curr3","pause","_hmsHlsPlayerRef$curr4","resume","_hmsHlsPlayerRef$curr5","seekForward","_hmsHlsPlayerRef$curr6","seekBackward","_hmsHlsPlayerRef$curr7","seekToLivePosition","_hmsHlsPlayerRef$curr8","setVolume","playerKey","setPlayerKey","useState","prevReconnectingRef","reconnecting","hlsPlayerPlaybackState","isPlaybackFailed","FAILED","useEffect","prevReconnecting","OS","prevKey","hmsRoomStyles","theme","typography","failedContainer","backgroundColor","palette","background_dim","LOADING_BACKDROP","failedText","color","on_surface_high","fontFamily","font_family","createElement","style","styles","hlsView","hlsStreamingState","
|
|
1
|
+
{"version":3,"names":["React","useRef","useDispatch","useSelector","View","Text","StyleSheet","Platform","HMSHLSPlayer","HMSHLSPlayerPlaybackState","useHMSHLSPlayerPlaybackState","HMSStreamingState","changeShowHLSStats","HLSPlayerStatsView","HLSPlayerEmoticons","CustomControls","COLORS","hexToRgbA","HMSHLSNotStarted","CrossCircleIcon","useHMSRoomStyleSheet","_HLSView","_room$hlsStreamingSta","_room$hlsStreamingSta2","dispatch","room","state","hmsStates","hmsHlsPlayerRef","showHLSStats","app","joinConfig","showCustomHLSPlayerControls","enableHLSPlayerControls","handleClosePress","hlsPlayerActions","action","args","_hmsHlsPlayerRef$curr","current","play","_hmsHlsPlayerRef$curr2","stop","_hmsHlsPlayerRef$curr3","pause","_hmsHlsPlayerRef$curr4","resume","_hmsHlsPlayerRef$curr5","seekForward","_hmsHlsPlayerRef$curr6","seekBackward","_hmsHlsPlayerRef$curr7","seekToLivePosition","_hmsHlsPlayerRef$curr8","setVolume","playerKey","setPlayerKey","useState","prevReconnectingRef","reconnecting","hlsPlayerPlaybackState","isPlaybackFailed","FAILED","useEffect","prevReconnecting","OS","prevKey","hmsRoomStyles","theme","typography","failedContainer","backgroundColor","palette","background_dim","LOADING_BACKDROP","failedText","color","on_surface_high","fontFamily","font_family","createElement","style","styles","hlsView","hlsStreamingState","STARTED","variants","slice","map","variant","index","hlsStreamUrl","key","hlsPlayerContainer","ref","enableStats","enableControls","onClosePress","handleControlPress","playbackFailedContainer","playbackFailed","textContainer","warningSubtitle","HLSView","memo","create","flex","position","paddingHorizontal","alignItems","justifyContent","INDICATORS","WARNING","fontSize","fontWeight","letterSpacing","textAlign","taleLessSpaceAsYouCan","width","height","lineHeight","marginTop"],"sourceRoot":"../../../src","sources":["components/HLSView.tsx"],"mappings":"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"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import Animated from 'react-native-reanimated'; // useAnimatedKeyboard,
|
|
3
|
-
|
|
4
|
-
// useDerivedValue,
|
|
2
|
+
import Animated from 'react-native-reanimated'; // useDerivedValue, // useAnimatedStyle, // useAnimatedKeyboard,
|
|
3
|
+
|
|
5
4
|
export const HMSKeyboardAvoidingView = ({
|
|
6
5
|
children,
|
|
7
6
|
style
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","HMSKeyboardAvoidingView","children","style","createElement","View"],"sourceRoot":"../../../src","sources":["components/HMSKeyboardAvoidingView.android.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAOC,QAAQ,
|
|
1
|
+
{"version":3,"names":["React","Animated","HMSKeyboardAvoidingView","children","style","createElement","View"],"sourceRoot":"../../../src","sources":["components/HMSKeyboardAvoidingView.android.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAOC,QAAQ,MAAM,yBAAyB,CAAC,CAAC;;AAOhD,OAAO,MAAMC,uBAEZ,GAAGA,CAAC;EACHC,QAAQ;EACRC;EACA;AACF,CAAC,KAAK;EACJ;;EAEA;;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;EAEA,oBACEJ,KAAA,CAAAK,aAAA,CAACJ,QAAQ,CAACK,IAAI;IACZF,KAAK,EAAE,CACLA;IACA;IAAA;EACA,GAEDD,QACY,CAAC;AAEpB,CAAC"}
|
|
@@ -6,7 +6,9 @@ export const HMSKeyboardAvoidingView = ({
|
|
|
6
6
|
bottomOffset = 0
|
|
7
7
|
}) => {
|
|
8
8
|
const animatedKeyboard = useAnimatedKeyboard();
|
|
9
|
-
const initialPageY = useDerivedValue(() =>
|
|
9
|
+
const initialPageY = useDerivedValue(() => {
|
|
10
|
+
return typeof bottomOffset === 'number' ? bottomOffset : bottomOffset.value;
|
|
11
|
+
}, [bottomOffset]);
|
|
10
12
|
const keyboardAvoidStyle = useAnimatedStyle(() => {
|
|
11
13
|
const keyboardHeight = animatedKeyboard.height.value;
|
|
12
14
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","useAnimatedKeyboard","useAnimatedStyle","useDerivedValue","HMSKeyboardAvoidingView","children","style","bottomOffset","animatedKeyboard","initialPageY","keyboardAvoidStyle","keyboardHeight","height","
|
|
1
|
+
{"version":3,"names":["React","Animated","useAnimatedKeyboard","useAnimatedStyle","useDerivedValue","HMSKeyboardAvoidingView","children","style","bottomOffset","animatedKeyboard","initialPageY","value","keyboardAvoidStyle","keyboardHeight","height","transform","translateY","createElement","View"],"sourceRoot":"../../../src","sources":["components/HMSKeyboardAvoidingView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,OAAOC,QAAQ,IACbC,mBAAmB,EACnBC,gBAAgB,EAChBC,eAAe,QACV,yBAAyB;AAQhC,OAAO,MAAMC,uBAEZ,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,YAAY,GAAG;AAAE,CAAC,KAAK;EAC7C,MAAMC,gBAAgB,GAAGP,mBAAmB,CAAC,CAAC;EAE9C,MAAMQ,YAAY,GAAGN,eAAe,CAAC,MAAM;IACzC,OAAO,OAAOI,YAAY,KAAK,QAAQ,GAAGA,YAAY,GAAGA,YAAY,CAACG,KAAK;EAC7E,CAAC,EAAE,CAACH,YAAY,CAAC,CAAC;EAElB,MAAMI,kBAAkB,GAAGT,gBAAgB,CAAC,MAAM;IAChD,MAAMU,cAAc,GAAGJ,gBAAgB,CAACK,MAAM,CAACH,KAAK;IACpD,OAAO;MACLI,SAAS,EAAE,CACT;QACEC,UAAU,EACRH,cAAc,IAAIH,YAAY,CAACC,KAAK,GAChC,CAAC,CAAC;QAAA,EACF,EAAEE,cAAc,GAAGH,YAAY,CAACC,KAAK;MAC7C,CAAC;IAEL,CAAC;EACH,CAAC,CAAC;EAEF,oBACEX,KAAA,CAAAiB,aAAA,CAAChB,QAAQ,CAACiB,IAAI;IAACX,KAAK,EAAE,CAACA,KAAK,EAAEK,kBAAkB;EAAE,GAC/CN,QACY,CAAC;AAEpB,CAAC"}
|
|
@@ -1,19 +1,14 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { StyleSheet, View, Text, Platform
|
|
2
|
+
import { StyleSheet, View, Text, Platform } from 'react-native';
|
|
3
3
|
import { useSelector } from 'react-redux';
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import { COLORS
|
|
4
|
+
import { HMSStreamingState } from '@100mslive/react-native-hms';
|
|
5
|
+
import { useHMSRoomStyleSheet } from '../hooks-util';
|
|
6
|
+
import { COLORS } from '../utils/theme';
|
|
7
7
|
import { TestIds } from '../utils/constants';
|
|
8
8
|
const _HMSLiveIndicator = () => {
|
|
9
|
-
const isHLSViewer = useIsHLSViewer();
|
|
10
|
-
const previewPeerCount = useSelector(state => {
|
|
11
|
-
var _state$hmsStates$room;
|
|
12
|
-
return (_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.peerCount;
|
|
13
|
-
});
|
|
14
9
|
const live = useSelector(state => {
|
|
15
|
-
var _state$hmsStates$
|
|
16
|
-
return
|
|
10
|
+
var _state$hmsStates$room;
|
|
11
|
+
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;
|
|
17
12
|
});
|
|
18
13
|
const hmsRoomStyles = useHMSRoomStyleSheet((theme, typograhy) => ({
|
|
19
14
|
live: {
|
|
@@ -22,54 +17,25 @@ const _HMSLiveIndicator = () => {
|
|
|
22
17
|
liveText: {
|
|
23
18
|
color: COLORS.WHITE,
|
|
24
19
|
fontFamily: `${typograhy.font_family}-SemiBold`
|
|
25
|
-
},
|
|
26
|
-
viewers: {
|
|
27
|
-
backgroundColor: isHLSViewer ? theme.palette.background_dim && hexToRgbA(theme.palette.background_dim, 0.64) : undefined,
|
|
28
|
-
borderWidth: isHLSViewer ? 0 : 1,
|
|
29
|
-
borderColor: theme.palette.border_bright
|
|
30
|
-
},
|
|
31
|
-
count: {
|
|
32
|
-
color: theme.palette.on_surface_high,
|
|
33
|
-
fontFamily: `${typograhy.font_family}-SemiBold`
|
|
34
20
|
}
|
|
35
21
|
}));
|
|
36
|
-
const {
|
|
37
|
-
canShowParticipants,
|
|
38
|
-
show
|
|
39
|
-
} = useShowChatAndParticipants();
|
|
40
|
-
const showParticipantsSheet = () => {
|
|
41
|
-
show('participants');
|
|
42
|
-
};
|
|
43
22
|
if (!live) {
|
|
44
23
|
return null;
|
|
45
24
|
}
|
|
46
25
|
return /*#__PURE__*/React.createElement(View, {
|
|
47
|
-
style: styles.container
|
|
48
|
-
}, /*#__PURE__*/React.createElement(View, {
|
|
49
26
|
style: [styles.live, hmsRoomStyles.live]
|
|
50
27
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
51
28
|
testID: TestIds.live_text,
|
|
52
29
|
style: [styles.liveText, hmsRoomStyles.liveText]
|
|
53
|
-
}, "LIVE"))
|
|
54
|
-
style: [styles.viewers, hmsRoomStyles.viewers],
|
|
55
|
-
onPress: showParticipantsSheet,
|
|
56
|
-
disabled: !canShowParticipants
|
|
57
|
-
}, /*#__PURE__*/React.createElement(EyeIcon, {
|
|
58
|
-
testID: TestIds.peer_count_icon
|
|
59
|
-
}), /*#__PURE__*/React.createElement(Text, {
|
|
60
|
-
testID: TestIds.peer_count,
|
|
61
|
-
style: [styles.count, hmsRoomStyles.count]
|
|
62
|
-
}, previewPeerCount)) : null);
|
|
30
|
+
}, "LIVE"));
|
|
63
31
|
};
|
|
64
32
|
export const HMSLiveIndicator = /*#__PURE__*/React.memo(_HMSLiveIndicator);
|
|
65
33
|
const styles = StyleSheet.create({
|
|
66
|
-
container: {
|
|
67
|
-
flexDirection: 'row'
|
|
68
|
-
},
|
|
69
34
|
live: {
|
|
70
35
|
paddingHorizontal: 8,
|
|
71
|
-
paddingVertical:
|
|
36
|
+
paddingVertical: 6,
|
|
72
37
|
borderRadius: 4,
|
|
38
|
+
marginRight: 8,
|
|
73
39
|
alignItems: 'center',
|
|
74
40
|
justifyContent: 'center'
|
|
75
41
|
},
|
|
@@ -79,23 +45,6 @@ const styles = StyleSheet.create({
|
|
|
79
45
|
letterSpacing: 1.5,
|
|
80
46
|
textAlign: 'center',
|
|
81
47
|
textAlignVertical: 'center'
|
|
82
|
-
},
|
|
83
|
-
viewers: {
|
|
84
|
-
flexDirection: 'row',
|
|
85
|
-
alignItems: 'center',
|
|
86
|
-
paddingVertical: 4,
|
|
87
|
-
paddingRight: 8,
|
|
88
|
-
paddingLeft: 6,
|
|
89
|
-
marginLeft: 8,
|
|
90
|
-
borderRadius: 4
|
|
91
|
-
},
|
|
92
|
-
count: {
|
|
93
|
-
fontSize: 10,
|
|
94
|
-
lineHeight: Platform.OS === 'android' ? 16 : undefined,
|
|
95
|
-
letterSpacing: 1.5,
|
|
96
|
-
textAlign: 'center',
|
|
97
|
-
textAlignVertical: 'center',
|
|
98
|
-
marginLeft: 4
|
|
99
48
|
}
|
|
100
49
|
});
|
|
101
50
|
//# sourceMappingURL=HMSLiveIndicator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","View","Text","Platform","
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","View","Text","Platform","useSelector","HMSStreamingState","useHMSRoomStyleSheet","COLORS","TestIds","_HMSLiveIndicator","live","state","_state$hmsStates$room","hmsStates","room","hlsStreamingState","STARTED","hmsRoomStyles","theme","typograhy","backgroundColor","palette","alert_error_default","liveText","color","WHITE","fontFamily","font_family","createElement","style","styles","testID","live_text","HMSLiveIndicator","memo","create","paddingHorizontal","paddingVertical","borderRadius","marginRight","alignItems","justifyContent","fontSize","lineHeight","OS","undefined","letterSpacing","textAlign","textAlignVertical"],"sourceRoot":"../../../src","sources":["components/HMSLiveIndicator.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,UAAU,EACVC,IAAI,EACJC,IAAI,EACJC,QAAQ,QACH,cAAc;AACrB,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,iBAAiB,QAAQ,6BAA6B;AAE/D,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,MAAM,QAAQ,gBAAgB;AAEvC,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EAC9B,MAAMC,IAAI,GAAGN,WAAW,CACrBO,KAAgB;IAAA,IAAAC,qBAAA;IAAA,OAAK,EAAAA,qBAAA,GAAAD,KAAK,CAACE,SAAS,CAACC,IAAI,cAAAF,qBAAA,gBAAAA,qBAAA,GAApBA,qBAAA,CAAsBG,iBAAiB,cAAAH,qBAAA,uBAAvCA,qBAAA,CAAyCD,KAAK,MAAKN,iBAAiB,CAACW,OAAO;EAAA,CACpG,CAAC;EAED,MAAMC,aAAa,GAAGX,oBAAoB,CAAC,CAACY,KAAK,EAAEC,SAAS,MAAM;IAChET,IAAI,EAAE;MACJU,eAAe,EAAEF,KAAK,CAACG,OAAO,CAACC;IACjC,CAAC;IACDC,QAAQ,EAAE;MACRC,KAAK,EAAEjB,MAAM,CAACkB,KAAK;MACnBC,UAAU,EAAG,GAAEP,SAAS,CAACQ,WAAY;IACvC;EACF,CAAC,CAAC,CAAC;EAEH,IAAI,CAACjB,IAAI,EAAE;IACT,OAAO,IAAI;EACb;EAEA,oBACEX,KAAA,CAAA6B,aAAA,CAAC3B,IAAI;IAAC4B,KAAK,EAAE,CAACC,MAAM,CAACpB,IAAI,EAAEO,aAAa,CAACP,IAAI;EAAE,gBAC7CX,KAAA,CAAA6B,aAAA,CAAC1B,IAAI;IAAC6B,MAAM,EAAEvB,OAAO,CAACwB,SAAU;IAACH,KAAK,EAAE,CAACC,MAAM,CAACP,QAAQ,EAAEN,aAAa,CAACM,QAAQ;EAAE,GAAC,MAAU,CACzF,CAAC;AAEX,CAAC;AAED,OAAO,MAAMU,gBAAgB,gBAAGlC,KAAK,CAACmC,IAAI,CAACzB,iBAAiB,CAAC;AAE7D,MAAMqB,MAAM,GAAG9B,UAAU,CAACmC,MAAM,CAAC;EAC/BzB,IAAI,EAAE;IACJ0B,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE,CAAC;IAClBC,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE,CAAC;IACdC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDlB,QAAQ,EAAE;IACRmB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAExC,QAAQ,CAACyC,EAAE,KAAK,SAAS,GAAG,EAAE,GAAGC,SAAS;IACtDC,aAAa,EAAE,GAAG;IAClBC,SAAS,EAAE,QAAQ;IACnBC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { StyleSheet, Text, Platform, TouchableOpacity } from 'react-native';
|
|
3
|
+
import { useSelector } from 'react-redux';
|
|
4
|
+
import { HMSStreamingState } from '@100mslive/react-native-hms';
|
|
5
|
+
import { useHMSRoomStyleSheet, useIsHLSViewer, useShowChatAndParticipants } from '../hooks-util';
|
|
6
|
+
import { EyeIcon } from '../Icons';
|
|
7
|
+
import { hexToRgbA } from '../utils/theme';
|
|
8
|
+
import { TestIds } from '../utils/constants';
|
|
9
|
+
const _HMSLiveViewerCount = () => {
|
|
10
|
+
const isHLSViewer = useIsHLSViewer();
|
|
11
|
+
const previewPeerCount = useSelector(state => {
|
|
12
|
+
var _state$hmsStates$room;
|
|
13
|
+
return (_state$hmsStates$room = state.hmsStates.room) === null || _state$hmsStates$room === void 0 ? void 0 : _state$hmsStates$room.peerCount;
|
|
14
|
+
});
|
|
15
|
+
const live = useSelector(state => {
|
|
16
|
+
var _state$hmsStates$room2;
|
|
17
|
+
return ((_state$hmsStates$room2 = state.hmsStates.room) === null || _state$hmsStates$room2 === void 0 || (_state$hmsStates$room2 = _state$hmsStates$room2.hlsStreamingState) === null || _state$hmsStates$room2 === void 0 ? void 0 : _state$hmsStates$room2.state) === HMSStreamingState.STARTED;
|
|
18
|
+
});
|
|
19
|
+
const hmsRoomStyles = useHMSRoomStyleSheet((theme, typograhy) => ({
|
|
20
|
+
viewers: {
|
|
21
|
+
backgroundColor: isHLSViewer ? theme.palette.background_dim && hexToRgbA(theme.palette.background_dim, 0.64) : undefined,
|
|
22
|
+
borderWidth: isHLSViewer ? 0 : 1,
|
|
23
|
+
borderColor: theme.palette.border_bright
|
|
24
|
+
},
|
|
25
|
+
count: {
|
|
26
|
+
color: theme.palette.on_surface_high,
|
|
27
|
+
fontFamily: `${typograhy.font_family}-SemiBold`
|
|
28
|
+
}
|
|
29
|
+
}));
|
|
30
|
+
const {
|
|
31
|
+
canShowParticipants,
|
|
32
|
+
show
|
|
33
|
+
} = useShowChatAndParticipants();
|
|
34
|
+
const showParticipantsSheet = () => {
|
|
35
|
+
show('participants');
|
|
36
|
+
};
|
|
37
|
+
if (!live || typeof previewPeerCount !== 'number') {
|
|
38
|
+
return null;
|
|
39
|
+
}
|
|
40
|
+
return /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
41
|
+
style: [styles.viewers, hmsRoomStyles.viewers],
|
|
42
|
+
onPress: showParticipantsSheet,
|
|
43
|
+
disabled: !canShowParticipants
|
|
44
|
+
}, /*#__PURE__*/React.createElement(EyeIcon, {
|
|
45
|
+
testID: TestIds.peer_count_icon
|
|
46
|
+
}), /*#__PURE__*/React.createElement(Text, {
|
|
47
|
+
testID: TestIds.peer_count,
|
|
48
|
+
style: [styles.count, hmsRoomStyles.count]
|
|
49
|
+
}, previewPeerCount));
|
|
50
|
+
};
|
|
51
|
+
export const HMSLiveViewerCount = /*#__PURE__*/React.memo(_HMSLiveViewerCount);
|
|
52
|
+
const styles = StyleSheet.create({
|
|
53
|
+
viewers: {
|
|
54
|
+
flexDirection: 'row',
|
|
55
|
+
alignItems: 'center',
|
|
56
|
+
paddingVertical: 4,
|
|
57
|
+
paddingRight: 8,
|
|
58
|
+
paddingLeft: 6,
|
|
59
|
+
borderRadius: 4
|
|
60
|
+
},
|
|
61
|
+
count: {
|
|
62
|
+
fontSize: 10,
|
|
63
|
+
lineHeight: Platform.OS === 'android' ? 16 : undefined,
|
|
64
|
+
letterSpacing: 1.5,
|
|
65
|
+
textAlign: 'center',
|
|
66
|
+
textAlignVertical: 'center',
|
|
67
|
+
marginLeft: 4
|
|
68
|
+
}
|
|
69
|
+
});
|
|
70
|
+
//# sourceMappingURL=HMSLiveViewerCount.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","Text","Platform","TouchableOpacity","useSelector","HMSStreamingState","useHMSRoomStyleSheet","useIsHLSViewer","useShowChatAndParticipants","EyeIcon","hexToRgbA","TestIds","_HMSLiveViewerCount","isHLSViewer","previewPeerCount","state","_state$hmsStates$room","hmsStates","room","peerCount","live","_state$hmsStates$room2","hlsStreamingState","STARTED","hmsRoomStyles","theme","typograhy","viewers","backgroundColor","palette","background_dim","undefined","borderWidth","borderColor","border_bright","count","color","on_surface_high","fontFamily","font_family","canShowParticipants","show","showParticipantsSheet","createElement","style","styles","onPress","disabled","testID","peer_count_icon","peer_count","HMSLiveViewerCount","memo","create","flexDirection","alignItems","paddingVertical","paddingRight","paddingLeft","borderRadius","fontSize","lineHeight","OS","letterSpacing","textAlign","textAlignVertical","marginLeft"],"sourceRoot":"../../../src","sources":["components/HMSLiveViewerCount.tsx"],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { StyleSheet } from 'react-native';
|
|
3
3
|
import LinearGradient from 'react-native-linear-gradient';
|
|
4
4
|
import MaskedView from '@react-native-masked-view/masked-view';
|
|
5
|
+
import { useDerivedValue, interpolate } from 'react-native-reanimated';
|
|
5
6
|
import { HMSKeyboardAvoidingView } from './HMSKeyboardAvoidingView';
|
|
6
7
|
import { HMSSendMessageInput } from './HMSSendMessageInput';
|
|
7
8
|
import { HMSHLSMessageList } from './HMSHLSMessageList';
|
|
@@ -9,11 +10,19 @@ import { useFooterHeight } from './Footer';
|
|
|
9
10
|
import { useHMSNotificationsHeight } from './HMSNotifications';
|
|
10
11
|
const colors = ['rgba(0, 0, 0, 0)', 'rgba(255, 255, 255, 1)', 'rgba(255, 255, 255, 1)'];
|
|
11
12
|
const colorLocations = [0, 0.4, 1];
|
|
12
|
-
export const HLSChatView = (
|
|
13
|
+
export const HLSChatView = ({
|
|
14
|
+
offset
|
|
15
|
+
}) => {
|
|
13
16
|
const footerHeight = useFooterHeight();
|
|
14
17
|
const hmsNotificationsHeight = useHMSNotificationsHeight();
|
|
18
|
+
const chatBottomOffset = useDerivedValue(() => {
|
|
19
|
+
if (offset) {
|
|
20
|
+
return interpolate(offset.value, [0, 1], [0, footerHeight]) + hmsNotificationsHeight;
|
|
21
|
+
}
|
|
22
|
+
return footerHeight + hmsNotificationsHeight;
|
|
23
|
+
}, [offset, footerHeight, hmsNotificationsHeight]);
|
|
15
24
|
return /*#__PURE__*/React.createElement(HMSKeyboardAvoidingView, {
|
|
16
|
-
bottomOffset:
|
|
25
|
+
bottomOffset: chatBottomOffset
|
|
17
26
|
}, /*#__PURE__*/React.createElement(MaskedView, {
|
|
18
27
|
maskElement: /*#__PURE__*/React.createElement(LinearGradient, {
|
|
19
28
|
pointerEvents: "box-none",
|