@dynamic-labs/sdk-react-core 1.4.2 → 1.4.3

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

@@ -1,6 +1,6 @@
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { createContext, useState, useRef, useEffect, useCallback, useMemo } from 'react';
+import { createContext, useState, useRef, useMemo, useEffect, useCallback } from 'react';
 import { I18nextProvider } from 'react-i18next';
 import { getIconicSpriteUrl } from '@dynamic-labs/iconic';
 import { MissingEnvironmentIdError } from '@dynamic-labs/utils';
@@ -11,7 +11,7 @@ import '../../events/dynamicEvents.js';
 import { decodeJwt } from '../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import { ViewContextProvider } from '../ViewContext/ViewContext.js';
 import { logger } from '../../shared/logger.js';
-import { IS_FULLY_CONNECTED, AUTH_TOKEN, AUTH_USER, AUTH_MODE, WALLET_PICKER_SEARCH_KEY } from '../../utils/constants/localStorage.js';
+import { BRIDGE_ONBOARDING_COMPLETED, AUTH_TOKEN, AUTH_USER, AUTH_MODE, WALLET_PICKER_SEARCH_KEY } from '../../utils/constants/localStorage.js';
 import '../../utils/constants/colors.js';
 import { DEFAULT_NUMBER_OF_WALLETS_TO_SHOW } from '../../utils/constants/values.js';
 import { LocalStorage } from '../../shared/utils/classes/storage/localStorage.js';
@@ -147,8 +147,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
     const [onboardingOnlyJwt, setOnboardingOnlyJwt] = useState(undefined);
     // state to track the full connectivity status of the individual's wallets.
     // Set to true once the predetermined number of wallets is connected.
-    const [isFullyConnected, setIsFullyConnected, removeIsFullyConnected] = useLocalStorage(IS_FULLY_CONNECTED, false);
-    const [bridgeChainsToConnect, setBridgeChainsToConnect] = useState(bridgeChains);
+    const [bridgeOnboardingCompleted, setBridgeOnboardingCompleted, removeBridgeOnboardingCompleted,] = useLocalStorage(BRIDGE_ONBOARDING_COMPLETED, false);
+    const [isFullyConnected, setIsFullyConnected] = useState(false);
     // Allows clients to control widget flow without need to click on AccountControl
     const [showDynamicUserProfile, setShowDynamicUserProfile] = useState(false);
     // Alows clients to control the Bridget Widget flow without need to click on Bridge Widget
@@ -225,25 +225,18 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         environmentId,
         isBridgeFlow,
         onBeforeConnectSuccessConfirmation: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onBeforeConnectSuccessConfirmation,
-        onDisconnect: (connectedWalletsInfo, wallet) => handleDisconnectWallet({
-            bridgeChains,
-            connectedWalletsInfo,
+        onDisconnect: (wallet) => handleDisconnectWallet({
             eventsCallbacks,
-            setBridgeChainsToConnect,
             wallet,
         }),
         primaryWalletId,
-        removeIsFullyConnected,
         setIsVerificationInProgress,
         setPrimaryWalletId,
         setShowAuthFlow,
         user,
         walletConnectorOptions,
     });
-    useEffect(() => {
-        const missingChains = getMissingChains(bridgeChains, connectedWalletsInfo);
-        setBridgeChainsToConnect(missingChains);
-    }, [bridgeChains]);
+    const bridgeChainsToConnect = useMemo(() => getMissingChains(bridgeChains, connectedWalletsInfo), [bridgeChains, connectedWalletsInfo]);
     const { selectedWalletConnector, setSelectedWalletConnectorKey } = useSelectedWalletConnector({ walletConnectorOptions });
     //selected wallet to perform an action (become primary, unlink, etc)
     const [selectedWalletWithAction, setSelectedWalletWithAction] = useState(null);
@@ -265,6 +258,9 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         user,
         walletConnectorOptions,
     });
