@dynamic-labs/sdk-react-core 0.19.5 → 0.19.6
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 +14 -0
- package/package.cjs +1 -1
- package/package.js +1 -1
- package/package.json +9 -9
- package/src/index.cjs +2 -0
- package/src/index.d.ts +1 -1
- package/src/index.js +1 -0
- package/src/lib/Main.cjs +1 -0
- package/src/lib/Main.js +1 -0
- package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.cjs +1 -1
- package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.js +1 -1
- package/src/lib/components/AnimatePresence/AnimatePresence.cjs +1 -1
- package/src/lib/components/AnimatePresence/AnimatePresence.js +1 -1
- package/src/lib/components/AuthProviderIcon/AuthProviderIcon.cjs +1 -1
- package/src/lib/components/AuthProviderIcon/AuthProviderIcon.js +1 -1
- package/src/lib/components/MenuList/Dropdown/Dropdown.cjs +1 -1
- package/src/lib/components/MenuList/Dropdown/Dropdown.js +1 -1
- package/src/lib/components/Modal/Modal.cjs +1 -1
- package/src/lib/components/Modal/Modal.js +1 -1
- package/src/lib/components/NeedHelpSection/NeedHelpSection.cjs +5 -4
- package/src/lib/components/NeedHelpSection/NeedHelpSection.js +5 -4
- package/src/lib/components/NetworkPicker/NetworkPicker.cjs +11 -9
- package/src/lib/components/NetworkPicker/NetworkPicker.d.ts +2 -1
- package/src/lib/components/NetworkPicker/NetworkPicker.js +11 -9
- package/src/lib/components/OverlayCard/OverlayCard.cjs +1 -1
- package/src/lib/components/OverlayCard/OverlayCard.js +1 -1
- package/src/lib/components/Portal/Portal.cjs +1 -1
- package/src/lib/components/Portal/Portal.js +1 -1
- package/src/lib/components/SendBalancePageLayout/components/TokenBalanceCard/TokenBalanceCard.cjs +2 -1
- package/src/lib/components/SendBalancePageLayout/components/TokenBalanceCard/TokenBalanceCard.js +2 -1
- package/src/lib/components/SocialSignIn/SocialSignIn.cjs +1 -1
- package/src/lib/components/SocialSignIn/SocialSignIn.js +1 -1
- package/src/lib/components/SyncPasskeyFlow/SyncPasskeyFlow.cjs +1 -1
- package/src/lib/components/SyncPasskeyFlow/SyncPasskeyFlow.js +1 -1
- package/src/lib/components/Tooltip/Tooltip.cjs +1 -1
- package/src/lib/components/Tooltip/Tooltip.js +1 -1
- package/src/lib/components/TransactionStatusLayout/TransactionStatusLayout.cjs +1 -1
- package/src/lib/components/TransactionStatusLayout/TransactionStatusLayout.js +1 -1
- package/src/lib/components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.cjs +1 -1
- package/src/lib/components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.js +1 -1
- package/src/lib/components/UserAddress/UserAddress.cjs +1 -1
- package/src/lib/components/UserAddress/UserAddress.js +1 -1
- package/src/lib/context/DynamicContext/DynamicContext.cjs +1 -1
- package/src/lib/context/DynamicContext/DynamicContext.js +1 -1
- package/src/lib/context/DynamicContext/useCustomerCallbacks/useCustomerAuthFlowCallbacks.cjs +1 -1
- package/src/lib/context/DynamicContext/useCustomerCallbacks/useCustomerAuthFlowCallbacks.js +1 -1
- package/src/lib/context/MockContext/MockContext.cjs +1 -0
- package/src/lib/context/MockContext/MockContext.js +1 -0
- package/src/lib/context/QrCodeContext/QrCodeContext.cjs +1 -1
- package/src/lib/context/QrCodeContext/QrCodeContext.js +1 -1
- package/src/lib/context/SendBalanceContext/SendBalanceContext.cjs +1 -1
- package/src/lib/context/SendBalanceContext/SendBalanceContext.js +1 -1
- package/src/lib/context/SocialRedirectContext/SocialRedirectContext.cjs +16 -2
- package/src/lib/context/SocialRedirectContext/SocialRedirectContext.js +17 -3
- package/src/lib/context/UserFieldEditorContext/UserFieldEditorContext.cjs +1 -1
- package/src/lib/context/UserFieldEditorContext/UserFieldEditorContext.js +1 -1
- package/src/lib/layout/DynamicUserProfileLayout/DynamicUserProfileLayout.cjs +1 -0
- package/src/lib/layout/DynamicUserProfileLayout/DynamicUserProfileLayout.js +1 -0
- package/src/lib/styles/index.shadow.cjs +1 -1
- package/src/lib/styles/index.shadow.js +1 -1
- package/src/lib/utils/hooks/useConnectedWalletsNetworkValidation/useConnectedWalletsNetworkValidation.cjs +8 -9
- package/src/lib/utils/hooks/useConnectedWalletsNetworkValidation/useConnectedWalletsNetworkValidation.js +8 -9
- package/src/lib/utils/hooks/useWalletConnectorEvent/useWalletConnectorEvent.cjs +34 -5
- package/src/lib/utils/hooks/useWalletConnectorEvent/useWalletConnectorEvent.d.ts +33 -1
- package/src/lib/utils/hooks/useWalletConnectorEvent/useWalletConnectorEvent.js +34 -5
- package/src/lib/utils/hooks/useWalletEventListeners/useWalletEventListeners.cjs +19 -18
- package/src/lib/utils/hooks/useWalletEventListeners/useWalletEventListeners.d.ts +2 -1
- package/src/lib/utils/hooks/useWalletEventListeners/useWalletEventListeners.js +19 -18
- package/src/lib/utils/hooks/useWalletUiUtils/useWalletUiUtils.cjs +1 -1
- package/src/lib/utils/hooks/useWalletUiUtils/useWalletUiUtils.js +1 -1
- package/src/lib/utils/hooks/useWalletsConnectionState/useWalletsConnectionState.cjs +32 -8
- package/src/lib/utils/hooks/useWalletsConnectionState/useWalletsConnectionState.js +33 -9
- package/src/lib/views/CollectUserDataView/CollectUserDataView.cjs +1 -1
- package/src/lib/views/CollectUserDataView/CollectUserDataView.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/LoginView/useLoginView.cjs +5 -0
- package/src/lib/views/LoginView/useLoginView.js +5 -0
- package/src/lib/views/NetworkNotSupported/NetworkNotSupported.cjs +6 -3
- package/src/lib/views/NetworkNotSupported/NetworkNotSupported.js +6 -3
- package/src/lib/views/QrCodeView/QRCode.cjs +1 -1
- package/src/lib/views/QrCodeView/QRCode.js +1 -1
- package/src/lib/views/QrCodeView/QrCodeView.cjs +1 -1
- package/src/lib/views/QrCodeView/QrCodeView.js +1 -1
- package/src/lib/views/SendBalanceView/components/TransactionStage/TransactionStage.cjs +1 -1
- package/src/lib/views/SendBalanceView/components/TransactionStage/TransactionStage.js +1 -1
- package/src/lib/views/TransactionConfirmationView/TransactionConfirmationView.cjs +1 -1
- package/src/lib/views/TransactionConfirmationView/TransactionConfirmationView.js +1 -1
- package/src/lib/views/TransactionConfirmationView/hooks/useTransactionGas/useTransactionGas.cjs +1 -1
- package/src/lib/views/TransactionConfirmationView/hooks/useTransactionGas/useTransactionGas.js +1 -1
- package/src/lib/widgets/DynamicEmbeddedWidget/DynamicEmbeddedUserProfile/DynamicEmbeddedUserProfile.cjs +1 -0
- package/src/lib/widgets/DynamicEmbeddedWidget/DynamicEmbeddedUserProfile/DynamicEmbeddedUserProfile.js +1 -0
- package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.cjs +1 -1
- package/src/lib/widgets/DynamicWidget/components/ActiveWalletInformation/ActiveWalletInformation.js +1 -1
- package/src/lib/widgets/DynamicWidget/components/DynamicNav/DynamicNav.cjs +2 -2
- package/src/lib/widgets/DynamicWidget/components/DynamicNav/DynamicNav.js +2 -2
- package/src/lib/widgets/DynamicWidget/components/DynamicUserProfile/DynamicUserProfile.cjs +1 -0
- package/src/lib/widgets/DynamicWidget/components/DynamicUserProfile/DynamicUserProfile.js +1 -0
- package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs +1 -1
- package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js +1 -1
- package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetDropdown/DynamicWidgetDropdown.cjs +1 -1
- package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetDropdown/DynamicWidgetDropdown.js +1 -1
- package/src/lib/widgets/DynamicWidget/context/DynamicWidgetContext.cjs +1 -1
- package/src/lib/widgets/DynamicWidget/context/DynamicWidgetContext.js +1 -1
- package/src/lib/widgets/DynamicWidget/helpers/helpers.cjs +7 -7
- package/src/lib/widgets/DynamicWidget/helpers/helpers.d.ts +1 -1
- package/src/lib/widgets/DynamicWidget/helpers/helpers.js +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,4 +1,18 @@
|
|
|
1
1
|
|
|
2
|
+
### [0.19.6](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.5...v0.19.6) (2023-12-14)
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
### Bug Fixes
|
|
6
|
+
|
|
7
|
+
* better handle recovery decrypt failure ([#4148](https://github.com/dynamic-labs/DynamicAuth/issues/4148)) ([#4151](https://github.com/dynamic-labs/DynamicAuth/issues/4151)) ([30178f9](https://github.com/dynamic-labs/DynamicAuth/commit/30178f9b92dc16d9aacea385e15319a413d54ac2))
|
|
8
|
+
* detect wallet network switch for secondary wallets ([#4139](https://github.com/dynamic-labs/DynamicAuth/issues/4139)) ([7096819](https://github.com/dynamic-labs/DynamicAuth/commit/70968199485e5e1bb68dfda577085adcf262137d))
|
|
9
|
+
* make the pin input fields responsive ([#4141](https://github.com/dynamic-labs/DynamicAuth/issues/4141)) ([d8a2e0b](https://github.com/dynamic-labs/DynamicAuth/commit/d8a2e0b01db25947237f0321640a7b8916ea361f))
|
|
10
|
+
* remove last separator from email or social only login view ([#4118](https://github.com/dynamic-labs/DynamicAuth/issues/4118)) ([3bdd25c](https://github.com/dynamic-labs/DynamicAuth/commit/3bdd25ca9c97d1d88f4f62a2e80c04ed634c1ed4)), closes [#4103](https://github.com/dynamic-labs/DynamicAuth/issues/4103)
|
|
11
|
+
* render recovery section only when turnkey provider is enabled ([#4093](https://github.com/dynamic-labs/DynamicAuth/issues/4093)) ([#4096](https://github.com/dynamic-labs/DynamicAuth/issues/4096)) ([969eef1](https://github.com/dynamic-labs/DynamicAuth/commit/969eef1616e9891a8387746dbdd87162fd111a94))
|
|
12
|
+
* reset selected social provider on logout ([164363f](https://github.com/dynamic-labs/DynamicAuth/commit/164363f1435831e911e69f522212030ff66e5474))
|
|
13
|
+
* sync wagmi when using embedded wallets in connect-only ([#4110](https://github.com/dynamic-labs/DynamicAuth/issues/4110)) ([e97da0d](https://github.com/dynamic-labs/DynamicAuth/commit/e97da0d1b8a51857f69b578adc157a2ba694be7e))
|
|
14
|
+
* update wagmi to v1.4.12 to fix ledger security issue ([#4170](https://github.com/dynamic-labs/DynamicAuth/issues/4170)) ([3ad0a17](https://github.com/dynamic-labs/DynamicAuth/commit/3ad0a171cca9d97f6a62659b75826926cd955b27))
|
|
15
|
+
|
|
2
16
|
### [0.19.5](https://github.com/dynamic-labs/DynamicAuth/compare/v0.19.4...v0.19.5) (2023-12-05)
|
|
3
17
|
|
|
4
18
|
|
package/package.cjs
CHANGED
package/package.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dynamic-labs/sdk-react-core",
|
|
3
|
-
"version": "0.19.
|
|
3
|
+
"version": "0.19.6",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "https://github.com/dynamic-labs/DynamicAuth.git",
|
|
@@ -17,14 +17,14 @@
|
|
|
17
17
|
"react-focus-lock": "2.9.2",
|
|
18
18
|
"react-i18next": "^13.2.0",
|
|
19
19
|
"yup": "0.32.11",
|
|
20
|
-
"@dynamic-labs/ethereum": "0.19.
|
|
21
|
-
"@dynamic-labs/logger": "0.19.
|
|
22
|
-
"@dynamic-labs/multi-wallet": "0.19.
|
|
23
|
-
"@dynamic-labs/rpc-providers": "0.19.
|
|
24
|
-
"@dynamic-labs/types": "0.19.
|
|
25
|
-
"@dynamic-labs/utils": "0.19.
|
|
26
|
-
"@dynamic-labs/wallet-book": "0.19.
|
|
27
|
-
"@dynamic-labs/wallet-connector-core": "0.19.
|
|
20
|
+
"@dynamic-labs/ethereum": "0.19.6",
|
|
21
|
+
"@dynamic-labs/logger": "0.19.6",
|
|
22
|
+
"@dynamic-labs/multi-wallet": "0.19.6",
|
|
23
|
+
"@dynamic-labs/rpc-providers": "0.19.6",
|
|
24
|
+
"@dynamic-labs/types": "0.19.6",
|
|
25
|
+
"@dynamic-labs/utils": "0.19.6",
|
|
26
|
+
"@dynamic-labs/wallet-book": "0.19.6",
|
|
27
|
+
"@dynamic-labs/wallet-connector-core": "0.19.6",
|
|
28
28
|
"eventemitter3": "5.0.1"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
package/src/index.cjs
CHANGED
|
@@ -122,6 +122,7 @@ require('./lib/components/Transition/OpacityTransition/OpacityTransition.cjs');
|
|
|
122
122
|
require('./lib/config/ApiEndpoint.cjs');
|
|
123
123
|
require('./lib/utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
|
|
124
124
|
var isSameWalletName = require('./lib/utils/functions/isSameWalletName/isSameWalletName.cjs');
|
|
125
|
+
var useWalletConnectorEvent = require('./lib/utils/hooks/useWalletConnectorEvent/useWalletConnectorEvent.cjs');
|
|
125
126
|
require('./lib/context/ViewContext/ViewContext.cjs');
|
|
126
127
|
require('./lib/context/ErrorContext/ErrorContext.cjs');
|
|
127
128
|
require('./lib/context/AccessDeniedContext/AccessDeniedContext.cjs');
|
|
@@ -298,6 +299,7 @@ Object.defineProperty(exports, 'DynamicJwtFromJSON', {
|
|
|
298
299
|
});
|
|
299
300
|
exports.ShadowDOM = ShadowDOM.ShadowDOM;
|
|
300
301
|
exports.isSameWalletName = isSameWalletName.isSameWalletName;
|
|
302
|
+
exports.useWalletConnectorEvent = useWalletConnectorEvent.useWalletConnectorEvent;
|
|
301
303
|
exports.MockContext = MockContext.MockContext;
|
|
302
304
|
exports.MockContextProvider = MockContext.MockContextProvider;
|
|
303
305
|
exports.MockContextWrapper = MockContext.MockContextWrapper;
|
package/src/index.d.ts
CHANGED
|
@@ -24,7 +24,7 @@ export { getNetwork } from './lib/utils/functions/getNetwork';
|
|
|
24
24
|
export * from './lib/utils/functions/walletFilters';
|
|
25
25
|
export { DynamicWidgetContextProvider } from './lib/widgets/DynamicWidget/context';
|
|
26
26
|
export { useWalletItemActions, useAuthenticateConnectedUser, useSocialAccounts, useEmbeddedWallet, usePasskeyRecovery, useIsLoggedIn, } from './lib/utils/hooks';
|
|
27
|
-
export { useUserUpdateRequest } from './lib/utils/hooks';
|
|
27
|
+
export { useUserUpdateRequest, useWalletConnectorEvent, } from './lib/utils/hooks';
|
|
28
28
|
export { type VerifyEmailCallback, useEmailVerificationRequest, } from './lib/utils/hooks/authenticationHooks/';
|
|
29
29
|
export type { UpdateUserFieldsArg } from './lib/utils/hooks/';
|
|
30
30
|
export { type DynamicJwt, DynamicJwtFromJSON } from '@dynamic-labs/sdk-api';
|
package/src/index.js
CHANGED
|
@@ -118,6 +118,7 @@ import './lib/components/Transition/OpacityTransition/OpacityTransition.js';
|
|
|
118
118
|
import './lib/config/ApiEndpoint.js';
|
|
119
119
|
import './lib/utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
|
|
120
120
|
export { isSameWalletName } from './lib/utils/functions/isSameWalletName/isSameWalletName.js';
|
|
121
|
+
export { useWalletConnectorEvent } from './lib/utils/hooks/useWalletConnectorEvent/useWalletConnectorEvent.js';
|
|
121
122
|
import './lib/context/ViewContext/ViewContext.js';
|
|
122
123
|
import './lib/context/ErrorContext/ErrorContext.js';
|
|
123
124
|
import './lib/context/AccessDeniedContext/AccessDeniedContext.js';
|
package/src/lib/Main.cjs
CHANGED
|
@@ -51,6 +51,7 @@ require('./utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
|
|
|
51
51
|
require('./context/UserFieldEditorContext/UserFieldEditorContext.cjs');
|
|
52
52
|
require('./components/Popper/Popper/Popper.cjs');
|
|
53
53
|
var PopperContext = require('./components/Popper/PopperContext/PopperContext.cjs');
|
|
54
|
+
require('i18next');
|
|
54
55
|
require('./components/InlineWidget/InlineWidget.cjs');
|
|
55
56
|
require('./components/MenuList/Dropdown/Dropdown.cjs');
|
|
56
57
|
require('./components/OverlayCard/OverlayCard.context.cjs');
|
package/src/lib/Main.js
CHANGED
|
@@ -47,6 +47,7 @@ import './utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
|
|
|
47
47
|
import './context/UserFieldEditorContext/UserFieldEditorContext.js';
|
|
48
48
|
import './components/Popper/Popper/Popper.js';
|
|
49
49
|
import { PopperProvider } from './components/Popper/PopperContext/PopperContext.js';
|
|
50
|
+
import 'i18next';
|
|
50
51
|
import './components/InlineWidget/InlineWidget.js';
|
|
51
52
|
import './components/MenuList/Dropdown/Dropdown.js';
|
|
52
53
|
import './components/OverlayCard/OverlayCard.context.js';
|
|
@@ -39,6 +39,7 @@ require('../../../Popper/Popper/Popper.cjs');
|
|
|
39
39
|
require('../../../Popper/PopperContext/PopperContext.cjs');
|
|
40
40
|
require('formik');
|
|
41
41
|
require('yup');
|
|
42
|
+
require('i18next');
|
|
42
43
|
require('../../../InlineWidget/InlineWidget.cjs');
|
|
43
44
|
require('../../../MenuList/Dropdown/Dropdown.cjs');
|
|
44
45
|
require('../../../OverlayCard/OverlayCard.context.cjs');
|
|
@@ -51,7 +52,6 @@ require('../../../../context/CaptchaContext/CaptchaContext.cjs');
|
|
|
51
52
|
require('../../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
|
|
52
53
|
require('qrcode');
|
|
53
54
|
require('../../../../context/LoadingContext/LoadingContext.cjs');
|
|
54
|
-
require('i18next');
|
|
55
55
|
require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
|
|
56
56
|
require('../../../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
|
|
57
57
|
require('@dynamic-labs/types');
|
|
@@ -35,6 +35,7 @@ import '../../../Popper/Popper/Popper.js';
|
|
|
35
35
|
import '../../../Popper/PopperContext/PopperContext.js';
|
|
36
36
|
import 'formik';
|
|
37
37
|
import 'yup';
|
|
38
|
+
import 'i18next';
|
|
38
39
|
import '../../../InlineWidget/InlineWidget.js';
|
|
39
40
|
import '../../../MenuList/Dropdown/Dropdown.js';
|
|
40
41
|
import '../../../OverlayCard/OverlayCard.context.js';
|
|
@@ -47,7 +48,6 @@ import '../../../../context/CaptchaContext/CaptchaContext.js';
|
|
|
47
48
|
import '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
|
|
48
49
|
import 'qrcode';
|
|
49
50
|
import '../../../../context/LoadingContext/LoadingContext.js';
|
|
50
|
-
import 'i18next';
|
|
51
51
|
import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
|
|
52
52
|
import '../../../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
|
|
53
53
|
import '@dynamic-labs/types';
|
|
@@ -38,6 +38,7 @@ require('../Popper/Popper/Popper.cjs');
|
|
|
38
38
|
require('../Popper/PopperContext/PopperContext.cjs');
|
|
39
39
|
require('formik');
|
|
40
40
|
require('yup');
|
|
41
|
+
require('i18next');
|
|
41
42
|
require('../InlineWidget/InlineWidget.cjs');
|
|
42
43
|
require('../MenuList/Dropdown/Dropdown.cjs');
|
|
43
44
|
require('../OverlayCard/OverlayCard.context.cjs');
|
|
@@ -50,7 +51,6 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
|
|
|
50
51
|
require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
|
|
51
52
|
require('qrcode');
|
|
52
53
|
require('../../context/LoadingContext/LoadingContext.cjs');
|
|
53
|
-
require('i18next');
|
|
54
54
|
require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
|
|
55
55
|
require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
|
|
56
56
|
require('@dynamic-labs/types');
|
|
@@ -34,6 +34,7 @@ import '../Popper/Popper/Popper.js';
|
|
|
34
34
|
import '../Popper/PopperContext/PopperContext.js';
|
|
35
35
|
import 'formik';
|
|
36
36
|
import 'yup';
|
|
37
|
+
import 'i18next';
|
|
37
38
|
import '../InlineWidget/InlineWidget.js';
|
|
38
39
|
import '../MenuList/Dropdown/Dropdown.js';
|
|
39
40
|
import '../OverlayCard/OverlayCard.context.js';
|
|
@@ -46,7 +47,6 @@ import '../../context/CaptchaContext/CaptchaContext.js';
|
|
|
46
47
|
import '../../context/EmailVerificationContext/EmailVerificationContext.js';
|
|
47
48
|
import 'qrcode';
|
|
48
49
|
import '../../context/LoadingContext/LoadingContext.js';
|
|
49
|
-
import 'i18next';
|
|
50
50
|
import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
|
|
51
51
|
import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
|
|
52
52
|
import '@dynamic-labs/types';
|
|
@@ -42,6 +42,7 @@ require('../Popper/Popper/Popper.cjs');
|
|
|
42
42
|
require('../Popper/PopperContext/PopperContext.cjs');
|
|
43
43
|
require('formik');
|
|
44
44
|
require('yup');
|
|
45
|
+
require('i18next');
|
|
45
46
|
require('../InlineWidget/InlineWidget.cjs');
|
|
46
47
|
require('../MenuList/Dropdown/Dropdown.cjs');
|
|
47
48
|
require('../OverlayCard/OverlayCard.context.cjs');
|
|
@@ -54,7 +55,6 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
|
|
|
54
55
|
require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
|
|
55
56
|
require('qrcode');
|
|
56
57
|
require('../../context/LoadingContext/LoadingContext.cjs');
|
|
57
|
-
require('i18next');
|
|
58
58
|
require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
|
|
59
59
|
require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
|
|
60
60
|
require('@dynamic-labs/types');
|
|
@@ -38,6 +38,7 @@ import '../Popper/Popper/Popper.js';
|
|
|
38
38
|
import '../Popper/PopperContext/PopperContext.js';
|
|
39
39
|
import 'formik';
|
|
40
40
|
import 'yup';
|
|
41
|
+
import 'i18next';
|
|
41
42
|
import '../InlineWidget/InlineWidget.js';
|
|
42
43
|
import '../MenuList/Dropdown/Dropdown.js';
|
|
43
44
|
import '../OverlayCard/OverlayCard.context.js';
|
|
@@ -50,7 +51,6 @@ import '../../context/CaptchaContext/CaptchaContext.js';
|
|
|
50
51
|
import '../../context/EmailVerificationContext/EmailVerificationContext.js';
|
|
51
52
|
import 'qrcode';
|
|
52
53
|
import '../../context/LoadingContext/LoadingContext.js';
|
|
53
|
-
import 'i18next';
|
|
54
54
|
import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
|
|
55
55
|
import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
|
|
56
56
|
import '@dynamic-labs/types';
|
|
@@ -43,6 +43,7 @@ require('../../IconButton/IconButton.cjs');
|
|
|
43
43
|
require('../../Alert/Alert.cjs');
|
|
44
44
|
require('formik');
|
|
45
45
|
require('yup');
|
|
46
|
+
require('i18next');
|
|
46
47
|
require('../../InlineWidget/InlineWidget.cjs');
|
|
47
48
|
require('../../OverlayCard/OverlayCard.context.cjs');
|
|
48
49
|
require('../../../context/FooterAnimationContext/index.cjs');
|
|
@@ -54,7 +55,6 @@ require('../../../context/CaptchaContext/CaptchaContext.cjs');
|
|
|
54
55
|
require('../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
|
|
55
56
|
require('qrcode');
|
|
56
57
|
require('../../../context/LoadingContext/LoadingContext.cjs');
|
|
57
|
-
require('i18next');
|
|
58
58
|
require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
|
|
59
59
|
require('../../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
|
|
60
60
|
require('@dynamic-labs/types');
|
|
@@ -39,6 +39,7 @@ import '../../IconButton/IconButton.js';
|
|
|
39
39
|
import '../../Alert/Alert.js';
|
|
40
40
|
import 'formik';
|
|
41
41
|
import 'yup';
|
|
42
|
+
import 'i18next';
|
|
42
43
|
import '../../InlineWidget/InlineWidget.js';
|
|
43
44
|
import '../../OverlayCard/OverlayCard.context.js';
|
|
44
45
|
import '../../../context/FooterAnimationContext/index.js';
|
|
@@ -50,7 +51,6 @@ import '../../../context/CaptchaContext/CaptchaContext.js';
|
|
|
50
51
|
import '../../../context/EmailVerificationContext/EmailVerificationContext.js';
|
|
51
52
|
import 'qrcode';
|
|
52
53
|
import '../../../context/LoadingContext/LoadingContext.js';
|
|
53
|
-
import 'i18next';
|
|
54
54
|
import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
|
|
55
55
|
import '../../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
|
|
56
56
|
import '@dynamic-labs/types';
|
|
@@ -38,6 +38,7 @@ require('../Popper/Popper/Popper.cjs');
|
|
|
38
38
|
require('../Popper/PopperContext/PopperContext.cjs');
|
|
39
39
|
require('formik');
|
|
40
40
|
require('yup');
|
|
41
|
+
require('i18next');
|
|
41
42
|
require('../InlineWidget/InlineWidget.cjs');
|
|
42
43
|
require('../MenuList/Dropdown/Dropdown.cjs');
|
|
43
44
|
require('../OverlayCard/OverlayCard.context.cjs');
|
|
@@ -50,7 +51,6 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
|
|
|
50
51
|
require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
|
|
51
52
|
require('qrcode');
|
|
52
53
|
require('../../context/LoadingContext/LoadingContext.cjs');
|
|
53
|
-
require('i18next');
|
|
54
54
|
require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
|
|
55
55
|
require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
|
|
56
56
|
require('@dynamic-labs/types');
|
|
@@ -34,6 +34,7 @@ import '../Popper/Popper/Popper.js';
|
|
|
34
34
|
import '../Popper/PopperContext/PopperContext.js';
|
|
35
35
|
import 'formik';
|
|
36
36
|
import 'yup';
|
|
37
|
+
import 'i18next';
|
|
37
38
|
import '../InlineWidget/InlineWidget.js';
|
|
38
39
|
import '../MenuList/Dropdown/Dropdown.js';
|
|
39
40
|
import '../OverlayCard/OverlayCard.context.js';
|
|
@@ -46,7 +47,6 @@ import '../../context/CaptchaContext/CaptchaContext.js';
|
|
|
46
47
|
import '../../context/EmailVerificationContext/EmailVerificationContext.js';
|
|
47
48
|
import 'qrcode';
|
|
48
49
|
import '../../context/LoadingContext/LoadingContext.js';
|
|
49
|
-
import 'i18next';
|
|
50
50
|
import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
|
|
51
51
|
import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
|
|
52
52
|
import '@dynamic-labs/types';
|
|
@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
var reactI18next = require('react-i18next');
|
|
7
|
+
var sdkApi = require('@dynamic-labs/sdk-api');
|
|
7
8
|
var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
|
|
8
9
|
require('react');
|
|
9
10
|
require('@dynamic-labs/utils');
|
|
10
|
-
require('@dynamic-labs/sdk-api');
|
|
11
11
|
require('../../config/ApiEndpoint.cjs');
|
|
12
12
|
require('../../shared/logger.cjs');
|
|
13
13
|
require('@dynamic-labs/iconic');
|
|
@@ -40,6 +40,7 @@ require('../Popper/Popper/Popper.cjs');
|
|
|
40
40
|
require('../Popper/PopperContext/PopperContext.cjs');
|
|
41
41
|
require('formik');
|
|
42
42
|
require('yup');
|
|
43
|
+
require('i18next');
|
|
43
44
|
require('../InlineWidget/InlineWidget.cjs');
|
|
44
45
|
require('../MenuList/Dropdown/Dropdown.cjs');
|
|
45
46
|
require('../OverlayCard/OverlayCard.context.cjs');
|
|
@@ -52,7 +53,6 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
|
|
|
52
53
|
require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
|
|
53
54
|
require('qrcode');
|
|
54
55
|
require('../../context/LoadingContext/LoadingContext.cjs');
|
|
55
|
-
require('i18next');
|
|
56
56
|
require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
|
|
57
57
|
require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
|
|
58
58
|
require('@dynamic-labs/types');
|
|
@@ -62,7 +62,7 @@ var usePasskeyRecovery = require('../../utils/hooks/usePasskeyRecovery/usePasske
|
|
|
62
62
|
require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
|
|
63
63
|
|
|
64
64
|
const NeedHelpSection = () => {
|
|
65
|
-
var _a, _b, _c, _d;
|
|
65
|
+
var _a, _b, _c, _d, _e;
|
|
66
66
|
const { projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
|
|
67
67
|
const { t } = reactI18next.useTranslation();
|
|
68
68
|
const { initPasskeyRecoveryProcess } = usePasskeyRecovery.usePasskeyRecovery();
|
|
@@ -72,7 +72,8 @@ const NeedHelpSection = () => {
|
|
|
72
72
|
((_c = Object.values(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.supportUrls)) === null || _c === void 0 ? void 0 : _c[0]);
|
|
73
73
|
// don't show passkey recovery helper on passkey creation flow views
|
|
74
74
|
const isRecoveryEnabled = !view.startsWith('passkey') &&
|
|
75
|
-
|
|
75
|
+
((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) === null || _d === void 0 ? void 0 : _d.find((p) => p.provider === sdkApi.ProviderEnum.Turnkey && p.enabledAt)) &&
|
|
76
|
+
Boolean((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _e === void 0 ? void 0 : _e.passkeyEmbeddedWalletRecoveryEnabled);
|
|
76
77
|
const hasContactInfo = Boolean(supportEmail || supportUrl);
|
|
77
78
|
const getSupportHelpSession = () => {
|
|
78
79
|
if (!hasContactInfo) {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
2
2
|
import { useTranslation } from 'react-i18next';
|
|
3
|
+
import { ProviderEnum } from '@dynamic-labs/sdk-api';
|
|
3
4
|
import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
|
|
4
5
|
import 'react';
|
|
5
6
|
import '@dynamic-labs/utils';
|
|
6
|
-
import '@dynamic-labs/sdk-api';
|
|
7
7
|
import '../../config/ApiEndpoint.js';
|
|
8
8
|
import '../../shared/logger.js';
|
|
9
9
|
import '@dynamic-labs/iconic';
|
|
@@ -36,6 +36,7 @@ import '../Popper/Popper/Popper.js';
|
|
|
36
36
|
import '../Popper/PopperContext/PopperContext.js';
|
|
37
37
|
import 'formik';
|
|
38
38
|
import 'yup';
|
|
39
|
+
import 'i18next';
|
|
39
40
|
import '../InlineWidget/InlineWidget.js';
|
|
40
41
|
import '../MenuList/Dropdown/Dropdown.js';
|
|
41
42
|
import '../OverlayCard/OverlayCard.context.js';
|
|
@@ -48,7 +49,6 @@ import '../../context/CaptchaContext/CaptchaContext.js';
|
|
|
48
49
|
import '../../context/EmailVerificationContext/EmailVerificationContext.js';
|
|
49
50
|
import 'qrcode';
|
|
50
51
|
import '../../context/LoadingContext/LoadingContext.js';
|
|
51
|
-
import 'i18next';
|
|
52
52
|
import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
|
|
53
53
|
import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
|
|
54
54
|
import '@dynamic-labs/types';
|
|
@@ -58,7 +58,7 @@ import { usePasskeyRecovery } from '../../utils/hooks/usePasskeyRecovery/usePass
|
|
|
58
58
|
import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
|
|
59
59
|
|
|
60
60
|
const NeedHelpSection = () => {
|
|
61
|
-
var _a, _b, _c, _d;
|
|
61
|
+
var _a, _b, _c, _d, _e;
|
|
62
62
|
const { projectSettings } = useInternalDynamicContext();
|
|
63
63
|
const { t } = useTranslation();
|
|
64
64
|
const { initPasskeyRecoveryProcess } = usePasskeyRecovery();
|
|
@@ -68,7 +68,8 @@ const NeedHelpSection = () => {
|
|
|
68
68
|
((_c = Object.values(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.supportUrls)) === null || _c === void 0 ? void 0 : _c[0]);
|
|
69
69
|
// don't show passkey recovery helper on passkey creation flow views
|
|
70
70
|
const isRecoveryEnabled = !view.startsWith('passkey') &&
|
|
71
|
-
|
|
71
|
+
((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) === null || _d === void 0 ? void 0 : _d.find((p) => p.provider === ProviderEnum.Turnkey && p.enabledAt)) &&
|
|
72
|
+
Boolean((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _e === void 0 ? void 0 : _e.passkeyEmbeddedWalletRecoveryEnabled);
|
|
72
73
|
const hasContactInfo = Boolean(supportEmail || supportUrl);
|
|
73
74
|
const getSupportHelpSession = () => {
|
|
74
75
|
if (!hasContactInfo) {
|
|
@@ -20,6 +20,7 @@ require('../../shared/consts/index.cjs');
|
|
|
20
20
|
require('@dynamic-labs/multi-wallet');
|
|
21
21
|
var isNetworkUnsupported = require('../../utils/functions/isNetworkUnsupported/isNetworkUnsupported.cjs');
|
|
22
22
|
var classNames = require('../../utils/functions/classNames/classNames.cjs');
|
|
23
|
+
var MenuList = require('../MenuList/MenuList/MenuList.cjs');
|
|
23
24
|
require('../../config/ApiEndpoint.cjs');
|
|
24
25
|
require('@dynamic-labs/rpc-providers');
|
|
25
26
|
require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
|
|
@@ -40,6 +41,7 @@ require('../Popper/Popper/Popper.cjs');
|
|
|
40
41
|
require('../Popper/PopperContext/PopperContext.cjs');
|
|
41
42
|
require('formik');
|
|
42
43
|
require('yup');
|
|
44
|
+
require('i18next');
|
|
43
45
|
require('../InlineWidget/InlineWidget.cjs');
|
|
44
46
|
require('../MenuList/Dropdown/Dropdown.cjs');
|
|
45
47
|
require('../OverlayCard/OverlayCard.context.cjs');
|
|
@@ -53,23 +55,22 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
|
|
|
53
55
|
require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
|
|
54
56
|
require('qrcode');
|
|
55
57
|
require('../../context/LoadingContext/LoadingContext.cjs');
|
|
56
|
-
require('i18next');
|
|
57
58
|
require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
|
|
58
59
|
require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
|
|
59
60
|
require('@dynamic-labs/types');
|
|
60
61
|
require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
|
|
61
62
|
require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
|
|
62
63
|
require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
|
|
63
|
-
var MenuList = require('../MenuList/MenuList/MenuList.cjs');
|
|
64
64
|
var NetworkAction = require('./components/NetworkAction/NetworkAction.cjs');
|
|
65
65
|
var NetworkControl = require('./components/NetworkControl/NetworkControl.cjs');
|
|
66
66
|
|
|
67
|
-
const NetworkPicker = ({ activeClassName = '', buttonClassName = '', checkboxClassName = '', connector, evmNetworks, isNetworkPickerOpen, listClassName = '', mainClassName = '', setIsNetworkPickerOpen, showNetworkName, customCallbackOnSuccess, }) => {
|
|
67
|
+
const NetworkPicker = ({ activeClassName = '', buttonClassName = '', checkboxClassName = '', connector, evmNetworks, isNetworkPickerOpen, listClassName = '', mainClassName = '', setIsNetworkPickerOpen, showNetworkName, customCallbackOnSuccess, currentNetwork, }) => {
|
|
68
68
|
const pickerRef = React.useRef(null);
|
|
69
69
|
const [newNetworkId, setNewNetworkId] = React.useState(undefined);
|
|
70
|
-
const { loadingNetwork,
|
|
71
|
-
const { data: supportedWalletNetworks } = usePromise.usePromise(() => connector === null || connector === void 0 ? void 0 : connector.getSupportedNetworks(), { deps: [connector] });
|
|
72
|
-
const shouldAllowOpenDropdown = isNetworkUnsupported.isNetworkUnsupported(
|
|
70
|
+
const { loadingNetwork, primaryWallet, setNetwork } = useInternalDynamicContext.useInternalDynamicContext();
|
|
71
|
+
const { data: supportedWalletNetworks } = usePromise.usePromise(() => connector === null || connector === void 0 ? void 0 : connector.getSupportedNetworks(), { deps: [connector, isNetworkPickerOpen] });
|
|
72
|
+
const shouldAllowOpenDropdown = isNetworkUnsupported.isNetworkUnsupported(currentNetwork, evmNetworks) ||
|
|
73
|
+
(evmNetworks === null || evmNetworks === void 0 ? void 0 : evmNetworks.length) > 1;
|
|
73
74
|
// Ref to anchor popper to
|
|
74
75
|
const anchorRef = React.useRef(null);
|
|
75
76
|
const handleNetworkChange = (networkId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
|
|
@@ -79,7 +80,8 @@ const NetworkPicker = ({ activeClassName = '', buttonClassName = '', checkboxCla
|
|
|
79
80
|
networkChainId: networkId,
|
|
80
81
|
}));
|
|
81
82
|
const chainId = yield (connector === null || connector === void 0 ? void 0 : connector.getNetwork());
|
|
82
|
-
|
|
83
|
+
if ((primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.key) === (connector === null || connector === void 0 ? void 0 : connector.key))
|
|
84
|
+
setNetwork(chainId);
|
|
83
85
|
customCallbackOnSuccess === null || customCallbackOnSuccess === void 0 ? void 0 : customCallbackOnSuccess();
|
|
84
86
|
}
|
|
85
87
|
catch (error) {
|
|
@@ -91,10 +93,10 @@ const NetworkPicker = ({ activeClassName = '', buttonClassName = '', checkboxCla
|
|
|
91
93
|
setIsNetworkPickerOpen(false);
|
|
92
94
|
}
|
|
93
95
|
});
|
|
94
|
-
return (jsxRuntime.jsxs("div", { className: classNames.classNames('non-widget-network-picker', mainClassName), ref: pickerRef, "data-testid": 'network-picker', children: [jsxRuntime.jsxs("div", { className: 'network-picker-network-control', children: [jsxRuntime.jsx(NetworkControl.NetworkControl, { evmNetworks: evmNetworks, activeClassName: activeClassName, network:
|
|
96
|
+
return (jsxRuntime.jsxs("div", { className: classNames.classNames('non-widget-network-picker', mainClassName), ref: pickerRef, "data-testid": 'network-picker', children: [jsxRuntime.jsxs("div", { className: 'network-picker-network-control', children: [jsxRuntime.jsx(NetworkControl.NetworkControl, { evmNetworks: evmNetworks, activeClassName: activeClassName, network: currentNetwork, loading: loadingNetwork, isOpen: isNetworkPickerOpen, setIsOpen: setIsNetworkPickerOpen, walletConnector: connector, showNetworkName: showNetworkName, buttonClassName: buttonClassName }), jsxRuntime.jsx("div", { ref: anchorRef, className: 'network-picker-network-control__anchor' })] }), shouldAllowOpenDropdown && (jsxRuntime.jsx(MenuList.MenuList, { className: listClassName, isOpen: isNetworkPickerOpen, onClickClose: () => setIsNetworkPickerOpen(false), popperProps: {
|
|
95
97
|
anchorOrigin: 'bottom-left',
|
|
96
98
|
anchorRef,
|
|
97
|
-
}, mobileTitle: 'Select network', children: evmNetworks.map(({ name, networkId, vanityName, iconUrls }) => (jsxRuntime.jsx(NetworkAction.NetworkAction, { iconUrl: iconUrls === null || iconUrls === void 0 ? void 0 : iconUrls[0], networkId: networkId, networkName: vanityName || name, network:
|
|
99
|
+
}, mobileTitle: 'Select network', children: evmNetworks.map(({ name, networkId, vanityName, iconUrls }) => (jsxRuntime.jsx(NetworkAction.NetworkAction, { iconUrl: iconUrls === null || iconUrls === void 0 ? void 0 : iconUrls[0], networkId: networkId, networkName: vanityName || name, network: currentNetwork, onClick: handleNetworkChange, checkboxClassName: checkboxClassName, newNetworkId: newNetworkId, notSupported: supportedWalletNetworks &&
|
|
98
100
|
!supportedWalletNetworks.includes(`${networkId}`) }, networkId))) }))] }));
|
|
99
101
|
};
|
|
100
102
|
|
|
@@ -13,6 +13,7 @@ type Props = {
|
|
|
13
13
|
mainClassName?: string;
|
|
14
14
|
setIsNetworkPickerOpen: Dispatch<SetStateAction<boolean>>;
|
|
15
15
|
showNetworkName?: boolean;
|
|
16
|
+
currentNetwork: string | number | undefined;
|
|
16
17
|
};
|
|
17
|
-
export declare const NetworkPicker: ({ activeClassName, buttonClassName, checkboxClassName, connector, evmNetworks, isNetworkPickerOpen, listClassName, mainClassName, setIsNetworkPickerOpen, showNetworkName, customCallbackOnSuccess, }: Props) => JSX.Element;
|
|
18
|
+
export declare const NetworkPicker: ({ activeClassName, buttonClassName, checkboxClassName, connector, evmNetworks, isNetworkPickerOpen, listClassName, mainClassName, setIsNetworkPickerOpen, showNetworkName, customCallbackOnSuccess, currentNetwork, }: Props) => JSX.Element;
|
|
18
19
|
export {};
|
|
@@ -16,6 +16,7 @@ import '../../shared/consts/index.js';
|
|
|
16
16
|
import '@dynamic-labs/multi-wallet';
|
|
17
17
|
import { isNetworkUnsupported } from '../../utils/functions/isNetworkUnsupported/isNetworkUnsupported.js';
|
|
18
18
|
import { classNames } from '../../utils/functions/classNames/classNames.js';
|
|
19
|
+
import { MenuList } from '../MenuList/MenuList/MenuList.js';
|
|
19
20
|
import '../../config/ApiEndpoint.js';
|
|
20
21
|
import '@dynamic-labs/rpc-providers';
|
|
21
22
|
import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
|
|
@@ -36,6 +37,7 @@ import '../Popper/Popper/Popper.js';
|
|
|
36
37
|
import '../Popper/PopperContext/PopperContext.js';
|
|
37
38
|
import 'formik';
|
|
38
39
|
import 'yup';
|
|
40
|
+
import 'i18next';
|
|
39
41
|
import '../InlineWidget/InlineWidget.js';
|
|
40
42
|
import '../MenuList/Dropdown/Dropdown.js';
|
|
41
43
|
import '../OverlayCard/OverlayCard.context.js';
|
|
@@ -49,23 +51,22 @@ import '../../context/CaptchaContext/CaptchaContext.js';
|
|
|
49
51
|
import '../../context/EmailVerificationContext/EmailVerificationContext.js';
|
|
50
52
|
import 'qrcode';
|
|
51
53
|
import '../../context/LoadingContext/LoadingContext.js';
|
|
52
|
-
import 'i18next';
|
|
53
54
|
import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
|
|
54
55
|
import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
|
|
55
56
|
import '@dynamic-labs/types';
|
|
56
57
|
import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
|
|
57
58
|
import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
|
|
58
59
|
import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
|
|
59
|
-
import { MenuList } from '../MenuList/MenuList/MenuList.js';
|
|
60
60
|
import { NetworkAction } from './components/NetworkAction/NetworkAction.js';
|
|
61
61
|
import { NetworkControl } from './components/NetworkControl/NetworkControl.js';
|
|
62
62
|
|
|
63
|
-
const NetworkPicker = ({ activeClassName = '', buttonClassName = '', checkboxClassName = '', connector, evmNetworks, isNetworkPickerOpen, listClassName = '', mainClassName = '', setIsNetworkPickerOpen, showNetworkName, customCallbackOnSuccess, }) => {
|
|
63
|
+
const NetworkPicker = ({ activeClassName = '', buttonClassName = '', checkboxClassName = '', connector, evmNetworks, isNetworkPickerOpen, listClassName = '', mainClassName = '', setIsNetworkPickerOpen, showNetworkName, customCallbackOnSuccess, currentNetwork, }) => {
|
|
64
64
|
const pickerRef = useRef(null);
|
|
65
65
|
const [newNetworkId, setNewNetworkId] = useState(undefined);
|
|
66
|
-
const { loadingNetwork,
|
|
67
|
-
const { data: supportedWalletNetworks } = usePromise(() => connector === null || connector === void 0 ? void 0 : connector.getSupportedNetworks(), { deps: [connector] });
|
|
68
|
-
const shouldAllowOpenDropdown = isNetworkUnsupported(
|
|
66
|
+
const { loadingNetwork, primaryWallet, setNetwork } = useInternalDynamicContext();
|
|
67
|
+
const { data: supportedWalletNetworks } = usePromise(() => connector === null || connector === void 0 ? void 0 : connector.getSupportedNetworks(), { deps: [connector, isNetworkPickerOpen] });
|
|
68
|
+
const shouldAllowOpenDropdown = isNetworkUnsupported(currentNetwork, evmNetworks) ||
|
|
69
|
+
(evmNetworks === null || evmNetworks === void 0 ? void 0 : evmNetworks.length) > 1;
|
|
69
70
|
// Ref to anchor popper to
|
|
70
71
|
const anchorRef = useRef(null);
|
|
71
72
|
const handleNetworkChange = (networkId) => __awaiter(void 0, void 0, void 0, function* () {
|
|
@@ -75,7 +76,8 @@ const NetworkPicker = ({ activeClassName = '', buttonClassName = '', checkboxCla
|
|
|
75
76
|
networkChainId: networkId,
|
|
76
77
|
}));
|
|
77
78
|
const chainId = yield (connector === null || connector === void 0 ? void 0 : connector.getNetwork());
|
|
78
|
-
|
|
79
|
+
if ((primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.key) === (connector === null || connector === void 0 ? void 0 : connector.key))
|
|
80
|
+
setNetwork(chainId);
|
|
79
81
|
customCallbackOnSuccess === null || customCallbackOnSuccess === void 0 ? void 0 : customCallbackOnSuccess();
|
|
80
82
|
}
|
|
81
83
|
catch (error) {
|
|
@@ -87,10 +89,10 @@ const NetworkPicker = ({ activeClassName = '', buttonClassName = '', checkboxCla
|
|
|
87
89
|
setIsNetworkPickerOpen(false);
|
|
88
90
|
}
|
|
89
91
|
});
|
|
90
|
-
return (jsxs("div", { className: classNames('non-widget-network-picker', mainClassName), ref: pickerRef, "data-testid": 'network-picker', children: [jsxs("div", { className: 'network-picker-network-control', children: [jsx(NetworkControl, { evmNetworks: evmNetworks, activeClassName: activeClassName, network:
|
|
92
|
+
return (jsxs("div", { className: classNames('non-widget-network-picker', mainClassName), ref: pickerRef, "data-testid": 'network-picker', children: [jsxs("div", { className: 'network-picker-network-control', children: [jsx(NetworkControl, { evmNetworks: evmNetworks, activeClassName: activeClassName, network: currentNetwork, loading: loadingNetwork, isOpen: isNetworkPickerOpen, setIsOpen: setIsNetworkPickerOpen, walletConnector: connector, showNetworkName: showNetworkName, buttonClassName: buttonClassName }), jsx("div", { ref: anchorRef, className: 'network-picker-network-control__anchor' })] }), shouldAllowOpenDropdown && (jsx(MenuList, { className: listClassName, isOpen: isNetworkPickerOpen, onClickClose: () => setIsNetworkPickerOpen(false), popperProps: {
|
|
91
93
|
anchorOrigin: 'bottom-left',
|
|
92
94
|
anchorRef,
|
|
93
|
-
}, mobileTitle: 'Select network', children: evmNetworks.map(({ name, networkId, vanityName, iconUrls }) => (jsx(NetworkAction, { iconUrl: iconUrls === null || iconUrls === void 0 ? void 0 : iconUrls[0], networkId: networkId, networkName: vanityName || name, network:
|
|
95
|
+
}, mobileTitle: 'Select network', children: evmNetworks.map(({ name, networkId, vanityName, iconUrls }) => (jsx(NetworkAction, { iconUrl: iconUrls === null || iconUrls === void 0 ? void 0 : iconUrls[0], networkId: networkId, networkName: vanityName || name, network: currentNetwork, onClick: handleNetworkChange, checkboxClassName: checkboxClassName, newNetworkId: newNetworkId, notSupported: supportedWalletNetworks &&
|
|
94
96
|
!supportedWalletNetworks.includes(`${networkId}`) }, networkId))) }))] }));
|
|
95
97
|
};
|
|
96
98
|
|
|
@@ -40,6 +40,7 @@ require('../Popper/Popper/Popper.cjs');
|
|
|
40
40
|
require('../Popper/PopperContext/PopperContext.cjs');
|
|
41
41
|
require('formik');
|
|
42
42
|
require('yup');
|
|
43
|
+
require('i18next');
|
|
43
44
|
require('../InlineWidget/InlineWidget.cjs');
|
|
44
45
|
require('../MenuList/Dropdown/Dropdown.cjs');
|
|
45
46
|
var OverlayCard_context = require('./OverlayCard.context.cjs');
|
|
@@ -52,7 +53,6 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
|
|
|
52
53
|
require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
|
|
53
54
|
require('qrcode');
|
|
54
55
|
require('../../context/LoadingContext/LoadingContext.cjs');
|
|
55
|
-
require('i18next');
|
|
56
56
|
require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
|
|
57
57
|
require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
|
|
58
58
|
require('@dynamic-labs/types');
|
|
@@ -36,6 +36,7 @@ import '../Popper/Popper/Popper.js';
|
|
|
36
36
|
import '../Popper/PopperContext/PopperContext.js';
|
|
37
37
|
import 'formik';
|
|
38
38
|
import 'yup';
|
|
39
|
+
import 'i18next';
|
|
39
40
|
import '../InlineWidget/InlineWidget.js';
|
|
40
41
|
import '../MenuList/Dropdown/Dropdown.js';
|
|
41
42
|
import { overlayCardContext } from './OverlayCard.context.js';
|
|
@@ -48,7 +49,6 @@ import '../../context/CaptchaContext/CaptchaContext.js';
|
|
|
48
49
|
import '../../context/EmailVerificationContext/EmailVerificationContext.js';
|
|
49
50
|
import 'qrcode';
|
|
50
51
|
import '../../context/LoadingContext/LoadingContext.js';
|
|
51
|
-
import 'i18next';
|
|
52
52
|
import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
|
|
53
53
|
import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
|
|
54
54
|
import '@dynamic-labs/types';
|
|
@@ -39,6 +39,7 @@ require('../Popper/Popper/Popper.cjs');
|
|
|
39
39
|
require('../Popper/PopperContext/PopperContext.cjs');
|
|
40
40
|
require('formik');
|
|
41
41
|
require('yup');
|
|
42
|
+
require('i18next');
|
|
42
43
|
require('../InlineWidget/InlineWidget.cjs');
|
|
43
44
|
require('../MenuList/Dropdown/Dropdown.cjs');
|
|
44
45
|
require('../OverlayCard/OverlayCard.context.cjs');
|
|
@@ -51,7 +52,6 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
|
|
|
51
52
|
require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
|
|
52
53
|
require('qrcode');
|
|
53
54
|
require('../../context/LoadingContext/LoadingContext.cjs');
|
|
54
|
-
require('i18next');
|
|
55
55
|
require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
|
|
56
56
|
require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
|
|
57
57
|
require('@dynamic-labs/types');
|
|
@@ -35,6 +35,7 @@ import '../Popper/Popper/Popper.js';
|
|
|
35
35
|
import '../Popper/PopperContext/PopperContext.js';
|
|
36
36
|
import 'formik';
|
|
37
37
|
import 'yup';
|
|
38
|
+
import 'i18next';
|
|
38
39
|
import '../InlineWidget/InlineWidget.js';
|
|
39
40
|
import '../MenuList/Dropdown/Dropdown.js';
|
|
40
41
|
import '../OverlayCard/OverlayCard.context.js';
|
|
@@ -47,7 +48,6 @@ import '../../context/CaptchaContext/CaptchaContext.js';
|
|
|
47
48
|
import '../../context/EmailVerificationContext/EmailVerificationContext.js';
|
|
48
49
|
import 'qrcode';
|
|
49
50
|
import '../../context/LoadingContext/LoadingContext.js';
|
|
50
|
-
import 'i18next';
|
|
51
51
|
import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
|
|
52
52
|
import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
|
|
53
53
|
import '@dynamic-labs/types';
|