@dynamic-labs/sdk-react-core 3.0.0-alpha.52 → 3.0.0-alpha.53

package/src/lib/components/QrCodeWrapper/QrCodeWrapper.cjs

@@ -101,7 +101,7 @@ const QrCodeWrapper = ({ uri, desktopUri, icon, accentColor, showCopyToClipboard
      * disabled if url is empty
      */
     useTimeout.useTimeout(() => setShowQrCodeMessage(true), uri.length ? 5000 : null);
-    return (jsxRuntime.jsxs("div", { "data-testid": 'qr-code-wrapper', children: [jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, { style: { width: '100%' } }), children: showQrCodeMessage && !showQrCodeImage && (jsxRuntime.jsxs("div", { className: 'qr-code-wrapper__scan-issue-message', children: [jsxRuntime.jsx(Typography.Typography, { color: 'primary', variant: 'body_small', children: "If you're having issues scanning, click\u00A0" }), jsxRuntime.jsx("button", { "data-testid": 'qr-code-wrapper__scan-issue-button', className: 'qr-code-wrapper__scan-issue-button', onClick: () => setShowQrCodeImage(true), children: "here" })] })) }), jsxRuntime.jsx(QrCodeContainer.QrCodeContainer, { showQrCodeMessage: showQrCodeMessage, desktopUri: desktopUri, accentColor: accentColor, walletConnector: walletConnector, qrcodeValue: uri, Icon: icon, showCopyToClipboardButton: showCopyToClipboardButton, showQrCodeImage: showQrCodeImage })] }));
+    return (jsxRuntime.jsxs("div", { "data-testid": 'qr-code-wrapper', className: 'qr-code-wrapper', children: [jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, { style: { width: '100%' } }), children: showQrCodeMessage && !showQrCodeImage && (jsxRuntime.jsxs("div", { className: 'qr-code-wrapper__scan-issue-message', children: [jsxRuntime.jsx(Typography.Typography, { color: 'primary', variant: 'body_small', children: "If you're having issues scanning, click\u00A0" }), jsxRuntime.jsx("button", { "data-testid": 'qr-code-wrapper__scan-issue-button', className: 'qr-code-wrapper__scan-issue-button', onClick: () => setShowQrCodeImage(true), children: "here" })] })) }), jsxRuntime.jsx(QrCodeContainer.QrCodeContainer, { showQrCodeMessage: showQrCodeMessage, desktopUri: desktopUri, accentColor: accentColor, walletConnector: walletConnector, qrcodeValue: uri, Icon: icon, showCopyToClipboardButton: showCopyToClipboardButton, showQrCodeImage: showQrCodeImage })] }));
 };
 
 exports.QrCodeWrapper = QrCodeWrapper;

package/src/lib/components/QrCodeWrapper/QrCodeWrapper.js

@@ -97,7 +97,7 @@ const QrCodeWrapper = ({ uri, desktopUri, icon, accentColor, showCopyToClipboard
      * disabled if url is empty
      */
     useTimeout(() => setShowQrCodeMessage(true), uri.length ? 5000 : null);
-    return (jsxs("div", { "data-testid": 'qr-code-wrapper', children: [jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, { style: { width: '100%' } }), children: showQrCodeMessage && !showQrCodeImage && (jsxs("div", { className: 'qr-code-wrapper__scan-issue-message', children: [jsx(Typography, { color: 'primary', variant: 'body_small', children: "If you're having issues scanning, click\u00A0" }), jsx("button", { "data-testid": 'qr-code-wrapper__scan-issue-button', className: 'qr-code-wrapper__scan-issue-button', onClick: () => setShowQrCodeImage(true), children: "here" })] })) }), jsx(QrCodeContainer, { showQrCodeMessage: showQrCodeMessage, desktopUri: desktopUri, accentColor: accentColor, walletConnector: walletConnector, qrcodeValue: uri, Icon: icon, showCopyToClipboardButton: showCopyToClipboardButton, showQrCodeImage: showQrCodeImage })] }));
+    return (jsxs("div", { "data-testid": 'qr-code-wrapper', className: 'qr-code-wrapper', children: [jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, { style: { width: '100%' } }), children: showQrCodeMessage && !showQrCodeImage && (jsxs("div", { className: 'qr-code-wrapper__scan-issue-message', children: [jsx(Typography, { color: 'primary', variant: 'body_small', children: "If you're having issues scanning, click\u00A0" }), jsx("button", { "data-testid": 'qr-code-wrapper__scan-issue-button', className: 'qr-code-wrapper__scan-issue-button', onClick: () => setShowQrCodeImage(true), children: "here" })] })) }), jsx(QrCodeContainer, { showQrCodeMessage: showQrCodeMessage, desktopUri: desktopUri, accentColor: accentColor, walletConnector: walletConnector, qrcodeValue: uri, Icon: icon, showCopyToClipboardButton: showCopyToClipboardButton, showQrCodeImage: showQrCodeImage })] }));
 };
 
 export { QrCodeWrapper };

