@dynamic-labs/sdk-react-core 0.17.0-RC.6 → 0.17.0-RC.7

package/src/lib/components/Tooltip/Tooltip.cjs

@@ -16,6 +16,7 @@ require('../../utils/constants/colors.cjs');
 var index = require('../../shared/consts/index.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 require('../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 var useElementById = require('../../utils/hooks/useElementById/useElementById.cjs');

package/src/lib/components/Tooltip/Tooltip.js

@@ -12,6 +12,7 @@ import '../../utils/constants/colors.js';
 import { tooltipZIndex } from '../../shared/consts/index.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import '../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
 import '../../context/DynamicContext/DynamicContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import { useElementById } from '../../utils/hooks/useElementById/useElementById.js';

package/src/lib/components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.cjs

@@ -13,6 +13,7 @@ require('@dynamic-labs/iconic');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('../../../utils/constants/colors.cjs');
 require('../../../shared/consts/index.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../../context/DynamicContext/DynamicContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
 var useResizeObserver = require('../../../utils/hooks/useResizeObserver/useResizeObserver.cjs');

package/src/lib/components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.js

@@ -9,6 +9,7 @@ import '@dynamic-labs/iconic';
 import '../../../context/ViewContext/ViewContext.js';
 import '../../../utils/constants/colors.js';
 import '../../../shared/consts/index.js';
+import '@dynamic-labs/rpc-providers';
 import '../../../context/DynamicContext/DynamicContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
 import { useResizeObserver } from '../../../utils/hooks/useResizeObserver/useResizeObserver.js';

package/src/lib/components/UserAddress/UserAddress.cjs

@@ -12,17 +12,15 @@ require('react');
 var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
 require('../../utils/constants/colors.cjs');
 require('../../shared/consts/index.cjs');
+var useFetchNameService = require('../../widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.cjs');
 var StatusDot = require('../StatusDot/StatusDot.cjs');
 var Typography = require('../Typography/Typography.cjs');
 
 const UserAddress = ({ userProfile }) => {
     var _a;
-    const lastVerifiedCredential = userProfile === null || userProfile === void 0 ? void 0 : userProfile.verifiedCredentials.find((verifiedCredential) => verifiedCredential.id === userProfile.lastVerifiedCredentialId);
-    const walletAddress = shortenWalletAddress.shortenWalletAddress(lastVerifiedCredential === null || lastVerifiedCredential === void 0 ? void 0 : lastVerifiedCredential.address);
-    const userAddress = ((_a = userProfile === null || userProfile === void 0 ? void 0 : userProfile.ens) === null || _a === void 0 ? void 0 : _a.name)
-        ? userProfile.ens.name
-        : walletAddress;
-    return (jsxRuntime.jsxs("div", Object.assign({ className: 'user-address__container' }, { children: [jsxRuntime.jsx(StatusDot.StatusDot, { variant: 'green', containerClassName: 'user-address__status-dot' }), userAddress && (jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'numbers_big', color: 'primary', className: 'user-address' }, { children: userAddress })))] })));
+    const walletAddress = (_a = userProfile === null || userProfile === void 0 ? void 0 : userProfile.verifiedCredentials.find((verifiedCredential) => verifiedCredential.id === userProfile.lastVerifiedCredentialId)) === null || _a === void 0 ? void 0 : _a.address;
+    const nameService = useFetchNameService.useFetchNameService(walletAddress);
+    return (jsxRuntime.jsxs("div", Object.assign({ className: 'user-address__container' }, { children: [jsxRuntime.jsx(StatusDot.StatusDot, { variant: 'green', containerClassName: 'user-address__status-dot' }), (nameService === null || nameService === void 0 ? void 0 : nameService.name) ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'numbers_big', color: 'primary', className: 'user-address' }, { children: nameService.name })), jsxRuntime.jsx("div", { className: 'dynamic-widget-wallet-header__seperator' }), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'numbers_medium', color: 'secondary', className: 'user-address' }, { children: shortenWalletAddress.shortenWalletAddress(walletAddress, 3, 3) }))] })) : (jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'numbers_big', color: 'primary', className: 'user-address' }, { children: shortenWalletAddress.shortenWalletAddress(walletAddress, 4, 4) })))] })));
 };
 
 exports.UserAddress = UserAddress;

package/src/lib/components/UserAddress/UserAddress.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -8,17 +8,15 @@ import 'react';
 import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
 import '../../utils/constants/colors.js';
 import '../../shared/consts/index.js';
