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

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');
@@ -104,6 +104,7 @@ var useNameService = require('./hooks/useNameService/useNameService.cjs');
 var useSelectedWalletConnector = require('./hooks/useSelectedWalletConnector/useSelectedWalletConnector.cjs');
 var useSetShowAuthFlowWithInit = require('./hooks/useSetShowAuthFlowWithInit/useSetShowAuthFlowWithInit.cjs');
 var useVerificationInProgress = require('./hooks/useVerificationInProgress/useVerificationInProgress.cjs');
+var useShowPasskeyCreateSuccess = require('./hooks/useShowPasskeyCreateSuccess/useShowPasskeyCreateSuccess.cjs');
 var internalEvents = require('./internalEvents/internalEvents.cjs');
 var useCustomerCallbacks = require('./useCustomerCallbacks/useCustomerCallbacks.cjs');
 var useCustomerAuthFlowCallbacks = require('./useCustomerCallbacks/useCustomerAuthFlowCallbacks.cjs');
@@ -187,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,
@@ -203,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,
@@ -220,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(() => {
@@ -235,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,
@@ -249,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,
@@ -266,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,
@@ -279,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);
@@ -297,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)
@@ -314,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,
@@ -328,7 +331,6 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         bridgeChains,
         toolkitEnabled,
         user,
-        connectedWallet,
         isVerificationInProgress,
         setIsVerificationInProgress,
         setAuthMode,
@@ -344,6 +346,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         eventsCallbacks,
         environmentId,
         walletConnectors,
+        connectedWallets,
     ]);
     useEventListener.useEventListener('logOut', handleLogOut);
     let wcVersion;
@@ -463,6 +466,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         clearAllWalletConnectSessions,
         removeConnectedWalletsInfo,
     ]);
