@dynamic-labs/sdk-react-core 0.19.0-alpha.11 → 0.19.0-alpha.12

package/src/lib/shared/assets/android-touch-id.js

@@ -0,0 +1,27 @@
+import * as React from 'react';
+
+var _path;
+var _excluded = ["title", "titleId"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var SvgAndroidTouchId = function SvgAndroidTouchId(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 64,
+    height: 64,
+    viewBox: "0 0 64 64",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "M47.493 11.92c-.213 0-.426-.053-.613-.16C41.76 9.12 37.333 8 32.027 8c-5.28 0-10.294 1.253-14.854 3.76-.64.347-1.44.107-1.813-.533a1.35 1.35 0 0 1 .533-1.814c4.96-2.693 10.4-4.08 16.134-4.08 5.68 0 10.64 1.254 16.08 4.054.666.346.906 1.146.56 1.786-.24.48-.694.747-1.174.747Zm-38.16 14a1.33 1.33 0 0 1-1.093-2.107c2.64-3.733 6-6.666 10-8.72 8.373-4.32 19.093-4.346 27.493-.026 4 2.053 7.36 4.96 10 8.666.427.587.294 1.44-.32 1.867a1.33 1.33 0 0 1-1.866-.32c-2.4-3.36-5.44-6-9.04-7.84-7.654-3.92-17.44-3.92-25.067.027-3.627 1.866-6.667 4.533-9.067 7.893-.213.373-.613.56-1.04.56ZM26 58.107c-.347 0-.693-.134-.933-.4-2.32-2.32-3.574-3.814-5.36-7.04-1.84-3.28-2.8-7.28-2.8-11.574 0-7.92 6.773-14.373 15.093-14.373s15.093 6.453 15.093 14.373a1.32 1.32 0 0 1-1.333 1.334 1.32 1.32 0 0 1-1.333-1.334c0-6.453-5.574-11.706-12.427-11.706S19.573 32.64 19.573 39.093c0 3.84.854 7.387 2.48 10.267 1.707 3.067 2.88 4.373 4.934 6.453a1.37 1.37 0 0 1 0 1.894c-.294.266-.64.4-.987.4Zm19.12-4.934c-3.173 0-5.973-.8-8.267-2.373-3.973-2.693-6.346-7.067-6.346-11.707a1.32 1.32 0 0 1 1.333-1.333 1.32 1.32 0 0 1 1.333 1.333c0 3.76 1.92 7.307 5.174 9.494 1.893 1.28 4.106 1.893 6.773 1.893.64 0 1.707-.08 2.773-.267a1.33 1.33 0 0 1 1.547 1.094 1.33 1.33 0 0 1-1.093 1.546c-1.52.294-2.854.32-3.227.32Zm-5.36 5.494a1.56 1.56 0 0 1-.347-.054c-4.24-1.173-7.013-2.746-9.92-5.6-3.733-3.706-5.786-8.64-5.786-13.92 0-4.32 3.68-7.84 8.213-7.84 4.533 0 8.213 3.52 8.213 7.84 0 2.854 2.48 5.174 5.547 5.174 3.067 0 5.547-2.32 5.547-5.174 0-10.053-8.667-18.213-19.334-18.213-7.573 0-14.506 4.213-17.626 10.747-1.04 2.16-1.574 4.693-1.574 7.466 0 2.08.187 5.36 1.787 9.627a1.301 1.301 0 0 1-.773 1.707A1.323 1.323 0 0 1 12 49.653c-1.307-3.493-1.947-6.96-1.947-10.56 0-3.2.614-6.106 1.814-8.64 3.546-7.44 11.413-12.266 20.026-12.266 12.134 0 22 9.36 22 20.88 0 4.32-3.68 7.84-8.213 7.84-4.533 0-8.213-3.52-8.213-7.84 0-2.854-2.48-5.174-5.547-5.174-3.067 0-5.547 2.32-5.547 5.174 0 4.56 1.76 8.826 4.987 12.026 2.533 2.507 4.96 3.894 8.72 4.934.72.186 1.12.933.933 1.626a1.301 1.301 0 0 1-1.253 1.014Z",
+    fill: "#1A73E8"
+  })));
+};
+
+export { SvgAndroidTouchId as ReactComponent };

