@dynamic-labs/sdk-react-core 0.19.0-alpha.6 → 0.19.0-alpha.8

package/src/lib/views/SendBalanceView/components/TransactionStage/TransactionStage.js

@@ -37,6 +37,7 @@ import 'formik';
 import 'yup';
 import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../../components/OverlayCard/OverlayCard.context.js';
 import { TransactionConfirmationView } from '../../../TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../CollectUserDataView/fieldsConfig.js';
 import '../../../../context/MockContext/MockContext.js';

package/src/lib/views/SocialRedirectView/SocialRedirectView.cjs

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
+var sdkApi = require('@dynamic-labs/sdk-api');
 require('react');
 var Typography = require('../../components/Typography/Typography.cjs');
-require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
@@ -33,6 +33,7 @@ require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
+var PoweredByDynamic = require('../../components/PoweredByDynamic/PoweredByDynamic.cjs');
 var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
 require('../../components/Alert/Alert.cjs');
 require('formik');
@@ -49,15 +50,13 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
 var SocialRedirectContext = require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 
 const SocialRedirectView = () => {
-    const { socialProvider, socialWalletConnector } = SocialRedirectContext.useSocialRedirectContext();
+    const { socialProvider, signInProvider } = SocialRedirectContext.useSocialRedirectContext();
     const findSocialIcon = useFindSocialIcon.useFindSocialIcon();
-    if (!socialWalletConnector || !socialProvider) {
-        return null;
-    }
-    return (jsxRuntime.jsxs("div", Object.assign({ className: classNames.classNames('social-redirect-view__container') }, { children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { iconSize: 64, Icon: findSocialIcon(socialProvider), isSpinning: true }), jsxRuntime.jsx(Typography.Typography, Object.assign({ weight: 'medium', variant: 'title', className: classNames.classNames('social-redirect-view__title') }, { children: "Logging you in" }))] })));
+    return (jsxRuntime.jsxs("div", Object.assign({ className: classNames.classNames('social-redirect-view__container') }, { children: [socialProvider && (jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { iconSize: 64, Icon: findSocialIcon(socialProvider), isSpinning: true })), jsxRuntime.jsx(Typography.Typography, Object.assign({ weight: 'medium', variant: 'title', className: classNames.classNames('social-redirect-view__title') }, { children: "Logging you in" })), signInProvider !== sdkApi.SignInProviderEnum.MagicLink && (jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { classNameRoot: 'powered-by-dynamic' }))] })));
 };
 
 exports.SocialRedirectView = SocialRedirectView;

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

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const SocialRedirectView: () => JSX.Element | null;
+export declare const SocialRedirectView: () => JSX.Element;

package/src/lib/views/SocialRedirectView/SocialRedirectView.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { SignInProviderEnum } from '@dynamic-labs/sdk-api';
 import 'react';
 import { Typography } from '../../components/Typography/Typography.js';
