@stream-io/video-react-native-sdk 0.0.1-alpha.261 → 0.0.1-alpha.263
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/CHANGELOG.md +18 -0
- package/README.md +1 -1
- package/dist/__tests__/components/CallParticipantsView.test.js +1 -1
- package/dist/__tests__/components/CallParticipantsView.test.js.map +1 -1
- package/dist/src/components/call/LobbyView.js +5 -7
- package/dist/src/components/call/LobbyView.js.map +1 -1
- package/dist/src/components/call/internal/CallParticipantsGridView.js +5 -2
- package/dist/src/components/call/internal/CallParticipantsGridView.js.map +1 -1
- package/dist/src/components/participants/LocalParticipantView.js +30 -12
- package/dist/src/components/participants/LocalParticipantView.js.map +1 -1
- package/dist/src/components/participants/ParticipantView.js +2 -1
- package/dist/src/components/participants/ParticipantView.js.map +1 -1
- package/dist/src/components/participants/ParticipantsInfoBadge.js +4 -3
- package/dist/src/components/participants/ParticipantsInfoBadge.js.map +1 -1
- package/dist/src/components/participants/ParticipantsInfoListView.js +38 -32
- package/dist/src/components/participants/ParticipantsInfoListView.js.map +1 -1
- package/dist/src/components/utility/ReactionsModal.js +4 -7
- package/dist/src/components/utility/ReactionsModal.js.map +1 -1
- package/dist/src/hooks/useCallControls.d.ts +1 -1
- package/dist/src/hooks/useCallControls.js +12 -22
- package/dist/src/hooks/useCallControls.js.map +1 -1
- package/package.json +1 -1
- package/src/components/call/LobbyView.tsx +6 -11
- package/src/components/call/internal/CallParticipantsGridView.tsx +10 -3
- package/src/components/participants/LocalParticipantView.tsx +54 -28
- package/src/components/participants/ParticipantView.tsx +2 -1
- package/src/components/participants/ParticipantsInfoBadge.tsx +4 -3
- package/src/components/participants/ParticipantsInfoListView.tsx +45 -38
- package/src/components/utility/ReactionsModal.tsx +7 -10
- package/src/hooks/useCallControls.tsx +14 -27
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,24 @@
|
|
|
2
2
|
|
|
3
3
|
This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
|
|
4
4
|
|
|
5
|
+
## [0.0.1-alpha.263](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.262...@stream-io/video-react-native-sdk-0.0.1-alpha.263) (2023-07-10)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* **react-native:** video published on foreground even if it was muted ([#773](https://github.com/GetStream/stream-video-js/issues/773)) ([6fc1ce9](https://github.com/GetStream/stream-video-js/commit/6fc1ce91db183e6fa2c962b86b5715e3ac4421c6))
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [0.0.1-alpha.262](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.261...@stream-io/video-react-native-sdk-0.0.1-alpha.262) (2023-07-10)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
### Bug Fixes
|
|
18
|
+
|
|
19
|
+
* **react-native:** fix ui issues in dogfood app ([#763](https://github.com/GetStream/stream-video-js/issues/763)) ([289374c](https://github.com/GetStream/stream-video-js/commit/289374c0d17f7897906fab22ee2e06be0380eb51))
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
5
23
|
## [0.0.1-alpha.261](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.260...@stream-io/video-react-native-sdk-0.0.1-alpha.261) (2023-07-10)
|
|
6
24
|
|
|
7
25
|
|
package/README.md
CHANGED
|
@@ -96,7 +96,7 @@ Stream's video roadmap and changelog are available [here](https://github.com/Get
|
|
|
96
96
|
- [x] Reconnection (awaiting BE)
|
|
97
97
|
- [x] Simulcasting- iOS
|
|
98
98
|
- [x] Pinning and spotlighting participants
|
|
99
|
-
- [
|
|
99
|
+
- [x] Components parity, alignment and refactor
|
|
100
100
|
- [ ] Write docs:
|
|
101
101
|
- [ ] UI Components
|
|
102
102
|
- [ ] Tutorials
|
|
@@ -122,7 +122,7 @@ describe('CallParticipantsView', () => {
|
|
|
122
122
|
}));
|
|
123
123
|
await simulateOnViewableItemsChanged(visibleParticipantsItems);
|
|
124
124
|
// Locating and verifying that all ParticipantViews are rendered
|
|
125
|
-
const localParticipant = (0, RNTLTools_1.within)(RNTLTools_1.screen.getByLabelText(
|
|
125
|
+
const localParticipant = (0, RNTLTools_1.within)(RNTLTools_1.screen.getByLabelText(`participant-${P_IDS.LOCAL_1}`));
|
|
126
126
|
const participant1 = (0, RNTLTools_1.within)(RNTLTools_1.screen.getByLabelText(`participant-${P_IDS.REMOTE_1}`));
|
|
127
127
|
const participant2 = (0, RNTLTools_1.within)(RNTLTools_1.screen.getByLabelText(`participant-${P_IDS.REMOTE_2}`));
|
|
128
128
|
const participant3 = (0, RNTLTools_1.within)(RNTLTools_1.screen.getByLabelText(`participant-${P_IDS.REMOTE_3}`));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CallParticipantsView.test.js","sourceRoot":"","sources":["../../../__tests__/components/CallParticipantsView.test.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"CallParticipantsView.test.js","sourceRoot":"","sources":["../../../__tests__/components/CallParticipantsView.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,8 +20,9 @@ const LobbyView = ({ joinButton }) => {
|
|
|
20
20
|
const connectedUser = (0, video_react_bindings_1.useConnectedUser)();
|
|
21
21
|
const { initialAudioEnabled, initialVideoEnabled, toggleInitialAudioMuteState, toggleInitialVideoMuteState, isCameraOnFrontFacingMode, } = (0, MediaStreamManagement_1.useMediaStreamManagement)();
|
|
22
22
|
const isVideoAvailable = !!localVideoStream && initialVideoEnabled;
|
|
23
|
-
const count = (0, video_react_bindings_1.useParticipantCount)();
|
|
24
23
|
const call = (0, video_react_bindings_1.useCall)();
|
|
24
|
+
const callMetadata = (0, video_react_bindings_1.useCallMetadata)();
|
|
25
|
+
const participantsCount = callMetadata?.session?.participants.length;
|
|
25
26
|
const MicIcon = !initialAudioEnabled ? (<icons_1.MicOff color={theme_1.theme.light.static_white}/>) : (<icons_1.Mic color={theme_1.theme.light.static_black}/>);
|
|
26
27
|
const VideoIcon = !initialVideoEnabled ? (<icons_1.VideoSlash color={theme_1.theme.light.static_white}/>) : (<icons_1.Video color={theme_1.theme.light.static_black}/>);
|
|
27
28
|
const connectedUserAsParticipant = {
|
|
@@ -66,8 +67,8 @@ const LobbyView = ({ joinButton }) => {
|
|
|
66
67
|
<react_native_1.View style={styles.info}>
|
|
67
68
|
<react_native_1.Text style={styles.infoText}>
|
|
68
69
|
You are about to join a call with id {call?.id} at Stream.{' '}
|
|
69
|
-
{
|
|
70
|
-
? `${
|
|
70
|
+
{participantsCount
|
|
71
|
+
? `${participantsCount} participant(s) are in the call.`
|
|
71
72
|
: 'You are first to Join the call.'}
|
|
72
73
|
</react_native_1.Text>
|
|
73
74
|
<react_native_1.Pressable style={styles.joinButton} onPress={joinButton.onPressHandler}>
|
|
@@ -81,7 +82,7 @@ exports.LobbyView = LobbyView;
|
|
|
81
82
|
const ParticipantStatus = () => {
|
|
82
83
|
const connectedUser = (0, video_react_bindings_1.useConnectedUser)();
|
|
83
84
|
const participantLabel = connectedUser?.name ?? connectedUser?.id;
|
|
84
|
-
const { initialAudioEnabled
|
|
85
|
+
const { initialAudioEnabled } = (0, MediaStreamManagement_1.useMediaStreamManagement)();
|
|
85
86
|
return (<react_native_1.View style={styles.status}>
|
|
86
87
|
<react_native_1.Text style={styles.userNameLabel} numberOfLines={1}>
|
|
87
88
|
{participantLabel}
|
|
@@ -89,9 +90,6 @@ const ParticipantStatus = () => {
|
|
|
89
90
|
{!initialAudioEnabled && (<react_native_1.View style={[styles.svgContainerStyle, theme_1.theme.icon.xs]}>
|
|
90
91
|
<icons_1.MicOff color={theme_1.theme.light.error}/>
|
|
91
92
|
</react_native_1.View>)}
|
|
92
|
-
{!initialVideoEnabled && (<react_native_1.View style={[styles.svgContainerStyle, theme_1.theme.icon.xs]}>
|
|
93
|
-
<icons_1.VideoSlash color={theme_1.theme.light.error}/>
|
|
94
|
-
</react_native_1.View>)}
|
|
95
93
|
</react_native_1.View>);
|
|
96
94
|
};
|
|
97
95
|
const styles = react_native_1.StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LobbyView.js","sourceRoot":"","sources":["../../../../src/components/call/LobbyView.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAAiE;AACjE,uCAA6D;AAC7D,0EAIyC;AACzC,+EAA4E;AAC5E,uCAAoC;AACpC,uCAAkD;AAClD,qEAAkE;AAClE,8CAA2C;AAE3C,+CAAyD;AACzD,iFAAiF;AA2B1E,MAAM,SAAS,GAAG,CAAC,EAAE,UAAU,EAAiB,EAAE,EAAE;IACzD,MAAM,gBAAgB,GAAG,IAAA,2BAAmB,GAAE,CAAC;IAC/C,MAAM,aAAa,GAAG,IAAA,uCAAgB,GAAE,CAAC;IACzC,MAAM,EACJ,mBAAmB,EACnB,mBAAmB,EACnB,2BAA2B,EAC3B,2BAA2B,EAC3B,yBAAyB,GAC1B,GAAG,IAAA,gDAAwB,GAAE,CAAC;IAC/B,MAAM,gBAAgB,GAAG,CAAC,CAAC,gBAAgB,IAAI,mBAAmB,CAAC;IACnE,MAAM,
|
|
1
|
+
{"version":3,"file":"LobbyView.js","sourceRoot":"","sources":["../../../../src/components/call/LobbyView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,14 +13,17 @@ const CallParticipantsListView_1 = require("../../call/CallParticipantsListView"
|
|
|
13
13
|
const A11yLabels_1 = require("../../../constants/A11yLabels");
|
|
14
14
|
const CallParticipantsGridView = () => {
|
|
15
15
|
const _remoteParticipants = (0, video_react_bindings_1.useRemoteParticipants)();
|
|
16
|
+
const allParticipants = (0, video_react_bindings_1.useParticipants)();
|
|
16
17
|
const remoteParticipants = (0, useDebouncedValue_1.useDebouncedValue)(_remoteParticipants, 300); // we debounce the remote participants to avoid unnecessary rerenders that happen when participant tracks are all subscribed simultaneously
|
|
17
18
|
const isUserAloneInCall = remoteParticipants?.length === 0;
|
|
18
19
|
if (isUserAloneInCall) {
|
|
19
20
|
return <LocalParticipantView_1.LocalParticipantView layout={'fullscreen'}/>;
|
|
20
21
|
}
|
|
22
|
+
const showFloatingView = remoteParticipants.length < 3;
|
|
23
|
+
const participants = showFloatingView ? remoteParticipants : allParticipants;
|
|
21
24
|
return (<react_native_1.View style={styles.container} accessibilityLabel={A11yLabels_1.A11yComponents.CALL_PARTICIPANTS_GRID_VIEW}>
|
|
22
|
-
<LocalParticipantView_1.LocalParticipantView layout={'floating'}/>
|
|
23
|
-
<CallParticipantsListView_1.CallParticipantsListView participants={
|
|
25
|
+
{showFloatingView && <LocalParticipantView_1.LocalParticipantView layout={'floating'}/>}
|
|
26
|
+
<CallParticipantsListView_1.CallParticipantsListView participants={participants}/>
|
|
24
27
|
</react_native_1.View>);
|
|
25
28
|
};
|
|
26
29
|
exports.CallParticipantsGridView = CallParticipantsGridView;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CallParticipantsGridView.js","sourceRoot":"","sources":["../../../../../src/components/call/internal/CallParticipantsGridView.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAAgD;AAChD,kFAA+E;AAC/E,
|
|
1
|
+
{"version":3,"file":"CallParticipantsGridView.js","sourceRoot":"","sources":["../../../../../src/components/call/internal/CallParticipantsGridView.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAAgD;AAChD,kFAA+E;AAC/E,0EAGyC;AACzC,8EAA2E;AAC3E,kFAA+E;AAC/E,8DAA+D;AAExD,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAC3C,MAAM,mBAAmB,GAAG,IAAA,4CAAqB,GAAE,CAAC;IACpD,MAAM,eAAe,GAAG,IAAA,sCAAe,GAAE,CAAC;IAC1C,MAAM,kBAAkB,GAAG,IAAA,qCAAiB,EAAC,mBAAmB,EAAE,GAAG,CAAC,CAAC,CAAC,2IAA2I;IAEnN,MAAM,iBAAiB,GAAG,kBAAkB,EAAE,MAAM,KAAK,CAAC,CAAC;IAE3D,IAAI,iBAAiB,EAAE;QACrB,OAAO,CAAC,2CAAoB,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,EAAG,CAAC;KACvD;IAED,MAAM,gBAAgB,GAAG,kBAAkB,CAAC,MAAM,GAAG,CAAC,CAAC;IACvD,MAAM,YAAY,GAAG,gBAAgB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,eAAe,CAAC;IAE7E,OAAO,CACL,CAAC,mBAAI,CACH,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CACxB,kBAAkB,CAAC,CAAC,2BAAc,CAAC,2BAA2B,CAAC,CAE/D;MAAA,CAAC,gBAAgB,IAAI,CAAC,2CAAoB,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,EAAG,CACjE;MAAA,CAAC,mDAAwB,CAAC,YAAY,CAAC,CAAC,YAAY,CAAC,EACvD;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,wBAAwB,4BAuBnC;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC"}
|
|
@@ -35,6 +35,7 @@ const A11yLabels_1 = require("../../constants/A11yLabels");
|
|
|
35
35
|
const Avatar_1 = require("../utility/Avatar");
|
|
36
36
|
const constants_1 = require("../../constants");
|
|
37
37
|
const MediaStreamManagement_1 = require("../../providers/MediaStreamManagement");
|
|
38
|
+
const ParticipantReaction_1 = require("./internal/ParticipantReaction");
|
|
38
39
|
/**
|
|
39
40
|
* A component to render the local participant's video.
|
|
40
41
|
*/
|
|
@@ -61,23 +62,26 @@ const LocalParticipantView = (props) => {
|
|
|
61
62
|
}
|
|
62
63
|
const isVideoMuted = !localParticipant.publishedTracks.includes(video_client_1.SfuModels.TrackType.VIDEO);
|
|
63
64
|
if (layout === 'fullscreen') {
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
<
|
|
67
|
-
</react_native_1.View>
|
|
68
|
-
}
|
|
69
|
-
|
|
65
|
+
return (<react_native_1.View accessibilityLabel={A11yLabels_1.A11yComponents.LOCAL_PARTICIPANT_FULLSCREEN} style={style}>
|
|
66
|
+
<react_native_1.View style={styles.topView}>
|
|
67
|
+
<ParticipantReaction_1.ParticipantReaction reaction={localParticipant.reaction} sessionId={localParticipant.sessionId}/>
|
|
68
|
+
</react_native_1.View>
|
|
69
|
+
{isVideoMuted ? (<Avatar_1.Avatar participant={localParticipant}/>) : (<VideoRenderer_1.VideoRenderer mirror={isCameraOnFrontFacingMode} mediaStream={localParticipant.videoStream} style={styles.videoStreamFullScreen} zOrder={zOrder}/>)}
|
|
70
|
+
</react_native_1.View>);
|
|
70
71
|
}
|
|
71
72
|
return (<react_native_1.Animated.View accessibilityLabel={A11yLabels_1.A11yComponents.LOCAL_PARTICIPANT} style={{
|
|
72
73
|
// Needed to make the view is on top and draggable
|
|
73
74
|
zIndex: constants_1.Z_INDEX.IN_MIDDLE,
|
|
74
75
|
transform: [{ translateX: pan.x }, { translateY: pan.y }],
|
|
75
76
|
}} {...panResponder.panHandlers}>
|
|
76
|
-
|
|
77
|
-
|
|
77
|
+
<react_native_1.View style={style}>
|
|
78
|
+
<react_native_1.View style={styles.topView}>
|
|
79
|
+
<ParticipantReaction_1.ParticipantReaction reaction={localParticipant.reaction} sessionId={localParticipant.sessionId}/>
|
|
80
|
+
</react_native_1.View>
|
|
81
|
+
{isVideoMuted ? (<react_native_1.View style={theme_1.theme.icon.md}>
|
|
78
82
|
<icons_1.VideoSlash color={theme_1.theme.light.static_white}/>
|
|
79
|
-
</react_native_1.View>
|
|
80
|
-
|
|
83
|
+
</react_native_1.View>) : (<VideoRenderer_1.VideoRenderer mirror={isCameraOnFrontFacingMode} mediaStream={localParticipant.videoStream} style={styles.videoStream} zOrder={zOrder}/>)}
|
|
84
|
+
</react_native_1.View>
|
|
81
85
|
</react_native_1.Animated.View>);
|
|
82
86
|
};
|
|
83
87
|
exports.LocalParticipantView = LocalParticipantView;
|
|
@@ -90,10 +94,24 @@ const styles = react_native_1.StyleSheet.create({
|
|
|
90
94
|
top: theme_1.theme.margin.xl * 2,
|
|
91
95
|
borderRadius: constants_1.LOCAL_VIDEO_VIEW_STYLE.borderRadius,
|
|
92
96
|
zIndex: constants_1.Z_INDEX.IN_MIDDLE,
|
|
93
|
-
|
|
94
|
-
backgroundColor: theme_1.theme.light.disabled,
|
|
97
|
+
backgroundColor: theme_1.theme.light.static_grey,
|
|
95
98
|
justifyContent: 'center',
|
|
96
99
|
alignItems: 'center',
|
|
100
|
+
overflow: 'hidden',
|
|
101
|
+
},
|
|
102
|
+
videoStream: {
|
|
103
|
+
height: constants_1.LOCAL_VIDEO_VIEW_STYLE.height,
|
|
104
|
+
width: constants_1.LOCAL_VIDEO_VIEW_STYLE.width,
|
|
105
|
+
flex: 1,
|
|
106
|
+
},
|
|
107
|
+
videoStreamFullScreen: {
|
|
108
|
+
...react_native_1.StyleSheet.absoluteFillObject,
|
|
109
|
+
},
|
|
110
|
+
topView: {
|
|
111
|
+
position: 'absolute',
|
|
112
|
+
top: theme_1.theme.spacing.sm,
|
|
113
|
+
left: theme_1.theme.spacing.sm,
|
|
114
|
+
zIndex: constants_1.Z_INDEX.IN_FRONT,
|
|
97
115
|
},
|
|
98
116
|
fullScreenContainer: {
|
|
99
117
|
flex: 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LocalParticipantView.js","sourceRoot":"","sources":["../../../../src/components/participants/LocalParticipantView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsC;AACtC,+CAOsB;AACtB,qEAAkE;AAClE,0EAAsE;AACtE,0DAAoD;AACpD,uCAAoC;AACpC,uCAAyC;AACzC,2DAA4D;AAC5D,8CAA2C;AAC3C,+CAAkE;AAClE,iFAAiF;
|
|
1
|
+
{"version":3,"file":"LocalParticipantView.js","sourceRoot":"","sources":["../../../../src/components/participants/LocalParticipantView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -175,6 +175,7 @@ const ParticipantView = (props) => {
|
|
|
175
175
|
const videoOnlyStyle = {
|
|
176
176
|
borderColor: constants_2.palette.grey800,
|
|
177
177
|
borderWidth: 2,
|
|
178
|
+
backgroundColor: theme_1.theme.light.disabled,
|
|
178
179
|
};
|
|
179
180
|
const unPinParticipantHandler = () => {
|
|
180
181
|
call?.setParticipantPinnedAt(participant.sessionId, undefined);
|
|
@@ -230,7 +231,7 @@ const styles = react_native_1.StyleSheet.create({
|
|
|
230
231
|
padding: theme_1.theme.padding.xs,
|
|
231
232
|
},
|
|
232
233
|
topView: {
|
|
233
|
-
alignSelf: 'flex-
|
|
234
|
+
alignSelf: 'flex-start',
|
|
234
235
|
zIndex: constants_1.Z_INDEX.IN_FRONT,
|
|
235
236
|
},
|
|
236
237
|
videoRenderer: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ParticipantView.js","sourceRoot":"","sources":["../../../../src/components/participants/ParticipantView.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ParticipantView.js","sourceRoot":"","sources":["../../../../src/components/participants/ParticipantView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -43,7 +43,7 @@ const ParticipantsInfoBadge = ({ style }) => {
|
|
|
43
43
|
const onOpenCallParticipantsInfoView = (0, react_1.useCallback)(() => {
|
|
44
44
|
setIsCallParticipantsViewVisible(true);
|
|
45
45
|
}, [setIsCallParticipantsViewVisible]);
|
|
46
|
-
return (<react_native_1.Pressable onPress={onOpenCallParticipantsInfoView} accessibilityLabel={A11yLabels_1.A11yButtons.PARTICIPANTS_INFO} style={
|
|
46
|
+
return (<react_native_1.Pressable onPress={onOpenCallParticipantsInfoView} accessibilityLabel={A11yLabels_1.A11yButtons.PARTICIPANTS_INFO} style={style}>
|
|
47
47
|
<react_native_1.View style={styles.badge}>
|
|
48
48
|
<react_native_1.Text style={styles.badgeText}>{participantCount}</react_native_1.Text>
|
|
49
49
|
</react_native_1.View>
|
|
@@ -55,17 +55,18 @@ const ParticipantsInfoBadge = ({ style }) => {
|
|
|
55
55
|
};
|
|
56
56
|
exports.ParticipantsInfoBadge = ParticipantsInfoBadge;
|
|
57
57
|
const styles = react_native_1.StyleSheet.create({
|
|
58
|
-
container: { padding: theme_1.theme.padding.sm },
|
|
59
58
|
badge: {
|
|
60
59
|
backgroundColor: theme_1.theme.light.text_low_emphasis,
|
|
61
60
|
borderRadius: theme_1.theme.rounded.xl,
|
|
62
61
|
paddingVertical: theme_1.theme.padding.xs,
|
|
63
62
|
paddingHorizontal: theme_1.theme.padding.sm,
|
|
64
|
-
position: 'absolute',
|
|
65
63
|
zIndex: constants_1.Z_INDEX.IN_FRONT,
|
|
64
|
+
top: theme_1.theme.spacing.sm,
|
|
65
|
+
left: theme_1.theme.spacing.xl,
|
|
66
66
|
},
|
|
67
67
|
badgeText: {
|
|
68
68
|
color: theme_1.theme.light.static_white,
|
|
69
|
+
textAlign: 'center',
|
|
69
70
|
...theme_1.theme.fonts.caption,
|
|
70
71
|
},
|
|
71
72
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ParticipantsInfoBadge.js","sourceRoot":"","sources":["../../../../src/components/participants/ParticipantsInfoBadge.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqD;AACrD,+CAA4E;AAC5E,uCAA2C;AAC3C,0EAAsE;AACtE,uCAAoC;AACpC,2DAAyD;AACzD,+CAA0C;AAC1C,yEAAsE;AAItE;;;;GAIG;AACI,MAAM,qBAAqB,GAAG,CAAC,EAAE,KAAK,EAA0B,EAAE,EAAE;IACzE,MAAM,gBAAgB,GAAG,IAAA,0CAAmB,GAAE,CAAC;IAC/C,MAAM,CAAC,6BAA6B,EAAE,gCAAgC,CAAC,GACrE,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAE3B,MAAM,8BAA8B,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACtD,gCAAgC,CAAC,IAAI,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,gCAAgC,CAAC,CAAC,CAAC;IAEvC,OAAO,CACL,CAAC,wBAAS,CACR,OAAO,CAAC,CAAC,8BAA8B,CAAC,CACxC,kBAAkB,CAAC,CAAC,wBAAW,CAAC,iBAAiB,CAAC,CAClD,KAAK,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"ParticipantsInfoBadge.js","sourceRoot":"","sources":["../../../../src/components/participants/ParticipantsInfoBadge.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqD;AACrD,+CAA4E;AAC5E,uCAA2C;AAC3C,0EAAsE;AACtE,uCAAoC;AACpC,2DAAyD;AACzD,+CAA0C;AAC1C,yEAAsE;AAItE;;;;GAIG;AACI,MAAM,qBAAqB,GAAG,CAAC,EAAE,KAAK,EAA0B,EAAE,EAAE;IACzE,MAAM,gBAAgB,GAAG,IAAA,0CAAmB,GAAE,CAAC;IAC/C,MAAM,CAAC,6BAA6B,EAAE,gCAAgC,CAAC,GACrE,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAE3B,MAAM,8BAA8B,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACtD,gCAAgC,CAAC,IAAI,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,gCAAgC,CAAC,CAAC,CAAC;IAEvC,OAAO,CACL,CAAC,wBAAS,CACR,OAAO,CAAC,CAAC,8BAA8B,CAAC,CACxC,kBAAkB,CAAC,CAAC,wBAAW,CAAC,iBAAiB,CAAC,CAClD,KAAK,CAAC,CAAC,KAAK,CAAC,CAEb;MAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACxB;QAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,EAAE,mBAAI,CACzD;MAAA,EAAE,mBAAI,CACN;MAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,aAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CACzB;QAAA,CAAC,oBAAY,CAAC,KAAK,CAAC,CAAC,aAAK,CAAC,KAAK,CAAC,YAAY,CAAC,EAChD;MAAA,EAAE,mBAAI,CACN;MAAA,CAAC,mDAAwB,CACvB,6BAA6B,CAAC,CAAC,6BAA6B,CAAC,CAC7D,gCAAgC,CAAC,CAAC,gCAAgC,CAAC,EAEvE;IAAA,EAAE,wBAAS,CAAC,CACb,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,qBAAqB,yBA2BhC;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,KAAK,EAAE;QACL,eAAe,EAAE,aAAK,CAAC,KAAK,CAAC,iBAAiB;QAC9C,YAAY,EAAE,aAAK,CAAC,OAAO,CAAC,EAAE;QAC9B,eAAe,EAAE,aAAK,CAAC,OAAO,CAAC,EAAE;QACjC,iBAAiB,EAAE,aAAK,CAAC,OAAO,CAAC,EAAE;QACnC,MAAM,EAAE,mBAAO,CAAC,QAAQ;QACxB,GAAG,EAAE,aAAK,CAAC,OAAO,CAAC,EAAE;QACrB,IAAI,EAAE,aAAK,CAAC,OAAO,CAAC,EAAE;KACvB;IACD,SAAS,EAAE;QACT,KAAK,EAAE,aAAK,CAAC,KAAK,CAAC,YAAY;QAC/B,SAAS,EAAE,QAAQ;QACnB,GAAG,aAAK,CAAC,KAAK,CAAC,OAAO;KACvB;CACF,CAAC,CAAC"}
|
|
@@ -76,29 +76,31 @@ const ParticipantsInfoListView = ({ isCallParticipantsViewVisible, setIsCallPart
|
|
|
76
76
|
<>
|
|
77
77
|
{/*independent background, needed due to desired opacity only
|
|
78
78
|
on background, exc. modal content*/}
|
|
79
|
-
<react_native_1.
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
</react_native_1.Pressable>
|
|
95
|
-
<video_react_bindings_1.Restricted requiredGrants={[video_client_1.OwnCapability.MUTE_USERS]}>
|
|
96
|
-
<react_native_1.Pressable style={styles.button} onPress={muteAllParticipantsHandler}>
|
|
97
|
-
<react_native_1.Text style={styles.buttonText}>Mute All</react_native_1.Text>
|
|
79
|
+
<react_native_1.SafeAreaView style={styles.backDropBackground}>
|
|
80
|
+
<react_native_1.View style={styles.content}>
|
|
81
|
+
<react_native_1.View style={styles.header}>
|
|
82
|
+
<react_native_1.View style={styles.leftHeaderElement}/>
|
|
83
|
+
<react_native_1.Text style={styles.headerText}>
|
|
84
|
+
Participants ({participants.length})
|
|
85
|
+
</react_native_1.Text>
|
|
86
|
+
<react_native_1.Pressable onPress={onCloseCallParticipantsViewVisible} accessibilityLabel={A11yLabels_1.A11yButtons.EXIT_PARTICIPANTS_INFO} style={styles.closePressable}>
|
|
87
|
+
<icons_1.Cross color={theme_1.theme.dark.primary} style={theme_1.theme.icon.xs}/>
|
|
88
|
+
</react_native_1.Pressable>
|
|
89
|
+
</react_native_1.View>
|
|
90
|
+
<react_native_1.FlatList data={participants} renderItem={renderItem}/>
|
|
91
|
+
<react_native_1.View style={styles.buttonGroup}>
|
|
92
|
+
<react_native_1.Pressable style={styles.button} onPress={inviteHandler}>
|
|
93
|
+
<react_native_1.Text style={styles.buttonText}>Invite</react_native_1.Text>
|
|
98
94
|
</react_native_1.Pressable>
|
|
99
|
-
|
|
95
|
+
<video_react_bindings_1.Restricted requiredGrants={[video_client_1.OwnCapability.MUTE_USERS]}>
|
|
96
|
+
<react_native_1.Pressable style={styles.button} onPress={muteAllParticipantsHandler}>
|
|
97
|
+
<react_native_1.Text style={styles.buttonText}>Mute All</react_native_1.Text>
|
|
98
|
+
</react_native_1.Pressable>
|
|
99
|
+
</video_react_bindings_1.Restricted>
|
|
100
|
+
</react_native_1.View>
|
|
100
101
|
</react_native_1.View>
|
|
101
|
-
</react_native_1.
|
|
102
|
+
</react_native_1.SafeAreaView>
|
|
103
|
+
|
|
102
104
|
<react_native_1.Modal animationType="fade" transparent visible={!!selectedParticipant} onRequestClose={() => setSelectedParticipant(undefined)}>
|
|
103
105
|
<>
|
|
104
106
|
{/*independent background, needed due to desired opacity only
|
|
@@ -128,12 +130,15 @@ const ParticipantInfoItem = (props) => {
|
|
|
128
130
|
const isVideoMuted = !publishedTracks.includes(video_client_1.SfuModels.TrackType.VIDEO);
|
|
129
131
|
const isScreenSharing = publishedTracks.includes(video_client_1.SfuModels.TrackType.SCREEN_SHARE);
|
|
130
132
|
return (<react_native_1.Pressable style={styles.participant} onPress={optionsOpenHandler}>
|
|
131
|
-
<
|
|
133
|
+
<react_native_1.View style={styles.participantInfo}>
|
|
134
|
+
<Avatar_1.Avatar radius={theme_1.theme.avatar.xs} participant={participant}/>
|
|
132
135
|
|
|
133
|
-
|
|
134
|
-
|
|
136
|
+
<react_native_1.Text style={styles.name} numberOfLines={1}>
|
|
137
|
+
{(participant.name || (0, utils_1.generateParticipantTitle)(participant.userId)) +
|
|
135
138
|
(participantIsLocalParticipant ? ' (You)' : '')}
|
|
136
|
-
|
|
139
|
+
</react_native_1.Text>
|
|
140
|
+
</react_native_1.View>
|
|
141
|
+
|
|
137
142
|
<react_native_1.View style={styles.icons}>
|
|
138
143
|
{isScreenSharing && (<react_native_1.View style={[styles.svgContainerStyle, theme_1.theme.icon.md]}>
|
|
139
144
|
<icons_1.ScreenShare color={theme_1.theme.dark.info}/>
|
|
@@ -152,16 +157,14 @@ const ParticipantInfoItem = (props) => {
|
|
|
152
157
|
};
|
|
153
158
|
const styles = react_native_1.StyleSheet.create({
|
|
154
159
|
backDropBackground: {
|
|
155
|
-
opacity: 0.75,
|
|
156
160
|
...react_native_1.StyleSheet.absoluteFillObject,
|
|
157
|
-
backgroundColor: theme_1.theme.dark.
|
|
161
|
+
backgroundColor: theme_1.theme.dark.overlay,
|
|
158
162
|
zIndex: constants_1.Z_INDEX.IN_BACK,
|
|
159
163
|
},
|
|
160
164
|
content: {
|
|
161
165
|
zIndex: constants_1.Z_INDEX.IN_FRONT,
|
|
162
166
|
backgroundColor: theme_1.theme.dark.bars,
|
|
163
167
|
borderRadius: theme_1.theme.rounded.md,
|
|
164
|
-
marginVertical: theme_1.theme.margin.lg,
|
|
165
168
|
marginHorizontal: theme_1.theme.margin.md,
|
|
166
169
|
},
|
|
167
170
|
header: {
|
|
@@ -204,21 +207,24 @@ const styles = react_native_1.StyleSheet.create({
|
|
|
204
207
|
participant: {
|
|
205
208
|
paddingHorizontal: theme_1.theme.padding.sm,
|
|
206
209
|
paddingVertical: theme_1.theme.padding.xs,
|
|
207
|
-
display: 'flex',
|
|
208
210
|
flexDirection: 'row',
|
|
209
211
|
alignItems: 'center',
|
|
212
|
+
justifyContent: 'space-between',
|
|
210
213
|
borderBottomColor: theme_1.theme.dark.borders,
|
|
211
214
|
borderBottomWidth: 1,
|
|
212
215
|
},
|
|
216
|
+
participantInfo: {
|
|
217
|
+
flexDirection: 'row',
|
|
218
|
+
alignItems: 'center',
|
|
219
|
+
flexShrink: 1,
|
|
220
|
+
},
|
|
213
221
|
name: {
|
|
214
222
|
marginLeft: theme_1.theme.margin.sm,
|
|
215
223
|
color: theme_1.theme.dark.text_high_emphasis,
|
|
224
|
+
flexShrink: 1,
|
|
216
225
|
...theme_1.theme.fonts.subtitleBold,
|
|
217
226
|
},
|
|
218
227
|
icons: {
|
|
219
|
-
position: 'absolute',
|
|
220
|
-
right: theme_1.theme.spacing.lg,
|
|
221
|
-
display: 'flex',
|
|
222
228
|
flexDirection: 'row',
|
|
223
229
|
},
|
|
224
230
|
svgContainerStyle: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ParticipantsInfoListView.js","sourceRoot":"","sources":["../../../../src/components/participants/ParticipantsInfoListView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAIiC;AACjC,0EAKyC;AACzC,+
|
|
1
|
+
{"version":3,"file":"ParticipantsInfoListView.js","sourceRoot":"","sources":["../../../../src/components/participants/ParticipantsInfoListView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -29,7 +29,6 @@ const theme_1 = require("../../theme");
|
|
|
29
29
|
const react_1 = __importStar(require("react"));
|
|
30
30
|
const video_react_bindings_1 = require("@stream-io/video-react-bindings");
|
|
31
31
|
const utils_1 = require("../../utils");
|
|
32
|
-
const icons_1 = require("../../icons");
|
|
33
32
|
const A11yLabels_1 = require("../../constants/A11yLabels");
|
|
34
33
|
/**
|
|
35
34
|
* A component that shows a list of reactions that can be sent in a call.
|
|
@@ -46,8 +45,8 @@ const ReactionModal = (props) => {
|
|
|
46
45
|
setIsReactionModalActive(false);
|
|
47
46
|
};
|
|
48
47
|
return (<react_native_1.Modal accessibilityLabel={A11yLabels_1.A11yComponents.REACTIONS_MODAL} animationType="slide" transparent={true} visible={isReactionModalActive} onRequestClose={onCloseReactionsModal}>
|
|
49
|
-
<react_native_1.
|
|
50
|
-
<react_native_1.View style={styles.menu}>
|
|
48
|
+
<react_native_1.Pressable style={styles.container} onPress={() => setIsReactionModalActive(false)}>
|
|
49
|
+
<react_native_1.View style={styles.menu} onStartShouldSetResponder={() => true}>
|
|
51
50
|
<react_native_1.View style={styles.reactions}>
|
|
52
51
|
{supportedReactions.map((reaction) => (<react_native_1.Pressable onPress={() => sendReaction(reaction)} key={reaction.emoji_code} style={styles.reaction}>
|
|
53
52
|
<react_native_1.Text>
|
|
@@ -55,12 +54,9 @@ const ReactionModal = (props) => {
|
|
|
55
54
|
supportedReactions.find((supportedReaction) => supportedReaction.emoji_code === reaction.emoji_code)?.icon}
|
|
56
55
|
</react_native_1.Text>
|
|
57
56
|
</react_native_1.Pressable>))}
|
|
58
|
-
<react_native_1.Pressable style={[styles.closeIcon, theme_1.theme.icon.sm]} onPress={onCloseReactionsModal}>
|
|
59
|
-
<icons_1.Cross color={theme_1.theme.light.primary}/>
|
|
60
|
-
</react_native_1.Pressable>
|
|
61
57
|
</react_native_1.View>
|
|
62
58
|
</react_native_1.View>
|
|
63
|
-
</react_native_1.
|
|
59
|
+
</react_native_1.Pressable>
|
|
64
60
|
</react_native_1.Modal>);
|
|
65
61
|
};
|
|
66
62
|
exports.ReactionModal = ReactionModal;
|
|
@@ -69,6 +65,7 @@ const styles = react_native_1.StyleSheet.create({
|
|
|
69
65
|
flex: 1,
|
|
70
66
|
justifyContent: 'center',
|
|
71
67
|
alignItems: 'center',
|
|
68
|
+
backgroundColor: theme_1.theme.light.overlay,
|
|
72
69
|
},
|
|
73
70
|
menu: {
|
|
74
71
|
backgroundColor: theme_1.theme.light.bars,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReactionsModal.js","sourceRoot":"","sources":["../../../../src/components/utility/ReactionsModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAAwE;AACxE,uCAAoC;AACpC,+CAA2C;AAC3C,0EAA0D;AAC1D,uCAA4C;AAC5C,
|
|
1
|
+
{"version":3,"file":"ReactionsModal.js","sourceRoot":"","sources":["../../../../src/components/utility/ReactionsModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,46 +7,36 @@ const react_1 = require("react");
|
|
|
7
7
|
const useAppStateListener_1 = require("../utils/hooks/useAppStateListener");
|
|
8
8
|
const MediaStreamManagement_1 = require("../providers/MediaStreamManagement");
|
|
9
9
|
/**
|
|
10
|
-
* A helper hook which exposes audio, video
|
|
10
|
+
* A helper hook which exposes audio, video publishing state and
|
|
11
11
|
* their respective functions to toggle state
|
|
12
12
|
*
|
|
13
13
|
* @category Device Management
|
|
14
14
|
*/
|
|
15
15
|
const useCallControls = () => {
|
|
16
16
|
const localParticipant = (0, video_react_bindings_1.useLocalParticipant)();
|
|
17
|
-
const call = (0, video_react_bindings_1.useCall)();
|
|
18
|
-
/** Refs to keep track of the current call and whether the user is online or not */
|
|
19
|
-
const callRef = (0, react_1.useRef)(call);
|
|
20
|
-
callRef.current = call;
|
|
21
17
|
const { publishAudioStream, publishVideoStream, stopPublishingAudio, stopPublishingVideo, } = (0, MediaStreamManagement_1.useMediaStreamManagement)();
|
|
22
18
|
const isAudioPublished = localParticipant?.publishedTracks.includes(video_client_1.SfuModels.TrackType.AUDIO);
|
|
23
19
|
const isVideoPublished = localParticipant?.publishedTracks.includes(video_client_1.SfuModels.TrackType.VIDEO);
|
|
24
|
-
/** Refs to keep track of whether the user has published the track before going offline */
|
|
25
|
-
const isAudioPublishedRef = (0, react_1.useRef)(false);
|
|
26
|
-
const isVideoPublishedRef = (0, react_1.useRef)(false);
|
|
27
|
-
isAudioPublishedRef.current = !isAudioPublished;
|
|
28
|
-
isVideoPublishedRef.current = !isVideoPublished;
|
|
29
|
-
/** Refs to be used for useEffect that does the rejoining flow when coming back offline */
|
|
30
|
-
const publishAudioStreamRef = (0, react_1.useRef)(publishAudioStream);
|
|
31
|
-
const publishVideoStreamRef = (0, react_1.useRef)(publishVideoStream);
|
|
32
|
-
publishAudioStreamRef.current = publishAudioStream;
|
|
33
|
-
publishVideoStreamRef.current = publishVideoStream;
|
|
34
20
|
/** Attempt to republish video stream when app comes back to foreground */
|
|
35
|
-
(0, useAppStateListener_1.useAppStateListener)(
|
|
36
|
-
|
|
37
|
-
if (!isVideoPublished) {
|
|
21
|
+
(0, useAppStateListener_1.useAppStateListener)(() => {
|
|
22
|
+
if (isVideoPublished) {
|
|
38
23
|
publishVideoStream();
|
|
39
24
|
}
|
|
40
|
-
|
|
25
|
+
}, undefined);
|
|
26
|
+
const toggleVideoMuted = (0, react_1.useCallback)(async () => {
|
|
27
|
+
if (isVideoPublished) {
|
|
41
28
|
stopPublishingVideo();
|
|
42
29
|
}
|
|
30
|
+
else {
|
|
31
|
+
publishVideoStream();
|
|
32
|
+
}
|
|
43
33
|
}, [isVideoPublished, publishVideoStream, stopPublishingVideo]);
|
|
44
34
|
const toggleAudioMuted = (0, react_1.useCallback)(async () => {
|
|
45
|
-
if (
|
|
46
|
-
|
|
35
|
+
if (isAudioPublished) {
|
|
36
|
+
stopPublishingAudio();
|
|
47
37
|
}
|
|
48
38
|
else {
|
|
49
|
-
|
|
39
|
+
publishAudioStream();
|
|
50
40
|
}
|
|
51
41
|
}, [isAudioPublished, publishAudioStream, stopPublishingAudio]);
|
|
52
42
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCallControls.js","sourceRoot":"","sources":["../../../src/hooks/useCallControls.tsx"],"names":[],"mappings":";;;AAAA,0DAAoD;AACpD,
|
|
1
|
+
{"version":3,"file":"useCallControls.js","sourceRoot":"","sources":["../../../src/hooks/useCallControls.tsx"],"names":[],"mappings":";;;AAAA,0DAAoD;AACpD,0EAAsE;AACtE,iCAAoC;AACpC,4EAAyE;AACzE,8EAA8E;AAE9E;;;;;GAKG;AACI,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,gBAAgB,GAAG,IAAA,0CAAmB,GAAE,CAAC;IAE/C,MAAM,EACJ,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,GACpB,GAAG,IAAA,gDAAwB,GAAE,CAAC;IAE/B,MAAM,gBAAgB,GAAG,gBAAgB,EAAE,eAAe,CAAC,QAAQ,CACjE,wBAAS,CAAC,SAAS,CAAC,KAAK,CAC1B,CAAC;IACF,MAAM,gBAAgB,GAAG,gBAAgB,EAAE,eAAe,CAAC,QAAQ,CACjE,wBAAS,CAAC,SAAS,CAAC,KAAK,CAC1B,CAAC;IAEF,0EAA0E;IAC1E,IAAA,yCAAmB,EAAC,GAAG,EAAE;QACvB,IAAI,gBAAgB,EAAE;YACpB,kBAAkB,EAAE,CAAC;SACtB;IACH,CAAC,EAAE,SAAS,CAAC,CAAC;IAEd,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE;QAC9C,IAAI,gBAAgB,EAAE;YACpB,mBAAmB,EAAE,CAAC;SACvB;aAAM;YACL,kBAAkB,EAAE,CAAC;SACtB;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,kBAAkB,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEhE,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,KAAK,IAAI,EAAE;QAC9C,IAAI,gBAAgB,EAAE;YACpB,mBAAmB,EAAE,CAAC;SACvB;aAAM;YACL,kBAAkB,EAAE,CAAC;SACtB;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,kBAAkB,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEhE,OAAO;QACL,gBAAgB;QAChB,gBAAgB;QAChB,gBAAgB;QAChB,gBAAgB;KACjB,CAAC;AACJ,CAAC,CAAC;AA9CW,QAAA,eAAe,mBA8C1B"}
|
package/package.json
CHANGED
|
@@ -3,8 +3,8 @@ import { Pressable, StyleSheet, Text, View } from 'react-native';
|
|
|
3
3
|
import { Mic, MicOff, Video, VideoSlash } from '../../icons';
|
|
4
4
|
import {
|
|
5
5
|
useCall,
|
|
6
|
+
useCallMetadata,
|
|
6
7
|
useConnectedUser,
|
|
7
|
-
useParticipantCount,
|
|
8
8
|
} from '@stream-io/video-react-bindings';
|
|
9
9
|
import { CallControlsButton } from '../utility/internal/CallControlsButton';
|
|
10
10
|
import { theme } from '../../theme';
|
|
@@ -51,8 +51,9 @@ export const LobbyView = ({ joinButton }: LobbyViewType) => {
|
|
|
51
51
|
isCameraOnFrontFacingMode,
|
|
52
52
|
} = useMediaStreamManagement();
|
|
53
53
|
const isVideoAvailable = !!localVideoStream && initialVideoEnabled;
|
|
54
|
-
const count = useParticipantCount();
|
|
55
54
|
const call = useCall();
|
|
55
|
+
const callMetadata = useCallMetadata();
|
|
56
|
+
const participantsCount = callMetadata?.session?.participants.length;
|
|
56
57
|
|
|
57
58
|
const MicIcon = !initialAudioEnabled ? (
|
|
58
59
|
<MicOff color={theme.light.static_white} />
|
|
@@ -129,8 +130,8 @@ export const LobbyView = ({ joinButton }: LobbyViewType) => {
|
|
|
129
130
|
<View style={styles.info}>
|
|
130
131
|
<Text style={styles.infoText}>
|
|
131
132
|
You are about to join a call with id {call?.id} at Stream.{' '}
|
|
132
|
-
{
|
|
133
|
-
? `${
|
|
133
|
+
{participantsCount
|
|
134
|
+
? `${participantsCount} participant(s) are in the call.`
|
|
134
135
|
: 'You are first to Join the call.'}
|
|
135
136
|
</Text>
|
|
136
137
|
<Pressable
|
|
@@ -148,8 +149,7 @@ export const LobbyView = ({ joinButton }: LobbyViewType) => {
|
|
|
148
149
|
const ParticipantStatus = () => {
|
|
149
150
|
const connectedUser = useConnectedUser();
|
|
150
151
|
const participantLabel = connectedUser?.name ?? connectedUser?.id;
|
|
151
|
-
const { initialAudioEnabled
|
|
152
|
-
useMediaStreamManagement();
|
|
152
|
+
const { initialAudioEnabled } = useMediaStreamManagement();
|
|
153
153
|
return (
|
|
154
154
|
<View style={styles.status}>
|
|
155
155
|
<Text style={styles.userNameLabel} numberOfLines={1}>
|
|
@@ -160,11 +160,6 @@ const ParticipantStatus = () => {
|
|
|
160
160
|
<MicOff color={theme.light.error} />
|
|
161
161
|
</View>
|
|
162
162
|
)}
|
|
163
|
-
{!initialVideoEnabled && (
|
|
164
|
-
<View style={[styles.svgContainerStyle, theme.icon.xs]}>
|
|
165
|
-
<VideoSlash color={theme.light.error} />
|
|
166
|
-
</View>
|
|
167
|
-
)}
|
|
168
163
|
</View>
|
|
169
164
|
);
|
|
170
165
|
};
|
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { StyleSheet, View } from 'react-native';
|
|
3
3
|
import { LocalParticipantView } from '../../participants/LocalParticipantView';
|
|
4
|
-
import {
|
|
4
|
+
import {
|
|
5
|
+
useParticipants,
|
|
6
|
+
useRemoteParticipants,
|
|
7
|
+
} from '@stream-io/video-react-bindings';
|
|
5
8
|
import { useDebouncedValue } from '../../../utils/hooks/useDebouncedValue';
|
|
6
9
|
import { CallParticipantsListView } from '../../call/CallParticipantsListView';
|
|
7
10
|
import { A11yComponents } from '../../../constants/A11yLabels';
|
|
8
11
|
|
|
9
12
|
export const CallParticipantsGridView = () => {
|
|
10
13
|
const _remoteParticipants = useRemoteParticipants();
|
|
14
|
+
const allParticipants = useParticipants();
|
|
11
15
|
const remoteParticipants = useDebouncedValue(_remoteParticipants, 300); // we debounce the remote participants to avoid unnecessary rerenders that happen when participant tracks are all subscribed simultaneously
|
|
12
16
|
|
|
13
17
|
const isUserAloneInCall = remoteParticipants?.length === 0;
|
|
@@ -16,13 +20,16 @@ export const CallParticipantsGridView = () => {
|
|
|
16
20
|
return <LocalParticipantView layout={'fullscreen'} />;
|
|
17
21
|
}
|
|
18
22
|
|
|
23
|
+
const showFloatingView = remoteParticipants.length < 3;
|
|
24
|
+
const participants = showFloatingView ? remoteParticipants : allParticipants;
|
|
25
|
+
|
|
19
26
|
return (
|
|
20
27
|
<View
|
|
21
28
|
style={styles.container}
|
|
22
29
|
accessibilityLabel={A11yComponents.CALL_PARTICIPANTS_GRID_VIEW}
|
|
23
30
|
>
|
|
24
|
-
<LocalParticipantView layout={'floating'} />
|
|
25
|
-
<CallParticipantsListView participants={
|
|
31
|
+
{showFloatingView && <LocalParticipantView layout={'floating'} />}
|
|
32
|
+
<CallParticipantsListView participants={participants} />
|
|
26
33
|
</View>
|
|
27
34
|
);
|
|
28
35
|
};
|
|
@@ -16,6 +16,7 @@ import { A11yComponents } from '../../constants/A11yLabels';
|
|
|
16
16
|
import { Avatar } from '../utility/Avatar';
|
|
17
17
|
import { LOCAL_VIDEO_VIEW_STYLE, Z_INDEX } from '../../constants';
|
|
18
18
|
import { useMediaStreamManagement } from '../../providers/MediaStreamManagement';
|
|
19
|
+
import { ParticipantReaction } from './internal/ParticipantReaction';
|
|
19
20
|
|
|
20
21
|
/**
|
|
21
22
|
* Props to be passed for the LocalVideoView component.
|
|
@@ -79,23 +80,28 @@ export const LocalParticipantView = (props: LocalParticipantViewProps) => {
|
|
|
79
80
|
);
|
|
80
81
|
|
|
81
82
|
if (layout === 'fullscreen') {
|
|
82
|
-
if (isVideoMuted) {
|
|
83
|
-
return (
|
|
84
|
-
<View
|
|
85
|
-
accessibilityLabel={A11yComponents.LOCAL_PARTICIPANT_FULLSCREEN}
|
|
86
|
-
style={styles.avatarContainer}
|
|
87
|
-
>
|
|
88
|
-
<Avatar participant={localParticipant} />
|
|
89
|
-
</View>
|
|
90
|
-
);
|
|
91
|
-
}
|
|
92
83
|
return (
|
|
93
|
-
<
|
|
94
|
-
|
|
95
|
-
mediaStream={localParticipant.videoStream}
|
|
84
|
+
<View
|
|
85
|
+
accessibilityLabel={A11yComponents.LOCAL_PARTICIPANT_FULLSCREEN}
|
|
96
86
|
style={style}
|
|
97
|
-
|
|
98
|
-
|
|
87
|
+
>
|
|
88
|
+
<View style={styles.topView}>
|
|
89
|
+
<ParticipantReaction
|
|
90
|
+
reaction={localParticipant.reaction}
|
|
91
|
+
sessionId={localParticipant.sessionId}
|
|
92
|
+
/>
|
|
93
|
+
</View>
|
|
94
|
+
{isVideoMuted ? (
|
|
95
|
+
<Avatar participant={localParticipant} />
|
|
96
|
+
) : (
|
|
97
|
+
<VideoRenderer
|
|
98
|
+
mirror={isCameraOnFrontFacingMode}
|
|
99
|
+
mediaStream={localParticipant.videoStream}
|
|
100
|
+
style={styles.videoStreamFullScreen}
|
|
101
|
+
zOrder={zOrder}
|
|
102
|
+
/>
|
|
103
|
+
)}
|
|
104
|
+
</View>
|
|
99
105
|
);
|
|
100
106
|
}
|
|
101
107
|
|
|
@@ -109,20 +115,26 @@ export const LocalParticipantView = (props: LocalParticipantViewProps) => {
|
|
|
109
115
|
}}
|
|
110
116
|
{...panResponder.panHandlers}
|
|
111
117
|
>
|
|
112
|
-
{
|
|
113
|
-
<View style={
|
|
118
|
+
<View style={style}>
|
|
119
|
+
<View style={styles.topView}>
|
|
120
|
+
<ParticipantReaction
|
|
121
|
+
reaction={localParticipant.reaction}
|
|
122
|
+
sessionId={localParticipant.sessionId}
|
|
123
|
+
/>
|
|
124
|
+
</View>
|
|
125
|
+
{isVideoMuted ? (
|
|
114
126
|
<View style={theme.icon.md}>
|
|
115
127
|
<VideoSlash color={theme.light.static_white} />
|
|
116
128
|
</View>
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
129
|
+
) : (
|
|
130
|
+
<VideoRenderer
|
|
131
|
+
mirror={isCameraOnFrontFacingMode}
|
|
132
|
+
mediaStream={localParticipant.videoStream}
|
|
133
|
+
style={styles.videoStream}
|
|
134
|
+
zOrder={zOrder}
|
|
135
|
+
/>
|
|
136
|
+
)}
|
|
137
|
+
</View>
|
|
126
138
|
</Animated.View>
|
|
127
139
|
);
|
|
128
140
|
};
|
|
@@ -136,10 +148,24 @@ const styles = StyleSheet.create({
|
|
|
136
148
|
top: theme.margin.xl * 2,
|
|
137
149
|
borderRadius: LOCAL_VIDEO_VIEW_STYLE.borderRadius,
|
|
138
150
|
zIndex: Z_INDEX.IN_MIDDLE,
|
|
139
|
-
|
|
140
|
-
backgroundColor: theme.light.disabled,
|
|
151
|
+
backgroundColor: theme.light.static_grey,
|
|
141
152
|
justifyContent: 'center',
|
|
142
153
|
alignItems: 'center',
|
|
154
|
+
overflow: 'hidden',
|
|
155
|
+
},
|
|
156
|
+
videoStream: {
|
|
157
|
+
height: LOCAL_VIDEO_VIEW_STYLE.height,
|
|
158
|
+
width: LOCAL_VIDEO_VIEW_STYLE.width,
|
|
159
|
+
flex: 1,
|
|
160
|
+
},
|
|
161
|
+
videoStreamFullScreen: {
|
|
162
|
+
...StyleSheet.absoluteFillObject,
|
|
163
|
+
},
|
|
164
|
+
topView: {
|
|
165
|
+
position: 'absolute',
|
|
166
|
+
top: theme.spacing.sm,
|
|
167
|
+
left: theme.spacing.sm,
|
|
168
|
+
zIndex: Z_INDEX.IN_FRONT,
|
|
143
169
|
},
|
|
144
170
|
fullScreenContainer: {
|
|
145
171
|
flex: 1,
|
|
@@ -214,6 +214,7 @@ export const ParticipantView = (props: ParticipantViewProps) => {
|
|
|
214
214
|
const videoOnlyStyle = {
|
|
215
215
|
borderColor: palette.grey800,
|
|
216
216
|
borderWidth: 2,
|
|
217
|
+
backgroundColor: theme.light.disabled,
|
|
217
218
|
};
|
|
218
219
|
const unPinParticipantHandler = () => {
|
|
219
220
|
call?.setParticipantPinnedAt(participant.sessionId, undefined);
|
|
@@ -304,7 +305,7 @@ const styles = StyleSheet.create({
|
|
|
304
305
|
padding: theme.padding.xs,
|
|
305
306
|
},
|
|
306
307
|
topView: {
|
|
307
|
-
alignSelf: 'flex-
|
|
308
|
+
alignSelf: 'flex-start',
|
|
308
309
|
zIndex: Z_INDEX.IN_FRONT,
|
|
309
310
|
},
|
|
310
311
|
videoRenderer: {
|
|
@@ -27,7 +27,7 @@ export const ParticipantsInfoBadge = ({ style }: IParticipantsInfoBadge) => {
|
|
|
27
27
|
<Pressable
|
|
28
28
|
onPress={onOpenCallParticipantsInfoView}
|
|
29
29
|
accessibilityLabel={A11yButtons.PARTICIPANTS_INFO}
|
|
30
|
-
style={
|
|
30
|
+
style={style}
|
|
31
31
|
>
|
|
32
32
|
<View style={styles.badge}>
|
|
33
33
|
<Text style={styles.badgeText}>{participantCount}</Text>
|
|
@@ -44,17 +44,18 @@ export const ParticipantsInfoBadge = ({ style }: IParticipantsInfoBadge) => {
|
|
|
44
44
|
};
|
|
45
45
|
|
|
46
46
|
const styles = StyleSheet.create({
|
|
47
|
-
container: { padding: theme.padding.sm },
|
|
48
47
|
badge: {
|
|
49
48
|
backgroundColor: theme.light.text_low_emphasis,
|
|
50
49
|
borderRadius: theme.rounded.xl,
|
|
51
50
|
paddingVertical: theme.padding.xs,
|
|
52
51
|
paddingHorizontal: theme.padding.sm,
|
|
53
|
-
position: 'absolute',
|
|
54
52
|
zIndex: Z_INDEX.IN_FRONT,
|
|
53
|
+
top: theme.spacing.sm,
|
|
54
|
+
left: theme.spacing.xl,
|
|
55
55
|
},
|
|
56
56
|
badgeText: {
|
|
57
57
|
color: theme.light.static_white,
|
|
58
|
+
textAlign: 'center',
|
|
58
59
|
...theme.fonts.caption,
|
|
59
60
|
},
|
|
60
61
|
});
|
|
@@ -14,6 +14,7 @@ import {
|
|
|
14
14
|
FlatList,
|
|
15
15
|
Modal,
|
|
16
16
|
Pressable,
|
|
17
|
+
SafeAreaView,
|
|
17
18
|
Share,
|
|
18
19
|
StyleSheet,
|
|
19
20
|
Text,
|
|
@@ -111,36 +112,38 @@ export const ParticipantsInfoListView = ({
|
|
|
111
112
|
<>
|
|
112
113
|
{/*independent background, needed due to desired opacity only
|
|
113
114
|
on background, exc. modal content*/}
|
|
114
|
-
<
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
<Pressable
|
|
122
|
-
onPress={onCloseCallParticipantsViewVisible}
|
|
123
|
-
accessibilityLabel={A11yButtons.EXIT_PARTICIPANTS_INFO}
|
|
124
|
-
style={styles.closePressable}
|
|
125
|
-
>
|
|
126
|
-
<Cross color={theme.dark.primary} style={theme.icon.xs} />
|
|
127
|
-
</Pressable>
|
|
128
|
-
</View>
|
|
129
|
-
<FlatList data={participants} renderItem={renderItem} />
|
|
130
|
-
<View style={styles.buttonGroup}>
|
|
131
|
-
<Pressable style={styles.button} onPress={inviteHandler}>
|
|
132
|
-
<Text style={styles.buttonText}>Invite</Text>
|
|
133
|
-
</Pressable>
|
|
134
|
-
<Restricted requiredGrants={[OwnCapability.MUTE_USERS]}>
|
|
115
|
+
<SafeAreaView style={styles.backDropBackground}>
|
|
116
|
+
<View style={styles.content}>
|
|
117
|
+
<View style={styles.header}>
|
|
118
|
+
<View style={styles.leftHeaderElement} />
|
|
119
|
+
<Text style={styles.headerText}>
|
|
120
|
+
Participants ({participants.length})
|
|
121
|
+
</Text>
|
|
135
122
|
<Pressable
|
|
136
|
-
|
|
137
|
-
|
|
123
|
+
onPress={onCloseCallParticipantsViewVisible}
|
|
124
|
+
accessibilityLabel={A11yButtons.EXIT_PARTICIPANTS_INFO}
|
|
125
|
+
style={styles.closePressable}
|
|
138
126
|
>
|
|
139
|
-
<
|
|
127
|
+
<Cross color={theme.dark.primary} style={theme.icon.xs} />
|
|
128
|
+
</Pressable>
|
|
129
|
+
</View>
|
|
130
|
+
<FlatList data={participants} renderItem={renderItem} />
|
|
131
|
+
<View style={styles.buttonGroup}>
|
|
132
|
+
<Pressable style={styles.button} onPress={inviteHandler}>
|
|
133
|
+
<Text style={styles.buttonText}>Invite</Text>
|
|
140
134
|
</Pressable>
|
|
141
|
-
|
|
135
|
+
<Restricted requiredGrants={[OwnCapability.MUTE_USERS]}>
|
|
136
|
+
<Pressable
|
|
137
|
+
style={styles.button}
|
|
138
|
+
onPress={muteAllParticipantsHandler}
|
|
139
|
+
>
|
|
140
|
+
<Text style={styles.buttonText}>Mute All</Text>
|
|
141
|
+
</Pressable>
|
|
142
|
+
</Restricted>
|
|
143
|
+
</View>
|
|
142
144
|
</View>
|
|
143
|
-
</
|
|
145
|
+
</SafeAreaView>
|
|
146
|
+
|
|
144
147
|
<Modal
|
|
145
148
|
animationType="fade"
|
|
146
149
|
transparent
|
|
@@ -193,12 +196,15 @@ const ParticipantInfoItem = (props: ParticipantInfoType) => {
|
|
|
193
196
|
|
|
194
197
|
return (
|
|
195
198
|
<Pressable style={styles.participant} onPress={optionsOpenHandler}>
|
|
196
|
-
<
|
|
199
|
+
<View style={styles.participantInfo}>
|
|
200
|
+
<Avatar radius={theme.avatar.xs} participant={participant} />
|
|
201
|
+
|
|
202
|
+
<Text style={styles.name} numberOfLines={1}>
|
|
203
|
+
{(participant.name || generateParticipantTitle(participant.userId)) +
|
|
204
|
+
(participantIsLocalParticipant ? ' (You)' : '')}
|
|
205
|
+
</Text>
|
|
206
|
+
</View>
|
|
197
207
|
|
|
198
|
-
<Text style={styles.name}>
|
|
199
|
-
{(participant.name || generateParticipantTitle(participant.userId)) +
|
|
200
|
-
(participantIsLocalParticipant ? ' (You)' : '')}
|
|
201
|
-
</Text>
|
|
202
208
|
<View style={styles.icons}>
|
|
203
209
|
{isScreenSharing && (
|
|
204
210
|
<View style={[styles.svgContainerStyle, theme.icon.md]}>
|
|
@@ -227,16 +233,14 @@ const ParticipantInfoItem = (props: ParticipantInfoType) => {
|
|
|
227
233
|
|
|
228
234
|
const styles = StyleSheet.create({
|
|
229
235
|
backDropBackground: {
|
|
230
|
-
opacity: 0.75,
|
|
231
236
|
...StyleSheet.absoluteFillObject,
|
|
232
|
-
backgroundColor: theme.dark.
|
|
237
|
+
backgroundColor: theme.dark.overlay,
|
|
233
238
|
zIndex: Z_INDEX.IN_BACK,
|
|
234
239
|
},
|
|
235
240
|
content: {
|
|
236
241
|
zIndex: Z_INDEX.IN_FRONT,
|
|
237
242
|
backgroundColor: theme.dark.bars,
|
|
238
243
|
borderRadius: theme.rounded.md,
|
|
239
|
-
marginVertical: theme.margin.lg,
|
|
240
244
|
marginHorizontal: theme.margin.md,
|
|
241
245
|
},
|
|
242
246
|
header: {
|
|
@@ -279,21 +283,24 @@ const styles = StyleSheet.create({
|
|
|
279
283
|
participant: {
|
|
280
284
|
paddingHorizontal: theme.padding.sm,
|
|
281
285
|
paddingVertical: theme.padding.xs,
|
|
282
|
-
display: 'flex',
|
|
283
286
|
flexDirection: 'row',
|
|
284
287
|
alignItems: 'center',
|
|
288
|
+
justifyContent: 'space-between',
|
|
285
289
|
borderBottomColor: theme.dark.borders,
|
|
286
290
|
borderBottomWidth: 1,
|
|
287
291
|
},
|
|
292
|
+
participantInfo: {
|
|
293
|
+
flexDirection: 'row',
|
|
294
|
+
alignItems: 'center',
|
|
295
|
+
flexShrink: 1,
|
|
296
|
+
},
|
|
288
297
|
name: {
|
|
289
298
|
marginLeft: theme.margin.sm,
|
|
290
299
|
color: theme.dark.text_high_emphasis,
|
|
300
|
+
flexShrink: 1,
|
|
291
301
|
...theme.fonts.subtitleBold,
|
|
292
302
|
},
|
|
293
303
|
icons: {
|
|
294
|
-
position: 'absolute',
|
|
295
|
-
right: theme.spacing.lg,
|
|
296
|
-
display: 'flex',
|
|
297
304
|
flexDirection: 'row',
|
|
298
305
|
},
|
|
299
306
|
svgContainerStyle: {
|
|
@@ -4,7 +4,6 @@ import { theme } from '../../theme';
|
|
|
4
4
|
import React, { useCallback } from 'react';
|
|
5
5
|
import { useCall } from '@stream-io/video-react-bindings';
|
|
6
6
|
import { StreamVideoRN } from '../../utils';
|
|
7
|
-
import { Cross } from '../../icons';
|
|
8
7
|
import { A11yComponents } from '../../constants/A11yLabels';
|
|
9
8
|
|
|
10
9
|
type ReactionModalType = {
|
|
@@ -36,8 +35,11 @@ export const ReactionModal = (props: ReactionModalType) => {
|
|
|
36
35
|
visible={isReactionModalActive}
|
|
37
36
|
onRequestClose={onCloseReactionsModal}
|
|
38
37
|
>
|
|
39
|
-
<
|
|
40
|
-
|
|
38
|
+
<Pressable
|
|
39
|
+
style={styles.container}
|
|
40
|
+
onPress={() => setIsReactionModalActive(false)}
|
|
41
|
+
>
|
|
42
|
+
<View style={styles.menu} onStartShouldSetResponder={() => true}>
|
|
41
43
|
<View style={styles.reactions}>
|
|
42
44
|
{supportedReactions.map((reaction) => (
|
|
43
45
|
<Pressable
|
|
@@ -54,15 +56,9 @@ export const ReactionModal = (props: ReactionModalType) => {
|
|
|
54
56
|
</Text>
|
|
55
57
|
</Pressable>
|
|
56
58
|
))}
|
|
57
|
-
<Pressable
|
|
58
|
-
style={[styles.closeIcon, theme.icon.sm]}
|
|
59
|
-
onPress={onCloseReactionsModal}
|
|
60
|
-
>
|
|
61
|
-
<Cross color={theme.light.primary} />
|
|
62
|
-
</Pressable>
|
|
63
59
|
</View>
|
|
64
60
|
</View>
|
|
65
|
-
</
|
|
61
|
+
</Pressable>
|
|
66
62
|
</Modal>
|
|
67
63
|
);
|
|
68
64
|
};
|
|
@@ -72,6 +68,7 @@ const styles = StyleSheet.create({
|
|
|
72
68
|
flex: 1,
|
|
73
69
|
justifyContent: 'center',
|
|
74
70
|
alignItems: 'center',
|
|
71
|
+
backgroundColor: theme.light.overlay,
|
|
75
72
|
},
|
|
76
73
|
menu: {
|
|
77
74
|
backgroundColor: theme.light.bars,
|
|
@@ -1,21 +1,17 @@
|
|
|
1
1
|
import { SfuModels } from '@stream-io/video-client';
|
|
2
|
-
import {
|
|
3
|
-
import { useCallback
|
|
2
|
+
import { useLocalParticipant } from '@stream-io/video-react-bindings';
|
|
3
|
+
import { useCallback } from 'react';
|
|
4
4
|
import { useAppStateListener } from '../utils/hooks/useAppStateListener';
|
|
5
5
|
import { useMediaStreamManagement } from '../providers/MediaStreamManagement';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
|
-
* A helper hook which exposes audio, video
|
|
8
|
+
* A helper hook which exposes audio, video publishing state and
|
|
9
9
|
* their respective functions to toggle state
|
|
10
10
|
*
|
|
11
11
|
* @category Device Management
|
|
12
12
|
*/
|
|
13
13
|
export const useCallControls = () => {
|
|
14
14
|
const localParticipant = useLocalParticipant();
|
|
15
|
-
const call = useCall();
|
|
16
|
-
/** Refs to keep track of the current call and whether the user is online or not */
|
|
17
|
-
const callRef = useRef(call);
|
|
18
|
-
callRef.current = call;
|
|
19
15
|
|
|
20
16
|
const {
|
|
21
17
|
publishAudioStream,
|
|
@@ -30,36 +26,27 @@ export const useCallControls = () => {
|
|
|
30
26
|
const isVideoPublished = localParticipant?.publishedTracks.includes(
|
|
31
27
|
SfuModels.TrackType.VIDEO,
|
|
32
28
|
);
|
|
33
|
-
/** Refs to keep track of whether the user has published the track before going offline */
|
|
34
|
-
const isAudioPublishedRef = useRef(false);
|
|
35
|
-
const isVideoPublishedRef = useRef(false);
|
|
36
|
-
isAudioPublishedRef.current = !isAudioPublished;
|
|
37
|
-
isVideoPublishedRef.current = !isVideoPublished;
|
|
38
|
-
|
|
39
|
-
/** Refs to be used for useEffect that does the rejoining flow when coming back offline */
|
|
40
|
-
const publishAudioStreamRef = useRef(publishAudioStream);
|
|
41
|
-
const publishVideoStreamRef = useRef(publishVideoStream);
|
|
42
|
-
publishAudioStreamRef.current = publishAudioStream;
|
|
43
|
-
publishVideoStreamRef.current = publishVideoStream;
|
|
44
29
|
|
|
45
30
|
/** Attempt to republish video stream when app comes back to foreground */
|
|
46
|
-
useAppStateListener(
|
|
47
|
-
|
|
48
|
-
|
|
31
|
+
useAppStateListener(() => {
|
|
32
|
+
if (isVideoPublished) {
|
|
33
|
+
publishVideoStream();
|
|
34
|
+
}
|
|
35
|
+
}, undefined);
|
|
49
36
|
|
|
50
37
|
const toggleVideoMuted = useCallback(async () => {
|
|
51
|
-
if (
|
|
52
|
-
publishVideoStream();
|
|
53
|
-
} else {
|
|
38
|
+
if (isVideoPublished) {
|
|
54
39
|
stopPublishingVideo();
|
|
40
|
+
} else {
|
|
41
|
+
publishVideoStream();
|
|
55
42
|
}
|
|
56
43
|
}, [isVideoPublished, publishVideoStream, stopPublishingVideo]);
|
|
57
44
|
|
|
58
45
|
const toggleAudioMuted = useCallback(async () => {
|
|
59
|
-
if (
|
|
60
|
-
publishAudioStream();
|
|
61
|
-
} else {
|
|
46
|
+
if (isAudioPublished) {
|
|
62
47
|
stopPublishingAudio();
|
|
48
|
+
} else {
|
|
49
|
+
publishAudioStream();
|
|
63
50
|
}
|
|
64
51
|
}, [isAudioPublished, publishAudioStream, stopPublishingAudio]);
|
|
65
52
|
|