@dynamic-labs/sdk-react-core 3.0.0-alpha.15 → 3.0.0-alpha.17

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 (56) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/package.cjs +1 -1
  3. package/package.js +1 -1
  4. package/package.json +10 -10
  5. package/src/index.cjs +2 -0
  6. package/src/index.d.ts +1 -1
  7. package/src/index.js +1 -0
  8. package/src/lib/Main.cjs +1 -1
  9. package/src/lib/Main.js +1 -1
  10. package/src/lib/components/AuthProviderIcon/AuthProviderIcon.cjs +2 -4
  11. package/src/lib/components/AuthProviderIcon/AuthProviderIcon.js +2 -4
  12. package/src/lib/context/DynamicContext/DynamicContext.cjs +1 -1
  13. package/src/lib/context/DynamicContext/DynamicContext.js +1 -1
  14. package/src/lib/modals/CreatePasswordModal/CreatePasswordModal.cjs +1 -1
  15. package/src/lib/modals/CreatePasswordModal/CreatePasswordModal.js +1 -1
  16. package/src/lib/modals/EnterPasswordModal/EnterPasswordModal.cjs +1 -1
  17. package/src/lib/modals/EnterPasswordModal/EnterPasswordModal.js +1 -1
  18. package/src/lib/modals/SyncWalletPromptModal/SyncWalletPromptModal.cjs +1 -1
  19. package/src/lib/modals/SyncWalletPromptModal/SyncWalletPromptModal.js +1 -1
  20. package/src/lib/utils/functions/createOwnerWallet/createOwnerWallet.cjs +0 -1
  21. package/src/lib/utils/functions/createOwnerWallet/createOwnerWallet.js +0 -1
  22. package/src/lib/utils/hooks/index.d.ts +1 -0
  23. package/src/lib/utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.cjs +1 -2
  24. package/src/lib/utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.js +1 -2
  25. package/src/lib/utils/hooks/useConnectWallet/updateUserWalletsFromConnectedWallets/updateUserWalletsFromConnectedWallets.cjs +0 -1
  26. package/src/lib/utils/hooks/useConnectWallet/updateUserWalletsFromConnectedWallets/updateUserWalletsFromConnectedWallets.js +0 -1
  27. package/src/lib/utils/hooks/useConnectWallet/useConnectWallet.cjs +0 -1
  28. package/src/lib/utils/hooks/useConnectWallet/useConnectWallet.js +0 -1
  29. package/src/lib/utils/hooks/useCreateDynamicEmbeddedWalletMutation/useCreateDynamicEmbeddedWalletMutation.cjs +0 -1
  30. package/src/lib/utils/hooks/useCreateDynamicEmbeddedWalletMutation/useCreateDynamicEmbeddedWalletMutation.js +0 -1
  31. package/src/lib/utils/hooks/useEmbeddedWallet/useMPCEmbeddedWallet/useCoinbaseMPC/useCoinbaseMPC.cjs +0 -2
  32. package/src/lib/utils/hooks/useEmbeddedWallet/useMPCEmbeddedWallet/useCoinbaseMPC/useCoinbaseMPC.js +0 -2
  33. package/src/lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/useSecureEnclaveEmbeddedWallet.cjs +28 -17
  34. package/src/lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/useSecureEnclaveEmbeddedWallet.js +28 -17
  35. package/src/lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/useTurnkey/useTurnkey.cjs +0 -2
  36. package/src/lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/useTurnkey/useTurnkey.js +0 -2
  37. package/src/lib/utils/hooks/useSelectWalletOption/index.d.ts +1 -0
  38. package/src/lib/utils/hooks/useSelectWalletOption/useSelectWalletOption.cjs +128 -0
  39. package/src/lib/utils/hooks/useSelectWalletOption/useSelectWalletOption.d.ts +3 -0
  40. package/src/lib/utils/hooks/useSelectWalletOption/useSelectWalletOption.js +124 -0
  41. package/src/lib/utils/hooks/useWalletConnectors/useWalletConnectors.cjs +8 -13
  42. package/src/lib/utils/hooks/useWalletConnectors/useWalletConnectors.js +8 -13
  43. package/src/lib/utils/hooks/useWalletConnectors/utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.cjs +0 -1
  44. package/src/lib/utils/hooks/useWalletConnectors/utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.js +0 -1
  45. package/src/lib/utils/hooks/useWalletUiUtils/useWalletUiUtils.cjs +1 -1
  46. package/src/lib/utils/hooks/useWalletUiUtils/useWalletUiUtils.js +1 -1
  47. package/src/lib/views/EmailVerification/EmailVerification.cjs +1 -2
  48. package/src/lib/views/EmailVerification/EmailVerification.js +1 -2
  49. package/src/lib/views/Passkey/PasskeyRecovery/BundleValidation/PasskeyBundleRecovery.cjs +1 -1
  50. package/src/lib/views/Passkey/PasskeyRecovery/BundleValidation/PasskeyBundleRecovery.js +1 -1
  51. package/src/lib/views/SelectHardwareWalletView/SelectHardwareWalletView.cjs +1 -1
  52. package/src/lib/views/SelectHardwareWalletView/SelectHardwareWalletView.js +1 -1
  53. package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletAddress/ActiveWalletAddress.cjs +1 -1
  54. package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletAddress/ActiveWalletAddress.js +1 -1
  55. package/src/lib/widgets/DynamicWidget/components/WalletIconWithStatus/WalletIconWithStatus.cjs +0 -100
  56. package/src/lib/widgets/DynamicWidget/components/WalletIconWithStatus/WalletIconWithStatus.js +0 -96
