@dynamic-labs/sdk-react-core 4.29.3 → 4.29.5

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

@@ -0,0 +1,120 @@
+'use client'
+import { useCallback } from 'react';
+import '../../../context/DynamicContext/DynamicContext.js';
+import '../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
+import '@dynamic-labs/sdk-api-core';
+import '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../constants/colors.js';
+import '../../constants/values.js';
+import '../../../shared/consts/index.js';
+import '../../../events/dynamicEvents.js';
+import '../../../../../_virtual/_tslib.js';
+import '../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../context/ErrorContext/ErrorContext.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import '../../../store/state/nonce/nonce.js';
+import '@dynamic-labs-sdk/client/core';
+import '../../../client/client.js';
+import '@dynamic-labs-sdk/client';
+import '../../../config/ApiEndpoint.js';
+import '../../../store/state/projectSettings/projectSettings.js';
+import '../../../locale/locale.js';
+import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../../store/state/primaryWalletId/primaryWalletId.js';
+import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
+import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../../store/state/authMode/authMode.js';
+import '../../../context/VerificationContext/VerificationContext.js';
+import 'react-dom';
+import '../../functions/compareChains/compareChains.js';
+import '../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.js';
+import '../../../context/ThemeContext/ThemeContext.js';
+import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
+import '@dynamic-labs/types';
+import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../context/LoadingContext/LoadingContext.js';
+import '../../../context/WalletContext/WalletContext.js';
+import '../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
+import 'yup';
+import '../../../context/MockContext/MockContext.js';
+import '../../../views/CollectUserDataView/useFields.js';
+import '../../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../../store/state/walletOptions/walletOptions.js';
+import 'react-i18next';
+import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../../components/Alert/Alert.js';
+import '../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../components/IconButton/IconButton.js';
+import '../../../components/InlineWidget/InlineWidget.js';
+import '../../../components/Input/Input.js';
+import '../../../components/IsBrowser/IsBrowser.js';
+import '../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../components/OverlayCard/OverlayCard.js';
+import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../../components/Popper/Popper/Popper.js';
+import '../../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
+import 'qrcode';
+import 'formik';
+import '../useSubdomainCheck/useSubdomainCheck.js';
+import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
+import '../../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
+import '../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
+import '../../../context/FooterAnimationContext/index.js';
+import '../../../views/MfaChooseDeviceView/getMfaOptions/getMfaOptions.js';
+import '../../../context/PasskeyContext/PasskeyContext.js';
+import '../../../context/OnrampContext/OnrampContext.js';
+import '../../../store/state/sendBalances.js';
+import '../../../store/state/connectorsInitializing/connectorsInitializing.js';
+import '../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
+import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
+import '../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
+import '../../../../index.js';
+import '../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
+import '../../../store/state/tokenBalances.js';
+import '../../../store/state/multichainBalances.js';
+import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
+
+/**
+ * Opens a view that allows the user to upgrade to MPC v3 wallets.
+ *
+ */
+const useUpgradeToDynamicWaasFlow = () => {
+    const { setShowAuthFlow } = useInternalDynamicContext();
+    const { pushView } = useViewContext();
+    const promptUpgradeToDynamicWaasFlow = useCallback(() => {
+        // Show the auth flow modal
+        setShowAuthFlow(true, {
+            ignoreIfIsEmbeddedWidget: false,
+            performMultiWalletChecks: false,
+        });
+        // Navigate to the WaaS upgrade view
+        pushView('waas-upgrade-view');
+    }, [setShowAuthFlow, pushView]);
+    return { promptUpgradeToDynamicWaasFlow };
+};
+
+export { useUpgradeToDynamicWaasFlow };

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