+import { useFetchNameService } from '../../widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.js';
 import { StatusDot } from '../StatusDot/StatusDot.js';
 import { Typography } from '../Typography/Typography.js';
 
 const UserAddress = ({ userProfile }) => {
     var _a;
-    const lastVerifiedCredential = userProfile === null || userProfile === void 0 ? void 0 : userProfile.verifiedCredentials.find((verifiedCredential) => verifiedCredential.id === userProfile.lastVerifiedCredentialId);
-    const walletAddress = shortenWalletAddress(lastVerifiedCredential === null || lastVerifiedCredential === void 0 ? void 0 : lastVerifiedCredential.address);
-    const userAddress = ((_a = userProfile === null || userProfile === void 0 ? void 0 : userProfile.ens) === null || _a === void 0 ? void 0 : _a.name)
-        ? userProfile.ens.name
-        : walletAddress;
-    return (jsxs("div", Object.assign({ className: 'user-address__container' }, { children: [jsx(StatusDot, { variant: 'green', containerClassName: 'user-address__status-dot' }), userAddress && (jsx(Typography, Object.assign({ variant: 'numbers_big', color: 'primary', className: 'user-address' }, { children: userAddress })))] })));
+    const walletAddress = (_a = userProfile === null || userProfile === void 0 ? void 0 : userProfile.verifiedCredentials.find((verifiedCredential) => verifiedCredential.id === userProfile.lastVerifiedCredentialId)) === null || _a === void 0 ? void 0 : _a.address;
+    const nameService = useFetchNameService(walletAddress);
+    return (jsxs("div", Object.assign({ className: 'user-address__container' }, { children: [jsx(StatusDot, { variant: 'green', containerClassName: 'user-address__status-dot' }), (nameService === null || nameService === void 0 ? void 0 : nameService.name) ? (jsxs(Fragment, { children: [jsx(Typography, Object.assign({ variant: 'numbers_big', color: 'primary', className: 'user-address' }, { children: nameService.name })), jsx("div", { className: 'dynamic-widget-wallet-header__seperator' }), jsx(Typography, Object.assign({ variant: 'numbers_medium', color: 'secondary', className: 'user-address' }, { children: shortenWalletAddress(walletAddress, 3, 3) }))] })) : (jsx(Typography, Object.assign({ variant: 'numbers_big', color: 'primary', className: 'user-address' }, { children: shortenWalletAddress(walletAddress, 4, 4) })))] })));
 };
 
 export { UserAddress };

package/src/lib/components/UserProfile/parts/UserProfileField/UserProfileField.cjs

@@ -21,6 +21,7 @@ require('../../../Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 require('../../../../context/MockContext/MockContext.cjs');

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

@@ -17,6 +17,7 @@ import '../../../Transition/ZoomTransition/ZoomTransition.js';
 import '../../../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import 'ethers';
 import '../../../../context/MockContext/MockContext.js';

package/src/lib/components/UserProfile/parts/UserProfileSection/UserProfileSection.cjs

@@ -21,6 +21,7 @@ require('../../../Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 require('../../../../context/MockContext/MockContext.cjs');

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

@@ -17,6 +17,7 @@ import '../../../Transition/ZoomTransition/ZoomTransition.js';
 import '../../../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import 'ethers';
 import '../../../../context/MockContext/MockContext.js';

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

@@ -25,6 +25,7 @@ require('../../../Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../Transition/OpacityTransition/OpacityTransition.cjs');
 var api = require('../../../../data/api.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 require('../../../../context/MockContext/MockContext.cjs');

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

@@ -21,6 +21,7 @@ import '../../../Transition/ZoomTransition/ZoomTransition.js';
 import '../../../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../Transition/OpacityTransition/OpacityTransition.js';
 import { unlinkOAuth, verifyOAuth } from '../../../../data/api.js';
+import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import 'ethers';
 import '../../../../context/MockContext/MockContext.js';

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

@@ -54,17 +54,28 @@ require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
 var useGlobalLoading = require('../../shared/utils/hooks/useGlobalLoading/useGlobalLoading.cjs');
+var FundingContext = require('../FundingContext/FundingContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+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;
+    var _a, _b, _c;
     logger.logger.setLogLevel(logLevel);
     multiWallet.logger.setLogLevel(logLevel);
     ApiEndpoint.setBaseUrl((_a = process.env.DYNAMIC_API_BASE_URL) !== null && _a !== void 0 ? _a : apiBaseUrl);
@@ -84,7 +95,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     const { configurations: serverNetworkConfigurations, removeLsNetworks } = 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;
@@ -128,6 +139,10 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         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,
@@ -141,7 +156,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         clearOphanedWalletConnectSessions,
     ]);
     const handleLogOut = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _c, _d;
+        var _d, _e;
         clearAllWalletConnectSessions();
         const jwt = getAuthToken.getAuthToken();
         if (jwt && user) {
@@ -151,7 +166,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         for (const connector of walletConnectors) {
             yield connector.endSession();
         }
-        (_c = connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector) === null || _c === void 0 ? void 0 : _c.endSession();
+        (_d = connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector) === null || _d === void 0 ? void 0 : _d.endSession();
         setShowAuthFlow(false);
         setMultiWalletWidgetState('idle');
         removeAuthTokenAndUser();
@@ -160,7 +175,8 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         setOnboardingOnlyJwt(undefined);
         removeConnectedInfo();
         clearWalletStates();
-        (_d = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _d === void 0 ? void 0 : _d.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,
@@ -170,6 +186,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         setConnectedWallet,
         removeLsNetworks,
         removeConnectedInfo,
+        removeConnectedNameService,
         clearWalletStates,
         eventsCallbacks,
         environmentId,
@@ -276,6 +293,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             displayTermsOfService,
             environmentId,
             eventsCallbacks,
+            getNameService,
             handleLogOut,
             handleUnlinkWallet,
             isAuthenticated,
@@ -364,6 +382,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         displayTermsOfService,
         environmentId,
         eventsCallbacks,
+        getNameService,
         handleLogOut,
         handleUnlinkWallet,
         isAuthenticated,
@@ -446,7 +465,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             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] }) }) }) }) }) })) }) })) })));
+    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,9 @@
 import { Dispatch, SetStateAction, ReactNode } from 'react';