+    const { showPasskeyCreatedSuccess, setShowPasskeyCreatedSuccess } = useShowPasskeyCreateSuccess.useShowPasskeyCreateSuccess();
     const value = React.useMemo(() => {
         var _a, _b, _c;
         return ({
@@ -480,7 +484,6 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
             bridgeChainsToConnect,
             clearStatesOnBackClick,
             connectWallet,
-            connectedWallet,
             connectedWallets,
             consumeNonce,
             cssOverrides,
@@ -560,6 +563,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
             setShowAuthFlow: setShowAuthFlowWithInit,
             setShowBridgeWidget,
             setShowDynamicUserProfile,
+            setShowPasskeyCreatedSuccess,
             setShowQrcodeModal,
             setShowWidgetStatePopup,
             setUser,
@@ -568,6 +572,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
             showBridgeWidget,
             showDynamicUserProfile,
             showLockedWalletView,
+            showPasskeyCreatedSuccess,
             showQrcodeModal,
             showWidgetStatePopup,
             signWithEmailWalletName,
@@ -581,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,
         });
     }, [
@@ -599,7 +604,6 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         bridgeChainsToConnect,
         clearStatesOnBackClick,
         connectWallet,
-        connectedWallet,
         connectedWallets,
         consumeNonce,
         cssOverrides,
@@ -625,6 +629,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         isSingleWalletAccount,
         isVerificationInProgress,
         legacyIsVerifying,
+        user,
         linkedOrConnectedWallets,
         loadingNetwork,
         loginWithEmail,
@@ -664,6 +669,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         setSdkHasLoaded,
         setSelectedWalletConnectorKey,
         setShowAuthFlowWithInit,
+        setShowPasskeyCreatedSuccess,
         setShowQrcodeModal,
         setUser,
         shadowDOMEnabled,
@@ -671,6 +677,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         showBridgeWidget,
         showDynamicUserProfile,
         showLockedWalletView,
+        showPasskeyCreatedSuccess,
         showQrcodeModal,
         showWidgetStatePopup,
         signWithEmailWalletName,
@@ -682,9 +689,8 @@ const DynamicContextProvider = ({ children, theme, settings, locale: locale$1, }
         termsOfServiceUrl,
         theme,
         toolkitEnabled,
-        user,
         walletUiUtils,
-        wallets,
+        walletConnectorOptions,
         walletsFilter,
     ]);
     React.useEffect(() => {

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

@@ -7,15 +7,9 @@ import { MissingEnvironmentIdError } from '@dynamic-labs/utils';
 import { useWalletBookCdn, getWalletBookCdnUrl, WalletBookContextProvider } from '@dynamic-labs/wallet-book';
 import { logger as logger$1 } from '@dynamic-labs/wallet-connector-core';
 import { DynamicAuthFlow } from '../../app.js';
-import { useFetchProjectSettings } from '../../utils/hooks/useFetchProjectSettings/useFetchProjectSettings.js';
-import { useFetchNonce } from '../../utils/hooks/useFetchNonce/useFetchNonce.js';
-import { useWallets } from '../../utils/hooks/useWallets/useWallets.js';
-import { useWalletConnectors } from '../../utils/hooks/useWalletConnectors/useWalletConnectors.js';
-import { AccessDeniedContextProvider } from '../AccessDeniedContext/AccessDeniedContext.js';
-import { AccountExistsContextProvider } from '../AccountExistsContext/AccountExistsContext.js';
+import { CaptchaContextProvider } from '../CaptchaContext/CaptchaContext.js';
 import { ErrorContextProvider } from '../ErrorContext/ErrorContext.js';
 import { ViewContextProvider } from '../ViewContext/ViewContext.js';
-import { sendDynamicProps, revokeSession } from '../../data/api.js';
 import { decodeJwt } from '../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import { logger } from '../../shared/logger.js';
 import { IS_FULLY_CONNECTED, AUTH_TOKEN, AUTH_USER, AUTH_MODE, WALLET_PICKER_SEARCH_KEY, IS_MULTI_WALLET_ENABLED } from '../../utils/constants/localStorage.js';
@@ -29,20 +23,26 @@ import '../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../utils/functions/getAuthToken/getAuthToken.js';
 import '@dynamic-labs/sdk-api';
-import 'react-dom';
-import { useWalletUiUtils } from '../../utils/hooks/useWalletUiUtils/useWalletUiUtils.js';
-import '../MockContext/MockContext.js';
-import { CaptchaContextProvider } from '../CaptchaContext/CaptchaContext.js';
+import { AccessDeniedContextProvider } from '../AccessDeniedContext/AccessDeniedContext.js';
+import { AccountExistsContextProvider } from '../AccountExistsContext/AccountExistsContext.js';
+import { sendDynamicProps, revokeSession } from '../../data/api.js';
 import { EmailVerificationContextProvider } from '../EmailVerificationContext/EmailVerificationContext.js';
-import { ThemeContextProvider } from '../ThemeContext/ThemeContext.js';
-import { useValidateSession } from '../../utils/hooks/useValidateSession/useValidateSession.js';
+import 'react-dom';
+import { isSameWalletName } from '../../utils/functions/isSameWalletName/isSameWalletName.js';
 import { useEventListener } from '../../utils/hooks/useEventListener/useEventListener.js';
+import { useFetchNonce } from '../../utils/hooks/useFetchNonce/useFetchNonce.js';
+import { useFetchProjectSettings } from '../../utils/hooks/useFetchProjectSettings/useFetchProjectSettings.js';
+import { ThemeContextProvider } from '../ThemeContext/ThemeContext.js';
+import { useSetWalletConnectorVerifiedCredentials } from '../../utils/hooks/useSetWalletConnectorVerifiedCredentials/useSetWalletConnectorVerifiedCredentials.js';
 import '@dynamic-labs/types';
-import { isSameWalletName } from '../../utils/functions/isSameWalletName/isSameWalletName.js';
+import 'yup';
+import '../MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import { UserFieldEditorContextProvider } from '../UserFieldEditorContext/UserFieldEditorContext.js';
-import 'yup';
-import { useSetWalletConnectorVerifiedCredentials } from '../../utils/hooks/useSetWalletConnectorVerifiedCredentials/useSetWalletConnectorVerifiedCredentials.js';
+import { useValidateSession } from '../../utils/hooks/useValidateSession/useValidateSession.js';
+import { useWalletConnectorOptions } from '../../utils/hooks/useWalletConnectorOptions/useWalletConnectorOptions.js';
+import { useWalletConnectors } from '../../utils/hooks/useWalletConnectors/useWalletConnectors.js';
+import { useWalletUiUtils } from '../../utils/hooks/useWalletUiUtils/useWalletUiUtils.js';
 import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
@@ -100,6 +100,7 @@ import { useNameService } from './hooks/useNameService/useNameService.js';
 import { useSelectedWalletConnector } from './hooks/useSelectedWalletConnector/useSelectedWalletConnector.js';
 import { useSetShowAuthFlowWithInit } from './hooks/useSetShowAuthFlowWithInit/useSetShowAuthFlowWithInit.js';
 import { useVerificationInProgress } from './hooks/useVerificationInProgress/useVerificationInProgress.js';
+import { useShowPasskeyCreateSuccess } from './hooks/useShowPasskeyCreateSuccess/useShowPasskeyCreateSuccess.js';
 import { getInternalEvents } from './internalEvents/internalEvents.js';
 import { useCustomerCallbacks } from './useCustomerCallbacks/useCustomerCallbacks.js';
 import { useCustomerAuthFlowCallbacks } from './useCustomerCallbacks/useCustomerAuthFlowCallbacks.js';
@@ -183,7 +184,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         appName,
         getAppOrigin: () => window.location.origin,
     });
-    const { wallets } = useWallets({
+    const { walletConnectorOptions } = useWalletConnectorOptions({
         appLogoUrl,
         appName,
         deepLinkPreference,
@@ -199,7 +200,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
     });
     const [authMode, setAuthMode] = useLocalStorage(AUTH_MODE, initialAuthenticationMode);
     const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId();
-    const { connectWallet, removeConnectedWalletsInfo, connectedWalletsInfo, connectedWallet, getConnectedWalletById, connectedWallets, disconnectWallet, refreshConnectedWallet, } = useConnectWallet({
+    const { connectWallet, removeConnectedWalletsInfo, connectedWalletsInfo, getConnectedWalletById, connectedWallets, disconnectWallet, refreshConnectedWallet, } = useConnectWallet({
         authMode,
         clearPrimaryWalletId,
         enableVisitTrackingOnConnectOnly,
@@ -216,13 +217,13 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         primaryWalletId,
         setPrimaryWalletId,
         setShowAuthFlow,
-        wallets,
+        walletConnectorOptions,
     });
     useEffect(() => {
         const missingChains = getMissingChains(bridgeChains, connectedWalletsInfo);
         setBridgeChainsToConnect(missingChains);
     }, [bridgeChains]);
-    const { selectedWalletConnector, setSelectedWalletConnectorKey } = useSelectedWalletConnector({ wallets });
+    const { selectedWalletConnector, setSelectedWalletConnectorKey } = useSelectedWalletConnector({ walletConnectorOptions });
     //selected wallet to perform an action (become primary, unlink, etc)
     const [selectedWalletWithAction, setSelectedWalletWithAction] = useState(null);
     const removeAuthTokenAndUser = useCallback(() => {
@@ -231,8 +232,8 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
     }, [removeUser]);
     // until user completes onboarding, jwt is only stored in onboardingOnlyJwt
     const authToken = (_e = getAuthToken()) !== null && _e !== void 0 ? _e : onboardingOnlyJwt;
-    useSetWalletConnectorVerifiedCredentials(authToken, wallets);
-    const { didConnectedStateLoad, walletConnectors, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors({
+    useSetWalletConnectorVerifiedCredentials(authToken, walletConnectorOptions);
+    const { didConnectedStateLoad, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors({
         authMode,
         authToken: getAuthToken() || onboardingOnlyJwt,
         canHaveMultipleWalletsConnected: multiWallet || isBridgeFlow,
@@ -245,12 +246,13 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         setPrimaryWalletId,
         setQrcodeUri,
         user,
-        wallets,
+        walletConnectorOptions,
     });
+    const walletConnectors = linkedOrConnectedWallets.map((wallet) => wallet.connector);
     const { sdkHasLoaded, setSdkHasLoaded } = useGlobalLoading({
         authMode,
         connectedInfo: connectedWalletsInfo[0],
-        connectedWallet,
+        connectedWallets,
         primaryWallet,
         projectSettings,
         user,
@@ -262,11 +264,11 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         isRenderingEmbeddedAuthFlow,
         setShowAuthFlow,
         user,
-        wallets,
+        walletConnectorOptions,
     });
     const { getNameService, removeConnectedNameService } = useNameService({
         authToken,
-        currentWallet: primaryWallet !== null && primaryWallet !== void 0 ? primaryWallet : connectedWallet,
+        currentWallet: primaryWallet !== null && primaryWallet !== void 0 ? primaryWallet : connectedWallets[0],
     });
     const { clearAllWalletConnectSessions, clearOphanedWalletConnectSessions } = useClearWalletConnectSessions({
         connectors: walletConnectors,
@@ -275,7 +277,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         clearOphanedWalletConnectSessions,
     ]);
     const handleLogOut = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        var _j, _k, _l;
+        var _j, _k;
         setSdkHasLoaded(false);
         clearAllWalletConnectSessions();
         setBridgeChainsToConnect(bridgeChains);
@@ -293,7 +295,8 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         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)
@@ -310,13 +313,13 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         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,
@@ -324,7 +327,6 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         bridgeChains,
         toolkitEnabled,
         user,
-        connectedWallet,
         isVerificationInProgress,
         setIsVerificationInProgress,
         setAuthMode,
@@ -340,6 +342,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         eventsCallbacks,
         environmentId,
         walletConnectors,
+        connectedWallets,
     ]);
     useEventListener('logOut', handleLogOut);
     let wcVersion;
@@ -459,6 +462,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         clearAllWalletConnectSessions,
         removeConnectedWalletsInfo,
     ]);
+    const { showPasskeyCreatedSuccess, setShowPasskeyCreatedSuccess } = useShowPasskeyCreateSuccess();
     const value = useMemo(() => {
         var _a, _b, _c;
         return ({
@@ -476,7 +480,6 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
             bridgeChainsToConnect,
             clearStatesOnBackClick,
             connectWallet,
-            connectedWallet,
             connectedWallets,
             consumeNonce,
             cssOverrides,
@@ -556,6 +559,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
             setShowAuthFlow: setShowAuthFlowWithInit,
             setShowBridgeWidget,
             setShowDynamicUserProfile,
+            setShowPasskeyCreatedSuccess,
             setShowQrcodeModal,
             setShowWidgetStatePopup,
             setUser,
@@ -564,6 +568,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
             showBridgeWidget,
             showDynamicUserProfile,
             showLockedWalletView,
+            showPasskeyCreatedSuccess,
             showQrcodeModal,
             showWidgetStatePopup,
             signWithEmailWalletName,
@@ -577,8 +582,8 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
             toolkitEnabled,
             user,
             walletConnector: (_c = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) !== null && _c !== void 0 ? _c : null,
+            walletConnectorOptions,
             walletUiUtils,
-            wallets,
             walletsFilter,
         });
     }, [
@@ -595,7 +600,6 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         bridgeChainsToConnect,
         clearStatesOnBackClick,
         connectWallet,
-        connectedWallet,
         connectedWallets,
         consumeNonce,
         cssOverrides,
@@ -621,6 +625,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         isSingleWalletAccount,
         isVerificationInProgress,
         legacyIsVerifying,
+        user,
         linkedOrConnectedWallets,
         loadingNetwork,
         loginWithEmail,
@@ -660,6 +665,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         setSdkHasLoaded,
         setSelectedWalletConnectorKey,
         setShowAuthFlowWithInit,
+        setShowPasskeyCreatedSuccess,
         setShowQrcodeModal,
         setUser,
         shadowDOMEnabled,
@@ -667,6 +673,7 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         showBridgeWidget,
         showDynamicUserProfile,
         showLockedWalletView,
+        showPasskeyCreatedSuccess,
         showQrcodeModal,
         showWidgetStatePopup,
         signWithEmailWalletName,
@@ -678,9 +685,8 @@ const DynamicContextProvider = ({ children, theme, settings, locale, }) => {
         termsOfServiceUrl,
         theme,
         toolkitEnabled,
-        user,
         walletUiUtils,
-        wallets,
+        walletConnectorOptions,
         walletsFilter,
     ]);
     useEffect(() => {

package/src/lib/context/DynamicContext/hooks/index.d.ts

@@ -4,3 +4,4 @@ export * from './useNameService';
 export * from './useSelectedWalletConnector';
 export * from './useSetShowAuthFlowWithInit';
 export * from './useVerificationInProgress';
+export * from './useShowPasskeyCreateSuccess';

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 
-const useSelectedWalletConnector = ({ wallets, }) => {
+const useSelectedWalletConnector = ({ walletConnectorOptions, }) => {
     const [selectedWalletConnectorKey, setSelectedWalletConnectorKey] = React.useState(null);
     // Instead of storing the selected connector directly, we derive it from the wallets
     // This way if wallets change, the selected connector will be updated too
@@ -12,8 +12,8 @@ const useSelectedWalletConnector = ({ wallets, }) => {
         var _a, _b;
         if (!selectedWalletConnectorKey)
             return null;
-        return ((_b = (_a = wallets.find(({ walletConnector }) => walletConnector.key === selectedWalletConnectorKey)) === null || _a === void 0 ? void 0 : _a.walletConnector) !== null && _b !== void 0 ? _b : null);
-    }, [selectedWalletConnectorKey, wallets]);
+        return ((_b = (_a = walletConnectorOptions.find(({ walletConnector }) => walletConnector.key === selectedWalletConnectorKey)) === null || _a === void 0 ? void 0 : _a.walletConnector) !== null && _b !== void 0 ? _b : null);
+    }, [selectedWalletConnectorKey, walletConnectorOptions]);
     return { selectedWalletConnector, setSelectedWalletConnectorKey };
 };
 

package/src/lib/context/DynamicContext/hooks/useSelectedWalletConnector/useSelectedWalletConnector.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { WalletOption } from '../../../../shared';
 type useSelectedWalletConnectorProps = {
-    wallets: WalletOption[];
+    walletConnectorOptions: WalletOption[];
 };
-export declare const useSelectedWalletConnector: ({ wallets, }: useSelectedWalletConnectorProps) => {
+export declare const useSelectedWalletConnector: ({ walletConnectorOptions, }: useSelectedWalletConnectorProps) => {
     selectedWalletConnector: import("dist/packages/wallet-connector-core/src").WalletConnectorCore.WalletConnector | null;
     setSelectedWalletConnectorKey: import("react").Dispatch<import("react").SetStateAction<string | null>>;
 };

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

@@ -1,6 +1,6 @@
 import { useState, useMemo } from 'react';
 
-const useSelectedWalletConnector = ({ wallets, }) => {
+const useSelectedWalletConnector = ({ walletConnectorOptions, }) => {
     const [selectedWalletConnectorKey, setSelectedWalletConnectorKey] = useState(null);
     // Instead of storing the selected connector directly, we derive it from the wallets
     // This way if wallets change, the selected connector will be updated too
@@ -8,8 +8,8 @@ const useSelectedWalletConnector = ({ wallets, }) => {
         var _a, _b;
         if (!selectedWalletConnectorKey)
             return null;
-        return ((_b = (_a = wallets.find(({ walletConnector }) => walletConnector.key === selectedWalletConnectorKey)) === null || _a === void 0 ? void 0 : _a.walletConnector) !== null && _b !== void 0 ? _b : null);
-    }, [selectedWalletConnectorKey, wallets]);
+        return ((_b = (_a = walletConnectorOptions.find(({ walletConnector }) => walletConnector.key === selectedWalletConnectorKey)) === null || _a === void 0 ? void 0 : _a.walletConnector) !== null && _b !== void 0 ? _b : null);
+    }, [selectedWalletConnectorKey, walletConnectorOptions]);
     return { selectedWalletConnector, setSelectedWalletConnectorKey };
 };
 

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

@@ -12,7 +12,7 @@ var React = require('react');
  * "Connect" button in the WalletConnect modal, there is a uri ready to go
  * to immediately trigger the deep link on mobile
  */
-const useSetShowAuthFlowWithInit = ({ setShowAuthFlow, wallets, user, isMultiWalletEnabled, isRenderingEmbeddedAuthFlow, }) => {
+const useSetShowAuthFlowWithInit = ({ setShowAuthFlow, walletConnectorOptions, user, isMultiWalletEnabled, isRenderingEmbeddedAuthFlow, }) => {
     const setShowAuthFlowWithInit = React.useCallback((value) => {
         var _a;
         if (value) {
@@ -22,11 +22,11 @@ const useSetShowAuthFlowWithInit = ({ setShowAuthFlow, wallets, user, isMultiWal
             if ((user && !isMultiWalletEnabled) ||
                 isRenderingEmbeddedAuthFlow.current)
                 return;
-            (_a = wallets
+            (_a = walletConnectorOptions
                 .find((wallet) => wallet.walletConnector.key === 'walletconnect')) === null || _a === void 0 ? void 0 : _a.walletConnector.init();
         }
         setShowAuthFlow(value);
-    }, [setShowAuthFlow, wallets, user, isMultiWalletEnabled]);
+    }, [setShowAuthFlow, walletConnectorOptions, user, isMultiWalletEnabled]);
     return setShowAuthFlowWithInit;
 };
 

package/src/lib/context/DynamicContext/hooks/useSetShowAuthFlowWithInit/useSetShowAuthFlowWithInit.d.ts

@@ -9,10 +9,10 @@ import { IDynamicContext } from '../../types';
  * "Connect" button in the WalletConnect modal, there is a uri ready to go
  * to immediately trigger the deep link on mobile
  */
-export declare const useSetShowAuthFlowWithInit: ({ setShowAuthFlow, wallets, user, isMultiWalletEnabled, isRenderingEmbeddedAuthFlow, }: {
+export declare const useSetShowAuthFlowWithInit: ({ setShowAuthFlow, walletConnectorOptions, user, isMultiWalletEnabled, isRenderingEmbeddedAuthFlow, }: {
     setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
     isRenderingEmbeddedAuthFlow: IDynamicContext['isRenderingEmbeddedAuthFlow'];
-    wallets: WalletOption[];
+    walletConnectorOptions: WalletOption[];
     user?: UserProfile | undefined;
     isMultiWalletEnabled?: boolean | undefined;
 }) => Dispatch<SetStateAction<boolean>>;