@dynamic-labs/sdk-react-core 1.1.0-alpha.8 → 1.1.0-phantom.0

package/src/lib/views/WalletLockedView/WalletLockedView.js

@@ -5,20 +5,22 @@ import { useTranslation } from 'react-i18next';
 import { WalletIcon } from '@dynamic-labs/wallet-book';
 import '../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
-import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
-import '@dynamic-labs/wallet-connector-core';
-import '../../context/CaptchaContext/CaptchaContext.js';
-import '../../context/ErrorContext/ErrorContext.js';
-import '../../context/ViewContext/ViewContext.js';
+import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api';
 import { logger } from '../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import '../../context/ViewContext/ViewContext.js';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../shared/consts/index.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import { pixelToRem } from '../../utils/functions/pixelToRem/pixelToRem.js';
+import 'viem/chains';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../config/ApiEndpoint.js';
@@ -38,16 +40,15 @@ import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/OverlayCard/OverlayCard.context.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../components/Typography/Typography.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
-import { IconWithSpinner, iconRatio } from '../../components/IconWithSpinner/IconWithSpinner.js';
+import { iconRatio, IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.js';
 import { Divider } from '../../components/Divider/Divider.js';
 import '../../context/LoadingContext/LoadingContext.js';
-import 'qrcode';
 import 'i18next';
+import 'qrcode';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -55,13 +56,19 @@ import 'formik';
 import { Button } from '../../components/Button/Button.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
+import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '@dynamic-labs/viem-utils';
+import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { TextButton } from '../../components/TextButton/TextButton.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
+import '../WalletList/WalletList.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 
 const iconSize = 64;
 const WalletLockedView = () => {

package/src/lib/views/WalletSignSpinnerView/WalletSignSpinnerView.cjs

@@ -6,24 +6,24 @@ var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var reactI18next = require('react-i18next');
 var walletBook = require('@dynamic-labs/wallet-book');
-var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
-var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
-var classNames = require('../../utils/functions/classNames/classNames.cjs');
 require('react');
-require('../../events/dynamicEvents.cjs');
-require('@dynamic-labs/utils');
-require('@dynamic-labs/wallet-connector-core');
-require('../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../context/ErrorContext/ErrorContext.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
+require('../../events/dynamicEvents.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 var pixelToRem = require('../../utils/functions/pixelToRem/pixelToRem.cjs');
+require('viem/chains');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../config/ApiEndpoint.cjs');
@@ -37,33 +37,40 @@ require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs'
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
+var classNames = require('../../utils/functions/classNames/classNames.cjs');
+require('../../components/Alert/Alert.cjs');
+var Typography = require('../../components/Typography/Typography.cjs');
+var Button = require('../../components/Button/Button.cjs');
+require('../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../components/IconButton/IconButton.cjs');
+var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
+require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
+require('formik');
+require('i18next');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
-require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/QrCodeContext/QrCodeContext.cjs');
-var Typography = require('../../components/Typography/Typography.cjs');
+require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../WalletList/WalletList.cjs');
+require('qrcode');
+require('@hcaptcha/react-hcaptcha');
+require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('react-focus-lock');
-var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
-require('../../context/LoadingContext/LoadingContext.cjs');
-require('qrcode');
-require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
-require('formik');
-var Button = require('../../components/Button/Button.cjs');
-require('../../components/IconButton/IconButton.cjs');
-require('../../components/Alert/Alert.cjs');
 require('@dynamic-labs/viem-utils');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
-require('../../components/InlineWidget/InlineWidget.cjs');
-require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('../../components/Popper/Popper/Popper.cjs');
-require('../../components/Popper/PopperContext/PopperContext.cjs');
+var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const WalletSignSpinnerView = () => {
     const { goToInitialView } = ViewContext.useViewContext();

package/src/lib/views/WalletSignSpinnerView/WalletSignSpinnerView.js

@@ -2,24 +2,24 @@ import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
 import { WalletIcon } from '@dynamic-labs/wallet-book';
-import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
-import { useViewContext } from '../../context/ViewContext/ViewContext.js';
-import { classNames } from '../../utils/functions/classNames/classNames.js';
 import 'react';
-import '../../events/dynamicEvents.js';
-import '@dynamic-labs/utils';
-import '@dynamic-labs/wallet-connector-core';
-import '../../context/CaptchaContext/CaptchaContext.js';
-import '../../context/ErrorContext/ErrorContext.js';
+import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import { useViewContext } from '../../context/ViewContext/ViewContext.js';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
+import '../../events/dynamicEvents.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import { pixelToRem } from '../../utils/functions/pixelToRem/pixelToRem.js';
+import 'viem/chains';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../config/ApiEndpoint.js';
@@ -33,33 +33,40 @@ import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
+import { classNames } from '../../utils/functions/classNames/classNames.js';
+import '../../components/Alert/Alert.js';
+import { Typography } from '../../components/Typography/Typography.js';
+import { Button } from '../../components/Button/Button.js';
+import '../../components/ShadowDOM/ShadowDOM.js';
+import '../../components/IconButton/IconButton.js';
+import { iconRatio, IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.js';
+import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../components/ShadowDOM/ShadowDOM.js';
+import '../../components/Popper/Popper/Popper.js';
+import '../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
+import 'formik';
+import 'i18next';
 import '../../components/OverlayCard/OverlayCard.context.js';
-import '../../context/FooterAnimationContext/index.js';
-import '../../context/QrCodeContext/QrCodeContext.js';
-import { Typography } from '../../components/Typography/Typography.js';
+import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../WalletList/WalletList.js';
+import 'qrcode';
+import '@hcaptcha/react-hcaptcha';
+import '../../context/LoadingContext/LoadingContext.js';
+import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '../../context/FooterAnimationContext/index.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'react-focus-lock';
-import { IconWithSpinner, iconRatio } from '../../components/IconWithSpinner/IconWithSpinner.js';
-import '../../context/LoadingContext/LoadingContext.js';
-import 'qrcode';
-import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
-import 'formik';
-import { Button } from '../../components/Button/Button.js';
-import '../../components/IconButton/IconButton.js';
-import '../../components/Alert/Alert.js';
 import '@dynamic-labs/viem-utils';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
-import '../../components/InlineWidget/InlineWidget.js';
-import '../../components/MenuList/Dropdown/Dropdown.js';
-import '../../components/Popper/Popper/Popper.js';
-import '../../components/Popper/PopperContext/PopperContext.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const WalletSignSpinnerView = () => {
     const { goToInitialView } = useViewContext();

package/src/lib/views/WalletUsedView/WalletUsedView.cjs

@@ -9,24 +9,26 @@ var reactI18next = require('react-i18next');
 var utils = require('@dynamic-labs/utils');
 var walletBook = require('@dynamic-labs/wallet-book');
 require('../../events/dynamicEvents.cjs');
-var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
-require('@dynamic-labs/wallet-connector-core');
-require('../../context/CaptchaContext/CaptchaContext.cjs');
-var ErrorContext = require('../../context/ErrorContext/ErrorContext.cjs');
-var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
 var decodeJwt = require('../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
 var logger = require('../../shared/logger.cjs');
 var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('../../shared/consts/index.cjs');
+var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+var ErrorContext = require('../../context/ErrorContext/ErrorContext.cjs');
 var createUserProfile = require('../../utils/functions/createUserProfile/createUserProfile.cjs');
 require('@dynamic-labs/multi-wallet');
 require('@dynamic-labs/sdk-api');
 var getVerifyArgs = require('../../utils/functions/getVerifyArgs/getVerifyArgs.cjs');
 var index = require('../../utils/functions/storeAuthToken/index.cjs');
+require('viem/chains');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 var api = require('../../data/api.cjs');
@@ -34,7 +36,6 @@ var getSiweStatement = require('../../utils/functions/getSiweStatement/getSiweSt
 var getWalletProvider = require('../../utils/functions/getWalletProvider/getWalletProvider.cjs');
 require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('react-dom');
-var isSameWalletName = require('../../utils/functions/isSameWalletName/isSameWalletName.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
@@ -49,27 +50,32 @@ require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../components/Typography/Typography.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 var LoadingContext = require('../../context/LoadingContext/LoadingContext.cjs');
-require('qrcode');
 require('i18next');
+require('qrcode');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');
 var Button = require('../../components/Button/Button.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
+require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var Checkbox = require('../../components/Checkbox/Checkbox.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('../WalletList/WalletList.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 
 const WalletUsedView = () => {
     const [isChecked, setIsChecked] = React.useState(false);
@@ -88,14 +94,14 @@ const WalletUsedView = () => {
     }, [walletConnector]);
     const _shortenWalletAddress = shortenWalletAddress.shortenWalletAddress(walletAddress);
     const updatePrimaryWalletId = (walletConnector, user) => {
-        const newWalletName = walletConnector.name;
+        const newWalletKey = walletConnector.key;
         if (user.lastVerifiedCredentialId) {
             if (!primaryWallet) {
                 setPrimaryWalletId(user.lastVerifiedCredentialId);
                 return;
             }
-            const currentPrimaryWalletName = primaryWallet.connector.name;
-            if (isSameWalletName.isSameWalletName(newWalletName, currentPrimaryWalletName)) {
+            const currentPrimaryWalletKey = primaryWallet.connector.key;
+            if (newWalletKey === currentPrimaryWalletKey) {
                 setPrimaryWalletId(user.lastVerifiedCredentialId);
             }
             // if both wallets are flow wallets, set the last verified wallet as primary
@@ -149,13 +155,14 @@ const WalletUsedView = () => {
             setCallback('linkSuccess', {
                 walletId: decodedJwt.lastVerifiedCredentialId,
             });
+            setShowAuthFlow(false);
         }
         catch (error) {
             logger.logger.error(error);
+            setShowAuthFlow(false, { emitCancelAuth: true });
         }
         finally {
             setLoading(false);
-            setShowAuthFlow(false);
             setMultiWalletWidgetState('idle');
         }
     });

package/src/lib/views/WalletUsedView/WalletUsedView.js

@@ -5,24 +5,26 @@ import { useTranslation } from 'react-i18next';
 import { DynamicError } from '@dynamic-labs/utils';
 import { WalletIcon } from '@dynamic-labs/wallet-book';
 import '../../events/dynamicEvents.js';
-import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
-import '@dynamic-labs/wallet-connector-core';
-import '../../context/CaptchaContext/CaptchaContext.js';
-import { useErrorContext } from '../../context/ErrorContext/ErrorContext.js';
-import { useViewContext } from '../../context/ViewContext/ViewContext.js';
+import '../../context/DynamicContext/DynamicContext.js';
 import { decodeJwt } from '../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import { useViewContext } from '../../context/ViewContext/ViewContext.js';
 import { logger } from '../../shared/logger.js';
 import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../shared/consts/index.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import { useErrorContext } from '../../context/ErrorContext/ErrorContext.js';
 import { createUserProfile } from '../../utils/functions/createUserProfile/createUserProfile.js';
 import '@dynamic-labs/multi-wallet';
 import '@dynamic-labs/sdk-api';
 import { getVerifyArgs } from '../../utils/functions/getVerifyArgs/getVerifyArgs.js';
 import { storeAuthToken } from '../../utils/functions/storeAuthToken/index.js';
+import 'viem/chains';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import { transferWallet } from '../../data/api.js';
@@ -30,7 +32,6 @@ import { getSiweStatement } from '../../utils/functions/getSiweStatement/getSiwe
 import { getWalletProvider } from '../../utils/functions/getWalletProvider/getWalletProvider.js';
 import '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'react-dom';
-import { isSameWalletName } from '../../utils/functions/isSameWalletName/isSameWalletName.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
@@ -45,27 +46,32 @@ import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/OverlayCard/OverlayCard.context.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../components/Typography/Typography.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import { useLoadingContext } from '../../context/LoadingContext/LoadingContext.js';
-import 'qrcode';
 import 'i18next';
+import 'qrcode';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
 import { Button } from '../../components/Button/Button.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
+import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '@dynamic-labs/viem-utils';
+import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { Checkbox } from '../../components/Checkbox/Checkbox.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
+import '../WalletList/WalletList.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 
 const WalletUsedView = () => {
     const [isChecked, setIsChecked] = useState(false);
@@ -84,14 +90,14 @@ const WalletUsedView = () => {
     }, [walletConnector]);
     const _shortenWalletAddress = shortenWalletAddress(walletAddress);
     const updatePrimaryWalletId = (walletConnector, user) => {
-        const newWalletName = walletConnector.name;
+        const newWalletKey = walletConnector.key;
         if (user.lastVerifiedCredentialId) {
             if (!primaryWallet) {
                 setPrimaryWalletId(user.lastVerifiedCredentialId);
                 return;
             }
-            const currentPrimaryWalletName = primaryWallet.connector.name;
-            if (isSameWalletName(newWalletName, currentPrimaryWalletName)) {
+            const currentPrimaryWalletKey = primaryWallet.connector.key;
+            if (newWalletKey === currentPrimaryWalletKey) {
                 setPrimaryWalletId(user.lastVerifiedCredentialId);
             }
             // if both wallets are flow wallets, set the last verified wallet as primary
@@ -145,13 +151,14 @@ const WalletUsedView = () => {
             setCallback('linkSuccess', {
                 walletId: decodedJwt.lastVerifiedCredentialId,
             });
+            setShowAuthFlow(false);
         }
         catch (error) {
             logger.error(error);
+            setShowAuthFlow(false, { emitCancelAuth: true });
         }
         finally {
             setLoading(false);
-            setShowAuthFlow(false);
             setMultiWalletWidgetState('idle');
         }
     });

package/src/lib/views/viewToComponentMap.cjs

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var jsxRuntime = require('react/jsx-runtime');
 var CaptchaVerifyUser = require('./CaptchaVerifyUser/CaptchaVerifyUser.cjs');
 var CollectUserDataView = require('./CollectUserDataView/CollectUserDataView.cjs');
 var CollectUserDataViewLoginWithEmail = require('./CollectUserDataViewLoginWithEmail/CollectUserDataViewLoginWithEmail.cjs');
@@ -35,51 +34,53 @@ var PasskeyIntroView = require('./Passkey/PasskeyIntroView/PasskeyIntroView.cjs'
 var PasskeyBundleRecovery = require('./Passkey/PasskeyRecovery/BundleValidation/PasskeyBundleRecovery.cjs');
 var PasskeyCompleteRecovery = require('./Passkey/PasskeyRecovery/CompleteRecovery/PasskeyCompleteRecovery.cjs');
 var PasskeyInitRecovery = require('./Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery.cjs');
+var RenamePasskeyView = require('./Passkey/RenamePasskeyView/RenamePasskeyView.cjs');
 var EmbeddedRevealView = require('./EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView.cjs');
 
 const viewToComponentMap = {
-    'account-exists': jsxRuntime.jsx(AccountExistsView.AccountExistsView, {}),
-    'bridge-next-wallet-connection': jsxRuntime.jsx(BridgeNextWalletConnectionView.BridgeNextWalletConnectionView, {}),
-    'bridge-summary': jsxRuntime.jsx(BridgeSummaryView.BridgeSummaryView, {}),
-    'bridge-welcome': jsxRuntime.jsx(BridgeWelcomeView.BridgeWelcomeView, {}),
-    captcha: jsxRuntime.jsx(CaptchaVerifyUser.CaptchaVerifyUser, {}),
-    'chainalysis-blocked-wallet': jsxRuntime.jsx(NoAccess.NoAccess, {}),
-    'collect-user-data': jsxRuntime.jsx(CollectUserDataView.CollectUserDataView, {}),
-    'collect-user-data-login-with-email': jsxRuntime.jsx(CollectUserDataViewLoginWithEmail.CollectUserDataViewLoginWithEmail, {}),
-    'email-wallet-otp-verification-view': jsxRuntime.jsx(EmailWalletOTPVerificationView.EmailWalletOTPVerificationView, {}),
-    'embedded-reveal-account-view': jsxRuntime.jsx(EmbeddedRevealView.EmbeddedRevealView, {}),
-    'embedded-reveal-view': jsxRuntime.jsx(EmbeddedRevealView.EmbeddedRevealView, {}),
-    'gate-blocked-wallet': jsxRuntime.jsx(NoAccess.NoAccess, {}),
-    'login-with-email-or-wallet': jsxRuntime.jsx(LoginView.LoginView, {}),
-    'login-with-email-or-wallet-full-wallet-list': jsxRuntime.jsx(LoginView.LoginView, {}),
-    'login-with-email-verification': jsxRuntime.jsx(EmailVerification.EmailVerification, {}),
-    'login-with-wallet-only': jsxRuntime.jsx(LoginView.LoginView, {}),
-    'merge-user-accounts': jsxRuntime.jsx(MergeUserAccountsView.MergeUserAccountsView, {}),
-    'multi-wallet-wallet-list': jsxRuntime.jsx(WalletList.WalletList, {}),
-    'network-not-supported': jsxRuntime.jsx(NetworkNotSupported.NetworkNotSupported, {}),
-    'network-not-supported-manual': jsxRuntime.jsx(NetworkNotSupportedSwitchManual.NetworkNotSupportedSwitchManual, {}),
-    'no-access': jsxRuntime.jsx(NoAccess.NoAccess, {}),
-    'no-qr-not-installed': jsxRuntime.jsx(NoQrNotInstalledView.NoQrNotInstalledView, {}),
-    'passkey-intro': jsxRuntime.jsx(PasskeyIntroView.PasskeyIntroView, {}),
-    'passkey-recovery-bundle': jsxRuntime.jsx(PasskeyBundleRecovery.PasskeyBundleRecovery, {}),
-    'passkey-recovery-complete': jsxRuntime.jsx(PasskeyCompleteRecovery.PasskeyCompleteRecovery, {}),
-    'passkey-recovery-start': jsxRuntime.jsx(PasskeyInitRecovery.PasskeyInitRecovery, {}),
-    'pending-connect': jsxRuntime.jsx(PendingConnectView.PendingConnectView, {}),
-    'pending-signature': jsxRuntime.jsx(PendingSignatureView.PendingSignatureView, {}),
-    'pending-signature-without-back-button': jsxRuntime.jsx(PendingSignatureView.PendingSignatureView, {}),
-    'qr-code': jsxRuntime.jsx(QrCodeView.QrCodeView, {}),
-    'social-redirect-view': jsxRuntime.jsx(SocialRedirectView.SocialRedirectView, {}),
-    'social-wrong-account': jsxRuntime.jsx(SocialWrongAccountView.SocialWrongAccountView, {}),
-    'update-email': jsxRuntime.jsx(EmailUpdate.EmailUpdate, {}),
-    'verify-email': jsxRuntime.jsx(EmailVerification.EmailVerification, {}),
-    'wait-for-email-confirmation-view': jsxRuntime.jsx(EmailConfirmationWaitingView.EmailConfirmationWaitingView, {}),
-    'wallet-cannot-be-transferred': jsxRuntime.jsx(WalletCannotBeTransferredView.WalletCannotBeTransferredView, {}),
-    'wallet-connect-mobile-wallets-list': jsxRuntime.jsx(WalletList.WalletList, { isWalletConnectList: true }),
-    'wallet-group': jsxRuntime.jsx(WalletGroupView.WalletGroupView, {}),
-    'wallet-list': jsxRuntime.jsx(WalletList.WalletList, {}),
-    'wallet-locked-view': jsxRuntime.jsx(WalletLockedView.WalletLockedView, {}),
-    'wallet-sign': jsxRuntime.jsx(WalletSignSpinnerView.WalletSignSpinnerView, {}),
-    'wallet-used': jsxRuntime.jsx(WalletUsedView.WalletUsedView, {}),
+    'account-exists': AccountExistsView.AccountExistsView,
+    'bridge-next-wallet-connection': BridgeNextWalletConnectionView.BridgeNextWalletConnectionView,
+    'bridge-summary': BridgeSummaryView.BridgeSummaryView,
+    'bridge-welcome': BridgeWelcomeView.BridgeWelcomeView,
+    captcha: CaptchaVerifyUser.CaptchaVerifyUser,
+    'chainalysis-blocked-wallet': NoAccess.NoAccess,
+    'collect-user-data': CollectUserDataView.CollectUserDataView,
+    'collect-user-data-login-with-email': CollectUserDataViewLoginWithEmail.CollectUserDataViewLoginWithEmail,
+    'email-wallet-otp-verification-view': EmailWalletOTPVerificationView.EmailWalletOTPVerificationView,
+    'embedded-reveal-account-view': EmbeddedRevealView.EmbeddedRevealView,
+    'embedded-reveal-view': EmbeddedRevealView.EmbeddedRevealView,
+    'gate-blocked-wallet': NoAccess.NoAccess,
+    'login-with-email-or-wallet': LoginView.LoginView,
+    'login-with-email-or-wallet-full-wallet-list': LoginView.LoginView,
+    'login-with-email-verification': EmailVerification.EmailVerification,
+    'login-with-wallet-only': LoginView.LoginView,
+    'merge-user-accounts': MergeUserAccountsView.MergeUserAccountsView,
+    'multi-wallet-wallet-list': WalletList.WalletList,
+    'network-not-supported': NetworkNotSupported.NetworkNotSupported,
+    'network-not-supported-manual': NetworkNotSupportedSwitchManual.NetworkNotSupportedSwitchManual,
+    'no-access': NoAccess.NoAccess,
+    'no-qr-not-installed': NoQrNotInstalledView.NoQrNotInstalledView,
+    'passkey-intro': PasskeyIntroView.PasskeyIntroView,
+    'passkey-recovery-bundle': PasskeyBundleRecovery.PasskeyBundleRecovery,
+    'passkey-recovery-complete': PasskeyCompleteRecovery.PasskeyCompleteRecovery,
+    'passkey-recovery-start': PasskeyInitRecovery.PasskeyInitRecovery,
+    'pending-connect': PendingConnectView.PendingConnectView,
+    'pending-signature': PendingSignatureView.PendingSignatureView,
+    'pending-signature-without-back-button': PendingSignatureView.PendingSignatureView,
+    'qr-code': QrCodeView.QrCodeView,
+    'rename-passkey': RenamePasskeyView.RenamePasskeyView,
+    'social-redirect-view': SocialRedirectView.SocialRedirectView,
+    'social-wrong-account': SocialWrongAccountView.SocialWrongAccountView,
+    'update-email': EmailUpdate.EmailUpdate,
+    'verify-email': EmailVerification.EmailVerification,
+    'wait-for-email-confirmation-view': EmailConfirmationWaitingView.EmailConfirmationWaitingView,
+    'wallet-cannot-be-transferred': WalletCannotBeTransferredView.WalletCannotBeTransferredView,
+    'wallet-connect-mobile-wallets-list': WalletList.WalletList,
+    'wallet-group': WalletGroupView.WalletGroupView,
+    'wallet-list': WalletList.WalletList,
+    'wallet-locked-view': WalletLockedView.WalletLockedView,
+    'wallet-sign': WalletSignSpinnerView.WalletSignSpinnerView,
+    'wallet-used': WalletUsedView.WalletUsedView,
 };
 
 exports.viewToComponentMap = viewToComponentMap;

package/src/lib/views/viewToComponentMap.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { ViewType } from '../context/ViewContext';
-export declare const viewToComponentMap: Record<ViewType, JSX.Element | null>;
+import { ViewMap } from '../context/ViewContext';
+export declare const viewToComponentMap: ViewMap;