@dynamic-labs/sdk-react-core 1.0.0-alpha.8 → 1.0.0-alpha.9

package/src/lib/components/UserProfile/parts/UserProfileSection/UserProfileSection.js

@@ -1,49 +1,49 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react';
 import '@dynamic-labs/utils';
+import '../../../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/wallet-connector-core';
+import '../../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../../context/ErrorContext/ErrorContext.js';
+import '../../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/sdk-api';
-import '../../../../config/ApiEndpoint.js';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
-import '../../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../../../utils/constants/colors.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
-import '@dynamic-labs/rpc-providers';
-import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../../../context/DynamicContext/DynamicContext.js';
-import '../../../../context/ErrorContext/ErrorContext.js';
+import '../../../../config/ApiEndpoint.js';
+import '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'react-dom';
+import '../../../../context/ThemeContext/ThemeContext.js';
+import '@dynamic-labs/types';
+import 'yup';
 import 'react-i18next';
+import '../../../../context/MockContext/MockContext.js';
+import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../Transition/ZoomTransition/ZoomTransition.js';
 import '../../../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../Transition/OpacityTransition/OpacityTransition.js';
 import '../../../ShadowDOM/ShadowDOM.js';
 import '../../../OverlayCard/OverlayCard.context.js';
 import '../../../../context/FooterAnimationContext/index.js';
-import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../../Typography/Typography.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../../../context/ThemeContext/ThemeContext.js';
-import '../../../../context/CaptchaContext/CaptchaContext.js';
-import '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../../../../context/LoadingContext/LoadingContext.js';
 import 'i18next';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import 'yup';
 import '../UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
-import '@dynamic-labs/types';
-import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
-import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import 'formik';
 import '../../../IconButton/IconButton.js';
 import '../../../Alert/Alert.js';

package/src/lib/components/UserProfile/parts/UserProfileSocialAccount/UserProfileSocialAccount.cjs

@@ -6,11 +6,13 @@ var jsxRuntime = require('react/jsx-runtime');
 var iconic = require('@dynamic-labs/iconic');
 require('react');
 require('@dynamic-labs/utils');
-require('@dynamic-labs/sdk-api');
-require('../../../../config/ApiEndpoint.cjs');
-require('../../../../shared/logger.cjs');
+var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/wallet-connector-core');
+require('../../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../../../shared/logger.cjs');
 var add = require('../../../../shared/assets/add.cjs');
 var unlink = require('../../../../shared/assets/unlink.cjs');
 require('@dynamic-labs/wallet-book');
