@dynamic-labs/sdk-react-core 0.18.0-RC.9 → 0.18.0-beta.28

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

@@ -1,58 +1,46 @@
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { createContext, useState, useEffect, useCallback, useMemo } from 'react';
+import { ICONIC_SPRITE_URL } from '@dynamic-labs/iconic';
+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 { ICONIC_SPRITE_URL } from '@dynamic-labs/iconic';
-import { AUTH_TOKEN, AUTH_USER, AUTH_MODE, WALLET_PICKER_SEARCH_KEY } from '../../utils/constants/localStorage.js';
-import '../../utils/constants/colors.js';
-import { DEFAULT_NUMBER_OF_WALLETS_TO_SHOW } from '../../utils/constants/values.js';
+import { DynamicAuthFlow } from '../../app.js';
+import { Toolkit } from '../../components/Toolkit/Toolkit.js';
 import { decodeJwt } from '../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import { ViewContextProvider } from '../ViewContext/ViewContext.js';
 import { logger } from '../../shared/logger.js';
-import '@dynamic-labs/utils';
+import { IS_FULLY_CONNECTED, AUTH_TOKEN, AUTH_USER, AUTH_MODE, WALLET_PICKER_SEARCH_KEY } from '../../utils/constants/localStorage.js';
+import '../../utils/constants/colors.js';
+import { DEFAULT_NUMBER_OF_WALLETS_TO_SHOW } from '../../utils/constants/values.js';
 import { LocalStorage } from '../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import { useLocalStorage } from '../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
 import { useGlobalLoading } from '../../shared/utils/hooks/useGlobalLoading/useGlobalLoading.js';
 import '../../shared/consts/index.js';
+import 'react-dom';
+import 'react-focus-lock';
+import '../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../components/Transition/OpacityTransition/OpacityTransition.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 { revokeSession } from '../../data/api.js';
+import { revokeSession, sendDynamicProps } from '../../data/api.js';
 import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../utils/functions/getAuthToken/getAuthToken.js';
 import '@dynamic-labs/sdk-api';
 import { ErrorContextProvider } from '../ErrorContext/ErrorContext.js';
 import { AccessDeniedContextProvider } from '../AccessDeniedContext/AccessDeniedContext.js';
-import 'react-dom';
+import { AccountExistsContextProvider } from '../AccountExistsContext/AccountExistsContext.js';
 import { useWalletUiUtils } from '../../utils/hooks/useWalletUiUtils/useWalletUiUtils.js';
 import '../MockContext/MockContext.js';
 import { CaptchaContextProvider } from '../CaptchaContext/CaptchaContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import { ThemeContextProvider } from '../ThemeContext/ThemeContext.js';
