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

package/src/lib/data/api.js

@@ -1,6 +1,6 @@
 import { __awaiter } from '../../../_virtual/_tslib.js';
 import { NoAccessError, AccountExistsError, EmailVerificationError, UserHasAccountWithEmailError, DynamicError, EmailAlreadyExistsError, UsernameAlreadyExistsError, EmailProviderError, WalletUsedError, WalletNotDeployedError, ChainalysisError, GateBlockedError, SocialAccountAlreadyExistsError } from '@dynamic-labs/utils';
-import { UnprocessableEntityErrorCode, SDKApi, Configuration, ChainEnum, EmbeddedWalletProviderEnum, VerifyRequestFromJSON, WalletProviderEnum, AuthModeEnum } from '@dynamic-labs/sdk-api';
+import { UnprocessableEntityErrorCode, SDKApi, Configuration, VerifyRequestFromJSON, ChainEnum, WalletProviderEnum, AuthModeEnum, EmbeddedWalletProviderEnum } from '@dynamic-labs/sdk-api';
 import { VERSION, API_VERSION } from '../../version.js';
 import ApiEndpoint from '../config/ApiEndpoint.js';
 import { logger } from '../shared/logger.js';
@@ -291,18 +291,6 @@ const verifyWallet = (environmentId, { messageToSign, signedMessage, publicWalle
         return undefined;
     }
 });
-const fetchNetworkSettings = (environmentId) => __awaiter(void 0, void 0, void 0, function* () {
-    try {
-        const res = yield sdkApi().getNetworksConfigurationByEnvId({
-            environmentId,
-        });
-        return res;
-    }
-    catch (e) {
-        logger.error(e);
-        return undefined;
-    }
-});
 const fetchProjectSettings = (environmentId) => __awaiter(void 0, void 0, void 0, function* () {
     try {
         const res = yield sdkApi().getEnvironmentSettings({
@@ -525,5 +513,19 @@ const getUserPasskeys = ({ userJwt, environmentId, }) => __awaiter(void 0, void
         };
     }
 });
+const exportEmbeddedWallet = ({ userJwt, environmentId, walletId, activityId, }) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const data = yield sdkApi(userJwt).embeddedWalletExport({
+            activityId,
+            environmentId,
+            walletId,
+        });
+        return data;
+    }
+    catch (e) {
+        logger.error(e);
+        return { exportBundle: '' };
+    }
+});
 
-export { completePasskeyRecovery, createEmailVerification, createTurnkeyEvmEmbeddedWallet, createVisit, fetchNetworkSettings, fetchNonce, fetchProjectSettings, getEmailProvider, getOAuthResult, getOnrampProviders, getUserPasskeys, initPasskeyRecovery, linkWallet, mapAuthModeTypeToEnum, mapChainToChainEnum, mapProviderToProviderEnum, mergeUserAccounts, retryEmailVerification, revokeSession, sendDynamicProps, signInOAuth, signInWithEmailVerification, transferWallet, unlinkOAuth, unlinkWallet, updateUserProfileFields, verifyEmail, verifyOAuth, verifyWallet };
+export { completePasskeyRecovery, createEmailVerification, createTurnkeyEvmEmbeddedWallet, createVisit, exportEmbeddedWallet, fetchNonce, fetchProjectSettings, getEmailProvider, getOAuthResult, getOnrampProviders, getUserPasskeys, initPasskeyRecovery, linkWallet, mapAuthModeTypeToEnum, mapChainToChainEnum, mapProviderToProviderEnum, mergeUserAccounts, retryEmailVerification, revokeSession, sendDynamicProps, signInOAuth, signInWithEmailVerification, transferWallet, unlinkOAuth, unlinkWallet, updateUserProfileFields, verifyEmail, verifyOAuth, verifyWallet };

package/src/lib/{context/DynamicContext/internalEvents/internalEvents.cjs → events/dynamicEvents.cjs}

@@ -8,7 +8,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var EventEmitter__default = /*#__PURE__*/_interopDefaultLegacy(EventEmitter);
 
-// This file is temporary and should be removed after QNTM-180 is done
-const getInternalEvents = () => new EventEmitter__default["default"]();
+const dynamicEvents = new EventEmitter__default["default"]();
 
-exports.getInternalEvents = getInternalEvents;
+exports.dynamicEvents = dynamicEvents;

package/src/lib/events/dynamicEvents.d.ts

