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

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

@@ -2,6 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const isProviderEnabled = (providers, provider) => providers.some((providerItem) => providerItem.provider === provider && Boolean(providerItem.enabledAt));
+var sdkApi = require('@dynamic-labs/sdk-api');
+
+const isProviderEnabled = (providers, provider) => providers.some((providerItem) => {
+    const providerEnabled = providerItem.provider === provider && Boolean(providerItem.enabledAt);
+    if (providerItem.provider === sdkApi.ProviderEnum.MagicLink) {
+        return providerEnabled && Boolean(providerItem.providerProjectId);
+    }
+    return providerEnabled;
+});
 
 exports.isProviderEnabled = isProviderEnabled;

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

@@ -1,3 +1,11 @@
-const isProviderEnabled = (providers, provider) => providers.some((providerItem) => providerItem.provider === provider && Boolean(providerItem.enabledAt));
+import { ProviderEnum } from '@dynamic-labs/sdk-api';
+
+const isProviderEnabled = (providers, provider) => providers.some((providerItem) => {
+    const providerEnabled = providerItem.provider === provider && Boolean(providerItem.enabledAt);
+    if (providerItem.provider === ProviderEnum.MagicLink) {
+        return providerEnabled && Boolean(providerItem.providerProjectId);
+    }
+    return providerEnabled;
+});
 
 export { isProviderEnabled };

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

@@ -2,14 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
-
 const isSelectedWalletAlreadyConnected = (linkedWallets, selectedWallet, user) => {
     if (!user)
         return false;
     return linkedWallets
-        .map(({ connector }) => walletConnectorCore.normalizeWalletName(connector.name))
-        .includes(walletConnectorCore.normalizeWalletName(selectedWallet.name));
+        .map(({ connector }) => connector.key)
+        .includes(selectedWallet.key);
 };
 
 exports.isSelectedWalletAlreadyConnected = isSelectedWalletAlreadyConnected;

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

@@ -1,11 +1,9 @@
-import { normalizeWalletName } from '@dynamic-labs/wallet-connector-core';
-
 const isSelectedWalletAlreadyConnected = (linkedWallets, selectedWallet, user) => {
     if (!user)
         return false;
     return linkedWallets
-        .map(({ connector }) => normalizeWalletName(connector.name))
-        .includes(normalizeWalletName(selectedWallet.name));
+        .map(({ connector }) => connector.key)
+        .includes(selectedWallet.key);
 };
 
 export { isSelectedWalletAlreadyConnected };

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var utils = require('@dynamic-labs/utils');
 
-const walletsRequiringTwoStepAuthentication = ['Dapper'];
+const walletsRequiringTwoStepAuthentication = ['dapper'];
 const requiresTwoStepAuthentication = (connector) => (utils.isMobile() && !(connector === null || connector === void 0 ? void 0 : connector.canConnectViaCustodialService)) ||
-    walletsRequiringTwoStepAuthentication.includes((connector === null || connector === void 0 ? void 0 : connector.name) || '');
+    walletsRequiringTwoStepAuthentication.includes((connector === null || connector === void 0 ? void 0 : connector.key) || '');
 
 exports.requiresTwoStepAuthentication = requiresTwoStepAuthentication;

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

@@ -1,7 +1,7 @@
 import { isMobile } from '@dynamic-labs/utils';
 
-const walletsRequiringTwoStepAuthentication = ['Dapper'];
+const walletsRequiringTwoStepAuthentication = ['dapper'];
 const requiresTwoStepAuthentication = (connector) => (isMobile() && !(connector === null || connector === void 0 ? void 0 : connector.canConnectViaCustodialService)) ||
-    walletsRequiringTwoStepAuthentication.includes((connector === null || connector === void 0 ? void 0 : connector.name) || '');
+    walletsRequiringTwoStepAuthentication.includes((connector === null || connector === void 0 ? void 0 : connector.key) || '');
 
 export { requiresTwoStepAuthentication };

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

