@dynamic-labs/sdk-react-core 1.1.0-alpha.2 → 1.1.0-alpha.20

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

@@ -1,28 +1,31 @@
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
+import { useState } from 'react';
 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 '../../utils/constants/values.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,8 +33,8 @@ 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 { usePromise } from '../../utils/hooks/usePromise/usePromise.js';
 import '@dynamic-labs/types';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
@@ -45,53 +48,56 @@ 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 'qrcode';
+import 'react-focus-lock';
 import { useLoadingContext } from '../../context/LoadingContext/LoadingContext.js';
 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 'react-focus-lock';
+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);
-    const [walletAddress, setWalletAddress] = useState(undefined);
     const { t } = useTranslation();
     const { setErrorMessage } = useErrorContext();
     const { loading, setLoading } = useLoadingContext();
     const { setView, goToInitialView } = useViewContext();
     const { environmentId, displaySiweStatement, authToken, setCallback, setShowAuthFlow, setUser, appName, siweStatement, setPrimaryWalletId, primaryWallet, setMultiWalletWidgetState, connectWallet, selectedWalletConnector: walletConnector, isSingleWalletAccount, consumeNonce, handleLogOut, } = useInternalDynamicContext();
-    useEffect(() => {
-        const _fetchPublicAddress = () => __awaiter(void 0, void 0, void 0, function* () {
-            const address = yield (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.fetchPublicAddress());
-            setWalletAddress(address);
-        });
-        _fetchPublicAddress();
-    }, [walletConnector]);
-    const _shortenWalletAddress = shortenWalletAddress(walletAddress);
+    const { data: walletAddress } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () {
+        const accounts = yield (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.getConnectedAccounts());
+        return accounts === null || accounts === void 0 ? void 0 : accounts[0];
+    }), {
+        deps: [walletConnector],
+    });
+    const shortenedWalletAddress = 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,17 +151,18 @@ 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');
         }
     });
