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

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

@@ -82,8 +82,9 @@ var DynamicWidgetContext = require('../../widgets/DynamicWidget/context/DynamicW
 var useSendDynamicProps = require('../../utils/hooks/useSendDynamicProps/useSendDynamicProps.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');
-var WalletGroupContext = require('../WalletGroupContext/WalletGroupContext.cjs');
+var store = require('../../store/internalImplementation/store.cjs');
 var walletOptions = require('../../store/state/walletOptions/walletOptions.cjs');
+var WalletGroupContext = require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useEndUserWarning = require('../../utils/hooks/useEndUserWarning/useEndUserWarning.cjs');
 var useDeviceFingerprint = require('../../utils/hooks/useDeviceFingerprint/useDeviceFingerprint.cjs');
@@ -127,7 +128,6 @@ var useNetworkConfigurationsFromProjectSettings = require('../../utils/hooks/use
 var SyncAuthFlow = require('../../components/SyncAuthFlow/SyncAuthFlow.cjs');
 var WalletConnectorEvents = require('../../components/WalletConnectorEvents/WalletConnectorEvents.cjs');
 var shouldFetchNonce = require('../../shared/utils/functions/shouldFetchNonce/shouldFetchNonce.cjs');
-var store = require('../../store/internalImplementation/store.cjs');
 var defaultDynamicSettings = require('../../store/state/dynamicContextProps/defaultDynamicSettings.cjs');
 var parseTheme = require('../../utils/functions/parseTheme/parseTheme.cjs');
 var useMultiWalletWidgetState = require('../../utils/hooks/multiWallet/useMultiWalletWidgetState/useMultiWalletWidgetState.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

@@ -78,8 +78,9 @@ import { DynamicWidgetContextProvider } from '../../widgets/DynamicWidget/contex
 import { useSendDynamicProps } from '../../utils/hooks/useSendDynamicProps/useSendDynamicProps.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';
-import { WalletGroupContextProvider } from '../WalletGroupContext/WalletGroupContext.js';
+import { initializeStore } from '../../store/internalImplementation/store.js';
 import { useWalletConnectorOptions } from '../../store/state/walletOptions/walletOptions.js';
+import { WalletGroupContextProvider } from '../WalletGroupContext/WalletGroupContext.js';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useEndUserWarning } from '../../utils/hooks/useEndUserWarning/useEndUserWarning.js';
 import { useDeviceFingerprint } from '../../utils/hooks/useDeviceFingerprint/useDeviceFingerprint.js';
@@ -123,7 +124,6 @@ import { useNetworkConfigurationsFromProjectSettings } from '../../utils/hooks/u
 import { SyncAuthFlow } from '../../components/SyncAuthFlow/SyncAuthFlow.js';
 import { WalletConnectorEvents } from '../../components/WalletConnectorEvents/WalletConnectorEvents.js';
 import { shouldFetchNonce } from '../../shared/utils/functions/shouldFetchNonce/shouldFetchNonce.js';
-import { initializeStore } from '../../store/internalImplementation/store.js';
 import { defaultDynamicSettings } from '../../store/state/dynamicContextProps/defaultDynamicSettings.js';
 import { parseTheme } from '../../utils/functions/parseTheme/parseTheme.js';
 import { useMultiWalletWidgetState } from '../../utils/hooks/multiWallet/useMultiWalletWidgetState/useMultiWalletWidgetState.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/DynamicContext/hooks/useAutoselectPrimaryWallet/useAutoselectPrimaryWallet.cjs

@@ -108,6 +108,7 @@ require('../../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageT
 require('../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../store/state/multichainBalances.cjs');
+require('@dynamic-labs/store');
 require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 
 /* eslint-disable prefer-destructuring */

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

@@ -104,6 +104,7 @@ import '../../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTo
 import '../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../store/state/multichainBalances.js';
+import '@dynamic-labs/store';
 import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 
 /* eslint-disable prefer-destructuring */

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

@@ -108,6 +108,7 @@ require('../../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageT
 require('../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../store/state/multichainBalances.cjs');
+require('@dynamic-labs/store');
 require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 
 const useHandleLogout = (params) => {

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

@@ -104,6 +104,7 @@ import '../../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTo
 import '../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../store/state/multichainBalances.js';
+import '@dynamic-labs/store';
 import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 
 const useHandleLogout = (params) => {

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

@@ -107,6 +107,7 @@ require('../../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageT
 require('../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../store/state/multichainBalances.cjs');
+require('@dynamic-labs/store');
 require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 
 /** Ties the customer callbacks to our events, such that our events will also trigger the callbacks */

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

@@ -103,6 +103,7 @@ import '../../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTo
 import '../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../store/state/multichainBalances.js';
+import '@dynamic-labs/store';
 import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 
 /** Ties the customer callbacks to our events, such that our events will also trigger the callbacks */

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

@@ -107,6 +107,7 @@ require('../../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageT
 require('../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../store/state/multichainBalances.cjs');
+require('@dynamic-labs/store');
 require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 
 const useOverrides = (dynamicContext) => {

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

@@ -103,6 +103,7 @@ import '../../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTo
 import '../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../store/state/multichainBalances.js';
+import '@dynamic-labs/store';
 import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 
 const useOverrides = (dynamicContext) => {

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,29 @@ const ErrorContextProvider = ({ children }) => {
         _setErrorCode(errorCode);
     }, []);
     /** Uses the default error message for fallbacks */
-    const setDefaultError = React.useCallback(() => {
+    const setDefaultError = React.useCallback((error) => {
+        logger.logger.instrument(FALLBACK_ERROR_LOG_EVENT, {
+            error: error instanceof Error ? error.message : undefined,
+            errorCode: utils.ErrorCode.DEFAULT,
+            key: FALLBACK_ERROR_LOG_EVENT,
+            source: 'setDefaultError',
+            time: 0,
+        });
         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.instrument(FALLBACK_ERROR_LOG_EVENT, {
+                error: error instanceof Error ? error.message : undefined,
+                errorCode: status,
+                key: FALLBACK_ERROR_LOG_EVENT,
+                source: 'setErrorMessage',
+                time: 0,
+            });
+        }
+        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,29 @@ const ErrorContextProvider = ({ children }) => {
         _setErrorCode(errorCode);
     }, []);
     /** Uses the default error message for fallbacks */
-    const setDefaultError = useCallback(() => {
+    const setDefaultError = useCallback((error) => {
+        logger.instrument(FALLBACK_ERROR_LOG_EVENT, {
+            error: error instanceof Error ? error.message : undefined,
+            errorCode: ErrorCode.DEFAULT,
+            key: FALLBACK_ERROR_LOG_EVENT,
+            source: 'setDefaultError',
+            time: 0,
+        });
         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.instrument(FALLBACK_ERROR_LOG_EVENT, {
+                error: error instanceof Error ? error.message : undefined,
+                errorCode: status,
+                key: FALLBACK_ERROR_LOG_EVENT,
+                source: 'setErrorMessage',
+                time: 0,
+            });
+        }
+        setError(mappedMessage !== null && mappedMessage !== void 0 ? mappedMessage : 'Something went wrong. Please try again.');
     }, [setError]);
     const clearError = useCallback(() => {
         _setError(undefined);

package/src/lib/context/LoadingContext/LoadingContext.cjs

@@ -106,6 +106,7 @@ require('../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfa
 require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');
+require('@dynamic-labs/store');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 
 const LoadingContext = React.createContext(undefined);

package/src/lib/context/LoadingContext/LoadingContext.js

@@ -102,6 +102,7 @@ import '../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaW
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';
+import '@dynamic-labs/store';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 
 const LoadingContext = createContext(undefined);

package/src/lib/context/MockContext/MockContext.cjs

@@ -93,6 +93,7 @@ require('../OnrampContext/OnrampContext.cjs');
 require('../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');
+require('@dynamic-labs/store');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/IsBrowser/IsBrowser.cjs');

package/src/lib/context/MockContext/MockContext.js

@@ -89,6 +89,7 @@ import '../OnrampContext/OnrampContext.js';
 import '../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';
+import '@dynamic-labs/store';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/IsBrowser/IsBrowser.js';

package/src/lib/context/OnrampContext/OnrampContext.cjs

@@ -108,6 +108,7 @@ require('../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfa
 require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');
+require('@dynamic-labs/store');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 var useOnrampProviders = require('./useOnrampProviders/useOnrampProviders.cjs');

package/src/lib/context/OnrampContext/OnrampContext.js

@@ -104,6 +104,7 @@ import '../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaW
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';
+import '@dynamic-labs/store';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 import { useOnrampProviders } from './useOnrampProviders/useOnrampProviders.js';

package/src/lib/context/PasskeyContext/PasskeyContext.cjs

@@ -112,6 +112,7 @@ require('../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfa
 require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');
+require('@dynamic-labs/store');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 
 const PasskeyContext = React.createContext(undefined);

package/src/lib/context/PasskeyContext/PasskeyContext.js

@@ -108,6 +108,7 @@ import '../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaW
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';
+import '@dynamic-labs/store';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 
 const PasskeyContext = createContext(undefined);

package/src/lib/context/PhantomRedirectContext/PhantomRedirectContext.cjs

@@ -106,6 +106,7 @@ require('../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfa
 require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');
+require('@dynamic-labs/store');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 var useResponseHandlers = require('./useResponseHandlers.cjs');

package/src/lib/context/PhantomRedirectContext/PhantomRedirectContext.js

@@ -102,6 +102,7 @@ import '../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaW
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';
+import '@dynamic-labs/store';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 import { useResponseHandlers } from './useResponseHandlers.js';

package/src/lib/context/PhantomRedirectContext/useResponseHandlers.cjs

@@ -114,6 +114,7 @@ require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds
 require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');
+require('@dynamic-labs/store');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 
 const useResponseHandlers = () => {

package/src/lib/context/PhantomRedirectContext/useResponseHandlers.js

@@ -110,6 +110,7 @@ import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.
 import '../../../index.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';
+import '@dynamic-labs/store';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 
 const useResponseHandlers = () => {

package/src/lib/context/SendBalanceContext/SendBalanceContext.cjs

@@ -108,6 +108,7 @@ require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds
 var SendBalanceModal = require('../../modals/SendBalanceModal/SendBalanceModal.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');
+require('@dynamic-labs/store');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 var SendBalanceContext_errors = require('./SendBalanceContext.errors.cjs');

package/src/lib/context/SendBalanceContext/SendBalanceContext.js

@@ -104,6 +104,7 @@ import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.
 import { SendBalanceModal } from '../../modals/SendBalanceModal/SendBalanceModal.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';
+import '@dynamic-labs/store';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
 import { noWalletError, invalidWalletTypeError } from './SendBalanceContext.errors.js';

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.cjs

@@ -110,6 +110,7 @@ require('../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfa
 require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');
+require('@dynamic-labs/store');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useRedirectSocialHandler = require('./hooks/useRedirectSocialHandler/useRedirectSocialHandler.cjs');
 

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.js

@@ -106,6 +106,7 @@ import '../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaW
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';
+import '@dynamic-labs/store';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useRedirectSocialHandler } from './hooks/useRedirectSocialHandler/useRedirectSocialHandler.js';
 

package/src/lib/context/SocialRedirectContext/hooks/useRedirectSocialHandler/useRedirectSocialHandler.cjs

@@ -113,6 +113,7 @@ require('../../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageT
 require('../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../store/state/tokenBalances.cjs');
 require('../../../../store/state/multichainBalances.cjs');
+require('@dynamic-labs/store');
 require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var usePromptAndFundWithExchange = require('../../../../utils/hooks/usePromptAndFundWithExchange/usePromptAndFundWithExchange.cjs');
 var getDynamicRedirectData = require('../../utils/getDynamicRedirectData/getDynamicRedirectData.cjs');

package/src/lib/context/SocialRedirectContext/hooks/useRedirectSocialHandler/useRedirectSocialHandler.js

@@ -109,6 +109,7 @@ import '../../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTo
 import '../../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../store/state/tokenBalances.js';
 import '../../../../store/state/multichainBalances.js';
+import '@dynamic-labs/store';
 import '../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { usePromptAmountAndFundWithExchange } from '../../../../utils/hooks/usePromptAndFundWithExchange/usePromptAndFundWithExchange.js';
 import { getDynamicRedirectData } from '../../utils/getDynamicRedirectData/getDynamicRedirectData.js';

package/src/lib/context/UserFieldEditorContext/UserFieldEditorContext.cjs

@@ -107,6 +107,7 @@ require('../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfa
 require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');
+require('@dynamic-labs/store');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var DynamicBaseWidget = require('../../components/DynamicBaseWidget/DynamicBaseWidget.cjs');
 

package/src/lib/context/UserFieldEditorContext/UserFieldEditorContext.js

@@ -103,6 +103,7 @@ import '../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaW
 import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';
+import '@dynamic-labs/store';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { DynamicBaseWidget } from '../../components/DynamicBaseWidget/DynamicBaseWidget.js';
 

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