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

package/src/lib/utils/hooks/useVerifyWallet/useVerifyWallet.cjs

@@ -29,7 +29,7 @@ require('../../../shared/consts/index.cjs');
 // This logic is used to both verify or link a wallet
 // Since we are re-using the different screens to authenticate or link the wallet.
 // This logic is the best place to determine whether we should verify or verify and link.
-const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, setIsSingleWalletAccount, }) => {
+const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, projectSettings, setIsSingleWalletAccount, }) => {
     const { setView } = ViewContext.useViewContext();
     const { setErrorMessage, setError } = ErrorContext.useErrorContext();
     const { setUser, multiWalletWidgetState, debugError, multiWallet: multiWalletEnabled, appName, primaryWalletId, setCallback, setShowAuthFlow, setPrimaryWalletId, siweStatement, connectedWallet, authMode, setOnboardingOnlyJwt, authToken, loginWithEmail, } = useInternalDynamicContext.useInternalDynamicContext();
@@ -58,20 +58,20 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, s
         else {
             Jwt = yield api.linkWallet(environmentId, verifyArgs, authToken);
         }
-        if (Jwt === undefined) {
+        if (Jwt === undefined)
             throw new multiWallet.DynamicError('Could not obtain a valid JWT');
-        }
+        // TODO DYN-523: add verification here that the JWT is valid with the publicKey
         return Jwt;
     });
     // Overrides the stored primary wallet id when the
     // user logs in for the first time.
     // Or when the user is linking an additional
     // account on the same wallet as the primary wallet.