@@ -0,0 +1,18 @@
+import EventEmitter from 'eventemitter3';
+import { Wallet } from '../shared';
+/** Maps internal event names to their listeners */
+export type DynamicEvents = {
+    /** Triggered when auth is closed before reaching success (due to user cancel or fail) */
+    authFlowCancelled: () => void;
+    /** Triggered when auth is attempted but fails, like when user rejects connection or the network call fails */
+    emailVerificationResult: (param: boolean, email: string) => void;
+    embeddedWalletCreated: (wallet: Wallet) => void;
+    embeddedWalletFailed: (error: unknown) => void;
+    passkeyRecoveryCompleted: (wallet: Wallet) => void;
+    passkeyRecoveryFailed: (error: unknown) => void;
+    embeddedWalletRevealCompleted: (wallet: Wallet) => void;
+    embeddedWalletRevealFailed: (error: unknown) => void;
+    logout: () => void;
+};
+export declare const dynamicEvents: EventEmitter<DynamicEvents, any>;
+export type DynamicEventEmitter = typeof dynamicEvents;

package/src/lib/events/dynamicEvents.js

@@ -0,0 +1,5 @@
+import EventEmitter from 'eventemitter3';
+
+const dynamicEvents = new EventEmitter();
+
+export { dynamicEvents };

package/src/lib/events/index.d.ts

@@ -0,0 +1 @@
+export * from './dynamicEvents';

package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.cjs

