@stream-io/video-react-native-sdk 0.0.1-alpha.357 → 0.0.1-alpha.359
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 +8 -0
- package/dist/__tests__/components/{CallControlsView.test.js → CallControls.test.js} +10 -10
- package/dist/__tests__/components/CallControls.test.js.map +1 -0
- package/dist/__tests__/components/{CallParticipantsView.test.js → CallParticipants.test.js} +9 -9
- package/dist/__tests__/components/CallParticipants.test.js.map +1 -0
- package/dist/__tests__/components/{CallParticipantsGridView.test.js → CallParticipantsGrid.test.js} +5 -5
- package/dist/__tests__/components/CallParticipantsGrid.test.js.map +1 -0
- package/dist/__tests__/components/{CallParticipantsSpotlightView.test.js → CallParticipantsSpotlight.test.js} +6 -6
- package/dist/__tests__/components/CallParticipantsSpotlight.test.js.map +1 -0
- package/dist/__tests__/components/{ParticipantView.test.js → Participant.test.js} +6 -6
- package/dist/__tests__/components/Participant.test.js.map +1 -0
- package/dist/__tests__/components/ParticipantBadge.test.js +3 -3
- package/dist/__tests__/components/ParticipantBadge.test.js.map +1 -1
- package/dist/src/components/call/{CallContentView.d.ts → CallContent.d.ts} +3 -3
- package/dist/src/components/call/{CallContentView.js → CallContent.js} +9 -9
- package/dist/src/components/call/CallContent.js.map +1 -0
- package/dist/src/components/call/{CallControlsView.d.ts → CallControls.d.ts} +8 -8
- package/dist/src/components/call/{CallControlsView.js → CallControls.js} +4 -4
- package/dist/src/components/call/CallControls.js.map +1 -0
- package/dist/src/components/call/{CallParticipantsListView.d.ts → CallParticipantsList.d.ts} +1 -1
- package/dist/src/components/call/{CallParticipantsListView.js → CallParticipantsList.js} +7 -7
- package/dist/src/components/call/CallParticipantsList.js.map +1 -0
- package/dist/src/components/call/IncomingCall.d.ts +39 -0
- package/dist/src/components/call/{IncomingCallView.js → IncomingCall.js} +7 -7
- package/dist/src/components/call/IncomingCall.js.map +1 -0
- package/dist/src/components/call/{LobbyView.d.ts → Lobby.d.ts} +7 -7
- package/dist/src/components/call/{LobbyView.js → Lobby.js} +4 -4
- package/dist/src/components/call/Lobby.js.map +1 -0
- package/dist/src/components/call/OutgoingCall.d.ts +15 -0
- package/dist/src/components/call/{OutgoingCallView.js → OutgoingCall.js} +7 -7
- package/dist/src/components/call/OutgoingCall.js.map +1 -0
- package/dist/src/components/call/index.d.ts +6 -6
- package/dist/src/components/call/index.js +6 -6
- package/dist/src/components/call/index.js.map +1 -1
- package/dist/src/components/call/internal/CallParticipantsGrid.d.ts +1 -0
- package/dist/src/components/call/internal/{CallParticipantsGridView.js → CallParticipantsGrid.js} +7 -7
- package/dist/src/components/call/internal/CallParticipantsGrid.js.map +1 -0
- package/dist/src/components/call/internal/CallParticipantsSpotlight.d.ts +1 -0
- package/dist/src/components/call/internal/{CallParticipantsSpotlightView.js → CallParticipantsSpotlight.js} +9 -9
- package/dist/src/components/call/internal/CallParticipantsSpotlight.js.map +1 -0
- package/dist/src/components/call/internal/{UserInfoView.d.ts → UserInfo.d.ts} +2 -2
- package/dist/src/components/call/internal/{UserInfoView.js → UserInfo.js} +4 -4
- package/dist/src/components/call/internal/UserInfo.js.map +1 -0
- package/dist/src/components/participants/{ParticipantView.d.ts → Participant.d.ts} +3 -3
- package/dist/src/components/participants/{ParticipantView.js → Participant.js} +5 -5
- package/dist/src/components/participants/Participant.js.map +1 -0
- package/dist/src/components/participants/ParticipantsInfoBadge.d.ts +1 -1
- package/dist/src/components/participants/ParticipantsInfoBadge.js +8 -8
- package/dist/src/components/participants/ParticipantsInfoBadge.js.map +1 -1
- package/dist/src/components/participants/ParticipantsInfoList.d.ts +17 -0
- package/dist/src/components/participants/{ParticipantsInfoListView.js → ParticipantsInfoList.js} +8 -8
- package/dist/src/components/participants/ParticipantsInfoList.js.map +1 -0
- package/dist/src/components/participants/index.d.ts +2 -2
- package/dist/src/components/participants/index.js +2 -2
- package/dist/src/components/participants/index.js.map +1 -1
- package/dist/src/components/utility/ReactionsModal.d.ts +2 -2
- package/dist/src/components/utility/ReactionsModal.js.map +1 -1
- package/dist/src/components/utility/internal/HangupCallButton.d.ts +3 -3
- package/dist/src/components/utility/internal/HangupCallButton.js.map +1 -1
- package/dist/src/constants/TestIds.d.ts +5 -5
- package/dist/src/constants/TestIds.js +5 -5
- package/dist/src/constants/TestIds.js.map +1 -1
- package/dist/src/providers/MediaStreamManagement/index.d.ts +1 -1
- package/dist/src/providers/MediaStreamManagement/index.js +1 -1
- package/dist/src/utils/StreamVideoRN/index.d.ts +0 -1
- package/dist/src/utils/StreamVideoRN/index.js +0 -1
- package/dist/src/utils/StreamVideoRN/index.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/package.json +3 -3
- package/src/components/call/{CallContentView.tsx → CallContent.tsx} +9 -9
- package/src/components/call/{CallControlsView.tsx → CallControls.tsx} +10 -10
- package/src/components/call/{CallParticipantsListView.tsx → CallParticipantsList.tsx} +4 -4
- package/src/components/call/{IncomingCallView.tsx → IncomingCall.tsx} +13 -13
- package/src/components/call/{LobbyView.tsx → Lobby.tsx} +7 -7
- package/src/components/call/{OutgoingCallView.tsx → OutgoingCall.tsx} +8 -10
- package/src/components/call/index.ts +6 -6
- package/src/components/call/internal/{CallParticipantsGridView.tsx → CallParticipantsGrid.tsx} +4 -4
- package/src/components/call/internal/{CallParticipantsSpotlightView.tsx → CallParticipantsSpotlight.tsx} +6 -6
- package/src/components/call/internal/{UserInfoView.tsx → UserInfo.tsx} +3 -3
- package/src/components/participants/{ParticipantView.tsx → Participant.tsx} +4 -4
- package/src/components/participants/ParticipantsInfoBadge.tsx +10 -10
- package/src/components/participants/{ParticipantsInfoListView.tsx → ParticipantsInfoList.tsx} +15 -15
- package/src/components/participants/index.ts +2 -2
- package/src/components/utility/ReactionsModal.tsx +2 -2
- package/src/components/utility/internal/HangupCallButton.tsx +3 -3
- package/src/constants/TestIds.ts +5 -5
- package/src/providers/MediaStreamManagement/index.tsx +1 -1
- package/src/utils/StreamVideoRN/index.ts +0 -1
- package/dist/__tests__/components/CallControlsView.test.js.map +0 -1
- package/dist/__tests__/components/CallParticipantsGridView.test.js.map +0 -1
- package/dist/__tests__/components/CallParticipantsSpotlightView.test.js.map +0 -1
- package/dist/__tests__/components/CallParticipantsView.test.js.map +0 -1
- package/dist/__tests__/components/ParticipantView.test.js.map +0 -1
- package/dist/src/components/call/CallContentView.js.map +0 -1
- package/dist/src/components/call/CallControlsView.js.map +0 -1
- package/dist/src/components/call/CallParticipantsListView.js.map +0 -1
- package/dist/src/components/call/IncomingCallView.d.ts +0 -39
- package/dist/src/components/call/IncomingCallView.js.map +0 -1
- package/dist/src/components/call/LobbyView.js.map +0 -1
- package/dist/src/components/call/OutgoingCallView.d.ts +0 -15
- package/dist/src/components/call/OutgoingCallView.js.map +0 -1
- package/dist/src/components/call/internal/CallParticipantsGridView.d.ts +0 -1
- package/dist/src/components/call/internal/CallParticipantsGridView.js.map +0 -1
- package/dist/src/components/call/internal/CallParticipantsSpotlightView.d.ts +0 -1
- package/dist/src/components/call/internal/CallParticipantsSpotlightView.js.map +0 -1
- package/dist/src/components/call/internal/UserInfoView.js.map +0 -1
- package/dist/src/components/participants/ParticipantView.js.map +0 -1
- package/dist/src/components/participants/ParticipantsInfoListView.d.ts +0 -17
- package/dist/src/components/participants/ParticipantsInfoListView.js.map +0 -1
- /package/dist/__tests__/components/{CallControlsView.test.d.ts → CallControls.test.d.ts} +0 -0
- /package/dist/__tests__/components/{CallParticipantsGridView.test.d.ts → CallParticipants.test.d.ts} +0 -0
- /package/dist/__tests__/components/{CallParticipantsSpotlightView.test.d.ts → CallParticipantsGrid.test.d.ts} +0 -0
- /package/dist/__tests__/components/{CallParticipantsView.test.d.ts → CallParticipantsSpotlight.test.d.ts} +0 -0
- /package/dist/__tests__/components/{ParticipantView.test.d.ts → Participant.test.d.ts} +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
|
|
4
4
|
|
|
5
|
+
## [0.0.1-alpha.359](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.358...@stream-io/video-react-native-sdk-0.0.1-alpha.359) (2023-08-08)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
## [0.0.1-alpha.358](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.357...@stream-io/video-react-native-sdk-0.0.1-alpha.358) (2023-08-08)
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
5
13
|
## [0.0.1-alpha.357](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.356...@stream-io/video-react-native-sdk-0.0.1-alpha.357) (2023-08-08)
|
|
6
14
|
|
|
7
15
|
|
|
@@ -17,7 +17,7 @@ var P_IDS;
|
|
|
17
17
|
(function (P_IDS) {
|
|
18
18
|
P_IDS["LOCAL_1"] = "local-1";
|
|
19
19
|
})(P_IDS || (P_IDS = {}));
|
|
20
|
-
describe('
|
|
20
|
+
describe('CallControls', () => {
|
|
21
21
|
it('should render an unread badge indicator when the value is defined in the chatButton prop', async () => {
|
|
22
22
|
const call = (0, call_1.mockCall)((0, client_1.mockClientWithUser)(), [
|
|
23
23
|
(0, participant_1.default)({
|
|
@@ -26,7 +26,7 @@ describe('CallControlsView', () => {
|
|
|
26
26
|
userId: P_IDS.LOCAL_1,
|
|
27
27
|
}),
|
|
28
28
|
]);
|
|
29
|
-
(0, RNTLTools_1.render)(<components_1.
|
|
29
|
+
(0, RNTLTools_1.render)(<components_1.CallControls chatButton={{ onPressHandler: jest.fn(), unreadBadgeCountIndicator: 1 }}/>, {
|
|
30
30
|
call,
|
|
31
31
|
});
|
|
32
32
|
const indicator = await RNTLTools_1.screen.findByText('1');
|
|
@@ -40,12 +40,12 @@ describe('CallControlsView', () => {
|
|
|
40
40
|
userId: P_IDS.LOCAL_1,
|
|
41
41
|
}),
|
|
42
42
|
]);
|
|
43
|
-
(0, RNTLTools_1.render)(<components_1.
|
|
43
|
+
(0, RNTLTools_1.render)(<components_1.CallControls chatButton={{ onPressHandler: jest.fn(), unreadBadgeCountIndicator: 0 }}/>, {
|
|
44
44
|
call,
|
|
45
45
|
});
|
|
46
46
|
await (0, RNTLTools_1.waitFor)(() => expect(() => RNTLTools_1.screen.getByTestId(TestIds_1.ComponentTestIds.CHAT_UNREAD_BADGE_COUNT_INDICATOR)).toThrow(/Unable to find an element with testID: chat-unread-badge-count-indicator/i));
|
|
47
47
|
});
|
|
48
|
-
it('render reaction button in call controls
|
|
48
|
+
it('render reaction button in call controls component', async () => {
|
|
49
49
|
const call = (0, call_1.mockCall)((0, client_1.mockClientWithUser)(), [
|
|
50
50
|
(0, participant_1.default)({
|
|
51
51
|
isLocalParticipant: true,
|
|
@@ -53,14 +53,14 @@ describe('CallControlsView', () => {
|
|
|
53
53
|
userId: P_IDS.LOCAL_1,
|
|
54
54
|
}),
|
|
55
55
|
], [video_client_1.OwnCapability.CREATE_REACTION]);
|
|
56
|
-
(0, RNTLTools_1.render)(<components_1.
|
|
56
|
+
(0, RNTLTools_1.render)(<components_1.CallControls />, {
|
|
57
57
|
call,
|
|
58
58
|
});
|
|
59
59
|
const button = await RNTLTools_1.screen.findByTestId(TestIds_1.ButtonTestIds.REACTION);
|
|
60
60
|
RNTLTools_1.fireEvent.press(button);
|
|
61
61
|
expect(RNTLTools_1.screen.getByTestId(TestIds_1.ComponentTestIds.REACTIONS_MODAL)).toBeVisible();
|
|
62
62
|
});
|
|
63
|
-
it('execute onPressHandler when its passed to hangup call button when its pressed in call controls
|
|
63
|
+
it('execute onPressHandler when its passed to hangup call button when its pressed in call controls component', async () => {
|
|
64
64
|
const call = (0, call_1.mockCall)((0, client_1.mockClientWithUser)(), [
|
|
65
65
|
(0, participant_1.default)({
|
|
66
66
|
isLocalParticipant: true,
|
|
@@ -69,14 +69,14 @@ describe('CallControlsView', () => {
|
|
|
69
69
|
}),
|
|
70
70
|
]);
|
|
71
71
|
const hangUpCallButton = { onPressHandler: jest.fn() };
|
|
72
|
-
(0, RNTLTools_1.render)(<components_1.
|
|
72
|
+
(0, RNTLTools_1.render)(<components_1.CallControls hangUpCallButton={hangUpCallButton}/>, {
|
|
73
73
|
call,
|
|
74
74
|
});
|
|
75
75
|
const button = await RNTLTools_1.screen.findByTestId(TestIds_1.ButtonTestIds.HANG_UP_CALL);
|
|
76
76
|
RNTLTools_1.fireEvent.press(button);
|
|
77
77
|
expect(hangUpCallButton.onPressHandler).toHaveBeenCalled();
|
|
78
78
|
});
|
|
79
|
-
it('execute call.leave when hangup button is pressed with no custom handler in call controls
|
|
79
|
+
it('execute call.leave when hangup button is pressed with no custom handler in call controls component', async () => {
|
|
80
80
|
const call = (0, call_1.mockCall)((0, client_1.mockClientWithUser)(), [
|
|
81
81
|
(0, participant_1.default)({
|
|
82
82
|
isLocalParticipant: true,
|
|
@@ -84,7 +84,7 @@ describe('CallControlsView', () => {
|
|
|
84
84
|
userId: P_IDS.LOCAL_1,
|
|
85
85
|
}),
|
|
86
86
|
]);
|
|
87
|
-
(0, RNTLTools_1.render)(<components_1.
|
|
87
|
+
(0, RNTLTools_1.render)(<components_1.CallControls />, {
|
|
88
88
|
call,
|
|
89
89
|
});
|
|
90
90
|
const button = await RNTLTools_1.screen.findByTestId(TestIds_1.ButtonTestIds.HANG_UP_CALL);
|
|
@@ -92,4 +92,4 @@ describe('CallControlsView', () => {
|
|
|
92
92
|
expect(call.leave).toHaveBeenCalled();
|
|
93
93
|
});
|
|
94
94
|
});
|
|
95
|
-
//# sourceMappingURL=
|
|
95
|
+
//# sourceMappingURL=CallControls.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CallControls.test.js","sourceRoot":"","sources":["../../../__tests__/components/CallControls.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -32,8 +32,8 @@ const simulateOnViewableItemsChanged = async (viewableItems) => {
|
|
|
32
32
|
jest.advanceTimersByTime(500);
|
|
33
33
|
});
|
|
34
34
|
};
|
|
35
|
-
describe('
|
|
36
|
-
it('should render an call participants
|
|
35
|
+
describe('CallParticipants', () => {
|
|
36
|
+
it('should render an call participants with grid mode with 2 participants when no screen shared', async () => {
|
|
37
37
|
const call = (0, call_1.mockCall)((0, client_1.mockClientWithUser)(), [
|
|
38
38
|
(0, participant_1.default)({
|
|
39
39
|
isLocalParticipant: true,
|
|
@@ -46,10 +46,10 @@ describe('CallParticipantsView', () => {
|
|
|
46
46
|
userId: P_IDS.REMOTE_1,
|
|
47
47
|
}),
|
|
48
48
|
]);
|
|
49
|
-
(0, RNTLTools_1.render)(<components_1.
|
|
49
|
+
(0, RNTLTools_1.render)(<components_1.CallContent />, {
|
|
50
50
|
call,
|
|
51
51
|
});
|
|
52
|
-
expect(await RNTLTools_1.screen.findByTestId(TestIds_1.ComponentTestIds.
|
|
52
|
+
expect(await RNTLTools_1.screen.findByTestId(TestIds_1.ComponentTestIds.CALL_PARTICIPANTS_GRID)).toBeVisible();
|
|
53
53
|
// Locating and verifying that all ParticipantViews are rendered
|
|
54
54
|
const localParticipant = (0, RNTLTools_1.within)(RNTLTools_1.screen.getByTestId(TestIds_1.ComponentTestIds.LOCAL_PARTICIPANT));
|
|
55
55
|
const participant1 = (0, RNTLTools_1.within)(RNTLTools_1.screen.getByTestId(`participant-${P_IDS.REMOTE_1}`));
|
|
@@ -58,7 +58,7 @@ describe('CallParticipantsView', () => {
|
|
|
58
58
|
// flat list should not be rendered for 2 participants as we should not wrap them in a grid
|
|
59
59
|
expect(RNTLTools_1.screen.queryByLabelText(TestIds_1.ComponentTestIds.CALL_PARTICIPANTS_LIST)).toBeNull();
|
|
60
60
|
});
|
|
61
|
-
it('should render
|
|
61
|
+
it('should render call participants component with spotlight mode with 2 participants', async () => {
|
|
62
62
|
const call = (0, call_1.mockCall)((0, client_1.mockClientWithUser)(), [
|
|
63
63
|
(0, participant_1.default)({
|
|
64
64
|
isLocalParticipant: true,
|
|
@@ -78,10 +78,10 @@ describe('CallParticipantsView', () => {
|
|
|
78
78
|
},
|
|
79
79
|
}),
|
|
80
80
|
]);
|
|
81
|
-
(0, RNTLTools_1.render)(<components_1.
|
|
81
|
+
(0, RNTLTools_1.render)(<components_1.CallContent />, {
|
|
82
82
|
call,
|
|
83
83
|
});
|
|
84
|
-
expect(await RNTLTools_1.screen.findByTestId(TestIds_1.ComponentTestIds.
|
|
84
|
+
expect(await RNTLTools_1.screen.findByTestId(TestIds_1.ComponentTestIds.CALL_PARTICIPANTS_SPOTLIGHT)).toBeVisible();
|
|
85
85
|
// Since it has a screen share and thereby spotlight, we should render the flatlist even with 2 participants
|
|
86
86
|
expect(await RNTLTools_1.screen.findByTestId(TestIds_1.ComponentTestIds.CALL_PARTICIPANTS_LIST)).toBeVisible();
|
|
87
87
|
});
|
|
@@ -111,7 +111,7 @@ describe('CallParticipantsView', () => {
|
|
|
111
111
|
userId: P_IDS.REMOTE_3,
|
|
112
112
|
}),
|
|
113
113
|
]);
|
|
114
|
-
(0, RNTLTools_1.render)(<components_1.
|
|
114
|
+
(0, RNTLTools_1.render)(<components_1.CallContent />, {
|
|
115
115
|
call,
|
|
116
116
|
});
|
|
117
117
|
const visibleParticipantsItems = call.state.participants.map((p) => ({
|
|
@@ -135,4 +135,4 @@ describe('CallParticipantsView', () => {
|
|
|
135
135
|
expect(RNTLTools_1.screen.getAllByTestId(TestIds_1.ComponentTestIds.PARTICIPANT_MEDIA_STREAM)).toHaveLength(4);
|
|
136
136
|
});
|
|
137
137
|
});
|
|
138
|
-
//# sourceMappingURL=
|
|
138
|
+
//# sourceMappingURL=CallParticipants.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CallParticipants.test.js","sourceRoot":"","sources":["../../../__tests__/components/CallParticipants.test.tsx"],"names":[],"mappings":"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"}
|
package/dist/__tests__/components/{CallParticipantsGridView.test.js → CallParticipantsGrid.test.js}
RENAMED
|
@@ -10,7 +10,7 @@ const participant_1 = __importDefault(require("../mocks/participant"));
|
|
|
10
10
|
const TestIds_1 = require("../../src/constants/TestIds");
|
|
11
11
|
const call_1 = require("../mocks/call");
|
|
12
12
|
const RNTLTools_1 = require("../utils/RNTLTools");
|
|
13
|
-
const
|
|
13
|
+
const CallParticipantsGrid_1 = require("../../src/components/call/internal/CallParticipantsGrid");
|
|
14
14
|
console.warn = jest.fn();
|
|
15
15
|
jest.useFakeTimers();
|
|
16
16
|
var P_IDS;
|
|
@@ -19,8 +19,8 @@ var P_IDS;
|
|
|
19
19
|
P_IDS["REMOTE_1"] = "remote-1";
|
|
20
20
|
P_IDS["REMOTE_2"] = "remote-2";
|
|
21
21
|
})(P_IDS || (P_IDS = {}));
|
|
22
|
-
describe('
|
|
23
|
-
it('should render an local video
|
|
22
|
+
describe('CallParticipantsGrid', () => {
|
|
23
|
+
it('should render an local video when only 1 participant present in the call', async () => {
|
|
24
24
|
const call = (0, call_1.mockCall)((0, client_1.mockClientWithUser)(), [
|
|
25
25
|
(0, participant_1.default)({
|
|
26
26
|
isLocalParticipant: true,
|
|
@@ -30,10 +30,10 @@ describe('CallParticipantsGridView', () => {
|
|
|
30
30
|
videoStream: null,
|
|
31
31
|
}),
|
|
32
32
|
]);
|
|
33
|
-
(0, RNTLTools_1.render)(<
|
|
33
|
+
(0, RNTLTools_1.render)(<CallParticipantsGrid_1.CallParticipantsGrid />, {
|
|
34
34
|
call,
|
|
35
35
|
});
|
|
36
36
|
expect(await RNTLTools_1.screen.findByTestId(TestIds_1.ComponentTestIds.LOCAL_PARTICIPANT_FULLSCREEN)).toBeVisible();
|
|
37
37
|
});
|
|
38
38
|
});
|
|
39
|
-
//# sourceMappingURL=
|
|
39
|
+
//# sourceMappingURL=CallParticipantsGrid.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CallParticipantsGrid.test.js","sourceRoot":"","sources":["../../../__tests__/components/CallParticipantsGrid.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,4CAAqD;AACrD,0DAAoD;AACpD,uEAAmD;AACnD,yDAA+D;AAC/D,wCAAyC;AACzC,kDAAoD;AACpD,kGAA+F;AAE/F,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AACzB,IAAI,CAAC,aAAa,EAAE,CAAC;AAErB,IAAK,KAIJ;AAJD,WAAK,KAAK;IACR,4BAAmB,CAAA;IACnB,8BAAqB,CAAA;IACrB,8BAAqB,CAAA;AACvB,CAAC,EAJI,KAAK,KAAL,KAAK,QAIT;AAED,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACpC,EAAE,CAAC,0EAA0E,EAAE,KAAK,IAAI,EAAE;QACxF,MAAM,IAAI,GAAG,IAAA,eAAQ,EAAC,IAAA,2BAAkB,GAAE,EAAE;YAC1C,IAAA,qBAAe,EAAC;gBACd,kBAAkB,EAAE,IAAI;gBACxB,SAAS,EAAE,KAAK,CAAC,OAAO;gBACxB,MAAM,EAAE,KAAK,CAAC,OAAO;gBACrB,eAAe,EAAE,CAAC,wBAAS,CAAC,SAAS,CAAC,KAAK,CAAC;gBAC5C,WAAW,EAAE,IAAI;aAClB,CAAC;SACH,CAAC,CAAC;QAEH,IAAA,kBAAM,EAAC,CAAC,2CAAoB,CAAC,AAAD,EAAG,EAAE;YAC/B,IAAI;SACL,CAAC,CAAC;QAEH,MAAM,CACJ,MAAM,kBAAM,CAAC,YAAY,CAAC,0BAAgB,CAAC,4BAA4B,CAAC,CACzE,CAAC,WAAW,EAAE,CAAC;IAClB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -10,7 +10,7 @@ const participant_1 = __importDefault(require("../mocks/participant"));
|
|
|
10
10
|
const TestIds_1 = require("../../src/constants/TestIds");
|
|
11
11
|
const call_1 = require("../mocks/call");
|
|
12
12
|
const RNTLTools_1 = require("../utils/RNTLTools");
|
|
13
|
-
const
|
|
13
|
+
const CallParticipantsSpotlight_1 = require("../../src/components/call/internal/CallParticipantsSpotlight");
|
|
14
14
|
console.warn = jest.fn();
|
|
15
15
|
jest.useFakeTimers();
|
|
16
16
|
var P_IDS;
|
|
@@ -19,8 +19,8 @@ var P_IDS;
|
|
|
19
19
|
P_IDS["REMOTE_1"] = "remote-1";
|
|
20
20
|
P_IDS["REMOTE_2"] = "remote-2";
|
|
21
21
|
})(P_IDS || (P_IDS = {}));
|
|
22
|
-
describe('
|
|
23
|
-
it('should render an local video
|
|
22
|
+
describe('CallParticipantsSpotlight', () => {
|
|
23
|
+
it('should render an local video when only 1 participant present in the call', async () => {
|
|
24
24
|
const call = (0, call_1.mockCall)((0, client_1.mockClientWithUser)(), [
|
|
25
25
|
(0, participant_1.default)({
|
|
26
26
|
isLocalParticipant: true,
|
|
@@ -40,10 +40,10 @@ describe('CallParticipantsSpotlightView', () => {
|
|
|
40
40
|
},
|
|
41
41
|
}),
|
|
42
42
|
]);
|
|
43
|
-
(0, RNTLTools_1.render)(<
|
|
43
|
+
(0, RNTLTools_1.render)(<CallParticipantsSpotlight_1.CallParticipantsSpotlight />, {
|
|
44
44
|
call,
|
|
45
45
|
});
|
|
46
|
-
expect(await RNTLTools_1.screen.findByTestId(TestIds_1.ComponentTestIds.
|
|
46
|
+
expect(await RNTLTools_1.screen.findByTestId(TestIds_1.ComponentTestIds.PARTICIPANT_SCREEN_SHARING)).toBeVisible();
|
|
47
47
|
});
|
|
48
48
|
});
|
|
49
|
-
//# sourceMappingURL=
|
|
49
|
+
//# sourceMappingURL=CallParticipantsSpotlight.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CallParticipantsSpotlight.test.js","sourceRoot":"","sources":["../../../__tests__/components/CallParticipantsSpotlight.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,4CAAqD;AACrD,0DAAoD;AACpD,uEAAmD;AACnD,yDAA+D;AAC/D,wCAAyC;AACzC,kDAAoD;AACpD,4GAAyG;AAEzG,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AACzB,IAAI,CAAC,aAAa,EAAE,CAAC;AAErB,IAAK,KAIJ;AAJD,WAAK,KAAK;IACR,4BAAmB,CAAA;IACnB,8BAAqB,CAAA;IACrB,8BAAqB,CAAA;AACvB,CAAC,EAJI,KAAK,KAAL,KAAK,QAIT;AAED,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACzC,EAAE,CAAC,0EAA0E,EAAE,KAAK,IAAI,EAAE;QACxF,MAAM,IAAI,GAAG,IAAA,eAAQ,EAAC,IAAA,2BAAkB,GAAE,EAAE;YAC1C,IAAA,qBAAe,EAAC;gBACd,kBAAkB,EAAE,IAAI;gBACxB,SAAS,EAAE,KAAK,CAAC,OAAO;gBACxB,MAAM,EAAE,KAAK,CAAC,OAAO;aACtB,CAAC;YACF,IAAA,qBAAe,EAAC;gBACd,eAAe,EAAE;oBACf,wBAAS,CAAC,SAAS,CAAC,KAAK;oBACzB,wBAAS,CAAC,SAAS,CAAC,KAAK;oBACzB,wBAAS,CAAC,SAAS,CAAC,YAAY;iBACjC;gBACD,SAAS,EAAE,KAAK,CAAC,QAAQ;gBACzB,MAAM,EAAE,KAAK,CAAC,QAAQ;gBACtB,iBAAiB,EAAE;oBACjB,KAAK,EAAE,GAAG,EAAE,CAAC,kBAAkB;iBAChC;aACF,CAAC;SACH,CAAC,CAAC;QAEH,IAAA,kBAAM,EAAC,CAAC,qDAAyB,CAAC,AAAD,EAAG,EAAE;YACpC,IAAI;SACL,CAAC,CAAC;QAEH,MAAM,CACJ,MAAM,kBAAM,CAAC,YAAY,CAAC,0BAAgB,CAAC,0BAA0B,CAAC,CACvE,CAAC,WAAW,EAAE,CAAC;IAClB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -8,10 +8,10 @@ const participant_1 = __importDefault(require("../mocks/participant"));
|
|
|
8
8
|
const video_client_1 = require("@stream-io/video-client");
|
|
9
9
|
const TestIds_1 = require("../../src/constants/TestIds");
|
|
10
10
|
const RNTLTools_1 = require("../utils/RNTLTools");
|
|
11
|
-
const
|
|
11
|
+
const Participant_1 = require("../../src/components/participants/Participant");
|
|
12
12
|
console.warn = jest.fn();
|
|
13
13
|
jest.useFakeTimers();
|
|
14
|
-
describe('
|
|
14
|
+
describe('Participant', () => {
|
|
15
15
|
it('should render participant`s avatar when set to not visible, label, user name and reaction', async () => {
|
|
16
16
|
const testParticipant = (0, participant_1.default)({
|
|
17
17
|
image: undefined,
|
|
@@ -21,7 +21,7 @@ describe('ParticipantView', () => {
|
|
|
21
21
|
emoji_code: ':fireworks:',
|
|
22
22
|
},
|
|
23
23
|
});
|
|
24
|
-
(0, RNTLTools_1.render)(<
|
|
24
|
+
(0, RNTLTools_1.render)(<Participant_1.Participant participant={testParticipant} kind={'video'} isVisible={false}/>);
|
|
25
25
|
expect(await RNTLTools_1.screen.findByTestId(TestIds_1.ComponentTestIds.PARTICIPANT_AVATAR)).toBeOnTheScreen();
|
|
26
26
|
expect(RNTLTools_1.screen.getByTestId(TestIds_1.IconTestIds.MUTED_VIDEO)).toBeOnTheScreen();
|
|
27
27
|
expect(RNTLTools_1.screen.getByText(testParticipant.name)).toBeOnTheScreen();
|
|
@@ -38,7 +38,7 @@ describe('ParticipantView', () => {
|
|
|
38
38
|
toURL: () => 'test-url',
|
|
39
39
|
},
|
|
40
40
|
});
|
|
41
|
-
(0, RNTLTools_1.render)(<
|
|
41
|
+
(0, RNTLTools_1.render)(<Participant_1.Participant participant={testParticipant} kind={'screen'}/>);
|
|
42
42
|
expect(await RNTLTools_1.screen.findByTestId(TestIds_1.ComponentTestIds.PARTICIPANT_MEDIA_STREAM)).toBeOnTheScreen();
|
|
43
43
|
expect(RNTLTools_1.screen.getByText(/Testy van der Test is sharing their screen/i)).toBeOnTheScreen();
|
|
44
44
|
expect(await RNTLTools_1.screen.findByTestId(TestIds_1.IconTestIds.SCREEN_SHARE)).toBeOnTheScreen();
|
|
@@ -49,7 +49,7 @@ describe('ParticipantView', () => {
|
|
|
49
49
|
publishedTracks: [video_client_1.SfuModels.TrackType.VIDEO, video_client_1.SfuModels.TrackType.AUDIO],
|
|
50
50
|
isSpeaking: true,
|
|
51
51
|
});
|
|
52
|
-
(0, RNTLTools_1.render)(<
|
|
52
|
+
(0, RNTLTools_1.render)(<Participant_1.Participant participant={testParticipant} kind={'video'}/>);
|
|
53
53
|
const [VideoRTCView, AudioRTCView] = await RNTLTools_1.screen.findAllByTestId(TestIds_1.ComponentTestIds.PARTICIPANT_MEDIA_STREAM);
|
|
54
54
|
// Video and Audio streams are rendered
|
|
55
55
|
// This is our best way to test if video and audio is on
|
|
@@ -63,4 +63,4 @@ describe('ParticipantView', () => {
|
|
|
63
63
|
})).toBeOnTheScreen();
|
|
64
64
|
});
|
|
65
65
|
});
|
|
66
|
-
//# sourceMappingURL=
|
|
66
|
+
//# sourceMappingURL=Participant.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Participant.test.js","sourceRoot":"","sources":["../../../__tests__/components/Participant.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -29,7 +29,7 @@ describe('CallParticipantsBadge', () => {
|
|
|
29
29
|
});
|
|
30
30
|
expect(await RNTLTools_1.screen.findByTestId(TestIds_1.ButtonTestIds.PARTICIPANTS_INFO)).toHaveTextContent('1');
|
|
31
31
|
});
|
|
32
|
-
it('should render call participants info
|
|
32
|
+
it('should render call participants info component when the badge is pressed', async () => {
|
|
33
33
|
const call = (0, call_1.mockCall)((0, client_1.mockClientWithUser)(), [
|
|
34
34
|
(0, participant_1.default)({ isLocalParticipant: true }),
|
|
35
35
|
]);
|
|
@@ -39,9 +39,9 @@ describe('CallParticipantsBadge', () => {
|
|
|
39
39
|
const badge = await RNTLTools_1.screen.findByTestId(TestIds_1.ButtonTestIds.PARTICIPANTS_INFO);
|
|
40
40
|
expect(badge).toHaveTextContent('1');
|
|
41
41
|
RNTLTools_1.fireEvent.press(badge);
|
|
42
|
-
expect(await RNTLTools_1.screen.findByTestId(TestIds_1.ComponentTestIds.
|
|
42
|
+
expect(await RNTLTools_1.screen.findByTestId(TestIds_1.ComponentTestIds.PARTICIPANTS_INFO)).toBeVisible();
|
|
43
43
|
});
|
|
44
|
-
it('should render
|
|
44
|
+
it('should render a call participants badge component with 3 participants', async () => {
|
|
45
45
|
const call = (0, call_1.mockCall)((0, client_1.mockClientWithUser)(), [
|
|
46
46
|
(0, participant_1.default)({
|
|
47
47
|
isLocalParticipant: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ParticipantBadge.test.js","sourceRoot":"","sources":["../../../__tests__/components/ParticipantBadge.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,4CAAqD;AACrD,0DAAoD;AACpD,uEAAmD;AACnD,yDAA8E;AAC9E,wCAAyC;AACzC,kDAA+D;AAC/D,qDAA6D;AAE7D,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AACzB,IAAI,CAAC,aAAa,EAAE,CAAC;AAErB,IAAK,KAIJ;AAJD,WAAK,KAAK;IACR,4BAAmB,CAAA;IACnB,8BAAqB,CAAA;IACrB,8BAAqB,CAAA;AACvB,CAAC,EAJI,KAAK,KAAL,KAAK,QAIT;AAED,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,EAAE,CAAC,mGAAmG,EAAE,KAAK,IAAI,EAAE;QACjH,MAAM,IAAI,GAAG,IAAA,eAAQ,EAAC,IAAA,2BAAkB,GAAE,EAAE;YAC1C,IAAA,qBAAe,EAAC,EAAE,kBAAkB,EAAE,IAAI,EAAE,CAAC;SAC9C,CAAC,CAAC;QACH,IAAA,kBAAM,EAAC,CAAC,kCAAqB,CAAC,AAAD,EAAG,EAAE;YAChC,IAAI;SACL,CAAC,CAAC;QAEH,MAAM,CACJ,MAAM,kBAAM,CAAC,YAAY,CAAC,uBAAa,CAAC,iBAAiB,CAAC,CAC3D,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC
|
|
1
|
+
{"version":3,"file":"ParticipantBadge.test.js","sourceRoot":"","sources":["../../../__tests__/components/ParticipantBadge.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,4CAAqD;AACrD,0DAAoD;AACpD,uEAAmD;AACnD,yDAA8E;AAC9E,wCAAyC;AACzC,kDAA+D;AAC/D,qDAA6D;AAE7D,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AACzB,IAAI,CAAC,aAAa,EAAE,CAAC;AAErB,IAAK,KAIJ;AAJD,WAAK,KAAK;IACR,4BAAmB,CAAA;IACnB,8BAAqB,CAAA;IACrB,8BAAqB,CAAA;AACvB,CAAC,EAJI,KAAK,KAAL,KAAK,QAIT;AAED,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,EAAE,CAAC,mGAAmG,EAAE,KAAK,IAAI,EAAE;QACjH,MAAM,IAAI,GAAG,IAAA,eAAQ,EAAC,IAAA,2BAAkB,GAAE,EAAE;YAC1C,IAAA,qBAAe,EAAC,EAAE,kBAAkB,EAAE,IAAI,EAAE,CAAC;SAC9C,CAAC,CAAC;QACH,IAAA,kBAAM,EAAC,CAAC,kCAAqB,CAAC,AAAD,EAAG,EAAE;YAChC,IAAI;SACL,CAAC,CAAC;QAEH,MAAM,CACJ,MAAM,kBAAM,CAAC,YAAY,CAAC,uBAAa,CAAC,iBAAiB,CAAC,CAC3D,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0EAA0E,EAAE,KAAK,IAAI,EAAE;QACxF,MAAM,IAAI,GAAG,IAAA,eAAQ,EAAC,IAAA,2BAAkB,GAAE,EAAE;YAC1C,IAAA,qBAAe,EAAC,EAAE,kBAAkB,EAAE,IAAI,EAAE,CAAC;SAC9C,CAAC,CAAC;QAEH,IAAA,kBAAM,EAAC,CAAC,kCAAqB,CAAC,AAAD,EAAG,EAAE;YAChC,IAAI;SACL,CAAC,CAAC;QAEH,MAAM,KAAK,GAAG,MAAM,kBAAM,CAAC,YAAY,CAAC,uBAAa,CAAC,iBAAiB,CAAC,CAAC;QACzE,MAAM,CAAC,KAAK,CAAC,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;QAErC,qBAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACvB,MAAM,CACJ,MAAM,kBAAM,CAAC,YAAY,CAAC,0BAAgB,CAAC,iBAAiB,CAAC,CAC9D,CAAC,WAAW,EAAE,CAAC;IAClB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uEAAuE,EAAE,KAAK,IAAI,EAAE;QACrF,MAAM,IAAI,GAAG,IAAA,eAAQ,EAAC,IAAA,2BAAkB,GAAE,EAAE;YAC1C,IAAA,qBAAe,EAAC;gBACd,kBAAkB,EAAE,IAAI;gBACxB,SAAS,EAAE,KAAK,CAAC,OAAO;gBACxB,MAAM,EAAE,KAAK,CAAC,OAAO;aACtB,CAAC;YACF,IAAA,qBAAe,EAAC;gBACd,eAAe,EAAE,CAAC,wBAAS,CAAC,SAAS,CAAC,KAAK,CAAC;gBAC5C,WAAW,EAAE,IAAI;gBACjB,SAAS,EAAE,KAAK,CAAC,QAAQ;gBACzB,MAAM,EAAE,KAAK,CAAC,QAAQ;aACvB,CAAC;YACF,IAAA,qBAAe,EAAC;gBACd,eAAe,EAAE,CAAC,wBAAS,CAAC,SAAS,CAAC,KAAK,CAAC;gBAC5C,WAAW,EAAE,IAAI;gBACjB,SAAS,EAAE,KAAK,CAAC,QAAQ;gBACzB,MAAM,EAAE,KAAK,CAAC,QAAQ;aACvB,CAAC;SACH,CAAC,CAAC;QAEH,IAAA,kBAAM,EAAC,CAAC,kCAAqB,CAAC,AAAD,EAAG,EAAE;YAChC,IAAI;SACL,CAAC,CAAC;QAEH,MAAM,CACJ,MAAM,kBAAM,CAAC,YAAY,CAAC,uBAAa,CAAC,iBAAiB,CAAC,CAC3D,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export type
|
|
1
|
+
export type CallContentProps = {
|
|
2
2
|
/**
|
|
3
3
|
* The mode of the call view. Defaults to 'grid'.
|
|
4
4
|
* Note: when there is atleast one screen share, the mode is automatically set to 'spotlight'.
|
|
@@ -6,8 +6,8 @@ export type CallContentViewProps = {
|
|
|
6
6
|
mode?: 'grid' | 'spotlight';
|
|
7
7
|
};
|
|
8
8
|
/**
|
|
9
|
-
* The main view of an active call.
|
|
9
|
+
* The main view of an active call which lists the participants.
|
|
10
10
|
* This view renders the participants in either grid or spotlight mode.
|
|
11
11
|
* @param mode The mode of the call view. Defaults to 'grid'.
|
|
12
12
|
*/
|
|
13
|
-
export declare const
|
|
13
|
+
export declare const CallContent: ({ mode }: CallContentProps) => JSX.Element;
|
|
@@ -3,29 +3,29 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.
|
|
6
|
+
exports.CallContent = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const
|
|
9
|
-
const
|
|
8
|
+
const CallParticipantsGrid_1 = require("./internal/CallParticipantsGrid");
|
|
9
|
+
const CallParticipantsSpotlight_1 = require("./internal/CallParticipantsSpotlight");
|
|
10
10
|
const video_react_bindings_1 = require("@stream-io/video-react-bindings");
|
|
11
11
|
const react_native_1 = require("react-native");
|
|
12
12
|
/**
|
|
13
|
-
* The main view of an active call.
|
|
13
|
+
* The main view of an active call which lists the participants.
|
|
14
14
|
* This view renders the participants in either grid or spotlight mode.
|
|
15
15
|
* @param mode The mode of the call view. Defaults to 'grid'.
|
|
16
16
|
*/
|
|
17
|
-
const
|
|
17
|
+
const CallContent = ({ mode }) => {
|
|
18
18
|
const hasScreenShare = (0, video_react_bindings_1.useHasOngoingScreenShare)();
|
|
19
19
|
const callType = (0, video_react_bindings_1.useCall)()?.type;
|
|
20
|
-
const
|
|
20
|
+
const showSpotLightMode = callType !== 'audio_room' && (mode === 'spotlight' || hasScreenShare);
|
|
21
21
|
return (<react_native_1.View style={styles.container}>
|
|
22
|
-
{
|
|
22
|
+
{showSpotLightMode ? (<CallParticipantsSpotlight_1.CallParticipantsSpotlight />) : (<CallParticipantsGrid_1.CallParticipantsGrid />)}
|
|
23
23
|
</react_native_1.View>);
|
|
24
24
|
};
|
|
25
|
-
exports.
|
|
25
|
+
exports.CallContent = CallContent;
|
|
26
26
|
const styles = react_native_1.StyleSheet.create({
|
|
27
27
|
container: {
|
|
28
28
|
flex: 1,
|
|
29
29
|
},
|
|
30
30
|
});
|
|
31
|
-
//# sourceMappingURL=
|
|
31
|
+
//# sourceMappingURL=CallContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CallContent.js","sourceRoot":"","sources":["../../../../src/components/call/CallContent.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,0EAAuE;AACvE,oFAAiF;AACjF,0EAGyC;AACzC,+CAAgD;AAUhD;;;;GAIG;AACI,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAoB,EAAE,EAAE;IACxD,MAAM,cAAc,GAAG,IAAA,+CAAwB,GAAE,CAAC;IAClD,MAAM,QAAQ,GAAG,IAAA,8BAAO,GAAE,EAAE,IAAI,CAAC;IAEjC,MAAM,iBAAiB,GACrB,QAAQ,KAAK,YAAY,IAAI,CAAC,IAAI,KAAK,WAAW,IAAI,cAAc,CAAC,CAAC;IAExE,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,iBAAiB,CAAC,CAAC,CAAC,CACnB,CAAC,qDAAyB,CAAC,AAAD,EAAG,CAC9B,CAAC,CAAC,CAAC,CACF,CAAC,2CAAoB,CAAC,AAAD,EAAG,CACzB,CACH;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,WAAW,eAgBtB;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { ViewProps } from 'react-native';
|
|
2
|
-
import {
|
|
2
|
+
import { HangUpCallButtonProps } from '../utility/internal/HangupCallButton';
|
|
3
3
|
/**
|
|
4
|
-
* The props for the Chat Button in the Call
|
|
4
|
+
* The props for the Chat Button in the Call Controls.
|
|
5
5
|
*/
|
|
6
|
-
type
|
|
6
|
+
type ChatButtonProps = {
|
|
7
7
|
/**
|
|
8
8
|
* Handler to be called when the chat button is pressed.
|
|
9
9
|
* @returns void
|
|
@@ -15,21 +15,21 @@ type ChatButtonType = {
|
|
|
15
15
|
unreadBadgeCountIndicator?: number;
|
|
16
16
|
};
|
|
17
17
|
/**
|
|
18
|
-
* Props for the
|
|
18
|
+
* Props for the CallControls Component.
|
|
19
19
|
*/
|
|
20
|
-
export interface
|
|
20
|
+
export interface CallControlsType extends Pick<ViewProps, 'style'> {
|
|
21
21
|
/**
|
|
22
22
|
* Chat Button Props to be passed as an object
|
|
23
23
|
*/
|
|
24
|
-
chatButton?:
|
|
24
|
+
chatButton?: ChatButtonProps;
|
|
25
25
|
/**
|
|
26
26
|
* Hang up call button props to be passed as an object
|
|
27
27
|
*/
|
|
28
|
-
hangUpCallButton?:
|
|
28
|
+
hangUpCallButton?: HangUpCallButtonProps;
|
|
29
29
|
}
|
|
30
30
|
/**
|
|
31
31
|
* A list/row of controls (mute audio/video, toggle front/back camera, hangup call etc.)
|
|
32
32
|
* the user can trigger within an active call.
|
|
33
33
|
*/
|
|
34
|
-
export declare const
|
|
34
|
+
export declare const CallControls: ({ chatButton, hangUpCallButton, style, }: CallControlsType) => JSX.Element;
|
|
35
35
|
export {};
|
|
@@ -23,7 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.
|
|
26
|
+
exports.CallControls = void 0;
|
|
27
27
|
const react_1 = __importStar(require("react"));
|
|
28
28
|
const react_native_1 = require("react-native");
|
|
29
29
|
const icons_1 = require("../../icons");
|
|
@@ -42,7 +42,7 @@ const HangupCallButton_1 = require("../utility/internal/HangupCallButton");
|
|
|
42
42
|
* A list/row of controls (mute audio/video, toggle front/back camera, hangup call etc.)
|
|
43
43
|
* the user can trigger within an active call.
|
|
44
44
|
*/
|
|
45
|
-
const
|
|
45
|
+
const CallControls = ({ chatButton, hangUpCallButton, style, }) => {
|
|
46
46
|
const [isReactionModalActive, setIsReactionModalActive] = (0, react_1.useState)(false);
|
|
47
47
|
const onOpenReactionsModalHandler = (0, react_1.useCallback)(() => {
|
|
48
48
|
setIsReactionModalActive(true);
|
|
@@ -66,7 +66,7 @@ const CallControlsView = ({ chatButton, hangUpCallButton, style, }) => {
|
|
|
66
66
|
<HangupCallButton_1.HangUpCallButton onPressHandler={hangUpCallButton?.onPressHandler}/>
|
|
67
67
|
</react_native_1.View>);
|
|
68
68
|
};
|
|
69
|
-
exports.
|
|
69
|
+
exports.CallControls = CallControls;
|
|
70
70
|
const UnreadBadgeCountIndicator = ({ count, }) => {
|
|
71
71
|
// Don't show badge if count is 0 or undefined
|
|
72
72
|
if (!count) {
|
|
@@ -114,4 +114,4 @@ const styles = react_native_1.StyleSheet.create({
|
|
|
114
114
|
...theme_1.theme.fonts.bodyBold,
|
|
115
115
|
},
|
|
116
116
|
});
|
|
117
|
-
//# sourceMappingURL=
|
|
117
|
+
//# sourceMappingURL=CallControls.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CallControls.js","sourceRoot":"","sources":["../../../../src/components/call/CallControls.tsx"],"names":[],"mappings":"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"}
|
package/dist/src/components/call/{CallParticipantsListView.d.ts → CallParticipantsList.d.ts}
RENAMED
|
@@ -20,5 +20,5 @@ interface CallParticipantsListProps {
|
|
|
20
20
|
* NOTE: this component depends on a flex container to calculate the width and height of the participant view,
|
|
21
21
|
* hence it should be used only in a flex parent container
|
|
22
22
|
*/
|
|
23
|
-
export declare const
|
|
23
|
+
export declare const CallParticipantsList: (props: CallParticipantsListProps) => JSX.Element;
|
|
24
24
|
export {};
|
|
@@ -23,10 +23,10 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.
|
|
26
|
+
exports.CallParticipantsList = void 0;
|
|
27
27
|
const react_1 = __importStar(require("react"));
|
|
28
28
|
const react_native_1 = require("react-native");
|
|
29
|
-
const
|
|
29
|
+
const Participant_1 = require("../participants/Participant");
|
|
30
30
|
const video_client_1 = require("@stream-io/video-client");
|
|
31
31
|
const theme_1 = require("../../theme");
|
|
32
32
|
const useDebouncedValue_1 = require("../../utils/hooks/useDebouncedValue");
|
|
@@ -42,7 +42,7 @@ const VIEWABILITY_CONFIG = {
|
|
|
42
42
|
* NOTE: this component depends on a flex container to calculate the width and height of the participant view,
|
|
43
43
|
* hence it should be used only in a flex parent container
|
|
44
44
|
*/
|
|
45
|
-
const
|
|
45
|
+
const CallParticipantsList = (props) => {
|
|
46
46
|
const { numberOfColumns = 2, horizontal, participants } = props;
|
|
47
47
|
const [containerLayout, setContainerLayout] = (0, react_1.useState)({
|
|
48
48
|
width: 0,
|
|
@@ -116,21 +116,21 @@ const CallParticipantsListView = (props) => {
|
|
|
116
116
|
}, [itemWidth, itemHeight, horizontal]);
|
|
117
117
|
const renderItem = (0, react_1.useCallback)(({ item: participant }) => {
|
|
118
118
|
const isVisible = viewableParticipantSessionIds.current.has(participant.sessionId);
|
|
119
|
-
return (<
|
|
119
|
+
return (<Participant_1.Participant participant={participant} containerStyle={itemContainerStyle} kind="video" isVisible={isVisible}/>);
|
|
120
120
|
}, [itemContainerStyle]);
|
|
121
121
|
// in vertical mode, only when there are more than 2 participants in a call, the participants should be displayed in a grid
|
|
122
122
|
// else we display them both in a stretched row on the screen
|
|
123
123
|
const shouldWrapByColumns = !!horizontal || participants.length > 2;
|
|
124
124
|
if (!shouldWrapByColumns) {
|
|
125
125
|
return (<>
|
|
126
|
-
{participants.map((participant, index) => (<
|
|
126
|
+
{participants.map((participant, index) => (<Participant_1.Participant participant={participant} containerStyle={styles.flexed} kind="video" isVisible={true} key={keyExtractor(participant, index)}/>))}
|
|
127
127
|
</>);
|
|
128
128
|
}
|
|
129
129
|
return (<react_native_1.FlatList onLayout={onLayout} key={!horizontal ? numberOfColumns : undefined} // setting numColumns as key is a strict requirement of react-native to support changing numColumns on the fly
|
|
130
130
|
data={participants} keyExtractor={keyExtractor} viewabilityConfig={VIEWABILITY_CONFIG} onViewableItemsChanged={onViewableItemsChanged} renderItem={renderItem} numColumns={!horizontal ? numberOfColumns : undefined} horizontal={horizontal} showsHorizontalScrollIndicator={false} extraData={`${forceUpdateValue}`} // this is important to force re-render when visibility changes
|
|
131
131
|
testID={TestIds_1.ComponentTestIds.CALL_PARTICIPANTS_LIST}/>);
|
|
132
132
|
};
|
|
133
|
-
exports.
|
|
133
|
+
exports.CallParticipantsList = CallParticipantsList;
|
|
134
134
|
const styles = react_native_1.StyleSheet.create({
|
|
135
135
|
flexed: {
|
|
136
136
|
flex: 1,
|
|
@@ -171,4 +171,4 @@ function calculateParticipantViewSize({ containerHeight, containerWidth, partici
|
|
|
171
171
|
}
|
|
172
172
|
return { itemHeight, itemWidth };
|
|
173
173
|
}
|
|
174
|
-
//# sourceMappingURL=
|
|
174
|
+
//# sourceMappingURL=CallParticipantsList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CallParticipantsList.js","sourceRoot":"","sources":["../../../../src/components/call/CallParticipantsList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* The props for the Accept Call button in the IncomingCall component.
|
|
3
|
+
*/
|
|
4
|
+
type AcceptCallButtonProps = {
|
|
5
|
+
/**
|
|
6
|
+
* Handler to be called when the accept call button is pressed.
|
|
7
|
+
* @returns void
|
|
8
|
+
*/
|
|
9
|
+
onPressHandler?: () => void;
|
|
10
|
+
};
|
|
11
|
+
/**
|
|
12
|
+
* The props for the Reject Call button in the IncomingCall component.
|
|
13
|
+
*/
|
|
14
|
+
type RejectCallButtonProps = {
|
|
15
|
+
/**
|
|
16
|
+
* Handler to be called when the reject call button is pressed.
|
|
17
|
+
* @returns void
|
|
18
|
+
*/
|
|
19
|
+
onPressHandler?: () => void;
|
|
20
|
+
};
|
|
21
|
+
/**
|
|
22
|
+
* Props for the IncomingCall Component.
|
|
23
|
+
*/
|
|
24
|
+
export type IncomingCallType = {
|
|
25
|
+
/**
|
|
26
|
+
* Accept Call Button Props to be passed as an object
|
|
27
|
+
*/
|
|
28
|
+
acceptCallButton?: AcceptCallButtonProps;
|
|
29
|
+
/**
|
|
30
|
+
* Reject Call Button Props to be passed as an object
|
|
31
|
+
*/
|
|
32
|
+
rejectCallButton?: RejectCallButtonProps;
|
|
33
|
+
};
|
|
34
|
+
/**
|
|
35
|
+
* An incoming call with the caller's avatar, name and accept/reject buttons.
|
|
36
|
+
* Used when the user is receiving a call.
|
|
37
|
+
*/
|
|
38
|
+
export declare const IncomingCall: ({ acceptCallButton, rejectCallButton, }: IncomingCallType) => JSX.Element;
|
|
39
|
+
export {};
|