-import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
@@ -29,6 +29,7 @@ import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../components/IconButton/IconButton.js';
+import { PoweredByDynamic } from '../../components/PoweredByDynamic/PoweredByDynamic.js';
 import { IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.js';
 import '../../components/Alert/Alert.js';
 import 'formik';
@@ -45,15 +46,13 @@ import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
+import '../../components/OverlayCard/OverlayCard.context.js';
 import { useSocialRedirectContext } from '../../context/SocialRedirectContext/SocialRedirectContext.js';
 
 const SocialRedirectView = () => {
-    const { socialProvider, socialWalletConnector } = useSocialRedirectContext();
+    const { socialProvider, signInProvider } = useSocialRedirectContext();
     const findSocialIcon = useFindSocialIcon();
-    if (!socialWalletConnector || !socialProvider) {
-        return null;
-    }
-    return (jsxs("div", Object.assign({ className: classNames('social-redirect-view__container') }, { children: [jsx(IconWithSpinner, { iconSize: 64, Icon: findSocialIcon(socialProvider), isSpinning: true }), jsx(Typography, Object.assign({ weight: 'medium', variant: 'title', className: classNames('social-redirect-view__title') }, { children: "Logging you in" }))] })));
+    return (jsxs("div", Object.assign({ className: classNames('social-redirect-view__container') }, { children: [socialProvider && (jsx(IconWithSpinner, { iconSize: 64, Icon: findSocialIcon(socialProvider), isSpinning: true })), jsx(Typography, Object.assign({ weight: 'medium', variant: 'title', className: classNames('social-redirect-view__title') }, { children: "Logging you in" })), signInProvider !== SignInProviderEnum.MagicLink && (jsx(PoweredByDynamic, { classNameRoot: 'powered-by-dynamic' }))] })));
 };
 
 export { SocialRedirectView };

package/src/lib/views/SocialWrongAccountView/SocialWrongAccountView.cjs

@@ -50,6 +50,7 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
 var SocialRedirectContext = require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 
 const SocialWrongAccountView = () => {

package/src/lib/views/SocialWrongAccountView/SocialWrongAccountView.js

@@ -46,6 +46,7 @@ import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
+import '../../components/OverlayCard/OverlayCard.context.js';
 import { useSocialRedirectContext } from '../../context/SocialRedirectContext/SocialRedirectContext.js';
 
 const SocialWrongAccountView = () => {

package/src/lib/views/TransactionConfirmationView/TransactionConfirmationView.cjs

@@ -46,6 +46,7 @@ require('formik');
 require('yup');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
 var useFetchCurrency = require('../../widgets/DynamicWidget/hooks/useFetchCurrency/useFetchCurrency.cjs');
 var useTransactionGas = require('./hooks/useTransactionGas/useTransactionGas.cjs');
 var useTransactionTotal = require('./hooks/useTransactionTotal/useTransactionTotal.cjs');

package/src/lib/views/TransactionConfirmationView/TransactionConfirmationView.js

@@ -42,6 +42,7 @@ import 'formik';
 import 'yup';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
+import '../../components/OverlayCard/OverlayCard.context.js';
 import { useFetchCurrency } from '../../widgets/DynamicWidget/hooks/useFetchCurrency/useFetchCurrency.js';
 import { useTransactionGas } from './hooks/useTransactionGas/useTransactionGas.js';
 import { useTransactionTotal } from './hooks/useTransactionTotal/useTransactionTotal.js';

package/src/lib/views/TransactionConfirmationView/hooks/useTransactionGas/useTransactionGas.cjs

@@ -39,6 +39,7 @@ require('formik');
 require('yup');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../CollectUserDataView/fieldsConfig.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');

package/src/lib/views/TransactionConfirmationView/hooks/useTransactionGas/useTransactionGas.js

@@ -35,6 +35,7 @@ import 'formik';
 import 'yup';
 import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../CollectUserDataView/fieldsConfig.js';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';

package/src/lib/views/UserFieldEditorView/UserFieldEditorView.cjs

@@ -53,6 +53,7 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
 
 const UserFieldEditorView = ({ onClickClose, onSubmit, fields, submitText, subtitle, title, }) => {
     // Treat undefined props

package/src/lib/views/UserFieldEditorView/UserFieldEditorView.js

@@ -49,6 +49,7 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
+import '../../components/OverlayCard/OverlayCard.context.js';
 
 const UserFieldEditorView = ({ onClickClose, onSubmit, fields, submitText, subtitle, title, }) => {
     // Treat undefined props

package/src/lib/views/WalletCannotBeTransferredView/WalletCannotBeTransferredView.cjs

@@ -49,6 +49,7 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
 
 const WalletCannotBeTransferredView = () => {
     const [walletAddress, setWalletAddress] = React.useState(undefined);
@@ -62,7 +63,7 @@ const WalletCannotBeTransferredView = () => {
         _fetchPublicAddress();
     }, [walletConnector]);
     const _shortenWalletAddress = shortenWalletAddress.shortenWalletAddress(walletAddress);
-    return (jsxRuntime.jsxs("div", Object.assign({ className: 'wallet-cannot-be-transferred-view__container' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'wallet-cannot-be-transferred-view__title', as: 'h6', variant: 'title', color: 'primary', weight: 'medium' }, { children: "Cannot link this wallet to a new account" })), jsxRuntime.jsx("div", Object.assign({ className: 'wallet-cannot-be-transferred-view__icon' }, { children: jsxRuntime.jsx(walletBook.WalletIcon, { walletName: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.name, width: 64, height: 64 }) })), jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'wallet-cannot-be-transferred-view__shorten-wallet-address', variant: 'body_normal', weight: 'regular', color: 'primary' }, { children: _shortenWalletAddress })), jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'wallet-cannot-be-transferred-view__copy', variant: 'body_normal', color: 'secondary', weight: 'regular' }, { children: "This wallet is the only wallet in your other account. You cannot transfer it, since then you will lose access to that account." })), jsxRuntime.jsx(Button.Button, Object.assign({ buttonClassName: 'wallet-cannot-be-transferred-view__transfer-alt-wallet-button', buttonVariant: 'primary', buttonRounded: 'default', expanded: true, buttonPadding: 'large', onClick: goToInitialView, dataTestId: 'wallet-cannot-be-transferred-view-transfer-alt-wallet' }, { children: "Transfer a different wallet" })), jsxRuntime.jsx(Button.Button, Object.assign({ dataTestId: 'wallet-cannot-be-transferred-view-cancel', buttonPadding: 'small', buttonClassName: 'wallet-cannot-be-transferred-view__cancel', buttonRounded: 'small', onClick: goToInitialView }, { children: "Cancel" }))] })));
+    return (jsxRuntime.jsxs("div", Object.assign({ className: 'wallet-cannot-be-transferred-view__container' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'wallet-cannot-be-transferred-view__title', as: 'h6', variant: 'title', color: 'primary', weight: 'medium' }, { children: "Cannot link this wallet to a new account" })), jsxRuntime.jsx("div", Object.assign({ className: 'wallet-cannot-be-transferred-view__icon' }, { children: jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key, width: 64, height: 64 }) })), jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'wallet-cannot-be-transferred-view__shorten-wallet-address', variant: 'body_normal', weight: 'regular', color: 'primary' }, { children: _shortenWalletAddress })), jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'wallet-cannot-be-transferred-view__copy', variant: 'body_normal', color: 'secondary', weight: 'regular' }, { children: "This wallet is the only wallet in your other account. You cannot transfer it, since then you will lose access to that account." })), jsxRuntime.jsx(Button.Button, Object.assign({ buttonClassName: 'wallet-cannot-be-transferred-view__transfer-alt-wallet-button', buttonVariant: 'primary', buttonRounded: 'default', expanded: true, buttonPadding: 'large', onClick: goToInitialView, dataTestId: 'wallet-cannot-be-transferred-view-transfer-alt-wallet' }, { children: "Transfer a different wallet" })), jsxRuntime.jsx(Button.Button, Object.assign({ dataTestId: 'wallet-cannot-be-transferred-view-cancel', buttonPadding: 'small', buttonClassName: 'wallet-cannot-be-transferred-view__cancel', buttonRounded: 'small', onClick: goToInitialView }, { children: "Cancel" }))] })));
 };
 
 exports.WalletCannotBeTransferredView = WalletCannotBeTransferredView;

