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

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var multiWallet = require('@dynamic-labs/multi-wallet');
+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');
@@ -13,6 +13,8 @@ var values = require('../../utils/constants/values.cjs');
 var decodeJwt = require('../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 var logger = require('../../shared/logger.cjs');
 var ViewContext = require('../ViewContext/ViewContext.cjs');
+require('@dynamic-labs/utils');
+require('ethers');
 var useLocalStorage = require('../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
 require('../../shared/consts/index.cjs');
 var useFetchProjectSettings = require('../../utils/hooks/useFetchProjectSettings/useFetchProjectSettings.cjs');
@@ -20,6 +22,7 @@ var useFetchNonce = require('../../utils/hooks/useFetchNonce/useFetchNonce.cjs')
 var useWallets = require('../../utils/hooks/useWallets/useWallets.cjs');
 var useWalletConnectors = require('../../utils/hooks/useWalletConnectors/useWalletConnectors.cjs');
 var api = require('../../data/api.cjs');
+require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../utils/functions/getAuthToken/getAuthToken.cjs');
 require('@dynamic-labs/sdk-api');
 var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
@@ -53,19 +56,31 @@ require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
+require('../../components/Alert/Alert.cjs');
+var useGlobalLoading = require('../../shared/utils/hooks/useGlobalLoading/useGlobalLoading.cjs');
+var FundingContext = require('../FundingContext/FundingContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('qrcode');
+require('../../views/CollectUserDataView/fieldsConfig.cjs');
+require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
+require('formik');
+require('yup');
+var FundingWidget = require('../../widgets/FundingWidget/FundingWidget.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');
 
 const EMPTY_INITIAL_USER = undefined;
 const DynamicContext = React.createContext(undefined);
-const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, apiBaseUrl, appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, initialAuthenticationMode = 'connect-and-sign', vendorCredentials, debugError = false, displayTermsOfService = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', multiWallet: multiWallet$1 = false, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, magicLinkConfig, }, children, theme, }) => {
-    var _a, _b;
+const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, apiBaseUrl, appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, initialAuthenticationMode = 'connect-and-sign', debugError = false, displayTermsOfService = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', multiWallet = false, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, }, children, theme, }) => {
+    var _a, _b, _c;
     logger.logger.setLogLevel(logLevel);
-    multiWallet.logger.setLogLevel(logLevel);
+    walletConnectorCore.logger.setLogLevel(logLevel);
     ApiEndpoint.setBaseUrl((_a = process.env.DYNAMIC_API_BASE_URL) !== null && _a !== void 0 ? _a : apiBaseUrl);
     const isAuthenticated = Boolean(getAuthToken.getAuthToken());
     const [onboardingOnlyJwt, setOnboardingOnlyJwt] = React.useState(undefined);
@@ -80,10 +95,10 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     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 { configurations: serverNetworkConfigurations, removeLsNetworks } = useFetchNetworkConfigurations.useFetchNetworkConfigurations({
+    const { configurations: serverNetworkConfigurations, handleRemoveLsNetworks, } = useFetchNetworkConfigurations.useFetchNetworkConfigurations({
         authToken: getAuthToken.getAuthToken(),
         environmentId,
-        localNetworks: evmNetworks,
+        evmNetworks,
     });
     const { imageUserInAccessList, imageUserNotInAccessList, displayName, appLogo, } = (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) || {};
     appLogoUrl = appLogo || appLogoUrl;
@@ -98,14 +113,12 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     const { wallets } = useWallets.useWallets({
         appLogoUrl,
         appName,
-        magicLinkConfig,
         networkConfigurations: serverNetworkConfigurations,
         projectSettings,
-        vendorCredentials,
         walletUiUtils,
     });
     const [authMode, setAuthMode] = useLocalStorage.useLocalStorage(localStorage$1.AUTH_MODE, initialAuthenticationMode);
-    const { connectWallet, removeConnectedInfo, connectedWallet, setConnectedWallet, connectWalletByAddressAndChain, } = useConnectWallet.useConnectWallet(wallets, authMode, environmentId, enableVisitTrackingOnConnectOnly);
+    const { connectWallet, removeConnectedInfo, connectedInfo, connectedWallet, setConnectedWallet, connectWalletByAddressAndChain, } = useConnectWallet.useConnectWallet(wallets, authMode, environmentId, enableVisitTrackingOnConnectOnly);
     const [selectedWalletConnector, setSelectedWalletConnector] = React.useState(null);
     const removeAuthTokenAndUser = React.useCallback(() => {
         localStorage.removeItem(localStorage$1.AUTH_TOKEN);
@@ -119,6 +132,18 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         setQrcodeUri,
         wallets,
     });
+    const { sdkHasLoaded, setSdkHasLoaded } = useGlobalLoading.useGlobalLoading({
+        authMode,
+        connectedInfo,
+        connectedWallet,
+        primaryWallet,
+        projectSettings,
+        user,
+    });
+    const { getNameService, removeConnectedNameService } = useNameService.useNameService({
+        authToken: (_b = getAuthToken.getAuthToken()) !== null && _b !== void 0 ? _b : onboardingOnlyJwt,
+        currentWallet: primaryWallet !== null && primaryWallet !== void 0 ? primaryWallet : connectedWallet,
+    });
     const walletForUserFacingContext = authMode === 'connect-and-sign' || user ? primaryWallet : connectedWallet;
     useSyncPrimaryWallet.useSyncPrimaryWallet({
         multiWalletWidgetState,
@@ -132,7 +157,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         clearOphanedWalletConnectSessions,
     ]);
     const handleLogOut = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _c, _d, _e, _f;
+        var _d, _e;
         clearAllWalletConnectSessions();
         const jwt = getAuthToken.getAuthToken();
         if (jwt && user) {
@@ -140,18 +165,19 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             api.revokeSession({ environmentId, sessionId: user.sessionId }, jwt);
         }
         for (const connector of walletConnectors) {
-            yield ((_c = connector.endSession) === null || _c === void 0 ? void 0 : _c.call(connector));
+            yield connector.endSession();
         }
-        (_e = (_d = connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector) === null || _d === void 0 ? void 0 : _d.endSession) === null || _e === void 0 ? void 0 : _e.call(_d);
+        (_d = connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector) === null || _d === void 0 ? void 0 : _d.endSession();
         setShowAuthFlow(false);
         setMultiWalletWidgetState('idle');
         removeAuthTokenAndUser();
         setConnectedWallet(null);
-        removeLsNetworks();
+        handleRemoveLsNetworks();
         setOnboardingOnlyJwt(undefined);
         removeConnectedInfo();
         clearWalletStates();
-        (_f = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _f === void 0 ? void 0 : _f.call(eventsCallbacks, user);
+        removeConnectedNameService();
+        (_e = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _e === void 0 ? void 0 : _e.call(eventsCallbacks, user);
     }), [
         clearAllWalletConnectSessions,
         user,
@@ -159,8 +185,9 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         setMultiWalletWidgetState,
         removeAuthTokenAndUser,
         setConnectedWallet,
-        removeLsNetworks,
+        handleRemoveLsNetworks,
         removeConnectedInfo,
+        removeConnectedNameService,
         clearWalletStates,
         eventsCallbacks,
         environmentId,
@@ -177,7 +204,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         computeConnectedStateForWallets,
         connectWalletByAddressAndChain,
         handleLogOut,
-        multiWallet: multiWallet$1,
+        multiWallet,
         multiWalletWidgetState,
         primaryWallet: walletForUserFacingContext,
         secondaryWallets,
@@ -210,7 +237,6 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         user,
     });
     const clearStatesOnBackClick = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _g;
         setDesktopUri('');
         setIsVerifying(false);
         if (!user) {
@@ -227,7 +253,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         if (selectedWalletConnector &&
             (!primaryWallet ||
                 !isSameWalletName.isSameWalletName(primaryWallet.connector.name, selectedWalletConnector.name))) {
-            yield ((_g = selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.endSession) === null || _g === void 0 ? void 0 : _g.call(selectedWalletConnector));
+            yield (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.endSession());
         }
     }), [
         user,
@@ -268,6 +294,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             displayTermsOfService,
             environmentId,
             eventsCallbacks,
+            getNameService,
             handleLogOut,
             handleUnlinkWallet,
             isAuthenticated,
@@ -276,7 +303,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             isVerifying,
             loadingNetwork,
             loginWithEmail,
-            multiWallet: multiWallet$1,
+            multiWallet,
             multiWalletWidgetState,
             network,
             networkConfigurations: serverNetworkConfigurations,
@@ -291,6 +318,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             projectSettings,
             qrcodeUri,
             rpcProviders,
+            sdkHasLoaded,
             secondaryWallets,
             selectedWalletConnector,
             setAuthMode,
@@ -306,6 +334,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             setPrimaryWallet,
             setPrimaryWalletId,
             setQrcodeUri,
+            setSdkHasLoaded,
             setSelectedWalletConnector,
             setShowAuthFlow,
             setShowDynamicUserProfile,
@@ -324,7 +353,6 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             theme,
             toolkitEnabled,
             user,
-            vendorCredentials,
             walletConnector: (_b = walletForUserFacingContext === null || walletForUserFacingContext === void 0 ? void 0 : walletForUserFacingContext.connector) !== null && _b !== void 0 ? _b : null,
             walletUiUtils,
             wallets,
@@ -334,9 +362,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         accessDeniedMessagePrimary,
         accessDeniedMessageSecondary,
         accountSwitchState,
-        appLogo,
         appLogoUrl,
-        displayName,
         appName,
         authMode,
         authorizationViewDisplayOrder,
@@ -345,26 +371,27 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         computeConnectedStateForWallets,
         connectWallet,
         connectedWallet,
-        defaultNumberOfWalletsToShow,
         primaryWallet,
         secondaryWallets,
         consumeNonce,
         cssOverrides,
         debugError,
         onboardingOnlyJwt,
+        defaultNumberOfWalletsToShow,
         desktopUri,
         displayTermsOfService,
         environmentId,
         eventsCallbacks,
+        getNameService,
         handleLogOut,
         handleUnlinkWallet,
-        user,
+        isAuthenticated,
         isProjectSettingsLoading,
         isSingleWalletAccount,
         isVerifying,
         loadingNetwork,
         loginWithEmail,
-        multiWallet$1,
+        multiWallet,
         multiWalletWidgetState,
         network,
         serverNetworkConfigurations,
@@ -380,6 +407,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         projectSettings,
         qrcodeUri,
         rpcProviders,
+        sdkHasLoaded,
         selectedWalletConnector,
         setAuthMode,
         setAuthorizationViewDisplayOrder,
@@ -389,6 +417,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         setNetwork,
         setPrimaryWallet,
         setPrimaryWalletId,
+        setSdkHasLoaded,
         setShowQrcodeModal,
         setUser,
         shadowDOMEnabled,
@@ -403,7 +432,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         termsOfServiceUrl,
         theme,
         toolkitEnabled,
-        vendorCredentials,
+        user,
         walletUiUtils,
         wallets,
         walletsFilter,
@@ -428,14 +457,14 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     // DYN-1140 - Opens Widget when multiWalletWidgetState changes
     React.useEffect(() => {
         // If statement to secure SingleWallet widget
-        if (!multiWallet$1)
+        if (!multiWallet)
             return;
         // We need to make sure that the user is logged in so that we do not try to display the widget before authorization
         if (user && multiWalletWidgetState !== 'idle' && !showDynamicUserProfile) {
             setShowDynamicUserProfile(true);
         }
-    }, [multiWallet$1, multiWalletWidgetState, showDynamicUserProfile, user]);
-    return (jsxRuntime.jsx(DynamicContext.Provider, Object.assign({ value: value }, { children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, Object.assign({ customerTheme: parseTheme.parseTheme(theme, ((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _b === void 0 ? void 0 : _b.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design }, { children: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsx(ViewContext.ViewContextProvider, Object.assign({ loginWithEmail: loginWithEmail }, { children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsxs(CaptchaContext.CaptchaContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), confirmationModal, children] }) }) }) }) }) })) }) })) })));
+    }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile, user]);
+    return (jsxRuntime.jsx(DynamicContext.Provider, Object.assign({ value: value }, { children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, Object.assign({ customerTheme: parseTheme.parseTheme(theme, ((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _c === void 0 ? void 0 : _c.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design }, { children: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsx(ViewContext.ViewContextProvider, Object.assign({ loginWithEmail: loginWithEmail }, { children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsxs(FundingContext.FundingContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), confirmationModal, children] }) }) }) }) }) }) })) }) })) })));
 };
 
 exports.DynamicContext = DynamicContext;

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