package/src/lib/components/SecureEmbeddedWalletCard/SecureEmbeddedWalletCard.cjs

@@ -6,12 +6,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var reactI18next = require('react-i18next');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
-var PasskeyContext = require('../../context/PasskeyContext/PasskeyContext.cjs');
-var classNames = require('../../utils/functions/classNames/classNames.cjs');
 require('react');
-require('../../events/dynamicEvents.cjs');
-require('../../../../_virtual/_tslib.cjs');
-require('@dynamic-labs/utils');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
@@ -23,8 +18,10 @@ require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('../../shared/utils/classes/storage/sessionStorage.cjs');
+require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
-var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+require('../../events/dynamicEvents.cjs');
+require('../../../../_virtual/_tslib.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -38,6 +35,7 @@ require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../context/WalletContext/WalletContext.cjs');
+var useSmartWallets = require('../../utils/hooks/useSmartWallets/useSmartWallets.cjs');
 var usePasskeyRecovery = require('../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.cjs');
 require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
@@ -50,6 +48,7 @@ require('../../views/CollectUserDataView/useFields.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
+var classNames = require('../../utils/functions/classNames/classNames.cjs');
 require('../Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../Alert/Alert.cjs');
 var Typography = require('../Typography/Typography.cjs');
@@ -77,6 +76,7 @@ require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+var PasskeyContext = require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('@dynamic-labs/ethereum-core');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
@@ -92,16 +92,17 @@ require('../../context/SendBalanceContext/SendBalanceContext.cjs');
 require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../context/ConnectWithOtpContext/constants.cjs');
 require('../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
+var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const SecureEmbeddedWalletCard = ({ className }) => {
     const { t } = reactI18next.useTranslation();
     const { primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
-    const walletConnector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
     const { initPasskeyRecoveryProcess } = usePasskeyRecovery.usePasskeyRecovery();
     const { showSecureAccountBanner, setShowSecureAccountBanner } = PasskeyContext.usePasskeyContext();
-    const isSessionKeyCompatible = walletConnectorCore.isSessionKeyCompatibleWalletConnector(walletConnector) ||
-        ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) === 'zerodev' &&
-            walletConnectorCore.isSessionKeyCompatibleWalletConnector(walletConnector.getEOAConnector()));
+    const { getEOAWallet } = useSmartWallets.useSmartWallets();
+    const eoaWallet = primaryWallet && getEOAWallet(primaryWallet);
+    const isSessionKeyCompatible = (primaryWallet && walletConnectorCore.isSessionKeyCompatibleWallet(primaryWallet)) ||
+        (eoaWallet && walletConnectorCore.isSessionKeyCompatibleWallet(eoaWallet));
     if (!showSecureAccountBanner || isSessionKeyCompatible)
         return null;
     return (jsxRuntime.jsxs("div", { className: classNames.classNames('secure-embedded-wallet-card', className), children: [jsxRuntime.jsxs("div", { className: 'secure-embedded-wallet-card__text-content', "data-testid": 'secure-wallet-button', onClick: () => initPasskeyRecoveryProcess(), children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'primary', copykey: 'dyn_secure_pregenerated_wallet.description', children: t('dyn_secure_pregenerated_wallet.description') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'bold', color: 'brand-primary', copykey: 'dyn_secure_pregenerated_wallet.action', className: 'secure-embedded-wallet-card__link', children: t('dyn_secure_pregenerated_wallet.action') })] }), jsxRuntime.jsx("div", { children: jsxRuntime.jsx(IconButton.IconButton, { color: 'text-secondary', onClick: () => setShowSecureAccountBanner(false), children: jsxRuntime.jsx(close.ReactComponent, { width: 16, height: 16 }) }) })] }));

