@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
|
@@ -18,7 +18,8 @@ import { useTheme } from '../../../contexts/ThemeContext';
|
|
|
18
18
|
export const CallControls = _ref => {
|
|
19
19
|
let {
|
|
20
20
|
style,
|
|
21
|
-
onHangupCallHandler
|
|
21
|
+
onHangupCallHandler,
|
|
22
|
+
landscape
|
|
22
23
|
} = _ref;
|
|
23
24
|
const {
|
|
24
25
|
theme: {
|
|
@@ -26,18 +27,21 @@ export const CallControls = _ref => {
|
|
|
26
27
|
callControls
|
|
27
28
|
}
|
|
28
29
|
} = useTheme();
|
|
30
|
+
const landScapeStyles = {
|
|
31
|
+
flexDirection: landscape ? 'column-reverse' : 'row',
|
|
32
|
+
paddingHorizontal: landscape ? 12 : 0,
|
|
33
|
+
paddingVertical: landscape ? 0 : 12
|
|
34
|
+
};
|
|
29
35
|
return /*#__PURE__*/React.createElement(View, {
|
|
30
36
|
style: [styles.container, {
|
|
31
37
|
backgroundColor: colors.static_grey
|
|
32
|
-
},
|
|
38
|
+
}, callControls.container, landScapeStyles, style]
|
|
33
39
|
}, /*#__PURE__*/React.createElement(ToggleVideoPublishingButton, null), /*#__PURE__*/React.createElement(ToggleAudioPublishingButton, null), /*#__PURE__*/React.createElement(ToggleCameraFaceButton, null), /*#__PURE__*/React.createElement(HangUpCallButton, {
|
|
34
40
|
onHangupCallHandler: onHangupCallHandler
|
|
35
41
|
}));
|
|
36
42
|
};
|
|
37
43
|
const styles = StyleSheet.create({
|
|
38
44
|
container: {
|
|
39
|
-
paddingVertical: 12,
|
|
40
|
-
flexDirection: 'row',
|
|
41
45
|
justifyContent: 'space-evenly',
|
|
42
46
|
zIndex: Z_INDEX.IN_FRONT
|
|
43
47
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","View","ToggleAudioPublishingButton","ToggleVideoPublishingButton","ToggleCameraFaceButton","Z_INDEX","HangUpCallButton","useTheme","CallControls","_ref","style","onHangupCallHandler","theme","colors","callControls","createElement","styles","container","backgroundColor","static_grey","create","
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","View","ToggleAudioPublishingButton","ToggleVideoPublishingButton","ToggleCameraFaceButton","Z_INDEX","HangUpCallButton","useTheme","CallControls","_ref","style","onHangupCallHandler","landscape","theme","colors","callControls","landScapeStyles","flexDirection","paddingHorizontal","paddingVertical","createElement","styles","container","backgroundColor","static_grey","create","justifyContent","zIndex","IN_FRONT"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/CallControls.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAA8B,cAAc;AACrE,SAASC,2BAA2B,QAAQ,+BAA+B;AAC3E,SAASC,2BAA2B,QAAQ,+BAA+B;AAC3E,SAASC,sBAAsB,QAAQ,0BAA0B;AACjE,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,gBAAgB,QAA+B,oBAAoB;AAC5E,SAASC,QAAQ,QAAQ,gCAAgC;;AAEzD;AACA;AACA;;AAUA;AACA;AACA;AACA;AACA,OAAO,MAAMC,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,GAAGR,QAAQ,CAAC,CAAC;EACd,MAAMS,eAA0B,GAAG;IACjCC,aAAa,EAAEL,SAAS,GAAG,gBAAgB,GAAG,KAAK;IACnDM,iBAAiB,EAAEN,SAAS,GAAG,EAAE,GAAG,CAAC;IACrCO,eAAe,EAAEP,SAAS,GAAG,CAAC,GAAG;EACnC,CAAC;EACD,oBACEb,KAAA,CAAAqB,aAAA,CAACnB,IAAI;IACHS,KAAK,EAAE,CACLW,MAAM,CAACC,SAAS,EAChB;MAAEC,eAAe,EAAET,MAAM,CAACU;IAAY,CAAC,EACvCT,YAAY,CAACO,SAAS,EACtBN,eAAe,EACfN,KAAK;EACL,gBAEFX,KAAA,CAAAqB,aAAA,CAACjB,2BAA2B,MAAE,CAAC,eAC/BJ,KAAA,CAAAqB,aAAA,CAAClB,2BAA2B,MAAE,CAAC,eAC/BH,KAAA,CAAAqB,aAAA,CAAChB,sBAAsB,MAAE,CAAC,eAC1BL,KAAA,CAAAqB,aAAA,CAACd,gBAAgB;IAACK,mBAAmB,EAAEA;EAAoB,CAAE,CACzD,CAAC;AAEX,CAAC;AAED,MAAMU,MAAM,GAAGrB,UAAU,CAACyB,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,cAAc,EAAE,cAAc;IAC9BC,MAAM,EAAEtB,OAAO,CAACuB;EAClB;AACF,CAAC,CAAC"}
|
|
@@ -5,7 +5,6 @@ import { OwnCapability } from '@stream-io/video-client';
|
|
|
5
5
|
import { ButtonTestIds } from '../../../constants/TestIds';
|
|
6
6
|
import { Reaction } from '../../../icons';
|
|
7
7
|
import { ReactionsPicker } from './internal/ReactionsPicker';
|
|
8
|
-
import { StreamVideoRN } from '../../../utils';
|
|
9
8
|
import { useTheme } from '../../../contexts/ThemeContext';
|
|
10
9
|
|
|
11
10
|
/**
|
|
@@ -16,8 +15,9 @@ import { useTheme } from '../../../contexts/ThemeContext';
|
|
|
16
15
|
* Button to display the list of Reactions supported in the call.
|
|
17
16
|
* On press, it opens a view that can be used to send Reaction.
|
|
18
17
|
*/
|
|
19
|
-
export const
|
|
18
|
+
export const ReactionsButton = _ref => {
|
|
20
19
|
let {
|
|
20
|
+
supportedReactions,
|
|
21
21
|
onPressHandler
|
|
22
22
|
} = _ref;
|
|
23
23
|
const [showReactionsPicker, setShowReactionsPicker] = useState(false);
|
|
@@ -37,7 +37,7 @@ export const ReactionButton = _ref => {
|
|
|
37
37
|
return layout;
|
|
38
38
|
});
|
|
39
39
|
};
|
|
40
|
-
const
|
|
40
|
+
const reactionsButtonHandler = () => {
|
|
41
41
|
if (onPressHandler) {
|
|
42
42
|
onPressHandler();
|
|
43
43
|
return;
|
|
@@ -48,16 +48,16 @@ export const ReactionButton = _ref => {
|
|
|
48
48
|
requiredGrants: [OwnCapability.CREATE_REACTION]
|
|
49
49
|
}, /*#__PURE__*/React.createElement(CallControlsButton, {
|
|
50
50
|
testID: ButtonTestIds.REACTION,
|
|
51
|
-
onPress:
|
|
51
|
+
onPress: reactionsButtonHandler,
|
|
52
52
|
onLayout: onReactionsButtonLayout
|
|
53
53
|
}, /*#__PURE__*/React.createElement(Reaction, {
|
|
54
54
|
color: colors.static_black
|
|
55
55
|
}))), showReactionsPicker && /*#__PURE__*/React.createElement(ReactionsPicker, {
|
|
56
|
-
|
|
56
|
+
supportedReactions: supportedReactions,
|
|
57
57
|
reactionsButtonLayoutRectangle: reactionsButtonLayoutRectangle,
|
|
58
58
|
onRequestedClose: () => {
|
|
59
59
|
setShowReactionsPicker(false);
|
|
60
60
|
}
|
|
61
61
|
}));
|
|
62
62
|
};
|
|
63
|
-
//# sourceMappingURL=
|
|
63
|
+
//# sourceMappingURL=ReactionsButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Restricted","React","useState","CallControlsButton","OwnCapability","ButtonTestIds","Reaction","ReactionsPicker","useTheme","ReactionsButton","_ref","supportedReactions","onPressHandler","showReactionsPicker","setShowReactionsPicker","reactionsButtonLayoutRectangle","setReactionsButtonLayoutRectangle","theme","colors","onReactionsButtonLayout","event","layout","nativeEvent","prev","width","height","x","y","reactionsButtonHandler","createElement","Fragment","requiredGrants","CREATE_REACTION","testID","REACTION","onPress","onLayout","color","static_black","onRequestedClose"],"sourceRoot":"../../../../../src","sources":["components/Call/CallControls/ReactionsButton.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAQ,iCAAiC;AAC5D,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,aAAa,QAAQ,yBAAyB;AACvD,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,eAAe,QAAQ,4BAA4B;AAE5D,SAASC,QAAQ,QAAQ,gCAAgC;;AAGzD;AACA;AACA;;AAYA;AACA;AACA;AACA;AACA,OAAO,MAAMC,eAAe,GAAGC,IAAA,IAGH;EAAA,IAHI;IAC9BC,kBAAkB;IAClBC;EACoB,CAAC,GAAAF,IAAA;EACrB,MAAM,CAACG,mBAAmB,EAAEC,sBAAsB,CAAC,GACjDZ,QAAQ,CAAU,KAAK,CAAC;EAC1B,MAAM,CAACa,8BAA8B,EAAEC,iCAAiC,CAAC,GACvEd,QAAQ,CAAkB,CAAC;EAC7B,MAAM;IACJe,KAAK,EAAE;MAAEC;IAAO;EAClB,CAAC,GAAGV,QAAQ,CAAC,CAAC;EACd;EACA,MAAMW,uBAAuB,GAAIC,KAAwB,IAAK;IAC5D,MAAMC,MAAM,GAAGD,KAAK,CAACE,WAAW,CAACD,MAAM;IACvCL,iCAAiC,CAAEO,IAAI,IAAK;MAC1C,IACEA,IAAI,IACJA,IAAI,CAACC,KAAK,KAAKH,MAAM,CAACG,KAAK,IAC3BD,IAAI,CAACE,MAAM,KAAKJ,MAAM,CAACI,MAAM,IAC7BF,IAAI,CAACG,CAAC,KAAKL,MAAM,CAACK,CAAC,IACnBH,IAAI,CAACI,CAAC,KAAKN,MAAM,CAACM,CAAC,EACnB;QACA,OAAOJ,IAAI;MACb;MACA,OAAOF,MAAM;IACf,CAAC,CAAC;EACJ,CAAC;EAED,MAAMO,sBAAsB,GAAGA,CAAA,KAAM;IACnC,IAAIhB,cAAc,EAAE;MAClBA,cAAc,CAAC,CAAC;MAChB;IACF;IACAE,sBAAsB,CAAC,IAAI,CAAC;EAC9B,CAAC;EAED,oBACEb,KAAA,CAAA4B,aAAA,CAAA5B,KAAA,CAAA6B,QAAA,qBACE7B,KAAA,CAAA4B,aAAA,CAAC7B,UAAU;IAAC+B,cAAc,EAAE,CAAC3B,aAAa,CAAC4B,eAAe;EAAE,gBAC1D/B,KAAA,CAAA4B,aAAA,CAAC1B,kBAAkB;IACjB8B,MAAM,EAAE5B,aAAa,CAAC6B,QAAS;IAC/BC,OAAO,EAAEP,sBAAuB;IAChCQ,QAAQ,EAAEjB;EAAwB,gBAElClB,KAAA,CAAA4B,aAAA,CAACvB,QAAQ;IAAC+B,KAAK,EAAEnB,MAAM,CAACoB;EAAa,CAAE,CACrB,CACV,CAAC,EACZzB,mBAAmB,iBAClBZ,KAAA,CAAA4B,aAAA,CAACtB,eAAe;IACdI,kBAAkB,EAAEA,kBAAmB;IACvCI,8BAA8B,EAAEA,8BAA+B;IAC/DwB,gBAAgB,EAAEA,CAAA,KAAM;MACtBzB,sBAAsB,CAAC,KAAK,CAAC;IAC/B;EAAE,CACH,CAEH,CAAC;AAEP,CAAC"}
|
|
@@ -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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"}
|
|
@@ -23,7 +23,9 @@ export const CallParticipantsGrid = _ref => {
|
|
|
23
23
|
ParticipantVideoFallback,
|
|
24
24
|
ParticipantView,
|
|
25
25
|
VideoRenderer,
|
|
26
|
-
showLocalParticipant = false
|
|
26
|
+
showLocalParticipant = false,
|
|
27
|
+
supportedReactions,
|
|
28
|
+
landscape
|
|
27
29
|
} = _ref;
|
|
28
30
|
const {
|
|
29
31
|
theme: {
|
|
@@ -42,6 +44,9 @@ export const CallParticipantsGrid = _ref => {
|
|
|
42
44
|
// we debounce the participants arrays to avoid unnecessary rerenders that happen when participant tracks are all subscribed simultaneously
|
|
43
45
|
const remoteParticipants = useDebouncedValue(_remoteParticipants, 300);
|
|
44
46
|
const allParticipants = useDebouncedValue(_allParticipants, 300);
|
|
47
|
+
const landScapeStyles = {
|
|
48
|
+
flexDirection: landscape ? 'row' : 'column'
|
|
49
|
+
};
|
|
45
50
|
const showFloatingView = remoteParticipants.length > 0 && remoteParticipants.length < 3;
|
|
46
51
|
const participants = showFloatingView ? showLocalParticipant && localParticipant ? [localParticipant] : remoteParticipants : allParticipants;
|
|
47
52
|
const participantViewProps = {
|
|
@@ -53,12 +58,14 @@ export const CallParticipantsGrid = _ref => {
|
|
|
53
58
|
VideoRenderer
|
|
54
59
|
};
|
|
55
60
|
return /*#__PURE__*/React.createElement(View, {
|
|
56
|
-
style: [styles.container, {
|
|
61
|
+
style: [styles.container, landScapeStyles, {
|
|
57
62
|
backgroundColor: colors.dark_gray
|
|
58
63
|
}, callParticipantsGrid.container],
|
|
59
64
|
testID: ComponentTestIds.CALL_PARTICIPANTS_GRID
|
|
60
65
|
}, CallParticipantsList && /*#__PURE__*/React.createElement(CallParticipantsList, _extends({
|
|
61
|
-
participants: participants
|
|
66
|
+
participants: participants,
|
|
67
|
+
supportedReactions: supportedReactions,
|
|
68
|
+
landscape: landscape
|
|
62
69
|
}, participantViewProps)));
|
|
63
70
|
};
|
|
64
71
|
const styles = StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","View","useCallStateHooks","useDebouncedValue","CallParticipantsList","DefaultCallParticipantsList","ComponentTestIds","useTheme","CallParticipantsGrid","_ref","ParticipantLabel","ParticipantNetworkQualityIndicator","ParticipantReaction","ParticipantVideoFallback","ParticipantView","VideoRenderer","showLocalParticipant","theme","colors","callParticipantsGrid","useRemoteParticipants","useParticipants","useLocalParticipant","_remoteParticipants","localParticipant","_allParticipants","remoteParticipants","allParticipants","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,
|
|
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"}
|
|
@@ -27,7 +27,9 @@ export const CallParticipantsSpotlight = _ref => {
|
|
|
27
27
|
ParticipantReaction,
|
|
28
28
|
ParticipantVideoFallback,
|
|
29
29
|
ParticipantView = DefaultParticipantView,
|
|
30
|
-
VideoRenderer
|
|
30
|
+
VideoRenderer,
|
|
31
|
+
supportedReactions,
|
|
32
|
+
landscape
|
|
31
33
|
} = _ref;
|
|
32
34
|
const {
|
|
33
35
|
theme: {
|
|
@@ -56,26 +58,35 @@ export const CallParticipantsSpotlight = _ref => {
|
|
|
56
58
|
...participantViewProps,
|
|
57
59
|
ParticipantView
|
|
58
60
|
};
|
|
61
|
+
const landScapeStyles = {
|
|
62
|
+
flexDirection: landscape ? 'row' : 'column'
|
|
63
|
+
};
|
|
64
|
+
const spotlightContainerLandscapeStyles = {
|
|
65
|
+
marginHorizontal: landscape ? 0 : 8
|
|
66
|
+
};
|
|
59
67
|
return /*#__PURE__*/React.createElement(View, {
|
|
60
68
|
testID: ComponentTestIds.CALL_PARTICIPANTS_SPOTLIGHT,
|
|
61
|
-
style: [styles.container, {
|
|
69
|
+
style: [styles.container, landScapeStyles, {
|
|
62
70
|
backgroundColor: colors.dark_gray
|
|
63
71
|
}, callParticipantsSpotlight.container]
|
|
64
72
|
}, participantInSpotlight && ParticipantView && /*#__PURE__*/React.createElement(ParticipantView, _extends({
|
|
65
73
|
participant: participantInSpotlight,
|
|
66
|
-
style: isUserAloneInCall ? [styles.fullScreenSpotlightContainer, callParticipantsSpotlight.fullScreenSpotlightContainer] : [styles.spotlightContainer, callParticipantsSpotlight.spotlightContainer],
|
|
67
|
-
trackType: isScreenShareOnSpotlight ? 'screenShareTrack' : 'videoTrack'
|
|
74
|
+
style: isUserAloneInCall ? [styles.fullScreenSpotlightContainer, callParticipantsSpotlight.fullScreenSpotlightContainer] : [styles.spotlightContainer, spotlightContainerLandscapeStyles, callParticipantsSpotlight.spotlightContainer],
|
|
75
|
+
trackType: isScreenShareOnSpotlight ? 'screenShareTrack' : 'videoTrack',
|
|
76
|
+
supportedReactions: supportedReactions
|
|
68
77
|
}, participantViewProps)), !isUserAloneInCall && /*#__PURE__*/React.createElement(View, {
|
|
69
78
|
style: [styles.callParticipantsListContainer, callParticipantsSpotlight.callParticipantsListContainer]
|
|
70
79
|
}, CallParticipantsList && /*#__PURE__*/React.createElement(CallParticipantsList, _extends({
|
|
71
80
|
participants: isScreenShareOnSpotlight ? allParticipants : otherParticipants,
|
|
72
|
-
|
|
81
|
+
supportedReactions: supportedReactions,
|
|
82
|
+
horizontal: !landscape,
|
|
83
|
+
numberOfColumns: !landscape ? 2 : 1,
|
|
84
|
+
landscape: landscape
|
|
73
85
|
}, callParticipantsListProps))));
|
|
74
86
|
};
|
|
75
87
|
const styles = StyleSheet.create({
|
|
76
88
|
container: {
|
|
77
|
-
flex: 1
|
|
78
|
-
paddingVertical: 8
|
|
89
|
+
flex: 1
|
|
79
90
|
},
|
|
80
91
|
fullScreenSpotlightContainer: {
|
|
81
92
|
flex: 1
|
|
@@ -84,8 +95,7 @@ const styles = StyleSheet.create({
|
|
|
84
95
|
flex: 2,
|
|
85
96
|
overflow: 'hidden',
|
|
86
97
|
borderRadius: 10,
|
|
87
|
-
marginHorizontal: 8
|
|
88
|
-
marginBottom: 8
|
|
98
|
+
marginHorizontal: 8
|
|
89
99
|
},
|
|
90
100
|
callParticipantsListContainer: {
|
|
91
101
|
flex: 1
|
|
@@ -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","theme","colors","callParticipantsSpotlight","useParticipants","_allParticipants","sortBy","allParticipants","participantInSpotlight","otherParticipants","isScreenShareOnSpotlight","isUserAloneInCall","length","participantViewProps","callParticipantsListProps","createElement","testID","CALL_PARTICIPANTS_SPOTLIGHT","style","styles","container","backgroundColor","dark_gray","_extends","participant","fullScreenSpotlightContainer","spotlightContainer","trackType","callParticipantsListContainer","participants","horizontal","
|
|
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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"}
|
|
@@ -31,7 +31,9 @@ export const CallParticipantsList = _ref => {
|
|
|
31
31
|
ParticipantNetworkQualityIndicator,
|
|
32
32
|
ParticipantReaction,
|
|
33
33
|
ParticipantVideoFallback,
|
|
34
|
-
VideoRenderer
|
|
34
|
+
VideoRenderer,
|
|
35
|
+
supportedReactions,
|
|
36
|
+
landscape
|
|
35
37
|
} = _ref;
|
|
36
38
|
const [containerLayout, setContainerLayout] = useState({
|
|
37
39
|
width: 0,
|
|
@@ -126,8 +128,11 @@ export const CallParticipantsList = _ref => {
|
|
|
126
128
|
if (horizontal) {
|
|
127
129
|
return [styles.participantWrapperHorizontal, style];
|
|
128
130
|
}
|
|
131
|
+
if (landscape) {
|
|
132
|
+
return [styles.landScapeStyle, style];
|
|
133
|
+
}
|
|
129
134
|
return style;
|
|
130
|
-
}, [itemWidth, itemHeight, horizontal]);
|
|
135
|
+
}, [itemWidth, itemHeight, horizontal, landscape]);
|
|
131
136
|
const participantProps = {
|
|
132
137
|
ParticipantLabel,
|
|
133
138
|
ParticipantNetworkQualityIndicator,
|
|
@@ -144,7 +149,8 @@ export const CallParticipantsList = _ref => {
|
|
|
144
149
|
participant: participant,
|
|
145
150
|
style: itemContainerStyle,
|
|
146
151
|
trackType: "videoTrack",
|
|
147
|
-
isVisible: isVisible
|
|
152
|
+
isVisible: isVisible,
|
|
153
|
+
supportedReactions: supportedReactions
|
|
148
154
|
}, participantProps)));
|
|
149
155
|
},
|
|
150
156
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
@@ -159,7 +165,8 @@ export const CallParticipantsList = _ref => {
|
|
|
159
165
|
participant: participant,
|
|
160
166
|
style: styles.flexed,
|
|
161
167
|
trackType: "videoTrack",
|
|
162
|
-
key: keyExtractor(participant, index)
|
|
168
|
+
key: keyExtractor(participant, index),
|
|
169
|
+
supportedReactions: supportedReactions
|
|
163
170
|
}, participantProps));
|
|
164
171
|
}));
|
|
165
172
|
}
|
|
@@ -188,6 +195,9 @@ const styles = StyleSheet.create({
|
|
|
188
195
|
// note: if marginHorizontal is changed, be sure to change the width calculation in calculateParticipantViewSize function
|
|
189
196
|
marginHorizontal: 8,
|
|
190
197
|
borderRadius: 10
|
|
198
|
+
},
|
|
199
|
+
landScapeStyle: {
|
|
200
|
+
borderRadius: 10
|
|
191
201
|
}
|
|
192
202
|
});
|
|
193
203
|
|
|
@@ -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","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","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":";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;AAO1C,MAAMC,kBAAsD,GAAG;EAC7DC,kBAAkB,EAAE,KAAK;EACzBC,2BAA2B,EAAE;AAC/B,CAAC;;AAUD;AACA;AACA;;AAuBA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,oBAAoB,GAAGC,IAAA,IAYH;EAAA,IAZI;IACnCC,eAAe,GAAG,CAAC;IACnBC,UAAU;IACVC,YAAY;IACZT,eAAe,GAAGC,sBAAsB;IACxCS,gBAAgB;IAChBC,kCAAkC;IAClCC,mBAAmB;IACnBC,wBAAwB;IACxBC,aAAa;IACbC,kBAAkB;IAClBC;EACyB,CAAC,GAAAV,IAAA;EAC1B,MAAM,CAACW,eAAe,EAAEC,kBAAkB,CAAC,GAAGzB,QAAQ,CAAC;IACrD0B,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC,CAAC;;EAEF;EACA;EACA;EACA,MAAMC,6BAA6B,GAAG7B,MAAM,CAAc,IAAI8B,GAAG,CAAC,CAAC,CAAC;EACpE,MAAM,CAACC,iBAAiB,EAAEC,WAAW,CAAC,GAAGjC,UAAU,CAAEkC,CAAC,IAAKA,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;EACpE,MAAMC,gBAAgB,GAAG7B,iBAAiB,CAAC0B,iBAAiB,EAAE,GAAG,CAAC,CAAC,CAAC;;EAEpE;EACA;EACA,MAAMI,UAAU,GAAG7B,OAAO,CAAC,CAAC;EAC5B,MAAM8B,aAAa,GAAGpC,MAAM,CAACmC,UAAU,CAAC;EACxCC,aAAa,CAACC,OAAO,GAAGF,UAAU;EAClC;EACA;EACA;EACA,MAAMG,sBAAsB,GAAGtC,MAAM,CAEnCuC,KAAA,IAAuB;IAAA,IAAtB;MAAEC;IAAc,CAAC,GAAAD,KAAA;IAClB,MAAME,kBAAiD,GAAG,CAAC,CAAC;IAC5D,IAAIC,UAAU,GAAG,KAAK;IACtB,MAAMC,+BAA+B,GAAG,IAAIb,GAAG,CAC7CU,aAAa,CAACI,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACC,GAAG,CAChC,CAAC;IACD,MAAMC,+BAA+B,GACnClB,6BAA6B,CAACQ,OAAO;IACvCM,+BAA+B,CAACK,OAAO,CAAEF,GAAG,IAAK;MAC/C,IAAI,CAACC,+BAA+B,CAACE,GAAG,CAACH,GAAG,CAAC,EAAE;QAC7CJ,UAAU,GAAG,IAAI;QACjBD,kBAAkB,CAACK,GAAG,CAAC,GAAG;UACxBI,uBAAuB,EAAE;YACvBC,UAAU,EAAE/C,eAAe,CAACgD,OAAO;YACnCC,gBAAgB,EAAEjD,eAAe,CAACkD;UACpC;QACF,CAAC;MACH;IACF,CAAC,CAAC;IACFP,+BAA+B,CAACC,OAAO,CAAEF,GAAG,IAAK;MAC/C,IAAI,CAACH,+BAA+B,CAACM,GAAG,CAACH,GAAG,CAAC,EAAE;QAC7CJ,UAAU,GAAG,IAAI;QACjBD,kBAAkB,CAACK,GAAG,CAAC,GAAG;UACxBI,uBAAuB,EAAE;YACvBC,UAAU,EAAE/C,eAAe,CAACgD,OAAO;YACnCC,gBAAgB,EAAEjD,eAAe,CAACkD;UACpC;QACF,CAAC;MACH;IACF,CAAC,CAAC;IACFzB,6BAA6B,CAACQ,OAAO,GAAGM,+BAA+B;IACvE,IAAID,UAAU,EAAE;MAAA,IAAAa,qBAAA;MACd,CAAAA,qBAAA,GAAAnB,aAAa,CAACC,OAAO,cAAAkB,qBAAA,eAArBA,qBAAA,CAAuBC,KAAK,CAACC,kBAAkB,CAAChB,kBAAkB,CAAC;MACnET,WAAW,CAAC,CAAC;IACf;EACF,CAAC,CAAC,CAACK,OAAO;;EAEV;EACA,MAAMqB,YAAY,GAAG1D,MAAM,CACxB2D,IAAI,IAAKA,IAAI,CAACC,SACjB,CAAC,CAACvB,OAAO;EAET,MAAMwB,QAAQ,GAAG7D,MAAM,CAA0C8D,KAAK,IAAK;IACzE,MAAM;MAAElC,MAAM;MAAED;IAAM,CAAC,GAAGmC,KAAK,CAACC,WAAW,CAACC,MAAM;IAClDtC,kBAAkB,CAAEuC,IAAI,IAAK;MAC3B,IAAIA,IAAI,CAACrC,MAAM,KAAKA,MAAM,IAAIqC,IAAI,CAACtC,KAAK,KAAKA,KAAK,EAAE;QAClD,OAAOsC,IAAI;MACb;MACA,OAAO;QAAErC,MAAM;QAAED;MAAM,CAAC;IAC1B,CAAC,CAAC;EACJ,CAAC,CAAC,CAACU,OAAO;EAEV,MAAM;IAAE6B,UAAU;IAAEC;EAAU,CAAC,GAAGC,4BAA4B,CAAC;IAC7DC,eAAe,EAAE5C,eAAe,CAACG,MAAM;IACvC0C,cAAc,EAAE7C,eAAe,CAACE,KAAK;IACrC4C,kBAAkB,EAAEtD,YAAY,CAACuD,MAAM;IACvCzD,eAAe;IACfC;EACF,CAAC,CAAC;EAEF,MAAMyD,kBAAkB,GAAG3E,OAAO,CAAuB,MAAM;IAC7D,MAAM4E,KAAK,GAAG;MAAE/C,KAAK,EAAEwC,SAAS;MAAEvC,MAAM,EAAEsC;IAAW,CAAC;IACtD,IAAIlD,UAAU,EAAE;MACd,OAAO,CAAC2D,MAAM,CAACC,4BAA4B,EAAEF,KAAK,CAAC;IACrD;IACA,IAAIlD,SAAS,EAAE;MACb,OAAO,CAACmD,MAAM,CAACE,cAAc,EAAEH,KAAK,CAAC;IACvC;IACA,OAAOA,KAAK;EACd,CAAC,EAAE,CAACP,SAAS,EAAED,UAAU,EAAElD,UAAU,EAAEQ,SAAS,CAAC,CAAC;EAElD,MAAMsD,gBAA+C,GAAG;IACtD5D,gBAAgB;IAChBC,kCAAkC;IAClCC,mBAAmB;IACnBC,wBAAwB;IACxBC;EACF,CAAC;EAED,MAAMyD,UAAU,GAAGlF,WAAW,CAC5BmF,KAAA,IAA2B;IAAA,IAA1B;MAAErB,IAAI,EAAEsB;IAAY,CAAC,GAAAD,KAAA;IACpB,MAAME,SAAS,GAAGrD,6BAA6B,CAACQ,OAAO,CAACY,GAAG,CACzDgC,WAAW,CAACrB,SACd,CAAC;IACD,oBACEhE,KAAA,CAAAuF,aAAA,CAAAvF,KAAA,CAAAwF,QAAA,QACG5E,eAAe,iBACdZ,KAAA,CAAAuF,aAAA,CAAC3E,eAAe,EAAA6E,QAAA;MACdJ,WAAW,EAAEA,WAAY;MACzBP,KAAK,EAAED,kBAAmB;MAC1Ba,SAAS,EAAC,YAAY;MACtBJ,SAAS,EAAEA,SAAU;MACrB3D,kBAAkB,EAAEA;IAAmB,GACnCuD,gBAAgB,CACrB,CAEH,CAAC;EAEP,CAAC;EACD;EACA,CAACL,kBAAkB,CACrB,CAAC;;EAED;EACA;EACA,MAAMc,mBAAmB,GAAG,CAAC,CAACvE,UAAU,IAAIC,YAAY,CAACuD,MAAM,GAAG,CAAC;EAEnE,IAAI,CAACe,mBAAmB,EAAE;IACxB,oBACE3F,KAAA,CAAAuF,aAAA,CAAAvF,KAAA,CAAAwF,QAAA,QACGnE,YAAY,CAAC2B,GAAG,CAAC,CAACqC,WAAW,EAAEO,KAAK,KAAK;MACxC,OACEhF,eAAe,iBACbZ,KAAA,CAAAuF,aAAA,CAAC3E,eAAe,EAAA6E,QAAA;QACdJ,WAAW,EAAEA,WAAY;QACzBP,KAAK,EAAEC,MAAM,CAACc,MAAO;QACrBH,SAAS,EAAC,YAAY;QACtBxC,GAAG,EAAEY,YAAY,CAACuB,WAAW,EAAEO,KAAK,CAAE;QACtCjE,kBAAkB,EAAEA;MAAmB,GACnCuD,gBAAgB,CACrB,CACF;IAEL,CAAC,CACD,CAAC;EAEP;EAEA,oBACElF,KAAA,CAAAuF,aAAA,CAACjF,QAAQ;IACP2D,QAAQ,EAAEA,QAAS;IACnBf,GAAG,EAAE,CAAC9B,UAAU,GAAGD,eAAe,GAAG2E,SAAU,CAAC;IAAA;IAChDC,IAAI,EAAE1E,YAAa;IACnByC,YAAY,EAAEA,YAAa;IAC3BkC,iBAAiB,EAAElF,kBAAmB;IACtC4B,sBAAsB,EAAEA,sBAAuB;IAC/CyC,UAAU,EAAEA,UAAW;IACvBc,UAAU,EAAE,CAAC7E,UAAU,GAAGD,eAAe,GAAG2E,SAAU;IACtD1E,UAAU,EAAEA,UAAW;IACvB8E,8BAA8B,EAAE,KAAM;IACtCC,SAAS,EAAG,GAAE7D,gBAAiB,EAAE,CAAC;IAAA;IAClC8D,MAAM,EAAEzF,gBAAgB,CAAC0F;EAAuB,CACjD,CAAC;AAEN,CAAC;AAED,MAAMtB,MAAM,GAAGxE,UAAU,CAAC+F,MAAM,CAAC;EAC/BT,MAAM,EAAE;IACNU,IAAI,EAAE;EACR,CAAC;EACDvB,4BAA4B,EAAE;IAC5B;IACAwB,gBAAgB,EAAE,CAAC;IACnBC,YAAY,EAAE;EAChB,CAAC;EACDxB,cAAc,EAAE;IACdwB,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASjC,4BAA4BA,CAAAkC,KAAA,EAYlC;EAAA,IAZmC;IACpCjC,eAAe;IACfC,cAAc;IACdC,kBAAkB;IAClBxD,eAAe;IACfC;EAOF,CAAC,GAAAsF,KAAA;EACC,IAAIpC,UAAU,GAAGG,eAAe;EAChC;EACA,IAAI,CAACrD,UAAU,EAAE;IACf,IAAIuD,kBAAkB,IAAI,CAAC,EAAE;MAC3B;MACAL,UAAU,GAAGG,eAAe,GAAG,CAAC;IAClC,CAAC,MAAM;MACL;MACAH,UAAU,GAAGG,eAAe,GAAG,CAAC;IAClC;EACF;EAEA,IAAIF,SAAS,GAAGG,cAAc,GAAGvD,eAAe;EAChD,IAAIC,UAAU,EAAE;IACd;IACAmD,SAAS,GAAGA,SAAS,GAAG,CAAC,GAAG,CAAC;EAC/B;EAEA,OAAO;IAAED,UAAU;IAAEC;EAAU,CAAC;AAClC"}
|
|
@@ -15,6 +15,7 @@ export const CallTopView = _ref => {
|
|
|
15
15
|
ParticipantsInfoBadge = DefaultParticipantsInfoBadge
|
|
16
16
|
} = _ref;
|
|
17
17
|
const [callTopViewHeight, setCallTopViewHeight] = useState(0);
|
|
18
|
+
const [callTopViewWidth, setCallTopViewWidth] = useState(0);
|
|
18
19
|
const {
|
|
19
20
|
theme: {
|
|
20
21
|
colors,
|
|
@@ -35,17 +36,19 @@ export const CallTopView = _ref => {
|
|
|
35
36
|
const isCallReconnecting = callingState === CallingState.RECONNECTING;
|
|
36
37
|
const onLayout = event => {
|
|
37
38
|
const {
|
|
38
|
-
height
|
|
39
|
+
height,
|
|
40
|
+
width
|
|
39
41
|
} = event.nativeEvent.layout;
|
|
40
42
|
if (setCallTopViewHeight) {
|
|
41
43
|
setCallTopViewHeight(height);
|
|
44
|
+
setCallTopViewWidth(width);
|
|
42
45
|
}
|
|
43
46
|
};
|
|
44
47
|
return /*#__PURE__*/React.createElement(View, {
|
|
45
48
|
style: [styleProp, callTopView.container]
|
|
46
49
|
}, /*#__PURE__*/React.createElement(TopViewBackground, {
|
|
47
50
|
height: callTopViewHeight,
|
|
48
|
-
width:
|
|
51
|
+
width: callTopViewWidth
|
|
49
52
|
}), /*#__PURE__*/React.createElement(View, {
|
|
50
53
|
style: [styles.content, callTopView.content],
|
|
51
54
|
onLayout: onLayout
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","View","StyleSheet","Text","Pressable","ParticipantsInfoBadge","DefaultParticipantsInfoBadge","Back","TopViewBackground","useCallStateHooks","useI18n","CallingState","useTheme","CallTopView","_ref","onBackPressed","onParticipantInfoPress","title","style","styleProp","callTopViewHeight","setCallTopViewHeight","theme","colors","typefaces","variants","iconSizes","callTopView","useCallCallingState","callingState","t","isCallReconnecting","RECONNECTING","onLayout","event","height","nativeEvent","layout","createElement","container","
|
|
1
|
+
{"version":3,"names":["React","useState","View","StyleSheet","Text","Pressable","ParticipantsInfoBadge","DefaultParticipantsInfoBadge","Back","TopViewBackground","useCallStateHooks","useI18n","CallingState","useTheme","CallTopView","_ref","onBackPressed","onParticipantInfoPress","title","style","styleProp","callTopViewHeight","setCallTopViewHeight","callTopViewWidth","setCallTopViewWidth","theme","colors","typefaces","variants","iconSizes","callTopView","useCallCallingState","callingState","t","isCallReconnecting","RECONNECTING","onLayout","event","height","width","nativeEvent","layout","createElement","container","styles","content","leftElement","_ref2","pressed","backIconContainer","opacity","md","onPress","color","static_white","centerElement","subtitleBold","numberOfLines","rightElement","create","position","top","flexDirection","paddingTop","paddingBottom","alignItems","marginLeft","flex","flexGrow"],"sourceRoot":"../../../../../src","sources":["components/Call/CallTopView/CallTopView.tsx"],"mappings":"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"}
|
|
@@ -18,7 +18,8 @@ const RingingCallPanel = _ref => {
|
|
|
18
18
|
OutgoingCall = DefaultOutgoingCall,
|
|
19
19
|
CallContent = DefaultCallContent,
|
|
20
20
|
JoiningCallIndicator = DefaultJoiningCallIndicator,
|
|
21
|
-
CallTopView
|
|
21
|
+
CallTopView,
|
|
22
|
+
landscape
|
|
22
23
|
} = _ref;
|
|
23
24
|
const call = useCall();
|
|
24
25
|
const isCallCreatedByMe = call === null || call === void 0 ? void 0 : call.isCreatedByMe;
|
|
@@ -35,7 +36,8 @@ const RingingCallPanel = _ref => {
|
|
|
35
36
|
});
|
|
36
37
|
case CallingState.JOINED:
|
|
37
38
|
return CallContent && /*#__PURE__*/React.createElement(CallContent, {
|
|
38
|
-
CallTopView: CallTopView
|
|
39
|
+
CallTopView: CallTopView,
|
|
40
|
+
landscape: landscape
|
|
39
41
|
});
|
|
40
42
|
case CallingState.JOINING:
|
|
41
43
|
return JoiningCallIndicator && /*#__PURE__*/React.createElement(JoiningCallIndicator, null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["CallingState","useCall","useCallStateHooks","React","StyleSheet","View","CallContent","DefaultCallContent","IncomingCall","DefaultIncomingCall","OutgoingCall","DefaultOutgoingCall","JoiningCallIndicator","DefaultJoiningCallIndicator","useTheme","RingingCallPanel","_ref","CallTopView","call","isCallCreatedByMe","isCreatedByMe","useCallCallingState","callingState","RINGING","createElement","JOINED","JOINING","RingingCallContent","props","theme","ringingCallContent","style","styles","container","create","absoluteFillObject"],"sourceRoot":"../../../../../src","sources":["components/Call/RingingCallContent/RingingCallContent.tsx"],"mappings":"AAAA,SAASA,YAAY,QAAQ,yBAAyB;AACtD,SAASC,OAAO,EAAEC,iBAAiB,QAAQ,iCAAiC;AAC5E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SACEC,WAAW,IAAIC,kBAAkB,QAE5B,gBAAgB;AAEvB,SACEC,YAAY,IAAIC,mBAAmB,QAE9B,gBAAgB;AACvB,SACEC,YAAY,IAAIC,mBAAmB,QAE9B,gBAAgB;AACvB,SAASC,oBAAoB,IAAIC,2BAA2B,QAAQ,wBAAwB;AAC5F,SAASC,QAAQ,QAAQ,mBAAmB;;AAE5C;AACA;AACA;;
|
|
1
|
+
{"version":3,"names":["CallingState","useCall","useCallStateHooks","React","StyleSheet","View","CallContent","DefaultCallContent","IncomingCall","DefaultIncomingCall","OutgoingCall","DefaultOutgoingCall","JoiningCallIndicator","DefaultJoiningCallIndicator","useTheme","RingingCallPanel","_ref","CallTopView","landscape","call","isCallCreatedByMe","isCreatedByMe","useCallCallingState","callingState","RINGING","createElement","JOINED","JOINING","RingingCallContent","props","theme","ringingCallContent","style","styles","container","create","absoluteFillObject"],"sourceRoot":"../../../../../src","sources":["components/Call/RingingCallContent/RingingCallContent.tsx"],"mappings":"AAAA,SAASA,YAAY,QAAQ,yBAAyB;AACtD,SAASC,OAAO,EAAEC,iBAAiB,QAAQ,iCAAiC;AAC5E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SACEC,WAAW,IAAIC,kBAAkB,QAE5B,gBAAgB;AAEvB,SACEC,YAAY,IAAIC,mBAAmB,QAE9B,gBAAgB;AACvB,SACEC,YAAY,IAAIC,mBAAmB,QAE9B,gBAAgB;AACvB,SAASC,oBAAoB,IAAIC,2BAA2B,QAAQ,wBAAwB;AAC5F,SAASC,QAAQ,QAAQ,mBAAmB;;AAE5C;AACA;AACA;;AA6BA,MAAMC,gBAAgB,GAAGC,IAAA,IAOM;EAAA,IAPL;IACxBR,YAAY,GAAGC,mBAAmB;IAClCC,YAAY,GAAGC,mBAAmB;IAClCL,WAAW,GAAGC,kBAAkB;IAChCK,oBAAoB,GAAGC,2BAA2B;IAClDI,WAAW;IACXC;EACuB,CAAC,GAAAF,IAAA;EACxB,MAAMG,IAAI,GAAGlB,OAAO,CAAC,CAAC;EACtB,MAAMmB,iBAAiB,GAAGD,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEE,aAAa;EAE7C,MAAM;IAAEC;EAAoB,CAAC,GAAGpB,iBAAiB,CAAC,CAAC;EACnD,MAAMqB,YAAY,GAAGD,mBAAmB,CAAC,CAAC;EAE1C,QAAQC,YAAY;IAClB,KAAKvB,YAAY,CAACwB,OAAO;MACvB,OAAOJ,iBAAiB,GACpBV,YAAY,iBAAIP,KAAA,CAAAsB,aAAA,CAACf,YAAY;QAACO,WAAW,EAAEA;MAAY,CAAE,CAAC,GAC1DT,YAAY,iBAAIL,KAAA,CAAAsB,aAAA,CAACjB,YAAY;QAACS,WAAW,EAAEA;MAAY,CAAE,CAAC;IAChE,KAAKjB,YAAY,CAAC0B,MAAM;MACtB,OACEpB,WAAW,iBACTH,KAAA,CAAAsB,aAAA,CAACnB,WAAW;QAACW,WAAW,EAAEA,WAAY;QAACC,SAAS,EAAEA;MAAU,CAAE,CAC/D;IAEL,KAAKlB,YAAY,CAAC2B,OAAO;MACvB,OAAOf,oBAAoB,iBAAIT,KAAA,CAAAsB,aAAA,CAACb,oBAAoB,MAAE,CAAC;IACzD;MACE,OAAO,IAAI;EACf;AACF,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMgB,kBAAkB,GAAIC,KAA8B,IAAK;EACpE,MAAM;IACJC,KAAK,EAAE;MAAEC;IAAmB;EAC9B,CAAC,GAAGjB,QAAQ,CAAC,CAAC;EACd,oBACEX,KAAA,CAAAsB,aAAA,CAACpB,IAAI;IAAC2B,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEH,kBAAkB,CAACG,SAAS;EAAE,gBAC5D/B,KAAA,CAAAsB,aAAA,CAACV,gBAAgB,EAAKc,KAAQ,CAC1B,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAG7B,UAAU,CAAC+B,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACT,GAAG9B,UAAU,CAACgC;EAChB;AACF,CAAC,CAAC"}
|
|
@@ -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({
|
|
@@ -132,7 +134,8 @@ const styles = StyleSheet.create({
|
|
|
132
134
|
},
|
|
133
135
|
shadowOpacity: 0.23,
|
|
134
136
|
shadowRadius: 2.62,
|
|
135
|
-
elevation: 4
|
|
137
|
+
elevation: 4,
|
|
138
|
+
borderWidth: 0
|
|
136
139
|
},
|
|
137
140
|
videoFallback: {
|
|
138
141
|
...StyleSheet.absoluteFillObject,
|
|
@@ -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","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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"}
|