@@ -64,7 +64,6 @@ import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynamic
64
64
  import 'react-focus-lock';
65
65
  import { IconWithSpinner } from '../../../../components/IconWithSpinner/IconWithSpinner.js';
66
66
  import { Icon } from '../../../../components/Icon/Icon.js';
67
- import { IconWithStatus } from '../../../../components/IconWithStatus/IconWithStatus.js';
68
67
  import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
69
68
  import { IconButton } from '../../../../components/IconButton/IconButton.js';
70
69
  import '../../../../components/MenuList/Dropdown/Dropdown.js';
@@ -72,6 +71,7 @@ import 'formik';
72
71
  import '../../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
73
72
  import { ModalHeader } from '../../../../components/ModalHeader/ModalHeader.js';
74
73
  import { Input } from '../../../../components/Input/Input.js';
74
+ import { IconWithStatus } from '../../../../components/IconWithStatus/IconWithStatus.js';
75
75
  import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
76
76
  import '../../../../context/PasskeyContext/PasskeyContext.js';
77
77
  import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
@@ -60,8 +60,8 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
60
60
  require('react-focus-lock');
61
61
  var HardwareWalletToggle = require('../../components/HardwareWalletToggle/HardwareWalletToggle.cjs');
62
62
  var Divider = require('../../components/Divider/Divider.cjs');
63
- var Icon = require('../../components/Icon/Icon.cjs');
64
63
  require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
64
+ var Icon = require('../../components/Icon/Icon.cjs');
65
65
  require('../../components/IconButton/IconButton.cjs');
66
66
  require('../../components/MenuList/Dropdown/Dropdown.cjs');
67
67
  require('formik');
@@ -56,8 +56,8 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
56
56
  import 'react-focus-lock';
57
57
  import { HardwareWalletToggle } from '../../components/HardwareWalletToggle/HardwareWalletToggle.js';
58
58
  import { Divider } from '../../components/Divider/Divider.js';
59
- import { Icon } from '../../components/Icon/Icon.js';
60
59
  import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
60
+ import { Icon } from '../../components/Icon/Icon.js';
61
61
  import '../../components/IconButton/IconButton.js';
62
62
  import '../../components/MenuList/Dropdown/Dropdown.js';
63
63
  import 'formik';