package/src/lib/components/SecureEmbeddedWalletCard/SecureEmbeddedWalletCard.js

@@ -1,13 +1,8 @@
 'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
-import { isSessionKeyCompatibleWalletConnector } from '@dynamic-labs/wallet-connector-core';
-import { usePasskeyContext } from '../../context/PasskeyContext/PasskeyContext.js';
-import { classNames } from '../../utils/functions/classNames/classNames.js';
+import { isSessionKeyCompatibleWallet } from '@dynamic-labs/wallet-connector-core';
 import 'react';
-import '../../events/dynamicEvents.js';
-import '../../../../_virtual/_tslib.js';
-import '@dynamic-labs/utils';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
@@ -19,8 +14,10 @@ import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import '../../shared/utils/classes/storage/sessionStorage.js';
+import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
-import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+import '../../events/dynamicEvents.js';
+import '../../../../_virtual/_tslib.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -34,6 +31,7 @@ import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../context/WalletContext/WalletContext.js';
+import { useSmartWallets } from '../../utils/hooks/useSmartWallets/useSmartWallets.js';
 import { usePasskeyRecovery } from '../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.js';
 import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../context/ThemeContext/ThemeContext.js';
@@ -46,6 +44,7 @@ import '../../views/CollectUserDataView/useFields.js';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
+import { classNames } from '../../utils/functions/classNames/classNames.js';
 import '../Accordion/components/AccordionItem/AccordionItem.js';
 import '../Alert/Alert.js';
 import { Typography } from '../Typography/Typography.js';
@@ -73,6 +72,7 @@ import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
+import { usePasskeyContext } from '../../context/PasskeyContext/PasskeyContext.js';
 import '@dynamic-labs/ethereum-core';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
@@ -88,16 +88,17 @@ import '../../context/SendBalanceContext/SendBalanceContext.js';
 import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../context/ConnectWithOtpContext/constants.js';
 import '../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const SecureEmbeddedWalletCard = ({ className }) => {
     const { t } = useTranslation();
     const { primaryWallet } = useInternalDynamicContext();
-    const walletConnector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
     const { initPasskeyRecoveryProcess } = usePasskeyRecovery();
     const { showSecureAccountBanner, setShowSecureAccountBanner } = usePasskeyContext();
-    const isSessionKeyCompatible = isSessionKeyCompatibleWalletConnector(walletConnector) ||
-        ((walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key) === 'zerodev' &&
-            isSessionKeyCompatibleWalletConnector(walletConnector.getEOAConnector()));
+    const { getEOAWallet } = useSmartWallets();
+    const eoaWallet = primaryWallet && getEOAWallet(primaryWallet);
+    const isSessionKeyCompatible = (primaryWallet && isSessionKeyCompatibleWallet(primaryWallet)) ||
+        (eoaWallet && isSessionKeyCompatibleWallet(eoaWallet));
     if (!showSecureAccountBanner || isSessionKeyCompatible)
         return null;
     return (jsxs("div", { className: classNames('secure-embedded-wallet-card', className), children: [jsxs("div", { className: 'secure-embedded-wallet-card__text-content', "data-testid": 'secure-wallet-button', onClick: () => initPasskeyRecoveryProcess(), children: [jsx(Typography, { variant: 'body_small', color: 'primary', copykey: 'dyn_secure_pregenerated_wallet.description', children: t('dyn_secure_pregenerated_wallet.description') }), jsx(Typography, { variant: 'body_small', weight: 'bold', color: 'brand-primary', copykey: 'dyn_secure_pregenerated_wallet.action', className: 'secure-embedded-wallet-card__link', children: t('dyn_secure_pregenerated_wallet.action') })] }), jsx("div", { children: jsx(IconButton, { color: 'text-secondary', onClick: () => setShowSecureAccountBanner(false), children: jsx(SvgClose, { width: 16, height: 16 }) }) })] }));

package/src/lib/components/SendBalancePageLayout/SendBalancePageLayout.cjs