-import ApiEndpoint from '../../config/ApiEndpoint.js';
-import { useFetchNetworkConfigurations } from '../../utils/hooks/useFetchNetworkConfigurations/useFetchNetworkConfigurations.js';
-import { useMultiWalletWidgetState } from '../../utils/hooks/multiWallet/useMultiWalletWidgetState/useMultiWalletWidgetState.js';
-import { useWalletEventListeners } from '../../utils/hooks/useWalletEventListeners/useWalletEventListeners.js';
-import { LoadingContextProvider } from '../LoadingContext/LoadingContext.js';
-import { useFetchWalletsForChainsMap } from '../../utils/hooks/useFetchWalletsForChainsMap/useFetchWalletsForChainsMap.js';
-import { useHandleUnlinkWallet } from '../../utils/hooks/useHandleUnlinkWallet/useHandleUnlinkWallet.js';
-import { DynamicAuthFlow } from '../../app.js';
-import { useClearWalletConnectSessions } from '../../utils/hooks/useClearWalletConnectSessions/useClearWalletConnectSessions.js';
-import { parseTheme } from '../../utils/functions/parseTheme/parseTheme.js';
-import { useConnectWallet } from '../../utils/hooks/useConnectWallet/useConnectWallet.js';
-import { isSameWalletName } from '../../utils/functions/isSameWalletName/isSameWalletName.js';
-import { useRpcProviders } from '../../utils/hooks/useRpcProviders/useRpcProviders.js';
-import { EmailVerificationContextProvider } from '../EmailVerificationContext/EmailVerificationContext.js';
-import { DynamicWidgetContextProvider } from '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import { QrCodeContextProvider } from '../QrCodeContext/QrCodeContext.js';
-import { Toolkit } from '../../components/Toolkit/Toolkit.js';
-import 'react-focus-lock';
-import '../../components/Transition/ZoomTransition/ZoomTransition.js';
-import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
-import '../../components/Transition/OpacityTransition/OpacityTransition.js';
+import { useValidateSession } from '../../utils/hooks/useValidateSession/useValidateSession.js';
+import { useEventListener } from '../../utils/hooks/useEventListener/useEventListener.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
@@ -60,37 +48,63 @@ import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
-import { FundingContextProvider } from '../FundingContext/FundingContext.js';
+import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/MenuList/Dropdown/Dropdown.js';
+import ApiEndpoint from '../../config/ApiEndpoint.js';
+import { getMissingChains } from '../../utils/functions/getMissingChains/getMissingChains.js';
+import { isSameWalletName } from '../../utils/functions/isSameWalletName/isSameWalletName.js';
+import { parseTheme } from '../../utils/functions/parseTheme/parseTheme.js';
+import { useMultiWalletWidgetState } from '../../utils/hooks/multiWallet/useMultiWalletWidgetState/useMultiWalletWidgetState.js';
+import { useMultiWallet } from '../../utils/hooks/multiWallet/useMultiWallet/useMultiWallet.js';
+import { useClearWalletConnectSessions } from '../../utils/hooks/useClearWalletConnectSessions/useClearWalletConnectSessions.js';
+import { useConnectWallet } from '../../utils/hooks/useConnectWallet/useConnectWallet.js';
+import { useFetchNetworkConfigurations } from '../../utils/hooks/useFetchNetworkConfigurations/useFetchNetworkConfigurations.js';
+import { useFetchWalletsForChainsMap } from '../../utils/hooks/useFetchWalletsForChainsMap/useFetchWalletsForChainsMap.js';
+import { useHandleUnlinkWallet } from '../../utils/hooks/useHandleUnlinkWallet/useHandleUnlinkWallet.js';
+import { usePrimaryWalletId } from '../../utils/hooks/usePrimaryWalletId/usePrimaryWalletId.js';
+import { useRpcProviders } from '../../utils/hooks/useRpcProviders/useRpcProviders.js';
+import { useWalletEventListeners } from '../../utils/hooks/useWalletEventListeners/useWalletEventListeners.js';
+import { DynamicWidgetContextProvider } from '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../components/OverlayCard/OverlayCard.context.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'qrcode';
+import { QrCodeContextProvider } from '../QrCodeContext/QrCodeContext.js';
+import { LoadingContextProvider } from '../LoadingContext/LoadingContext.js';
 import '../../views/CollectUserDataView/fieldsConfig.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import { FundingWidget } from '../../widgets/FundingWidget/FundingWidget.js';
 import { DynamicBridgeWidgetContextProvider } from '../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
-import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import '../../widgets/DynamicBridgeWidget/components/DynamicBridgeWidgetNav/DynamicBridgeWidgetNav.js';
+import { EmailVerificationContextProvider } from '../EmailVerificationContext/EmailVerificationContext.js';
+import { FundingContextProvider } from '../FundingContext/FundingContext.js';
 import { SendBalanceContextProvider } from '../SendBalanceContext/SendBalanceContext.js';
-import { usePrimaryWalletId } from '../../utils/hooks/usePrimaryWalletId/usePrimaryWalletId.js';
-import { WalletGroupContextProvider } from '../WalletGroupContext/WalletGroupContext.js';
 import { WalletContextProvider } from '../WalletContext/WalletContext.js';
-import { useValidateSession } from '../../utils/hooks/useValidateSession/useValidateSession.js';
-import { getMissingChains } from '../../utils/functions/getMissingChains/getMissingChains.js';
+import { WalletGroupContextProvider } from '../WalletGroupContext/WalletGroupContext.js';
 import { initExpirationTime, getInitialView } from './helpers.js';
