npm - @dynamic-labs/sdk-react-core - Versions diffs - 0.19.0-alpha.5 → 0.19.0-alpha.7 - Mend

@dynamic-labs/sdk-react-core 0.19.0-alpha.5 → 0.19.0-alpha.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (373) hide show

package/src/lib/views/LoginView/sections/index.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export * from './EmailSignInSection';
+export * from './LoginWidget';
+export * from './WalletSignInSection';
+export * from './SocialSignInSection';

package/src/lib/views/LoginView/useLoginView.cjs CHANGED Viewed

@@ -3,12 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
+var reactI18next = require('react-i18next');
 var sdkApi = require('@dynamic-labs/sdk-api');
 var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
 const NUMBER_OF_WALLETS = 3;
 const useLoginView = () => {
     const { projectSettings, authorizationViewDisplayOrder, loginWithEmail, wallets, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { t } = reactI18next.useTranslation();
     const isWalletOnly = React.useMemo(() => {
         var _a, _b, _c, _d, _e, _f;
         if (!projectSettings) {
@@ -31,18 +33,27 @@ const useLoginView = () => {
      * @returns SdkViewSection[]
      */
     const getEmailViewSectionDefinition = () => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         const loginViewSections = [
             {
                 type: sdkApi.SdkViewSectionType.Email,
             },
         ];
-        if ((_c = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.socialSignIn) === null || _b === void 0 ? void 0 : _b.providers) === null || _c === void 0 ? void 0 : _c.length) {
-            const numOfProvidersToDisplay = projectSettings.sdk.socialSignIn.providers.filter((provider) => provider.enabled).length;
+        const numOfProvidersToDisplay = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.socialSignIn) === null || _a === void 0 ? void 0 : _a.providers) === null || _b === void 0 ? void 0 : _b.filter((provider) => provider.enabled).length;
+        if (numOfProvidersToDisplay) {
             loginViewSections.push({
                 numOfItemsToDisplay: numOfProvidersToDisplay,
                 type: sdkApi.SdkViewSectionType.Social,
             });
+            if ((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal) === null || _c === void 0 ? void 0 : _c.splitEmailAndSocial) {
+                loginViewSections.splice(1, 0, {
+                    label: t('dyn_login.separators.email_or_social'),
+                    type: sdkApi.SdkViewSectionType.Separator,
+                });
+            }
+        }
+        if ((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal) === null || _d === void 0 ? void 0 : _d.socialAboveEmail) {
+            loginViewSections.reverse();
         }
         return loginViewSections;
     };
@@ -68,7 +79,9 @@ const useLoginView = () => {
             !((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) === null || _a === void 0 ? void 0 : _a.length)) {
             return [];
         }
-        const label = loginItem === 'email' ? 'Or continue with a wallet' : 'Or continue with';
+        const label = loginItem === 'email'
+            ? t('dyn_login.separators.email_or_wallets')
+            : t('dyn_login.separators.wallets_or_email');
         return [
             {
                 label,

package/src/lib/views/LoginView/useLoginView.js CHANGED Viewed

@@ -1,10 +1,12 @@
 import { useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
 import { SdkViewType, SdkViewSectionType } from '@dynamic-labs/sdk-api';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
 const NUMBER_OF_WALLETS = 3;
 const useLoginView = () => {
     const { projectSettings, authorizationViewDisplayOrder, loginWithEmail, wallets, } = useInternalDynamicContext();
+    const { t } = useTranslation();
     const isWalletOnly = useMemo(() => {
         var _a, _b, _c, _d, _e, _f;
         if (!projectSettings) {
@@ -27,18 +29,27 @@ const useLoginView = () => {
      * @returns SdkViewSection[]
      */
     const getEmailViewSectionDefinition = () => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         const loginViewSections = [
             {
                 type: SdkViewSectionType.Email,
             },
         ];
-        if ((_c = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.socialSignIn) === null || _b === void 0 ? void 0 : _b.providers) === null || _c === void 0 ? void 0 : _c.length) {
-            const numOfProvidersToDisplay = projectSettings.sdk.socialSignIn.providers.filter((provider) => provider.enabled).length;
+        const numOfProvidersToDisplay = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.socialSignIn) === null || _a === void 0 ? void 0 : _a.providers) === null || _b === void 0 ? void 0 : _b.filter((provider) => provider.enabled).length;
+        if (numOfProvidersToDisplay) {
             loginViewSections.push({
                 numOfItemsToDisplay: numOfProvidersToDisplay,
                 type: SdkViewSectionType.Social,
             });
+            if ((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal) === null || _c === void 0 ? void 0 : _c.splitEmailAndSocial) {
+                loginViewSections.splice(1, 0, {
+                    label: t('dyn_login.separators.email_or_social'),
+                    type: SdkViewSectionType.Separator,
+                });
+            }
+        }
+        if ((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design.modal) === null || _d === void 0 ? void 0 : _d.socialAboveEmail) {
+            loginViewSections.reverse();
         }
         return loginViewSections;
     };
@@ -64,7 +75,9 @@ const useLoginView = () => {
             !((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) === null || _a === void 0 ? void 0 : _a.length)) {
             return [];
         }
-        const label = loginItem === 'email' ? 'Or continue with a wallet' : 'Or continue with';
+        const label = loginItem === 'email'
+            ? t('dyn_login.separators.email_or_wallets')
+            : t('dyn_login.separators.wallets_or_email');
         return [
             {
                 label,

package/src/lib/views/MergeUserAccountsView/MergeUserAccountsView.cjs CHANGED Viewed

@@ -55,6 +55,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 MergeUserAccountsView = () => {
     const { environmentId, setUser, setOnboardingOnlyJwt, setShowAuthFlow, setCallback, primaryWallet, user, authToken, onboardingOnlyJwt, } = useInternalDynamicContext.useInternalDynamicContext();

package/src/lib/views/MergeUserAccountsView/MergeUserAccountsView.js CHANGED Viewed

@@ -51,6 +51,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 MergeUserAccountsView = () => {
     const { environmentId, setUser, setOnboardingOnlyJwt, setShowAuthFlow, setCallback, primaryWallet, user, authToken, onboardingOnlyJwt, } = useInternalDynamicContext();

package/src/lib/views/NetworkNotSupported/NetworkNotSupported.cjs CHANGED Viewed

@@ -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');
 var NetworkPicker = require('../../components/NetworkPicker/NetworkPicker.cjs');
 var UserAddress = require('../../components/UserAddress/UserAddress.cjs');
 var SelectNetworkButton = require('../../components/SelectNetworkButton/SelectNetworkButton.cjs');

package/src/lib/views/NetworkNotSupported/NetworkNotSupported.js CHANGED Viewed

@@ -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';
 import { NetworkPicker } from '../../components/NetworkPicker/NetworkPicker.js';
 import { UserAddress } from '../../components/UserAddress/UserAddress.js';
 import { SelectNetworkButton } from '../../components/SelectNetworkButton/SelectNetworkButton.js';

package/src/lib/views/NetworkNotSupportedSwitchManual/NetworkNotSupportedSwitchManual.cjs CHANGED Viewed

@@ -52,6 +52,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 useApplyWalletConnectorNetwork = require('../../utils/hooks/useApplyWalletConnectorNetwork/useApplyWalletConnectorNetwork.cjs');
 //   The component notifies the user about the required manual network change,

package/src/lib/views/NetworkNotSupportedSwitchManual/NetworkNotSupportedSwitchManual.js CHANGED Viewed

@@ -48,6 +48,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 { useApplyWalletConnectorNetwork } from '../../utils/hooks/useApplyWalletConnectorNetwork/useApplyWalletConnectorNetwork.js';
 //   The component notifies the user about the required manual network change,

package/src/lib/views/NoAccess/NoAccess.cjs CHANGED Viewed

@@ -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');
 var StatusDot = require('../../components/StatusDot/StatusDot.cjs');
 var getSocialNetworkIcon = require('../../utils/functions/getSocialNetworkIcon/getSocialNetworkIcon.cjs');
 var AuthProviderIcon = require('../../components/AuthProviderIcon/AuthProviderIcon.cjs');

package/src/lib/views/NoAccess/NoAccess.js CHANGED Viewed

@@ -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';
 import { StatusDot } from '../../components/StatusDot/StatusDot.js';
 import { getSocialNetworkIcon } from '../../utils/functions/getSocialNetworkIcon/getSocialNetworkIcon.js';
 import { AuthProviderIcon } from '../../components/AuthProviderIcon/AuthProviderIcon.js';

package/src/lib/views/NoQrNotInstalledView/NoQrNotInstalledView.cjs CHANGED Viewed

@@ -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');
 var getBrowserIcon = require('../../shared/utils/functions/getBrowserIcon/getBrowserIcon.cjs');
 var WalletHelpLink = require('./WalletHelpLink.cjs');

package/src/lib/views/NoQrNotInstalledView/NoQrNotInstalledView.js CHANGED Viewed

@@ -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';
 import { getBrowserIcon } from '../../shared/utils/functions/getBrowserIcon/getBrowserIcon.js';
 import { WalletHelpLink } from './WalletHelpLink.js';

package/src/lib/views/NoQrNotInstalledView/WalletHelpLink.cjs CHANGED Viewed

@@ -46,6 +46,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 capitalize = (value) => value[0].toUpperCase() + value.slice(1);
 const WalletHelpLink = ({ name, link, Icon }) => (jsxRuntime.jsx("div", Object.assign({ className: 'wallet-help-link' }, { children: jsxRuntime.jsxs("a", Object.assign({ className: 'wallet-help-link__anchor', href: link, target: '_blank', rel: 'noreferrer' }, { children: [jsxRuntime.jsx(Icon, { style: {

package/src/lib/views/NoQrNotInstalledView/WalletHelpLink.js CHANGED Viewed

@@ -42,6 +42,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 capitalize = (value) => value[0].toUpperCase() + value.slice(1);
 const WalletHelpLink = ({ name, link, Icon }) => (jsx("div", Object.assign({ className: 'wallet-help-link' }, { children: jsxs("a", Object.assign({ className: 'wallet-help-link__anchor', href: link, target: '_blank', rel: 'noreferrer' }, { children: [jsx(Icon, { style: {

package/src/lib/views/PendingConnectView/PendingConnectView.cjs CHANGED Viewed

@@ -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 PendingConnectView = () => {
     const { selectedWalletConnector: walletConnector } = useInternalDynamicContext.useInternalDynamicContext();

package/src/lib/views/PendingConnectView/PendingConnectView.js CHANGED Viewed

@@ -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 PendingConnectView = () => {
     const { selectedWalletConnector: walletConnector } = useInternalDynamicContext();

package/src/lib/views/PendingSignatureView/PendingSignatureView.cjs CHANGED Viewed

@@ -54,6 +54,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 PendingSignatureView = () => {
     const [loading, setLoading] = React.useState(false);

package/src/lib/views/PendingSignatureView/PendingSignatureView.js CHANGED Viewed

@@ -50,6 +50,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 PendingSignatureView = () => {
     const [loading, setLoading] = useState(false);

package/src/lib/views/QrCodeView/QRCode.cjs CHANGED Viewed

@@ -41,6 +41,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/QrCodeView/QRCode.js CHANGED Viewed

@@ -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 '../CollectUserDataView/fieldsConfig.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';

package/src/lib/views/QrCodeView/QrCodeContainer/QrCodeContainer.cjs CHANGED Viewed

@@ -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');
 const QrCodeContainer = ({ accentColor, walletName, qrcodeValue, Icon: WalletIcon, showCopyToClipboardButton = false, desktopUri, }) => (jsxRuntime.jsxs("div", Object.assign({ className: 'qrcode-container__container' }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: 'qrcode-container__top' }, { children: [qrcodeValue ? (jsxRuntime.jsx(QRCode.QRCode, { Icon: WalletIcon, accentColor: accentColor, value: qrcodeValue, logoSize: 50, walletName: walletConnectorCore.normalizeWalletName(walletName) })) : (
                 // this div exists to give the parent a child, so that the parent

package/src/lib/views/QrCodeView/QrCodeContainer/QrCodeContainer.js CHANGED Viewed

@@ -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';
 const QrCodeContainer = ({ accentColor, walletName, qrcodeValue, Icon: WalletIcon, showCopyToClipboardButton = false, desktopUri, }) => (jsxs("div", Object.assign({ className: 'qrcode-container__container' }, { children: [jsxs("div", Object.assign({ className: 'qrcode-container__top' }, { children: [qrcodeValue ? (jsx(QRCode, { Icon: WalletIcon, accentColor: accentColor, value: qrcodeValue, logoSize: 50, walletName: normalizeWalletName(walletName) })) : (
                 // this div exists to give the parent a child, so that the parent

package/src/lib/views/QrCodeView/QrCodeView.cjs CHANGED Viewed

@@ -48,6 +48,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 QrCodeContext = require('../../context/QrCodeContext/QrCodeContext.cjs');
 var QrCodeContainer = require('./QrCodeContainer/QrCodeContainer.cjs');

package/src/lib/views/QrCodeView/QrCodeView.js CHANGED Viewed

@@ -44,6 +44,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 { useQrCodeContext } from '../../context/QrCodeContext/QrCodeContext.js';
 import { QrCodeContainer } from './QrCodeContainer/QrCodeContainer.js';

package/src/lib/views/SendBalanceView/SendBalanceView.cjs CHANGED Viewed

@@ -41,6 +41,7 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 var SendBalancePageLayout = require('../../components/SendBalancePageLayout/SendBalancePageLayout.cjs');
 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 TransactionStatusLayout = require('../../components/TransactionStatusLayout/TransactionStatusLayout.cjs');
 var TransactionStage = require('./components/TransactionStage/TransactionStage.cjs');

package/src/lib/views/SendBalanceView/SendBalanceView.js CHANGED Viewed

@@ -37,6 +37,7 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 import { SendBalancePageLayout } from '../../components/SendBalancePageLayout/SendBalancePageLayout.js';
 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 { TransactionStatusLayout } from '../../components/TransactionStatusLayout/TransactionStatusLayout.js';
 import { TransactionStage } from './components/TransactionStage/TransactionStage.js';

package/src/lib/views/SendBalanceView/components/TransactionStage/TransactionStage.cjs CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -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');
 var SocialRedirectContext = require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 const SocialRedirectView = () => {

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

@@ -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';
 import { useSocialRedirectContext } from '../../context/SocialRedirectContext/SocialRedirectContext.js';
 const SocialRedirectView = () => {

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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);

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

@@ -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);

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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');

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

@@ -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';

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

@@ -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 = () => {

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

@@ -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 = () => {

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

@@ -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();

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

@@ -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();

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

@@ -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 = () => {

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

@@ -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 = () => {

package/src/lib/views/viewToComponentMap.cjs CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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, {}),