@@ -8,8 +8,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
  * not additional accounts from the same wallet
  */
 const filterConnectedWallets = ({ walletOptions, connectedWallets, }) => {
-    const connectedWalletKeys = connectedWallets.map((connectedWallet) => connectedWallet.connector.key);
-    return walletOptions.filter((wallet) => !connectedWalletKeys.includes(wallet.walletConnector.key));
+    const connectedWalletKeys = new Set(connectedWallets.map((connectedWallet) => connectedWallet.connector.key));
+    /**
+     * Phantom and Phantom Ledger are the same wallet, so we have to filter both of them
+     * if one is present, because the next connection will not work, it will just connect the
+     * same wallet again with a different walletName.
+     * This will be fixed by combining both Phantom and PhantomLedger to the same connector here QNTM-885
+     */
+    if (connectedWalletKeys.has('phantom') ||
+        connectedWalletKeys.has('phantomledger')) {
+        connectedWalletKeys.add('phantom');
+        connectedWalletKeys.add('phantomledger');
+    }
+    return walletOptions.filter((wallet) => !connectedWalletKeys.has(wallet.walletConnector.key));
 };
 
 exports.filterConnectedWallets = filterConnectedWallets;

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

@@ -4,8 +4,19 @@
  * not additional accounts from the same wallet
  */
 const filterConnectedWallets = ({ walletOptions, connectedWallets, }) => {
-    const connectedWalletKeys = connectedWallets.map((connectedWallet) => connectedWallet.connector.key);
-    return walletOptions.filter((wallet) => !connectedWalletKeys.includes(wallet.walletConnector.key));
+    const connectedWalletKeys = new Set(connectedWallets.map((connectedWallet) => connectedWallet.connector.key));
+    /**
+     * Phantom and Phantom Ledger are the same wallet, so we have to filter both of them
+     * if one is present, because the next connection will not work, it will just connect the
+     * same wallet again with a different walletName.
+     * This will be fixed by combining both Phantom and PhantomLedger to the same connector here QNTM-885
+     */
+    if (connectedWalletKeys.has('phantom') ||
+        connectedWalletKeys.has('phantomledger')) {
+        connectedWalletKeys.add('phantom');
+        connectedWalletKeys.add('phantomledger');
+    }
+    return walletOptions.filter((wallet) => !connectedWalletKeys.has(wallet.walletConnector.key));
 };
 
 export { filterConnectedWallets };

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