-import { EvmNetwork, VendorCredentials, NetworkConfigurationMap, WalletUiUtils, MagicLinkConfig } from '@dynamic-labs/multi-wallet';
+import { VendorCredentials, 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 } 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 +34,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 +45,7 @@ export interface IDynamicContext {
     loginWithEmail: boolean;
     multiWallet: boolean;
     multiWalletWidgetState: MultiWalletWidgetState;
-    network: number | undefined;
+    network: number | string | undefined;
     networkConfigurations: NetworkConfigurationMap | undefined;
     newToWeb3WalletChainMap: ChainToWalletMap;
     notInTheListImageUrl?: string;
@@ -67,9 +69,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;

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

@@ -50,17 +50,28 @@ import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
 import { useGlobalLoading } from '../../shared/utils/hooks/useGlobalLoading/useGlobalLoading.js';
+import { FundingContextProvider } from '../FundingContext/FundingContext.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+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;
+    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);
@@ -80,7 +91,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     const { configurations: serverNetworkConfigurations, removeLsNetworks } = useFetchNetworkConfigurations({
         authToken: getAuthToken(),
         environmentId,
-        localNetworks: evmNetworks,
+        evmNetworks,
     });
     const { imageUserInAccessList, imageUserNotInAccessList, displayName, appLogo, } = (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) || {};
     appLogoUrl = appLogo || appLogoUrl;
@@ -124,6 +135,10 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         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,
@@ -137,7 +152,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         clearOphanedWalletConnectSessions,
     ]);
     const handleLogOut = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        var _c, _d;