package/src/lib/views/WalletCannotBeTransferredView/WalletCannotBeTransferredView.js

@@ -45,6 +45,7 @@ import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
+import '../../components/OverlayCard/OverlayCard.context.js';
 
 const WalletCannotBeTransferredView = () => {
     const [walletAddress, setWalletAddress] = useState(undefined);
@@ -58,7 +59,7 @@ const WalletCannotBeTransferredView = () => {
         _fetchPublicAddress();
     }, [walletConnector]);
     const _shortenWalletAddress = shortenWalletAddress(walletAddress);
-    return (jsxs("div", Object.assign({ className: 'wallet-cannot-be-transferred-view__container' }, { children: [jsx(Typography, Object.assign({ className: 'wallet-cannot-be-transferred-view__title', as: 'h6', variant: 'title', color: 'primary', weight: 'medium' }, { children: "Cannot link this wallet to a new account" })), jsx("div", Object.assign({ className: 'wallet-cannot-be-transferred-view__icon' }, { children: jsx(WalletIcon, { walletName: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.name, width: 64, height: 64 }) })), jsx(Typography, Object.assign({ className: 'wallet-cannot-be-transferred-view__shorten-wallet-address', variant: 'body_normal', weight: 'regular', color: 'primary' }, { children: _shortenWalletAddress })), jsx(Typography, Object.assign({ className: 'wallet-cannot-be-transferred-view__copy', variant: 'body_normal', color: 'secondary', weight: 'regular' }, { children: "This wallet is the only wallet in your other account. You cannot transfer it, since then you will lose access to that account." })), jsx(Button, Object.assign({ buttonClassName: 'wallet-cannot-be-transferred-view__transfer-alt-wallet-button', buttonVariant: 'primary', buttonRounded: 'default', expanded: true, buttonPadding: 'large', onClick: goToInitialView, dataTestId: 'wallet-cannot-be-transferred-view-transfer-alt-wallet' }, { children: "Transfer a different wallet" })), jsx(Button, Object.assign({ dataTestId: 'wallet-cannot-be-transferred-view-cancel', buttonPadding: 'small', buttonClassName: 'wallet-cannot-be-transferred-view__cancel', buttonRounded: 'small', onClick: goToInitialView }, { children: "Cancel" }))] })));
+    return (jsxs("div", Object.assign({ className: 'wallet-cannot-be-transferred-view__container' }, { children: [jsx(Typography, Object.assign({ className: 'wallet-cannot-be-transferred-view__title', as: 'h6', variant: 'title', color: 'primary', weight: 'medium' }, { children: "Cannot link this wallet to a new account" })), jsx("div", Object.assign({ className: 'wallet-cannot-be-transferred-view__icon' }, { children: jsx(WalletIcon, { walletKey: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key, width: 64, height: 64 }) })), jsx(Typography, Object.assign({ className: 'wallet-cannot-be-transferred-view__shorten-wallet-address', variant: 'body_normal', weight: 'regular', color: 'primary' }, { children: _shortenWalletAddress })), jsx(Typography, Object.assign({ className: 'wallet-cannot-be-transferred-view__copy', variant: 'body_normal', color: 'secondary', weight: 'regular' }, { children: "This wallet is the only wallet in your other account. You cannot transfer it, since then you will lose access to that account." })), jsx(Button, Object.assign({ buttonClassName: 'wallet-cannot-be-transferred-view__transfer-alt-wallet-button', buttonVariant: 'primary', buttonRounded: 'default', expanded: true, buttonPadding: 'large', onClick: goToInitialView, dataTestId: 'wallet-cannot-be-transferred-view-transfer-alt-wallet' }, { children: "Transfer a different wallet" })), jsx(Button, Object.assign({ dataTestId: 'wallet-cannot-be-transferred-view-cancel', buttonPadding: 'small', buttonClassName: 'wallet-cannot-be-transferred-view__cancel', buttonRounded: 'small', onClick: goToInitialView }, { children: "Cancel" }))] })));
 };
 
 export { WalletCannotBeTransferredView };

package/src/lib/views/WalletGroupView/WalletGroupView.cjs

