@dynamic-labs/sdk-react-core 0.18.0-RC.2 → 0.18.0-RC.20

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

@@ -5,21 +5,29 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var iconic = require('@dynamic-labs/iconic');
+var utils = require('@dynamic-labs/utils');
 var walletBook = require('@dynamic-labs/wallet-book');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
-var iconic = require('@dynamic-labs/iconic');
-var localStorage$1 = require('../../utils/constants/localStorage.cjs');
-require('../../utils/constants/colors.cjs');
-var values = require('../../utils/constants/values.cjs');
+var app = require('../../app.cjs');
+var Toolkit = require('../../components/Toolkit/Toolkit.cjs');
 var decodeJwt = require('../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 var ViewContext = require('../ViewContext/ViewContext.cjs');
 var logger = require('../../shared/logger.cjs');
-require('@dynamic-labs/utils');
+var localStorage$1 = require('../../utils/constants/localStorage.cjs');
+require('../../utils/constants/colors.cjs');
+var values = require('../../utils/constants/values.cjs');
 var localStorage = require('../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
 var useLocalStorage = require('../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
 var useGlobalLoading = require('../../shared/utils/hooks/useGlobalLoading/useGlobalLoading.cjs');
+var useEffectOnce = require('../../shared/utils/hooks/useEffectOnce/useEffectOnce.cjs');
 require('../../shared/consts/index.cjs');
+require('react-dom');
+require('react-focus-lock');
+require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../components/Transition/OpacityTransition/OpacityTransition.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');
@@ -30,34 +38,13 @@ var getAuthToken = require('../../utils/functions/getAuthToken/getAuthToken.cjs'
 require('@dynamic-labs/sdk-api');
 var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
 var AccessDeniedContext = require('../AccessDeniedContext/AccessDeniedContext.cjs');
-require('react-dom');
 var useWalletUiUtils = require('../../utils/hooks/useWalletUiUtils/useWalletUiUtils.cjs');
 require('../MockContext/MockContext.cjs');
 var CaptchaContext = require('../CaptchaContext/CaptchaContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 var ThemeContext = require('../ThemeContext/ThemeContext.cjs');
-var ApiEndpoint = require('../../config/ApiEndpoint.cjs');
-var useFetchNetworkConfigurations = require('../../utils/hooks/useFetchNetworkConfigurations/useFetchNetworkConfigurations.cjs');
-var useMultiWalletWidgetState = require('../../utils/hooks/multiWallet/useMultiWalletWidgetState/useMultiWalletWidgetState.cjs');
-var useSyncPrimaryWallet = require('../../utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.cjs');
-var useWalletEventListeners = require('../../utils/hooks/useWalletEventListeners/useWalletEventListeners.cjs');
-var LoadingContext = require('../LoadingContext/LoadingContext.cjs');
-var useFetchWalletsForChainsMap = require('../../utils/hooks/useFetchWalletsForChainsMap/useFetchWalletsForChainsMap.cjs');
-var useHandleUnlinkWallet = require('../../utils/hooks/useHandleUnlinkWallet/useHandleUnlinkWallet.cjs');
-var app = require('../../app.cjs');
-var useClearWalletConnectSessions = require('../../utils/hooks/useClearWalletConnectSessions/useClearWalletConnectSessions.cjs');
-var parseTheme = require('../../utils/functions/parseTheme/parseTheme.cjs');
-var useConnectWallet = require('../../utils/hooks/useConnectWallet/useConnectWallet.cjs');
-var isSameWalletName = require('../../utils/functions/isSameWalletName/isSameWalletName.cjs');
-var useRpcProviders = require('../../utils/hooks/useRpcProviders/useRpcProviders.cjs');
-var EmailVerificationContext = require('../EmailVerificationContext/EmailVerificationContext.cjs');
-var DynamicWidgetContext = require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-var QrCodeContext = require('../QrCodeContext/QrCodeContext.cjs');
-var Toolkit = require('../../components/Toolkit/Toolkit.cjs');
-require('react-focus-lock');
-require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
-require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
-require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+var useValidateSession = require('../../utils/hooks/useValidateSession/useValidateSession.cjs');
+var useEventListener = require('../../utils/hooks/useEventListener/useEventListener.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
@@ -65,40 +52,73 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
-var FundingContext = require('../FundingContext/FundingContext.cjs');
+require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
+var ApiEndpoint = require('../../config/ApiEndpoint.cjs');
+var getMissingChains = require('../../utils/functions/getMissingChains/getMissingChains.cjs');
+var isSameWalletName = require('../../utils/functions/isSameWalletName/isSameWalletName.cjs');
+var parseTheme = require('../../utils/functions/parseTheme/parseTheme.cjs');
+var useMultiWalletWidgetState = require('../../utils/hooks/multiWallet/useMultiWalletWidgetState/useMultiWalletWidgetState.cjs');
+var useMultiWallet = require('../../utils/hooks/multiWallet/useMultiWallet/useMultiWallet.cjs');
+var useClearWalletConnectSessions = require('../../utils/hooks/useClearWalletConnectSessions/useClearWalletConnectSessions.cjs');
+var useConnectWallet = require('../../utils/hooks/useConnectWallet/useConnectWallet.cjs');
+var useFetchNetworkConfigurations = require('../../utils/hooks/useFetchNetworkConfigurations/useFetchNetworkConfigurations.cjs');
+var useFetchWalletsForChainsMap = require('../../utils/hooks/useFetchWalletsForChainsMap/useFetchWalletsForChainsMap.cjs');
+var useHandleUnlinkWallet = require('../../utils/hooks/useHandleUnlinkWallet/useHandleUnlinkWallet.cjs');
+var usePrimaryWalletId = require('../../utils/hooks/usePrimaryWalletId/usePrimaryWalletId.cjs');
+var useRpcProviders = require('../../utils/hooks/useRpcProviders/useRpcProviders.cjs');
+var useWalletEventListeners = require('../../utils/hooks/useWalletEventListeners/useWalletEventListeners.cjs');
+var DynamicWidgetContext = require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('qrcode');
+var QrCodeContext = require('../QrCodeContext/QrCodeContext.cjs');
+var LoadingContext = require('../LoadingContext/LoadingContext.cjs');
 require('../../views/CollectUserDataView/fieldsConfig.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 var FundingWidget = require('../../widgets/FundingWidget/FundingWidget.cjs');
 var DynamicBridgeWidgetContext = require('../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('../../widgets/DynamicBridgeWidget/components/DynamicBridgeWidgetNav/DynamicBridgeWidgetNav.cjs');
+var EmailVerificationContext = require('../EmailVerificationContext/EmailVerificationContext.cjs');
+var FundingContext = require('../FundingContext/FundingContext.cjs');
 var SendBalanceContext = require('../SendBalanceContext/SendBalanceContext.cjs');
-var usePrimaryWalletId = require('../../utils/hooks/usePrimaryWalletId/usePrimaryWalletId.cjs');
-var MultiWalletStepSelectorModal = require('../../modals/MultiWalletStepSelectorModal/MultiWalletStepSelectorModal.cjs');
+var WalletContext = require('../WalletContext/WalletContext.cjs');
+var WalletGroupContext = require('../WalletGroupContext/WalletGroupContext.cjs');
 var helpers = require('./helpers.cjs');
-var validators = require('./validators.cjs');
-var useCustomerCallbacks = require('./useCustomerCallbacks/useCustomerCallbacks.cjs');
-var useCustomerAuthFlowCallbacks = require('./useCustomerCallbacks/useCustomerAuthFlowCallbacks.cjs');
 var useEmailLoginState = require('./hooks/useEmailLoginState/useEmailLoginState.cjs');
 var useDisplayOrderState = require('./hooks/useDisplayOrderState/useDisplayOrderState.cjs');
 var useNameService = require('./hooks/useNameService/useNameService.cjs');
 var useSetShowAuthFlowWithInit = require('./hooks/useSetShowAuthFlowWithInit/useSetShowAuthFlowWithInit.cjs');
+var useCustomerCallbacks = require('./useCustomerCallbacks/useCustomerCallbacks.cjs');
+var useCustomerAuthFlowCallbacks = require('./useCustomerCallbacks/useCustomerAuthFlowCallbacks.cjs');
+var validators = require('./validators.cjs');
 
+const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = '2762a57b-faa4-41ce-9f16-abff9300e2c9';
 const EMPTY_INITIAL_USER = undefined;
 const DynamicContext = React.createContext(undefined);
-const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', walletsByChain, cssOverrides, defaultNumberOfWalletsToShow = values.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, walletConnectors: walletConnectorsProp, }, children, theme, }) => {
-    var _a, _b, _c, _d, _e;
+const DynamicContextProvider = ({ children, theme, settings, }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, walletsByChain, cssOverrides, defaultNumberOfWalletsToShow = values.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, 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 utils.MissingEnvironmentIdError();
+    }
     logger.logger.setLogLevel(logLevel);
     walletConnectorCore.logger.setLogLevel(logLevel);
+    if (environmentId === PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID) {
+        logger.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.LocalStorage.setSuffix(localStorageSuffix);
     const isAuthenticated = Boolean(getAuthToken.getAuthToken());
+    const isBridgeFlow = Boolean(walletsByChain);
+    const [bridgeChainToConnect, setBridgeChainToConnect] = React.useState(undefined);
     const [onboardingOnlyJwt, setOnboardingOnlyJwt] = React.useState(undefined);
     const [showAuthFlow, setShowAuthFlow] = React.useState(false);
-    const [showBridgeAuthFlow, setShowBridgeAuthFlow] = React.useState(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.useLocalStorage(localStorage$1.IS_FULLY_CONNECTED, false);
     const [walletsToConnectByChain, setWalletsToConnectByChain] = React.useState(walletsByChain);
     // Allows clients to control widget flow without need to click on AccountControl
     const [showDynamicUserProfile, setShowDynamicUserProfile] = React.useState(false);
@@ -110,11 +130,40 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     const [qrcodeUri, setQrcodeUri] = React.useState('');
     const [desktopUri, setDesktopUri] = React.useState('');
     const [multiWalletWidgetState, setMultiWalletWidgetState, { awaiting_account_switch: [accountSwitchState], awaiting_signature: [awaitingSignatureState], },] = useMultiWalletWidgetState.useMultiWalletWidgetState();
-    const [isVerifying, setIsVerifying] = React.useState(false);
-    const { projectSettings, isLoading: isProjectSettingsLoading } = useFetchProjectSettings.useFetchProjectSettings({ authToken: getAuthToken.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.useFetchProjectSettings({
+        authToken: getAuthToken.getAuthToken(),
+        dynamicContextProps: { settings },
+        environmentId,
+    });
+    const { multiWallet, setMultiWallet } = useMultiWallet.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] = React.useState(!multiWallet);
+    // set to true when a connect and sign verification starts and set to false when it ends
+    const [ongoingClickAndSignVerification, setOngoingClickAndSignVerification] = React.useState(false);
+    // set to true when a customer starts any auth verification process and set to false when it ends
+    // helps indicate whether onAuthModalClose was called as a result of a verification process or not
+    const [ongoingAuthVerification, setOngoingAuthVerification] = React.useState(false);
+    const ongoingVerifications = React.useMemo(() => ({
+        authVerification: ongoingAuthVerification,
+        clearVerifications: () => {
+            setOngoingAuthVerification(false);
+            setOngoingClickAndSignVerification(false);
+        },
+        connectAndSignVerification: ongoingClickAndSignVerification,
+        setAuthVerification: setOngoingAuthVerification,
+        setConnectAndSignVerification: setOngoingClickAndSignVerification,
+    }), [ongoingAuthVerification, ongoingClickAndSignVerification]);
     const walletBook$1 = walletBook.useWalletBookCdn();
     const { configurations: serverNetworkConfigurations, handleRemoveLsNetworks, } = useFetchNetworkConfigurations.useFetchNetworkConfigurations({
         authToken: getAuthToken.getAuthToken(),
@@ -138,12 +187,31 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         networkConfigurations: serverNetworkConfigurations,
         projectSettings,
         walletBook: walletBook$1,
+        walletConnectV1Bridge,
         walletConnectorsProp,
         walletUiUtils,
     });
     const [authMode, setAuthMode] = useLocalStorage.useLocalStorage(localStorage$1.AUTH_MODE, initialAuthenticationMode);
     const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId.usePrimaryWalletId();
-    const { connectWallet, removeConnectedWalletsInfo, connectedWalletsInfo, connectedWallet, setConnectedWallet, setConnectedWallets, connectedWallets, connectWalletByAddressAndChain, } = useConnectWallet.useConnectWallet(wallets, authMode, environmentId, enableVisitTrackingOnConnectOnly, primaryWalletId, setPrimaryWalletId);
+    const { connectWallet, removeConnectedWalletsInfo, connectedWalletsInfo, connectedWallet, getConnectedWalletById, connectedWallets, unlinkConnectedWallet, refreshConnectedWallet, } = useConnectWallet.useConnectWallet({
+        authMode,
+        clearPrimaryWalletId,
+        enableVisitTrackingOnConnectOnly,
+        environmentId,
+        onBeforeConnectSuccessConfirmation: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onBeforeConnectSuccessConfirmation,
+        onUnlink: (walletId, connectedWalletsInfo) => {
+            const missingChains = getMissingChains.getMissingChains(walletsByChain, connectedWalletsInfo);
+            setWalletsToConnectByChain(missingChains);
+        },
+        primaryWalletId,
+        setPrimaryWalletId,
+        setShowAuthFlow,
+        wallets,
+    });
+    useEffectOnce.useEffectOnce(() => {
+        const missingChains = getMissingChains.getMissingChains(walletsByChain, connectedWalletsInfo);
+        setWalletsToConnectByChain(missingChains);
+    });
     const [selectedWalletConnector, setSelectedWalletConnector] = React.useState(null);
     //selected wallet to perform an action (become primary, unlink, etc)
     const [selectedWalletWithAction, setSelectedWalletWithAction] = React.useState(null);
@@ -156,11 +224,13 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         authToken: getAuthToken.getAuthToken() || onboardingOnlyJwt,
         connectedWallets,
         multiWalletWidgetState,
+        onboardingOnlyJwt,
         primaryWalletId,
         setDesktopUri,
         setMultiWalletWidgetState,
         setPrimaryWalletId,
         setQrcodeUri,
+        user,
         wallets,
     });
     const { sdkHasLoaded, setSdkHasLoaded } = useGlobalLoading.useGlobalLoading({
@@ -170,13 +240,16 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         primaryWallet,
         projectSettings,
         user,
+        walletBook: walletBook$1,
     });
     const setShowAuthFlowWithInit = useSetShowAuthFlowWithInit.useSetShowAuthFlowWithInit({
         setShowAuthFlow,
         wallets,
     });
+    // until user completes onboarding, jwt is only stored in onboardingOnlyJwt
+    const authToken = (_e = getAuthToken.getAuthToken()) !== null && _e !== void 0 ? _e : onboardingOnlyJwt;
     const { getNameService, removeConnectedNameService } = useNameService.useNameService({
-        authToken: (_d = getAuthToken.getAuthToken()) !== null && _d !== void 0 ? _d : onboardingOnlyJwt,
+        authToken,
         currentWallet: primaryWallet !== null && primaryWallet !== void 0 ? primaryWallet : connectedWallet,
     });
     const { clearAllWalletConnectSessions, clearOphanedWalletConnectSessions } = useClearWalletConnectSessions.useClearWalletConnectSessions({
@@ -186,10 +259,11 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         clearOphanedWalletConnectSessions,
     ]);
     const handleLogOut = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _f, _g;
+        var _j, _k;
         clearAllWalletConnectSessions();
         setWalletsToConnectByChain(walletsByChain);
         setShowBridgeWidget(false);
+        localStorage.LocalStorage.removeFromLS(localStorage$1.WALLET_PICKER_SEARCH_KEY);
         const jwt = getAuthToken.getAuthToken();
         if (jwt && user) {
             // do not await this async call - just fire and forget
@@ -198,46 +272,53 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         for (const connector of walletConnectors) {
             yield connector.endSession();
         }
-        (_f = connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector) === null || _f === void 0 ? void 0 : _f.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
+        ongoingVerifications.clearVerifications();
+        setAuthMode(initialAuthenticationMode);
         setShowAuthFlow(false);
         setMultiWalletWidgetState('idle');
         removeAuthTokenAndUser();
-        setConnectedWallet(null);
         handleRemoveLsNetworks();
         setOnboardingOnlyJwt(undefined);
         removeConnectedWalletsInfo();
-        setConnectedWallets([]);
+        removeIsFullyConnected();
         clearPrimaryWalletId();
         removeConnectedNameService();
-        (_g = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _g === void 0 ? void 0 : _g.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,
         user,
         connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector,
+        setAuthMode,
+        initialAuthenticationMode,
         setMultiWalletWidgetState,
         removeAuthTokenAndUser,
-        walletsByChain,
-        setConnectedWallet,
         handleRemoveLsNetworks,
         removeConnectedWalletsInfo,
-        setConnectedWallets,
+        removeIsFullyConnected,
         clearPrimaryWalletId,
         removeConnectedNameService,
         eventsCallbacks,
         environmentId,
         walletConnectors,
     ]);
-    useSyncPrimaryWallet.useSyncPrimaryWallet({
-        canSync: didConnectedStateLoad,
-        computeConnectedStateForWallets,
+    useEventListener.useEventListener('logOut', handleLogOut);
+    let wcVersion;
+    if (projectSettings) {
+        wcVersion =
+            ((_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;
+    }
+    useValidateSession.useValidateSession({
+        authToken,
         handleLogOut,
-        multiWalletWidgetState,
-        primaryWallet,
-        secondaryWallets,
-        setMultiWalletWidgetState,
-        setPrimaryWallet,
-        setShowWidgetStatePopup,
-        showWidgetStatePopup,
+        user,
+        walletConnectV1Bridge,
+        walletConnectors,
+        wcVersion,
     });
     const handleUnlinkWallet = useHandleUnlinkWallet.useHandleUnlinkWallet({
         environmentId,
@@ -247,12 +328,13 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         verifiedCredentials: (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || [],
     });
     const { loadingNetwork, network, setNetwork } = useWalletEventListeners.useWalletEventListeners({
+        authMode,
         computeConnectedStateForWallets,
-        connectWalletByAddressAndChain,
         handleLogOut,
         multiWallet,
         multiWalletWidgetState,
         primaryWallet,
+        refreshConnectedWallet,
         secondaryWallets,
         selectedWalletConnector,
         selectedWalletWithAction,
@@ -265,7 +347,6 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     const { walletsForChainsMap } = useFetchWalletsForChainsMap.useFetchWalletsForChainsMap(newToWeb3WalletChainMap);
     const rpcProviders = useRpcProviders.useRpcProviders({
         networkConfigurations: serverNetworkConfigurations,
-        networkId: network,
     });
     React.useEffect(() => {
         helpers.initExpirationTime(handleLogOut);
@@ -275,30 +356,34 @@ 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,
         },
         handleLogOut,
         isAuthenticated,
+        ongoingVerifications,
         primaryWallet,
+        selectedWalletConnector,
         user,
     });
     const clearStatesOnBackClick = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         setDesktopUri('');
-        setIsVerifying(false);
+        ongoingVerifications.clearVerifications();
         if (!user) {
             clearAllWalletConnectSessions();
         }
         setMultiWalletWidgetState('idle');
         if (authMode !== 'connect-only') {
-            setConnectedWallet(null);
             removeConnectedWalletsInfo();
-            setConnectedWallets([]);
         }
         if (!localStorage.LocalStorage.getFromLS(localStorage$1.AUTH_USER)) {
             localStorage.LocalStorage.removeFromLS(localStorage$1.AUTH_TOKEN);
         }
+        if (localStorage.LocalStorage.getFromLS(localStorage$1.WALLET_PICKER_SEARCH_KEY)) {
+            localStorage.LocalStorage.removeFromLS(localStorage$1.WALLET_PICKER_SEARCH_KEY);
+        }
         if (selectedWalletConnector &&
             (!primaryWallet ||
                 !isSameWalletName.isSameWalletName(primaryWallet.connector.name, selectedWalletConnector.name))) {
@@ -311,10 +396,15 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         selectedWalletConnector,
         primaryWallet,
         clearAllWalletConnectSessions,
-        setConnectedWallet,
         removeConnectedWalletsInfo,
-        setConnectedWallets,
     ]);
+    const linkedWallets = React.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 = React.useMemo(() => {
         var _a, _b;
         return ({
@@ -328,16 +418,16 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             authToken: getAuthToken.getAuthToken(),
             authorizationViewDisplayOrder,
             awaitingSignatureState,
+            bridgeChainToConnect,
             clearStatesOnBackClick,
             computeConnectedStateForWallets,
             connectWallet,
             connectedWallet,
-            connectedWallets: primaryWallet
-                ? [primaryWallet, ...secondaryWallets]
-                : [],
-            connectedWalletsInfo,
+            connectedWallets,
             consumeNonce,
             cssOverrides,
+            customPrivacyPolicy,
+            customTermsOfServices,
             debugError,
             decodedAuthToken: decodeJwt.decodeJwt(getAuthToken.getAuthToken()),
             decodedOnboardingOnlyToken: decodeJwt.decodeJwt(onboardingOnlyJwt),
@@ -346,13 +436,18 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             displayTermsOfService,
             environmentId,
             eventsCallbacks,
+            getConnectedWalletById,
             getNameService,
             handleLogOut,
-            handleUnlinkWallet,
+            handleUnlinkWallet: authMode === 'connect-only'
+                ? unlinkConnectedWallet
+                : handleUnlinkWallet,
             isAuthenticated,
+            isBridgeFlow,
+            isFullyConnected,
             isProjectSettingsLoading,
             isSingleWalletAccount,
-            isVerifying,
+            linkedWallets,
             loadingNetwork,
             loginWithEmail,
             multiWallet,
@@ -363,12 +458,14 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             notInTheListImageUrl: imageUserNotInAccessList || notInTheListImageUrl,
             onboardingImageUrl: imageUserInAccessList || onboardingImageUrl,
             onboardingOnlyJwt,
+            ongoingVerifications,
             policiesConsentInnerComponent,
             primaryWallet,
             primaryWalletId,
             privacyPolicyUrl,
             projectSettings,
             qrcodeUri,
+            removeConnectedWalletsInfo,
             rpcProviders,
             sdkHasLoaded,
             secondaryWallets,
@@ -376,11 +473,13 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             selectedWalletWithAction,
             setAuthMode,
             setAuthorizationViewDisplayOrder,
+            setBridgeChainToConnect,
             setCallback,
             setDesktopUri,
+            setIsFullyConnected,
             setIsSingleWalletAccount,
-            setIsVerifying,
             setLogInWithEmail,
+            setMultiWallet,
             setMultiWalletWidgetState,
             setNetwork,
             setOnboardingOnlyJwt,
@@ -391,7 +490,6 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             setSelectedWalletConnector,
             setSelectedWalletWithAction,
             setShowAuthFlow: setShowAuthFlowWithInit,
-            setShowBridgeAuthFlow,
             setShowBridgeWidget,
             setShowDynamicUserProfile,
             setShowQrcodeModal,
@@ -400,7 +498,6 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             setWalletsToConnectByChain,
             shadowDOMEnabled,
             showAuthFlow,
-            showBridgeAuthFlow,
             showBridgeWidget,
             showDynamicUserProfile,
             showQrcodeModal,
@@ -410,9 +507,11 @@ 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,
+            unlinkConnectedWallet,
             user,
             walletConnector: (_b = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) !== null && _b !== void 0 ? _b : null,
             walletUiUtils,
@@ -431,15 +530,16 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         authMode,
         authorizationViewDisplayOrder,
         awaitingSignatureState,
+        bridgeChainToConnect,
         clearStatesOnBackClick,
         computeConnectedStateForWallets,
         connectWallet,
         connectedWallet,
-        primaryWallet,
-        secondaryWallets,
-        connectedWalletsInfo,
+        connectedWallets,
         consumeNonce,
         cssOverrides,
+        customPrivacyPolicy,
+        customTermsOfServices,
         debugError,
         onboardingOnlyJwt,
         defaultNumberOfWalletsToShow,
@@ -447,13 +547,19 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         displayTermsOfService,
         environmentId,
         eventsCallbacks,
+        getConnectedWalletById,
         getNameService,
         handleLogOut,
+        unlinkConnectedWallet,
         handleUnlinkWallet,
         isAuthenticated,
+        isBridgeFlow,
         isProjectSettingsLoading,
         isSingleWalletAccount,
-        isVerifying,
+        isFullyConnected,
+        primaryWallet,
+        secondaryWallets,
+        ongoingVerifications,
         loadingNetwork,
         loginWithEmail,
         multiWallet,
@@ -470,6 +576,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         privacyPolicyUrl,
         projectSettings,
         qrcodeUri,
+        removeConnectedWalletsInfo,
         rpcProviders,
         sdkHasLoaded,
         selectedWalletConnector,
@@ -477,19 +584,19 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         setAuthMode,
         setAuthorizationViewDisplayOrder,
         setCallback,
+        setIsFullyConnected,
         setLogInWithEmail,
+        setMultiWallet,
         setMultiWalletWidgetState,
         setNetwork,
         setPrimaryWallet,
         setPrimaryWalletId,
         setSdkHasLoaded,
         setShowAuthFlowWithInit,
-        setShowBridgeAuthFlow,
         setShowQrcodeModal,
         setUser,
         shadowDOMEnabled,
         showAuthFlow,
-        showBridgeAuthFlow,
         showBridgeWidget,
         showDynamicUserProfile,
         showQrcodeModal,
@@ -499,6 +606,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         socialMediaIconUrl,
         socialMediaLinkText,
         socialMediaUrl,
+        socialProvidersFilter,
         termsOfServiceUrl,
         theme,
         toolkitEnabled,
@@ -508,6 +616,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         walletsByChain,
         walletsFilter,
         walletsToConnectByChain,
+        linkedWallets,
     ]);
     React.useEffect(() => {
         const addPrefetch = (attr) => {
@@ -551,8 +660,14 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             setShowDynamicUserProfile(true);
         }
     }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile, user]);
-    return (jsxRuntime.jsx(DynamicContext.Provider, Object.assign({ value: value }, { children: jsxRuntime.jsx(walletBook.WalletBookContextProvider, Object.assign({ walletBook: walletBook$1 }, { children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, Object.assign({ customerTheme: parseTheme.parseTheme(theme, ((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _e === void 0 ? void 0 : _e.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design }, { children: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsx(ViewContext.ViewContextProvider, Object.assign({ initialView: loginWithEmail ? 'login-with-email-or-wallet' : 'wallet-list' }, { children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsxs(SendBalanceContext.SendBalanceContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(MultiWalletStepSelectorModal.MultiWalletStepSelectorModal, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) })) }) })) })) })));
+    return (jsxRuntime.jsx(DynamicContext.Provider, Object.assign({ value: value }, { children: jsxRuntime.jsx(walletBook.WalletBookContextProvider, Object.assign({ walletBook: walletBook$1 }, { children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, Object.assign({ customerTheme: parseTheme.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: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsx(ViewContext.ViewContextProvider, Object.assign({ initialView: helpers.getInitialView({
+                            connectedWallets,
+                            isBridgeFlow,
+                            isFullyConnected,
+                            loginWithEmail,
+                        }) }, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, Object.assign({ canSync: didConnectedStateLoad }, { children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsxs(WalletGroupContext.WalletGroupContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) })) })) }) })) })) })));
 };
 
 exports.DynamicContext = DynamicContext;
 exports.DynamicContextProvider = DynamicContextProvider;
+exports.PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID;