@dynamic-labs/sdk-react-core 3.0.0-alpha.5 → 3.0.0-alpha.51

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

@@ -0,0 +1,11 @@
+import { ReactElement } from 'react';
+import { RecommendedWallet, WalletOption } from '../../../shared/types/wallets';
+export type WalletsFilter = (options: WalletOption[]) => WalletOption[];
+export type WalletListViewTabItem = {
+    label: {
+        text?: string;
+        icon?: string | ReactElement;
+    };
+    walletsFilter?: WalletsFilter;
+    recommendedWallets?: RecommendedWallet[];
+};

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

@@ -1,203 +1,4 @@
-import { Dispatch, MutableRefObject, ReactElement, ReactNode, SetStateAction } from 'react';
-import { changeLanguage } from 'i18next';
-import { CountryIso2 } from 'react-international-phone';
-import { NameServiceData, ProjectSettings, SdkView } from '@dynamic-labs/sdk-api-core';
-import { GenericNetwork, NetworkConfigurationMap, SocialProviderFilter, UserProfile, WalletUiUtils } from '@dynamic-labs/types';
-import { Chain, GetAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
-import { PasskeySuccessEnum } from '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner';
-import { AccessDeniedCustomButton, AccountSwitchState, AuthModeType, AwaitingSignatureState, ChainToWalletMap, DynamicEventsCallbacks, MultiWalletWidgetState, RecommendedWallet, Wallet, WalletOption, WalletWithAction } from '../../../shared';
-import { DynamicHandlers } from '../../../shared/types/dynamicHandlers';
-import { SetUserAction } from '../../../store';
-import { SocialNetworkIconType } from '../../../utils/functions/getSocialNetworkIcon';
-import { MultiWalletWidgetStateSetter } from '../../../utils/hooks/multiWallet';
-import { ConnectWalletOptions } from '../../../utils/hooks/useConnectWallet/useConnectWallet';
-import { ThemeData, ThemeSetting } from '../../ThemeContext';
-import { DisplayOrder, SetDisplayOrderPriority, SetShowAuthFlow } from '../hooks';
-import { SetCallbackType } from '../useCustomerCallbacks';
-export type ChainsToConnect = {
-    chain: Chain;
-    chainId?: number;
-};
-export type WalletsFilter = (options: WalletOption[]) => WalletOption[];
-export type WalletListViewTabItem = {
-    label: {
-        text?: string;
-        icon?: string | ReactElement;
-    };
-    walletsFilter?: WalletsFilter;
-    recommendedWallets?: RecommendedWallet[];
-};
-export type WalletListViewSettings = {
-    type: 'wallet-list';
-    tabs?: {
-        style?: 'grid';
-        items: WalletListViewTabItem[];
-    };
-};
-export type ViewsOverrides = SdkView | WalletListViewSettings;
-export type EvmNetworksOverrides = GenericNetwork[] | ((dashboardNetworks: GenericNetwork[]) => GenericNetwork[]);
-export type SettingsOverrides = {
-    views?: Array<ViewsOverrides>;
-    /**
-     * Allows overriding which evm networks the SDK has access to.
-     * If an array is provided, it is used instead of whatever is obtained from dashboard configs.
-     * If a callback is passed, the callback will be called with the values obtained from dashboard, and
-     * it must return the network values that will be used.
-     *
-     * WARNING: this callback must be memoized as it will be used in a dependency array to ensure
-     * the SDK can react to this value changing (for ex, toggling a chain off).
-     */
-    evmNetworks?: EvmNetworksOverrides;
-    /**
-     * Allows overriding the multi-wallet feature from the dashboard.
-     */
-    multiWallet?: boolean;
-    /**
-     * Allows overriding the multi-asset and showFiat features from the dashboard.
-     */
-    multiAsset?: boolean;
-    showFiat?: boolean;
-};
-export type ConnectWalletResult = {
-    address: string;
-    id: string;
-};
-export type NetworkValidationMode = 'always' | 'sign-in' | 'never';
-export interface IDynamicContext {
-    accessDeniedButton?: AccessDeniedCustomButton;
-    accessDeniedMessagePrimary?: string;
-    accessDeniedMessageSecondary?: string;
-    accountSwitchState: AccountSwitchState;
-    appLogoUrl?: string;
-    appName?: string;
-    defaultPhoneInputIso2?: CountryIso2;
-    authMode: AuthModeType;
-    authToken: string | undefined;
-    authorizationViewDisplayOrder: DisplayOrder;
-    awaitingSignatureState: AwaitingSignatureState;
-    bridgeChains: ChainsToConnect[] | undefined;
-    bridgeChainsToConnect: ChainsToConnect[] | undefined;
-    bridgeOnboardingCompleted: boolean;
-    clearStatesOnBackClick: () => void;
-    connectedWallets: Wallet[];
-    connectWallet: (walletConnector: WalletConnector, getAddressOpts?: GetAddressOpts, options?: ConnectWalletOptions) => Promise<ConnectWalletResult | undefined>;
-    consumeNonce: () => string | undefined;
-    cssOverrides?: string | JSX.Element;
-    customPrivacyPolicy?: ReactNode;
-    customTermsOfServices?: ReactNode;
-    debugError: boolean;
-    defaultNumberOfWalletsToShow: number;
-    desktopUri: string;
-    disconnectWallet: (walletId: string) => void;
-    displaySiweStatement: boolean;
-    enableConnectOnlyFallback?: boolean;
-    environmentId: string;
-    events?: DynamicEventsCallbacks;
-    getConnectedWalletById: (walletId: string) => Wallet | undefined;
-    getNameService: (address?: string) => Promise<NameServiceData | undefined>;
-    handleLogOut: () => Promise<void>;
-    handleUnlinkWallet: (walletId: string) => Promise<void> | void;
-    handlers?: DynamicHandlers;
-    /** Flag for customer to set when using dynamic fully headless */
-    headless?: boolean;
-    isAuthenticated: boolean;
-    isBridgeFlow: boolean;
-    isProjectSettingsLoading: boolean;
-    /** Whether there is an instance of DynamicEmbeddedAuthFlow being rendered */
-    isRenderingEmbeddedAuthFlow: MutableRefObject<boolean>;
-    isSingleWalletAccount: boolean;
-    /** 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.
-     * @deprecated Should be removed asap.
-     */
-    legacyIsVerifying: boolean;
-    linkedWallets: Wallet[];
-    loadingNetwork: boolean;
-    locale: {
-        changeLanguage: typeof changeLanguage;
-    };
-    loginWithEmail: boolean;
-    setDefaultTabIndex: (index: number) => void;
-    defaultTabIndex: number;
-    minAuthToken: string | undefined;
-    multiAsset: boolean;
-    multiWallet: boolean;
-    multiWalletWidgetState: MultiWalletWidgetState;
-    networkValidationMode: NetworkValidationMode;
-    network: number | string | undefined;
-    networkConfigurations: NetworkConfigurationMap | undefined;
-    newToWeb3WalletChainMap: ChainToWalletMap;
-    notInTheListImageUrl?: string;
-    onboardingImageUrl?: string;
-    overrides?: SettingsOverrides;
-    passkeySuccessPopup: PasskeySuccessEnum | undefined;
-    policiesConsentInnerComponent?: ReactNode | ReactNode[];
-    primaryWallet: Wallet | null;
-    primaryWalletId: string | undefined;
-    privacyPolicyUrl?: string;
-    projectSettings: ProjectSettings | undefined;
-    qrcodeUri: string;
-    recommendedWallets?: RecommendedWallet[];
-    redirectUrl?: string;
-    removeConnectedWalletsInfo: () => void;
-    sdkHasLoaded: boolean;
-    secondaryWallets: Wallet[];
-    selectedWalletConnector: WalletConnector | null;
-    selectedWalletWithAction: WalletWithAction | null;
-    sendWagmiSettings: (settings: {
-        dynamicWagmiSettings?: object;
-    }) => void;
-    setAuthMode: Dispatch<SetStateAction<AuthModeType>>;
-    setAuthorizationViewDisplayOrder: SetDisplayOrderPriority;
-    setBridgeOnboardingCompleted: (value: boolean | ((val: boolean) => boolean)) => void;
-    setCallback: SetCallbackType;
-    setDesktopUri: Dispatch<SetStateAction<string>>;
-    setIsSingleWalletAccount: Dispatch<SetStateAction<boolean>>;
-    /** Legacy setter for legacyIsVerifying
-     * @deprecated Should be removed asap.
-     */
-    setLegacyIsVerifying: Dispatch<SetStateAction<boolean>>;
-    setLogInWithEmail: Dispatch<SetStateAction<boolean>>;
-    setMultiWalletWidgetState: MultiWalletWidgetStateSetter;
-    setPasskeySuccessPopup: (key: PasskeySuccessEnum) => void;
-    setPrimaryWallet: (walletId: string) => Promise<void>;
-    setPrimaryWalletId: (walletId: string) => void;
-    setQrcodeUri: Dispatch<SetStateAction<string>>;
-    setSelectedWalletConnectorKey: (key: string | null) => void;
-    setSelectedWalletWithAction: (walletWithAction: WalletWithAction | null) => void;
-    setShowAuthFlow: SetShowAuthFlow;
-    /**
-     * The set state action which regulates displaying the bridge widget
-     */
-    setShowBridgeWidget: Dispatch<SetStateAction<boolean>>;
-    setShowDynamicUserProfile: Dispatch<SetStateAction<boolean>>;
-    setShowQrcodeModal: Dispatch<SetStateAction<boolean>>;
-    setShowWidgetStatePopup: Dispatch<SetStateAction<boolean>>;
-    setUser: SetUserAction;
-    shadowDOMEnabled: boolean;
-    showAuthFlow: boolean;
-    /**
-     * The boolean value representing the state of displaying the bridge widget
-     */
-    showBridgeWidget: boolean;
-    showDynamicUserProfile: boolean;
-    showFiat: boolean;
-    showLockedWalletView?: 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;
-    unauthenticatedUser: UserProfile | undefined;
-    walletConnector: WalletConnector | null;
-    walletConnectorOptions: WalletOption[];
-    walletUiUtils: WalletUiUtils<WalletConnector>;
-    walletsFilter?: (options: WalletOption[]) => WalletOption[];
-}
+export * from './DynamicContextProps';
+export * from './IDynamicContext';
+export * from './SettingsOverrides';
+export * from './WalletListViewTabItem';

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

@@ -1,4 +1,3 @@
-import { Dispatch, SetStateAction } from 'react';
 import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api-core';
 import { UserProfile } from '@dynamic-labs/types';
 import { OnAuthSuccess, OnUserProfileUpdate, Wallet } from '../../../shared/types';
@@ -17,6 +16,5 @@ export type UseCustomerCallbacksArgs = {
     isAuthenticated: boolean;
     primaryWallet: Wallet | null;
     user: UserProfile | undefined;
-    setHasLoggedOut: Dispatch<SetStateAction<boolean>>;
 };
 export type SetCallbackType = (callback: Callback, params?: CallbackParams) => void;

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

@@ -17,82 +17,22 @@ require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('../../../shared/utils/classes/storage/sessionStorage.cjs');
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
-require('../../../../../_virtual/_tslib.cjs');
-require('@dynamic-labs/multi-wallet');
-var getAuthToken = require('../../../utils/functions/getAuthToken/getAuthToken.cjs');
-var getMinAuthToken = require('../../../utils/functions/getMinAuthToken/getMinAuthToken.cjs');
-require('react-international-phone');
-require('../../../config/ApiEndpoint.cjs');
-require('@dynamic-labs/store');
-require('../../../locale/locale.cjs');
-require('../../../events/dynamicEvents.cjs');
-require('../DynamicContext.cjs');
-require('../../CaptchaContext/CaptchaContext.cjs');
-require('../../ErrorContext/ErrorContext.cjs');
-require('../../AccessDeniedContext/AccessDeniedContext.cjs');
-require('../../AccountExistsContext/AccountExistsContext.cjs');
-require('../../UserWalletsContext/UserWalletsContext.cjs');
-require('../../VerificationContext/VerificationContext.cjs');
-require('react-dom');
-require('../../WalletContext/WalletContext.cjs');
-require('../../ThemeContext/ThemeContext.cjs');
-require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
-require('@dynamic-labs/types');
-require('../../LoadingContext/LoadingContext.cjs');
-require('yup');
-require('../../MockContext/MockContext.cjs');
-require('../../../views/CollectUserDataView/useFields.cjs');
-require('../../FieldsStateContext/FieldsStateContext.cjs');
-require('../../UserFieldEditorContext/UserFieldEditorContext.cjs');
-require('@dynamic-labs/rpc-providers');
-require('react-i18next');
-require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../../components/Alert/Alert.cjs');
-require('../../../components/ShadowDOM/ShadowDOM.cjs');
-require('../../../components/IconButton/IconButton.cjs');
-require('../../../components/InlineWidget/InlineWidget.cjs');
-require('../../../components/Input/Input.cjs');
-require('../../../components/IsBrowser/IsBrowser.cjs');
-require('../../../components/MenuList/Dropdown/Dropdown.cjs');
-require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
-require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
-require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
-require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../../components/Popper/Popper/Popper.cjs');
-require('../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
-require('qrcode');
-require('formik');
-require('../../../views/WalletList/WalletList.cjs');
-require('../../SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('@hcaptcha/react-hcaptcha');
-require('../../FooterAnimationContext/index.cjs');
-require('../../WalletGroupContext/WalletGroupContext.cjs');
-require('../../MfaSettingsContext/MfaSettingsContext.cjs');
-require('../../IpConfigurationContext/IpConfigurationContext.cjs');
-require('../../PasskeyContext/PasskeyContext.cjs');
-require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
-require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var isAuthenticatedWithAWallet = require('../../../utils/functions/isAuthenticatedWithAWallet/isAuthenticatedWithAWallet.cjs');
+var dynamicEvents = require('../../../events/dynamicEvents.cjs');
 
-const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate }, handleLogOut, primaryWallet, user, isAuthenticated, setHasLoggedOut, }) => {
+const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate }, handleLogOut, primaryWallet, user, isAuthenticated, }) => {
     const [callbackQueue, setCallbackQueue] = React.useState([]);
-    const handleNextCallback = React.useCallback((next, authToken, user, minAuthToken) => {
+    const handleNextCallback = React.useCallback((next, user) => {
         switch (next === null || next === void 0 ? void 0 : next.callback) {
             case 'authSuccess': {
                 try {
                     onAuthSuccess === null || onAuthSuccess === void 0 ? void 0 : onAuthSuccess({
-                        authToken,
                         handleLogOut,
                         isAuthenticated,
-                        minAuthToken,
                         primaryWallet,
                         user,
                     });
-                    setHasLoggedOut(false);
+                    dynamicEvents.dynamicEvents.emit('triggerSessionValidation');
                 }
                 catch (e) {
                     logger.logger.error('Error calling onAuthSuccess: ', e);
@@ -115,21 +55,18 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate
         onAuthSuccess,
         onUserProfileUpdate,
         primaryWallet,
-        setHasLoggedOut,
     ]);
     React.useEffect(() => {
         if (!callbackQueue.length || !user)
             return;
-        const authToken = getAuthToken.getAuthToken();
-        const minAuthToken = getMinAuthToken.getMinAuthToken();
         // checks if user logged in with a wallet, so we need to wait
         // for the primary wallet state to be set
         // if user logged in with email without embedded wallet, then
         // there is no wallet so we can go ahead and run the callback
-        if (!authToken || (user.isAuthenticatedWithAWallet && !primaryWallet)) {
+        if (isAuthenticatedWithAWallet.isAuthenticatedWithAWallet(user) && !primaryWallet) {
             return;
         }
-        handleNextCallback(callbackQueue[0], authToken, user, minAuthToken);
+        handleNextCallback(callbackQueue[0], user);
         setCallbackQueue((prev) => {
             const [resolvedCallback, ...updatedQueue] = prev;
             if (resolvedCallback) {
@@ -139,9 +76,9 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate
             return updatedQueue;
         });
     }, [callbackQueue, handleNextCallback, primaryWallet, user]);
-    const setCallback = (callback, params) => {
+    const setCallback = React.useCallback((callback, params) => {
         setCallbackQueue((prev) => [...prev, { callback, params }]);
-    };
+    }, []);
     return { setCallback };
 };
 

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

@@ -1,4 +1,4 @@
 import { SetCallbackType, UseCustomerCallbacksArgs } from './types';
-export declare const useCustomerCallbacks: ({ callbacks: { onAuthSuccess, onUserProfileUpdate }, handleLogOut, primaryWallet, user, isAuthenticated, setHasLoggedOut, }: UseCustomerCallbacksArgs) => {
+export declare const useCustomerCallbacks: ({ callbacks: { onAuthSuccess, onUserProfileUpdate }, handleLogOut, primaryWallet, user, isAuthenticated, }: UseCustomerCallbacksArgs) => {
     setCallback: SetCallbackType;
 };

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

@@ -13,82 +13,22 @@ import '../../../shared/utils/classes/storage/localStorage.js';
 import '../../../shared/utils/classes/storage/sessionStorage.js';
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
-import '../../../../../_virtual/_tslib.js';
-import '@dynamic-labs/multi-wallet';
-import { getAuthToken } from '../../../utils/functions/getAuthToken/getAuthToken.js';
-import { getMinAuthToken } from '../../../utils/functions/getMinAuthToken/getMinAuthToken.js';
-import 'react-international-phone';
-import '../../../config/ApiEndpoint.js';
-import '@dynamic-labs/store';
-import '../../../locale/locale.js';
-import '../../../events/dynamicEvents.js';
-import '../DynamicContext.js';
-import '../../CaptchaContext/CaptchaContext.js';
-import '../../ErrorContext/ErrorContext.js';
-import '../../AccessDeniedContext/AccessDeniedContext.js';
-import '../../AccountExistsContext/AccountExistsContext.js';
-import '../../UserWalletsContext/UserWalletsContext.js';
-import '../../VerificationContext/VerificationContext.js';
-import 'react-dom';
-import '../../WalletContext/WalletContext.js';
-import '../../ThemeContext/ThemeContext.js';
-import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
-import '@dynamic-labs/types';
-import '../../LoadingContext/LoadingContext.js';
-import 'yup';
-import '../../MockContext/MockContext.js';
-import '../../../views/CollectUserDataView/useFields.js';
-import '../../FieldsStateContext/FieldsStateContext.js';
-import '../../UserFieldEditorContext/UserFieldEditorContext.js';
-import '@dynamic-labs/rpc-providers';
-import 'react-i18next';
-import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
-import '../../../components/Alert/Alert.js';
-import '../../../components/ShadowDOM/ShadowDOM.js';
-import '../../../components/IconButton/IconButton.js';
-import '../../../components/InlineWidget/InlineWidget.js';
-import '../../../components/Input/Input.js';
-import '../../../components/IsBrowser/IsBrowser.js';
-import '../../../components/MenuList/Dropdown/Dropdown.js';
-import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
-import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
-import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
-import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../../../components/Popper/Popper/Popper.js';
-import '../../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
-import 'qrcode';
-import 'formik';
-import '../../../views/WalletList/WalletList.js';
-import '../../SocialRedirectContext/SocialRedirectContext.js';
-import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import '@hcaptcha/react-hcaptcha';
-import '../../FooterAnimationContext/index.js';
-import '../../WalletGroupContext/WalletGroupContext.js';
-import '../../MfaSettingsContext/MfaSettingsContext.js';
-import '../../IpConfigurationContext/IpConfigurationContext.js';
-import '../../PasskeyContext/PasskeyContext.js';
-import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
-import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import { isAuthenticatedWithAWallet } from '../../../utils/functions/isAuthenticatedWithAWallet/isAuthenticatedWithAWallet.js';
+import { dynamicEvents } from '../../../events/dynamicEvents.js';
 
-const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate }, handleLogOut, primaryWallet, user, isAuthenticated, setHasLoggedOut, }) => {
+const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate }, handleLogOut, primaryWallet, user, isAuthenticated, }) => {
     const [callbackQueue, setCallbackQueue] = useState([]);
-    const handleNextCallback = useCallback((next, authToken, user, minAuthToken) => {
+    const handleNextCallback = useCallback((next, user) => {
         switch (next === null || next === void 0 ? void 0 : next.callback) {
             case 'authSuccess': {
                 try {
                     onAuthSuccess === null || onAuthSuccess === void 0 ? void 0 : onAuthSuccess({
-                        authToken,
                         handleLogOut,
                         isAuthenticated,
-                        minAuthToken,
                         primaryWallet,
                         user,
                     });
-                    setHasLoggedOut(false);
+                    dynamicEvents.emit('triggerSessionValidation');
                 }
                 catch (e) {
                     logger.error('Error calling onAuthSuccess: ', e);
@@ -111,21 +51,18 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate
         onAuthSuccess,
         onUserProfileUpdate,
         primaryWallet,
-        setHasLoggedOut,
     ]);
     useEffect(() => {
         if (!callbackQueue.length || !user)
             return;
-        const authToken = getAuthToken();
-        const minAuthToken = getMinAuthToken();
         // checks if user logged in with a wallet, so we need to wait
         // for the primary wallet state to be set
         // if user logged in with email without embedded wallet, then
         // there is no wallet so we can go ahead and run the callback
-        if (!authToken || (user.isAuthenticatedWithAWallet && !primaryWallet)) {
+        if (isAuthenticatedWithAWallet(user) && !primaryWallet) {
             return;
         }
-        handleNextCallback(callbackQueue[0], authToken, user, minAuthToken);
+        handleNextCallback(callbackQueue[0], user);
         setCallbackQueue((prev) => {
             const [resolvedCallback, ...updatedQueue] = prev;
             if (resolvedCallback) {
@@ -135,9 +72,9 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate
             return updatedQueue;
         });
     }, [callbackQueue, handleNextCallback, primaryWallet, user]);
-    const setCallback = (callback, params) => {
+    const setCallback = useCallback((callback, params) => {
         setCallbackQueue((prev) => [...prev, { callback, params }]);
-    };
+    }, []);
     return { setCallback };
 };
 

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

@@ -13,7 +13,7 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, minAuthToken, setDefaultTabIndex, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, userWithMissingInfo, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, minAuthToken, selectedTabIndex, setSelectedTabIndex, } = context;
     const { setAuthMode } = useOverrides.useOverrides(context);
     return {
         accountSwitchState,
@@ -25,7 +25,6 @@ const useDynamicContext = () => {
         getNameService,
         handleLogOut,
         handleUnlinkWallet,
-        isAuthenticated,
         loadingNetwork,
         locale,
         loginWithEmail,
@@ -36,12 +35,12 @@ const useDynamicContext = () => {
         primaryWallet,
         qrcodeUri,
         sdkHasLoaded,
+        selectedTabIndex,
         sendWagmiSettings,
         setAuthMode,
-        setDefaultTabIndex,
         setLogInWithEmail,
         setMultiWalletWidgetState,
-        setPrimaryWallet,
+        setSelectedTabIndex,
         setShowAuthFlow: (value) => setShowAuthFlow(value, {
             clearErrors: true,
             emitCancelAuth: true,
@@ -57,8 +56,7 @@ const useDynamicContext = () => {
         showDynamicUserProfile,
         showQrcodeModal,
         user,
-        walletConnector,
-        walletConnectorOptions,
+        userWithMissingInfo,
     };
 };
 

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

@@ -1,6 +1,6 @@
 import { Dispatch, SetStateAction } from 'react';
 import { IDynamicContext } from '../types';
-export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'sdkHasLoaded' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setPrimaryWallet' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'walletConnector' | 'walletConnectorOptions' | 'bridgeChains' | 'bridgeChainsToConnect' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'showDynamicUserProfile' | 'setAuthMode' | 'minAuthToken' | 'setDefaultTabIndex'> & {
+export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'loadingNetwork' | 'locale' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'sdkHasLoaded' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'userWithMissingInfo' | 'bridgeChains' | 'bridgeChainsToConnect' | 'setShowBridgeWidget' | 'sendWagmiSettings' | 'showDynamicUserProfile' | 'setAuthMode' | 'minAuthToken' | 'selectedTabIndex' | 'setSelectedTabIndex'> & {
     setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
 };
 export declare const useDynamicContext: () => UseDynamicContext;

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

@@ -9,7 +9,7 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, walletConnectorOptions, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, minAuthToken, setDefaultTabIndex, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, getNameService, handleLogOut, handleUnlinkWallet, loadingNetwork, locale, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, sdkHasLoaded, setLogInWithEmail, setMultiWalletWidgetState, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, userWithMissingInfo, bridgeChains, bridgeChainsToConnect, primaryWallet, setShowBridgeWidget, sendWagmiSettings, showDynamicUserProfile, minAuthToken, selectedTabIndex, setSelectedTabIndex, } = context;
     const { setAuthMode } = useOverrides(context);
     return {
         accountSwitchState,
@@ -21,7 +21,6 @@ const useDynamicContext = () => {
         getNameService,
         handleLogOut,
         handleUnlinkWallet,
-        isAuthenticated,
         loadingNetwork,
         locale,
         loginWithEmail,
@@ -32,12 +31,12 @@ const useDynamicContext = () => {
         primaryWallet,
         qrcodeUri,
         sdkHasLoaded,
+        selectedTabIndex,
         sendWagmiSettings,
         setAuthMode,
-        setDefaultTabIndex,
         setLogInWithEmail,
         setMultiWalletWidgetState,
-        setPrimaryWallet,
+        setSelectedTabIndex,
         setShowAuthFlow: (value) => setShowAuthFlow(value, {
             clearErrors: true,
             emitCancelAuth: true,
@@ -53,8 +52,7 @@ const useDynamicContext = () => {
         showDynamicUserProfile,
         showQrcodeModal,
         user,
-        walletConnector,
-        walletConnectorOptions,
+        userWithMissingInfo,
     };
 };
 

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

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

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

@@ -33,6 +33,7 @@ require('../../../UserWalletsContext/UserWalletsContext.cjs');
 require('../../../VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../WalletContext/WalletContext.cjs');
+require('../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../../ThemeContext/ThemeContext.cjs');
 var useIsLoggedIn = require('../../../../utils/hooks/useIsLoggedIn/useIsLoggedIn.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
@@ -67,15 +68,26 @@ require('../../../../views/WalletList/WalletList.cjs');
 require('../../../SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../FooterAnimationContext/index.cjs');
 require('../../../WalletGroupContext/WalletGroupContext.cjs');
-require('../../../MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../../IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../PasskeyContext/PasskeyContext.cjs');
+require('@dynamic-labs/ethereum-core');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../../../polyfills.cjs');
+require('../../../ErrorBoundary/ErrorBoundaryBase.cjs');
+require('../../../ErrorBoundary/ErrorBoundaryContext.cjs');
+require('../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
+require('../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
+require('../../../WidgetRegistry/WidgetRegistryContextProvider.cjs');
+require('../../../FundingContext/FundingContext.cjs');
+require('../../../SendBalanceContext/SendBalanceContext.cjs');
+require('../../../ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../../ConnectWithOtpContext/constants.cjs');
+require('../../../ReinitializeContext/ReinitializeContextProvider.cjs');
 
 const useOverrides = (dynamicContext) => {
     const context = React.useRef(dynamicContext);