@@ -29,7 +29,7 @@ const sortedInputList = (inputList) => {
     const unsortedPriorityWallets = [];
     const unsortedOtherWallets = [];
     inputList.forEach((wallet) => {
-        if (PRIORITY_WALLET_LIST.includes(walletConnectorCore.normalizeWalletName(wallet.name))) {
+        if (PRIORITY_WALLET_LIST.includes(wallet.key)) {
             unsortedPriorityWallets.push(wallet);
         }
         else {
@@ -38,15 +38,15 @@ const sortedInputList = (inputList) => {
     });
     const sortedPriorityWallets = unsortedPriorityWallets
         .slice()
-        .sort((a, b) => PRIORITY_WALLET_LIST.indexOf(walletConnectorCore.normalizeWalletName(a.name)) -
-        PRIORITY_WALLET_LIST.indexOf(walletConnectorCore.normalizeWalletName(b.name)));
+        .sort((a, b) => PRIORITY_WALLET_LIST.indexOf(a.key) -
+        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

@@ -1,4 +1,4 @@
-import { isEmbeddedConnector, normalizeWalletName } from '@dynamic-labs/wallet-connector-core';
+import { isEmbeddedConnector } from '@dynamic-labs/wallet-connector-core';
 import { getCalculatedOffset } from './utils/getCalculatedOffset/getCalculatedOffset.js';
 import { groupWalletOptions } from './utils/groupWalletOptions/groupWalletOptions.js';
 import { filterConnectedWallets } from './utils/filterConnectedWallets/filterConnectedWallets.js';
@@ -25,7 +25,7 @@ const sortedInputList = (inputList) => {
     const unsortedPriorityWallets = [];
     const unsortedOtherWallets = [];
     inputList.forEach((wallet) => {
-        if (PRIORITY_WALLET_LIST.includes(normalizeWalletName(wallet.name))) {
+        if (PRIORITY_WALLET_LIST.includes(wallet.key)) {
             unsortedPriorityWallets.push(wallet);
         }
         else {
@@ -34,15 +34,15 @@ const sortedInputList = (inputList) => {
     });
     const sortedPriorityWallets = unsortedPriorityWallets
         .slice()
-        .sort((a, b) => PRIORITY_WALLET_LIST.indexOf(normalizeWalletName(a.name)) -
-        PRIORITY_WALLET_LIST.indexOf(normalizeWalletName(b.name)));
+        .sort((a, b) => PRIORITY_WALLET_LIST.indexOf(a.key) -
+        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/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
+var utils = require('@dynamic-labs/utils');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
 var ErrorContext = require('../../../../context/ErrorContext/ErrorContext.cjs');
 var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
@@ -20,7 +21,6 @@ var localStorage$1 = require('../../../constants/localStorage.cjs');
 require('../../../constants/colors.cjs');
 var localStorage = require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
-require('@dynamic-labs/utils');
 require('../../../../shared/consts/index.cjs');
 var CaptchaContext = require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 var useHandleWalletsToConnect = require('../../useHandleWalletsToConnect/useHandleWalletsToConnect.cjs');
@@ -38,6 +38,19 @@ const useConnectAndSignSplitSteps = () => {
         projectSettings,
         setIsSingleWalletAccount,
     });
+    const onErrorHandler = (err) => {
+        logger.logger.debug(err);
+        goToInitialView();
+        setIsVerificationInProgress(false);
+        /**
+         * On mobile we don't want to show error message because the user
+         * is redirected to the wallet mobile app
+         */
+        const isMissingPublicAddressErrorExpected = err instanceof utils.MissingPublicAddressError && utils.isMobile();
+        if (!isMissingPublicAddressErrorExpected) {
+            setErrorMessage(err.toString());
+        }
+    };
     // This method is similar to useConnectAndSign, but it skips signing for now
     // It's used when we want to connect and sign in two separate steps
     // For example on mobile when we want to sign on button click
@@ -71,10 +84,7 @@ const useConnectAndSignSplitSteps = () => {
             setView('pending-signature');
         }
         catch (err) {
-            logger.logger.debug(err);
-            setErrorMessage(err.toString());
-            goToInitialView();
-            setIsVerificationInProgress(false);
+            onErrorHandler(err);
             return;
         }
     });
@@ -95,10 +105,7 @@ const useConnectAndSignSplitSteps = () => {
             });
         }
         catch (err) {
-            logger.logger.debug(err);
-            setErrorMessage(err.toString());
-            goToInitialView();
-            setIsVerificationInProgress(false);
+            onErrorHandler(err);
             return;
         }
     });

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

@@ -1,4 +1,5 @@
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
+import { MissingPublicAddressError, isMobile } from '@dynamic-labs/utils';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import { useErrorContext } from '../../../../context/ErrorContext/ErrorContext.js';
 import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
@@ -16,7 +17,6 @@ import { LAST_USED_WALLET } from '../../../constants/localStorage.js';
 import '../../../constants/colors.js';
 import { LocalStorage } from '../../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
-import '@dynamic-labs/utils';
 import '../../../../shared/consts/index.js';
 import { useCaptchaContext } from '../../../../context/CaptchaContext/CaptchaContext.js';
 import { useHandleWalletsToConnect } from '../../useHandleWalletsToConnect/useHandleWalletsToConnect.js';
@@ -34,6 +34,19 @@ const useConnectAndSignSplitSteps = () => {
         projectSettings,
         setIsSingleWalletAccount,
     });
+    const onErrorHandler = (err) => {
+        logger.debug(err);
+        goToInitialView();
+        setIsVerificationInProgress(false);
+        /**
+         * On mobile we don't want to show error message because the user
+         * is redirected to the wallet mobile app
+         */
+        const isMissingPublicAddressErrorExpected = err instanceof MissingPublicAddressError && isMobile();
+        if (!isMissingPublicAddressErrorExpected) {
+            setErrorMessage(err.toString());
+        }
+    };
     // This method is similar to useConnectAndSign, but it skips signing for now
     // It's used when we want to connect and sign in two separate steps
     // For example on mobile when we want to sign on button click
@@ -67,10 +80,7 @@ const useConnectAndSignSplitSteps = () => {
             setView('pending-signature');
         }
         catch (err) {
-            logger.debug(err);
-            setErrorMessage(err.toString());
-            goToInitialView();
-            setIsVerificationInProgress(false);
+            onErrorHandler(err);
             return;
         }
     });
