@stream-io/video-react-native-sdk 0.0.1-alpha.378 → 0.0.1-alpha.379
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 +9 -0
- package/dist/__tests__/components/CallParticipantsGrid.test.js +2 -17
- package/dist/__tests__/components/CallParticipantsGrid.test.js.map +1 -1
- package/dist/__tests__/components/CallParticipantsSpotlight.test.js +2 -2
- package/dist/__tests__/components/CallParticipantsSpotlight.test.js.map +1 -1
- package/dist/src/components/Call/CallContent/CallContent.d.ts +21 -0
- package/dist/src/components/Call/CallContent/CallContent.js +76 -0
- package/dist/src/components/Call/CallContent/CallContent.js.map +1 -0
- package/dist/src/components/Call/CallContent/index.d.ts +1 -0
- package/dist/src/components/Call/CallContent/index.js +18 -0
- package/dist/src/components/Call/CallContent/index.js.map +1 -0
- package/dist/src/components/Call/CallLayout/CallParticipantsGrid.d.ts +6 -2
- package/dist/src/components/Call/CallLayout/CallParticipantsGrid.js +4 -10
- package/dist/src/components/Call/CallLayout/CallParticipantsGrid.js.map +1 -1
- package/dist/src/components/Call/CallLayout/CallParticipantsSpotlight.d.ts +8 -2
- package/dist/src/components/Call/CallLayout/CallParticipantsSpotlight.js +8 -10
- package/dist/src/components/Call/CallLayout/CallParticipantsSpotlight.js.map +1 -1
- package/dist/src/components/Call/CallTopView/CallTopView.js +1 -2
- package/dist/src/components/Call/CallTopView/CallTopView.js.map +1 -1
- package/dist/src/components/Call/index.d.ts +1 -0
- package/dist/src/components/Call/index.js +1 -0
- package/dist/src/components/Call/index.js.map +1 -1
- package/dist/src/components/Participant/LocalParticipantView/index.d.ts +2 -23
- package/dist/src/components/Participant/LocalParticipantView/index.js +1 -25
- package/dist/src/components/Participant/LocalParticipantView/index.js.map +1 -1
- package/dist/src/components/Participant/ParticipantView/ParticipantLabel.js +21 -23
- package/dist/src/components/Participant/ParticipantView/ParticipantLabel.js.map +1 -1
- package/dist/src/components/Participant/ParticipantView/ParticipantReaction.d.ts +1 -1
- package/dist/src/components/Participant/ParticipantView/ParticipantReaction.js +1 -2
- package/dist/src/components/Participant/ParticipantView/ParticipantReaction.js.map +1 -1
- package/dist/src/constants/TestIds.d.ts +0 -1
- package/dist/src/constants/TestIds.js +0 -1
- package/dist/src/constants/TestIds.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/package.json +1 -1
- package/src/components/Call/CallContent/CallContent.tsx +135 -0
- package/src/components/Call/CallContent/index.ts +1 -0
- package/src/components/Call/CallLayout/CallParticipantsGrid.tsx +32 -38
- package/src/components/Call/CallLayout/CallParticipantsSpotlight.tsx +39 -42
- package/src/components/Call/CallTopView/CallTopView.tsx +2 -5
- package/src/components/Call/index.ts +1 -0
- package/src/components/Participant/LocalParticipantView/index.tsx +3 -64
- package/src/components/Participant/ParticipantView/ParticipantLabel.tsx +33 -33
- package/src/components/Participant/ParticipantView/ParticipantReaction.tsx +4 -2
- package/src/constants/TestIds.ts +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
|
|
4
4
|
|
|
5
|
+
## [0.0.1-alpha.379](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.378...@stream-io/video-react-native-sdk-0.0.1-alpha.379) (2023-08-16)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
* **react-native:** add CallContent component with customization of inner components ([#933](https://github.com/GetStream/stream-video-js/issues/933)) ([1fe896f](https://github.com/GetStream/stream-video-js/commit/1fe896fe2207878afc2e795f4707cc0a046fd51c))
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
5
14
|
## [0.0.1-alpha.378](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.1-alpha.377...@stream-io/video-react-native-sdk-0.0.1-alpha.378) (2023-08-16)
|
|
6
15
|
|
|
7
16
|
|
|
@@ -21,21 +21,6 @@ var P_IDS;
|
|
|
21
21
|
P_IDS["REMOTE_3"] = "remote-3";
|
|
22
22
|
})(P_IDS || (P_IDS = {}));
|
|
23
23
|
describe('CallParticipantsGrid', () => {
|
|
24
|
-
it('should render an local video when only 1 participant present in the call', async () => {
|
|
25
|
-
const call = (0, call_1.mockCall)((0, client_1.mockClientWithUser)(), [
|
|
26
|
-
(0, participant_1.default)({
|
|
27
|
-
isLocalParticipant: true,
|
|
28
|
-
sessionId: P_IDS.LOCAL_1,
|
|
29
|
-
userId: P_IDS.LOCAL_1,
|
|
30
|
-
publishedTracks: [video_client_1.SfuModels.TrackType.AUDIO],
|
|
31
|
-
videoStream: null,
|
|
32
|
-
}),
|
|
33
|
-
]);
|
|
34
|
-
(0, RNTLTools_1.render)(<components_1.CallParticipantsGrid />, {
|
|
35
|
-
call,
|
|
36
|
-
});
|
|
37
|
-
expect(await RNTLTools_1.screen.findByTestId(TestIds_1.ComponentTestIds.LOCAL_PARTICIPANT_FULLSCREEN)).toBeVisible();
|
|
38
|
-
});
|
|
39
24
|
it('should render an call participants with grid mode with 2 participants when no screen shared', async () => {
|
|
40
25
|
const call = (0, call_1.mockCall)((0, client_1.mockClientWithUser)(), [
|
|
41
26
|
(0, participant_1.default)({
|
|
@@ -49,7 +34,7 @@ describe('CallParticipantsGrid', () => {
|
|
|
49
34
|
userId: P_IDS.REMOTE_1,
|
|
50
35
|
}),
|
|
51
36
|
]);
|
|
52
|
-
(0, RNTLTools_1.render)(<components_1.CallParticipantsGrid />, {
|
|
37
|
+
(0, RNTLTools_1.render)(<components_1.CallParticipantsGrid CallParticipantsList={components_1.CallParticipantsList} ParticipantView={components_1.ParticipantView} LocalParticipantView={components_1.LocalParticipantView} VideoRenderer={components_1.VideoRenderer}/>, {
|
|
53
38
|
call,
|
|
54
39
|
});
|
|
55
40
|
expect(await RNTLTools_1.screen.findByTestId(TestIds_1.ComponentTestIds.CALL_PARTICIPANTS_GRID)).toBeVisible();
|
|
@@ -87,7 +72,7 @@ describe('CallParticipantsGrid', () => {
|
|
|
87
72
|
userId: P_IDS.REMOTE_3,
|
|
88
73
|
}),
|
|
89
74
|
]);
|
|
90
|
-
(0, RNTLTools_1.render)(<components_1.CallParticipantsGrid />, {
|
|
75
|
+
(0, RNTLTools_1.render)(<components_1.CallParticipantsGrid CallParticipantsList={components_1.CallParticipantsList} ParticipantView={components_1.ParticipantView} VideoRenderer={components_1.VideoRenderer}/>, {
|
|
91
76
|
call,
|
|
92
77
|
});
|
|
93
78
|
const visibleParticipantsItems = call.state.participants.map((p) => ({
|
|
@@ -1 +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,kDAAiE;AACjE,
|
|
1
|
+
{"version":3,"file":"CallParticipantsGrid.test.js","sourceRoot":"","sources":["../../../__tests__/components/CallParticipantsGrid.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -40,7 +40,7 @@ describe('CallParticipantsSpotlight', () => {
|
|
|
40
40
|
},
|
|
41
41
|
}),
|
|
42
42
|
]);
|
|
43
|
-
(0, RNTLTools_1.render)(<components_1.CallParticipantsSpotlight />, {
|
|
43
|
+
(0, RNTLTools_1.render)(<components_1.CallParticipantsSpotlight CallParticipantsList={components_1.CallParticipantsList} ParticipantView={components_1.ParticipantView} VideoRenderer={components_1.VideoRenderer} ParticipantLabel={components_1.ParticipantLabel}/>, {
|
|
44
44
|
call,
|
|
45
45
|
});
|
|
46
46
|
expect(await RNTLTools_1.screen.findByTestId(TestIds_1.ComponentTestIds.PARTICIPANT_SCREEN_SHARING)).toBeVisible();
|
|
@@ -65,7 +65,7 @@ describe('CallParticipantsSpotlight', () => {
|
|
|
65
65
|
},
|
|
66
66
|
}),
|
|
67
67
|
]);
|
|
68
|
-
(0, RNTLTools_1.render)(<components_1.CallParticipantsSpotlight />, {
|
|
68
|
+
(0, RNTLTools_1.render)(<components_1.CallParticipantsSpotlight CallParticipantsList={components_1.CallParticipantsList} ParticipantView={components_1.ParticipantView}/>, {
|
|
69
69
|
call,
|
|
70
70
|
});
|
|
71
71
|
expect(await RNTLTools_1.screen.findByTestId(TestIds_1.ComponentTestIds.CALL_PARTICIPANTS_SPOTLIGHT)).toBeVisible();
|
|
@@ -1 +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,
|
|
1
|
+
{"version":3,"file":"CallParticipantsSpotlight.test.js","sourceRoot":"","sources":["../../../__tests__/components/CallParticipantsSpotlight.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CallTopViewProps } from '../CallTopView';
|
|
3
|
+
import { CallParticipantsGridProps } from '../CallLayout';
|
|
4
|
+
import { CallControlProps } from '../CallControls';
|
|
5
|
+
export type CallParticipantsComponentProps = Pick<CallParticipantsGridProps, 'CallParticipantsList' | 'LocalParticipantView' | 'ParticipantLabel' | 'ParticipantNetworkQualityIndicator' | 'ParticipantReaction' | 'ParticipantVideoFallback' | 'ParticipantView' | 'VideoRenderer'> & {
|
|
6
|
+
/**
|
|
7
|
+
* Component to customize the CallTopView component.
|
|
8
|
+
*/
|
|
9
|
+
CallTopView?: React.ComponentType<CallTopViewProps>;
|
|
10
|
+
/**
|
|
11
|
+
* Component to customize the CallControls component.
|
|
12
|
+
*/
|
|
13
|
+
CallControls?: React.ComponentType<CallControlProps>;
|
|
14
|
+
};
|
|
15
|
+
export type CallContentProps = Pick<CallControlProps, 'onHangupCallHandler'> & Pick<CallTopViewProps, 'onBackPressed' | 'onParticipantInfoPress' | 'ParticipantsInfoBadge'> & CallParticipantsComponentProps & {
|
|
16
|
+
/**
|
|
17
|
+
* This switches the participant's layout between the grid and the spotlight mode.
|
|
18
|
+
*/
|
|
19
|
+
layout?: 'grid' | 'spotlight';
|
|
20
|
+
};
|
|
21
|
+
export declare const CallContent: ({ onBackPressed, onParticipantInfoPress, onHangupCallHandler, CallParticipantsList, LocalParticipantView, ParticipantLabel, ParticipantNetworkQualityIndicator, ParticipantReaction, ParticipantVideoFallback, ParticipantView, ParticipantsInfoBadge, VideoRenderer, CallTopView, CallControls, layout, }: CallContentProps) => JSX.Element;
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.CallContent = void 0;
|
|
27
|
+
const react_1 = __importStar(require("react"));
|
|
28
|
+
const react_native_1 = require("react-native");
|
|
29
|
+
const CallTopView_1 = require("../CallTopView");
|
|
30
|
+
const CallLayout_1 = require("../CallLayout");
|
|
31
|
+
const CallControls_1 = require("../CallControls");
|
|
32
|
+
const CallParticipantsList_1 = require("../CallParticipantsList");
|
|
33
|
+
const video_react_bindings_1 = require("@stream-io/video-react-bindings");
|
|
34
|
+
const Participant_1 = require("../../Participant");
|
|
35
|
+
const video_client_1 = require("@stream-io/video-client");
|
|
36
|
+
const hooks_1 = require("../../../hooks");
|
|
37
|
+
const CallContent = ({ onBackPressed, onParticipantInfoPress, onHangupCallHandler, CallParticipantsList = CallParticipantsList_1.CallParticipantsList, LocalParticipantView = Participant_1.LocalParticipantView, ParticipantLabel = Participant_1.ParticipantLabel, ParticipantNetworkQualityIndicator = Participant_1.ParticipantNetworkQualityIndicator, ParticipantReaction = Participant_1.ParticipantReaction, ParticipantVideoFallback = Participant_1.ParticipantVideoFallback, ParticipantView = Participant_1.ParticipantView, ParticipantsInfoBadge = CallTopView_1.ParticipantsInfoBadge, VideoRenderer = Participant_1.VideoRenderer, CallTopView = CallTopView_1.CallTopView, CallControls = CallControls_1.CallControls, layout, }) => {
|
|
38
|
+
const hasScreenShare = (0, video_react_bindings_1.useHasOngoingScreenShare)();
|
|
39
|
+
const showSpotlightLayout = hasScreenShare || layout === 'spotlight';
|
|
40
|
+
/**
|
|
41
|
+
* This hook is used to handle IncallManager specs of the application.
|
|
42
|
+
*/
|
|
43
|
+
(0, hooks_1.useIncallManager)({ media: 'video', auto: true });
|
|
44
|
+
const call = (0, video_react_bindings_1.useCall)();
|
|
45
|
+
const activeCallRef = (0, react_1.useRef)(call);
|
|
46
|
+
activeCallRef.current = call;
|
|
47
|
+
(0, react_1.useEffect)(() => {
|
|
48
|
+
return () => {
|
|
49
|
+
if (activeCallRef.current?.state.callingState !== video_client_1.CallingState.LEFT) {
|
|
50
|
+
activeCallRef.current?.leave();
|
|
51
|
+
}
|
|
52
|
+
};
|
|
53
|
+
}, []);
|
|
54
|
+
const participantViewProps = {
|
|
55
|
+
CallParticipantsList,
|
|
56
|
+
LocalParticipantView,
|
|
57
|
+
ParticipantLabel,
|
|
58
|
+
ParticipantNetworkQualityIndicator,
|
|
59
|
+
ParticipantReaction,
|
|
60
|
+
ParticipantVideoFallback,
|
|
61
|
+
ParticipantView,
|
|
62
|
+
VideoRenderer,
|
|
63
|
+
};
|
|
64
|
+
return (<react_native_1.View style={styles.container}>
|
|
65
|
+
<react_native_1.View style={styles.container}>
|
|
66
|
+
<CallTopView onBackPressed={onBackPressed} onParticipantInfoPress={onParticipantInfoPress} ParticipantsInfoBadge={ParticipantsInfoBadge}/>
|
|
67
|
+
{showSpotlightLayout ? (<CallLayout_1.CallParticipantsSpotlight {...participantViewProps}/>) : (<CallLayout_1.CallParticipantsGrid {...participantViewProps}/>)}
|
|
68
|
+
</react_native_1.View>
|
|
69
|
+
<CallControls onHangupCallHandler={onHangupCallHandler}/>
|
|
70
|
+
</react_native_1.View>);
|
|
71
|
+
};
|
|
72
|
+
exports.CallContent = CallContent;
|
|
73
|
+
const styles = react_native_1.StyleSheet.create({
|
|
74
|
+
container: { flex: 1 },
|
|
75
|
+
});
|
|
76
|
+
//# sourceMappingURL=CallContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CallContent.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallContent/CallContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiD;AACjD,+CAAgD;AAChD,gDAIwB;AACxB,8CAIuB;AACvB,kDAGyB;AACzB,kEAA8F;AAC9F,0EAGyC;AACzC,mDAQ2B;AAC3B,0DAAuD;AACvD,0CAAkD;AAmC3C,MAAM,WAAW,GAAG,CAAC,EAC1B,aAAa,EACb,sBAAsB,EACtB,mBAAmB,EACnB,oBAAoB,GAAG,2CAA2B,EAClD,oBAAoB,GAAG,kCAA2B,EAClD,gBAAgB,GAAG,8BAAuB,EAC1C,kCAAkC,GAAG,gDAAyC,EAC9E,mBAAmB,GAAG,iCAA0B,EAChD,wBAAwB,GAAG,sCAA+B,EAC1D,eAAe,GAAG,6BAAsB,EACxC,qBAAqB,GAAG,mCAA4B,EACpD,aAAa,GAAG,2BAAoB,EACpC,WAAW,GAAG,yBAAkB,EAChC,YAAY,GAAG,2BAAmB,EAClC,MAAM,GACW,EAAE,EAAE;IACrB,MAAM,cAAc,GAAG,IAAA,+CAAwB,GAAE,CAAC;IAClD,MAAM,mBAAmB,GAAG,cAAc,IAAI,MAAM,KAAK,WAAW,CAAC;IACrE;;OAEG;IACH,IAAA,wBAAgB,EAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IAEjD,MAAM,IAAI,GAAG,IAAA,8BAAO,GAAE,CAAC;IACvB,MAAM,aAAa,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IACnC,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;IAE7B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,IAAI,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,YAAY,KAAK,2BAAY,CAAC,IAAI,EAAE;gBACnE,aAAa,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;aAChC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,oBAAoB,GAAmC;QAC3D,oBAAoB;QACpB,oBAAoB;QACpB,gBAAgB;QAChB,kCAAkC;QAClC,mBAAmB;QACnB,wBAAwB;QACxB,eAAe;QACf,aAAa;KACd,CAAC;IAEF,OAAO,CACL,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,mBAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;QAAA,CAAC,WAAW,CACV,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,sBAAsB,CAAC,CAAC,sBAAsB,CAAC,CAC/C,qBAAqB,CAAC,CAAC,qBAAqB,CAAC,EAE/C;QAAA,CAAC,mBAAmB,CAAC,CAAC,CAAC,CACrB,CAAC,sCAAyB,CAAC,IAAI,oBAAoB,CAAC,EAAG,CACxD,CAAC,CAAC,CAAC,CACF,CAAC,iCAAoB,CAAC,IAAI,oBAAoB,CAAC,EAAG,CACnD,CACH;MAAA,EAAE,mBAAI,CACN;MAAA,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAAC,mBAAmB,CAAC,EACzD;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAhEW,QAAA,WAAW,eAgEtB;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE;CACvB,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './CallContent';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./CallContent"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallContent/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B"}
|
|
@@ -6,11 +6,15 @@ import { LocalParticipantViewProps } from '../../Participant';
|
|
|
6
6
|
*/
|
|
7
7
|
export type CallParticipantsGridProps = Pick<CallParticipantsListProps, 'ParticipantLabel' | 'ParticipantNetworkQualityIndicator' | 'ParticipantReaction' | 'ParticipantVideoFallback' | 'ParticipantView' | 'VideoRenderer'> & {
|
|
8
8
|
/**
|
|
9
|
-
* Component to customize the
|
|
9
|
+
* Component to customize the LocalParticipantView.
|
|
10
10
|
*/
|
|
11
11
|
LocalParticipantView?: React.ComponentType<LocalParticipantViewProps>;
|
|
12
|
+
/**
|
|
13
|
+
* Component to customize the CallParticipantsList.
|
|
14
|
+
*/
|
|
15
|
+
CallParticipantsList?: React.ComponentType<CallParticipantsListProps>;
|
|
12
16
|
};
|
|
13
17
|
/**
|
|
14
18
|
* Component used to display the list of participants in a grid mode.
|
|
15
19
|
*/
|
|
16
|
-
export declare const CallParticipantsGrid: ({ ParticipantLabel, ParticipantNetworkQualityIndicator, ParticipantReaction, ParticipantVideoFallback, ParticipantView, VideoRenderer, LocalParticipantView, }: CallParticipantsGridProps) => JSX.Element;
|
|
20
|
+
export declare const CallParticipantsGrid: ({ CallParticipantsList, ParticipantLabel, ParticipantNetworkQualityIndicator, ParticipantReaction, ParticipantVideoFallback, ParticipantView, VideoRenderer, LocalParticipantView, }: CallParticipantsGridProps) => JSX.Element;
|
|
@@ -8,26 +8,20 @@ const react_1 = __importDefault(require("react"));
|
|
|
8
8
|
const react_native_1 = require("react-native");
|
|
9
9
|
const video_react_bindings_1 = require("@stream-io/video-react-bindings");
|
|
10
10
|
const useDebouncedValue_1 = require("../../../utils/hooks/useDebouncedValue");
|
|
11
|
-
const CallParticipantsList_1 = require("../CallParticipantsList/CallParticipantsList");
|
|
12
11
|
const TestIds_1 = require("../../../constants/TestIds");
|
|
13
|
-
const Participant_1 = require("../../Participant");
|
|
14
12
|
/**
|
|
15
13
|
* Component used to display the list of participants in a grid mode.
|
|
16
14
|
*/
|
|
17
|
-
const CallParticipantsGrid = ({
|
|
15
|
+
const CallParticipantsGrid = ({ CallParticipantsList, ParticipantLabel, ParticipantNetworkQualityIndicator, ParticipantReaction, ParticipantVideoFallback, ParticipantView, VideoRenderer, LocalParticipantView, }) => {
|
|
18
16
|
const { useRemoteParticipants, useParticipants } = (0, video_react_bindings_1.useCallStateHooks)();
|
|
19
17
|
const _remoteParticipants = useRemoteParticipants();
|
|
20
18
|
const allParticipants = useParticipants();
|
|
21
19
|
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
|
|
22
|
-
const showFloatingView = remoteParticipants.length < 3;
|
|
23
|
-
const isUserAloneInCall = remoteParticipants?.length === 0;
|
|
20
|
+
const showFloatingView = remoteParticipants.length > 0 && remoteParticipants.length < 3;
|
|
24
21
|
const participants = showFloatingView ? remoteParticipants : allParticipants;
|
|
25
|
-
if (showFloatingView && isUserAloneInCall) {
|
|
26
|
-
return <LocalParticipantView layout={'fullscreen'}/>;
|
|
27
|
-
}
|
|
28
22
|
return (<react_native_1.View style={styles.container} testID={TestIds_1.ComponentTestIds.CALL_PARTICIPANTS_GRID}>
|
|
29
|
-
{showFloatingView && <LocalParticipantView
|
|
30
|
-
<
|
|
23
|
+
{showFloatingView && LocalParticipantView && <LocalParticipantView />}
|
|
24
|
+
{CallParticipantsList && (<CallParticipantsList participants={participants} ParticipantLabel={ParticipantLabel} ParticipantNetworkQualityIndicator={ParticipantNetworkQualityIndicator} ParticipantReaction={ParticipantReaction} ParticipantVideoFallback={ParticipantVideoFallback} ParticipantView={ParticipantView} VideoRenderer={VideoRenderer}/>)}
|
|
31
25
|
</react_native_1.View>);
|
|
32
26
|
};
|
|
33
27
|
exports.CallParticipantsGrid = CallParticipantsGrid;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CallParticipantsGrid.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallLayout/CallParticipantsGrid.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAAgD;AAChD,0EAAoE;AACpE,8EAA2E;
|
|
1
|
+
{"version":3,"file":"CallParticipantsGrid.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallLayout/CallParticipantsGrid.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+CAAgD;AAChD,0EAAoE;AACpE,8EAA2E;AAE3E,wDAA8D;AAyB9D;;GAEG;AACI,MAAM,oBAAoB,GAAG,CAAC,EACnC,oBAAoB,EACpB,gBAAgB,EAChB,kCAAkC,EAClC,mBAAmB,EACnB,wBAAwB,EACxB,eAAe,EACf,aAAa,EACb,oBAAoB,GACM,EAAE,EAAE;IAC9B,MAAM,EAAE,qBAAqB,EAAE,eAAe,EAAE,GAAG,IAAA,wCAAiB,GAAE,CAAC;IACvE,MAAM,mBAAmB,GAAG,qBAAqB,EAAE,CAAC;IACpD,MAAM,eAAe,GAAG,eAAe,EAAE,CAAC;IAC1C,MAAM,kBAAkB,GAAG,IAAA,qCAAiB,EAAC,mBAAmB,EAAE,GAAG,CAAC,CAAC,CAAC,2IAA2I;IAEnN,MAAM,gBAAgB,GACpB,kBAAkB,CAAC,MAAM,GAAG,CAAC,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC,CAAC;IAEjE,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,MAAM,CAAC,CAAC,0BAAgB,CAAC,sBAAsB,CAAC,CAEhD;MAAA,CAAC,gBAAgB,IAAI,oBAAoB,IAAI,CAAC,oBAAoB,CAAC,AAAD,EAAG,CACrE;MAAA,CAAC,oBAAoB,IAAI,CACvB,CAAC,oBAAoB,CACnB,YAAY,CAAC,CAAC,YAAY,CAAC,CAC3B,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CACnC,kCAAkC,CAAC,CACjC,kCAAkC,CACnC,CACD,mBAAmB,CAAC,CAAC,mBAAmB,CAAC,CACzC,wBAAwB,CAAC,CAAC,wBAAwB,CAAC,CACnD,eAAe,CAAC,CAAC,eAAe,CAAC,CACjC,aAAa,CAAC,CAAC,aAAa,CAAC,EAC7B,CACH,CACH;IAAA,EAAE,mBAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC;AAzCW,QAAA,oBAAoB,wBAyC/B;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC"}
|
|
@@ -1,10 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { CallParticipantsListProps } from '../CallParticipantsList/CallParticipantsList';
|
|
2
3
|
/**
|
|
3
4
|
* Props for the CallParticipantsSpotlight component.
|
|
4
5
|
*/
|
|
5
|
-
export type CallParticipantsSpotlightProps = Pick<CallParticipantsListProps, 'ParticipantLabel' | 'ParticipantNetworkQualityIndicator' | 'ParticipantReaction' | 'ParticipantVideoFallback' | 'ParticipantView' | 'VideoRenderer'
|
|
6
|
+
export type CallParticipantsSpotlightProps = Pick<CallParticipantsListProps, 'ParticipantLabel' | 'ParticipantNetworkQualityIndicator' | 'ParticipantReaction' | 'ParticipantVideoFallback' | 'ParticipantView' | 'VideoRenderer'> & {
|
|
7
|
+
/**
|
|
8
|
+
* Component to customize the CallParticipantsList.
|
|
9
|
+
*/
|
|
10
|
+
CallParticipantsList?: React.ComponentType<CallParticipantsListProps>;
|
|
11
|
+
};
|
|
6
12
|
/**
|
|
7
13
|
* Component used to display the list of participants in a spotlight mode.
|
|
8
14
|
* This can be used when you want to render the screen sharing stream.
|
|
9
15
|
*/
|
|
10
|
-
export declare const CallParticipantsSpotlight: ({ ParticipantLabel, ParticipantNetworkQualityIndicator, ParticipantReaction, ParticipantVideoFallback, ParticipantView, VideoRenderer, }: CallParticipantsSpotlightProps) => JSX.Element;
|
|
16
|
+
export declare const CallParticipantsSpotlight: ({ CallParticipantsList, ParticipantLabel, ParticipantNetworkQualityIndicator, ParticipantReaction, ParticipantVideoFallback, ParticipantView, VideoRenderer, }: CallParticipantsSpotlightProps) => JSX.Element;
|
|
@@ -11,14 +11,12 @@ const react_native_1 = require("react-native");
|
|
|
11
11
|
const theme_1 = require("../../../theme");
|
|
12
12
|
const useDebouncedValue_1 = require("../../../utils/hooks/useDebouncedValue");
|
|
13
13
|
const TestIds_1 = require("../../../constants/TestIds");
|
|
14
|
-
const CallParticipantsList_1 = require("../CallParticipantsList/CallParticipantsList");
|
|
15
|
-
const Participant_1 = require("../../Participant");
|
|
16
14
|
const hasScreenShare = (p) => p.publishedTracks.includes(video_client_1.SfuModels.TrackType.SCREEN_SHARE);
|
|
17
15
|
/**
|
|
18
16
|
* Component used to display the list of participants in a spotlight mode.
|
|
19
17
|
* This can be used when you want to render the screen sharing stream.
|
|
20
18
|
*/
|
|
21
|
-
const CallParticipantsSpotlight = ({
|
|
19
|
+
const CallParticipantsSpotlight = ({ CallParticipantsList, ParticipantLabel, ParticipantNetworkQualityIndicator, ParticipantReaction, ParticipantVideoFallback, ParticipantView, VideoRenderer, }) => {
|
|
22
20
|
const { useParticipants, useRemoteParticipants } = (0, video_react_bindings_1.useCallStateHooks)();
|
|
23
21
|
const _allParticipants = useParticipants({
|
|
24
22
|
sortBy: video_client_1.speakerLayoutSortPreset,
|
|
@@ -28,14 +26,11 @@ const CallParticipantsSpotlight = ({ ParticipantLabel = Participant_1.Participan
|
|
|
28
26
|
const [participantInSpotlight, ...otherParticipants] = allParticipants;
|
|
29
27
|
const isScreenShareOnSpotlight = hasScreenShare(participantInSpotlight);
|
|
30
28
|
const isUserAloneInCall = _remoteParticipants?.length === 0;
|
|
31
|
-
if (isUserAloneInCall) {
|
|
32
|
-
return <Participant_1.LocalParticipantView layout={'fullscreen'}/>;
|
|
33
|
-
}
|
|
34
29
|
return (<react_native_1.View testID={TestIds_1.ComponentTestIds.CALL_PARTICIPANTS_SPOTLIGHT} style={styles.container}>
|
|
35
|
-
{participantInSpotlight && (<ParticipantView participant={participantInSpotlight} style={styles.participantView} videoMode={isScreenShareOnSpotlight ? 'screen' : 'video'} ParticipantLabel={ParticipantLabel} ParticipantNetworkQualityIndicator={ParticipantNetworkQualityIndicator} ParticipantReaction={ParticipantReaction} ParticipantVideoFallback={ParticipantVideoFallback} VideoRenderer={VideoRenderer}/>)}
|
|
36
|
-
<react_native_1.View style={styles.participantVideoContainer}>
|
|
37
|
-
|
|
38
|
-
|
|
30
|
+
{participantInSpotlight && ParticipantView && (<ParticipantView participant={participantInSpotlight} style={isUserAloneInCall ? styles.fullScreen : styles.participantView} videoMode={isScreenShareOnSpotlight ? 'screen' : 'video'} ParticipantLabel={ParticipantLabel} ParticipantNetworkQualityIndicator={ParticipantNetworkQualityIndicator} ParticipantReaction={ParticipantReaction} ParticipantVideoFallback={ParticipantVideoFallback} VideoRenderer={VideoRenderer}/>)}
|
|
31
|
+
{!isUserAloneInCall && (<react_native_1.View style={styles.participantVideoContainer}>
|
|
32
|
+
{CallParticipantsList && (<CallParticipantsList participants={isScreenShareOnSpotlight ? allParticipants : otherParticipants} horizontal ParticipantLabel={ParticipantLabel} ParticipantNetworkQualityIndicator={ParticipantNetworkQualityIndicator} ParticipantReaction={ParticipantReaction} ParticipantVideoFallback={ParticipantVideoFallback} ParticipantView={ParticipantView} VideoRenderer={VideoRenderer}/>)}
|
|
33
|
+
</react_native_1.View>)}
|
|
39
34
|
</react_native_1.View>);
|
|
40
35
|
};
|
|
41
36
|
exports.CallParticipantsSpotlight = CallParticipantsSpotlight;
|
|
@@ -45,6 +40,9 @@ const styles = react_native_1.StyleSheet.create({
|
|
|
45
40
|
paddingVertical: theme_1.theme.padding.sm,
|
|
46
41
|
backgroundColor: theme_1.theme.light.static_grey,
|
|
47
42
|
},
|
|
43
|
+
fullScreen: {
|
|
44
|
+
flex: 1,
|
|
45
|
+
},
|
|
48
46
|
participantView: {
|
|
49
47
|
flex: 2,
|
|
50
48
|
overflow: 'hidden',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CallParticipantsSpotlight.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallLayout/CallParticipantsSpotlight.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,0DAIiC;AACjC,0EAAoE;AACpE,+CAAgD;AAChD,0CAAuC;AACvC,8EAA2E;AAC3E,wDAA8D;
|
|
1
|
+
{"version":3,"file":"CallParticipantsSpotlight.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallLayout/CallParticipantsSpotlight.tsx"],"names":[],"mappings":"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"}
|
|
@@ -26,14 +26,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
26
26
|
exports.CallTopView = void 0;
|
|
27
27
|
const react_1 = __importStar(require("react"));
|
|
28
28
|
const react_native_1 = require("react-native");
|
|
29
|
-
const ParticipantsInfoBadge_1 = require("./ParticipantsInfoBadge");
|
|
30
29
|
const theme_1 = require("../../../theme");
|
|
31
30
|
const Back_1 = require("../../../icons/Back");
|
|
32
31
|
const constants_1 = require("../../../constants");
|
|
33
32
|
const icons_1 = require("../../../icons");
|
|
34
33
|
const video_react_bindings_1 = require("@stream-io/video-react-bindings");
|
|
35
34
|
const video_client_1 = require("@stream-io/video-client");
|
|
36
|
-
const CallTopView = ({ onBackPressed, onParticipantInfoPress, title, style, ParticipantsInfoBadge
|
|
35
|
+
const CallTopView = ({ onBackPressed, onParticipantInfoPress, title, style, ParticipantsInfoBadge, }) => {
|
|
37
36
|
const { useCallCallingState } = (0, video_react_bindings_1.useCallStateHooks)();
|
|
38
37
|
const callingState = useCallCallingState();
|
|
39
38
|
const { t } = (0, video_react_bindings_1.useI18n)();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CallTopView.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallTopView/CallTopView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,+CAOsB;
|
|
1
|
+
{"version":3,"file":"CallTopView.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallTopView/CallTopView.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,6 +14,7 @@ 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
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./CallContent"), exports);
|
|
17
18
|
__exportStar(require("./CallTopView"), exports);
|
|
18
19
|
__exportStar(require("./CallLayout"), exports);
|
|
19
20
|
__exportStar(require("./CallControls"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Call/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,+CAA6B;AAC7B,iDAA+B;AAC/B,yDAAuC;AACvC,iDAA+B;AAC/B,iDAA+B;AAC/B,0CAAwB"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Call/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,gDAA8B;AAC9B,+CAA6B;AAC7B,iDAA+B;AAC/B,yDAAuC;AACvC,iDAA+B;AAC/B,iDAA+B;AAC/B,0CAAwB"}
|
|
@@ -1,29 +1,8 @@
|
|
|
1
|
-
import { StyleProp, ViewStyle } from 'react-native';
|
|
2
1
|
/**
|
|
3
2
|
* Props to be passed for the LocalVideoView component.
|
|
4
3
|
*/
|
|
5
|
-
export
|
|
6
|
-
/**
|
|
7
|
-
* An optional style object to be applied to the local video view
|
|
8
|
-
* @defaultValue
|
|
9
|
-
* The default is `{
|
|
10
|
-
* position: 'absolute',
|
|
11
|
-
* height: 140,
|
|
12
|
-
* width: 80,
|
|
13
|
-
* right: 2 * theme.spacing.lg,
|
|
14
|
-
* top: 100,
|
|
15
|
-
* borderRadius: theme.rounded.sm,
|
|
16
|
-
* zIndex: 1,
|
|
17
|
-
* }`
|
|
18
|
-
*/
|
|
19
|
-
style?: StyleProp<ViewStyle>;
|
|
20
|
-
/**
|
|
21
|
-
* The layout of the local video view controls weather the local participant's video will be rendered in full screen or floating
|
|
22
|
-
* @defaultValue 'floating'
|
|
23
|
-
*/
|
|
24
|
-
layout?: 'floating' | 'fullscreen';
|
|
25
|
-
}
|
|
4
|
+
export type LocalParticipantViewProps = {};
|
|
26
5
|
/**
|
|
27
6
|
* A component to render the local participant's video.
|
|
28
7
|
*/
|
|
29
|
-
export declare const LocalParticipantView: (
|
|
8
|
+
export declare const LocalParticipantView: () => JSX.Element | null;
|
|
@@ -14,7 +14,6 @@ const icons_1 = require("../../../icons");
|
|
|
14
14
|
const providers_1 = require("../../../providers");
|
|
15
15
|
const theme_1 = require("../../../theme");
|
|
16
16
|
const hooks_1 = require("../../../utils/hooks");
|
|
17
|
-
const utility_1 = require("../../utility");
|
|
18
17
|
const ParticipantReaction_1 = require("../ParticipantView/ParticipantReaction");
|
|
19
18
|
const common_1 = require("./FloatingView/common");
|
|
20
19
|
const FloatingView_1 = __importDefault(require("./FloatingView"));
|
|
@@ -22,8 +21,7 @@ const react_native_webrtc_1 = require("react-native-webrtc");
|
|
|
22
21
|
/**
|
|
23
22
|
* A component to render the local participant's video.
|
|
24
23
|
*/
|
|
25
|
-
const LocalParticipantView = (
|
|
26
|
-
const { layout = 'floating' } = props;
|
|
24
|
+
const LocalParticipantView = () => {
|
|
27
25
|
const { useLocalParticipant } = (0, video_react_bindings_1.useCallStateHooks)();
|
|
28
26
|
const localParticipant = useLocalParticipant();
|
|
29
27
|
const { isCameraOnFrontFacingMode } = (0, providers_1.useMediaStreamManagement)();
|
|
@@ -37,14 +35,6 @@ const LocalParticipantView = (props) => {
|
|
|
37
35
|
// when camera is switching show a blank stream
|
|
38
36
|
// otherwise the camera stream will be shown in wrong mirror state for a few milliseconds
|
|
39
37
|
const showBlankStream = isCameraOnFrontFacingMode !== debouncedCameraOnFrontFacingMode;
|
|
40
|
-
if (layout === 'fullscreen') {
|
|
41
|
-
return (<react_native_1.View testID={TestIds_1.ComponentTestIds.LOCAL_PARTICIPANT_FULLSCREEN} style={styles.fullScreenContainer}>
|
|
42
|
-
<react_native_1.View style={styles.topView}>
|
|
43
|
-
<ParticipantReaction_1.ParticipantReaction participant={localParticipant}/>
|
|
44
|
-
</react_native_1.View>
|
|
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
|
-
</react_native_1.View>);
|
|
47
|
-
}
|
|
48
38
|
return (<react_native_1.View testID={TestIds_1.ComponentTestIds.LOCAL_PARTICIPANT} style={styles.floatingContainer}
|
|
49
39
|
// "box-none" disallows the container view to be not take up touches
|
|
50
40
|
// and allows only the floating view (its child view) to take up the touches
|
|
@@ -96,26 +86,12 @@ const styles = react_native_1.StyleSheet.create({
|
|
|
96
86
|
height: constants_1.LOCAL_VIDEO_VIEW_STYLE.height,
|
|
97
87
|
width: constants_1.LOCAL_VIDEO_VIEW_STYLE.width,
|
|
98
88
|
},
|
|
99
|
-
videoStreamFullScreen: {
|
|
100
|
-
...react_native_1.StyleSheet.absoluteFillObject,
|
|
101
|
-
},
|
|
102
89
|
topView: {
|
|
103
90
|
position: 'absolute',
|
|
104
91
|
top: theme_1.theme.spacing.sm,
|
|
105
92
|
left: theme_1.theme.spacing.sm,
|
|
106
93
|
zIndex: constants_1.Z_INDEX.IN_FRONT,
|
|
107
94
|
},
|
|
108
|
-
fullScreenContainer: {
|
|
109
|
-
flex: 1,
|
|
110
|
-
justifyContent: 'center',
|
|
111
|
-
alignItems: 'center',
|
|
112
|
-
backgroundColor: theme_1.theme.light.disabled,
|
|
113
|
-
},
|
|
114
|
-
avatarContainer: {
|
|
115
|
-
flex: 1,
|
|
116
|
-
justifyContent: 'center',
|
|
117
|
-
alignItems: 'center',
|
|
118
|
-
},
|
|
119
95
|
floatingContainer: {
|
|
120
96
|
...react_native_1.StyleSheet.absoluteFillObject,
|
|
121
97
|
margin: theme_1.theme.padding.md,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Participant/LocalParticipantView/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Participant/LocalParticipantView/index.tsx"],"names":[],"mappings":"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"}
|