@100mslive/react-native-room-kit 1.1.6 → 1.1.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/Pause/assets/pause-med.png +0 -0
- package/lib/commonjs/Icons/Pause/assets/pause-med@2x.png +0 -0
- package/lib/commonjs/Icons/Pause/assets/pause-med@3x.png +0 -0
- package/lib/commonjs/Icons/Pause/index.js +35 -0
- package/lib/commonjs/Icons/Pause/index.js.map +1 -0
- package/lib/commonjs/Icons/Play/assets/play-med.png +0 -0
- package/lib/commonjs/Icons/Play/assets/play-med@2x.png +0 -0
- package/lib/commonjs/Icons/Play/assets/play-med@3x.png +0 -0
- package/lib/commonjs/Icons/Play/index.js +35 -0
- package/lib/commonjs/Icons/Play/index.js.map +1 -0
- package/lib/commonjs/Icons/SeekArrow/assets/seek-backward-arrow.png +0 -0
- package/lib/commonjs/Icons/SeekArrow/assets/seek-backward-arrow@2x.png +0 -0
- package/lib/commonjs/Icons/SeekArrow/assets/seek-backward-arrow@3x.png +0 -0
- package/lib/commonjs/Icons/SeekArrow/assets/seek-forward-arrow.png +0 -0
- package/lib/commonjs/Icons/SeekArrow/assets/seek-forward-arrow@2x.png +0 -0
- package/lib/commonjs/Icons/SeekArrow/assets/seek-forward-arrow@3x.png +0 -0
- package/lib/commonjs/Icons/SeekArrow/index.js +34 -0
- package/lib/commonjs/Icons/SeekArrow/index.js.map +1 -0
- package/lib/commonjs/Icons/index.js +33 -0
- package/lib/commonjs/Icons/index.js.map +1 -1
- package/lib/commonjs/components/HLSChatMessages.js +4 -5
- package/lib/commonjs/components/HLSChatMessages.js.map +1 -1
- package/lib/commonjs/components/HLSCloseMeetingControl.js +41 -0
- package/lib/commonjs/components/HLSCloseMeetingControl.js.map +1 -0
- package/lib/commonjs/components/HLSClosedCaptionControl.js +109 -0
- package/lib/commonjs/components/HLSClosedCaptionControl.js.map +1 -0
- package/lib/commonjs/components/HLSDistanceFromLive.js +56 -0
- package/lib/commonjs/components/HLSDistanceFromLive.js.map +1 -0
- package/lib/commonjs/components/HLSFullScreenControl.js +42 -0
- package/lib/commonjs/components/HLSFullScreenControl.js.map +1 -0
- package/lib/commonjs/components/HLSGoLiveControl.js +78 -0
- package/lib/commonjs/components/HLSGoLiveControl.js.map +1 -0
- package/lib/commonjs/components/HLSPlayPauseControl.js +62 -0
- package/lib/commonjs/components/HLSPlayPauseControl.js.map +1 -0
- package/lib/commonjs/components/HLSPlayer.js +82 -81
- package/lib/commonjs/components/HLSPlayer.js.map +1 -1
- package/lib/commonjs/components/HLSPlayerContainer.js +62 -3
- package/lib/commonjs/components/HLSPlayerContainer.js.map +1 -1
- package/lib/commonjs/components/HLSPlayerControls.js +89 -46
- package/lib/commonjs/components/HLSPlayerControls.js.map +1 -1
- package/lib/commonjs/components/HLSSeekbackwardControl.js +67 -0
- package/lib/commonjs/components/HLSSeekbackwardControl.js.map +1 -0
- package/lib/commonjs/components/HLSSeekbar.js +285 -0
- package/lib/commonjs/components/HLSSeekbar.js.map +1 -0
- package/lib/commonjs/components/HLSSeekforwardControl.js +71 -0
- package/lib/commonjs/components/HLSSeekforwardControl.js.map +1 -0
- package/lib/commonjs/components/HMSHLSMessage.js +19 -41
- package/lib/commonjs/components/HMSHLSMessage.js.map +1 -1
- package/lib/commonjs/components/HMSHLSMessageList.js +2 -2
- package/lib/commonjs/components/HMSHLSMessageList.js.map +1 -1
- package/lib/commonjs/components/HMSOverlayMessageView.js +150 -0
- package/lib/commonjs/components/HMSOverlayMessageView.js.map +1 -0
- package/lib/commonjs/components/Participants/ParticipantsList.js +4 -4
- package/lib/commonjs/components/Participants/ParticipantsList.js.map +1 -1
- package/lib/commonjs/hooks-util.js +30 -2
- package/lib/commonjs/hooks-util.js.map +1 -1
- package/lib/commonjs/redux/actionTypes.js +2 -0
- package/lib/commonjs/redux/actionTypes.js.map +1 -1
- package/lib/commonjs/redux/actions/index.js +10 -3
- 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/module/Icons/Pause/assets/pause-med.png +0 -0
- package/lib/module/Icons/Pause/assets/pause-med@2x.png +0 -0
- package/lib/module/Icons/Pause/assets/pause-med@3x.png +0 -0
- package/lib/module/Icons/Pause/index.js +27 -0
- package/lib/module/Icons/Pause/index.js.map +1 -0
- package/lib/module/Icons/Play/assets/play-med.png +0 -0
- package/lib/module/Icons/Play/assets/play-med@2x.png +0 -0
- package/lib/module/Icons/Play/assets/play-med@3x.png +0 -0
- package/lib/module/Icons/Play/index.js +27 -0
- package/lib/module/Icons/Play/index.js.map +1 -0
- package/lib/module/Icons/SeekArrow/assets/seek-backward-arrow.png +0 -0
- package/lib/module/Icons/SeekArrow/assets/seek-backward-arrow@2x.png +0 -0
- package/lib/module/Icons/SeekArrow/assets/seek-backward-arrow@3x.png +0 -0
- package/lib/module/Icons/SeekArrow/assets/seek-forward-arrow.png +0 -0
- package/lib/module/Icons/SeekArrow/assets/seek-forward-arrow@2x.png +0 -0
- package/lib/module/Icons/SeekArrow/assets/seek-forward-arrow@3x.png +0 -0
- package/lib/module/Icons/SeekArrow/index.js +26 -0
- package/lib/module/Icons/SeekArrow/index.js.map +1 -0
- package/lib/module/Icons/index.js +3 -0
- package/lib/module/Icons/index.js.map +1 -1
- package/lib/module/components/HLSChatMessages.js +5 -6
- package/lib/module/components/HLSChatMessages.js.map +1 -1
- package/lib/module/components/HLSCloseMeetingControl.js +33 -0
- package/lib/module/components/HLSCloseMeetingControl.js.map +1 -0
- package/lib/module/components/HLSClosedCaptionControl.js +100 -0
- package/lib/module/components/HLSClosedCaptionControl.js.map +1 -0
- package/lib/module/components/HLSDistanceFromLive.js +48 -0
- package/lib/module/components/HLSDistanceFromLive.js.map +1 -0
- package/lib/module/components/HLSFullScreenControl.js +34 -0
- package/lib/module/components/HLSFullScreenControl.js.map +1 -0
- package/lib/module/components/HLSGoLiveControl.js +70 -0
- package/lib/module/components/HLSGoLiveControl.js.map +1 -0
- package/lib/module/components/HLSPlayPauseControl.js +54 -0
- package/lib/module/components/HLSPlayPauseControl.js.map +1 -0
- package/lib/module/components/HLSPlayer.js +83 -81
- package/lib/module/components/HLSPlayer.js.map +1 -1
- package/lib/module/components/HLSPlayerContainer.js +62 -3
- package/lib/module/components/HLSPlayerContainer.js.map +1 -1
- package/lib/module/components/HLSPlayerControls.js +89 -50
- package/lib/module/components/HLSPlayerControls.js.map +1 -1
- package/lib/module/components/HLSSeekbackwardControl.js +59 -0
- package/lib/module/components/HLSSeekbackwardControl.js.map +1 -0
- package/lib/module/components/HLSSeekbar.js +276 -0
- package/lib/module/components/HLSSeekbar.js.map +1 -0
- package/lib/module/components/HLSSeekforwardControl.js +63 -0
- package/lib/module/components/HLSSeekforwardControl.js.map +1 -0
- package/lib/module/components/HMSHLSMessage.js +19 -41
- package/lib/module/components/HMSHLSMessage.js.map +1 -1
- package/lib/module/components/HMSHLSMessageList.js +2 -2
- package/lib/module/components/HMSHLSMessageList.js.map +1 -1
- package/lib/module/components/HMSOverlayMessageView.js +142 -0
- package/lib/module/components/HMSOverlayMessageView.js.map +1 -0
- package/lib/module/components/Participants/ParticipantsList.js +4 -4
- package/lib/module/components/Participants/ParticipantsList.js.map +1 -1
- package/lib/module/hooks-util.js +30 -3
- package/lib/module/hooks-util.js.map +1 -1
- package/lib/module/redux/actionTypes.js +2 -0
- 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/typescript/Icons/Pause/index.d.ts +8 -0
- package/lib/typescript/Icons/Pause/index.d.ts.map +1 -0
- package/lib/typescript/Icons/Play/index.d.ts +8 -0
- package/lib/typescript/Icons/Play/index.d.ts.map +1 -0
- package/lib/typescript/Icons/SeekArrow/index.d.ts +8 -0
- package/lib/typescript/Icons/SeekArrow/index.d.ts.map +1 -0
- package/lib/typescript/Icons/index.d.ts +3 -0
- package/lib/typescript/Icons/index.d.ts.map +1 -1
- package/lib/typescript/components/CustomButton.d.ts +5 -5
- package/lib/typescript/components/CustomButton.d.ts.map +1 -1
- package/lib/typescript/components/HLSChatMessages.d.ts.map +1 -1
- package/lib/typescript/components/HLSCloseMeetingControl.d.ts +8 -0
- package/lib/typescript/components/HLSCloseMeetingControl.d.ts.map +1 -0
- package/lib/typescript/components/HLSClosedCaptionControl.d.ts +10 -0
- package/lib/typescript/components/HLSClosedCaptionControl.d.ts.map +1 -0
- package/lib/typescript/components/HLSDistanceFromLive.d.ts +8 -0
- package/lib/typescript/components/HLSDistanceFromLive.d.ts.map +1 -0
- package/lib/typescript/components/HLSFullScreenControl.d.ts +8 -0
- package/lib/typescript/components/HLSFullScreenControl.d.ts.map +1 -0
- package/lib/typescript/components/HLSGoLiveControl.d.ts +10 -0
- package/lib/typescript/components/HLSGoLiveControl.d.ts.map +1 -0
- package/lib/typescript/components/HLSPlayPauseControl.d.ts +8 -0
- package/lib/typescript/components/HLSPlayPauseControl.d.ts.map +1 -0
- package/lib/typescript/components/HLSPlayer.d.ts +4 -2
- package/lib/typescript/components/HLSPlayer.d.ts.map +1 -1
- package/lib/typescript/components/HLSPlayerContainer.d.ts.map +1 -1
- package/lib/typescript/components/HLSPlayerControls.d.ts +12 -2
- package/lib/typescript/components/HLSPlayerControls.d.ts.map +1 -1
- package/lib/typescript/components/HLSSeekbackwardControl.d.ts +8 -0
- package/lib/typescript/components/HLSSeekbackwardControl.d.ts.map +1 -0
- package/lib/typescript/components/HLSSeekbar.d.ts +66 -0
- package/lib/typescript/components/HLSSeekbar.d.ts.map +1 -0
- package/lib/typescript/components/HLSSeekforwardControl.d.ts +8 -0
- package/lib/typescript/components/HLSSeekforwardControl.d.ts.map +1 -0
- package/lib/typescript/components/HMSHLSMessage.d.ts.map +1 -1
- package/lib/typescript/components/HMSOverlayMessageView.d.ts +8 -0
- package/lib/typescript/components/HMSOverlayMessageView.d.ts.map +1 -0
- package/lib/typescript/components/Modals.d.ts +3 -3
- package/lib/typescript/components/Modals.d.ts.map +1 -1
- package/lib/typescript/components/Participants/ParticipantsList.d.ts.map +1 -1
- package/lib/typescript/components/Preview.d.ts.map +1 -1
- package/lib/typescript/hooks-util.d.ts +12 -7
- 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 +17 -16
- 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 +17 -16
- package/lib/typescript/redux/reducers/index.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/Icons/Pause/assets/pause-med.png +0 -0
- package/src/Icons/Pause/assets/pause-med@2x.png +0 -0
- package/src/Icons/Pause/assets/pause-med@3x.png +0 -0
- package/src/Icons/Pause/index.tsx +36 -0
- package/src/Icons/Play/assets/play-med.png +0 -0
- package/src/Icons/Play/assets/play-med@2x.png +0 -0
- package/src/Icons/Play/assets/play-med@3x.png +0 -0
- package/src/Icons/Play/index.tsx +36 -0
- package/src/Icons/SeekArrow/assets/seek-backward-arrow.png +0 -0
- package/src/Icons/SeekArrow/assets/seek-backward-arrow@2x.png +0 -0
- package/src/Icons/SeekArrow/assets/seek-backward-arrow@3x.png +0 -0
- package/src/Icons/SeekArrow/assets/seek-forward-arrow.png +0 -0
- package/src/Icons/SeekArrow/assets/seek-forward-arrow@2x.png +0 -0
- package/src/Icons/SeekArrow/assets/seek-forward-arrow@3x.png +0 -0
- package/src/Icons/SeekArrow/index.tsx +40 -0
- package/src/Icons/index.ts +3 -0
- package/src/components/HLSChatMessages.tsx +4 -6
- package/src/components/HLSCloseMeetingControl.tsx +39 -0
- package/src/components/HLSClosedCaptionControl.tsx +140 -0
- package/src/components/HLSDistanceFromLive.tsx +69 -0
- package/src/components/HLSFullScreenControl.tsx +46 -0
- package/src/components/HLSGoLiveControl.tsx +104 -0
- package/src/components/HLSPlayPauseControl.tsx +69 -0
- package/src/components/HLSPlayer.tsx +98 -88
- package/src/components/HLSPlayerContainer.tsx +81 -14
- package/src/components/HLSPlayerControls.tsx +137 -58
- package/src/components/HLSSeekbackwardControl.tsx +88 -0
- package/src/components/HLSSeekbar.tsx +381 -0
- package/src/components/HLSSeekforwardControl.tsx +97 -0
- package/src/components/HMSHLSMessage.tsx +32 -49
- package/src/components/HMSHLSMessageList.tsx +2 -2
- package/src/components/HMSOverlayMessageView.tsx +189 -0
- package/src/components/Participants/ParticipantsList.tsx +12 -10
- package/src/hooks-util.ts +39 -1
- package/src/redux/actionTypes.ts +3 -0
- package/src/redux/actions/index.ts +5 -0
- package/src/redux/reducers/appState.ts +8 -0
- package/lib/commonjs/components/CustomHLSPlayerControls.js +0 -80
- package/lib/commonjs/components/CustomHLSPlayerControls.js.map +0 -1
- package/lib/module/components/CustomHLSPlayerControls.js +0 -72
- package/lib/module/components/CustomHLSPlayerControls.js.map +0 -1
- package/lib/typescript/components/CustomHLSPlayerControls.d.ts +0 -7
- package/lib/typescript/components/CustomHLSPlayerControls.d.ts.map +0 -1
- package/src/components/CustomHLSPlayerControls.tsx +0 -92
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { useDispatch, useSelector } from 'react-redux';
|
|
3
3
|
import { View, Text, StyleSheet, Platform, TouchableOpacity } from 'react-native';
|
|
4
|
-
import { Gesture, GestureDetector } from 'react-native-gesture-handler';
|
|
5
4
|
import { useAllowBlockingPeerFromChat, useAllowPinningMessage, useHMSRoomStyleSheet, useModalType } from '../hooks-util';
|
|
6
5
|
import { PinIcon, ThreeDotsIcon } from '../Icons';
|
|
7
6
|
import { setSelectedMessageForAction } from '../redux/actions';
|
|
@@ -25,16 +24,14 @@ const _HMSHLSMessage = ({
|
|
|
25
24
|
});
|
|
26
25
|
const isPinned = useSelector(state => state.messages.pinnedMessages.findIndex(pinnedMessage => pinnedMessage.id === message.messageId) >= 0);
|
|
27
26
|
const messageSender = message.sender;
|
|
28
|
-
const hmsRoomStyles = useHMSRoomStyleSheet((
|
|
29
|
-
|
|
30
|
-
color: '#ffffff',
|
|
31
|
-
fontFamily: `${typography.font_family}-SemiBold`,
|
|
32
|
-
textShadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
33
|
-
},
|
|
34
|
-
message: {
|
|
35
|
-
color: '#ffffff',
|
|
27
|
+
const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
|
|
28
|
+
regularSurfaceHigh: {
|
|
36
29
|
fontFamily: `${typography.font_family}-Regular`,
|
|
37
|
-
|
|
30
|
+
color: theme.palette.on_surface_high
|
|
31
|
+
},
|
|
32
|
+
semiBoldSurfaceLow: {
|
|
33
|
+
fontFamily: `${typography.font_family}-SemiBold`,
|
|
34
|
+
color: theme.palette.on_surface_low
|
|
38
35
|
},
|
|
39
36
|
threeDots: {
|
|
40
37
|
tintColor: '#ffffff'
|
|
@@ -63,53 +60,34 @@ const _HMSHLSMessage = ({
|
|
|
63
60
|
}), /*#__PURE__*/React.createElement(Text, {
|
|
64
61
|
style: [styles.pinnedLabel, hmsRoomStyles.pinnedLabel]
|
|
65
62
|
}, "PINNED")) : null, /*#__PURE__*/React.createElement(View, {
|
|
66
|
-
style: styles.
|
|
63
|
+
style: styles.messageWrapper
|
|
64
|
+
}, /*#__PURE__*/React.createElement(Text, {
|
|
65
|
+
style: [styles.message, hmsRoomStyles.regularSurfaceHigh]
|
|
67
66
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
68
|
-
style:
|
|
69
|
-
|
|
70
|
-
}, messageSender ? messageSender.isLocal ? 'You' : messageSender.name : 'Anonymous'), canTakeAction ? /*#__PURE__*/React.createElement(GestureDetector, {
|
|
71
|
-
gesture: Gesture.Tap()
|
|
72
|
-
}, /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
67
|
+
style: hmsRoomStyles.semiBoldSurfaceLow
|
|
68
|
+
}, messageSender ? messageSender.isLocal ? 'You' : messageSender.name : 'Anonymous', ' '), message.message), canTakeAction ? /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
73
69
|
hitSlop: styles.threeDotsHitSlop,
|
|
74
70
|
onPress: onThreeDotsPress
|
|
75
71
|
}, /*#__PURE__*/React.createElement(ThreeDotsIcon, {
|
|
76
72
|
stack: "vertical",
|
|
77
73
|
style: [styles.threeDots, hmsRoomStyles.threeDots]
|
|
78
|
-
}))
|
|
79
|
-
style: [styles.message, hmsRoomStyles.message]
|
|
80
|
-
}, message.message));
|
|
74
|
+
})) : null));
|
|
81
75
|
};
|
|
82
76
|
export const HMSHLSMessage = /*#__PURE__*/React.memo(_HMSHLSMessage);
|
|
83
77
|
const styles = StyleSheet.create({
|
|
84
78
|
container: {
|
|
85
|
-
marginTop:
|
|
79
|
+
marginTop: 16,
|
|
86
80
|
width: '100%'
|
|
87
81
|
},
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
},
|
|
92
|
-
senderName: {
|
|
93
|
-
flexGrow: 1,
|
|
94
|
-
fontSize: 14,
|
|
95
|
-
lineHeight: Platform.OS === 'android' ? 20 : undefined,
|
|
96
|
-
letterSpacing: 0.1,
|
|
97
|
-
textShadowOffset: {
|
|
98
|
-
height: 1,
|
|
99
|
-
width: 1
|
|
100
|
-
},
|
|
101
|
-
textShadowRadius: 2
|
|
82
|
+
messageWrapper: {
|
|
83
|
+
flex: 1,
|
|
84
|
+
flexDirection: 'row'
|
|
102
85
|
},
|
|
103
86
|
message: {
|
|
87
|
+
flexShrink: 1,
|
|
104
88
|
fontSize: 14,
|
|
105
89
|
lineHeight: Platform.OS === 'android' ? 20 : undefined,
|
|
106
|
-
letterSpacing: 0.25
|
|
107
|
-
marginTop: 2,
|
|
108
|
-
textShadowOffset: {
|
|
109
|
-
height: 0.5,
|
|
110
|
-
width: 0.5
|
|
111
|
-
},
|
|
112
|
-
textShadowRadius: 2
|
|
90
|
+
letterSpacing: 0.25
|
|
113
91
|
},
|
|
114
92
|
threeDots: {
|
|
115
93
|
width: 20,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useDispatch","useSelector","View","Text","StyleSheet","Platform","TouchableOpacity","
|
|
1
|
+
{"version":3,"names":["React","useDispatch","useSelector","View","Text","StyleSheet","Platform","TouchableOpacity","useAllowBlockingPeerFromChat","useAllowPinningMessage","useHMSRoomStyleSheet","useModalType","PinIcon","ThreeDotsIcon","setSelectedMessageForAction","ModalTypes","_HMSHLSMessage","message","dispatch","handleModalVisibleType","localPeerId","state","_state$hmsStates$loca","hmsStates","localPeer","peerID","allowPinningMessage","allowPeerBlocking","canRemoveOthers","_state$hmsStates$loca2","role","permissions","removeOthers","isPinned","messages","pinnedMessages","findIndex","pinnedMessage","id","messageId","messageSender","sender","hmsRoomStyles","theme","typography","regularSurfaceHigh","fontFamily","font_family","color","palette","on_surface_high","semiBoldSurfaceLow","on_surface_low","threeDots","tintColor","pinnedLabel","onThreeDotsPress","MESSAGE_OPTIONS","canTakeAction","createElement","style","styles","container","pinLabelContainer","type","pinIcon","messageWrapper","isLocal","name","hitSlop","threeDotsHitSlop","onPress","stack","HMSHLSMessage","memo","create","marginTop","width","flex","flexDirection","flexShrink","fontSize","lineHeight","OS","undefined","letterSpacing","height","marginLeft","left","right","top","bottom","alignItems","marginBottom","marginRight","textTransform"],"sourceRoot":"../../../src","sources":["components/HMSHLSMessage.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,8 +2,8 @@ import * as React from 'react';
|
|
|
2
2
|
import { StyleSheet, View, useWindowDimensions } from 'react-native';
|
|
3
3
|
import { useSelector } from 'react-redux';
|
|
4
4
|
import { FlashList } from '@shopify/flash-list';
|
|
5
|
-
import { HMSHLSMessage } from './HMSHLSMessage';
|
|
6
5
|
import { useIsLandscapeOrientation } from '../utils/dimension';
|
|
6
|
+
import { HMSOverlayMessageView } from './HMSOverlayMessageView';
|
|
7
7
|
export const HMSHLSMessageList = () => {
|
|
8
8
|
const {
|
|
9
9
|
height: windowHeight
|
|
@@ -12,7 +12,7 @@ export const HMSHLSMessageList = () => {
|
|
|
12
12
|
const isLandscapeOrientation = useIsLandscapeOrientation();
|
|
13
13
|
const _keyExtractor = React.useCallback(item => item.messageId, []);
|
|
14
14
|
const _renderItem = React.useCallback(data => {
|
|
15
|
-
return /*#__PURE__*/React.createElement(
|
|
15
|
+
return /*#__PURE__*/React.createElement(HMSOverlayMessageView, {
|
|
16
16
|
message: data.item
|
|
17
17
|
});
|
|
18
18
|
}, []);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","View","useWindowDimensions","useSelector","FlashList","
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","View","useWindowDimensions","useSelector","FlashList","useIsLandscapeOrientation","HMSOverlayMessageView","HMSHLSMessageList","height","windowHeight","messages","state","isLandscapeOrientation","_keyExtractor","useCallback","item","messageId","_renderItem","data","createElement","message","length","HEIGHT_MULTIPLIER","style","styles","container","maxHeight","inverted","estimatedItemSize","contentContainerStyle","paddingBottom","keyboardShouldPersistTaps","renderItem","keyExtractor","create","position","marginVertical","marginHorizontal"],"sourceRoot":"../../../src","sources":["components/HMSHLSMessageList.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,EAAEC,mBAAmB,QAAQ,cAAc;AACpE,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,SAAS,QAAQ,qBAAqB;AAI/C,SAASC,yBAAyB,QAAQ,oBAAoB;AAC9D,SAASC,qBAAqB,QAAQ,yBAAyB;AAE/D,OAAO,MAAMC,iBAA2B,GAAGA,CAAA,KAAM;EAC/C,MAAM;IAAEC,MAAM,EAAEC;EAAa,CAAC,GAAGP,mBAAmB,CAAC,CAAC;EACtD,MAAMQ,QAAQ,GAAGP,WAAW,CAAEQ,KAAgB,IAAKA,KAAK,CAACD,QAAQ,CAACA,QAAQ,CAAC;EAC3E,MAAME,sBAAsB,GAAGP,yBAAyB,CAAC,CAAC;EAE1D,MAAMQ,aAAa,GAAGd,KAAK,CAACe,WAAW,CACpCC,IAAgB,IAAKA,IAAI,CAACC,SAAS,EACpC,EACF,CAAC;EAED,MAAMC,WAAW,GAAGlB,KAAK,CAACe,WAAW,CAAEI,IAA0B,IAAK;IACpE,oBAAOnB,KAAA,CAAAoB,aAAA,CAACb,qBAAqB;MAACc,OAAO,EAAEF,IAAI,CAACH;IAAK,CAAE,CAAC;EACtD,CAAC,EAAE,EAAE,CAAC;EAEN,IAAIL,QAAQ,CAACW,MAAM,IAAI,CAAC,EAAE;IACxB,OAAO,IAAI;EACb;EAEA,MAAMC,iBAAiB,GAAGV,sBAAsB,GAAG,IAAI,GAAG,IAAI;EAE9D,oBACEb,KAAA,CAAAoB,aAAA,CAAClB,IAAI;IACHsB,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,SAAS,EAAEjB,YAAY,GAAGa,iBAAiB;MAC3Cd,MAAM,EACJE,QAAQ,CAACW,MAAM,GAAG,CAAC,GACfZ,YAAY,GAAGa,iBAAiB,GAChCZ,QAAQ,CAACW,MAAM,GAAG;IAC1B,CAAC;EACD,gBAEFtB,KAAA,CAAAoB,aAAA,CAACf,SAAS;IACRc,IAAI,EAAER,QAAS;IACfiB,QAAQ,EAAE,IAAK;IACfC,iBAAiB,EAAE,EAAG;IACtBC,qBAAqB,EAAE;MAAEC,aAAa,EAAE;IAAG;IAC3C;IAAA;IACAC,yBAAyB,EAAC;IAC1B;IACA;IAAA;IACAC,UAAU,EAAEf,WAAY;IACxBgB,YAAY,EAAEpB;EAAc,CAC7B,CACG,CAAC;AAEX,CAAC;AAED,MAAMW,MAAM,GAAGxB,UAAU,CAACkC,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,QAAQ,EAAE,UAAU;IACpBC,cAAc,EAAE,CAAC;IACjBC,gBAAgB,EAAE;EACpB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { useDispatch, useSelector } from 'react-redux';
|
|
3
|
+
import { View, Text, StyleSheet, Platform, TouchableOpacity } from 'react-native';
|
|
4
|
+
import { Gesture, GestureDetector } from 'react-native-gesture-handler';
|
|
5
|
+
import { useAllowBlockingPeerFromChat, useAllowPinningMessage, useHMSRoomStyleSheet, useModalType } from '../hooks-util';
|
|
6
|
+
import { PinIcon, ThreeDotsIcon } from '../Icons';
|
|
7
|
+
import { setSelectedMessageForAction } from '../redux/actions';
|
|
8
|
+
import { ModalTypes } from '../utils/types';
|
|
9
|
+
const _HMSOverlayMessageView = ({
|
|
10
|
+
message
|
|
11
|
+
}) => {
|
|
12
|
+
const dispatch = useDispatch();
|
|
13
|
+
const {
|
|
14
|
+
handleModalVisibleType
|
|
15
|
+
} = useModalType();
|
|
16
|
+
const localPeerId = useSelector(state => {
|
|
17
|
+
var _state$hmsStates$loca;
|
|
18
|
+
return (_state$hmsStates$loca = state.hmsStates.localPeer) === null || _state$hmsStates$loca === void 0 ? void 0 : _state$hmsStates$loca.peerID;
|
|
19
|
+
});
|
|
20
|
+
const allowPinningMessage = useAllowPinningMessage();
|
|
21
|
+
const allowPeerBlocking = useAllowBlockingPeerFromChat();
|
|
22
|
+
const canRemoveOthers = useSelector(state => {
|
|
23
|
+
var _state$hmsStates$loca2;
|
|
24
|
+
return !!((_state$hmsStates$loca2 = state.hmsStates.localPeer) !== null && _state$hmsStates$loca2 !== void 0 && (_state$hmsStates$loca2 = _state$hmsStates$loca2.role) !== null && _state$hmsStates$loca2 !== void 0 && (_state$hmsStates$loca2 = _state$hmsStates$loca2.permissions) !== null && _state$hmsStates$loca2 !== void 0 && _state$hmsStates$loca2.removeOthers);
|
|
25
|
+
});
|
|
26
|
+
const isPinned = useSelector(state => state.messages.pinnedMessages.findIndex(pinnedMessage => pinnedMessage.id === message.messageId) >= 0);
|
|
27
|
+
const messageSender = message.sender;
|
|
28
|
+
const hmsRoomStyles = useHMSRoomStyleSheet((_theme, typography) => ({
|
|
29
|
+
senderName: {
|
|
30
|
+
color: '#ffffff',
|
|
31
|
+
fontFamily: `${typography.font_family}-SemiBold`,
|
|
32
|
+
textShadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
33
|
+
},
|
|
34
|
+
message: {
|
|
35
|
+
color: '#ffffff',
|
|
36
|
+
fontFamily: `${typography.font_family}-Regular`,
|
|
37
|
+
textShadowColor: 'rgba(0, 0, 0, 0.5)'
|
|
38
|
+
},
|
|
39
|
+
threeDots: {
|
|
40
|
+
tintColor: '#ffffff'
|
|
41
|
+
},
|
|
42
|
+
pinnedLabel: {
|
|
43
|
+
color: '#ffffff'
|
|
44
|
+
}
|
|
45
|
+
}), []);
|
|
46
|
+
const onThreeDotsPress = () => {
|
|
47
|
+
dispatch(setSelectedMessageForAction(message));
|
|
48
|
+
handleModalVisibleType(ModalTypes.MESSAGE_OPTIONS);
|
|
49
|
+
};
|
|
50
|
+
const canTakeAction = allowPinningMessage ||
|
|
51
|
+
// can pin message, OR
|
|
52
|
+
allowPeerBlocking && message.sender && message.sender.peerID !== localPeerId ||
|
|
53
|
+
// can block peers, OR
|
|
54
|
+
canRemoveOthers && message.sender && message.sender.peerID !== localPeerId; // can remove participants
|
|
55
|
+
|
|
56
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
57
|
+
style: styles.container
|
|
58
|
+
}, isPinned ? /*#__PURE__*/React.createElement(View, {
|
|
59
|
+
style: styles.pinLabelContainer
|
|
60
|
+
}, /*#__PURE__*/React.createElement(PinIcon, {
|
|
61
|
+
type: "pin",
|
|
62
|
+
style: [styles.pinIcon, hmsRoomStyles.threeDots]
|
|
63
|
+
}), /*#__PURE__*/React.createElement(Text, {
|
|
64
|
+
style: [styles.pinnedLabel, hmsRoomStyles.pinnedLabel]
|
|
65
|
+
}, "PINNED")) : null, /*#__PURE__*/React.createElement(View, {
|
|
66
|
+
style: styles.nameWrapper
|
|
67
|
+
}, /*#__PURE__*/React.createElement(Text, {
|
|
68
|
+
style: [styles.senderName, hmsRoomStyles.senderName],
|
|
69
|
+
numberOfLines: 1
|
|
70
|
+
}, messageSender ? messageSender.isLocal ? 'You' : messageSender.name : 'Anonymous'), canTakeAction ? /*#__PURE__*/React.createElement(GestureDetector, {
|
|
71
|
+
gesture: Gesture.Tap()
|
|
72
|
+
}, /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
73
|
+
hitSlop: styles.threeDotsHitSlop,
|
|
74
|
+
onPress: onThreeDotsPress
|
|
75
|
+
}, /*#__PURE__*/React.createElement(ThreeDotsIcon, {
|
|
76
|
+
stack: "vertical",
|
|
77
|
+
style: [styles.threeDots, hmsRoomStyles.threeDots]
|
|
78
|
+
}))) : null), /*#__PURE__*/React.createElement(Text, {
|
|
79
|
+
style: [styles.message, hmsRoomStyles.message]
|
|
80
|
+
}, message.message));
|
|
81
|
+
};
|
|
82
|
+
export const HMSOverlayMessageView = /*#__PURE__*/React.memo(_HMSOverlayMessageView);
|
|
83
|
+
const styles = StyleSheet.create({
|
|
84
|
+
container: {
|
|
85
|
+
marginTop: 8,
|
|
86
|
+
width: '100%'
|
|
87
|
+
},
|
|
88
|
+
nameWrapper: {
|
|
89
|
+
flexDirection: 'row',
|
|
90
|
+
alignItems: 'center'
|
|
91
|
+
},
|
|
92
|
+
senderName: {
|
|
93
|
+
flexGrow: 1,
|
|
94
|
+
fontSize: 14,
|
|
95
|
+
lineHeight: Platform.OS === 'android' ? 20 : undefined,
|
|
96
|
+
letterSpacing: 0.1,
|
|
97
|
+
textShadowOffset: {
|
|
98
|
+
height: 1,
|
|
99
|
+
width: 1
|
|
100
|
+
},
|
|
101
|
+
textShadowRadius: 2
|
|
102
|
+
},
|
|
103
|
+
message: {
|
|
104
|
+
fontSize: 14,
|
|
105
|
+
lineHeight: Platform.OS === 'android' ? 20 : undefined,
|
|
106
|
+
letterSpacing: 0.25,
|
|
107
|
+
marginTop: 2,
|
|
108
|
+
textShadowOffset: {
|
|
109
|
+
height: 0.5,
|
|
110
|
+
width: 0.5
|
|
111
|
+
},
|
|
112
|
+
textShadowRadius: 2
|
|
113
|
+
},
|
|
114
|
+
threeDots: {
|
|
115
|
+
width: 20,
|
|
116
|
+
height: 20,
|
|
117
|
+
marginLeft: 4
|
|
118
|
+
},
|
|
119
|
+
threeDotsHitSlop: {
|
|
120
|
+
left: 12,
|
|
121
|
+
right: 12,
|
|
122
|
+
top: 12,
|
|
123
|
+
bottom: 12
|
|
124
|
+
},
|
|
125
|
+
pinLabelContainer: {
|
|
126
|
+
flexDirection: 'row',
|
|
127
|
+
alignItems: 'center',
|
|
128
|
+
marginBottom: 4
|
|
129
|
+
},
|
|
130
|
+
pinIcon: {
|
|
131
|
+
width: 12,
|
|
132
|
+
height: 12,
|
|
133
|
+
marginRight: 4
|
|
134
|
+
},
|
|
135
|
+
pinnedLabel: {
|
|
136
|
+
fontSize: 10,
|
|
137
|
+
textTransform: 'uppercase',
|
|
138
|
+
lineHeight: 16,
|
|
139
|
+
letterSpacing: 1.5
|
|
140
|
+
}
|
|
141
|
+
});
|
|
142
|
+
//# sourceMappingURL=HMSOverlayMessageView.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useDispatch","useSelector","View","Text","StyleSheet","Platform","TouchableOpacity","Gesture","GestureDetector","useAllowBlockingPeerFromChat","useAllowPinningMessage","useHMSRoomStyleSheet","useModalType","PinIcon","ThreeDotsIcon","setSelectedMessageForAction","ModalTypes","_HMSOverlayMessageView","message","dispatch","handleModalVisibleType","localPeerId","state","_state$hmsStates$loca","hmsStates","localPeer","peerID","allowPinningMessage","allowPeerBlocking","canRemoveOthers","_state$hmsStates$loca2","role","permissions","removeOthers","isPinned","messages","pinnedMessages","findIndex","pinnedMessage","id","messageId","messageSender","sender","hmsRoomStyles","_theme","typography","senderName","color","fontFamily","font_family","textShadowColor","threeDots","tintColor","pinnedLabel","onThreeDotsPress","MESSAGE_OPTIONS","canTakeAction","createElement","style","styles","container","pinLabelContainer","type","pinIcon","nameWrapper","numberOfLines","isLocal","name","gesture","Tap","hitSlop","threeDotsHitSlop","onPress","stack","HMSOverlayMessageView","memo","create","marginTop","width","flexDirection","alignItems","flexGrow","fontSize","lineHeight","OS","undefined","letterSpacing","textShadowOffset","height","textShadowRadius","marginLeft","left","right","top","bottom","marginBottom","marginRight","textTransform"],"sourceRoot":"../../../src","sources":["components/HMSOverlayMessageView.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -16,14 +16,14 @@ export const ParticipantsList = ({
|
|
|
16
16
|
const fetchedInitialDataRef = React.useRef(false);
|
|
17
17
|
const hmsInstance = useHMSInstance();
|
|
18
18
|
|
|
19
|
-
//
|
|
19
|
+
// Current is current selected group and off-stage group
|
|
20
20
|
const isOffStageGroup = useHMSLayoutConfig(layoutConfig => {
|
|
21
21
|
var _layoutConfig$screens;
|
|
22
22
|
const offStageRoles = (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 = _layoutConfig$screens.on_stage_exp) === null || _layoutConfig$screens === void 0 ? void 0 : _layoutConfig$screens.off_stage_roles) || null;
|
|
23
23
|
return offStageRoles ? offStageRoles.includes(selectedGroupId) : false;
|
|
24
24
|
});
|
|
25
25
|
|
|
26
|
-
// Getting initial data for the selected group
|
|
26
|
+
// Getting initial data for the selected group ID
|
|
27
27
|
const dataForGroupId = useSelector(state => {
|
|
28
28
|
return selectedGroupId === 'hand-raised' ? state.hmsStates.groupedParticipants : state.hmsStates.groupedParticipants[selectedGroupId];
|
|
29
29
|
});
|
|
@@ -86,7 +86,7 @@ export const ParticipantsList = ({
|
|
|
86
86
|
}, [headerData, peerListIterator]);
|
|
87
87
|
const filteredSearchText = searchText.trim().toLowerCase();
|
|
88
88
|
|
|
89
|
-
//#region
|
|
89
|
+
//#region FlashList props
|
|
90
90
|
const data = React.useMemo(() => {
|
|
91
91
|
return (isOffStageGroup ? offStageData : dataWithHeader).filter(item => 'id' in item ? true : item.name.toLowerCase().includes(filteredSearchText));
|
|
92
92
|
}, [filteredSearchText, offStageData, dataWithHeader, isOffStageGroup]);
|
|
@@ -130,7 +130,7 @@ export const ParticipantsList = ({
|
|
|
130
130
|
});
|
|
131
131
|
}
|
|
132
132
|
}, [loading, peerListIterator]);
|
|
133
|
-
//#endregion
|
|
133
|
+
//#endregion FlashList props
|
|
134
134
|
|
|
135
135
|
const searchTextExists = searchText.length > 0;
|
|
136
136
|
const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","Text","View","FlashList","useHMSInstance","useHMSLayoutConfig","useHMSRoomStyleSheet","ParticipantsItem","ParticipantsGroupHeader","useSelector","ParticipantsListFooter","stickyIndices","ParticipantsList","searchText","selectedGroupId","onBackPress","mountedRef","useRef","fetchedInitialDataRef","hmsInstance","isOffStageGroup","layoutConfig","_layoutConfig$screens","offStageRoles","screens","conferencing","default","elements","on_stage_exp","off_stage_roles","includes","dataForGroupId","state","hmsStates","groupedParticipants","finalDataForGroupId","useMemo","Array","isArray","Object","values","flat","filter","peer","isHandRaised","headerData","id","label","dataWithHeader","offStageData","setOffStageData","useState","loading","setLoading","peerListIterator","getPeerListIterator","limit","byRoleName","useEffect","mounted","current","next","then","peers","catch","filteredSearchText","trim","toLowerCase","data","item","name","_keyExtractor","useCallback","peerID","_renderItem","createElement","style","hmsRoomStyles","stickyHeader","styles","headerWrapper","expanded","itemWrapper","groupId","_getItemType","_onEndReached","prev","searchTextExists","length","theme","typography","emptyText","color","palette","on_surface_medium","fontFamily","font_family","backgroundColor","surface_dim","borderColor","border_bright","emptyContainer","estimatedItemSize","contentContainerStyle","list","keyboardShouldPersistTaps","ListFooterComponent","stickyHeaderIndices","keyExtractor","renderItem","getItemType","onEndReached","onEndReachedThreshold","create","paddingBottom","flex","alignItems","justifyContent","fontSize","lineHeight","letterSpacing","borderWidth","borderTopLeftRadius","borderTopRightRadius","borderRightWidth","borderLeftWidth"],"sourceRoot":"../../../../src","sources":["components/Participants/ParticipantsList.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,SAAS,QAAQ,qBAAqB;AAG/C,SACEC,cAAc,EACdC,kBAAkB,EAClBC,oBAAoB,QACf,kBAAkB;AACzB,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,WAAW,QAAQ,aAAa;AAEzC,SAASC,sBAAsB,QAAQ,0BAA0B;AAQjE,MAAMC,aAAa,GAAG,CAAC,CAAC,CAAC;AAEzB,OAAO,MAAMC,gBAAiD,GAAGA,CAAC;EAChEC,UAAU;EACVC,eAAe;EACfC;AACF,CAAC,KAAK;EACJ,MAAMC,UAAU,GAAGjB,KAAK,CAACkB,MAAM,CAAC,IAAI,CAAC;EACrC,MAAMC,qBAAqB,GAAGnB,KAAK,CAACkB,MAAM,CAAC,KAAK,CAAC;EACjD,MAAME,WAAW,GAAGf,cAAc,CAAC,CAAC;;EAEpC;EACA,MAAMgB,eAAe,GAAGf,kBAAkB,CAAEgB,YAAY,IAAK;IAAA,IAAAC,qBAAA;IAC3D,MAAMC,aAAa,GACjB,CAAAF,YAAY,aAAZA,YAAY,gBAAAC,qBAAA,GAAZD,YAAY,CAAEG,OAAO,cAAAF,qBAAA,gBAAAA,qBAAA,GAArBA,qBAAA,CAAuBG,YAAY,cAAAH,qBAAA,gBAAAA,qBAAA,GAAnCA,qBAAA,CAAqCI,OAAO,cAAAJ,qBAAA,gBAAAA,qBAAA,GAA5CA,qBAAA,CAA8CK,QAAQ,cAAAL,qBAAA,gBAAAA,qBAAA,GAAtDA,qBAAA,CAAwDM,YAAY,cAAAN,qBAAA,uBAApEA,qBAAA,CACIO,eAAe,KAAI,IAAI;IAC7B,OAAON,aAAa,GAAGA,aAAa,CAACO,QAAQ,CAAChB,eAAe,CAAC,GAAG,KAAK;EACxE,CAAC,CAAC;;EAEF;EACA,MAAMiB,cAAc,GAAGtB,WAAW,
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","Text","View","FlashList","useHMSInstance","useHMSLayoutConfig","useHMSRoomStyleSheet","ParticipantsItem","ParticipantsGroupHeader","useSelector","ParticipantsListFooter","stickyIndices","ParticipantsList","searchText","selectedGroupId","onBackPress","mountedRef","useRef","fetchedInitialDataRef","hmsInstance","isOffStageGroup","layoutConfig","_layoutConfig$screens","offStageRoles","screens","conferencing","default","elements","on_stage_exp","off_stage_roles","includes","dataForGroupId","state","hmsStates","groupedParticipants","finalDataForGroupId","useMemo","Array","isArray","Object","values","flat","filter","peer","isHandRaised","headerData","id","label","dataWithHeader","offStageData","setOffStageData","useState","loading","setLoading","peerListIterator","getPeerListIterator","limit","byRoleName","useEffect","mounted","current","next","then","peers","catch","filteredSearchText","trim","toLowerCase","data","item","name","_keyExtractor","useCallback","peerID","_renderItem","createElement","style","hmsRoomStyles","stickyHeader","styles","headerWrapper","expanded","itemWrapper","groupId","_getItemType","_onEndReached","prev","searchTextExists","length","theme","typography","emptyText","color","palette","on_surface_medium","fontFamily","font_family","backgroundColor","surface_dim","borderColor","border_bright","emptyContainer","estimatedItemSize","contentContainerStyle","list","keyboardShouldPersistTaps","ListFooterComponent","stickyHeaderIndices","keyExtractor","renderItem","getItemType","onEndReached","onEndReachedThreshold","create","paddingBottom","flex","alignItems","justifyContent","fontSize","lineHeight","letterSpacing","borderWidth","borderTopLeftRadius","borderTopRightRadius","borderRightWidth","borderLeftWidth"],"sourceRoot":"../../../../src","sources":["components/Participants/ParticipantsList.tsx"],"mappings":"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","ignoreList":[]}
|
package/lib/module/hooks-util.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { HMSConfig, HMSMessage, HMSMessageRecipientType, HMSPIPListenerActions, HMSPeerUpdate, HMSRoomUpdate, HMSTrackSource, HMSTrackType, HMSTrackUpdate, HMSUpdateListenerActions, HMSMessageRecipient, useHMSHLSPlayerResolution, useHmsViewsResolutionsState, setSoftInputMode, getSoftInputMode, WindowController, useHMSHLSPlayerCue, HMSPollUpdateType } from '@100mslive/react-native-hms';
|
|
1
|
+
import { HMSConfig, HMSMessage, HMSMessageRecipientType, HMSPIPListenerActions, HMSPeerUpdate, HMSRoomUpdate, HMSTrackSource, HMSTrackType, HMSTrackUpdate, HMSUpdateListenerActions, HMSMessageRecipient, useHMSHLSPlayerResolution, useHmsViewsResolutionsState, setSoftInputMode, getSoftInputMode, WindowController, useHMSHLSPlayerCue, HMSPollUpdateType, useHMSHLSPlayerPlaybackState, HMSHLSPlayerPlaybackState } from '@100mslive/react-native-hms';
|
|
2
2
|
import { SoftInputModes } from '@100mslive/react-native-hms';
|
|
3
3
|
import Toast from 'react-native-simple-toast';
|
|
4
4
|
import { useRef, useCallback, useEffect, useState, useMemo, useContext } from 'react';
|
|
@@ -6,7 +6,7 @@ import { MaxTilesInOnePage, ModalTypes, OnLeaveReason, PeerListRefreshInterval,
|
|
|
6
6
|
import { ChatBroadcastFilter } from './utils/types';
|
|
7
7
|
import { createPeerTrackNode, parseMetadata } from './utils/functions';
|
|
8
8
|
import { batch, shallowEqual, useDispatch, useSelector, useStore } from 'react-redux';
|
|
9
|
-
import { addCuedPollId, addMessage, addNotification, addParticipant, addParticipants, addPinnedMessages, addScreenshareTile, addUpdateParticipant, changeMeetingState, changePipModeStatus, changeStartingHLSStream, clearStore, filterOutMsgsFromBlockedPeers, removeNotification, removeParticipant, removeParticipants, removeScreenshareTile, replaceParticipantsList, saveUserData, setActiveChatBottomSheetTab, setActiveSpeakers, setAutoEnterPipMode, setChatPeerBlacklist, setChatState, setEditUsernameDisabled, setFullScreenPeerTrackNode, setHMSLocalPeerState, setHMSRoleState, setHMSRoomState, setHandleBackButton, setIsLocalAudioMutedState, setIsLocalVideoMutedState, setLayoutConfig, setLocalPeerTrackNode, setMiniViewPeerTrackNode, setModalType, setOnLeaveHandler, setPrebuiltData, setReconnecting, setRoleChangeRequest, setStartingOrStoppingRecording, updateFullScreenPeerTrackNode, updateLocalPeerTrackNode, updateMiniViewPeerTrackNode, updateScreenshareTile } from './redux/actions';
|
|
9
|
+
import { addCuedPollId, addMessage, addNotification, addParticipant, addParticipants, addPinnedMessages, addScreenshareTile, addUpdateParticipant, changeMeetingState, changePipModeStatus, changeStartingHLSStream, clearStore, filterOutMsgsFromBlockedPeers, removeNotification, removeParticipant, removeParticipants, removeScreenshareTile, replaceParticipantsList, saveUserData, setActiveChatBottomSheetTab, setActiveSpeakers, setAndroidHLSStreamPaused, setAutoEnterPipMode, setChatPeerBlacklist, setChatState, setEditUsernameDisabled, setFullScreenPeerTrackNode, setHMSLocalPeerState, setHMSRoleState, setHMSRoomState, setHandleBackButton, setIsLocalAudioMutedState, setIsLocalVideoMutedState, setLayoutConfig, setLocalPeerTrackNode, setMiniViewPeerTrackNode, setModalType, setOnLeaveHandler, setPrebuiltData, setReconnecting, setRoleChangeRequest, setStartingOrStoppingRecording, updateFullScreenPeerTrackNode, updateLocalPeerTrackNode, updateMiniViewPeerTrackNode, updateScreenshareTile } from './redux/actions';
|
|
10
10
|
import { createPeerTrackNodeUniqueId, degradeOrRestorePeerTrackNodes, peerTrackNodeExistForPeer, peerTrackNodeExistForPeerAndTrack, removePeerTrackNodes, removePeerTrackNodesWithTrack, replacePeerTrackNodes, replacePeerTrackNodesWithTrack } from './peerTrackNodeUtils';
|
|
11
11
|
import { MeetingState } from './types';
|
|
12
12
|
import { BackHandler, InteractionManager, Keyboard, Platform } from 'react-native';
|
|
@@ -2184,7 +2184,7 @@ export const useHLSPlayerConstraints = () => {
|
|
|
2184
2184
|
* Handling Landscape Orientation for both Full and Normal screen
|
|
2185
2185
|
*/
|
|
2186
2186
|
if (isLandscapeOrientation) {
|
|
2187
|
-
return sr >
|
|
2187
|
+
return sr > wr ? {
|
|
2188
2188
|
width: wrapperWidth,
|
|
2189
2189
|
height: wrapperWidth / sr
|
|
2190
2190
|
} : {
|
|
@@ -2207,4 +2207,31 @@ export const useHLSPlayerConstraints = () => {
|
|
|
2207
2207
|
height: wrapperHeight
|
|
2208
2208
|
};
|
|
2209
2209
|
};
|
|
2210
|
+
export const useHLSStreamResumePause = playerRef => {
|
|
2211
|
+
const dispatch = useDispatch();
|
|
2212
|
+
const isPaused = Platform.select({
|
|
2213
|
+
android: useSelector(state => state.app.hlsStreamPaused_android),
|
|
2214
|
+
ios: useHMSHLSPlayerPlaybackState() === HMSHLSPlayerPlaybackState.PAUSED,
|
|
2215
|
+
default: false
|
|
2216
|
+
});
|
|
2217
|
+
const resumeStream = useCallback(() => {
|
|
2218
|
+
var _playerRef$current;
|
|
2219
|
+
(_playerRef$current = playerRef.current) === null || _playerRef$current === void 0 || _playerRef$current.resume();
|
|
2220
|
+
if (Platform.OS === 'android') {
|
|
2221
|
+
dispatch(setAndroidHLSStreamPaused(false));
|
|
2222
|
+
}
|
|
2223
|
+
}, []);
|
|
2224
|
+
const pauseStream = useCallback(() => {
|
|
2225
|
+
var _playerRef$current2;
|
|
2226
|
+
(_playerRef$current2 = playerRef.current) === null || _playerRef$current2 === void 0 || _playerRef$current2.pause();
|
|
2227
|
+
if (Platform.OS === 'android') {
|
|
2228
|
+
dispatch(setAndroidHLSStreamPaused(true));
|
|
2229
|
+
}
|
|
2230
|
+
}, []);
|
|
2231
|
+
return {
|
|
2232
|
+
isPaused,
|
|
2233
|
+
resumeStream,
|
|
2234
|
+
pauseStream
|
|
2235
|
+
};
|
|
2236
|
+
};
|
|
2210
2237
|
//# sourceMappingURL=hooks-util.js.map
|