@@ -32,9 +32,6 @@ var updatePrimaryWalletId = require('../../functions/updatePrimaryWalletId/updat
 var connectedWalletsInfo = require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
-var AccessDeniedContext = require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
-var AccountExistsContext = require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
-var UserWalletsContext = require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('@dynamic-labs-sdk/client/core');
 require('../../../client/client.cjs');
 require('@dynamic-labs-sdk/client');
@@ -42,6 +39,9 @@ require('../../../config/ApiEndpoint.cjs');
 require('../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../locale/locale.cjs');
 var wallets = require('../../../data/api/wallets/wallets.cjs');
+var AccessDeniedContext = require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+var AccountExistsContext = require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
+var UserWalletsContext = require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 var getSiweStatement = require('../../functions/getSiweStatement/getSiweStatement.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('../../../store/state/nonce/nonce.cjs');

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

@@ -28,9 +28,6 @@ import { updatePrimaryWalletId } from '../../functions/updatePrimaryWalletId/upd
 import { resetConnectedWalletsInfo } from '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../store/state/primaryWalletId/primaryWalletId.js';
-import { useAccessDeniedContext } from '../../../context/AccessDeniedContext/AccessDeniedContext.js';
-import { useAccountExistsContext } from '../../../context/AccountExistsContext/AccountExistsContext.js';
-import { useInternalUserWallets } from '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '@dynamic-labs-sdk/client/core';
 import '../../../client/client.js';
 import '@dynamic-labs-sdk/client';
@@ -38,6 +35,9 @@ import '../../../config/ApiEndpoint.js';
 import '../../../store/state/projectSettings/projectSettings.js';
 import '../../../locale/locale.js';
 import { verifyWallet, linkWallet } from '../../../data/api/wallets/wallets.js';
+import { useAccessDeniedContext } from '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import { useAccountExistsContext } from '../../../context/AccountExistsContext/AccountExistsContext.js';
+import { useInternalUserWallets } from '../../../context/UserWalletsContext/UserWalletsContext.js';
 import { getSiweStatement } from '../../functions/getSiweStatement/getSiweStatement.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import '../../../store/state/nonce/nonce.js';

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

@@ -25,6 +25,12 @@ var updatePrimaryWalletId = require('../../functions/updatePrimaryWalletId/updat
 require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
+require('@dynamic-labs-sdk/client/core');
+require('../../../client/client.cjs');
+require('@dynamic-labs-sdk/client');
+require('../../../config/ApiEndpoint.cjs');
+require('../../../store/state/projectSettings/projectSettings.cjs');
+require('../../../locale/locale.cjs');
 var createLinkedWalletsFromWalletOptions = require('./utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.cjs');
 var updateUserWalletsFromLinkedWallets = require('./utils/updateUserWalletsFromLinkedWallets/updateUserWalletsFromLinkedWallets.cjs');
 

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

@@ -21,6 +21,12 @@ import { updatePrimaryWalletId } from '../../functions/updatePrimaryWalletId/upd
 import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../store/state/primaryWalletId/primaryWalletId.js';
+import '@dynamic-labs-sdk/client/core';
+import '../../../client/client.js';
+import '@dynamic-labs-sdk/client';
+import '../../../config/ApiEndpoint.js';
+import '../../../store/state/projectSettings/projectSettings.js';
+import '../../../locale/locale.js';
 import { createLinkedWalletsFromWalletOptions } from './utils/createLinkedWalletsFromWalletOptions/createLinkedWalletsFromWalletOptions.js';
 import { updateUserWalletsFromLinkedWallets } from './utils/updateUserWalletsFromLinkedWallets/updateUserWalletsFromLinkedWallets.js';
 

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

@@ -26,6 +26,12 @@ var updatePrimaryWalletId = require('../../functions/updatePrimaryWalletId/updat
 require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
+require('@dynamic-labs-sdk/client/core');
+require('../../../client/client.cjs');
+require('@dynamic-labs-sdk/client');
+require('../../../config/ApiEndpoint.cjs');
+require('../../../store/state/projectSettings/projectSettings.cjs');
+require('../../../locale/locale.cjs');
 var authMode = require('../../../store/state/authMode/authMode.cjs');
 
 const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnectorKey, setSelectedWalletWithAction, setMultiWalletWidgetState, user, refreshConnectedWallet, detectNewWalletsForLinking, }) => {

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

@@ -22,6 +22,12 @@ import { updatePrimaryWalletId } from '../../functions/updatePrimaryWalletId/upd
 import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../store/state/primaryWalletId/primaryWalletId.js';
+import '@dynamic-labs-sdk/client/core';
+import '../../../client/client.js';
+import '@dynamic-labs-sdk/client';
+import '../../../config/ApiEndpoint.js';
+import '../../../store/state/projectSettings/projectSettings.js';
+import '../../../locale/locale.js';
 import { getAuthMode } from '../../../store/state/authMode/authMode.js';
 
 const useWalletEventListeners = ({ disconnectWallet, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnectorKey, setSelectedWalletWithAction, setMultiWalletWidgetState, user, refreshConnectedWallet, detectNewWalletsForLinking, }) => {

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

@@ -137,36 +137,7 @@ const useWalletOptions = () => {
         });
     }, [walletConnectorOptions, walletGroups]);
     const allWalletOptions = React.useMemo(() => getFilteredWalletOptions((options) => options), [getFilteredWalletOptions]);
-    const selectWalletOption = React.useCallback((walletKey, selectGroupIfAvailable = true) => new Promise((resolve, reject) => {
-        const group = groupWalletOptions.groupWalletOptions(walletGroups, walletConnectorOptions);
-        const walletGroup = group.find((wallet) => wallet.key === walletKey);
-        const walletOption = walletConnectorOptions === null || walletConnectorOptions === void 0 ? void 0 : walletConnectorOptions.find((wallet) => wallet.key === walletKey);
-        logger.logger.logVerboseTroubleshootingMessage('[useWalletOptions] selectWalletOption', {
-            selectGroupIfAvailable,
-            walletGroup: walletGroup === null || walletGroup === void 0 ? void 0 : walletGroup.key,
-            walletKey,
-            walletOption: walletOption === null || walletOption === void 0 ? void 0 : walletOption.key,
-        });
-        if (!walletOption) {
-            reject(new utils.DynamicError('Invalid wallet option key provided.'));
-            return;
-        }
-        if (selectGroupIfAvailable &&
-            walletGroup &&
-            isWalletGroup.isWalletGroup(walletGroup)) {
-            navigateToWalletGroup(walletGroup);
-        }
-        else if (walletConnectorCore.isHardwareWalletConnector(walletOption.walletConnector) &&
-            walletOption.walletConnector.canConnectWithHardwareWallet()) {
-            pushView('select-hardware-wallet', {
-                onSelectWallet: handleWalletItemClick,
-                wallet: walletOption,
-            });
-        }
-        else {
-            handleWalletItemClick(walletOption);
-        }
-        setShowAuthFlow(true);
+    const addListenersToHandleWalletSelectionPromise = React.useCallback(({ walletKey, connectorName, resolve, reject, }) => {
         const walletAdded = (wallet) => {
             if (wallet.key !== walletKey) {
                 return;
@@ -185,7 +156,7 @@ const useWalletOptions = () => {
         };
         const authFailure = (method, reason) => {
             if (method.type !== 'wallet' ||
-                method.connectorName !== walletOption.walletConnector.name) {
+                method.connectorName !== connectorName) {
                 return;
             }
             const error = typeof reason === 'object' ? reason.error : reason;
@@ -201,7 +172,49 @@ const useWalletOptions = () => {
         dynamicEvents.dynamicEvents.on('walletAdded', walletAdded);
         dynamicEvents.dynamicEvents.on('walletConnectionFailed', walletConnectionFailed);
         dynamicEvents.dynamicEvents.on('authFailure', authFailure);
+    }, [setShowAuthFlow]);
+    const selectWalletOption = React.useCallback((walletKey, selectGroupIfAvailable = true, skipAllSelectionUi = false) => new Promise((resolve, reject) => {
+        const group = groupWalletOptions.groupWalletOptions(walletGroups, walletConnectorOptions);
+        const walletGroup = group.find((wallet) => wallet.key === walletKey);
+        const walletOption = walletConnectorOptions === null || walletConnectorOptions === void 0 ? void 0 : walletConnectorOptions.find((wallet) => wallet.key === walletKey);
+        logger.logger.logVerboseTroubleshootingMessage('[useWalletOptions] selectWalletOption', {
+            selectGroupIfAvailable,
+            walletGroup: walletGroup === null || walletGroup === void 0 ? void 0 : walletGroup.key,
+            walletKey,
+            walletOption: walletOption === null || walletOption === void 0 ? void 0 : walletOption.key,
+        });
+        if (!walletOption) {
+            reject(new utils.DynamicError('Invalid wallet option key provided.'));
+            return;
+        }
+        addListenersToHandleWalletSelectionPromise({
+            connectorName: walletOption.walletConnector.name,
+            reject,
+            resolve,
+            walletKey,
+        });
+        if (skipAllSelectionUi) {
+            handleWalletItemClick(walletOption);
+            return;
+        }
+        if (selectGroupIfAvailable &&
+            walletGroup &&
+            isWalletGroup.isWalletGroup(walletGroup)) {
+            navigateToWalletGroup(walletGroup);
+        }
+        else if (walletConnectorCore.isHardwareWalletConnector(walletOption.walletConnector) &&
+            walletOption.walletConnector.canConnectWithHardwareWallet()) {
+            pushView('select-hardware-wallet', {
+                onSelectWallet: handleWalletItemClick,
+                wallet: walletOption,
+            });
+        }
+        else {
+            handleWalletItemClick(walletOption);
+        }
+        setShowAuthFlow(true);
     }), [
+        addListenersToHandleWalletSelectionPromise,
         handleWalletItemClick,
         navigateToWalletGroup,
         setShowAuthFlow,

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

@@ -11,7 +11,7 @@ export declare const useWalletOptions: () => {
         metadata: import("@dynamic-labs/wallet-connector-core").WalletMetadata;
         name: string;
     }[];
-    selectWalletOption: (walletKey: string, selectGroupIfAvailable?: boolean) => Promise<Wallet<import("@dynamic-labs/wallet-connector-core").WalletConnectorCore.WalletConnector>>;
+    selectWalletOption: (walletKey: string, selectGroupIfAvailable?: boolean, skipAllSelectionUi?: boolean) => Promise<Wallet<import("@dynamic-labs/wallet-connector-core").WalletConnectorCore.WalletConnector>>;
     walletOptions: {
         chain: "ETH" | "FLOW" | "SOL" | "EVM" | "ALGO" | "STARK" | "ATOM" | "COSMOS" | "BTC" | "ECLIPSE" | "SUI";
         group: string | undefined;

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

@@ -133,36 +133,7 @@ const useWalletOptions = () => {
         });
     }, [walletConnectorOptions, walletGroups]);
     const allWalletOptions = useMemo(() => getFilteredWalletOptions((options) => options), [getFilteredWalletOptions]);
-    const selectWalletOption = useCallback((walletKey, selectGroupIfAvailable = true) => new Promise((resolve, reject) => {
-        const group = groupWalletOptions(walletGroups, walletConnectorOptions);
-        const walletGroup = group.find((wallet) => wallet.key === walletKey);
-        const walletOption = walletConnectorOptions === null || walletConnectorOptions === void 0 ? void 0 : walletConnectorOptions.find((wallet) => wallet.key === walletKey);
-        logger.logVerboseTroubleshootingMessage('[useWalletOptions] selectWalletOption', {
-            selectGroupIfAvailable,
-            walletGroup: walletGroup === null || walletGroup === void 0 ? void 0 : walletGroup.key,
-            walletKey,
-            walletOption: walletOption === null || walletOption === void 0 ? void 0 : walletOption.key,
-        });
-        if (!walletOption) {
-            reject(new DynamicError('Invalid wallet option key provided.'));
-            return;
-        }
-        if (selectGroupIfAvailable &&
-            walletGroup &&
-            isWalletGroup(walletGroup)) {
-            navigateToWalletGroup(walletGroup);
-        }
-        else if (isHardwareWalletConnector(walletOption.walletConnector) &&
-            walletOption.walletConnector.canConnectWithHardwareWallet()) {
-            pushView('select-hardware-wallet', {
-                onSelectWallet: handleWalletItemClick,
-                wallet: walletOption,
-            });
-        }
-        else {
-            handleWalletItemClick(walletOption);
-        }
-        setShowAuthFlow(true);
+    const addListenersToHandleWalletSelectionPromise = useCallback(({ walletKey, connectorName, resolve, reject, }) => {
         const walletAdded = (wallet) => {
             if (wallet.key !== walletKey) {
                 return;
@@ -181,7 +152,7 @@ const useWalletOptions = () => {
         };
         const authFailure = (method, reason) => {
             if (method.type !== 'wallet' ||
-                method.connectorName !== walletOption.walletConnector.name) {
+                method.connectorName !== connectorName) {
                 return;
             }
             const error = typeof reason === 'object' ? reason.error : reason;
@@ -197,7 +168,49 @@ const useWalletOptions = () => {
         dynamicEvents.on('walletAdded', walletAdded);
         dynamicEvents.on('walletConnectionFailed', walletConnectionFailed);
         dynamicEvents.on('authFailure', authFailure);
+    }, [setShowAuthFlow]);
+    const selectWalletOption = useCallback((walletKey, selectGroupIfAvailable = true, skipAllSelectionUi = false) => new Promise((resolve, reject) => {
+        const group = groupWalletOptions(walletGroups, walletConnectorOptions);
+        const walletGroup = group.find((wallet) => wallet.key === walletKey);
+        const walletOption = walletConnectorOptions === null || walletConnectorOptions === void 0 ? void 0 : walletConnectorOptions.find((wallet) => wallet.key === walletKey);
+        logger.logVerboseTroubleshootingMessage('[useWalletOptions] selectWalletOption', {
+            selectGroupIfAvailable,
+            walletGroup: walletGroup === null || walletGroup === void 0 ? void 0 : walletGroup.key,
+            walletKey,
+            walletOption: walletOption === null || walletOption === void 0 ? void 0 : walletOption.key,
+        });
+        if (!walletOption) {
+            reject(new DynamicError('Invalid wallet option key provided.'));
+            return;
+        }
+        addListenersToHandleWalletSelectionPromise({
+            connectorName: walletOption.walletConnector.name,
+            reject,
+            resolve,
+            walletKey,
+        });
+        if (skipAllSelectionUi) {
+            handleWalletItemClick(walletOption);
+            return;
+        }
+        if (selectGroupIfAvailable &&
+            walletGroup &&
+            isWalletGroup(walletGroup)) {
+            navigateToWalletGroup(walletGroup);
+        }
+        else if (isHardwareWalletConnector(walletOption.walletConnector) &&
+            walletOption.walletConnector.canConnectWithHardwareWallet()) {
+            pushView('select-hardware-wallet', {
+                onSelectWallet: handleWalletItemClick,
+                wallet: walletOption,
+            });
+        }
+        else {
+            handleWalletItemClick(walletOption);
+        }
+        setShowAuthFlow(true);
     }), [
+        addListenersToHandleWalletSelectionPromise,
         handleWalletItemClick,
         navigateToWalletGroup,
         setShowAuthFlow,

package/src/lib/views/AccountUpgradedView/AccountUpgradedView.cjs

@@ -0,0 +1,124 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactI18next = require('react-i18next');
+var Typography = require('../../components/Typography/Typography.cjs');
+var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
+require('react');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
+require('@dynamic-labs/sdk-api-core');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+var close = require('../../shared/assets/close.cjs');
+var sparkles = require('../../shared/assets/sparkles.cjs');
+require('../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
+require('../../shared/consts/index.cjs');
+require('../../events/dynamicEvents.cjs');
+require('../../../../_virtual/_tslib.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('../../store/state/nonce/nonce.cjs');
+require('@dynamic-labs-sdk/client/core');
+require('../../client/client.cjs');
+require('@dynamic-labs-sdk/client');
+require('../../config/ApiEndpoint.cjs');
+require('../../store/state/projectSettings/projectSettings.cjs');
+require('../../locale/locale.cjs');
+require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../store/state/primaryWalletId/primaryWalletId.cjs');
+require('../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../store/state/authMode/authMode.cjs');
+require('../../context/VerificationContext/VerificationContext.cjs');
+require('react-dom');
+require('../../utils/functions/compareChains/compareChains.cjs');
+require('../Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.cjs');
+require('../../context/ThemeContext/ThemeContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
+require('@dynamic-labs/types');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../context/WalletContext/WalletContext.cjs');
+require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
+require('yup');
+require('../../context/MockContext/MockContext.cjs');
+require('../CollectUserDataView/useFields.cjs');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../store/state/walletOptions/walletOptions.cjs');
+require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../components/Alert/Alert.cjs');
+require('../../components/ShadowDOM/ShadowDOM.cjs');
+var IconButton = require('../../components/IconButton/IconButton.cjs');
+require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/Input/Input.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../components/OverlayCard/OverlayCard.cjs');
+require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
+require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
+require('qrcode');
+require('formik');
+require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
+require('../ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
+require('../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
+require('../MfaChooseDeviceView/getMfaOptions/getMfaOptions.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../context/OnrampContext/OnrampContext.cjs');
+require('../../store/state/sendBalances.cjs');
+require('../../store/state/connectorsInitializing/connectorsInitializing.cjs');
+require('../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../TransactionConfirmationView/TransactionConfirmationView.cjs');
+require('../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
+require('../../../index.cjs');
+require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
+require('../../store/state/tokenBalances.cjs');
+require('../../store/state/multichainBalances.cjs');
+require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
+var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
+
+const AccountUpgradedView = () => {
+    const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const { t } = reactI18next.useTranslation();
+    const handleContinue = () => {
+        setShowAuthFlow(false);
+    };
+    const closeButton = (jsxRuntime.jsx(IconButton.IconButton, { onClick: () => {
+            setShowAuthFlow(false);
+        }, type: 'button', children: jsxRuntime.jsx(close.ReactComponent, {}) }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, displayBorder: true, children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', children: t('dyn_account_upgraded.title') }) }), jsxRuntime.jsxs("div", { className: 'account-upgraded-view', children: [jsxRuntime.jsxs("div", { className: 'account-upgraded-view__content', children: [jsxRuntime.jsx("div", { className: 'account-upgraded-view__icon-container', children: jsxRuntime.jsx("div", { className: 'account-upgraded-view__icon-background', children: jsxRuntime.jsx(sparkles.ReactComponent, { className: 'account-upgraded-view__icon' }) }) }), jsxRuntime.jsx("div", { className: 'account-upgraded-view__message', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', style: { textAlign: 'center' }, children: t('dyn_account_upgraded.message') }) })] }), jsxRuntime.jsx("div", { className: 'account-upgraded-view__actions', children: jsxRuntime.jsx(TypographyButton.TypographyButton, { onClick: handleContinue, buttonVariant: 'brand-primary', expanded: true, buttonPadding: 'large', typographyProps: {
+                                color: 'white',
+                            }, dataTestId: 'account-upgraded-continue-button', children: t('dyn_account_upgraded.continue_button') }) })] })] }));
+};
+
+exports.AccountUpgradedView = AccountUpgradedView;

package/src/lib/views/AccountUpgradedView/AccountUpgradedView.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const AccountUpgradedView: FC;