@@ -19,45 +21,43 @@ require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('../../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
-require('@dynamic-labs/rpc-providers');
-require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
-var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
-require('../../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../../config/ApiEndpoint.cjs');
+require('../../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('react-dom');
+var useIconThemeVariant = require('../../../../utils/hooks/useIconThemeVariant/useIconThemeVariant.cjs');
+var useSocialAccounts = require('../../../../utils/hooks/useSocialAccounts/useSocialAccounts.cjs');
+require('yup');
 require('react-i18next');
+require('../../../../context/MockContext/MockContext.cjs');
+require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../ShadowDOM/ShadowDOM.cjs');
 require('../../../OverlayCard/OverlayCard.context.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
-require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../../Typography/Typography.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
-require('../../../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
 var Icon = require('../../../Icon/Icon.cjs');
 var helpers = require('../../../../widgets/DynamicWidget/helpers/helpers.cjs');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('yup');
 require('../UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
-var useSocialAccounts = require('../../../../utils/hooks/useSocialAccounts/useSocialAccounts.cjs');
 var ConnectedAccountAvatar = require('./components/ConnectedAccountAvatar/ConnectedAccountAvatar.cjs');
-require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
-require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('formik');
 var Button = require('../../../Button/Button.cjs');
 require('../../../IconButton/IconButton.cjs');
 require('../../../Alert/Alert.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-var useIconThemeVariant = require('../../../../utils/hooks/useIconThemeVariant/useIconThemeVariant.cjs');
 require('../../../InlineWidget/InlineWidget.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 require('../../../Popper/Popper/Popper.cjs');

package/src/lib/components/UserProfile/parts/UserProfileSocialAccount/UserProfileSocialAccount.js

@@ -2,11 +2,13 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { SocialIcon } from '@dynamic-labs/iconic';
 import 'react';
 import '@dynamic-labs/utils';
-import '@dynamic-labs/sdk-api';
-import '../../../../config/ApiEndpoint.js';
-import '../../../../shared/logger.js';
+import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/wallet-connector-core';
+import '../../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/sdk-api';
+import '../../../../shared/logger.js';
 import { ReactComponent as SvgAdd } from '../../../../shared/assets/add.js';
 import { ReactComponent as SvgUnlink } from '../../../../shared/assets/unlink.js';
 import '@dynamic-labs/wallet-book';
@@ -15,45 +17,43 @@ import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
-import '@dynamic-labs/rpc-providers';
-import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
-import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
-import '../../../../context/ErrorContext/ErrorContext.js';
+import '../../../../config/ApiEndpoint.js';
+import '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'react-dom';
+import { useIconThemeVariant } from '../../../../utils/hooks/useIconThemeVariant/useIconThemeVariant.js';
+import { useSocialAccounts } from '../../../../utils/hooks/useSocialAccounts/useSocialAccounts.js';
+import 'yup';
 import 'react-i18next';
+import '../../../../context/MockContext/MockContext.js';
+import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../Transition/ZoomTransition/ZoomTransition.js';
 import '../../../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../Transition/OpacityTransition/OpacityTransition.js';
 import '../../../ShadowDOM/ShadowDOM.js';
 import '../../../OverlayCard/OverlayCard.context.js';
 import '../../../../context/FooterAnimationContext/index.js';
-import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../../Typography/Typography.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
-import '../../../../context/CaptchaContext/CaptchaContext.js';
-import '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../../../../context/LoadingContext/LoadingContext.js';
 import { Icon } from '../../../Icon/Icon.js';
 import { capitalize } from '../../../../widgets/DynamicWidget/helpers/helpers.js';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import 'yup';
 import '../UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
-import { useSocialAccounts } from '../../../../utils/hooks/useSocialAccounts/useSocialAccounts.js';
 import { ConnectedAccountAvatar } from './components/ConnectedAccountAvatar/ConnectedAccountAvatar.js';
-import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
-import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import 'formik';
 import { Button } from '../../../Button/Button.js';
 import '../../../IconButton/IconButton.js';
 import '../../../Alert/Alert.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import { useIconThemeVariant } from '../../../../utils/hooks/useIconThemeVariant/useIconThemeVariant.js';
 import '../../../InlineWidget/InlineWidget.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import '../../../Popper/Popper/Popper.js';

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

@@ -11,15 +11,9 @@ var utils = require('@dynamic-labs/utils');
 var walletBook = require('@dynamic-labs/wallet-book');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var app = require('../../app.cjs');
-var useFetchProjectSettings = require('../../utils/hooks/useFetchProjectSettings/useFetchProjectSettings.cjs');
-var useFetchNonce = require('../../utils/hooks/useFetchNonce/useFetchNonce.cjs');
-var useWallets = require('../../utils/hooks/useWallets/useWallets.cjs');
-var useWalletConnectors = require('../../utils/hooks/useWalletConnectors/useWalletConnectors.cjs');
-var AccessDeniedContext = require('../AccessDeniedContext/AccessDeniedContext.cjs');
-var AccountExistsContext = require('../AccountExistsContext/AccountExistsContext.cjs');
+var CaptchaContext = require('../CaptchaContext/CaptchaContext.cjs');
 var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
 var ViewContext = require('../ViewContext/ViewContext.cjs');
-var api = require('../../data/api.cjs');
 var decodeJwt = require('../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 var logger = require('../../shared/logger.cjs');
 var localStorage$1 = require('../../utils/constants/localStorage.cjs');
@@ -33,20 +27,26 @@ require('../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../utils/functions/getAuthToken/getAuthToken.cjs');
 require('@dynamic-labs/sdk-api');
-require('react-dom');
-var useWalletUiUtils = require('../../utils/hooks/useWalletUiUtils/useWalletUiUtils.cjs');
-require('../MockContext/MockContext.cjs');
-var CaptchaContext = require('../CaptchaContext/CaptchaContext.cjs');
+var AccessDeniedContext = require('../AccessDeniedContext/AccessDeniedContext.cjs');
+var AccountExistsContext = require('../AccountExistsContext/AccountExistsContext.cjs');
+var api = require('../../data/api.cjs');
 var EmailVerificationContext = require('../EmailVerificationContext/EmailVerificationContext.cjs');
-var ThemeContext = require('../ThemeContext/ThemeContext.cjs');
-var useValidateSession = require('../../utils/hooks/useValidateSession/useValidateSession.cjs');
+require('react-dom');
+var isSameWalletName = require('../../utils/functions/isSameWalletName/isSameWalletName.cjs');
 var useEventListener = require('../../utils/hooks/useEventListener/useEventListener.cjs');
+var useFetchNonce = require('../../utils/hooks/useFetchNonce/useFetchNonce.cjs');
+var useFetchProjectSettings = require('../../utils/hooks/useFetchProjectSettings/useFetchProjectSettings.cjs');
+var ThemeContext = require('../ThemeContext/ThemeContext.cjs');
+var useSetWalletConnectorVerifiedCredentials = require('../../utils/hooks/useSetWalletConnectorVerifiedCredentials/useSetWalletConnectorVerifiedCredentials.cjs');
 require('@dynamic-labs/types');
-var isSameWalletName = require('../../utils/functions/isSameWalletName/isSameWalletName.cjs');
+require('yup');
+require('../MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 var UserFieldEditorContext = require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
-require('yup');
-var useSetWalletConnectorVerifiedCredentials = require('../../utils/hooks/useSetWalletConnectorVerifiedCredentials/useSetWalletConnectorVerifiedCredentials.cjs');
+var useValidateSession = require('../../utils/hooks/useValidateSession/useValidateSession.cjs');
+var useWalletConnectorOptions = require('../../utils/hooks/useWalletConnectorOptions/useWalletConnectorOptions.cjs');
+var useWalletConnectors = require('../../utils/hooks/useWalletConnectors/useWalletConnectors.cjs');
+var useWalletUiUtils = require('../../utils/hooks/useWalletUiUtils/useWalletUiUtils.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
@@ -188,7 +188,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         appName,
         getAppOrigin: () => window.location.origin,
     });
-    const { wallets } = useWallets.useWallets({
+    const { walletConnectorOptions } = useWalletConnectorOptions.useWalletConnectorOptions({
         appLogoUrl,
         appName,
         deepLinkPreference,
@@ -204,7 +204,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
     });
     const [authMode, setAuthMode] = useLocalStorage.useLocalStorage(localStorage$1.AUTH_MODE, initialAuthenticationMode);
     const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId.usePrimaryWalletId();
-    const { connectWallet, removeConnectedWalletsInfo, connectedWalletsInfo, connectedWallet, getConnectedWalletById, connectedWallets, disconnectWallet, refreshConnectedWallet, } = useConnectWallet.useConnectWallet({
+    const { connectWallet, removeConnectedWalletsInfo, connectedWalletsInfo, getConnectedWalletById, connectedWallets, disconnectWallet, refreshConnectedWallet, } = useConnectWallet.useConnectWallet({
         authMode,
         clearPrimaryWalletId,
         enableVisitTrackingOnConnectOnly,
@@ -221,13 +221,13 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         primaryWalletId,
         setPrimaryWalletId,
         setShowAuthFlow,
-        wallets,
+        walletConnectorOptions,
     });
     React.useEffect(() => {
         const missingChains = getMissingChains.getMissingChains(bridgeChains, connectedWalletsInfo);
         setBridgeChainsToConnect(missingChains);
     }, [bridgeChains]);
-    const { selectedWalletConnector, setSelectedWalletConnectorKey } = useSelectedWalletConnector.useSelectedWalletConnector({ wallets });
+    const { selectedWalletConnector, setSelectedWalletConnectorKey } = useSelectedWalletConnector.useSelectedWalletConnector({ walletConnectorOptions });
     //selected wallet to perform an action (become primary, unlink, etc)
     const [selectedWalletWithAction, setSelectedWalletWithAction] = React.useState(null);
     const removeAuthTokenAndUser = React.useCallback(() => {
@@ -236,8 +236,8 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
     }, [removeUser]);
     // until user completes onboarding, jwt is only stored in onboardingOnlyJwt
     const authToken = (_e = getAuthToken.getAuthToken()) !== null && _e !== void 0 ? _e : onboardingOnlyJwt;
-    useSetWalletConnectorVerifiedCredentials.useSetWalletConnectorVerifiedCredentials(authToken, wallets);
-    const { didConnectedStateLoad, walletConnectors, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors.useWalletConnectors({
+    useSetWalletConnectorVerifiedCredentials.useSetWalletConnectorVerifiedCredentials(authToken, walletConnectorOptions);
+    const { didConnectedStateLoad, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors.useWalletConnectors({
         authMode,
         authToken: getAuthToken.getAuthToken() || onboardingOnlyJwt,
         canHaveMultipleWalletsConnected: multiWallet || isBridgeFlow,
@@ -250,12 +250,13 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         setPrimaryWalletId,
         setQrcodeUri,
         user,
-        wallets,
+        walletConnectorOptions,
     });
+    const walletConnectors = linkedOrConnectedWallets.map((wallet) => wallet.connector);
     const { sdkHasLoaded, setSdkHasLoaded } = useGlobalLoading.useGlobalLoading({
         authMode,
         connectedInfo: connectedWalletsInfo[0],
-        connectedWallet,
+        connectedWallets,
         primaryWallet,
         projectSettings,
         user,
@@ -267,11 +268,11 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         isRenderingEmbeddedAuthFlow,
         setShowAuthFlow,
         user,
-        wallets,
+        walletConnectorOptions,
     });
     const { getNameService, removeConnectedNameService } = useNameService.useNameService({
         authToken,
-        currentWallet: primaryWallet !== null && primaryWallet !== void 0 ? primaryWallet : connectedWallet,
+        currentWallet: primaryWallet !== null && primaryWallet !== void 0 ? primaryWallet : connectedWallets[0],
     });
     const { clearAllWalletConnectSessions, clearOphanedWalletConnectSessions } = useClearWalletConnectSessions.useClearWalletConnectSessions({
         connectors: walletConnectors,
@@ -280,7 +281,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         clearOphanedWalletConnectSessions,
     ]);
     const handleLogOut = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _j, _k, _l;
+        var _j, _k;
         setSdkHasLoaded(false);
         clearAllWalletConnectSessions();
         setBridgeChainsToConnect(bridgeChains);
@@ -298,7 +299,8 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         for (const connector of walletConnectors) {
             yield connector.endSession();
         }
-        yield ((_j = connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector) === null || _j === void 0 ? void 0 : _j.endSession());
+        for (const connectedWallet of connectedWallets)
+            yield connectedWallet.connector.endSession();
         // Necessary when user logs out in user data collection view
         // Dont require flag to be set though
         if (isVerificationInProgress)
@@ -315,13 +317,13 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         removeIsFullyConnected();
         clearPrimaryWalletId();
         removeConnectedNameService();
-        if (connectedWallet) {
-            (_k = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onDisconnect) === null || _k === void 0 ? void 0 : _k.call(eventsCallbacks, {
+        for (const connectedWallet of connectedWallets) {
+            (_j = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onDisconnect) === null || _j === void 0 ? void 0 : _j.call(eventsCallbacks, {
                 wallet: connectedWallet,
                 walletConnector: connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector,
             });
         }
-        (_l = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _l === void 0 ? void 0 : _l.call(eventsCallbacks, user);
+        (_k = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _k === void 0 ? void 0 : _k.call(eventsCallbacks, user);
         internalEventsRef.current.emit('logout');
     }), [
         setSdkHasLoaded,
@@ -329,7 +331,6 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         bridgeChains,
         toolkitEnabled,
         user,
-        connectedWallet,
         isVerificationInProgress,
         setIsVerificationInProgress,
         setAuthMode,
@@ -345,6 +346,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         eventsCallbacks,
         environmentId,
         walletConnectors,
+        connectedWallets,
     ]);
     useEventListener.useEventListener('logOut', handleLogOut);
     let wcVersion;
@@ -482,7 +484,6 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
             bridgeChainsToConnect,
             clearStatesOnBackClick,
             connectWallet,
-            connectedWallet,
             connectedWallets,
             consumeNonce,
             cssOverrides,
@@ -585,8 +586,8 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
             toolkitEnabled,
             user,
             walletConnector: (_c = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) !== null && _c !== void 0 ? _c : null,
+            walletConnectorOptions,
             walletUiUtils,
-            wallets,
             walletsFilter,
         });
     }, [
@@ -603,7 +604,6 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         bridgeChainsToConnect,
         clearStatesOnBackClick,
         connectWallet,
-        connectedWallet,
         connectedWallets,
         consumeNonce,
         cssOverrides,
@@ -690,7 +690,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         theme,
         toolkitEnabled,
         walletUiUtils,
-        wallets,
+        walletConnectorOptions,
         walletsFilter,
     ]);
     React.useEffect(() => {