@dynamic-labs/sdk-react-core 0.18.0-RC.22 → 0.18.0-RC.24

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

@@ -98,11 +98,23 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
         return Promise.resolve();
     };
     // Updates connected wallet (network and address) and verifies connected wallet connection
-    const refreshConnectedWallet = (walletId, walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
+    const refreshConnectedWallet = (walletId, walletConnector, shouldCallCallback = false) => __awaiter(void 0, void 0, void 0, function* () {
         if (shouldManuallyReconnectOnRefresh(walletConnector)) {
             yield walletConnector.connect();
         }
         const currentWalletConnectorAddress = yield walletConnector.fetchPublicAddress();
+        if (onBeforeConnectSuccessConfirmation && shouldCallCallback) {
+            const shouldProceedWithConnection = yield onBeforeConnectSuccessConfirmation({
+                address: currentWalletConnectorAddress,
+                chain: walletConnector.connectedChain,
+                connector: walletConnector,
+            });
+            if (!shouldProceedWithConnection) {
+                logger.info('Connection was not established because onBeforeConnectSuccessConfirmation returned false');
+                setShowAuthFlow(false);
+                return;
+            }
+        }
         if (!currentWalletConnectorAddress) {
             logger.error('Could not refresh the wallet. The wallet address is not available');
             return;
@@ -123,7 +135,11 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
             throw error;
         }
         if (onBeforeConnectSuccessConfirmation) {
-            const shouldProceedWithConnection = yield onBeforeConnectSuccessConfirmation(publicWalletAddress);
+            const shouldProceedWithConnection = yield onBeforeConnectSuccessConfirmation({
+                address: publicWalletAddress,
+                chain: walletConnector.connectedChain,
+                connector: walletConnector,
+            });
             if (!shouldProceedWithConnection) {
                 logger.info('Connection was not established because onBeforeConnectSuccessConfirmation returned false');
                 setShowAuthFlow(false);

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

@@ -5,8 +5,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 var useOnlyConnectedMode = require('../useOnlyConnectedMode/useOnlyConnectedMode.cjs');
 var getUserProfileFields = require('../../functions/getUserProfileFields/getUserProfileFields.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('react');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../constants/colors.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+require('../../../shared/consts/index.cjs');
+require('@dynamic-labs/multi-wallet');
+var isSocialKycEnabled = require('../../functions/isSocialKycEnabled/isSocialKycEnabled.cjs');
 
-const isSocialEnabled = (kyc = []) => { var _a; return Boolean((_a = kyc.find(({ name }) => name === 'social')) === null || _a === void 0 ? void 0 : _a.enabled); };
+/* eslint-disable max-len */
 /**
  * A custom React hook that checks if KYC fields are enabled in the project settings or defined in the user profile.
  *
@@ -21,7 +36,7 @@ const useKYCFlag = () => {
         projectSettingsKyc: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc,
         user,
     });
-    return hasAnyKYCFields.length > 0 || isSocialEnabled(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc);
+    return hasAnyKYCFields.length > 0 || isSocialKycEnabled.isSocialKycEnabled(projectSettings);
 };
 
 exports.useKYCFlag = useKYCFlag;

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

@@ -1,8 +1,23 @@
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import { useOnlyConnectedMode } from '../useOnlyConnectedMode/useOnlyConnectedMode.js';
 import { getUserProfileFields } from '../../functions/getUserProfileFields/getUserProfileFields.js';
+import '@dynamic-labs/sdk-api';
+import '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import 'react';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../constants/colors.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
+import 'ethers';
+import '../../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import { isSocialKycEnabled } from '../../functions/isSocialKycEnabled/isSocialKycEnabled.js';
 
-const isSocialEnabled = (kyc = []) => { var _a; return Boolean((_a = kyc.find(({ name }) => name === 'social')) === null || _a === void 0 ? void 0 : _a.enabled); };
+/* eslint-disable max-len */
 /**
  * A custom React hook that checks if KYC fields are enabled in the project settings or defined in the user profile.
  *
@@ -17,7 +32,7 @@ const useKYCFlag = () => {
         projectSettingsKyc: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc,
         user,
     });
-    return hasAnyKYCFields.length > 0 || isSocialEnabled(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc);
+    return hasAnyKYCFields.length > 0 || isSocialKycEnabled(projectSettings);
 };
 
 export { useKYCFlag };

package/src/lib/utils/hooks/useSocialAccounts/index.d.ts

@@ -0,0 +1 @@
+export { useSocialAccounts } from './useSocialAccounts';

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

@@ -0,0 +1,159 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
+var api = require('../../../data/api.cjs');
+var useUpdateUserProfileByJWTCallback = require('../useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.cjs');
+require('@dynamic-labs/sdk-api');
+var logger = require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../constants/colors.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+require('../../../shared/consts/index.cjs');
+require('@dynamic-labs/multi-wallet');
+var getAuthToken = require('../../functions/getAuthToken/getAuthToken.cjs');
+var index = require('../../functions/getEnabledOAuthProviders/index.cjs');
+var isSocialKycEnabled = require('../../functions/isSocialKycEnabled/isSocialKycEnabled.cjs');
+
+const useSocialAccounts = () => {
+    var _a;
+    const { environmentId, user, projectSettings, onboardingOnlyJwt } = useInternalDynamicContext.useInternalDynamicContext();
+    const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback.useUpdateUserProfileByJWTCallback();
+    const [isProcessing, setIsProcessing] = React.useState(false);
+    const [error, setError] = React.useState();
+    const userJwt = (_a = getAuthToken.getAuthToken()) !== null && _a !== void 0 ? _a : onboardingOnlyJwt;
+    const oauthProviders = index.getEnabledOAuthProviders(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
+    const verifiedOAuthCredentialsMap = React.useMemo(() => {
+        var _a, _b;
+        const verifiedOAuthCredential = (_b = (_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.filter((credential) => credential.format === 'oauth')) !== null && _b !== void 0 ? _b : [];
+        return Object.fromEntries(new Map(verifiedOAuthCredential.map((credential) => {
+            var _a;
+            return [
+                (_a = credential.oauthProvider) !== null && _a !== void 0 ? _a : credential.id,
+                credential,
+            ];
+        })));
+    }, [user === null || user === void 0 ? void 0 : user.verifiedCredentials]);
+    const handleError = (message) => {
+        logger.logger.error(message);
+        setIsProcessing(false);
+        setError(message);
+    };
+    const linkSocialAccount = (provider) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        setError(undefined);
+        setIsProcessing(true);
+        if (!isSocialKycEnabled.isSocialKycEnabled(projectSettings)) {
+            handleError('Social linking is not enabled on the dashboard');
+            return;
+        }
+        if (!provider) {
+            handleError('Provider is required');
+            return;
+        }
+        const verifiedCredential = verifiedOAuthCredentialsMap[provider];
+        if (verifiedCredential) {
+            handleError(`Account already linked for provider: ${provider}`);
+            return;
+        }
+        const oauthProvider = oauthProviders.find((p) => p.provider === provider);
+        if (!oauthProvider) {
+            handleError(`Provider is not enabled on the dashboard: ${provider}`);
+            return;
+        }
+        const handleAuthWindowMessage = (event) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            var _b, _c, _d;
+            if (((_b = event.data) === null || _b === void 0 ? void 0 : _b.type) === 'authorization_response') {
+                logger.logger.debug('Message received', { data: event.data });
+            }
+            if (((_c = event.data) === null || _c === void 0 ? void 0 : _c.type) !== 'authorization_response' ||
+                ((_d = event.data) === null || _d === void 0 ? void 0 : _d.provider) !== provider) {
+                return;
+            }
+            const { code } = event.data;
+            const jwt = yield api.verifyOAuth(environmentId, provider, {
+                code,
+            }, String(userJwt));
+            if (!jwt) {
+                handleError(`Failed to link social account: ${provider}`);
+                return;
+            }
+            yield updateUserProfileByJWT(jwt);
+            setIsProcessing(false);
+        });
+        window.addEventListener('message', handleAuthWindowMessage);
+        const authWindow = window.open(oauthProvider.authorizationUrl, '_blank', 'width=500,height=600');
+        const authWindowInterval = setInterval(() => {
+            if (authWindow === null || authWindow === void 0 ? void 0 : authWindow.closed) {
+                window.removeEventListener('message', handleAuthWindowMessage);
+                clearInterval(authWindowInterval);
+                setIsProcessing(false);
+            }
+        }, 1000);
+    });
+    const unlinkSocialAccount = (provider) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _e;
+        setError(undefined);
+        setIsProcessing(true);
+        if (!provider) {
+            handleError('Provider is required');
+            return;
+        }
+        const verifiedCredential = verifiedOAuthCredentialsMap[provider];
+        if (!verifiedCredential) {
+            handleError(`No account linked for provider: ${provider}`);
+            return;
+        }
+        try {
+            const jwt = yield api.unlinkOAuth({
+                environmentId,
+                verifiedCrentialId: (_e = verifiedCredential.id) !== null && _e !== void 0 ? _e : '',
+            }, String(userJwt));
+            if (!jwt) {
+                handleError(`Failed to unlink social account: ${provider} | ${verifiedCredential.id}`);
+                return;
+            }
+            yield updateUserProfileByJWT(jwt);
+            setIsProcessing(false);
+        }
+        catch (err) {
+            handleError(`Failed to unlink social account: ${provider} | ${verifiedCredential.id}`);
+        }
+    });
+    const isLinked = (provider) => Boolean(verifiedOAuthCredentialsMap[provider]);
+    const getLinkedAccountInformation = (provider) => {
+        const verifiedCredential = verifiedOAuthCredentialsMap[provider];
+        if (!verifiedCredential) {
+            return;
+        }
+        const { id, oauthAccountId, oauthAccountPhotos, oauthDisplayName, oauthEmails, oauthProvider, oauthUsername, publicIdentifier, } = verifiedCredential;
+        return {
+            accountId: oauthAccountId,
+            avatar: oauthAccountPhotos === null || oauthAccountPhotos === void 0 ? void 0 : oauthAccountPhotos[0],
+            displayName: oauthDisplayName,
+            email: oauthEmails === null || oauthEmails === void 0 ? void 0 : oauthEmails[0],
+            id,
+            provider: oauthProvider,
+            publicIdentifier,
+            username: oauthUsername,
+        };
+    };
+    return {
+        error,
+        getLinkedAccountInformation,
+        isLinked,
+        isProcessing,
+        linkSocialAccount,
+        unlinkSocialAccount,
+    };
+};
+
+exports.useSocialAccounts = useSocialAccounts;

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

@@ -0,0 +1,10 @@
+import { ProviderEnum } from '@dynamic-labs/sdk-api';
+import { SocialAccountInformation } from '@dynamic-labs/types';
+export declare const useSocialAccounts: () => {
+    readonly error: string | undefined;
+    readonly getLinkedAccountInformation: (provider: ProviderEnum) => SocialAccountInformation | undefined;
+    readonly isLinked: (provider: ProviderEnum) => boolean;
+    readonly isProcessing: boolean;
+    readonly linkSocialAccount: (provider: ProviderEnum) => Promise<void>;
+    readonly unlinkSocialAccount: (provider: ProviderEnum) => Promise<void>;
+};

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

@@ -0,0 +1,155 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useState, useMemo } from 'react';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
+import { unlinkOAuth, verifyOAuth } from '../../../data/api.js';
+import { useUpdateUserProfileByJWTCallback } from '../useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.js';
+import '@dynamic-labs/sdk-api';
+import { logger } from '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../constants/colors.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
+import 'ethers';
+import '../../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import { getAuthToken } from '../../functions/getAuthToken/getAuthToken.js';
+import { getEnabledOAuthProviders } from '../../functions/getEnabledOAuthProviders/index.js';
+import { isSocialKycEnabled } from '../../functions/isSocialKycEnabled/isSocialKycEnabled.js';
+
+const useSocialAccounts = () => {
+    var _a;
+    const { environmentId, user, projectSettings, onboardingOnlyJwt } = useInternalDynamicContext();
+    const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback();
+    const [isProcessing, setIsProcessing] = useState(false);
+    const [error, setError] = useState();
+    const userJwt = (_a = getAuthToken()) !== null && _a !== void 0 ? _a : onboardingOnlyJwt;
+    const oauthProviders = getEnabledOAuthProviders(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers);
+    const verifiedOAuthCredentialsMap = useMemo(() => {
+        var _a, _b;
+        const verifiedOAuthCredential = (_b = (_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials) === null || _a === void 0 ? void 0 : _a.filter((credential) => credential.format === 'oauth')) !== null && _b !== void 0 ? _b : [];
+        return Object.fromEntries(new Map(verifiedOAuthCredential.map((credential) => {
+            var _a;
+            return [
+                (_a = credential.oauthProvider) !== null && _a !== void 0 ? _a : credential.id,
+                credential,
+            ];
+        })));
+    }, [user === null || user === void 0 ? void 0 : user.verifiedCredentials]);
+    const handleError = (message) => {
+        logger.error(message);
+        setIsProcessing(false);
+        setError(message);
+    };
+    const linkSocialAccount = (provider) => __awaiter(void 0, void 0, void 0, function* () {
+        setError(undefined);
+        setIsProcessing(true);
+        if (!isSocialKycEnabled(projectSettings)) {
+            handleError('Social linking is not enabled on the dashboard');
+            return;
+        }
+        if (!provider) {
+            handleError('Provider is required');
+            return;
+        }
+        const verifiedCredential = verifiedOAuthCredentialsMap[provider];
+        if (verifiedCredential) {
+            handleError(`Account already linked for provider: ${provider}`);
+            return;
+        }
+        const oauthProvider = oauthProviders.find((p) => p.provider === provider);
+        if (!oauthProvider) {
+            handleError(`Provider is not enabled on the dashboard: ${provider}`);
+            return;
+        }
+        const handleAuthWindowMessage = (event) => __awaiter(void 0, void 0, void 0, function* () {
+            var _b, _c, _d;
+            if (((_b = event.data) === null || _b === void 0 ? void 0 : _b.type) === 'authorization_response') {
+                logger.debug('Message received', { data: event.data });
+            }
+            if (((_c = event.data) === null || _c === void 0 ? void 0 : _c.type) !== 'authorization_response' ||
+                ((_d = event.data) === null || _d === void 0 ? void 0 : _d.provider) !== provider) {
+                return;
+            }
+            const { code } = event.data;
+            const jwt = yield verifyOAuth(environmentId, provider, {
+                code,
+            }, String(userJwt));
+            if (!jwt) {
+                handleError(`Failed to link social account: ${provider}`);
+                return;
+            }
+            yield updateUserProfileByJWT(jwt);
+            setIsProcessing(false);
+        });
+        window.addEventListener('message', handleAuthWindowMessage);
+        const authWindow = window.open(oauthProvider.authorizationUrl, '_blank', 'width=500,height=600');
+        const authWindowInterval = setInterval(() => {
+            if (authWindow === null || authWindow === void 0 ? void 0 : authWindow.closed) {
+                window.removeEventListener('message', handleAuthWindowMessage);
+                clearInterval(authWindowInterval);
+                setIsProcessing(false);
+            }
+        }, 1000);
+    });
+    const unlinkSocialAccount = (provider) => __awaiter(void 0, void 0, void 0, function* () {
+        var _e;
+        setError(undefined);
+        setIsProcessing(true);
+        if (!provider) {
+            handleError('Provider is required');
+            return;
+        }
+        const verifiedCredential = verifiedOAuthCredentialsMap[provider];
+        if (!verifiedCredential) {
+            handleError(`No account linked for provider: ${provider}`);
+            return;
+        }
+        try {
+            const jwt = yield unlinkOAuth({
+                environmentId,
+                verifiedCrentialId: (_e = verifiedCredential.id) !== null && _e !== void 0 ? _e : '',
+            }, String(userJwt));
+            if (!jwt) {
+                handleError(`Failed to unlink social account: ${provider} | ${verifiedCredential.id}`);
+                return;
+            }
+            yield updateUserProfileByJWT(jwt);
+            setIsProcessing(false);
+        }
+        catch (err) {
+            handleError(`Failed to unlink social account: ${provider} | ${verifiedCredential.id}`);
+        }
+    });
+    const isLinked = (provider) => Boolean(verifiedOAuthCredentialsMap[provider]);
+    const getLinkedAccountInformation = (provider) => {
+        const verifiedCredential = verifiedOAuthCredentialsMap[provider];
+        if (!verifiedCredential) {
+            return;
+        }
+        const { id, oauthAccountId, oauthAccountPhotos, oauthDisplayName, oauthEmails, oauthProvider, oauthUsername, publicIdentifier, } = verifiedCredential;
+        return {
+            accountId: oauthAccountId,
+            avatar: oauthAccountPhotos === null || oauthAccountPhotos === void 0 ? void 0 : oauthAccountPhotos[0],
+            displayName: oauthDisplayName,
+            email: oauthEmails === null || oauthEmails === void 0 ? void 0 : oauthEmails[0],
+            id,
+            provider: oauthProvider,
+            publicIdentifier,
+            username: oauthUsername,
+        };
+    };
+    return {
+        error,
+        getLinkedAccountInformation,
+        isLinked,
+        isProcessing,
+        linkSocialAccount,
+        unlinkSocialAccount,
+    };
+};
+
+export { useSocialAccounts };

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

@@ -28,12 +28,14 @@ var ErrorContext = require('../../../context/ErrorContext/ErrorContext.cjs');
 var getSiweStatement = require('../../functions/getSiweStatement/getSiweStatement.cjs');
 var getWalletProvider = require('../../functions/getWalletProvider/getWalletProvider.cjs');
 var AccessDeniedContext = require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+var AccountExistsContext = require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 
 // This logic is used to both verify or link a wallet
 // Since we are re-using the different screens to authenticate or link the wallet.
 // This logic is the best place to determine whether we should verify or verify and link.
 const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, projectSettings, setIsSingleWalletAccount, }) => {
     const { setDeniedAddress, setDeniedOauthProvider } = AccessDeniedContext.useAccessDeniedContext();
+    const { setExistentAccountData } = AccountExistsContext.useAccountExistsContext();
     const { setView, goToInitialView } = ViewContext.useViewContext();
     const { setErrorMessage, setError } = ErrorContext.useErrorContext();
     const { setUser, multiWalletWidgetState, debugError, multiWallet: multiWalletEnabled, appName, primaryWalletId, setCallback, setShowAuthFlow, setPrimaryWalletId, siweStatement, connectedWallet, authMode, setOnboardingOnlyJwt, authToken, setAuthMode, removeConnectedWalletsInfo, setIsVerificationInProgress, } = useInternalDynamicContext.useInternalDynamicContext();
@@ -123,6 +125,11 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
             setView('no-access');
             return;
         }
+        if (e instanceof utils.AccountExistsError) {
+            setExistentAccountData(e.errorPayload);
+            setView('account-exists');
+            return;
+        }
         if (connectedWallet && authMode === 'connect-only') {
             throw new utils.DynamicError(e.message);
         }

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

@@ -1,6 +1,6 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { isSocialWalletConnector } from '@dynamic-labs/wallet-connector-core';
-import { DynamicError, WalletUsedError, ChainalysisError, GateBlockedError, NoAccessError } from '@dynamic-labs/utils';
+import { DynamicError, WalletUsedError, ChainalysisError, GateBlockedError, NoAccessError, AccountExistsError } from '@dynamic-labs/utils';
 import { verifyWallet, linkWallet } from '../../../data/api.js';
 import { storeAuthToken } from '../../functions/storeAuthToken/index.js';
 import '@dynamic-labs/multi-wallet';
@@ -24,12 +24,14 @@ import { useErrorContext } from '../../../context/ErrorContext/ErrorContext.js';
 import { getSiweStatement } from '../../functions/getSiweStatement/getSiweStatement.js';
 import { getWalletProvider } from '../../functions/getWalletProvider/getWalletProvider.js';
 import { useAccessDeniedContext } from '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import { useAccountExistsContext } from '../../../context/AccountExistsContext/AccountExistsContext.js';
 
 // This logic is used to both verify or link a wallet
 // Since we are re-using the different screens to authenticate or link the wallet.
 // This logic is the best place to determine whether we should verify or verify and link.
 const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, projectSettings, setIsSingleWalletAccount, }) => {
     const { setDeniedAddress, setDeniedOauthProvider } = useAccessDeniedContext();
+    const { setExistentAccountData } = useAccountExistsContext();
     const { setView, goToInitialView } = useViewContext();
     const { setErrorMessage, setError } = useErrorContext();
     const { setUser, multiWalletWidgetState, debugError, multiWallet: multiWalletEnabled, appName, primaryWalletId, setCallback, setShowAuthFlow, setPrimaryWalletId, siweStatement, connectedWallet, authMode, setOnboardingOnlyJwt, authToken, setAuthMode, removeConnectedWalletsInfo, setIsVerificationInProgress, } = useInternalDynamicContext();
@@ -119,6 +121,11 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
             setView('no-access');
             return;
         }
+        if (e instanceof AccountExistsError) {
+            setExistentAccountData(e.errorPayload);
+            setView('account-exists');
+            return;
+        }
         if (connectedWallet && authMode === 'connect-only') {
             throw new DynamicError(e.message);
         }

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

@@ -96,7 +96,7 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
                 const [newAddress] = accounts;
                 const newWallet = secondaryWallets.find((wallet) => walletConnectorCore.isSameAddress(wallet.address, newAddress, wallet.chain));
                 if (authMode === 'connect-only') {
-                    refreshConnectedWallet(primaryWallet.id, primaryWallet.connector);
+                    refreshConnectedWallet(primaryWallet.id, primaryWallet.connector, true);
                     return;
                 }
                 if (walletConnectorCore.isSameAddress(newAddress, primaryWallet.address, primaryWallet.chain)) {
@@ -160,7 +160,7 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
         const secondaryListeners = {
             onAccountChange: () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
                 if (authMode === 'connect-only' && secondaryWallets.length) {
-                    refreshConnectedWallet(secondaryWallets[0].id, secondaryWallets[0].connector);
+                    refreshConnectedWallet(secondaryWallets[0].id, secondaryWallets[0].connector, true);
                     return;
                 }
                 if (multiWalletWidgetState === 'awaiting_account_switch') {

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

@@ -17,7 +17,7 @@ export type UseWalletEventListenersArgs = {
     setSelectedWalletWithAction(walletWithAction: WalletWithAction | null): void;
     user: UserProfile | undefined;
     authMode: AuthModeType;
-    refreshConnectedWallet: (walletId: string, walletConnector: WalletConnector) => Promise<void>;
+    refreshConnectedWallet: (walletId: string, walletConnector: WalletConnector, shouldCallCallback?: boolean) => Promise<void>;
 };
 export declare const useWalletEventListeners: ({ computeConnectedStateForWallets, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnector, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, authMode, refreshConnectedWallet, }: UseWalletEventListenersArgs) => {
     loadingNetwork: boolean;

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

@@ -92,7 +92,7 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
                 const [newAddress] = accounts;
                 const newWallet = secondaryWallets.find((wallet) => isSameAddress(wallet.address, newAddress, wallet.chain));
                 if (authMode === 'connect-only') {
-                    refreshConnectedWallet(primaryWallet.id, primaryWallet.connector);
+                    refreshConnectedWallet(primaryWallet.id, primaryWallet.connector, true);
                     return;
                 }
                 if (isSameAddress(newAddress, primaryWallet.address, primaryWallet.chain)) {
@@ -156,7 +156,7 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
         const secondaryListeners = {
             onAccountChange: () => __awaiter(void 0, void 0, void 0, function* () {
                 if (authMode === 'connect-only' && secondaryWallets.length) {
-                    refreshConnectedWallet(secondaryWallets[0].id, secondaryWallets[0].connector);
+                    refreshConnectedWallet(secondaryWallets[0].id, secondaryWallets[0].connector, true);
                     return;
                 }
                 if (multiWalletWidgetState === 'awaiting_account_switch') {

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

@@ -25,6 +25,7 @@ var isSelectedWalletAlreadyConnected = require('../../functions/isSelectedWallet
 var useConnectAndSign = require('../authenticationHooks/useConnectAndSign/useConnectAndSign.cjs');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 var useConnectAndSignSplitSteps = require('../authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.cjs');
 
 const useWalletItemActions = () => {

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

@@ -21,6 +21,7 @@ import { isSelectedWalletAlreadyConnected } from '../../functions/isSelectedWall
 import { useConnectAndSign } from '../authenticationHooks/useConnectAndSign/useConnectAndSign.js';
 import '../../../config/ApiEndpoint.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import { useConnectAndSignSplitSteps } from '../authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.js';
 
 const useWalletItemActions = () => {

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

@@ -32,6 +32,7 @@ require('@dynamic-labs/rpc-providers');
 require('../useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 var useConfirmationModal = require('../useConfirmationModal/useConfirmationModal.cjs');
 require('../../../context/MockContext/MockContext.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');

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

@@ -28,6 +28,7 @@ import '@dynamic-labs/rpc-providers';
 import '../useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../context/ErrorContext/ErrorContext.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import { useConfirmationModal } from '../useConfirmationModal/useConfirmationModal.js';
 import '../../../context/MockContext/MockContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';