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

package/src/lib/context/ConnectWithEmailOtpContext/ConnectWithEmailOtpProvider.js

@@ -41,6 +41,7 @@ import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
@@ -111,7 +112,7 @@ const ConnectWithEmailOtpProvider = ({ children, }) => {
         if (!lastVerificationHandlerRef.current) {
             throw new Error('Verification have not started, use connectWithEmail before verifying');
         }
-        const { email, verified } = yield lastVerificationHandlerRef.current(oneTimePassword);
+        const { email, verified } = yield lastVerificationHandlerRef.current.verify(oneTimePassword);
         dynamicEvents.emit('emailVerificationResult', verified, email);
         if (verified) {
             setCallback('authSuccess');
@@ -120,7 +121,16 @@ const ConnectWithEmailOtpProvider = ({ children, }) => {
             throw new Error('Email verification failed');
         }
     });
-    return (jsx(Provider, { value: { connectWithEmail, verifyOneTimePassword }, children: children }));
+    const retryOneTimePassword = () => __awaiter(void 0, void 0, void 0, function* () {
+        if (!lastVerificationHandlerRef.current) {
+            throw new Error('Verification have not started, use connectWithEmail before verifying');
+        }
+        if (!lastVerificationHandlerRef.current.retry) {
+            throw new Error('Re-send is not supported');
+        }
+        return lastVerificationHandlerRef.current.retry();
+    });
+    return (jsx(Provider, { value: { connectWithEmail, retryOneTimePassword, verifyOneTimePassword }, children: children }));
 };
 
 export { ConnectWithEmailOtpProvider };

package/src/lib/context/ConnectWithEmailOtpContext/types.d.ts

@@ -5,9 +5,13 @@ export type ConnectWithEmailOtpOptions = {
 export type ConnectWithEmailOtpContext = {
     connectWithEmail: (email: string, options?: ConnectWithEmailOtpOptions) => Promise<void>;
     verifyOneTimePassword: (oneTimePassword: string) => Promise<void>;
+    retryOneTimePassword: () => Promise<void>;
+};
+export type ProviderVerificationHandler = {
+    verify: (oneTimePassword: string) => Promise<{
+        email: string;
+        verified: boolean;
+    }>;
+    retry?: () => Promise<void>;
 };
-export type ProviderVerificationHandler = (oneTimePassword: string) => Promise<{
-    email: string;
-    verified: boolean;
-}>;
 export type ProviderHandler = (email: string) => Promise<ProviderVerificationHandler>;

package/src/lib/context/ConnectWithEmailOtpContext/useConnectWithEmailOtp.cjs

@@ -12,6 +12,7 @@ const useConnectWithEmailOtp = ({ provider: defaultProvider, } = {}) => {
     }
     return {
         connectWithEmail: (email, options = {}) => context.connectWithEmail(email, Object.assign({ provider: defaultProvider }, options)),
+        retryOneTimePassword: context.retryOneTimePassword,
         verifyOneTimePassword: context.verifyOneTimePassword,
     };
 };

package/src/lib/context/ConnectWithEmailOtpContext/useConnectWithEmailOtp.js

@@ -8,6 +8,7 @@ const useConnectWithEmailOtp = ({ provider: defaultProvider, } = {}) => {
     }
     return {
         connectWithEmail: (email, options = {}) => context.connectWithEmail(email, Object.assign({ provider: defaultProvider }, options)),
+        retryOneTimePassword: context.retryOneTimePassword,
         verifyOneTimePassword: context.verifyOneTimePassword,
     };
 };

package/src/lib/context/ConnectWithEmailOtpContext/utils/createEmailHandler.cjs

@@ -10,18 +10,20 @@ const createEmailHandler = (environmentId, createUserProfileByJWT) => (email) =>
         email,
         environmentId,
     });
-    return (oneTimePassword) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        const { jwt } = yield api.signInWithEmailVerification({
-            environmentId,
-            verificationToken: oneTimePassword,
-            verificationUUID,
-        });
-        yield createUserProfileByJWT(jwt);
-        return {
-            email,
-            verified: Boolean(jwt),
-        };
-    });
+    return {
+        verify: (oneTimePassword) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            const { jwt } = yield api.signInWithEmailVerification({
+                environmentId,
+                verificationToken: oneTimePassword,
+                verificationUUID,
+            });
+            yield createUserProfileByJWT(jwt);
+            return {
+                email,
+                verified: Boolean(jwt),
+            };
+        }),
+    };
 });
 
 exports.createEmailHandler = createEmailHandler;

