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

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

@@ -9,31 +9,31 @@ import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../../../utils/constants/colors.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
-import 'ethers';
+import 'viem';
 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);
-    // Detects whether the flag is being set to false when it was already false
-    const detectRedundantDisable = (newValue, oldValue) => {
-        if (!newValue && !oldValue)
-            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');
-    };
-    // eslint-disable-next-line multiline-comment-style
-    /** Setter for isVerificationInProgress that also logs a debug message if
-     * it is set to false without having been set to true before */
-    const setIsVerificationInProgress = (newValue) => {
-        // Calls original setter with a callback. This prevents accessing an outdated value of isVerificationInProgress
-        _setIsVerificationInProgress((oldValue) => {
-            detectRedundantDisable(newValue, oldValue);
-            return newValue;
-        });
-    };
-    return [isVerificationInProgress, setIsVerificationInProgress];
+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);
+    // Detects whether the flag is being set to false when it was already false
+    const detectRedundantDisable = (newValue, oldValue) => {
+        if (!newValue && !oldValue)
+            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');
+    };
+    // eslint-disable-next-line multiline-comment-style
+    /** Setter for isVerificationInProgress that also logs a debug message if
+     * it is set to false without having been set to true before */
+    const setIsVerificationInProgress = (newValue) => {
+        // Calls original setter with a callback. This prevents accessing an outdated value of isVerificationInProgress
+        _setIsVerificationInProgress((oldValue) => {
+            detectRedundantDisable(newValue, oldValue);
+            return newValue;
+        });
+    };
+    return [isVerificationInProgress, setIsVerificationInProgress];
 };
 
 export { useVerificationInProgress };

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

@@ -1 +1 @@
-export * from './DynamicContext';
+export * from './DynamicContext';

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

@@ -1 +1 @@
-export * from './internalEvents';
+export * from './internalEvents';

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

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var EventEmitter__default = /*#__PURE__*/_interopDefaultLegacy(EventEmitter);
 
-// This file is temporary and should be removed after QNTM-180 is done
+// This file is temporary and should be removed after QNTM-180 is done
 const getInternalEvents = () => new EventEmitter__default["default"]();
 
 exports.getInternalEvents = getInternalEvents;

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

@@ -1,8 +1,11 @@
-import EventEmitter from 'eventemitter3';
-/** Maps internal event names to their listeners */
-export type InternalEventMap = {
-    emailVerificationResult: (param: boolean, email: string) => void;
-    clearPrimaryWallet: () => void;
-};
-export type InternalEventEmitter = EventEmitter<InternalEventMap>;
-export declare const getInternalEvents: () => InternalEventEmitter;
+import EventEmitter from 'eventemitter3';
+import { Wallet } from '../../../shared';
+/** Maps internal event names to their listeners */
+export type InternalEventMap = {
+    emailVerificationResult: (param: boolean, email: string) => void;
+    embeddedWalletCreated: (wallet: Wallet) => void;
+    embeddedWalletFailed: (error: unknown) => void;
+    logout: () => void;
+};
+export type InternalEventEmitter = EventEmitter<InternalEventMap>;
+export declare const getInternalEvents: () => InternalEventEmitter;

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

@@ -1,6 +1,6 @@
 import EventEmitter from 'eventemitter3';
 
-// This file is temporary and should be removed after QNTM-180 is done
+// This file is temporary and should be removed after QNTM-180 is done
 const getInternalEvents = () => new EventEmitter();
 
 export { getInternalEvents };

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

