@stream-io/video-react-native-sdk 0.0.1-alpha.368 → 0.0.1-alpha.370
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 +13 -0
- package/dist/__tests__/components/CallParticipants.test.js +7 -9
- package/dist/__tests__/components/CallParticipants.test.js.map +1 -1
- package/dist/__tests__/components/{Participant.test.js → ParticipantView.test.js} +10 -14
- package/dist/__tests__/components/ParticipantView.test.js.map +1 -0
- package/dist/index.js +6 -0
- package/dist/index.js.map +1 -1
- package/dist/src/components/call/CallParticipantsList.js +5 -4
- package/dist/src/components/call/CallParticipantsList.js.map +1 -1
- package/dist/src/components/call/Lobby.js +2 -2
- package/dist/src/components/call/Lobby.js.map +1 -1
- package/dist/src/components/call/OutgoingCall.js +2 -2
- package/dist/src/components/call/OutgoingCall.js.map +1 -1
- package/dist/src/components/call/internal/CallParticipantsSpotlight.js +8 -4
- package/dist/src/components/call/internal/CallParticipantsSpotlight.js.map +1 -1
- package/dist/src/components/participants/LocalParticipantView/index.js +6 -6
- package/dist/src/components/participants/LocalParticipantView/index.js.map +1 -1
- package/dist/src/components/participants/ParticipantLabel.d.ts +3 -0
- package/dist/src/components/participants/ParticipantLabel.js +76 -0
- package/dist/src/components/participants/ParticipantLabel.js.map +1 -0
- package/dist/src/components/participants/ParticipantNetworkQualityIndicator.d.ts +6 -0
- package/dist/src/components/participants/{internal/NetworkQualityIndicator.js → ParticipantNetworkQualityIndicator.js} +9 -5
- package/dist/src/components/participants/ParticipantNetworkQualityIndicator.js.map +1 -0
- package/dist/src/components/participants/ParticipantReaction.d.ts +10 -0
- package/dist/src/components/participants/{internal/ParticipantReaction.js → ParticipantReaction.js} +10 -5
- package/dist/src/components/participants/ParticipantReaction.js.map +1 -0
- package/dist/src/components/participants/ParticipantVideoFallback.d.ts +3 -0
- package/dist/src/components/participants/ParticipantVideoFallback.js +32 -0
- package/dist/src/components/participants/ParticipantVideoFallback.js.map +1 -0
- package/dist/src/components/participants/ParticipantView.d.ts +58 -0
- package/dist/src/components/participants/ParticipantView.js +54 -0
- package/dist/src/components/participants/ParticipantView.js.map +1 -0
- package/dist/src/components/participants/VideoRenderer.d.ts +9 -0
- package/dist/src/components/participants/VideoRenderer.js +166 -0
- package/dist/src/components/participants/VideoRenderer.js.map +1 -0
- package/dist/src/components/participants/index.d.ts +6 -1
- package/dist/src/components/participants/index.js +6 -1
- package/dist/src/components/participants/index.js.map +1 -1
- package/dist/src/constants/TestIds.d.ts +0 -3
- package/dist/src/constants/TestIds.js +1 -5
- package/dist/src/constants/TestIds.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/index.ts +4 -0
- package/package.json +1 -1
- package/src/components/call/CallParticipantsList.tsx +14 -14
- package/src/components/call/Lobby.tsx +3 -3
- package/src/components/call/OutgoingCall.tsx +3 -3
- package/src/components/call/internal/CallParticipantsSpotlight.tsx +10 -6
- package/src/components/participants/LocalParticipantView/index.tsx +8 -14
- package/src/components/participants/ParticipantLabel.tsx +97 -0
- package/src/components/participants/{internal/NetworkQualityIndicator.tsx → ParticipantNetworkQualityIndicator.tsx} +13 -7
- package/src/components/participants/{internal/ParticipantReaction.tsx → ParticipantReaction.tsx} +21 -12
- package/src/components/participants/ParticipantVideoFallback.tsx +41 -0
- package/src/components/participants/ParticipantView.tsx +133 -0
- package/src/components/participants/VideoRenderer.tsx +194 -0
- package/src/components/participants/index.ts +6 -1
- package/src/constants/TestIds.ts +0 -4
- package/dist/__tests__/components/Participant.test.js.map +0 -1
- package/dist/src/components/participants/Participant.d.ts +0 -38
- package/dist/src/components/participants/Participant.js +0 -285
- package/dist/src/components/participants/Participant.js.map +0 -1
- package/dist/src/components/participants/internal/NetworkQualityIndicator.d.ts +0 -8
- package/dist/src/components/participants/internal/NetworkQualityIndicator.js.map +0 -1
- package/dist/src/components/participants/internal/ParticipantReaction.d.ts +0 -7
- package/dist/src/components/participants/internal/ParticipantReaction.js.map +0 -1
- package/dist/src/components/utility/internal/VideoRenderer.d.ts +0 -64
- package/dist/src/components/utility/internal/VideoRenderer.js +0 -17
- package/dist/src/components/utility/internal/VideoRenderer.js.map +0 -1
- package/src/components/participants/Participant.tsx +0 -360
- package/src/components/utility/internal/VideoRenderer.tsx +0 -84
- /package/dist/__tests__/components/{Participant.test.d.ts → ParticipantView.test.d.ts} +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,19 @@
|
|
|
2
2
|
|
|
3
3
|
This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
|
|
4
4
|
|
|
5
|
+
## [0.0.1-alpha.370](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.369...@stream-io/video-react-native-sdk-0.0.1-alpha.370) (2023-08-14)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
* **react-native:** ParticipantView customizations ([#915](https://github.com/GetStream/stream-video-js/issues/915)) ([aaa55a6](https://github.com/GetStream/stream-video-js/commit/aaa55a67b6628d17894448212f296e16d693452f))
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [0.0.1-alpha.369](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.368...@stream-io/video-react-native-sdk-0.0.1-alpha.369) (2023-08-11)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
5
18
|
## [0.0.1-alpha.368](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.367...@stream-io/video-react-native-sdk-0.0.1-alpha.368) (2023-08-11)
|
|
6
19
|
|
|
7
20
|
|
|
@@ -41,7 +41,7 @@ describe('CallParticipants', () => {
|
|
|
41
41
|
userId: P_IDS.LOCAL_1,
|
|
42
42
|
}),
|
|
43
43
|
(0, participant_1.default)({
|
|
44
|
-
publishedTracks: [video_client_1.SfuModels.TrackType.
|
|
44
|
+
publishedTracks: [video_client_1.SfuModels.TrackType.VIDEO],
|
|
45
45
|
sessionId: P_IDS.REMOTE_1,
|
|
46
46
|
userId: P_IDS.REMOTE_1,
|
|
47
47
|
}),
|
|
@@ -51,10 +51,10 @@ describe('CallParticipants', () => {
|
|
|
51
51
|
});
|
|
52
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
|
-
const participant1 = (0, RNTLTools_1.within)(RNTLTools_1.screen.getByTestId(`participant-${P_IDS.REMOTE_1}`));
|
|
54
|
+
const participant1 = (0, RNTLTools_1.within)(RNTLTools_1.screen.getByTestId(`participant-${P_IDS.REMOTE_1}-is-not-speaking`));
|
|
55
55
|
// shows the local participant floating view?
|
|
56
56
|
expect(await RNTLTools_1.screen.findByTestId(TestIds_1.ComponentTestIds.LOCAL_PARTICIPANT)).toBeVisible();
|
|
57
|
-
expect(participant1.getByTestId(TestIds_1.ComponentTestIds.PARTICIPANT_MEDIA_STREAM)).toHaveProp('streamURL', '
|
|
57
|
+
expect(participant1.getByTestId(TestIds_1.ComponentTestIds.PARTICIPANT_MEDIA_STREAM)).toHaveProp('streamURL', 'video-test-url');
|
|
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
|
});
|
|
@@ -122,17 +122,15 @@ describe('CallParticipants', () => {
|
|
|
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.getByTestId(`participant-${P_IDS.LOCAL_1}`));
|
|
126
|
-
const
|
|
127
|
-
const
|
|
128
|
-
const participant3 = (0, RNTLTools_1.within)(RNTLTools_1.screen.getByTestId(`participant-${P_IDS.REMOTE_3}`));
|
|
125
|
+
const localParticipant = (0, RNTLTools_1.within)(RNTLTools_1.screen.getByTestId(`participant-${P_IDS.LOCAL_1}-is-not-speaking`));
|
|
126
|
+
const participant2 = (0, RNTLTools_1.within)(RNTLTools_1.screen.getByTestId(`participant-${P_IDS.REMOTE_2}-is-not-speaking`));
|
|
127
|
+
const participant3 = (0, RNTLTools_1.within)(RNTLTools_1.screen.getByTestId(`participant-${P_IDS.REMOTE_3}-is-not-speaking`));
|
|
129
128
|
// Verifying that the local partic.'s video/audio are rendered within their respective participant
|
|
130
129
|
expect(localParticipant.getByTestId(TestIds_1.ComponentTestIds.PARTICIPANT_MEDIA_STREAM)).toHaveProp('streamURL', 'video-test-url');
|
|
131
|
-
expect(participant1.getByTestId(TestIds_1.ComponentTestIds.PARTICIPANT_MEDIA_STREAM)).toHaveProp('streamURL', 'audio-test-url');
|
|
132
130
|
expect(participant2.getByTestId(TestIds_1.ComponentTestIds.PARTICIPANT_MEDIA_STREAM)).toHaveProp('streamURL', 'video-test-url');
|
|
133
131
|
expect(participant3.getByTestId(TestIds_1.ComponentTestIds.PARTICIPANT_MEDIA_STREAM)).toHaveProp('streamURL', 'video-test-url');
|
|
134
132
|
// Verifying no extra/unknown RTCViews are rendered
|
|
135
|
-
expect(RNTLTools_1.screen.getAllByTestId(TestIds_1.ComponentTestIds.PARTICIPANT_MEDIA_STREAM)).toHaveLength(
|
|
133
|
+
expect(RNTLTools_1.screen.getAllByTestId(TestIds_1.ComponentTestIds.PARTICIPANT_MEDIA_STREAM)).toHaveLength(3);
|
|
136
134
|
});
|
|
137
135
|
});
|
|
138
136
|
//# sourceMappingURL=CallParticipants.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CallParticipants.test.js","sourceRoot":"","sources":["../../../__tests__/components/CallParticipants.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,4CAAqD;AACrD,0DAAoD;AACpD,uEAAmD;AACnD,yDAA+D;AAC/D,wCAAyC;AACzC,kDAAiE;AACjE,qDAAmD;AAGnD,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AACzB,IAAI,CAAC,aAAa,EAAE,CAAC;AAErB,IAAK,KAKJ;AALD,WAAK,KAAK;IACR,4BAAmB,CAAA;IACnB,8BAAqB,CAAA;IACrB,8BAAqB,CAAA;IACrB,8BAAqB,CAAA;AACvB,CAAC,EALI,KAAK,KAAL,KAAK,QAKT;AAED,MAAM,8BAA8B,GAAG,KAAK,EAC1C,aAA+B,EAC/B,EAAE;IACF,MAAM,QAAQ,GAAG,MAAM,kBAAM,CAAC,YAAY,CACxC,0BAAgB,CAAC,sBAAsB,CACxC,CAAC;IACF,MAAM,IAAA,eAAG,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,KAAK,CAAC,sBAAsB,CAAC;YACpC,aAAa;SACd,CAAC,CAAC;QACH,2DAA2D;QAC3D,wDAAwD;QACxD,kDAAkD;QAClD,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,6FAA6F,EAAE,KAAK,IAAI,EAAE;QAC3G,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,SAAS,EAAE,KAAK,CAAC,QAAQ;gBACzB,MAAM,EAAE,KAAK,CAAC,QAAQ;aACvB,CAAC;SACH,CAAC,CAAC;QAEH,IAAA,kBAAM,EAAC,CAAC,wBAAW,CAAC,AAAD,EAAG,EAAE;YACtB,IAAI;SACL,CAAC,CAAC;QAEH,MAAM,CACJ,MAAM,kBAAM,CAAC,YAAY,CAAC,0BAAgB,CAAC,sBAAsB,CAAC,CACnE,CAAC,WAAW,EAAE,CAAC;QAEhB,gEAAgE;QAChE,MAAM,YAAY,GAAG,IAAA,kBAAM,EACzB,kBAAM,CAAC,WAAW,CAAC,eAAe,KAAK,CAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"CallParticipants.test.js","sourceRoot":"","sources":["../../../__tests__/components/CallParticipants.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,20 +8,20 @@ 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 ParticipantView_1 = require("../../src/components/participants/ParticipantView");
|
|
12
12
|
console.warn = jest.fn();
|
|
13
13
|
jest.useFakeTimers();
|
|
14
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
|
-
image:
|
|
17
|
+
image: 'https://picsum.photos/200/300',
|
|
18
18
|
publishedTracks: [],
|
|
19
19
|
reaction: {
|
|
20
20
|
type: 'reaction',
|
|
21
21
|
emoji_code: ':fireworks:',
|
|
22
22
|
},
|
|
23
23
|
});
|
|
24
|
-
(0, RNTLTools_1.render)(<
|
|
24
|
+
(0, RNTLTools_1.render)(<ParticipantView_1.ParticipantView participant={testParticipant} videoMode={'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();
|
|
@@ -30,7 +30,7 @@ describe('Participant', () => {
|
|
|
30
30
|
await (0, RNTLTools_1.act)(() => jest.advanceTimersByTime(5500));
|
|
31
31
|
expect(() => RNTLTools_1.screen.getByText('🎉')).toThrow(/unable to find an element with text: 🎉/i);
|
|
32
32
|
});
|
|
33
|
-
it('should render participant`s screen when of screen
|
|
33
|
+
it('should render participant`s screen when of screen mode', async () => {
|
|
34
34
|
const testParticipant = (0, participant_1.default)({
|
|
35
35
|
image: undefined,
|
|
36
36
|
publishedTracks: [video_client_1.SfuModels.TrackType.SCREEN_SHARE],
|
|
@@ -38,29 +38,25 @@ describe('Participant', () => {
|
|
|
38
38
|
toURL: () => 'test-url',
|
|
39
39
|
},
|
|
40
40
|
});
|
|
41
|
-
(0, RNTLTools_1.render)(<
|
|
41
|
+
(0, RNTLTools_1.render)(<ParticipantView_1.ParticipantView participant={testParticipant} videoMode={'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();
|
|
45
45
|
});
|
|
46
|
-
it('should render participant`s video and audio when of video
|
|
46
|
+
it('should render participant`s video and audio when of video mode and partic. speaks', async () => {
|
|
47
47
|
const testParticipant = (0, participant_1.default)({
|
|
48
48
|
image: undefined,
|
|
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)(<
|
|
53
|
-
const [VideoRTCView
|
|
52
|
+
(0, RNTLTools_1.render)(<ParticipantView_1.ParticipantView participant={testParticipant} videoMode={'video'}/>);
|
|
53
|
+
const [VideoRTCView] = 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
|
|
56
56
|
expect(VideoRTCView).toBeOnTheScreen();
|
|
57
57
|
expect(VideoRTCView).toHaveProp('streamURL', 'video-test-url');
|
|
58
|
-
expect(AudioRTCView).toBeOnTheScreen();
|
|
59
|
-
expect(AudioRTCView).toHaveProp('streamURL', 'audio-test-url');
|
|
60
58
|
// Participant is speaking style is applied
|
|
61
|
-
expect(RNTLTools_1.screen.
|
|
62
|
-
text: TestIds_1.ValueTestIds.PARTICIPANTS_IS_SPEAKING,
|
|
63
|
-
})).toBeOnTheScreen();
|
|
59
|
+
expect(RNTLTools_1.screen.getByTestId(`participant-${testParticipant.userId}-is-speaking`)).toBeOnTheScreen();
|
|
64
60
|
});
|
|
65
61
|
});
|
|
66
|
-
//# sourceMappingURL=
|
|
62
|
+
//# sourceMappingURL=ParticipantView.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ParticipantView.test.js","sourceRoot":"","sources":["../../../__tests__/components/ParticipantView.test.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -13,6 +13,9 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
|
|
|
13
13
|
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
17
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
18
|
+
};
|
|
16
19
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
20
|
exports.useMediaStreamManagement = exports.MediaStreamManagement = exports.StreamCall = exports.StreamVideo = void 0;
|
|
18
21
|
const setClientDetails_1 = require("./src/utils/setClientDetails");
|
|
@@ -23,6 +26,7 @@ require("react-native-url-polyfill/auto");
|
|
|
23
26
|
/** i18next polyfill to handle intl format for pluralization. For more info see https://www.i18next.com/misc/json-format#i-18-next-json-v4 */
|
|
24
27
|
require("intl-pluralrules");
|
|
25
28
|
const react_native_webrtc_1 = require("react-native-webrtc");
|
|
29
|
+
const Logger_1 = __importDefault(require("react-native-webrtc/src/Logger"));
|
|
26
30
|
const react_native_1 = require("react-native");
|
|
27
31
|
// We're registering globals, because our video JS client is serving SDKs that use browser based webRTC functions.
|
|
28
32
|
// This will result in creation of 2 global objects: `window` and `navigator`
|
|
@@ -30,6 +34,8 @@ const react_native_1 = require("react-native");
|
|
|
30
34
|
if (react_native_1.Platform.OS !== 'web') {
|
|
31
35
|
(0, react_native_webrtc_1.registerGlobals)();
|
|
32
36
|
}
|
|
37
|
+
// only enable warning and error logs from webrtc library
|
|
38
|
+
Logger_1.default.enable(`${Logger_1.default.ROOT_PREFIX}:(WARN|ERROR)`);
|
|
33
39
|
__exportStar(require("@stream-io/i18n"), exports);
|
|
34
40
|
__exportStar(require("@stream-io/video-client"), exports);
|
|
35
41
|
__exportStar(require("@stream-io/video-react-bindings"), exports);
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,mEAAgE;AAChE,+CAA+C;AAC/C,kCAAgC;AAChC,8BAA8B;AAC9B,0CAAwC;AACxC,6IAA6I;AAC7I,4BAA0B;AAC1B,6DAAsD;AACtD,4EAAoD;AACpD,+CAAwC;AAExC,kHAAkH;AAClH,6EAA6E;AAC7E,sKAAsK;AACtK,IAAI,uBAAQ,CAAC,EAAE,KAAK,KAAK,EAAE;IACzB,IAAA,qCAAe,GAAE,CAAC;CACnB;AAED,yDAAyD;AACzD,gBAAM,CAAC,MAAM,CAAC,GAAG,gBAAM,CAAC,WAAW,eAAe,CAAC,CAAC;AAEpD,kDAAgC;AAChC,0DAAwC;AACxC,kEAAgD;AAChD,mDAAiC;AACjC,iDAA+B;AAC/B,8CAA4B;AAC5B,8CAA4B;AAC5B,8CAA4B;AAC5B,qDAAmC;AAEnC,kEAAkE;AAClE,gDAAgD;AAChD,6CAKyB;AAJvB,wGAAA,WAAW,OAAA;AACX,uGAAA,UAAU,OAAA;AACV,kHAAA,qBAAqB,OAAA;AACrB,qHAAA,wBAAwB,OAAA;AAG1B,IAAA,mCAAgB,GAAE,CAAC"}
|
|
@@ -26,7 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
26
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 ParticipantView_1 = require("../participants/ParticipantView");
|
|
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");
|
|
@@ -116,14 +116,16 @@ const CallParticipantsList = (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 (<ParticipantView_1.ParticipantView participant={participant} style={itemContainerStyle} videoMode="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) => {
|
|
127
|
+
return (<ParticipantView_1.ParticipantView participant={participant} style={styles.flexed} videoMode="video" key={keyExtractor(participant, index)}/>);
|
|
128
|
+
})}
|
|
127
129
|
</>);
|
|
128
130
|
}
|
|
129
131
|
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
|
|
@@ -138,7 +140,6 @@ const styles = react_native_1.StyleSheet.create({
|
|
|
138
140
|
participantWrapperHorizontal: {
|
|
139
141
|
// note: if marginHorizontal is changed, be sure to change the width calculation in calculateParticipantViewSize function
|
|
140
142
|
marginHorizontal: theme_1.theme.margin.sm,
|
|
141
|
-
overflow: 'hidden',
|
|
142
143
|
borderRadius: theme_1.theme.rounded.sm,
|
|
143
144
|
},
|
|
144
145
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CallParticipantsList.js","sourceRoot":"","sources":["../../../../src/components/call/CallParticipantsList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAMe;AACf,+CAA0E;AAC1E,
|
|
1
|
+
{"version":3,"file":"CallParticipantsList.js","sourceRoot":"","sources":["../../../../src/components/call/CallParticipantsList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,10 +10,10 @@ const icons_1 = require("../../icons");
|
|
|
10
10
|
const video_react_bindings_1 = require("@stream-io/video-react-bindings");
|
|
11
11
|
const theme_1 = require("../../theme");
|
|
12
12
|
const hooks_1 = require("../../hooks");
|
|
13
|
-
const VideoRenderer_1 = require("../utility/internal/VideoRenderer");
|
|
14
13
|
const Avatar_1 = require("../utility/Avatar");
|
|
15
14
|
const constants_1 = require("../../constants");
|
|
16
15
|
const MediaStreamManagement_1 = require("../../providers/MediaStreamManagement");
|
|
16
|
+
const react_native_webrtc_1 = require("react-native-webrtc");
|
|
17
17
|
const ToggleAudioPreviewButton_1 = require("./CallControls/ToggleAudioPreviewButton");
|
|
18
18
|
const ToggleVideoPreviewButton_1 = require("./CallControls/ToggleVideoPreviewButton");
|
|
19
19
|
const Lobby = ({ joinCallButton }) => {
|
|
@@ -40,7 +40,7 @@ const Lobby = ({ joinCallButton }) => {
|
|
|
40
40
|
</react_native_1.Text>
|
|
41
41
|
<react_native_1.View style={styles.videoView}>
|
|
42
42
|
<react_native_1.View style={styles.topView}/>
|
|
43
|
-
{isVideoAvailable ? (<
|
|
43
|
+
{isVideoAvailable ? (<react_native_webrtc_1.RTCView mirror={isCameraOnFrontFacingMode} streamURL={localVideoStream?.toURL()} objectFit="cover" style={react_native_1.StyleSheet.absoluteFillObject}/>) : (<Avatar_1.Avatar participant={connectedUserAsParticipant}/>)}
|
|
44
44
|
<ParticipantStatus />
|
|
45
45
|
</react_native_1.View>
|
|
46
46
|
<react_native_1.View style={styles.buttonGroup}>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Lobby.js","sourceRoot":"","sources":["../../../../src/components/call/Lobby.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAAiE;AACjE,uCAAqC;AACrC,0EAKyC;AACzC,uCAAoC;AACpC,uCAAkD;AAClD,
|
|
1
|
+
{"version":3,"file":"Lobby.js","sourceRoot":"","sources":["../../../../src/components/call/Lobby.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,13 +7,13 @@ exports.OutgoingCall = void 0;
|
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const react_native_1 = require("react-native");
|
|
9
9
|
const UserInfo_1 = require("./internal/UserInfo");
|
|
10
|
-
const VideoRenderer_1 = require("../utility/internal/VideoRenderer");
|
|
11
10
|
const useLocalVideoStream_1 = require("../../hooks/useLocalVideoStream");
|
|
12
11
|
const theme_1 = require("../../theme");
|
|
13
12
|
const constants_1 = require("../../constants");
|
|
14
13
|
const MediaStreamManagement_1 = require("../../providers/MediaStreamManagement");
|
|
15
14
|
const HangupCallButton_1 = require("./CallControls/HangupCallButton");
|
|
16
15
|
const video_react_bindings_1 = require("@stream-io/video-react-bindings");
|
|
16
|
+
const react_native_webrtc_1 = require("react-native-webrtc");
|
|
17
17
|
const ToggleAudioPreviewButton_1 = require("./CallControls/ToggleAudioPreviewButton");
|
|
18
18
|
const ToggleVideoPreviewButton_1 = require("./CallControls/ToggleVideoPreviewButton");
|
|
19
19
|
/**
|
|
@@ -47,7 +47,7 @@ const Background = () => {
|
|
|
47
47
|
return <react_native_1.View style={styles.background}/>;
|
|
48
48
|
}
|
|
49
49
|
return (<react_native_1.View style={styles.background}>
|
|
50
|
-
<
|
|
50
|
+
<react_native_webrtc_1.RTCView streamURL={localVideoStream?.toURL()} zOrder={constants_1.Z_INDEX.IN_BACK} style={react_native_1.StyleSheet.absoluteFill} mirror/>
|
|
51
51
|
</react_native_1.View>);
|
|
52
52
|
};
|
|
53
53
|
const styles = react_native_1.StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OutgoingCall.js","sourceRoot":"","sources":["../../../../src/components/call/OutgoingCall.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAAsD;AACtD,kDAA+C;AAC/C,
|
|
1
|
+
{"version":3,"file":"OutgoingCall.js","sourceRoot":"","sources":["../../../../src/components/call/OutgoingCall.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ const react_1 = __importDefault(require("react"));
|
|
|
8
8
|
const video_client_1 = require("@stream-io/video-client");
|
|
9
9
|
const video_react_bindings_1 = require("@stream-io/video-react-bindings");
|
|
10
10
|
const react_native_1 = require("react-native");
|
|
11
|
-
const
|
|
11
|
+
const ParticipantView_1 = require("../../participants/ParticipantView");
|
|
12
12
|
const theme_1 = require("../../../theme");
|
|
13
13
|
const useDebouncedValue_1 = require("../../../utils/hooks/useDebouncedValue");
|
|
14
14
|
const TestIds_1 = require("../../../constants/TestIds");
|
|
@@ -29,7 +29,7 @@ const CallParticipantsSpotlight = () => {
|
|
|
29
29
|
return <participants_1.LocalParticipantView layout={'fullscreen'}/>;
|
|
30
30
|
}
|
|
31
31
|
return (<react_native_1.View testID={TestIds_1.ComponentTestIds.CALL_PARTICIPANTS_SPOTLIGHT} style={styles.container}>
|
|
32
|
-
{participantInSpotlight && (<
|
|
32
|
+
{participantInSpotlight && (<ParticipantView_1.ParticipantView participant={participantInSpotlight} style={styles.participantView} videoMode={isScreenShareOnSpotlight ? 'screen' : 'video'}/>)}
|
|
33
33
|
<react_native_1.View style={styles.participantVideoContainer}>
|
|
34
34
|
<CallParticipantsList_1.CallParticipantsList participants={isScreenShareOnSpotlight ? allParticipants : otherParticipants} horizontal/>
|
|
35
35
|
</react_native_1.View>
|
|
@@ -37,16 +37,20 @@ const CallParticipantsSpotlight = () => {
|
|
|
37
37
|
};
|
|
38
38
|
exports.CallParticipantsSpotlight = CallParticipantsSpotlight;
|
|
39
39
|
const styles = react_native_1.StyleSheet.create({
|
|
40
|
-
container: {
|
|
40
|
+
container: {
|
|
41
|
+
flex: 1,
|
|
42
|
+
paddingVertical: theme_1.theme.padding.sm,
|
|
43
|
+
backgroundColor: theme_1.theme.light.static_grey,
|
|
44
|
+
},
|
|
41
45
|
participantView: {
|
|
42
46
|
flex: 2,
|
|
43
47
|
overflow: 'hidden',
|
|
44
48
|
borderRadius: theme_1.theme.rounded.sm,
|
|
45
49
|
marginHorizontal: theme_1.theme.padding.sm,
|
|
50
|
+
marginBottom: theme_1.theme.padding.sm,
|
|
46
51
|
},
|
|
47
52
|
participantVideoContainer: {
|
|
48
53
|
flex: 1,
|
|
49
|
-
paddingVertical: theme_1.theme.padding.sm,
|
|
50
54
|
},
|
|
51
55
|
});
|
|
52
56
|
//# sourceMappingURL=CallParticipantsSpotlight.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CallParticipantsSpotlight.js","sourceRoot":"","sources":["../../../../../src/components/call/internal/CallParticipantsSpotlight.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,0DAIiC;AACjC,0EAAoE;AACpE,+CAAgD;AAChD,
|
|
1
|
+
{"version":3,"file":"CallParticipantsSpotlight.js","sourceRoot":"","sources":["../../../../../src/components/call/internal/CallParticipantsSpotlight.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,0DAIiC;AACjC,0EAAoE;AACpE,+CAAgD;AAChD,wEAAqE;AACrE,0CAAuC;AACvC,8EAA2E;AAC3E,wDAA8D;AAC9D,0EAAuE;AACvE,qDAA0D;AAE1D,MAAM,cAAc,GAAG,CAAC,CAAyB,EAAE,EAAE,CACnD,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC,wBAAS,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;AAExD,MAAM,yBAAyB,GAAG,GAAG,EAAE;IAC5C,MAAM,EAAE,eAAe,EAAE,qBAAqB,EAAE,GAAG,IAAA,wCAAiB,GAAE,CAAC;IACvE,MAAM,gBAAgB,GAAG,eAAe,CAAC;QACvC,MAAM,EAAE,sCAAuB;KAChC,CAAC,CAAC;IACH,MAAM,mBAAmB,GAAG,qBAAqB,EAAE,CAAC;IACpD,MAAM,eAAe,GAAG,IAAA,qCAAiB,EAAC,gBAAgB,EAAE,GAAG,CAAC,CAAC,CAAC,oIAAoI;IACtM,MAAM,CAAC,sBAAsB,EAAE,GAAG,iBAAiB,CAAC,GAAG,eAAe,CAAC;IACvE,MAAM,wBAAwB,GAAG,cAAc,CAAC,sBAAsB,CAAC,CAAC;IACxE,MAAM,iBAAiB,GAAG,mBAAmB,EAAE,MAAM,KAAK,CAAC,CAAC;IAE5D,IAAI,iBAAiB,EAAE;QACrB,OAAO,CAAC,mCAAoB,CAAC,MAAM,CAAC,CAAC,YAAY,CAAC,EAAG,CAAC;KACvD;IAED,OAAO,CACL,CAAC,mBAAI,CACH,MAAM,CAAC,CAAC,0BAAgB,CAAC,2BAA2B,CAAC,CACrD,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAExB;MAAA,CAAC,sBAAsB,IAAI,CACzB,CAAC,iCAAe,CACd,WAAW,CAAC,CAAC,sBAAsB,CAAC,CACpC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAC9B,SAAS,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,EACzD,CACH,CACD;MAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,yBAAyB,CAAC,CAC5C;QAAA,CAAC,2CAAoB,CACnB,YAAY,CAAC,CACX,wBAAwB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,CAC/D,CACD,UAAU,EAEd;MAAA,EAAE,mBAAI,CACR;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,yBAAyB,6BAqCpC;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;QACP,eAAe,EAAE,aAAK,CAAC,OAAO,CAAC,EAAE;QACjC,eAAe,EAAE,aAAK,CAAC,KAAK,CAAC,WAAW;KACzC;IACD,eAAe,EAAE;QACf,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,aAAK,CAAC,OAAO,CAAC,EAAE;QAC9B,gBAAgB,EAAE,aAAK,CAAC,OAAO,CAAC,EAAE;QAClC,YAAY,EAAE,aAAK,CAAC,OAAO,CAAC,EAAE;KAC/B;IACD,yBAAyB,EAAE;QACzB,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC"}
|
|
@@ -15,10 +15,10 @@ const providers_1 = require("../../../providers");
|
|
|
15
15
|
const theme_1 = require("../../../theme");
|
|
16
16
|
const hooks_1 = require("../../../utils/hooks");
|
|
17
17
|
const utility_1 = require("../../utility");
|
|
18
|
-
const
|
|
19
|
-
const ParticipantReaction_1 = require("../internal/ParticipantReaction");
|
|
18
|
+
const ParticipantReaction_1 = require("../ParticipantReaction");
|
|
20
19
|
const common_1 = require("./FloatingView/common");
|
|
21
20
|
const FloatingView_1 = __importDefault(require("./FloatingView"));
|
|
21
|
+
const react_native_webrtc_1 = require("react-native-webrtc");
|
|
22
22
|
/**
|
|
23
23
|
* A component to render the local participant's video.
|
|
24
24
|
*/
|
|
@@ -40,9 +40,9 @@ const LocalParticipantView = (props) => {
|
|
|
40
40
|
if (layout === 'fullscreen') {
|
|
41
41
|
return (<react_native_1.View testID={TestIds_1.ComponentTestIds.LOCAL_PARTICIPANT_FULLSCREEN} style={styles.fullScreenContainer}>
|
|
42
42
|
<react_native_1.View style={styles.topView}>
|
|
43
|
-
<ParticipantReaction_1.ParticipantReaction
|
|
43
|
+
<ParticipantReaction_1.ParticipantReaction participant={localParticipant}/>
|
|
44
44
|
</react_native_1.View>
|
|
45
|
-
{isVideoMuted ? (<utility_1.Avatar participant={localParticipant}/>) : showBlankStream ? (<react_native_1.View style={styles.videoStreamFullScreen}/>) : (<
|
|
45
|
+
{isVideoMuted ? (<utility_1.Avatar participant={localParticipant}/>) : showBlankStream ? (<react_native_1.View style={styles.videoStreamFullScreen}/>) : (<react_native_webrtc_1.RTCView mirror={debouncedCameraOnFrontFacingMode} streamURL={localParticipant.videoStream?.toURL()} style={styles.videoStreamFullScreen}/>)}
|
|
46
46
|
</react_native_1.View>);
|
|
47
47
|
}
|
|
48
48
|
return (<react_native_1.View testID={TestIds_1.ComponentTestIds.LOCAL_PARTICIPANT} style={styles.floatingContainer}
|
|
@@ -63,11 +63,11 @@ const LocalParticipantView = (props) => {
|
|
|
63
63
|
{containerDimensions && (<FloatingView_1.default containerHeight={containerDimensions.height} containerWidth={containerDimensions.width} initialAlignment={common_1.FloatingViewAlignment.topRight}>
|
|
64
64
|
<react_native_1.View style={styles.floatingViewContainer}>
|
|
65
65
|
<react_native_1.View style={styles.topView}>
|
|
66
|
-
<ParticipantReaction_1.ParticipantReaction
|
|
66
|
+
<ParticipantReaction_1.ParticipantReaction participant={localParticipant}/>
|
|
67
67
|
</react_native_1.View>
|
|
68
68
|
{isVideoMuted ? (<react_native_1.View style={theme_1.theme.icon.md}>
|
|
69
69
|
<icons_1.VideoSlash color={theme_1.theme.light.static_white}/>
|
|
70
|
-
</react_native_1.View>) : showBlankStream ? (<react_native_1.View style={styles.videoStream}/>) : (<
|
|
70
|
+
</react_native_1.View>) : showBlankStream ? (<react_native_1.View style={styles.videoStream}/>) : (<react_native_webrtc_1.RTCView mirror={debouncedCameraOnFrontFacingMode} streamURL={localParticipant.videoStream?.toURL()} style={styles.videoStream}
|
|
71
71
|
// zOrder should higher than the zOrder used in the ParticipantView
|
|
72
72
|
zOrder={constants_1.Z_INDEX.IN_MIDDLE}/>)}
|
|
73
73
|
</react_native_1.View>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/participants/LocalParticipantView/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAAsE;AACtE,0EAAoE;AACpE,0DAAoD;AACpD,kDAAqE;AACrE,wDAA8D;AAC9D,0CAA4C;AAC5C,kDAA8D;AAC9D,0CAAuC;AACvC,gDAAyD;AACzD,2CAAuC;AACvC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/participants/LocalParticipantView/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.ParticipantLabel = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const react_native_1 = require("react-native");
|
|
9
|
+
const icons_1 = require("../../icons");
|
|
10
|
+
const theme_1 = require("../../theme");
|
|
11
|
+
const video_react_bindings_1 = require("@stream-io/video-react-bindings");
|
|
12
|
+
const providers_1 = require("../../providers");
|
|
13
|
+
const TestIds_1 = require("../../constants/TestIds");
|
|
14
|
+
const constants_1 = require("../../constants");
|
|
15
|
+
const ParticipantLabel = ({ participant, videoMode, }) => {
|
|
16
|
+
const { name, userId, pin, sessionId } = participant;
|
|
17
|
+
const call = (0, video_react_bindings_1.useCall)();
|
|
18
|
+
const { isAudioMuted, isVideoMuted } = (0, providers_1.useMediaStreamManagement)();
|
|
19
|
+
const { t } = (0, video_react_bindings_1.useI18n)();
|
|
20
|
+
const participantLabel = name ?? userId;
|
|
21
|
+
const isPinningEnabled = pin?.isLocalPin;
|
|
22
|
+
const unPinParticipantHandler = () => {
|
|
23
|
+
call?.unpin(sessionId);
|
|
24
|
+
};
|
|
25
|
+
if (videoMode === 'video') {
|
|
26
|
+
return (<react_native_1.View style={styles.status}>
|
|
27
|
+
<react_native_1.Text style={styles.userNameLabel} numberOfLines={1}>
|
|
28
|
+
{participantLabel}
|
|
29
|
+
</react_native_1.Text>
|
|
30
|
+
{isAudioMuted && (<react_native_1.View style={[styles.svgContainerStyle, theme_1.theme.icon.xs]}>
|
|
31
|
+
<icons_1.MicOff color={theme_1.theme.light.error}/>
|
|
32
|
+
</react_native_1.View>)}
|
|
33
|
+
{isVideoMuted && (<react_native_1.View style={[styles.svgContainerStyle, theme_1.theme.icon.xs]}>
|
|
34
|
+
<icons_1.VideoSlash color={theme_1.theme.light.error}/>
|
|
35
|
+
</react_native_1.View>)}
|
|
36
|
+
{isPinningEnabled && (<react_native_1.Pressable style={[styles.svgContainerStyle, theme_1.theme.icon.xs]} onPress={unPinParticipantHandler}>
|
|
37
|
+
<icons_1.PinVertical color={theme_1.theme.light.static_white}/>
|
|
38
|
+
</react_native_1.Pressable>)}
|
|
39
|
+
</react_native_1.View>);
|
|
40
|
+
}
|
|
41
|
+
else if (videoMode === 'screen') {
|
|
42
|
+
return (<react_native_1.View style={styles.status} testID={TestIds_1.ComponentTestIds.PARTICIPANT_SCREEN_SHARING}>
|
|
43
|
+
<react_native_1.View style={[{ marginRight: theme_1.theme.margin.sm }, theme_1.theme.icon.md]}>
|
|
44
|
+
<icons_1.ScreenShare color={theme_1.theme.light.static_white}/>
|
|
45
|
+
</react_native_1.View>
|
|
46
|
+
<react_native_1.Text style={styles.userNameLabel} numberOfLines={1}>
|
|
47
|
+
{t('{{ userName }} is sharing their screen', {
|
|
48
|
+
userName: participantLabel,
|
|
49
|
+
})}
|
|
50
|
+
</react_native_1.Text>
|
|
51
|
+
</react_native_1.View>);
|
|
52
|
+
}
|
|
53
|
+
return <></>;
|
|
54
|
+
};
|
|
55
|
+
exports.ParticipantLabel = ParticipantLabel;
|
|
56
|
+
const styles = react_native_1.StyleSheet.create({
|
|
57
|
+
status: {
|
|
58
|
+
alignSelf: 'flex-end',
|
|
59
|
+
flexDirection: 'row',
|
|
60
|
+
alignItems: 'center',
|
|
61
|
+
padding: theme_1.theme.padding.sm,
|
|
62
|
+
borderRadius: theme_1.theme.rounded.xs,
|
|
63
|
+
backgroundColor: theme_1.theme.light.static_overlay,
|
|
64
|
+
flexShrink: 1,
|
|
65
|
+
zIndex: constants_1.Z_INDEX.IN_FRONT,
|
|
66
|
+
},
|
|
67
|
+
userNameLabel: {
|
|
68
|
+
flexShrink: 1,
|
|
69
|
+
color: theme_1.theme.light.static_white,
|
|
70
|
+
...theme_1.theme.fonts.caption,
|
|
71
|
+
},
|
|
72
|
+
svgContainerStyle: {
|
|
73
|
+
marginLeft: theme_1.theme.margin.xs,
|
|
74
|
+
},
|
|
75
|
+
});
|
|
76
|
+
//# sourceMappingURL=ParticipantLabel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ParticipantLabel.js","sourceRoot":"","sources":["../../../../src/components/participants/ParticipantLabel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ParticipantViewProps } from './ParticipantView';
|
|
2
|
+
/**
|
|
3
|
+
* Props to be passed for the NetworkQualityIndicator component.
|
|
4
|
+
*/
|
|
5
|
+
export type ParticipantNetworkQualityIndicatorProps = Pick<ParticipantViewProps, 'participant'>;
|
|
6
|
+
export declare const ParticipantNetworkQualityIndicator: ({ participant, }: ParticipantNetworkQualityIndicatorProps) => JSX.Element | null;
|