@@ -1,8 +1,8 @@
 import { Dispatch, SetStateAction, ReactNode } from 'react';
-import { EvmNetwork, VendorCredentials, NetworkConfigurationMap, WalletUiUtils, MagicLinkConfig } from '@dynamic-labs/multi-wallet';
 import { WalletConnector, FetchPublicAddressOpts } from '@dynamic-labs/wallet-connector-core';
-import { DynamicJwt, ProjectSettings } from '@dynamic-labs/sdk-api';
+import { DynamicJwt, NameServiceData, ProjectSettings } from '@dynamic-labs/sdk-api';
 import { LogLevel } from '@dynamic-labs/logger';
+import { EvmNetwork, NetworkConfigurationMap, WalletUiUtils } from '@dynamic-labs/types';
 import { WalletOption, UserProfile, Wallet, MultiWalletWidgetState, AccountSwitchState, AwaitingSignatureState, ChainToWalletMap, AuthModeType, DynamicRPCProviders, DynamicEventsCallbacks } from '../../shared';
 import { ThemeData, ThemeSetting } from '../ThemeContext';
 import { MultiWalletWidgetStateSetter } from '../../utils/hooks/multiWallet';
@@ -33,6 +33,7 @@ export interface IDynamicContext {
     displayTermsOfService: boolean;
     environmentId: string;
     eventsCallbacks?: DynamicEventsCallbacks;
+    getNameService: (address?: string) => Promise<NameServiceData | undefined>;
     handleLogOut: () => Promise<void>;
     handleUnlinkWallet(walletId: string): Promise<void>;
     isAuthenticated: boolean;
@@ -43,7 +44,7 @@ export interface IDynamicContext {
     loginWithEmail: boolean;
     multiWallet: boolean;
     multiWalletWidgetState: MultiWalletWidgetState;
-    network: number | undefined;
+    network: number | string | undefined;
     networkConfigurations: NetworkConfigurationMap | undefined;
     newToWeb3WalletChainMap: ChainToWalletMap;
     notInTheListImageUrl?: string;
@@ -56,6 +57,7 @@ export interface IDynamicContext {
     projectSettings: ProjectSettings | undefined;
     qrcodeUri: string;
     rpcProviders: DynamicRPCProviders;
+    sdkHasLoaded: boolean;
     secondaryWallets: Wallet[];
     selectedWalletConnector: WalletConnector | null;
     setAuthMode: Dispatch<SetStateAction<AuthModeType>>;
@@ -66,9 +68,9 @@ export interface IDynamicContext {
     setIsVerifying: Dispatch<SetStateAction<boolean>>;
     setLogInWithEmail: Dispatch<SetStateAction<boolean>>;
     setMultiWalletWidgetState: MultiWalletWidgetStateSetter;
-    setNetwork: Dispatch<SetStateAction<number | undefined>>;
+    setNetwork: Dispatch<SetStateAction<number | string | undefined>>;
     setOnboardingOnlyJwt: Dispatch<SetStateAction<string | undefined>>;
-    setPrimaryWallet: (walletId: string) => void;
+    setPrimaryWallet: (walletId: string) => Promise<void>;
     setPrimaryWalletId: (walletId: string) => void;
     setQrcodeUri: Dispatch<SetStateAction<string>>;
     setSelectedWalletConnector: (connector: WalletConnector | null) => void;
@@ -89,7 +91,6 @@ export interface IDynamicContext {
     theme?: ThemeData | ThemeSetting;
     toolkitEnabled?: boolean;
     user: UserProfile | undefined;
-    vendorCredentials?: VendorCredentials;
     walletConnector: WalletConnector | null;
     walletUiUtils: WalletUiUtils;
     wallets: WalletOption[];
@@ -117,7 +118,6 @@ export interface DynamicContextProps {
          * @default WARN
          */
         logLevel?: keyof typeof LogLevel;
-        magicLinkConfig?: MagicLinkConfig;
         multiWallet?: boolean;
         newToWeb3WalletChainMap?: ChainToWalletMap;
         notInTheListImageUrl?: string;
@@ -132,10 +132,9 @@ export interface DynamicContextProps {
         socialMediaUrl?: string;
         termsOfServiceUrl?: string;
         toolkitEnabled?: boolean;
-        vendorCredentials?: VendorCredentials;
         walletsFilter?: (options: WalletOption[]) => WalletOption[];
     };
     theme?: ThemeData | ThemeSetting;
 }
 export declare const DynamicContext: import("react").Context<IDynamicContext | undefined>;
-export declare const DynamicContextProvider: ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, apiBaseUrl, appLogoUrl, appName, cssOverrides, defaultNumberOfWalletsToShow, initialAuthenticationMode, vendorCredentials, debugError, displayTermsOfService, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly, environmentId, eventsCallbacks, evmNetworks, walletsFilter, logLevel, multiWallet, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled, magicLinkConfig, }, children, theme, }: DynamicContextProps) => JSX.Element;
+export declare const DynamicContextProvider: ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, apiBaseUrl, appLogoUrl, appName, cssOverrides, defaultNumberOfWalletsToShow, initialAuthenticationMode, debugError, displayTermsOfService, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly, environmentId, eventsCallbacks, evmNetworks, walletsFilter, logLevel, multiWallet, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled, }, children, theme, }: DynamicContextProps) => JSX.Element;

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