-    const updatePrimaryWalletId = (walletConnector, decodedJwt) => {
-        const newSelectedCredentialWallet = decodedJwt.verifiedCredentials.find((cred) => cred.id === decodedJwt.lastVerifiedCredentialId &&
+    const updatePrimaryWalletId = (walletConnector, user) => {
+        const newSelectedCredentialWallet = user.verifiedCredentials.find((cred) => cred.id === user.lastVerifiedCredentialId &&
             cred.format === 'blockchain');
         if (newSelectedCredentialWallet) {
-            const currentPrimaryWallet = decodedJwt.verifiedCredentials.find((a) => a.id === primaryWalletId);
+            const currentPrimaryWallet = user.verifiedCredentials.find((a) => a.id === primaryWalletId);
             if (verifyOnly ||
                 primaryWalletId === undefined ||
                 (multiWalletWidgetState === 'awaiting_signature' &&
@@ -128,18 +128,30 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, s
             const decodedJwt = decodeJwt.decodeJwt(Jwt);
             if (decodedJwt === undefined)
                 throw new multiWallet.DynamicError('Invalid token!');
-            setToLS.setToLS(localStorage.LAST_USED_WALLET, walletConnector.name);
-            updatePrimaryWalletId(walletConnector, decodedJwt);
+            const user = yield createUserProfile.createUserProfile(decodedJwt);
             const isKycRequired = decodedJwt.missingFields.length;
-            if (verifyOnly && isKycRequired) {
-                setOnboardingOnlyJwt(Jwt);
+            setOnboardingOnlyJwt(Jwt);
+            setToLS.setToLS(localStorage.LAST_USED_WALLET, walletConnector.name);
+            updatePrimaryWalletId(walletConnector, user);
+            // Routes user to "Not Supported Network" screen if the user is not on the supported network
+            if (projectSettings &&
+                verifyOnly &&
+                !_isSupportedNetwork &&
+                !isKycRequired) {
+                if (isProgrammableNetworkSwitchSupported.isProgrammableNetworkSwitchSupported(walletConnector)) {
+                    return setView('network-not-supported');
+                }
+                return setView('network-not-supported-manual');
+            }
+            // TODO: how can projectSettings be undefined?
+            if (verifyOnly && projectSettings && isKycRequired) {
                 setShowAuthFlow(true);
-                setView('collect-user-data');
-                return;
+                return setView('collect-user-data');
             }
-            const user = yield createUserProfile.createUserProfile(decodedJwt);
             index.storeAuthToken(Jwt);
+            setOnboardingOnlyJwt(undefined);
             setUser(user); // The user should only be set if no KYC is needed.
+            setShowAuthFlow(false);
             /* istanbul ignore else */
             if (verifyOnly) {
                 setCallback('authSuccess');
@@ -148,17 +160,6 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, s
                 setView('wallet-list');
                 setCallback('linkSuccess');
             }
-            // Routes user to "Not Supported Network" screen if the user is not on the supported network
-            if (!_isSupportedNetwork) {
-                if (isProgrammableNetworkSwitchSupported.isProgrammableNetworkSwitchSupported(walletConnector)) {
-                    setView('network-not-supported');
-                }
-                else {
-                    setView('network-not-supported-manual');
-                }
-                return;
-            }
-            setShowAuthFlow(false);
         }
         catch (e) {
             handleError(e, walletConnector);

package/src/lib/utils/hooks/useVerifyWallet/useVerifyWallet.d.ts

@@ -5,5 +5,5 @@ type UseVerifyWalletArgs = VerifyProps & ProjectSettingsProps & {
     displayTermsOfService: boolean;
     setIsSingleWalletAccount: Dispatch<SetStateAction<boolean>>;
 };
-export declare const useVerifyWallet: ({ consumeNonce, displayTermsOfService, environmentId, setIsSingleWalletAccount, }: UseVerifyWalletArgs) => ({ walletConnector, fetchPublicAddressOpts, publicWalletAddress, captchaToken, }: VerifyCallbackArgs) => Promise<void>;
+export declare const useVerifyWallet: ({ consumeNonce, displayTermsOfService, environmentId, projectSettings, setIsSingleWalletAccount, }: UseVerifyWalletArgs) => ({ walletConnector, fetchPublicAddressOpts, publicWalletAddress, captchaToken, }: VerifyCallbackArgs) => Promise<void>;
 export {};

package/src/lib/utils/hooks/useVerifyWallet/useVerifyWallet.js

@@ -25,7 +25,7 @@ import '../../../shared/consts/index.js';
 // This logic is used to both verify or link a wallet
 // Since we are re-using the different screens to authenticate or link the wallet.
 // This logic is the best place to determine whether we should verify or verify and link.
-const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, setIsSingleWalletAccount, }) => {
+const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, projectSettings, setIsSingleWalletAccount, }) => {
     const { setView } = useViewContext();
     const { setErrorMessage, setError } = useErrorContext();
     const { setUser, multiWalletWidgetState, debugError, multiWallet: multiWalletEnabled, appName, primaryWalletId, setCallback, setShowAuthFlow, setPrimaryWalletId, siweStatement, connectedWallet, authMode, setOnboardingOnlyJwt, authToken, loginWithEmail, } = useInternalDynamicContext();
@@ -54,20 +54,20 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, s
         else {
             Jwt = yield linkWallet(environmentId, verifyArgs, authToken);
         }
-        if (Jwt === undefined) {
+        if (Jwt === undefined)
             throw new DynamicError('Could not obtain a valid JWT');
-        }
+        // TODO DYN-523: add verification here that the JWT is valid with the publicKey
         return Jwt;
     });
     // Overrides the stored primary wallet id when the
     // user logs in for the first time.
     // Or when the user is linking an additional
     // account on the same wallet as the primary wallet.
-    const updatePrimaryWalletId = (walletConnector, decodedJwt) => {
-        const newSelectedCredentialWallet = decodedJwt.verifiedCredentials.find((cred) => cred.id === decodedJwt.lastVerifiedCredentialId &&
+    const updatePrimaryWalletId = (walletConnector, user) => {
+        const newSelectedCredentialWallet = user.verifiedCredentials.find((cred) => cred.id === user.lastVerifiedCredentialId &&
             cred.format === 'blockchain');
         if (newSelectedCredentialWallet) {
-            const currentPrimaryWallet = decodedJwt.verifiedCredentials.find((a) => a.id === primaryWalletId);
+            const currentPrimaryWallet = user.verifiedCredentials.find((a) => a.id === primaryWalletId);
             if (verifyOnly ||
                 primaryWalletId === undefined ||
                 (multiWalletWidgetState === 'awaiting_signature' &&
@@ -124,18 +124,30 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, s
             const decodedJwt = decodeJwt(Jwt);
             if (decodedJwt === undefined)
                 throw new DynamicError('Invalid token!');
-            setToLS(LAST_USED_WALLET, walletConnector.name);
-            updatePrimaryWalletId(walletConnector, decodedJwt);
+            const user = yield createUserProfile(decodedJwt);
             const isKycRequired = decodedJwt.missingFields.length;
-            if (verifyOnly && isKycRequired) {
-                setOnboardingOnlyJwt(Jwt);
+            setOnboardingOnlyJwt(Jwt);
+            setToLS(LAST_USED_WALLET, walletConnector.name);
+            updatePrimaryWalletId(walletConnector, user);
+            // Routes user to "Not Supported Network" screen if the user is not on the supported network
+            if (projectSettings &&
+                verifyOnly &&
+                !_isSupportedNetwork &&
+                !isKycRequired) {
+                if (isProgrammableNetworkSwitchSupported(walletConnector)) {
+                    return setView('network-not-supported');
+                }
+                return setView('network-not-supported-manual');
+            }
+            // TODO: how can projectSettings be undefined?
+            if (verifyOnly && projectSettings && isKycRequired) {
                 setShowAuthFlow(true);
-                setView('collect-user-data');
-                return;
+                return setView('collect-user-data');
             }
-            const user = yield createUserProfile(decodedJwt);
             storeAuthToken(Jwt);
+            setOnboardingOnlyJwt(undefined);
             setUser(user); // The user should only be set if no KYC is needed.
+            setShowAuthFlow(false);
             /* istanbul ignore else */
             if (verifyOnly) {
                 setCallback('authSuccess');
@@ -144,17 +156,6 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, s
                 setView('wallet-list');
                 setCallback('linkSuccess');
             }
-            // Routes user to "Not Supported Network" screen if the user is not on the supported network
-            if (!_isSupportedNetwork) {
-                if (isProgrammableNetworkSwitchSupported(walletConnector)) {
-                    setView('network-not-supported');
-                }
-                else {
-                    setView('network-not-supported-manual');
-                }
-                return;
-            }
-            setShowAuthFlow(false);
         }
         catch (e) {
             handleError(e, walletConnector);

package/src/lib/utils/hooks/useWalletEventListeners/useWalletEventListeners.d.ts

@@ -18,6 +18,6 @@ export type UseWalletEventListenersArgs = {
 };
 export declare const useWalletEventListeners: ({ computeConnectedStateForWallets, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, setSelectedWalletConnector, setMultiWalletWidgetState, user, setPrimaryWalletId, connectWalletByAddressAndChain, }: UseWalletEventListenersArgs) => {
     loadingNetwork: boolean;
-    network: number | undefined;
-    setNetwork: import("react").Dispatch<import("react").SetStateAction<number | undefined>>;
+    network: string | number | undefined;
+    setNetwork: import("react").Dispatch<import("react").SetStateAction<string | number | undefined>>;
 };

package/src/lib/utils/hooks/useWallets/useWallets.cjs

@@ -5,20 +5,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var data = require('../../../views/WalletList/data.cjs');
-var getMagicLinkApiKeyFromProviders = require('./utils/getMagicLinkApiKeyFromProviders/getMagicLinkApiKeyFromProviders.cjs');
 
 const useWallets = ({ projectSettings, appLogoUrl, appName, networkConfigurations, vendorCredentials, walletUiUtils, magicLinkConfig, }) => {
     const [wallets, setWallets] = React.useState([]);
     React.useEffect(() => {
         const getWalletList = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
             if (projectSettings) {
-                const magicLinkApiKey = getMagicLinkApiKeyFromProviders.getMagicLinkApiKeyFromProviders((projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) || []);
                 const installedWallets = yield data.getInstalledWallets(projectSettings, {
                     appLogoUrl,
                     appName,
-                    magicLinkApiKey,
                     magicLinkConfig,
                     networkConfigurations,
+                    providers: projectSettings.providers || [],
                     skipMemo: true,
                     vendorCredentials,
                     walletUiUtils,
@@ -26,9 +24,9 @@ const useWallets = ({ projectSettings, appLogoUrl, appName, networkConfiguration
                 const notInstalledWallets = yield data.getNotInstalledWallets(projectSettings, {
                     appLogoUrl,
                     appName,
-                    magicLinkApiKey,
                     magicLinkConfig,
                     networkConfigurations,
+                    providers: projectSettings.providers || [],
                     skipMemo: true,
                     vendorCredentials,
                     walletUiUtils,

package/src/lib/utils/hooks/useWallets/useWallets.d.ts

@@ -1,5 +1,6 @@
-import { MagicLinkConfig, NetworkConfigurationMap, VendorCredentials, WalletUiUtils } from '@dynamic-labs/multi-wallet';
+import { MagicLinkConfig, VendorCredentials, WalletUiUtils } from '@dynamic-labs/multi-wallet';
 import { ProjectSettings } from '@dynamic-labs/sdk-api';
+import { NetworkConfigurationMap } from '@dynamic-labs/types';
 import { WalletOption } from '../../../shared';
 type Props = {
     appLogoUrl?: string;

package/src/lib/utils/hooks/useWallets/useWallets.js

@@ -1,20 +1,18 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useState, useEffect } from 'react';
 import { getInstalledWallets, getNotInstalledWallets } from '../../../views/WalletList/data.js';
-import { getMagicLinkApiKeyFromProviders } from './utils/getMagicLinkApiKeyFromProviders/getMagicLinkApiKeyFromProviders.js';
 
 const useWallets = ({ projectSettings, appLogoUrl, appName, networkConfigurations, vendorCredentials, walletUiUtils, magicLinkConfig, }) => {
     const [wallets, setWallets] = useState([]);
     useEffect(() => {
         const getWalletList = () => __awaiter(void 0, void 0, void 0, function* () {
             if (projectSettings) {
-                const magicLinkApiKey = getMagicLinkApiKeyFromProviders((projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) || []);
                 const installedWallets = yield getInstalledWallets(projectSettings, {
                     appLogoUrl,
                     appName,
-                    magicLinkApiKey,
                     magicLinkConfig,
                     networkConfigurations,
+                    providers: projectSettings.providers || [],
                     skipMemo: true,
                     vendorCredentials,
                     walletUiUtils,
@@ -22,9 +20,9 @@ const useWallets = ({ projectSettings, appLogoUrl, appName, networkConfiguration
                 const notInstalledWallets = yield getNotInstalledWallets(projectSettings, {
                     appLogoUrl,
                     appName,
-                    magicLinkApiKey,
                     magicLinkConfig,
                     networkConfigurations,
+                    providers: projectSettings.providers || [],
                     skipMemo: true,
                     vendorCredentials,
                     walletUiUtils,

package/src/lib/views/CaptchaVerifyUser/CaptchaVerifyUser.cjs

@@ -23,6 +23,7 @@ require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
 var useVerifyWallet = require('../../utils/hooks/useVerifyWallet/useVerifyWallet.cjs');
 require('ethers');
 require('../../context/MockContext/MockContext.cjs');

package/src/lib/views/CaptchaVerifyUser/CaptchaVerifyUser.js

@@ -19,6 +19,7 @@ import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
 import { useVerifyWallet } from '../../utils/hooks/useVerifyWallet/useVerifyWallet.js';
 import 'ethers';
 import '../../context/MockContext/MockContext.js';

package/src/lib/views/CollectUserDataView/CollectUserDataView.cjs

@@ -25,6 +25,7 @@ require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/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');
@@ -35,19 +36,20 @@ require('../../components/IconButton/IconButton.cjs');
 var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');
 var NetworkPicker = require('../../components/NetworkPicker/NetworkPicker.cjs');
 var UserAddress = require('../../components/UserAddress/UserAddress.cjs');
-var UserDataForm = require('./UserDataForm/UserDataForm.cjs');
+var useFetchNameService = require('../../widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.cjs');
+var OnboardingUserDataForm = require('./OnboardingUserDataForm/OnboardingUserDataForm.cjs');
 
 const CollectUserDataView = () => {
-    var _a, _b;
     const { appName, handleLogOut, projectSettings, network, decodedOnboardingOnlyToken, selectedWalletConnector: walletConnector, onboardingImageUrl, } = useInternalDynamicContext.useInternalDynamicContext();
     const [isNetworkPickerOpen, setIsNetworkPickerOpen] = React.useState(false);
+    const nameService = useFetchNameService.useFetchNameService();
     if (!walletConnector || !decodedOnboardingOnlyToken) {
         return null;
     }
     const userProfile = createUserProfile.createUserProfile(decodedOnboardingOnlyToken);
     const evmNetworks = walletConnector.evmNetworks || [];
     const _isSupportedNetwork = isSupportedNetwork.isSupportedNetwork({ network, walletConnector });
-    return (jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data', "data-testid": 'collect-user-data-view' }, { children: [onboardingImageUrl && (jsxRuntime.jsx("img", { className: 'collect-user-data__main-img', src: onboardingImageUrl, alt: 'onboarding' })), !_isSupportedNetwork && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, Object.assign({ withIcon: false, className: 'collect-user-data__error--not-supported' }, { children: "This network is not available, please update." }))), jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data__form' }, { children: [jsxRuntime.jsxs(UserDataForm.UserDataForm, Object.assign({ disableSubmit: !_isSupportedNetwork, userProfile: userProfile }, { children: [jsxRuntime.jsx("div", Object.assign({ className: 'collect-user-data__img-container' }, { children: ((_a = userProfile === null || userProfile === void 0 ? void 0 : userProfile.ens) === null || _a === void 0 ? void 0 : _a.avatar) ? (jsxRuntime.jsx("img", { src: (_b = userProfile === null || userProfile === void 0 ? void 0 : userProfile.ens) === null || _b === void 0 ? void 0 : _b.avatar, alt: '', className: 'collect-user-data__img collect-user-data__img--rounded' })) : (jsxRuntime.jsx(walletBook.WalletIcon, { walletName: walletConnector.name, style: { height: pixelToRem.pixelToRem(64), width: pixelToRem.pixelToRem(64) } })) })), jsxRuntime.jsx(UserAddress.UserAddress, { userProfile: userProfile }), jsxRuntime.jsx("div", Object.assign({ className: 'collect-user-data__network-container' }, { children: jsxRuntime.jsx(NetworkPicker.NetworkPicker, { evmNetworks: evmNetworks, connector: walletConnector, showNetworkName: true, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, buttonClassName: 'collect-user-data__network-picker-button', mainClassName: 'collect-user-data__network-picker' }) })), !_isSupportedNetwork ? (jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data__welcome-container' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'title', color: 'primary', className: 'collect-user-data__welcome-title' }, { children: "Update Network" })), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: "Your wallet is not connected to a supported network. Please update before continuing." }))] }))) : (jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data__welcome-container' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'title', color: 'primary', className: 'collect-user-data__welcome-title' }, { children: (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.collectUserDataWelcomeHeader) ||
+    return (jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data', "data-testid": 'collect-user-data-view' }, { children: [onboardingImageUrl && (jsxRuntime.jsx("img", { className: 'collect-user-data__main-img', src: onboardingImageUrl, alt: 'onboarding' })), !_isSupportedNetwork && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, Object.assign({ withIcon: false, className: 'collect-user-data__error--not-supported' }, { children: "This network is not available, please update." }))), jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data__form' }, { children: [jsxRuntime.jsxs(OnboardingUserDataForm.OnboardingUserDataForm, Object.assign({ disableSubmit: !_isSupportedNetwork, userProfile: userProfile }, { children: [jsxRuntime.jsx("div", Object.assign({ className: 'collect-user-data__img-container' }, { children: (nameService === null || nameService === void 0 ? void 0 : nameService.avatar) ? (jsxRuntime.jsx("img", { src: nameService.avatar, alt: '', className: 'collect-user-data__img collect-user-data__img--rounded' })) : (jsxRuntime.jsx(walletBook.WalletIcon, { walletName: walletConnector.name, style: { height: pixelToRem.pixelToRem(64), width: pixelToRem.pixelToRem(64) } })) })), jsxRuntime.jsx(UserAddress.UserAddress, { userProfile: userProfile }), jsxRuntime.jsx("div", Object.assign({ className: 'collect-user-data__network-container' }, { children: jsxRuntime.jsx(NetworkPicker.NetworkPicker, { evmNetworks: evmNetworks, connector: walletConnector, showNetworkName: true, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, buttonClassName: 'collect-user-data__network-picker-button', mainClassName: 'collect-user-data__network-picker' }) })), !_isSupportedNetwork ? (jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data__welcome-container' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'title', color: 'primary', className: 'collect-user-data__welcome-title' }, { children: "Update Network" })), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: "Your wallet is not connected to a supported network. Please update before continuing." }))] }))) : (jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data__welcome-container' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'title', color: 'primary', className: 'collect-user-data__welcome-title' }, { children: (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.collectUserDataWelcomeHeader) ||
                                             `Welcome to ${appName}` })), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.collectUserDataWelcomeMessage) ||
                                             'We need a bit of information to get started' }))] })))] })), jsxRuntime.jsx(TextButton.TextButton, Object.assign({ className: 'collect-user-data__log-out', onClick: () => handleLogOut() }, { children: "Log out" }))] }))] })));
 };

package/src/lib/views/CollectUserDataView/CollectUserDataView.js

@@ -21,6 +21,7 @@ import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/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';
@@ -31,19 +32,20 @@ import '../../components/IconButton/IconButton.js';
 import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';
 import { NetworkPicker } from '../../components/NetworkPicker/NetworkPicker.js';
 import { UserAddress } from '../../components/UserAddress/UserAddress.js';
-import { UserDataForm } from './UserDataForm/UserDataForm.js';
+import { useFetchNameService } from '../../widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.js';
+import { OnboardingUserDataForm } from './OnboardingUserDataForm/OnboardingUserDataForm.js';
 
 const CollectUserDataView = () => {
-    var _a, _b;
     const { appName, handleLogOut, projectSettings, network, decodedOnboardingOnlyToken, selectedWalletConnector: walletConnector, onboardingImageUrl, } = useInternalDynamicContext();
     const [isNetworkPickerOpen, setIsNetworkPickerOpen] = useState(false);
+    const nameService = useFetchNameService();
     if (!walletConnector || !decodedOnboardingOnlyToken) {
         return null;
     }
     const userProfile = createUserProfile(decodedOnboardingOnlyToken);
     const evmNetworks = walletConnector.evmNetworks || [];
     const _isSupportedNetwork = isSupportedNetwork({ network, walletConnector });
-    return (jsxs("div", Object.assign({ className: 'collect-user-data', "data-testid": 'collect-user-data-view' }, { children: [onboardingImageUrl && (jsx("img", { className: 'collect-user-data__main-img', src: onboardingImageUrl, alt: 'onboarding' })), !_isSupportedNetwork && (jsx(ErrorContainer, Object.assign({ withIcon: false, className: 'collect-user-data__error--not-supported' }, { children: "This network is not available, please update." }))), jsxs("div", Object.assign({ className: 'collect-user-data__form' }, { children: [jsxs(UserDataForm, Object.assign({ disableSubmit: !_isSupportedNetwork, userProfile: userProfile }, { children: [jsx("div", Object.assign({ className: 'collect-user-data__img-container' }, { children: ((_a = userProfile === null || userProfile === void 0 ? void 0 : userProfile.ens) === null || _a === void 0 ? void 0 : _a.avatar) ? (jsx("img", { src: (_b = userProfile === null || userProfile === void 0 ? void 0 : userProfile.ens) === null || _b === void 0 ? void 0 : _b.avatar, alt: '', className: 'collect-user-data__img collect-user-data__img--rounded' })) : (jsx(WalletIcon, { walletName: walletConnector.name, style: { height: pixelToRem(64), width: pixelToRem(64) } })) })), jsx(UserAddress, { userProfile: userProfile }), jsx("div", Object.assign({ className: 'collect-user-data__network-container' }, { children: jsx(NetworkPicker, { evmNetworks: evmNetworks, connector: walletConnector, showNetworkName: true, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, buttonClassName: 'collect-user-data__network-picker-button', mainClassName: 'collect-user-data__network-picker' }) })), !_isSupportedNetwork ? (jsxs("div", Object.assign({ className: 'collect-user-data__welcome-container' }, { children: [jsx(Typography, Object.assign({ variant: 'title', color: 'primary', className: 'collect-user-data__welcome-title' }, { children: "Update Network" })), jsx(Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: "Your wallet is not connected to a supported network. Please update before continuing." }))] }))) : (jsxs("div", Object.assign({ className: 'collect-user-data__welcome-container' }, { children: [jsx(Typography, Object.assign({ variant: 'title', color: 'primary', className: 'collect-user-data__welcome-title' }, { children: (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.collectUserDataWelcomeHeader) ||
+    return (jsxs("div", Object.assign({ className: 'collect-user-data', "data-testid": 'collect-user-data-view' }, { children: [onboardingImageUrl && (jsx("img", { className: 'collect-user-data__main-img', src: onboardingImageUrl, alt: 'onboarding' })), !_isSupportedNetwork && (jsx(ErrorContainer, Object.assign({ withIcon: false, className: 'collect-user-data__error--not-supported' }, { children: "This network is not available, please update." }))), jsxs("div", Object.assign({ className: 'collect-user-data__form' }, { children: [jsxs(OnboardingUserDataForm, Object.assign({ disableSubmit: !_isSupportedNetwork, userProfile: userProfile }, { children: [jsx("div", Object.assign({ className: 'collect-user-data__img-container' }, { children: (nameService === null || nameService === void 0 ? void 0 : nameService.avatar) ? (jsx("img", { src: nameService.avatar, alt: '', className: 'collect-user-data__img collect-user-data__img--rounded' })) : (jsx(WalletIcon, { walletName: walletConnector.name, style: { height: pixelToRem(64), width: pixelToRem(64) } })) })), jsx(UserAddress, { userProfile: userProfile }), jsx("div", Object.assign({ className: 'collect-user-data__network-container' }, { children: jsx(NetworkPicker, { evmNetworks: evmNetworks, connector: walletConnector, showNetworkName: true, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, buttonClassName: 'collect-user-data__network-picker-button', mainClassName: 'collect-user-data__network-picker' }) })), !_isSupportedNetwork ? (jsxs("div", Object.assign({ className: 'collect-user-data__welcome-container' }, { children: [jsx(Typography, Object.assign({ variant: 'title', color: 'primary', className: 'collect-user-data__welcome-title' }, { children: "Update Network" })), jsx(Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: "Your wallet is not connected to a supported network. Please update before continuing." }))] }))) : (jsxs("div", Object.assign({ className: 'collect-user-data__welcome-container' }, { children: [jsx(Typography, Object.assign({ variant: 'title', color: 'primary', className: 'collect-user-data__welcome-title' }, { children: (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.collectUserDataWelcomeHeader) ||
                                             `Welcome to ${appName}` })), jsx(Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.collectUserDataWelcomeMessage) ||
                                             'We need a bit of information to get started' }))] })))] })), jsx(TextButton, Object.assign({ className: 'collect-user-data__log-out', onClick: () => handleLogOut() }, { children: "Log out" }))] }))] })));
 };

package/src/lib/views/CollectUserDataView/{UserDataForm/UserDataForm.cjs → OnboardingUserDataForm/OnboardingUserDataForm.cjs}

@@ -23,6 +23,7 @@ require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../components/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');
@@ -33,8 +34,7 @@ require('../../../components/IconButton/IconButton.cjs');
 var index = require('../UserDataFields/index.cjs');
 var useUserDataForm = require('../../../utils/hooks/useUserDataForm/useUserDataForm.cjs');
 
-// TODO rename to OnboardingUserDataForm
-const UserDataForm = ({ children, userProfile }) => {
+const OnboardingUserDataForm = ({ children, userProfile, }) => {
     const { policiesConsentInnerComponent, onboardingOnlyJwt, setShowAuthFlow, setCallback, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView } = ViewContext.useViewContext();
     const decodedJwt = decodeJwt.decodeJwt(onboardingOnlyJwt);
@@ -47,8 +47,8 @@ const UserDataForm = ({ children, userProfile }) => {
             setView('verify-email');
             return;
         }
-        setCallback('authSuccess');
         setShowAuthFlow(false);
+        setCallback('authSuccess');
     }), [setCallback, setShowAuthFlow, setView, updateUser]);
     const { fetch: loading, formikInitialValues, formikValidationSchema, enforcePolicies, onFormSubmit, } = useUserDataForm.useUserDataForm({
         fields: (decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields) || [],
@@ -67,4 +67,4 @@ const UserDataForm = ({ children, userProfile }) => {
         } })));
 };
 
-exports.UserDataForm = UserDataForm;
+exports.OnboardingUserDataForm = OnboardingUserDataForm;

package/src/lib/views/CollectUserDataView/{UserDataForm/UserDataForm.d.ts → OnboardingUserDataForm/OnboardingUserDataForm.d.ts}

@@ -5,4 +5,4 @@ export type UserDataFormProps = {
     disableSubmit?: boolean;
     userProfile: UserProfile | undefined;
 };
-export declare const UserDataForm: ({ children, userProfile }: UserDataFormProps) => JSX.Element;
+export declare const OnboardingUserDataForm: ({ children, userProfile, }: UserDataFormProps) => JSX.Element;

package/src/lib/views/CollectUserDataView/{UserDataForm/UserDataForm.js → OnboardingUserDataForm/OnboardingUserDataForm.js}

@@ -19,6 +19,7 @@ import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../components/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';
@@ -29,8 +30,7 @@ import '../../../components/IconButton/IconButton.js';
 import { UserDataFields } from '../UserDataFields/index.js';
 import { useUserDataForm } from '../../../utils/hooks/useUserDataForm/useUserDataForm.js';
 
-// TODO rename to OnboardingUserDataForm
-const UserDataForm = ({ children, userProfile }) => {
+const OnboardingUserDataForm = ({ children, userProfile, }) => {
     const { policiesConsentInnerComponent, onboardingOnlyJwt, setShowAuthFlow, setCallback, } = useInternalDynamicContext();
     const { setView } = useViewContext();
     const decodedJwt = decodeJwt(onboardingOnlyJwt);
@@ -43,8 +43,8 @@ const UserDataForm = ({ children, userProfile }) => {
             setView('verify-email');
             return;
         }
-        setCallback('authSuccess');
         setShowAuthFlow(false);
+        setCallback('authSuccess');
     }), [setCallback, setShowAuthFlow, setView, updateUser]);
     const { fetch: loading, formikInitialValues, formikValidationSchema, enforcePolicies, onFormSubmit, } = useUserDataForm({
         fields: (decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields) || [],
@@ -63,4 +63,4 @@ const UserDataForm = ({ children, userProfile }) => {
         } })));
 };
 
-export { UserDataForm };
+export { OnboardingUserDataForm };

package/src/lib/views/CollectUserDataView/OnboardingUserDataForm/index.d.ts

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

package/src/lib/views/CollectUserDataView/UserDataFields/index.cjs

@@ -26,6 +26,7 @@ require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../components/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/views/CollectUserDataView/UserDataFields/index.js

@@ -22,6 +22,7 @@ import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../components/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/views/CollectUserDataViewLoginWithEmail/CollectUserDataViewLoginWithEmail.cjs

@@ -22,6 +22,7 @@ require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/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');
@@ -29,7 +30,7 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 var TextButton = require('../../components/TextButton/TextButton.cjs');
 require('../../components/IconButton/IconButton.cjs');
-var UserDataForm = require('../CollectUserDataView/UserDataForm/UserDataForm.cjs');
+var OnboardingUserDataForm = require('../CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.cjs');
 
 const CollectUserDataViewLoginWithEmail = () => {
     const { appName, handleLogOut, projectSettings, onboardingImageUrl, decodedOnboardingOnlyToken, } = useInternalDynamicContext.useInternalDynamicContext();
@@ -37,7 +38,7 @@ const CollectUserDataViewLoginWithEmail = () => {
         return null;
     }
     const userProfile = createUserProfile.createUserProfile(decodedOnboardingOnlyToken);
-    return (jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data-login-with-email', "data-testid": 'collect-user-data-login-with-email' }, { children: [onboardingImageUrl && (jsxRuntime.jsx("img", { className: 'collect-user-data-login-with-email__main-img', src: onboardingImageUrl, alt: 'onboarding' })), jsxRuntime.jsx("div", Object.assign({ className: 'collect-user-data-login-with-email__icon-container' }, { children: jsxRuntime.jsx(iconic.UserProfileIcon, {}) })), jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data-login-with-email__form' }, { children: [jsxRuntime.jsx(UserDataForm.UserDataForm, Object.assign({ userProfile: userProfile }, { children: jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data-login-with-email__welcome-container' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'title', color: 'primary', className: 'collect-user-data-login-with-email__welcome-title' }, { children: (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.collectUserDataWelcomeHeader) ||
+    return (jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data-login-with-email', "data-testid": 'collect-user-data-login-with-email' }, { children: [onboardingImageUrl && (jsxRuntime.jsx("img", { className: 'collect-user-data-login-with-email__main-img', src: onboardingImageUrl, alt: 'onboarding' })), jsxRuntime.jsx("div", Object.assign({ className: 'collect-user-data-login-with-email__icon-container' }, { children: jsxRuntime.jsx(iconic.UserProfileIcon, {}) })), jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data-login-with-email__form' }, { children: [jsxRuntime.jsx(OnboardingUserDataForm.OnboardingUserDataForm, Object.assign({ userProfile: userProfile }, { children: jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data-login-with-email__welcome-container' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'title', color: 'primary', className: 'collect-user-data-login-with-email__welcome-title' }, { children: (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.collectUserDataWelcomeHeader) ||
                                         `Welcome to ${appName}` })), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.collectUserDataWelcomeMessage) ||
                                         'We need a bit of information to get started' }))] })) })), jsxRuntime.jsx(TextButton.TextButton, Object.assign({ className: 'collect-user-data-login-with-email__log-out', onClick: () => handleLogOut() }, { children: "Log out" }))] }))] })));
 };

package/src/lib/views/CollectUserDataViewLoginWithEmail/CollectUserDataViewLoginWithEmail.js

@@ -18,6 +18,7 @@ import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/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';
@@ -25,7 +26,7 @@ import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import { TextButton } from '../../components/TextButton/TextButton.js';
 import '../../components/IconButton/IconButton.js';
-import { UserDataForm } from '../CollectUserDataView/UserDataForm/UserDataForm.js';
+import { OnboardingUserDataForm } from '../CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.js';
 
 const CollectUserDataViewLoginWithEmail = () => {
     const { appName, handleLogOut, projectSettings, onboardingImageUrl, decodedOnboardingOnlyToken, } = useInternalDynamicContext();
@@ -33,7 +34,7 @@ const CollectUserDataViewLoginWithEmail = () => {
         return null;
     }
     const userProfile = createUserProfile(decodedOnboardingOnlyToken);
-    return (jsxs("div", Object.assign({ className: 'collect-user-data-login-with-email', "data-testid": 'collect-user-data-login-with-email' }, { children: [onboardingImageUrl && (jsx("img", { className: 'collect-user-data-login-with-email__main-img', src: onboardingImageUrl, alt: 'onboarding' })), jsx("div", Object.assign({ className: 'collect-user-data-login-with-email__icon-container' }, { children: jsx(UserProfileIcon, {}) })), jsxs("div", Object.assign({ className: 'collect-user-data-login-with-email__form' }, { children: [jsx(UserDataForm, Object.assign({ userProfile: userProfile }, { children: jsxs("div", Object.assign({ className: 'collect-user-data-login-with-email__welcome-container' }, { children: [jsx(Typography, Object.assign({ variant: 'title', color: 'primary', className: 'collect-user-data-login-with-email__welcome-title' }, { children: (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.collectUserDataWelcomeHeader) ||
+    return (jsxs("div", Object.assign({ className: 'collect-user-data-login-with-email', "data-testid": 'collect-user-data-login-with-email' }, { children: [onboardingImageUrl && (jsx("img", { className: 'collect-user-data-login-with-email__main-img', src: onboardingImageUrl, alt: 'onboarding' })), jsx("div", Object.assign({ className: 'collect-user-data-login-with-email__icon-container' }, { children: jsx(UserProfileIcon, {}) })), jsxs("div", Object.assign({ className: 'collect-user-data-login-with-email__form' }, { children: [jsx(OnboardingUserDataForm, Object.assign({ userProfile: userProfile }, { children: jsxs("div", Object.assign({ className: 'collect-user-data-login-with-email__welcome-container' }, { children: [jsx(Typography, Object.assign({ variant: 'title', color: 'primary', className: 'collect-user-data-login-with-email__welcome-title' }, { children: (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.collectUserDataWelcomeHeader) ||
                                         `Welcome to ${appName}` })), jsx(Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.collectUserDataWelcomeMessage) ||
                                         'We need a bit of information to get started' }))] })) })), jsx(TextButton, Object.assign({ className: 'collect-user-data-login-with-email__log-out', onClick: () => handleLogOut() }, { children: "Log out" }))] }))] })));
 };

package/src/lib/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.cjs

@@ -24,6 +24,7 @@ require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/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/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.js

@@ -20,6 +20,7 @@ import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/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/views/EmailUpdate/EmailUpdate.cjs

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

package/src/lib/views/EmailUpdate/EmailUpdate.js

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

package/src/lib/views/EmailVerification/EmailVerification.cjs

@@ -26,6 +26,7 @@ require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 var api = require('../../data/api.cjs');
+require('@dynamic-labs/rpc-providers');
 var ErrorContext = require('../../context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 require('../../context/MockContext/MockContext.cjs');
@@ -86,7 +87,6 @@ const EmailVerification = () => {
             setLoading(false);
         }
     }), [
-        setCallback,
         setError,
         setLoading,
         verificationUUID,
@@ -97,6 +97,7 @@ const EmailVerification = () => {
         verifyEmail,
         setShowAuthFlow,
         setOnboardingOnlyJwt,
+        setCallback,
         setErrorMessage,
     ]);
     const handleEmailLogin = React.useCallback((verificationToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {