@dynamic-labs/sdk-react-core 4.9.2-preview.0 → 4.9.3

package/src/lib/components/WalletConnectorEvents/WalletConnectorEvents.cjs

@@ -181,11 +181,19 @@ const WalletConnectorEvents = ({ connectorProps, }) => {
     React.useEffect(() => {
         const handleConnectorInitStarted = (key) => {
             logger.logger.logVerboseTroubleshootingMessage('[WalletConnectorEvents] handleConnectorInitStarted', { key });
-            connectorsInitializing.setConnectorInitializing(key, true);
+            // need to add the timeout to ensure the setConnectorInitializing call is not
+            // made in the same tick to avoid a bad setState call error from React
+            setTimeout(() => {
+                connectorsInitializing.setConnectorInitializing(key, true);
+            }, 0);
         };
         const handleConnectorInitCompleted = (key) => {
             logger.logger.logVerboseTroubleshootingMessage('[WalletConnectorEvents] handleConnectorInitCompleted', { key });
-            connectorsInitializing.setConnectorInitializing(key, false);
+            // need to add the timeout to ensure the setConnectorInitializing call is not
+            // made in the same tick to avoid a bad setState call error from React
+            setTimeout(() => {
+                connectorsInitializing.setConnectorInitializing(key, false);
+            }, 0);
         };
         walletConnectorCore.walletConnectorEvents.on('connectorInitStarted', handleConnectorInitStarted);
         walletConnectorCore.walletConnectorEvents.on('connectorInitCompleted', handleConnectorInitCompleted);

package/src/lib/components/WalletConnectorEvents/WalletConnectorEvents.js

@@ -177,11 +177,19 @@ const WalletConnectorEvents = ({ connectorProps, }) => {
     useEffect(() => {
         const handleConnectorInitStarted = (key) => {
             logger.logVerboseTroubleshootingMessage('[WalletConnectorEvents] handleConnectorInitStarted', { key });
-            setConnectorInitializing(key, true);
+            // need to add the timeout to ensure the setConnectorInitializing call is not
+            // made in the same tick to avoid a bad setState call error from React
+            setTimeout(() => {
+                setConnectorInitializing(key, true);
+            }, 0);
         };
         const handleConnectorInitCompleted = (key) => {
             logger.logVerboseTroubleshootingMessage('[WalletConnectorEvents] handleConnectorInitCompleted', { key });
-            setConnectorInitializing(key, false);
+            // need to add the timeout to ensure the setConnectorInitializing call is not
+            // made in the same tick to avoid a bad setState call error from React
+            setTimeout(() => {
+                setConnectorInitializing(key, false);
+            }, 0);
         };
         walletConnectorEvents.on('connectorInitStarted', handleConnectorInitStarted);
         walletConnectorEvents.on('connectorInitCompleted', handleConnectorInitCompleted);

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

@@ -137,7 +137,6 @@ var PhantomRedirectContext = require('../PhantomRedirectContext/PhantomRedirectC
 var ReinitializeContextProvider = require('../ReinitializeContext/ReinitializeContextProvider.cjs');
 var SendBalanceContext = require('../SendBalanceContext/SendBalanceContext.cjs');
 var UseNetworkValidation = require('../UseNetworkValidation/UseNetworkValidation.cjs');
-var useRemoveWallet = require('./hooks/useRemoveWallet/useRemoveWallet.cjs');
 var onReinitialize = require('./functions/onReinitialize/onReinitialize.cjs');
 var useDisplayOrderState = require('./hooks/useDisplayOrderState/useDisplayOrderState.cjs');
 var useEmailLoginState = require('./hooks/useEmailLoginState/useEmailLoginState.cjs');
@@ -148,9 +147,11 @@ var useShowAuthFlow = require('./hooks/useShowAuthFlow/useShowAuthFlow.cjs');
 var usePasskeySuccessPopup = require('./hooks/usePasskeySuccessPopup/usePasskeySuccessPopup.cjs');
 var useTieCallbacksToEvents = require('./hooks/useTieCallbacksToEvents/useTieCallbacksToEvents.cjs');
 var useMultiWallet = require('./hooks/useMultiWallet/useMultiWallet.cjs');
+var useInitialViewType = require('./hooks/useInitialViewType/useInitialViewType.cjs');
 var useMultiAsset = require('./hooks/useMultiAsset/useMultiAsset.cjs');
 var useParentDynamicContextGuard = require('./hooks/useParentDynamicContextGuard/useParentDynamicContextGuard.cjs');
 var useRegisterStorageService = require('./hooks/useRegisterStorageService/useRegisterStorageService.cjs');
+var useRemoveWallet = require('./hooks/useRemoveWallet/useRemoveWallet.cjs');
 var useShowDynamicUserProfile = require('./hooks/useShowDynamicUserProfile/useShowDynamicUserProfile.cjs');
 var useShowEmbeddedWalletActionsUI = require('./hooks/useShowEmbeddedWalletActionsUI/useShowEmbeddedWalletActionsUI.cjs');
 var useShowFiat = require('./hooks/useShowFiat/useShowFiat.cjs');
@@ -291,7 +292,7 @@ const InnerDynamicContextProvider = (props) => {
     // which are only available further down and have would have circular dependencies
     const [requiredWalletsConnected, setRequiredWalletsConnected] = React.useState(false);
     const isUserAuthenticated = Boolean(authMode === 'connect-and-sign' ? user$1 : requiredWalletsConnected);
-    const isRenderingEmbeddedAuthFlow = React.useRef(false);
+    const [isRenderingEmbeddedAuthFlow, setIsRenderingEmbeddedAuthFlow] = React.useState(false);
     const [showAuthFlow, setShowAuthFlow] = useShowAuthFlow.useShowAuthFlow({
         isAuthenticated: isUserAuthenticated,
         isMultiWalletEnabled: multiWallet,
@@ -560,6 +561,7 @@ const InnerDynamicContextProvider = (props) => {
             setBridgeOnboardingCompleted,
             setCallback,
             setDesktopUri,
+            setIsRenderingEmbeddedAuthFlow,
             setIsSingleWalletAccount,
             setLegacyIsVerifying,
             setLogInWithEmail,
@@ -636,6 +638,7 @@ const InnerDynamicContextProvider = (props) => {
         handlers,
         i18nSDKInstance,
         isBridgeFlow,
+        isRenderingEmbeddedAuthFlow,
         isSingleWalletAccount,
         legacyIsVerifying,
         linkedWallets,
@@ -722,13 +725,14 @@ const InnerDynamicContextProvider = (props) => {
         id: `project-settings-${environmentId}`,
         type: 'application/json',
     });
-    return (jsxRuntime.jsx(reactI18next.I18nextProvider, { i18n: i18nSDKInstance, children: jsxRuntime.jsx(DynamicContext.Provider, { value: value, children: jsxRuntime.jsx(walletBook.WalletBookContextProvider, { walletBook: walletBook$1, children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, { customerTheme: parseTheme.parseTheme(theme, ((_q = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.design) === null || _q === void 0 ? void 0 : _q.modal) || undefined), designSettings: projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.design, children: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsxs(ViewContext.ViewContextProvider, { initialViewType: helpers.getInitialViewType({
-                                bridgeOnboardingCompleted,
-                                connectedWallets,
-                                isAuthenticated: isAuthenticated || Boolean(primaryWallet),
-                                isBridgeFlow,
-                                isMultiWalletEnabled: multiWallet,
-                            }), 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(Toolkit.Toolkit, {}), jsxRuntime.jsx(OnrampWidget.OnrampWidget, {}), jsxRuntime.jsx(SyncAuthFlow.SyncAuthFlow, {}), jsxRuntime.jsx(WalletConnectorEvents.WalletConnectorEvents, { connectorProps: connectorProps }), confirmationModal, jsxRuntime.jsx(ErrorBoundaryExclude.ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
+    const initialViewType = useInitialViewType.useInitialViewType({
+        bridgeOnboardingCompleted,
+        connectedWallets,
+        isAuthenticated: isAuthenticated || Boolean(primaryWallet),
+        isBridgeFlow,
+        isMultiWalletEnabled: multiWallet,
+    });
+    return (jsxRuntime.jsx(reactI18next.I18nextProvider, { i18n: i18nSDKInstance, children: jsxRuntime.jsx(DynamicContext.Provider, { value: value, children: jsxRuntime.jsx(walletBook.WalletBookContextProvider, { walletBook: walletBook$1, children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, { customerTheme: parseTheme.parseTheme(theme, ((_q = projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.design) === null || _q === void 0 ? void 0 : _q.modal) || undefined), designSettings: projectSettings$1 === null || projectSettings$1 === void 0 ? void 0 : projectSettings$1.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(Toolkit.Toolkit, {}), 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

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { createContext, useState, useMemo, useRef, useEffect, useCallback } from 'react';
+import { createContext, useState, useMemo, useEffect, useCallback } from 'react';
 import { I18nextProvider } from 'react-i18next';
 import { getIconicSpriteUrl } from '@dynamic-labs/iconic';
 import { Logger } from '@dynamic-labs/logger';
@@ -25,7 +25,7 @@ import '../../shared/consts/index.js';
 import { CaptchaContextProvider } from '../CaptchaContext/CaptchaContext.js';
 import { ErrorContextProvider } from '../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
-import { resolveNetworkValidationMode, initExpirationTime, getInitialViewType, getDeepLinkPreference } from './helpers/helpers.js';
+import { resolveNetworkValidationMode, initExpirationTime, getDeepLinkPreference } from './helpers/helpers.js';
 import 'react-international-phone';
 import { useFetchNonce, useNonce } from '../../store/state/nonce/nonce.js';
 import { useProjectSettings, useFetchProjectSettings } from '../../store/state/projectSettings/projectSettings.js';
@@ -133,7 +133,6 @@ import { PhantomRedirectContextProvider } from '../PhantomRedirectContext/Phanto
 import { ReinitializeContextProvider } from '../ReinitializeContext/ReinitializeContextProvider.js';
 import { SendBalanceContextProvider } from '../SendBalanceContext/SendBalanceContext.js';
 import { UseNetworkValidation } from '../UseNetworkValidation/UseNetworkValidation.js';
-import { useRemoveWallet } from './hooks/useRemoveWallet/useRemoveWallet.js';
 import { onReinitialize } from './functions/onReinitialize/onReinitialize.js';
 import { useDisplayOrderState } from './hooks/useDisplayOrderState/useDisplayOrderState.js';
 import { useEmailLoginState } from './hooks/useEmailLoginState/useEmailLoginState.js';
@@ -144,9 +143,11 @@ import { useShowAuthFlow } from './hooks/useShowAuthFlow/useShowAuthFlow.js';
 import { usePasskeySuccessPopup } from './hooks/usePasskeySuccessPopup/usePasskeySuccessPopup.js';
 import { useTieCallbacksToEvents } from './hooks/useTieCallbacksToEvents/useTieCallbacksToEvents.js';
 import { useMultiWallet } from './hooks/useMultiWallet/useMultiWallet.js';
+import { useInitialViewType } from './hooks/useInitialViewType/useInitialViewType.js';
 import { useMultiAsset } from './hooks/useMultiAsset/useMultiAsset.js';
 import { useParentDynamicContextGuard } from './hooks/useParentDynamicContextGuard/useParentDynamicContextGuard.js';
 import { useRegisterStorageService } from './hooks/useRegisterStorageService/useRegisterStorageService.js';
+import { useRemoveWallet } from './hooks/useRemoveWallet/useRemoveWallet.js';
 import { useShowDynamicUserProfile } from './hooks/useShowDynamicUserProfile/useShowDynamicUserProfile.js';
 import { useShowEmbeddedWalletActionsUI } from './hooks/useShowEmbeddedWalletActionsUI/useShowEmbeddedWalletActionsUI.js';
 import { useShowFiat } from './hooks/useShowFiat/useShowFiat.js';
@@ -287,7 +288,7 @@ const InnerDynamicContextProvider = (props) => {
     // which are only available further down and have would have circular dependencies
     const [requiredWalletsConnected, setRequiredWalletsConnected] = useState(false);
     const isUserAuthenticated = Boolean(authMode === 'connect-and-sign' ? user : requiredWalletsConnected);
-    const isRenderingEmbeddedAuthFlow = useRef(false);
+    const [isRenderingEmbeddedAuthFlow, setIsRenderingEmbeddedAuthFlow] = useState(false);
     const [showAuthFlow, setShowAuthFlow] = useShowAuthFlow({
         isAuthenticated: isUserAuthenticated,
         isMultiWalletEnabled: multiWallet,
@@ -556,6 +557,7 @@ const InnerDynamicContextProvider = (props) => {
             setBridgeOnboardingCompleted,
             setCallback,
             setDesktopUri,
+            setIsRenderingEmbeddedAuthFlow,
             setIsSingleWalletAccount,
             setLegacyIsVerifying,
             setLogInWithEmail,
@@ -632,6 +634,7 @@ const InnerDynamicContextProvider = (props) => {
         handlers,
         i18nSDKInstance,
         isBridgeFlow,
+        isRenderingEmbeddedAuthFlow,
         isSingleWalletAccount,
         legacyIsVerifying,
         linkedWallets,
@@ -718,13 +721,14 @@ const InnerDynamicContextProvider = (props) => {
         id: `project-settings-${environmentId}`,
         type: 'application/json',
     });
-    return (jsx(I18nextProvider, { i18n: i18nSDKInstance, children: jsx(DynamicContext.Provider, { value: value, children: jsx(WalletBookContextProvider, { walletBook: walletBook, children: jsx(ThemeContextProvider, { customerTheme: parseTheme(theme, ((_q = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _q === void 0 ? void 0 : _q.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design, children: jsx(LoadingContextProvider, { children: jsxs(ViewContextProvider, { initialViewType: getInitialViewType({
-                                bridgeOnboardingCompleted,
-                                connectedWallets,
-                                isAuthenticated: isAuthenticated || Boolean(primaryWallet),
-                                isBridgeFlow,
-                                isMultiWalletEnabled: multiWallet,
-                            }), 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(Toolkit, {}), jsx(OnrampWidget, {}), jsx(SyncAuthFlow, {}), jsx(WalletConnectorEvents, { connectorProps: connectorProps }), confirmationModal, jsx(ErrorBoundaryExclude, { children: children })] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
+    const initialViewType = useInitialViewType({
+        bridgeOnboardingCompleted,
+        connectedWallets,
+        isAuthenticated: isAuthenticated || Boolean(primaryWallet),
+        isBridgeFlow,
+        isMultiWalletEnabled: multiWallet,
+    });
+    return (jsx(I18nextProvider, { i18n: i18nSDKInstance, children: jsx(DynamicContext.Provider, { value: value, children: jsx(WalletBookContextProvider, { walletBook: walletBook, children: jsx(ThemeContextProvider, { customerTheme: parseTheme(theme, ((_q = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _q === void 0 ? void 0 : _q.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(Toolkit, {}), 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/helpers/helpers.cjs

@@ -52,17 +52,6 @@ const initExpirationTime = (logout) => {
     const expiryTimeout = Math.min(expirationTimeInMs, 2147483647);
     logoutTimer = setTimeout(logout, expiryTimeout);
 };
-const getInitialViewType = ({ connectedWallets, isBridgeFlow, bridgeOnboardingCompleted, isAuthenticated, isMultiWalletEnabled, }) => {
-    // when multiwallet enabled, and user wants to link wallet
-    // show wallet-list view
-    if (isAuthenticated || bridgeOnboardingCompleted) {
-        return isMultiWalletEnabled ? 'multi-wallet-wallet-list' : 'wallet-list';
-    }
-    if (isBridgeFlow && !connectedWallets.length) {
-        return 'bridge-welcome';
-    }
-    return 'login-with-email-or-wallet';
-};
 const setDynamicContextSessionSettings = () => {
     setSessionSettings(localStorage.DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS);
     dynamicContextSettingsTimer = setTimeout(isDynamicContextSessionSettingExpired, sdkSettingsTimeout);
@@ -110,7 +99,6 @@ const getDeepLinkPreference = (deepLinkPreferenceProp, isBridgeFlow) => {
 };
 
 exports.getDeepLinkPreference = getDeepLinkPreference;
-exports.getInitialViewType = getInitialViewType;
 exports.initExpirationTime = initExpirationTime;
 exports.isAuthTokenExpired = isAuthTokenExpired;
 exports.isDynamicContextSessionSettingExpired = isDynamicContextSessionSettingExpired;

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

@@ -1,17 +1,9 @@
-import { DeepLinkVariant, Wallet } from '@dynamic-labs/wallet-connector-core';
-import { ViewType } from '../../ViewContext';
+import { DeepLinkVariant } from '@dynamic-labs/wallet-connector-core';
 import { ChainsToConnect, NetworkValidationMode } from '../types';
 export declare const sdkSettingsTimeout: number;
 export declare const isMinAuthTokenExpired: (token: string) => boolean;
 export declare const isAuthTokenExpired: (token: string) => boolean;
 export declare const initExpirationTime: (logout: VoidFunction) => void;
-export declare const getInitialViewType: ({ connectedWallets, isBridgeFlow, bridgeOnboardingCompleted, isAuthenticated, isMultiWalletEnabled, }: {
-    connectedWallets: Wallet[];
-    isBridgeFlow: boolean;
-    isAuthenticated: boolean;
-    bridgeOnboardingCompleted: boolean;
-    isMultiWalletEnabled: boolean;
-}) => ViewType;
 export declare const setDynamicContextSessionSettings: () => void;
 export declare const setWagmiSessionSettings: () => void;
 export declare const isDynamicContextSessionSettingExpired: () => boolean;

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

@@ -48,17 +48,6 @@ const initExpirationTime = (logout) => {
     const expiryTimeout = Math.min(expirationTimeInMs, 2147483647);
     logoutTimer = setTimeout(logout, expiryTimeout);
 };
-const getInitialViewType = ({ connectedWallets, isBridgeFlow, bridgeOnboardingCompleted, isAuthenticated, isMultiWalletEnabled, }) => {
-    // when multiwallet enabled, and user wants to link wallet
-    // show wallet-list view
-    if (isAuthenticated || bridgeOnboardingCompleted) {
-        return isMultiWalletEnabled ? 'multi-wallet-wallet-list' : 'wallet-list';
-    }
-    if (isBridgeFlow && !connectedWallets.length) {
-        return 'bridge-welcome';
-    }
-    return 'login-with-email-or-wallet';
-};
 const setDynamicContextSessionSettings = () => {
     setSessionSettings(DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS);
     dynamicContextSettingsTimer = setTimeout(isDynamicContextSessionSettingExpired, sdkSettingsTimeout);
@@ -105,4 +94,4 @@ const getDeepLinkPreference = (deepLinkPreferenceProp, isBridgeFlow) => {
     return deepLinkPreferenceProp;
 };
 
-export { getDeepLinkPreference, getInitialViewType, initExpirationTime, isAuthTokenExpired, isDynamicContextSessionSettingExpired, isMinAuthTokenExpired, isWagmiSessionSettingExpired, resolveNetworkValidationMode, sdkSettingsTimeout, setDynamicContextSessionSettings, setWagmiSessionSettings };
+export { getDeepLinkPreference, initExpirationTime, isAuthTokenExpired, isDynamicContextSessionSettingExpired, isMinAuthTokenExpired, isWagmiSessionSettingExpired, resolveNetworkValidationMode, sdkSettingsTimeout, setDynamicContextSessionSettings, setWagmiSessionSettings };

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

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

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

@@ -0,0 +1,18 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const useInitialViewType = ({ isAuthenticated, bridgeOnboardingCompleted, isMultiWalletEnabled, isBridgeFlow, connectedWallets, }) => {
+    // when multiwallet enabled, and user wants to link wallet
+    // show wallet-list view
+    if (isAuthenticated || bridgeOnboardingCompleted) {
+        return isMultiWalletEnabled ? 'multi-wallet-wallet-list' : 'wallet-list';
+    }
+    if (isBridgeFlow && !connectedWallets.length) {
+        return 'bridge-welcome';
+    }
+    return 'login-with-email-or-wallet';
+};
+
+exports.useInitialViewType = useInitialViewType;

package/src/lib/context/DynamicContext/hooks/useInitialViewType/useInitialViewType.d.ts

@@ -0,0 +1,10 @@
+import { Wallet } from '@dynamic-labs/wallet-connector-core';
+type UseInitialViewTypeProps = {
+    isAuthenticated: boolean;
+    bridgeOnboardingCompleted: boolean;
+    isMultiWalletEnabled: boolean;
+    isBridgeFlow: boolean;
+    connectedWallets: Wallet[];
+};
+export declare const useInitialViewType: ({ isAuthenticated, bridgeOnboardingCompleted, isMultiWalletEnabled, isBridgeFlow, connectedWallets, }: UseInitialViewTypeProps) => "multi-wallet-wallet-list" | "wallet-list" | "bridge-welcome" | "login-with-email-or-wallet";
+export {};

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

@@ -0,0 +1,14 @@
+'use client'
+const useInitialViewType = ({ isAuthenticated, bridgeOnboardingCompleted, isMultiWalletEnabled, isBridgeFlow, connectedWallets, }) => {
+    // when multiwallet enabled, and user wants to link wallet
+    // show wallet-list view
+    if (isAuthenticated || bridgeOnboardingCompleted) {
+        return isMultiWalletEnabled ? 'multi-wallet-wallet-list' : 'wallet-list';
+    }
+    if (isBridgeFlow && !connectedWallets.length) {
+        return 'bridge-welcome';
+    }
+    return 'login-with-email-or-wallet';
+};
+
+export { useInitialViewType };

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

@@ -43,7 +43,7 @@ const useShowAuthFlow = ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMulti
             dynamicEvents.dynamicEvents.emit('authFlowClose');
         }
         if (value) {
-            if (ignoreIfIsEmbeddedWidget && isRenderingEmbeddedAuthFlow.current)
+            if (ignoreIfIsEmbeddedWidget && isRenderingEmbeddedAuthFlow)
                 return;
             if (performMultiWalletChecks && isAuthenticated) {
                 if (!isMultiWalletEnabled) {

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

@@ -39,7 +39,7 @@ const useShowAuthFlow = ({ isAuthenticated, isRenderingEmbeddedAuthFlow, isMulti
             dynamicEvents.emit('authFlowClose');
         }
         if (value) {
-            if (ignoreIfIsEmbeddedWidget && isRenderingEmbeddedAuthFlow.current)
+            if (ignoreIfIsEmbeddedWidget && isRenderingEmbeddedAuthFlow)
                 return;
             if (performMultiWalletChecks && isAuthenticated) {
                 if (!isMultiWalletEnabled) {

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

@@ -1,4 +1,4 @@
-import { Dispatch, MutableRefObject, ReactNode, SetStateAction } from 'react';
+import { Dispatch, ReactNode, SetStateAction } from 'react';
 import { changeLanguage } from 'i18next';
 import { CountryIso2 } from 'react-international-phone';
 import { NameServiceData, ProjectSettings } from '@dynamic-labs/sdk-api-core';
@@ -64,7 +64,7 @@ export interface IDynamicContext {
     handlers?: DynamicHandlers;
     isBridgeFlow: boolean;
     /** Whether there is an instance of DynamicEmbeddedAuthFlow being rendered */
-    isRenderingEmbeddedAuthFlow: MutableRefObject<boolean>;
+    isRenderingEmbeddedAuthFlow: boolean;
     isSingleWalletAccount: boolean;
     /**
      * Legacy boolean flag used in useVerifyOnAwaitingSignature. Used to be called "isVerifying"
@@ -80,6 +80,7 @@ export interface IDynamicContext {
     loginWithEmail: boolean;
     selectedTabIndex: number;
     selectedTabSettings: WalletListViewTabItem | undefined;
+    setIsRenderingEmbeddedAuthFlow: Dispatch<SetStateAction<boolean>>;
     tabsItems: WalletListViewTabItem[] | undefined;
     setSelectedTabIndex: Dispatch<SetStateAction<number>>;
     multiAsset: boolean;
@@ -159,6 +160,9 @@ export interface IDynamicContext {
     termsOfServiceUrl?: string;
     theme?: ThemeData | ThemeSetting;
     toolkitEnabled?: boolean;
+    /**
+     * @deprecated fetch from store instead. Try `getUser` / `useUser` or `useUserCoalesced`.
+     */
     user: UserProfile | undefined;
     userWithMissingInfo: UserProfile | undefined;
     /**

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

@@ -19,6 +19,7 @@ const mapErrorCodeToTranslation = {
     [utils.ErrorCode.ACCOUNT_ALREADY_LINKED_TO_DIFFERENT_PROFILE]: 'dyn_error.account_already_linked_to_different_profile',
     [utils.ErrorCode.CONNECTION_REJECTED]: 'dyn_error.connection_rejected',
     [utils.ErrorCode.MISSING_PUBLIC_ADDRESS]: 'dyn_error.missing_public_address',
+    [utils.ErrorCode.CONNECTION_PROPOSAL_EXPIRED]: 'dyn_error.connection_proposal_expired',
 };
 /** A hook that listens to the error context and returns a translated value */
 const useErrorText = () => {

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

@@ -15,6 +15,7 @@ const mapErrorCodeToTranslation = {
     [ErrorCode.ACCOUNT_ALREADY_LINKED_TO_DIFFERENT_PROFILE]: 'dyn_error.account_already_linked_to_different_profile',
     [ErrorCode.CONNECTION_REJECTED]: 'dyn_error.connection_rejected',
     [ErrorCode.MISSING_PUBLIC_ADDRESS]: 'dyn_error.missing_public_address',
+    [ErrorCode.CONNECTION_PROPOSAL_EXPIRED]: 'dyn_error.connection_proposal_expired',
 };
 /** A hook that listens to the error context and returns a translated value */
 const useErrorText = () => {

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

@@ -54,6 +54,7 @@ require('../FieldsStateContext/FieldsStateContext.cjs');
 require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../store/state/loadingAndLifecycle.cjs');
+require('../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 require('../../store/state/walletOptions/walletOptions.cjs');
 require('react-i18next');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');

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

@@ -50,6 +50,7 @@ import '../FieldsStateContext/FieldsStateContext.js';
 import '../UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../store/state/loadingAndLifecycle.js';
+import '../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import '../../store/state/walletOptions/walletOptions.js';
 import 'react-i18next';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';

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

@@ -54,6 +54,7 @@ require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../store/state/loadingAndLifecycle.cjs');
 require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 require('../../store/state/walletOptions/walletOptions.cjs');
 require('react-i18next');
 require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');

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

@@ -50,6 +50,7 @@ import '../UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../store/state/loadingAndLifecycle.js';
 import '../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import '../../store/state/walletOptions/walletOptions.js';
 import 'react-i18next';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';

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

@@ -112,7 +112,7 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
         setSocialProvider(socialSignInProvider);
         clearStackAndPush('social-redirect-view');
         // Only open the auth flow when the embedded widget is not rendered
-        if (!isRenderingEmbeddedAuthFlow.current) {
+        if (!isRenderingEmbeddedAuthFlow) {
             setShowAuthFlow(true);
         }
     }, [

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

@@ -108,7 +108,7 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
         setSocialProvider(socialSignInProvider);
         clearStackAndPush('social-redirect-view');
         // Only open the auth flow when the embedded widget is not rendered
-        if (!isRenderingEmbeddedAuthFlow.current) {
+        if (!isRenderingEmbeddedAuthFlow) {
             setShowAuthFlow(true);
         }
     }, [

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

@@ -55,7 +55,7 @@ const ViewContextProvider = ({ children, initialViewType }) => {
     }, [clearError]);
     useDynamicEvents.useInternalDynamicEvents('logout', clearStackAndPushInitialView);
     // Wait for the auth flow animation transition to finish before clearing the stack
-    useDynamicEvents.useInternalDynamicEvents('authFlowClose', () => setTimeout(clearStackAndPushInitialView, 10));
+    useDynamicEvents.useInternalDynamicEvents('authFlowClose', () => setTimeout(clearStackAndPushInitialView, 100));
     const value = React.useMemo(() => ({
         canGoBack: stack.length > 1,
         clearStackAndPush,

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

@@ -51,7 +51,7 @@ const ViewContextProvider = ({ children, initialViewType }) => {
     }, [clearError]);
     useInternalDynamicEvents('logout', clearStackAndPushInitialView);
     // Wait for the auth flow animation transition to finish before clearing the stack
-    useInternalDynamicEvents('authFlowClose', () => setTimeout(clearStackAndPushInitialView, 10));
+    useInternalDynamicEvents('authFlowClose', () => setTimeout(clearStackAndPushInitialView, 100));
     const value = useMemo(() => ({
         canGoBack: stack.length > 1,
         clearStackAndPush,

package/src/lib/locale/en/translation.cjs

@@ -36,7 +36,7 @@ const translation = {
           testnet_warning: 'A testnet network has been selected. Please only use testnet funds or they will be lost.',
           ordinals_address: 'Ordinals address',
           payment_address: 'Payment address',
-          balance: 'Balance',
+          balance: 'Total balance',
           options: {
             copy_ens: 'Copy ENS',
             view_address: 'View address',
@@ -50,7 +50,7 @@ const translation = {
         testnet_warning: 'A testnet network has been selected. Please only use testnet funds or they will be lost.',
         ordinals_address: 'Ordinals address',
         payment_address: 'Payment address',
-        balance: 'Balance',
+        balance: 'Total balance',
         options: {
             copy_ens: 'Copy ENS',
             view_address: 'View address',
@@ -2479,6 +2479,7 @@ const translation = {
         account_already_linked_to_different_profile: 'This social account is already linked to a different profile.',
         connection_rejected: 'Connection rejected. Please try again.',
         missing_public_address: 'Connection cancelled. Please try again',
+        connection_proposal_expired: 'Connection proposal expired. Please try again.',
     },
 };
 

package/src/lib/locale/en/translation.d.ts

@@ -30,7 +30,7 @@ export declare const translation: {
           testnet_warning: 'A testnet network has been selected. Please only use testnet funds or they will be lost.',
           ordinals_address: 'Ordinals address',
           payment_address: 'Payment address',
-          balance: 'Balance',
+          balance: 'Total balance',
           options: {
             copy_ens: 'Copy ENS',
             view_address: 'View address',
@@ -2475,5 +2475,6 @@ export declare const translation: {
         account_already_linked_to_different_profile: string;
         connection_rejected: string;
         missing_public_address: string;
+        connection_proposal_expired: string;
     };
 };

package/src/lib/locale/en/translation.js

@@ -32,7 +32,7 @@ const translation = {
           testnet_warning: 'A testnet network has been selected. Please only use testnet funds or they will be lost.',
           ordinals_address: 'Ordinals address',
           payment_address: 'Payment address',
-          balance: 'Balance',
+          balance: 'Total balance',
           options: {
             copy_ens: 'Copy ENS',
             view_address: 'View address',
@@ -46,7 +46,7 @@ const translation = {
         testnet_warning: 'A testnet network has been selected. Please only use testnet funds or they will be lost.',
         ordinals_address: 'Ordinals address',
         payment_address: 'Payment address',
-        balance: 'Balance',
+        balance: 'Total balance',
         options: {
             copy_ens: 'Copy ENS',
             view_address: 'View address',
@@ -2475,6 +2475,7 @@ const translation = {
         account_already_linked_to_different_profile: 'This social account is already linked to a different profile.',
         connection_rejected: 'Connection rejected. Please try again.',
         missing_public_address: 'Connection cancelled. Please try again',
+        connection_proposal_expired: 'Connection proposal expired. Please try again.',
     },
 };