@dynamic-labs/sdk-react-core 4.77.3 → 4.77.4

package/CHANGELOG.md

@@ -1,4 +1,20 @@
 
+### [4.77.4](https://github.com/dynamic-labs/dynamic-auth/compare/v4.77.3...v4.77.4) (2026-04-21)
+
+
+### Features
+
+* **sdk-react-core:** log ui.fallback_error_shown when generic error surfaces ([#10972](https://github.com/dynamic-labs/dynamic-auth/issues/10972)) ([7aee5d1](https://github.com/dynamic-labs/dynamic-auth/commit/7aee5d1a518121742a6ffcc3d3e1101d70b1cc29))
+
+
+### Bug Fixes
+
+* Add SSR-safe defaults to CaptchaContext ([#10977](https://github.com/dynamic-labs/dynamic-auth/issues/10977)) ([bdf4e80](https://github.com/dynamic-labs/dynamic-auth/commit/bdf4e809c0fd6382961d7b079dbdde25678ecbb1))
+* **DYNT-400:** update Trust Wallet flag from isTrustWallet to isTrust ([#10917](https://github.com/dynamic-labs/dynamic-auth/issues/10917)) ([1ca616a](https://github.com/dynamic-labs/dynamic-auth/commit/1ca616a926ce35d5a75e4611049ef0a05b96865d))
+* lower retry count for viem calls ([#10984](https://github.com/dynamic-labs/dynamic-auth/issues/10984)) ([37843df](https://github.com/dynamic-labs/dynamic-auth/commit/37843dffb2bf31bdc0d7f3e91b65656e3af745f9))
+* show correct loading view when new view is selected ([#10981](https://github.com/dynamic-labs/dynamic-auth/issues/10981)) ([eb650a4](https://github.com/dynamic-labs/dynamic-auth/commit/eb650a4ba62cf12c03f03bfa0866fdc3d30503a1))
+* **wagmi-connector:** promote onAccountsChanged log to instrument for backend visibility DYNT-549 ([#10982](https://github.com/dynamic-labs/dynamic-auth/issues/10982)) ([5087227](https://github.com/dynamic-labs/dynamic-auth/commit/508722724a049737da49fd0320e97d19f6249fce))
+
 ### [4.77.3](https://github.com/dynamic-labs/dynamic-auth/compare/v4.77.2...v4.77.3) (2026-04-18)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.77.3";
+var version = "4.77.4";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.927",
 	"@dynamic-labs-sdk/client": "0.24.0",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "4.77.3";
+var version = "4.77.4";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.927",
 	"@dynamic-labs-sdk/client": "0.24.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.77.3",
+  "version": "4.77.4",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.927",
     "@dynamic-labs-sdk/client": "0.24.0",
@@ -16,17 +16,17 @@
     "yup": "0.32.11",
     "react-international-phone": "4.5.0",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.77.3",
-    "@dynamic-labs/iconic": "4.77.3",
-    "@dynamic-labs/locale": "4.77.3",
-    "@dynamic-labs/logger": "4.77.3",
-    "@dynamic-labs/multi-wallet": "4.77.3",
-    "@dynamic-labs/rpc-providers": "4.77.3",
-    "@dynamic-labs/store": "4.77.3",
-    "@dynamic-labs/types": "4.77.3",
-    "@dynamic-labs/utils": "4.77.3",
-    "@dynamic-labs/wallet-book": "4.77.3",
-    "@dynamic-labs/wallet-connector-core": "4.77.3",
+    "@dynamic-labs/assert-package-version": "4.77.4",
+    "@dynamic-labs/iconic": "4.77.4",
+    "@dynamic-labs/locale": "4.77.4",
+    "@dynamic-labs/logger": "4.77.4",
+    "@dynamic-labs/multi-wallet": "4.77.4",
+    "@dynamic-labs/rpc-providers": "4.77.4",
+    "@dynamic-labs/store": "4.77.4",
+    "@dynamic-labs/types": "4.77.4",
+    "@dynamic-labs/utils": "4.77.4",
+    "@dynamic-labs/wallet-book": "4.77.4",
+    "@dynamic-labs/wallet-connector-core": "4.77.4",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/context/CaptchaContext/CaptchaContext.cjs

@@ -110,6 +110,13 @@ require('../../store/state/multichainBalances.cjs');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 
+const SSR_SAFE_DEFAULT = {
+    captchaAuthState: undefined,
+    engageCaptcha: () => { },
+    getCaptchaToken: () => undefined,
+    setCaptchaAuthState: () => { },
+    setCaptchaToken: () => { },
+};
 const CaptchaContext = React.createContext(undefined);
 const CaptchaContextProvider = ({ children, }) => {
     const { pushView } = ViewContext.useViewContext();
@@ -146,6 +153,12 @@ const CaptchaContextProvider = ({ children, }) => {
 const useCaptchaContext = () => {
     const context = React.useContext(CaptchaContext);
     if (context === undefined) {
+        // Next.js 16.2+ prerenders client components during static generation of
+        // /_not-found outside of their provider tree. Return safe defaults during
+        // SSR so the build can complete; the real provider is available at runtime.
+        if (typeof window === 'undefined') {
+            return SSR_SAFE_DEFAULT;
+        }
         throw new Error('usage of useCaptchaContext not wrapped in `CaptchaContextProvider`.');
     }
     return context;

package/src/lib/context/CaptchaContext/CaptchaContext.js

@@ -106,6 +106,13 @@ import '../../store/state/multichainBalances.js';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 
+const SSR_SAFE_DEFAULT = {
+    captchaAuthState: undefined,
+    engageCaptcha: () => { },
+    getCaptchaToken: () => undefined,
+    setCaptchaAuthState: () => { },
+    setCaptchaToken: () => { },
+};
 const CaptchaContext = createContext(undefined);
 const CaptchaContextProvider = ({ children, }) => {
     const { pushView } = useViewContext();
@@ -142,6 +149,12 @@ const CaptchaContextProvider = ({ children, }) => {
 const useCaptchaContext = () => {
     const context = useContext(CaptchaContext);
     if (context === undefined) {
+        // Next.js 16.2+ prerenders client components during static generation of
+        // /_not-found outside of their provider tree. Return safe defaults during
+        // SSR so the build can complete; the real provider is available at runtime.
+        if (typeof window === 'undefined') {
+            return SSR_SAFE_DEFAULT;
+        }
         throw new Error('usage of useCaptchaContext not wrapped in `CaptchaContextProvider`.');
     }
     return context;

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

@@ -737,7 +737,7 @@ const InnerDynamicContextProvider = (props) => {
         id: 'wallet-book',
         type: 'application/json',
     });
-    const initialViewType = useInitialViewType.useInitialViewType({
+    const loginViewType = useInitialViewType.useInitialViewType({
         bridgeOnboardingCompleted,
         connectedWallets,
         isAuthenticated: isAuthenticated || Boolean(primaryWallet),
@@ -745,7 +745,7 @@ const InnerDynamicContextProvider = (props) => {
         isMultiWalletEnabled: multiWallet,
         user: user !== null && user !== void 0 ? user : userWithMissingInfo,
     });
-    return (jsxRuntime.jsx(reactI18next.I18nextProvider, { i18n: i18nSDKInstance, children: jsxRuntime.jsxs(DynamicContext.Provider, { value: value, children: [(jsxRuntime.jsx("style", { nonce: cspNonce, children: main_global })), jsxRuntime.jsx(walletBook.WalletBookContextProvider, { walletBook: walletBook$1, children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, { cspNonce: cspNonce, customerTheme: parseTheme.parseTheme(theme, ((_w = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _w === void 0 ? void 0 : _w.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design, children: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsxs(ViewContext.ViewContextProvider, { initialViewType: initialViewType, children: [networkValidationMode === 'always' && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { children: jsxRuntime.jsx(VerificationContext.VerificationProvider, { children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(OnrampContext.OnrampContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsx(UserFieldEditorContext.UserFieldEditorContextProvider, { children: jsxRuntime.jsx(ConnectWithOtpProvider.ConnectWithOtpProvider, { children: jsxRuntime.jsx(PhantomRedirectContext.PhantomRedirectContextProvider, { children: jsxRuntime.jsxs(SocialRedirectContext.SocialRedirectContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(OnrampWidget.OnrampWidget, {}), jsxRuntime.jsx(SyncAuthFlow.SyncAuthFlow, {}), jsxRuntime.jsx(WalletConnectorEvents.WalletConnectorEvents, { connectorProps: connectorProps }), confirmationModal, jsxRuntime.jsx(ErrorBoundaryExclude.ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) })] }) }));
+    return (jsxRuntime.jsx(reactI18next.I18nextProvider, { i18n: i18nSDKInstance, children: jsxRuntime.jsxs(DynamicContext.Provider, { value: value, children: [(jsxRuntime.jsx("style", { nonce: cspNonce, children: main_global })), jsxRuntime.jsx(walletBook.WalletBookContextProvider, { walletBook: walletBook$1, children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, { cspNonce: cspNonce, customerTheme: parseTheme.parseTheme(theme, ((_w = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _w === void 0 ? void 0 : _w.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design, children: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsxs(ViewContext.ViewContextProvider, { initialViewType: 'auth-loading', loginViewType: loginViewType, children: [networkValidationMode === 'always' && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { children: jsxRuntime.jsx(VerificationContext.VerificationProvider, { children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(OnrampContext.OnrampContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsx(UserFieldEditorContext.UserFieldEditorContextProvider, { children: jsxRuntime.jsx(ConnectWithOtpProvider.ConnectWithOtpProvider, { children: jsxRuntime.jsx(PhantomRedirectContext.PhantomRedirectContextProvider, { children: jsxRuntime.jsxs(SocialRedirectContext.SocialRedirectContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(OnrampWidget.OnrampWidget, {}), jsxRuntime.jsx(SyncAuthFlow.SyncAuthFlow, {}), jsxRuntime.jsx(WalletConnectorEvents.WalletConnectorEvents, { connectorProps: connectorProps }), confirmationModal, jsxRuntime.jsx(ErrorBoundaryExclude.ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) })] }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => {

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

@@ -733,7 +733,7 @@ const InnerDynamicContextProvider = (props) => {
         id: 'wallet-book',
         type: 'application/json',
     });
-    const initialViewType = useInitialViewType({
+    const loginViewType = useInitialViewType({
         bridgeOnboardingCompleted,
         connectedWallets,
         isAuthenticated: isAuthenticated || Boolean(primaryWallet),
@@ -741,7 +741,7 @@ const InnerDynamicContextProvider = (props) => {
         isMultiWalletEnabled: multiWallet,
         user: user !== null && user !== void 0 ? user : userWithMissingInfo,
     });
-    return (jsx(I18nextProvider, { i18n: i18nSDKInstance, children: jsxs(DynamicContext.Provider, { value: value, children: [(jsx("style", { nonce: cspNonce, children: css_248z })), jsx(WalletBookContextProvider, { walletBook: walletBook, children: jsx(ThemeContextProvider, { cspNonce: cspNonce, customerTheme: parseTheme(theme, ((_w = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _w === void 0 ? void 0 : _w.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design, children: jsx(LoadingContextProvider, { children: jsxs(ViewContextProvider, { initialViewType: initialViewType, children: [networkValidationMode === 'always' && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { children: jsx(VerificationProvider, { children: jsx(PasskeyContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(OnrampContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsx(ConnectWithOtpProvider, { children: jsx(PhantomRedirectContextProvider, { children: jsxs(SocialRedirectContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(OnrampWidget, {}), jsx(SyncAuthFlow, {}), jsx(WalletConnectorEvents, { connectorProps: connectorProps }), confirmationModal, jsx(ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) })] }) }));
+    return (jsx(I18nextProvider, { i18n: i18nSDKInstance, children: jsxs(DynamicContext.Provider, { value: value, children: [(jsx("style", { nonce: cspNonce, children: css_248z })), jsx(WalletBookContextProvider, { walletBook: walletBook, children: jsx(ThemeContextProvider, { cspNonce: cspNonce, customerTheme: parseTheme(theme, ((_w = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _w === void 0 ? void 0 : _w.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design, children: jsx(LoadingContextProvider, { children: jsxs(ViewContextProvider, { initialViewType: 'auth-loading', loginViewType: loginViewType, children: [networkValidationMode === 'always' && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { children: jsx(VerificationProvider, { children: jsx(PasskeyContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(OnrampContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsx(ConnectWithOtpProvider, { children: jsx(PhantomRedirectContextProvider, { children: jsxs(SocialRedirectContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(OnrampWidget, {}), jsx(SyncAuthFlow, {}), jsx(WalletConnectorEvents, { connectorProps: connectorProps }), confirmationModal, jsx(ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) })] }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => {

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

@@ -6,7 +6,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var utils = require('@dynamic-labs/utils');
+var logger = require('../../shared/logger.cjs');
 
+const FALLBACK_ERROR_LOG_EVENT = 'ui.fallback_error_shown';
 /** @deprecated Prefer setError with a translation key instead */
 const errorMessageMap = {
     '-32000': 'Message signature denied',
@@ -43,13 +45,23 @@ const ErrorContextProvider = ({ children }) => {
         _setErrorCode(errorCode);
     }, []);
     /** Uses the default error message for fallbacks */
-    const setDefaultError = React.useCallback(() => {
+    const setDefaultError = React.useCallback((error) => {
+        logger.logger.error(FALLBACK_ERROR_LOG_EVENT, {
+            errorCode: utils.ErrorCode.DEFAULT,
+            source: 'setDefaultError',
+        }, error);
         setError('Something went wrong. Please try again.', utils.ErrorCode.DEFAULT);
     }, [setError]);
     /** @deprecated Prefer setError with a translation key instead */
-    const setErrorMessage = React.useCallback((status) => {
-        var _a;
-        setError((_a = errorMessageMap[status]) !== null && _a !== void 0 ? _a : 'Something went wrong. Please try again.');
+    const setErrorMessage = React.useCallback((status, error) => {
+        const mappedMessage = errorMessageMap[status];
+        if (!mappedMessage) {
+            logger.logger.error(FALLBACK_ERROR_LOG_EVENT, {
+                errorCode: status,
+                source: 'setErrorMessage',
+            }, error);
+        }
+        setError(mappedMessage !== null && mappedMessage !== void 0 ? mappedMessage : 'Something went wrong. Please try again.');
     }, [setError]);
     const clearError = React.useCallback(() => {
         _setError(undefined);

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

@@ -4,8 +4,8 @@ interface ErrorContextProps {
     error: string | undefined;
     errorCode: ErrorCode | string | undefined;
     setError(error: string | undefined, errorCode?: ErrorCode | string): void;
-    setErrorMessage: (status: string) => void;
-    setDefaultError: () => void;
+    setErrorMessage: (status: string, error?: unknown) => void;
+    setDefaultError: (error?: unknown) => void;
     clearError(): void;
 }
 export declare const ErrorContext: import("react").Context<ErrorContextProps | undefined>;

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

@@ -2,7 +2,9 @@
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useState, useCallback, useMemo, useContext } from 'react';
 import { ErrorCode } from '@dynamic-labs/utils';
+import { logger } from '../../shared/logger.js';
 
+const FALLBACK_ERROR_LOG_EVENT = 'ui.fallback_error_shown';
 /** @deprecated Prefer setError with a translation key instead */
 const errorMessageMap = {
     '-32000': 'Message signature denied',
@@ -39,13 +41,23 @@ const ErrorContextProvider = ({ children }) => {
         _setErrorCode(errorCode);
     }, []);
     /** Uses the default error message for fallbacks */
-    const setDefaultError = useCallback(() => {
+    const setDefaultError = useCallback((error) => {
+        logger.error(FALLBACK_ERROR_LOG_EVENT, {
+            errorCode: ErrorCode.DEFAULT,
+            source: 'setDefaultError',
+        }, error);
         setError('Something went wrong. Please try again.', ErrorCode.DEFAULT);
     }, [setError]);
     /** @deprecated Prefer setError with a translation key instead */
-    const setErrorMessage = useCallback((status) => {
-        var _a;
-        setError((_a = errorMessageMap[status]) !== null && _a !== void 0 ? _a : 'Something went wrong. Please try again.');
+    const setErrorMessage = useCallback((status, error) => {
+        const mappedMessage = errorMessageMap[status];
+        if (!mappedMessage) {
+            logger.error(FALLBACK_ERROR_LOG_EVENT, {
+                errorCode: status,
+                source: 'setErrorMessage',
+            }, error);
+        }
+        setError(mappedMessage !== null && mappedMessage !== void 0 ? mappedMessage : 'Something went wrong. Please try again.');
     }, [setError]);
     const clearError = useCallback(() => {
         _setError(undefined);

package/src/lib/context/ViewContext/ViewContext.cjs

@@ -10,8 +10,11 @@ var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
 var dynamicEvents = require('../../events/dynamicEvents.cjs');
 
 const ViewContext = React.createContext(undefined);
-const ViewContextProvider = ({ children, initialViewType }) => {
+const ViewContextProvider = ({ children, initialViewType, loginViewType }) => {
     var _a;
+    // effectiveLoginViewType drives back-navigation, empty-stack fallback, and clearStackAndPushInitialView.
+    // It is reactive: when loginViewType changes (e.g. after logout) the fallback view updates automatically.
+    const effectiveLoginViewType = loginViewType !== null && loginViewType !== void 0 ? loginViewType : initialViewType;
     const [stack, setStack] = React.useState([]);
     const authFlowCloseTimeoutRef = React.useRef(null);
     const cancelAuthFlowCloseTimeout = React.useCallback(() => {
@@ -20,8 +23,9 @@ const ViewContextProvider = ({ children, initialViewType }) => {
             authFlowCloseTimeoutRef.current = null;
         }
     }, []);
-    const initialView = React.useMemo(() => ({ type: initialViewType }), [initialViewType]);
-    const view = (_a = stack[stack.length - 1]) !== null && _a !== void 0 ? _a : initialView;
+    const view = (_a = stack[stack.length - 1]) !== null && _a !== void 0 ? _a : {
+        type: effectiveLoginViewType,
+    };
     const { clearError } = ErrorContext.useErrorContext();
     const pushView = React.useCallback((type, props, events) => {
         if (view.type === type) {
@@ -38,11 +42,11 @@ const ViewContextProvider = ({ children, initialViewType }) => {
         // reflects this by having this default view as the first item in the stack
         setStack((stack) => {
             if (stack.length === 0)
-                return [{ type: initialViewType }, { events, props, type }];
+                return [{ type: effectiveLoginViewType }, { events, props, type }];
             else
                 return [...stack, { events, props, type }];
         });
-    }, [cancelAuthFlowCloseTimeout, clearError, view.type, initialViewType]);
+    }, [cancelAuthFlowCloseTimeout, clearError, view.type, effectiveLoginViewType]);
     const replaceView = React.useCallback((type, props, events) => {
         if (view.type === type)
             return;
@@ -50,11 +54,11 @@ const ViewContextProvider = ({ children, initialViewType }) => {
         clearError();
         setStack((prev) => {
             if (prev.length <= 1) {
-                return [{ type: initialViewType }, { events, props, type }];
+                return [{ type: effectiveLoginViewType }, { events, props, type }];
             }
             return [...prev.slice(0, -1), { events, props, type }];
         });
-    }, [cancelAuthFlowCloseTimeout, clearError, initialViewType, view.type]);
+    }, [cancelAuthFlowCloseTimeout, clearError, effectiveLoginViewType, view.type]);
     const canGoBack = stack.length > 1;
     const goBack = React.useCallback(() => {
         if (!canGoBack)
@@ -70,11 +74,7 @@ const ViewContextProvider = ({ children, initialViewType }) => {
     }, [cancelAuthFlowCloseTimeout, clearError]);
     const clearStackAndPushInitialView = React.useCallback(() => {
         clearError();
-        setStack((stack) => {
-            if (stack.length > 0)
-                return [];
-            return stack;
-        });
+        setStack((prev) => (prev.length > 0 ? [] : prev));
     }, [clearError]);
     useDynamicEvents.useInternalDynamicEvents('logout', clearStackAndPushInitialView);
     // Wait for the auth flow animation transition to finish before clearing the stack

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

@@ -38,6 +38,7 @@ export type ViewContextProps = {
 };
 type ViewContextProviderProps = {
     initialViewType: ViewType;
+    loginViewType?: ViewType;
 };
 export declare const ViewContext: import("react").Context<ViewContextProps | undefined>;
 export declare const ViewContextProvider: FC<PropsWithChildren<ViewContextProviderProps>>;

package/src/lib/context/ViewContext/ViewContext.js

@@ -6,8 +6,11 @@ import { useErrorContext } from '../ErrorContext/ErrorContext.js';
 import { dynamicEvents } from '../../events/dynamicEvents.js';
 
 const ViewContext = createContext(undefined);
-const ViewContextProvider = ({ children, initialViewType }) => {
+const ViewContextProvider = ({ children, initialViewType, loginViewType }) => {
     var _a;
+    // effectiveLoginViewType drives back-navigation, empty-stack fallback, and clearStackAndPushInitialView.
+    // It is reactive: when loginViewType changes (e.g. after logout) the fallback view updates automatically.
+    const effectiveLoginViewType = loginViewType !== null && loginViewType !== void 0 ? loginViewType : initialViewType;
     const [stack, setStack] = useState([]);
     const authFlowCloseTimeoutRef = useRef(null);
     const cancelAuthFlowCloseTimeout = useCallback(() => {
@@ -16,8 +19,9 @@ const ViewContextProvider = ({ children, initialViewType }) => {
             authFlowCloseTimeoutRef.current = null;
         }
     }, []);
-    const initialView = useMemo(() => ({ type: initialViewType }), [initialViewType]);
-    const view = (_a = stack[stack.length - 1]) !== null && _a !== void 0 ? _a : initialView;
+    const view = (_a = stack[stack.length - 1]) !== null && _a !== void 0 ? _a : {
+        type: effectiveLoginViewType,
+    };
     const { clearError } = useErrorContext();
     const pushView = useCallback((type, props, events) => {
         if (view.type === type) {
@@ -34,11 +38,11 @@ const ViewContextProvider = ({ children, initialViewType }) => {
         // reflects this by having this default view as the first item in the stack
         setStack((stack) => {
             if (stack.length === 0)
-                return [{ type: initialViewType }, { events, props, type }];
+                return [{ type: effectiveLoginViewType }, { events, props, type }];
             else
                 return [...stack, { events, props, type }];
         });
-    }, [cancelAuthFlowCloseTimeout, clearError, view.type, initialViewType]);
+    }, [cancelAuthFlowCloseTimeout, clearError, view.type, effectiveLoginViewType]);
     const replaceView = useCallback((type, props, events) => {
         if (view.type === type)
             return;
@@ -46,11 +50,11 @@ const ViewContextProvider = ({ children, initialViewType }) => {
         clearError();
         setStack((prev) => {
             if (prev.length <= 1) {
-                return [{ type: initialViewType }, { events, props, type }];
+                return [{ type: effectiveLoginViewType }, { events, props, type }];
             }
             return [...prev.slice(0, -1), { events, props, type }];
         });
-    }, [cancelAuthFlowCloseTimeout, clearError, initialViewType, view.type]);
+    }, [cancelAuthFlowCloseTimeout, clearError, effectiveLoginViewType, view.type]);
     const canGoBack = stack.length > 1;
     const goBack = useCallback(() => {
         if (!canGoBack)
@@ -66,11 +70,7 @@ const ViewContextProvider = ({ children, initialViewType }) => {
     }, [cancelAuthFlowCloseTimeout, clearError]);
     const clearStackAndPushInitialView = useCallback(() => {
         clearError();
-        setStack((stack) => {
-            if (stack.length > 0)
-                return [];
-            return stack;
-        });
+        setStack((prev) => (prev.length > 0 ? [] : prev));
     }, [clearError]);
     useInternalDynamicEvents('logout', clearStackAndPushInitialView);
     // Wait for the auth flow animation transition to finish before clearing the stack

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

@@ -1,6 +1,6 @@
 import { ComponentProps, FC } from 'react';
 import type { viewToComponentMap } from '../../../views/viewToComponentMap';
-export type ViewType = 'access-blocked' | 'account-upgraded' | 'backup-unsuccessful' | 'select-hardware-wallet' | 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-no-wallet' | 'device-registration' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'login-with-sms-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'verify-email' | 'verify-sms' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'unified-wallet-exchange-list' | 'external-funding-exchange-list' | 'external-funding-wallet-list' | 'mfa-exchange-view' | 'exchange-whitelist-warning' | 'sandbox-maximum-threshold-reached' | 'multi-wallet-wallet-list' | 'duplicate-wallet' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'select-wallet-in-wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'merge-user-accounts-conflicts' | 'merge-user-accounts-with-same-email' | 'mfa-choose-device' | 'mfa-recovery' | 'mfa-secure-device' | 'mfa-secure-device-help' | 'mfa-verification' | 'mfa-display-backup-codes' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-add-email' | 'global-wallet-confirm' | 'global-wallet-malicious' | 'global-wallet-info' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'passkey-new-domain-detected' | 'passkey-setup' | 'passkey-confirm' | 'embedded-delete-view' | 'embedded-reveal-view' | 'export-shares-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view' | 'wallet-upgrade-flow-view' | 'mobile-wallet-redirect-view' | 'farcaster-connect-view' | 'embedded-wallet-exists' | 'user-delete-account' | 'waas-upgrade-view' | 'wallet-delegation-view' | 'waas-backup-view' | 'waas-backup-info-view' | 'waas-backup-cloud-provider-view' | 'waas-backup-download-view' | 'waas-backup-progress-view' | 'waas-backup-success-view' | 'setup-password-terms' | 'setup-password-for-wallet-creation' | 'reset-password-flow' | 'unlock-wallet' | 'step-up-reauth-choose' | 'step-up-reauth-otp' | 'step-up-reauth-social' | 'step-up-reauth-wallet';
+export type ViewType = 'auth-loading' | 'access-blocked' | 'account-upgraded' | 'backup-unsuccessful' | 'select-hardware-wallet' | 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-no-wallet' | 'device-registration' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'login-with-sms-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'verify-email' | 'verify-sms' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'unified-wallet-exchange-list' | 'external-funding-exchange-list' | 'external-funding-wallet-list' | 'mfa-exchange-view' | 'exchange-whitelist-warning' | 'sandbox-maximum-threshold-reached' | 'multi-wallet-wallet-list' | 'duplicate-wallet' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'select-wallet-in-wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'merge-user-accounts-conflicts' | 'merge-user-accounts-with-same-email' | 'mfa-choose-device' | 'mfa-recovery' | 'mfa-secure-device' | 'mfa-secure-device-help' | 'mfa-verification' | 'mfa-display-backup-codes' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-add-email' | 'global-wallet-confirm' | 'global-wallet-malicious' | 'global-wallet-info' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'passkey-new-domain-detected' | 'passkey-setup' | 'passkey-confirm' | 'embedded-delete-view' | 'embedded-reveal-view' | 'export-shares-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view' | 'wallet-upgrade-flow-view' | 'mobile-wallet-redirect-view' | 'farcaster-connect-view' | 'embedded-wallet-exists' | 'user-delete-account' | 'waas-upgrade-view' | 'wallet-delegation-view' | 'waas-backup-view' | 'waas-backup-info-view' | 'waas-backup-cloud-provider-view' | 'waas-backup-download-view' | 'waas-backup-progress-view' | 'waas-backup-success-view' | 'setup-password-terms' | 'setup-password-for-wallet-creation' | 'reset-password-flow' | 'unlock-wallet' | 'step-up-reauth-choose' | 'step-up-reauth-otp' | 'step-up-reauth-social' | 'step-up-reauth-wallet';
 export type ViewMapConstraint = Record<ViewType, FC<any>>;
 export type ViewMap = typeof viewToComponentMap;
 export type ViewState<T extends ViewType> = {

package/src/lib/layout/DynamicAuthLayout/Header/header.cjs

@@ -133,7 +133,7 @@ const Header = ({ onClose: handleClose, heading, projectSettings, copykey, descr
     const closeButton = showCloseButton && handleClose && (jsxRuntime.jsx(IconButton.IconButton, { onClick: handleClose, type: 'button', id: 'close-button', "data-testid": 'close-button', className: 'layout-header__icon', children: jsxRuntime.jsx(close.ReactComponent, {}) }));
     const infoButton = showHelpContent && (jsxRuntime.jsx(Tooltip.Tooltip, { content: 'Need some help?', className: 'layout-header__tooltip', children: jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: () => setIsFooterExpanded(!isFooterExpanded), "data-testid": 'info-button', className: 'layout-header__icon', children: isWalletListTypeView ? jsxRuntime.jsx(questionMark.ReactComponent, {}) : jsxRuntime.jsx(footerInfoIcon.ReactComponent, {}) }) }, 'info-button'));
     const leadingButtons = [];
-    const showBackButton = canGoBack && view.type !== 'unlock-wallet';
+    const showBackButton = canGoBack && view.type !== 'unlock-wallet' && view.type !== 'auth-loading';
     if (showBackButton) {
         leadingButtons.push(jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: handleBackClick, "data-testid": 'back-button', className: 'layout-header__icon', children: jsxRuntime.jsx(arrowLeft.ReactComponent, {}) }, 'back-button'));
     }

package/src/lib/layout/DynamicAuthLayout/Header/header.js

@@ -129,7 +129,7 @@ const Header = ({ onClose: handleClose, heading, projectSettings, copykey, descr
     const closeButton = showCloseButton && handleClose && (jsx(IconButton, { onClick: handleClose, type: 'button', id: 'close-button', "data-testid": 'close-button', className: 'layout-header__icon', children: jsx(SvgClose, {}) }));
     const infoButton = showHelpContent && (jsx(Tooltip, { content: 'Need some help?', className: 'layout-header__tooltip', children: jsx(IconButton, { type: 'button', onClick: () => setIsFooterExpanded(!isFooterExpanded), "data-testid": 'info-button', className: 'layout-header__icon', children: isWalletListTypeView ? jsx(SvgQuestionMark, {}) : jsx(SvgFooterInfoIcon, {}) }) }, 'info-button'));
     const leadingButtons = [];
-    const showBackButton = canGoBack && view.type !== 'unlock-wallet';
+    const showBackButton = canGoBack && view.type !== 'unlock-wallet' && view.type !== 'auth-loading';
     if (showBackButton) {
         leadingButtons.push(jsx(IconButton, { type: 'button', onClick: handleBackClick, "data-testid": 'back-button', className: 'layout-header__icon', children: jsx(SvgArrowLeft, {}) }, 'back-button'));
     }

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.cjs

@@ -156,7 +156,7 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
             setError(err.message, err.code);
         }
         else {
-            setErrorMessage((_a = err === null || err === void 0 ? void 0 : err.code) === null || _a === void 0 ? void 0 : _a.toString());
+            setErrorMessage((_a = err === null || err === void 0 ? void 0 : err.code) === null || _a === void 0 ? void 0 : _a.toString(), err);
         }
     };
     const handleWalletConnectionError = (error) => {
@@ -168,7 +168,7 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
             setError(error.message, error.code);
         }
         else {
-            setDefaultError();
+            setDefaultError(error);
         }
     };
     return (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ walletConnector, getAddressOpts = undefined, requestedScopes, }) {

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.js

@@ -152,7 +152,7 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
             setError(err.message, err.code);
         }
         else {
-            setErrorMessage((_a = err === null || err === void 0 ? void 0 : err.code) === null || _a === void 0 ? void 0 : _a.toString());
+            setErrorMessage((_a = err === null || err === void 0 ? void 0 : err.code) === null || _a === void 0 ? void 0 : _a.toString(), err);
         }
     };
     const handleWalletConnectionError = (error) => {
@@ -164,7 +164,7 @@ const useConnectAndSign = ({ shouldUpdateWallets = true, shouldCallCallback = tr
             setError(error.message, error.code);
         }
         else {
-            setDefaultError();
+            setDefaultError(error);
         }
     };
     return (_a) => __awaiter(void 0, [_a], void 0, function* ({ walletConnector, getAddressOpts = undefined, requestedScopes, }) {

package/src/lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/useTurnkey/useTurnkey.cjs

@@ -122,7 +122,7 @@ var useInternalDynamicContext = require('../../../../../context/DynamicContext/u
 // Hook exposed to customers and used internally to trigger embedded wallet creation
 const useTurnkey = () => {
     const { projectSettings, walletConnectorOptions, setShowAuthFlow, environmentId, user, primaryWallet, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { pushView } = ViewContext.useViewContext();
+    const { clearStackAndPush } = ViewContext.useViewContext();
     const { createDynamicEmbeddedWalletMutation } = useCreateDynamicEmbeddedWalletMutation.useCreateDynamicEmbeddedWalletMutation();
     const { getEOAWallet } = useSmartWallets.useSmartWallets();
     const startHeadlessEmbeddedWalletCreationFlow = React.useCallback((chains, options) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -154,11 +154,13 @@ const useTurnkey = () => {
         setShowAuthFlow,
     ]);
     const startPasskeyEmbeddedWalletCreationFlow = React.useCallback((chains) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        // Set the view before opening the modal so the modal never renders the
+        // default login view — avoids a flash of wallet selection for passkey users.
+        clearStackAndPush('passkey-intro', { chains });
         setShowAuthFlow(true, {
             ignoreIfIsEmbeddedWidget: false,
             performMultiWalletChecks: false,
         });
-        pushView('passkey-intro', { chains });
         return new Promise((resolve, reject) => {
             dynamicEvents.dynamicEvents.once('embeddedWalletCreated', (wallet) => resolve(wallet));
             dynamicEvents.dynamicEvents.once('embeddedWalletFailed', (error) => {
@@ -173,7 +175,7 @@ const useTurnkey = () => {
                 reject(error);
             });
         });
-    }), [setShowAuthFlow, pushView]);
+    }), [setShowAuthFlow, clearStackAndPush]);
     const returnEmbeddedWallet = React.useCallback((embeddedWalletVerifiedCredential) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _a, _b;
         const { chain } = embeddedWalletVerifiedCredential;

package/src/lib/utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/useTurnkey/useTurnkey.js

@@ -118,7 +118,7 @@ import { useInternalDynamicContext } from '../../../../../context/DynamicContext
 // Hook exposed to customers and used internally to trigger embedded wallet creation
 const useTurnkey = () => {
     const { projectSettings, walletConnectorOptions, setShowAuthFlow, environmentId, user, primaryWallet, } = useInternalDynamicContext();
-    const { pushView } = useViewContext();
+    const { clearStackAndPush } = useViewContext();
     const { createDynamicEmbeddedWalletMutation } = useCreateDynamicEmbeddedWalletMutation();
     const { getEOAWallet } = useSmartWallets();
     const startHeadlessEmbeddedWalletCreationFlow = useCallback((chains, options) => __awaiter(void 0, void 0, void 0, function* () {
@@ -150,11 +150,13 @@ const useTurnkey = () => {
         setShowAuthFlow,
     ]);
     const startPasskeyEmbeddedWalletCreationFlow = useCallback((chains) => __awaiter(void 0, void 0, void 0, function* () {
+        // Set the view before opening the modal so the modal never renders the
+        // default login view — avoids a flash of wallet selection for passkey users.
+        clearStackAndPush('passkey-intro', { chains });
         setShowAuthFlow(true, {
             ignoreIfIsEmbeddedWidget: false,
             performMultiWalletChecks: false,
         });
-        pushView('passkey-intro', { chains });
         return new Promise((resolve, reject) => {
             dynamicEvents.once('embeddedWalletCreated', (wallet) => resolve(wallet));
             dynamicEvents.once('embeddedWalletFailed', (error) => {
@@ -169,7 +171,7 @@ const useTurnkey = () => {
                 reject(error);
             });
         });
-    }), [setShowAuthFlow, pushView]);
+    }), [setShowAuthFlow, clearStackAndPush]);
     const returnEmbeddedWallet = useCallback((embeddedWalletVerifiedCredential) => __awaiter(void 0, void 0, void 0, function* () {
         var _a, _b;
         const { chain } = embeddedWalletVerifiedCredential;

package/src/lib/views/AuthLoadingView/AuthLoadingView.cjs

@@ -0,0 +1,8 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const AuthLoadingView = () => null;
+
+exports.AuthLoadingView = AuthLoadingView;

package/src/lib/views/AuthLoadingView/AuthLoadingView.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const AuthLoadingView: FC;

package/src/lib/views/AuthLoadingView/AuthLoadingView.js

@@ -0,0 +1,4 @@
+'use client'
+const AuthLoadingView = () => null;
+
+export { AuthLoadingView };

package/src/lib/views/AuthLoadingView/index.d.ts

@@ -0,0 +1 @@
+export { AuthLoadingView } from './AuthLoadingView';

package/src/lib/views/viewToComponentMap.cjs

@@ -19,6 +19,7 @@ var StepUpReauthOtpView = require('./StepUpReauthOtpView/StepUpReauthOtpView.cjs
 var StepUpReauthSocialView = require('./StepUpReauthSocialView/StepUpReauthSocialView.cjs');
 var StepUpReauthWalletView = require('./StepUpReauthWalletView/StepUpReauthWalletView.cjs');
 var AccessBlockedView = require('./AccessBlockedView/AccessBlockedView.cjs');
+var AuthLoadingView = require('./AuthLoadingView/AuthLoadingView.cjs');
 var AccountExistsView = require('./AccountExistsView/AccountExistsView.cjs');
 var AccountUpgradedView = require('./AccountUpgradedView/AccountUpgradedView.cjs');
 var BackupUnsuccessfulView = require('./BackupUnsuccessfulView/BackupUnsuccessfulView.cjs');
@@ -191,6 +192,7 @@ const viewToComponentMap = {
     'access-blocked': AccessBlockedView.AccessBlockedView,
     'account-exists': AccountExistsView.AccountExistsView,
     'account-upgraded': AccountUpgradedView.AccountUpgradedView,
+    'auth-loading': AuthLoadingView.AuthLoadingView,
     'backup-unsuccessful': BackupUnsuccessfulView.BackupUnsuccessfulView,
     'bridge-next-wallet-connection': BridgeNextWalletConnectionView.BridgeNextWalletConnectionView,
     'bridge-summary': BridgeSummaryView.BridgeSummaryView,

package/src/lib/views/viewToComponentMap.d.ts

@@ -3,6 +3,7 @@ export declare const viewToComponentMap: {
     'access-blocked': import("react").FC;
     'account-exists': () => JSX.Element;
     'account-upgraded': import("react").FC;
+    'auth-loading': import("react").FC;
     'backup-unsuccessful': import("react").FC<{}>;
     'bridge-next-wallet-connection': import("react").FC;
     'bridge-summary': () => JSX.Element;

package/src/lib/views/viewToComponentMap.js

@@ -15,6 +15,7 @@ import { StepUpReauthOtpView } from './StepUpReauthOtpView/StepUpReauthOtpView.j
 import { StepUpReauthSocialView } from './StepUpReauthSocialView/StepUpReauthSocialView.js';
 import { StepUpReauthWalletView } from './StepUpReauthWalletView/StepUpReauthWalletView.js';
 import { AccessBlockedView } from './AccessBlockedView/AccessBlockedView.js';
+import { AuthLoadingView } from './AuthLoadingView/AuthLoadingView.js';
 import { AccountExistsView } from './AccountExistsView/AccountExistsView.js';
 import { AccountUpgradedView } from './AccountUpgradedView/AccountUpgradedView.js';
 import { BackupUnsuccessfulView } from './BackupUnsuccessfulView/BackupUnsuccessfulView.js';
@@ -187,6 +188,7 @@ const viewToComponentMap = {
     'access-blocked': AccessBlockedView,
     'account-exists': AccountExistsView,
     'account-upgraded': AccountUpgradedView,
+    'auth-loading': AuthLoadingView,
     'backup-unsuccessful': BackupUnsuccessfulView,
     'bridge-next-wallet-connection': BridgeNextWalletConnectionView,
     'bridge-summary': BridgeSummaryView,