@stream-io/video-react-native-sdk 0.0.27 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/README.md +19 -10
- package/dist/commonjs/components/Call/CallContent/CallContent.js +17 -6
- package/dist/commonjs/components/Call/CallContent/CallContent.js.map +1 -1
- package/dist/commonjs/components/Call/CallControls/CallControls.js +8 -4
- package/dist/commonjs/components/Call/CallControls/CallControls.js.map +1 -1
- package/dist/commonjs/components/Call/CallControls/{ReactionButton.js → ReactionsButton.js} +8 -8
- package/dist/commonjs/components/Call/CallControls/ReactionsButton.js.map +1 -0
- package/dist/commonjs/components/Call/CallControls/index.js +4 -4
- package/dist/commonjs/components/Call/CallControls/index.js.map +1 -1
- package/dist/commonjs/components/Call/CallControls/internal/ReactionsPicker.js +10 -9
- package/dist/commonjs/components/Call/CallControls/internal/ReactionsPicker.js.map +1 -1
- package/dist/commonjs/components/Call/CallLayout/CallParticipantsGrid.js +10 -3
- package/dist/commonjs/components/Call/CallLayout/CallParticipantsGrid.js.map +1 -1
- package/dist/commonjs/components/Call/CallLayout/CallParticipantsSpotlight.js +19 -9
- package/dist/commonjs/components/Call/CallLayout/CallParticipantsSpotlight.js.map +1 -1
- package/dist/commonjs/components/Call/CallParticipantsList/CallParticipantsList.js +14 -4
- package/dist/commonjs/components/Call/CallParticipantsList/CallParticipantsList.js.map +1 -1
- package/dist/commonjs/components/Call/CallTopView/CallTopView.js +5 -2
- package/dist/commonjs/components/Call/CallTopView/CallTopView.js.map +1 -1
- package/dist/commonjs/components/Call/RingingCallContent/RingingCallContent.js +4 -2
- package/dist/commonjs/components/Call/RingingCallContent/RingingCallContent.js.map +1 -1
- package/dist/commonjs/components/Participant/FloatingParticipantView/index.js +6 -3
- package/dist/commonjs/components/Participant/FloatingParticipantView/index.js.map +1 -1
- package/dist/commonjs/components/Participant/ParticipantView/ParticipantReaction.js +4 -18
- package/dist/commonjs/components/Participant/ParticipantView/ParticipantReaction.js.map +1 -1
- package/dist/commonjs/components/Participant/ParticipantView/ParticipantView.js +6 -3
- package/dist/commonjs/components/Participant/ParticipantView/ParticipantView.js.map +1 -1
- package/dist/commonjs/constants/index.js.map +1 -1
- package/dist/commonjs/utils/StreamVideoRN/index.js +1 -2
- package/dist/commonjs/utils/StreamVideoRN/index.js.map +1 -1
- package/dist/commonjs/version.js +1 -1
- package/dist/commonjs/version.js.map +1 -1
- package/dist/module/components/Call/CallContent/CallContent.js +17 -6
- package/dist/module/components/Call/CallContent/CallContent.js.map +1 -1
- package/dist/module/components/Call/CallControls/CallControls.js +8 -4
- package/dist/module/components/Call/CallControls/CallControls.js.map +1 -1
- package/dist/module/components/Call/CallControls/{ReactionButton.js → ReactionsButton.js} +6 -6
- package/dist/module/components/Call/CallControls/ReactionsButton.js.map +1 -0
- package/dist/module/components/Call/CallControls/index.js +1 -1
- package/dist/module/components/Call/CallControls/index.js.map +1 -1
- package/dist/module/components/Call/CallControls/internal/ReactionsPicker.js +10 -9
- package/dist/module/components/Call/CallControls/internal/ReactionsPicker.js.map +1 -1
- package/dist/module/components/Call/CallLayout/CallParticipantsGrid.js +10 -3
- package/dist/module/components/Call/CallLayout/CallParticipantsGrid.js.map +1 -1
- package/dist/module/components/Call/CallLayout/CallParticipantsSpotlight.js +19 -9
- package/dist/module/components/Call/CallLayout/CallParticipantsSpotlight.js.map +1 -1
- package/dist/module/components/Call/CallParticipantsList/CallParticipantsList.js +14 -4
- package/dist/module/components/Call/CallParticipantsList/CallParticipantsList.js.map +1 -1
- package/dist/module/components/Call/CallTopView/CallTopView.js +5 -2
- package/dist/module/components/Call/CallTopView/CallTopView.js.map +1 -1
- package/dist/module/components/Call/RingingCallContent/RingingCallContent.js +4 -2
- package/dist/module/components/Call/RingingCallContent/RingingCallContent.js.map +1 -1
- package/dist/module/components/Participant/FloatingParticipantView/index.js +6 -3
- package/dist/module/components/Participant/FloatingParticipantView/index.js.map +1 -1
- package/dist/module/components/Participant/ParticipantView/ParticipantReaction.js +6 -20
- package/dist/module/components/Participant/ParticipantView/ParticipantReaction.js.map +1 -1
- package/dist/module/components/Participant/ParticipantView/ParticipantView.js +6 -3
- package/dist/module/components/Participant/ParticipantView/ParticipantView.js.map +1 -1
- package/dist/module/constants/index.js.map +1 -1
- package/dist/module/utils/StreamVideoRN/index.js +1 -2
- package/dist/module/utils/StreamVideoRN/index.js.map +1 -1
- package/dist/module/version.js +1 -1
- package/dist/module/version.js.map +1 -1
- package/dist/typescript/components/Call/CallContent/CallContent.d.ts +20 -6
- package/dist/typescript/components/Call/CallContent/CallContent.d.ts.map +1 -1
- package/dist/typescript/components/Call/CallControls/CallControls.d.ts +6 -5
- package/dist/typescript/components/Call/CallControls/CallControls.d.ts.map +1 -1
- package/dist/typescript/components/Call/CallControls/ReactionsButton.d.ts +20 -0
- package/dist/typescript/components/Call/CallControls/ReactionsButton.d.ts.map +1 -0
- package/dist/typescript/components/Call/CallControls/index.d.ts +1 -1
- package/dist/typescript/components/Call/CallControls/index.d.ts.map +1 -1
- package/dist/typescript/components/Call/CallControls/internal/ReactionsPicker.d.ts +4 -5
- package/dist/typescript/components/Call/CallControls/internal/ReactionsPicker.d.ts.map +1 -1
- package/dist/typescript/components/Call/CallLayout/CallParticipantsGrid.d.ts +10 -8
- package/dist/typescript/components/Call/CallLayout/CallParticipantsGrid.d.ts.map +1 -1
- package/dist/typescript/components/Call/CallLayout/CallParticipantsSpotlight.d.ts +8 -6
- package/dist/typescript/components/Call/CallLayout/CallParticipantsSpotlight.d.ts.map +1 -1
- package/dist/typescript/components/Call/CallParticipantsList/CallParticipantsList.d.ts +8 -2
- package/dist/typescript/components/Call/CallParticipantsList/CallParticipantsList.d.ts.map +1 -1
- package/dist/typescript/components/Call/CallTopView/CallTopView.d.ts.map +1 -1
- package/dist/typescript/components/Call/RingingCallContent/RingingCallContent.d.ts +5 -0
- package/dist/typescript/components/Call/RingingCallContent/RingingCallContent.d.ts.map +1 -1
- package/dist/typescript/components/Participant/FloatingParticipantView/index.d.ts +3 -3
- package/dist/typescript/components/Participant/FloatingParticipantView/index.d.ts.map +1 -1
- package/dist/typescript/components/Participant/ParticipantView/ParticipantReaction.d.ts +3 -2
- package/dist/typescript/components/Participant/ParticipantView/ParticipantReaction.d.ts.map +1 -1
- package/dist/typescript/components/Participant/ParticipantView/ParticipantView.d.ts +4 -4
- package/dist/typescript/components/Participant/ParticipantView/ParticipantView.d.ts.map +1 -1
- package/dist/typescript/constants/index.d.ts +2 -2
- package/dist/typescript/constants/index.d.ts.map +1 -1
- package/dist/typescript/utils/StreamVideoRN/index.d.ts.map +1 -1
- package/dist/typescript/utils/StreamVideoRN/types.d.ts +1 -11
- package/dist/typescript/utils/StreamVideoRN/types.d.ts.map +1 -1
- package/dist/typescript/version.d.ts +1 -1
- package/dist/typescript/version.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Call/CallContent/CallContent.tsx +59 -28
- package/src/components/Call/CallControls/CallControls.tsx +18 -12
- package/src/components/Call/CallControls/{ReactionButton.tsx → ReactionsButton.tsx} +13 -6
- package/src/components/Call/CallControls/index.tsx +1 -1
- package/src/components/Call/CallControls/internal/ReactionsPicker.tsx +14 -14
- package/src/components/Call/CallLayout/CallParticipantsGrid.tsx +24 -12
- package/src/components/Call/CallLayout/CallParticipantsSpotlight.tsx +25 -9
- package/src/components/Call/CallParticipantsList/CallParticipantsList.tsx +33 -16
- package/src/components/Call/CallTopView/CallTopView.tsx +4 -2
- package/src/components/Call/RingingCallContent/RingingCallContent.tsx +11 -1
- package/src/components/Participant/FloatingParticipantView/index.tsx +9 -2
- package/src/components/Participant/ParticipantView/ParticipantReaction.tsx +16 -29
- package/src/components/Participant/ParticipantView/ParticipantView.tsx +40 -33
- package/src/constants/index.ts +2 -2
- package/src/utils/StreamVideoRN/index.ts +1 -2
- package/src/utils/StreamVideoRN/types.ts +1 -11
- package/src/version.ts +1 -1
- package/dist/commonjs/components/Call/CallControls/ReactionButton.js.map +0 -1
- package/dist/module/components/Call/CallControls/ReactionButton.js.map +0 -1
- package/dist/typescript/components/Call/CallControls/ReactionButton.d.ts +0 -15
- package/dist/typescript/components/Call/CallControls/ReactionButton.d.ts.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,24 @@
|
|
|
2
2
|
|
|
3
3
|
This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
|
|
4
4
|
|
|
5
|
+
## [0.1.0](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.28...@stream-io/video-react-native-sdk-0.1.0) (2023-10-04)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### ⚠ BREAKING CHANGES
|
|
9
|
+
|
|
10
|
+
* **react-native:** set reactions through props and not config (#1069)
|
|
11
|
+
|
|
12
|
+
### Features
|
|
13
|
+
|
|
14
|
+
* **react-native:** set reactions through props and not config ([#1069](https://github.com/GetStream/stream-video-js/issues/1069)) ([9569648](https://github.com/GetStream/stream-video-js/commit/95696482c5622c3c93f071356b980deebee6bfbf))
|
|
15
|
+
|
|
16
|
+
### [0.0.28](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.27...@stream-io/video-react-native-sdk-0.0.28) (2023-10-02)
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
### Features
|
|
20
|
+
|
|
21
|
+
* **react-native:** support landscape more for CallContent ([#1119](https://github.com/GetStream/stream-video-js/issues/1119)) ([2e218b4](https://github.com/GetStream/stream-video-js/commit/2e218b4ad8f00c5eb1632d64df6c5d3456b5af41))
|
|
22
|
+
|
|
5
23
|
### [0.0.27](https://github.com/GetStream/stream-video-js/compare/@stream-io/video-react-native-sdk-0.0.26...@stream-io/video-react-native-sdk-0.0.27) (2023-09-28)
|
|
6
24
|
|
|
7
25
|
### Dependency Updates
|
package/README.md
CHANGED
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
[](https://github.com/GetStream/stream-video-js/actions/workflows/react-native-workflow.yml)
|
|
8
8
|
|
|
9
9
|
## **Quick Links**
|
|
10
|
+
|
|
10
11
|
- [Register](https://getstream.io/chat/trial/) to get an API key for Stream Video
|
|
11
12
|
- [React Native Video Tutorial](https://getstream.io/video/docs/reactnative/tutorials/video-calling/)
|
|
12
13
|
- [Sample application](https://github.com/GetStream/stream-video-js/tree/main/sample-apps/react-native/dogfood)
|
|
@@ -30,6 +31,7 @@ Stream is free for most side and hobby projects. To qualify, your project/compan
|
|
|
30
31
|
## 💡Supported Features💡
|
|
31
32
|
|
|
32
33
|
Here are some of the features we support:
|
|
34
|
+
|
|
33
35
|
- Developer experience: Great SDKs, docs, tutorials and support so you can build quickly
|
|
34
36
|
- Edge network: Servers around the world ensure optimal latency and reliability
|
|
35
37
|
- Chat: Stored chat, reactions, threads, typing indicators, URL previews etc
|
|
@@ -54,38 +56,44 @@ Here are some of the features we support:
|
|
|
54
56
|
- Broadcasting to HLS
|
|
55
57
|
|
|
56
58
|
## **Repo Overview** 😎
|
|
57
|
-
|
|
59
|
+
|
|
60
|
+
This repo contains projects and samples developed by the team and Stream community.
|
|
58
61
|
Projects are broken up into directories containing the source code for each project.
|
|
59
62
|
|
|
60
63
|
## **Projects/Packages 🚀**
|
|
61
|
-
|
|
64
|
+
|
|
65
|
+
The React Native SDK is a part of the Stream Video JS monorepo.
|
|
62
66
|
The monorepo consists of multiple folders, the most important of which are `packages` and `sample-apps`.
|
|
67
|
+
|
|
63
68
|
- The `packages` folder contains the packages each of which is a separate npm package. The React Native SDK is one of the packages alongside:
|
|
64
69
|
- [Our shared JS Call Engine](https://github.com/GetStream/stream-video-js/tree/main/packages/client) (`client`).
|
|
65
70
|
- [React Bindings](../react-bindings) (`react-bindings`).
|
|
66
71
|
- [React SDK](../react-sdk#official-react-sdk-for-stream-video) (`react-sdk`).
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
React Native's most relevant sample app is the `dogfooding` app which is a complete app that implements most of the features of the SDK.
|
|
72
|
+
- The `sample-apps` folder contains the sample apps that are built using the packages from the `packages` folder.
|
|
73
|
+
React Native's most relevant sample app is the `dogfooding` app which is a complete app that implements most of the features of the SDK.
|
|
70
74
|
|
|
71
75
|
- The `react-native-sdk/docusaurus` folder contains the documentation and guides.
|
|
72
76
|
|
|
73
|
-
|
|
74
77
|
## **Requirements** 🛠
|
|
75
|
-
|
|
78
|
+
|
|
79
|
+
Before running this project please ensure you have set up your [development environment for React Native](https://reactnative.dev/docs/environment-setup).
|
|
76
80
|
The Stream Video React Native SDK supports apps created with the React Native CLI.
|
|
77
81
|
|
|
78
82
|
## **Contributing** 🤝
|
|
83
|
+
|
|
79
84
|
- How can I submit a sample app?
|
|
80
|
-
|
|
85
|
+
- Apps submissions are always welcomed 🥳 Open a pr with a proper description and we'll review it as soon as possible
|
|
81
86
|
- Spot a bug 🕷 ?
|
|
82
|
-
|
|
87
|
+
- We welcome code changes that improve the apps or fix a problem. Please make sure to follow all best practices and add tests if applicable before submitting a Pull Request on Github.
|
|
83
88
|
|
|
84
89
|
---
|
|
90
|
+
|
|
85
91
|
## Roadmap
|
|
86
|
-
|
|
92
|
+
|
|
93
|
+
Stream's video roadmap and changelog are available [here](https://github.com/GetStream/protocol/discussions/127).
|
|
87
94
|
|
|
88
95
|
### 0.1, 0.2 and 0.3 milestone
|
|
96
|
+
|
|
89
97
|
- [x] Push notification- Android
|
|
90
98
|
- [x] Chat integration guide
|
|
91
99
|
- [x] Simulcasting- Android
|
|
@@ -114,6 +122,7 @@ Stream's video roadmap and changelog are available [here](https://github.com/Get
|
|
|
114
122
|
- [x] ParticipantView customizations
|
|
115
123
|
|
|
116
124
|
### 0.4 Milestones
|
|
125
|
+
|
|
117
126
|
- [x] Expo Support
|
|
118
127
|
- [ ] Leaner Chat Integration Guide
|
|
119
128
|
- [ ] Regular Push Notification
|
|
@@ -35,7 +35,9 @@ const CallContent = _ref => {
|
|
|
35
35
|
ParticipantView,
|
|
36
36
|
ParticipantsInfoBadge,
|
|
37
37
|
VideoRenderer,
|
|
38
|
-
layout = 'grid'
|
|
38
|
+
layout = 'grid',
|
|
39
|
+
supportedReactions,
|
|
40
|
+
landscape = true
|
|
39
41
|
} = _ref;
|
|
40
42
|
const [showRemoteParticipantInFloatingView, setShowRemoteParticipantInFloatingView] = (0, _react.useState)(false);
|
|
41
43
|
const {
|
|
@@ -90,17 +92,24 @@ const CallContent = _ref => {
|
|
|
90
92
|
};
|
|
91
93
|
const callParticipantsGridProps = {
|
|
92
94
|
...participantViewProps,
|
|
95
|
+
landscape,
|
|
93
96
|
showLocalParticipant: isRemoteParticipantInFloatingView,
|
|
94
97
|
ParticipantView,
|
|
95
|
-
CallParticipantsList
|
|
98
|
+
CallParticipantsList,
|
|
99
|
+
supportedReactions
|
|
96
100
|
};
|
|
97
101
|
const callParticipantsSpotlightProps = {
|
|
98
102
|
...participantViewProps,
|
|
103
|
+
landscape,
|
|
99
104
|
ParticipantView,
|
|
100
|
-
CallParticipantsList
|
|
105
|
+
CallParticipantsList,
|
|
106
|
+
supportedReactions
|
|
107
|
+
};
|
|
108
|
+
const landScapeStyles = {
|
|
109
|
+
flexDirection: landscape ? 'row' : 'column'
|
|
101
110
|
};
|
|
102
111
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
103
|
-
style: [styles.container, callContent.container]
|
|
112
|
+
style: [styles.container, callContent.container, landScapeStyles]
|
|
104
113
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
105
114
|
style: [styles.container, callContent.callParticipantsContainer]
|
|
106
115
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
@@ -115,9 +124,11 @@ const CallContent = _ref => {
|
|
|
115
124
|
ParticipantsInfoBadge: ParticipantsInfoBadge
|
|
116
125
|
}), showFloatingView && FloatingParticipantView && /*#__PURE__*/_react.default.createElement(FloatingParticipantView, _extends({
|
|
117
126
|
participant: isRemoteParticipantInFloatingView ? remoteParticipants[0] : localParticipant,
|
|
118
|
-
onPressHandler: handleFloatingViewParticipantSwitch
|
|
127
|
+
onPressHandler: handleFloatingViewParticipantSwitch,
|
|
128
|
+
supportedReactions: supportedReactions
|
|
119
129
|
}, participantViewProps))), showSpotlightLayout ? /*#__PURE__*/_react.default.createElement(_CallLayout.CallParticipantsSpotlight, callParticipantsSpotlightProps) : /*#__PURE__*/_react.default.createElement(_CallLayout.CallParticipantsGrid, callParticipantsGridProps)), CallControls && /*#__PURE__*/_react.default.createElement(CallControls, {
|
|
120
|
-
onHangupCallHandler: onHangupCallHandler
|
|
130
|
+
onHangupCallHandler: onHangupCallHandler,
|
|
131
|
+
landscape: landscape
|
|
121
132
|
}));
|
|
122
133
|
};
|
|
123
134
|
exports.CallContent = CallContent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_CallTopView","_CallLayout","_CallControls","_videoReactBindings","_videoClient","_hooks","_constants","_hooks2","_Participant","_contexts","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","CallContent","_ref","onBackPressed","onParticipantInfoPress","onHangupCallHandler","CallParticipantsList","CallTopView","DefaultCallTopView","CallControls","DefaultCallControls","FloatingParticipantView","DefaultFloatingParticipantView","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","ParticipantView","ParticipantsInfoBadge","VideoRenderer","layout","showRemoteParticipantInFloatingView","setShowRemoteParticipantInFloatingView","useState","theme","callContent","useTheme","useHasOngoingScreenShare","useRemoteParticipants","useLocalParticipant","useCallStateHooks","_remoteParticipants","remoteParticipants","useDebouncedValue","localParticipant","hasScreenShare","showSpotlightLayout","showFloatingView","isRemoteParticipantInFloatingView","useIncallManager","media","auto","useCall","activeCallRef","useRef","current","handleFloatingViewParticipantSwitch","prevState","useEffect","_activeCallRef$curren","state","callingState","CallingState","LEFT","_activeCallRef$curren2","leave","participantViewProps","callParticipantsGridProps","showLocalParticipant","callParticipantsSpotlightProps","createElement","View","style","styles","container","callParticipantsContainer","view","topContainer","pointerEvents","participant","onPressHandler","CallParticipantsSpotlight","CallParticipantsGrid","exports","StyleSheet","create","flex","absoluteFillObject","zIndex","Z_INDEX","IN_FRONT"],"sourceRoot":"../../../../../src","sources":["components/Call/CallContent/CallContent.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAIA,IAAAG,WAAA,GAAAH,OAAA;AAMA,IAAAI,aAAA,GAAAJ,OAAA;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_CallTopView","_CallLayout","_CallControls","_videoReactBindings","_videoClient","_hooks","_constants","_hooks2","_Participant","_contexts","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","CallContent","_ref","onBackPressed","onParticipantInfoPress","onHangupCallHandler","CallParticipantsList","CallTopView","DefaultCallTopView","CallControls","DefaultCallControls","FloatingParticipantView","DefaultFloatingParticipantView","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","ParticipantView","ParticipantsInfoBadge","VideoRenderer","layout","supportedReactions","landscape","showRemoteParticipantInFloatingView","setShowRemoteParticipantInFloatingView","useState","theme","callContent","useTheme","useHasOngoingScreenShare","useRemoteParticipants","useLocalParticipant","useCallStateHooks","_remoteParticipants","remoteParticipants","useDebouncedValue","localParticipant","hasScreenShare","showSpotlightLayout","showFloatingView","isRemoteParticipantInFloatingView","useIncallManager","media","auto","useCall","activeCallRef","useRef","current","handleFloatingViewParticipantSwitch","prevState","useEffect","_activeCallRef$curren","state","callingState","CallingState","LEFT","_activeCallRef$curren2","leave","participantViewProps","callParticipantsGridProps","showLocalParticipant","callParticipantsSpotlightProps","landScapeStyles","flexDirection","createElement","View","style","styles","container","callParticipantsContainer","view","topContainer","pointerEvents","participant","onPressHandler","CallParticipantsSpotlight","CallParticipantsGrid","exports","StyleSheet","create","flex","absoluteFillObject","zIndex","Z_INDEX","IN_FRONT"],"sourceRoot":"../../../../../src","sources":["components/Call/CallContent/CallContent.tsx"],"mappings":"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"}
|
|
@@ -24,7 +24,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
24
24
|
const CallControls = _ref => {
|
|
25
25
|
let {
|
|
26
26
|
style,
|
|
27
|
-
onHangupCallHandler
|
|
27
|
+
onHangupCallHandler,
|
|
28
|
+
landscape
|
|
28
29
|
} = _ref;
|
|
29
30
|
const {
|
|
30
31
|
theme: {
|
|
@@ -32,10 +33,15 @@ const CallControls = _ref => {
|
|
|
32
33
|
callControls
|
|
33
34
|
}
|
|
34
35
|
} = (0, _ThemeContext.useTheme)();
|
|
36
|
+
const landScapeStyles = {
|
|
37
|
+
flexDirection: landscape ? 'column-reverse' : 'row',
|
|
38
|
+
paddingHorizontal: landscape ? 12 : 0,
|
|
39
|
+
paddingVertical: landscape ? 0 : 12
|
|
40
|
+
};
|
|
35
41
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
36
42
|
style: [styles.container, {
|
|
37
43
|
backgroundColor: colors.static_grey
|
|
38
|
-
},
|
|
44
|
+
}, callControls.container, landScapeStyles, style]
|
|
39
45
|
}, /*#__PURE__*/_react.default.createElement(_ToggleVideoPublishingButton.ToggleVideoPublishingButton, null), /*#__PURE__*/_react.default.createElement(_ToggleAudioPublishingButton.ToggleAudioPublishingButton, null), /*#__PURE__*/_react.default.createElement(_ToggleCameraFaceButton.ToggleCameraFaceButton, null), /*#__PURE__*/_react.default.createElement(_HangupCallButton.HangUpCallButton, {
|
|
40
46
|
onHangupCallHandler: onHangupCallHandler
|
|
41
47
|
}));
|
|
@@ -43,8 +49,6 @@ const CallControls = _ref => {
|
|
|
43
49
|
exports.CallControls = CallControls;
|
|
44
50
|
const styles = _reactNative.StyleSheet.create({
|
|
45
51
|
container: {
|
|
46
|
-
paddingVertical: 12,
|
|
47
|
-
flexDirection: 'row',
|
|
48
52
|
justifyContent: 'space-evenly',
|
|
49
53
|
zIndex: _constants.Z_INDEX.IN_FRONT
|
|
50
54
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ToggleAudioPublishingButton","_ToggleVideoPublishingButton","_ToggleCameraFaceButton","_constants","_HangupCallButton","_ThemeContext","obj","__esModule","default","CallControls","_ref","style","onHangupCallHandler","theme","colors","callControls","useTheme","createElement","View","styles","container","backgroundColor","static_grey","ToggleVideoPublishingButton","ToggleAudioPublishingButton","ToggleCameraFaceButton","HangUpCallButton","exports","StyleSheet","create","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ToggleAudioPublishingButton","_ToggleVideoPublishingButton","_ToggleCameraFaceButton","_constants","_HangupCallButton","_ThemeContext","obj","__esModule","default","CallControls","_ref","style","onHangupCallHandler","landscape","theme","colors","callControls","useTheme","landScapeStyles","flexDirection","paddingHorizontal","paddingVertical","createElement","View","styles","container","backgroundColor","static_grey","ToggleVideoPublishingButton","ToggleAudioPublishingButton","ToggleCameraFaceButton","HangUpCallButton","exports","StyleSheet","create","justifyContent","zIndex","Z_INDEX","IN_FRONT"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/CallControls.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA;AACA,IAAAG,4BAAA,GAAAH,OAAA;AACA,IAAAI,uBAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AAA0D,SAAAD,uBAAAS,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE1D;AACA;AACA;;AAUA;AACA;AACA;AACA;AACO,MAAMG,YAAY,GAAGC,IAAA,IAIJ;EAAA,IAJK;IAC3BC,KAAK;IACLC,mBAAmB;IACnBC;EACgB,CAAC,GAAAH,IAAA;EACjB,MAAM;IACJI,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAa;EAChC,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EACd,MAAMC,eAA0B,GAAG;IACjCC,aAAa,EAAEN,SAAS,GAAG,gBAAgB,GAAG,KAAK;IACnDO,iBAAiB,EAAEP,SAAS,GAAG,EAAE,GAAG,CAAC;IACrCQ,eAAe,EAAER,SAAS,GAAG,CAAC,GAAG;EACnC,CAAC;EACD,oBACEjB,MAAA,CAAAY,OAAA,CAAAc,aAAA,CAACvB,YAAA,CAAAwB,IAAI;IACHZ,KAAK,EAAE,CACLa,MAAM,CAACC,SAAS,EAChB;MAAEC,eAAe,EAAEX,MAAM,CAACY;IAAY,CAAC,EACvCX,YAAY,CAACS,SAAS,EACtBP,eAAe,EACfP,KAAK;EACL,gBAEFf,MAAA,CAAAY,OAAA,CAAAc,aAAA,CAACrB,4BAAA,CAAA2B,2BAA2B,MAAE,CAAC,eAC/BhC,MAAA,CAAAY,OAAA,CAAAc,aAAA,CAACtB,4BAAA,CAAA6B,2BAA2B,MAAE,CAAC,eAC/BjC,MAAA,CAAAY,OAAA,CAAAc,aAAA,CAACpB,uBAAA,CAAA4B,sBAAsB,MAAE,CAAC,eAC1BlC,MAAA,CAAAY,OAAA,CAAAc,aAAA,CAAClB,iBAAA,CAAA2B,gBAAgB;IAACnB,mBAAmB,EAAEA;EAAoB,CAAE,CACzD,CAAC;AAEX,CAAC;AAACoB,OAAA,CAAAvB,YAAA,GAAAA,YAAA;AAEF,MAAMe,MAAM,GAAGS,uBAAU,CAACC,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,cAAc,EAAE,cAAc;IAC9BC,MAAM,EAAEC,kBAAO,CAACC;EAClB;AACF,CAAC,CAAC"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.ReactionsButton = void 0;
|
|
7
7
|
var _videoReactBindings = require("@stream-io/video-react-bindings");
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _CallControlsButton = require("./CallControlsButton");
|
|
@@ -11,7 +11,6 @@ var _videoClient = require("@stream-io/video-client");
|
|
|
11
11
|
var _TestIds = require("../../../constants/TestIds");
|
|
12
12
|
var _icons = require("../../../icons");
|
|
13
13
|
var _ReactionsPicker = require("./internal/ReactionsPicker");
|
|
14
|
-
var _utils = require("../../../utils");
|
|
15
14
|
var _ThemeContext = require("../../../contexts/ThemeContext");
|
|
16
15
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
16
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -23,8 +22,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
23
22
|
* Button to display the list of Reactions supported in the call.
|
|
24
23
|
* On press, it opens a view that can be used to send Reaction.
|
|
25
24
|
*/
|
|
26
|
-
const
|
|
25
|
+
const ReactionsButton = _ref => {
|
|
27
26
|
let {
|
|
27
|
+
supportedReactions,
|
|
28
28
|
onPressHandler
|
|
29
29
|
} = _ref;
|
|
30
30
|
const [showReactionsPicker, setShowReactionsPicker] = (0, _react.useState)(false);
|
|
@@ -44,7 +44,7 @@ const ReactionButton = _ref => {
|
|
|
44
44
|
return layout;
|
|
45
45
|
});
|
|
46
46
|
};
|
|
47
|
-
const
|
|
47
|
+
const reactionsButtonHandler = () => {
|
|
48
48
|
if (onPressHandler) {
|
|
49
49
|
onPressHandler();
|
|
50
50
|
return;
|
|
@@ -55,17 +55,17 @@ const ReactionButton = _ref => {
|
|
|
55
55
|
requiredGrants: [_videoClient.OwnCapability.CREATE_REACTION]
|
|
56
56
|
}, /*#__PURE__*/_react.default.createElement(_CallControlsButton.CallControlsButton, {
|
|
57
57
|
testID: _TestIds.ButtonTestIds.REACTION,
|
|
58
|
-
onPress:
|
|
58
|
+
onPress: reactionsButtonHandler,
|
|
59
59
|
onLayout: onReactionsButtonLayout
|
|
60
60
|
}, /*#__PURE__*/_react.default.createElement(_icons.Reaction, {
|
|
61
61
|
color: colors.static_black
|
|
62
62
|
}))), showReactionsPicker && /*#__PURE__*/_react.default.createElement(_ReactionsPicker.ReactionsPicker, {
|
|
63
|
-
|
|
63
|
+
supportedReactions: supportedReactions,
|
|
64
64
|
reactionsButtonLayoutRectangle: reactionsButtonLayoutRectangle,
|
|
65
65
|
onRequestedClose: () => {
|
|
66
66
|
setShowReactionsPicker(false);
|
|
67
67
|
}
|
|
68
68
|
}));
|
|
69
69
|
};
|
|
70
|
-
exports.
|
|
71
|
-
//# sourceMappingURL=
|
|
70
|
+
exports.ReactionsButton = ReactionsButton;
|
|
71
|
+
//# sourceMappingURL=ReactionsButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_videoReactBindings","require","_react","_interopRequireWildcard","_CallControlsButton","_videoClient","_TestIds","_icons","_ReactionsPicker","_ThemeContext","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ReactionsButton","_ref","supportedReactions","onPressHandler","showReactionsPicker","setShowReactionsPicker","useState","reactionsButtonLayoutRectangle","setReactionsButtonLayoutRectangle","theme","colors","useTheme","onReactionsButtonLayout","event","layout","nativeEvent","prev","width","height","x","y","reactionsButtonHandler","createElement","Fragment","Restricted","requiredGrants","OwnCapability","CREATE_REACTION","CallControlsButton","testID","ButtonTestIds","REACTION","onPress","onLayout","Reaction","color","static_black","ReactionsPicker","onRequestedClose","exports"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ReactionsButton.tsx"],"mappings":"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"}
|
|
@@ -102,14 +102,14 @@ Object.keys(_ChatButton).forEach(function (key) {
|
|
|
102
102
|
}
|
|
103
103
|
});
|
|
104
104
|
});
|
|
105
|
-
var
|
|
106
|
-
Object.keys(
|
|
105
|
+
var _ReactionsButton = require("./ReactionsButton");
|
|
106
|
+
Object.keys(_ReactionsButton).forEach(function (key) {
|
|
107
107
|
if (key === "default" || key === "__esModule") return;
|
|
108
|
-
if (key in exports && exports[key] ===
|
|
108
|
+
if (key in exports && exports[key] === _ReactionsButton[key]) return;
|
|
109
109
|
Object.defineProperty(exports, key, {
|
|
110
110
|
enumerable: true,
|
|
111
111
|
get: function () {
|
|
112
|
-
return
|
|
112
|
+
return _ReactionsButton[key];
|
|
113
113
|
}
|
|
114
114
|
});
|
|
115
115
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_AcceptCallButton","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_RejectCallButton","_HangupCallButton","_ToggleAudioPreviewButton","_ToggleVideoPreviewButton","_ToggleAudioPublishingButton","_ToggleVideoPublishingButton","_ToggleCameraFaceButton","_ChatButton","
|
|
1
|
+
{"version":3,"names":["_AcceptCallButton","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_RejectCallButton","_HangupCallButton","_ToggleAudioPreviewButton","_ToggleVideoPreviewButton","_ToggleAudioPublishingButton","_ToggleVideoPublishingButton","_ToggleCameraFaceButton","_ChatButton","_ReactionsButton","_CallControls","_LobbyControls","_IncomingCallControls","_OutgoingCallControls"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/index.tsx"],"mappings":"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"}
|
|
@@ -9,13 +9,14 @@ var _reactNative = require("react-native");
|
|
|
9
9
|
var _videoReactBindings = require("@stream-io/video-react-bindings");
|
|
10
10
|
var _TestIds = require("../../../../constants/TestIds");
|
|
11
11
|
var _ThemeContext = require("../../../../contexts/ThemeContext");
|
|
12
|
+
var _constants = require("../../../../constants");
|
|
12
13
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
14
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
15
|
const TOP_PADDING = 4;
|
|
15
16
|
const REACTION_MARGIN_BOTTOM = 4;
|
|
16
17
|
const ReactionsPicker = _ref => {
|
|
17
18
|
let {
|
|
18
|
-
|
|
19
|
+
supportedReactions = _constants.defaultEmojiReactions,
|
|
19
20
|
reactionsButtonLayoutRectangle,
|
|
20
21
|
onRequestedClose
|
|
21
22
|
} = _ref;
|
|
@@ -32,9 +33,9 @@ const ReactionsPicker = _ref => {
|
|
|
32
33
|
// the top padding
|
|
33
34
|
TOP_PADDING +
|
|
34
35
|
// take margins into account
|
|
35
|
-
REACTION_MARGIN_BOTTOM *
|
|
36
|
+
REACTION_MARGIN_BOTTOM * supportedReactions.length +
|
|
36
37
|
// the size of the reaction icon items (same size as reactions button * amount of reactions)
|
|
37
|
-
reactionItemSize *
|
|
38
|
+
reactionItemSize * supportedReactions.length;
|
|
38
39
|
const reactionsPopupStyle = {
|
|
39
40
|
// we should show the popup right above the reactions button and not top of it
|
|
40
41
|
top: ((reactionsButtonLayoutRectangle === null || reactionsButtonLayoutRectangle === void 0 ? void 0 : reactionsButtonLayoutRectangle.y) ?? 0) - popupHeight,
|
|
@@ -92,17 +93,17 @@ const ReactionsPicker = _ref => {
|
|
|
92
93
|
onPress: () => {
|
|
93
94
|
onClose();
|
|
94
95
|
}
|
|
95
|
-
},
|
|
96
|
-
key:
|
|
96
|
+
}, supportedReactions.map(supportedReaction => /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
|
|
97
|
+
key: supportedReaction.emoji_code,
|
|
97
98
|
style: [styles.reactionItem, reactionItemStyle, {
|
|
98
99
|
// temporary background color until we have theming
|
|
99
100
|
backgroundColor: colors.overlay
|
|
100
101
|
}, reactionsPicker.reactionItem],
|
|
101
102
|
onPress: () => {
|
|
102
103
|
onClose({
|
|
103
|
-
type:
|
|
104
|
-
custom:
|
|
105
|
-
emoji_code:
|
|
104
|
+
type: supportedReaction.type,
|
|
105
|
+
custom: supportedReaction.custom,
|
|
106
|
+
emoji_code: supportedReaction.emoji_code
|
|
106
107
|
});
|
|
107
108
|
}
|
|
108
109
|
}, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.Text, {
|
|
@@ -113,7 +114,7 @@ const ReactionsPicker = _ref => {
|
|
|
113
114
|
scaleX: elasticAnimRef.current
|
|
114
115
|
}]
|
|
115
116
|
}, reactionsPicker.reactionText]
|
|
116
|
-
},
|
|
117
|
+
}, supportedReaction.icon)))), /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
|
|
117
118
|
style: [reactionsButtonDimmerStyle, {
|
|
118
119
|
backgroundColor: colors.static_grey
|
|
119
120
|
}, reactionsPicker.reactionsButtonDimmer],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_videoReactBindings","_TestIds","_ThemeContext","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","TOP_PADDING","REACTION_MARGIN_BOTTOM","ReactionsPicker","_ref","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_videoReactBindings","_TestIds","_ThemeContext","_constants","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","TOP_PADDING","REACTION_MARGIN_BOTTOM","ReactionsPicker","_ref","supportedReactions","defaultEmojiReactions","reactionsButtonLayoutRectangle","onRequestedClose","theme","colors","reactionsPicker","useTheme","useCall","size","width","reactionItemSize","popupHeight","length","reactionsPopupStyle","top","y","left","x","height","borderTopStartRadius","borderTopEndRadius","elasticAnimRef","useRef","Animated","Value","useEffect","timing","current","toValue","duration","useNativeDriver","easing","Easing","elastic","start","reactionItemStyle","borderRadius","reactionsButtonDimmerStyle","styles","reactionsButtonDimmer","onClose","reaction","sendReaction","catch","e","console","error","linear","createElement","Fragment","Pressable","testID","ComponentTestIds","REACTIONS_PICKER","style","reactionsPopup","backgroundColor","static_grey","onPress","map","supportedReaction","emoji_code","reactionItem","overlay","type","custom","Text","reactionText","transform","scaleY","scaleX","icon","exports","StyleSheet","create","position","alignItems","paddingTop","opacity","justifyContent","marginBottom","fontSize"],"sourceRoot":"../../../../../../src","sources":["components/Call/CallControls/internal/ReactionsPicker.tsx"],"mappings":"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"}
|
|
@@ -29,7 +29,9 @@ const CallParticipantsGrid = _ref => {
|
|
|
29
29
|
ParticipantVideoFallback,
|
|
30
30
|
ParticipantView,
|
|
31
31
|
VideoRenderer,
|
|
32
|
-
showLocalParticipant = false
|
|
32
|
+
showLocalParticipant = false,
|
|
33
|
+
supportedReactions,
|
|
34
|
+
landscape
|
|
33
35
|
} = _ref;
|
|
34
36
|
const {
|
|
35
37
|
theme: {
|
|
@@ -48,6 +50,9 @@ const CallParticipantsGrid = _ref => {
|
|
|
48
50
|
// we debounce the participants arrays to avoid unnecessary rerenders that happen when participant tracks are all subscribed simultaneously
|
|
49
51
|
const remoteParticipants = (0, _useDebouncedValue.useDebouncedValue)(_remoteParticipants, 300);
|
|
50
52
|
const allParticipants = (0, _useDebouncedValue.useDebouncedValue)(_allParticipants, 300);
|
|
53
|
+
const landScapeStyles = {
|
|
54
|
+
flexDirection: landscape ? 'row' : 'column'
|
|
55
|
+
};
|
|
51
56
|
const showFloatingView = remoteParticipants.length > 0 && remoteParticipants.length < 3;
|
|
52
57
|
const participants = showFloatingView ? showLocalParticipant && localParticipant ? [localParticipant] : remoteParticipants : allParticipants;
|
|
53
58
|
const participantViewProps = {
|
|
@@ -59,12 +64,14 @@ const CallParticipantsGrid = _ref => {
|
|
|
59
64
|
VideoRenderer
|
|
60
65
|
};
|
|
61
66
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
62
|
-
style: [styles.container, {
|
|
67
|
+
style: [styles.container, landScapeStyles, {
|
|
63
68
|
backgroundColor: colors.dark_gray
|
|
64
69
|
}, callParticipantsGrid.container],
|
|
65
70
|
testID: _TestIds.ComponentTestIds.CALL_PARTICIPANTS_GRID
|
|
66
71
|
}, CallParticipantsList && /*#__PURE__*/_react.default.createElement(CallParticipantsList, _extends({
|
|
67
|
-
participants: participants
|
|
72
|
+
participants: participants,
|
|
73
|
+
supportedReactions: supportedReactions,
|
|
74
|
+
landscape: landscape
|
|
68
75
|
}, participantViewProps)));
|
|
69
76
|
};
|
|
70
77
|
exports.CallParticipantsGrid = CallParticipantsGrid;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_videoReactBindings","_useDebouncedValue","_CallParticipantsList","_TestIds","_ThemeContext","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CallParticipantsGrid","_ref","CallParticipantsList","DefaultCallParticipantsList","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","ParticipantView","VideoRenderer","showLocalParticipant","theme","colors","callParticipantsGrid","useTheme","useRemoteParticipants","useParticipants","useLocalParticipant","useCallStateHooks","_remoteParticipants","localParticipant","_allParticipants","remoteParticipants","useDebouncedValue","allParticipants","showFloatingView","participants","participantViewProps","createElement","View","style","styles","container","backgroundColor","dark_gray","testID","ComponentTestIds","CALL_PARTICIPANTS_GRID","exports","StyleSheet","create","flex"],"sourceRoot":"../../../../../src","sources":["components/Call/CallLayout/CallParticipantsGrid.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_videoReactBindings","_useDebouncedValue","_CallParticipantsList","_TestIds","_ThemeContext","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CallParticipantsGrid","_ref","CallParticipantsList","DefaultCallParticipantsList","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","ParticipantView","VideoRenderer","showLocalParticipant","supportedReactions","landscape","theme","colors","callParticipantsGrid","useTheme","useRemoteParticipants","useParticipants","useLocalParticipant","useCallStateHooks","_remoteParticipants","localParticipant","_allParticipants","remoteParticipants","useDebouncedValue","allParticipants","landScapeStyles","flexDirection","showFloatingView","participants","participantViewProps","createElement","View","style","styles","container","backgroundColor","dark_gray","testID","ComponentTestIds","CALL_PARTICIPANTS_GRID","exports","StyleSheet","create","flex"],"sourceRoot":"../../../../../src","sources":["components/Call/CallLayout/CallParticipantsGrid.tsx"],"mappings":"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"}
|
|
@@ -33,7 +33,9 @@ const CallParticipantsSpotlight = _ref => {
|
|
|
33
33
|
ParticipantReaction,
|
|
34
34
|
ParticipantVideoFallback,
|
|
35
35
|
ParticipantView = _Participant.ParticipantView,
|
|
36
|
-
VideoRenderer
|
|
36
|
+
VideoRenderer,
|
|
37
|
+
supportedReactions,
|
|
38
|
+
landscape
|
|
37
39
|
} = _ref;
|
|
38
40
|
const {
|
|
39
41
|
theme: {
|
|
@@ -62,27 +64,36 @@ const CallParticipantsSpotlight = _ref => {
|
|
|
62
64
|
...participantViewProps,
|
|
63
65
|
ParticipantView
|
|
64
66
|
};
|
|
67
|
+
const landScapeStyles = {
|
|
68
|
+
flexDirection: landscape ? 'row' : 'column'
|
|
69
|
+
};
|
|
70
|
+
const spotlightContainerLandscapeStyles = {
|
|
71
|
+
marginHorizontal: landscape ? 0 : 8
|
|
72
|
+
};
|
|
65
73
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
66
74
|
testID: _TestIds.ComponentTestIds.CALL_PARTICIPANTS_SPOTLIGHT,
|
|
67
|
-
style: [styles.container, {
|
|
75
|
+
style: [styles.container, landScapeStyles, {
|
|
68
76
|
backgroundColor: colors.dark_gray
|
|
69
77
|
}, callParticipantsSpotlight.container]
|
|
70
78
|
}, participantInSpotlight && ParticipantView && /*#__PURE__*/_react.default.createElement(ParticipantView, _extends({
|
|
71
79
|
participant: participantInSpotlight,
|
|
72
|
-
style: isUserAloneInCall ? [styles.fullScreenSpotlightContainer, callParticipantsSpotlight.fullScreenSpotlightContainer] : [styles.spotlightContainer, callParticipantsSpotlight.spotlightContainer],
|
|
73
|
-
trackType: isScreenShareOnSpotlight ? 'screenShareTrack' : 'videoTrack'
|
|
80
|
+
style: isUserAloneInCall ? [styles.fullScreenSpotlightContainer, callParticipantsSpotlight.fullScreenSpotlightContainer] : [styles.spotlightContainer, spotlightContainerLandscapeStyles, callParticipantsSpotlight.spotlightContainer],
|
|
81
|
+
trackType: isScreenShareOnSpotlight ? 'screenShareTrack' : 'videoTrack',
|
|
82
|
+
supportedReactions: supportedReactions
|
|
74
83
|
}, participantViewProps)), !isUserAloneInCall && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
75
84
|
style: [styles.callParticipantsListContainer, callParticipantsSpotlight.callParticipantsListContainer]
|
|
76
85
|
}, CallParticipantsList && /*#__PURE__*/_react.default.createElement(CallParticipantsList, _extends({
|
|
77
86
|
participants: isScreenShareOnSpotlight ? allParticipants : otherParticipants,
|
|
78
|
-
|
|
87
|
+
supportedReactions: supportedReactions,
|
|
88
|
+
horizontal: !landscape,
|
|
89
|
+
numberOfColumns: !landscape ? 2 : 1,
|
|
90
|
+
landscape: landscape
|
|
79
91
|
}, callParticipantsListProps))));
|
|
80
92
|
};
|
|
81
93
|
exports.CallParticipantsSpotlight = CallParticipantsSpotlight;
|
|
82
94
|
const styles = _reactNative.StyleSheet.create({
|
|
83
95
|
container: {
|
|
84
|
-
flex: 1
|
|
85
|
-
paddingVertical: 8
|
|
96
|
+
flex: 1
|
|
86
97
|
},
|
|
87
98
|
fullScreenSpotlightContainer: {
|
|
88
99
|
flex: 1
|
|
@@ -91,8 +102,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
91
102
|
flex: 2,
|
|
92
103
|
overflow: 'hidden',
|
|
93
104
|
borderRadius: 10,
|
|
94
|
-
marginHorizontal: 8
|
|
95
|
-
marginBottom: 8
|
|
105
|
+
marginHorizontal: 8
|
|
96
106
|
},
|
|
97
107
|
callParticipantsListContainer: {
|
|
98
108
|
flex: 1
|