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

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

@@ -3,48 +3,48 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var useWalletConnectorNetwork = require('../useWalletConnectorNetwork/useWalletConnectorNetwork.cjs');
-require('@dynamic-labs/wallet-connector-core');
+require('react');
+require('../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
-require('../../constants/values.cjs');
-require('@dynamic-labs/utils');
-require('../../../../../_virtual/_tslib.cjs');
-require('@dynamic-labs/multi-wallet');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../constants/colors.cjs');
+require('../../constants/values.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
+require('../../../events/dynamicEvents.cjs');
+require('../../../../../_virtual/_tslib.cjs');
+var useConnectAndSign = require('../authenticationHooks/useConnectAndSign/useConnectAndSign.cjs');
+require('../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 var isSupportedNetwork = require('../../functions/isSupportedNetwork/isSupportedNetwork.cjs');
 require('viem');
 require('viem/chains');
-require('../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../../locale/locale.cjs');
-var useConnectAndSign = require('../authenticationHooks/useConnectAndSign/useConnectAndSign.cjs');
-require('../../../context/DynamicContext/DynamicContext.cjs');
-require('../../../events/dynamicEvents.cjs');
+require('../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../context/WalletContext/WalletContext.cjs');
-require('../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
-require('../../../context/VerificationContext/VerificationContext.cjs');
 require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
-require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../../context/MockContext/MockContext.cjs');
 require('../../../views/CollectUserDataView/useFields.cjs');
 require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
-require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
-require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('react-i18next');
 require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
@@ -67,7 +67,6 @@ require('qrcode');
 require('formik');
 require('../../../views/WalletList/WalletList.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../context/FooterAnimationContext/index.cjs');
@@ -79,38 +78,40 @@ require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWi
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var useWalletConnectorNetwork = require('../useWalletConnectorNetwork/useWalletConnectorNetwork.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const useNetworkNotSupported = () => {
-    const { selectedWalletConnector: walletConnector, setShowAuthFlow, bridgeChainsToConnect, bridgeOnboardingCompleted, isBridgeFlow, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { network: walletConnectorNetwork } = useWalletConnectorNetwork.useWalletConnectorNetwork(walletConnector);
+    const { selectedWalletConnector: walletConnector, setShowAuthFlow, bridgeChainsToConnect, bridgeOnboardingCompleted, isBridgeFlow, user, authMode, } = useInternalDynamicContext.useInternalDynamicContext();
     const finishConnectAndSign = useConnectAndSign.useConnectAndSign({
         shouldCallCallback: false,
         shouldUpdateWallets: Boolean(bridgeChainsToConnect === null || bridgeChainsToConnect === void 0 ? void 0 : bridgeChainsToConnect.length),
     });
-    // Finishes auth flow when wallet switches to proper network
-    React.useEffect(() => {
-        if (!isSupportedNetwork.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.useWalletConnectorNetwork(walletConnector, {
+        onChange: (walletConnectorNetwork) => {
+            if (!isSupportedNetwork.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/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/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');