@dynamic-labs/sdk-react-core 0.18.0-RC.9 → 0.18.0-beta.29

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

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+require('@dynamic-labs/sdk-api');
+var logger = require('../../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../../../utils/constants/colors.cjs');
+require('../../../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+require('../../../../shared/consts/index.cjs');
+
+const useVerificationInProgress = () => {
+    // Set to true when a customer starts any auth verification process and set to false when it ends
+    // pro tip: helps indicate whether onAuthModalClose was called as a result of a verification process or not
+    // because when modal is closed manually, the flag will be false at the moment of onAuthModalClose.
+    // If it was closed due to a verification process, it will be true.
+    const [isVerificationInProgress, _setIsVerificationInProgress] = React.useState(false);
+    const setIsVerificationInProgress = (newValue, checkWasSetOnDisable = true) => {
+        if (checkWasSetOnDisable && !newValue && !isVerificationInProgress)
+            logger.logger.debug('The "isVerificationInProgress" flag had not been previously enabled at the time of being disabled. Please ensure to set it to true whenever any kind of verification process is started');
+        _setIsVerificationInProgress(newValue);
+    };
+    return [isVerificationInProgress, setIsVerificationInProgress];
+};
+
+exports.useVerificationInProgress = useVerificationInProgress;

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

@@ -0,0 +1 @@
+export declare const useVerificationInProgress: () => readonly [boolean, (newValue: boolean, checkWasSetOnDisable?: boolean | undefined) => void];

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

@@ -0,0 +1,29 @@
+import { useState } from 'react';
+import '@dynamic-labs/sdk-api';
+import { logger } from '../../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../../../utils/constants/colors.js';
+import '../../../../shared/utils/classes/storage/localStorage.js';
+import 'ethers';
+import '../../../../shared/consts/index.js';
+
+const useVerificationInProgress = () => {
+    // Set to true when a customer starts any auth verification process and set to false when it ends
+    // pro tip: helps indicate whether onAuthModalClose was called as a result of a verification process or not
+    // because when modal is closed manually, the flag will be false at the moment of onAuthModalClose.
+    // If it was closed due to a verification process, it will be true.
+    const [isVerificationInProgress, _setIsVerificationInProgress] = useState(false);
+    const setIsVerificationInProgress = (newValue, checkWasSetOnDisable = true) => {
+        if (checkWasSetOnDisable && !newValue && !isVerificationInProgress)
+            logger.debug('The "isVerificationInProgress" flag had not been previously enabled at the time of being disabled. Please ensure to set it to true whenever any kind of verification process is started');
+        _setIsVerificationInProgress(newValue);
+    };
+    return [isVerificationInProgress, setIsVerificationInProgress];
+};
+
+export { useVerificationInProgress };

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

@@ -0,0 +1,146 @@
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { DynamicJwt, NameServiceData, ProjectSettings } from '@dynamic-labs/sdk-api';
+import { NetworkConfigurationMap, SocialProviderFilter, WalletUiUtils } from '@dynamic-labs/types';
+import { Chain, FetchPublicAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { AccessDeniedCustomButton, AccountSwitchState, AuthModeType, AwaitingSignatureState, ChainToWalletMap, DynamicEventsCallbacks, DynamicRPCProviders, MultiWalletWidgetState, UserProfile, Wallet, WalletOption, WalletWithAction } from '../../../shared';
+import { SocialNetworkIconType } from '../../../utils/functions/getSocialNetworkIcon';
+import { MultiWalletWidgetStateSetter } from '../../../utils/hooks/multiWallet';
+import { ThemeData, ThemeSetting } from '../../ThemeContext';
+import { DisplayOrder, SetDisplayOrderPriority } from '../hooks';
+import { Callback } from '../useCustomerCallbacks';
+export type ChainsToConnect = {
+    chain: Chain;
+    numberOfWallets: number;
+    chainId?: number;
+};
+export interface IDynamicContext {
+    accessDeniedMessagePrimary?: string;
+    accessDeniedMessageSecondary?: string;
+    accessDeniedButton?: AccessDeniedCustomButton;
+    accountSwitchState: AccountSwitchState;
+    appLogoUrl?: string;
+    appName?: string;
+    isBridgeFlow: boolean;
+    authMode: AuthModeType;
+    authToken: string | undefined;
+    authorizationViewDisplayOrder: DisplayOrder;
+    awaitingSignatureState: AwaitingSignatureState;
+    bridgeChainToConnect: Chain | undefined;
+    setBridgeChainToConnect: Dispatch<SetStateAction<Chain | undefined>>;
+    clearStatesOnBackClick: () => void;
+    computeConnectedStateForWallets: () => Promise<void>;
+    connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts) => Promise<string | undefined>;
+    connectedWallet: Wallet | null;
+    connectedWallets: Wallet[];
+    linkedWallets: Wallet[];
+    isFullyConnected: boolean;
+    setIsFullyConnected: (value: boolean | ((val: boolean) => boolean)) => void;
+    consumeNonce: () => string | undefined;
+    cssOverrides?: string | JSX.Element;
+    customPrivacyPolicy?: ReactNode;
+    customTermsOfServices?: ReactNode;
+    debugError: boolean;
+    decodedAuthToken: Omit<DynamicJwt, 'jwt'> | undefined;
+    decodedOnboardingOnlyToken: Omit<DynamicJwt, 'jwt'> | undefined;
+    defaultNumberOfWalletsToShow: number;
+    walletsByChain: ChainsToConnect[] | undefined;
+    walletsToConnectByChain: ChainsToConnect[] | undefined;
+    setWalletsToConnectByChain: Dispatch<SetStateAction<ChainsToConnect[] | undefined>>;
+    desktopUri: string;
+    displaySiweStatement: boolean;
+    environmentId: string;
+    eventsCallbacks?: DynamicEventsCallbacks;
+    getConnectedWalletById: (walletId: string) => Wallet | undefined;
+    getNameService: (address?: string) => Promise<NameServiceData | undefined>;
+    handleLogOut: () => Promise<void>;
+    handleUnlinkWallet: (walletId: string) => Promise<void> | void;
+    isAuthenticated: boolean;
+    isProjectSettingsLoading: boolean;
+    isSingleWalletAccount: boolean;
+    loadingNetwork: boolean;
+    loginWithEmail: boolean;
+    sendWagmiSettings: (settings: {
+        dynamicWagmiSettings?: object;
+    }) => void;
+    multiWallet: boolean;
+    multiWalletWidgetState: MultiWalletWidgetState;
+    network: number | string | undefined;
+    networkConfigurations: NetworkConfigurationMap | undefined;
+    newToWeb3WalletChainMap: ChainToWalletMap;
+    notInTheListImageUrl?: string;
+    onboardingImageUrl?: string;
+    onboardingOnlyJwt: string | undefined;
+    policiesConsentInnerComponent?: ReactNode | ReactNode[];
+    primaryWallet: Wallet | null;
+    primaryWalletId: string | undefined;
+    privacyPolicyUrl?: string;
+    projectSettings: ProjectSettings | undefined;
+    qrcodeUri: string;
+    rpcProviders: DynamicRPCProviders;
+    sdkHasLoaded: boolean;
+    secondaryWallets: Wallet[];
+    selectedWalletConnector: WalletConnector | null;
+    selectedWalletWithAction: WalletWithAction | null;
+    setAuthMode: Dispatch<SetStateAction<AuthModeType>>;
+    setAuthorizationViewDisplayOrder: SetDisplayOrderPriority;
+    setCallback: (callback: Callback) => void;
+    setDesktopUri: Dispatch<SetStateAction<string>>;
+    setIsSingleWalletAccount: Dispatch<SetStateAction<boolean>>;
+    setLogInWithEmail: Dispatch<SetStateAction<boolean>>;
+    setMultiWallet: (value: boolean) => void;
+    setMultiWalletWidgetState: MultiWalletWidgetStateSetter;
+    setNetwork: Dispatch<SetStateAction<number | string | undefined>>;
+    setOnboardingOnlyJwt: Dispatch<SetStateAction<string | undefined>>;
+    setPrimaryWallet: (walletId: string) => Promise<void>;
+    setPrimaryWalletId: (walletId: string) => void;
+    setQrcodeUri: Dispatch<SetStateAction<string>>;
+    setSelectedWalletConnector: (connector: WalletConnector | null) => void;
+    setSelectedWalletWithAction: (walletWithAction: WalletWithAction | null) => void;
+    setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
+    setShowDynamicUserProfile: Dispatch<SetStateAction<boolean>>;
+    setShowQrcodeModal: Dispatch<SetStateAction<boolean>>;
+    setShowWidgetStatePopup: Dispatch<SetStateAction<boolean>>;
+    setUser: Dispatch<SetStateAction<UserProfile | undefined>>;
+    /**
+     * The set state action which regulates displaying the bridge widget
+     */
+    setShowBridgeWidget: Dispatch<SetStateAction<boolean>>;
+    shadowDOMEnabled: boolean;
+    showAuthFlow: boolean;
+    showDynamicUserProfile: boolean;
+    /**
+     * The boolean value representing the state of displaying the bridge widget
+     */
+    showBridgeWidget: boolean;
+    showQrcodeModal: boolean;
+    showWidgetStatePopup: boolean;
+    signWithEmailWalletName?: string;
+    siweStatement?: string;
+    socialMediaIconUrl?: Record<string, string> | Record<SocialNetworkIconType, string>;
+    socialMediaLinkText?: string;
+    socialMediaUrl?: string;
+    socialProvidersFilter?: SocialProviderFilter;
+    termsOfServiceUrl?: string;
+    theme?: ThemeData | ThemeSetting;
+    toolkitEnabled?: boolean;
+    user: UserProfile | undefined;
+    unlinkConnectedWallet: (walletId: string) => void;
+    walletConnector: WalletConnector | null;
+    walletUiUtils: WalletUiUtils;
+    wallets: WalletOption[];
+    walletsFilter?: (options: WalletOption[]) => WalletOption[];
+    removeConnectedWalletsInfo: () => void;
+    /** Whether any verifications are ongoing for the current user (ex. connect, sign and email login verifications) */
+    isVerificationInProgress: boolean;
+    /** State setter for isVerificationInProgress
+     * @param checkWasSetOnDisable when true, if newValue is false, logs a message if the flag wasn't set to true before
+     */
+    setIsVerificationInProgress: (newValue: boolean, checkWasSetOnDisable?: boolean) => void;
+    /** Legacy boolean flag used in useVerifyOnAwaitingSignature. Used to be called "isVerifying".
+     * Was meant to prevent an effect from accidentally triggering again when it shouldn't.
+     * Should be removed asap.
+     */
+    legacyIsVerifying: boolean;
+    /** Legacy setter for legacyIsVerifying */
+    setLegacyIsVerifying: Dispatch<SetStateAction<boolean>>;
+}

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

@@ -1,15 +1,20 @@
-import { OnAuthSuccess, UserProfile, Wallet, OnUserProfileUpdate, OnConnectSuccess, AuthModeType } from '../../../shared/types';
-export type Callback = 'authSuccess' | 'linkSuccess' | 'userProfileUpdate' | 'connectSuccess';
+import { WalletConnector } from '../../../..';
+import { AuthModeType, OnAuthSuccess, OnBeforeConnectSuccessConfirmation, OnConnectSuccess, OnUserProfileUpdate, UserProfile, Wallet } from '../../../shared/types';
+import { IDynamicContext } from '../types';
+export type Callback = 'authSuccess' | 'linkSuccess' | 'userProfileUpdate' | 'connectSuccess' | 'onBeforeConnectSuccessConfirmation';
 export type UseCustomerCallbacksArgs = {
     authMode: AuthModeType;
     callbacks: {
         onAuthSuccess?: OnAuthSuccess;
         onConnectSuccess?: OnConnectSuccess;
+        onBeforeConnectSuccessConfirmation?: OnBeforeConnectSuccessConfirmation;
         onLinkSuccess?: OnAuthSuccess;
         onUserProfileUpdate?: OnUserProfileUpdate;
     };
     handleLogOut: () => Promise<void>;
     isAuthenticated: boolean;
     primaryWallet: Wallet | null;
+    selectedWalletConnector: WalletConnector | null;
     user: UserProfile | undefined;
+    setIsVerificationInProgress: IDynamicContext['setIsVerificationInProgress'];
 };

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

@@ -22,6 +22,7 @@ require('../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsS
 require('../DynamicContext.cjs');
 require('../../ErrorContext/ErrorContext.cjs');
 require('../../AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../AccountExistsContext/AccountExistsContext.cjs');
 var usePrevious = require('../../../utils/hooks/usePrevious/usePrevious.cjs');
 require('react-dom');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
@@ -36,6 +37,8 @@ require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
+require('../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../MockContext/MockContext.cjs');
 require('../../CaptchaContext/CaptchaContext.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');

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

@@ -18,6 +18,7 @@ import '../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSe
 import '../DynamicContext.js';
 import '../../ErrorContext/ErrorContext.js';
 import '../../AccessDeniedContext/AccessDeniedContext.js';
+import '../../AccountExistsContext/AccountExistsContext.js';
 import { usePrevious } from '../../../utils/hooks/usePrevious/usePrevious.js';
 import 'react-dom';
 import '../../../components/ShadowDOM/ShadowDOM.js';
@@ -32,6 +33,8 @@ import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
+import '../../../components/InlineWidget/InlineWidget.js';
+import '../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../MockContext/MockContext.js';
 import '../../CaptchaContext/CaptchaContext.js';
 import '../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';

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

@@ -19,9 +19,11 @@ require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../../utils/functions/getAuthToken/getAuthToken.cjs');
 var isConnectOnly = require('../../../utils/hooks/authenticationHooks/helpers/isConnectOnly.cjs');
 
-const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onConnectSuccess, }, handleLogOut, primaryWallet, user, isAuthenticated, authMode, }) => {
+const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onConnectSuccess, onBeforeConnectSuccessConfirmation, }, handleLogOut, primaryWallet, selectedWalletConnector, user, isAuthenticated, authMode, setIsVerificationInProgress, }) => {
     const [callbackQueue, setCallbackQueue] = React.useState([]);
-    const isConnectOnlyAndCallbackIsConnectSuccess = React.useCallback((next) => isConnectOnly.isConnectOnly(user, authMode) && next === 'connectSuccess', [authMode, user]);
+    const isConnectOnlyAndCallbackIsConnectSuccess = React.useCallback((next) => isConnectOnly.isConnectOnly(user, authMode) &&
+        Boolean(primaryWallet) &&
+        next === 'connectSuccess', [authMode, user, primaryWallet]);
     React.useEffect(() => {
         if (!callbackQueue.length) {
             return;
@@ -35,8 +37,9 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
             updatedQueue.shift();
             setCallbackQueue(updatedQueue);
             try {
+                setIsVerificationInProgress(false);
                 onConnectSuccess === null || onConnectSuccess === void 0 ? void 0 : onConnectSuccess({
-                    walletConnector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector,
+                    walletConnector: selectedWalletConnector,
                 });
             }
             catch (e) {
@@ -63,6 +66,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
         switch (next) {
             case 'authSuccess': {
                 try {
+                    setIsVerificationInProgress(false);
                     onAuthSuccess === null || onAuthSuccess === void 0 ? void 0 : onAuthSuccess({
                         authToken,
                         handleLogOut,
@@ -115,6 +119,8 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
         user,
         authMode,
         isConnectOnlyAndCallbackIsConnectSuccess,
+        selectedWalletConnector,
+        setIsVerificationInProgress,
     ]);
     const setCallback = (callback) => {
         setCallbackQueue((prev) => [...prev, callback]);

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

@@ -1,4 +1,4 @@
 import { Callback, UseCustomerCallbacksArgs } from './types';
-export declare const useCustomerCallbacks: ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onConnectSuccess, }, handleLogOut, primaryWallet, user, isAuthenticated, authMode, }: UseCustomerCallbacksArgs) => {
+export declare const useCustomerCallbacks: ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onConnectSuccess, onBeforeConnectSuccessConfirmation, }, handleLogOut, primaryWallet, selectedWalletConnector, user, isAuthenticated, authMode, setIsVerificationInProgress, }: UseCustomerCallbacksArgs) => {
     setCallback: (callback: Callback) => void;
 };

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

@@ -15,9 +15,11 @@ import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../../utils/functions/getAuthToken/getAuthToken.js';
 import { isConnectOnly } from '../../../utils/hooks/authenticationHooks/helpers/isConnectOnly.js';
 
-const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onConnectSuccess, }, handleLogOut, primaryWallet, user, isAuthenticated, authMode, }) => {
+const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onConnectSuccess, onBeforeConnectSuccessConfirmation, }, handleLogOut, primaryWallet, selectedWalletConnector, user, isAuthenticated, authMode, setIsVerificationInProgress, }) => {
     const [callbackQueue, setCallbackQueue] = useState([]);
-    const isConnectOnlyAndCallbackIsConnectSuccess = useCallback((next) => isConnectOnly(user, authMode) && next === 'connectSuccess', [authMode, user]);
+    const isConnectOnlyAndCallbackIsConnectSuccess = useCallback((next) => isConnectOnly(user, authMode) &&
+        Boolean(primaryWallet) &&
+        next === 'connectSuccess', [authMode, user, primaryWallet]);
     useEffect(() => {
         if (!callbackQueue.length) {
             return;
@@ -31,8 +33,9 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
             updatedQueue.shift();
             setCallbackQueue(updatedQueue);
             try {
+                setIsVerificationInProgress(false);
                 onConnectSuccess === null || onConnectSuccess === void 0 ? void 0 : onConnectSuccess({
-                    walletConnector: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector,
+                    walletConnector: selectedWalletConnector,
                 });
             }
             catch (e) {
@@ -59,6 +62,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
         switch (next) {
             case 'authSuccess': {
                 try {
+                    setIsVerificationInProgress(false);
                     onAuthSuccess === null || onAuthSuccess === void 0 ? void 0 : onAuthSuccess({
                         authToken,
                         handleLogOut,
@@ -111,6 +115,8 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
         user,
         authMode,
         isConnectOnlyAndCallbackIsConnectSuccess,
+        selectedWalletConnector,
+        setIsVerificationInProgress,
     ]);
     const setCallback = (callback) => {
         setCallbackQueue((prev) => [...prev, callback]);

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

@@ -11,20 +11,22 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, awaitingSignatureState, authMode, authToken, isUserConnected, connectedWallets, connectedWalletsInfo, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, loadingNetwork, multiWalletWidgetState, network, networkConfigurations, primaryWallet, qrcodeUri, rpcProviders, sdkHasLoaded, secondaryWallets, setShowAuthFlow, setNetwork, showAuthFlow, showQrcodeModal, setMultiWalletWidgetState, setShowQrcodeModal, setPrimaryWallet, setShowDynamicUserProfile, user, walletConnector, wallets, shadowDOMEnabled, walletsToConnectByChain, walletsByChain, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, connectedWallets, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, linkedWallets, loadingNetwork, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, secondaryWallets, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, wallets, walletsByChain, walletsToConnectByChain, primaryWallet, setShowBridgeWidget, sendWagmiSettings, } = context;
     return {
         accountSwitchState,
         authMode,
         authToken,
         awaitingSignatureState,
         connectedWallets,
-        connectedWalletsInfo,
         getNameService,
         handleLogOut,
         handleUnlinkWallet,
         isAuthenticated,
-        isUserConnected,
+        isFullyConnected,
+        isVerificationInProgress,
+        linkedWallets,
         loadingNetwork,
+        loginWithEmail,
         multiWalletWidgetState,
         network,
         networkConfigurations,
@@ -33,10 +35,13 @@ const useDynamicContext = () => {
         rpcProviders,
         sdkHasLoaded,
         secondaryWallets,
+        sendWagmiSettings,
+        setLogInWithEmail,
         setMultiWalletWidgetState,
         setNetwork,
         setPrimaryWallet,
         setShowAuthFlow,
+        setShowBridgeWidget,
         setShowDynamicUserProfile,
         setShowQrcodeModal,
         shadowDOMEnabled,

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

@@ -1,3 +1,3 @@
-import { IDynamicContext } from './DynamicContext';
-export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'connectedWallets' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'loadingNetwork' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'secondaryWallets' | 'setMultiWalletWidgetState' | 'setNetwork' | 'setPrimaryWallet' | 'setShowAuthFlow' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'sdkHasLoaded' | 'showAuthFlow' | 'showQrcodeModal' | 'setShowDynamicUserProfile' | 'user' | 'walletConnector' | 'wallets' | 'walletsToConnectByChain' | 'connectedWalletsInfo' | 'walletsByChain' | 'isUserConnected'>;
+import { IDynamicContext } from './types';
+export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'connectedWallets' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'isFullyConnected' | 'isVerificationInProgress' | 'linkedWallets' | 'loadingNetwork' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'sdkHasLoaded' | 'secondaryWallets' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setNetwork' | 'setPrimaryWallet' | 'setShowAuthFlow' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'walletConnector' | 'wallets' | 'walletsByChain' | 'walletsToConnectByChain' | 'setShowBridgeWidget' | 'sendWagmiSettings'>;
 export declare const useDynamicContext: () => UseDynamicContext;

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

@@ -7,20 +7,22 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, awaitingSignatureState, authMode, authToken, isUserConnected, connectedWallets, connectedWalletsInfo, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, loadingNetwork, multiWalletWidgetState, network, networkConfigurations, primaryWallet, qrcodeUri, rpcProviders, sdkHasLoaded, secondaryWallets, setShowAuthFlow, setNetwork, showAuthFlow, showQrcodeModal, setMultiWalletWidgetState, setShowQrcodeModal, setPrimaryWallet, setShowDynamicUserProfile, user, walletConnector, wallets, shadowDOMEnabled, walletsToConnectByChain, walletsByChain, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, connectedWallets, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, isVerificationInProgress, linkedWallets, loadingNetwork, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, secondaryWallets, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, wallets, walletsByChain, walletsToConnectByChain, primaryWallet, setShowBridgeWidget, sendWagmiSettings, } = context;
     return {
         accountSwitchState,
         authMode,
         authToken,
         awaitingSignatureState,
         connectedWallets,
-        connectedWalletsInfo,
         getNameService,
         handleLogOut,
         handleUnlinkWallet,
         isAuthenticated,
-        isUserConnected,
+        isFullyConnected,
+        isVerificationInProgress,
+        linkedWallets,
         loadingNetwork,
+        loginWithEmail,
         multiWalletWidgetState,
         network,
         networkConfigurations,
@@ -29,10 +31,13 @@ const useDynamicContext = () => {
         rpcProviders,
         sdkHasLoaded,
         secondaryWallets,
+        sendWagmiSettings,
+        setLogInWithEmail,
         setMultiWalletWidgetState,
         setNetwork,
         setPrimaryWallet,
         setShowAuthFlow,
+        setShowBridgeWidget,
         setShowDynamicUserProfile,
         setShowQrcodeModal,
         shadowDOMEnabled,

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

@@ -1 +1 @@
-export declare const useInternalDynamicContext: () => import("./DynamicContext").IDynamicContext;
+export declare const useInternalDynamicContext: () => import("./types").IDynamicContext;

package/src/lib/context/FundingContext/FundingContext.cjs

@@ -8,6 +8,18 @@ var React = require('react');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var api = require('../../data/api.cjs');
 var useInternalDynamicContext = require('../DynamicContext/useInternalDynamicContext.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('../ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../utils/constants/colors.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+require('../../shared/consts/index.cjs');
+require('@dynamic-labs/multi-wallet');
+var isOnrampProvider = require('../../utils/functions/isOnrampProvider/isOnrampProvider.cjs');
 
 const FundingContext = React.createContext(undefined);
 const FundingContextProvider = ({ children, }) => {
@@ -17,7 +29,7 @@ const FundingContextProvider = ({ children, }) => {
     const [supportsFunding, setSupportsFunding] = React.useState(false);
     const [fundingUrl, setFundingUrl] = React.useState('');
     const { environmentId, network, primaryWallet, projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
-    const fundingEnabled = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.onrampFunding) !== null && _b !== void 0 ? _b : false;
+    const fundingEnabled = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) === null || _a === void 0 ? void 0 : _a.some((p) => isOnrampProvider.isOnrampProvider(p) && Boolean(p.enabledAt))) !== null && _b !== void 0 ? _b : false;
     const value = React.useMemo(() => ({
         fundingEnabled,
         fundingRef,

package/src/lib/context/FundingContext/FundingContext.js

@@ -4,6 +4,18 @@ import { createContext, useRef, useState, useMemo, useEffect, useContext } from
 import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
 import { getOnrampProviders } from '../../data/api.js';
 import { useInternalDynamicContext } from '../DynamicContext/useInternalDynamicContext.js';
+import '@dynamic-labs/sdk-api';
+import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '../ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../utils/constants/colors.js';
+import '../../shared/utils/classes/storage/localStorage.js';
+import 'ethers';
+import '../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import { isOnrampProvider } from '../../utils/functions/isOnrampProvider/isOnrampProvider.js';
 
 const FundingContext = createContext(undefined);
 const FundingContextProvider = ({ children, }) => {
@@ -13,7 +25,7 @@ const FundingContextProvider = ({ children, }) => {
     const [supportsFunding, setSupportsFunding] = useState(false);
     const [fundingUrl, setFundingUrl] = useState('');
     const { environmentId, network, primaryWallet, projectSettings } = useInternalDynamicContext();
-    const fundingEnabled = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.onrampFunding) !== null && _b !== void 0 ? _b : false;
+    const fundingEnabled = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) === null || _a === void 0 ? void 0 : _a.some((p) => isOnrampProvider(p) && Boolean(p.enabledAt))) !== null && _b !== void 0 ? _b : false;
     const value = useMemo(() => ({
         fundingEnabled,
         fundingRef,

package/src/lib/context/MockContext/MockContext.cjs

@@ -4,11 +4,45 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var walletBook = require('@dynamic-labs/wallet-book');
 var DynamicAuthLayout = require('../../layout/DynamicAuthLayout/DynamicAuthLayout.cjs');
+var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
 var index = require('../FooterAnimationContext/index.cjs');
 var ThemeContext = require('../ThemeContext/ThemeContext.cjs');
 var ViewContext = require('../ViewContext/ViewContext.cjs');
-var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('@dynamic-labs/utils');
+require('../../utils/constants/colors.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+require('../../shared/consts/index.cjs');
+require('../DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('../../components/ShadowDOM/ShadowDOM.cjs');
+require('react-dom');
+require('react-focus-lock');
+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('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../AccessDeniedContext/AccessDeniedContext.cjs');
+require('../AccountExistsContext/AccountExistsContext.cjs');
+require('../../components/IconButton/IconButton.cjs');
+require('../../components/Alert/Alert.cjs');
+require('../CaptchaContext/CaptchaContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
+require('../../components/Popper/Popper/Popper.cjs');
+var PopperContext = require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('formik');
+require('yup');
+require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
+var index$1 = require('./constants/index.cjs');
 
 const MockContext = React.createContext(undefined);
 const MockContextProvider = ({ children, walletName, view, mockedWalletConnector, customerTheme, dynamicLayoutClassName, }) => {
@@ -18,7 +52,7 @@ const MockContextProvider = ({ children, walletName, view, mockedWalletConnector
         setView: () => { },
         view,
     };
-    return (jsxRuntime.jsx(MockContext.Provider, Object.assign({ value: { mockedSDK: true } }, { children: jsxRuntime.jsx(ViewContext.ViewContext.Provider, Object.assign({ value: viewContextValue }, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, Object.assign({ customerTheme: customerTheme }, { children: jsxRuntime.jsx(index.FooterAnimationContextProvider, { children: jsxRuntime.jsx(MockContextWrapper, Object.assign({ dynamicLayoutClassName: dynamicLayoutClassName, mockedWalletConnector: mockedWalletConnector, walletName: walletName }, { children: children })) }) })) }) })) })));
+    return (jsxRuntime.jsx(MockContext.Provider, Object.assign({ value: { mockedSDK: true } }, { children: jsxRuntime.jsx(PopperContext.PopperProvider, { children: jsxRuntime.jsx(ViewContext.ViewContext.Provider, Object.assign({ value: viewContextValue }, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, Object.assign({ customerTheme: customerTheme }, { children: jsxRuntime.jsx(index.FooterAnimationContextProvider, { children: jsxRuntime.jsx(walletBook.WalletBookContextProvider, Object.assign({ walletBook: index$1.walletBookMock }, { children: jsxRuntime.jsx(MockContextWrapper, Object.assign({ dynamicLayoutClassName: dynamicLayoutClassName, mockedWalletConnector: mockedWalletConnector, walletName: walletName }, { children: children })) })) }) })) }) })) }) })));
 };
 const MockContextWrapper = ({ dynamicLayoutClassName, mockedWalletConnector, walletName, children, }) => {
     /* istanbul ignore next */

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

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
 import type { WalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { ChainToWalletMap } from '../../shared';
 import { ThemeData } from '../ThemeContext';
 import { ViewType } from '../ViewContext';
-import { ChainToWalletMap } from '../../shared';
 type MockContextProps = {
     children: ReactNode;
     customerTheme?: ThemeData;