@dynamic-labs/sdk-react-core 2.2.7 → 2.2.9

package/src/lib/utils/hooks/useNetworkNotSupported/useNetworkNotSupported.js

@@ -1,46 +1,46 @@
 'use client'
-import { useEffect } from 'react';
-import { useWalletConnectorNetwork } from '../useWalletConnectorNetwork/useWalletConnectorNetwork.js';
-import '@dynamic-labs/wallet-connector-core';
+import 'react';
+import '../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
-import '../../constants/values.js';
-import '@dynamic-labs/utils';
-import '../../../../../_virtual/_tslib.js';
-import '@dynamic-labs/multi-wallet';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../constants/colors.js';
+import '../../constants/values.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
+import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
+import '../../../events/dynamicEvents.js';
+import '../../../../../_virtual/_tslib.js';
+import { useConnectAndSign } from '../authenticationHooks/useConnectAndSign/useConnectAndSign.js';
+import '../../../context/ErrorContext/ErrorContext.js';
+import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../../config/ApiEndpoint.js';
+import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import { isSupportedNetwork } from '../../functions/isSupportedNetwork/isSupportedNetwork.js';
 import 'viem';
 import 'viem/chains';
-import '../../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../../locale/locale.js';
-import { useConnectAndSign } from '../authenticationHooks/useConnectAndSign/useConnectAndSign.js';
-import '../../../context/DynamicContext/DynamicContext.js';
-import '../../../events/dynamicEvents.js';
+import '../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../context/WalletContext/WalletContext.js';
-import '../../../context/ErrorContext/ErrorContext.js';
 import '../../../context/ThemeContext/ThemeContext.js';
-import '../../../context/VerificationContext/VerificationContext.js';
 import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
-import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../../context/MockContext/MockContext.js';
 import '../../../views/CollectUserDataView/useFields.js';
 import '../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
-import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
-import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '@dynamic-labs/rpc-providers';
 import 'react-i18next';
 import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
@@ -63,7 +63,6 @@ import 'qrcode';
 import 'formik';
 import '../../../views/WalletList/WalletList.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
-import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../context/FooterAnimationContext/index.js';
@@ -75,38 +74,40 @@ import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWid
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { useWalletConnectorNetwork } from '../useWalletConnectorNetwork/useWalletConnectorNetwork.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const useNetworkNotSupported = () => {
-    const { selectedWalletConnector: walletConnector, setShowAuthFlow, bridgeChainsToConnect, bridgeOnboardingCompleted, isBridgeFlow, } = useInternalDynamicContext();
-    const { network: walletConnectorNetwork } = useWalletConnectorNetwork(walletConnector);
+    const { selectedWalletConnector: walletConnector, setShowAuthFlow, bridgeChainsToConnect, bridgeOnboardingCompleted, isBridgeFlow, user, authMode, } = useInternalDynamicContext();
     const finishConnectAndSign = useConnectAndSign({
         shouldCallCallback: false,
         shouldUpdateWallets: Boolean(bridgeChainsToConnect === null || bridgeChainsToConnect === void 0 ? void 0 : bridgeChainsToConnect.length),
     });
-    // Finishes auth flow when wallet switches to proper network
-    useEffect(() => {
-        if (!isSupportedNetwork({ network: walletConnectorNetwork, walletConnector })) {
-            return;
-        }
-        finishConnectAndSign({
-            walletConnector: walletConnector,
-        });
-        // we're checking for bridgeChainsToConnect because in some scenarios,
-        // bridgeOnboardingCompleted might have not been set yet
-        if (!isBridgeFlow ||
-            bridgeOnboardingCompleted ||
-            !(bridgeChainsToConnect === null || bridgeChainsToConnect === void 0 ? void 0 : bridgeChainsToConnect.length)) {
-            setShowAuthFlow(false);
-        }
-    }, [
-        isBridgeFlow,
-        walletConnectorNetwork,
-        setShowAuthFlow,
-        bridgeOnboardingCompleted,
-        finishConnectAndSign,
-        bridgeChainsToConnect,
-    ]);
+    const { network: walletConnectorNetwork } = useWalletConnectorNetwork(walletConnector, {
+        onChange: (walletConnectorNetwork) => {
+            if (!isSupportedNetwork({
+                network: walletConnectorNetwork,
+                walletConnector,
+            })) {
+                return;
+            }
+            finishConnectAndSign({
+                walletConnector: walletConnector,
+            }).then(() => {
+                // if user still has to do onboarding, we should not hide the auth flow
+                if (!user && authMode === 'connect-and-sign') {
+                    return;
+                }
+                // we're checking for bridgeChainsToConnect because in some scenarios,
+                // bridgeOnboardingCompleted might have not been set yet
+                if (!isBridgeFlow ||
+                    bridgeOnboardingCompleted ||
+                    !(bridgeChainsToConnect === null || bridgeChainsToConnect === void 0 ? void 0 : bridgeChainsToConnect.length)) {
+                    setShowAuthFlow(false);
+                }
+            });
+        },
+    });
     return { currentNetwork: walletConnectorNetwork };
 };
 