-    return (jsxs("div", { className: 'wallet-used-view__container', children: [jsx("div", { className: 'wallet-used-view__icon', children: jsx(WalletIcon, { walletKey: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key, width: 64, height: 64 }) }), jsx(Typography, { className: 'wallet-used-view__shorten-wallet-address', variant: 'body_normal', weight: 'medium', color: 'primary', children: _shortenWalletAddress }), jsx(Typography, { className: 'wallet-used-view__copy', variant: 'body_normal', color: 'secondary', weight: 'regular', copykey: 'dyn_wallet_link.existent_account.warning', children: t('dyn_wallet_link.existent_account.warning') }), isSingleWalletAccount && (jsxs("label", { htmlFor: 'skipEmptyAccountCheck', className: 'wallet-used-view__checkbox-label', children: [jsx(Checkbox, { id: 'skipEmptyAccountCheck', className: 'wallet-used-view__checkbox-container', defaultChecked: isChecked, onChange: () => setIsChecked(!isChecked), ariaLabel: 'skip empty account check' }), jsx(Typography, { variant: 'body_small', color: 'secondary', copykey: 'dyn_wallet_link.existent_account.acceptance', children: t('dyn_wallet_link.existent_account.acceptance') })] })), jsx(Button, { buttonClassName: 'wallet-used-view__accept-button', buttonVariant: 'primary', expanded: true, buttonPadding: 'large', onClick: () => handleWalletTransfer(), disabled: (!isChecked && isSingleWalletAccount) || loading, dataTestId: 'wallet-used-view-transfer-wallet', copykey: 'dyn_wallet_link.confirm_button', children: t('dyn_wallet_link.confirm_button') }), jsx(Button, { dataTestId: 'wallet-used-view-log-out', buttonPadding: 'small', buttonClassName: 'wallet-used-view__logout', onClick: handleLogOut, copykey: 'dyn_wallet_link.log_out_button', children: t('dyn_wallet_link.log_out_button') })] }));
+    return (jsxs("div", { className: 'wallet-used-view__container', children: [jsx("div", { className: 'wallet-used-view__icon', children: jsx(WalletIcon, { walletKey: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key, width: 64, height: 64 }) }), jsx(Typography, { className: 'wallet-used-view__shorten-wallet-address', variant: 'body_normal', weight: 'medium', color: 'primary', children: shortenedWalletAddress }), jsx(Typography, { className: 'wallet-used-view__copy', variant: 'body_normal', color: 'secondary', weight: 'regular', copykey: 'dyn_wallet_link.existent_account.warning', children: t('dyn_wallet_link.existent_account.warning') }), isSingleWalletAccount && (jsxs("label", { htmlFor: 'skipEmptyAccountCheck', className: 'wallet-used-view__checkbox-label', children: [jsx(Checkbox, { id: 'skipEmptyAccountCheck', className: 'wallet-used-view__checkbox-container', defaultChecked: isChecked, onChange: () => setIsChecked(!isChecked), ariaLabel: 'skip empty account check' }), jsx(Typography, { variant: 'body_small', color: 'secondary', copykey: 'dyn_wallet_link.existent_account.acceptance', children: t('dyn_wallet_link.existent_account.acceptance') })] })), jsx(Button, { buttonClassName: 'wallet-used-view__accept-button', buttonVariant: 'primary', expanded: true, buttonPadding: 'large', onClick: () => handleWalletTransfer(), disabled: (!isChecked && isSingleWalletAccount) || loading, dataTestId: 'wallet-used-view-transfer-wallet', copykey: 'dyn_wallet_link.confirm_button', children: t('dyn_wallet_link.confirm_button') }), jsx(Button, { dataTestId: 'wallet-used-view-log-out', buttonPadding: 'small', buttonClassName: 'wallet-used-view__logout', onClick: handleLogOut, copykey: 'dyn_wallet_link.log_out_button', children: t('dyn_wallet_link.log_out_button') })] }));
 };
 
 export { WalletUsedView };

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,48 +34,57 @@ 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');
+var SelectHardwareWalletView = require('./SelectHardwareWalletView/SelectHardwareWalletView.cjs');
+var SelectWalletInWalletGroupView = require('./SelectWalletInWalletGroupView/SelectWalletInWalletGroupView.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, {}),
-    '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,
+    'select-hardware-wallet': SelectHardwareWalletView.SelectHardwareWalletView,
+    'select-wallet-in-wallet-group': SelectWalletInWalletGroupView.SelectWalletInWalletGroupView,
+    '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;

package/src/lib/views/viewToComponentMap.js

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

package/src/lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.cjs

@@ -4,26 +4,31 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var reactI18next = require('react-i18next');
 var IsBrowser = require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../events/dynamicEvents.cjs');
+require('../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/utils');
-var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
-require('@dynamic-labs/wallet-connector-core');
-require('../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../context/ErrorContext/ErrorContext.cjs');
-require('../../context/ViewContext/ViewContext.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
 var getChainIcon = require('../../shared/utils/functions/chain/getChainIcon.cjs');
+require('@dynamic-labs/wallet-connector-core');
 require('@dynamic-labs/wallet-book');
 var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
 require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 var index = require('../../shared/utils/hooks/useOnClickOutside/index.cjs');
 require('@dynamic-labs/iconic');
+require('../../context/ViewContext/ViewContext.cjs');
 require('../../shared/consts/index.cjs');
+var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('viem/chains');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../config/ApiEndpoint.cjs');
@@ -32,7 +37,6 @@ require('react-dom');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
-require('react-i18next');
 require('../../context/MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
@@ -44,31 +48,37 @@ require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 var ShadowDOM = require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/QrCodeContext/QrCodeContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../context/LoadingContext/LoadingContext.cjs');
 require('i18next');
+require('qrcode');
 require('../DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');
 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('../DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var InlineWidgetButton = require('../../components/InlineWidget/components/InlineWidgetButton/InlineWidgetButton.cjs');
 var InlineWidget = require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
+require('../../views/WalletList/WalletList.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('./views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 var DynamicBridgeUserProfile = require('./components/DynamicBridgeUserProfile/DynamicBridgeUserProfile.cjs');
 var DynamicBridgeWidgetContext = require('./context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
 
 const DynamicBridgeWidget = ({ className, variant = 'modal', }) => {
     const { showAuthFlow, setShowBridgeWidget, bridgeChains, setShowAuthFlow, connectedWallets, } = useInternalDynamicContext.useInternalDynamicContext();
     const { widgetRef, inlineControlsRef } = DynamicBridgeWidgetContext.useDynamicBridgeWidgetContext();
+    const { t } = reactI18next.useTranslation();
     const closeOnOutsideClick = React.useCallback((e) => {
         var _a;
         const target = e.composedPath().shift();
@@ -85,7 +95,7 @@ const DynamicBridgeWidget = ({ className, variant = 'modal', }) => {
                         if (connectedChainWallets.length > 0) {
                             return connectedChainWallets.map((wallet) => (jsxRuntime.jsx(InlineWidgetButton.InlineWidgetButton, { icon: jsxRuntime.jsx(ChainIcon, {}), onClick: () => setShowBridgeWidget(true), children: shortenWalletAddress.shortenWalletAddress(wallet.address, 3, 3) }, wallet.id)));
                         }
-                        return (jsxRuntime.jsx(InlineWidgetButton.InlineWidgetButton, { icon: jsxRuntime.jsx(ChainIcon, {}), onClick: () => setShowAuthFlow(true), children: "Connect wallet" }, chain));
+                        return (jsxRuntime.jsx(InlineWidgetButton.InlineWidgetButton, { icon: jsxRuntime.jsx(ChainIcon, {}), onClick: () => setShowAuthFlow(true), copykey: 'dyn_bridge.widget.connect', children: t('dyn_bridge.widget.connect') }, chain));
                     }) }), jsxRuntime.jsx(DynamicBridgeUserProfile.DynamicBridgeUserProfile, { variant: variant })] }) }));
 };
 

