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