@dynamic-labs/sdk-react-core 3.0.0-alpha.9 → 3.0.1

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

@@ -0,0 +1,105 @@
+import { ReactNode } from 'react';
+import { CountryIso2 } from 'react-international-phone';
+import { LogLevel } from '@dynamic-labs/logger';
+import { type MobileExperience, type CoinbaseWalletPreference, type SocialProviderFilter } from '@dynamic-labs/types';
+import { DeepLinkVariant, WalletConnectorExtension, WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
+import { LocaleResource } from '../../../locale';
+import { AccessDeniedCustomButton, AuthModeType, ChainToWalletMap, DynamicEventsCallbacks, RecommendedWallet, WalletOption } from '../../../shared';
+import { DynamicHandlers } from '../../../shared/types/dynamicHandlers';
+import { SocialNetworkIconType } from '../../../utils/functions/getSocialNetworkIcon';
+import { ThemeData, ThemeSetting } from '../../ThemeContext';
+import { ChainsToConnect, NetworkValidationMode } from './IDynamicContext';
+import { SettingsOverrides } from './SettingsOverrides';
+import { SocialSettings } from './SocialSettings';
+export interface DynamicContextProps {
+    children: ReactNode;
+    locale?: LocaleResource;
+    settings: {
+        accessDeniedButton?: AccessDeniedCustomButton;
+        accessDeniedMessagePrimary?: string;
+        accessDeniedMessageSecondary?: string;
+        apiBaseUrl?: string;
+        appLogoUrl?: string;
+        appName?: string;
+        bridgeChains?: ChainsToConnect[];
+        coinbaseWalletPreference?: CoinbaseWalletPreference;
+        cssOverrides?: string | JSX.Element;
+        customPrivacyPolicy?: ReactNode;
+        defaultPhoneInputIso2?: CountryIso2;
+        /**
+         * If true, users will see a prompt to link the wallet
+         * when an account change is detected in the wallet connector
+         * and the newly selected wallet is not linked yet
+         * @default false
+         */
+        detectNewWalletsForLinking?: boolean;
+        customTermsOfServices?: ReactNode;
+        debugError?: boolean;
+        /**
+         * Used to control the type of deep link used when connecting
+         * a mobile wallet. Defaults to 'native'. This is useful for
+         * example if your app is running in a webview of a native
+         * mobile app, and you want to be able to link out to any
+         * wallet without having to modify your iOS build config.
+         * In this case, you can set this to 'universal'.
+         */
+        deepLinkPreference?: DeepLinkVariant;
+        defaultNumberOfWalletsToShow?: number;
+        displaySiweStatement?: boolean;
+        enableConnectOnlyFallback?: boolean;
+        enableVisitTrackingOnConnectOnly?: boolean;
+        environmentId: string;
+        /**
+         * @deprecated Use events instead
+         */
+        eventsCallbacks?: DynamicEventsCallbacks;
+        events?: DynamicEventsCallbacks;
+        /**
+         * @deprecated Set flow network in dashboard instead
+         */
+        flowNetwork?: 'testnet' | 'mainnet';
+        handlers?: DynamicHandlers;
+        initialAuthenticationMode?: AuthModeType;
+        localStorageSuffix?: string;
+        /**
+         * The log level to use for client side logging with our SDK
+         * @default WARN
+         */
+        logLevel?: keyof typeof LogLevel;
+        mobileExperience?: MobileExperience;
+        networkValidationMode?: NetworkValidationMode;
+        newToWeb3WalletChainMap?: ChainToWalletMap;
+        notInTheListImageUrl?: string;
+        onboardingImageUrl?: string;
+        overrides?: SettingsOverrides;
+        social?: SocialSettings;
+        policiesConsentInnerComponent?: ReactNode | ReactNode[];
+        privacyPolicyUrl?: string;
+        recommendedWallets?: RecommendedWallet[];
+        redirectUrl?: string;
+        siweStatement?: string;
+        shadowDOMEnabled?: boolean;
+        showLockedWalletView?: boolean;
+        socialMediaIconUrl?: Record<string, string> | Record<SocialNetworkIconType, string>;
+        socialMediaLinkText?: string;
+        socialMediaUrl?: string;
+        socialProvidersFilter?: SocialProviderFilter;
+        termsOfServiceUrl?: string;
+        toolkitEnabled?: boolean;
+        walletConnectors?: WalletConnectorsMethod[];
+        walletConnectorExtensions?: WalletConnectorExtension[];
+        walletConnectPreferredChains?: `eip155:${number}`[];
+        walletsFilter?: (options: WalletOption[]) => WalletOption[];
+    };
+    theme?: ThemeData | ThemeSetting;
+    /**
+     * Emit errors to Dynamic API for debugging purposes
+     * @default true
+     */
+    emitErrors?: boolean;
+    /**
+     * Emit performance logs to Dynamic API for performance analysis
+     * @default false
+     */
+    enableInstrumentation?: boolean;
+}

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

@@ -0,0 +1,163 @@
+import { Dispatch, MutableRefObject, ReactNode, SetStateAction } from 'react';
+import { changeLanguage } from 'i18next';
+import { CountryIso2 } from 'react-international-phone';
+import { NameServiceData, ProjectSettings } from '@dynamic-labs/sdk-api-core';
+import { MobileExperience, NetworkConfigurationMap, SocialProviderFilter, UserProfile, WalletUiUtils } from '@dynamic-labs/types';
+import { Chain, GetAddressOpts, InternalWalletConnector, 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 { 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';
+import { SettingsOverrides } from './SettingsOverrides';
+import { WalletListViewTabItem } from './WalletListViewTabItem';
+import { SocialSettings } from './SocialSettings';
+export type ChainsToConnect = {
+    chain: Chain;
+    chainId?: number;
+};
+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;
+    socialSettings?: SocialSettings;
+    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;
+    detectNewWalletsForLinking: boolean;
+    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;
+    isBridgeFlow: 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;
+    selectedTabIndex: number;
+    selectedTabSettings: WalletListViewTabItem | undefined;
+    tabsItems: WalletListViewTabItem[] | undefined;
+    setSelectedTabIndex: Dispatch<SetStateAction<number>>;
+    minAuthToken: string | undefined;
+    multiAsset: boolean;
+    multiWallet: boolean;
+    multiWalletWidgetState: MultiWalletWidgetState;
+    mobileExperience?: MobileExperience;
+    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: InternalWalletConnector | 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>>;
+    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;
+    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;
+    userWithMissingInfo: UserProfile | undefined;
+    walletConnectorOptions: WalletOption[];
+    walletUiUtils: WalletUiUtils<InternalWalletConnector>;
+    walletsFilter?: (options: WalletOption[]) => WalletOption[];
+}

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

@@ -0,0 +1,40 @@
+import { SdkView } from '@dynamic-labs/sdk-api-core';
+import { GenericNetwork } from '@dynamic-labs/types';
+import { ChainDisplayOverrides } from '@dynamic-labs/wallet-connector-core';
+import { WalletListViewTabItem } from './WalletListViewTabItem';
+export type WalletListViewSettings = {
+    type: 'wallet-list';
+    tabs?: {
+        style?: 'grid';
+        items: WalletListViewTabItem[];
+    };
+};
+export type NetworksOverrides = GenericNetwork[] | ((dashboardNetworks: GenericNetwork[]) => GenericNetwork[]);
+export type ViewsOverrides = SdkView | WalletListViewSettings;
+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?: NetworksOverrides;
+    cosmosNetworks?: NetworksOverrides;
+    /**
+     * 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;
+    /**
+     * Allows overriding the chain info for a specific chain.
+     */
+    chainDisplayValues?: ChainDisplayOverrides;
+};

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

@@ -0,0 +1,7 @@
+export type SocialSettings = {
+    /**
+     * @description The strategy of how the social auth flow will be for end-user.
+     * @default 'redirect'
+     */
+    strategy?: 'popup' | 'redirect';
+};

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,205 +1,5 @@
-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;
-    selectedTabIndex: number;
-    selectedTabSettings: WalletListViewTabItem | undefined;
-    tabsItems: WalletListViewTabItem[] | undefined;
-    setSelectedTabIndex: Dispatch<SetStateAction<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';
+export * from './SocialSettings';

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

@@ -11,14 +11,15 @@ 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('../../../utils/constants/values.cjs');
-require('../../../shared/utils/classes/storage/localStorage.cjs');
-require('../../../shared/utils/classes/storage/sessionStorage.cjs');
-require('@dynamic-labs/utils');
+require('../../../store/state/loadingAndLifecycle.cjs');
 require('../../../shared/consts/index.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, user) => {
         switch (next === null || next === void 0 ? void 0 : next.callback) {
@@ -30,7 +31,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate
                         primaryWallet,
                         user,
                     });
-                    setHasLoggedOut(false);
+                    dynamicEvents.dynamicEvents.emit('triggerSessionValidation');
                 }
                 catch (e) {
                     logger.logger.error('Error calling onAuthSuccess: ', e);
@@ -53,7 +54,6 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate
         onAuthSuccess,
         onUserProfileUpdate,
         primaryWallet,
-        setHasLoggedOut,
     ]);
     React.useEffect(() => {
         if (!callbackQueue.length || !user)
@@ -62,7 +62,7 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onUserProfileUpdate
         // 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 (user.isAuthenticatedWithAWallet && !primaryWallet) {
+        if (isAuthenticatedWithAWallet.isAuthenticatedWithAWallet(user) && !primaryWallet) {
             return;
         }
         handleNextCallback(callbackQueue[0], user);
@@ -75,9 +75,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;
 };