@stream-io/video-react-native-sdk 0.0.1-alpha.413 → 0.0.1-alpha.415
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/dist/index.js +21 -45
- package/dist/index.js.map +1 -1
- package/dist/jest-setup.js +5 -3
- package/dist/jest-setup.js.map +1 -1
- package/dist/src/components/Call/CallContent/CallContent.js +37 -68
- package/dist/src/components/Call/CallContent/CallContent.js.map +1 -1
- package/dist/src/components/Call/CallContent/index.js +1 -17
- package/dist/src/components/Call/CallContent/index.js.map +1 -1
- package/dist/src/components/Call/CallControls/AcceptCallButton.js +10 -18
- package/dist/src/components/Call/CallControls/AcceptCallButton.js.map +1 -1
- package/dist/src/components/Call/CallControls/CallControls.js +18 -26
- package/dist/src/components/Call/CallControls/CallControls.js.map +1 -1
- package/dist/src/components/Call/CallControls/CallControlsButton.js +14 -24
- package/dist/src/components/Call/CallControls/CallControlsButton.js.map +1 -1
- package/dist/src/components/Call/CallControls/ChatButton.js +19 -30
- package/dist/src/components/Call/CallControls/ChatButton.js.map +1 -1
- package/dist/src/components/Call/CallControls/HangupCallButton.js +15 -43
- package/dist/src/components/Call/CallControls/HangupCallButton.js.map +1 -1
- package/dist/src/components/Call/CallControls/IncomingCallControls.js +13 -21
- package/dist/src/components/Call/CallControls/IncomingCallControls.js.map +1 -1
- package/dist/src/components/Call/CallControls/LobbyControls.js +11 -19
- package/dist/src/components/Call/CallControls/LobbyControls.js.map +1 -1
- package/dist/src/components/Call/CallControls/OutgoingCallControls.js +14 -23
- package/dist/src/components/Call/CallControls/OutgoingCallControls.js.map +1 -1
- package/dist/src/components/Call/CallControls/ReactionButton.js +19 -49
- package/dist/src/components/Call/CallControls/ReactionButton.js.map +1 -1
- package/dist/src/components/Call/CallControls/RejectCallButton.js +16 -24
- package/dist/src/components/Call/CallControls/RejectCallButton.js.map +1 -1
- package/dist/src/components/Call/CallControls/ToggleAudioPreviewButton.js +12 -21
- package/dist/src/components/Call/CallControls/ToggleAudioPreviewButton.js.map +1 -1
- package/dist/src/components/Call/CallControls/ToggleAudioPublishingButton.js +12 -22
- package/dist/src/components/Call/CallControls/ToggleAudioPublishingButton.js.map +1 -1
- package/dist/src/components/Call/CallControls/ToggleCameraFaceButton.js +13 -22
- package/dist/src/components/Call/CallControls/ToggleCameraFaceButton.js.map +1 -1
- package/dist/src/components/Call/CallControls/ToggleVideoPreviewButton.js +12 -21
- package/dist/src/components/Call/CallControls/ToggleVideoPreviewButton.js.map +1 -1
- package/dist/src/components/Call/CallControls/ToggleVideoPublishingButton.js +12 -22
- package/dist/src/components/Call/CallControls/ToggleVideoPublishingButton.js.map +1 -1
- package/dist/src/components/Call/CallControls/index.js +14 -30
- package/dist/src/components/Call/CallControls/index.js.map +1 -1
- package/dist/src/components/Call/CallControls/internal/ReactionsPicker.js +47 -82
- package/dist/src/components/Call/CallControls/internal/ReactionsPicker.js.map +1 -1
- package/dist/src/components/Call/CallLayout/CallParticipantsGrid.js +15 -24
- package/dist/src/components/Call/CallLayout/CallParticipantsGrid.js.map +1 -1
- package/dist/src/components/Call/CallLayout/CallParticipantsSpotlight.js +22 -32
- package/dist/src/components/Call/CallLayout/CallParticipantsSpotlight.js.map +1 -1
- package/dist/src/components/Call/CallLayout/index.js +2 -18
- package/dist/src/components/Call/CallLayout/index.js.map +1 -1
- package/dist/src/components/Call/CallParticipantsList/CallParticipantsList.js +29 -62
- package/dist/src/components/Call/CallParticipantsList/CallParticipantsList.js.map +1 -1
- package/dist/src/components/Call/CallParticipantsList/index.js +1 -17
- package/dist/src/components/Call/CallParticipantsList/index.js.map +1 -1
- package/dist/src/components/Call/CallTopView/CallTopView.js +38 -79
- package/dist/src/components/Call/CallTopView/CallTopView.js.map +1 -1
- package/dist/src/components/Call/CallTopView/ParticipantsInfoBadge.js +36 -48
- package/dist/src/components/Call/CallTopView/ParticipantsInfoBadge.js.map +1 -1
- package/dist/src/components/Call/CallTopView/index.js +2 -18
- package/dist/src/components/Call/CallTopView/index.js.map +1 -1
- package/dist/src/components/Call/Lobby/JoinCallButton.js +19 -29
- package/dist/src/components/Call/Lobby/JoinCallButton.js.map +1 -1
- package/dist/src/components/Call/Lobby/Lobby.js +74 -96
- package/dist/src/components/Call/Lobby/Lobby.js.map +1 -1
- package/dist/src/components/Call/Lobby/index.js +2 -18
- package/dist/src/components/Call/Lobby/index.js.map +1 -1
- package/dist/src/components/Call/RingingCallContent/IncomingCall.js +34 -51
- package/dist/src/components/Call/RingingCallContent/IncomingCall.js.map +1 -1
- package/dist/src/components/Call/RingingCallContent/JoiningCallIndicator.js +9 -17
- package/dist/src/components/Call/RingingCallContent/JoiningCallIndicator.js.map +1 -1
- package/dist/src/components/Call/RingingCallContent/OutgoingCall.js +44 -59
- package/dist/src/components/Call/RingingCallContent/OutgoingCall.js.map +1 -1
- package/dist/src/components/Call/RingingCallContent/RingingCallContent.js +25 -34
- package/dist/src/components/Call/RingingCallContent/RingingCallContent.js.map +1 -1
- package/dist/src/components/Call/RingingCallContent/UserInfo.js +24 -36
- package/dist/src/components/Call/RingingCallContent/UserInfo.js.map +1 -1
- package/dist/src/components/Call/RingingCallContent/index.js +3 -19
- package/dist/src/components/Call/RingingCallContent/index.js.map +1 -1
- package/dist/src/components/Call/index.js +7 -23
- package/dist/src/components/Call/index.js.map +1 -1
- package/dist/src/components/Participant/FloatingParticipantView/FloatingView/AnimatedFloatingView.js +40 -68
- package/dist/src/components/Participant/FloatingParticipantView/FloatingView/AnimatedFloatingView.js.map +1 -1
- package/dist/src/components/Participant/FloatingParticipantView/FloatingView/ReanimatedFloatingView.d.ts +4 -0
- package/dist/src/components/Participant/FloatingParticipantView/FloatingView/ReanimatedFloatingView.js +126 -0
- package/dist/src/components/Participant/FloatingParticipantView/FloatingView/ReanimatedFloatingView.js.map +1 -0
- package/dist/src/components/Participant/FloatingParticipantView/FloatingView/common.js +5 -10
- package/dist/src/components/Participant/FloatingParticipantView/FloatingView/common.js.map +1 -1
- package/dist/src/components/Participant/FloatingParticipantView/FloatingView/index.d.ts +4 -0
- package/dist/src/components/Participant/FloatingParticipantView/FloatingView/index.js +6 -0
- package/dist/src/components/Participant/FloatingParticipantView/FloatingView/index.js.map +1 -0
- package/dist/src/components/Participant/FloatingParticipantView/index.js +42 -56
- package/dist/src/components/Participant/FloatingParticipantView/index.js.map +1 -1
- package/dist/src/components/Participant/ParticipantView/ParticipantLabel.js +51 -68
- package/dist/src/components/Participant/ParticipantView/ParticipantLabel.js.map +1 -1
- package/dist/src/components/Participant/ParticipantView/ParticipantNetworkQualityIndicator.js +20 -29
- package/dist/src/components/Participant/ParticipantView/ParticipantNetworkQualityIndicator.js.map +1 -1
- package/dist/src/components/Participant/ParticipantView/ParticipantReaction.js +17 -48
- package/dist/src/components/Participant/ParticipantView/ParticipantReaction.js.map +1 -1
- package/dist/src/components/Participant/ParticipantView/ParticipantVideoFallback.js +20 -31
- package/dist/src/components/Participant/ParticipantView/ParticipantVideoFallback.js.map +1 -1
- package/dist/src/components/Participant/ParticipantView/ParticipantView.js +18 -27
- package/dist/src/components/Participant/ParticipantView/ParticipantView.js.map +1 -1
- package/dist/src/components/Participant/ParticipantView/VideoRenderer.js +30 -59
- package/dist/src/components/Participant/ParticipantView/VideoRenderer.js.map +1 -1
- package/dist/src/components/Participant/ParticipantView/index.js +6 -22
- package/dist/src/components/Participant/ParticipantView/index.js.map +1 -1
- package/dist/src/components/Participant/index.js +2 -18
- package/dist/src/components/Participant/index.js.map +1 -1
- package/dist/src/components/index.js +3 -19
- package/dist/src/components/index.js.map +1 -1
- package/dist/src/components/utility/Avatar.js +19 -30
- package/dist/src/components/utility/Avatar.js.map +1 -1
- package/dist/src/components/utility/index.js +1 -17
- package/dist/src/components/utility/index.js.map +1 -1
- package/dist/src/constants/TestIds.js +8 -11
- package/dist/src/constants/TestIds.js.map +1 -1
- package/dist/src/constants/index.js +4 -7
- package/dist/src/constants/index.js.map +1 -1
- package/dist/src/contexts/StreamVideoContext.js +14 -43
- package/dist/src/contexts/StreamVideoContext.js.map +1 -1
- package/dist/src/contexts/ThemeContext.js +13 -47
- package/dist/src/contexts/ThemeContext.js.map +1 -1
- package/dist/src/contexts/index.js +2 -18
- package/dist/src/contexts/index.js.map +1 -1
- package/dist/src/hooks/index.js +5 -21
- package/dist/src/hooks/index.js.map +1 -1
- package/dist/src/hooks/internal/useCallMediaStreamCleanup.js +10 -14
- package/dist/src/hooks/internal/useCallMediaStreamCleanup.js.map +1 -1
- package/dist/src/hooks/push/index.js +9 -13
- package/dist/src/hooks/push/index.js.map +1 -1
- package/dist/src/hooks/push/useInitAndroidTokenAndRest.js +10 -14
- package/dist/src/hooks/push/useInitAndroidTokenAndRest.js.map +1 -1
- package/dist/src/hooks/push/useIosCallKeepEventsSetupEffect.js +17 -21
- package/dist/src/hooks/push/useIosCallKeepEventsSetupEffect.js.map +1 -1
- package/dist/src/hooks/push/useIosCallkeepWithCallingStateEffect.js +38 -42
- package/dist/src/hooks/push/useIosCallkeepWithCallingStateEffect.js.map +1 -1
- package/dist/src/hooks/push/useIosVoipPushEventsSetupEffect.js +17 -21
- package/dist/src/hooks/push/useIosVoipPushEventsSetupEffect.js.map +1 -1
- package/dist/src/hooks/push/useProcessPushCallEffect.js +16 -20
- package/dist/src/hooks/push/useProcessPushCallEffect.js.map +1 -1
- package/dist/src/hooks/useAndroidKeepCallAliveEffect.js +24 -51
- package/dist/src/hooks/useAndroidKeepCallAliveEffect.js.map +1 -1
- package/dist/src/hooks/useIncallManager.js +6 -13
- package/dist/src/hooks/useIncallManager.js.map +1 -1
- package/dist/src/hooks/usePermissionNotification.js +15 -19
- package/dist/src/hooks/usePermissionNotification.js.map +1 -1
- package/dist/src/hooks/usePermissionRequest.js +13 -17
- package/dist/src/hooks/usePermissionRequest.js.map +1 -1
- package/dist/src/icons/Back.js +4 -12
- package/dist/src/icons/Back.js.map +1 -1
- package/dist/src/icons/CameraSwitch.js +4 -12
- package/dist/src/icons/CameraSwitch.js.map +1 -1
- package/dist/src/icons/Chat.js +4 -12
- package/dist/src/icons/Chat.js.map +1 -1
- package/dist/src/icons/Mic.js +5 -13
- package/dist/src/icons/Mic.js.map +1 -1
- package/dist/src/icons/MicOff.js +4 -12
- package/dist/src/icons/MicOff.js.map +1 -1
- package/dist/src/icons/Participants.js +4 -12
- package/dist/src/icons/Participants.js.map +1 -1
- package/dist/src/icons/Phone.js +4 -12
- package/dist/src/icons/Phone.js.map +1 -1
- package/dist/src/icons/PhoneDown.js +5 -13
- package/dist/src/icons/PhoneDown.js.map +1 -1
- package/dist/src/icons/PinVertical.js +4 -12
- package/dist/src/icons/PinVertical.js.map +1 -1
- package/dist/src/icons/Reaction.js +4 -12
- package/dist/src/icons/Reaction.js.map +1 -1
- package/dist/src/icons/ScreenShare.js +9 -42
- package/dist/src/icons/ScreenShare.js.map +1 -1
- package/dist/src/icons/Settings.js +5 -36
- package/dist/src/icons/Settings.js.map +1 -1
- package/dist/src/icons/Spotlight.js +4 -12
- package/dist/src/icons/Spotlight.js.map +1 -1
- package/dist/src/icons/ThreeDots.js +6 -14
- package/dist/src/icons/ThreeDots.js.map +1 -1
- package/dist/src/icons/TopViewBackground.js +8 -18
- package/dist/src/icons/TopViewBackground.js.map +1 -1
- package/dist/src/icons/Video.js +4 -12
- package/dist/src/icons/Video.js.map +1 -1
- package/dist/src/icons/VideoSlash.js +5 -13
- package/dist/src/icons/VideoSlash.js.map +1 -1
- package/dist/src/icons/index.js +16 -32
- package/dist/src/icons/index.js.map +1 -1
- package/dist/src/providers/MediaDevices.js +11 -15
- package/dist/src/providers/MediaDevices.js.map +1 -1
- package/dist/src/providers/MediaStreamManagement.js +26 -56
- package/dist/src/providers/MediaStreamManagement.js.map +1 -1
- package/dist/src/providers/StreamCall.js +13 -22
- package/dist/src/providers/StreamCall.js.map +1 -1
- package/dist/src/providers/StreamVideo.js +19 -52
- package/dist/src/providers/StreamVideo.js.map +1 -1
- package/dist/src/providers/index.js +3 -19
- package/dist/src/providers/index.js.map +1 -1
- package/dist/src/theme/colors.js +36 -40
- package/dist/src/theme/colors.js.map +1 -1
- package/dist/src/theme/constants.js +1 -4
- package/dist/src/theme/constants.js.map +1 -1
- package/dist/src/theme/index.js +5 -22
- package/dist/src/theme/index.js.map +1 -1
- package/dist/src/theme/theme.js +3 -6
- package/dist/src/theme/theme.js.map +1 -1
- package/dist/src/theme/types.js +1 -2
- package/dist/src/translations/en.json +3 -1
- package/dist/src/translations/index.d.ts +2 -0
- package/dist/src/translations/index.js +2 -8
- package/dist/src/translations/index.js.map +1 -1
- package/dist/src/utils/StreamVideoRN/index.js +10 -14
- package/dist/src/utils/StreamVideoRN/index.js.map +1 -1
- package/dist/src/utils/StreamVideoRN/permissions.js +7 -11
- package/dist/src/utils/StreamVideoRN/permissions.js.map +1 -1
- package/dist/src/utils/StreamVideoRN/types.js +1 -2
- package/dist/src/utils/hooks/index.js +3 -19
- package/dist/src/utils/hooks/index.js.map +1 -1
- package/dist/src/utils/hooks/useAppStateListener.js +9 -13
- package/dist/src/utils/hooks/useAppStateListener.js.map +1 -1
- package/dist/src/utils/hooks/useDebouncedValue.js +4 -8
- package/dist/src/utils/hooks/useDebouncedValue.js.map +1 -1
- package/dist/src/utils/hooks/usePrevious.js +4 -8
- package/dist/src/utils/hooks/usePrevious.js.map +1 -1
- package/dist/src/utils/index.js +4 -24
- package/dist/src/utils/index.js.map +1 -1
- package/dist/src/utils/internal/optionalLibs.d.ts +5 -0
- package/dist/src/utils/internal/optionalLibs.js +23 -0
- package/dist/src/utils/internal/optionalLibs.js.map +1 -0
- package/dist/src/utils/push/android.js +26 -54
- package/dist/src/utils/push/android.js.map +1 -1
- package/dist/src/utils/push/ios.js +11 -16
- package/dist/src/utils/push/ios.js.map +1 -1
- package/dist/src/utils/push/libs.js +3 -9
- package/dist/src/utils/push/libs.js.map +1 -1
- package/dist/src/utils/push/rxSubjects.js +7 -10
- package/dist/src/utils/push/rxSubjects.js.map +1 -1
- package/dist/src/utils/push/utils.js +3 -8
- package/dist/src/utils/push/utils.js.map +1 -1
- package/dist/src/utils/setClientDetails.js +12 -16
- package/dist/src/utils/setClientDetails.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -4
- package/dist/version.js.map +1 -1
- package/package.json +22 -3
- package/src/components/Participant/FloatingParticipantView/FloatingView/ReanimatedFloatingView.tsx +198 -0
- package/src/components/Participant/FloatingParticipantView/FloatingView/index.ts +12 -0
- package/src/components/Participant/FloatingParticipantView/index.tsx +3 -3
- package/src/providers/MediaStreamManagement.tsx +7 -7
- package/src/translations/en.json +3 -1
- package/src/utils/internal/optionalLibs.ts +27 -0
- package/src/utils/setClientDetails.ts +2 -2
- package/android/gradle/wrapper/gradle-wrapper.jar +0 -0
- package/android/gradle/wrapper/gradle-wrapper.properties +0 -5
- package/android/gradlew +0 -234
- package/android/gradlew.bat +0 -89
- package/dist/__tests__/components/Avatar.test.d.ts +0 -1
- package/dist/__tests__/components/Avatar.test.js +0 -34
- package/dist/__tests__/components/Avatar.test.js.map +0 -1
- package/dist/__tests__/components/CallControls.test.d.ts +0 -1
- package/dist/__tests__/components/CallControls.test.js +0 -99
- package/dist/__tests__/components/CallControls.test.js.map +0 -1
- package/dist/__tests__/components/CallParticipantsGrid.test.d.ts +0 -1
- package/dist/__tests__/components/CallParticipantsGrid.test.js +0 -105
- package/dist/__tests__/components/CallParticipantsGrid.test.js.map +0 -1
- package/dist/__tests__/components/CallParticipantsSpotlight.test.d.ts +0 -1
- package/dist/__tests__/components/CallParticipantsSpotlight.test.js +0 -76
- package/dist/__tests__/components/CallParticipantsSpotlight.test.js.map +0 -1
- package/dist/__tests__/components/ParticipantView.test.d.ts +0 -1
- package/dist/__tests__/components/ParticipantView.test.js +0 -62
- package/dist/__tests__/components/ParticipantView.test.js.map +0 -1
- package/dist/__tests__/mocks/call.d.ts +0 -2
- package/dist/__tests__/mocks/call.js +0 -24
- package/dist/__tests__/mocks/call.js.map +0 -1
- package/dist/__tests__/mocks/client.d.ts +0 -2
- package/dist/__tests__/mocks/client.js +0 -30
- package/dist/__tests__/mocks/client.js.map +0 -1
- package/dist/__tests__/mocks/participant.d.ts +0 -3
- package/dist/__tests__/mocks/participant.js +0 -32
- package/dist/__tests__/mocks/participant.js.map +0 -1
- package/dist/__tests__/utils/RNTLTools.d.ts +0 -13
- package/dist/__tests__/utils/RNTLTools.js +0 -45
- package/dist/__tests__/utils/RNTLTools.js.map +0 -1
- package/dist/src/utils/device-info/libs.d.ts +0 -2
- package/dist/src/utils/device-info/libs.js +0 -16
- package/dist/src/utils/device-info/libs.js.map +0 -1
- package/src/utils/device-info/libs.ts +0 -17
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleCameraFaceButton.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/ToggleCameraFaceButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ToggleCameraFaceButton.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/ToggleCameraFaceButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EACL,UAAU,EACV,OAAO,EACP,iBAAiB,GAClB,MAAM,iCAAiC,CAAC;AACzC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAa1D;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,cAAc,GACc,EAAE,EAAE;IAChC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,cAAc,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAC/C,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/C,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,EAAE,sBAAsB,EAAE,GAC1C,GAAG,QAAQ,EAAE,CAAC;IACf,MAAM,OAAO,GAAG,KAAK,IAAI,EAAE;QACzB,cAAc,EAAE,EAAE,CAAC;QACnB,MAAM,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC;IAC5B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IAAC,cAAc,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC;QACpD,oBAAC,kBAAkB,IACjB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,EACvE,QAAQ,EAAE,MAAM,KAAK,UAAU,EAC/B,KAAK,EAAE,sBAAsB;YAE7B,oBAAC,YAAY,IACX,KAAK,EACH,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,GAEnE,CACiB,CACV,CACd,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,22 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
};
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const video_react_bindings_1 = require("@stream-io/video-react-bindings");
|
|
9
|
-
const providers_1 = require("../../../providers");
|
|
10
|
-
const contexts_1 = require("../../../contexts");
|
|
11
|
-
const CallControlsButton_1 = require("./CallControlsButton");
|
|
12
|
-
const icons_1 = require("../../../icons");
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { useCallStateHooks } from '@stream-io/video-react-bindings';
|
|
3
|
+
import { useMediaStreamManagement } from '../../../providers';
|
|
4
|
+
import { useTheme } from '../../../contexts';
|
|
5
|
+
import { CallControlsButton } from './CallControlsButton';
|
|
6
|
+
import { Video, VideoSlash } from '../../../icons';
|
|
13
7
|
/**
|
|
14
8
|
* Button to toggle video mute/unmute status before joining the call.
|
|
15
9
|
*/
|
|
16
|
-
const ToggleVideoPreviewButton = ({ onPressHandler, }) => {
|
|
17
|
-
const { theme: { colors, toggleVideoPreviewButton, variants: { buttonSizes }, }, } =
|
|
18
|
-
const { toggleInitialVideoMuteState } =
|
|
19
|
-
const { useCameraState } =
|
|
10
|
+
export const ToggleVideoPreviewButton = ({ onPressHandler, }) => {
|
|
11
|
+
const { theme: { colors, toggleVideoPreviewButton, variants: { buttonSizes }, }, } = useTheme();
|
|
12
|
+
const { toggleInitialVideoMuteState } = useMediaStreamManagement();
|
|
13
|
+
const { useCameraState } = useCallStateHooks();
|
|
20
14
|
const { status } = useCameraState();
|
|
21
15
|
const onPress = () => {
|
|
22
16
|
if (onPressHandler) {
|
|
@@ -25,15 +19,12 @@ const ToggleVideoPreviewButton = ({ onPressHandler, }) => {
|
|
|
25
19
|
}
|
|
26
20
|
toggleInitialVideoMuteState();
|
|
27
21
|
};
|
|
28
|
-
return (
|
|
22
|
+
return (React.createElement(CallControlsButton, { onPress: onPress, color: status === 'enabled' ? colors.static_white : colors.static_black, size: buttonSizes.md, style: {
|
|
29
23
|
container: {
|
|
30
24
|
shadowColor: status === 'enabled' ? colors.static_white : colors.static_black,
|
|
31
25
|
...toggleVideoPreviewButton.container,
|
|
32
26
|
},
|
|
33
27
|
svgContainer: toggleVideoPreviewButton.svgContainer,
|
|
34
|
-
}}
|
|
35
|
-
{status === 'disabled' ? (<icons_1.VideoSlash color={colors.static_white}/>) : (<icons_1.Video color={colors.static_black}/>)}
|
|
36
|
-
</CallControlsButton_1.CallControlsButton>);
|
|
28
|
+
} }, status === 'disabled' ? (React.createElement(VideoSlash, { color: colors.static_white })) : (React.createElement(Video, { color: colors.static_black }))));
|
|
37
29
|
};
|
|
38
|
-
exports.ToggleVideoPreviewButton = ToggleVideoPreviewButton;
|
|
39
30
|
//# sourceMappingURL=ToggleVideoPreviewButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleVideoPreviewButton.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/ToggleVideoPreviewButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ToggleVideoPreviewButton.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/ToggleVideoPreviewButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAanD;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACvC,cAAc,GACgB,EAAE,EAAE;IAClC,MAAM,EACJ,KAAK,EAAE,EACL,MAAM,EACN,wBAAwB,EACxB,QAAQ,EAAE,EAAE,WAAW,EAAE,GAC1B,GACF,GAAG,QAAQ,EAAE,CAAC;IACf,MAAM,EAAE,2BAA2B,EAAE,GAAG,wBAAwB,EAAE,CAAC;IACnE,MAAM,EAAE,cAAc,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAC/C,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IACpC,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,IAAI,cAAc,EAAE;YAClB,cAAc,EAAE,CAAC;YACjB,OAAO;SACR;QACD,2BAA2B,EAAE,CAAC;IAChC,CAAC,CAAC;IACF,OAAO,CACL,oBAAC,kBAAkB,IACjB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,EACvE,IAAI,EAAE,WAAW,CAAC,EAAE,EACpB,KAAK,EAAE;YACL,SAAS,EAAE;gBACT,WAAW,EACT,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY;gBAClE,GAAG,wBAAwB,CAAC,SAAS;aACtC;YACD,YAAY,EAAE,wBAAwB,CAAC,YAAY;SACpD,IAEA,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,CACvB,oBAAC,UAAU,IAAC,KAAK,EAAE,MAAM,CAAC,YAAY,GAAI,CAC3C,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,IAAC,KAAK,EAAE,MAAM,CAAC,YAAY,GAAI,CACtC,CACkB,CACtB,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,23 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
};
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const video_client_1 = require("@stream-io/video-client");
|
|
9
|
-
const video_react_bindings_1 = require("@stream-io/video-react-bindings");
|
|
10
|
-
const CallControlsButton_1 = require("./CallControlsButton");
|
|
11
|
-
const icons_1 = require("../../../icons");
|
|
12
|
-
const ThemeContext_1 = require("../../../contexts/ThemeContext");
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { OwnCapability } from '@stream-io/video-client';
|
|
3
|
+
import { Restricted, useCall, useCallStateHooks, } from '@stream-io/video-react-bindings';
|
|
4
|
+
import { CallControlsButton } from './CallControlsButton';
|
|
5
|
+
import { Video, VideoSlash } from '../../../icons';
|
|
6
|
+
import { useTheme } from '../../../contexts/ThemeContext';
|
|
13
7
|
/**
|
|
14
8
|
* Button to toggle video mute/unmute status while in the call.
|
|
15
9
|
*/
|
|
16
|
-
const ToggleVideoPublishingButton = ({ onPressHandler, }) => {
|
|
17
|
-
const call =
|
|
18
|
-
const { useCameraState } =
|
|
10
|
+
export const ToggleVideoPublishingButton = ({ onPressHandler, }) => {
|
|
11
|
+
const call = useCall();
|
|
12
|
+
const { useCameraState } = useCallStateHooks();
|
|
19
13
|
const { status } = useCameraState();
|
|
20
|
-
const { theme: { colors }, } =
|
|
14
|
+
const { theme: { colors }, } = useTheme();
|
|
21
15
|
const onPress = async () => {
|
|
22
16
|
if (onPressHandler) {
|
|
23
17
|
onPressHandler();
|
|
@@ -25,11 +19,7 @@ const ToggleVideoPublishingButton = ({ onPressHandler, }) => {
|
|
|
25
19
|
}
|
|
26
20
|
await call?.camera.toggle();
|
|
27
21
|
};
|
|
28
|
-
return (
|
|
29
|
-
|
|
30
|
-
{status === 'disabled' ? (<icons_1.VideoSlash color={colors.static_white}/>) : (<icons_1.Video color={colors.static_black}/>)}
|
|
31
|
-
</CallControlsButton_1.CallControlsButton>
|
|
32
|
-
</video_react_bindings_1.Restricted>);
|
|
22
|
+
return (React.createElement(Restricted, { requiredGrants: [OwnCapability.SEND_VIDEO] },
|
|
23
|
+
React.createElement(CallControlsButton, { onPress: onPress, color: status === 'disabled' ? colors.overlay_dark : colors.static_white }, status === 'disabled' ? (React.createElement(VideoSlash, { color: colors.static_white })) : (React.createElement(Video, { color: colors.static_black })))));
|
|
33
24
|
};
|
|
34
|
-
exports.ToggleVideoPublishingButton = ToggleVideoPublishingButton;
|
|
35
25
|
//# sourceMappingURL=ToggleVideoPublishingButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleVideoPublishingButton.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/ToggleVideoPublishingButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ToggleVideoPublishingButton.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/ToggleVideoPublishingButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EACL,UAAU,EACV,OAAO,EACP,iBAAiB,GAClB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAa1D;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EAC1C,cAAc,GACmB,EAAE,EAAE;IACrC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,cAAc,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAC/C,MAAM,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IACpC,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,EAAE,GAClB,GAAG,QAAQ,EAAE,CAAC;IACf,MAAM,OAAO,GAAG,KAAK,IAAI,EAAE;QACzB,IAAI,cAAc,EAAE;YAClB,cAAc,EAAE,CAAC;YACjB,OAAO;SACR;QACD,MAAM,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC;IAC9B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IAAC,cAAc,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC;QACpD,oBAAC,kBAAkB,IACjB,OAAO,EAAE,OAAO,EAChB,KAAK,EACH,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,IAGlE,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,CACvB,oBAAC,UAAU,IAAC,KAAK,EAAE,MAAM,CAAC,YAAY,GAAI,CAC3C,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,IAAC,KAAK,EAAE,MAAM,CAAC,YAAY,GAAI,CACtC,CACkB,CACV,CACd,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,31 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./AcceptCallButton"), exports);
|
|
18
|
-
__exportStar(require("./RejectCallButton"), exports);
|
|
19
|
-
__exportStar(require("./HangupCallButton"), exports);
|
|
20
|
-
__exportStar(require("./ToggleAudioPreviewButton"), exports);
|
|
21
|
-
__exportStar(require("./ToggleVideoPreviewButton"), exports);
|
|
22
|
-
__exportStar(require("./ToggleAudioPublishingButton"), exports);
|
|
23
|
-
__exportStar(require("./ToggleVideoPublishingButton"), exports);
|
|
24
|
-
__exportStar(require("./ToggleCameraFaceButton"), exports);
|
|
25
|
-
__exportStar(require("./ChatButton"), exports);
|
|
26
|
-
__exportStar(require("./ReactionButton"), exports);
|
|
27
|
-
__exportStar(require("./CallControls"), exports);
|
|
28
|
-
__exportStar(require("./LobbyControls"), exports);
|
|
29
|
-
__exportStar(require("./IncomingCallControls"), exports);
|
|
30
|
-
__exportStar(require("./OutgoingCallControls"), exports);
|
|
1
|
+
export * from './AcceptCallButton';
|
|
2
|
+
export * from './RejectCallButton';
|
|
3
|
+
export * from './HangupCallButton';
|
|
4
|
+
export * from './ToggleAudioPreviewButton';
|
|
5
|
+
export * from './ToggleVideoPreviewButton';
|
|
6
|
+
export * from './ToggleAudioPublishingButton';
|
|
7
|
+
export * from './ToggleVideoPublishingButton';
|
|
8
|
+
export * from './ToggleCameraFaceButton';
|
|
9
|
+
export * from './ChatButton';
|
|
10
|
+
export * from './ReactionButton';
|
|
11
|
+
export * from './CallControls';
|
|
12
|
+
export * from './LobbyControls';
|
|
13
|
+
export * from './IncomingCallControls';
|
|
14
|
+
export * from './OutgoingCallControls';
|
|
31
15
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallControls/index.tsx"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC"}
|
|
@@ -1,39 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.ReactionsPicker = void 0;
|
|
27
|
-
const react_1 = __importStar(require("react"));
|
|
28
|
-
const react_native_1 = require("react-native");
|
|
29
|
-
const video_react_bindings_1 = require("@stream-io/video-react-bindings");
|
|
30
|
-
const TestIds_1 = require("../../../../constants/TestIds");
|
|
31
|
-
const ThemeContext_1 = require("../../../../contexts/ThemeContext");
|
|
1
|
+
import React, { useEffect, useRef } from 'react';
|
|
2
|
+
import { Pressable, StyleSheet, Animated, Easing, } from 'react-native';
|
|
3
|
+
import { useCall } from '@stream-io/video-react-bindings';
|
|
4
|
+
import { ComponentTestIds } from '../../../../constants/TestIds';
|
|
5
|
+
import { useTheme } from '../../../../contexts/ThemeContext';
|
|
32
6
|
const TOP_PADDING = 4;
|
|
33
7
|
const REACTION_MARGIN_BOTTOM = 4;
|
|
34
|
-
const ReactionsPicker = ({ reactions, reactionsButtonLayoutRectangle, onRequestedClose, }) => {
|
|
35
|
-
const { theme: { colors, reactionsPicker }, } =
|
|
36
|
-
const call =
|
|
8
|
+
export const ReactionsPicker = ({ reactions, reactionsButtonLayoutRectangle, onRequestedClose, }) => {
|
|
9
|
+
const { theme: { colors, reactionsPicker }, } = useTheme();
|
|
10
|
+
const call = useCall();
|
|
37
11
|
const size = reactionsButtonLayoutRectangle?.width ?? 0;
|
|
38
12
|
const reactionItemSize = size * 0.8;
|
|
39
13
|
const popupHeight =
|
|
@@ -55,13 +29,13 @@ const ReactionsPicker = ({ reactions, reactionsButtonLayoutRectangle, onRequeste
|
|
|
55
29
|
borderTopStartRadius: size / 2,
|
|
56
30
|
borderTopEndRadius: size / 2,
|
|
57
31
|
};
|
|
58
|
-
const elasticAnimRef =
|
|
59
|
-
|
|
60
|
-
|
|
32
|
+
const elasticAnimRef = useRef(new Animated.Value(0.5)); // Initial value for scale: 0.5
|
|
33
|
+
useEffect(() => {
|
|
34
|
+
Animated.timing(elasticAnimRef.current, {
|
|
61
35
|
toValue: 1,
|
|
62
36
|
duration: 800,
|
|
63
37
|
useNativeDriver: true,
|
|
64
|
-
easing:
|
|
38
|
+
easing: Easing.elastic(3),
|
|
65
39
|
}).start();
|
|
66
40
|
}, []);
|
|
67
41
|
const reactionItemStyle = {
|
|
@@ -84,26 +58,24 @@ const ReactionsPicker = ({ reactions, reactionsButtonLayoutRectangle, onRequeste
|
|
|
84
58
|
console.error(e, reaction);
|
|
85
59
|
});
|
|
86
60
|
}
|
|
87
|
-
|
|
61
|
+
Animated.timing(elasticAnimRef.current, {
|
|
88
62
|
toValue: 0.2,
|
|
89
63
|
duration: 150,
|
|
90
64
|
useNativeDriver: true,
|
|
91
|
-
easing:
|
|
65
|
+
easing: Easing.linear,
|
|
92
66
|
}).start(onRequestedClose);
|
|
93
67
|
};
|
|
94
|
-
return (
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
{/* all the reactions */}
|
|
106
|
-
{reactions.map((reaction) => (<react_native_1.Pressable key={reaction.emoji_code} style={[
|
|
68
|
+
return (React.createElement(React.Fragment, null,
|
|
69
|
+
React.createElement(Pressable, { testID: ComponentTestIds.REACTIONS_PICKER, style: [
|
|
70
|
+
styles.reactionsPopup,
|
|
71
|
+
reactionsPopupStyle,
|
|
72
|
+
{
|
|
73
|
+
backgroundColor: colors.static_grey,
|
|
74
|
+
},
|
|
75
|
+
reactionsPicker.reactionsPopup,
|
|
76
|
+
], onPress: () => {
|
|
77
|
+
onClose();
|
|
78
|
+
} }, reactions.map((reaction) => (React.createElement(Pressable, { key: reaction.emoji_code, style: [
|
|
107
79
|
styles.reactionItem,
|
|
108
80
|
reactionItemStyle,
|
|
109
81
|
{
|
|
@@ -111,43 +83,36 @@ const ReactionsPicker = ({ reactions, reactionsButtonLayoutRectangle, onRequeste
|
|
|
111
83
|
backgroundColor: colors.overlay,
|
|
112
84
|
},
|
|
113
85
|
reactionsPicker.reactionItem,
|
|
114
|
-
]
|
|
86
|
+
], onPress: () => {
|
|
115
87
|
onClose({
|
|
116
88
|
type: reaction.type,
|
|
117
89
|
custom: reaction.custom,
|
|
118
90
|
emoji_code: reaction.emoji_code,
|
|
119
91
|
});
|
|
120
|
-
}}
|
|
121
|
-
|
|
122
|
-
|
|
92
|
+
} },
|
|
93
|
+
React.createElement(Animated.Text, { style: [
|
|
94
|
+
styles.reactionText,
|
|
95
|
+
{
|
|
96
|
+
transform: [
|
|
97
|
+
{
|
|
98
|
+
scaleY: elasticAnimRef.current,
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
scaleX: elasticAnimRef.current,
|
|
102
|
+
},
|
|
103
|
+
],
|
|
104
|
+
},
|
|
105
|
+
reactionsPicker.reactionText,
|
|
106
|
+
] }, reaction.icon))))),
|
|
107
|
+
React.createElement(Pressable, { style: [
|
|
108
|
+
reactionsButtonDimmerStyle,
|
|
123
109
|
{
|
|
124
|
-
|
|
125
|
-
{
|
|
126
|
-
scaleY: elasticAnimRef.current,
|
|
127
|
-
},
|
|
128
|
-
{
|
|
129
|
-
scaleX: elasticAnimRef.current,
|
|
130
|
-
},
|
|
131
|
-
],
|
|
110
|
+
backgroundColor: colors.static_grey,
|
|
132
111
|
},
|
|
133
|
-
reactionsPicker.
|
|
134
|
-
]}
|
|
135
|
-
{reaction.icon}
|
|
136
|
-
</react_native_1.Animated.Text>
|
|
137
|
-
</react_native_1.Pressable>))}
|
|
138
|
-
</react_native_1.Pressable>
|
|
139
|
-
{/* a square view with 50% opacity that semi hides the reactions button */}
|
|
140
|
-
<react_native_1.Pressable style={[
|
|
141
|
-
reactionsButtonDimmerStyle,
|
|
142
|
-
{
|
|
143
|
-
backgroundColor: colors.static_grey,
|
|
144
|
-
},
|
|
145
|
-
reactionsPicker.reactionsButtonDimmer,
|
|
146
|
-
]} onPress={() => onClose()}/>
|
|
147
|
-
</>);
|
|
112
|
+
reactionsPicker.reactionsButtonDimmer,
|
|
113
|
+
], onPress: () => onClose() })));
|
|
148
114
|
};
|
|
149
|
-
|
|
150
|
-
const styles = react_native_1.StyleSheet.create({
|
|
115
|
+
const styles = StyleSheet.create({
|
|
151
116
|
reactionsPopup: {
|
|
152
117
|
position: 'absolute',
|
|
153
118
|
alignItems: 'center',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReactionsPicker.js","sourceRoot":"","sources":["../../../../../../src/components/Call/CallControls/internal/ReactionsPicker.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ReactionsPicker.js","sourceRoot":"","sources":["../../../../../../src/components/Call/CallControls/internal/ReactionsPicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,28 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
};
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const react_native_1 = require("react-native");
|
|
9
|
-
const video_react_bindings_1 = require("@stream-io/video-react-bindings");
|
|
10
|
-
const useDebouncedValue_1 = require("../../../utils/hooks/useDebouncedValue");
|
|
11
|
-
const CallParticipantsList_1 = require("../CallParticipantsList/CallParticipantsList");
|
|
12
|
-
const TestIds_1 = require("../../../constants/TestIds");
|
|
13
|
-
const ThemeContext_1 = require("../../../contexts/ThemeContext");
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StyleSheet, View } from 'react-native';
|
|
3
|
+
import { useCallStateHooks } from '@stream-io/video-react-bindings';
|
|
4
|
+
import { useDebouncedValue } from '../../../utils/hooks/useDebouncedValue';
|
|
5
|
+
import { CallParticipantsList as DefaultCallParticipantsList, } from '../CallParticipantsList/CallParticipantsList';
|
|
6
|
+
import { ComponentTestIds } from '../../../constants/TestIds';
|
|
7
|
+
import { useTheme } from '../../../contexts/ThemeContext';
|
|
14
8
|
/**
|
|
15
9
|
* Component used to display the list of participants in a grid mode.
|
|
16
10
|
*/
|
|
17
|
-
const CallParticipantsGrid = ({ CallParticipantsList =
|
|
18
|
-
const { theme: { colors, callParticipantsGrid }, } =
|
|
19
|
-
const { useRemoteParticipants, useParticipants, useLocalParticipant } =
|
|
11
|
+
export const CallParticipantsGrid = ({ CallParticipantsList = DefaultCallParticipantsList, ParticipantLabel, ParticipantNetworkQualityIndicator, ParticipantReaction, ParticipantVideoFallback, ParticipantView, VideoRenderer, showLocalParticipant = false, }) => {
|
|
12
|
+
const { theme: { colors, callParticipantsGrid }, } = useTheme();
|
|
13
|
+
const { useRemoteParticipants, useParticipants, useLocalParticipant } = useCallStateHooks();
|
|
20
14
|
const _remoteParticipants = useRemoteParticipants();
|
|
21
15
|
const localParticipant = useLocalParticipant();
|
|
22
16
|
const _allParticipants = useParticipants();
|
|
23
17
|
// we debounce the participants arrays to avoid unnecessary rerenders that happen when participant tracks are all subscribed simultaneously
|
|
24
|
-
const remoteParticipants =
|
|
25
|
-
const allParticipants =
|
|
18
|
+
const remoteParticipants = useDebouncedValue(_remoteParticipants, 300);
|
|
19
|
+
const allParticipants = useDebouncedValue(_allParticipants, 300);
|
|
26
20
|
const showFloatingView = remoteParticipants.length > 0 && remoteParticipants.length < 3;
|
|
27
21
|
const participants = showFloatingView
|
|
28
22
|
? showLocalParticipant && localParticipant
|
|
@@ -37,16 +31,13 @@ const CallParticipantsGrid = ({ CallParticipantsList = CallParticipantsList_1.Ca
|
|
|
37
31
|
ParticipantVideoFallback,
|
|
38
32
|
VideoRenderer,
|
|
39
33
|
};
|
|
40
|
-
return (
|
|
34
|
+
return (React.createElement(View, { style: [
|
|
41
35
|
styles.container,
|
|
42
36
|
{ backgroundColor: colors.dark_gray },
|
|
43
37
|
callParticipantsGrid.container,
|
|
44
|
-
]
|
|
45
|
-
{CallParticipantsList && (<CallParticipantsList participants={participants} {...participantViewProps}/>)}
|
|
46
|
-
</react_native_1.View>);
|
|
38
|
+
], testID: ComponentTestIds.CALL_PARTICIPANTS_GRID }, CallParticipantsList && (React.createElement(CallParticipantsList, { participants: participants, ...participantViewProps }))));
|
|
47
39
|
};
|
|
48
|
-
|
|
49
|
-
const styles = react_native_1.StyleSheet.create({
|
|
40
|
+
const styles = StyleSheet.create({
|
|
50
41
|
container: {
|
|
51
42
|
flex: 1,
|
|
52
43
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CallParticipantsGrid.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallLayout/CallParticipantsGrid.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CallParticipantsGrid.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallLayout/CallParticipantsGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wCAAwC,CAAC;AAC3E,OAAO,EACL,oBAAoB,IAAI,2BAA2B,GAGpD,MAAM,8CAA8C,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAgB1D;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,oBAAoB,GAAG,2BAA2B,EAClD,gBAAgB,EAChB,kCAAkC,EAClC,mBAAmB,EACnB,wBAAwB,EACxB,eAAe,EACf,aAAa,EACb,oBAAoB,GAAG,KAAK,GACF,EAAE,EAAE;IAC9B,MAAM,EACJ,KAAK,EAAE,EAAE,MAAM,EAAE,oBAAoB,EAAE,GACxC,GAAG,QAAQ,EAAE,CAAC;IACf,MAAM,EAAE,qBAAqB,EAAE,eAAe,EAAE,mBAAmB,EAAE,GACnE,iBAAiB,EAAE,CAAC;IACtB,MAAM,mBAAmB,GAAG,qBAAqB,EAAE,CAAC;IACpD,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAC/C,MAAM,gBAAgB,GAAG,eAAe,EAAE,CAAC;IAC3C,2IAA2I;IAC3I,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,mBAAmB,EAAE,GAAG,CAAC,CAAC;IACvE,MAAM,eAAe,GAAG,iBAAiB,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAC;IAEjE,MAAM,gBAAgB,GACpB,kBAAkB,CAAC,MAAM,GAAG,CAAC,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC,CAAC;IAEjE,MAAM,YAAY,GAAG,gBAAgB;QACnC,CAAC,CAAC,oBAAoB,IAAI,gBAAgB;YACxC,CAAC,CAAC,CAAC,gBAAgB,CAAC;YACpB,CAAC,CAAC,kBAAkB;QACtB,CAAC,CAAC,eAAe,CAAC;IAEpB,MAAM,oBAAoB,GAAuC;QAC/D,eAAe;QACf,gBAAgB;QAChB,kCAAkC;QAClC,mBAAmB;QACnB,wBAAwB;QACxB,aAAa;KACd,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL,MAAM,CAAC,SAAS;YAChB,EAAE,eAAe,EAAE,MAAM,CAAC,SAAS,EAAE;YACrC,oBAAoB,CAAC,SAAS;SAC/B,EACD,MAAM,EAAE,gBAAgB,CAAC,sBAAsB,IAE9C,oBAAoB,IAAI,CACvB,oBAAC,oBAAoB,IACnB,YAAY,EAAE,YAAY,KACtB,oBAAoB,GACxB,CACH,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC"}
|
|
@@ -1,30 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
};
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
const
|
|
11
|
-
const useDebouncedValue_1 = require("../../../utils/hooks/useDebouncedValue");
|
|
12
|
-
const TestIds_1 = require("../../../constants/TestIds");
|
|
13
|
-
const CallParticipantsList_1 = require("../CallParticipantsList/CallParticipantsList");
|
|
14
|
-
const Participant_1 = require("../../Participant");
|
|
15
|
-
const ThemeContext_1 = require("../../../contexts/ThemeContext");
|
|
16
|
-
const hasScreenShare = (p) => p.publishedTracks.includes(video_client_1.SfuModels.TrackType.SCREEN_SHARE);
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SfuModels, speakerLayoutSortPreset, } from '@stream-io/video-client';
|
|
3
|
+
import { useCallStateHooks } from '@stream-io/video-react-bindings';
|
|
4
|
+
import { StyleSheet, View } from 'react-native';
|
|
5
|
+
import { useDebouncedValue } from '../../../utils/hooks/useDebouncedValue';
|
|
6
|
+
import { ComponentTestIds } from '../../../constants/TestIds';
|
|
7
|
+
import { CallParticipantsList as DefaultCallParticipantsList, } from '../CallParticipantsList/CallParticipantsList';
|
|
8
|
+
import { ParticipantView as DefaultParticipantView, } from '../../Participant';
|
|
9
|
+
import { useTheme } from '../../../contexts/ThemeContext';
|
|
10
|
+
const hasScreenShare = (p) => p.publishedTracks.includes(SfuModels.TrackType.SCREEN_SHARE);
|
|
17
11
|
/**
|
|
18
12
|
* Component used to display the list of participants in a spotlight mode.
|
|
19
13
|
* This can be used when you want to render the screen sharing stream.
|
|
20
14
|
*/
|
|
21
|
-
const CallParticipantsSpotlight = ({ CallParticipantsList =
|
|
22
|
-
const { theme: { colors, callParticipantsSpotlight }, } =
|
|
23
|
-
const { useParticipants } =
|
|
15
|
+
export const CallParticipantsSpotlight = ({ CallParticipantsList = DefaultCallParticipantsList, ParticipantLabel, ParticipantNetworkQualityIndicator, ParticipantReaction, ParticipantVideoFallback, ParticipantView = DefaultParticipantView, VideoRenderer, }) => {
|
|
16
|
+
const { theme: { colors, callParticipantsSpotlight }, } = useTheme();
|
|
17
|
+
const { useParticipants } = useCallStateHooks();
|
|
24
18
|
const _allParticipants = useParticipants({
|
|
25
|
-
sortBy:
|
|
19
|
+
sortBy: speakerLayoutSortPreset,
|
|
26
20
|
});
|
|
27
|
-
const allParticipants =
|
|
21
|
+
const allParticipants = useDebouncedValue(_allParticipants, 300); // we debounce the participants to avoid unnecessary rerenders that happen when participant tracks are all subscribed simultaneously
|
|
28
22
|
const [participantInSpotlight, ...otherParticipants] = allParticipants;
|
|
29
23
|
const isScreenShareOnSpotlight = hasScreenShare(participantInSpotlight);
|
|
30
24
|
const isUserAloneInCall = _allParticipants?.length === 1;
|
|
@@ -39,14 +33,14 @@ const CallParticipantsSpotlight = ({ CallParticipantsList = CallParticipantsList
|
|
|
39
33
|
...participantViewProps,
|
|
40
34
|
ParticipantView,
|
|
41
35
|
};
|
|
42
|
-
return (
|
|
36
|
+
return (React.createElement(View, { testID: ComponentTestIds.CALL_PARTICIPANTS_SPOTLIGHT, style: [
|
|
43
37
|
styles.container,
|
|
44
38
|
{
|
|
45
39
|
backgroundColor: colors.dark_gray,
|
|
46
40
|
},
|
|
47
41
|
callParticipantsSpotlight.container,
|
|
48
|
-
]}
|
|
49
|
-
|
|
42
|
+
] },
|
|
43
|
+
participantInSpotlight && ParticipantView && (React.createElement(ParticipantView, { participant: participantInSpotlight, style: isUserAloneInCall
|
|
50
44
|
? [
|
|
51
45
|
styles.fullScreenSpotlightContainer,
|
|
52
46
|
callParticipantsSpotlight.fullScreenSpotlightContainer,
|
|
@@ -54,17 +48,13 @@ const CallParticipantsSpotlight = ({ CallParticipantsList = CallParticipantsList
|
|
|
54
48
|
: [
|
|
55
49
|
styles.spotlightContainer,
|
|
56
50
|
callParticipantsSpotlight.spotlightContainer,
|
|
57
|
-
]
|
|
58
|
-
|
|
51
|
+
], trackType: isScreenShareOnSpotlight ? 'screenShareTrack' : 'videoTrack', ...participantViewProps })),
|
|
52
|
+
!isUserAloneInCall && (React.createElement(View, { style: [
|
|
59
53
|
styles.callParticipantsListContainer,
|
|
60
54
|
callParticipantsSpotlight.callParticipantsListContainer,
|
|
61
|
-
]}
|
|
62
|
-
{CallParticipantsList && (<CallParticipantsList participants={isScreenShareOnSpotlight ? allParticipants : otherParticipants} horizontal {...callParticipantsListProps}/>)}
|
|
63
|
-
</react_native_1.View>)}
|
|
64
|
-
</react_native_1.View>);
|
|
55
|
+
] }, CallParticipantsList && (React.createElement(CallParticipantsList, { participants: isScreenShareOnSpotlight ? allParticipants : otherParticipants, horizontal: true, ...callParticipantsListProps }))))));
|
|
65
56
|
};
|
|
66
|
-
|
|
67
|
-
const styles = react_native_1.StyleSheet.create({
|
|
57
|
+
const styles = StyleSheet.create({
|
|
68
58
|
container: {
|
|
69
59
|
flex: 1,
|
|
70
60
|
paddingVertical: 8,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CallParticipantsSpotlight.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallLayout/CallParticipantsSpotlight.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CallParticipantsSpotlight.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallLayout/CallParticipantsSpotlight.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,19 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./CallParticipantsGrid"), exports);
|
|
18
|
-
__exportStar(require("./CallParticipantsSpotlight"), exports);
|
|
1
|
+
export * from './CallParticipantsGrid';
|
|
2
|
+
export * from './CallParticipantsSpotlight';
|
|
19
3
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallLayout/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Call/CallLayout/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC"}
|