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

package/src/lib/utils/functions/walletListBuilder/walletListBuilder.cjs

@@ -42,11 +42,11 @@ const sortedInputList = (inputList) => {
         PRIORITY_WALLET_LIST.indexOf(b.key));
     return [...sortedPriorityWallets, ...unsortedOtherWallets];
 };
-const walletListBuilder = ({ authMode, connectedWallets, multiWallet, numberOfWalletsToShow, inputList, isWalletConnectList, lastUsedWalletName, signWithEmailWalletName, searchFilter, walletsFilter, loginWithEmail, groupWallets, walletBook, showMoreWalletsWithFilter, }) => {
+const walletListBuilder = ({ authMode, connectedWallets, multiWallet, numberOfWalletsToShow, inputList, isWalletConnectList, lastUsedWalletKey, signWithEmailWalletName, searchFilter, walletsFilter, loginWithEmail, groupWallets, walletBook, showMoreWalletsWithFilter, }) => {
     let walletList = inputList;
     if (isWalletConnectList) {
         walletList = inputList.filter((wallet) => wallet.walletConnector.isWalletConnect &&
-            wallet.name.toLowerCase() !== 'walletconnect');
+            wallet.key !== 'walletconnect');
     }
     if (authMode === 'connect-only' && multiWallet) {
         walletList = filterConnectedWallets.filterConnectedWallets({
@@ -64,7 +64,7 @@ const walletListBuilder = ({ authMode, connectedWallets, multiWallet, numberOfWa
         if (walletConnectorCore.isEmbeddedConnector(wallet.walletConnector)) {
             return;
         }
-        else if ((lastUsedWalletName === null || lastUsedWalletName === void 0 ? void 0 : lastUsedWalletName.toLowerCase()) === wallet.name.toLowerCase()) {
+        else if (lastUsedWalletKey === wallet.key) {
             lastUsedWallet = wallet;
         }
         else if (wallet.isInstalledOnBrowser) {

package/src/lib/utils/functions/walletListBuilder/walletListBuilder.d.ts

@@ -6,7 +6,7 @@ type BuilderParams = {
     multiWallet: boolean;
     inputList: WalletOption[];
     isWalletConnectList: boolean;
-    lastUsedWalletName: string | undefined;
+    lastUsedWalletKey: string | undefined;
     loginWithEmail?: boolean;
     numberOfWalletsToShow: number;
     searchFilter: string | undefined;
@@ -22,5 +22,5 @@ type BuilderResult = {
 };
 export declare const PRIORITY_WALLET_LIST: string[];
 export declare const SIGN_IN_WITH_EMAIL_WALLET_NAME = "Sign In With Email";
-export declare const walletListBuilder: ({ authMode, connectedWallets, multiWallet, numberOfWalletsToShow, inputList, isWalletConnectList, lastUsedWalletName, signWithEmailWalletName, searchFilter, walletsFilter, loginWithEmail, groupWallets, walletBook, showMoreWalletsWithFilter, }: BuilderParams) => BuilderResult;
+export declare const walletListBuilder: ({ authMode, connectedWallets, multiWallet, numberOfWalletsToShow, inputList, isWalletConnectList, lastUsedWalletKey, signWithEmailWalletName, searchFilter, walletsFilter, loginWithEmail, groupWallets, walletBook, showMoreWalletsWithFilter, }: BuilderParams) => BuilderResult;
 export {};

package/src/lib/utils/functions/walletListBuilder/walletListBuilder.js

@@ -38,11 +38,11 @@ const sortedInputList = (inputList) => {
         PRIORITY_WALLET_LIST.indexOf(b.key));
     return [...sortedPriorityWallets, ...unsortedOtherWallets];
 };
-const walletListBuilder = ({ authMode, connectedWallets, multiWallet, numberOfWalletsToShow, inputList, isWalletConnectList, lastUsedWalletName, signWithEmailWalletName, searchFilter, walletsFilter, loginWithEmail, groupWallets, walletBook, showMoreWalletsWithFilter, }) => {
+const walletListBuilder = ({ authMode, connectedWallets, multiWallet, numberOfWalletsToShow, inputList, isWalletConnectList, lastUsedWalletKey, signWithEmailWalletName, searchFilter, walletsFilter, loginWithEmail, groupWallets, walletBook, showMoreWalletsWithFilter, }) => {
     let walletList = inputList;
     if (isWalletConnectList) {
         walletList = inputList.filter((wallet) => wallet.walletConnector.isWalletConnect &&
-            wallet.name.toLowerCase() !== 'walletconnect');
+            wallet.key !== 'walletconnect');
     }
     if (authMode === 'connect-only' && multiWallet) {
         walletList = filterConnectedWallets({
@@ -60,7 +60,7 @@ const walletListBuilder = ({ authMode, connectedWallets, multiWallet, numberOfWa
         if (isEmbeddedConnector(wallet.walletConnector)) {
             return;
         }
-        else if ((lastUsedWalletName === null || lastUsedWalletName === void 0 ? void 0 : lastUsedWalletName.toLowerCase()) === wallet.name.toLowerCase()) {
+        else if (lastUsedWalletKey === wallet.key) {
             lastUsedWallet = wallet;
         }
         else if (wallet.isInstalledOnBrowser) {

package/src/lib/utils/hooks/authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.cjs

@@ -8,31 +8,14 @@ var useInternalDynamicContext = require('../../../../context/DynamicContext/useI
 var api = require('../../../../data/api.cjs');
 var useUpdateUserProfileByJWTCallback = require('../../useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.cjs');
 var EmailVerificationContext = require('../../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
-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');
-require('../../../constants/colors.cjs');
-require('../../../../shared/utils/classes/storage/localStorage.cjs');
-require('viem');
-require('@dynamic-labs/utils');
-require('../../../../shared/consts/index.cjs');
-require('@dynamic-labs/multi-wallet');
-var isTurnkeyEnabled = require('../../../functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
 
 // Hook exposed to the public as a scoped function in useUserUpdateRequest result
 const useEmailVerificationRequest = () => {
-    var _a;
-    const { onboardingOnlyJwt, authToken, environmentId, projectSettings, primaryWallet, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { onboardingOnlyJwt, authToken, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
     const jwtToken = onboardingOnlyJwt || authToken;
-    const isTurnkeyProviderEnabled = isTurnkeyEnabled.isTurnkeyEnabled(projectSettings);
     const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback.useUpdateUserProfileByJWTCallback();
     const { verificationUUID: emailVerificationContextVerificationUUID } = EmailVerificationContext.useEmailVerificationContext();
     const verifyEmail = React.useCallback((verificationToken, verificationUUID) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _b;
         if (!jwtToken)
             throw new Error('No JWT token provided');
         // VerificationUUID is saved in the context in case the view changes
@@ -44,22 +27,12 @@ const useEmailVerificationRequest = () => {
             verificationToken,
             verificationUUID: String(verificationUUID || emailVerificationContextVerificationUUID),
         }, jwtToken);
-        if (isTurnkeyProviderEnabled &&
-            ((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.automaticEmbeddedWalletCreation) &&
-            !primaryWallet) {
-            // Don't create the user right now
-            // It will be done after the wallet creation
-            return verifyEmailResponse;
-        }
         yield updateUserProfileByJWT(verifyEmailResponse.jwt);
         return verifyEmailResponse;
     }), [
         emailVerificationContextVerificationUUID,
         environmentId,
-        isTurnkeyProviderEnabled,
         jwtToken,
-        primaryWallet,
-        (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.automaticEmbeddedWalletCreation,
         updateUserProfileByJWT,
     ]);
     return { verifyEmail };

package/src/lib/utils/hooks/authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.js

@@ -4,31 +4,14 @@ import { useInternalDynamicContext } from '../../../../context/DynamicContext/us
 import { verifyEmail } from '../../../../data/api.js';
 import { useUpdateUserProfileByJWTCallback } from '../../useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.js';
 import { useEmailVerificationContext } from '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
-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';
-import '../../../constants/colors.js';
-import '../../../../shared/utils/classes/storage/localStorage.js';
-import 'viem';
-import '@dynamic-labs/utils';
-import '../../../../shared/consts/index.js';
-import '@dynamic-labs/multi-wallet';
-import { isTurnkeyEnabled } from '../../../functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
 
 // Hook exposed to the public as a scoped function in useUserUpdateRequest result
 const useEmailVerificationRequest = () => {
-    var _a;
-    const { onboardingOnlyJwt, authToken, environmentId, projectSettings, primaryWallet, } = useInternalDynamicContext();
+    const { onboardingOnlyJwt, authToken, environmentId } = useInternalDynamicContext();
     const jwtToken = onboardingOnlyJwt || authToken;
-    const isTurnkeyProviderEnabled = isTurnkeyEnabled(projectSettings);
     const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback();
     const { verificationUUID: emailVerificationContextVerificationUUID } = useEmailVerificationContext();
     const verifyEmail$1 = useCallback((verificationToken, verificationUUID) => __awaiter(void 0, void 0, void 0, function* () {
-        var _b;
         if (!jwtToken)
             throw new Error('No JWT token provided');
         // VerificationUUID is saved in the context in case the view changes
@@ -40,22 +23,12 @@ const useEmailVerificationRequest = () => {
             verificationToken,
             verificationUUID: String(verificationUUID || emailVerificationContextVerificationUUID),
         }, jwtToken);
-        if (isTurnkeyProviderEnabled &&
-            ((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.automaticEmbeddedWalletCreation) &&
-            !primaryWallet) {
-            // Don't create the user right now
-            // It will be done after the wallet creation
-            return verifyEmailResponse;
-        }
         yield updateUserProfileByJWT(verifyEmailResponse.jwt);
         return verifyEmailResponse;
     }), [
         emailVerificationContextVerificationUUID,
         environmentId,
-        isTurnkeyProviderEnabled,
         jwtToken,
-        primaryWallet,
-        (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.automaticEmbeddedWalletCreation,
         updateUserProfileByJWT,
     ]);
     return { verifyEmail: verifyEmail$1 };

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

@@ -4,7 +4,6 @@ export { useColorSchemePreference } from './useColorSchemePreference';
 export { useConfirmationModal } from './useConfirmationModal';
 export { useCountdown } from './useCountdown/useCountdown';
 export * from './useCreateDynamicEmbeddedWalletMutation';
-export { useDefaultQrCode } from './useDefaultQrCode';
 export { useDynamicScopes } from './useDynamicScopes';
 export { useElementById } from './useElementById';
 export { useEmbeddedWallet } from './useEmbeddedWallet';

package/src/lib/utils/hooks/multiWallet/useVerifyOnAwaitingSignature/useVerifyOnAwaitingSignature.cjs

@@ -47,7 +47,7 @@ const useVerifyOnAwaitingSignature = () => {
         }
     }, [
         awaitingSignatureState,
-        selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name,
+        selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key,
         multiWalletWidgetState,
         setMultiWalletWidgetState,
         legacyIsVerifying,

package/src/lib/utils/hooks/multiWallet/useVerifyOnAwaitingSignature/useVerifyOnAwaitingSignature.js

@@ -43,7 +43,7 @@ const useVerifyOnAwaitingSignature = () => {
         }
     }, [
         awaitingSignatureState,
-        selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.name,
+        selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.key,
         multiWalletWidgetState,
         setMultiWalletWidgetState,
         legacyIsVerifying,

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

@@ -6,97 +6,101 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useInte
 var MockContext = require('../../../context/MockContext/MockContext.cjs');
 var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 var isUserLinkingWallet = require('../../../shared/utils/functions/isUserLinkingWallet/isUserLinkingWallet.cjs');
-var QrCodeContext = require('../../../context/QrCodeContext/QrCodeContext.cjs');
 var useDynamicLayoutData = require('../useDynamicLayoutData/useDynamicLayoutData.cjs');
 var index = require('../../../context/FooterAnimationContext/index.cjs');
 
-const useAuthLayoutChecks = (walletConnector) => {
+const useAuthLayoutChecks = () => {
     const { view } = ViewContext.useViewContext();
     const { user, customPrivacyPolicy, customTermsOfServices, privacyPolicyUrl, termsOfServiceUrl, isBridgeFlow, authMode, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { showQrCodeMessage, showQrCodeImage } = QrCodeContext.useQrCodeContext();
     const { isFooterExpanded } = index.useFooterAnimationContext();
     const { mockedSDK } = MockContext.useMockContext();
-    const { helpHeaderData } = useDynamicLayoutData.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.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.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 !== 'embedded-reveal-view' &&
-        view !== 'embedded-reveal-account-view';
+        !(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.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.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.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 showDefaultFooter = !showDynamicFooter && !showToSFooter;
+    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,
@@ -107,7 +111,6 @@ const useAuthLayoutChecks = (walletConnector) => {
         showDynamicFooter,
         showHeader,
         showHelpContent,
-        showQrCodePreHeader,
         showToSFooter,
     };
 };

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

@@ -1,5 +1,4 @@
-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;
@@ -9,6 +8,5 @@ export declare const useAuthLayoutChecks: (walletConnector?: WalletConnector | n
     showDynamicFooter: boolean;
     showHeader: boolean;
     showHelpContent: boolean;
-    showQrCodePreHeader: boolean;
     showToSFooter: boolean;
 };

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

@@ -2,97 +2,101 @@ 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 !== 'embedded-reveal-view' &&
-        view !== 'embedded-reveal-account-view';
+        !(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 showDefaultFooter = !showDynamicFooter && !showToSFooter;
+    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,
@@ -103,7 +107,6 @@ const useAuthLayoutChecks = (walletConnector) => {
         showDynamicFooter,
         showHeader,
         showHelpContent,
-        showQrCodePreHeader,
         showToSFooter,
     };
 };