+    useEffect(() => {
+        setIsFullyConnected(!(bridgeChainsToConnect === null || bridgeChainsToConnect === void 0 ? void 0 : bridgeChainsToConnect.length) && Boolean(primaryWallet));
+    }, [bridgeChainsToConnect, primaryWallet]);
     const walletConnectors = linkedOrConnectedWallets.map((wallet) => wallet.connector);
     const { sdkHasLoaded, setSdkHasLoaded } = useGlobalLoading({
         authMode,
@@ -297,14 +293,13 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         handleRemoveLsNetworks,
         initialAuthenticationMode,
         isVerificationInProgress,
+        removeBridgeOnboardingCompleted,
         removeConnectedNameService,
         removeConnectedWalletsInfo,
-        removeIsFullyConnected,
         removeLsSettings,
         removeUser,
         resetLoginWithEmail,
         setAuthMode,
-        setBridgeChainsToConnect,
         setIsVerificationInProgress,
         setLegacyIsVerifying,
         setMultiWalletWidgetState,
@@ -446,6 +441,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             awaitingSignatureState,
             bridgeChains,
             bridgeChainsToConnect,
+            bridgeOnboardingCompleted,
             clearStatesOnBackClick,
             connectWallet,
             connectedWallets,
@@ -499,6 +495,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             privacyPolicyUrl,
             projectSettings,
             qrcodeUri,
+            removeBridgeOnboardingCompleted,
             removeConnectedWalletsInfo,
             rpcProviders,
             sdkHasLoaded,
@@ -508,10 +505,9 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
             sendWagmiSettings,
             setAuthMode,
             setAuthorizationViewDisplayOrder,
-            setBridgeChainsToConnect,
+            setBridgeOnboardingCompleted,
             setCallback,
             setDesktopUri,
-            setIsFullyConnected,
             setIsSingleWalletAccount,
             setIsVerificationInProgress,
             setLegacyIsVerifying,
@@ -568,6 +564,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         awaitingSignatureState,
         bridgeChains,
         bridgeChainsToConnect,
+        bridgeOnboardingCompleted,
         clearStatesOnBackClick,
         connectWallet,
         connectedWallets,
@@ -575,13 +572,13 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         cssOverrides,
         customPrivacyPolicy,
         customTermsOfServices,
-        enableConnectOnlyFallback,
         debugError,
         onboardingOnlyJwt,
         defaultNumberOfWalletsToShow,
         desktopUri,
         disconnectWallet,
         displaySiweStatement,
+        enableConnectOnlyFallback,
         environmentId,
         eventsCallbacks,
         getConnectedWalletById,
@@ -597,7 +594,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         isVerificationInProgress,
         legacyIsVerifying,
         user,
-        networkValidationMode,
         linkedOrConnectedWallets,
         loadingNetwork,
         loginWithEmail,
@@ -605,17 +601,21 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         multiWalletWidgetState,
         network,
         serverNetworkConfigurations,
+        networkValidationMode,
         walletsForChainsMap,
         imageUserNotInAccessList,
         notInTheListImageUrl,
         imageUserInAccessList,
         onboardingImageUrl,
+        settings.overrides,
+        passkeySuccessPopup,
         policiesConsentInnerComponent,
         primaryWallet,
         primaryWalletId,
         privacyPolicyUrl,
         projectSettings,
         qrcodeUri,
+        removeBridgeOnboardingCompleted,
         removeConnectedWalletsInfo,
         rpcProviders,
         sdkHasLoaded,
@@ -625,8 +625,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         sendWagmiSettings,
         setAuthMode,
         setAuthorizationViewDisplayOrder,
+        setBridgeOnboardingCompleted,
         setCallback,
-        setIsFullyConnected,
         setIsVerificationInProgress,
         setLogInWithEmail,
         setMultiWallet,
@@ -646,7 +646,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         showBridgeWidget,
         showDynamicUserProfile,
         showLockedWalletView,
-        passkeySuccessPopup,
         showQrcodeModal,
         showWidgetStatePopup,
         signWithEmailWalletName,
@@ -661,7 +660,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         walletConnectorOptions,
         walletUiUtils,
         walletsFilter,
-        settings.overrides,
     ]);
     useEffect(() => {
         const addPrefetch = (attr) => {
@@ -700,10 +698,10 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         }
     }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile, user]);
     return (jsx(I18nextProvider, { i18n: i18nSDKInstance, children: jsx(DynamicContext.Provider, { value: value, children: jsx(WalletBookContextProvider, { walletBook: walletBook, children: jsx(ThemeContextProvider, { customerTheme: parseTheme(theme, ((_f = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _f === void 0 ? void 0 : _f.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design, children: jsx(LoadingContextProvider, { children: jsxs(ViewContextProvider, { initialView: getInitialView({
+                                bridgeOnboardingCompleted,
                                 connectedWallets,
-                                isAuthenticated,
+                                isAuthenticated: isAuthenticated || Boolean(primaryWallet),
                                 isBridgeFlow,
-                                isFullyConnected,
                                 isMultiWalletEnabled: multiWallet,
                             }), 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: jsx(PhantomRedirectContextProvider, { children: jsxs(SocialRedirectContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncPasskeyFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };

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

@@ -16,12 +16,9 @@ require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
-var getMissingChains = require('../../../utils/functions/getMissingChains/getMissingChains.cjs');
 
-const handleDisconnectWallet = ({ wallet, connectedWalletsInfo, bridgeChains, setBridgeChainsToConnect, eventsCallbacks, }) => {
+const handleDisconnectWallet = ({ wallet, eventsCallbacks, }) => {
     var _a;
-    const missingChains = getMissingChains.getMissingChains(bridgeChains, connectedWalletsInfo);
-    setBridgeChainsToConnect(missingChains);
     // there might not be a wallet to disconnect because
     // the connectedWallets state may never have been initialized.
     // this is because we asyncronously init the connectedWallets,

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

@@ -1,13 +1,7 @@
-import { Dispatch, SetStateAction } from 'react';
 import { DynamicEventsCallbacks, Wallet } from '../../../shared';
-import { ConnectedWalletConnectorType } from '../../../utils/hooks/useConnectWallet/useConnectWallet';
-import { ChainsToConnect } from '../types';
 type HandleDisconnectWalletArgs = {
     wallet?: Wallet;
-    connectedWalletsInfo: ConnectedWalletConnectorType[];
-    bridgeChains: ChainsToConnect[] | undefined;
-    setBridgeChainsToConnect: Dispatch<SetStateAction<ChainsToConnect[] | undefined>>;
     eventsCallbacks?: DynamicEventsCallbacks;
 };
-export declare const handleDisconnectWallet: ({ wallet, connectedWalletsInfo, bridgeChains, setBridgeChainsToConnect, eventsCallbacks, }: HandleDisconnectWalletArgs) => void;
+export declare const handleDisconnectWallet: ({ wallet, eventsCallbacks, }: HandleDisconnectWalletArgs) => void;
 export {};

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

@@ -12,12 +12,9 @@ import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
-import { getMissingChains } from '../../../utils/functions/getMissingChains/getMissingChains.js';
 
-const handleDisconnectWallet = ({ wallet, connectedWalletsInfo, bridgeChains, setBridgeChainsToConnect, eventsCallbacks, }) => {
+const handleDisconnectWallet = ({ wallet, eventsCallbacks, }) => {
     var _a;
-    const missingChains = getMissingChains(bridgeChains, connectedWalletsInfo);
-    setBridgeChainsToConnect(missingChains);
     // there might not be a wallet to disconnect because
     // the connectedWallets state may never have been initialized.
     // this is because we asyncronously init the connectedWallets,

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

@@ -60,10 +60,10 @@ const initExpirationTime = (logout) => {
     const expiryTimeout = Math.min(expirationTimeInMs, 2147483647);
     logoutTimer = setTimeout(logout, expiryTimeout);
 };
-const getInitialView = ({ connectedWallets, isBridgeFlow, isFullyConnected, isAuthenticated, isMultiWalletEnabled, }) => {
+const getInitialView = ({ connectedWallets, isBridgeFlow, bridgeOnboardingCompleted, isAuthenticated, isMultiWalletEnabled, }) => {
     // when multiwallet enabled, and user wants to link wallet
     // show wallet-list view
-    if (isFullyConnected || isAuthenticated) {
+    if (isAuthenticated || bridgeOnboardingCompleted) {
         return {
             type: isMultiWalletEnabled ? 'multi-wallet-wallet-list' : 'wallet-list',
         };

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

@@ -4,11 +4,11 @@ import { ChainsToConnect, NetworkValidationMode } from '../types';
 export declare const sdkSettingsTimeout: number;
 export declare const isAuthTokenExpired: (token: string) => boolean;
 export declare const initExpirationTime: (logout: VoidFunction) => void;
-export declare const getInitialView: ({ connectedWallets, isBridgeFlow, isFullyConnected, isAuthenticated, isMultiWalletEnabled, }: {
+export declare const getInitialView: ({ connectedWallets, isBridgeFlow, bridgeOnboardingCompleted, isAuthenticated, isMultiWalletEnabled, }: {
     connectedWallets: Wallet[];
     isBridgeFlow: boolean;
     isAuthenticated: boolean;
-    isFullyConnected: boolean;
+    bridgeOnboardingCompleted: boolean;
     isMultiWalletEnabled: boolean;
 }) => ViewState<ViewType>;
 export declare const setDynamicContextSessionSettings: () => void;

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

@@ -56,10 +56,10 @@ const initExpirationTime = (logout) => {
     const expiryTimeout = Math.min(expirationTimeInMs, 2147483647);
     logoutTimer = setTimeout(logout, expiryTimeout);
 };
-const getInitialView = ({ connectedWallets, isBridgeFlow, isFullyConnected, isAuthenticated, isMultiWalletEnabled, }) => {
+const getInitialView = ({ connectedWallets, isBridgeFlow, bridgeOnboardingCompleted, isAuthenticated, isMultiWalletEnabled, }) => {
     // when multiwallet enabled, and user wants to link wallet
     // show wallet-list view
-    if (isFullyConnected || isAuthenticated) {
+    if (isAuthenticated || bridgeOnboardingCompleted) {
         return {
             type: isMultiWalletEnabled ? 'multi-wallet-wallet-list' : 'wallet-list',
         };

package/src/lib/context/DynamicContext/hooks/useHandleLogout/types.d.ts

@@ -8,7 +8,6 @@ export type UseHandleLogoutParams = {
     removeUser: () => void;
     setSdkHasLoaded: Dispatch<SetStateAction<boolean>>;
     clearAllWalletConnectSessions: () => void;
-    setBridgeChainsToConnect: Dispatch<SetStateAction<ChainsToConnect[] | undefined>>;
     bridgeChains: ChainsToConnect[] | undefined;
     setShowDynamicUserProfile: Dispatch<SetStateAction<boolean>>;
     setShowBridgeWidget: Dispatch<SetStateAction<boolean>>;
@@ -27,8 +26,8 @@ export type UseHandleLogoutParams = {
     removeLsSettings: () => void;
     handleRemoveLsNetworks: () => void;
     setOnboardingOnlyJwt: Dispatch<SetStateAction<string | undefined>>;
+    removeBridgeOnboardingCompleted: () => void;
     removeConnectedWalletsInfo: () => void;
-    removeIsFullyConnected: () => void;
     clearPrimaryWalletId: () => void;
     removeConnectedNameService: () => void;
     eventsCallbacks: DynamicEventsCallbacks | undefined;

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

@@ -80,7 +80,6 @@ const useHandleLogout = (params) => {
         const p = paramsRef.current;
         p.setSdkHasLoaded(false);
         p.clearAllWalletConnectSessions();
-        p.setBridgeChainsToConnect(p.bridgeChains);
         p.setShowDynamicUserProfile(false);
         p.setShowBridgeWidget(false);
         p.resetLoginWithEmail();
@@ -111,7 +110,7 @@ const useHandleLogout = (params) => {
         p.handleRemoveLsNetworks();
         p.setOnboardingOnlyJwt(undefined);
         p.removeConnectedWalletsInfo();
-        p.removeIsFullyConnected();
+        p.removeBridgeOnboardingCompleted();
         p.clearPrimaryWalletId();
         p.removeConnectedNameService();
         dynamicEvents.dynamicEvents.emit('logout');

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

@@ -76,7 +76,6 @@ const useHandleLogout = (params) => {
         const p = paramsRef.current;
         p.setSdkHasLoaded(false);
         p.clearAllWalletConnectSessions();
-        p.setBridgeChainsToConnect(p.bridgeChains);
         p.setShowDynamicUserProfile(false);
         p.setShowBridgeWidget(false);
         p.resetLoginWithEmail();
@@ -107,7 +106,7 @@ const useHandleLogout = (params) => {
         p.handleRemoveLsNetworks();
         p.setOnboardingOnlyJwt(undefined);
         p.removeConnectedWalletsInfo();
-        p.removeIsFullyConnected();
+        p.removeBridgeOnboardingCompleted();
         p.clearPrimaryWalletId();
         p.removeConnectedNameService();
         dynamicEvents.emit('logout');

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

@@ -32,7 +32,7 @@ const useSetShowLinkNewWalletModal = ({ setShowAuthFlow, isMultiWalletEnabled, i
             if (!isAuthenticated)
                 return;
             if (!isMultiWalletEnabled) {
-                logger.logger.warn('setShowLinkNewWalletModal was called while the user was not logged in. This results in a no-op. To log the user in, use setShowAuthFlow. For more information, see: https://docs.dynamic.xyz/react-sdk/hooks/usedynamiccontext');
+                logger.logger.warn('setShowLinkNewWalletModal was called but the user is not allowed to link a wallet. This results in a no-op. Please double check that multi-wallet is enabled in the dashboard. For more information, see: https://docs.dynamic.xyz/branded-wallets/multi-wallet');
                 return;
             }
         }

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

@@ -28,7 +28,7 @@ const useSetShowLinkNewWalletModal = ({ setShowAuthFlow, isMultiWalletEnabled, i
             if (!isAuthenticated)
                 return;
             if (!isMultiWalletEnabled) {
-                logger.warn('setShowLinkNewWalletModal was called while the user was not logged in. This results in a no-op. To log the user in, use setShowAuthFlow. For more information, see: https://docs.dynamic.xyz/react-sdk/hooks/usedynamiccontext');
+                logger.warn('setShowLinkNewWalletModal was called but the user is not allowed to link a wallet. This results in a no-op. Please double check that multi-wallet is enabled in the dashboard. For more information, see: https://docs.dynamic.xyz/branded-wallets/multi-wallet');
                 return;
             }
         }

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

@@ -59,8 +59,12 @@ export interface IDynamicContext {
     locale: {
         changeLanguage: (lang: string) => void;
     };
+    /**
+     * @deprecated Use useIsLoggedIn instead
+     */
     isFullyConnected: boolean;
-    setIsFullyConnected: (value: boolean | ((val: boolean) => boolean)) => void;
+    bridgeOnboardingCompleted: boolean;
+    setBridgeOnboardingCompleted: (value: boolean | ((val: boolean) => boolean)) => void;
     consumeNonce: () => string | undefined;
     cssOverrides?: string | JSX.Element;
     customPrivacyPolicy?: ReactNode;
@@ -71,7 +75,6 @@ export interface IDynamicContext {
     defaultNumberOfWalletsToShow: number;
     bridgeChains: ChainsToConnect[] | undefined;
     bridgeChainsToConnect: ChainsToConnect[] | undefined;
-    setBridgeChainsToConnect: Dispatch<SetStateAction<ChainsToConnect[] | undefined>>;
     desktopUri: string;
     displaySiweStatement: boolean;
     environmentId: string;

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

@@ -74,6 +74,7 @@ const LoadingContext = React.createContext(undefined);
 const LoadingContextProvider = ({ children, }) => {
     const [loading, setLoading] = React.useState(false);
     useDynamicEvents.useInternalDynamicEvents('logout', () => setLoading(false));
+    useDynamicEvents.useInternalDynamicEvents('embeddedWalletCreated', () => setLoading(false));
     const value = React.useMemo(() => ({
         loading,
         setLoading,

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

@@ -70,6 +70,7 @@ const LoadingContext = createContext(undefined);
 const LoadingContextProvider = ({ children, }) => {
     const [loading, setLoading] = useState(false);
     useInternalDynamicEvents('logout', () => setLoading(false));
+    useInternalDynamicEvents('embeddedWalletCreated', () => setLoading(false));
     const value = useMemo(() => ({
         loading,
         setLoading,

package/src/lib/data/api.cjs

@@ -330,6 +330,9 @@ const updateUserProfileFields = (jwt, environmentId, fields) => _tslib.__awaiter
             else if (error.code === 'username_already_exists') {
                 throw new utils.UsernameAlreadyExistsError();
             }
+            else if (error.code === 'too_many_verification_attempts') {
+                throw new utils.TooManyEmailVerificationsError();
+            }
         }
         throw e;
     }

package/src/lib/data/api.js

@@ -1,5 +1,5 @@
 import { __awaiter } from '../../../_virtual/_tslib.js';
-import { NoAccessError, AccountExistsError, EmailVerificationError, UserHasAccountWithEmailError, DynamicError, EmailAlreadyExistsError, UsernameAlreadyExistsError, WalletUsedError, WalletNotDeployedError, ChainalysisError, GateBlockedError, EmailProviderError, SocialAccountAlreadyExistsError } from '@dynamic-labs/utils';
+import { NoAccessError, AccountExistsError, EmailVerificationError, UserHasAccountWithEmailError, DynamicError, EmailAlreadyExistsError, UsernameAlreadyExistsError, TooManyEmailVerificationsError, WalletUsedError, WalletNotDeployedError, ChainalysisError, GateBlockedError, EmailProviderError, SocialAccountAlreadyExistsError } from '@dynamic-labs/utils';
 import { UnprocessableEntityErrorCode, SDKApi, Configuration, VerifyRequestFromJSON, ChainEnum, WalletProviderEnum, AuthModeEnum, EmbeddedWalletProviderEnum } from '@dynamic-labs/sdk-api';
 import { VERSION, API_VERSION } from '../../version.js';
 import ApiEndpoint from '../config/ApiEndpoint.js';
@@ -326,6 +326,9 @@ const updateUserProfileFields = (jwt, environmentId, fields) => __awaiter(void 0
             else if (error.code === 'username_already_exists') {
                 throw new UsernameAlreadyExistsError();
             }
+            else if (error.code === 'too_many_verification_attempts') {
+                throw new TooManyEmailVerificationsError();
+            }
         }
         throw e;
     }

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

@@ -90,7 +90,7 @@ const DynamicAuthLayout = ({ children, className, style, onClose, projectSetting
         view: view.type,
     });
     const { showConnectedWalletProgress, showHeader, showHelpContent, showToSFooter, showDynamicFooter, } = useAuthLayoutChecks.useAuthLayoutChecks();
-    return (jsxRuntime.jsx(OverlayCardTarget.OverlayCardTarget, { children: jsxRuntime.jsxs(VerticalAccordion.VerticalAccordion, { style: style, className: className, children: [jsxRuntime.jsxs(AccordionItem.AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsxRuntime.jsx(WalletProgressStepper.WalletProgressStepper, {})), showHeader && (jsxRuntime.jsx(header.Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, copykey: headerData === null || headerData === void 0 ? void 0 : headerData.copykey })), children, showDynamicFooter && jsxRuntime.jsx(DynamicFooter.DynamicFooter, {}), showToSFooter && jsxRuntime.jsx(ToSFooter.ToSFooter, {})] }), helpHeaderData && showHelpContent && (jsxRuntime.jsx(AccordionItem.AccordionItem, { isOpen: isFooterExpanded, children: jsxRuntime.jsx("div", { children: jsxRuntime.jsx(HelpContent.HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
+    return (jsxRuntime.jsx(OverlayCardTarget.OverlayCardTarget, { children: jsxRuntime.jsxs(VerticalAccordion.VerticalAccordion, { style: style, className: className, children: [jsxRuntime.jsxs(AccordionItem.AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsxRuntime.jsx(WalletProgressStepper.WalletProgressStepper, {})), showHeader && (jsxRuntime.jsx(header.Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, copykey: headerData === null || headerData === void 0 ? void 0 : headerData.copykey })), children, showToSFooter && jsxRuntime.jsx(ToSFooter.ToSFooter, {}), showDynamicFooter && jsxRuntime.jsx(DynamicFooter.DynamicFooter, {})] }), helpHeaderData && showHelpContent && (jsxRuntime.jsx(AccordionItem.AccordionItem, { isOpen: isFooterExpanded, children: jsxRuntime.jsx("div", { children: jsxRuntime.jsx(HelpContent.HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
 };
 
 exports.DynamicAuthLayout = DynamicAuthLayout;

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

@@ -86,7 +86,7 @@ const DynamicAuthLayout = ({ children, className, style, onClose, projectSetting
         view: view.type,
     });
     const { showConnectedWalletProgress, showHeader, showHelpContent, showToSFooter, showDynamicFooter, } = useAuthLayoutChecks();
-    return (jsx(OverlayCardTarget, { children: jsxs(VerticalAccordion, { style: style, className: className, children: [jsxs(AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsx(WalletProgressStepper, {})), showHeader && (jsx(Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, copykey: headerData === null || headerData === void 0 ? void 0 : headerData.copykey })), children, showDynamicFooter && jsx(DynamicFooter, {}), showToSFooter && jsx(ToSFooter, {})] }), helpHeaderData && showHelpContent && (jsx(AccordionItem, { isOpen: isFooterExpanded, children: jsx("div", { children: jsx(HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
+    return (jsx(OverlayCardTarget, { children: jsxs(VerticalAccordion, { style: style, className: className, children: [jsxs(AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsx(WalletProgressStepper, {})), showHeader && (jsx(Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, copykey: headerData === null || headerData === void 0 ? void 0 : headerData.copykey })), children, showToSFooter && jsx(ToSFooter, {}), showDynamicFooter && jsx(DynamicFooter, {})] }), helpHeaderData && showHelpContent && (jsx(AccordionItem, { isOpen: isFooterExpanded, children: jsx("div", { children: jsx(HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
 };
 
 export { DynamicAuthLayout };

package/src/lib/utils/constants/localStorage.cjs

@@ -14,7 +14,7 @@ const NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY = 'dynamic_newtoweb3_wallet_extension_
 const CONNECTED_WALLETS_INFO = 'dynamic_connected_wallets';
 const AUTH_MODE = 'dynamic_auth_mode';
 const CONNECTED_WALLET_NAME_SERVICE = 'dynamic_connected_wallet_ns';
-const IS_FULLY_CONNECTED = 'dynamic_fully_connected';
+const BRIDGE_ONBOARDING_COMPLETED = 'dynamic_bridge_onboarding_completed';
 const IS_MULTI_WALLET_ENABLED = 'dynamic_multi_wallet_enabled';
 const DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS = 'dynamic_context_session_settings';
 const WAGMI_LAST_SESSION_SETTINGS = 'dynamic_wagmi_session_settings';
@@ -24,12 +24,12 @@ const EMBEDDED_WALLET_SECURE_BANNER = 'dynamic_embedded_secure_banner';
 exports.AUTH_MODE = AUTH_MODE;
 exports.AUTH_TOKEN = AUTH_TOKEN;
 exports.AUTH_USER = AUTH_USER;
+exports.BRIDGE_ONBOARDING_COMPLETED = BRIDGE_ONBOARDING_COMPLETED;
 exports.CONNECTED_WALLETS_INFO = CONNECTED_WALLETS_INFO;
 exports.CONNECTED_WALLET_NAME_SERVICE = CONNECTED_WALLET_NAME_SERVICE;
 exports.DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS = DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS;
 exports.EMBEDDED_WALLET_SECURE_BANNER = EMBEDDED_WALLET_SECURE_BANNER;
 exports.EMBEDDED_WALLET_SESSION_SETTINGS = EMBEDDED_WALLET_SESSION_SETTINGS;
-exports.IS_FULLY_CONNECTED = IS_FULLY_CONNECTED;
 exports.IS_MULTI_WALLET_ENABLED = IS_MULTI_WALLET_ENABLED;
 exports.LAST_USED_WALLET = LAST_USED_WALLET;
 exports.NETWORKS_STORAGE_KEY = NETWORKS_STORAGE_KEY;

package/src/lib/utils/constants/localStorage.d.ts

@@ -11,7 +11,7 @@ export declare const NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY = "dynamic_newtoweb3_wa
 export declare const CONNECTED_WALLETS_INFO = "dynamic_connected_wallets";
 export declare const AUTH_MODE = "dynamic_auth_mode";
 export declare const CONNECTED_WALLET_NAME_SERVICE = "dynamic_connected_wallet_ns";
-export declare const IS_FULLY_CONNECTED = "dynamic_fully_connected";
+export declare const BRIDGE_ONBOARDING_COMPLETED = "dynamic_bridge_onboarding_completed";
 export declare const IS_MULTI_WALLET_ENABLED = "dynamic_multi_wallet_enabled";
 export declare const DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS = "dynamic_context_session_settings";
 export declare const WAGMI_LAST_SESSION_SETTINGS = "dynamic_wagmi_session_settings";

package/src/lib/utils/constants/localStorage.js

@@ -10,11 +10,11 @@ const NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY = 'dynamic_newtoweb3_wallet_extension_
 const CONNECTED_WALLETS_INFO = 'dynamic_connected_wallets';
 const AUTH_MODE = 'dynamic_auth_mode';
 const CONNECTED_WALLET_NAME_SERVICE = 'dynamic_connected_wallet_ns';
-const IS_FULLY_CONNECTED = 'dynamic_fully_connected';
+const BRIDGE_ONBOARDING_COMPLETED = 'dynamic_bridge_onboarding_completed';
 const IS_MULTI_WALLET_ENABLED = 'dynamic_multi_wallet_enabled';
 const DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS = 'dynamic_context_session_settings';
 const WAGMI_LAST_SESSION_SETTINGS = 'dynamic_wagmi_session_settings';
 const EMBEDDED_WALLET_SESSION_SETTINGS = 'dynamic_embedded_wallet_session_settings';
 const EMBEDDED_WALLET_SECURE_BANNER = 'dynamic_embedded_secure_banner';
 
-export { AUTH_MODE, AUTH_TOKEN, AUTH_USER, CONNECTED_WALLETS_INFO, CONNECTED_WALLET_NAME_SERVICE, DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS, EMBEDDED_WALLET_SECURE_BANNER, EMBEDDED_WALLET_SESSION_SETTINGS, IS_FULLY_CONNECTED, IS_MULTI_WALLET_ENABLED, LAST_USED_WALLET, NETWORKS_STORAGE_KEY, NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY, NONCE_STORAGE_KEY, PRIMARY_WALLET_ID, PROJECT_SETTINGS_STORAGE_KEY, WAGMI_LAST_SESSION_SETTINGS, WALLET_PICKER_SEARCH_KEY };
+export { AUTH_MODE, AUTH_TOKEN, AUTH_USER, BRIDGE_ONBOARDING_COMPLETED, CONNECTED_WALLETS_INFO, CONNECTED_WALLET_NAME_SERVICE, DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS, EMBEDDED_WALLET_SECURE_BANNER, EMBEDDED_WALLET_SESSION_SETTINGS, IS_MULTI_WALLET_ENABLED, LAST_USED_WALLET, NETWORKS_STORAGE_KEY, NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY, NONCE_STORAGE_KEY, PRIMARY_WALLET_ID, PROJECT_SETTINGS_STORAGE_KEY, WAGMI_LAST_SESSION_SETTINGS, WALLET_PICKER_SEARCH_KEY };

package/src/lib/utils/hooks/index.d.ts

@@ -44,3 +44,4 @@ export { useWalletConnectorNetwork } from './useWalletConnectorNetwork';
 export { useInitEmbeddedWalletAuthMethod } from './useInitEmbeddedWalletAuthMethod';
 export { useEmbeddedWalletAuthenticator } from './useEmbeddedWalletAuthenticator';
 export { useViewSettings } from './useViewSettings';
+export { useNetworkNotSupported } from './useNetworkNotSupported';

package/src/lib/utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.cjs

@@ -142,7 +142,10 @@ const useAuthLayoutChecks = () => {
                     privacyPolicyUrl ||
                     customPrivacyPolicy ||
                     customTermsOfServices))));
-    const showDynamicFooter = view.type === 'login-with-email-verification' ||
+    const showDynamicFooter = view.type === 'login-with-email-or-wallet' ||
+        view.type === 'login-with-email-or-wallet-full-wallet-list' ||
+        view.type === 'login-with-wallet-only' ||
+        view.type === 'login-with-email-verification' ||
         view.type === 'verify-email' ||
         view.type === 'pending-connect' ||
         view.type === 'wallet-group' ||

package/src/lib/utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.js

@@ -138,7 +138,10 @@ const useAuthLayoutChecks = () => {
                     privacyPolicyUrl ||
                     customPrivacyPolicy ||
                     customTermsOfServices))));
-    const showDynamicFooter = view.type === 'login-with-email-verification' ||
+    const showDynamicFooter = view.type === 'login-with-email-or-wallet' ||
+        view.type === 'login-with-email-or-wallet-full-wallet-list' ||
+        view.type === 'login-with-wallet-only' ||
+        view.type === 'login-with-email-verification' ||
         view.type === 'verify-email' ||
         view.type === 'pending-connect' ||
         view.type === 'wallet-group' ||

package/src/lib/utils/hooks/useConnectWallet/useConnectWallet.cjs

@@ -30,7 +30,7 @@ var isConnectOnly = require('../authenticationHooks/helpers/isConnectOnly.cjs');
 var dynamicEvents = require('../../../events/dynamicEvents.cjs');
 var updateUserWalletsFromConnectedWallets = require('./updateUserWalletsFromConnectedWallets/updateUserWalletsFromConnectedWallets.cjs');
 
-const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, walletConnectorOptions, onDisconnect, onBeforeConnectSuccessConfirmation, removeIsFullyConnected, setShowAuthFlow, isBridgeFlow, setIsVerificationInProgress, user, }) => {
+const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, walletConnectorOptions, onDisconnect, onBeforeConnectSuccessConfirmation, setShowAuthFlow, isBridgeFlow, setIsVerificationInProgress, user, }) => {
     const [connectedWalletsInfo, setConnectedWalletsInfo, removeConnectedWalletsInfo,] = useLocalStorage.useLocalStorage(localStorage.CONNECTED_WALLETS_INFO, []);
     const [connectedWallets, _setConnectedWallets] = React.useState([]);
     /**
@@ -51,10 +51,7 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
         yield (walletToDisconnect === null || walletToDisconnect === void 0 ? void 0 : walletToDisconnect.connector.endSession());
         const updatedConnectedWalletsInfo = connectedWalletsInfo.filter((wallet) => wallet.id !== walletId);
         setConnectedWalletsInfo(updatedConnectedWalletsInfo);
-        if (updatedConnectedWalletsInfo.length === 0) {
-            removeIsFullyConnected();
-        }
-        onDisconnect(updatedConnectedWalletsInfo, walletToDisconnect);
+        onDisconnect(walletToDisconnect);
         if (walletId !== primaryWalletId) {
             return;
         }
@@ -72,7 +69,6 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
         isBridgeFlow,
         onDisconnect,
         primaryWalletId,
-        removeIsFullyConnected,
         setConnectedWalletsInfo,
         setPrimaryWalletId,
     ]);

package/src/lib/utils/hooks/useConnectWallet/useConnectWallet.d.ts

@@ -16,9 +16,8 @@ export type UseConnectWalletProps = {
     primaryWalletId: string | undefined;
     setPrimaryWalletId: (walletId: string) => void;
     walletConnectorOptions: WalletOption[];
-    onDisconnect: (connectedWalletsInfo: ConnectedWalletConnectorType[], wallet?: Wallet) => void;
+    onDisconnect: (wallet?: Wallet) => void;
     onBeforeConnectSuccessConfirmation: OnBeforeConnectSuccessConfirmation | undefined;
-    removeIsFullyConnected: () => void;
     setShowAuthFlow: SetShowAuthFlow;
     isBridgeFlow: boolean;
     setIsVerificationInProgress: (newValue: boolean, checkWasSetOnDisable?: boolean | undefined) => void;
@@ -42,5 +41,5 @@ type UseConnectWalletValue = {
     removeConnectedWalletsInfo: () => void;
     disconnectWallet: (walletId: string) => Promise<void>;
 };
-export declare const useConnectWallet: ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, walletConnectorOptions, onDisconnect, onBeforeConnectSuccessConfirmation, removeIsFullyConnected, setShowAuthFlow, isBridgeFlow, setIsVerificationInProgress, user, }: UseConnectWalletProps) => UseConnectWalletValue;
+export declare const useConnectWallet: ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, walletConnectorOptions, onDisconnect, onBeforeConnectSuccessConfirmation, setShowAuthFlow, isBridgeFlow, setIsVerificationInProgress, user, }: UseConnectWalletProps) => UseConnectWalletValue;
 export {};

package/src/lib/utils/hooks/useConnectWallet/useConnectWallet.js

@@ -26,7 +26,7 @@ import { isConnectOnly } from '../authenticationHooks/helpers/isConnectOnly.js';
 import { dynamicEvents } from '../../../events/dynamicEvents.js';
 import { updateUserWalletsFromConnectedWallets } from './updateUserWalletsFromConnectedWallets/updateUserWalletsFromConnectedWallets.js';
 
-const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, walletConnectorOptions, onDisconnect, onBeforeConnectSuccessConfirmation, removeIsFullyConnected, setShowAuthFlow, isBridgeFlow, setIsVerificationInProgress, user, }) => {
+const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, walletConnectorOptions, onDisconnect, onBeforeConnectSuccessConfirmation, setShowAuthFlow, isBridgeFlow, setIsVerificationInProgress, user, }) => {
     const [connectedWalletsInfo, setConnectedWalletsInfo, removeConnectedWalletsInfo,] = useLocalStorage(CONNECTED_WALLETS_INFO, []);
     const [connectedWallets, _setConnectedWallets] = useState([]);
     /**
@@ -47,10 +47,7 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
         yield (walletToDisconnect === null || walletToDisconnect === void 0 ? void 0 : walletToDisconnect.connector.endSession());
         const updatedConnectedWalletsInfo = connectedWalletsInfo.filter((wallet) => wallet.id !== walletId);
         setConnectedWalletsInfo(updatedConnectedWalletsInfo);
-        if (updatedConnectedWalletsInfo.length === 0) {
-            removeIsFullyConnected();
-        }
-        onDisconnect(updatedConnectedWalletsInfo, walletToDisconnect);
+        onDisconnect(walletToDisconnect);
         if (walletId !== primaryWalletId) {
             return;
         }
@@ -68,7 +65,6 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
         isBridgeFlow,
         onDisconnect,
         primaryWalletId,
-        removeIsFullyConnected,
         setConnectedWalletsInfo,
         setPrimaryWalletId,
     ]);