package/src/lib/utils/hooks/useTokenBalances/useTokenBalances.cjs

@@ -94,14 +94,16 @@ const useTokenBalances = ({ accountAddress, networkId, chainName = sdkApiCore.Ch
             setError(errors.USER_NOT_LOGGED_IN);
             return;
         }
-        if (requestChainName !== sdkApiCore.ChainEnum.Evm) {
+        if (![sdkApiCore.ChainEnum.Evm, sdkApiCore.ChainEnum.Sol].includes(requestChainName)) {
             setError(`Chain ${requestChainName} is not supported for token balances`);
             return;
         }
         if (!isLoading &&
             requestAccount &&
-            requestNetwork &&
-            Object.values(sdkApiCore.GetAccountBalancesNetworkIdEnum).includes(requestNetwork)) {
+            ((chainName === sdkApiCore.ChainEnum.Evm &&
+                requestNetwork &&
+                Object.values(sdkApiCore.GetAccountBalancesNetworkIdEnum).includes(requestNetwork)) ||
+                chainName === sdkApiCore.ChainEnum.Sol)) {
             setIsLoading(true);
             balances.getAccountTokenBalances({
                 accountAddress: requestAccount,
@@ -109,7 +111,7 @@ const useTokenBalances = ({ accountAddress, networkId, chainName = sdkApiCore.Ch
                 environmentId,
                 includeNative: includeNativeBalance,
                 includePrices: includeFiat,
-                networkId: Number(requestNetwork),
+                networkId: chainName === sdkApiCore.ChainEnum.Evm ? Number(requestNetwork) : 0,
             })
                 .then((response) => {
                 if (response) {

package/src/lib/utils/hooks/useTokenBalances/useTokenBalances.js

@@ -90,14 +90,16 @@ const useTokenBalances = ({ accountAddress, networkId, chainName = ChainEnum.Evm
             setError(USER_NOT_LOGGED_IN);
             return;
         }
-        if (requestChainName !== ChainEnum.Evm) {
+        if (![ChainEnum.Evm, ChainEnum.Sol].includes(requestChainName)) {
             setError(`Chain ${requestChainName} is not supported for token balances`);
             return;
         }
         if (!isLoading &&
             requestAccount &&
-            requestNetwork &&
-            Object.values(GetAccountBalancesNetworkIdEnum).includes(requestNetwork)) {
+            ((chainName === ChainEnum.Evm &&
+                requestNetwork &&
+                Object.values(GetAccountBalancesNetworkIdEnum).includes(requestNetwork)) ||
+                chainName === ChainEnum.Sol)) {
             setIsLoading(true);
             getAccountTokenBalances({
                 accountAddress: requestAccount,
@@ -105,7 +107,7 @@ const useTokenBalances = ({ accountAddress, networkId, chainName = ChainEnum.Evm
                 environmentId,
                 includeNative: includeNativeBalance,
                 includePrices: includeFiat,
-                networkId: Number(requestNetwork),
+                networkId: chainName === ChainEnum.Evm ? Number(requestNetwork) : 0,
             })
                 .then((response) => {
                 if (response) {

package/src/lib/utils/hooks/useWalletConnectorNetwork/useWalletConnectorNetwork.cjs

@@ -3,6 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var usePromise = require('../usePromise/usePromise.cjs');
 require('../../../events/dynamicEvents.cjs');
@@ -22,7 +23,7 @@ var useWalletConnectorEvent = require('../events/useWalletConnectorEvent/useWall
  * // You can then use the 'network' state in your component
  * return <div>Current Network: {network}</div>;
  */
-const useWalletConnectorNetwork = (walletConnector) => {
+const useWalletConnectorNetwork = (walletConnector, { onChange } = { onChange: () => { } }) => {
     const [network, setNetwork] = React.useState();
     const { isLoading } = usePromise.usePromise(() => walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.getNetwork(), {
         deps: [walletConnector],
@@ -30,16 +31,22 @@ const useWalletConnectorNetwork = (walletConnector) => {
             setNetwork(network);
         },
     });
-    useWalletConnectorEvent.useWalletConnectorEvent(walletConnector || undefined, 'chainChange', ({ chain }) => setNetwork((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) === 'STARK' ? chain : parseInt(chain)));
+    useWalletConnectorEvent.useWalletConnectorEvent(walletConnector || undefined, 'chainChange', ({ chain }) => {
+        const parsedChain = (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) === 'STARK' ? chain : parseInt(chain);
+        setNetwork(parsedChain);
+        onChange === null || onChange === void 0 ? void 0 : onChange(parsedChain);
+    });
     /**
      * Listen to disconnect event and update the network because ArgentX
      * emits a disconnect event when the user switches network.
      */
-    useWalletConnectorEvent.useWalletConnectorEvent(walletConnector || undefined, 'disconnect', () => {
-        if ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) === 'argentx') {
-            walletConnector.getNetwork().then(setNetwork);
-        }
-    });
+    useWalletConnectorEvent.useWalletConnectorEvent(walletConnector || undefined, 'disconnect', () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) !== 'argentx')
+            return;
+        const chain = yield walletConnector.getNetwork();
+        setNetwork(chain);
+        onChange === null || onChange === void 0 ? void 0 : onChange(chain);
+    }));
     return { isLoading, network };
 };
 

package/src/lib/utils/hooks/useWalletConnectorNetwork/useWalletConnectorNetwork.d.ts

@@ -1,4 +1,8 @@
 import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
+type UseWalletConnectorNetworkOptions = {
+    /** Triggered whenever the network changes */
+    onChange?: (network: string | number | undefined) => void;
+};
 /**
  * Sync wallet connector network.
  *
@@ -13,7 +17,8 @@ import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
  * // You can then use the 'network' state in your component
  * return <div>Current Network: {network}</div>;
  */
-export declare const useWalletConnectorNetwork: (walletConnector: WalletConnector | null | undefined) => {
+export declare const useWalletConnectorNetwork: (walletConnector: WalletConnector | null | undefined, { onChange }?: UseWalletConnectorNetworkOptions) => {
     isLoading: boolean;
     network: string | number | undefined;
 };
+export {};

package/src/lib/utils/hooks/useWalletConnectorNetwork/useWalletConnectorNetwork.js

@@ -1,4 +1,5 @@
 'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useState } from 'react';
 import { usePromise } from '../usePromise/usePromise.js';
 import '../../../events/dynamicEvents.js';
@@ -18,7 +19,7 @@ import { useWalletConnectorEvent } from '../events/useWalletConnectorEvent/useWa
  * // You can then use the 'network' state in your component
  * return <div>Current Network: {network}</div>;
  */
-const useWalletConnectorNetwork = (walletConnector) => {
+const useWalletConnectorNetwork = (walletConnector, { onChange } = { onChange: () => { } }) => {
     const [network, setNetwork] = useState();
     const { isLoading } = usePromise(() => walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.getNetwork(), {
         deps: [walletConnector],
@@ -26,16 +27,22 @@ const useWalletConnectorNetwork = (walletConnector) => {
             setNetwork(network);
         },
     });
-    useWalletConnectorEvent(walletConnector || undefined, 'chainChange', ({ chain }) => setNetwork((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) === 'STARK' ? chain : parseInt(chain)));
+    useWalletConnectorEvent(walletConnector || undefined, 'chainChange', ({ chain }) => {
+        const parsedChain = (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain) === 'STARK' ? chain : parseInt(chain);
+        setNetwork(parsedChain);
+        onChange === null || onChange === void 0 ? void 0 : onChange(parsedChain);
+    });
     /**
      * Listen to disconnect event and update the network because ArgentX
      * emits a disconnect event when the user switches network.
      */
-    useWalletConnectorEvent(walletConnector || undefined, 'disconnect', () => {
-        if ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) === 'argentx') {
-            walletConnector.getNetwork().then(setNetwork);
-        }
-    });
+    useWalletConnectorEvent(walletConnector || undefined, 'disconnect', () => __awaiter(void 0, void 0, void 0, function* () {
+        if ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) !== 'argentx')
+            return;
+        const chain = yield walletConnector.getNetwork();
+        setNetwork(chain);
+        onChange === null || onChange === void 0 ? void 0 : onChange(chain);
+    }));
     return { isLoading, network };
 };
 

package/src/lib/views/CaptchaVerifyUser/CaptchaVerifyUser.cjs

@@ -59,10 +59,10 @@ require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
+var Typography = require('../../components/Typography/Typography.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-var Typography = require('../../components/Typography/Typography.cjs');
 require('formik');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../components/Input/Input.cjs');

package/src/lib/views/CaptchaVerifyUser/CaptchaVerifyUser.js

@@ -55,10 +55,10 @@ import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
+import { Typography } from '../../components/Typography/Typography.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import { Typography } from '../../components/Typography/Typography.js';
 import 'formik';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../components/Input/Input.js';

package/src/lib/views/CollectUserDataView/CollectUserDataView.cjs

@@ -64,9 +64,9 @@ require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
+var Icon = require('../../components/Icon/Icon.cjs');
 var AuthProviderIcon = require('../../components/AuthProviderIcon/AuthProviderIcon.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-var Icon = require('../../components/Icon/Icon.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');

package/src/lib/views/CollectUserDataView/CollectUserDataView.js

@@ -60,9 +60,9 @@ import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
+import { Icon } from '../../components/Icon/Icon.js';
 import { AuthProviderIcon } from '../../components/AuthProviderIcon/AuthProviderIcon.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import { Icon } from '../../components/Icon/Icon.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';

package/src/lib/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.cjs

@@ -63,10 +63,10 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('react-focus-lock');
 var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
 var Icon = require('../../components/Icon/Icon.cjs');
+var Typography = require('../../components/Typography/Typography.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-var Typography = require('../../components/Typography/Typography.cjs');
 require('formik');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../components/Input/Input.cjs');

package/src/lib/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.js

@@ -59,10 +59,10 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import 'react-focus-lock';
 import { IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.js';
 import { Icon } from '../../components/Icon/Icon.js';
+import { Typography } from '../../components/Typography/Typography.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { IconButton } from '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import { Typography } from '../../components/Typography/Typography.js';
 import 'formik';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../components/Input/Input.js';

package/src/lib/views/EmailVerification/EmailVerification.cjs

@@ -74,10 +74,10 @@ require('../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
+var Icon = require('../../components/Icon/Icon.cjs');
 var LoadingContext = require('../../context/LoadingContext/LoadingContext.cjs');
 var IconWithStatus = require('../../components/IconWithStatus/IconWithStatus.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-var Icon = require('../../components/Icon/Icon.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');

package/src/lib/views/EmailVerification/EmailVerification.js

@@ -70,10 +70,10 @@ import '../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import { IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.js';
+import { Icon } from '../../components/Icon/Icon.js';
 import { useLoadingContext } from '../../context/LoadingContext/LoadingContext.js';
 import { IconWithStatus } from '../../components/IconWithStatus/IconWithStatus.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import { Icon } from '../../components/Icon/Icon.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';

package/src/lib/views/LoginView/sections/WalletSignInSection/ListItemButton/ListItemButton.cjs

@@ -61,6 +61,7 @@ require('../../../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 var Icon = require('../../../../../components/Icon/Icon.cjs');
+var ListTile = require('../../../../../components/ListTile/ListTile.cjs');
 require('../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../../components/IconButton/IconButton.cjs');
 require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
@@ -71,7 +72,6 @@ require('../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuc
 require('../../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var Badge = require('../../../../../components/Badge/Badge.cjs');
-var ListTile = require('../../../../../components/ListTile/ListTile.cjs');
 require('../../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../../../components/Popper/Popper/Popper.cjs');

package/src/lib/views/LoginView/sections/WalletSignInSection/ListItemButton/ListItemButton.js

@@ -57,6 +57,7 @@ import '../../../../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import { Icon } from '../../../../../components/Icon/Icon.js';
+import { ListTile } from '../../../../../components/ListTile/ListTile.js';
 import '../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../../components/IconButton/IconButton.js';
 import '../../../../../components/MenuList/Dropdown/Dropdown.js';
@@ -67,7 +68,6 @@ import '../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSucc
 import '../../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { Badge } from '../../../../../components/Badge/Badge.js';
-import { ListTile } from '../../../../../components/ListTile/ListTile.js';
 import '../../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../../components/Popper/Popper/Popper.js';

package/src/lib/views/Passkey/PasskeyRecovery/BundleValidation/PasskeyBundleRecovery.cjs

@@ -68,9 +68,9 @@ require('../../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 var IconWithSpinner = require('../../../../components/IconWithSpinner/IconWithSpinner.cjs');
+var Icon = require('../../../../components/Icon/Icon.cjs');
 var IconWithStatus = require('../../../../components/IconWithStatus/IconWithStatus.cjs');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-var Icon = require('../../../../components/Icon/Icon.cjs');
 var IconButton = require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');

package/src/lib/views/Passkey/PasskeyRecovery/BundleValidation/PasskeyBundleRecovery.js

@@ -64,9 +64,9 @@ import '../../../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import { IconWithSpinner } from '../../../../components/IconWithSpinner/IconWithSpinner.js';
+import { Icon } from '../../../../components/Icon/Icon.js';
 import { IconWithStatus } from '../../../../components/IconWithStatus/IconWithStatus.js';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import { Icon } from '../../../../components/Icon/Icon.js';
 import { IconButton } from '../../../../components/IconButton/IconButton.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';

package/src/lib/views/SelectHardwareWalletView/SelectHardwareWalletView.cjs

@@ -59,6 +59,7 @@ require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
+var HardwareWalletToggle = require('../../components/HardwareWalletToggle/HardwareWalletToggle.cjs');
 var Divider = require('../../components/Divider/Divider.cjs');
 var Icon = require('../../components/Icon/Icon.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
@@ -80,7 +81,6 @@ require('../WalletList/WalletList.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
-var HardwareWalletToggle = require('../../components/HardwareWalletToggle/HardwareWalletToggle.cjs');
 
 const SelectHardwareWalletView = ({ wallet, onSelectWallet, }) => {
     const { t } = reactI18next.useTranslation();

package/src/lib/views/SelectHardwareWalletView/SelectHardwareWalletView.js

@@ -55,6 +55,7 @@ import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
+import { HardwareWalletToggle } from '../../components/HardwareWalletToggle/HardwareWalletToggle.js';
 import { Divider } from '../../components/Divider/Divider.js';
 import { Icon } from '../../components/Icon/Icon.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
@@ -76,7 +77,6 @@ import '../WalletList/WalletList.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
-import { HardwareWalletToggle } from '../../components/HardwareWalletToggle/HardwareWalletToggle.js';
 
 const SelectHardwareWalletView = ({ wallet, onSelectWallet, }) => {
     const { t } = useTranslation();

package/src/lib/views/SelectWalletInWalletGroupView/components/WalletGroupItem/WalletGroupItem.cjs

@@ -65,6 +65,7 @@ require('../../../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 var Icon = require('../../../../components/Icon/Icon.cjs');
+var ListTile = require('../../../../components/ListTile/ListTile.cjs');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
@@ -75,7 +76,6 @@ require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSucces
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var Badge = require('../../../../components/Badge/Badge.cjs');
-var ListTile = require('../../../../components/ListTile/ListTile.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');

package/src/lib/views/SelectWalletInWalletGroupView/components/WalletGroupItem/WalletGroupItem.js

@@ -61,6 +61,7 @@ import '../../../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import { Icon } from '../../../../components/Icon/Icon.js';
+import { ListTile } from '../../../../components/ListTile/ListTile.js';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
@@ -71,7 +72,6 @@ import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccess
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { Badge } from '../../../../components/Badge/Badge.js';
-import { ListTile } from '../../../../components/ListTile/ListTile.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../components/Popper/Popper/Popper.js';

package/src/lib/views/SocialRedirectView/SocialRedirectView.cjs

@@ -62,10 +62,10 @@ require('../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
+var Typography = require('../../components/Typography/Typography.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-var Typography = require('../../components/Typography/Typography.cjs');
 require('formik');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../components/Input/Input.cjs');

package/src/lib/views/SocialRedirectView/SocialRedirectView.js

@@ -58,10 +58,10 @@ import '../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import { IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.js';
+import { Typography } from '../../components/Typography/Typography.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import { Typography } from '../../components/Typography/Typography.js';
 import 'formik';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../components/Input/Input.js';

package/src/lib/views/UserFieldEditorView/UserFieldEditorView.cjs

@@ -61,10 +61,10 @@ require('../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 var Icon = require('../../components/Icon/Icon.cjs');
+var Typography = require('../../components/Typography/Typography.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-var Typography = require('../../components/Typography/Typography.cjs');
 var UserProfileForm = require('../../components/UserProfileForm/UserProfileForm.cjs');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');

package/src/lib/views/UserFieldEditorView/UserFieldEditorView.js

@@ -57,10 +57,10 @@ import '../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import { Icon } from '../../components/Icon/Icon.js';
+import { Typography } from '../../components/Typography/Typography.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { IconButton } from '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import { Typography } from '../../components/Typography/Typography.js';
 import { UserProfileForm } from '../../components/UserProfileForm/UserProfileForm.js';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';