+        var _d, _e;
         clearAllWalletConnectSessions();
         const jwt = getAuthToken();
         if (jwt && user) {
@@ -147,7 +162,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         for (const connector of walletConnectors) {
             yield connector.endSession();
         }
-        (_c = connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector) === null || _c === void 0 ? void 0 : _c.endSession();
+        (_d = connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector) === null || _d === void 0 ? void 0 : _d.endSession();
         setShowAuthFlow(false);
         setMultiWalletWidgetState('idle');
         removeAuthTokenAndUser();
@@ -156,7 +171,8 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         setOnboardingOnlyJwt(undefined);
         removeConnectedInfo();
         clearWalletStates();
-        (_d = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _d === void 0 ? void 0 : _d.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,
@@ -166,6 +182,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         setConnectedWallet,
         removeLsNetworks,
         removeConnectedInfo,
+        removeConnectedNameService,
         clearWalletStates,
         eventsCallbacks,
         environmentId,
@@ -272,6 +289,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             displayTermsOfService,
             environmentId,
             eventsCallbacks,
+            getNameService,
             handleLogOut,
             handleUnlinkWallet,
             isAuthenticated,
@@ -360,6 +378,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         displayTermsOfService,
         environmentId,
         eventsCallbacks,
+        getNameService,
         handleLogOut,
         handleUnlinkWallet,
         isAuthenticated,
@@ -442,7 +461,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 };

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

@@ -0,0 +1 @@
+export { useNameService } from './useNameService';

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

@@ -0,0 +1,82 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+var decodeJwt = require('../../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
+require('../../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/multi-wallet');
+require('react/jsx-runtime');
+require('../../../ViewContext/ViewContext.cjs');
+var localStorage = require('../../../../utils/constants/localStorage.cjs');
+require('../../../../utils/constants/colors.cjs');
+var useLocalStorage = require('../../../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
+require('../../../../shared/consts/index.cjs');
+var getWalletVerifiedCredential = require('../../../../utils/functions/getWalletVerifiedCredential/getWalletVerifiedCredential.cjs');
+
+const useNameService = ({ currentWallet, authToken }) => {
+    const [connectedNameService, setConnectedNameService, removeConnectedNameService,] = useLocalStorage.useLocalStorage(localStorage.CONNECTED_WALLET_NAME_SERVICE, null);
+    const lastFetchedNameServiceAddress = React.useRef();
+    const fetchNameServiceFromBlockchain = React.useCallback((wallet) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const { address, connector } = wallet;
+        if (address === lastFetchedNameServiceAddress.current) {
+            return;
+        }
+        setConnectedNameService(null);
+        // store last address used to fetch name service so we can check for it when promise resolves
+        // to avoid race conditions
+        lastFetchedNameServiceAddress.current = address;
+        let ns;
+        try {
+            ns = yield connector.getNameService();
+        }
+        catch (e) {
+            // do nothing
+        }
+        // only sets name service if the address used to fetch it is the last one used for fetching
+        // this avoid issues with promises not resolving in the correct order
+        if (lastFetchedNameServiceAddress.current === address) {
+            setConnectedNameService({
+                address,
+                avatar: ns === null || ns === void 0 ? void 0 : ns.avatar,
+                name: ns === null || ns === void 0 ? void 0 : ns.name,
+            });
+            return ns;
+        }
+        return undefined;
+    }), [setConnectedNameService]);
+    const getNameService = (address) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b;
+        if (!currentWallet) {
+            return;
+        }
+        const verifiedCredentials = (_a = decodeJwt.decodeJwt(authToken)) === null || _a === void 0 ? void 0 : _a.verifiedCredentials;
+        //if there are verified credentials, check if there is a name service for the current wallet
+        if (verifiedCredentials) {
+            const verifiedCredential = getWalletVerifiedCredential.getWalletVerifiedCredential(currentWallet === null || currentWallet === void 0 ? void 0 : currentWallet.address, verifiedCredentials);
+            if (verifiedCredential && ((_b = verifiedCredential.nameService) === null || _b === void 0 ? void 0 : _b.name)) {
+                return verifiedCredential.nameService;
+            }
+        }
+        // don't look for name service in blockchain if provided address doesn't match current wallet
+        if (address && (currentWallet === null || currentWallet === void 0 ? void 0 : currentWallet.address) !== address) {
+            return;
+        }
+        // if finds name service info in local storage and its related address matches the connected wallet address,
+        // return it
+        if (connectedNameService &&
+            connectedNameService.address === (currentWallet === null || currentWallet === void 0 ? void 0 : currentWallet.address)) {
+            return {
+                avatar: connectedNameService.avatar,
+                name: connectedNameService.name,
+            };
+        }
+        // if doesn't find correct name service in verified credentials or local storage, fetch it from blockchain
+        return fetchNameServiceFromBlockchain(currentWallet);
+    });
+    return { getNameService, removeConnectedNameService };
+};
+
+exports.useNameService = useNameService;

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

@@ -0,0 +1,11 @@
+import { NameServiceData } from '@dynamic-labs/sdk-api';
+import { Wallet } from '../../../../shared';
+type Props = {
+    authToken: string | undefined;
+    currentWallet: Wallet | null;
+};
+export declare const useNameService: ({ currentWallet, authToken }: Props) => {
+    getNameService: (address?: string) => Promise<NameServiceData | undefined>;
+    removeConnectedNameService: () => void;
+};
+export {};

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