@@ -15,7 +15,7 @@ const WalletGroupView = () => {
     if (!selectedWalletGroup)
         throw new Error('Could not access WalletGroup view without selected group');
     const walletBookData = walletBook.getWalletGroup(walletBook$1, selectedWalletGroup === null || selectedWalletGroup === void 0 ? void 0 : selectedWalletGroup.key);
-    return (jsxRuntime.jsx(SelectWalletChainLayout.SelectWalletChainLayout, Object.assign({ HeaderIcon: jsxRuntime.jsx(walletBook.WalletIcon, { walletName: (_a = walletBookData.brand) === null || _a === void 0 ? void 0 : _a.spriteId }) }, { children: selectedWalletGroup.groupedWallets.map((wallet) => (jsxRuntime.jsx(WalletGroupItem.WalletGroupItem, { wallet: wallet }, wallet.key))) })));
+    return (jsxRuntime.jsx(SelectWalletChainLayout.SelectWalletChainLayout, Object.assign({ HeaderIcon: jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: (_a = walletBookData.brand) === null || _a === void 0 ? void 0 : _a.spriteId }) }, { children: selectedWalletGroup.groupedWallets.map((wallet) => (jsxRuntime.jsx(WalletGroupItem.WalletGroupItem, { wallet: wallet }, wallet.key))) })));
 };
 
 exports.WalletGroupView = WalletGroupView;

package/src/lib/views/WalletGroupView/WalletGroupView.js

@@ -11,7 +11,7 @@ const WalletGroupView = () => {
     if (!selectedWalletGroup)
         throw new Error('Could not access WalletGroup view without selected group');
     const walletBookData = getWalletGroup(walletBook, selectedWalletGroup === null || selectedWalletGroup === void 0 ? void 0 : selectedWalletGroup.key);
-    return (jsx(SelectWalletChainLayout, Object.assign({ HeaderIcon: jsx(WalletIcon, { walletName: (_a = walletBookData.brand) === null || _a === void 0 ? void 0 : _a.spriteId }) }, { children: selectedWalletGroup.groupedWallets.map((wallet) => (jsx(WalletGroupItem, { wallet: wallet }, wallet.key))) })));
+    return (jsx(SelectWalletChainLayout, Object.assign({ HeaderIcon: jsx(WalletIcon, { walletKey: (_a = walletBookData.brand) === null || _a === void 0 ? void 0 : _a.spriteId }) }, { children: selectedWalletGroup.groupedWallets.map((wallet) => (jsx(WalletGroupItem, { wallet: wallet }, wallet.key))) })));
 };
 
 export { WalletGroupView };

package/src/lib/views/WalletList/SearchNotFoundMessage/SearchNotFoundMessage.cjs

@@ -47,6 +47,7 @@ require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../components/OverlayCard/OverlayCard.context.cjs');
 
 const SearchNotFoundMessage = ({ title, subtitle, image, }) => (jsxRuntime.jsxs("div", Object.assign({ className: 'search-instead__container' }, { children: [image && (jsxRuntime.jsx(Icon.Icon, Object.assign({ className: 'search-instead__container__image', color: 'text-tertiary' }, { children: image }))), jsxRuntime.jsx(Typography.Typography, Object.assign({ color: 'secondary', variant: 'body_small', weight: 'regular' }, { children: title || "Don't see your wallet?" })), jsxRuntime.jsx(Typography.Typography, Object.assign({ color: 'primary', variant: 'button_primary', weight: 'regular' }, { children: subtitle || 'Try search instead' }))] })));
 

package/src/lib/views/WalletList/SearchNotFoundMessage/SearchNotFoundMessage.js

@@ -43,6 +43,7 @@ import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import '../../../components/InlineWidget/InlineWidget.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../components/OverlayCard/OverlayCard.context.js';
 
 const SearchNotFoundMessage = ({ title, subtitle, image, }) => (jsxs("div", Object.assign({ className: 'search-instead__container' }, { children: [image && (jsx(Icon, Object.assign({ className: 'search-instead__container__image', color: 'text-tertiary' }, { children: image }))), jsx(Typography, Object.assign({ color: 'secondary', variant: 'body_small', weight: 'regular' }, { children: title || "Don't see your wallet?" })), jsx(Typography, Object.assign({ color: 'primary', variant: 'button_primary', weight: 'regular' }, { children: subtitle || 'Try search instead' }))] })));
 

package/src/lib/views/WalletList/WalletListItem/WalletListItem.cjs

@@ -53,6 +53,7 @@ require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../components/OverlayCard/OverlayCard.context.cjs');
 var Badge = require('../../../components/Badge/Badge.cjs');
 var isWalletGroup = require('../../../utils/functions/walletListBuilder/utils/isWalletGroup/isWalletGroup.cjs');
 var WalletGroupContext = require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
@@ -80,8 +81,8 @@ const WalletListItem = ({ disabled = false, usingMultiWallet, wallet, onResetSea
     });
     const name = _isWalletGroup
         ? walletBook.getWalletGroup(walletBook$1, wallet.key).name
