@dynamic-labs/sdk-react-core 1.2.0-alpha.1 → 1.3.0

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

@@ -94,6 +94,8 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetC
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var FundingWidget = require('../../widgets/FundingWidget/FundingWidget.cjs');
 var ConnectWithEmailOtpProvider = require('../ConnectWithEmailOtpContext/ConnectWithEmailOtpProvider.cjs');
@@ -125,11 +127,12 @@ const DynamicContext = React.createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale$1, }) => {
     var _a, _b, _c, _d, _e, _f;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableConnectOnlyFallback = false, enableForcedNetworkValidation: enableForcedNetworkValidationProp = false, deepLinkPreference = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, } = settings;
-    let enableForcedNetworkValidation = enableForcedNetworkValidationProp;
-    if (bridgeChains) {
-        enableForcedNetworkValidation = true;
-    }
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableConnectOnlyFallback = false, deepLinkPreference = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, } = settings;
+    const networkValidationMode = helpers.resolveNetworkValidationMode({
+        bridgeChains: settings.bridgeChains,
+        enableForcedNetworkValidation: settings.enableForcedNetworkValidation,
+        networkValidationMode: settings.networkValidationMode,
+    });
     let { appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', } = settings;
     const { walletConnectV1Bridge } = settings;
     if (!environmentId) {
@@ -484,6 +487,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
             multiWalletWidgetState,
             network,
             networkConfigurations: serverNetworkConfigurations,
+            networkValidationMode,
             newToWeb3WalletChainMap: walletsForChainsMap,
             notInTheListImageUrl: imageUserNotInAccessList || notInTheListImageUrl,
             onboardingImageUrl: imageUserInAccessList || onboardingImageUrl,
@@ -496,7 +500,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
             privacyPolicyUrl,
             projectSettings,
             qrcodeUri,
-            recommendedWallets,
             removeConnectedWalletsInfo,
             rpcProviders,
             sdkHasLoaded,
@@ -595,6 +598,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
         isVerificationInProgress,
         legacyIsVerifying,
         user,
+        networkValidationMode,
         linkedOrConnectedWallets,
         loadingNetwork,
         loginWithEmail,
@@ -615,7 +619,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
         qrcodeUri,
         removeConnectedWalletsInfo,
         rpcProviders,
-        recommendedWallets,
         sdkHasLoaded,
         secondaryWallets,
         selectedWalletConnector,
@@ -703,7 +706,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
                                 isBridgeFlow,
                                 isFullyConnected,
                                 isMultiWalletEnabled: multiWallet,
-                            }), children: [enableForcedNetworkValidation && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsx(UserFieldEditorContext.UserFieldEditorContextProvider, { children: jsxRuntime.jsx(ConnectWithEmailOtpProvider.ConnectWithEmailOtpProvider, { children: jsxRuntime.jsxs(PhantomRedirectContext.PhantomRedirectContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncPasskeyFlow.SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
+                            }), children: [networkValidationMode === 'always' && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsx(UserFieldEditorContext.UserFieldEditorContextProvider, { children: jsxRuntime.jsx(ConnectWithEmailOtpProvider.ConnectWithEmailOtpProvider, { children: jsxRuntime.jsxs(PhantomRedirectContext.PhantomRedirectContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncPasskeyFlow.SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => (jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(UserWalletsContext.UserWalletsProvider, { children: jsxRuntime.jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }));

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

@@ -3,16 +3,20 @@ import { LogLevel } from '@dynamic-labs/logger';
 import { EvmNetwork, SocialProviderFilter } from '@dynamic-labs/types';
 import { DeepLinkVariant, WalletConnectorExtension, WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
 import { LocaleResource } from '../../locale';
-import { AccessDeniedCustomButton, AuthModeType, ChainToWalletMap, DynamicEventsCallbacks, RecommendedWallet, WalletOption } from '../../shared';
+import { AccessDeniedCustomButton, AuthModeType, ChainToWalletMap, DynamicEventsCallbacks, WalletOption } from '../../shared';
 import { SocialNetworkIconType } from '../../utils/functions/getSocialNetworkIcon';
 import { ThemeData, ThemeSetting } from '../ThemeContext';
-import { ChainsToConnect, IDynamicContext, SettingsOverrides } from './types';
+import { ChainsToConnect, IDynamicContext, NetworkValidationMode, SettingsOverrides } from './types';
 export declare const PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID = "2762a57b-faa4-41ce-9f16-abff9300e2c9";
 export interface DynamicContextProps {
     children: ReactNode;
     settings: {
         enableConnectOnlyFallback?: boolean;
+        /**
+         * @deprecated Use `networkValidationMode` instead
+         */
         enableForcedNetworkValidation?: boolean;
+        networkValidationMode?: NetworkValidationMode;
         overrides?: SettingsOverrides;
         bridgeChains?: ChainsToConnect[];
         accessDeniedMessagePrimary?: string;
@@ -72,7 +76,6 @@ export interface DynamicContextProps {
         walletConnectorExtensions?: WalletConnectorExtension[];
         walletsFilter?: (options: WalletOption[]) => WalletOption[];
         socialProvidersFilter?: SocialProviderFilter;
-        recommendedWallets?: RecommendedWallet[];
     };
     theme?: ThemeData | ThemeSetting;
     locale?: LocaleResource;

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

@@ -90,6 +90,8 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCa
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '@dynamic-labs/viem-utils';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { FundingWidget } from '../../widgets/FundingWidget/FundingWidget.js';
 import { ConnectWithEmailOtpProvider } from '../ConnectWithEmailOtpContext/ConnectWithEmailOtpProvider.js';
@@ -101,7 +103,7 @@ import { UserWalletsProvider } from '../UserWalletsContext/UserWalletsContext.js
 import { WalletContextProvider } from '../WalletContext/WalletContext.js';
 import { PhantomRedirectContextProvider } from '../PhantomRedirectContext/PhantomRedirectContext.js';
 import { handleDisconnectWallet } from './handleDisconnectWallet/handleDisconnectWallet.js';
-import { initExpirationTime, getInitialView } from './helpers/helpers.js';
+import { resolveNetworkValidationMode, initExpirationTime, getInitialView } from './helpers/helpers.js';
 import { useDisplayOrderState } from './hooks/useDisplayOrderState/useDisplayOrderState.js';
 import { useEmailLoginState } from './hooks/useEmailLoginState/useEmailLoginState.js';
 import { useHandleLogout } from './hooks/useHandleLogout/useHandleLogout.js';
@@ -121,11 +123,12 @@ const DynamicContext = createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) => {
     var _a, _b, _c, _d, _e, _f;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableConnectOnlyFallback = false, enableForcedNetworkValidation: enableForcedNetworkValidationProp = false, deepLinkPreference = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, } = settings;
-    let enableForcedNetworkValidation = enableForcedNetworkValidationProp;
-    if (bridgeChains) {
-        enableForcedNetworkValidation = true;
-    }
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, enableConnectOnlyFallback = false, deepLinkPreference = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, } = settings;
+    const networkValidationMode = resolveNetworkValidationMode({
+        bridgeChains: settings.bridgeChains,
+        enableForcedNetworkValidation: settings.enableForcedNetworkValidation,
+        networkValidationMode: settings.networkValidationMode,
+    });
     let { appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', } = settings;
     const { walletConnectV1Bridge } = settings;
     if (!environmentId) {
@@ -480,6 +483,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             multiWalletWidgetState,
             network,
             networkConfigurations: serverNetworkConfigurations,
+            networkValidationMode,
             newToWeb3WalletChainMap: walletsForChainsMap,
             notInTheListImageUrl: imageUserNotInAccessList || notInTheListImageUrl,
             onboardingImageUrl: imageUserInAccessList || onboardingImageUrl,
@@ -492,7 +496,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             privacyPolicyUrl,
             projectSettings,
             qrcodeUri,
-            recommendedWallets,
             removeConnectedWalletsInfo,
             rpcProviders,
             sdkHasLoaded,
@@ -591,6 +594,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         isVerificationInProgress,
         legacyIsVerifying,
         user,
+        networkValidationMode,
         linkedOrConnectedWallets,
         loadingNetwork,
         loginWithEmail,
@@ -611,7 +615,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         qrcodeUri,
         removeConnectedWalletsInfo,
         rpcProviders,
-        recommendedWallets,
         sdkHasLoaded,
         secondaryWallets,
         selectedWalletConnector,
@@ -699,7 +702,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
                                 isBridgeFlow,
                                 isFullyConnected,
                                 isMultiWalletEnabled: multiWallet,
-                            }), children: [enableForcedNetworkValidation && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(PasskeyContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsx(ConnectWithEmailOtpProvider, { children: jsxs(PhantomRedirectContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
+                            }), children: [networkValidationMode === 'always' && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(PasskeyContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsx(ConnectWithEmailOtpProvider, { children: jsxs(PhantomRedirectContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => (jsx(ErrorContextProvider, { children: jsx(UserWalletsProvider, { children: jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }));

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

@@ -103,12 +103,22 @@ const isSettingExpired = (lsKey, timer) => {
     }
     return false;
 };
+const resolveNetworkValidationMode = ({ enableForcedNetworkValidation, networkValidationMode, bridgeChains, }) => {
+    if (networkValidationMode) {
+        return networkValidationMode;
+    }
+    if (enableForcedNetworkValidation || Boolean(bridgeChains)) {
+        return 'always';
+    }
+    return 'sign-in';
+};
 
 exports.getInitialView = getInitialView;
 exports.initExpirationTime = initExpirationTime;
 exports.isAuthTokenExpired = isAuthTokenExpired;
 exports.isDynamicContextSessionSettingExpired = isDynamicContextSessionSettingExpired;
 exports.isWagmiSessionSettingExpired = isWagmiSessionSettingExpired;
+exports.resolveNetworkValidationMode = resolveNetworkValidationMode;
 exports.sdkSettingsTimeout = sdkSettingsTimeout;
 exports.setDynamicContextSessionSettings = setDynamicContextSessionSettings;
 exports.setWagmiSessionSettings = setWagmiSessionSettings;

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

@@ -1,5 +1,6 @@
 import { Wallet } from '../../../shared';
 import { ViewState, ViewType } from '../../ViewContext';
+import { ChainsToConnect, NetworkValidationMode } from '../types';
 export declare const sdkSettingsTimeout: number;
 export declare const isAuthTokenExpired: (token: string) => boolean;
 export declare const initExpirationTime: (logout: VoidFunction) => void;
@@ -14,3 +15,8 @@ export declare const setDynamicContextSessionSettings: () => void;
 export declare const setWagmiSessionSettings: () => void;
 export declare const isDynamicContextSessionSettingExpired: () => boolean;
 export declare const isWagmiSessionSettingExpired: () => boolean;
+export declare const resolveNetworkValidationMode: ({ enableForcedNetworkValidation, networkValidationMode, bridgeChains, }: {
+    enableForcedNetworkValidation: boolean | undefined;
+    networkValidationMode: NetworkValidationMode | undefined;
+    bridgeChains: ChainsToConnect[] | undefined;
+}) => NetworkValidationMode;

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

@@ -99,5 +99,14 @@ const isSettingExpired = (lsKey, timer) => {
     }
     return false;
 };
+const resolveNetworkValidationMode = ({ enableForcedNetworkValidation, networkValidationMode, bridgeChains, }) => {
+    if (networkValidationMode) {
+        return networkValidationMode;
+    }
+    if (enableForcedNetworkValidation || Boolean(bridgeChains)) {
+        return 'always';
+    }
+    return 'sign-in';
+};
 
-export { getInitialView, initExpirationTime, isAuthTokenExpired, isDynamicContextSessionSettingExpired, isWagmiSessionSettingExpired, sdkSettingsTimeout, setDynamicContextSessionSettings, setWagmiSessionSettings };
+export { getInitialView, initExpirationTime, isAuthTokenExpired, isDynamicContextSessionSettingExpired, isWagmiSessionSettingExpired, resolveNetworkValidationMode, sdkSettingsTimeout, setDynamicContextSessionSettings, setWagmiSessionSettings };

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

@@ -69,6 +69,8 @@ require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynami
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 const useHandleLogout = (params) => {

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

@@ -65,6 +65,8 @@ import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynamic
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
 const useHandleLogout = (params) => {

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

@@ -67,6 +67,8 @@ require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynami
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.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

@@ -63,6 +63,8 @@ import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynamic
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
 /** Ties the customer callbacks to our events, such that our events will also trigger the callbacks */

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

@@ -3,7 +3,7 @@ import { DynamicJwt, NameServiceData, ProjectSettings, SdkView } from '@dynamic-
 import { NetworkConfigurationMap, SocialProviderFilter, WalletUiUtils } from '@dynamic-labs/types';
 import { Chain, FetchPublicAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { PasskeySuccessEnum } from '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner';
-import { AccessDeniedCustomButton, AccountSwitchState, AuthModeType, AwaitingSignatureState, ChainToWalletMap, DynamicEventsCallbacks, DynamicRPCProviders, MultiWalletWidgetState, RecommendedWallet, UserProfile, Wallet, WalletOption, WalletWithAction } from '../../../shared';
+import { AccessDeniedCustomButton, AccountSwitchState, AuthModeType, AwaitingSignatureState, ChainToWalletMap, DynamicEventsCallbacks, DynamicRPCProviders, MultiWalletWidgetState, UserProfile, Wallet, WalletOption, WalletWithAction } from '../../../shared';
 import { SocialNetworkIconType } from '../../../utils/functions/getSocialNetworkIcon';
 import { MultiWalletWidgetStateSetter } from '../../../utils/hooks/multiWallet';
 import { ConnectWalletOptions } from '../../../utils/hooks/useConnectWallet/useConnectWallet';
@@ -37,6 +37,7 @@ export type ConnectWalletResult = {
     address: string;
     id: string;
 };
+export type NetworkValidationMode = 'always' | 'sign-in' | 'never';
 export interface IDynamicContext {
     accessDeniedMessagePrimary?: string;
     accessDeniedMessageSecondary?: string;
@@ -44,6 +45,7 @@ export interface IDynamicContext {
     accessDeniedButton?: AccessDeniedCustomButton;
     accountSwitchState: AccountSwitchState;
     appLogoUrl?: string;
+    networkValidationMode: NetworkValidationMode;
     appName?: string;
     isBridgeFlow: boolean;
     authMode: AuthModeType;
@@ -155,10 +157,9 @@ export interface IDynamicContext {
     user: UserProfile | undefined;
     disconnectWallet: (walletId: string) => void;
     walletConnector: WalletConnector | null;
-    walletUiUtils: WalletUiUtils<WalletConnector>;
+    walletUiUtils: WalletUiUtils;
     walletConnectorOptions: WalletOption[];
-    walletsFilter?: (options: WalletOption[]) => WalletOption[];
-    recommendedWallets?: RecommendedWallet[];
+    walletsFilter?: WalletsFilter;
     removeConnectedWalletsInfo: () => void;
     /** Whether any verifications are ongoing for the current user (ex. connect, sign and email login verifications
      * @deprecated Listen to our callbacks instead: https://docs.dynamic.xyz/react-sdk/callbacks/callbacks-introduction

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

@@ -67,6 +67,8 @@ require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynami
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 const useOverrides = (dynamicContext) => {

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

@@ -63,6 +63,8 @@ import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynamic
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
 const useOverrides = (dynamicContext) => {

package/src/lib/context/FundingContext/FundingContext.cjs

@@ -68,6 +68,8 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
@@ -91,11 +93,12 @@ const FundingContextProvider = ({ children, }) => {
             return;
         const bitcoinAddress = walletConnectorCore.isBitcoinConnector(primaryWallet.connector) &&
             getWalletAdditionalAddressByType.getWalletAdditionalAddressByType(sdkApi.WalletAddressType.Payment, primaryWallet);
+        const chainHasNetwork = network && chainName === 'evm';
         try {
             const [{ url }] = yield api.getOnrampProviders({
                 chain: chainName,
                 environmentId,
-                networkId: network ? network.toString() : undefined,
+                networkId: chainHasNetwork ? network.toString() : undefined,
                 token,
                 walletAddress: address || bitcoinAddress || primaryWallet.address,
             });

package/src/lib/context/FundingContext/FundingContext.js

@@ -64,6 +64,8 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
@@ -87,11 +89,12 @@ const FundingContextProvider = ({ children, }) => {
             return;
         const bitcoinAddress = isBitcoinConnector(primaryWallet.connector) &&
             getWalletAdditionalAddressByType(WalletAddressType.Payment, primaryWallet);
+        const chainHasNetwork = network && chainName === 'evm';
         try {
             const [{ url }] = yield getOnrampProviders({
                 chain: chainName,
                 environmentId,
-                networkId: network ? network.toString() : undefined,
+                networkId: chainHasNetwork ? network.toString() : undefined,
                 token,
                 walletAddress: address || bitcoinAddress || primaryWallet.address,
             });

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

@@ -66,6 +66,8 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 const LoadingContext = React.createContext(undefined);

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

@@ -62,6 +62,8 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
 const LoadingContext = createContext(undefined);

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

@@ -46,6 +46,8 @@ require('../../components/Alert/Alert.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../PasskeyContext/PasskeyContext.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('formik');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');

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

@@ -42,6 +42,8 @@ import '../../components/Alert/Alert.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../PasskeyContext/PasskeyContext.js';
 import '@dynamic-labs/viem-utils';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import 'formik';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/InlineWidget/InlineWidget.js';

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

@@ -48,7 +48,7 @@ require('../../components/Alert/Alert.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
-var IsBrowser = require('../../components/IsBrowser/IsBrowser.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
@@ -72,6 +72,8 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 const PasskeyContext = React.createContext(undefined);
@@ -120,9 +122,12 @@ const PasskeyContextProviderWithBrowser = ({ children, }) => {
         deps: [environmentId, userJwt, userHasEmbeddedWallet(), passkeyEdited],
         enabled: Boolean(environmentId && userJwt && userHasEmbeddedWallet()),
     });
-    const { location: { hostname }, } = window;
     // Returns true if user has passkeys for current origin
     const userHasPasskeysForCurrentOrigin = React.useMemo(() => {
+        if (typeof window === 'undefined') {
+            return false;
+        }
+        const { location: { hostname }, } = window;
         if (!getUserPasskeysResult.data)
             return false;
         return getUserPasskeysResult.data.some((passkey) => {
@@ -137,7 +142,7 @@ const PasskeyContextProviderWithBrowser = ({ children, }) => {
                 return false;
             }
         });
-    }, [getUserPasskeysResult.data, hostname]);
+    }, [getUserPasskeysResult.data]);
     // user has passkey configured, but not for current origin
     const userNeedsCrossDomainPasskey = !isTurnkeyWalletWithoutAuthenticator && !userHasPasskeysForCurrentOrigin;
     const value = React.useMemo(() => {
@@ -173,7 +178,7 @@ const PasskeyContextProviderWithBrowser = ({ children, }) => {
     return (jsxRuntime.jsx(PasskeyContext.Provider, { value: value, children: children }));
 };
 // We need to export the context this way so it works with SSR (next.js)
-const PasskeyContextProvider = ({ children, }) => (jsxRuntime.jsx(IsBrowser.IsBrowser, { children: jsxRuntime.jsx(PasskeyContextProviderWithBrowser, { children: children }) }));
+const PasskeyContextProvider = ({ children, }) => (jsxRuntime.jsx(PasskeyContextProviderWithBrowser, { children: children }));
 const usePasskeyContext = () => {
     const context = React.useContext(PasskeyContext);
     if (context === undefined) {

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

@@ -44,7 +44,7 @@ import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/InlineWidget/InlineWidget.js';
-import { IsBrowser } from '../../components/IsBrowser/IsBrowser.js';
+import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
@@ -68,6 +68,8 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
 const PasskeyContext = createContext(undefined);
@@ -116,9 +118,12 @@ const PasskeyContextProviderWithBrowser = ({ children, }) => {
         deps: [environmentId, userJwt, userHasEmbeddedWallet(), passkeyEdited],
         enabled: Boolean(environmentId && userJwt && userHasEmbeddedWallet()),
     });
-    const { location: { hostname }, } = window;
     // Returns true if user has passkeys for current origin
     const userHasPasskeysForCurrentOrigin = useMemo(() => {
+        if (typeof window === 'undefined') {
+            return false;
+        }
+        const { location: { hostname }, } = window;
         if (!getUserPasskeysResult.data)
             return false;
         return getUserPasskeysResult.data.some((passkey) => {
@@ -133,7 +138,7 @@ const PasskeyContextProviderWithBrowser = ({ children, }) => {
                 return false;
             }
         });
-    }, [getUserPasskeysResult.data, hostname]);
+    }, [getUserPasskeysResult.data]);
     // user has passkey configured, but not for current origin
     const userNeedsCrossDomainPasskey = !isTurnkeyWalletWithoutAuthenticator && !userHasPasskeysForCurrentOrigin;
     const value = useMemo(() => {
@@ -169,7 +174,7 @@ const PasskeyContextProviderWithBrowser = ({ children, }) => {
     return (jsx(PasskeyContext.Provider, { value: value, children: children }));
 };
 // We need to export the context this way so it works with SSR (next.js)
-const PasskeyContextProvider = ({ children, }) => (jsx(IsBrowser, { children: jsx(PasskeyContextProviderWithBrowser, { children: children }) }));
+const PasskeyContextProvider = ({ children, }) => (jsx(PasskeyContextProviderWithBrowser, { children: children }));
 const usePasskeyContext = () => {
     const context = useContext(PasskeyContext);
     if (context === undefined) {

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

@@ -66,6 +66,8 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 var useResponseHandlers = require('./useResponseHandlers.cjs');

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

@@ -62,6 +62,8 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import { useResponseHandlers } from './useResponseHandlers.js';

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

@@ -68,6 +68,8 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 const useResponseHandlers = () => {
@@ -105,8 +107,10 @@ const useResponseHandlers = () => {
         if (!phantomRedirectConnector) {
             return;
         }
+        setSelectedWalletConnectorKey('phantom');
         const { signature, message } = phantomRedirectConnector.extractSignature();
         const [address] = yield phantomRedirectConnector.getConnectedAccounts();
+        setView('wallet-redirect-view');
         yield verifyWallet({
             captchaToken: getCaptchaToken(),
             messageToSignOverride: message,
@@ -114,7 +118,7 @@ const useResponseHandlers = () => {
             signedMessageOverride: signature,
             walletConnector: phantomRedirectConnector,
         });
-    }), [getCaptchaToken, phantomRedirectConnector, verifyWallet]);
+    }), [getCaptchaToken, phantomRedirectConnector, setView]);
     return {
         handleConnectResponse,
         handleUserResponse,