@dynamic-labs/sdk-react-core 0.16.4 → 0.17.0-RC.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +21 -7
- package/package.cjs +2 -2
- package/package.js +2 -2
- package/package.json +5 -5
- package/src/index.cjs +5 -3
- package/src/index.js +3 -2
- package/src/lib/Main.cjs +8 -4
- package/src/lib/Main.js +8 -4
- package/src/lib/components/AnimatePresence/AnimatePresence.cjs +6 -6
- package/src/lib/components/AnimatePresence/AnimatePresence.js +6 -6
- package/src/lib/components/AnimatePresence/AnimatePresence.types.d.ts +2 -4
- package/src/lib/components/AnimatePresence/index.d.ts +0 -1
- package/src/lib/components/IconListTile/IconListTile.cjs +15 -0
- package/src/lib/components/IconListTile/IconListTile.d.ts +2 -0
- package/src/lib/components/IconListTile/IconListTile.js +11 -0
- package/src/lib/components/IconListTile/index.d.ts +1 -0
- package/src/lib/components/ListTile/ListTile.cjs +1 -1
- package/src/lib/components/ListTile/ListTile.js +1 -1
- package/src/lib/components/ListTile/index.d.ts +1 -0
- package/src/lib/components/ModalHeaderBanner/ModalHeaderBanner.cjs +5 -2
- package/src/lib/components/ModalHeaderBanner/ModalHeaderBanner.js +5 -2
- package/src/lib/components/OverlayCard/OverlayCard.cjs +45 -0
- package/src/lib/components/OverlayCard/OverlayCard.context.cjs +9 -0
- package/src/lib/components/OverlayCard/OverlayCard.context.d.ts +6 -0
- package/src/lib/components/OverlayCard/OverlayCard.context.js +5 -0
- package/src/lib/components/OverlayCard/OverlayCard.d.ts +8 -0
- package/src/lib/components/OverlayCard/OverlayCard.js +40 -0
- package/src/lib/components/OverlayCard/OverlayCardTarget.cjs +17 -0
- package/src/lib/components/OverlayCard/OverlayCardTarget.d.ts +2 -0
- package/src/lib/components/OverlayCard/OverlayCardTarget.js +13 -0
- package/src/lib/components/OverlayCard/index.d.ts +2 -0
- package/src/lib/components/Portal/Portal.cjs +17 -1
- package/src/lib/components/Portal/Portal.js +17 -1
- package/src/lib/components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.cjs +50 -0
- package/src/lib/components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.d.ts +4 -0
- package/src/lib/components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.js +46 -0
- package/src/lib/components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.types.d.ts +6 -0
- package/src/lib/components/Transition/VerticalDrawerTransition/index.d.ts +1 -0
- package/src/lib/components/Transition/index.d.ts +1 -0
- package/src/lib/components/Transition/transition.type.d.ts +2 -4
- package/src/lib/components/index.d.ts +2 -0
- package/src/lib/context/DynamicContext/DynamicContext.cjs +6 -7
- package/src/lib/context/DynamicContext/DynamicContext.js +6 -7
- package/src/lib/context/SocialRedirectContext/SocialRedirectContext.cjs +107 -0
- package/src/lib/context/SocialRedirectContext/SocialRedirectContext.d.ts +16 -0
- package/src/lib/context/SocialRedirectContext/SocialRedirectContext.js +101 -0
- package/src/lib/context/SocialRedirectContext/index.d.ts +1 -0
- package/src/lib/context/ViewContext/ViewContext.cjs +4 -1
- package/src/lib/context/ViewContext/ViewContext.d.ts +1 -1
- package/src/lib/context/ViewContext/ViewContext.js +4 -1
- package/src/lib/data/api.cjs +4 -6
- package/src/lib/data/api.js +5 -7
- package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.cjs +4 -2
- package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.js +4 -2
- package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.cjs +5 -2
- package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.js +5 -2
- package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.cjs +5 -2
- package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.js +5 -2
- package/src/lib/shared/assets/dots-horizontal.cjs +54 -0
- package/src/lib/shared/assets/dots-horizontal.js +30 -0
- package/src/lib/shared/assets/index.d.ts +1 -0
- package/src/lib/styles/index.shadow.cjs +1 -1
- package/src/lib/styles/index.shadow.js +1 -1
- package/src/lib/utils/functions/getSocialIcon/getSocialIcon.cjs +22 -0
- package/src/lib/utils/functions/getSocialIcon/getSocialIcon.d.ts +3 -0
- package/src/lib/utils/functions/getSocialIcon/getSocialIcon.js +18 -0
- package/src/lib/utils/functions/getSocialIcon/index.d.ts +1 -0
- package/src/lib/utils/functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.cjs +1 -7
- package/src/lib/utils/functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.js +1 -7
- package/src/lib/utils/functions/walletListBuilder/index.d.ts +1 -19
- package/src/lib/utils/functions/walletListBuilder/{index.cjs → walletListBuilder.cjs} +4 -1
- package/src/lib/utils/functions/walletListBuilder/walletListBuilder.d.ts +19 -0
- package/src/lib/utils/functions/walletListBuilder/{index.js → walletListBuilder.js} +5 -2
- package/src/lib/utils/hooks/useConnectWallet/useConnectWallet.cjs +28 -34
- package/src/lib/utils/hooks/useConnectWallet/useConnectWallet.js +29 -35
- package/src/lib/utils/hooks/useConnectWithEmail/useConnectWithEmail.cjs +0 -1
- package/src/lib/utils/hooks/useConnectWithEmail/useConnectWithEmail.d.ts +2 -2
- package/src/lib/utils/hooks/useConnectWithEmail/useConnectWithEmail.js +0 -1
- package/src/lib/utils/hooks/useHandleUnlinkWallet/useHandleUnlinkWallet.cjs +1 -2
- package/src/lib/utils/hooks/useHandleUnlinkWallet/useHandleUnlinkWallet.js +1 -2
- package/src/lib/utils/hooks/useVerifyWallet/useVerifyWallet.cjs +2 -2
- package/src/lib/utils/hooks/useVerifyWallet/useVerifyWallet.js +2 -2
- package/src/lib/utils/hooks/useWalletConnectors/useWalletConnectors.cjs +0 -2
- package/src/lib/utils/hooks/useWalletConnectors/useWalletConnectors.js +0 -2
- package/src/lib/utils/hooks/useWalletItemActions/useWalletItemActions.cjs +9 -3
- package/src/lib/utils/hooks/useWalletItemActions/useWalletItemActions.js +9 -3
- package/src/lib/views/CollectUserDataView/CollectUserDataView.cjs +1 -1
- package/src/lib/views/CollectUserDataView/CollectUserDataView.js +1 -1
- package/src/lib/views/CollectUserDataViewLoginWithEmail/CollectUserDataViewLoginWithEmail.cjs +1 -1
- package/src/lib/views/CollectUserDataViewLoginWithEmail/CollectUserDataViewLoginWithEmail.js +1 -1
- package/src/lib/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.cjs +1 -2
- package/src/lib/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.js +1 -2
- package/src/lib/views/EmailVerification/EmailVerification.cjs +1 -1
- package/src/lib/views/EmailVerification/EmailVerification.js +1 -1
- package/src/lib/views/EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.cjs +1 -1
- package/src/lib/views/EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.js +1 -1
- package/src/lib/views/LoginWithEmailView/LoginWithEmailView.cjs +2 -2
- package/src/lib/views/LoginWithEmailView/LoginWithEmailView.js +1 -1
- package/src/lib/views/LoginWithEmailView/components/LoginWithEmailForm/LoginWithEmailForm.cjs +8 -1
- package/src/lib/views/LoginWithEmailView/components/LoginWithEmailForm/LoginWithEmailForm.js +9 -2
- package/src/lib/views/LoginWithEmailView/components/SocialSignIn/SocialSignIn.cjs +61 -0
- package/src/lib/views/LoginWithEmailView/components/SocialSignIn/SocialSignIn.d.ts +2 -0
- package/src/lib/views/LoginWithEmailView/components/SocialSignIn/SocialSignIn.js +57 -0
- package/src/lib/views/LoginWithEmailView/components/SocialSignIn/index.d.ts +1 -0
- package/src/lib/views/NetworkNotSupported/NetworkNotSupported.cjs +1 -1
- package/src/lib/views/NetworkNotSupported/NetworkNotSupported.js +1 -1
- package/src/lib/views/QrCodeView/QrCodeContainer/QrCodeContainer.cjs +3 -3
- package/src/lib/views/QrCodeView/QrCodeContainer/QrCodeContainer.js +3 -3
- package/src/lib/views/SocialRedirectView/SocialRedirectView.cjs +51 -0
- package/src/lib/views/SocialRedirectView/SocialRedirectView.d.ts +2 -0
- package/src/lib/views/SocialRedirectView/SocialRedirectView.js +47 -0
- package/src/lib/views/SocialRedirectView/index.d.ts +1 -0
- package/src/lib/views/WalletList/WalletList.cjs +2 -2
- package/src/lib/views/WalletList/WalletList.js +1 -1
- package/src/lib/views/WalletNoAccess/WalletNoAccess.cjs +1 -2
- package/src/lib/views/WalletNoAccess/WalletNoAccess.js +1 -2
- package/src/lib/views/WalletSignSpinnerView/WalletSignSpinnerView.cjs +1 -2
- package/src/lib/views/WalletSignSpinnerView/WalletSignSpinnerView.js +1 -2
- package/src/lib/views/WalletUsedView/WalletUsedView.cjs +1 -1
- package/src/lib/views/WalletUsedView/WalletUsedView.js +1 -1
- package/src/lib/views/viewToComponentMap.cjs +2 -0
- package/src/lib/views/viewToComponentMap.js +2 -0
- package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.cjs +2 -2
- package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.js +2 -2
- package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetDropdown/DynamicWidgetDropdown.cjs +20 -0
- package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetDropdown/DynamicWidgetDropdown.js +20 -0
- package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetModal/DynamicWidgetModal.cjs +3 -0
- package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetModal/DynamicWidgetModal.js +3 -0
- package/src/lib/widgets/DynamicWidget/components/EmailConnectorPendingSignModalContent/EmailConnectorPendingSignModalContent.types.d.ts +2 -2
- package/src/lib/widgets/DynamicWidget/components/EmailOTPConnectorPendingSignModalContent/EmailOTPConnectorPendingSignModalContent.d.ts +2 -2
- package/src/lib/widgets/DynamicWidget/components/Wallet/Wallet.cjs +1 -2
- package/src/lib/widgets/DynamicWidget/components/Wallet/Wallet.js +1 -2
- package/src/lib/widgets/DynamicWidget/hooks/useFetchCurrency/useFetchCurrency.cjs +3 -3
- package/src/lib/widgets/DynamicWidget/hooks/useFetchCurrency/useFetchCurrency.js +3 -3
- package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/PendingAccountSwitchModal.cjs +3 -3
- package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/PendingAccountSwitchModal.js +3 -3
- package/src/lib/widgets/DynamicWidget/prompts/QrCodeModalView/QrCodeModalView.cjs +3 -3
- package/src/lib/widgets/DynamicWidget/prompts/QrCodeModalView/QrCodeModalView.js +3 -3
- package/src/lib/components/AnimatePresence/animations/VerticalDrawerAnimation/VerticalDrawerAnimation.cjs +0 -57
- package/src/lib/components/AnimatePresence/animations/VerticalDrawerAnimation/VerticalDrawerAnimation.d.ts +0 -4
- package/src/lib/components/AnimatePresence/animations/VerticalDrawerAnimation/VerticalDrawerAnimation.js +0 -51
- package/src/lib/components/AnimatePresence/animations/VerticalDrawerAnimation/VerticalDrawerAnimation.types.d.ts +0 -8
- package/src/lib/components/AnimatePresence/animations/VerticalDrawerAnimation/index.d.ts +0 -1
- package/src/lib/components/AnimatePresence/animations/index.d.ts +0 -1
|
@@ -6,7 +6,7 @@ const useFetchCurrency = (connector, network) => {
|
|
|
6
6
|
const [currency, setCurrency] = useState('');
|
|
7
7
|
useEffect(() => {
|
|
8
8
|
const fetchChainCurrency = () => __awaiter(void 0, void 0, void 0, function* () {
|
|
9
|
-
var _a, _b, _c;
|
|
9
|
+
var _a, _b, _c, _d;
|
|
10
10
|
const chainId = yield connector.getNetwork();
|
|
11
11
|
const chainInfo = getChainInfo((_a = connector.connectedChain) !== null && _a !== void 0 ? _a : '');
|
|
12
12
|
/* istanbul ignore else */
|
|
@@ -14,8 +14,8 @@ const useFetchCurrency = (connector, network) => {
|
|
|
14
14
|
setCurrency(chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol);
|
|
15
15
|
return;
|
|
16
16
|
}
|
|
17
|
-
const result = connector.evmNetworks.find((element) => element.chainId === chainId);
|
|
18
|
-
setCurrency((
|
|
17
|
+
const result = (_b = connector.evmNetworks) === null || _b === void 0 ? void 0 : _b.find((element) => element.chainId === chainId);
|
|
18
|
+
setCurrency((_d = (_c = result === null || result === void 0 ? void 0 : result.nativeCurrency) === null || _c === void 0 ? void 0 : _c.symbol) !== null && _d !== void 0 ? _d : chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol);
|
|
19
19
|
return [currency];
|
|
20
20
|
});
|
|
21
21
|
fetchChainCurrency();
|
|
@@ -37,11 +37,11 @@ const PendingAccountSwitchModal = () => {
|
|
|
37
37
|
const { selectedWalletConnector } = useInternalDynamicContext.useInternalDynamicContext();
|
|
38
38
|
React.useEffect(() => {
|
|
39
39
|
const disconnectAndConnect = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
|
|
40
|
-
var _a
|
|
40
|
+
var _a;
|
|
41
41
|
if ((selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.connectedChain) !== 'FLOW')
|
|
42
42
|
return;
|
|
43
|
-
yield (
|
|
44
|
-
(
|
|
43
|
+
yield (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.endSession());
|
|
44
|
+
(_a = selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.connect) === null || _a === void 0 ? void 0 : _a.call(selectedWalletConnector);
|
|
45
45
|
});
|
|
46
46
|
disconnectAndConnect();
|
|
47
47
|
}, [selectedWalletConnector]);
|
package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/PendingAccountSwitchModal.js
CHANGED
|
@@ -33,11 +33,11 @@ const PendingAccountSwitchModal = () => {
|
|
|
33
33
|
const { selectedWalletConnector } = useInternalDynamicContext();
|
|
34
34
|
useEffect(() => {
|
|
35
35
|
const disconnectAndConnect = () => __awaiter(void 0, void 0, void 0, function* () {
|
|
36
|
-
var _a
|
|
36
|
+
var _a;
|
|
37
37
|
if ((selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.connectedChain) !== 'FLOW')
|
|
38
38
|
return;
|
|
39
|
-
yield (
|
|
40
|
-
(
|
|
39
|
+
yield (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.endSession());
|
|
40
|
+
(_a = selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.connect) === null || _a === void 0 ? void 0 : _a.call(selectedWalletConnector);
|
|
41
41
|
});
|
|
42
42
|
disconnectAndConnect();
|
|
43
43
|
}, [selectedWalletConnector]);
|
|
@@ -26,15 +26,15 @@ require('react-focus-lock');
|
|
|
26
26
|
require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
|
|
27
27
|
require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
|
|
28
28
|
require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
|
|
29
|
-
var CopyButton = require('../../../../components/CopyButton/CopyButton.cjs');
|
|
30
|
-
require('../../../../components/IconButton/IconButton.cjs');
|
|
31
|
-
var TextButton = require('../../../../components/TextButton/TextButton.cjs');
|
|
32
29
|
require('../../../../config/ApiEndpoint.cjs');
|
|
33
30
|
require('../../../../context/ErrorContext/ErrorContext.cjs');
|
|
34
31
|
require('ethers');
|
|
35
32
|
require('../../../../context/MockContext/MockContext.cjs');
|
|
36
33
|
require('../../../../context/CaptchaContext/CaptchaContext.cjs');
|
|
37
34
|
require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
|
|
35
|
+
var CopyButton = require('../../../../components/CopyButton/CopyButton.cjs');
|
|
36
|
+
require('../../../../components/IconButton/IconButton.cjs');
|
|
37
|
+
var TextButton = require('../../../../components/TextButton/TextButton.cjs');
|
|
38
38
|
|
|
39
39
|
const QrCodeModalView = ({ walletId }) => {
|
|
40
40
|
var _a;
|
|
@@ -22,15 +22,15 @@ import 'react-focus-lock';
|
|
|
22
22
|
import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
|
|
23
23
|
import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
|
|
24
24
|
import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
|
|
25
|
-
import { CopyButton } from '../../../../components/CopyButton/CopyButton.js';
|
|
26
|
-
import '../../../../components/IconButton/IconButton.js';
|
|
27
|
-
import { TextButton } from '../../../../components/TextButton/TextButton.js';
|
|
28
25
|
import '../../../../config/ApiEndpoint.js';
|
|
29
26
|
import '../../../../context/ErrorContext/ErrorContext.js';
|
|
30
27
|
import 'ethers';
|
|
31
28
|
import '../../../../context/MockContext/MockContext.js';
|
|
32
29
|
import '../../../../context/CaptchaContext/CaptchaContext.js';
|
|
33
30
|
import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
|
|
31
|
+
import { CopyButton } from '../../../../components/CopyButton/CopyButton.js';
|
|
32
|
+
import '../../../../components/IconButton/IconButton.js';
|
|
33
|
+
import { TextButton } from '../../../../components/TextButton/TextButton.js';
|
|
34
34
|
|
|
35
35
|
const QrCodeModalView = ({ walletId }) => {
|
|
36
36
|
var _a;
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
var React = require('react');
|
|
7
|
-
require('@dynamic-labs/multi-wallet');
|
|
8
|
-
require('@dynamic-labs/sdk-api');
|
|
9
|
-
require('../../../../config/ApiEndpoint.cjs');
|
|
10
|
-
require('../../../../shared/logger.cjs');
|
|
11
|
-
require('@dynamic-labs/iconic');
|
|
12
|
-
require('../../../../context/ViewContext/ViewContext.cjs');
|
|
13
|
-
require('../../../../utils/constants/colors.cjs');
|
|
14
|
-
require('../../../../shared/consts/index.cjs');
|
|
15
|
-
require('../../../../context/DynamicContext/DynamicContext.cjs');
|
|
16
|
-
require('../../../../context/ErrorContext/ErrorContext.cjs');
|
|
17
|
-
var useResizeObserver = require('../../../../utils/hooks/useResizeObserver/useResizeObserver.cjs');
|
|
18
|
-
var useTransition = require('../../../../utils/hooks/useTransition/useTransition.cjs');
|
|
19
|
-
require('react-dom');
|
|
20
|
-
require('../../../ShadowDOM/ShadowDOM.cjs');
|
|
21
|
-
require('../../../../context/ThemeContext/ThemeContext.cjs');
|
|
22
|
-
require('react-focus-lock');
|
|
23
|
-
require('../../../Transition/ZoomTransition/ZoomTransition.cjs');
|
|
24
|
-
require('../../../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
|
|
25
|
-
require('../../../Transition/OpacityTransition/OpacityTransition.cjs');
|
|
26
|
-
require('../../../IconButton/IconButton.cjs');
|
|
27
|
-
require('ethers');
|
|
28
|
-
require('../../../../context/MockContext/MockContext.cjs');
|
|
29
|
-
require('../../../../context/CaptchaContext/CaptchaContext.cjs');
|
|
30
|
-
require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
|
|
31
|
-
|
|
32
|
-
const IN_DURATION = 150;
|
|
33
|
-
const OUT_DURATION = 150;
|
|
34
|
-
const VerticalDrawerAnimation = ({ isPresent, onAnimationEnd, children, inDuration = IN_DURATION, outDuration = OUT_DURATION, style, }) => {
|
|
35
|
-
const containerRef = React.useRef(null);
|
|
36
|
-
const childRef = React.useRef(null);
|
|
37
|
-
const [childEntry] = useResizeObserver.useResizeObserver(childRef);
|
|
38
|
-
const containerChildHeight = React.useMemo(() => childEntry === null || childEntry === void 0 ? void 0 : childEntry.height, [childEntry]);
|
|
39
|
-
const { mount, stage, currentDuration } = useTransition.useTransition({
|
|
40
|
-
animateOnMount: false,
|
|
41
|
-
inDuration,
|
|
42
|
-
isShown: isPresent,
|
|
43
|
-
onUnmount: onAnimationEnd,
|
|
44
|
-
outDuration,
|
|
45
|
-
});
|
|
46
|
-
const maxHeight = React.useMemo(() => {
|
|
47
|
-
if (!mount || stage === 'EXITING' || stage === 'UNMOUNT') {
|
|
48
|
-
return 0;
|
|
49
|
-
}
|
|
50
|
-
return containerChildHeight;
|
|
51
|
-
}, [stage, containerChildHeight, mount]);
|
|
52
|
-
return (jsxRuntime.jsx("div", Object.assign({ ref: containerRef, className: 'vertical-drawer-animation', style: Object.assign(Object.assign({}, style), { maxHeight, transitionDuration: `${currentDuration}ms` }) }, { children: jsxRuntime.jsx("div", Object.assign({ ref: childRef }, { children: mount && children })) })));
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
exports.IN_DURATION = IN_DURATION;
|
|
56
|
-
exports.OUT_DURATION = OUT_DURATION;
|
|
57
|
-
exports.VerticalDrawerAnimation = VerticalDrawerAnimation;
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { useRef, useMemo } from 'react';
|
|
3
|
-
import '@dynamic-labs/multi-wallet';
|
|
4
|
-
import '@dynamic-labs/sdk-api';
|
|
5
|
-
import '../../../../config/ApiEndpoint.js';
|
|
6
|
-
import '../../../../shared/logger.js';
|
|
7
|
-
import '@dynamic-labs/iconic';
|
|
8
|
-
import '../../../../context/ViewContext/ViewContext.js';
|
|
9
|
-
import '../../../../utils/constants/colors.js';
|
|
10
|
-
import '../../../../shared/consts/index.js';
|
|
11
|
-
import '../../../../context/DynamicContext/DynamicContext.js';
|
|
12
|
-
import '../../../../context/ErrorContext/ErrorContext.js';
|
|
13
|
-
import { useResizeObserver } from '../../../../utils/hooks/useResizeObserver/useResizeObserver.js';
|
|
14
|
-
import { useTransition } from '../../../../utils/hooks/useTransition/useTransition.js';
|
|
15
|
-
import 'react-dom';
|
|
16
|
-
import '../../../ShadowDOM/ShadowDOM.js';
|
|
17
|
-
import '../../../../context/ThemeContext/ThemeContext.js';
|
|
18
|
-
import 'react-focus-lock';
|
|
19
|
-
import '../../../Transition/ZoomTransition/ZoomTransition.js';
|
|
20
|
-
import '../../../Transition/SlideInUpTransition/SlideInUpTransition.js';
|
|
21
|
-
import '../../../Transition/OpacityTransition/OpacityTransition.js';
|
|
22
|
-
import '../../../IconButton/IconButton.js';
|
|
23
|
-
import 'ethers';
|
|
24
|
-
import '../../../../context/MockContext/MockContext.js';
|
|
25
|
-
import '../../../../context/CaptchaContext/CaptchaContext.js';
|
|
26
|
-
import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
|
|
27
|
-
|
|
28
|
-
const IN_DURATION = 150;
|
|
29
|
-
const OUT_DURATION = 150;
|
|
30
|
-
const VerticalDrawerAnimation = ({ isPresent, onAnimationEnd, children, inDuration = IN_DURATION, outDuration = OUT_DURATION, style, }) => {
|
|
31
|
-
const containerRef = useRef(null);
|
|
32
|
-
const childRef = useRef(null);
|
|
33
|
-
const [childEntry] = useResizeObserver(childRef);
|
|
34
|
-
const containerChildHeight = useMemo(() => childEntry === null || childEntry === void 0 ? void 0 : childEntry.height, [childEntry]);
|
|
35
|
-
const { mount, stage, currentDuration } = useTransition({
|
|
36
|
-
animateOnMount: false,
|
|
37
|
-
inDuration,
|
|
38
|
-
isShown: isPresent,
|
|
39
|
-
onUnmount: onAnimationEnd,
|
|
40
|
-
outDuration,
|
|
41
|
-
});
|
|
42
|
-
const maxHeight = useMemo(() => {
|
|
43
|
-
if (!mount || stage === 'EXITING' || stage === 'UNMOUNT') {
|
|
44
|
-
return 0;
|
|
45
|
-
}
|
|
46
|
-
return containerChildHeight;
|
|
47
|
-
}, [stage, containerChildHeight, mount]);
|
|
48
|
-
return (jsx("div", Object.assign({ ref: containerRef, className: 'vertical-drawer-animation', style: Object.assign(Object.assign({}, style), { maxHeight, transitionDuration: `${currentDuration}ms` }) }, { children: jsx("div", Object.assign({ ref: childRef }, { children: mount && children })) })));
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
export { IN_DURATION, OUT_DURATION, VerticalDrawerAnimation };
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { CSSProperties } from 'react';
|
|
2
|
-
import { AnimationComponent } from '../../AnimatePresence.types';
|
|
3
|
-
export type VerticalDrawerAnimationProps = {
|
|
4
|
-
inDuration?: number;
|
|
5
|
-
outDuration?: number;
|
|
6
|
-
style?: CSSProperties;
|
|
7
|
-
};
|
|
8
|
-
export type VerticalDrawerAnimationComponent = AnimationComponent<VerticalDrawerAnimationProps>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { VerticalDrawerAnimation } from './VerticalDrawerAnimation';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './VerticalDrawerAnimation';
|