-        : walletBook.getWalletBookWallet(walletBook$1, wallet.name).name;
-    const leading = (jsxRuntime.jsx(walletBook.WalletIcon, { className: 'wallet-list-item__leading', walletName: wallet.name, style: { height: pixelToRem.pixelToRem(28), width: pixelToRem.pixelToRem(28) } }));
+        : walletBook.getWalletBookWallet(walletBook$1, wallet.key).name;
+    const leading = (jsxRuntime.jsx(walletBook.WalletIcon, { className: 'wallet-list-item__leading', walletKey: wallet.key, style: { height: pixelToRem.pixelToRem(28), width: pixelToRem.pixelToRem(28) } }));
     const trailing = (jsxRuntime.jsxs("div", Object.assign({ className: 'wallet-list-item__trailing' }, { children: [label && (jsxRuntime.jsx("div", Object.assign({ className: classNames.classNames('trailing__child', {
                     trailing__label: !isComingSoon,
                 }) }, { children: jsxRuntime.jsx(Badge.Badge, { dot: !isComingSoon, text: label, className: 'trailing__badge' }) }))), !isComingSoon && (jsxRuntime.jsx("div", Object.assign({ className: 'trailing__child trailing__arrow' }, { children: jsxRuntime.jsx(Icon.Icon, Object.assign({ color: 'text-tertiary', size: 'small' }, { children: jsxRuntime.jsx(stroke.ReactComponent, {}) })) })))] })));

package/src/lib/views/WalletList/WalletListItem/WalletListItem.js

@@ -49,6 +49,7 @@ import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import '../../../components/InlineWidget/InlineWidget.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../components/OverlayCard/OverlayCard.context.js';
 import { Badge } from '../../../components/Badge/Badge.js';
 import { isWalletGroup } from '../../../utils/functions/walletListBuilder/utils/isWalletGroup/isWalletGroup.js';
 import { useWalletGroupContext } from '../../../context/WalletGroupContext/WalletGroupContext.js';
@@ -76,8 +77,8 @@ const WalletListItem = ({ disabled = false, usingMultiWallet, wallet, onResetSea
     });
     const name = _isWalletGroup
         ? getWalletGroup(walletBook, wallet.key).name
-        : getWalletBookWallet(walletBook, wallet.name).name;
-    const leading = (jsx(WalletIcon, { className: 'wallet-list-item__leading', walletName: wallet.name, style: { height: pixelToRem(28), width: pixelToRem(28) } }));
+        : getWalletBookWallet(walletBook, wallet.key).name;
+    const leading = (jsx(WalletIcon, { className: 'wallet-list-item__leading', walletKey: wallet.key, style: { height: pixelToRem(28), width: pixelToRem(28) } }));
     const trailing = (jsxs("div", Object.assign({ className: 'wallet-list-item__trailing' }, { children: [label && (jsx("div", Object.assign({ className: classNames('trailing__child', {
                     trailing__label: !isComingSoon,
                 }) }, { children: jsx(Badge, { dot: !isComingSoon, text: label, className: 'trailing__badge' }) }))), !isComingSoon && (jsx("div", Object.assign({ className: 'trailing__child trailing__arrow' }, { children: jsx(Icon, Object.assign({ color: 'text-tertiary', size: 'small' }, { children: jsx(SvgStroke, {}) })) })))] })));

package/src/lib/views/WalletLockedView/WalletLockedView.cjs

@@ -53,6 +53,7 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 var Divider = require('../../components/Divider/Divider.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
 
 const iconSize = 64;
 const WalletLockedView = () => {
@@ -75,7 +76,7 @@ const WalletLockedView = () => {
             logger.logger.info('could not connect wallet');
         }
     });
