@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,50 +1,41 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
};
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const IncomingCall_1 = require("./IncomingCall");
|
|
13
|
-
const OutgoingCall_1 = require("./OutgoingCall");
|
|
14
|
-
const JoiningCallIndicator_1 = require("./JoiningCallIndicator");
|
|
15
|
-
const contexts_1 = require("../../../contexts");
|
|
16
|
-
const RingingCallPanel = ({ IncomingCall = IncomingCall_1.IncomingCall, OutgoingCall = OutgoingCall_1.OutgoingCall, CallContent = CallContent_1.CallContent, JoiningCallIndicator = JoiningCallIndicator_1.JoiningCallIndicator, CallTopView, }) => {
|
|
17
|
-
const call = (0, video_react_bindings_1.useCall)();
|
|
1
|
+
import { CallingState } from '@stream-io/video-client';
|
|
2
|
+
import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { StyleSheet, View } from 'react-native';
|
|
5
|
+
import { CallContent as DefaultCallContent, } from '../CallContent';
|
|
6
|
+
import { IncomingCall as DefaultIncomingCall, } from './IncomingCall';
|
|
7
|
+
import { OutgoingCall as DefaultOutgoingCall, } from './OutgoingCall';
|
|
8
|
+
import { JoiningCallIndicator as DefaultJoiningCallIndicator } from './JoiningCallIndicator';
|
|
9
|
+
import { useTheme } from '../../../contexts';
|
|
10
|
+
export const RingingCallPanel = ({ IncomingCall = DefaultIncomingCall, OutgoingCall = DefaultOutgoingCall, CallContent = DefaultCallContent, JoiningCallIndicator = DefaultJoiningCallIndicator, CallTopView, }) => {
|
|
11
|
+
const call = useCall();
|
|
18
12
|
const isCallCreatedByMe = call?.isCreatedByMe;
|
|
19
|
-
const { useCallCallingState } =
|
|
13
|
+
const { useCallCallingState } = useCallStateHooks();
|
|
20
14
|
const callingState = useCallCallingState();
|
|
21
15
|
switch (callingState) {
|
|
22
|
-
case
|
|
16
|
+
case CallingState.RINGING:
|
|
23
17
|
return isCallCreatedByMe
|
|
24
|
-
? OutgoingCall &&
|
|
25
|
-
: IncomingCall &&
|
|
26
|
-
case
|
|
27
|
-
return CallContent &&
|
|
28
|
-
case
|
|
29
|
-
return JoiningCallIndicator &&
|
|
18
|
+
? OutgoingCall && React.createElement(OutgoingCall, { CallTopView: CallTopView })
|
|
19
|
+
: IncomingCall && React.createElement(IncomingCall, { CallTopView: CallTopView });
|
|
20
|
+
case CallingState.JOINED:
|
|
21
|
+
return CallContent && React.createElement(CallContent, { CallTopView: CallTopView });
|
|
22
|
+
case CallingState.JOINING:
|
|
23
|
+
return JoiningCallIndicator && React.createElement(JoiningCallIndicator, null);
|
|
30
24
|
default:
|
|
31
25
|
return null;
|
|
32
26
|
}
|
|
33
27
|
};
|
|
34
|
-
exports.RingingCallPanel = RingingCallPanel;
|
|
35
28
|
/**
|
|
36
29
|
* Component to show the Incoming, Outgoing and CalContent component depending upon the Call states when the call is in ringing mode.
|
|
37
30
|
*/
|
|
38
|
-
const RingingCallContent = () => {
|
|
39
|
-
const { theme: { ringingCallContent }, } =
|
|
40
|
-
return (
|
|
41
|
-
|
|
42
|
-
</react_native_1.View>);
|
|
31
|
+
export const RingingCallContent = () => {
|
|
32
|
+
const { theme: { ringingCallContent }, } = useTheme();
|
|
33
|
+
return (React.createElement(View, { style: [styles.container, ringingCallContent.container] },
|
|
34
|
+
React.createElement(RingingCallPanel, null)));
|
|
43
35
|
};
|
|
44
|
-
|
|
45
|
-
const styles = react_native_1.StyleSheet.create({
|
|
36
|
+
const styles = StyleSheet.create({
|
|
46
37
|
container: {
|
|
47
|
-
...
|
|
38
|
+
...StyleSheet.absoluteFillObject,
|
|
48
39
|
},
|
|
49
40
|
});
|
|
50
41
|
//# sourceMappingURL=RingingCallContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RingingCallContent.js","sourceRoot":"","sources":["../../../../../src/components/Call/RingingCallContent/RingingCallContent.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RingingCallContent.js","sourceRoot":"","sources":["../../../../../src/components/Call/RingingCallContent/RingingCallContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,EACL,WAAW,IAAI,kBAAkB,GAElC,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,YAAY,IAAI,mBAAmB,GAEpC,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,YAAY,IAAI,mBAAmB,GAEpC,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,oBAAoB,IAAI,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAC7F,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AA4B7C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,YAAY,GAAG,mBAAmB,EAClC,YAAY,GAAG,mBAAmB,EAClC,WAAW,GAAG,kBAAkB,EAChC,oBAAoB,GAAG,2BAA2B,EAClD,WAAW,GACa,EAAE,EAAE;IAC5B,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,iBAAiB,GAAG,IAAI,EAAE,aAAa,CAAC;IAE9C,MAAM,EAAE,mBAAmB,EAAE,GAAG,iBAAiB,EAAE,CAAC;IACpD,MAAM,YAAY,GAAG,mBAAmB,EAAE,CAAC;IAE3C,QAAQ,YAAY,EAAE;QACpB,KAAK,YAAY,CAAC,OAAO;YACvB,OAAO,iBAAiB;gBACtB,CAAC,CAAC,YAAY,IAAI,oBAAC,YAAY,IAAC,WAAW,EAAE,WAAW,GAAI;gBAC5D,CAAC,CAAC,YAAY,IAAI,oBAAC,YAAY,IAAC,WAAW,EAAE,WAAW,GAAI,CAAC;QACjE,KAAK,YAAY,CAAC,MAAM;YACtB,OAAO,WAAW,IAAI,oBAAC,WAAW,IAAC,WAAW,EAAE,WAAW,GAAI,CAAC;QAClE,KAAK,YAAY,CAAC,OAAO;YACvB,OAAO,oBAAoB,IAAI,oBAAC,oBAAoB,OAAG,CAAC;QAC1D;YACE,OAAO,IAAI,CAAC;KACf;AACH,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,MAAM,EACJ,KAAK,EAAE,EAAE,kBAAkB,EAAE,GAC9B,GAAG,QAAQ,EAAE,CAAC;IACf,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,kBAAkB,CAAC,SAAS,CAAC;QAC3D,oBAAC,gBAAgB,OAAG,CACf,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,GAAG,UAAU,CAAC,kBAAkB;KACjC;CACF,CAAC,CAAC"}
|
|
@@ -1,24 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
};
|
|
5
|
-
|
|
6
|
-
exports.UserInfo = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const react_native_1 = require("react-native");
|
|
9
|
-
const utils_1 = require("../../../utils");
|
|
10
|
-
const video_react_bindings_1 = require("@stream-io/video-react-bindings");
|
|
11
|
-
const ThemeContext_1 = require("../../../contexts/ThemeContext");
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Image, StyleSheet, Text, View } from 'react-native';
|
|
3
|
+
import { generateCallTitle } from '../../../utils';
|
|
4
|
+
import { useCallStateHooks, useConnectedUser, } from '@stream-io/video-react-bindings';
|
|
5
|
+
import { useTheme } from '../../../contexts/ThemeContext';
|
|
12
6
|
var AvatarModes;
|
|
13
7
|
(function (AvatarModes) {
|
|
14
8
|
AvatarModes["small"] = "sm";
|
|
15
9
|
AvatarModes["medium"] = "md";
|
|
16
10
|
AvatarModes["large"] = "lg";
|
|
17
11
|
})(AvatarModes || (AvatarModes = {}));
|
|
18
|
-
const UserInfo = ({ includeSelf = false, totalMembersToShow = 3, }) => {
|
|
19
|
-
const { theme: { colors, typefaces, variants: { avatarSizes }, userInfo, }, } =
|
|
20
|
-
const connectedUser =
|
|
21
|
-
const { useCallMembers } =
|
|
12
|
+
export const UserInfo = ({ includeSelf = false, totalMembersToShow = 3, }) => {
|
|
13
|
+
const { theme: { colors, typefaces, variants: { avatarSizes }, userInfo, }, } = useTheme();
|
|
14
|
+
const connectedUser = useConnectedUser();
|
|
15
|
+
const { useCallMembers } = useCallStateHooks();
|
|
22
16
|
const members = useCallMembers();
|
|
23
17
|
// take the first N members to show their avatars
|
|
24
18
|
const membersToShow = (members || [])
|
|
@@ -35,7 +29,7 @@ const UserInfo = ({ includeSelf = false, totalMembersToShow = 3, }) => {
|
|
|
35
29
|
}
|
|
36
30
|
}
|
|
37
31
|
const memberUserIds = membersToShow.map((memberToShow) => memberToShow.name ?? memberToShow.id);
|
|
38
|
-
const callTitle =
|
|
32
|
+
const callTitle = generateCallTitle(memberUserIds, totalMembersToShow);
|
|
39
33
|
const avatarSizeModes = {
|
|
40
34
|
1: AvatarModes.large,
|
|
41
35
|
2: AvatarModes.medium,
|
|
@@ -49,31 +43,25 @@ const UserInfo = ({ includeSelf = false, totalMembersToShow = 3, }) => {
|
|
|
49
43
|
marginVertical: 4,
|
|
50
44
|
};
|
|
51
45
|
const fontStyleByMembersCount = memberUserIds.length > 1 ? typefaces.heading5 : typefaces.heading4;
|
|
52
|
-
return (
|
|
53
|
-
|
|
54
|
-
{membersToShow.map((memberToShow) => {
|
|
46
|
+
return (React.createElement(View, { style: [styles.container, userInfo.container] },
|
|
47
|
+
React.createElement(View, { style: [styles.avatarGroup, userInfo.avatarGroup] }, membersToShow.map((memberToShow) => {
|
|
55
48
|
if (!memberToShow.image) {
|
|
56
49
|
return null;
|
|
57
50
|
}
|
|
58
|
-
return (
|
|
59
|
-
|
|
60
|
-
|
|
51
|
+
return (React.createElement(Image, { key: memberToShow.id, style: [avatarStyles],
|
|
52
|
+
// FIXME: use real avatar from coordinator this is temporary
|
|
53
|
+
source: {
|
|
61
54
|
uri: memberToShow.image,
|
|
62
|
-
}}
|
|
63
|
-
})
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
]}>
|
|
71
|
-
{callTitle}
|
|
72
|
-
</react_native_1.Text>
|
|
73
|
-
</react_native_1.View>);
|
|
55
|
+
} }));
|
|
56
|
+
})),
|
|
57
|
+
React.createElement(Text, { style: [
|
|
58
|
+
styles.name,
|
|
59
|
+
fontStyleByMembersCount,
|
|
60
|
+
{ color: colors.static_white },
|
|
61
|
+
userInfo.name,
|
|
62
|
+
] }, callTitle)));
|
|
74
63
|
};
|
|
75
|
-
|
|
76
|
-
const styles = react_native_1.StyleSheet.create({
|
|
64
|
+
const styles = StyleSheet.create({
|
|
77
65
|
container: {
|
|
78
66
|
paddingHorizontal: 64,
|
|
79
67
|
display: 'flex',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserInfo.js","sourceRoot":"","sources":["../../../../../src/components/Call/RingingCallContent/UserInfo.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"UserInfo.js","sourceRoot":"","sources":["../../../../../src/components/Call/RingingCallContent/UserInfo.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,20 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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("./RingingCallContent"), exports);
|
|
18
|
-
__exportStar(require("./IncomingCall"), exports);
|
|
19
|
-
__exportStar(require("./OutgoingCall"), exports);
|
|
1
|
+
export * from './RingingCallContent';
|
|
2
|
+
export * from './IncomingCall';
|
|
3
|
+
export * from './OutgoingCall';
|
|
20
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Call/RingingCallContent/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Call/RingingCallContent/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}
|
|
@@ -1,24 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./CallContent"), exports);
|
|
18
|
-
__exportStar(require("./CallTopView"), exports);
|
|
19
|
-
__exportStar(require("./CallLayout"), exports);
|
|
20
|
-
__exportStar(require("./CallControls"), exports);
|
|
21
|
-
__exportStar(require("./CallParticipantsList"), exports);
|
|
22
|
-
__exportStar(require("./RingingCallContent"), exports);
|
|
23
|
-
__exportStar(require("./Lobby"), exports);
|
|
1
|
+
export * from './CallContent';
|
|
2
|
+
export * from './CallTopView';
|
|
3
|
+
export * from './CallLayout';
|
|
4
|
+
export * from './CallControls';
|
|
5
|
+
export * from './CallParticipantsList';
|
|
6
|
+
export * from './RingingCallContent';
|
|
7
|
+
export * from './Lobby';
|
|
24
8
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Call/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Call/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,SAAS,CAAC"}
|
package/dist/src/components/Participant/FloatingParticipantView/FloatingView/AnimatedFloatingView.js
CHANGED
|
@@ -1,56 +1,31 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
const react_1 = __importStar(require("react"));
|
|
27
|
-
const react_native_1 = require("react-native");
|
|
28
|
-
const common_1 = require("./common");
|
|
1
|
+
import React, { useRef, useReducer, useEffect } from 'react';
|
|
2
|
+
import { Animated, PanResponder, Easing, View, StyleSheet, } from 'react-native';
|
|
3
|
+
import { getSnapAlignments, FloatingViewAlignment, getClosestSnapAlignment, floatingChildViewContainerStyle, } from './common';
|
|
29
4
|
const AnimatedFloatingView = ({ initialAlignment, containerWidth, containerHeight, children, }) => {
|
|
30
5
|
// the translate is calculated using distance of dragging (dx, dy)
|
|
31
6
|
// computed value = value + offset
|
|
32
7
|
// Start of a DRAG state: value is (0,0) and offset is the last (translateX, translateY)
|
|
33
8
|
// DRAGGING state: value is always current (dx, dy) and offset is last (translateX, translateY)
|
|
34
|
-
const translateRef =
|
|
35
|
-
const opacity =
|
|
36
|
-
const [rectangle, setRectangle] =
|
|
9
|
+
const translateRef = useRef(new Animated.ValueXY());
|
|
10
|
+
const opacity = useRef(new Animated.Value(0));
|
|
11
|
+
const [rectangle, setRectangle] = React.useState();
|
|
37
12
|
// we need to force update the component when the rectangle is available
|
|
38
13
|
// we cannot just rely on the rectangle because it is not available on the first render
|
|
39
14
|
// and we need snapAlignments to be in a Ref so that it can be used in the panResponder's creation Ref
|
|
40
|
-
const [_, forceUpdate] =
|
|
15
|
+
const [_, forceUpdate] = useReducer((x) => x + 1, 0);
|
|
41
16
|
// the offsets for the translate bounds of the floating view
|
|
42
17
|
// stored in ref, because it is used in the panResponder (which has to be a ref)
|
|
43
|
-
const snapAlignmentsRef =
|
|
44
|
-
[
|
|
45
|
-
[
|
|
46
|
-
[
|
|
47
|
-
[
|
|
18
|
+
const snapAlignmentsRef = useRef({
|
|
19
|
+
[FloatingViewAlignment.topLeft]: { x: 0, y: 0 },
|
|
20
|
+
[FloatingViewAlignment.topRight]: { x: 0, y: 0 },
|
|
21
|
+
[FloatingViewAlignment.bottomLeft]: { x: 0, y: 0 },
|
|
22
|
+
[FloatingViewAlignment.bottomRight]: { x: 0, y: 0 },
|
|
48
23
|
});
|
|
49
|
-
|
|
24
|
+
useEffect(() => {
|
|
50
25
|
if (!rectangle) {
|
|
51
26
|
return;
|
|
52
27
|
}
|
|
53
|
-
const snapAlignments =
|
|
28
|
+
const snapAlignments = getSnapAlignments({
|
|
54
29
|
rootContainerDimensions: {
|
|
55
30
|
width: containerWidth,
|
|
56
31
|
height: containerHeight,
|
|
@@ -68,13 +43,13 @@ const AnimatedFloatingView = ({ initialAlignment, containerWidth, containerHeigh
|
|
|
68
43
|
forceUpdate();
|
|
69
44
|
// any time the dependency changes, we need to snap to the new alignment
|
|
70
45
|
}, [initialAlignment, rectangle, containerWidth, containerHeight]);
|
|
71
|
-
const panResponder =
|
|
46
|
+
const panResponder = useRef(PanResponder.create({
|
|
72
47
|
onStartShouldSetPanResponder: () => true,
|
|
73
48
|
onMoveShouldSetPanResponder: () => true,
|
|
74
49
|
// while doing move, the value will be set to distance and offset is the current position
|
|
75
50
|
// example if we 100 to the left
|
|
76
51
|
// value is x:-100 y:0, offset is the previous position
|
|
77
|
-
onPanResponderMove:
|
|
52
|
+
onPanResponderMove: Animated.event([
|
|
78
53
|
null,
|
|
79
54
|
{
|
|
80
55
|
// dx, dy are the accumulated distance of the gesture since the touch started
|
|
@@ -93,19 +68,19 @@ const AnimatedFloatingView = ({ initialAlignment, containerWidth, containerHeigh
|
|
|
93
68
|
translateRef.current.flattenOffset();
|
|
94
69
|
// @ts-expect-error panResponder doesn't support nativeDriver so we can use __getValue() safely
|
|
95
70
|
const currentPosition = translateRef.current.__getValue();
|
|
96
|
-
const closestAlignment =
|
|
71
|
+
const closestAlignment = getClosestSnapAlignment({
|
|
97
72
|
position: currentPosition,
|
|
98
73
|
snapAlignments: snapAlignmentsRef.current,
|
|
99
74
|
});
|
|
100
|
-
|
|
75
|
+
Animated.timing(translateRef.current, {
|
|
101
76
|
toValue: closestAlignment,
|
|
102
77
|
duration: 300,
|
|
103
78
|
useNativeDriver: true,
|
|
104
|
-
easing:
|
|
79
|
+
easing: Easing.inOut(Easing.quad),
|
|
105
80
|
}).start();
|
|
106
81
|
},
|
|
107
82
|
})).current;
|
|
108
|
-
|
|
83
|
+
useEffect(() => {
|
|
109
84
|
console.info('react-native-reanimated and/or react-native-gesture-handler libraries are not installed. Please install them to get a more performant draggable local video component');
|
|
110
85
|
}, []);
|
|
111
86
|
const containerStyle = {
|
|
@@ -120,11 +95,11 @@ const AnimatedFloatingView = ({ initialAlignment, containerWidth, containerHeigh
|
|
|
120
95
|
translateX: translateRef.current.x.interpolate({
|
|
121
96
|
inputRange: [
|
|
122
97
|
0,
|
|
123
|
-
snapAlignmentsRef.current[
|
|
98
|
+
snapAlignmentsRef.current[FloatingViewAlignment.topRight].x,
|
|
124
99
|
],
|
|
125
100
|
outputRange: [
|
|
126
101
|
0,
|
|
127
|
-
snapAlignmentsRef.current[
|
|
102
|
+
snapAlignmentsRef.current[FloatingViewAlignment.topRight].x,
|
|
128
103
|
],
|
|
129
104
|
extrapolate: 'clamp',
|
|
130
105
|
}),
|
|
@@ -133,41 +108,38 @@ const AnimatedFloatingView = ({ initialAlignment, containerWidth, containerHeigh
|
|
|
133
108
|
translateY: translateRef.current.y.interpolate({
|
|
134
109
|
inputRange: [
|
|
135
110
|
0,
|
|
136
|
-
snapAlignmentsRef.current[
|
|
111
|
+
snapAlignmentsRef.current[FloatingViewAlignment.bottomRight].y,
|
|
137
112
|
],
|
|
138
113
|
outputRange: [
|
|
139
114
|
0,
|
|
140
|
-
snapAlignmentsRef.current[
|
|
115
|
+
snapAlignmentsRef.current[FloatingViewAlignment.bottomRight].y,
|
|
141
116
|
],
|
|
142
117
|
extrapolate: 'clamp',
|
|
143
118
|
}),
|
|
144
119
|
},
|
|
145
120
|
],
|
|
146
121
|
};
|
|
147
|
-
return (
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
{children}
|
|
162
|
-
</react_native_1.View>
|
|
163
|
-
</react_native_1.Animated.View>);
|
|
122
|
+
return (React.createElement(Animated.View, { style: containerStyle, ...panResponder.panHandlers },
|
|
123
|
+
React.createElement(View, { onLayout: (event) => {
|
|
124
|
+
const layout = event.nativeEvent.layout;
|
|
125
|
+
setRectangle((prev) => {
|
|
126
|
+
if (prev &&
|
|
127
|
+
prev.width === layout.width &&
|
|
128
|
+
prev.height === layout.height &&
|
|
129
|
+
prev.x === layout.x &&
|
|
130
|
+
prev.y === layout.y) {
|
|
131
|
+
return prev;
|
|
132
|
+
}
|
|
133
|
+
return layout;
|
|
134
|
+
});
|
|
135
|
+
}, style: floatingChildViewContainerStyle }, children)));
|
|
164
136
|
};
|
|
165
|
-
const styles =
|
|
137
|
+
const styles = StyleSheet.create({
|
|
166
138
|
animContainer: {
|
|
167
139
|
position: 'absolute',
|
|
168
140
|
top: 0,
|
|
169
141
|
left: 0,
|
|
170
142
|
},
|
|
171
143
|
});
|
|
172
|
-
|
|
144
|
+
export default AnimatedFloatingView;
|
|
173
145
|
//# sourceMappingURL=AnimatedFloatingView.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimatedFloatingView.js","sourceRoot":"","sources":["../../../../../../src/components/Participant/FloatingParticipantView/FloatingView/AnimatedFloatingView.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AnimatedFloatingView.js","sourceRoot":"","sources":["../../../../../../src/components/Participant/FloatingParticipantView/FloatingView/AnimatedFloatingView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EACL,QAAQ,EAER,YAAY,EACZ,MAAM,EACN,IAAI,EACJ,UAAU,GACX,MAAM,cAAc,CAAC;AACtB,OAAO,EAEL,iBAAiB,EACjB,qBAAqB,EACrB,uBAAuB,EACvB,+BAA+B,GAChC,MAAM,UAAU,CAAC;AAElB,MAAM,oBAAoB,GAAG,CAAC,EAC5B,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,QAAQ,GACU,EAAE,EAAE;IACtB,kEAAkE;IAClE,kCAAkC;IAClC,wFAAwF;IACxF,+FAA+F;IAC/F,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;IACpD,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAE9C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAmB,CAAC;IAEpE,wEAAwE;IACxE,uFAAuF;IACvF,sGAAsG;IACtG,MAAM,CAAC,CAAC,EAAE,WAAW,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;IAErD,4DAA4D;IAC5D,gFAAgF;IAChF,MAAM,iBAAiB,GAAG,MAAM,CAAuC;QACrE,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;QAC/C,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;QAChD,CAAC,qBAAqB,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;QAClD,CAAC,qBAAqB,CAAC,WAAW,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;KACpD,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,EAAE;YACd,OAAO;SACR;QACD,MAAM,cAAc,GAAG,iBAAiB,CAAC;YACvC,uBAAuB,EAAE;gBACvB,KAAK,EAAE,cAAc;gBACrB,MAAM,EAAE,eAAe;aACxB;YACD,sBAAsB,EAAE;gBACtB,KAAK,EAAE,SAAS,CAAC,KAAK;gBACtB,MAAM,EAAE,SAAS,CAAC,MAAM;aACzB;SACF,CAAC,CAAC;QACH,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;QAClD,iBAAiB,CAAC,OAAO,GAAG,cAAc,CAAC;QAC3C,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACzC,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QAC9C,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QAC5B,WAAW,EAAE,CAAC;QACd,wEAAwE;IAC1E,CAAC,EAAE,CAAC,gBAAgB,EAAE,SAAS,EAAE,cAAc,EAAE,eAAe,CAAC,CAAC,CAAC;IAEnE,MAAM,YAAY,GAAG,MAAM,CACzB,YAAY,CAAC,MAAM,CAAC;QAClB,4BAA4B,EAAE,GAAG,EAAE,CAAC,IAAI;QACxC,2BAA2B,EAAE,GAAG,EAAE,CAAC,IAAI;QACvC,yFAAyF;QACzF,gCAAgC;QAChC,uDAAuD;QACvD,kBAAkB,EAAE,QAAQ,CAAC,KAAK,CAChC;YACE,IAAI;YACJ;gBACE,6EAA6E;gBAC7E,EAAE,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;gBAC1B,EAAE,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;aAC3B;SACF,EACD;YACE,eAAe,EAAE,KAAK,EAAE,wDAAwD;SACjF,CACF;QACD,mBAAmB,EAAE,GAAG,EAAE;YACxB,wFAAwF;YACxF,YAAY,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;QACvC,CAAC;QACD,qBAAqB,EAAE,GAAG,EAAE;YAC1B,2GAA2G;YAC3G,YAAY,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC;YACrC,+FAA+F;YAC/F,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,CAAC,UAAU,EAGtD,CAAC;YACF,MAAM,gBAAgB,GAAG,uBAAuB,CAAC;gBAC/C,QAAQ,EAAE,eAAe;gBACzB,cAAc,EAAE,iBAAiB,CAAC,OAAO;aAC1C,CAAC,CAAC;YACH,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,OAAO,EAAE;gBACpC,OAAO,EAAE,gBAAgB;gBACzB,QAAQ,EAAE,GAAG;gBACb,eAAe,EAAE,IAAI;gBACrB,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC;aAClC,CAAC,CAAC,KAAK,EAAE,CAAC;QACb,CAAC;KACF,CAAC,CACH,CAAC,OAAO,CAAC;IAEV,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,IAAI,CACV,uKAAuK,CACxK,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG;QACrB,GAAG,MAAM,CAAC,aAAa;QACvB,MAAM,EAAE,SAAS,EAAE,MAAM;QACzB,KAAK,EAAE,SAAS,EAAE,KAAK;QACvB,wEAAwE;QACxE,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,8FAA8F;QAC9F,SAAS,EAAE;YACT;gBACE,UAAU,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC;oBAC7C,UAAU,EAAE;wBACV,CAAC;wBACD,iBAAiB,CAAC,OAAO,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC,CAAC;qBAC5D;oBACD,WAAW,EAAE;wBACX,CAAC;wBACD,iBAAiB,CAAC,OAAO,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC,CAAC;qBAC5D;oBACD,WAAW,EAAE,OAAO;iBACrB,CAAC;aACH;YACD;gBACE,UAAU,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC;oBAC7C,UAAU,EAAE;wBACV,CAAC;wBACD,iBAAiB,CAAC,OAAO,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC,CAAC;qBAC/D;oBACD,WAAW,EAAE;wBACX,CAAC;wBACD,iBAAiB,CAAC,OAAO,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC,CAAC;qBAC/D;oBACD,WAAW,EAAE,OAAO;iBACrB,CAAC;aACH;SACF;KACF,CAAC;IAEF,OAAO,CACL,oBAAC,QAAQ,CAAC,IAAI,IAAC,KAAK,EAAE,cAAc,KAAM,YAAY,CAAC,WAAW;QAChE,oBAAC,IAAI,IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;gBACxC,YAAY,CAAC,CAAC,IAAI,EAAE,EAAE;oBACpB,IACE,IAAI;wBACJ,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK;wBAC3B,IAAI,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM;wBAC7B,IAAI,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC;wBACnB,IAAI,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,EACnB;wBACA,OAAO,IAAI,CAAC;qBACb;oBACD,OAAO,MAAM,CAAC;gBAChB,CAAC,CAAC,CAAC;YACL,CAAC,EACD,KAAK,EAAE,+BAA+B,IAErC,QAAQ,CACJ,CACO,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,aAAa,EAAE;QACb,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAC;AAEH,eAAe,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
import React, { useMemo, useEffect, useRef } from 'react';
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
import { FloatingViewAlignment, getSnapAlignments, getClosestSnapAlignment, floatingChildViewContainerStyle, } from './common';
|
|
4
|
+
let ReanimatedFloatingView = () => {
|
|
5
|
+
throw new Error('ReanimatedFloatingView component must not be used without the react-native-reanimated library and react-native-gesture-handler library installed');
|
|
6
|
+
};
|
|
7
|
+
try {
|
|
8
|
+
const { Gesture, GestureDetector, } = require('react-native-gesture-handler');
|
|
9
|
+
const Reanimated = require('react-native-reanimated').default;
|
|
10
|
+
const { useSharedValue, withTiming, useAnimatedStyle, withDelay, } = require('react-native-reanimated');
|
|
11
|
+
ReanimatedFloatingView = ({ initialAlignment, containerHeight, containerWidth, children, }) => {
|
|
12
|
+
// to store the starting position of the gesture
|
|
13
|
+
const startRef = useRef({
|
|
14
|
+
x: 0,
|
|
15
|
+
y: 0,
|
|
16
|
+
});
|
|
17
|
+
// to store the necessary translate x, y position
|
|
18
|
+
const translationX = useSharedValue(0);
|
|
19
|
+
const translationY = useSharedValue(0);
|
|
20
|
+
// we don't want to show the floating view until we have the layout rectangle
|
|
21
|
+
const opacity = useSharedValue(0);
|
|
22
|
+
const [rectangle, setRectangle] = React.useState();
|
|
23
|
+
const snapAlignments = useMemo(() => {
|
|
24
|
+
if (!rectangle) {
|
|
25
|
+
return {
|
|
26
|
+
[FloatingViewAlignment.topLeft]: { x: 0, y: 0 },
|
|
27
|
+
[FloatingViewAlignment.topRight]: { x: 0, y: 0 },
|
|
28
|
+
[FloatingViewAlignment.bottomLeft]: { x: 0, y: 0 },
|
|
29
|
+
[FloatingViewAlignment.bottomRight]: { x: 0, y: 0 },
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
return getSnapAlignments({
|
|
33
|
+
rootContainerDimensions: {
|
|
34
|
+
width: containerWidth,
|
|
35
|
+
height: containerHeight,
|
|
36
|
+
},
|
|
37
|
+
floatingViewDimensions: {
|
|
38
|
+
width: rectangle.width,
|
|
39
|
+
height: rectangle.height,
|
|
40
|
+
},
|
|
41
|
+
});
|
|
42
|
+
}, [rectangle, containerWidth, containerHeight]);
|
|
43
|
+
const dragGesture = useMemo(() => Gesture.Pan()
|
|
44
|
+
.onStart((_e) => {
|
|
45
|
+
// store the starting position of the gesture
|
|
46
|
+
startRef.current = {
|
|
47
|
+
x: translationX.value,
|
|
48
|
+
y: translationY.value,
|
|
49
|
+
};
|
|
50
|
+
})
|
|
51
|
+
.onUpdate((e) => {
|
|
52
|
+
// update the translation with the distance of the gesture + starting position
|
|
53
|
+
translationX.value = Math.max(0, Math.min(e.translationX + (startRef.current?.x ?? 0), snapAlignments[FloatingViewAlignment.bottomRight].x));
|
|
54
|
+
translationY.value = Math.max(0, Math.min(e.translationY + (startRef.current?.y ?? 0), snapAlignments[FloatingViewAlignment.bottomRight].y));
|
|
55
|
+
})
|
|
56
|
+
.onEnd(() => {
|
|
57
|
+
// snap to the closest alignment with a spring animation
|
|
58
|
+
const position = {
|
|
59
|
+
x: translationX.value,
|
|
60
|
+
y: translationY.value,
|
|
61
|
+
};
|
|
62
|
+
const closestAlignment = getClosestSnapAlignment({
|
|
63
|
+
position,
|
|
64
|
+
snapAlignments,
|
|
65
|
+
});
|
|
66
|
+
translationX.value = withTiming(closestAlignment.x);
|
|
67
|
+
translationY.value = withTiming(closestAlignment.y);
|
|
68
|
+
}), [snapAlignments, translationX, translationY]);
|
|
69
|
+
useEffect(() => {
|
|
70
|
+
if (!rectangle) {
|
|
71
|
+
return;
|
|
72
|
+
}
|
|
73
|
+
const alignment = snapAlignments[initialAlignment];
|
|
74
|
+
startRef.current = alignment;
|
|
75
|
+
translationX.value = alignment.x;
|
|
76
|
+
translationY.value = alignment.y;
|
|
77
|
+
// add a small delay to the opacity animation to avoid
|
|
78
|
+
// the floating view to be visible when it is being moved
|
|
79
|
+
opacity.value = withDelay(500, withTiming(1, { duration: 50 }));
|
|
80
|
+
}, [
|
|
81
|
+
rectangle,
|
|
82
|
+
snapAlignments,
|
|
83
|
+
initialAlignment,
|
|
84
|
+
opacity,
|
|
85
|
+
translationX,
|
|
86
|
+
translationY,
|
|
87
|
+
]);
|
|
88
|
+
const animatedStyle = useAnimatedStyle(() => {
|
|
89
|
+
return {
|
|
90
|
+
height: rectangle?.height,
|
|
91
|
+
width: rectangle?.width,
|
|
92
|
+
opacity: opacity.value,
|
|
93
|
+
// to keep the value in the bounds we use min and max
|
|
94
|
+
transform: [
|
|
95
|
+
{
|
|
96
|
+
translateX: translationX.value,
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
translateY: translationY.value,
|
|
100
|
+
},
|
|
101
|
+
],
|
|
102
|
+
};
|
|
103
|
+
});
|
|
104
|
+
return (
|
|
105
|
+
// gesture handler root view must absolutely fill the bounds
|
|
106
|
+
// to intercept gestures within those bounds
|
|
107
|
+
React.createElement(GestureDetector, { gesture: dragGesture },
|
|
108
|
+
React.createElement(Reanimated.View, { style: animatedStyle },
|
|
109
|
+
React.createElement(View, { onLayout: (event) => {
|
|
110
|
+
const layout = event.nativeEvent.layout;
|
|
111
|
+
setRectangle((prev) => {
|
|
112
|
+
if (prev &&
|
|
113
|
+
prev.width === layout.width &&
|
|
114
|
+
prev.height === layout.height &&
|
|
115
|
+
prev.x === layout.x &&
|
|
116
|
+
prev.y === layout.y) {
|
|
117
|
+
return prev;
|
|
118
|
+
}
|
|
119
|
+
return layout;
|
|
120
|
+
});
|
|
121
|
+
}, style: floatingChildViewContainerStyle }, children))));
|
|
122
|
+
};
|
|
123
|
+
}
|
|
124
|
+
catch (e) { }
|
|
125
|
+
export default ReanimatedFloatingView;
|
|
126
|
+
//# sourceMappingURL=ReanimatedFloatingView.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ReanimatedFloatingView.js","sourceRoot":"","sources":["../../../../../../src/components/Participant/FloatingParticipantView/FloatingView/ReanimatedFloatingView.tsx"],"names":[],"mappings":"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"}
|