-import { validateAuthUser } from './validators.js';
-import { useCustomerCallbacks } from './useCustomerCallbacks/useCustomerCallbacks.js';
-import { useCustomerAuthFlowCallbacks } from './useCustomerCallbacks/useCustomerAuthFlowCallbacks.js';
-import { useEmailLoginState } from './hooks/useEmailLoginState/useEmailLoginState.js';
 import { useDisplayOrderState } from './hooks/useDisplayOrderState/useDisplayOrderState.js';
+import { useEmailLoginState } from './hooks/useEmailLoginState/useEmailLoginState.js';
 import { useNameService } from './hooks/useNameService/useNameService.js';
 import { useSetShowAuthFlowWithInit } from './hooks/useSetShowAuthFlowWithInit/useSetShowAuthFlowWithInit.js';
+import { useVerificationInProgress } from './hooks/useVerificationInProgress/useVerificationInProgress.js';
+import { useCustomerCallbacks } from './useCustomerCallbacks/useCustomerCallbacks.js';
+import { useCustomerAuthFlowCallbacks } from './useCustomerCallbacks/useCustomerAuthFlowCallbacks.js';
+import { validateAuthUser } from './validators.js';
 
+const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9';
 const EMPTY_INITIAL_USER = undefined;
 const DynamicContext = createContext(undefined);