package/src/lib/shared/assets/index.d.ts

@@ -50,6 +50,7 @@ export { ReactComponent as SignInWithEmailIcon } from './sign-in-with-email.svg'
 export { ReactComponent as PasskeyIntroIcon } from './passkey-intro-icon.svg';
 export { ReactComponent as PasskeySuccessIcon } from './passkey-success-icon.svg';
 export { ReactComponent as AndroidFaceId } from './android-face-id.svg';
+export { ReactComponent as AndroidTouchId } from './android-touch-id.svg';
 export { ReactComponent as IPhoneFaceId } from './iphone-face-id.svg';
 export { ReactComponent as IPhoneTouchId } from './iphone-touch-id.svg';
 export { ReactComponent as EmbeddedWalletIcon } from './embedded-wallet-icon.svg';

package/src/lib/utils/functions/walletListBuilder/utils/filterConnectedWallets/filterConnectedWallets.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * Used to filter out wallets that are already connected
+ * This is useful for connect-only multi-wallet, where we want users to only connect new wallets,
+ * not additional accounts from the same wallet
+ */
+const filterConnectedWallets = ({ walletOptions, connectedWallets, }) => {
+    const connectedWalletKeys = connectedWallets.map((connectedWallet) => connectedWallet.connector.key);
+    return walletOptions.filter((wallet) => !connectedWalletKeys.includes(wallet.walletConnector.key));
+};
+
+exports.filterConnectedWallets = filterConnectedWallets;

package/src/lib/utils/functions/walletListBuilder/utils/filterConnectedWallets/filterConnectedWallets.d.ts

@@ -0,0 +1,10 @@
+import { Wallet, WalletOption } from '../../../../../shared';
+/**
+ * Used to filter out wallets that are already connected
+ * This is useful for connect-only multi-wallet, where we want users to only connect new wallets,
+ * not additional accounts from the same wallet
+ */
+export declare const filterConnectedWallets: ({ walletOptions, connectedWallets, }: {
+    walletOptions: WalletOption[];
+    connectedWallets: Wallet[];
+}) => WalletOption[];

package/src/lib/utils/functions/walletListBuilder/utils/filterConnectedWallets/filterConnectedWallets.js

@@ -0,0 +1,11 @@
+/**
+ * Used to filter out wallets that are already connected
+ * This is useful for connect-only multi-wallet, where we want users to only connect new wallets,
+ * not additional accounts from the same wallet
+ */
+const filterConnectedWallets = ({ walletOptions, connectedWallets, }) => {
+    const connectedWalletKeys = connectedWallets.map((connectedWallet) => connectedWallet.connector.key);
+    return walletOptions.filter((wallet) => !connectedWalletKeys.includes(wallet.walletConnector.key));
+};
+
+export { filterConnectedWallets };

package/src/lib/utils/functions/walletListBuilder/utils/filterConnectedWallets/index.d.ts

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

package/src/lib/utils/functions/walletListBuilder/walletListBuilder.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var getCalculatedOffset = require('./utils/getCalculatedOffset/getCalculatedOffset.cjs');
 var groupWalletOptions = require('./utils/groupWalletOptions/groupWalletOptions.cjs');
+var filterConnectedWallets = require('./utils/filterConnectedWallets/filterConnectedWallets.cjs');
 
 const PRIORITY_WALLET_LIST = [
     'metamask',
@@ -41,13 +42,20 @@ const sortedInputList = (inputList) => {
         PRIORITY_WALLET_LIST.indexOf(walletConnectorCore.normalizeWalletName(b.name)));
     return [...sortedPriorityWallets, ...unsortedOtherWallets];
 };