@@ -7,6 +7,7 @@ var VerticalAccordion = require('../../components/Accordion/components/VerticalA
 var AccordionItem = require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../components/Alert/Alert.cjs');
 require('react');
+require('../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/wallet-connector-core');
@@ -52,9 +53,10 @@ var HelpContent = require('./HelpContent/HelpContent.cjs');
 var ToSFooter = require('./ToSFooter/ToSFooter.cjs');
 var WalletProgressStepper = require('./WalletProgressStepper/WalletProgressStepper.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('react-focus-lock');
+require('../../context/LoadingContext/LoadingContext.cjs');
 require('qrcode');
 require('../../context/QrCodeContext/QrCodeContext.cjs');
-require('../../context/LoadingContext/LoadingContext.cjs');
 require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -66,7 +68,6 @@ 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');
 
 const DynamicAuthLayout = ({ children, className, style, onClose, projectSettings, hideBridgeProgressSteppers, }) => {
     const { view } = ViewContext.useViewContext();
@@ -79,7 +80,7 @@ const DynamicAuthLayout = ({ children, className, style, onClose, projectSetting
     });
     const { showConnectedWalletProgress } = useAuthLayoutChecks.useAuthLayoutChecks(walletConnector);
     const { showDynamicFooter } = useAuthLayoutChecks.useAuthLayoutChecks(walletConnector);
-    return (jsxRuntime.jsx(OverlayCardTarget.OverlayCardTarget, { children: jsxRuntime.jsxs(VerticalAccordion.VerticalAccordion, { style: style, className: className, children: [jsxRuntime.jsxs(AccordionItem.AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsxRuntime.jsx(WalletProgressStepper.WalletProgressStepper, {})), showHeader && (jsxRuntime.jsx(header.Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, walletConnector: walletConnector })), children, showDynamicFooter && jsxRuntime.jsx(DynamicFooter.DynamicFooter, {}), showToSFooter && jsxRuntime.jsx(ToSFooter.ToSFooter, {})] }), helpHeaderData && showHelpContent && (jsxRuntime.jsx(AccordionItem.AccordionItem, { isOpen: isFooterExpanded, children: jsxRuntime.jsx("div", { children: jsxRuntime.jsx(HelpContent.HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
+    return (jsxRuntime.jsx(OverlayCardTarget.OverlayCardTarget, { children: jsxRuntime.jsxs(VerticalAccordion.VerticalAccordion, { style: style, className: className, children: [jsxRuntime.jsxs(AccordionItem.AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsxRuntime.jsx(WalletProgressStepper.WalletProgressStepper, {})), showHeader && (jsxRuntime.jsx(header.Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, walletConnector: walletConnector, copykey: headerData === null || headerData === void 0 ? void 0 : headerData.copykey })), children, showDynamicFooter && jsxRuntime.jsx(DynamicFooter.DynamicFooter, {}), showToSFooter && jsxRuntime.jsx(ToSFooter.ToSFooter, {})] }), helpHeaderData && showHelpContent && (jsxRuntime.jsx(AccordionItem.AccordionItem, { isOpen: isFooterExpanded, children: jsxRuntime.jsx("div", { children: jsxRuntime.jsx(HelpContent.HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
 };
 
 exports.DynamicAuthLayout = DynamicAuthLayout;

package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.js

@@ -3,6 +3,7 @@ import { VerticalAccordion } from '../../components/Accordion/components/Vertica
 import { AccordionItem } from '../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../components/Alert/Alert.js';
 import 'react';
+import '../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/wallet-connector-core';
@@ -48,9 +49,10 @@ import { HelpContent } from './HelpContent/HelpContent.js';
 import { ToSFooter } from './ToSFooter/ToSFooter.js';
 import { WalletProgressStepper } from './WalletProgressStepper/WalletProgressStepper.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import 'react-focus-lock';
+import '../../context/LoadingContext/LoadingContext.js';
 import 'qrcode';
 import '../../context/QrCodeContext/QrCodeContext.js';
-import '../../context/LoadingContext/LoadingContext.js';
 import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -62,7 +64,6 @@ 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';
 
 const DynamicAuthLayout = ({ children, className, style, onClose, projectSettings, hideBridgeProgressSteppers, }) => {
     const { view } = useViewContext();
@@ -75,7 +76,7 @@ const DynamicAuthLayout = ({ children, className, style, onClose, projectSetting
     });
     const { showConnectedWalletProgress } = useAuthLayoutChecks(walletConnector);
     const { showDynamicFooter } = useAuthLayoutChecks(walletConnector);
-    return (jsx(OverlayCardTarget, { children: jsxs(VerticalAccordion, { style: style, className: className, children: [jsxs(AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsx(WalletProgressStepper, {})), showHeader && (jsx(Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, walletConnector: walletConnector })), children, showDynamicFooter && jsx(DynamicFooter, {}), showToSFooter && jsx(ToSFooter, {})] }), helpHeaderData && showHelpContent && (jsx(AccordionItem, { isOpen: isFooterExpanded, children: jsx("div", { children: jsx(HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
+    return (jsx(OverlayCardTarget, { children: jsxs(VerticalAccordion, { style: style, className: className, children: [jsxs(AccordionItem, { isOpen: !isFooterExpanded, dimOnHide: true, children: [showConnectedWalletProgress && !hideBridgeProgressSteppers && (jsx(WalletProgressStepper, {})), showHeader && (jsx(Header, { onClose: onClose, heading: (headerData === null || headerData === void 0 ? void 0 : headerData.heading) || '', projectSettings: projectSettings, walletConnector: walletConnector, copykey: headerData === null || headerData === void 0 ? void 0 : headerData.copykey })), children, showDynamicFooter && jsx(DynamicFooter, {}), showToSFooter && jsx(ToSFooter, {})] }), helpHeaderData && showHelpContent && (jsx(AccordionItem, { isOpen: isFooterExpanded, children: jsx("div", { children: jsx(HelpContent, {}) }, isFooterExpanded.toString()) }))] }) }));
 };
 
 export { DynamicAuthLayout };

package/src/lib/layout/DynamicAuthLayout/Header/header.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+require('../../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/wallet-connector-core');
@@ -50,8 +51,9 @@ var Tooltip = require('../../../components/Tooltip/Tooltip.cjs');
 var QrCodeContext = require('../../../context/QrCodeContext/QrCodeContext.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('i18next');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -65,9 +67,8 @@ 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');
 
-const Header = ({ onClose: handleClose, heading, projectSettings, walletConnector, }) => {
+const Header = ({ onClose: handleClose, heading, projectSettings, walletConnector, copykey, }) => {
     const { clearStatesOnBackClick, selectedWalletConnector } = useInternalDynamicContext.useInternalDynamicContext();
     const { setError } = ErrorContext.useErrorContext();
     const { setShowQrCodeImage } = QrCodeContext.useQrCodeContext();
@@ -101,7 +102,7 @@ const Header = ({ onClose: handleClose, heading, projectSettings, walletConnecto
         leadingButtons.push(infoButton);
     }
     const qrCodePreHeader = (jsxRuntime.jsxs("div", { className: 'qr-code-view__scan-issue-message', children: [jsxRuntime.jsx(Typography.Typography, { color: 'primary', variant: 'body_small', children: "If you're having issues scanning, click\u00A0" }), jsxRuntime.jsx("button", { className: 'qr-code-view__scan-issue-button', onClick: () => setShowQrCodeImage(true), children: "here" })] }));
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: leadingButtons, trailing: closeButton || infoButton, displayBorder: displayBorderBelowHeader, children: jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', children: !projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'header__skeleton' })) : (heading) }) }), showQrCodePreHeader && qrCodePreHeader] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { leading: leadingButtons, trailing: closeButton || infoButton, displayBorder: displayBorderBelowHeader, children: jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', copykey: copykey, children: !projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'header__skeleton' })) : (heading) }) }), showQrCodePreHeader && qrCodePreHeader] }));
 };
 
 exports.Header = Header;

package/src/lib/layout/DynamicAuthLayout/Header/header.d.ts

@@ -1,8 +1,8 @@
 import { FC } from 'react';
 import { ProjectSettings } from '@dynamic-labs/sdk-api';
 import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
-import { ModalProps } from '../../../shared';
-export type WalletHeaderProps = Partial<ModalProps> & {
+import { CopyKey, ModalProps } from '../../../shared';
+export type WalletHeaderProps = Partial<ModalProps> & CopyKey & {
     heading: string | JSX.Element;
     projectSettings?: ProjectSettings;
     walletConnector?: WalletConnector | null;

package/src/lib/layout/DynamicAuthLayout/Header/header.js

@@ -1,5 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useCallback } from 'react';
+import '../../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/wallet-connector-core';
@@ -46,8 +47,9 @@ import { Tooltip } from '../../../components/Tooltip/Tooltip.js';
 import { useQrCodeContext } from '../../../context/QrCodeContext/QrCodeContext.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import 'i18next';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -61,9 +63,8 @@ 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';
 
-const Header = ({ onClose: handleClose, heading, projectSettings, walletConnector, }) => {
+const Header = ({ onClose: handleClose, heading, projectSettings, walletConnector, copykey, }) => {
     const { clearStatesOnBackClick, selectedWalletConnector } = useInternalDynamicContext();
     const { setError } = useErrorContext();
     const { setShowQrCodeImage } = useQrCodeContext();
@@ -97,7 +98,7 @@ const Header = ({ onClose: handleClose, heading, projectSettings, walletConnecto
         leadingButtons.push(infoButton);
     }
     const qrCodePreHeader = (jsxs("div", { className: 'qr-code-view__scan-issue-message', children: [jsx(Typography, { color: 'primary', variant: 'body_small', children: "If you're having issues scanning, click\u00A0" }), jsx("button", { className: 'qr-code-view__scan-issue-button', onClick: () => setShowQrCodeImage(true), children: "here" })] }));
-    return (jsxs(Fragment, { children: [jsx(ModalHeader, { leading: leadingButtons, trailing: closeButton || infoButton, displayBorder: displayBorderBelowHeader, children: jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', children: !projectSettings ? (jsx(Skeleton, { className: 'header__skeleton' })) : (heading) }) }), showQrCodePreHeader && qrCodePreHeader] }));
+    return (jsxs(Fragment, { children: [jsx(ModalHeader, { leading: leadingButtons, trailing: closeButton || infoButton, displayBorder: displayBorderBelowHeader, children: jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-modal-heading', className: 'header__typography', copykey: copykey, children: !projectSettings ? (jsx(Skeleton, { className: 'header__skeleton' })) : (heading) }) }), showQrCodePreHeader && qrCodePreHeader] }));
 };
 
 export { Header };

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpHeader/HelpHeader.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 require('react');
+require('../../../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/wallet-connector-core');
@@ -46,8 +47,9 @@ var Typography = require('../../../../components/Typography/Typography.cjs');
 require('../../../../context/QrCodeContext/QrCodeContext.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('i18next');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -61,7 +63,6 @@ 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');
 
 const HelpHeader = () => {
     const { authMode, selectedWalletConnector } = useInternalDynamicContext.useInternalDynamicContext();
@@ -70,7 +71,7 @@ const HelpHeader = () => {
     const { helpHeaderData } = useDynamicLayoutData.useDynamicLayoutData({ authMode, view });
     const { displayBorderBelowHeader } = useAuthLayoutChecks.useAuthLayoutChecks(selectedWalletConnector);
     const backButton = (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: () => setIsFooterExpanded(false), "data-testid": 'back-button', className: 'header__icon', children: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'back-button ' }) }));
-    return (jsxRuntime.jsx("div", { className: 'help-header', children: jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: backButton, displayLeading: false, displayBorder: displayBorderBelowHeader, children: jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-help-heading', className: 'header__typography', children: helpHeaderData === null || helpHeaderData === void 0 ? void 0 : helpHeaderData.heading }) }) }));
+    return (jsxRuntime.jsx("div", { className: 'help-header', children: jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: backButton, displayLeading: false, displayBorder: displayBorderBelowHeader, children: jsxRuntime.jsx(Typography.Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-help-heading', className: 'header__typography', copykey: helpHeaderData === null || helpHeaderData === void 0 ? void 0 : helpHeaderData.copykey, children: helpHeaderData === null || helpHeaderData === void 0 ? void 0 : helpHeaderData.heading }) }) }));
 };
 
 exports.HelpHeader = HelpHeader;

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpHeader/HelpHeader.js

@@ -1,5 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import 'react';
+import '../../../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/wallet-connector-core';
@@ -42,8 +43,9 @@ import { Typography } from '../../../../components/Typography/Typography.js';
 import '../../../../context/QrCodeContext/QrCodeContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import 'i18next';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -57,7 +59,6 @@ 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';
 
 const HelpHeader = () => {
     const { authMode, selectedWalletConnector } = useInternalDynamicContext();
@@ -66,7 +67,7 @@ const HelpHeader = () => {
     const { helpHeaderData } = useDynamicLayoutData({ authMode, view });
     const { displayBorderBelowHeader } = useAuthLayoutChecks(selectedWalletConnector);
     const backButton = (jsx(IconButton, { type: 'button', onClick: () => setIsFooterExpanded(false), "data-testid": 'back-button', className: 'header__icon', children: jsx(SvgChevronLeft, { className: 'back-button ' }) }));
-    return (jsx("div", { className: 'help-header', children: jsx(ModalHeader, { trailing: backButton, displayLeading: false, displayBorder: displayBorderBelowHeader, children: jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-help-heading', className: 'header__typography', children: helpHeaderData === null || helpHeaderData === void 0 ? void 0 : helpHeaderData.heading }) }) }));
+    return (jsx("div", { className: 'help-header', children: jsx(ModalHeader, { trailing: backButton, displayLeading: false, displayBorder: displayBorderBelowHeader, children: jsx(Typography, { as: 'h1', variant: 'title', color: 'primary', "data-testid": 'dynamic-auth-help-heading', className: 'header__typography', copykey: helpHeaderData === null || helpHeaderData === void 0 ? void 0 : helpHeaderData.copykey, children: helpHeaderData === null || helpHeaderData === void 0 ? void 0 : helpHeaderData.heading }) }) }));
 };
 
 export { HelpHeader };

package/src/lib/layout/DynamicAuthLayout/HelpContent/PasskeyInfoHelper/PasskeyInfoHelper.cjs

@@ -18,6 +18,7 @@ require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('@dynamic-labs/utils');
 require('../../../../shared/consts/index.cjs');
+require('../../../../events/dynamicEvents.cjs');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
@@ -45,8 +46,9 @@ 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('qrcode');
+require('react-focus-lock');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 var Icon = require('../../../../components/Icon/Icon.cjs');
 require('i18next');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
@@ -61,11 +63,10 @@ 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');
 
 const PasskeyInfoHelper = () => {
     const { t } = reactI18next.useTranslation();
-    return (jsxRuntime.jsx("div", { className: 'passkey-info-help-content__container', children: jsxRuntime.jsx(EnterTileAnimation.EnterTileAnimation, { delay: '300ms', children: jsxRuntime.jsxs("div", { className: 'passkey-info-help-content__typography-wrapper', children: [jsxRuntime.jsxs("div", { className: 'passkey-info-help-content__details', children: [jsxRuntime.jsx(Icon.Icon, { size: 'medium', color: 'text-tertiary', children: jsxRuntime.jsx(userAccount2.ReactComponent, {}) }), jsxRuntime.jsxs("div", { className: 'passkey-info-help-content__wrapper', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', weight: 'medium', children: t('dyn_passkey_intro.helper.section_1.title') }), jsxRuntime.jsx(Typography.Typography, { as: 'p', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-info-help-content__typography--label', children: t('dyn_passkey_intro.helper.section_1.description') })] })] }), jsxRuntime.jsxs("div", { className: 'passkey-info-help-content__details', children: [jsxRuntime.jsx(Icon.Icon, { size: 'medium', color: 'text-tertiary', children: jsxRuntime.jsx(footerKeyIcon.ReactComponent, {}) }), jsxRuntime.jsxs("div", { className: 'passkey-info-help-content__wrapper', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', weight: 'medium', children: t('dyn_passkey_intro.helper.section_2.title') }), jsxRuntime.jsx(Typography.Typography, { as: 'p', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-info-help-content__typography--label', children: t('dyn_passkey_intro.helper.section_2.description') })] })] })] }) }) }));
+    return (jsxRuntime.jsx("div", { className: 'passkey-info-help-content__container', children: jsxRuntime.jsx(EnterTileAnimation.EnterTileAnimation, { delay: '300ms', children: jsxRuntime.jsxs("div", { className: 'passkey-info-help-content__typography-wrapper', children: [jsxRuntime.jsxs("div", { className: 'passkey-info-help-content__details', children: [jsxRuntime.jsx(Icon.Icon, { size: 'medium', color: 'text-tertiary', children: jsxRuntime.jsx(userAccount2.ReactComponent, {}) }), jsxRuntime.jsxs("div", { className: 'passkey-info-help-content__wrapper', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', weight: 'medium', copykey: 'dyn_passkey_intro.helper.section_1.title', children: t('dyn_passkey_intro.helper.section_1.title') }), jsxRuntime.jsx(Typography.Typography, { as: 'p', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-info-help-content__typography--label', copykey: 'dyn_passkey_intro.helper.section_1.description', children: t('dyn_passkey_intro.helper.section_1.description') })] })] }), jsxRuntime.jsxs("div", { className: 'passkey-info-help-content__details', children: [jsxRuntime.jsx(Icon.Icon, { size: 'medium', color: 'text-tertiary', children: jsxRuntime.jsx(footerKeyIcon.ReactComponent, {}) }), jsxRuntime.jsxs("div", { className: 'passkey-info-help-content__wrapper', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', weight: 'medium', copykey: 'dyn_passkey_intro.helper.section_2.title', children: t('dyn_passkey_intro.helper.section_2.title') }), jsxRuntime.jsx(Typography.Typography, { as: 'p', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-info-help-content__typography--label', copykey: 'dyn_passkey_intro.helper.section_2.description', children: t('dyn_passkey_intro.helper.section_2.description') })] })] })] }) }) }));
 };
 
 exports.PasskeyInfoHelper = PasskeyInfoHelper;

package/src/lib/layout/DynamicAuthLayout/HelpContent/PasskeyInfoHelper/PasskeyInfoHelper.js

@@ -14,6 +14,7 @@ import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '@dynamic-labs/utils';
 import '../../../../shared/consts/index.js';
+import '../../../../events/dynamicEvents.js';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
@@ -41,8 +42,9 @@ 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 '../../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import { Icon } from '../../../../components/Icon/Icon.js';
 import 'i18next';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
@@ -57,11 +59,10 @@ 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';
 
 const PasskeyInfoHelper = () => {
     const { t } = useTranslation();
-    return (jsx("div", { className: 'passkey-info-help-content__container', children: jsx(EnterTileAnimation, { delay: '300ms', children: jsxs("div", { className: 'passkey-info-help-content__typography-wrapper', children: [jsxs("div", { className: 'passkey-info-help-content__details', children: [jsx(Icon, { size: 'medium', color: 'text-tertiary', children: jsx(SvgUserAccount2, {}) }), jsxs("div", { className: 'passkey-info-help-content__wrapper', children: [jsx(Typography, { variant: 'title', weight: 'medium', children: t('dyn_passkey_intro.helper.section_1.title') }), jsx(Typography, { as: 'p', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-info-help-content__typography--label', children: t('dyn_passkey_intro.helper.section_1.description') })] })] }), jsxs("div", { className: 'passkey-info-help-content__details', children: [jsx(Icon, { size: 'medium', color: 'text-tertiary', children: jsx(SvgFooterKeyIcon, {}) }), jsxs("div", { className: 'passkey-info-help-content__wrapper', children: [jsx(Typography, { variant: 'title', weight: 'medium', children: t('dyn_passkey_intro.helper.section_2.title') }), jsx(Typography, { as: 'p', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-info-help-content__typography--label', children: t('dyn_passkey_intro.helper.section_2.description') })] })] })] }) }) }));
+    return (jsx("div", { className: 'passkey-info-help-content__container', children: jsx(EnterTileAnimation, { delay: '300ms', children: jsxs("div", { className: 'passkey-info-help-content__typography-wrapper', children: [jsxs("div", { className: 'passkey-info-help-content__details', children: [jsx(Icon, { size: 'medium', color: 'text-tertiary', children: jsx(SvgUserAccount2, {}) }), jsxs("div", { className: 'passkey-info-help-content__wrapper', children: [jsx(Typography, { variant: 'title', weight: 'medium', copykey: 'dyn_passkey_intro.helper.section_1.title', children: t('dyn_passkey_intro.helper.section_1.title') }), jsx(Typography, { as: 'p', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-info-help-content__typography--label', copykey: 'dyn_passkey_intro.helper.section_1.description', children: t('dyn_passkey_intro.helper.section_1.description') })] })] }), jsxs("div", { className: 'passkey-info-help-content__details', children: [jsx(Icon, { size: 'medium', color: 'text-tertiary', children: jsx(SvgFooterKeyIcon, {}) }), jsxs("div", { className: 'passkey-info-help-content__wrapper', children: [jsx(Typography, { variant: 'title', weight: 'medium', copykey: 'dyn_passkey_intro.helper.section_2.title', children: t('dyn_passkey_intro.helper.section_2.title') }), jsx(Typography, { as: 'p', variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'passkey-info-help-content__typography--label', copykey: 'dyn_passkey_intro.helper.section_2.description', children: t('dyn_passkey_intro.helper.section_2.description') })] })] })] }) }) }));
 };
 
 export { PasskeyInfoHelper };

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/Item/Item.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 require('react');
+require('../../../../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/wallet-connector-core');
@@ -43,8 +44,9 @@ 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('qrcode');
+require('react-focus-lock');
 require('../../../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('i18next');
 require('../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -57,7 +59,6 @@ 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');
 
 const Item = ({ heading, StartIcon, EndIcon, message, url, }) => (jsxRuntime.jsxs("a", { className: 'footer-buttons-item', href: url, rel: 'noopener noreferrer', target: '_blank', children: [jsxRuntime.jsx("div", { className: 'footer-buttons-item__icon--left', children: jsxRuntime.jsx(StartIcon, {}) }), jsxRuntime.jsxs("div", { className: 'footer-buttons-item__typography', children: [jsxRuntime.jsx(Typography.Typography, { as: 'h2', weight: 'regular', color: 'primary', variant: 'body_normal', children: heading }), message && (jsxRuntime.jsx(Typography.Typography, { as: 'p', weight: 'regular', color: 'secondary', children: message }))] }), EndIcon && jsxRuntime.jsx(EndIcon, { style: { height: '1.5rem', width: '1.5rem' } })] }));
 

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/Item/Item.js

@@ -1,5 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import 'react';
+import '../../../../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/wallet-connector-core';
@@ -39,8 +40,9 @@ 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 '../../../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import 'i18next';
 import '../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -53,7 +55,6 @@ 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';
 
 const Item = ({ heading, StartIcon, EndIcon, message, url, }) => (jsxs("a", { className: 'footer-buttons-item', href: url, rel: 'noopener noreferrer', target: '_blank', children: [jsx("div", { className: 'footer-buttons-item__icon--left', children: jsx(StartIcon, {}) }), jsxs("div", { className: 'footer-buttons-item__typography', children: [jsx(Typography, { as: 'h2', weight: 'regular', color: 'primary', variant: 'body_normal', children: heading }), message && (jsx(Typography, { as: 'p', weight: 'regular', color: 'secondary', children: message }))] }), EndIcon && jsx(EndIcon, { style: { height: '1.5rem', width: '1.5rem' } })] }));
 

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var utils = require('@dynamic-labs/utils');
 require('react');
+require('../../../../../events/dynamicEvents.cjs');
 require('../../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/wallet-connector-core');
 require('../../../../../context/CaptchaContext/CaptchaContext.cjs');
@@ -44,8 +45,9 @@ require('../../../../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../../../../components/Typography/Typography.cjs');
 var NewToWeb3WalletItem = require('../NewToWeb3WalletItem/NewToWeb3WalletItem.cjs');
 require('../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('i18next');
 require('../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -58,15 +60,14 @@ 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');
 
 const WalletExtensionOrAppContinueButton = ({ wallet, selectedUrl, }) => {
     const showRefreshOnceInstalledWalletButton = Boolean(selectedUrl.length) && !(wallet === null || wallet === void 0 ? void 0 : wallet.isInstalledOnBrowser);
     const walletConnectionAfterPageReloadHandler = () => {
-        if (!(wallet === null || wallet === void 0 ? void 0 : wallet.name)) {
+        if (!(wallet === null || wallet === void 0 ? void 0 : wallet.key)) {
             return;
         }
-        localStorage.LocalStorage.setToLS(localStorage$1.NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY, wallet.name);
+        localStorage.LocalStorage.setToLS(localStorage$1.NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY, wallet.key);
         window.location.reload();
     };
     return (jsxRuntime.jsxs("div", { className: 'new-to-web3-buttons__container', children: [!utils.isMobile() && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [(wallet === null || wallet === void 0 ? void 0 : wallet.isInstalledOnBrowser) && (jsxRuntime.jsx(NewToWeb3WalletItem.NewToWeb3WalletItem, { wallet: wallet, children: jsxRuntime.jsx(Typography.Typography, { as: 'p', "data-testid": 'desktop-interactive-wallet-item', variant: 'body_normal', weight: 'bold', children: "Continue" }) })), showRefreshOnceInstalledWalletButton && (jsxRuntime.jsx("button", { onClick: walletConnectionAfterPageReloadHandler, children: jsxRuntime.jsx(Typography.Typography, { as: 'p', "data-testid": 'refresh-once-installed-button', variant: 'body_normal', weight: 'bold', children: "Continue once installed" }) }))] })), wallet && utils.isMobile() && (jsxRuntime.jsx(NewToWeb3WalletItem.NewToWeb3WalletItem, { wallet: wallet, children: jsxRuntime.jsx("p", { "data-testid": 'mobile-interactive-wallet-item', children: "Continue once installed" }) }))] }));

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.js

@@ -1,6 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { isMobile } from '@dynamic-labs/utils';
 import 'react';
+import '../../../../../events/dynamicEvents.js';
 import '../../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/wallet-connector-core';
 import '../../../../../context/CaptchaContext/CaptchaContext.js';
@@ -40,8 +41,9 @@ import '../../../../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../../../../components/Typography/Typography.js';
 import { NewToWeb3WalletItem } from '../NewToWeb3WalletItem/NewToWeb3WalletItem.js';
 import '../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import 'i18next';
 import '../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -54,15 +56,14 @@ 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';
 
 const WalletExtensionOrAppContinueButton = ({ wallet, selectedUrl, }) => {
     const showRefreshOnceInstalledWalletButton = Boolean(selectedUrl.length) && !(wallet === null || wallet === void 0 ? void 0 : wallet.isInstalledOnBrowser);
     const walletConnectionAfterPageReloadHandler = () => {
-        if (!(wallet === null || wallet === void 0 ? void 0 : wallet.name)) {
+        if (!(wallet === null || wallet === void 0 ? void 0 : wallet.key)) {
             return;
         }
-        LocalStorage.setToLS(NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY, wallet.name);
+        LocalStorage.setToLS(NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY, wallet.key);
         window.location.reload();
     };
     return (jsxs("div", { className: 'new-to-web3-buttons__container', children: [!isMobile() && (jsxs(Fragment, { children: [(wallet === null || wallet === void 0 ? void 0 : wallet.isInstalledOnBrowser) && (jsx(NewToWeb3WalletItem, { wallet: wallet, children: jsx(Typography, { as: 'p', "data-testid": 'desktop-interactive-wallet-item', variant: 'body_normal', weight: 'bold', children: "Continue" }) })), showRefreshOnceInstalledWalletButton && (jsx("button", { onClick: walletConnectionAfterPageReloadHandler, children: jsx(Typography, { as: 'p', "data-testid": 'refresh-once-installed-button', variant: 'body_normal', weight: 'bold', children: "Continue once installed" }) }))] })), wallet && isMobile() && (jsx(NewToWeb3WalletItem, { wallet: wallet, children: jsx("p", { "data-testid": 'mobile-interactive-wallet-item', children: "Continue once installed" }) }))] }));