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

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

@@ -1,13 +1,12 @@
-import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
-export declare const useAuthLayoutChecks: (walletConnector?: WalletConnector | null) => {
+export declare const useAuthLayoutChecks: () => {
     displayBorderBelowHeader: boolean;
     isWalletListTypeView: boolean;
     showBackButton: boolean;
     showCloseButton: boolean;
     showConnectedWalletProgress: boolean;
+    showDefaultFooter: boolean;
     showDynamicFooter: boolean;
     showHeader: boolean;
     showHelpContent: boolean;
-    showQrCodePreHeader: boolean;
     showToSFooter: boolean;
 };

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

@@ -2,104 +2,111 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useIn
 import { useMockContext } from '../../../context/MockContext/MockContext.js';
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 import { isUserLinkingWallet } from '../../../shared/utils/functions/isUserLinkingWallet/isUserLinkingWallet.js';
-import { useQrCodeContext } from '../../../context/QrCodeContext/QrCodeContext.js';
 import { useDynamicLayoutData } from '../useDynamicLayoutData/useDynamicLayoutData.js';
 import { useFooterAnimationContext } from '../../../context/FooterAnimationContext/index.js';
 
-const useAuthLayoutChecks = (walletConnector) => {
+const useAuthLayoutChecks = () => {
     const { view } = useViewContext();
     const { user, customPrivacyPolicy, customTermsOfServices, privacyPolicyUrl, termsOfServiceUrl, isBridgeFlow, authMode, } = useInternalDynamicContext();
-    const { showQrCodeMessage, showQrCodeImage } = useQrCodeContext();
     const { isFooterExpanded } = useFooterAnimationContext();
     const { mockedSDK } = useMockContext();
-    const { helpHeaderData } = useDynamicLayoutData({ authMode, view });
-    const displayBorderBelowHeader = (view !== 'wallet-list' &&
-        view !== 'login-with-email-or-wallet-full-wallet-list' &&
-        view !== 'multi-wallet-wallet-list' &&
-        view !== 'login-with-wallet-only') ||
+    const { helpHeaderData } = useDynamicLayoutData({
+        authMode,
+        view: view.type,
+    });
+    const displayBorderBelowHeader = (view.type !== 'wallet-list' &&
+        view.type !== 'login-with-email-or-wallet-full-wallet-list' &&
+        view.type !== 'multi-wallet-wallet-list' &&
+        view.type !== 'login-with-wallet-only') ||
         isFooterExpanded;
-    const isWalletListTypeView = view === 'wallet-connect-mobile-wallets-list' ||
-        view === 'wallet-list' ||
-        view === 'login-with-email-or-wallet-full-wallet-list' ||
-        view === 'login-with-wallet-only';
+    const isWalletListTypeView = view.type === 'wallet-connect-mobile-wallets-list' ||
+        view.type === 'wallet-list' ||
+        view.type === 'login-with-email-or-wallet-full-wallet-list' ||
+        view.type === 'login-with-wallet-only';
     const showHelpContent = Boolean(helpHeaderData &&
         // Notice the negation here
-        !((view === 'qr-code' && !(walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.canConnectViaQrCode)) ||
-            view === 'no-qr-not-installed' ||
-            view === 'wallet-used' ||
-            view === 'chainalysis-blocked-wallet' ||
-            view === 'wallet-sign' ||
-            view === 'collect-user-data' ||
-            isUserLinkingWallet(user, view, mockedSDK)));
-    const showHeader = view !== 'collect-user-data' &&
-        view !== 'no-access' &&
-        view !== 'chainalysis-blocked-wallet' &&
-        view !== 'wallet-locked-view' &&
-        view !== 'gate-blocked-wallet' &&
-        view !== 'email-wallet-otp-verification-view' &&
-        view !== 'bridge-welcome' &&
-        view !== 'bridge-summary' &&
-        view !== 'bridge-next-wallet-connection' &&
-        view !== 'passkey-intro' &&
-        view !== 'social-redirect-view' &&
-        view !== 'update-email' &&
-        view !== 'collect-user-data-login-with-email' &&
-        view !== 'passkey-recovery-start';
+        !(view.type === 'qr-code' ||
+            view.type === 'no-qr-not-installed' ||
+            view.type === 'wallet-used' ||
+            view.type === 'chainalysis-blocked-wallet' ||
+            view.type === 'wallet-sign' ||
+            view.type === 'collect-user-data' ||
+            isUserLinkingWallet(user, view.type, mockedSDK)));
+    const showHeader = view.type !== 'collect-user-data' &&
+        view.type !== 'no-access' &&
+        view.type !== 'chainalysis-blocked-wallet' &&
+        view.type !== 'wallet-locked-view' &&
+        view.type !== 'gate-blocked-wallet' &&
+        view.type !== 'email-wallet-otp-verification-view' &&
+        view.type !== 'bridge-welcome' &&
+        view.type !== 'bridge-summary' &&
+        view.type !== 'bridge-next-wallet-connection' &&
+        view.type !== 'passkey-intro' &&
+        view.type !== 'social-redirect-view' &&
+        view.type !== 'update-email' &&
+        view.type !== 'collect-user-data-login-with-email' &&
+        view.type !== 'passkey-recovery-start' &&
+        view.type !== 'rename-passkey' &&
+        view.type !== 'embedded-reveal-view' &&
+        view.type !== 'embedded-reveal-account-view';
     const showConnectedWalletProgress = isBridgeFlow &&
-        (view === 'wallet-list' ||
-            view === 'qr-code' ||
-            view === 'wallet-connect-mobile-wallets-list' ||
-            view === 'pending-connect' ||
-            view === 'pending-signature' ||
-            view === 'pending-signature-without-back-button' ||
-            view === 'bridge-next-wallet-connection' ||
-            view === 'bridge-summary');
-    const showToSFooter = Boolean(!isUserLinkingWallet(user, view, mockedSDK) &&
-        (view === 'wallet-list' ||
-            view === 'wallet-connect-mobile-wallets-list' ||
+        (view.type === 'wallet-list' ||
+            view.type === 'qr-code' ||
+            view.type === 'wallet-connect-mobile-wallets-list' ||
+            view.type === 'pending-connect' ||
+            view.type === 'pending-signature' ||
+            view.type === 'pending-signature-without-back-button' ||
+            view.type === 'bridge-next-wallet-connection' ||
+            view.type === 'bridge-summary');
+    const showToSFooter = Boolean(!isUserLinkingWallet(user, view.type, mockedSDK) &&
+        (view.type === 'wallet-list' ||
+            view.type === 'wallet-connect-mobile-wallets-list' ||
             // Don't show empty footer during the login
-            ((view === 'login-with-email-or-wallet' ||
-                view === 'login-with-email-or-wallet-full-wallet-list' ||
-                view === 'login-with-wallet-only') &&
+            ((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 === 'multi-wallet-wallet-list') &&
                 (termsOfServiceUrl ||
                     privacyPolicyUrl ||
                     customPrivacyPolicy ||
                     customTermsOfServices))));
-    const showDynamicFooter = view === 'login-with-email-verification' ||
-        view === 'verify-email' ||
-        view === 'pending-connect' ||
-        view === 'wallet-group' ||
-        view === 'pending-signature' ||
-        view === 'qr-code' ||
-        view === 'wallet-used' ||
-        view === 'email-wallet-otp-verification-view';
-    const showCloseButton = view !== 'login-with-email-or-wallet-full-wallet-list' &&
-        view !== 'login-with-email-verification' &&
-        view !== 'network-not-supported' &&
-        view !== 'passkey-recovery-complete' &&
-        view !== 'passkey-recovery-start';
-    const showBackButton = view === 'qr-code' ||
-        view === 'pending-signature' ||
-        view === 'no-qr-not-installed' ||
-        view === 'wallet-connect-mobile-wallets-list' ||
-        view === 'login-with-email-verification' ||
-        view === 'login-with-email-or-wallet-full-wallet-list' ||
-        view === 'wallet-group' ||
-        view === 'pending-connect' ||
-        view === 'account-exists' ||
-        view === 'passkey-intro' ||
-        (view === 'merge-user-accounts' && !user);
-    const showQrCodePreHeader = view === 'qr-code' && showQrCodeMessage && !showQrCodeImage;
+    const showDynamicFooter = view.type === 'login-with-email-verification' ||
+        view.type === 'verify-email' ||
+        view.type === 'pending-connect' ||
+        view.type === 'wallet-group' ||
+        view.type === 'pending-signature' ||
+        view.type === 'qr-code' ||
+        view.type === 'wallet-used' ||
+        view.type === 'email-wallet-otp-verification-view';
+    const showCloseButton = view.type !== 'login-with-email-or-wallet-full-wallet-list' &&
+        view.type !== 'login-with-email-verification' &&
+        view.type !== 'network-not-supported' &&
+        view.type !== 'passkey-recovery-complete' &&
+        view.type !== 'passkey-recovery-start' &&
+        view.type !== 'rename-passkey' &&
+        view.type !== 'qr-code';
+    const showBackButton = view.type === 'pending-signature' ||
+        view.type === 'no-qr-not-installed' ||
+        view.type === 'wallet-connect-mobile-wallets-list' ||
+        view.type === 'login-with-email-verification' ||
+        view.type === 'login-with-email-or-wallet-full-wallet-list' ||
+        view.type === 'wallet-group' ||
+        view.type === 'pending-connect' ||
+        view.type === 'account-exists' ||
+        view.type === 'passkey-intro' ||
+        view.type === 'qr-code' ||
+        (view.type === 'merge-user-accounts' && !user);
+    const showDefaultFooter = !showConnectedWalletProgress && !showDynamicFooter && !showToSFooter;
     return {
         displayBorderBelowHeader,
         isWalletListTypeView,
         showBackButton,
         showCloseButton,
         showConnectedWalletProgress,
+        showDefaultFooter,
         showDynamicFooter,
         showHeader,
         showHelpContent,
-        showQrCodePreHeader,
         showToSFooter,
     };
 };

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
@@ -17,31 +17,32 @@ require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 
 const useClearWalletConnectSessions = ({ connectors }) => {
-    const clearOphanedWalletConnectSessions = React.useCallback(() => {
+    const clearAllWalletConnectSessions = () => {
         if (typeof window === 'undefined')
             return;
-        if (connectors.length === 0)
-            return;
-        const names = new Set(connectors.map((connector) => walletConnectorCore.normalizeWalletName(connector.name)));
         for (const key of localStorage$1.LocalStorage.getKeys()) {
-            if (key.startsWith('walletconnect') &&
-                !names.has(key.replace('walletconnect-', ''))) {
+            if (key.startsWith('walletconnect') ||
+                key.startsWith('walletlink') ||
+                key.startsWith('wc@2')) {
                 localStorage.removeItem(key);
             }
         }
-    }, [connectors]);
-    const clearAllWalletConnectSessions = () => {
+    };
+    // Clears orphaned wallet connect sessions
+    React.useEffect(() => {
         if (typeof window === 'undefined')
             return;
+        if (connectors.length === 0)
+            return;
+        const keys = new Set(connectors.map((connector) => connector.key));
         for (const key of localStorage$1.LocalStorage.getKeys()) {
-            if (key.startsWith('walletconnect') ||
-                key.startsWith('walletlink') ||
-                key.startsWith('wc@2')) {
+            if (key.startsWith('walletconnect') &&
+                !keys.has(key.replace('walletconnect-', ''))) {
                 localStorage.removeItem(key);
             }
         }
-    };
-    return { clearAllWalletConnectSessions, clearOphanedWalletConnectSessions };
+    }, [connectors]);
+    return { clearAllWalletConnectSessions };
 };
 
 exports.useClearWalletConnectSessions = useClearWalletConnectSessions;

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

@@ -4,6 +4,5 @@ type Args = {
 };
 export declare const useClearWalletConnectSessions: ({ connectors }: Args) => {
     clearAllWalletConnectSessions: () => void;
-    clearOphanedWalletConnectSessions: () => void;
 };
 export {};

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

@@ -1,8 +1,8 @@
-import { useCallback } from 'react';
-import { normalizeWalletName } from '@dynamic-labs/wallet-connector-core';
+import { useEffect } from 'react';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
@@ -13,31 +13,32 @@ import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 
 const useClearWalletConnectSessions = ({ connectors }) => {
-    const clearOphanedWalletConnectSessions = useCallback(() => {
+    const clearAllWalletConnectSessions = () => {
         if (typeof window === 'undefined')
             return;
-        if (connectors.length === 0)
-            return;
-        const names = new Set(connectors.map((connector) => normalizeWalletName(connector.name)));
         for (const key of LocalStorage.getKeys()) {
-            if (key.startsWith('walletconnect') &&
-                !names.has(key.replace('walletconnect-', ''))) {
+            if (key.startsWith('walletconnect') ||
+                key.startsWith('walletlink') ||
+                key.startsWith('wc@2')) {
                 localStorage.removeItem(key);
             }
         }
-    }, [connectors]);
-    const clearAllWalletConnectSessions = () => {
+    };
+    // Clears orphaned wallet connect sessions
+    useEffect(() => {
         if (typeof window === 'undefined')
             return;
+        if (connectors.length === 0)
+            return;
+        const keys = new Set(connectors.map((connector) => connector.key));
         for (const key of LocalStorage.getKeys()) {
-            if (key.startsWith('walletconnect') ||
-                key.startsWith('walletlink') ||
-                key.startsWith('wc@2')) {
+            if (key.startsWith('walletconnect') &&
+                !keys.has(key.replace('walletconnect-', ''))) {
                 localStorage.removeItem(key);
             }
         }
-    };
-    return { clearAllWalletConnectSessions, clearOphanedWalletConnectSessions };
+    }, [connectors]);
+    return { clearAllWalletConnectSessions };
 };
 
 export { useClearWalletConnectSessions };

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+var utils = require('@dynamic-labs/utils');
 var UserWalletsContext = require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 var api = require('../../../data/api.cjs');
 require('@dynamic-labs/sdk-api');
@@ -18,7 +19,6 @@ require('../../constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 var useLocalStorage = require('../../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
-require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var shouldManuallyReconnectOnRefresh = require('../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.cjs');
@@ -152,7 +152,7 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
             if (!shouldProceedWithConnection) {
                 walletConnectorCore.logger.info('Connection was not established because onBeforeConnectSuccessConfirmation returned false');
                 disconnectWallet(walletId);
-                setShowAuthFlow(false);
+                setShowAuthFlow(false, { emitCancelAuth: true });
                 return;
             }
         }
@@ -166,9 +166,7 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
     const connectWallet = (walletConnector, fetchPublicAddressOpts, shouldCallCallback = true) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const walletAddress = yield walletConnector.fetchPublicAddress(fetchPublicAddressOpts);
         if (!walletAddress) {
-            const error = new Error();
-            error.code = 'missing-public-address';
-            throw error;
+            throw new utils.MissingPublicAddressError();
         }
         if (onBeforeConnectSuccessConfirmation && shouldCallCallback) {
             const shouldProceedWithConnection = yield onBeforeConnectSuccessConfirmation({
@@ -208,7 +206,7 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
                     chain: walletChain || '',
                     environmentId,
                     publicWalletAddress: walletAddress,
-                    walletName: walletConnector.name,
+                    walletName: walletConnector.key,
                     walletProvider: getWalletProvider.getWalletProvider(walletConnector),
                 });
             }

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

@@ -1,7 +1,7 @@
-import { Dispatch, SetStateAction } from 'react';
 import { Chain, FetchPublicAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { ConnectWalletResult } from '../../../context/DynamicContext/types';
 import { AuthModeType, OnBeforeConnectSuccessConfirmation, Wallet, WalletOption } from '../../../shared';
+import { SetShowAuthFlow } from '../../../context/DynamicContext/hooks';
 export type ConnectedWalletConnectorType = {
     id: string;
     walletChain?: Chain;
@@ -18,7 +18,7 @@ type Props = {
     walletConnectorOptions: WalletOption[];
     onDisconnect: (connectedWalletsInfo: ConnectedWalletConnectorType[], wallet?: Wallet) => void;
     onBeforeConnectSuccessConfirmation: OnBeforeConnectSuccessConfirmation | undefined;
-    setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
+    setShowAuthFlow: SetShowAuthFlow;
     isBridgeFlow: boolean;
 };
 type UseConnectWalletValue = {

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

@@ -1,6 +1,7 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useState, useCallback, useEffect } from 'react';
 import { getWalletConnectorByKey, logger } from '@dynamic-labs/wallet-connector-core';
+import { MissingPublicAddressError } from '@dynamic-labs/utils';
 import { useInternalUserWallets } from '../../../context/UserWalletsContext/UserWalletsContext.js';
 import { createVisit } from '../../../data/api.js';
 import '@dynamic-labs/sdk-api';
@@ -14,7 +15,6 @@ import '../../constants/colors.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import { useLocalStorage } from '../../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
-import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { shouldManuallyReconnectOnRefresh } from '../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.js';
@@ -148,7 +148,7 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
             if (!shouldProceedWithConnection) {
                 logger.info('Connection was not established because onBeforeConnectSuccessConfirmation returned false');
                 disconnectWallet(walletId);
-                setShowAuthFlow(false);
+                setShowAuthFlow(false, { emitCancelAuth: true });
                 return;
             }
         }
@@ -162,9 +162,7 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
     const connectWallet = (walletConnector, fetchPublicAddressOpts, shouldCallCallback = true) => __awaiter(void 0, void 0, void 0, function* () {
         const walletAddress = yield walletConnector.fetchPublicAddress(fetchPublicAddressOpts);
         if (!walletAddress) {
-            const error = new Error();
-            error.code = 'missing-public-address';
-            throw error;
+            throw new MissingPublicAddressError();
         }
         if (onBeforeConnectSuccessConfirmation && shouldCallCallback) {
             const shouldProceedWithConnection = yield onBeforeConnectSuccessConfirmation({
@@ -204,7 +202,7 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
                     chain: walletChain || '',
                     environmentId,
                     publicWalletAddress: walletAddress,
-                    walletName: walletConnector.name,
+                    walletName: walletConnector.key,
                     walletProvider: getWalletProvider(walletConnector),
                 });
             }

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

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('@dynamic-labs/wallet-book');
 require('../../constants/colors.cjs');
@@ -52,8 +52,8 @@ const useConnectedWalletsNetworkValidation = () => {
             const [connectedWalletWithInvalidNetwork] = connectedWalletsWithInvalidNetwork;
             // Keeps the first wallet connectedWallet in setSelectedWalletConnectorKey
             // This is required because NetworkNotSupported uses walletConnector to display wallet icon, address etc.
-            if (connectedWalletWithInvalidNetwork.connector.name !==
-                (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name)) {
+            if (connectedWalletWithInvalidNetwork.connector.key !==
+                (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key)) {
                 setSelectedWalletConnectorKey(connectedWalletWithInvalidNetwork.connector.key);
             }
             const networkNotSupportedView = isProgrammableNetworkSwitchSupported.isProgrammableNetworkSwitchSupported(connectedWalletWithInvalidNetwork.connector)

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

@@ -1,10 +1,10 @@
 import { useEffect } from 'react';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '@dynamic-labs/wallet-book';
 import '../../constants/colors.js';
@@ -48,8 +48,8 @@ const useConnectedWalletsNetworkValidation = () => {
             const [connectedWalletWithInvalidNetwork] = connectedWalletsWithInvalidNetwork;
             // Keeps the first wallet connectedWallet in setSelectedWalletConnectorKey
             // This is required because NetworkNotSupported uses walletConnector to display wallet icon, address etc.
-            if (connectedWalletWithInvalidNetwork.connector.name !==
-                (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name)) {
+            if (connectedWalletWithInvalidNetwork.connector.key !==
+                (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key)) {
                 setSelectedWalletConnectorKey(connectedWalletWithInvalidNetwork.connector.key);
             }
             const networkNotSupportedView = isProgrammableNetworkSwitchSupported(connectedWalletWithInvalidNetwork.connector)

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

@@ -28,7 +28,7 @@ var smartWallet = require('../useWalletConnectors/utils/smartWallet/smartWallet.
 
 // This hook needs to be async that's why it's not using useMutation
 const useCreateDynamicEmbeddedWalletMutation = () => {
-    const { setPrimaryWalletId, setCallback, setUser, user, internalSetShowAuthFlow, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setPrimaryWalletId, setCallback, setUser, user, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const [isLoading, setIsLoading] = React.useState(false);
     const [error, setError] = React.useState();
     const createDynamicEmbeddedWalletMutation = ({ authToken, decodedJwt, environmentId, walletConnectorOptions, withAuthenticator, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -70,7 +70,7 @@ const useCreateDynamicEmbeddedWalletMutation = () => {
             }
             index.storeAuthToken(jwt);
             setUser(createUserProfile.createUserProfile(updatedDecodedJwt));
-            internalSetShowAuthFlow(false);
+            setShowAuthFlow(false, { performMultiWalletChecks: false });
             setCallback('embeddedWalletCreated', {
                 email: (turnkeyVerifiedCredentials === null || turnkeyVerifiedCredentials === void 0 ? void 0 : turnkeyVerifiedCredentials.email) || '',
                 verifiedCredential: turnkeyVerifiedCredentials,

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

@@ -24,7 +24,7 @@ import { findSmartWallet, initializeSmartWallet } from '../useWalletConnectors/u
 
 // This hook needs to be async that's why it's not using useMutation
 const useCreateDynamicEmbeddedWalletMutation = () => {
-    const { setPrimaryWalletId, setCallback, setUser, user, internalSetShowAuthFlow, } = useInternalDynamicContext();
+    const { setPrimaryWalletId, setCallback, setUser, user, setShowAuthFlow } = useInternalDynamicContext();
     const [isLoading, setIsLoading] = useState(false);
     const [error, setError] = useState();
     const createDynamicEmbeddedWalletMutation = ({ authToken, decodedJwt, environmentId, walletConnectorOptions, withAuthenticator, }) => __awaiter(void 0, void 0, void 0, function* () {
@@ -66,7 +66,7 @@ const useCreateDynamicEmbeddedWalletMutation = () => {
             }
             storeAuthToken(jwt);
             setUser(createUserProfile(updatedDecodedJwt));
-            internalSetShowAuthFlow(false);
+            setShowAuthFlow(false, { performMultiWalletChecks: false });
             setCallback('embeddedWalletCreated', {
                 email: (turnkeyVerifiedCredentials === null || turnkeyVerifiedCredentials === void 0 ? void 0 : turnkeyVerifiedCredentials.email) || '',
                 verifiedCredential: turnkeyVerifiedCredentials,

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

@@ -10,9 +10,9 @@ var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 var useWalletItemActions = require('../useWalletItemActions/useWalletItemActions.cjs');
 var useConnectWithEmail = require('../useConnectWithEmail/useConnectWithEmail.cjs');
 var api = require('../../../data/api.cjs');
+require('@dynamic-labs/wallet-connector-core');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('react');
 require('@dynamic-labs/wallet-book');
@@ -22,6 +22,7 @@ require('viem');
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
+var isProviderEnabled = require('../../functions/isProviderEnabled/isProviderEnabled.cjs');
 var isTurnkeyEnabled = require('../../functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
 
 const useEmailProvider = ({ emailWalletConnector }) => {
@@ -39,9 +40,8 @@ const useEmailProvider = ({ emailWalletConnector }) => {
     // for magic, as long as there are magic credentials available, then could have an email
     // address that is a magic address, even if magic was previously turned off in dashboard
     const isMagicOrBloctoEnabled = isInjectedWalletProviderEnabled &&
-        Boolean(providers === null || providers === void 0 ? void 0 : providers.filter((provider) => (provider.provider === sdkApi.ProviderEnum.MagicLink &&
-            Boolean(provider.providerProjectId)) ||
-            (provider.enabledAt && provider.provider === sdkApi.ProviderEnum.Blocto)).length);
+        (isProviderEnabled.isProviderEnabled(providers || [], sdkApi.ProviderEnum.MagicLink) ||
+            isProviderEnabled.isProviderEnabled(providers || [], sdkApi.ProviderEnum.Blocto));
     const handleEmailOnlyLoginSubmit = (emailInput, captchaToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const { email, verificationUUID } = yield api.createEmailVerification({
             captchaToken,

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

@@ -6,9 +6,9 @@ import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 import { useWalletItemActions } from '../useWalletItemActions/useWalletItemActions.js';
 import { useConnectWithEmail } from '../useConnectWithEmail/useConnectWithEmail.js';
 import { getEmailProvider, createEmailVerification } from '../../../data/api.js';
+import '@dynamic-labs/wallet-connector-core';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import 'react';
 import '@dynamic-labs/wallet-book';
@@ -18,6 +18,7 @@ import 'viem';
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
+import { isProviderEnabled } from '../../functions/isProviderEnabled/isProviderEnabled.js';
 import { isTurnkeyEnabled } from '../../functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
 
 const useEmailProvider = ({ emailWalletConnector }) => {
@@ -35,9 +36,8 @@ const useEmailProvider = ({ emailWalletConnector }) => {
     // for magic, as long as there are magic credentials available, then could have an email
     // address that is a magic address, even if magic was previously turned off in dashboard
     const isMagicOrBloctoEnabled = isInjectedWalletProviderEnabled &&
-        Boolean(providers === null || providers === void 0 ? void 0 : providers.filter((provider) => (provider.provider === ProviderEnum.MagicLink &&
-            Boolean(provider.providerProjectId)) ||
-            (provider.enabledAt && provider.provider === ProviderEnum.Blocto)).length);
+        (isProviderEnabled(providers || [], ProviderEnum.MagicLink) ||
+            isProviderEnabled(providers || [], ProviderEnum.Blocto));
     const handleEmailOnlyLoginSubmit = (emailInput, captchaToken) => __awaiter(void 0, void 0, void 0, function* () {
         const { email, verificationUUID } = yield createEmailVerification({
             captchaToken,

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

@@ -0,0 +1 @@
+export { useEmbeddedReveal } from './useEmbeddedReveal';