@@ -1,7 +1,7 @@
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { createContext, useState, useCallback, useEffect, useMemo } from 'react';
-import { logger as logger$1 } from '@dynamic-labs/multi-wallet';
+import { logger as logger$1 } from '@dynamic-labs/wallet-connector-core';
 import { ICONIC_SPRITE_URL } from '@dynamic-labs/iconic';
 import { AUTH_TOKEN, AUTH_USER, AUTH_MODE } from '../../utils/constants/localStorage.js';
 import '../../utils/constants/colors.js';
@@ -9,6 +9,8 @@ import { DEFAULT_NUMBER_OF_WALLETS_TO_SHOW } from '../../utils/constants/values.
 import { decodeJwt } from '../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import { logger } from '../../shared/logger.js';
 import { ViewContextProvider } from '../ViewContext/ViewContext.js';
+import '@dynamic-labs/utils';
+import 'ethers';
 import { useLocalStorage } from '../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
 import '../../shared/consts/index.js';
 import { useFetchProjectSettings } from '../../utils/hooks/useFetchProjectSettings/useFetchProjectSettings.js';
@@ -16,6 +18,7 @@ import { useFetchNonce } from '../../utils/hooks/useFetchNonce/useFetchNonce.js'
 import { useWallets } from '../../utils/hooks/useWallets/useWallets.js';
 import { useWalletConnectors } from '../../utils/hooks/useWalletConnectors/useWalletConnectors.js';
 import { revokeSession } from '../../data/api.js';
