@dynamic-labs/sdk-react-core 0.18.0-RC.2 → 0.18.0-RC.20

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

@@ -11,10 +11,10 @@ require('react');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
-var localStorage$1 = require('../../utils/constants/localStorage.cjs');
 require('../../utils/constants/colors.cjs');
-var localStorage = require('../../shared/utils/classes/storage/localStorage.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
+var getAuthToken = require('../../utils/functions/getAuthToken/getAuthToken.cjs');
 
 let logoutTimer;
 const isAuthTokenExpired = (token) => {
@@ -33,7 +33,7 @@ const isAuthTokenExpired = (token) => {
     return false;
 };
 const initExpirationTime = (logout) => {
-    const decodedJwt = decodeJwt.decodeJwt(localStorage.LocalStorage.getFromLS(localStorage$1.AUTH_TOKEN));
+    const decodedJwt = decodeJwt.decodeJwt(getAuthToken.getAuthToken());
     if (!decodedJwt)
         return clearTimeout(logoutTimer);
     const tokenExp = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.exp;
@@ -53,7 +53,20 @@ const initExpirationTime = (logout) => {
     // https://developer.mozilla.org/en-US/docs/Web/API/setTimeout#maximum_delay_value
     const expiryTimeout = Math.min(expirationTimeInMs, 2147483647);
     logoutTimer = setTimeout(logout, expiryTimeout);
+};
+const getInitialView = ({ connectedWallets, loginWithEmail, isBridgeFlow, isFullyConnected, }) => {
+    if (loginWithEmail) {
+        return 'login-with-email-or-wallet';
+    }
+    if (isFullyConnected) {
+        return 'wallet-list';
+    }
+    if (isBridgeFlow && !connectedWallets.length) {
+        return 'bridge-welcome';
+    }
+    return 'wallet-list';
 };
 
+exports.getInitialView = getInitialView;
 exports.initExpirationTime = initExpirationTime;
 exports.isAuthTokenExpired = isAuthTokenExpired;

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

@@ -1,2 +1,10 @@
+import { Wallet } from '../../shared';
+import { ViewType } from '../ViewContext';
 export declare const isAuthTokenExpired: (token: string) => boolean;
 export declare const initExpirationTime: (logout: VoidFunction) => void;
+export declare const getInitialView: ({ connectedWallets, loginWithEmail, isBridgeFlow, isFullyConnected, }: {
+    connectedWallets: Wallet[];
+    loginWithEmail: boolean;
+    isBridgeFlow: boolean;
+    isFullyConnected: boolean;
+}) => ViewType;

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

@@ -7,10 +7,10 @@ import 'react';
 import '../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
-import { AUTH_TOKEN } from '../../utils/constants/localStorage.js';
 import '../../utils/constants/colors.js';
-import { LocalStorage } from '../../shared/utils/classes/storage/localStorage.js';
+import '../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
+import { getAuthToken } from '../../utils/functions/getAuthToken/getAuthToken.js';
 
 let logoutTimer;
 const isAuthTokenExpired = (token) => {
@@ -29,7 +29,7 @@ const isAuthTokenExpired = (token) => {
     return false;
 };
 const initExpirationTime = (logout) => {
-    const decodedJwt = decodeJwt(LocalStorage.getFromLS(AUTH_TOKEN));
+    const decodedJwt = decodeJwt(getAuthToken());
     if (!decodedJwt)
         return clearTimeout(logoutTimer);
     const tokenExp = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.exp;
@@ -49,6 +49,18 @@ const initExpirationTime = (logout) => {
     // https://developer.mozilla.org/en-US/docs/Web/API/setTimeout#maximum_delay_value
     const expiryTimeout = Math.min(expirationTimeInMs, 2147483647);
     logoutTimer = setTimeout(logout, expiryTimeout);
+};
+const getInitialView = ({ connectedWallets, loginWithEmail, isBridgeFlow, isFullyConnected, }) => {
+    if (loginWithEmail) {
+        return 'login-with-email-or-wallet';
+    }
+    if (isFullyConnected) {
+        return 'wallet-list';
+    }
+    if (isBridgeFlow && !connectedWallets.length) {
+        return 'bridge-welcome';
+    }
+    return 'wallet-list';
 };
 
-export { initExpirationTime, isAuthTokenExpired };
+export { getInitialView, initExpirationTime, isAuthTokenExpired };

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

@@ -59,7 +59,7 @@ const useNameService = ({ currentWallet, authToken }) => {
         const verifiedCredentials = (_a = decodeJwt.decodeJwt(authToken)) === null || _a === void 0 ? void 0 : _a.verifiedCredentials;
         //if there are verified credentials, check if there is a name service for the current wallet
         if (verifiedCredentials) {
-            const verifiedCredential = getWalletVerifiedCredential.getWalletVerifiedCredential(currentWallet === null || currentWallet === void 0 ? void 0 : currentWallet.address, verifiedCredentials);
+            const verifiedCredential = getWalletVerifiedCredential.getWalletVerifiedCredential(currentWallet === null || currentWallet === void 0 ? void 0 : currentWallet.address, verifiedCredentials, currentWallet.chain);
             if (verifiedCredential && ((_b = verifiedCredential.nameService) === null || _b === void 0 ? void 0 : _b.name)) {
                 return verifiedCredential.nameService;
             }

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

@@ -55,7 +55,7 @@ const useNameService = ({ currentWallet, authToken }) => {
         const verifiedCredentials = (_a = decodeJwt(authToken)) === null || _a === void 0 ? void 0 : _a.verifiedCredentials;
         //if there are verified credentials, check if there is a name service for the current wallet
         if (verifiedCredentials) {
-            const verifiedCredential = getWalletVerifiedCredential(currentWallet === null || currentWallet === void 0 ? void 0 : currentWallet.address, verifiedCredentials);
+            const verifiedCredential = getWalletVerifiedCredential(currentWallet === null || currentWallet === void 0 ? void 0 : currentWallet.address, verifiedCredentials, currentWallet.chain);
             if (verifiedCredential && ((_b = verifiedCredential.nameService) === null || _b === void 0 ? void 0 : _b.name)) {
                 return verifiedCredential.nameService;
             }

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

@@ -0,0 +1,144 @@
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { DynamicJwt, NameServiceData, ProjectSettings } from '@dynamic-labs/sdk-api';
+import { NetworkConfigurationMap, SocialProviderFilter, WalletUiUtils } from '@dynamic-labs/types';
+import { Chain, FetchPublicAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { AccessDeniedCustomButton, AccountSwitchState, AuthModeType, AwaitingSignatureState, ChainToWalletMap, DynamicEventsCallbacks, DynamicRPCProviders, MultiWalletWidgetState, UserProfile, Wallet, WalletOption, WalletWithAction } from '../../../shared';
+import { SocialNetworkIconType } from '../../../utils/functions/getSocialNetworkIcon';
+import { MultiWalletWidgetStateSetter } from '../../../utils/hooks/multiWallet';
+import { ThemeData, ThemeSetting } from '../../ThemeContext';
+import { DisplayOrder, SetDisplayOrderPriority } from '../hooks';
+import { Callback } from '../useCustomerCallbacks';
+export type IOngoingVerifications = {
+    /** Clears all verification flags */
+    clearVerifications: () => void;
+    /** Whether a connect and sign verification process is ongoing */
+    connectAndSignVerification: boolean;
+    setConnectAndSignVerification: Dispatch<SetStateAction<boolean>>;
+    /** Whether any auth verification process is ongoing */
+    authVerification: boolean;
+    setAuthVerification: Dispatch<SetStateAction<boolean>>;
+};
+export type ChainsToConnect = {
+    chain: Chain;
+    numberOfWallets: number;
+    chainId?: number;
+};
+export interface IDynamicContext {
+    accessDeniedMessagePrimary?: string;
+    accessDeniedMessageSecondary?: string;
+    accessDeniedButton?: AccessDeniedCustomButton;
+    accountSwitchState: AccountSwitchState;
+    appLogoUrl?: string;
+    appName?: string;
+    isBridgeFlow: boolean;
+    authMode: AuthModeType;
+    authToken: string | undefined;
+    authorizationViewDisplayOrder: DisplayOrder;
+    awaitingSignatureState: AwaitingSignatureState;
+    bridgeChainToConnect: Chain | undefined;
+    setBridgeChainToConnect: Dispatch<SetStateAction<Chain | undefined>>;
+    clearStatesOnBackClick: () => void;
+    computeConnectedStateForWallets: () => Promise<void>;
+    connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts) => Promise<string | undefined>;
+    connectedWallet: Wallet | null;
+    connectedWallets: Wallet[];
+    linkedWallets: Wallet[];
+    isFullyConnected: boolean;
+    setIsFullyConnected: (value: boolean | ((val: boolean) => boolean)) => void;
+    consumeNonce: () => string | undefined;
+    cssOverrides?: string | JSX.Element;
+    customPrivacyPolicy?: ReactNode;
+    customTermsOfServices?: ReactNode;
+    debugError: boolean;
+    decodedAuthToken: Omit<DynamicJwt, 'jwt'> | undefined;
+    decodedOnboardingOnlyToken: Omit<DynamicJwt, 'jwt'> | undefined;
+    defaultNumberOfWalletsToShow: number;
+    walletsByChain: ChainsToConnect[] | undefined;
+    walletsToConnectByChain: ChainsToConnect[] | undefined;
+    setWalletsToConnectByChain: Dispatch<SetStateAction<ChainsToConnect[] | undefined>>;
+    desktopUri: string;
+    displayTermsOfService: 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;
+    multiWallet: boolean;
+    multiWalletWidgetState: MultiWalletWidgetState;
+    network: number | string | undefined;
+    networkConfigurations: NetworkConfigurationMap | undefined;
+    newToWeb3WalletChainMap: ChainToWalletMap;
+    notInTheListImageUrl?: string;
+    onboardingImageUrl?: string;
+    onboardingOnlyJwt: string | undefined;
+    policiesConsentInnerComponent?: ReactNode | ReactNode[];
+    primaryWallet: Wallet | null;
+    primaryWalletId: string | undefined;
+    privacyPolicyUrl?: string;
+    projectSettings: ProjectSettings | undefined;
+    qrcodeUri: string;
+    rpcProviders: DynamicRPCProviders;
+    sdkHasLoaded: boolean;
+    secondaryWallets: Wallet[];
+    selectedWalletConnector: WalletConnector | null;
+    selectedWalletWithAction: WalletWithAction | null;
+    setAuthMode: Dispatch<SetStateAction<AuthModeType>>;
+    setAuthorizationViewDisplayOrder: SetDisplayOrderPriority;
+    setCallback: (callback: Callback) => void;
+    setDesktopUri: Dispatch<SetStateAction<string>>;
+    setIsSingleWalletAccount: Dispatch<SetStateAction<boolean>>;
+    setLogInWithEmail: Dispatch<SetStateAction<boolean>>;
+    setMultiWallet: (value: boolean) => void;
+    setMultiWalletWidgetState: MultiWalletWidgetStateSetter;
+    setNetwork: Dispatch<SetStateAction<number | string | undefined>>;
+    setOnboardingOnlyJwt: Dispatch<SetStateAction<string | undefined>>;
+    setPrimaryWallet: (walletId: string) => Promise<void>;
+    setPrimaryWalletId: (walletId: string) => void;
+    setQrcodeUri: Dispatch<SetStateAction<string>>;
+    setSelectedWalletConnector: (connector: WalletConnector | null) => void;
+    setSelectedWalletWithAction: (walletWithAction: WalletWithAction | null) => void;
+    setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
+    setShowDynamicUserProfile: Dispatch<SetStateAction<boolean>>;
+    setShowQrcodeModal: Dispatch<SetStateAction<boolean>>;
+    setShowWidgetStatePopup: Dispatch<SetStateAction<boolean>>;
+    setUser: Dispatch<SetStateAction<UserProfile | undefined>>;
+    /**
+     * The set state action which regulates displaying the bridge widget
+     */
+    setShowBridgeWidget: Dispatch<SetStateAction<boolean>>;
+    shadowDOMEnabled: boolean;
+    showAuthFlow: boolean;
+    showDynamicUserProfile: boolean;
+    /**
+     * The boolean value representing the state of displaying the bridge widget
+     */
+    showBridgeWidget: boolean;
+    showQrcodeModal: boolean;
+    showWidgetStatePopup: boolean;
+    signWithEmailWalletName?: string;
+    siweStatement?: string;
+    socialMediaIconUrl?: Record<string, string> | Record<SocialNetworkIconType, string>;
+    socialMediaLinkText?: string;
+    socialMediaUrl?: string;
+    socialProvidersFilter?: SocialProviderFilter;
+    termsOfServiceUrl?: string;
+    theme?: ThemeData | ThemeSetting;
+    toolkitEnabled?: boolean;
+    user: UserProfile | undefined;
+    unlinkConnectedWallet: (walletId: string) => void;
+    /**
+     * An object that holds getters and setters for flags representing whether verification processes are ongoing
+     */
+    ongoingVerifications: IOngoingVerifications;
+    walletConnector: WalletConnector | null;
+    walletUiUtils: WalletUiUtils;
+    wallets: WalletOption[];
+    walletsFilter?: (options: WalletOption[]) => WalletOption[];
+    removeConnectedWalletsInfo: () => void;
+}

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

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

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

@@ -18,6 +18,7 @@ require('ethers');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 require('@dynamic-labs/rpc-providers');
+require('../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../DynamicContext.cjs');
 require('../../ErrorContext/ErrorContext.cjs');
 require('../../AccessDeniedContext/AccessDeniedContext.cjs');
@@ -35,7 +36,8 @@ require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
-require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../MockContext/MockContext.cjs');
 require('../../CaptchaContext/CaptchaContext.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');

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

@@ -14,6 +14,7 @@ import 'ethers';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import '@dynamic-labs/rpc-providers';
+import '../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../DynamicContext.js';
 import '../../ErrorContext/ErrorContext.js';
 import '../../AccessDeniedContext/AccessDeniedContext.js';
@@ -31,7 +32,8 @@ import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
-import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '../../../components/InlineWidget/InlineWidget.js';
+import '../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../MockContext/MockContext.js';
 import '../../CaptchaContext/CaptchaContext.js';
 import '../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';

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

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

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

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

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

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

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

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('@dynamic-labs/sdk-api');
+var logger = require('../../../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../../ViewContext/ViewContext.cjs');
+require('react');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../../../../utils/constants/colors.cjs');
+require('../../../../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+require('../../../../../shared/consts/index.cjs');
+
+/** Sets the auth verification flag to false, but first ensures it was true in the first place. Logs error otherwise */
+const disableAuthVerificationFlag = ({ authVerification, setAuthVerification, }) => {
+    if (authVerification)
+        setAuthVerification(false);
+    else
+        logger.logger.error('The "auth" flag, from ongoingVerifications, had not been previously raised at the time of being lowered. Please ensure to set it to true whenever any kind of auth verification process is started');
+};
+
+exports.disableAuthVerificationFlag = disableAuthVerificationFlag;

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

@@ -0,0 +1,3 @@
+import { IOngoingVerifications } from '../../../types';
+/** Sets the auth verification flag to false, but first ensures it was true in the first place. Logs error otherwise */
+export declare const disableAuthVerificationFlag: ({ authVerification, setAuthVerification, }: Pick<IOngoingVerifications, 'authVerification' | 'setAuthVerification'>) => void;

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

@@ -0,0 +1,23 @@
+import '@dynamic-labs/sdk-api';
+import { logger } from '../../../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../../ViewContext/ViewContext.js';
+import 'react';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../../../../utils/constants/colors.js';
+import '../../../../../shared/utils/classes/storage/localStorage.js';
+import 'ethers';
+import '../../../../../shared/consts/index.js';
+
+/** Sets the auth verification flag to false, but first ensures it was true in the first place. Logs error otherwise */
+const disableAuthVerificationFlag = ({ authVerification, setAuthVerification, }) => {
+    if (authVerification)
+        setAuthVerification(false);
+    else
+        logger.error('The "auth" flag, from ongoingVerifications, had not been previously raised at the time of being lowered. Please ensure to set it to true whenever any kind of auth verification process is started');
+};
+
+export { disableAuthVerificationFlag };

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

@@ -0,0 +1 @@
+export * from './disableAuthVerificationFlag';

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

@@ -0,0 +1 @@
+export * from './disableAuthVerificationFlag';

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

@@ -11,32 +11,38 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, awaitingSignatureState, authMode, authToken, connectedWallets, connectedWalletsInfo, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, loadingNetwork, multiWalletWidgetState, network, networkConfigurations, primaryWallet, qrcodeUri, rpcProviders, sdkHasLoaded, secondaryWallets, setShowAuthFlow, setNetwork, showAuthFlow, showQrcodeModal, setMultiWalletWidgetState, setShowQrcodeModal, setPrimaryWallet, setShowDynamicUserProfile, setShowBridgeAuthFlow, user, walletConnector, wallets, shadowDOMEnabled, walletsToConnectByChain, walletsByChain, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, connectedWallets, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, linkedWallets, loadingNetwork, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, secondaryWallets, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, ongoingVerifications, walletConnector, wallets, walletsByChain, walletsToConnectByChain, primaryWallet, } = context;
     return {
         accountSwitchState,
         authMode,
         authToken,
         awaitingSignatureState,
         connectedWallets,
-        connectedWalletsInfo,
         getNameService,
         handleLogOut,
         handleUnlinkWallet,
         isAuthenticated,
+        isFullyConnected,
+        linkedWallets,
         loadingNetwork,
+        loginWithEmail,
         multiWalletWidgetState,
         network,
         networkConfigurations,
+        ongoingVerifications: {
+            authVerification: ongoingVerifications.authVerification,
+            connectAndSignVerification: ongoingVerifications.connectAndSignVerification,
+        },
         primaryWallet,
         qrcodeUri,
         rpcProviders,
         sdkHasLoaded,
         secondaryWallets,
+        setLogInWithEmail,
         setMultiWalletWidgetState,
         setNetwork,
         setPrimaryWallet,
         setShowAuthFlow,
-        setShowBridgeAuthFlow,
         setShowDynamicUserProfile,
         setShowQrcodeModal,
         shadowDOMEnabled,

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

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

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

@@ -7,32 +7,38 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, awaitingSignatureState, authMode, authToken, connectedWallets, connectedWalletsInfo, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, loadingNetwork, multiWalletWidgetState, network, networkConfigurations, primaryWallet, qrcodeUri, rpcProviders, sdkHasLoaded, secondaryWallets, setShowAuthFlow, setNetwork, showAuthFlow, showQrcodeModal, setMultiWalletWidgetState, setShowQrcodeModal, setPrimaryWallet, setShowDynamicUserProfile, setShowBridgeAuthFlow, user, walletConnector, wallets, shadowDOMEnabled, walletsToConnectByChain, walletsByChain, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, connectedWallets, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isFullyConnected, linkedWallets, loadingNetwork, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, qrcodeUri, rpcProviders, sdkHasLoaded, secondaryWallets, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, ongoingVerifications, walletConnector, wallets, walletsByChain, walletsToConnectByChain, primaryWallet, } = context;
     return {
         accountSwitchState,
         authMode,
         authToken,
         awaitingSignatureState,
         connectedWallets,
-        connectedWalletsInfo,
         getNameService,
         handleLogOut,
         handleUnlinkWallet,
         isAuthenticated,
+        isFullyConnected,
+        linkedWallets,
         loadingNetwork,
+        loginWithEmail,
         multiWalletWidgetState,
         network,
         networkConfigurations,
+        ongoingVerifications: {
+            authVerification: ongoingVerifications.authVerification,
+            connectAndSignVerification: ongoingVerifications.connectAndSignVerification,
+        },
         primaryWallet,
         qrcodeUri,
         rpcProviders,
         sdkHasLoaded,
         secondaryWallets,
+        setLogInWithEmail,
         setMultiWalletWidgetState,
         setNetwork,
         setPrimaryWallet,
         setShowAuthFlow,
-        setShowBridgeAuthFlow,
         setShowDynamicUserProfile,
         setShowQrcodeModal,
         shadowDOMEnabled,

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

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

package/src/lib/context/ErrorContext/ErrorContext.cjs

@@ -7,10 +7,16 @@ var React = require('react');
 var useInternalDynamicContext = require('../DynamicContext/useInternalDynamicContext.cjs');
 
 const errorMessageMap = {
+    '-32000': 'Message signature denied',
     '-32002': 'Please unlock your wallet extension and try again.',
     '-32602': 'Invalid parameters. Please try again.',
     '-32603': 'There was an internal error. Please try again.',
+    0: 'Message signature denied.',
     4001: 'Message signature denied.',
+    5001: 'Message signature denied.',
+    5002: 'Message signature denied.',
+    connection_rejected: 'Connection rejected. Please try again.',
+    metamask_timeout: 'Please change your wallet chain to Ethereum Main Network and try again',
     'missing-nonce': 'Something went wrong. Please try again.',
     'missing-public-address': 'Connection cancelled. Please try again',
     too_many_email_verification_attempts: 'Too many email verification attempts, please try again later',

package/src/lib/context/ErrorContext/ErrorContext.js

@@ -3,10 +3,16 @@ import { createContext, useState, useCallback, useEffect, useMemo, useContext }
 import { useInternalDynamicContext } from '../DynamicContext/useInternalDynamicContext.js';
 
 const errorMessageMap = {
+    '-32000': 'Message signature denied',
     '-32002': 'Please unlock your wallet extension and try again.',
     '-32602': 'Invalid parameters. Please try again.',
     '-32603': 'There was an internal error. Please try again.',
+    0: 'Message signature denied.',
     4001: 'Message signature denied.',
+    5001: 'Message signature denied.',
+    5002: 'Message signature denied.',
+    connection_rejected: 'Connection rejected. Please try again.',
+    metamask_timeout: 'Please change your wallet chain to Ethereum Main Network and try again',
     'missing-nonce': 'Something went wrong. Please try again.',
     'missing-public-address': 'Connection cancelled. Please try again',
     too_many_email_verification_attempts: 'Too many email verification attempts, please try again later',