-    const icon = (jsxRuntime.jsx(walletBook.WalletIcon, { walletName: primaryWallet.connector.name, style: {
+    const icon = (jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: primaryWallet.connector.key, style: {
             height: pixelToRem.pixelToRem(iconSize * IconWithSpinner.iconRatio),
             width: pixelToRem.pixelToRem(iconSize * IconWithSpinner.iconRatio),
         } }));

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

@@ -49,6 +49,7 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 import { Divider } from '../../components/Divider/Divider.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
+import '../../components/OverlayCard/OverlayCard.context.js';
 
 const iconSize = 64;
 const WalletLockedView = () => {
@@ -71,7 +72,7 @@ const WalletLockedView = () => {
             logger.info('could not connect wallet');
         }
     });
-    const icon = (jsx(WalletIcon, { walletName: primaryWallet.connector.name, style: {
+    const icon = (jsx(WalletIcon, { walletKey: primaryWallet.connector.key, style: {
             height: pixelToRem(iconSize * iconRatio),
             width: pixelToRem(iconSize * iconRatio),
         } }));

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

@@ -51,6 +51,7 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
 
 const WalletSignSpinnerView = () => {
     const { goToInitialView } = ViewContext.useViewContext();
@@ -58,7 +59,7 @@ const WalletSignSpinnerView = () => {
     if (!walletConnector) {
         return null;
     }
-    const { name } = walletConnector;
+    const { key } = walletConnector;
     const iconSize = 80;
     const handleClose = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         goToInitialView();
@@ -66,7 +67,7 @@ const WalletSignSpinnerView = () => {
         setSelectedWalletConnector(null);
         yield (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.endSession());
     });
-    const icon = (jsxRuntime.jsx(walletBook.WalletIcon, { walletName: name, style: {
+    const icon = (jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: key, style: {
             height: pixelToRem.pixelToRem(iconSize * IconWithSpinner.iconRatio),
             width: pixelToRem.pixelToRem(iconSize * IconWithSpinner.iconRatio),
         } }));

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

@@ -47,6 +47,7 @@ import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
+import '../../components/OverlayCard/OverlayCard.context.js';
 
 const WalletSignSpinnerView = () => {
     const { goToInitialView } = useViewContext();
@@ -54,7 +55,7 @@ const WalletSignSpinnerView = () => {
     if (!walletConnector) {
         return null;
     }
-    const { name } = walletConnector;
+    const { key } = walletConnector;
     const iconSize = 80;
     const handleClose = () => __awaiter(void 0, void 0, void 0, function* () {
         goToInitialView();
@@ -62,7 +63,7 @@ const WalletSignSpinnerView = () => {
         setSelectedWalletConnector(null);
         yield (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.endSession());
     });
-    const icon = (jsx(WalletIcon, { walletName: name, style: {
+    const icon = (jsx(WalletIcon, { walletKey: key, style: {
             height: pixelToRem(iconSize * iconRatio),
             width: pixelToRem(iconSize * iconRatio),
         } }));

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

@@ -57,6 +57,7 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
 var LoadingContext = require('../../context/LoadingContext/LoadingContext.cjs');
 
 const WalletUsedView = () => {
@@ -144,7 +145,7 @@ const WalletUsedView = () => {
             setMultiWalletWidgetState('idle');
         }
     });
-    return (jsxRuntime.jsxs("div", Object.assign({ className: 'wallet-used-view__container' }, { children: [jsxRuntime.jsx("div", Object.assign({ className: 'wallet-used-view__icon' }, { children: jsxRuntime.jsx(walletBook.WalletIcon, { walletName: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.name, width: 64, height: 64 }) })), jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'wallet-used-view__shorten-wallet-address', variant: 'body_normal', weight: 'regular', color: 'primary' }, { children: _shortenWalletAddress })), jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'wallet-used-view__title', as: 'h6', variant: 'title', color: 'primary', weight: 'medium' }, { children: "Your wallet is already linked to another account" })), jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'wallet-used-view__copy', variant: 'body_normal', color: 'secondary', weight: 'regular' }, { children: "Linking your wallet to this account will unlink it from its previously associated account" })), isSingleWalletAccount && (jsxRuntime.jsxs("label", Object.assign({ htmlFor: 'skipEmptyAccountCheck', className: 'wallet-used-view__checkbox-label' }, { children: [jsxRuntime.jsx(Checkbox.Checkbox, { id: 'skipEmptyAccountCheck', className: 'wallet-used-view__checkbox-container', defaultChecked: isChecked, onChange: () => setIsChecked(!isChecked), ariaLabel: 'skip empty account check' }), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_small', color: 'secondary' }, { children: "I understand that linking this wallet means that I will lose access to the other account." }))] }))), jsxRuntime.jsx(Button.Button, Object.assign({ buttonClassName: 'wallet-used-view__accept-button', buttonVariant: 'primary', buttonRounded: 'default', expanded: true, buttonPadding: 'large', onClick: () => handleWalletTransfer(), disabled: (!isChecked && isSingleWalletAccount) || loading, dataTestId: 'wallet-used-view-transfer-wallet' }, { children: "Link wallet to current account" })), jsxRuntime.jsx(Button.Button, Object.assign({ dataTestId: 'wallet-used-view-log-out', buttonPadding: 'small', buttonClassName: 'wallet-used-view__logout', buttonRounded: 'small', onClick: handleLogOut }, { children: "Log out" }))] })));
+    return (jsxRuntime.jsxs("div", Object.assign({ className: 'wallet-used-view__container' }, { children: [jsxRuntime.jsx("div", Object.assign({ className: 'wallet-used-view__icon' }, { children: jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key, width: 64, height: 64 }) })), jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'wallet-used-view__shorten-wallet-address', variant: 'body_normal', weight: 'regular', color: 'primary' }, { children: _shortenWalletAddress })), jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'wallet-used-view__title', as: 'h6', variant: 'title', color: 'primary', weight: 'medium' }, { children: "Your wallet is already linked to another account" })), jsxRuntime.jsx(Typography.Typography, Object.assign({ className: 'wallet-used-view__copy', variant: 'body_normal', color: 'secondary', weight: 'regular' }, { children: "Linking your wallet to this account will unlink it from its previously associated account" })), isSingleWalletAccount && (jsxRuntime.jsxs("label", Object.assign({ htmlFor: 'skipEmptyAccountCheck', className: 'wallet-used-view__checkbox-label' }, { children: [jsxRuntime.jsx(Checkbox.Checkbox, { id: 'skipEmptyAccountCheck', className: 'wallet-used-view__checkbox-container', defaultChecked: isChecked, onChange: () => setIsChecked(!isChecked), ariaLabel: 'skip empty account check' }), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_small', color: 'secondary' }, { children: "I understand that linking this wallet means that I will lose access to the other account." }))] }))), jsxRuntime.jsx(Button.Button, Object.assign({ buttonClassName: 'wallet-used-view__accept-button', buttonVariant: 'primary', buttonRounded: 'default', expanded: true, buttonPadding: 'large', onClick: () => handleWalletTransfer(), disabled: (!isChecked && isSingleWalletAccount) || loading, dataTestId: 'wallet-used-view-transfer-wallet' }, { children: "Link wallet to current account" })), jsxRuntime.jsx(Button.Button, Object.assign({ dataTestId: 'wallet-used-view-log-out', buttonPadding: 'small', buttonClassName: 'wallet-used-view__logout', buttonRounded: 'small', onClick: handleLogOut }, { children: "Log out" }))] })));
 };
 
 exports.WalletUsedView = WalletUsedView;

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

@@ -53,6 +53,7 @@ import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
+import '../../components/OverlayCard/OverlayCard.context.js';
 import { useLoadingContext } from '../../context/LoadingContext/LoadingContext.js';
 
 const WalletUsedView = () => {
@@ -140,7 +141,7 @@ const WalletUsedView = () => {
             setMultiWalletWidgetState('idle');
         }
     });
-    return (jsxs("div", Object.assign({ className: 'wallet-used-view__container' }, { children: [jsx("div", Object.assign({ className: 'wallet-used-view__icon' }, { children: jsx(WalletIcon, { walletName: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.name, width: 64, height: 64 }) })), jsx(Typography, Object.assign({ className: 'wallet-used-view__shorten-wallet-address', variant: 'body_normal', weight: 'regular', color: 'primary' }, { children: _shortenWalletAddress })), jsx(Typography, Object.assign({ className: 'wallet-used-view__title', as: 'h6', variant: 'title', color: 'primary', weight: 'medium' }, { children: "Your wallet is already linked to another account" })), jsx(Typography, Object.assign({ className: 'wallet-used-view__copy', variant: 'body_normal', color: 'secondary', weight: 'regular' }, { children: "Linking your wallet to this account will unlink it from its previously associated account" })), isSingleWalletAccount && (jsxs("label", Object.assign({ 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, Object.assign({ variant: 'body_small', color: 'secondary' }, { children: "I understand that linking this wallet means that I will lose access to the other account." }))] }))), jsx(Button, Object.assign({ buttonClassName: 'wallet-used-view__accept-button', buttonVariant: 'primary', buttonRounded: 'default', expanded: true, buttonPadding: 'large', onClick: () => handleWalletTransfer(), disabled: (!isChecked && isSingleWalletAccount) || loading, dataTestId: 'wallet-used-view-transfer-wallet' }, { children: "Link wallet to current account" })), jsx(Button, Object.assign({ dataTestId: 'wallet-used-view-log-out', buttonPadding: 'small', buttonClassName: 'wallet-used-view__logout', buttonRounded: 'small', onClick: handleLogOut }, { children: "Log out" }))] })));
+    return (jsxs("div", Object.assign({ className: 'wallet-used-view__container' }, { children: [jsx("div", Object.assign({ className: 'wallet-used-view__icon' }, { children: jsx(WalletIcon, { walletKey: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key, width: 64, height: 64 }) })), jsx(Typography, Object.assign({ className: 'wallet-used-view__shorten-wallet-address', variant: 'body_normal', weight: 'regular', color: 'primary' }, { children: _shortenWalletAddress })), jsx(Typography, Object.assign({ className: 'wallet-used-view__title', as: 'h6', variant: 'title', color: 'primary', weight: 'medium' }, { children: "Your wallet is already linked to another account" })), jsx(Typography, Object.assign({ className: 'wallet-used-view__copy', variant: 'body_normal', color: 'secondary', weight: 'regular' }, { children: "Linking your wallet to this account will unlink it from its previously associated account" })), isSingleWalletAccount && (jsxs("label", Object.assign({ 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, Object.assign({ variant: 'body_small', color: 'secondary' }, { children: "I understand that linking this wallet means that I will lose access to the other account." }))] }))), jsx(Button, Object.assign({ buttonClassName: 'wallet-used-view__accept-button', buttonVariant: 'primary', buttonRounded: 'default', expanded: true, buttonPadding: 'large', onClick: () => handleWalletTransfer(), disabled: (!isChecked && isSingleWalletAccount) || loading, dataTestId: 'wallet-used-view-transfer-wallet' }, { children: "Link wallet to current account" })), jsx(Button, Object.assign({ dataTestId: 'wallet-used-view-log-out', buttonPadding: 'small', buttonClassName: 'wallet-used-view__logout', buttonRounded: 'small', onClick: handleLogOut }, { children: "Log out" }))] })));
 };
 
 export { WalletUsedView };

package/src/lib/views/viewToComponentMap.cjs

@@ -48,6 +48,7 @@ const viewToComponentMap = {
     '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, {}),

package/src/lib/views/viewToComponentMap.js

@@ -44,6 +44,7 @@ const viewToComponentMap = {
     '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, {}),

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

@@ -50,6 +50,7 @@ require('../../components/Popper/PopperContext/PopperContext.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/OverlayCard/OverlayCard.context.cjs');
 var DynamicBridgeUserProfile = require('./components/DynamicBridgeUserProfile/DynamicBridgeUserProfile.cjs');
 var DynamicBridgeWidgetContext = require('./context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
 

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

@@ -46,6 +46,7 @@ import '../../components/Popper/PopperContext/PopperContext.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/OverlayCard/OverlayCard.context.js';
 import { DynamicBridgeUserProfile } from './components/DynamicBridgeUserProfile/DynamicBridgeUserProfile.js';
 import { useDynamicBridgeWidgetContext } from './context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
 

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

@@ -51,6 +51,7 @@ require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../../components/OverlayCard/OverlayCard.context.cjs');
 
 const options = [
     {

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

@@ -47,6 +47,7 @@ import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../../components/OverlayCard/OverlayCard.context.js';
 
 const options = [
     {

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

@@ -47,6 +47,7 @@ require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../../components/OverlayCard/OverlayCard.context.cjs');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -43,6 +43,7 @@ import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../../components/OverlayCard/OverlayCard.context.js';
 
 const DynamicBridgeWalletCard = ({ className, networkIcon, networkName, children }) => (jsxs("div", Object.assign({ className: classNames('dynamic-bridge-wallet-card', className) }, { children: [jsxs("div", Object.assign({ className: 'dynamic-bridge-wallet-card__network' }, { children: [networkIcon &&
                     React__default.cloneElement(networkIcon, {

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

@@ -46,10 +46,11 @@ require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
 var WalletInformationCard = require('../../../../components/WalletInformationCard/WalletInformationCard.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../../components/OverlayCard/OverlayCard.context.cjs');
 var DotsMenu = require('../../../DynamicWidget/components/DotsMenu/DotsMenu.cjs');
 var useFetchNameService = require('../../../DynamicWidget/hooks/useFetchNameService/useFetchNameService.cjs');
 
-const DynamicBridgeWalletCardBody = ({ walletAddress, walletBalance, walletName, onUnlinkClick }) => {
+const DynamicBridgeWalletCardBody = ({ walletAddress, walletBalance, walletKey, onUnlinkClick }) => {
     const nameService = useFetchNameService.useFetchNameService(walletAddress);
     const options = [
         {
@@ -71,7 +72,7 @@ const DynamicBridgeWalletCardBody = ({ walletAddress, walletBalance, walletName,
             text: 'Disconnect',
         },
     ];
-    return (jsxRuntime.jsx(WalletInformationCard.WalletInformationCard, { ens: nameService === null || nameService === void 0 ? void 0 : nameService.name, address: walletAddress, icon: jsxRuntime.jsx(walletBook.WalletIcon, { walletName: walletName }), balance: walletBalance, menu: jsxRuntime.jsx(DotsMenu.DotsMenu, { options: options }) }));
+    return (jsxRuntime.jsx(WalletInformationCard.WalletInformationCard, { ens: nameService === null || nameService === void 0 ? void 0 : nameService.name, address: walletAddress, icon: jsxRuntime.jsx(walletBook.WalletIcon, { walletKey: walletKey }), balance: walletBalance, menu: jsxRuntime.jsx(DotsMenu.DotsMenu, { options: options }) }));
 };
 
 exports.DynamicBridgeWalletCardBody = DynamicBridgeWalletCardBody;

package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeWalletCardBody/DynamicBridgeWalletCardBody.d.ts

@@ -1,6 +1,6 @@
 import { FC, ReactElement } from 'react';
 export type DynamicBridgeWalletCardBodyProps = {
-    walletName: string;
+    walletKey: string;
     walletAddress: string;
     walletBalance?: ReactElement;
     onUnlinkClick?: () => void;

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

@@ -42,10 +42,11 @@ import '../../../../components/Popper/PopperContext/PopperContext.js';
 import '../../../../components/InlineWidget/InlineWidget.js';
 import { WalletInformationCard } from '../../../../components/WalletInformationCard/WalletInformationCard.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../../components/OverlayCard/OverlayCard.context.js';
 import { DotsMenu } from '../../../DynamicWidget/components/DotsMenu/DotsMenu.js';
 import { useFetchNameService } from '../../../DynamicWidget/hooks/useFetchNameService/useFetchNameService.js';
 
-const DynamicBridgeWalletCardBody = ({ walletAddress, walletBalance, walletName, onUnlinkClick }) => {
+const DynamicBridgeWalletCardBody = ({ walletAddress, walletBalance, walletKey, onUnlinkClick }) => {
     const nameService = useFetchNameService(walletAddress);
     const options = [
         {
@@ -67,7 +68,7 @@ const DynamicBridgeWalletCardBody = ({ walletAddress, walletBalance, walletName,
             text: 'Disconnect',
         },
     ];
-    return (jsx(WalletInformationCard, { ens: nameService === null || nameService === void 0 ? void 0 : nameService.name, address: walletAddress, icon: jsx(WalletIcon, { walletName: walletName }), balance: walletBalance, menu: jsx(DotsMenu, { options: options }) }));
+    return (jsx(WalletInformationCard, { ens: nameService === null || nameService === void 0 ? void 0 : nameService.name, address: walletAddress, icon: jsx(WalletIcon, { walletKey: walletKey }), balance: walletBalance, menu: jsx(DotsMenu, { options: options }) }));
 };
 
 export { DynamicBridgeWalletCardBody };

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

@@ -47,6 +47,7 @@ require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../../components/OverlayCard/OverlayCard.context.cjs');
 
 const DynamicBridgeWidgetEmptyCard = ({ chain }) => {
     const { walletsToConnectByChain, setShowAuthFlow, setShowBridgeWidget, setBridgeChainToConnect, } = useInternalDynamicContext.useInternalDynamicContext();