+import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../utils/functions/getAuthToken/getAuthToken.js';
 import '@dynamic-labs/sdk-api';
 import { ErrorContextProvider } from '../ErrorContext/ErrorContext.js';
@@ -49,17 +52,29 @@ import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
+import '../../components/Alert/Alert.js';
+import { useGlobalLoading } from '../../shared/utils/hooks/useGlobalLoading/useGlobalLoading.js';
+import { FundingContextProvider } from '../FundingContext/FundingContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import 'qrcode';
+import '../../views/CollectUserDataView/fieldsConfig.js';
+import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
+import 'formik';
+import 'yup';
+import { FundingWidget } from '../../widgets/FundingWidget/FundingWidget.js';
 import { initExpirationTime } from './helpers.js';
 import { validateAuthUser } from './validators.js';
 import { useCustomerCallbacks } from './useCustomerCallbacks/useCustomerCallbacks.js';
 import { useCustomerAuthFlowCallbacks } from './useCustomerCallbacks/useCustomerAuthFlowCallbacks.js';
 import { useEmailLoginState } from './hooks/useEmailLoginState/useEmailLoginState.js';
 import { useDisplayOrderState } from './hooks/useDisplayOrderState/useDisplayOrderState.js';
+import { useNameService } from './hooks/useNameService/useNameService.js';
 
 const EMPTY_INITIAL_USER = undefined;
 const DynamicContext = createContext(undefined);