-const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', walletsByChain, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displayTermsOfService = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', multiWallet: deprecatedMultiWallet, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectV1Bridge, walletConnectors: walletConnectorsProp, }, children, theme, }) => {
-    var _a, _b, _c, _d, _e, _f, _g;
+const DynamicContextProvider = ({ children, theme, settings, }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, walletsByChain, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', multiWallet: deprecatedMultiWallet, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, } = settings;
+    let { walletConnectV1Bridge, appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', } = settings;
+    if (!environmentId) {
+        throw new MissingEnvironmentIdError();
+    }
     logger.setLogLevel(logLevel);
     logger$1.setLogLevel(logLevel);
+    if (environmentId === PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID) {
+        logger.warn(`WARNING: DYNAMIC is using a test environment ID ${environmentId}. Please sign up on https://app.dynamic.xyz/ to get your production environment ID.`);
+    }
     ApiEndpoint.setBaseUrl((_a = process.env.DYNAMIC_API_BASE_URL) !== null && _a !== void 0 ? _a : apiBaseUrl);
     LocalStorage.setSuffix(localStorageSuffix);
     const isAuthenticated = Boolean(getAuthToken());
@@ -98,7 +112,9 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     const [bridgeChainToConnect, setBridgeChainToConnect] = useState(undefined);
     const [onboardingOnlyJwt, setOnboardingOnlyJwt] = useState(undefined);
     const [showAuthFlow, setShowAuthFlow] = useState(false);
-    const [isUserConnected, setConnectedUser, removeConnectedUser] = useLocalStorage('connected_user', false);
+    // state to track the full connectivity status of the individual's wallets.
+    // Set to true once the predetermined number of wallets is connected.
+    const [isFullyConnected, setIsFullyConnected, removeIsFullyConnected] = useLocalStorage(IS_FULLY_CONNECTED, false);
     const [walletsToConnectByChain, setWalletsToConnectByChain] = useState(walletsByChain);
     // Allows clients to control widget flow without need to click on AccountControl
     const [showDynamicUserProfile, setShowDynamicUserProfile] = useState(false);
@@ -110,11 +126,29 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     const [qrcodeUri, setQrcodeUri] = useState('');
     const [desktopUri, setDesktopUri] = useState('');
     const [multiWalletWidgetState, setMultiWalletWidgetState, { awaiting_account_switch: [accountSwitchState], awaiting_signature: [awaitingSignatureState], },] = useMultiWalletWidgetState();
-    const [isVerifying, setIsVerifying] = useState(false);
-    const { projectSettings, isLoading: isProjectSettingsLoading } = useFetchProjectSettings({ authToken: getAuthToken(), environmentId });
-    const multiWallet = (_c = deprecatedMultiWallet !== null && deprecatedMultiWallet !== void 0 ? deprecatedMultiWallet : (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.multiWallet) !== null && _c !== void 0 ? _c : false;
+    const { projectSettings, isLoading: isProjectSettingsLoading } = useFetchProjectSettings({
+        authToken: getAuthToken(),
+        dynamicContextProps: { settings },
+        environmentId,
+    });
+    const { multiWallet, setMultiWallet } = useMultiWallet({
+        deprecatedMultiWallet,
+        multiWalletSettings: (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.multiWallet,
+    });
+    // for demo proposes when running single wallet
+    // it should not use bridge even having walletConnectV1Bridge set on settings
+    // but v2 if enabled
+    if (toolkitEnabled &&
+        ((_d = (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.walletConnect) === null || _d === void 0 ? void 0 : _d.v2Enabled) &&
+        !multiWallet) {
+        walletConnectV1Bridge = undefined;
+    }
     // ensures that when user comes back to site and primary wallet is out of sync, we don't show widget popup
     const [showWidgetStatePopup, setShowWidgetStatePopup] = useState(!multiWallet);
+    // Used inside useVerifyOnAwaitingSignature. Is legacy and should be removed asap
+    const [legacyIsVerifying, setLegacyIsVerifying] = useState(false);
+    // Set to true when a customer starts any auth verification process and set to false when it ends
+    const [isVerificationInProgress, setIsVerificationInProgress] = useVerificationInProgress();
     const walletBook = useWalletBookCdn();
     const { configurations: serverNetworkConfigurations, handleRemoveLsNetworks, } = useFetchNetworkConfigurations({
         authToken: getAuthToken(),
@@ -144,19 +178,25 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     });
     const [authMode, setAuthMode] = useLocalStorage(AUTH_MODE, initialAuthenticationMode);
     const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId();
-    const { connectWallet, removeConnectedWalletsInfo, connectedWalletsInfo, connectedWallet, getConnectedWalletById, connectedWallets, connectWalletByAddressAndChain, unlinkConnectedWallet, } = useConnectWallet({
+    const { connectWallet, removeConnectedWalletsInfo, connectedWalletsInfo, connectedWallet, getConnectedWalletById, connectedWallets, unlinkConnectedWallet, refreshConnectedWallet, } = useConnectWallet({
         authMode,
         clearPrimaryWalletId,
         enableVisitTrackingOnConnectOnly,
         environmentId,
+        onBeforeConnectSuccessConfirmation: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onBeforeConnectSuccessConfirmation,
+        onUnlink: (walletId, connectedWalletsInfo) => {
+            const missingChains = getMissingChains(walletsByChain, connectedWalletsInfo);
+            setWalletsToConnectByChain(missingChains);
+        },
         primaryWalletId,
         setPrimaryWalletId,
+        setShowAuthFlow,
         wallets,
     });
     useEffect(() => {
         const missingChains = getMissingChains(walletsByChain, connectedWalletsInfo);
         setWalletsToConnectByChain(missingChains);
-    }, [connectedWalletsInfo, walletsByChain]);
+    }, [walletsByChain]);
     const [selectedWalletConnector, setSelectedWalletConnector] = useState(null);
     //selected wallet to perform an action (become primary, unlink, etc)
     const [selectedWalletWithAction, setSelectedWalletWithAction] = useState(null);
@@ -169,11 +209,13 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         authToken: getAuthToken() || onboardingOnlyJwt,
         connectedWallets,
         multiWalletWidgetState,
+        onboardingOnlyJwt,
         primaryWalletId,
         setDesktopUri,
         setMultiWalletWidgetState,
         setPrimaryWalletId,
         setQrcodeUri,
+        user,
         wallets,
     });
     const { sdkHasLoaded, setSdkHasLoaded } = useGlobalLoading({
@@ -190,7 +232,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         wallets,
     });
     // until user completes onboarding, jwt is only stored in onboardingOnlyJwt
-    const authToken = (_d = getAuthToken()) !== null && _d !== void 0 ? _d : onboardingOnlyJwt;
+    const authToken = (_e = getAuthToken()) !== null && _e !== void 0 ? _e : onboardingOnlyJwt;
     const { getNameService, removeConnectedNameService } = useNameService({
         authToken,
         currentWallet: primaryWallet !== null && primaryWallet !== void 0 ? primaryWallet : connectedWallet,
@@ -202,7 +244,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         clearOphanedWalletConnectSessions,
     ]);
     const handleLogOut = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        var _h, _j;
+        var _j, _k;
         clearAllWalletConnectSessions();
         setWalletsToConnectByChain(walletsByChain);
         setShowBridgeWidget(false);
@@ -215,7 +257,11 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         for (const connector of walletConnectors) {
             yield connector.endSession();
         }
-        (_h = connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector) === null || _h === void 0 ? void 0 : _h.endSession();
+        yield ((_j = connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector) === null || _j === void 0 ? void 0 : _j.endSession());
+        // Necessary when user logs out in user data collection view
+        // Dont require flag to be set though
+        setIsVerificationInProgress(false, false);
+        setLegacyIsVerifying(false);
         setAuthMode(initialAuthenticationMode);
         setShowAuthFlow(false);
         setMultiWalletWidgetState('idle');
@@ -223,10 +269,10 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         handleRemoveLsNetworks();
         setOnboardingOnlyJwt(undefined);
         removeConnectedWalletsInfo();
-        removeConnectedUser();
+        removeIsFullyConnected();
         clearPrimaryWalletId();
         removeConnectedNameService();
-        (_j = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _j === void 0 ? void 0 : _j.call(eventsCallbacks, user);
+        (_k = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _k === void 0 ? void 0 : _k.call(eventsCallbacks, user);
     }), [
         clearAllWalletConnectSessions,
         walletsByChain,
@@ -238,17 +284,18 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         removeAuthTokenAndUser,
         handleRemoveLsNetworks,
         removeConnectedWalletsInfo,
-        removeConnectedUser,
+        removeIsFullyConnected,
         clearPrimaryWalletId,
         removeConnectedNameService,
         eventsCallbacks,
         environmentId,
         walletConnectors,
     ]);
+    useEventListener('logOut', handleLogOut);
     let wcVersion;
     if (projectSettings) {
         wcVersion =
-            ((_f = (_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _e === void 0 ? void 0 : _e.walletConnect) === null || _f === void 0 ? void 0 : _f.v2Enabled) && !walletConnectV1Bridge
+            ((_g = (_f = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _f === void 0 ? void 0 : _f.walletConnect) === null || _g === void 0 ? void 0 : _g.v2Enabled) && !walletConnectV1Bridge
                 ? 2
                 : 1;
     }
@@ -268,12 +315,13 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         verifiedCredentials: (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || [],
     });
     const { loadingNetwork, network, setNetwork } = useWalletEventListeners({
+        authMode,
         computeConnectedStateForWallets,
-        connectWalletByAddressAndChain,
         handleLogOut,
         multiWallet,
         multiWalletWidgetState,
         primaryWallet,
+        refreshConnectedWallet,
         secondaryWallets,
         selectedWalletConnector,
         selectedWalletWithAction,
@@ -295,6 +343,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         authMode,
         callbacks: {
             onAuthSuccess: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onAuthSuccess,
+            onBeforeConnectSuccessConfirmation: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onBeforeConnectSuccessConfirmation,
             onConnectSuccess: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onConnectSuccess,
             onLinkSuccess: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLinkSuccess,
             onUserProfileUpdate: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onUserProfileUpdate,
@@ -302,11 +351,20 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         handleLogOut,
         isAuthenticated,
         primaryWallet,
+        selectedWalletConnector,
+        setIsVerificationInProgress,
         user,
     });
+    const sendWagmiSettings = (settings) => {
+        sendDynamicProps(environmentId, {
+            dynamicWagmiSettings: settings.dynamicWagmiSettings,
+        });
+    };
     const clearStatesOnBackClick = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         setDesktopUri('');
-        setIsVerifying(false);
+        // Clear verification flag but dont require it to be set
+        setIsVerificationInProgress(false, false);
+        setLegacyIsVerifying(false);
         if (!user) {
             clearAllWalletConnectSessions();
         }
@@ -334,6 +392,13 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         clearAllWalletConnectSessions,
         removeConnectedWalletsInfo,
     ]);
+    const linkedWallets = useMemo(() => {
+        if (authMode === 'connect-only' || !user || !primaryWallet) {
+            return [];
+        }
+        const walletsList = [primaryWallet, ...secondaryWallets];
+        return walletsList.filter((wallet) => user.verifiedCredentials.some((verifiedCredential) => verifiedCredential.id === wallet.id));
+    }, [authMode, primaryWallet, user, secondaryWallets]);
     const value = useMemo(() => {
         var _a, _b;
         return ({
@@ -352,30 +417,33 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             computeConnectedStateForWallets,
             connectWallet,
             connectedWallet,
-            connectedWallets: primaryWallet
-                ? [primaryWallet, ...secondaryWallets]
-                : [],
-            connectedWalletsInfo,
+            connectedWallets,
             consumeNonce,
             cssOverrides,
+            customPrivacyPolicy,
+            customTermsOfServices,
             debugError,
             decodedAuthToken: decodeJwt(getAuthToken()),
             decodedOnboardingOnlyToken: decodeJwt(onboardingOnlyJwt),
             defaultNumberOfWalletsToShow,
             desktopUri,
-            displayTermsOfService,
+            displaySiweStatement,
             environmentId,
             eventsCallbacks,
             getConnectedWalletById,
             getNameService,
             handleLogOut,
-            handleUnlinkWallet,
+            handleUnlinkWallet: authMode === 'connect-only'
+                ? unlinkConnectedWallet
+                : handleUnlinkWallet,
             isAuthenticated,
             isBridgeFlow,
+            isFullyConnected,
             isProjectSettingsLoading,
             isSingleWalletAccount,
-            isUserConnected,
-            isVerifying,
+            isVerificationInProgress,
+            legacyIsVerifying,
+            linkedWallets,
             loadingNetwork,
             loginWithEmail,
             multiWallet,
@@ -398,15 +466,18 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             secondaryWallets,
             selectedWalletConnector,
             selectedWalletWithAction,
+            sendWagmiSettings,
             setAuthMode,
             setAuthorizationViewDisplayOrder,
             setBridgeChainToConnect,
             setCallback,
-            setConnectedUser,
             setDesktopUri,
+            setIsFullyConnected,
             setIsSingleWalletAccount,
-            setIsVerifying,
+            setIsVerificationInProgress,
+            setLegacyIsVerifying,
             setLogInWithEmail,
+            setMultiWallet,
             setMultiWalletWidgetState,
             setNetwork,
             setOnboardingOnlyJwt,
@@ -434,6 +505,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             socialMediaIconUrl: ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) === null || _a === void 0 ? void 0 : _a.supportUrls) || socialMediaIconUrl,
             socialMediaLinkText,
             socialMediaUrl,
+            socialProvidersFilter,
             termsOfServiceUrl,
             theme,
             toolkitEnabled,
@@ -461,28 +533,32 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         computeConnectedStateForWallets,
         connectWallet,
         connectedWallet,
-        primaryWallet,
-        secondaryWallets,
-        connectedWalletsInfo,
+        connectedWallets,
         consumeNonce,
         cssOverrides,
+        customPrivacyPolicy,
+        customTermsOfServices,
         debugError,
         onboardingOnlyJwt,
         defaultNumberOfWalletsToShow,
         desktopUri,
-        displayTermsOfService,
+        displaySiweStatement,
         environmentId,
         eventsCallbacks,
         getConnectedWalletById,
         getNameService,
         handleLogOut,
+        unlinkConnectedWallet,
         handleUnlinkWallet,
         isAuthenticated,
         isBridgeFlow,
         isProjectSettingsLoading,
         isSingleWalletAccount,
-        isUserConnected,
-        isVerifying,
+        isFullyConnected,
+        isVerificationInProgress,
+        primaryWallet,
+        secondaryWallets,
+        legacyIsVerifying,
         loadingNetwork,
         loginWithEmail,
         multiWallet,
@@ -507,8 +583,9 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         setAuthMode,
         setAuthorizationViewDisplayOrder,
         setCallback,
-        setConnectedUser,
+        setIsFullyConnected,
         setLogInWithEmail,
+        setMultiWallet,
         setMultiWalletWidgetState,
         setNetwork,
         setPrimaryWallet,
@@ -528,16 +605,17 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         socialMediaIconUrl,
         socialMediaLinkText,
         socialMediaUrl,
+        socialProvidersFilter,
         termsOfServiceUrl,
         theme,
         toolkitEnabled,
-        unlinkConnectedWallet,
         user,
         walletUiUtils,
         wallets,
         walletsByChain,
         walletsFilter,
         walletsToConnectByChain,
+        linkedWallets,
     ]);
     useEffect(() => {
         const addPrefetch = (attr) => {
@@ -581,11 +659,12 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             setShowDynamicUserProfile(true);
         }
     }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile, user]);
-    return (jsx(DynamicContext.Provider, Object.assign({ value: value }, { children: jsx(WalletBookContextProvider, Object.assign({ walletBook: walletBook }, { children: jsx(ThemeContextProvider, Object.assign({ customerTheme: parseTheme(theme, ((_g = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _g === void 0 ? void 0 : _g.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design }, { children: jsx(LoadingContextProvider, { children: jsx(ViewContextProvider, Object.assign({ initialView: getInitialView({
+    return (jsx(DynamicContext.Provider, Object.assign({ value: value }, { children: jsx(WalletBookContextProvider, Object.assign({ walletBook: walletBook }, { children: jsx(ThemeContextProvider, Object.assign({ customerTheme: parseTheme(theme, ((_h = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _h === void 0 ? void 0 : _h.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design }, { children: jsx(LoadingContextProvider, { children: jsx(ViewContextProvider, Object.assign({ initialView: getInitialView({
+                            connectedWallets,
                             isBridgeFlow,
-                            isUserConnected,
+                            isFullyConnected,
                             loginWithEmail,
-                        }) }, { children: jsx(WalletContextProvider, Object.assign({ canSync: didConnectedStateLoad }, { children: jsx(QrCodeContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(ErrorContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(CaptchaContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsxs(WalletGroupContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) })) })) }) })) })) })));
+                        }) }, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, Object.assign({ canSync: didConnectedStateLoad }, { children: jsx(QrCodeContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(ErrorContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(CaptchaContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsxs(WalletGroupContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) })) }) })) }) })) })) })));
 };
 
-export { DynamicContext, DynamicContextProvider };
+export { DynamicContext, DynamicContextProvider, PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID };

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

@@ -12,8 +12,9 @@ require('../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
-var localStorage = require('../../shared/utils/classes/storage/localStorage.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
+var getAuthToken = require('../../utils/functions/getAuthToken/getAuthToken.cjs');
 
 let logoutTimer;
 const isAuthTokenExpired = (token) => {
@@ -32,7 +33,7 @@ const isAuthTokenExpired = (token) => {
     return false;
 };
 const initExpirationTime = (logout) => {
-    const decodedJwt = decodeJwt.decodeJwt(localStorage.LocalStorage.getAuthTokenValue());
+    const decodedJwt = decodeJwt.decodeJwt(getAuthToken.getAuthToken());
     if (!decodedJwt)
         return clearTimeout(logoutTimer);
     const tokenExp = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.exp;
@@ -53,14 +54,14 @@ const initExpirationTime = (logout) => {
     const expiryTimeout = Math.min(expirationTimeInMs, 2147483647);
     logoutTimer = setTimeout(logout, expiryTimeout);
 };
-const getInitialView = ({ loginWithEmail, isBridgeFlow, isUserConnected, }) => {
+const getInitialView = ({ connectedWallets, loginWithEmail, isBridgeFlow, isFullyConnected, }) => {
     if (loginWithEmail) {
         return 'login-with-email-or-wallet';
     }
-    if (isUserConnected) {
+    if (isFullyConnected) {
         return 'wallet-list';
     }
-    if (isBridgeFlow) {
+    if (isBridgeFlow && !connectedWallets.length) {
         return 'bridge-welcome';
     }
     return 'wallet-list';

package/src/lib/context/DynamicContext/helpers.d.ts

@@ -1,8 +1,10 @@
+import { Wallet } from '../../shared';
 import { ViewType } from '../ViewContext';
 export declare const isAuthTokenExpired: (token: string) => boolean;
 export declare const initExpirationTime: (logout: VoidFunction) => void;
-export declare const getInitialView: ({ loginWithEmail, isBridgeFlow, isUserConnected, }: {
+export declare const getInitialView: ({ connectedWallets, loginWithEmail, isBridgeFlow, isFullyConnected, }: {
+    connectedWallets: Wallet[];
     loginWithEmail: boolean;
     isBridgeFlow: boolean;
-    isUserConnected: boolean;
+    isFullyConnected: boolean;
 }) => ViewType;

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

@@ -8,8 +8,9 @@ import '../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
-import { LocalStorage } from '../../shared/utils/classes/storage/localStorage.js';
+import '../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
+import { getAuthToken } from '../../utils/functions/getAuthToken/getAuthToken.js';
 
 let logoutTimer;
 const isAuthTokenExpired = (token) => {
@@ -28,7 +29,7 @@ const isAuthTokenExpired = (token) => {
     return false;
 };
 const initExpirationTime = (logout) => {
-    const decodedJwt = decodeJwt(LocalStorage.getAuthTokenValue());
+    const decodedJwt = decodeJwt(getAuthToken());
     if (!decodedJwt)
         return clearTimeout(logoutTimer);
     const tokenExp = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.exp;
@@ -49,14 +50,14 @@ const initExpirationTime = (logout) => {
     const expiryTimeout = Math.min(expirationTimeInMs, 2147483647);
     logoutTimer = setTimeout(logout, expiryTimeout);
 };
-const getInitialView = ({ loginWithEmail, isBridgeFlow, isUserConnected, }) => {
+const getInitialView = ({ connectedWallets, loginWithEmail, isBridgeFlow, isFullyConnected, }) => {
     if (loginWithEmail) {
         return 'login-with-email-or-wallet';
     }
-    if (isUserConnected) {
+    if (isFullyConnected) {
         return 'wallet-list';
     }
-    if (isBridgeFlow) {
+    if (isBridgeFlow && !connectedWallets.length) {
         return 'bridge-welcome';
     }
     return 'wallet-list';

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

@@ -1,2 +1,5 @@
-export * from './useEmailLoginState';
 export * from './useDisplayOrderState';
+export * from './useEmailLoginState';
+export * from './useNameService';
+export * from './useSetShowAuthFlowWithInit';
+export * from './useVerificationInProgress';

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

@@ -59,7 +59,7 @@ const useNameService = ({ currentWallet, authToken }) => {
         const verifiedCredentials = (_a = decodeJwt.decodeJwt(authToken)) === null || _a === void 0 ? void 0 : _a.verifiedCredentials;
         //if there are verified credentials, check if there is a name service for the current wallet
         if (verifiedCredentials) {
-            const verifiedCredential = getWalletVerifiedCredential.getWalletVerifiedCredential(currentWallet === null || currentWallet === void 0 ? void 0 : currentWallet.address, verifiedCredentials);
+            const verifiedCredential = getWalletVerifiedCredential.getWalletVerifiedCredential(currentWallet === null || currentWallet === void 0 ? void 0 : currentWallet.address, verifiedCredentials, currentWallet.chain);
             if (verifiedCredential && ((_b = verifiedCredential.nameService) === null || _b === void 0 ? void 0 : _b.name)) {
                 return verifiedCredential.nameService;
             }

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

@@ -55,7 +55,7 @@ const useNameService = ({ currentWallet, authToken }) => {
         const verifiedCredentials = (_a = decodeJwt(authToken)) === null || _a === void 0 ? void 0 : _a.verifiedCredentials;
         //if there are verified credentials, check if there is a name service for the current wallet
         if (verifiedCredentials) {
-            const verifiedCredential = getWalletVerifiedCredential(currentWallet === null || currentWallet === void 0 ? void 0 : currentWallet.address, verifiedCredentials);
+            const verifiedCredential = getWalletVerifiedCredential(currentWallet === null || currentWallet === void 0 ? void 0 : currentWallet.address, verifiedCredentials, currentWallet.chain);
             if (verifiedCredential && ((_b = verifiedCredential.nameService) === null || _b === void 0 ? void 0 : _b.name)) {
                 return verifiedCredential.nameService;
             }

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

@@ -0,0 +1 @@
+export * from './useVerificationInProgress';