package/src/lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.js

@@ -1,25 +1,30 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useCallback } from 'react';
+import { useTranslation } from 'react-i18next';
 import { IsBrowser } from '../../components/IsBrowser/IsBrowser.js';
 import '../../events/dynamicEvents.js';
+import '../../../../_virtual/_tslib.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 '../../shared/logger.js';
 import { getChainIcon } from '../../shared/utils/functions/chain/getChainIcon.js';
+import '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/wallet-book';
 import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
 import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import { useOnClickOutside } from '../../shared/utils/hooks/useOnClickOutside/index.js';
 import '@dynamic-labs/iconic';
+import '../../context/ViewContext/ViewContext.js';
 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 'viem/chains';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../config/ApiEndpoint.js';
@@ -28,7 +33,6 @@ import 'react-dom';
 import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
-import 'react-i18next';
 import '../../context/MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
@@ -40,31 +44,37 @@ import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import { ShadowDOM } from '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/OverlayCard/OverlayCard.context.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../context/QrCodeContext/QrCodeContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../context/LoadingContext/LoadingContext.js';
 import 'i18next';
+import 'qrcode';
 import '../DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
 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 '../DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { InlineWidgetButton } from '../../components/InlineWidget/components/InlineWidgetButton/InlineWidgetButton.js';
 import { InlineWidget } from '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
+import '../../views/WalletList/WalletList.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import './views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import { DynamicBridgeUserProfile } from './components/DynamicBridgeUserProfile/DynamicBridgeUserProfile.js';
 import { useDynamicBridgeWidgetContext } from './context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
 
 const DynamicBridgeWidget = ({ className, variant = 'modal', }) => {
     const { showAuthFlow, setShowBridgeWidget, bridgeChains, setShowAuthFlow, connectedWallets, } = useInternalDynamicContext();
     const { widgetRef, inlineControlsRef } = useDynamicBridgeWidgetContext();
+    const { t } = useTranslation();
     const closeOnOutsideClick = useCallback((e) => {
         var _a;
         const target = e.composedPath().shift();
@@ -81,7 +91,7 @@ const DynamicBridgeWidget = ({ className, variant = 'modal', }) => {
                         if (connectedChainWallets.length > 0) {
                             return connectedChainWallets.map((wallet) => (jsx(InlineWidgetButton, { icon: jsx(ChainIcon, {}), onClick: () => setShowBridgeWidget(true), children: shortenWalletAddress(wallet.address, 3, 3) }, wallet.id)));
                         }
-                        return (jsx(InlineWidgetButton, { icon: jsx(ChainIcon, {}), onClick: () => setShowAuthFlow(true), children: "Connect wallet" }, chain));
+                        return (jsx(InlineWidgetButton, { icon: jsx(ChainIcon, {}), onClick: () => setShowAuthFlow(true), copykey: 'dyn_bridge.widget.connect', children: t('dyn_bridge.widget.connect') }, chain));
                     }) }), jsx(DynamicBridgeUserProfile, { variant: variant })] }) }));
 };