@@ -1,155 +1,159 @@
-import { Dispatch, MutableRefObject, 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 { SetCallbackType } from '../useCustomerCallbacks';
-import { InternalEventEmitter } from '../internalEvents';
-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, shouldCallCallback?: boolean) => Promise<string | undefined>;
-    connectedWallet: Wallet | null;
-    connectedWallets: Wallet[];
-    linkedWallets: Wallet[];
-    locale: {
-        changeLanguage: (lang: string) => void;
-    };
-    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: SetCallbackType;
-    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>>;
-    /** The unwrapped version of setShowAuthFlow. See useSetShowAuthFlowWithInit.ts for context */
-    internalSetShowAuthFlow: 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;
-    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;
-    unlinkConnectedWallet: (walletId: string) => void;
-    walletConnector: WalletConnector | null;
-    walletUiUtils: WalletUiUtils<WalletConnector>;
-    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>>;
-    /** Temporary workaround, until QNTM-180 is complete */
-    internalEvents: MutableRefObject<InternalEventEmitter>;
-}
+import { Dispatch, MutableRefObject, ReactNode, SetStateAction } from 'react';
+import { DynamicJwt, NameServiceData, ProjectSettings, SdkView } 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 { SetCallbackType } from '../useCustomerCallbacks';
+import { InternalEventEmitter } from '../internalEvents';
+export type ChainsToConnect = {
+    chain: Chain;
+    chainId?: number;
+};
+export type SettingsOverrides = {
+    views?: Array<SdkView>;
+};
+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, shouldCallCallback?: boolean) => Promise<string | undefined>;
+    connectedWallet: Wallet | null;
+    connectedWallets: Wallet[];
+    linkedWallets: Wallet[];
+    locale: {
+        changeLanguage: (lang: string) => void;
+    };
+    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: SetCallbackType;
+    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>>;
+    /** The unwrapped version of setShowAuthFlow. See useSetShowAuthFlowWithInit.ts for context */
+    internalSetShowAuthFlow: 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;
+    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;
+    disconnectWallet: (walletId: string) => void;
+    walletConnector: WalletConnector | null;
+    walletUiUtils: WalletUiUtils<WalletConnector>;
+    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>>;
+    /** Temporary workaround, until QNTM-180 is complete */
+    internalEvents: MutableRefObject<InternalEventEmitter>;
+    /** Whether there is an instance of DynamicEmbeddedAuthFlow being rendered */
+    isRenderingEmbeddedAuthFlow: MutableRefObject<boolean>;
+}

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

@@ -1,3 +1,3 @@
-export * from './useCustomerCallbacks';
-export * from './useCustomerAuthFlowCallbacks';
-export * from './types';
+export * from './useCustomerCallbacks';
+export * from './useCustomerAuthFlowCallbacks';
+export * from './types';

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