@@ -0,0 +1,78 @@
+import { __awaiter } from '../../../../../../_virtual/_tslib.js';
+import { useRef, useCallback } from 'react';
+import { decodeJwt } from '../../../../shared/utils/functions/decodeJwt/decodeJwt.js';
+import '../../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/multi-wallet';
+import 'react/jsx-runtime';
+import '../../../ViewContext/ViewContext.js';
+import { CONNECTED_WALLET_NAME_SERVICE } from '../../../../utils/constants/localStorage.js';
+import '../../../../utils/constants/colors.js';
+import { useLocalStorage } from '../../../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
+import '../../../../shared/consts/index.js';
+import { getWalletVerifiedCredential } from '../../../../utils/functions/getWalletVerifiedCredential/getWalletVerifiedCredential.js';
+
+const useNameService = ({ currentWallet, authToken }) => {
+    const [connectedNameService, setConnectedNameService, removeConnectedNameService,] = useLocalStorage(CONNECTED_WALLET_NAME_SERVICE, null);
+    const lastFetchedNameServiceAddress = useRef();
+    const fetchNameServiceFromBlockchain = useCallback((wallet) => __awaiter(void 0, void 0, void 0, function* () {
+        const { address, connector } = wallet;
+        if (address === lastFetchedNameServiceAddress.current) {
+            return;
+        }
+        setConnectedNameService(null);
+        // store last address used to fetch name service so we can check for it when promise resolves
+        // to avoid race conditions
+        lastFetchedNameServiceAddress.current = address;
+        let ns;
+        try {
+            ns = yield connector.getNameService();
+        }
+        catch (e) {
+            // do nothing
+        }
+        // only sets name service if the address used to fetch it is the last one used for fetching
+        // this avoid issues with promises not resolving in the correct order
+        if (lastFetchedNameServiceAddress.current === address) {
+            setConnectedNameService({
+                address,
+                avatar: ns === null || ns === void 0 ? void 0 : ns.avatar,
+                name: ns === null || ns === void 0 ? void 0 : ns.name,
+            });
+            return ns;
+        }
+        return undefined;
+    }), [setConnectedNameService]);
+    const getNameService = (address) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b;
+        if (!currentWallet) {
+            return;
+        }
+        const verifiedCredentials = (_a = decodeJwt(authToken)) === null || _a === void 0 ? void 0 : _a.verifiedCredentials;
+        //if there are verified credentials, check if there is a name service for the current wallet
+        if (verifiedCredentials) {
+            const verifiedCredential = getWalletVerifiedCredential(currentWallet === null || currentWallet === void 0 ? void 0 : currentWallet.address, verifiedCredentials);
+            if (verifiedCredential && ((_b = verifiedCredential.nameService) === null || _b === void 0 ? void 0 : _b.name)) {
+                return verifiedCredential.nameService;
+            }
+        }
+        // don't look for name service in blockchain if provided address doesn't match current wallet
+        if (address && (currentWallet === null || currentWallet === void 0 ? void 0 : currentWallet.address) !== address) {
+            return;
+        }
+        // if finds name service info in local storage and its related address matches the connected wallet address,
+        // return it
+        if (connectedNameService &&
+            connectedNameService.address === (currentWallet === null || currentWallet === void 0 ? void 0 : currentWallet.address)) {
+            return {
+                avatar: connectedNameService.avatar,
+                name: connectedNameService.name,
+            };
+        }
+        // if doesn't find correct name service in verified credentials or local storage, fetch it from blockchain
+        return fetchNameServiceFromBlockchain(currentWallet);
+    });
+    return { getNameService, removeConnectedNameService };
+};
+
+export { useNameService };

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

@@ -0,0 +1,4 @@
+import { NameServiceData } from '@dynamic-labs/sdk-api';
+export type NameServiceDataWithAddress = NameServiceData & {
+    address: string;
+};

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

@@ -12,6 +12,7 @@ require('react/jsx-runtime');
 require('../../ViewContext/ViewContext.cjs');
 require('../../../utils/constants/colors.cjs');
 require('../../../shared/consts/index.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../DynamicContext.cjs');
 require('../../ErrorContext/ErrorContext.cjs');
 var usePrevious = require('../../../utils/hooks/usePrevious/usePrevious.cjs');

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

@@ -8,6 +8,7 @@ import 'react/jsx-runtime';
 import '../../ViewContext/ViewContext.js';
 import '../../../utils/constants/colors.js';
 import '../../../shared/consts/index.js';
+import '@dynamic-labs/rpc-providers';
 import '../DynamicContext.js';
 import '../../ErrorContext/ErrorContext.js';
 import { usePrevious } from '../../../utils/hooks/usePrevious/usePrevious.js';