package/src/lib/context/ConnectWithEmailOtpContext/utils/createEmailHandler.js

@@ -6,18 +6,20 @@ const createEmailHandler = (environmentId, createUserProfileByJWT) => (email) =>
         email,
         environmentId,
     });
-    return (oneTimePassword) => __awaiter(void 0, void 0, void 0, function* () {
-        const { jwt } = yield signInWithEmailVerification({
-            environmentId,
-            verificationToken: oneTimePassword,
-            verificationUUID,
-        });
-        yield createUserProfileByJWT(jwt);
-        return {
-            email,
-            verified: Boolean(jwt),
-        };
-    });
+    return {
+        verify: (oneTimePassword) => __awaiter(void 0, void 0, void 0, function* () {
+            const { jwt } = yield signInWithEmailVerification({
+                environmentId,
+                verificationToken: oneTimePassword,
+                verificationUUID,
+            });
+            yield createUserProfileByJWT(jwt);
+            return {
+                email,
+                verified: Boolean(jwt),
+            };
+        }),
+    };
 });
 
 export { createEmailHandler };

package/src/lib/context/ConnectWithEmailOtpContext/utils/createMagicHandler.cjs

@@ -10,12 +10,15 @@ const createMagicHandler = (connector, handleInstalledExtensionClick) => (email)
     }
     connector.setEmail(email);
     handleInstalledExtensionClick(connector);
-    return (oneTimePassword) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        return ({
-            email,
-            verified: yield connector.verifyOneTimePassword(oneTimePassword),
-        });
-    });
+    return {
+        retry: () => connector.retryOneTimePassword(),
+        verify: (oneTimePassword) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            return ({
+                email,
+                verified: yield connector.verifyOneTimePassword(oneTimePassword),
+            });
+        }),
+    };
 });
 
 exports.createMagicHandler = createMagicHandler;

package/src/lib/context/ConnectWithEmailOtpContext/utils/createMagicHandler.js

@@ -6,12 +6,15 @@ const createMagicHandler = (connector, handleInstalledExtensionClick) => (email)
     }
     connector.setEmail(email);
     handleInstalledExtensionClick(connector);
-    return (oneTimePassword) => __awaiter(void 0, void 0, void 0, function* () {
-        return ({
-            email,
-            verified: yield connector.verifyOneTimePassword(oneTimePassword),
-        });
-    });
+    return {
+        retry: () => connector.retryOneTimePassword(),
+        verify: (oneTimePassword) => __awaiter(void 0, void 0, void 0, function* () {
+            return ({
+                email,
+                verified: yield connector.verifyOneTimePassword(oneTimePassword),
+            });
+        }),
+    };
 });
 
 export { createMagicHandler };

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

@@ -51,6 +51,7 @@ require('../../components/Alert/Alert.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
@@ -124,7 +125,7 @@ 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, } = settings;
+    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;
@@ -487,6 +488,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
             notInTheListImageUrl: imageUserNotInAccessList || notInTheListImageUrl,
             onboardingImageUrl: imageUserInAccessList || onboardingImageUrl,
             onboardingOnlyJwt,
+            overrides: settings.overrides,
             passkeySuccessPopup,
             policiesConsentInnerComponent,
             primaryWallet,
@@ -494,6 +496,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
             privacyPolicyUrl,
             projectSettings,
             qrcodeUri,
+            recommendedWallets,
             removeConnectedWalletsInfo,
             rpcProviders,
             sdkHasLoaded,
@@ -612,6 +615,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
         qrcodeUri,
         removeConnectedWalletsInfo,
         rpcProviders,
+        recommendedWallets,
         sdkHasLoaded,
         secondaryWallets,
         selectedWalletConnector,
@@ -655,6 +659,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
         walletConnectorOptions,
         walletUiUtils,
         walletsFilter,