@@ -111,7 +111,7 @@ const SendBalancePageLayout = ({ error, onClickClose, onClickBack, onSubmit, dis
     React.useEffect(() => {
         const getNativeTokenAndFetchBalance = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
             const token = Object.assign(Object.assign({}, utils.getNativeTokenInfo(chainName.toLowerCase())), { address: chainName === 'Solana' ? constants.nativeSolanaAddress : constants.zeroAddress, balance: 0, decimals: chainName === 'Solana' ? 9 : 18, rawBalance: 0 });
-            const tokenBalance = yield (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.getBalance(primaryWallet.address));
+            const tokenBalance = yield (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.getBalance());
             if (tokenBalance) {
                 token.balance = Number(tokenBalance);
                 token.rawBalance = Number(tokenBalance) / Math.pow(10, token.decimals);

package/src/lib/components/SendBalancePageLayout/SendBalancePageLayout.js

@@ -107,7 +107,7 @@ const SendBalancePageLayout = ({ error, onClickClose, onClickBack, onSubmit, dis
     useEffect(() => {
         const getNativeTokenAndFetchBalance = () => __awaiter(void 0, void 0, void 0, function* () {
             const token = Object.assign(Object.assign({}, getNativeTokenInfo(chainName.toLowerCase())), { address: chainName === 'Solana' ? nativeSolanaAddress : zeroAddress, balance: 0, decimals: chainName === 'Solana' ? 9 : 18, rawBalance: 0 });
-            const tokenBalance = yield (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.getBalance(primaryWallet.address));
+            const tokenBalance = yield (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.getBalance());
             if (tokenBalance) {
                 token.balance = Number(tokenBalance);
                 token.rawBalance = Number(tokenBalance) / Math.pow(10, token.decimals);

package/src/lib/components/SendBalancePageLayout/components/TokensBalanceDropdown/TokensBalanceDropdown.cjs

@@ -104,7 +104,12 @@ const TokensBalanceDropdown = ({ tokenBalances, currentToken, setCurrentToken, i
     const { primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
     const anchorRef = React.useRef(null);
     const fetchTokenData = (selectedToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        const publicClient = yield (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.getPublicClient());
+        if (!primaryWallet ||
+            !('getPublicClient' in primaryWallet) ||
+            typeof primaryWallet.getPublicClient !== 'function') {
+            return;
+        }
+        const publicClient = yield primaryWallet.getPublicClient();
         if (!publicClient)
             return;
         const erc20Contract = {

package/src/lib/components/SendBalancePageLayout/components/TokensBalanceDropdown/TokensBalanceDropdown.js

@@ -100,7 +100,12 @@ const TokensBalanceDropdown = ({ tokenBalances, currentToken, setCurrentToken, i
     const { primaryWallet } = useInternalDynamicContext();
     const anchorRef = useRef(null);
     const fetchTokenData = (selectedToken) => __awaiter(void 0, void 0, void 0, function* () {
-        const publicClient = yield (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.getPublicClient());
+        if (!primaryWallet ||
+            !('getPublicClient' in primaryWallet) ||
+            typeof primaryWallet.getPublicClient !== 'function') {
+            return;
+        }
+        const publicClient = yield primaryWallet.getPublicClient();
         if (!publicClient)
             return;
         const erc20Contract = {

package/src/lib/components/TransactionConfirmationPageLayout/TransactionConfirmationPageLayout.cjs

@@ -106,7 +106,7 @@ require('../../context/ConnectWithOtpContext/constants.cjs');
 require('../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
-const TransactionConfirmationPageLayout = ({ onClickClose, isLoading, onClickBack, onClickSend, disableSendButton, displayPoweredByDynamicFooter = false, alert, walletConnector, transaction, currentToken, children, hideModal, onSuccess, transactionValue, isModal, total, isGasSponsored, chainName, isNativeToken, nativePrice, walletKey, }) => {
+const TransactionConfirmationPageLayout = ({ onClickClose, isLoading, onClickBack, onClickSend, disableSendButton, displayPoweredByDynamicFooter = false, alert, walletConnector, transaction, currentToken, children, hideModal, onSuccess, transactionValue, total, isGasSponsored, chainName, isNativeToken, nativePrice, walletKey, }) => {
     var _a;
     const { t } = reactI18next.useTranslation();
     const { isTurnkeyWallet } = useIsTurnkeyWallet.useIsTurnkeyWallet();

package/src/lib/components/TransactionConfirmationPageLayout/TransactionConfirmationPageLayout.d.ts

@@ -23,7 +23,6 @@ type TransactionConfirmationPageLayoutProps = {
     total: bigint | undefined;
     currentToken: TokenBalance | undefined;
     transactionValue?: string;
-    isModal?: boolean;
     isGasSponsored: boolean;
     isGasSponsoredLoading: boolean;
     chainName?: string;

package/src/lib/components/TransactionConfirmationPageLayout/TransactionConfirmationPageLayout.js

@@ -102,7 +102,7 @@ import '../../context/ConnectWithOtpContext/constants.js';
 import '../../context/ReinitializeContext/ReinitializeContextProvider.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
-const TransactionConfirmationPageLayout = ({ onClickClose, isLoading, onClickBack, onClickSend, disableSendButton, displayPoweredByDynamicFooter = false, alert, walletConnector, transaction, currentToken, children, hideModal, onSuccess, transactionValue, isModal, total, isGasSponsored, chainName, isNativeToken, nativePrice, walletKey, }) => {
+const TransactionConfirmationPageLayout = ({ onClickClose, isLoading, onClickBack, onClickSend, disableSendButton, displayPoweredByDynamicFooter = false, alert, walletConnector, transaction, currentToken, children, hideModal, onSuccess, transactionValue, total, isGasSponsored, chainName, isNativeToken, nativePrice, walletKey, }) => {
     var _a;
     const { t } = useTranslation();
     const { isTurnkeyWallet } = useIsTurnkeyWallet();

package/src/lib/context/DynamicContext/DynamicContext.cjs

@@ -146,7 +146,7 @@ const DynamicContext = React.createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, locale: locale$1, enableInstrumentation = false, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, headless = false, } = settings$1;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, detectNewWalletsForLinking = false, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, headless = false, } = settings$1;
     localStorage.LocalStorage.setSuffix(settings$1.localStorageSuffix);
     /**
      * initialize global store
@@ -221,8 +221,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         showFiatOverride: (_h = settings$1.overrides) === null || _h === void 0 ? void 0 : _h.showFiat,
         showFiatSettings: (_j = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _j === void 0 ? void 0 : _j.showFiat,
     });
-    // ensures that when user comes back to site and primary wallet is out of sync, we don't show widget popup
-    const [showWidgetStatePopup, setShowWidgetStatePopup] = React.useState(!multiWallet);
     // Used inside useVerifyOnAwaitingSignature. Is legacy and should be removed asap
     const [legacyIsVerifying, setLegacyIsVerifying] = React.useState(false);
     const walletBook$1 = walletBook.useWalletBookCdn();
@@ -294,18 +292,14 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     const [selectedWalletWithAction, setSelectedWalletWithAction] = React.useState(null);
     useSetWalletConnectorVerifiedCredentials.useSetWalletConnectorVerifiedCredentials(user !== null && user !== void 0 ? user : userWithMissingInfo, walletConnectorOptions);
     useSetWalletConnectorFetchers.useSetWalletConnectorFetchers(walletConnectorOptions, environmentId);
-    const { didConnectedStateLoad, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors.useWalletConnectors({
+    const { primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors.useWalletConnectors({
         authMode,
         canHaveMultipleWalletsConnected: multiWallet,
         connectedWallets,
-        multiWalletWidgetState,
         primaryWalletId,
-        setDesktopUri,
         setMultiWalletWidgetState,
         setPrimaryWalletId,
-        setQrcodeUri,
         user: user || userWithMissingInfo,
-        walletBook: walletBook$1,
         walletConnectorOptions,
     });
     React.useEffect(() => {
@@ -387,6 +381,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
     const { isLoading: loadingNetwork, network } = useWalletConnectorNetwork.useWalletConnectorNetwork(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector);
     useWalletEventListeners.useWalletEventListeners({
         authMode,
+        detectNewWalletsForLinking,
         disconnectWallet,
         handleLogOut,
         multiWallet,
@@ -480,6 +475,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             defaultNumberOfWalletsToShow,
             defaultPhoneInputIso2,
             desktopUri,
+            detectNewWalletsForLinking,
             disconnectWallet,
             displaySiweStatement,
             enableConnectOnlyFallback,
@@ -552,7 +548,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             setShowBridgeWidget,
             setShowDynamicUserProfile,
             setShowQrcodeModal,
-            setShowWidgetStatePopup,
             setUser: userActions.setUser,
             shadowDOMEnabled,
             showAuthFlow,
@@ -561,7 +556,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
             showFiat,
             showLockedWalletView,
             showQrcodeModal,
-            showWidgetStatePopup,
             signWithEmailWalletName,
             siweStatement,
             socialMediaIconUrl: ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) === null || _a === void 0 ? void 0 : _a.supportUrls) || socialMediaIconUrl,
@@ -602,6 +596,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         defaultNumberOfWalletsToShow,
         defaultPhoneInputIso2,
         desktopUri,
+        detectNewWalletsForLinking,
         disconnectWallet,
         displaySiweStatement,
         enableConnectOnlyFallback,
@@ -672,7 +667,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
         showFiat,
         showLockedWalletView,
         showQrcodeModal,
-        showWidgetStatePopup,
         signWithEmailWalletName,
         siweStatement,
         socialMediaIconUrl,
@@ -724,7 +718,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, lo
                                 isAuthenticated: isAuthenticated || Boolean(primaryWallet),
                                 isBridgeFlow,
                                 isMultiWalletEnabled: multiWallet,
-                            }), children: [networkValidationMode === 'always' && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(VerificationContext.VerificationProvider, { children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsx(UserFieldEditorContext.UserFieldEditorContextProvider, { children: jsxRuntime.jsx(ConnectWithOtpProvider.ConnectWithOtpProvider, { children: jsxRuntime.jsx(PhantomRedirectContext.PhantomRedirectContextProvider, { children: jsxRuntime.jsxs(SocialRedirectContext.SocialRedirectContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncAuthFlow.SyncAuthFlow, {}), confirmationModal, jsxRuntime.jsx(ErrorBoundaryExclude.ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
+                            }), children: [networkValidationMode === 'always' && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { children: jsxRuntime.jsx(VerificationContext.VerificationProvider, { children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsx(UserFieldEditorContext.UserFieldEditorContextProvider, { children: jsxRuntime.jsx(ConnectWithOtpProvider.ConnectWithOtpProvider, { children: jsxRuntime.jsx(PhantomRedirectContext.PhantomRedirectContextProvider, { children: jsxRuntime.jsxs(SocialRedirectContext.SocialRedirectContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncAuthFlow.SyncAuthFlow, {}), confirmationModal, jsxRuntime.jsx(ErrorBoundaryExclude.ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => {

package/src/lib/context/DynamicContext/DynamicContext.js

@@ -142,7 +142,7 @@ const DynamicContext = createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings, locale, enableInstrumentation = false, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, headless = false, } = settings;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, detectNewWalletsForLinking = false, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, headless = false, } = settings;
     LocalStorage.setSuffix(settings.localStorageSuffix);
     /**
      * initialize global store
@@ -217,8 +217,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         showFiatOverride: (_h = settings.overrides) === null || _h === void 0 ? void 0 : _h.showFiat,
         showFiatSettings: (_j = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _j === void 0 ? void 0 : _j.showFiat,
     });
-    // ensures that when user comes back to site and primary wallet is out of sync, we don't show widget popup
-    const [showWidgetStatePopup, setShowWidgetStatePopup] = useState(!multiWallet);
     // Used inside useVerifyOnAwaitingSignature. Is legacy and should be removed asap
     const [legacyIsVerifying, setLegacyIsVerifying] = useState(false);
     const walletBook = useWalletBookCdn();
@@ -290,18 +288,14 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
     const [selectedWalletWithAction, setSelectedWalletWithAction] = useState(null);
     useSetWalletConnectorVerifiedCredentials(user !== null && user !== void 0 ? user : userWithMissingInfo, walletConnectorOptions);
     useSetWalletConnectorFetchers(walletConnectorOptions, environmentId);
-    const { didConnectedStateLoad, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors({
+    const { primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors({
         authMode,
         canHaveMultipleWalletsConnected: multiWallet,
         connectedWallets,
-        multiWalletWidgetState,
         primaryWalletId,
-        setDesktopUri,
         setMultiWalletWidgetState,
         setPrimaryWalletId,
-        setQrcodeUri,
         user: user || userWithMissingInfo,
-        walletBook,
         walletConnectorOptions,
     });
     useEffect(() => {
@@ -383,6 +377,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
     const { isLoading: loadingNetwork, network } = useWalletConnectorNetwork(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector);
     useWalletEventListeners({
         authMode,
+        detectNewWalletsForLinking,
         disconnectWallet,
         handleLogOut,
         multiWallet,
@@ -476,6 +471,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
             defaultNumberOfWalletsToShow,
             defaultPhoneInputIso2,
             desktopUri,
+            detectNewWalletsForLinking,
             disconnectWallet,
             displaySiweStatement,
             enableConnectOnlyFallback,
@@ -548,7 +544,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
             setShowBridgeWidget,
             setShowDynamicUserProfile,
             setShowQrcodeModal,
-            setShowWidgetStatePopup,
             setUser,
             shadowDOMEnabled,
             showAuthFlow,
@@ -557,7 +552,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
             showFiat,
             showLockedWalletView,
             showQrcodeModal,
-            showWidgetStatePopup,
             signWithEmailWalletName,
             siweStatement,
             socialMediaIconUrl: ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) === null || _a === void 0 ? void 0 : _a.supportUrls) || socialMediaIconUrl,
@@ -598,6 +592,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         defaultNumberOfWalletsToShow,
         defaultPhoneInputIso2,
         desktopUri,
+        detectNewWalletsForLinking,
         disconnectWallet,
         displaySiweStatement,
         enableConnectOnlyFallback,
@@ -668,7 +663,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
         showFiat,
         showLockedWalletView,
         showQrcodeModal,
-        showWidgetStatePopup,
         signWithEmailWalletName,
         siweStatement,
         socialMediaIconUrl,
@@ -720,7 +714,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, enable
                                 isAuthenticated: isAuthenticated || Boolean(primaryWallet),
                                 isBridgeFlow,
                                 isMultiWalletEnabled: multiWallet,
-                            }), children: [networkValidationMode === 'always' && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(VerificationProvider, { children: jsx(PasskeyContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsx(ConnectWithOtpProvider, { children: jsx(PhantomRedirectContextProvider, { children: jsxs(SocialRedirectContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncAuthFlow, {}), confirmationModal, jsx(ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
+                            }), children: [networkValidationMode === 'always' && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { children: jsx(VerificationProvider, { children: jsx(PasskeyContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsx(ConnectWithOtpProvider, { children: jsx(PhantomRedirectContextProvider, { children: jsxs(SocialRedirectContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncAuthFlow, {}), confirmationModal, jsx(ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => {

package/src/lib/context/DynamicContext/hooks/useEmailLoginState/useEmailLoginState.cjs

@@ -4,7 +4,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/sdk-api-core');
 require('../../../../utils/constants/values.cjs');
 require('@dynamic-labs/utils');
@@ -12,6 +11,7 @@ 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('../../../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');

package/src/lib/context/DynamicContext/hooks/useEmailLoginState/useEmailLoginState.js

@@ -1,6 +1,5 @@
 'use client'
 import { useState, useMemo } from 'react';
-import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/sdk-api-core';
 import '../../../../utils/constants/values.js';
 import '@dynamic-labs/utils';
@@ -8,6 +7,7 @@ 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 '../../../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';

package/src/lib/context/DynamicContext/hooks/useHandleLogout/types.d.ts

@@ -1,6 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
 import { UserProfile } from '@dynamic-labs/types';
-import { WalletConnectorCore } from '@dynamic-labs/wallet-connector-core';
+import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { AuthModeType, DynamicEventsCallbacks, Wallet } from '../../../../shared';
 import { MultiWalletWidgetStateSetter } from '../../../../utils/hooks/multiWallet';
 import { ChainsToConnect } from '../../types';
@@ -13,7 +13,7 @@ export type UseHandleLogoutParams = {
     setShowBridgeWidget: Dispatch<SetStateAction<boolean>>;
     user: UserProfile | undefined;
     environmentId: string;
-    walletConnectors: WalletConnectorCore.WalletConnector[];
+    walletConnectors: WalletConnector[];
     connectedWallets: Wallet[];
     setLegacyIsVerifying: Dispatch<SetStateAction<boolean>>;
     setAuthMode: (value: AuthModeType | ((val: AuthModeType) => AuthModeType)) => void;

package/src/lib/context/DynamicContext/types/DynamicContextProps.d.ts

@@ -25,6 +25,13 @@ export interface DynamicContextProps {
         cssOverrides?: string | JSX.Element;
         customPrivacyPolicy?: ReactNode;
         defaultPhoneInputIso2?: CountryIso2;
+        /**
+         * If true, users will see a prompt to link the wallet
+         * when an account change is detected in the wallet connector
+         * and the newly selected wallet is not linked yet
+         * @default false
+         */
+        detectNewWalletsForLinking?: boolean;
         customTermsOfServices?: ReactNode;
         debugError?: boolean;
         /**

package/src/lib/context/DynamicContext/types/IDynamicContext.d.ts

@@ -3,7 +3,7 @@ import { changeLanguage } from 'i18next';
 import { CountryIso2 } from 'react-international-phone';
 import { NameServiceData, ProjectSettings } from '@dynamic-labs/sdk-api-core';
 import { MobileExperience, NetworkConfigurationMap, SocialProviderFilter, UserProfile, WalletUiUtils } from '@dynamic-labs/types';
-import { Chain, GetAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { Chain, GetAddressOpts, InternalWalletConnector, WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { PasskeySuccessEnum } from '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner';
 import { AccessDeniedCustomButton, AccountSwitchState, AuthModeType, AwaitingSignatureState, ChainToWalletMap, DynamicEventsCallbacks, MultiWalletWidgetState, RecommendedWallet, Wallet, WalletOption, WalletWithAction } from '../../../shared';
 import { DynamicHandlers } from '../../../shared/types/dynamicHandlers';
@@ -50,6 +50,7 @@ export interface IDynamicContext {
     debugError: boolean;
     defaultNumberOfWalletsToShow: number;
     desktopUri: string;
+    detectNewWalletsForLinking: boolean;
     disconnectWallet: (walletId: string) => void;
     displaySiweStatement: boolean;
     enableConnectOnlyFallback?: boolean;
@@ -107,7 +108,7 @@ export interface IDynamicContext {
     removeConnectedWalletsInfo: () => void;
     sdkHasLoaded: boolean;
     secondaryWallets: Wallet[];
-    selectedWalletConnector: WalletConnector | null;
+    selectedWalletConnector: InternalWalletConnector | null;
     selectedWalletWithAction: WalletWithAction | null;
     sendWagmiSettings: (settings: {
         dynamicWagmiSettings?: object;
@@ -138,7 +139,6 @@ export interface IDynamicContext {
     setShowBridgeWidget: Dispatch<SetStateAction<boolean>>;
     setShowDynamicUserProfile: Dispatch<SetStateAction<boolean>>;
     setShowQrcodeModal: Dispatch<SetStateAction<boolean>>;
-    setShowWidgetStatePopup: Dispatch<SetStateAction<boolean>>;
     setUser: SetUserAction;
     shadowDOMEnabled: boolean;
     showAuthFlow: boolean;
@@ -150,7 +150,6 @@ export interface IDynamicContext {
     showFiat: boolean;
     showLockedWalletView?: boolean;
     showQrcodeModal: boolean;
-    showWidgetStatePopup: boolean;
     signWithEmailWalletName?: string;
     siweStatement?: string;
     socialMediaIconUrl?: Record<string, string> | Record<SocialNetworkIconType, string>;
@@ -163,6 +162,6 @@ export interface IDynamicContext {
     user: UserProfile | undefined;
     userWithMissingInfo: UserProfile | undefined;
     walletConnectorOptions: WalletOption[];
-    walletUiUtils: WalletUiUtils<WalletConnector>;
+    walletUiUtils: WalletUiUtils<InternalWalletConnector>;
     walletsFilter?: (options: WalletOption[]) => WalletOption[];
 }

package/src/lib/context/PhantomRedirectContext/PhantomRedirectContext.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-import { WalletConnector } from '../../..';
+import { InternalWalletConnector } from '@dynamic-labs/wallet-connector-core';
 export type PhantomContextReturnType = {
-    phantomRedirectConnector: WalletConnector | undefined;
+    phantomRedirectConnector: InternalWalletConnector | undefined;
 };
 export declare const PhantomRedirectContext: import("react").Context<PhantomContextReturnType | undefined>;
 export declare const PhantomRedirectContextProvider: ({ children, }: {

package/src/lib/context/ReinitializeContext/ReinitializeContextProvider.cjs

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/sdk-api-core');
 require('../../utils/constants/values.cjs');
 require('@dynamic-labs/utils');
@@ -13,6 +12,7 @@ require('../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
 require('../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');

package/src/lib/context/ReinitializeContext/ReinitializeContextProvider.js

@@ -1,7 +1,6 @@
 'use client'
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useContext, useState, useRef, useCallback, cloneElement } from 'react';
-import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/sdk-api-core';
 import '../../utils/constants/values.js';
 import '@dynamic-labs/utils';
@@ -9,6 +8,7 @@ import '../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
 import '../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';