@@ -1,27 +1,30 @@
-import { WalletConnector } from '../../../..';
-import { AuthModeType, OnAuthSuccess, OnBeforeConnectSuccessConfirmation, OnConnectSuccess, OnEmailVerificationFailure, OnEmailVerificationSuccess, OnUserProfileUpdate, UserProfile, Wallet } from '../../../shared/types';
-import { IDynamicContext } from '../types';
-export type Callback = 'authSuccess' | 'linkSuccess' | 'emailVerificationSuccess' | 'emailVerificationFailure' | 'userProfileUpdate' | 'connectSuccess' | 'onBeforeConnectSuccessConfirmation';
-export type CallbackParams = {
-    /** For email verification */
-    email: string;
-};
-export type UseCustomerCallbacksArgs = {
-    authMode: AuthModeType;
-    callbacks: {
-        onAuthSuccess?: OnAuthSuccess;
-        onEmailVerificationSuccess?: OnEmailVerificationSuccess;
-        onEmailVerificationFailure?: OnEmailVerificationFailure;
-        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'];
-};
-export type SetCallbackType = (callback: Callback, params?: CallbackParams) => void;
+import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api/src/models/JwtVerifiedCredential';
+import { WalletConnector } from '../../../..';
+import { AuthModeType, OnAuthSuccess, OnBeforeConnectSuccessConfirmation, onConnect, OnEmailVerificationFailure, OnEmailVerificationSuccess, OnEmbeddedWalletCreated, OnUserProfileUpdate, UserProfile, Wallet } from '../../../shared/types';
+import { IDynamicContext } from '../types';
+export type Callback = 'authSuccess' | 'linkSuccess' | 'emailVerificationSuccess' | 'emailVerificationFailure' | 'userProfileUpdate' | 'connectSuccess' | 'onBeforeConnectSuccessConfirmation' | 'embeddedWalletCreated';
+export type CallbackParams = {
+    /** For email verification */
+    email: string;
+    verifiedCredential?: JwtVerifiedCredential;
+};
+export type UseCustomerCallbacksArgs = {
+    authMode: AuthModeType;
+    callbacks: {
+        onAuthSuccess?: OnAuthSuccess;
+        onEmailVerificationSuccess?: OnEmailVerificationSuccess;
+        onEmailVerificationFailure?: OnEmailVerificationFailure;
+        onConnect?: onConnect;
+        onBeforeConnectSuccessConfirmation?: OnBeforeConnectSuccessConfirmation;
+        onLinkSuccess?: OnAuthSuccess;
+        onUserProfileUpdate?: OnUserProfileUpdate;
+        onEmbeddedWalletCreated?: OnEmbeddedWalletCreated;
+    };
+    handleLogOut: () => Promise<void>;
+    isAuthenticated: boolean;
+    primaryWallet: Wallet | null;
+    selectedWalletConnector: WalletConnector | null;
+    user: UserProfile | undefined;
+    setIsVerificationInProgress: IDynamicContext['setIsVerificationInProgress'];
+};
+export type SetCallbackType = (callback: Callback, params?: CallbackParams) => void;

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

@@ -14,7 +14,7 @@ require('../../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../../utils/constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
-require('ethers');
+require('viem');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 require('@dynamic-labs/rpc-providers');
@@ -33,6 +33,7 @@ require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.
 require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/Alert/Alert.cjs');
+require('react-i18next');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
@@ -40,25 +41,32 @@ require('yup');
 require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../components/OverlayCard/OverlayCard.context.cjs');
-require('../../../views/CollectUserDataView/fieldsConfig.cjs');
+require('../../FooterAnimationContext/index.cjs');
 require('../../MockContext/MockContext.cjs');
+require('../../QrCodeContext/QrCodeContext.cjs');
+require('../../WalletGroupContext/WalletGroupContext.cjs');
+require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../CaptchaContext/CaptchaContext.cjs');
 require('../../EmailVerificationContext/EmailVerificationContext.cjs');
+require('qrcode');
+require('../../LoadingContext/LoadingContext.cjs');
+require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/types');
 require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../UserFieldEditorContext/UserFieldEditorContext.cjs');
 
-const useCustomerAuthFlowCallbacks = ({ eventsCallbacks, showAuthFlow, }) => {
-    const prevShowAuthFlow = usePrevious.usePrevious(showAuthFlow);
-    React.useEffect(() => {
-        var _a, _b;
-        if (!prevShowAuthFlow && showAuthFlow) {
-            (_a = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onAuthFlowOpen) === null || _a === void 0 ? void 0 : _a.call(eventsCallbacks);
-        }
-        else if (prevShowAuthFlow && !showAuthFlow) {
-            (_b = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onAuthFlowClose) === null || _b === void 0 ? void 0 : _b.call(eventsCallbacks);
-        }
-    }, [eventsCallbacks, prevShowAuthFlow, showAuthFlow]);
+const useCustomerAuthFlowCallbacks = ({ eventsCallbacks, showAuthFlow, }) => {
+    const prevShowAuthFlow = usePrevious.usePrevious(showAuthFlow);
+    React.useEffect(() => {
+        var _a, _b;
+        if (!prevShowAuthFlow && showAuthFlow) {
+            (_a = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onAuthFlowOpen) === null || _a === void 0 ? void 0 : _a.call(eventsCallbacks);
+        }
+        else if (prevShowAuthFlow && !showAuthFlow) {
+            (_b = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onAuthFlowClose) === null || _b === void 0 ? void 0 : _b.call(eventsCallbacks);
+        }
+    }, [eventsCallbacks, prevShowAuthFlow, showAuthFlow]);
 };
 
 exports.useCustomerAuthFlowCallbacks = useCustomerAuthFlowCallbacks;

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

@@ -1,5 +1,5 @@
-import { DynamicEventsCallbacks } from '../../../shared';
-export declare const useCustomerAuthFlowCallbacks: ({ eventsCallbacks, showAuthFlow, }: {
-    eventsCallbacks?: DynamicEventsCallbacks | undefined;
-    showAuthFlow: boolean;
-}) => void;
+import { DynamicEventsCallbacks } from '../../../shared';
+export declare const useCustomerAuthFlowCallbacks: ({ eventsCallbacks, showAuthFlow, }: {
+    eventsCallbacks?: DynamicEventsCallbacks | undefined;
+    showAuthFlow: boolean;
+}) => void;