+        settings.overrides,
     ]);
     React.useEffect(() => {
         const addPrefetch = (attr) => {
@@ -670,7 +675,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
         };
         addPrefetch({
             as: 'image',
-            href: iconic.ICONIC_SPRITE_URL,
+            href: iconic.getIconicSpriteUrl(),
             id: 'sprite',
             type: 'image/svg+xml',
         });

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

@@ -3,7 +3,7 @@ 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, WalletOption } from '../../shared';
+import { AccessDeniedCustomButton, AuthModeType, ChainToWalletMap, DynamicEventsCallbacks, RecommendedWallet, WalletOption } from '../../shared';
 import { SocialNetworkIconType } from '../../utils/functions/getSocialNetworkIcon';
 import { ThemeData, ThemeSetting } from '../ThemeContext';
 import { ChainsToConnect, IDynamicContext, SettingsOverrides } from './types';
@@ -72,6 +72,7 @@ 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

@@ -2,7 +2,7 @@ import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { createContext, useState, useRef, useEffect, useCallback, useMemo } from 'react';
 import { I18nextProvider } from 'react-i18next';
-import { ICONIC_SPRITE_URL } from '@dynamic-labs/iconic';
+import { getIconicSpriteUrl } from '@dynamic-labs/iconic';
 import { MissingEnvironmentIdError } from '@dynamic-labs/utils';
 import { useWalletBookCdn, getWalletBookCdnUrl, WalletBookContextProvider } from '@dynamic-labs/wallet-book';
 import { logger as logger$1 } from '@dynamic-labs/wallet-connector-core';
@@ -47,6 +47,7 @@ import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
@@ -120,7 +121,7 @@ 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, } = settings;
+    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;
@@ -483,6 +484,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             notInTheListImageUrl: imageUserNotInAccessList || notInTheListImageUrl,
             onboardingImageUrl: imageUserInAccessList || onboardingImageUrl,
             onboardingOnlyJwt,
+            overrides: settings.overrides,
             passkeySuccessPopup,
             policiesConsentInnerComponent,
             primaryWallet,
@@ -490,6 +492,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             privacyPolicyUrl,
             projectSettings,
             qrcodeUri,
+            recommendedWallets,
             removeConnectedWalletsInfo,
             rpcProviders,
             sdkHasLoaded,
@@ -608,6 +611,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         qrcodeUri,
         removeConnectedWalletsInfo,
         rpcProviders,
+        recommendedWallets,
         sdkHasLoaded,
         secondaryWallets,
         selectedWalletConnector,
@@ -651,6 +655,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         walletConnectorOptions,
         walletUiUtils,
         walletsFilter,