-const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, apiBaseUrl, appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, initialAuthenticationMode = 'connect-and-sign', vendorCredentials, debugError = false, displayTermsOfService = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', multiWallet = false, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, magicLinkConfig, }, children, theme, }) => {
-    var _a, _b;
+const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, apiBaseUrl, appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, initialAuthenticationMode = 'connect-and-sign', debugError = false, displayTermsOfService = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', multiWallet = false, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, }, children, theme, }) => {
+    var _a, _b, _c;
     logger.setLogLevel(logLevel);
     logger$1.setLogLevel(logLevel);
     ApiEndpoint.setBaseUrl((_a = process.env.DYNAMIC_API_BASE_URL) !== null && _a !== void 0 ? _a : apiBaseUrl);
@@ -76,10 +91,10 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     const [multiWalletWidgetState, setMultiWalletWidgetState, { awaiting_account_switch: [accountSwitchState], awaiting_signature: [awaitingSignatureState], },] = useMultiWalletWidgetState();
     const [isVerifying, setIsVerifying] = useState(false);
     const { projectSettings, isLoading: isProjectSettingsLoading } = useFetchProjectSettings({ authToken: getAuthToken(), environmentId });
-    const { configurations: serverNetworkConfigurations, removeLsNetworks } = useFetchNetworkConfigurations({
+    const { configurations: serverNetworkConfigurations, handleRemoveLsNetworks, } = useFetchNetworkConfigurations({
         authToken: getAuthToken(),
         environmentId,
-        localNetworks: evmNetworks,
+        evmNetworks,
     });
     const { imageUserInAccessList, imageUserNotInAccessList, displayName, appLogo, } = (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) || {};
     appLogoUrl = appLogo || appLogoUrl;
@@ -94,14 +109,12 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     const { wallets } = useWallets({
         appLogoUrl,
         appName,
-        magicLinkConfig,
         networkConfigurations: serverNetworkConfigurations,
         projectSettings,
-        vendorCredentials,
         walletUiUtils,
     });
     const [authMode, setAuthMode] = useLocalStorage(AUTH_MODE, initialAuthenticationMode);
-    const { connectWallet, removeConnectedInfo, connectedWallet, setConnectedWallet, connectWalletByAddressAndChain, } = useConnectWallet(wallets, authMode, environmentId, enableVisitTrackingOnConnectOnly);
+    const { connectWallet, removeConnectedInfo, connectedInfo, connectedWallet, setConnectedWallet, connectWalletByAddressAndChain, } = useConnectWallet(wallets, authMode, environmentId, enableVisitTrackingOnConnectOnly);
     const [selectedWalletConnector, setSelectedWalletConnector] = useState(null);
     const removeAuthTokenAndUser = useCallback(() => {
         localStorage.removeItem(AUTH_TOKEN);
@@ -115,6 +128,18 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         setQrcodeUri,
         wallets,
     });
+    const { sdkHasLoaded, setSdkHasLoaded } = useGlobalLoading({
+        authMode,
+        connectedInfo,
+        connectedWallet,
+        primaryWallet,
+        projectSettings,
+        user,
+    });
+    const { getNameService, removeConnectedNameService } = useNameService({
+        authToken: (_b = getAuthToken()) !== null && _b !== void 0 ? _b : onboardingOnlyJwt,
+        currentWallet: primaryWallet !== null && primaryWallet !== void 0 ? primaryWallet : connectedWallet,
+    });
     const walletForUserFacingContext = authMode === 'connect-and-sign' || user ? primaryWallet : connectedWallet;
     useSyncPrimaryWallet({
         multiWalletWidgetState,
@@ -128,7 +153,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         clearOphanedWalletConnectSessions,
     ]);
     const handleLogOut = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        var _c, _d, _e, _f;
+        var _d, _e;
         clearAllWalletConnectSessions();
         const jwt = getAuthToken();
         if (jwt && user) {
@@ -136,18 +161,19 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             revokeSession({ environmentId, sessionId: user.sessionId }, jwt);
         }
         for (const connector of walletConnectors) {
-            yield ((_c = connector.endSession) === null || _c === void 0 ? void 0 : _c.call(connector));
+            yield connector.endSession();
         }
-        (_e = (_d = connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector) === null || _d === void 0 ? void 0 : _d.endSession) === null || _e === void 0 ? void 0 : _e.call(_d);
+        (_d = connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector) === null || _d === void 0 ? void 0 : _d.endSession();
         setShowAuthFlow(false);
         setMultiWalletWidgetState('idle');
         removeAuthTokenAndUser();
         setConnectedWallet(null);
-        removeLsNetworks();
+        handleRemoveLsNetworks();
         setOnboardingOnlyJwt(undefined);
         removeConnectedInfo();
         clearWalletStates();
-        (_f = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _f === void 0 ? void 0 : _f.call(eventsCallbacks, user);
+        removeConnectedNameService();
+        (_e = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _e === void 0 ? void 0 : _e.call(eventsCallbacks, user);
     }), [
         clearAllWalletConnectSessions,
         user,
@@ -155,8 +181,9 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         setMultiWalletWidgetState,
         removeAuthTokenAndUser,
         setConnectedWallet,
-        removeLsNetworks,
+        handleRemoveLsNetworks,
         removeConnectedInfo,
+        removeConnectedNameService,
         clearWalletStates,
         eventsCallbacks,
         environmentId,
@@ -206,7 +233,6 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         user,
     });
     const clearStatesOnBackClick = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        var _g;
         setDesktopUri('');
         setIsVerifying(false);
         if (!user) {
@@ -223,7 +249,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         if (selectedWalletConnector &&
             (!primaryWallet ||
                 !isSameWalletName(primaryWallet.connector.name, selectedWalletConnector.name))) {
-            yield ((_g = selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.endSession) === null || _g === void 0 ? void 0 : _g.call(selectedWalletConnector));
+            yield (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.endSession());
         }
     }), [
         user,
@@ -264,6 +290,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             displayTermsOfService,
             environmentId,
             eventsCallbacks,
+            getNameService,
             handleLogOut,
             handleUnlinkWallet,
             isAuthenticated,
@@ -287,6 +314,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             projectSettings,
             qrcodeUri,
             rpcProviders,
+            sdkHasLoaded,
             secondaryWallets,
             selectedWalletConnector,
             setAuthMode,
@@ -302,6 +330,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             setPrimaryWallet,
             setPrimaryWalletId,
             setQrcodeUri,
+            setSdkHasLoaded,
             setSelectedWalletConnector,
             setShowAuthFlow,
             setShowDynamicUserProfile,
@@ -320,7 +349,6 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             theme,
             toolkitEnabled,
             user,
-            vendorCredentials,
             walletConnector: (_b = walletForUserFacingContext === null || walletForUserFacingContext === void 0 ? void 0 : walletForUserFacingContext.connector) !== null && _b !== void 0 ? _b : null,
             walletUiUtils,
             wallets,
@@ -330,9 +358,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         accessDeniedMessagePrimary,
         accessDeniedMessageSecondary,
         accountSwitchState,
-        appLogo,
         appLogoUrl,
-        displayName,
         appName,
         authMode,
         authorizationViewDisplayOrder,
@@ -341,20 +367,21 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         computeConnectedStateForWallets,
         connectWallet,
         connectedWallet,
-        defaultNumberOfWalletsToShow,
         primaryWallet,
         secondaryWallets,
         consumeNonce,
         cssOverrides,
         debugError,
         onboardingOnlyJwt,
+        defaultNumberOfWalletsToShow,
         desktopUri,
         displayTermsOfService,
         environmentId,
         eventsCallbacks,
+        getNameService,
         handleLogOut,
         handleUnlinkWallet,
-        user,
+        isAuthenticated,
         isProjectSettingsLoading,
         isSingleWalletAccount,
         isVerifying,
@@ -376,6 +403,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         projectSettings,
         qrcodeUri,
         rpcProviders,
+        sdkHasLoaded,
         selectedWalletConnector,
         setAuthMode,
         setAuthorizationViewDisplayOrder,
@@ -385,6 +413,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         setNetwork,
         setPrimaryWallet,
         setPrimaryWalletId,
+        setSdkHasLoaded,
         setShowQrcodeModal,
         setUser,
         shadowDOMEnabled,
@@ -399,7 +428,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         termsOfServiceUrl,
         theme,
         toolkitEnabled,
-        vendorCredentials,
+        user,
         walletUiUtils,
         wallets,
         walletsFilter,
@@ -431,7 +460,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             setShowDynamicUserProfile(true);
         }
     }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile, user]);
-    return (jsx(DynamicContext.Provider, Object.assign({ value: value }, { children: jsx(ThemeContextProvider, Object.assign({ customerTheme: parseTheme(theme, ((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _b === void 0 ? void 0 : _b.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design }, { children: jsx(LoadingContextProvider, { children: jsx(ViewContextProvider, Object.assign({ loginWithEmail: loginWithEmail }, { children: jsx(QrCodeContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(ErrorContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsxs(CaptchaContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), confirmationModal, children] }) }) }) }) }) })) }) })) })));
+    return (jsx(DynamicContext.Provider, Object.assign({ value: value }, { children: jsx(ThemeContextProvider, Object.assign({ customerTheme: parseTheme(theme, ((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _c === void 0 ? void 0 : _c.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design }, { children: jsx(LoadingContextProvider, { children: jsx(ViewContextProvider, Object.assign({ loginWithEmail: loginWithEmail }, { children: jsx(QrCodeContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(ErrorContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(CaptchaContextProvider, { children: jsxs(FundingContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), confirmationModal, children] }) }) }) }) }) }) })) }) })) })));
 };
 
 export { DynamicContext, DynamicContextProvider };