@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.
Files changed (144) hide show
  1. package/CHANGELOG.md +21 -7
  2. package/package.cjs +2 -2
  3. package/package.js +2 -2
  4. package/package.json +5 -5
  5. package/src/index.cjs +5 -3
  6. package/src/index.js +3 -2
  7. package/src/lib/Main.cjs +8 -4
  8. package/src/lib/Main.js +8 -4
  9. package/src/lib/components/AnimatePresence/AnimatePresence.cjs +6 -6
  10. package/src/lib/components/AnimatePresence/AnimatePresence.js +6 -6
  11. package/src/lib/components/AnimatePresence/AnimatePresence.types.d.ts +2 -4
  12. package/src/lib/components/AnimatePresence/index.d.ts +0 -1
  13. package/src/lib/components/IconListTile/IconListTile.cjs +15 -0
  14. package/src/lib/components/IconListTile/IconListTile.d.ts +2 -0
  15. package/src/lib/components/IconListTile/IconListTile.js +11 -0
  16. package/src/lib/components/IconListTile/index.d.ts +1 -0
  17. package/src/lib/components/ListTile/ListTile.cjs +1 -1
  18. package/src/lib/components/ListTile/ListTile.js +1 -1
  19. package/src/lib/components/ListTile/index.d.ts +1 -0
  20. package/src/lib/components/ModalHeaderBanner/ModalHeaderBanner.cjs +5 -2
  21. package/src/lib/components/ModalHeaderBanner/ModalHeaderBanner.js +5 -2
  22. package/src/lib/components/OverlayCard/OverlayCard.cjs +45 -0
  23. package/src/lib/components/OverlayCard/OverlayCard.context.cjs +9 -0
  24. package/src/lib/components/OverlayCard/OverlayCard.context.d.ts +6 -0
  25. package/src/lib/components/OverlayCard/OverlayCard.context.js +5 -0
  26. package/src/lib/components/OverlayCard/OverlayCard.d.ts +8 -0
  27. package/src/lib/components/OverlayCard/OverlayCard.js +40 -0
  28. package/src/lib/components/OverlayCard/OverlayCardTarget.cjs +17 -0
  29. package/src/lib/components/OverlayCard/OverlayCardTarget.d.ts +2 -0
  30. package/src/lib/components/OverlayCard/OverlayCardTarget.js +13 -0
  31. package/src/lib/components/OverlayCard/index.d.ts +2 -0
  32. package/src/lib/components/Portal/Portal.cjs +17 -1
  33. package/src/lib/components/Portal/Portal.js +17 -1
  34. package/src/lib/components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.cjs +50 -0
  35. package/src/lib/components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.d.ts +4 -0
  36. package/src/lib/components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.js +46 -0
  37. package/src/lib/components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.types.d.ts +6 -0
  38. package/src/lib/components/Transition/VerticalDrawerTransition/index.d.ts +1 -0
  39. package/src/lib/components/Transition/index.d.ts +1 -0
  40. package/src/lib/components/Transition/transition.type.d.ts +2 -4
  41. package/src/lib/components/index.d.ts +2 -0
  42. package/src/lib/context/DynamicContext/DynamicContext.cjs +6 -7
  43. package/src/lib/context/DynamicContext/DynamicContext.js +6 -7
  44. package/src/lib/context/SocialRedirectContext/SocialRedirectContext.cjs +107 -0
  45. package/src/lib/context/SocialRedirectContext/SocialRedirectContext.d.ts +16 -0
  46. package/src/lib/context/SocialRedirectContext/SocialRedirectContext.js +101 -0
  47. package/src/lib/context/SocialRedirectContext/index.d.ts +1 -0
  48. package/src/lib/context/ViewContext/ViewContext.cjs +4 -1
  49. package/src/lib/context/ViewContext/ViewContext.d.ts +1 -1
  50. package/src/lib/context/ViewContext/ViewContext.js +4 -1
  51. package/src/lib/data/api.cjs +4 -6
  52. package/src/lib/data/api.js +5 -7
  53. package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.cjs +4 -2
  54. package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.js +4 -2
  55. package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.cjs +5 -2
  56. package/src/lib/modals/SignMessageConfirmationModal/SignMessageConfirmationModal.js +5 -2
  57. package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.cjs +5 -2
  58. package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.js +5 -2
  59. package/src/lib/shared/assets/dots-horizontal.cjs +54 -0
  60. package/src/lib/shared/assets/dots-horizontal.js +30 -0
  61. package/src/lib/shared/assets/index.d.ts +1 -0
  62. package/src/lib/styles/index.shadow.cjs +1 -1
  63. package/src/lib/styles/index.shadow.js +1 -1
  64. package/src/lib/utils/functions/getSocialIcon/getSocialIcon.cjs +22 -0
  65. package/src/lib/utils/functions/getSocialIcon/getSocialIcon.d.ts +3 -0
  66. package/src/lib/utils/functions/getSocialIcon/getSocialIcon.js +18 -0
  67. package/src/lib/utils/functions/getSocialIcon/index.d.ts +1 -0
  68. package/src/lib/utils/functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.cjs +1 -7
  69. package/src/lib/utils/functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.js +1 -7
  70. package/src/lib/utils/functions/walletListBuilder/index.d.ts +1 -19
  71. package/src/lib/utils/functions/walletListBuilder/{index.cjs → walletListBuilder.cjs} +4 -1
  72. package/src/lib/utils/functions/walletListBuilder/walletListBuilder.d.ts +19 -0
  73. package/src/lib/utils/functions/walletListBuilder/{index.js → walletListBuilder.js} +5 -2
  74. package/src/lib/utils/hooks/useConnectWallet/useConnectWallet.cjs +28 -34
  75. package/src/lib/utils/hooks/useConnectWallet/useConnectWallet.js +29 -35
  76. package/src/lib/utils/hooks/useConnectWithEmail/useConnectWithEmail.cjs +0 -1
  77. package/src/lib/utils/hooks/useConnectWithEmail/useConnectWithEmail.d.ts +2 -2
  78. package/src/lib/utils/hooks/useConnectWithEmail/useConnectWithEmail.js +0 -1
  79. package/src/lib/utils/hooks/useHandleUnlinkWallet/useHandleUnlinkWallet.cjs +1 -2
  80. package/src/lib/utils/hooks/useHandleUnlinkWallet/useHandleUnlinkWallet.js +1 -2
  81. package/src/lib/utils/hooks/useVerifyWallet/useVerifyWallet.cjs +2 -2
  82. package/src/lib/utils/hooks/useVerifyWallet/useVerifyWallet.js +2 -2
  83. package/src/lib/utils/hooks/useWalletConnectors/useWalletConnectors.cjs +0 -2
  84. package/src/lib/utils/hooks/useWalletConnectors/useWalletConnectors.js +0 -2
  85. package/src/lib/utils/hooks/useWalletItemActions/useWalletItemActions.cjs +9 -3
  86. package/src/lib/utils/hooks/useWalletItemActions/useWalletItemActions.js +9 -3
  87. package/src/lib/views/CollectUserDataView/CollectUserDataView.cjs +1 -1
  88. package/src/lib/views/CollectUserDataView/CollectUserDataView.js +1 -1
  89. package/src/lib/views/CollectUserDataViewLoginWithEmail/CollectUserDataViewLoginWithEmail.cjs +1 -1
  90. package/src/lib/views/CollectUserDataViewLoginWithEmail/CollectUserDataViewLoginWithEmail.js +1 -1
  91. package/src/lib/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.cjs +1 -2
  92. package/src/lib/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.js +1 -2
  93. package/src/lib/views/EmailVerification/EmailVerification.cjs +1 -1
  94. package/src/lib/views/EmailVerification/EmailVerification.js +1 -1
  95. package/src/lib/views/EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.cjs +1 -1
  96. package/src/lib/views/EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.js +1 -1
  97. package/src/lib/views/LoginWithEmailView/LoginWithEmailView.cjs +2 -2
  98. package/src/lib/views/LoginWithEmailView/LoginWithEmailView.js +1 -1
  99. package/src/lib/views/LoginWithEmailView/components/LoginWithEmailForm/LoginWithEmailForm.cjs +8 -1
  100. package/src/lib/views/LoginWithEmailView/components/LoginWithEmailForm/LoginWithEmailForm.js +9 -2
  101. package/src/lib/views/LoginWithEmailView/components/SocialSignIn/SocialSignIn.cjs +61 -0
  102. package/src/lib/views/LoginWithEmailView/components/SocialSignIn/SocialSignIn.d.ts +2 -0
  103. package/src/lib/views/LoginWithEmailView/components/SocialSignIn/SocialSignIn.js +57 -0
  104. package/src/lib/views/LoginWithEmailView/components/SocialSignIn/index.d.ts +1 -0
  105. package/src/lib/views/NetworkNotSupported/NetworkNotSupported.cjs +1 -1
  106. package/src/lib/views/NetworkNotSupported/NetworkNotSupported.js +1 -1
  107. package/src/lib/views/QrCodeView/QrCodeContainer/QrCodeContainer.cjs +3 -3
  108. package/src/lib/views/QrCodeView/QrCodeContainer/QrCodeContainer.js +3 -3
  109. package/src/lib/views/SocialRedirectView/SocialRedirectView.cjs +51 -0
  110. package/src/lib/views/SocialRedirectView/SocialRedirectView.d.ts +2 -0
  111. package/src/lib/views/SocialRedirectView/SocialRedirectView.js +47 -0
  112. package/src/lib/views/SocialRedirectView/index.d.ts +1 -0
  113. package/src/lib/views/WalletList/WalletList.cjs +2 -2
  114. package/src/lib/views/WalletList/WalletList.js +1 -1
  115. package/src/lib/views/WalletNoAccess/WalletNoAccess.cjs +1 -2
  116. package/src/lib/views/WalletNoAccess/WalletNoAccess.js +1 -2
  117. package/src/lib/views/WalletSignSpinnerView/WalletSignSpinnerView.cjs +1 -2
  118. package/src/lib/views/WalletSignSpinnerView/WalletSignSpinnerView.js +1 -2
  119. package/src/lib/views/WalletUsedView/WalletUsedView.cjs +1 -1
  120. package/src/lib/views/WalletUsedView/WalletUsedView.js +1 -1
  121. package/src/lib/views/viewToComponentMap.cjs +2 -0
  122. package/src/lib/views/viewToComponentMap.js +2 -0
  123. package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.cjs +2 -2
  124. package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.js +2 -2
  125. package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetDropdown/DynamicWidgetDropdown.cjs +20 -0
  126. package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetDropdown/DynamicWidgetDropdown.js +20 -0
  127. package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetModal/DynamicWidgetModal.cjs +3 -0
  128. package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetModal/DynamicWidgetModal.js +3 -0
  129. package/src/lib/widgets/DynamicWidget/components/EmailConnectorPendingSignModalContent/EmailConnectorPendingSignModalContent.types.d.ts +2 -2
  130. package/src/lib/widgets/DynamicWidget/components/EmailOTPConnectorPendingSignModalContent/EmailOTPConnectorPendingSignModalContent.d.ts +2 -2
  131. package/src/lib/widgets/DynamicWidget/components/Wallet/Wallet.cjs +1 -2
  132. package/src/lib/widgets/DynamicWidget/components/Wallet/Wallet.js +1 -2
  133. package/src/lib/widgets/DynamicWidget/hooks/useFetchCurrency/useFetchCurrency.cjs +3 -3
  134. package/src/lib/widgets/DynamicWidget/hooks/useFetchCurrency/useFetchCurrency.js +3 -3
  135. package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/PendingAccountSwitchModal.cjs +3 -3
  136. package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/PendingAccountSwitchModal.js +3 -3
  137. package/src/lib/widgets/DynamicWidget/prompts/QrCodeModalView/QrCodeModalView.cjs +3 -3
  138. package/src/lib/widgets/DynamicWidget/prompts/QrCodeModalView/QrCodeModalView.js +3 -3
  139. package/src/lib/components/AnimatePresence/animations/VerticalDrawerAnimation/VerticalDrawerAnimation.cjs +0 -57
  140. package/src/lib/components/AnimatePresence/animations/VerticalDrawerAnimation/VerticalDrawerAnimation.d.ts +0 -4
  141. package/src/lib/components/AnimatePresence/animations/VerticalDrawerAnimation/VerticalDrawerAnimation.js +0 -51
  142. package/src/lib/components/AnimatePresence/animations/VerticalDrawerAnimation/VerticalDrawerAnimation.types.d.ts +0 -8
  143. package/src/lib/components/AnimatePresence/animations/VerticalDrawerAnimation/index.d.ts +0 -1
  144. 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((_c = (_b = result === null || result === void 0 ? void 0 : result.nativeCurrency) === null || _b === void 0 ? void 0 : _b.symbol) !== null && _c !== void 0 ? _c : chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol);
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, _b;
40
+ var _a;
41
41
  if ((selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.connectedChain) !== 'FLOW')
42
42
  return;
43
- yield ((_a = selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.endSession) === null || _a === void 0 ? void 0 : _a.call(selectedWalletConnector));
44
- (_b = selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.connect) === null || _b === void 0 ? void 0 : _b.call(selectedWalletConnector);
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]);
@@ -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, _b;
36
+ var _a;
37
37
  if ((selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.connectedChain) !== 'FLOW')
38
38
  return;
39
- yield ((_a = selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.endSession) === null || _a === void 0 ? void 0 : _a.call(selectedWalletConnector));
40
- (_b = selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.connect) === null || _b === void 0 ? void 0 : _b.call(selectedWalletConnector);
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,4 +0,0 @@
1
- import { VerticalDrawerAnimationComponent } from './VerticalDrawerAnimation.types';
2
- export declare const IN_DURATION = 150;
3
- export declare const OUT_DURATION = 150;
4
- export declare const VerticalDrawerAnimation: VerticalDrawerAnimationComponent;
@@ -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';