+        settings.overrides,
     ]);
     useEffect(() => {
         const addPrefetch = (attr) => {
@@ -666,7 +671,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         };
         addPrefetch({
             as: 'image',
-            href: ICONIC_SPRITE_URL,
+            href: getIconicSpriteUrl(),
             id: 'sprite',
             type: 'image/svg+xml',
         });

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

@@ -44,6 +44,7 @@ require('../../../../components/Alert/Alert.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');

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

@@ -40,6 +40,7 @@ import '../../../../components/Alert/Alert.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
+import '../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';

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

@@ -42,6 +42,7 @@ require('../../../../components/Alert/Alert.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');

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

@@ -38,6 +38,7 @@ import '../../../../components/Alert/Alert.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
+import '../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';

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, UserProfile, Wallet, WalletOption, WalletWithAction } from '../../../shared';
+import { AccessDeniedCustomButton, AccountSwitchState, AuthModeType, AwaitingSignatureState, ChainToWalletMap, DynamicEventsCallbacks, DynamicRPCProviders, MultiWalletWidgetState, RecommendedWallet, 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';
@@ -14,8 +14,24 @@ export type ChainsToConnect = {
     chain: Chain;
     chainId?: number;
 };
+export type WalletsFilter = (options: WalletOption[]) => WalletOption[];
+export type WalletListViewTabItem = {
+    label: {
+        text?: string;
+        icon?: string;
+    };
+    walletsFilter?: WalletsFilter;
+};
+export type WalletListViewSettings = {
+    type: 'wallet-list';
+    tabs?: {
+        style: 'grid';
+        items: WalletListViewTabItem[];
+    };
+};
+export type ViewsOverrides = SdkView | WalletListViewSettings;
 export type SettingsOverrides = {
-    views?: Array<SdkView>;
+    views?: Array<ViewsOverrides>;
 };
 export type ConnectWalletResult = {
     address: string;
@@ -24,6 +40,7 @@ export type ConnectWalletResult = {
 export interface IDynamicContext {
     accessDeniedMessagePrimary?: string;
     accessDeniedMessageSecondary?: string;
+    overrides?: SettingsOverrides;
     accessDeniedButton?: AccessDeniedCustomButton;
     accountSwitchState: AccountSwitchState;
     appLogoUrl?: string;
@@ -141,6 +158,7 @@ export interface IDynamicContext {
     walletUiUtils: WalletUiUtils<WalletConnector>;
     walletConnectorOptions: WalletOption[];
     walletsFilter?: (options: WalletOption[]) => WalletOption[];
+    recommendedWallets?: RecommendedWallet[];
     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

@@ -42,6 +42,7 @@ require('../../../../components/Alert/Alert.cjs');
 require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');

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

@@ -38,6 +38,7 @@ import '../../../../components/Alert/Alert.js';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
+import '../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';

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

@@ -43,6 +43,7 @@ require('../../components/Alert/Alert.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');

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

@@ -39,6 +39,7 @@ import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';

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

@@ -42,6 +42,7 @@ require('../../components/Alert/Alert.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');

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

@@ -38,6 +38,7 @@ import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';

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

@@ -49,6 +49,7 @@ require('@dynamic-labs/viem-utils');
 require('formik');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 var PopperContext = require('../../components/Popper/PopperContext/PopperContext.cjs');

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

@@ -45,6 +45,7 @@ import '@dynamic-labs/viem-utils';
 import 'formik';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Popper/Popper/Popper.js';
 import { PopperProvider } from '../../components/Popper/PopperContext/PopperContext.js';

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

@@ -5,13 +5,77 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var utils = require('@dynamic-labs/utils');
+require('../DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('../ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
+require('viem');
+require('../../shared/consts/index.cjs');
+require('../../events/dynamicEvents.cjs');
+require('../../../../_virtual/_tslib.cjs');
+require('../CaptchaContext/CaptchaContext.cjs');
+require('../ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('viem/chains');
+require('../AccessDeniedContext/AccessDeniedContext.cjs');
+require('../AccountExistsContext/AccountExistsContext.cjs');
+require('../../config/ApiEndpoint.cjs');
+require('../EmailVerificationContext/EmailVerificationContext.cjs');
+require('react-dom');
+require('../ThemeContext/ThemeContext.cjs');
+require('@dynamic-labs/types');
+require('yup');
+require('react-i18next');
+require('../MockContext/MockContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../UserWalletsContext/UserWalletsContext.cjs');
+require('../../components/Alert/Alert.cjs');
+require('../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../components/IconButton/IconButton.cjs');
+require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/IsBrowser/IsBrowser.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
+require('formik');
+require('i18next');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
+require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../PasskeyContext/PasskeyContext.cjs');
+require('../../views/WalletList/WalletList.cjs');
+require('qrcode');
+require('@hcaptcha/react-hcaptcha');
+require('../LoadingContext/LoadingContext.cjs');
+require('../SocialRedirectContext/SocialRedirectContext.cjs');
+require('../WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('../FooterAnimationContext/index.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
+require('@dynamic-labs/viem-utils');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var useInternalDynamicContext = require('../DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 var useResponseHandlers = require('./useResponseHandlers.cjs');
 
 const PhantomRedirectContext = React.createContext(undefined);
 const PhantomRedirectContextProvider = ({ children, }) => {
+    const { sdkHasLoaded } = useInternalDynamicContext.useInternalDynamicContext();
     const { phantomRedirectConnector, handleConnectResponse, handleUserResponse, } = useResponseHandlers.useResponseHandlers();
     React.useEffect(() => {
-        if (!phantomRedirectConnector || !utils.isMobile()) {
+        if (!phantomRedirectConnector || !utils.isMobile() || !sdkHasLoaded) {
             return;
         }
         const params = new URLSearchParams(window.location.search);