@@ -61,13 +61,13 @@ require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
61
61
  require('../../../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
62
62
  require('../../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
63
63
  require('react-focus-lock');
64
- var IconWithStatus = require('../../../../../components/IconWithStatus/IconWithStatus.cjs');
65
64
  require('../../../context/DynamicWidgetContext.cjs');
66
65
  var DotsMenu = require('../../DotsMenu/DotsMenu.cjs');
67
66
  require('formik');
68
67
  require('../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
69
68
  require('../../../../../components/IconButton/IconButton.cjs');
70
69
  require('../../../../../components/Input/Input.cjs');
70
+ var IconWithStatus = require('../../../../../components/IconWithStatus/IconWithStatus.cjs');
71
71
  require('../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
72
72
  var PasskeyContext = require('../../../../../context/PasskeyContext/PasskeyContext.cjs');
73
73
  require('../../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
@@ -57,13 +57,13 @@ import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
57
57
  import '../../../../../context/MfaSettingsContext/MfaSettingsContext.js';
58
58
  import '../../DynamicWidgetHeader/DynamicWidgetHeader.js';
59
59
  import 'react-focus-lock';
60
- import { IconWithStatus } from '../../../../../components/IconWithStatus/IconWithStatus.js';
61
60
  import '../../../context/DynamicWidgetContext.js';
62
61
  import { DotsMenu } from '../../DotsMenu/DotsMenu.js';
63
62
  import 'formik';
64
63
  import '../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
65
64
  import '../../../../../components/IconButton/IconButton.js';
66
65
  import '../../../../../components/Input/Input.js';
66
+ import { IconWithStatus } from '../../../../../components/IconWithStatus/IconWithStatus.js';
67
67
  import '../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
68
68
  import { usePasskeyContext } from '../../../../../context/PasskeyContext/PasskeyContext.js';
69
69
  import '../../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
@@ -1,100 +0,0 @@
1
- 'use client'
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var jsxRuntime = require('react/jsx-runtime');
7
- var walletBook = require('@dynamic-labs/wallet-book');
8
- var StatusDot = require('../../../../components/StatusDot/StatusDot.cjs');
9
- require('@dynamic-labs/wallet-connector-core');
10
- require('@dynamic-labs/sdk-api-core');
11
- require('../../../../utils/constants/values.cjs');
12
- require('@dynamic-labs/utils');
13
- require('../../../../../../_virtual/_tslib.cjs');
14
- require('@dynamic-labs/multi-wallet');
15
- require('../../../../shared/logger.cjs');
16
- require('@dynamic-labs/iconic');
17
- require('../../../../context/ViewContext/ViewContext.cjs');
18
- require('react');
19
- require('../../../../utils/constants/colors.cjs');
20
- require('../../../../shared/utils/classes/storage/localStorage.cjs');
21
- require('../../../../shared/utils/classes/storage/sessionStorage.cjs');
22
- require('../../../../shared/consts/index.cjs');
23
- require('react-international-phone');
24
- require('../../../../config/ApiEndpoint.cjs');
25
- require('@dynamic-labs/store');
26
- require('../../../../locale/locale.cjs');
27
- var pixelToRem = require('../../../../utils/functions/pixelToRem/pixelToRem.cjs');
28
- require('../../../../events/dynamicEvents.cjs');
29
- require('../../../../context/DynamicContext/DynamicContext.cjs');
30
- require('../../../../context/CaptchaContext/CaptchaContext.cjs');
31
- require('../../../../context/ErrorContext/ErrorContext.cjs');
32
- require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
33
- require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
34
- require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
35
- require('../../../../context/VerificationContext/VerificationContext.cjs');
36
- require('react-dom');
37
- require('../../../../context/WalletContext/WalletContext.cjs');
38
- require('../../../../context/ThemeContext/ThemeContext.cjs');
39
- require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
40
- require('@dynamic-labs/types');
41
- require('../../../../context/LoadingContext/LoadingContext.cjs');
42
- require('yup');
43
- require('../../../../context/MockContext/MockContext.cjs');
44
- require('../../../../views/CollectUserDataView/useFields.cjs');
45
- require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
46
- require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
47
- require('@dynamic-labs/rpc-providers');
48
- require('react-i18next');
49
- var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
50
- require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
51
- require('../../../../components/Alert/Alert.cjs');
52
- require('../../../../components/ShadowDOM/ShadowDOM.cjs');
53
- require('../../../../components/IconButton/IconButton.cjs');
54
- require('../../../../components/InlineWidget/InlineWidget.cjs');
55
- require('../../../../components/Input/Input.cjs');
56
- require('../../../../components/IsBrowser/IsBrowser.cjs');
57
- require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
58
- require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
59
- require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
60
- require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
61
- require('../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
62
- require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
63
- require('../../../../components/Popper/Popper/Popper.cjs');
64
- require('../../../../components/Popper/PopperContext/PopperContext.cjs');
65
- require('react-focus-lock');
66
- require('qrcode');
67
- require('formik');
68
- require('../../../../views/WalletList/WalletList.cjs');
69
- require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
70
- require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
71
- require('@hcaptcha/react-hcaptcha');
72
- require('../../../../context/FooterAnimationContext/index.cjs');
73
- require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
74
- require('../../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
75
- require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
76
- require('../../../../context/PasskeyContext/PasskeyContext.cjs');
77
- require('../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
78
- require('../../context/DynamicWidgetContext.cjs');
79
- require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
80
- require('../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
81
- require('../../../../../polyfills.cjs');
82
- require('../../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
83
- require('../../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
84
- require('../../../DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
85
- require('../DynamicWidgetCard/DynamicWidgetCard.cjs');
86
- require('../../../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
87
- require('../../../../context/FundingContext/FundingContext.cjs');
88
- require('../../../../context/SendBalanceContext/SendBalanceContext.cjs');
89
- require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
90
- require('../../../../context/ConnectWithOtpContext/constants.cjs');
91
- require('../../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
92
-
93
- const WalletIconWithStatus = ({ iconSize = 24, walletKey, connected, variant = 'primary', }) => (jsxRuntime.jsxs("div", { className: 'wallet-icon-with-status__container', children: [jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: walletKey, style: {
94
- height: pixelToRem.pixelToRem(iconSize),
95
- width: pixelToRem.pixelToRem(iconSize),
96
- } }, walletKey), jsxRuntime.jsx("div", { "data-testid": 'status-dot-container', className: classNames.classNames('wallet-icon-with-status__dot-container', variant === 'secondary'
97
- ? 'wallet-icon-with-status__dot-container--secondary'
98
- : ''), children: jsxRuntime.jsx(StatusDot.StatusDot, { variant: connected ? 'green' : 'red' }) })] }));
99
-
100
- exports.WalletIconWithStatus = WalletIconWithStatus;
@@ -1,96 +0,0 @@
1
- 'use client'
2
- import { jsxs, jsx } from 'react/jsx-runtime';
3
- import { WalletIcon } from '@dynamic-labs/wallet-book';
4
- import { StatusDot } from '../../../../components/StatusDot/StatusDot.js';
5
- import '@dynamic-labs/wallet-connector-core';
6
- import '@dynamic-labs/sdk-api-core';
7
- import '../../../../utils/constants/values.js';
8
- import '@dynamic-labs/utils';
9
- import '../../../../../../_virtual/_tslib.js';
10
- import '@dynamic-labs/multi-wallet';
11
- import '../../../../shared/logger.js';
12
- import '@dynamic-labs/iconic';
13
- import '../../../../context/ViewContext/ViewContext.js';
14
- import 'react';
15
- import '../../../../utils/constants/colors.js';
16
- import '../../../../shared/utils/classes/storage/localStorage.js';
17
- import '../../../../shared/utils/classes/storage/sessionStorage.js';
18
- import '../../../../shared/consts/index.js';
19
- import 'react-international-phone';
20
- import '../../../../config/ApiEndpoint.js';
21
- import '@dynamic-labs/store';
22
- import '../../../../locale/locale.js';
23
- import { pixelToRem } from '../../../../utils/functions/pixelToRem/pixelToRem.js';
24
- import '../../../../events/dynamicEvents.js';
25
- import '../../../../context/DynamicContext/DynamicContext.js';
26
- import '../../../../context/CaptchaContext/CaptchaContext.js';
27
- import '../../../../context/ErrorContext/ErrorContext.js';
28
- import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
29
- import '../../../../context/AccountExistsContext/AccountExistsContext.js';
30
- import '../../../../context/UserWalletsContext/UserWalletsContext.js';
31
- import '../../../../context/VerificationContext/VerificationContext.js';
32
- import 'react-dom';
33
- import '../../../../context/WalletContext/WalletContext.js';
34
- import '../../../../context/ThemeContext/ThemeContext.js';
35
- import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
36
- import '@dynamic-labs/types';
37
- import '../../../../context/LoadingContext/LoadingContext.js';
38
- import 'yup';
39
- import '../../../../context/MockContext/MockContext.js';
40
- import '../../../../views/CollectUserDataView/useFields.js';
41
- import '../../../../context/FieldsStateContext/FieldsStateContext.js';
42
- import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
43
- import '@dynamic-labs/rpc-providers';
44
- import 'react-i18next';
45
- import { classNames } from '../../../../utils/functions/classNames/classNames.js';
46
- import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
47
- import '../../../../components/Alert/Alert.js';
48
- import '../../../../components/ShadowDOM/ShadowDOM.js';
49
- import '../../../../components/IconButton/IconButton.js';
50
- import '../../../../components/InlineWidget/InlineWidget.js';
51
- import '../../../../components/Input/Input.js';
52
- import '../../../../components/IsBrowser/IsBrowser.js';
53
- import '../../../../components/MenuList/Dropdown/Dropdown.js';
54
- import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
55
- import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
56
- import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
57
- import '../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
58
- import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
59
- import '../../../../components/Popper/Popper/Popper.js';
60
- import '../../../../components/Popper/PopperContext/PopperContext.js';
61
- import 'react-focus-lock';
62
- import 'qrcode';
63
- import 'formik';
64
- import '../../../../views/WalletList/WalletList.js';
65
- import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
66
- import '../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
67
- import '@hcaptcha/react-hcaptcha';
68
- import '../../../../context/FooterAnimationContext/index.js';
69
- import '../../../../context/WalletGroupContext/WalletGroupContext.js';
70
- import '../../../../context/MfaSettingsContext/MfaSettingsContext.js';
71
- import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
72
- import '../../../../context/PasskeyContext/PasskeyContext.js';
73
- import '../DynamicWidgetHeader/DynamicWidgetHeader.js';
74
- import '../../context/DynamicWidgetContext.js';
75
- import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
76
- import '../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
77
- import '../../../../../polyfills.js';
78
- import '../../../../context/ErrorBoundary/ErrorBoundaryBase.js';
79
- import '../../../../context/ErrorBoundary/ErrorBoundaryContext.js';
80
- import '../../../DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
81
- import '../DynamicWidgetCard/DynamicWidgetCard.js';
82
- import '../../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
83
- import '../../../../context/FundingContext/FundingContext.js';
84
- import '../../../../context/SendBalanceContext/SendBalanceContext.js';
85
- import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
86
- import '../../../../context/ConnectWithOtpContext/constants.js';
87
- import '../../../../context/ReinitializeContext/ReinitializeContextProvider.js';
88
-
89
- const WalletIconWithStatus = ({ iconSize = 24, walletKey, connected, variant = 'primary', }) => (jsxs("div", { className: 'wallet-icon-with-status__container', children: [jsx(WalletIcon, { walletKey: walletKey, style: {
90
- height: pixelToRem(iconSize),
91
- width: pixelToRem(iconSize),
92
- } }, walletKey), jsx("div", { "data-testid": 'status-dot-container', className: classNames('wallet-icon-with-status__dot-container', variant === 'secondary'
93
- ? 'wallet-icon-with-status__dot-container--secondary'
94
- : ''), children: jsx(StatusDot, { variant: connected ? 'green' : 'red' }) })] }));
95
-
96
- export { WalletIconWithStatus };