@dynamic-labs/sdk-react-core 2.0.0-alpha.2 → 2.0.0-alpha.21

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

@@ -15,7 +15,6 @@ import { IS_FULLY_CONNECTED, AUTH_TOKEN, AUTH_USER, AUTH_MODE, WALLET_PICKER_SEA
 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 'viem';
 import '@dynamic-labs/sdk-api';
 import { useGlobalLoading } from '../../shared/utils/hooks/useGlobalLoading/useGlobalLoading.js';
 import { useLocalStorage } from '../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
@@ -24,18 +23,22 @@ import { CaptchaContextProvider } from '../CaptchaContext/CaptchaContext.js';
 import { ErrorContextProvider } from '../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../utils/functions/getAuthToken/getAuthToken.js';
+import 'react-international-phone';
+import 'viem';
 import 'viem/chains';
+import { sendDynamicProps } from '../../data/api.js';
 import { AccessDeniedContextProvider } from '../AccessDeniedContext/AccessDeniedContext.js';
 import { AccountExistsContextProvider } from '../AccountExistsContext/AccountExistsContext.js';
-import { sendDynamicProps } from '../../data/api.js';
-import { EmailVerificationContextProvider } from '../EmailVerificationContext/EmailVerificationContext.js';
+import { VerificationProvider } from '../VerificationContext/VerificationContext.js';
 import 'react-dom';
+import { WalletContextProvider } from '../WalletContext/WalletContext.js';
 import { useFetchNonce } from '../../utils/hooks/useFetchNonce/useFetchNonce.js';
 import { useFetchProjectSettings } from '../../utils/hooks/useFetchProjectSettings/useFetchProjectSettings.js';
 import { ThemeContextProvider } from '../ThemeContext/ThemeContext.js';
 import { useSetWalletConnectorVerifiedCredentials } from '../../utils/hooks/useSetWalletConnectorVerifiedCredentials/useSetWalletConnectorVerifiedCredentials.js';
 import '@dynamic-labs/types';
 import 'yup';
+import { FieldsStateProvider } from '../FieldsStateContext/FieldsStateContext.js';
 import '../MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import { UserFieldEditorContextProvider } from '../UserFieldEditorContext/UserFieldEditorContext.js';
@@ -43,35 +46,40 @@ import { useValidateSession } from '../../utils/hooks/useValidateSession/useVali
 import { useWalletConnectorOptions } from '../../utils/hooks/useWalletConnectorOptions/useWalletConnectorOptions.js';
 import { useWalletConnectors } from '../../utils/hooks/useWalletConnectors/useWalletConnectors.js';
 import { useWalletUiUtils } from '../../utils/hooks/useWalletUiUtils/useWalletUiUtils.js';
+import { useWalletConnectorNetwork } from '../../utils/hooks/useWalletConnectorNetwork/useWalletConnectorNetwork.js';
+import { useSetWalletConnectorFetchers } from '../../utils/hooks/useSetWalletConnectorFetchers/useSetWalletConnectorFetchers.js';
+import { useSendDynamicProps } from '../../utils/hooks/useSendDynamicProps/useSendDynamicProps.js';
 import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/Input/Input.js';
 import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
+import 'qrcode';
 import 'formik';
-import 'i18next';
-import '../../components/OverlayCard/OverlayCard.context.js';
-import { SyncPasskeyFlow } from '../../components/SyncPasskeyFlow/SyncPasskeyFlow.js';
-import { Toolkit } from '../../components/Toolkit/Toolkit.js';
-import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import { PasskeyContextProvider } from '../PasskeyContext/PasskeyContext.js';
 import '../../views/WalletList/WalletList.js';
-import 'qrcode';
+import { SocialRedirectContextProvider } from '../SocialRedirectContext/SocialRedirectContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import { LoadingContextProvider } from '../LoadingContext/LoadingContext.js';
-import '../SocialRedirectContext/SocialRedirectContext.js';
-import { WalletGroupContextProvider } from '../WalletGroupContext/WalletGroupContext.js';
-import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import '../FooterAnimationContext/index.js';
 import ApiEndpoint from '../../config/ApiEndpoint.js';
+import '../FooterAnimationContext/index.js';
 import { Locale } from '../../locale/locale.js';
+import { WalletGroupContextProvider } from '../WalletGroupContext/WalletGroupContext.js';
+import { PasskeyContextProvider } from '../PasskeyContext/PasskeyContext.js';
+import { SyncEmbeddedWalletAuthFlow } from '../../components/SyncEmbeddedWalletAuthFlow/SyncEmbeddedWalletAuthFlow.js';
+import { Toolkit } from '../../components/Toolkit/Toolkit.js';
 import { getMissingChains } from '../../utils/functions/getMissingChains/getMissingChains.js';
 import { parseTheme } from '../../utils/functions/parseTheme/parseTheme.js';
 import { useMultiWalletWidgetState } from '../../utils/hooks/multiWallet/useMultiWalletWidgetState/useMultiWalletWidgetState.js';
@@ -87,21 +95,19 @@ import { useWalletEventListeners } from '../../utils/hooks/useWalletEventListene
 import { DynamicBridgeWidgetContextProvider } from '../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
 import { DynamicWidgetContextProvider } from '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
-import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '@dynamic-labs/viem-utils';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { FundingWidget } from '../../widgets/FundingWidget/FundingWidget.js';
 import { ConnectWithEmailOtpProvider } from '../ConnectWithEmailOtpContext/ConnectWithEmailOtpProvider.js';
 import '../ConnectWithEmailOtpContext/connectWithEmailOtpContext.js';
 import { FundingContextProvider } from '../FundingContext/FundingContext.js';
+import { PhantomRedirectContextProvider } from '../PhantomRedirectContext/PhantomRedirectContext.js';
 import { SendBalanceContextProvider } from '../SendBalanceContext/SendBalanceContext.js';
 import { UseNetworkValidation } from '../UseNetworkValidation/UseNetworkValidation.js';
 import { UserWalletsProvider } from '../UserWalletsContext/UserWalletsContext.js';
-import { WalletContextProvider } from '../WalletContext/WalletContext.js';
-import { PhantomRedirectContextProvider } from '../PhantomRedirectContext/PhantomRedirectContext.js';
 import { handleDisconnectWallet } from './handleDisconnectWallet/handleDisconnectWallet.js';
-import { initExpirationTime, getInitialView } from './helpers/helpers.js';
+import { resolveNetworkValidationMode, initExpirationTime, getInitialView } from './helpers/helpers.js';
 import { useDisplayOrderState } from './hooks/useDisplayOrderState/useDisplayOrderState.js';
 import { useEmailLoginState } from './hooks/useEmailLoginState/useEmailLoginState.js';
 import { useHandleLogout } from './hooks/useHandleLogout/useHandleLogout.js';
@@ -111,7 +117,6 @@ import { useShowAuthFlow } from './hooks/useShowAuthFlow/useShowAuthFlow.js';
 import { usePasskeySuccessPopup } from './hooks/usePasskeySuccessPopup/usePasskeySuccessPopup.js';
 import { useTieCallbacksToEvents } from './hooks/useTieCallbacksToEvents/useTieCallbacksToEvents.js';
 import { useVerificationInProgress } from './hooks/useVerificationInProgress/useVerificationInProgress.js';
-import { useSetShowLinkNewWalletModal } from './hooks/useSetShowLinkNewWalletModal/useSetShowLinkNewWalletModal.js';
 import { useCustomerCallbacks } from './useCustomerCallbacks/useCustomerCallbacks.js';
 import { validateAuthUser } from './validators/validators.js';
 
@@ -120,14 +125,13 @@ const EMPTY_INITIAL_USER = undefined;
 const DynamicContext = createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) => {
-    var _a, _b, _c, _d, _e, _f;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableConnectOnlyFallback = false, enableForcedNetworkValidation: enableForcedNetworkValidationProp = false, deepLinkPreference = 'native', bridgeChains, 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', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, } = settings;
-    let enableForcedNetworkValidation = enableForcedNetworkValidationProp;
-    if (bridgeChains) {
-        enableForcedNetworkValidation = true;
-    }
+    var _a, _b, _c, _d, _e;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableConnectOnlyFallback = false, deepLinkPreference = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, } = settings;
+    const networkValidationMode = resolveNetworkValidationMode({
+        bridgeChains: settings.bridgeChains,
+        networkValidationMode: settings.networkValidationMode,
+    });
     let { appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', } = settings;
-    const { walletConnectV1Bridge } = settings;
     if (!environmentId) {
         throw new MissingEnvironmentIdError();
     }
@@ -156,15 +160,14 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
     const [qrcodeUri, setQrcodeUri] = useState('');
     const [desktopUri, setDesktopUri] = useState('');
     const [multiWalletWidgetState, setMultiWalletWidgetState, { awaiting_account_switch: [accountSwitchState], awaiting_signature: [awaitingSignatureState], },] = useMultiWalletWidgetState();
-    const { projectSettings, isLoading: isProjectSettingsLoading, removeLsSettings, } = useFetchProjectSettings({
+    const { projectSettings, isLoading: isProjectSettingsLoading } = useFetchProjectSettings({
         authToken: getAuthToken(),
-        dynamicContextProps: { settings },
         environmentId,
     });
+    useSendDynamicProps({ environmentId, settings });
     const { multiWallet, setMultiWallet } = useMultiWallet({
         isBridgeFlow,
         multiWalletSettings: (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.multiWallet,
-        toolkitEnabled: toolkitEnabled || 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] = useState(!multiWallet);
@@ -173,10 +176,10 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
     // 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, } = useProcessNetworkConfigurations({
+    const { networkConfigurations: serverNetworkConfigurations, handleRemoveLsNetworks, } = useProcessNetworkConfigurations({
         authToken: getAuthToken(),
         environmentId,
-        evmNetworks,
+        evmNetworksOverrides: (_c = settings.overrides) === null || _c === void 0 ? void 0 : _c.evmNetworks,
         projectSettings,
     });
     const { imageUserInAccessList, imageUserNotInAccessList, displayName, appLogo, } = (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) || {};
@@ -188,6 +191,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         appLogoUrl,
         appName,
         getAppOrigin: () => window.location.origin,
+        hideEmbeddedWalletTransactionUIs,
     });
     const { walletConnectorOptions } = useWalletConnectorOptions({
         appLogoUrl,
@@ -199,7 +203,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         projectSettings,
         walletBook,
         walletConnectPreferredChains,
-        walletConnectV1Bridge,
         walletConnectorExtensions,
         walletConnectorsProp,
         walletUiUtils,
@@ -212,6 +215,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         isAuthenticated: isUserAuthenticated,
         isMultiWalletEnabled: multiWallet,
         isRenderingEmbeddedAuthFlow,
+        setShowDynamicUserProfile,
         walletConnectorOptions,
     });
     const { connectWallet, removeConnectedWalletsInfo, connectedWalletsInfo, getConnectedWalletById, connectedWallets, disconnectWallet, refreshConnectedWallet, } = useConnectWallet({
@@ -251,8 +255,9 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
     //selected wallet to perform an action (become primary, unlink, etc)
     const [selectedWalletWithAction, setSelectedWalletWithAction] = useState(null);
     // until user completes onboarding, jwt is only stored in onboardingOnlyJwt
-    const authToken = (_c = getAuthToken()) !== null && _c !== void 0 ? _c : onboardingOnlyJwt;
+    const authToken = (_d = getAuthToken()) !== null && _d !== void 0 ? _d : onboardingOnlyJwt;
     useSetWalletConnectorVerifiedCredentials(authToken, walletConnectorOptions);
+    useSetWalletConnectorFetchers(authToken, walletConnectorOptions, environmentId);
     const { didConnectedStateLoad, primaryWallet, showQrcodeModal, secondaryWallets, setPrimaryWallet, setShowQrcodeModal, wallets: linkedOrConnectedWallets, } = useWalletConnectors({
         authMode,
         authToken: getAuthToken() || onboardingOnlyJwt,
@@ -269,7 +274,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         walletConnectorOptions,
     });
     const walletConnectors = linkedOrConnectedWallets.map((wallet) => wallet.connector);
-    const { sdkHasLoaded, setSdkHasLoaded } = useGlobalLoading({
+    const sdkHasLoaded = useGlobalLoading({
         authMode,
         connectedInfo: connectedWalletsInfo[0],
         connectedWallets,
@@ -278,11 +283,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         user,
         walletBook,
     });
-    const setShowLinkNewWalletModal = useSetShowLinkNewWalletModal({
-        isAuthenticated: isUserAuthenticated,
-        isMultiWalletEnabled: multiWallet,
-        setShowAuthFlow,
-    });
     const { getNameService, removeConnectedNameService } = useNameService({
         authToken,
         currentWallet: primaryWallet !== null && primaryWallet !== void 0 ? primaryWallet : connectedWallets[0],
@@ -303,7 +303,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         removeConnectedNameService,
         removeConnectedWalletsInfo,
         removeIsFullyConnected,
-        removeLsSettings,
         removeUser,
         resetLoginWithEmail,
         setAuthMode,
@@ -312,7 +311,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         setLegacyIsVerifying,
         setMultiWalletWidgetState,
         setOnboardingOnlyJwt,
-        setSdkHasLoaded,
         setShowAuthFlow,
         setShowBridgeWidget,
         setShowDynamicUserProfile,
@@ -320,20 +318,10 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         user,
         walletConnectors,
     });
-    let wcVersion;
-    if (projectSettings) {
-        wcVersion =
-            ((_e = (_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _d === void 0 ? void 0 : _d.walletConnect) === null || _e === void 0 ? void 0 : _e.v2Enabled) && !walletConnectV1Bridge
-                ? 2
-                : 1;
-    }
     useValidateSession({
         authToken,
         handleLogOut,
         user,
-        walletConnectV1Bridge,
-        walletConnectors,
-        wcVersion,
     });
     const handleUnlinkWallet = useHandleUnlinkWallet({
         environmentId,
@@ -344,7 +332,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         user,
         verifiedCredentials: (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || [],
     });
-    const { loadingNetwork, network, setNetwork } = useWalletEventListeners({
+    const { isLoading: loadingNetwork, network } = useWalletConnectorNetwork(primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector);
+    useWalletEventListeners({
         authMode,
         handleLogOut,
         multiWallet,
@@ -370,7 +359,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
     const { setCallback } = useCustomerCallbacks({
         callbacks: {
             onAuthSuccess: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onAuthSuccess,
-            onEmbeddedWalletCreated: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onEmbeddedWalletCreated,
             onLinkSuccess: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLinkSuccess,
             onUserProfileUpdate: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onUserProfileUpdate,
         },
@@ -480,6 +468,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             multiWalletWidgetState,
             network,
             networkConfigurations: serverNetworkConfigurations,
+            networkValidationMode,
             newToWeb3WalletChainMap: walletsForChainsMap,
             notInTheListImageUrl: imageUserNotInAccessList || notInTheListImageUrl,
             onboardingImageUrl: imageUserInAccessList || onboardingImageUrl,
@@ -512,19 +501,16 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             setLogInWithEmail,
             setMultiWallet,
             setMultiWalletWidgetState,
-            setNetwork,
             setOnboardingOnlyJwt,
             setPasskeySuccessPopup,
             setPrimaryWallet,
             setPrimaryWalletId,
             setQrcodeUri,
-            setSdkHasLoaded,
             setSelectedWalletConnectorKey,
             setSelectedWalletWithAction,
             setShowAuthFlow,
             setShowBridgeWidget,
             setShowDynamicUserProfile,
-            setShowLinkNewWalletModal,
             setShowQrcodeModal,
             setShowWidgetStatePopup,
             setUser,
@@ -591,6 +577,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         isVerificationInProgress,
         legacyIsVerifying,
         user,
+        networkValidationMode,
         linkedOrConnectedWallets,
         loadingNetwork,
         loginWithEmail,
@@ -625,13 +612,10 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         setLogInWithEmail,
         setMultiWallet,
         setMultiWalletWidgetState,
-        setNetwork,
         setPrimaryWallet,
         setPrimaryWalletId,
-        setSdkHasLoaded,
         setSelectedWalletConnectorKey,
         setShowAuthFlow,
-        setShowLinkNewWalletModal,
         setPasskeySuccessPopup,
         setShowQrcodeModal,
         setUser,
@@ -693,15 +677,15 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             setShowDynamicUserProfile(true);
         }
     }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile, user]);
-    return (jsx(I18nextProvider, { i18n: i18nSDKInstance, children: jsx(DynamicContext.Provider, { value: value, children: jsx(WalletBookContextProvider, { walletBook: walletBook, children: jsx(ThemeContextProvider, { customerTheme: parseTheme(theme, ((_f = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _f === void 0 ? void 0 : _f.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design, children: jsx(LoadingContextProvider, { children: jsxs(ViewContextProvider, { initialView: getInitialView({
+    return (jsx(I18nextProvider, { i18n: i18nSDKInstance, children: jsx(DynamicContext.Provider, { value: value, children: jsx(WalletBookContextProvider, { walletBook: walletBook, children: jsx(ThemeContextProvider, { customerTheme: 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: jsx(LoadingContextProvider, { children: jsxs(ViewContextProvider, { initialView: getInitialView({
                                 connectedWallets,
                                 isAuthenticated,
                                 isBridgeFlow,
                                 isFullyConnected,
                                 isMultiWalletEnabled: multiWallet,
-                            }), children: [enableForcedNetworkValidation && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(PasskeyContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsx(ConnectWithEmailOtpProvider, { children: jsxs(PhantomRedirectContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
+                            }), children: [networkValidationMode === 'always' && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(PasskeyContextProvider, { children: jsx(VerificationProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsx(ConnectWithEmailOtpProvider, { children: jsx(PhantomRedirectContextProvider, { children: jsxs(SocialRedirectContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncEmbeddedWalletAuthFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
-const DynamicContextProvider = (props) => (jsx(ErrorContextProvider, { children: jsx(UserWalletsProvider, { children: jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }));
+const DynamicContextProvider = (props) => (jsx(ErrorContextProvider, { children: jsx(UserWalletsProvider, { children: jsx(FieldsStateProvider, { children: jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }) }));
 
 export { DynamicContext, DynamicContextProvider, InnerDynamicContextProvider, PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID };

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

@@ -13,7 +13,6 @@ require('@dynamic-labs/wallet-book');
 require('../../../utils/constants/colors.cjs');
 require('../../../utils/constants/values.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
-require('viem');
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 var getMissingChains = require('../../../utils/functions/getMissingChains/getMissingChains.cjs');
@@ -36,10 +35,7 @@ const handleDisconnectWallet = ({ wallet, connectedWalletsInfo, bridgeChains, se
         return;
     }
     try {
-        (_a = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onDisconnect) === null || _a === void 0 ? void 0 : _a.call(eventsCallbacks, {
-            wallet,
-            walletConnector: wallet.connector,
-        });
+        (_a = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onDisconnect) === null || _a === void 0 ? void 0 : _a.call(eventsCallbacks, { wallet });
     }
     catch (error) {
         logger.logger.warn('Error calling onDisconnect', error);

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

@@ -9,7 +9,6 @@ import '@dynamic-labs/wallet-book';
 import '../../../utils/constants/colors.js';
 import '../../../utils/constants/values.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
-import 'viem';
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import { getMissingChains } from '../../../utils/functions/getMissingChains/getMissingChains.js';
@@ -32,10 +31,7 @@ const handleDisconnectWallet = ({ wallet, connectedWalletsInfo, bridgeChains, se
         return;
     }
     try {
-        (_a = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onDisconnect) === null || _a === void 0 ? void 0 : _a.call(eventsCallbacks, {
-            wallet,
-            walletConnector: wallet.connector,
-        });
+        (_a = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onDisconnect) === null || _a === void 0 ? void 0 : _a.call(eventsCallbacks, { wallet });
     }
     catch (error) {
         logger.warn('Error calling onDisconnect', error);

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

@@ -14,7 +14,6 @@ var localStorage$1 = require('../../../utils/constants/localStorage.cjs');
 require('../../../utils/constants/colors.cjs');
 require('../../../utils/constants/values.cjs');
 var localStorage = require('../../../shared/utils/classes/storage/localStorage.cjs');
-require('viem');
 require('@dynamic-labs/sdk-api');
 require('@dynamic-labs/utils');
 var getAuthToken = require('../../../utils/functions/getAuthToken/getAuthToken.cjs');
@@ -103,12 +102,22 @@ const isSettingExpired = (lsKey, timer) => {
     }
     return false;
 };
+const resolveNetworkValidationMode = ({ networkValidationMode, bridgeChains, }) => {
+    if (networkValidationMode) {
+        return networkValidationMode;
+    }
+    if (bridgeChains) {
+        return 'always';
+    }
+    return 'sign-in';
+};
 
 exports.getInitialView = getInitialView;
 exports.initExpirationTime = initExpirationTime;
 exports.isAuthTokenExpired = isAuthTokenExpired;
 exports.isDynamicContextSessionSettingExpired = isDynamicContextSessionSettingExpired;
 exports.isWagmiSessionSettingExpired = isWagmiSessionSettingExpired;
+exports.resolveNetworkValidationMode = resolveNetworkValidationMode;
 exports.sdkSettingsTimeout = sdkSettingsTimeout;
 exports.setDynamicContextSessionSettings = setDynamicContextSessionSettings;
 exports.setWagmiSessionSettings = setWagmiSessionSettings;

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

@@ -1,5 +1,6 @@
 import { Wallet } from '../../../shared';
 import { ViewState, ViewType } from '../../ViewContext';
+import { ChainsToConnect, NetworkValidationMode } from '../types';
 export declare const sdkSettingsTimeout: number;
 export declare const isAuthTokenExpired: (token: string) => boolean;
 export declare const initExpirationTime: (logout: VoidFunction) => void;
@@ -14,3 +15,7 @@ export declare const setDynamicContextSessionSettings: () => void;
 export declare const setWagmiSessionSettings: () => void;
 export declare const isDynamicContextSessionSettingExpired: () => boolean;
 export declare const isWagmiSessionSettingExpired: () => boolean;
+export declare const resolveNetworkValidationMode: ({ networkValidationMode, bridgeChains, }: {
+    networkValidationMode: NetworkValidationMode | undefined;
+    bridgeChains: ChainsToConnect[] | undefined;
+}) => NetworkValidationMode;

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

@@ -10,7 +10,6 @@ import { DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS, WAGMI_LAST_SESSION_SETTINGS } fr
 import '../../../utils/constants/colors.js';
 import '../../../utils/constants/values.js';
 import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
-import 'viem';
 import '@dynamic-labs/sdk-api';
 import '@dynamic-labs/utils';
 import { getAuthToken } from '../../../utils/functions/getAuthToken/getAuthToken.js';
@@ -99,5 +98,14 @@ const isSettingExpired = (lsKey, timer) => {
     }
     return false;
 };
+const resolveNetworkValidationMode = ({ networkValidationMode, bridgeChains, }) => {
+    if (networkValidationMode) {
+        return networkValidationMode;
+    }
+    if (bridgeChains) {
+        return 'always';
+    }
+    return 'sign-in';
+};
 
-export { getInitialView, initExpirationTime, isAuthTokenExpired, isDynamicContextSessionSettingExpired, isWagmiSessionSettingExpired, sdkSettingsTimeout, setDynamicContextSessionSettings, setWagmiSessionSettings };
+export { getInitialView, initExpirationTime, isAuthTokenExpired, isDynamicContextSessionSettingExpired, isWagmiSessionSettingExpired, resolveNetworkValidationMode, sdkSettingsTimeout, setDynamicContextSessionSettings, setWagmiSessionSettings };

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

@@ -14,36 +14,19 @@ var isDisplayOrderPriorityForWeb3 = require('../../../../shared/utils/functions/
 require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
-require('viem');
 require('@dynamic-labs/utils');
 require('../../../../shared/consts/index.cjs');
 
-const web2DisplayOrder = ['email', 'wallet'];
-const web3DisplayOrder = ['wallet', 'email'];
 const useDisplayOrderState = (projectSettings) => {
     const [selectedDisplayOrder, setSelectedDisplayOrder] = React.useState(null);
     const defaultDisplayOrder = React.useMemo(() => {
         var _a;
         const displayOrderFromApi = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal) === null || _a === void 0 ? void 0 : _a.displayOrder;
         if (!displayOrderFromApi)
-            return web3DisplayOrder;
-        if (isDisplayOrderPriorityForWeb3.isDisplayOrderPriorityForWeb3(displayOrderFromApi)) {
-            return web3DisplayOrder;
-        }
-        if (web2DisplayOrder) {
-            return web2DisplayOrder;
-        }
-        return web3DisplayOrder;
+            return 'web3';
+        return isDisplayOrderPriorityForWeb3.isDisplayOrderPriorityForWeb3(displayOrderFromApi) ? 'web3' : 'web2';
     }, [projectSettings]);
-    const setDisplayOrderPriority = React.useCallback((priority) => {
-        if (priority === 'web3') {
-            setSelectedDisplayOrder(web3DisplayOrder);
-        }
-        else {
-            setSelectedDisplayOrder(web2DisplayOrder);
-        }
-    }, [setSelectedDisplayOrder]);
-    return [selectedDisplayOrder || defaultDisplayOrder, setDisplayOrderPriority];
+    return [selectedDisplayOrder || defaultDisplayOrder, setSelectedDisplayOrder];
 };
 
 exports.useDisplayOrderState = useDisplayOrderState;

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

@@ -1,4 +1,4 @@
-import { useState, useMemo, useCallback } from 'react';
+import { useState, useMemo } from 'react';
 import '@dynamic-labs/sdk-api';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -10,36 +10,19 @@ import { isDisplayOrderPriorityForWeb3 } from '../../../../shared/utils/function
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
-import 'viem';
 import '@dynamic-labs/utils';
 import '../../../../shared/consts/index.js';
 
-const web2DisplayOrder = ['email', 'wallet'];
-const web3DisplayOrder = ['wallet', 'email'];
 const useDisplayOrderState = (projectSettings) => {
     const [selectedDisplayOrder, setSelectedDisplayOrder] = useState(null);
     const defaultDisplayOrder = useMemo(() => {
         var _a;
         const displayOrderFromApi = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal) === null || _a === void 0 ? void 0 : _a.displayOrder;
         if (!displayOrderFromApi)
-            return web3DisplayOrder;
-        if (isDisplayOrderPriorityForWeb3(displayOrderFromApi)) {
-            return web3DisplayOrder;
-        }
-        if (web2DisplayOrder) {
-            return web2DisplayOrder;
-        }
-        return web3DisplayOrder;
+            return 'web3';
+        return isDisplayOrderPriorityForWeb3(displayOrderFromApi) ? 'web3' : 'web2';
     }, [projectSettings]);
-    const setDisplayOrderPriority = useCallback((priority) => {
-        if (priority === 'web3') {
-            setSelectedDisplayOrder(web3DisplayOrder);
-        }
-        else {
-            setSelectedDisplayOrder(web2DisplayOrder);
-        }
-    }, [setSelectedDisplayOrder]);
-    return [selectedDisplayOrder || defaultDisplayOrder, setDisplayOrderPriority];
+    return [selectedDisplayOrder || defaultDisplayOrder, setSelectedDisplayOrder];
 };
 
 export { useDisplayOrderState };

package/src/lib/context/DynamicContext/hooks/useDisplayOrderState/useDisplayOrderState.types.d.ts

@@ -1,2 +1,2 @@
 export type SetDisplayOrderPriority = (priority: 'web3' | 'web2') => void;
-export type DisplayOrder = ('wallet' | 'email')[];
+export type DisplayOrder = 'web2' | 'web3';

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

@@ -13,13 +13,15 @@ require('@dynamic-labs/wallet-book');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
-require('viem');
 require('@dynamic-labs/utils');
 require('../../../../shared/consts/index.cjs');
 require('../../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
 var isEmailProviderEnabled = require('../../../../utils/functions/isEmailProviderEnabled/isEmailProviderEnabled.cjs');
+require('viem');
 require('viem/chains');
+require('../../../../config/ApiEndpoint.cjs');
 
 const useEmailLoginState = (providers, user) => {
     const [loginWithEmail, _setLoginWithEmail] = React.useState(null);

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

@@ -9,13 +9,15 @@ import '@dynamic-labs/wallet-book';
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
-import 'viem';
 import '@dynamic-labs/utils';
 import '../../../../shared/consts/index.js';
 import '../../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
 import { isEmailProviderEnabled } from '../../../../utils/functions/isEmailProviderEnabled/isEmailProviderEnabled.js';
+import 'viem';
 import 'viem/chains';
+import '../../../../config/ApiEndpoint.js';
 
 const useEmailLoginState = (providers, user) => {
     const [loginWithEmail, _setLoginWithEmail] = useState(null);

package/src/lib/context/DynamicContext/hooks/useHandleLogout/types.d.ts

@@ -6,7 +6,6 @@ import { ChainsToConnect } from '../../types';
 import { SetShowAuthFlow } from '../useShowAuthFlow';
 export type UseHandleLogoutParams = {
     removeUser: () => void;
-    setSdkHasLoaded: Dispatch<SetStateAction<boolean>>;
     clearAllWalletConnectSessions: () => void;
     setBridgeChainsToConnect: Dispatch<SetStateAction<ChainsToConnect[] | undefined>>;
     bridgeChains: ChainsToConnect[] | undefined;
@@ -24,7 +23,6 @@ export type UseHandleLogoutParams = {
     initialAuthenticationMode: AuthModeType;
     setShowAuthFlow: SetShowAuthFlow;
     setMultiWalletWidgetState: MultiWalletWidgetStateSetter;
-    removeLsSettings: () => void;
     handleRemoveLsNetworks: () => void;
     setOnboardingOnlyJwt: Dispatch<SetStateAction<string | undefined>>;
     removeConnectedWalletsInfo: () => void;