@dynamic-labs/sdk-react-core 0.18.0-RC.0 → 0.18.0-RC.10

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

@@ -5,7 +5,6 @@ import { SocialIcon } from '@dynamic-labs/iconic';
 import { Typography } from '../../../Typography/Typography.js';
 import '@dynamic-labs/sdk-api';
 import { logger } from '../../../../shared/logger.js';
-import '../../../../config/LSSuffix.js';
 import '@dynamic-labs/wallet-connector-core';
 import '../../../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgAdd } from '../../../../shared/assets/add.js';
@@ -13,6 +12,7 @@ import { ReactComponent as SvgUnlink } from '../../../../shared/assets/unlink.js
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../../../utils/constants/colors.js';
+import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
 import '../../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
@@ -27,6 +27,7 @@ import '../../../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../Transition/OpacityTransition/OpacityTransition.js';
 import { unlinkOAuth, verifyOAuth } from '../../../../data/api.js';
 import '@dynamic-labs/rpc-providers';
+import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../IconButton/IconButton.js';

package/src/lib/components/UserProfileForm/UserProfileForm.cjs

@@ -0,0 +1,43 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var formik = require('formik');
+var useUserDataForm = require('../../utils/hooks/useUserDataForm/useUserDataForm.cjs');
+var getUserProfileFields = require('../../utils/functions/getUserProfileFields/getUserProfileFields.cjs');
+var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
+var classNames = require('../../utils/functions/classNames/classNames.cjs');
+var index = require('../../views/CollectUserDataView/UserDataFields/index.cjs');
+var DynamicWidgetFooter = require('../../widgets/DynamicWidget/components/DynamicWidgetFooter/DynamicWidgetFooter.cjs');
+var Button = require('../Button/Button.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('../../context/ViewContext/ViewContext.cjs');
+require('react');
+var check = require('../../shared/assets/check.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../utils/constants/colors.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+require('../../shared/consts/index.cjs');
+
+const UserProfileForm = ({ formClassName, onEditProfileSubmit, onEditProfileCancel, options = { shouldEnforcePolicies: false }, }) => {
+    const { projectSettings, user } = useInternalDynamicContext.useInternalDynamicContext();
+    const allUserFields = getUserProfileFields.getUserProfileFields({
+        projectSettingsKyc: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc,
+        user,
+    });
+    const { fetch, formikInitialValues, formikValidationSchema, onFormSubmit } = useUserDataForm.useUserDataForm({
+        fields: allUserFields,
+        onSubmit: onEditProfileSubmit,
+        shouldEnforcePolicies: options.shouldEnforcePolicies,
+        userProfile: user,
+    });
+    return (jsxRuntime.jsx(formik.Formik, Object.assign({ onSubmit: onFormSubmit, initialValues: formikInitialValues, validationSchema: formikValidationSchema, validateOnChange: true }, { children: ({ errors, touched, isSubmitting, isValid, dirty }) => (jsxRuntime.jsxs(formik.Form, Object.assign({ className: classNames.classNames('dynamic-widget-edit-profile-view', formClassName), "data-testid": 'editUserProfileForm' }, { children: [jsxRuntime.jsx("div", Object.assign({ className: 'dynamic-widget-edit-profile-view__fields' }, { children: jsxRuntime.jsx(index.UserDataFields, { errors: errors, fields: allUserFields, touched: touched }) })), jsxRuntime.jsxs(DynamicWidgetFooter.DynamicWidgetFooter, { children: [jsxRuntime.jsx(Button.Button, Object.assign({ disabled: fetch, buttonRounded: 'small', expanded: true, buttonPadding: 'medium', buttonVariant: 'secondary', type: 'button', typographyProps: { variant: 'button_secondary' }, onClick: onEditProfileCancel }, { children: "Cancel" })), jsxRuntime.jsx(Button.Button, Object.assign({ buttonClassName: 'dynamic-widget-footer__button', disabled: fetch || !isValid || !dirty, buttonRounded: 'small', expanded: true, type: 'submit', buttonPadding: 'medium', typographyProps: { variant: 'button_secondary' }, loading: isSubmitting, startSlot: jsxRuntime.jsx(check.ReactComponent, {}) }, { children: "Save" }))] })] }))) })));
+};
+
+exports.UserProfileForm = UserProfileForm;

package/src/lib/components/UserProfileForm/UserProfileForm.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { UserDataFormValues } from '../../utils/hooks/useUserDataForm/useUserDataForm';
+export type UserProfileFormProps = {
+    formClassName?: string;
+    onEditProfileCancel: () => void;
+    onEditProfileSubmit: (formValues: UserDataFormValues) => void;
+    options?: {
+        shouldEnforcePolicies?: boolean;
+    };
+};
+export declare const UserProfileForm: FC<UserProfileFormProps>;

package/src/lib/components/UserProfileForm/UserProfileForm.js

@@ -0,0 +1,39 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Formik, Form } from 'formik';
+import { useUserDataForm } from '../../utils/hooks/useUserDataForm/useUserDataForm.js';
+import { getUserProfileFields } from '../../utils/functions/getUserProfileFields/getUserProfileFields.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
+import { classNames } from '../../utils/functions/classNames/classNames.js';
+import { UserDataFields } from '../../views/CollectUserDataView/UserDataFields/index.js';
+import { DynamicWidgetFooter } from '../../widgets/DynamicWidget/components/DynamicWidgetFooter/DynamicWidgetFooter.js';
+import { Button } from '../Button/Button.js';
+import '@dynamic-labs/sdk-api';
+import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import '../../context/ViewContext/ViewContext.js';
+import 'react';
+import { ReactComponent as SvgCheck } from '../../shared/assets/check.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../utils/constants/colors.js';
+import '../../shared/utils/classes/storage/localStorage.js';
+import 'ethers';
+import '../../shared/consts/index.js';
+
+const UserProfileForm = ({ formClassName, onEditProfileSubmit, onEditProfileCancel, options = { shouldEnforcePolicies: false }, }) => {
+    const { projectSettings, user } = useInternalDynamicContext();
+    const allUserFields = getUserProfileFields({
+        projectSettingsKyc: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc,
+        user,
+    });
+    const { fetch, formikInitialValues, formikValidationSchema, onFormSubmit } = useUserDataForm({
+        fields: allUserFields,
+        onSubmit: onEditProfileSubmit,
+        shouldEnforcePolicies: options.shouldEnforcePolicies,
+        userProfile: user,
+    });
+    return (jsx(Formik, Object.assign({ onSubmit: onFormSubmit, initialValues: formikInitialValues, validationSchema: formikValidationSchema, validateOnChange: true }, { children: ({ errors, touched, isSubmitting, isValid, dirty }) => (jsxs(Form, Object.assign({ className: classNames('dynamic-widget-edit-profile-view', formClassName), "data-testid": 'editUserProfileForm' }, { children: [jsx("div", Object.assign({ className: 'dynamic-widget-edit-profile-view__fields' }, { children: jsx(UserDataFields, { errors: errors, fields: allUserFields, touched: touched }) })), jsxs(DynamicWidgetFooter, { children: [jsx(Button, Object.assign({ disabled: fetch, buttonRounded: 'small', expanded: true, buttonPadding: 'medium', buttonVariant: 'secondary', type: 'button', typographyProps: { variant: 'button_secondary' }, onClick: onEditProfileCancel }, { children: "Cancel" })), jsx(Button, Object.assign({ buttonClassName: 'dynamic-widget-footer__button', disabled: fetch || !isValid || !dirty, buttonRounded: 'small', expanded: true, type: 'submit', buttonPadding: 'medium', typographyProps: { variant: 'button_secondary' }, loading: isSubmitting, startSlot: jsx(SvgCheck, {}) }, { children: "Save" }))] })] }))) })));
+};
+
+export { UserProfileForm };

package/src/lib/components/index.d.ts

@@ -43,5 +43,3 @@ export * from './Step';
 export * from './Stepper';
 export * from './Modal';
 export * from './ModalCard';
-export * from './WalletInfoCard';
-export * from './ChainWalletsList';

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

@@ -5,19 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var walletBook = require('@dynamic-labs/wallet-book');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var iconic = require('@dynamic-labs/iconic');
-var localStorage = require('../../utils/constants/localStorage.cjs');
+var utils = 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 decodeJwt = require('../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
-var getFromLS = require('../../shared/utils/functions/storage/getFromLS.cjs');
-var LSSuffix = require('../../config/LSSuffix.cjs');
-var removeFromLS = require('../../shared/utils/functions/storage/removeFromLS.cjs');
 var ViewContext = require('../ViewContext/ViewContext.cjs');
 var logger = require('../../shared/logger.cjs');
-require('@dynamic-labs/wallet-book');
-require('@dynamic-labs/utils');
+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');
@@ -41,7 +39,6 @@ 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');
@@ -75,8 +72,14 @@ 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/components/DynamicBridgeWidgetViews/DynamicBridgeWidgetViews.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('../../widgets/DynamicBridgeWidget/components/DynamicBridgeWidgetNav/DynamicBridgeWidgetNav.cjs');
 var SendBalanceContext = require('../SendBalanceContext/SendBalanceContext.cjs');
+var usePrimaryWalletId = require('../../utils/hooks/usePrimaryWalletId/usePrimaryWalletId.cjs');
+var WalletGroupContext = require('../WalletGroupContext/WalletGroupContext.cjs');
+var WalletContext = require('../WalletContext/WalletContext.cjs');
+var useValidateSession = require('../../utils/hooks/useValidateSession/useValidateSession.cjs');
+var getMissingChains = require('../../utils/functions/getMissingChains/getMissingChains.cjs');
 var helpers = require('./helpers.cjs');
 var validators = require('./validators.cjs');
 var useCustomerCallbacks = require('./useCustomerCallbacks/useCustomerCallbacks.cjs');
@@ -88,21 +91,28 @@ var useSetShowAuthFlowWithInit = require('./hooks/useSetShowAuthFlowWithInit/use
 
 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', 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 = ({ 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, walletConnectV1Bridge, walletConnectors: walletConnectorsProp, }, children, theme, }) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    if (!environmentId) {
+        throw new utils.MissingEnvironmentIdError();
+    }
     logger.logger.setLogLevel(logLevel);
     walletConnectorCore.logger.setLogLevel(logLevel);
     ApiEndpoint.setBaseUrl((_a = process.env.DYNAMIC_API_BASE_URL) !== null && _a !== void 0 ? _a : apiBaseUrl);
-    LSSuffix.setSuffix(localStorageSuffix);
+    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 [isUserConnected, setConnectedUser, removeConnectedUser] = useLocalStorage.useLocalStorage('connected_user', 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);
     // Alows clients to control the Bridget Widget flow without need to click on Bridge Widget
     const [showBridgeWidget, setShowBridgeWidget] = React.useState(false);
     const [isSingleWalletAccount, setIsSingleWalletAccount] = React.useState(false);
-    const [user, setUser, removeUser] = useLocalStorage.useLocalStorage(localStorage.AUTH_USER, EMPTY_INITIAL_USER, validators.validateAuthUser, [localStorage.AUTH_TOKEN]);
+    const [user, setUser, removeUser] = useLocalStorage.useLocalStorage(localStorage$1.AUTH_USER, EMPTY_INITIAL_USER, validators.validateAuthUser, [localStorage$1.AUTH_TOKEN]);
     const { consumeNonce } = useFetchNonce.useFetchNonce(environmentId);
     const [qrcodeUri, setQrcodeUri] = React.useState('');
     const [desktopUri, setDesktopUri] = React.useState('');
@@ -112,6 +122,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     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;
     // 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);
+    const walletBook$1 = walletBook.useWalletBookCdn();
     const { configurations: serverNetworkConfigurations, handleRemoveLsNetworks, } = useFetchNetworkConfigurations.useFetchNetworkConfigurations({
         authToken: getAuthToken.getAuthToken(),
         environmentId,
@@ -133,43 +144,64 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         flowNetwork,
         networkConfigurations: serverNetworkConfigurations,
         projectSettings,
+        walletBook: walletBook$1,
+        walletConnectV1Bridge,
         walletConnectorsProp,
         walletUiUtils,
     });
-    const [authMode, setAuthMode] = useLocalStorage.useLocalStorage(localStorage.AUTH_MODE, initialAuthenticationMode);
-    const { connectWallet, removeConnectedInfo, connectedInfo, connectedWallet, setConnectedWallet, connectWalletByAddressAndChain, } = useConnectWallet.useConnectWallet(wallets, authMode, environmentId, enableVisitTrackingOnConnectOnly);
+    const [authMode, setAuthMode] = useLocalStorage.useLocalStorage(localStorage$1.AUTH_MODE, initialAuthenticationMode);
+    const { clearPrimaryWalletId, primaryWalletId, setPrimaryWalletId } = usePrimaryWalletId.usePrimaryWalletId();
+    const { connectWallet, removeConnectedWalletsInfo, connectedWalletsInfo, connectedWallet, getConnectedWalletById, connectedWallets, connectWalletByAddressAndChain, unlinkConnectedWallet, setConnectedWallet, } = useConnectWallet.useConnectWallet({
+        authMode,
+        clearPrimaryWalletId,
+        enableVisitTrackingOnConnectOnly,
+        environmentId,
+        primaryWalletId,
+        setPrimaryWalletId,
+        wallets,
+    });
+    React.useEffect(() => {
+        const missingChains = getMissingChains.getMissingChains(walletsByChain, connectedWalletsInfo);
+        setWalletsToConnectByChain(missingChains);
+    }, [connectedWalletsInfo, walletsByChain]);
     const [selectedWalletConnector, setSelectedWalletConnector] = React.useState(null);
     //selected wallet to perform an action (become primary, unlink, etc)
     const [selectedWalletWithAction, setSelectedWalletWithAction] = React.useState(null);
     const removeAuthTokenAndUser = React.useCallback(() => {
-        removeFromLS.removeFromLS(localStorage.AUTH_TOKEN);
+        localStorage.LocalStorage.removeFromLS(localStorage$1.AUTH_TOKEN);
         removeUser();
     }, [removeUser]);
-    const { clearPrimaryWalletId, computeConnectedStateForWallets, didConnectedStateLoad, walletConnectors, primaryWallet, primaryWalletId, showQrcodeModal, secondaryWallets, setPrimaryWallet, setPrimaryWalletId, setShowQrcodeModal, } = useWalletConnectors.useWalletConnectors({
+    const { computeConnectedStateForWallets, didConnectedStateLoad, walletConnectors, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, } = useWalletConnectors.useWalletConnectors({
+        authMode,
         authToken: getAuthToken.getAuthToken() || onboardingOnlyJwt,
+        connectedWallets,
         multiWalletWidgetState,
+        primaryWalletId,
         setDesktopUri,
         setMultiWalletWidgetState,
+        setPrimaryWalletId,
         setQrcodeUri,
         wallets,
     });
     const { sdkHasLoaded, setSdkHasLoaded } = useGlobalLoading.useGlobalLoading({
         authMode,
-        connectedInfo,
+        connectedInfo: connectedWalletsInfo[0],
         connectedWallet,
         primaryWallet,
         projectSettings,
         user,
+        walletBook: walletBook$1,
     });
     const setShowAuthFlowWithInit = useSetShowAuthFlowWithInit.useSetShowAuthFlowWithInit({
         setShowAuthFlow,
         wallets,
     });
+    // until user completes onboarding, jwt is only stored in onboardingOnlyJwt
+    const authToken = (_d = getAuthToken.getAuthToken()) !== null && _d !== void 0 ? _d : 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 walletForUserFacingContext = authMode === 'connect-and-sign' || user ? primaryWallet : connectedWallet;
     const { clearAllWalletConnectSessions, clearOphanedWalletConnectSessions } = useClearWalletConnectSessions.useClearWalletConnectSessions({
         connectors: walletConnectors,
     });
@@ -177,8 +209,11 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         clearOphanedWalletConnectSessions,
     ]);
     const handleLogOut = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _f, _g;
+        var _h, _j;
         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
@@ -187,43 +222,52 @@ 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();
+        (_h = connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector) === null || _h === void 0 ? void 0 : _h.endSession();
+        setAuthMode(initialAuthenticationMode);
         setShowAuthFlow(false);
         setMultiWalletWidgetState('idle');
         removeAuthTokenAndUser();
-        setConnectedWallet(null);
         handleRemoveLsNetworks();
         setOnboardingOnlyJwt(undefined);
-        removeConnectedInfo();
+        removeConnectedWalletsInfo();
+        setConnectedWallet(null);
+        removeConnectedUser();
         clearPrimaryWalletId();
         removeConnectedNameService();
-        (_g = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _g === void 0 ? void 0 : _g.call(eventsCallbacks, user);
+        (_j = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _j === void 0 ? void 0 : _j.call(eventsCallbacks, user);
     }), [
         clearAllWalletConnectSessions,
+        walletsByChain,
         user,
         connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector,
+        setAuthMode,
+        initialAuthenticationMode,
         setMultiWalletWidgetState,
         removeAuthTokenAndUser,
-        setConnectedWallet,
         handleRemoveLsNetworks,
-        removeConnectedInfo,
-        removeConnectedNameService,
+        removeConnectedWalletsInfo,
+        setConnectedWallet,
+        removeConnectedUser,
         clearPrimaryWalletId,
+        removeConnectedNameService,
         eventsCallbacks,
         environmentId,
         walletConnectors,
     ]);
-    useSyncPrimaryWallet.useSyncPrimaryWallet({
-        canSync: didConnectedStateLoad,
-        computeConnectedStateForWallets,
+    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
+                ? 2
+                : 1;
+    }
+    useValidateSession.useValidateSession({
+        authToken,
         handleLogOut,
-        multiWalletWidgetState,
-        primaryWallet,
-        secondaryWallets,
-        setMultiWalletWidgetState,
-        setPrimaryWallet,
-        setShowWidgetStatePopup,
-        showWidgetStatePopup,
+        user,
+        walletConnectV1Bridge,
+        walletConnectors,
+        wcVersion,
     });
     const handleUnlinkWallet = useHandleUnlinkWallet.useHandleUnlinkWallet({
         environmentId,
@@ -238,7 +282,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         handleLogOut,
         multiWallet,
         multiWalletWidgetState,
-        primaryWallet: walletForUserFacingContext,
+        primaryWallet,
         secondaryWallets,
         selectedWalletConnector,
         selectedWalletWithAction,
@@ -251,7 +295,6 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     const { walletsForChainsMap } = useFetchWalletsForChainsMap.useFetchWalletsForChainsMap(newToWeb3WalletChainMap);
     const rpcProviders = useRpcProviders.useRpcProviders({
         networkConfigurations: serverNetworkConfigurations,
-        networkId: network,
     });
     React.useEffect(() => {
         helpers.initExpirationTime(handleLogOut);
@@ -267,7 +310,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         },
         handleLogOut,
         isAuthenticated,
-        primaryWallet: walletForUserFacingContext,
+        primaryWallet,
         user,
     });
     const clearStatesOnBackClick = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -278,11 +321,14 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         }
         setMultiWalletWidgetState('idle');
         if (authMode !== 'connect-only') {
+            removeConnectedWalletsInfo();
             setConnectedWallet(null);
-            removeConnectedInfo();
         }
-        if (!getFromLS.getFromLS(localStorage.AUTH_USER)) {
-            removeFromLS.removeFromLS(localStorage.AUTH_TOKEN);
+        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 ||
@@ -296,8 +342,8 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         selectedWalletConnector,
         primaryWallet,
         clearAllWalletConnectSessions,
+        removeConnectedWalletsInfo,
         setConnectedWallet,
-        removeConnectedInfo,
     ]);
     const value = React.useMemo(() => {
         var _a, _b;
@@ -312,6 +358,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             authToken: getAuthToken.getAuthToken(),
             authorizationViewDisplayOrder,
             awaitingSignatureState,
+            bridgeChainToConnect,
             clearStatesOnBackClick,
             computeConnectedStateForWallets,
             connectWallet,
@@ -319,6 +366,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             connectedWallets: primaryWallet
                 ? [primaryWallet, ...secondaryWallets]
                 : [],
+            connectedWalletsInfo,
             consumeNonce,
             cssOverrides,
             debugError,
@@ -329,12 +377,17 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             displayTermsOfService,
             environmentId,
             eventsCallbacks,
+            getConnectedWalletById,
             getNameService,
             handleLogOut,
-            handleUnlinkWallet,
+            handleUnlinkWallet: authMode === 'connect-only'
+                ? unlinkConnectedWallet
+                : handleUnlinkWallet,
             isAuthenticated,
+            isBridgeFlow,
             isProjectSettingsLoading,
             isSingleWalletAccount,
+            isUserConnected,
             isVerifying,
             loadingNetwork,
             loginWithEmail,
@@ -347,11 +400,12 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             onboardingImageUrl: imageUserInAccessList || onboardingImageUrl,
             onboardingOnlyJwt,
             policiesConsentInnerComponent,
-            primaryWallet: walletForUserFacingContext,
+            primaryWallet,
             primaryWalletId,
             privacyPolicyUrl,
             projectSettings,
             qrcodeUri,
+            removeConnectedWalletsInfo,
             rpcProviders,
             sdkHasLoaded,
             secondaryWallets,
@@ -359,7 +413,9 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             selectedWalletWithAction,
             setAuthMode,
             setAuthorizationViewDisplayOrder,
+            setBridgeChainToConnect,
             setCallback,
+            setConnectedUser,
             setDesktopUri,
             setIsSingleWalletAccount,
             setIsVerifying,
@@ -379,6 +435,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             setShowQrcodeModal,
             setShowWidgetStatePopup,
             setUser,
+            setWalletsToConnectByChain,
             shadowDOMEnabled,
             showAuthFlow,
             showBridgeWidget,
@@ -393,28 +450,33 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             termsOfServiceUrl,
             theme,
             toolkitEnabled,
+            unlinkConnectedWallet,
             user,
-            walletConnector: (_b = walletForUserFacingContext === null || walletForUserFacingContext === void 0 ? void 0 : walletForUserFacingContext.connector) !== null && _b !== void 0 ? _b : null,
+            walletConnector: (_b = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector) !== null && _b !== void 0 ? _b : null,
             walletUiUtils,
             wallets,
+            walletsByChain,
             walletsFilter,
+            walletsToConnectByChain,
         });
     }, [
+        accessDeniedButton,
         accessDeniedMessagePrimary,
         accessDeniedMessageSecondary,
-        accessDeniedButton,
         accountSwitchState,
         appLogoUrl,
         appName,
         authMode,
         authorizationViewDisplayOrder,
         awaitingSignatureState,
+        bridgeChainToConnect,
         clearStatesOnBackClick,
         computeConnectedStateForWallets,
         connectWallet,
         connectedWallet,
         primaryWallet,
         secondaryWallets,
+        connectedWalletsInfo,
         consumeNonce,
         cssOverrides,
         debugError,
@@ -424,12 +486,15 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         displayTermsOfService,
         environmentId,
         eventsCallbacks,
+        getConnectedWalletById,
         getNameService,
         handleLogOut,
         handleUnlinkWallet,
         isAuthenticated,
+        isBridgeFlow,
         isProjectSettingsLoading,
         isSingleWalletAccount,
+        isUserConnected,
         isVerifying,
         loadingNetwork,
         loginWithEmail,
@@ -443,11 +508,11 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         imageUserInAccessList,
         onboardingImageUrl,
         policiesConsentInnerComponent,
-        walletForUserFacingContext,
         primaryWalletId,
         privacyPolicyUrl,
         projectSettings,
         qrcodeUri,
+        removeConnectedWalletsInfo,
         rpcProviders,
         sdkHasLoaded,
         selectedWalletConnector,
@@ -455,6 +520,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         setAuthMode,
         setAuthorizationViewDisplayOrder,
         setCallback,
+        setConnectedUser,
         setLogInWithEmail,
         setMultiWalletWidgetState,
         setNetwork,
@@ -466,6 +532,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         setUser,
         shadowDOMEnabled,
         showAuthFlow,
+        showBridgeWidget,
         showDynamicUserProfile,
         showQrcodeModal,
         showWidgetStatePopup,
@@ -477,21 +544,38 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         termsOfServiceUrl,
         theme,
         toolkitEnabled,
+        unlinkConnectedWallet,
         user,
         walletUiUtils,
         wallets,
+        walletsByChain,
         walletsFilter,
+        walletsToConnectByChain,
     ]);
     React.useEffect(() => {
-        if (!document.head.querySelector('#sprite')) {
-            const element = document.createElement('link');
-            element.setAttribute('id', 'sprite');
-            element.setAttribute('rel', 'prefetch');
-            element.setAttribute('href', iconic.ICONIC_SPRITE_URL);
-            element.setAttribute('as', 'image');
-            element.setAttribute('type', 'image/svg+xml');
-            document.head.insertAdjacentElement('beforeend', element);
-        }
+        const addPrefetch = (attr) => {
+            if (!document.head.querySelector(`#${attr.id}`)) {
+                const element = document.createElement('link');
+                element.setAttribute('id', attr.id);
+                element.setAttribute('rel', 'prefetch');
+                element.setAttribute('href', attr.href);
+                element.setAttribute('as', attr.as);
+                element.setAttribute('type', attr.type);
+                document.head.insertAdjacentElement('beforeend', element);
+            }
+        };
+        addPrefetch({
+            as: 'image',
+            href: iconic.ICONIC_SPRITE_URL,
+            id: 'sprite',
+            type: 'image/svg+xml',
+        });
+        addPrefetch({
+            as: 'fetch',
+            href: walletBook.getWalletBookCdnUrl(),
+            id: 'wallet-book',
+            type: 'application/json',
+        });
     }, []);
     // hides dynamic widget if user is not logged in or there is no connected wallet
     React.useEffect(() => {
@@ -510,7 +594,11 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             setShowDynamicUserProfile(true);
         }
     }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile, user]);
-    return (jsxRuntime.jsx(DynamicContext.Provider, Object.assign({ value: value }, { 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, {}), 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, ((_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: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsx(ViewContext.ViewContextProvider, Object.assign({ initialView: helpers.getInitialView({
+                            isBridgeFlow,
+                            isUserConnected,
+                            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;