@stream-io/video-react-native-sdk 0.0.28 → 0.1.1
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 +7 -3
- package/dist/commonjs/components/Call/CallContent/CallContent.js.map +1 -1
- 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 +2 -0
- package/dist/commonjs/components/Call/CallLayout/CallParticipantsGrid.js.map +1 -1
- package/dist/commonjs/components/Call/CallLayout/CallParticipantsSpotlight.js +4 -1
- package/dist/commonjs/components/Call/CallLayout/CallParticipantsSpotlight.js.map +1 -1
- package/dist/commonjs/components/Call/CallParticipantsList/CallParticipantsList.js +5 -2
- package/dist/commonjs/components/Call/CallParticipantsList/CallParticipantsList.js.map +1 -1
- package/dist/commonjs/components/Call/Lobby/Lobby.js +7 -23
- package/dist/commonjs/components/Call/Lobby/Lobby.js.map +1 -1
- package/dist/commonjs/components/Call/Lobby/LobbyFooter.js +63 -0
- package/dist/commonjs/components/Call/Lobby/LobbyFooter.js.map +1 -0
- package/dist/commonjs/components/Call/Lobby/index.js +11 -0
- package/dist/commonjs/components/Call/Lobby/index.js.map +1 -1
- package/dist/commonjs/components/Participant/FloatingParticipantView/index.js +4 -2
- 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 +4 -2
- package/dist/commonjs/components/Participant/ParticipantView/ParticipantView.js.map +1 -1
- package/dist/commonjs/constants/index.js.map +1 -1
- package/dist/commonjs/translations/en.json +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 +7 -3
- package/dist/module/components/Call/CallContent/CallContent.js.map +1 -1
- 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 +2 -0
- package/dist/module/components/Call/CallLayout/CallParticipantsGrid.js.map +1 -1
- package/dist/module/components/Call/CallLayout/CallParticipantsSpotlight.js +4 -1
- package/dist/module/components/Call/CallLayout/CallParticipantsSpotlight.js.map +1 -1
- package/dist/module/components/Call/CallParticipantsList/CallParticipantsList.js +5 -2
- package/dist/module/components/Call/CallParticipantsList/CallParticipantsList.js.map +1 -1
- package/dist/module/components/Call/Lobby/Lobby.js +7 -23
- package/dist/module/components/Call/Lobby/Lobby.js.map +1 -1
- package/dist/module/components/Call/Lobby/LobbyFooter.js +56 -0
- package/dist/module/components/Call/Lobby/LobbyFooter.js.map +1 -0
- package/dist/module/components/Call/Lobby/index.js +1 -0
- package/dist/module/components/Call/Lobby/index.js.map +1 -1
- package/dist/module/components/Participant/FloatingParticipantView/index.js +4 -2
- 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 +4 -2
- package/dist/module/components/Participant/ParticipantView/ParticipantView.js.map +1 -1
- package/dist/module/constants/index.js.map +1 -1
- package/dist/module/translations/en.json +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 +17 -8
- package/dist/typescript/components/Call/CallContent/CallContent.d.ts.map +1 -1
- package/dist/typescript/components/Call/CallControls/CallControls.d.ts +2 -6
- 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 +5 -8
- package/dist/typescript/components/Call/CallLayout/CallParticipantsGrid.d.ts.map +1 -1
- package/dist/typescript/components/Call/CallLayout/CallParticipantsSpotlight.d.ts +5 -8
- package/dist/typescript/components/Call/CallLayout/CallParticipantsSpotlight.d.ts.map +1 -1
- package/dist/typescript/components/Call/CallParticipantsList/CallParticipantsList.d.ts +3 -2
- package/dist/typescript/components/Call/CallParticipantsList/CallParticipantsList.d.ts.map +1 -1
- package/dist/typescript/components/Call/Lobby/Lobby.d.ts +6 -1
- package/dist/typescript/components/Call/Lobby/Lobby.d.ts.map +1 -1
- package/dist/typescript/components/Call/Lobby/LobbyFooter.d.ts +10 -0
- package/dist/typescript/components/Call/Lobby/LobbyFooter.d.ts.map +1 -0
- package/dist/typescript/components/Call/Lobby/index.d.ts +1 -0
- package/dist/typescript/components/Call/Lobby/index.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/translations/index.d.ts +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 +41 -25
- package/src/components/Call/CallControls/CallControls.tsx +9 -13
- 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 +17 -16
- package/src/components/Call/CallLayout/CallParticipantsSpotlight.tsx +7 -7
- package/src/components/Call/CallParticipantsList/CallParticipantsList.tsx +25 -20
- package/src/components/Call/Lobby/Lobby.tsx +16 -36
- package/src/components/Call/Lobby/LobbyFooter.tsx +75 -0
- package/src/components/Call/Lobby/index.ts +1 -0
- package/src/components/Participant/FloatingParticipantView/index.tsx +8 -2
- package/src/components/Participant/ParticipantView/ParticipantReaction.tsx +16 -29
- package/src/components/Participant/ParticipantView/ParticipantView.tsx +38 -32
- package/src/constants/index.ts +2 -2
- package/src/translations/en.json +1 -1
- 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
|
@@ -7,7 +7,7 @@ export * from './ToggleAudioPublishingButton';
|
|
|
7
7
|
export * from './ToggleVideoPublishingButton';
|
|
8
8
|
export * from './ToggleCameraFaceButton';
|
|
9
9
|
export * from './ChatButton';
|
|
10
|
-
export * from './
|
|
10
|
+
export * from './ReactionsButton';
|
|
11
11
|
export * from './CallControls';
|
|
12
12
|
export * from './LobbyControls';
|
|
13
13
|
export * from './IncomingCallControls';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/index.tsx"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC,cAAc,4BAA4B;AAC1C,cAAc,4BAA4B;AAC1C,cAAc,+BAA+B;AAC7C,cAAc,+BAA+B;AAC7C,cAAc,0BAA0B;AACxC,cAAc,cAAc;AAC5B,cAAc,
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/index.tsx"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC,cAAc,4BAA4B;AAC1C,cAAc,4BAA4B;AAC1C,cAAc,+BAA+B;AAC7C,cAAc,+BAA+B;AAC7C,cAAc,0BAA0B;AACxC,cAAc,cAAc;AAC5B,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,wBAAwB;AACtC,cAAc,wBAAwB"}
|
|
@@ -3,11 +3,12 @@ import { Pressable, StyleSheet, Animated, Easing } from 'react-native';
|
|
|
3
3
|
import { useCall } from '@stream-io/video-react-bindings';
|
|
4
4
|
import { ComponentTestIds } from '../../../../constants/TestIds';
|
|
5
5
|
import { useTheme } from '../../../../contexts/ThemeContext';
|
|
6
|
+
import { defaultEmojiReactions } from '../../../../constants';
|
|
6
7
|
const TOP_PADDING = 4;
|
|
7
8
|
const REACTION_MARGIN_BOTTOM = 4;
|
|
8
9
|
export const ReactionsPicker = _ref => {
|
|
9
10
|
let {
|
|
10
|
-
|
|
11
|
+
supportedReactions = defaultEmojiReactions,
|
|
11
12
|
reactionsButtonLayoutRectangle,
|
|
12
13
|
onRequestedClose
|
|
13
14
|
} = _ref;
|
|
@@ -24,9 +25,9 @@ export const ReactionsPicker = _ref => {
|
|
|
24
25
|
// the top padding
|
|
25
26
|
TOP_PADDING +
|
|
26
27
|
// take margins into account
|
|
27
|
-
REACTION_MARGIN_BOTTOM *
|
|
28
|
+
REACTION_MARGIN_BOTTOM * supportedReactions.length +
|
|
28
29
|
// the size of the reaction icon items (same size as reactions button * amount of reactions)
|
|
29
|
-
reactionItemSize *
|
|
30
|
+
reactionItemSize * supportedReactions.length;
|
|
30
31
|
const reactionsPopupStyle = {
|
|
31
32
|
// we should show the popup right above the reactions button and not top of it
|
|
32
33
|
top: ((reactionsButtonLayoutRectangle === null || reactionsButtonLayoutRectangle === void 0 ? void 0 : reactionsButtonLayoutRectangle.y) ?? 0) - popupHeight,
|
|
@@ -84,17 +85,17 @@ export const ReactionsPicker = _ref => {
|
|
|
84
85
|
onPress: () => {
|
|
85
86
|
onClose();
|
|
86
87
|
}
|
|
87
|
-
},
|
|
88
|
-
key:
|
|
88
|
+
}, supportedReactions.map(supportedReaction => /*#__PURE__*/React.createElement(Pressable, {
|
|
89
|
+
key: supportedReaction.emoji_code,
|
|
89
90
|
style: [styles.reactionItem, reactionItemStyle, {
|
|
90
91
|
// temporary background color until we have theming
|
|
91
92
|
backgroundColor: colors.overlay
|
|
92
93
|
}, reactionsPicker.reactionItem],
|
|
93
94
|
onPress: () => {
|
|
94
95
|
onClose({
|
|
95
|
-
type:
|
|
96
|
-
custom:
|
|
97
|
-
emoji_code:
|
|
96
|
+
type: supportedReaction.type,
|
|
97
|
+
custom: supportedReaction.custom,
|
|
98
|
+
emoji_code: supportedReaction.emoji_code
|
|
98
99
|
});
|
|
99
100
|
}
|
|
100
101
|
}, /*#__PURE__*/React.createElement(Animated.Text, {
|
|
@@ -105,7 +106,7 @@ export const ReactionsPicker = _ref => {
|
|
|
105
106
|
scaleX: elasticAnimRef.current
|
|
106
107
|
}]
|
|
107
108
|
}, reactionsPicker.reactionText]
|
|
108
|
-
},
|
|
109
|
+
}, supportedReaction.icon)))), /*#__PURE__*/React.createElement(Pressable, {
|
|
109
110
|
style: [reactionsButtonDimmerStyle, {
|
|
110
111
|
backgroundColor: colors.static_grey
|
|
111
112
|
}, reactionsPicker.reactionsButtonDimmer],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useRef","Pressable","StyleSheet","Animated","Easing","useCall","ComponentTestIds","useTheme","TOP_PADDING","REACTION_MARGIN_BOTTOM","ReactionsPicker","_ref","
|
|
1
|
+
{"version":3,"names":["React","useEffect","useRef","Pressable","StyleSheet","Animated","Easing","useCall","ComponentTestIds","useTheme","defaultEmojiReactions","TOP_PADDING","REACTION_MARGIN_BOTTOM","ReactionsPicker","_ref","supportedReactions","reactionsButtonLayoutRectangle","onRequestedClose","theme","colors","reactionsPicker","call","size","width","reactionItemSize","popupHeight","length","reactionsPopupStyle","top","y","left","x","height","borderTopStartRadius","borderTopEndRadius","elasticAnimRef","Value","timing","current","toValue","duration","useNativeDriver","easing","elastic","start","reactionItemStyle","borderRadius","reactionsButtonDimmerStyle","styles","reactionsButtonDimmer","onClose","reaction","sendReaction","catch","e","console","error","linear","createElement","Fragment","testID","REACTIONS_PICKER","style","reactionsPopup","backgroundColor","static_grey","onPress","map","supportedReaction","key","emoji_code","reactionItem","overlay","type","custom","Text","reactionText","transform","scaleY","scaleX","icon","create","position","alignItems","paddingTop","opacity","justifyContent","marginBottom","fontSize"],"sourceRoot":"../../../../../../src","sources":["components/Call/CallControls/internal/ReactionsPicker.tsx"],"mappings":"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"}
|
|
@@ -24,6 +24,7 @@ export const CallParticipantsGrid = _ref => {
|
|
|
24
24
|
ParticipantView,
|
|
25
25
|
VideoRenderer,
|
|
26
26
|
showLocalParticipant = false,
|
|
27
|
+
supportedReactions,
|
|
27
28
|
landscape
|
|
28
29
|
} = _ref;
|
|
29
30
|
const {
|
|
@@ -63,6 +64,7 @@ export const CallParticipantsGrid = _ref => {
|
|
|
63
64
|
testID: ComponentTestIds.CALL_PARTICIPANTS_GRID
|
|
64
65
|
}, CallParticipantsList && /*#__PURE__*/React.createElement(CallParticipantsList, _extends({
|
|
65
66
|
participants: participants,
|
|
67
|
+
supportedReactions: supportedReactions,
|
|
66
68
|
landscape: landscape
|
|
67
69
|
}, participantViewProps)));
|
|
68
70
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","View","useCallStateHooks","useDebouncedValue","CallParticipantsList","DefaultCallParticipantsList","ComponentTestIds","useTheme","CallParticipantsGrid","_ref","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","ParticipantView","VideoRenderer","showLocalParticipant","landscape","theme","colors","callParticipantsGrid","useRemoteParticipants","useParticipants","useLocalParticipant","_remoteParticipants","localParticipant","_allParticipants","remoteParticipants","allParticipants","landScapeStyles","flexDirection","showFloatingView","length","participants","participantViewProps","createElement","style","styles","container","backgroundColor","dark_gray","testID","CALL_PARTICIPANTS_GRID","_extends","create","flex"],"sourceRoot":"../../../../../src","sources":["components/Call/CallLayout/CallParticipantsGrid.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAC1D,SAASC,iBAAiB,QAAQ,iCAAiC;AACnE,SAASC,iBAAiB,QAAQ,wCAAwC;AAC1E,SACEC,oBAAoB,IAAIC,2BAA2B,
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","View","useCallStateHooks","useDebouncedValue","CallParticipantsList","DefaultCallParticipantsList","ComponentTestIds","useTheme","CallParticipantsGrid","_ref","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","ParticipantView","VideoRenderer","showLocalParticipant","supportedReactions","landscape","theme","colors","callParticipantsGrid","useRemoteParticipants","useParticipants","useLocalParticipant","_remoteParticipants","localParticipant","_allParticipants","remoteParticipants","allParticipants","landScapeStyles","flexDirection","showFloatingView","length","participants","participantViewProps","createElement","style","styles","container","backgroundColor","dark_gray","testID","CALL_PARTICIPANTS_GRID","_extends","create","flex"],"sourceRoot":"../../../../../src","sources":["components/Call/CallLayout/CallParticipantsGrid.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAC1D,SAASC,iBAAiB,QAAQ,iCAAiC;AACnE,SAASC,iBAAiB,QAAQ,wCAAwC;AAC1E,SACEC,oBAAoB,IAAIC,2BAA2B,QAE9C,8CAA8C;AACrD,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,QAAQ,QAAQ,gCAAgC;;AAIzD;AACA;AACA;;AAeA;AACA;AACA;AACA,OAAO,MAAMC,oBAAoB,GAAGC,IAAA,IAWH;EAAA,IAXI;IACnCL,oBAAoB,GAAGC,2BAA2B;IAClDK,gBAAgB;IAChBC,kCAAkC;IAClCC,mBAAmB;IACnBC,wBAAwB;IACxBC,eAAe;IACfC,aAAa;IACbC,oBAAoB,GAAG,KAAK;IAC5BC,kBAAkB;IAClBC;EACyB,CAAC,GAAAT,IAAA;EAC1B,MAAM;IACJU,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAqB;EACxC,CAAC,GAAGd,QAAQ,CAAC,CAAC;EACd,MAAM;IAAEe,qBAAqB;IAAEC,eAAe;IAAEC;EAAoB,CAAC,GACnEtB,iBAAiB,CAAC,CAAC;EACrB,MAAMuB,mBAAmB,GAAGH,qBAAqB,CAAC,CAAC;EACnD,MAAMI,gBAAgB,GAAGF,mBAAmB,CAAC,CAAC;EAC9C,MAAMG,gBAAgB,GAAGJ,eAAe,CAAC,CAAC;EAC1C;EACA,MAAMK,kBAAkB,GAAGzB,iBAAiB,CAACsB,mBAAmB,EAAE,GAAG,CAAC;EACtE,MAAMI,eAAe,GAAG1B,iBAAiB,CAACwB,gBAAgB,EAAE,GAAG,CAAC;EAChE,MAAMG,eAA0B,GAAG;IACjCC,aAAa,EAAEb,SAAS,GAAG,KAAK,GAAG;EACrC,CAAC;EAED,MAAMc,gBAAgB,GACpBJ,kBAAkB,CAACK,MAAM,GAAG,CAAC,IAAIL,kBAAkB,CAACK,MAAM,GAAG,CAAC;EAEhE,MAAMC,YAAY,GAAGF,gBAAgB,GACjChB,oBAAoB,IAAIU,gBAAgB,GACtC,CAACA,gBAAgB,CAAC,GAClBE,kBAAkB,GACpBC,eAAe;EAEnB,MAAMM,oBAAwD,GAAG;IAC/DrB,eAAe;IACfJ,gBAAgB;IAChBC,kCAAkC;IAClCC,mBAAmB;IACnBC,wBAAwB;IACxBE;EACF,CAAC;EAED,oBACEhB,KAAA,CAAAqC,aAAA,CAACnC,IAAI;IACHoC,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChBT,eAAe,EACf;MAAEU,eAAe,EAAEpB,MAAM,CAACqB;IAAU,CAAC,EACrCpB,oBAAoB,CAACkB,SAAS,CAC9B;IACFG,MAAM,EAAEpC,gBAAgB,CAACqC;EAAuB,GAE/CvC,oBAAoB,iBACnBL,KAAA,CAAAqC,aAAA,CAAChC,oBAAoB,EAAAwC,QAAA;IACnBV,YAAY,EAAEA,YAAa;IAC3BjB,kBAAkB,EAAEA,kBAAmB;IACvCC,SAAS,EAAEA;EAAU,GACjBiB,oBAAoB,CACzB,CAEC,CAAC;AAEX,CAAC;AAED,MAAMG,MAAM,GAAGtC,UAAU,CAAC6C,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,IAAI,EAAE;EACR;AACF,CAAC,CAAC"}
|
|
@@ -28,6 +28,7 @@ export const CallParticipantsSpotlight = _ref => {
|
|
|
28
28
|
ParticipantVideoFallback,
|
|
29
29
|
ParticipantView = DefaultParticipantView,
|
|
30
30
|
VideoRenderer,
|
|
31
|
+
supportedReactions,
|
|
31
32
|
landscape
|
|
32
33
|
} = _ref;
|
|
33
34
|
const {
|
|
@@ -71,11 +72,13 @@ export const CallParticipantsSpotlight = _ref => {
|
|
|
71
72
|
}, participantInSpotlight && ParticipantView && /*#__PURE__*/React.createElement(ParticipantView, _extends({
|
|
72
73
|
participant: participantInSpotlight,
|
|
73
74
|
style: isUserAloneInCall ? [styles.fullScreenSpotlightContainer, callParticipantsSpotlight.fullScreenSpotlightContainer] : [styles.spotlightContainer, spotlightContainerLandscapeStyles, callParticipantsSpotlight.spotlightContainer],
|
|
74
|
-
trackType: isScreenShareOnSpotlight ? 'screenShareTrack' : 'videoTrack'
|
|
75
|
+
trackType: isScreenShareOnSpotlight ? 'screenShareTrack' : 'videoTrack',
|
|
76
|
+
supportedReactions: supportedReactions
|
|
75
77
|
}, participantViewProps)), !isUserAloneInCall && /*#__PURE__*/React.createElement(View, {
|
|
76
78
|
style: [styles.callParticipantsListContainer, callParticipantsSpotlight.callParticipantsListContainer]
|
|
77
79
|
}, CallParticipantsList && /*#__PURE__*/React.createElement(CallParticipantsList, _extends({
|
|
78
80
|
participants: isScreenShareOnSpotlight ? allParticipants : otherParticipants,
|
|
81
|
+
supportedReactions: supportedReactions,
|
|
79
82
|
horizontal: !landscape,
|
|
80
83
|
numberOfColumns: !landscape ? 2 : 1,
|
|
81
84
|
landscape: landscape
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","SfuModels","speakerLayoutSortPreset","useCallStateHooks","StyleSheet","View","useDebouncedValue","ComponentTestIds","CallParticipantsList","DefaultCallParticipantsList","ParticipantView","DefaultParticipantView","useTheme","hasScreenShare","p","publishedTracks","includes","TrackType","SCREEN_SHARE","CallParticipantsSpotlight","_ref","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","VideoRenderer","landscape","theme","colors","callParticipantsSpotlight","useParticipants","_allParticipants","sortBy","allParticipants","participantInSpotlight","otherParticipants","isScreenShareOnSpotlight","isUserAloneInCall","length","participantViewProps","callParticipantsListProps","landScapeStyles","flexDirection","spotlightContainerLandscapeStyles","marginHorizontal","createElement","testID","CALL_PARTICIPANTS_SPOTLIGHT","style","styles","container","backgroundColor","dark_gray","_extends","participant","fullScreenSpotlightContainer","spotlightContainer","trackType","callParticipantsListContainer","participants","horizontal","numberOfColumns","create","flex","overflow","borderRadius"],"sourceRoot":"../../../../../src","sources":["components/Call/CallLayout/CallParticipantsSpotlight.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,SAAS,EACTC,uBAAuB,QAElB,yBAAyB;AAChC,SAASC,iBAAiB,QAAQ,iCAAiC;AACnE,SAASC,UAAU,EAAEC,IAAI,QAAmB,cAAc;AAC1D,SAASC,iBAAiB,QAAQ,wCAAwC;AAC1E,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SACEC,oBAAoB,IAAIC,2BAA2B,
|
|
1
|
+
{"version":3,"names":["React","SfuModels","speakerLayoutSortPreset","useCallStateHooks","StyleSheet","View","useDebouncedValue","ComponentTestIds","CallParticipantsList","DefaultCallParticipantsList","ParticipantView","DefaultParticipantView","useTheme","hasScreenShare","p","publishedTracks","includes","TrackType","SCREEN_SHARE","CallParticipantsSpotlight","_ref","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","VideoRenderer","supportedReactions","landscape","theme","colors","callParticipantsSpotlight","useParticipants","_allParticipants","sortBy","allParticipants","participantInSpotlight","otherParticipants","isScreenShareOnSpotlight","isUserAloneInCall","length","participantViewProps","callParticipantsListProps","landScapeStyles","flexDirection","spotlightContainerLandscapeStyles","marginHorizontal","createElement","testID","CALL_PARTICIPANTS_SPOTLIGHT","style","styles","container","backgroundColor","dark_gray","_extends","participant","fullScreenSpotlightContainer","spotlightContainer","trackType","callParticipantsListContainer","participants","horizontal","numberOfColumns","create","flex","overflow","borderRadius"],"sourceRoot":"../../../../../src","sources":["components/Call/CallLayout/CallParticipantsSpotlight.tsx"],"mappings":"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"}
|
|
@@ -32,6 +32,7 @@ export const CallParticipantsList = _ref => {
|
|
|
32
32
|
ParticipantReaction,
|
|
33
33
|
ParticipantVideoFallback,
|
|
34
34
|
VideoRenderer,
|
|
35
|
+
supportedReactions,
|
|
35
36
|
landscape
|
|
36
37
|
} = _ref;
|
|
37
38
|
const [containerLayout, setContainerLayout] = useState({
|
|
@@ -148,7 +149,8 @@ export const CallParticipantsList = _ref => {
|
|
|
148
149
|
participant: participant,
|
|
149
150
|
style: itemContainerStyle,
|
|
150
151
|
trackType: "videoTrack",
|
|
151
|
-
isVisible: isVisible
|
|
152
|
+
isVisible: isVisible,
|
|
153
|
+
supportedReactions: supportedReactions
|
|
152
154
|
}, participantProps)));
|
|
153
155
|
},
|
|
154
156
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
@@ -163,7 +165,8 @@ export const CallParticipantsList = _ref => {
|
|
|
163
165
|
participant: participant,
|
|
164
166
|
style: styles.flexed,
|
|
165
167
|
trackType: "videoTrack",
|
|
166
|
-
key: keyExtractor(participant, index)
|
|
168
|
+
key: keyExtractor(participant, index),
|
|
169
|
+
supportedReactions: supportedReactions
|
|
167
170
|
}, participantProps));
|
|
168
171
|
}));
|
|
169
172
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useMemo","useReducer","useRef","useState","FlatList","StyleSheet","VisibilityState","useDebouncedValue","useCall","ComponentTestIds","ParticipantView","DefaultParticipantView","VIEWABILITY_CONFIG","waitForInteraction","itemVisiblePercentThreshold","CallParticipantsList","_ref","numberOfColumns","horizontal","participants","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","VideoRenderer","landscape","containerLayout","setContainerLayout","width","height","viewableParticipantSessionIds","Set","_forceUpdateValue","forceUpdate","x","forceUpdateValue","activeCall","activeCallRef","current","onViewableItemsChanged","_ref2","viewableItems","participantPatches","mustUpdate","newVisibleParticipantSessionIds","map","v","key","oldVisibleParticipantSessionIds","forEach","has","viewportVisibilityState","videoTrack","VISIBLE","screenShareTrack","UNKNOWN","_activeCallRef$curren","state","updateParticipants","keyExtractor","item","sessionId","onLayout","event","nativeEvent","layout","prev","itemHeight","itemWidth","calculateParticipantViewSize","containerHeight","containerWidth","participantsLength","length","itemContainerStyle","style","styles","participantWrapperHorizontal","landScapeStyle","participantProps","renderItem","_ref3","participant","isVisible","createElement","Fragment","_extends","trackType","shouldWrapByColumns","index","flexed","undefined","data","viewabilityConfig","numColumns","showsHorizontalScrollIndicator","extraData","testID","CALL_PARTICIPANTS_LIST","create","flex","marginHorizontal","borderRadius","_ref4"],"sourceRoot":"../../../../../src","sources":["components/Call/CallParticipantsList/CallParticipantsList.tsx"],"mappings":";AAAA,OAAOA,KAAK,IACVC,WAAW,EACXC,OAAO,EACPC,UAAU,EACVC,MAAM,EACNC,QAAQ,QACH,OAAO;AACd,SAASC,QAAQ,EAAaC,UAAU,QAAmB,cAAc;AAEzE,SAIEC,eAAe,QACV,yBAAyB;AAChC,SAASC,iBAAiB,QAAQ,wCAAwC;AAC1E,SAASC,OAAO,QAAQ,iCAAiC;AACzD,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SACEC,eAAe,IAAIC,sBAAsB,QAGpC,mCAAmC;
|
|
1
|
+
{"version":3,"names":["React","useCallback","useMemo","useReducer","useRef","useState","FlatList","StyleSheet","VisibilityState","useDebouncedValue","useCall","ComponentTestIds","ParticipantView","DefaultParticipantView","VIEWABILITY_CONFIG","waitForInteraction","itemVisiblePercentThreshold","CallParticipantsList","_ref","numberOfColumns","horizontal","participants","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","VideoRenderer","supportedReactions","landscape","containerLayout","setContainerLayout","width","height","viewableParticipantSessionIds","Set","_forceUpdateValue","forceUpdate","x","forceUpdateValue","activeCall","activeCallRef","current","onViewableItemsChanged","_ref2","viewableItems","participantPatches","mustUpdate","newVisibleParticipantSessionIds","map","v","key","oldVisibleParticipantSessionIds","forEach","has","viewportVisibilityState","videoTrack","VISIBLE","screenShareTrack","UNKNOWN","_activeCallRef$curren","state","updateParticipants","keyExtractor","item","sessionId","onLayout","event","nativeEvent","layout","prev","itemHeight","itemWidth","calculateParticipantViewSize","containerHeight","containerWidth","participantsLength","length","itemContainerStyle","style","styles","participantWrapperHorizontal","landScapeStyle","participantProps","renderItem","_ref3","participant","isVisible","createElement","Fragment","_extends","trackType","shouldWrapByColumns","index","flexed","undefined","data","viewabilityConfig","numColumns","showsHorizontalScrollIndicator","extraData","testID","CALL_PARTICIPANTS_LIST","create","flex","marginHorizontal","borderRadius","_ref4"],"sourceRoot":"../../../../../src","sources":["components/Call/CallParticipantsList/CallParticipantsList.tsx"],"mappings":"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"}
|
|
@@ -9,6 +9,7 @@ import { LobbyControls as DefaultLobbyControls } from '../CallControls/LobbyCont
|
|
|
9
9
|
import { JoinCallButton as DefaultJoinCallButton } from './JoinCallButton';
|
|
10
10
|
import { useTheme } from '../../../contexts/ThemeContext';
|
|
11
11
|
import { useCallMediaStreamCleanup } from '../../../hooks/internal/useCallMediaStreamCleanup';
|
|
12
|
+
import { LobbyFooter as DefaultLobbyFooter } from './LobbyFooter';
|
|
12
13
|
|
|
13
14
|
/**
|
|
14
15
|
* Props for the Lobby Component.
|
|
@@ -21,7 +22,8 @@ export const Lobby = _ref => {
|
|
|
21
22
|
let {
|
|
22
23
|
onJoinCallHandler,
|
|
23
24
|
LobbyControls = DefaultLobbyControls,
|
|
24
|
-
JoinCallButton = DefaultJoinCallButton
|
|
25
|
+
JoinCallButton = DefaultJoinCallButton,
|
|
26
|
+
LobbyFooter = DefaultLobbyFooter
|
|
25
27
|
} = _ref;
|
|
26
28
|
const {
|
|
27
29
|
theme: {
|
|
@@ -32,19 +34,16 @@ export const Lobby = _ref => {
|
|
|
32
34
|
} = useTheme();
|
|
33
35
|
const connectedUser = useConnectedUser();
|
|
34
36
|
const {
|
|
35
|
-
useCameraState
|
|
36
|
-
useCallSession
|
|
37
|
+
useCameraState
|
|
37
38
|
} = useCallStateHooks();
|
|
38
39
|
const {
|
|
39
40
|
status: cameraStatus
|
|
40
41
|
} = useCameraState();
|
|
41
42
|
const call = useCall();
|
|
42
|
-
const session = useCallSession();
|
|
43
43
|
const {
|
|
44
44
|
t
|
|
45
45
|
} = useI18n();
|
|
46
46
|
const localVideoStream = call === null || call === void 0 ? void 0 : call.camera.state.mediaStream;
|
|
47
|
-
const participantsCount = session === null || session === void 0 ? void 0 : session.participants.length;
|
|
48
47
|
useCallMediaStreamCleanup();
|
|
49
48
|
const connectedUserAsParticipant = {
|
|
50
49
|
userId: connectedUser === null || connectedUser === void 0 ? void 0 : connectedUser.id,
|
|
@@ -78,21 +77,10 @@ export const Lobby = _ref => {
|
|
|
78
77
|
style: [styles.avatarContainer, lobby.avatarContainer]
|
|
79
78
|
}, /*#__PURE__*/React.createElement(Avatar, {
|
|
80
79
|
participant: connectedUserAsParticipant
|
|
81
|
-
})), /*#__PURE__*/React.createElement(ParticipantStatus, null)), LobbyControls && /*#__PURE__*/React.createElement(LobbyControls, null)), /*#__PURE__*/React.createElement(
|
|
82
|
-
|
|
83
|
-
backgroundColor: colors.static_overlay
|
|
84
|
-
}, lobby.infoContainer]
|
|
85
|
-
}, /*#__PURE__*/React.createElement(Text, {
|
|
86
|
-
style: [{
|
|
87
|
-
color: colors.static_white
|
|
88
|
-
}, typefaces.subtitleBold, lobby.infoText]
|
|
89
|
-
}, t('You are about to join a call with id {{ callId }}.', {
|
|
90
|
-
callId: call === null || call === void 0 ? void 0 : call.id
|
|
91
|
-
}) + ' ' + (participantsCount ? t('{{ numberOfParticipants }} participant(s) are in the call.', {
|
|
92
|
-
numberOfParticipants: participantsCount
|
|
93
|
-
}) : t('You are first to Join the call.'))), JoinCallButton && /*#__PURE__*/React.createElement(JoinCallButton, {
|
|
80
|
+
})), /*#__PURE__*/React.createElement(ParticipantStatus, null)), LobbyControls && /*#__PURE__*/React.createElement(LobbyControls, null)), LobbyFooter && /*#__PURE__*/React.createElement(LobbyFooter, {
|
|
81
|
+
JoinCallButton: JoinCallButton,
|
|
94
82
|
onJoinCallHandler: onJoinCallHandler
|
|
95
|
-
}))
|
|
83
|
+
}));
|
|
96
84
|
};
|
|
97
85
|
const ParticipantStatus = () => {
|
|
98
86
|
const {
|
|
@@ -153,10 +141,6 @@ const styles = StyleSheet.create({
|
|
|
153
141
|
padding: 8
|
|
154
142
|
},
|
|
155
143
|
topView: {},
|
|
156
|
-
infoContainer: {
|
|
157
|
-
padding: 12,
|
|
158
|
-
borderRadius: 10
|
|
159
|
-
},
|
|
160
144
|
participantStatusContainer: {
|
|
161
145
|
alignSelf: 'flex-start',
|
|
162
146
|
flexDirection: 'row',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","Text","View","MicOff","useCall","useCallStateHooks","useConnectedUser","useI18n","Avatar","LOBBY_VIDEO_VIEW_HEIGHT","RTCView","LobbyControls","DefaultLobbyControls","JoinCallButton","DefaultJoinCallButton","useTheme","useCallMediaStreamCleanup","Lobby","_ref","onJoinCallHandler","theme","colors","lobby","typefaces","connectedUser","useCameraState","
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","Text","View","MicOff","useCall","useCallStateHooks","useConnectedUser","useI18n","Avatar","LOBBY_VIDEO_VIEW_HEIGHT","RTCView","LobbyControls","DefaultLobbyControls","JoinCallButton","DefaultJoinCallButton","useTheme","useCallMediaStreamCleanup","LobbyFooter","DefaultLobbyFooter","Lobby","_ref","onJoinCallHandler","theme","colors","lobby","typefaces","connectedUser","useCameraState","status","cameraStatus","call","t","localVideoStream","camera","state","mediaStream","connectedUserAsParticipant","userId","id","image","name","createElement","style","styles","container","backgroundColor","static_grey","Fragment","heading","color","static_white","heading4","subHeading","text_low_emphasis","subtitle","videoContainer","disabled","topView","mirror","streamURL","toURL","objectFit","absoluteFillObject","avatarContainer","participant","ParticipantStatus","variants","iconSizes","useMicrophoneState","participantLabel","micStatus","participantStatusContainer","static_overlay","userNameLabel","caption","numberOfLines","audioMutedIconContainer","height","xs","width","error","create","flex","justifyContent","paddingHorizontal","textAlign","marginBottom","borderRadius","alignItems","overflow","padding","alignSelf","flexDirection","flexShrink","marginLeft"],"sourceRoot":"../../../../../src","sources":["components/Call/Lobby/Lobby.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { View, StyleSheet, Text } from 'react-native';
|
|
3
|
+
import { useCall, useCallStateHooks, useI18n } from '@stream-io/video-react-bindings';
|
|
4
|
+
import { useTheme } from '../../../contexts/ThemeContext';
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* Props for the Lobby Footer in the Lobby component.
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* The default Lobby Footer to be used in the Lobby component.
|
|
12
|
+
*/
|
|
13
|
+
export const LobbyFooter = _ref => {
|
|
14
|
+
let {
|
|
15
|
+
onJoinCallHandler,
|
|
16
|
+
JoinCallButton
|
|
17
|
+
} = _ref;
|
|
18
|
+
const {
|
|
19
|
+
theme: {
|
|
20
|
+
colors,
|
|
21
|
+
lobby,
|
|
22
|
+
typefaces
|
|
23
|
+
}
|
|
24
|
+
} = useTheme();
|
|
25
|
+
const {
|
|
26
|
+
useCallSession
|
|
27
|
+
} = useCallStateHooks();
|
|
28
|
+
const {
|
|
29
|
+
t
|
|
30
|
+
} = useI18n();
|
|
31
|
+
const call = useCall();
|
|
32
|
+
const session = useCallSession();
|
|
33
|
+
const participantsCount = session === null || session === void 0 ? void 0 : session.participants.length;
|
|
34
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
35
|
+
style: [styles.infoContainer, {
|
|
36
|
+
backgroundColor: colors.static_overlay
|
|
37
|
+
}, lobby.infoContainer]
|
|
38
|
+
}, /*#__PURE__*/React.createElement(Text, {
|
|
39
|
+
style: [{
|
|
40
|
+
color: colors.static_white
|
|
41
|
+
}, typefaces.subtitleBold, lobby.infoText]
|
|
42
|
+
}, t('You are about to join a call with id {{ callId }}.', {
|
|
43
|
+
callId: call === null || call === void 0 ? void 0 : call.id
|
|
44
|
+
}) + ' ' + (participantsCount ? t('{{ numberOfParticipants }} participant(s) are in the call.', {
|
|
45
|
+
numberOfParticipants: participantsCount
|
|
46
|
+
}) : t('You are first to join the call.'))), JoinCallButton && /*#__PURE__*/React.createElement(JoinCallButton, {
|
|
47
|
+
onJoinCallHandler: onJoinCallHandler
|
|
48
|
+
}));
|
|
49
|
+
};
|
|
50
|
+
const styles = StyleSheet.create({
|
|
51
|
+
infoContainer: {
|
|
52
|
+
padding: 12,
|
|
53
|
+
borderRadius: 10
|
|
54
|
+
}
|
|
55
|
+
});
|
|
56
|
+
//# sourceMappingURL=LobbyFooter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","StyleSheet","Text","useCall","useCallStateHooks","useI18n","useTheme","LobbyFooter","_ref","onJoinCallHandler","JoinCallButton","theme","colors","lobby","typefaces","useCallSession","t","call","session","participantsCount","participants","length","createElement","style","styles","infoContainer","backgroundColor","static_overlay","color","static_white","subtitleBold","infoText","callId","id","numberOfParticipants","create","padding","borderRadius"],"sourceRoot":"../../../../../src","sources":["components/Call/Lobby/LobbyFooter.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACrD,SACEC,OAAO,EACPC,iBAAiB,EACjBC,OAAO,QACF,iCAAiC;AACxC,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AAMA;AACA;AACA;AACA,OAAO,MAAMC,WAAW,GAAGC,IAAA,IAGH;EAAA,IAHI;IAC1BC,iBAAiB;IACjBC;EACgB,CAAC,GAAAF,IAAA;EACjB,MAAM;IACJG,KAAK,EAAE;MAAEC,MAAM;MAAEC,KAAK;MAAEC;IAAU;EACpC,CAAC,GAAGR,QAAQ,CAAC,CAAC;EACd,MAAM;IAAES;EAAe,CAAC,GAAGX,iBAAiB,CAAC,CAAC;EAE9C,MAAM;IAAEY;EAAE,CAAC,GAAGX,OAAO,CAAC,CAAC;EAEvB,MAAMY,IAAI,GAAGd,OAAO,CAAC,CAAC;EACtB,MAAMe,OAAO,GAAGH,cAAc,CAAC,CAAC;EAEhC,MAAMI,iBAAiB,GAAGD,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEE,YAAY,CAACC,MAAM;EAEtD,oBACEtB,KAAA,CAAAuB,aAAA,CAACtB,IAAI;IACHuB,KAAK,EAAE,CACLC,MAAM,CAACC,aAAa,EACpB;MAAEC,eAAe,EAAEd,MAAM,CAACe;IAAe,CAAC,EAC1Cd,KAAK,CAACY,aAAa;EACnB,gBAEF1B,KAAA,CAAAuB,aAAA,CAACpB,IAAI;IACHqB,KAAK,EAAE,CACL;MAAEK,KAAK,EAAEhB,MAAM,CAACiB;IAAa,CAAC,EAC9Bf,SAAS,CAACgB,YAAY,EACtBjB,KAAK,CAACkB,QAAQ;EACd,GAEDf,CAAC,CAAC,oDAAoD,EAAE;IACvDgB,MAAM,EAAEf,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEgB;EAChB,CAAC,CAAC,GACA,GAAG,IACFd,iBAAiB,GACdH,CAAC,CAAC,4DAA4D,EAAE;IAC9DkB,oBAAoB,EAAEf;EACxB,CAAC,CAAC,GACFH,CAAC,CAAC,iCAAiC,CAAC,CACtC,CAAC,EACNN,cAAc,iBACbX,KAAA,CAAAuB,aAAA,CAACZ,cAAc;IAACD,iBAAiB,EAAEA;EAAkB,CAAE,CAErD,CAAC;AAEX,CAAC;AAED,MAAMe,MAAM,GAAGvB,UAAU,CAACkC,MAAM,CAAC;EAC/BV,aAAa,EAAE;IACbW,OAAO,EAAE,EAAE;IACXC,YAAY,EAAE;EAChB;AACF,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/Call/Lobby/index.ts"],"mappings":"AAAA,cAAc,SAAS;AACvB,cAAc,kBAAkB"}
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/Call/Lobby/index.ts"],"mappings":"AAAA,cAAc,SAAS;AACvB,cAAc,kBAAkB;AAChC,cAAc,eAAe"}
|
|
@@ -49,7 +49,8 @@ export const FloatingParticipantView = _ref => {
|
|
|
49
49
|
ParticipantView = DefaultParticipantView,
|
|
50
50
|
ParticipantNetworkQualityIndicator,
|
|
51
51
|
ParticipantReaction,
|
|
52
|
-
VideoRenderer
|
|
52
|
+
VideoRenderer,
|
|
53
|
+
supportedReactions
|
|
53
54
|
} = _ref;
|
|
54
55
|
const {
|
|
55
56
|
theme: {
|
|
@@ -112,7 +113,8 @@ export const FloatingParticipantView = _ref => {
|
|
|
112
113
|
// video z order must be one above the one used in grid view
|
|
113
114
|
// (which uses the default: 0)
|
|
114
115
|
,
|
|
115
|
-
videoZOrder: 1
|
|
116
|
+
videoZOrder: 1,
|
|
117
|
+
supportedReactions: supportedReactions
|
|
116
118
|
}, participantViewProps)))));
|
|
117
119
|
};
|
|
118
120
|
const styles = StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Pressable","StyleSheet","View","FLOATING_VIDEO_VIEW_STYLE","Z_INDEX","ComponentTestIds","VideoSlash","FloatingView","FloatingViewAlignment","ParticipantView","DefaultParticipantView","useTheme","CustomLocalParticipantViewVideoFallback","theme","colors","floatingParticipantsView","variants","iconSizes","createElement","style","styles","videoFallback","backgroundColor","disabled","height","md","width","color","static_white","FloatingParticipantView","_ref","alignment","onPressHandler","participant","ParticipantNetworkQualityIndicator","ParticipantReaction","VideoRenderer","floatingAlignmentMap","topLeft","topRight","bottomLeft","bottomRight","containerDimensions","setContainerDimensions","useState","participantViewProps","ParticipantLabel","ParticipantVideoFallback","testID","LOCAL_PARTICIPANT","container","pointerEvents","onLayout","event","nativeEvent","layout","prev","containerHeight","containerWidth","initialAlignment","onPress","_extends","trackType","participantViewContainer","static_grey","shadowColor","static_black","videoZOrder","create","margin","zIndex","IN_MIDDLE","flex","borderRadius","shadowOffset","shadowOpacity","shadowRadius","elevation","borderWidth","absoluteFillObject","alignItems","justifyContent"],"sourceRoot":"../../../../../src","sources":["components/Participant/FloatingParticipantView/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,SAAS,EAETC,UAAU,EACVC,IAAI,QAEC,cAAc;AACrB,SAASC,yBAAyB,EAAEC,OAAO,QAAQ,oBAAoB;AACvE,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,UAAU,QAAQ,gBAAgB;AAC3C,OAAOC,YAAY,MAAM,gBAAgB;
|
|
1
|
+
{"version":3,"names":["React","Pressable","StyleSheet","View","FLOATING_VIDEO_VIEW_STYLE","Z_INDEX","ComponentTestIds","VideoSlash","FloatingView","FloatingViewAlignment","ParticipantView","DefaultParticipantView","useTheme","CustomLocalParticipantViewVideoFallback","theme","colors","floatingParticipantsView","variants","iconSizes","createElement","style","styles","videoFallback","backgroundColor","disabled","height","md","width","color","static_white","FloatingParticipantView","_ref","alignment","onPressHandler","participant","ParticipantNetworkQualityIndicator","ParticipantReaction","VideoRenderer","supportedReactions","floatingAlignmentMap","topLeft","topRight","bottomLeft","bottomRight","containerDimensions","setContainerDimensions","useState","participantViewProps","ParticipantLabel","ParticipantVideoFallback","testID","LOCAL_PARTICIPANT","container","pointerEvents","onLayout","event","nativeEvent","layout","prev","containerHeight","containerWidth","initialAlignment","onPress","_extends","trackType","participantViewContainer","static_grey","shadowColor","static_black","videoZOrder","create","margin","zIndex","IN_MIDDLE","flex","borderRadius","shadowOffset","shadowOpacity","shadowRadius","elevation","borderWidth","absoluteFillObject","alignItems","justifyContent"],"sourceRoot":"../../../../../src","sources":["components/Participant/FloatingParticipantView/index.tsx"],"mappings":"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"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import React, { useEffect
|
|
1
|
+
import React, { useEffect } from 'react';
|
|
2
2
|
import { StyleSheet, Text, View } from 'react-native';
|
|
3
3
|
import { useCall } from '@stream-io/video-react-bindings';
|
|
4
|
-
import {
|
|
5
|
-
import { Z_INDEX } from '../../../constants';
|
|
4
|
+
import { Z_INDEX, defaultEmojiReactions } from '../../../constants';
|
|
6
5
|
import { useTheme } from '../../../contexts/ThemeContext';
|
|
7
6
|
|
|
8
7
|
/**
|
|
@@ -15,11 +14,9 @@ import { useTheme } from '../../../contexts/ThemeContext';
|
|
|
15
14
|
export const ParticipantReaction = _ref => {
|
|
16
15
|
let {
|
|
17
16
|
participant,
|
|
17
|
+
supportedReactions = defaultEmojiReactions,
|
|
18
18
|
hideAfterTimeoutInMs = 5500
|
|
19
19
|
} = _ref;
|
|
20
|
-
const {
|
|
21
|
-
supportedReactions
|
|
22
|
-
} = StreamVideoRN.getConfig();
|
|
23
20
|
const {
|
|
24
21
|
reaction,
|
|
25
22
|
sessionId
|
|
@@ -34,13 +31,10 @@ export const ParticipantReaction = _ref => {
|
|
|
34
31
|
participantReaction
|
|
35
32
|
}
|
|
36
33
|
} = useTheme();
|
|
37
|
-
const [isShowing, setIsShowing] = useState(false);
|
|
38
34
|
useEffect(() => {
|
|
39
35
|
let timeoutId;
|
|
40
36
|
if (call) {
|
|
41
|
-
setIsShowing(true);
|
|
42
37
|
timeoutId = setTimeout(() => {
|
|
43
|
-
setIsShowing(false);
|
|
44
38
|
call.resetReaction(sessionId);
|
|
45
39
|
}, hideAfterTimeoutInMs);
|
|
46
40
|
}
|
|
@@ -49,22 +43,14 @@ export const ParticipantReaction = _ref => {
|
|
|
49
43
|
};
|
|
50
44
|
}, [call, hideAfterTimeoutInMs, sessionId, reaction]);
|
|
51
45
|
const currentReaction = reaction && supportedReactions.find(supportedReaction => supportedReaction.emoji_code === reaction.emoji_code);
|
|
52
|
-
let component;
|
|
53
|
-
if (isShowing) {
|
|
54
|
-
if (typeof (currentReaction === null || currentReaction === void 0 ? void 0 : currentReaction.icon) !== 'string') {
|
|
55
|
-
component = currentReaction === null || currentReaction === void 0 ? void 0 : currentReaction.icon;
|
|
56
|
-
} else {
|
|
57
|
-
component = /*#__PURE__*/React.createElement(Text, {
|
|
58
|
-
style: [participantReaction.reaction, typefaces.heading6]
|
|
59
|
-
}, currentReaction.icon);
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
46
|
return /*#__PURE__*/React.createElement(View, {
|
|
63
47
|
style: [styles.container, {
|
|
64
48
|
height: iconSizes.md,
|
|
65
49
|
width: iconSizes.md
|
|
66
50
|
}, participantReaction.container]
|
|
67
|
-
},
|
|
51
|
+
}, /*#__PURE__*/React.createElement(Text, {
|
|
52
|
+
style: [participantReaction.reaction, typefaces.heading6]
|
|
53
|
+
}, currentReaction === null || currentReaction === void 0 ? void 0 : currentReaction.icon));
|
|
68
54
|
};
|
|
69
55
|
const styles = StyleSheet.create({
|
|
70
56
|
container: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","
|
|
1
|
+
{"version":3,"names":["React","useEffect","StyleSheet","Text","View","useCall","Z_INDEX","defaultEmojiReactions","useTheme","ParticipantReaction","_ref","participant","supportedReactions","hideAfterTimeoutInMs","reaction","sessionId","call","theme","typefaces","variants","iconSizes","participantReaction","timeoutId","setTimeout","resetReaction","clearTimeout","currentReaction","find","supportedReaction","emoji_code","createElement","style","styles","container","height","md","width","heading6","icon","create","alignSelf","zIndex","IN_FRONT"],"sourceRoot":"../../../../../src","sources":["components/Participant/ParticipantView/ParticipantReaction.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,OAAO,QAAQ,iCAAiC;AACzD,SAASC,OAAO,EAAEC,qBAAqB,QAAQ,oBAAoB;AAEnE,SAASC,QAAQ,QAAQ,gCAAgC;;AAGzD;AACA;AACA;;AAcA;AACA;AACA;AACA,OAAO,MAAMC,mBAAmB,GAAGC,IAAA,IAIH;EAAA,IAJI;IAClCC,WAAW;IACXC,kBAAkB,GAAGL,qBAAqB;IAC1CM,oBAAoB,GAAG;EACC,CAAC,GAAAH,IAAA;EACzB,MAAM;IAAEI,QAAQ;IAAEC;EAAU,CAAC,GAAGJ,WAAW;EAC3C,MAAMK,IAAI,GAAGX,OAAO,CAAC,CAAC;EACtB,MAAM;IACJY,KAAK,EAAE;MACLC,SAAS;MACTC,QAAQ,EAAE;QAAEC;MAAU,CAAC;MACvBC;IACF;EACF,CAAC,GAAGb,QAAQ,CAAC,CAAC;EAEdP,SAAS,CAAC,MAAM;IACd,IAAIqB,SAAyB;IAC7B,IAAIN,IAAI,EAAE;MACRM,SAAS,GAAGC,UAAU,CAAC,MAAM;QAC3BP,IAAI,CAACQ,aAAa,CAACT,SAAS,CAAC;MAC/B,CAAC,EAAEF,oBAAoB,CAAC;IAC1B;IACA,OAAO,MAAM;MACXY,YAAY,CAACH,SAAS,CAAC;IACzB,CAAC;EACH,CAAC,EAAE,CAACN,IAAI,EAAEH,oBAAoB,EAAEE,SAAS,EAAED,QAAQ,CAAC,CAAC;EAErD,MAAMY,eAAe,GACnBZ,QAAQ,IACRF,kBAAkB,CAACe,IAAI,CACpBC,iBAAiB,IAChBA,iBAAiB,CAACC,UAAU,KAAKf,QAAQ,CAACe,UAC9C,CAAC;EAEH,oBACE7B,KAAA,CAAA8B,aAAA,CAAC1B,IAAI;IACH2B,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,MAAM,EAAEd,SAAS,CAACe,EAAE;MACpBC,KAAK,EAAEhB,SAAS,CAACe;IACnB,CAAC,EACDd,mBAAmB,CAACY,SAAS;EAC7B,gBAEFjC,KAAA,CAAA8B,aAAA,CAAC3B,IAAI;IAAC4B,KAAK,EAAE,CAACV,mBAAmB,CAACP,QAAQ,EAAEI,SAAS,CAACmB,QAAQ;EAAE,GAC7DX,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEY,IACd,CACF,CAAC;AAEX,CAAC;AAED,MAAMN,MAAM,GAAG9B,UAAU,CAACqC,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,SAAS,EAAE,YAAY;IACvBC,MAAM,EAAEnC,OAAO,CAACoC;EAClB;AACF,CAAC,CAAC"}
|
|
@@ -27,7 +27,8 @@ export const ParticipantView = _ref => {
|
|
|
27
27
|
VideoRenderer = DefaultVideoRenderer,
|
|
28
28
|
ParticipantNetworkQualityIndicator = DefaultParticipantNetworkQualityIndicator,
|
|
29
29
|
ParticipantVideoFallback = DefaultParticipantVideoFallback,
|
|
30
|
-
videoZOrder = 0
|
|
30
|
+
videoZOrder = 0,
|
|
31
|
+
supportedReactions
|
|
31
32
|
} = _ref;
|
|
32
33
|
const {
|
|
33
34
|
theme: {
|
|
@@ -48,7 +49,8 @@ export const ParticipantView = _ref => {
|
|
|
48
49
|
style: [styles.container, style, speakerStyle],
|
|
49
50
|
testID: isSpeaking ? `participant-${userId}-is-speaking` : `participant-${userId}-is-not-speaking`
|
|
50
51
|
}, ParticipantReaction && /*#__PURE__*/React.createElement(ParticipantReaction, {
|
|
51
|
-
participant: participant
|
|
52
|
+
participant: participant,
|
|
53
|
+
supportedReactions: supportedReactions
|
|
52
54
|
}), VideoRenderer && /*#__PURE__*/React.createElement(VideoRenderer, {
|
|
53
55
|
isVisible: isVisible,
|
|
54
56
|
participant: participant,
|