-const walletListBuilder = ({ numberOfWalletsToShow, inputList, isWalletConnectList, lastUsedWalletName, signWithEmailWalletName, searchFilter, walletsFilter, loginWithEmail, groupWallets, walletBook, }) => {
+const walletListBuilder = ({ authMode, connectedWallets, multiWallet, numberOfWalletsToShow, inputList, isWalletConnectList, lastUsedWalletName, signWithEmailWalletName, searchFilter, walletsFilter, loginWithEmail, groupWallets, walletBook, }) => {
+    let walletList = inputList;
+    if (isWalletConnectList) {
+        walletList = inputList.filter((wallet) => wallet.walletConnector.isWalletConnect &&
+            wallet.name.toLowerCase() !== 'walletconnect');
+    }
+    if (authMode === 'connect-only' && multiWallet) {
+        walletList = filterConnectedWallets.filterConnectedWallets({
+            connectedWallets,
+            walletOptions: walletList,
+        });
+    }
     let lastUsedWallet;
     const hasWalletFilter = Boolean(walletsFilter);
-    const walletList = isWalletConnectList
-        ? inputList.filter((wallet) => wallet.walletConnector.isWalletConnect &&
-            wallet.name.toLowerCase() !== 'walletconnect')
-        : inputList;
     const signWithEmailWallet = getSignWithEmailWallet(signWithEmailWalletName, walletList);
     const installedWallets = [];
     const otherWallets = [];

package/src/lib/utils/functions/walletListBuilder/walletListBuilder.d.ts

@@ -1,6 +1,9 @@
 import { WalletBookSchema } from '@dynamic-labs/wallet-book';
-import { WalletOption } from '../../../shared/types';
+import { AuthModeType, Wallet, WalletOption } from '../../../shared/types';
 type BuilderParams = {
+    authMode: AuthModeType;
+    connectedWallets: Wallet[];
+    multiWallet: boolean;
     inputList: WalletOption[];
     isWalletConnectList: boolean;
     lastUsedWalletName: string | undefined;
@@ -18,5 +21,5 @@ type BuilderResult = {
 };
 export declare const PRIORITY_WALLET_LIST: string[];
 export declare const SIGN_IN_WITH_EMAIL_WALLET_NAME = "Sign In With Email";
-export declare const walletListBuilder: ({ numberOfWalletsToShow, inputList, isWalletConnectList, lastUsedWalletName, signWithEmailWalletName, searchFilter, walletsFilter, loginWithEmail, groupWallets, walletBook, }: BuilderParams) => BuilderResult;
+export declare const walletListBuilder: ({ authMode, connectedWallets, multiWallet, numberOfWalletsToShow, inputList, isWalletConnectList, lastUsedWalletName, signWithEmailWalletName, searchFilter, walletsFilter, loginWithEmail, groupWallets, walletBook, }: BuilderParams) => BuilderResult;
 export {};

package/src/lib/utils/functions/walletListBuilder/walletListBuilder.js

@@ -1,6 +1,7 @@
 import { isEmbeddedConnector, normalizeWalletName } from '@dynamic-labs/wallet-connector-core';
 import { getCalculatedOffset } from './utils/getCalculatedOffset/getCalculatedOffset.js';
 import { groupWalletOptions } from './utils/groupWalletOptions/groupWalletOptions.js';
+import { filterConnectedWallets } from './utils/filterConnectedWallets/filterConnectedWallets.js';
 
 const PRIORITY_WALLET_LIST = [
     'metamask',
@@ -37,13 +38,20 @@ const sortedInputList = (inputList) => {
         PRIORITY_WALLET_LIST.indexOf(normalizeWalletName(b.name)));
     return [...sortedPriorityWallets, ...unsortedOtherWallets];
 };
-const walletListBuilder = ({ numberOfWalletsToShow, inputList, isWalletConnectList, lastUsedWalletName, signWithEmailWalletName, searchFilter, walletsFilter, loginWithEmail, groupWallets, walletBook, }) => {
+const walletListBuilder = ({ authMode, connectedWallets, multiWallet, numberOfWalletsToShow, inputList, isWalletConnectList, lastUsedWalletName, signWithEmailWalletName, searchFilter, walletsFilter, loginWithEmail, groupWallets, walletBook, }) => {
+    let walletList = inputList;
+    if (isWalletConnectList) {
+        walletList = inputList.filter((wallet) => wallet.walletConnector.isWalletConnect &&
+            wallet.name.toLowerCase() !== 'walletconnect');
+    }
+    if (authMode === 'connect-only' && multiWallet) {
+        walletList = filterConnectedWallets({
+            connectedWallets,
+            walletOptions: walletList,
+        });
+    }
     let lastUsedWallet;
     const hasWalletFilter = Boolean(walletsFilter);
-    const walletList = isWalletConnectList
-        ? inputList.filter((wallet) => wallet.walletConnector.isWalletConnect &&
-            wallet.name.toLowerCase() !== 'walletconnect')
-        : inputList;
     const signWithEmailWallet = getSignWithEmailWallet(signWithEmailWalletName, walletList);
     const installedWallets = [];
     const otherWallets = [];

package/src/lib/utils/hooks/useSetWalletConnectorVerifiedCredentials/useSetWalletConnectorVerifiedCredentials.cjs

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
 var decodeJwt = require('../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../context/ViewContext/ViewContext.cjs');
+require('react');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
@@ -17,17 +17,15 @@ require('viem');
 require('../../../shared/consts/index.cjs');
 
 const useSetWalletConnectorVerifiedCredentials = (authToken, walletOptions) => {
-    React.useEffect(() => {
-        if (!authToken)
-            return;
-        const decodedJwt = decodeJwt.decodeJwt(authToken);
-        if (!decodedJwt) {
-            return;
-        }
-        walletOptions === null || walletOptions === void 0 ? void 0 : walletOptions.forEach((walletOption) => {
-            walletOption.walletConnector.setVerifiedCredentials(decodedJwt.verifiedCredentials);
-        });
-    }, [authToken, walletOptions]);
+    if (!authToken || !(walletOptions === null || walletOptions === void 0 ? void 0 : walletOptions.length))
+        return;
+    const decodedJwt = decodeJwt.decodeJwt(authToken);
+    if (!decodedJwt) {
+        return;
+    }
+    walletOptions.forEach((walletOption) => {
+        walletOption.walletConnector.setVerifiedCredentials(decodedJwt.verifiedCredentials);
+    });
 };
 
 exports.useSetWalletConnectorVerifiedCredentials = useSetWalletConnectorVerifiedCredentials;

package/src/lib/utils/hooks/useSetWalletConnectorVerifiedCredentials/useSetWalletConnectorVerifiedCredentials.js

@@ -1,9 +1,9 @@
-import { useEffect } from 'react';
 import { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
+import 'react';
 import '../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
@@ -13,17 +13,15 @@ import 'viem';
 import '../../../shared/consts/index.js';
 
 const useSetWalletConnectorVerifiedCredentials = (authToken, walletOptions) => {
-    useEffect(() => {
-        if (!authToken)
-            return;
-        const decodedJwt = decodeJwt(authToken);
-        if (!decodedJwt) {
-            return;
-        }
-        walletOptions === null || walletOptions === void 0 ? void 0 : walletOptions.forEach((walletOption) => {
-            walletOption.walletConnector.setVerifiedCredentials(decodedJwt.verifiedCredentials);
-        });
-    }, [authToken, walletOptions]);
+    if (!authToken || !(walletOptions === null || walletOptions === void 0 ? void 0 : walletOptions.length))
+        return;
+    const decodedJwt = decodeJwt(authToken);
+    if (!decodedJwt) {
+        return;
+    }
+    walletOptions.forEach((walletOption) => {
+        walletOption.walletConnector.setVerifiedCredentials(decodedJwt.verifiedCredentials);
+    });
 };
 
 export { useSetWalletConnectorVerifiedCredentials };

package/src/lib/views/AccountExistsView/AccountExistsView.cjs

@@ -33,6 +33,7 @@ require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetu
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 var AccountExistsContext = require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('react-i18next');
 require('../../components/IconButton/IconButton.cjs');
 var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
 require('../../components/Alert/Alert.cjs');

package/src/lib/views/AccountExistsView/AccountExistsView.js

@@ -29,6 +29,7 @@ import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup
 import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import { useAccountExistsContext } from '../../context/AccountExistsContext/AccountExistsContext.js';
+import 'react-i18next';
 import '../../components/IconButton/IconButton.js';
 import { IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.js';
 import '../../components/Alert/Alert.js';

package/src/lib/views/CaptchaVerifyUser/CaptchaVerifyUser.cjs

@@ -31,6 +31,7 @@ require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 var useVerifyWallet = require('../../utils/hooks/useVerifyWallet/useVerifyWallet.cjs');
+require('react-i18next');
 require('../../components/IconButton/IconButton.cjs');
 var PoweredByDynamic = require('../../components/PoweredByDynamic/PoweredByDynamic.cjs');
 require('../../components/Alert/Alert.cjs');

package/src/lib/views/CaptchaVerifyUser/CaptchaVerifyUser.js

@@ -27,6 +27,7 @@ import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '@dynamic-labs/rpc-providers';
 import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import { useVerifyWallet } from '../../utils/hooks/useVerifyWallet/useVerifyWallet.js';
+import 'react-i18next';
 import '../../components/IconButton/IconButton.js';
 import { PoweredByDynamic } from '../../components/PoweredByDynamic/PoweredByDynamic.js';
 import '../../components/Alert/Alert.js';

package/src/lib/views/CollectUserDataView/CollectUserDataView.cjs

@@ -33,6 +33,7 @@ require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetu
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('react-i18next');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
 require('formik');

package/src/lib/views/CollectUserDataView/CollectUserDataView.js

@@ -29,6 +29,7 @@ import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup
 import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
+import 'react-i18next';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
 import 'formik';

package/src/lib/views/CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.cjs

@@ -33,6 +33,7 @@ require('../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsS
 require('../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('react-i18next');
 require('../../../components/IconButton/IconButton.cjs');
 var Button = require('../../../components/Button/Button.cjs');
 require('../../../components/Alert/Alert.cjs');

package/src/lib/views/CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.js

@@ -29,6 +29,7 @@ import '../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSe
 import '../../../context/ErrorContext/ErrorContext.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
+import 'react-i18next';
 import '../../../components/IconButton/IconButton.js';
 import { Button } from '../../../components/Button/Button.js';
 import '../../../components/Alert/Alert.js';

package/src/lib/views/CollectUserDataView/UserDataFields/index.cjs

@@ -36,6 +36,7 @@ require('../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsS
 require('../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('react-i18next');
 require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/Alert/Alert.cjs');
 require('yup');

package/src/lib/views/CollectUserDataView/UserDataFields/index.js

@@ -32,6 +32,7 @@ import '../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSe
 import '../../../context/ErrorContext/ErrorContext.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
+import 'react-i18next';
 import '../../../components/IconButton/IconButton.js';
 import '../../../components/Alert/Alert.js';
 import 'yup';

package/src/lib/views/CollectUserDataViewLoginWithEmail/CollectUserDataViewLoginWithEmail.cjs

@@ -32,6 +32,7 @@ require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetu
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('react-i18next');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
 require('formik');

package/src/lib/views/CollectUserDataViewLoginWithEmail/CollectUserDataViewLoginWithEmail.js

@@ -28,6 +28,7 @@ import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup
 import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
+import 'react-i18next';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
 import 'formik';

package/src/lib/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.cjs

@@ -34,6 +34,7 @@ require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetu
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('react-i18next');
 var IconButton = require('../../components/IconButton/IconButton.cjs');
 var PoweredByDynamic = require('../../components/PoweredByDynamic/PoweredByDynamic.cjs');
 var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');

package/src/lib/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.js

@@ -30,6 +30,7 @@ import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup
 import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
+import 'react-i18next';
 import { IconButton } from '../../components/IconButton/IconButton.js';
 import { PoweredByDynamic } from '../../components/PoweredByDynamic/PoweredByDynamic.js';
 import { IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.js';

package/src/lib/views/EmailUpdate/EmailUpdate.cjs

@@ -35,6 +35,7 @@ require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetu
 var ErrorContext = require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('react-i18next');
 var IconButton = require('../../components/IconButton/IconButton.cjs');
 var Button = require('../../components/Button/Button.cjs');
 require('../../components/Alert/Alert.cjs');

package/src/lib/views/EmailUpdate/EmailUpdate.js

@@ -31,6 +31,7 @@ import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup
 import { useErrorContext } from '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
+import 'react-i18next';
 import { IconButton } from '../../components/IconButton/IconButton.js';
 import { Button } from '../../components/Button/Button.js';
 import '../../components/Alert/Alert.js';

package/src/lib/views/EmailVerification/EmailVerification.cjs

@@ -41,6 +41,7 @@ require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetu
 var ErrorContext = require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 var AccountExistsContext = require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('react-i18next');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
 var IconButton = require('../../components/IconButton/IconButton.cjs');
 var IconWithStatus = require('../../components/IconWithStatus/IconWithStatus.cjs');

package/src/lib/views/EmailVerification/EmailVerification.js

@@ -37,6 +37,7 @@ import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup
 import { useErrorContext } from '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import { useAccountExistsContext } from '../../context/AccountExistsContext/AccountExistsContext.js';
+import 'react-i18next';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
 import { IconButton } from '../../components/IconButton/IconButton.js';
 import { IconWithStatus } from '../../components/IconWithStatus/IconWithStatus.js';

package/src/lib/views/EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.cjs

@@ -24,6 +24,7 @@ require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('react-dom');
+require('react-i18next');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('react-focus-lock');

package/src/lib/views/EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.js

@@ -20,6 +20,7 @@ import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import 'react-dom';
+import 'react-i18next';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import 'react-focus-lock';

package/src/lib/views/LoginView/sections/SocialSignInSection/DynamicSocialSignIn/DynamicSocialSignIn.cjs

@@ -31,6 +31,7 @@ require('../../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMa
 require('../../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('react-i18next');
 require('../../../../../components/IconButton/IconButton.cjs');
 require('../../../../../components/Alert/Alert.cjs');
 require('formik');

package/src/lib/views/LoginView/sections/SocialSignInSection/DynamicSocialSignIn/DynamicSocialSignIn.js

@@ -27,6 +27,7 @@ import '../../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMag
 import '../../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../../context/AccountExistsContext/AccountExistsContext.js';
+import 'react-i18next';
 import '../../../../../components/IconButton/IconButton.js';
 import '../../../../../components/Alert/Alert.js';
 import 'formik';

package/src/lib/views/LoginView/sections/SocialSignInSection/MagicSocialSignIn/MagicSocialSignIn.cjs

@@ -31,6 +31,7 @@ require('../../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMa
 require('../../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('react-i18next');
 require('../../../../../components/IconButton/IconButton.cjs');
 require('../../../../../components/Alert/Alert.cjs');
 require('formik');

package/src/lib/views/LoginView/sections/SocialSignInSection/MagicSocialSignIn/MagicSocialSignIn.js

@@ -27,6 +27,7 @@ import '../../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMag
 import '../../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../../context/AccountExistsContext/AccountExistsContext.js';
+import 'react-i18next';
 import '../../../../../components/IconButton/IconButton.js';
 import '../../../../../components/Alert/Alert.js';
 import 'formik';

package/src/lib/views/LoginView/sections/WalletSignInSection/ListItemButton/ListItemButton.cjs

@@ -33,6 +33,7 @@ require('../../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMa
 require('../../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('react-i18next');
 require('../../../../../components/IconButton/IconButton.cjs');
 require('../../../../../components/Alert/Alert.cjs');
 require('formik');

package/src/lib/views/LoginView/sections/WalletSignInSection/ListItemButton/ListItemButton.js

@@ -29,6 +29,7 @@ import '../../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMag
 import '../../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../../context/AccountExistsContext/AccountExistsContext.js';
+import 'react-i18next';
 import '../../../../../components/IconButton/IconButton.js';
 import '../../../../../components/Alert/Alert.js';
 import 'formik';

package/src/lib/views/LoginView/sections/WalletSignInSection/WalletSimpleSignIn/WalletSimpleSignIn.cjs

@@ -25,14 +25,17 @@ var walletListBuilder = require('../../../../../utils/functions/walletListBuilde
 
 const WalletSimpleSignIn = ({ previewWalletsNumber, disabled = false, onshowAllWallets, }) => {
     const { t } = reactI18next.useTranslation();
-    const { wallets, projectSettings, walletsFilter, signWithEmailWalletName } = useInternalDynamicContext.useInternalDynamicContext();
+    const { wallets, projectSettings, walletsFilter, signWithEmailWalletName, authMode, multiWallet, connectedWallets, } = useInternalDynamicContext.useInternalDynamicContext();
     const { walletBook: walletBook$1 } = walletBook.useWalletBookContext();
     const { numberOfWallets, walletsList } = walletListBuilder.walletListBuilder({
+        authMode,
+        connectedWallets,
         groupWallets: true,
         inputList: wallets,
         isWalletConnectList: false,
         lastUsedWalletName: localStorage.LocalStorage.getFromLS(localStorage$1.LAST_USED_WALLET),
         loginWithEmail: true,
+        multiWallet,
         numberOfWalletsToShow: previewWalletsNumber,
         searchFilter: undefined,
         signWithEmailWalletName,

package/src/lib/views/LoginView/sections/WalletSignInSection/WalletSimpleSignIn/WalletSimpleSignIn.js

@@ -21,14 +21,17 @@ import { walletListBuilder } from '../../../../../utils/functions/walletListBuil
 
 const WalletSimpleSignIn = ({ previewWalletsNumber, disabled = false, onshowAllWallets, }) => {
     const { t } = useTranslation();
-    const { wallets, projectSettings, walletsFilter, signWithEmailWalletName } = useInternalDynamicContext();
+    const { wallets, projectSettings, walletsFilter, signWithEmailWalletName, authMode, multiWallet, connectedWallets, } = useInternalDynamicContext();
     const { walletBook } = useWalletBookContext();
     const { numberOfWallets, walletsList } = walletListBuilder({
+        authMode,
+        connectedWallets,
         groupWallets: true,
         inputList: wallets,
         isWalletConnectList: false,
         lastUsedWalletName: LocalStorage.getFromLS(LAST_USED_WALLET),
         loginWithEmail: true,
+        multiWallet,
         numberOfWalletsToShow: previewWalletsNumber,
         searchFilter: undefined,
         signWithEmailWalletName,

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

@@ -39,6 +39,7 @@ require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetu
 var ErrorContext = require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('react-i18next');
 require('../../components/IconButton/IconButton.cjs');
 var Button = require('../../components/Button/Button.cjs');
 require('../../components/Alert/Alert.cjs');

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

@@ -35,6 +35,7 @@ import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup
 import { useErrorContext } from '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
+import 'react-i18next';
 import '../../components/IconButton/IconButton.js';
 import { Button } from '../../components/Button/Button.js';
 import '../../components/Alert/Alert.js';

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

@@ -33,6 +33,7 @@ require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetu
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('react-i18next');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
 require('formik');

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

@@ -29,6 +29,7 @@ import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup
 import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
+import 'react-i18next';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
 import 'formik';

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

@@ -34,6 +34,7 @@ require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetu
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('react-i18next');
 require('../../components/IconButton/IconButton.cjs');
 var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
 require('../../components/Alert/Alert.cjs');

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

@@ -30,6 +30,7 @@ import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup
 import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
+import 'react-i18next';
 import '../../components/IconButton/IconButton.js';
 import { IconWithSpinner, iconRatio } from '../../components/IconWithSpinner/IconWithSpinner.js';
 import '../../components/Alert/Alert.js';