@@ -91,10 +101,7 @@ const useConnectAndSignSplitSteps = () => {
             });
         }
         catch (err) {
-            logger.debug(err);
-            setErrorMessage(err.toString());
-            goToInitialView();
-            setIsVerificationInProgress(false);
+            onErrorHandler(err);
             return;
         }
     });

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

@@ -61,7 +61,7 @@ const useSignConnectOnlyUser = () => {
         catch (err) {
             logger.logger.debug(err);
             setErrorMessage(err.toString());
-            setShowAuthFlow(false);
+            setShowAuthFlow(false, { emitCancelAuth: true });
             return;
         }
     });

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

@@ -57,7 +57,7 @@ const useSignConnectOnlyUser = () => {
         catch (err) {
             logger.debug(err);
             setErrorMessage(err.toString());
-            setShowAuthFlow(false);
+            setShowAuthFlow(false, { emitCancelAuth: true });
             return;
         }
     });

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';
@@ -41,3 +40,5 @@ export { useWalletConnectorOptions } from './useWalletConnectorOptions';
 export { useWalletConnectors } from './useWalletConnectors';
 export { useWalletItemActions } from './useWalletItemActions';
 export { useWalletUiUtils } from './useWalletUiUtils';
+export { useEmbeddedReveal } from './useEmbeddedReveal';
+export { useWalletConnectorNetwork } from './useWalletConnectorNetwork';

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

@@ -18,8 +18,9 @@ var useLocalStorage = require('../../../../shared/utils/hooks/useLocalStorage/us
 require('@dynamic-labs/utils');
 require('../../../../shared/consts/index.cjs');
 
-const useMultiWallet = (toolkitEnabled, multiWalletSettings) => {
-    const isMultiWalletEnabled = multiWalletSettings !== null && multiWalletSettings !== void 0 ? multiWalletSettings : false;
+const useMultiWallet = ({ toolkitEnabled, isBridgeFlow, multiWalletSettings, }) => {
+    var _a;
+    const isMultiWalletEnabled = (_a = (multiWalletSettings || isBridgeFlow)) !== null && _a !== void 0 ? _a : false;
     const [multiWallet, setMultiWallet] = useLocalStorage.useLocalStorage(localStorage.IS_MULTI_WALLET_ENABLED, isMultiWalletEnabled);
     React.useEffect(() => {
         // don't overwrite toolkit stored value after the refresh

package/src/lib/utils/hooks/multiWallet/useMultiWallet/useMultiWallet.d.ts

@@ -1,4 +1,9 @@
-export declare const useMultiWallet: (toolkitEnabled: boolean, multiWalletSettings?: boolean) => {
+export type UseMultiWalletProps = {
+    toolkitEnabled: boolean;
+    isBridgeFlow?: boolean;
+    multiWalletSettings?: boolean;
+};
+export declare const useMultiWallet: ({ toolkitEnabled, isBridgeFlow, multiWalletSettings, }: UseMultiWalletProps) => {
     multiWallet: boolean;
     setMultiWallet: (value: boolean | ((val: boolean) => boolean)) => void;
 };

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

@@ -14,8 +14,9 @@ import { useLocalStorage } from '../../../../shared/utils/hooks/useLocalStorage/
 import '@dynamic-labs/utils';
 import '../../../../shared/consts/index.js';
 
-const useMultiWallet = (toolkitEnabled, multiWalletSettings) => {
-    const isMultiWalletEnabled = multiWalletSettings !== null && multiWalletSettings !== void 0 ? multiWalletSettings : false;
+const useMultiWallet = ({ toolkitEnabled, isBridgeFlow, multiWalletSettings, }) => {
+    var _a;
+    const isMultiWalletEnabled = (_a = (multiWalletSettings || isBridgeFlow)) !== null && _a !== void 0 ? _a : false;
     const [multiWallet, setMultiWallet] = useLocalStorage(IS_MULTI_WALLET_ENABLED, isMultiWalletEnabled);
     useEffect(() => {
         // don't overwrite toolkit stored value after the refresh

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,104 +6,111 @@ 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.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 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,
     };
 };