@dynamic-labs/sdk-react-core 0.18.0-RC.16 → 0.18.0-RC.17

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

@@ -18,7 +18,7 @@ require('ethers');
 require('../../../shared/consts/index.cjs');
 
 const orderedSecondaryWalletAddresses = (wallets) => wallets.map((wallet) => wallet.address).sort();
-const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnector, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, connectWalletByAddressAndChain, authMode, }) => {
+const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnector, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, authMode, refreshConnectedWallet, }) => {
     const [loadingNetwork, setLoadingNetwork] = React.useState(true);
     const [network, setNetwork] = React.useState(undefined);
     React.useEffect(() => {
@@ -96,7 +96,7 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
                 const [newAddress] = accounts;
                 const newWallet = secondaryWallets.find((wallet) => walletConnectorCore.isSameAddress(wallet.address, newAddress, wallet.chain));
                 if (authMode === 'connect-only') {
-                    connectWalletByAddressAndChain(primaryWallet.connector.name, newAddress, primaryWallet.chain);
+                    refreshConnectedWallet(primaryWallet.id, primaryWallet.connector);
                     return;
                 }
                 if (walletConnectorCore.isSameAddress(newAddress, primaryWallet.address, primaryWallet.chain)) {
@@ -119,7 +119,6 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
                         yield computeConnectedStateForWallets();
                         return;
                     }
-                    connectWalletByAddressAndChain(primaryWallet.connector.name, newAddress, primaryWallet.chain);
                 }
                 else {
                     logger.logger.error(`Unexpected multiWalletWidgetState (${multiWalletWidgetState}) and onAccountChange combination. Resetting state to idle.`);
@@ -128,6 +127,11 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
                 yield computeConnectedStateForWallets();
             }),
             onChainChange: (chain) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+                if (!primaryWallet) {
+                    return;
+                }
+                refreshConnectedWallet(primaryWallet.id, primaryWallet.connector);
+                // https://linear.app/dynamic-labs/issue/QNTM-84/breaking-change-rename-network-to-primarywalletnetwork
                 if (primaryWallet.chain === 'starknet') {
                     setNetwork(chain);
                 }
@@ -145,19 +149,18 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
         user,
         computeConnectedStateForWallets,
         handleLogOut,
-        connectWalletByAddressAndChain,
         multiWalletWidgetState,
         secondaryWallets,
         setSelectedWalletConnector,
         handleAccountChangeWhenAwaitingAccountSwitch,
         setPrimaryWalletId,
+        refreshConnectedWallet,
     ]);
     const addSecondaryWalletEventListeners = React.useCallback((seen) => {
         const secondaryListeners = {
-            onAccountChange: (accounts) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            onAccountChange: () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
                 if (authMode === 'connect-only' && secondaryWallets.length) {
-                    const [newAddress] = accounts;
-                    connectWalletByAddressAndChain(secondaryWallets[0].connector.name, newAddress, secondaryWallets[0].chain);
+                    refreshConnectedWallet(secondaryWallets[0].id, secondaryWallets[0].connector);
                     return;
                 }
                 if (multiWalletWidgetState === 'awaiting_account_switch') {
@@ -165,6 +168,13 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
                 }
                 yield computeConnectedStateForWallets();
             }),
+            onChainChange: () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+                // We should pass the proper walletId here
+                if (!secondaryWallets.length) {
+                    return;
+                }
+                refreshConnectedWallet(secondaryWallets[0].id, secondaryWallets[0].connector);
+            }),
             onDisconnect: () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
                 yield computeConnectedStateForWallets();
             }),
@@ -183,12 +193,12 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
     }, [
         authMode,
         computeConnectedStateForWallets,
-        connectWalletByAddressAndChain,
         selectedWalletConnector,
         selectedWalletWithAction,
         handleAccountChangeWhenAwaitingAccountSwitch,
         multiWalletWidgetState,
         secondaryWallets,
+        refreshConnectedWallet,
     ]);
     return {
         loadingNetwork,

package/src/lib/utils/hooks/useWalletEventListeners/useWalletEventListeners.d.ts

@@ -1,10 +1,9 @@
 /// <reference types="react" />
-import type { Chain, WalletConnector } from '@dynamic-labs/wallet-connector-core';
+import type { WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { AuthModeType, MultiWalletWidgetState, UserProfile, Wallet, WalletWithAction } from '../../../shared';
 import { MultiWalletWidgetStateSetter } from '../multiWallet';
 export type UseWalletEventListenersArgs = {
     computeConnectedStateForWallets(): Promise<void>;
-    connectWalletByAddressAndChain: (name: string, address: string, chain: Chain) => Promise<void>;
     handleLogOut(): Promise<void>;
     multiWallet: boolean;
     multiWalletWidgetState: MultiWalletWidgetState;
@@ -18,8 +17,9 @@ export type UseWalletEventListenersArgs = {
     setSelectedWalletWithAction(walletWithAction: WalletWithAction | null): void;
     user: UserProfile | undefined;
     authMode: AuthModeType;
+    refreshConnectedWallet: (walletId: string, walletConnector: WalletConnector) => Promise<void>;
 };
-export declare const useWalletEventListeners: ({ computeConnectedStateForWallets, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnector, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, connectWalletByAddressAndChain, authMode, }: UseWalletEventListenersArgs) => {
+export declare const useWalletEventListeners: ({ computeConnectedStateForWallets, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnector, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, authMode, refreshConnectedWallet, }: UseWalletEventListenersArgs) => {
     loadingNetwork: boolean;
     network: string | number | undefined;
     setNetwork: import("react").Dispatch<import("react").SetStateAction<string | number | undefined>>;

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

@@ -14,7 +14,7 @@ import 'ethers';
 import '../../../shared/consts/index.js';
 
 const orderedSecondaryWalletAddresses = (wallets) => wallets.map((wallet) => wallet.address).sort();
-const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnector, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, connectWalletByAddressAndChain, authMode, }) => {
+const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut, multiWallet, multiWalletWidgetState, primaryWallet, secondaryWallets, selectedWalletConnector, selectedWalletWithAction, setSelectedWalletConnector, setSelectedWalletWithAction, setMultiWalletWidgetState, user, setPrimaryWalletId, authMode, refreshConnectedWallet, }) => {
     const [loadingNetwork, setLoadingNetwork] = useState(true);
     const [network, setNetwork] = useState(undefined);
     useEffect(() => {
@@ -92,7 +92,7 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
                 const [newAddress] = accounts;
                 const newWallet = secondaryWallets.find((wallet) => isSameAddress(wallet.address, newAddress, wallet.chain));
                 if (authMode === 'connect-only') {
-                    connectWalletByAddressAndChain(primaryWallet.connector.name, newAddress, primaryWallet.chain);
+                    refreshConnectedWallet(primaryWallet.id, primaryWallet.connector);
                     return;
                 }
                 if (isSameAddress(newAddress, primaryWallet.address, primaryWallet.chain)) {
@@ -115,7 +115,6 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
                         yield computeConnectedStateForWallets();
                         return;
                     }
-                    connectWalletByAddressAndChain(primaryWallet.connector.name, newAddress, primaryWallet.chain);
                 }
                 else {
                     logger.error(`Unexpected multiWalletWidgetState (${multiWalletWidgetState}) and onAccountChange combination. Resetting state to idle.`);
@@ -124,6 +123,11 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
                 yield computeConnectedStateForWallets();
             }),
             onChainChange: (chain) => __awaiter(void 0, void 0, void 0, function* () {
+                if (!primaryWallet) {
+                    return;
+                }
+                refreshConnectedWallet(primaryWallet.id, primaryWallet.connector);
+                // https://linear.app/dynamic-labs/issue/QNTM-84/breaking-change-rename-network-to-primarywalletnetwork
                 if (primaryWallet.chain === 'starknet') {
                     setNetwork(chain);
                 }
@@ -141,19 +145,18 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
         user,
         computeConnectedStateForWallets,
         handleLogOut,
-        connectWalletByAddressAndChain,
         multiWalletWidgetState,
         secondaryWallets,
         setSelectedWalletConnector,
         handleAccountChangeWhenAwaitingAccountSwitch,
         setPrimaryWalletId,
+        refreshConnectedWallet,
     ]);
     const addSecondaryWalletEventListeners = useCallback((seen) => {
         const secondaryListeners = {
-            onAccountChange: (accounts) => __awaiter(void 0, void 0, void 0, function* () {
+            onAccountChange: () => __awaiter(void 0, void 0, void 0, function* () {
                 if (authMode === 'connect-only' && secondaryWallets.length) {
-                    const [newAddress] = accounts;
-                    connectWalletByAddressAndChain(secondaryWallets[0].connector.name, newAddress, secondaryWallets[0].chain);
+                    refreshConnectedWallet(secondaryWallets[0].id, secondaryWallets[0].connector);
                     return;
                 }
                 if (multiWalletWidgetState === 'awaiting_account_switch') {
@@ -161,6 +164,13 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
                 }
                 yield computeConnectedStateForWallets();
             }),
+            onChainChange: () => __awaiter(void 0, void 0, void 0, function* () {
+                // We should pass the proper walletId here
+                if (!secondaryWallets.length) {
+                    return;
+                }
+                refreshConnectedWallet(secondaryWallets[0].id, secondaryWallets[0].connector);
+            }),
             onDisconnect: () => __awaiter(void 0, void 0, void 0, function* () {
                 yield computeConnectedStateForWallets();
             }),
@@ -179,12 +189,12 @@ const useWalletEventListeners = ({ computeConnectedStateForWallets, handleLogOut
     }, [
         authMode,
         computeConnectedStateForWallets,
-        connectWalletByAddressAndChain,
         selectedWalletConnector,
         selectedWalletWithAction,
         handleAccountChangeWhenAwaitingAccountSwitch,
         multiWalletWidgetState,
         secondaryWallets,
+        refreshConnectedWallet,
     ]);
     return {
         loadingNetwork,

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var utils = require('@dynamic-labs/utils');
-var MockContext = require('../../../context/MockContext/MockContext.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 var ErrorContext = require('../../../context/ErrorContext/ErrorContext.cjs');
+var MockContext = require('../../../context/MockContext/MockContext.cjs');
 var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
@@ -21,14 +21,14 @@ require('ethers');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var requiresTwoStepAuthentication = require('../../functions/requiresTwoStepAuthentication/requiresTwoStepAuthentication.cjs');
+var isSelectedWalletAlreadyConnected = require('../../functions/isSelectedWalletAlreadyConnected/isSelectedWalletAlreadyConnected.cjs');
 var useConnectAndSign = require('../authenticationHooks/useConnectAndSign/useConnectAndSign.cjs');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 var useConnectAndSignSplitSteps = require('../authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.cjs');
-var isSelectedWalletAlreadyConnected = require('../../functions/isSelectedWalletAlreadyConnected/isSelectedWalletAlreadyConnected.cjs');
 
 const useWalletItemActions = () => {
-    const { setMultiWalletWidgetState, setShowAuthFlow, setSelectedWalletConnector, wallets, setQrcodeUri, setDesktopUri, user, linkedWallets, setIsVerifying, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setMultiWalletWidgetState, setShowAuthFlow, setSelectedWalletConnector, wallets, setQrcodeUri, setDesktopUri, user, linkedWallets, ongoingVerifications, } = useInternalDynamicContext.useInternalDynamicContext();
     const { mockedSDK } = MockContext.useMockContext();
     const { setError } = ErrorContext.useErrorContext();
     const { setView } = ViewContext.useViewContext();
@@ -111,7 +111,7 @@ const useWalletItemActions = () => {
         if (walletConnector.connectedChain === 'FLOW') {
             yield walletConnector.endSession();
         }
-        setIsVerifying(false);
+        ongoingVerifications.setConnectAndSignVerification(false);
         if (isSelectedWalletAlreadyConnected.isSelectedWalletAlreadyConnected(linkedWallets, walletConnector, user) &&
             walletConnector.connectedChain !== 'FLOW') {
             // wallet is already connected

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

@@ -1,8 +1,8 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { isMobile } from '@dynamic-labs/utils';
-import { useMockContext } from '../../../context/MockContext/MockContext.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import { useErrorContext } from '../../../context/ErrorContext/ErrorContext.js';
+import { useMockContext } from '../../../context/MockContext/MockContext.js';
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
@@ -17,14 +17,14 @@ import 'ethers';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { requiresTwoStepAuthentication } from '../../functions/requiresTwoStepAuthentication/requiresTwoStepAuthentication.js';
+import { isSelectedWalletAlreadyConnected } from '../../functions/isSelectedWalletAlreadyConnected/isSelectedWalletAlreadyConnected.js';
 import { useConnectAndSign } from '../authenticationHooks/useConnectAndSign/useConnectAndSign.js';
 import '../../../config/ApiEndpoint.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import { useConnectAndSignSplitSteps } from '../authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.js';
-import { isSelectedWalletAlreadyConnected } from '../../functions/isSelectedWalletAlreadyConnected/isSelectedWalletAlreadyConnected.js';
 
 const useWalletItemActions = () => {
-    const { setMultiWalletWidgetState, setShowAuthFlow, setSelectedWalletConnector, wallets, setQrcodeUri, setDesktopUri, user, linkedWallets, setIsVerifying, } = useInternalDynamicContext();
+    const { setMultiWalletWidgetState, setShowAuthFlow, setSelectedWalletConnector, wallets, setQrcodeUri, setDesktopUri, user, linkedWallets, ongoingVerifications, } = useInternalDynamicContext();
     const { mockedSDK } = useMockContext();
     const { setError } = useErrorContext();
     const { setView } = useViewContext();
@@ -107,7 +107,7 @@ const useWalletItemActions = () => {
         if (walletConnector.connectedChain === 'FLOW') {
             yield walletConnector.endSession();
         }
-        setIsVerifying(false);
+        ongoingVerifications.setConnectAndSignVerification(false);
         if (isSelectedWalletAlreadyConnected(linkedWallets, walletConnector, user) &&
             walletConnector.connectedChain !== 'FLOW') {
             // wallet is already connected

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

@@ -43,6 +43,7 @@ require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
 require('../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 
 const useWalletUiUtils = ({ appLogoUrl, appName, getAppOrigin, }) => {
     const confirmationStateRef = React.useRef('enabled');

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

@@ -39,6 +39,7 @@ import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
 import '../../../components/InlineWidget/InlineWidget.js';
+import '../../../components/MenuList/Dropdown/Dropdown.js';
 
 const useWalletUiUtils = ({ appLogoUrl, appName, getAppOrigin, }) => {
     const confirmationStateRef = useRef('enabled');

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

@@ -34,8 +34,8 @@ var useVerifyWallet = require('../../utils/hooks/useVerifyWallet/useVerifyWallet
 require('../../components/IconButton/IconButton.cjs');
 var PoweredByDynamic = require('../../components/PoweredByDynamic/PoweredByDynamic.cjs');
 require('../../components/Alert/Alert.cjs');
-require('../../context/MockContext/MockContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
+require('../../context/MockContext/MockContext.cjs');
 var CaptchaContext = require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
@@ -43,6 +43,7 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
 require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var Captcha = require('../../components/Captcha/Captcha.cjs');
 
 const CaptchaVerifyUser = () => {

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

@@ -30,8 +30,8 @@ import { useVerifyWallet } from '../../utils/hooks/useVerifyWallet/useVerifyWall
 import '../../components/IconButton/IconButton.js';
 import { PoweredByDynamic } from '../../components/PoweredByDynamic/PoweredByDynamic.js';
 import '../../components/Alert/Alert.js';
-import '../../context/MockContext/MockContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
+import '../../context/MockContext/MockContext.js';
 import { useCaptchaContext } from '../../context/CaptchaContext/CaptchaContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import '../../components/Popper/Popper/Popper.js';
@@ -39,6 +39,7 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/MenuList/Dropdown/Dropdown.js';
 import { Captcha } from '../../components/Captcha/Captcha.js';
 
 const CaptchaVerifyUser = () => {

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

@@ -44,6 +44,7 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
 require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var NetworkPicker = require('../../components/NetworkPicker/NetworkPicker.cjs');
 var UserAddress = require('../../components/UserAddress/UserAddress.cjs');
 var useFetchNameService = require('../../widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.cjs');

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

@@ -40,6 +40,7 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/MenuList/Dropdown/Dropdown.js';
 import { NetworkPicker } from '../../components/NetworkPicker/NetworkPicker.js';
 import { UserAddress } from '../../components/UserAddress/UserAddress.js';
 import { useFetchNameService } from '../../widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.js';

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

@@ -42,6 +42,7 @@ require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('yup');
 require('../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 var index = require('../UserDataFields/index.cjs');
 var useUserDataForm = require('../../../utils/hooks/useUserDataForm/useUserDataForm.cjs');
 

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

@@ -38,6 +38,7 @@ import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'yup';
 import '../../../components/InlineWidget/InlineWidget.js';
+import '../../../components/MenuList/Dropdown/Dropdown.js';
 import { UserDataFields } from '../UserDataFields/index.js';
 import { useUserDataForm } from '../../../utils/hooks/useUserDataForm/useUserDataForm.js';
 

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

@@ -44,6 +44,7 @@ require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('yup');
 require('../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 var fieldsConfig = require('../fieldsConfig.cjs');
 var getDisplayErrorMessage = require('./utils/getDisplayErrorMessage/getDisplayErrorMessage.cjs');
 

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

@@ -40,6 +40,7 @@ import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'yup';
 import '../../../components/InlineWidget/InlineWidget.js';
+import '../../../components/MenuList/Dropdown/Dropdown.js';
 import { fieldsConfig } from '../fieldsConfig.js';
 import { getDisplayErrorMessage } from './utils/getDisplayErrorMessage/getDisplayErrorMessage.js';
 

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

@@ -18,7 +18,7 @@ require('ethers');
 var index = require('../../shared/consts/index.cjs');
 
 const fieldsConfig = {
-    alias: { label: 'Alias', type: 'string', validation: yup.string() },
+    alias: { label: 'Alias', type: 'string', validation: yup.string().trim() },
     country: {
         label: 'Country',
         type: 'select',
@@ -29,9 +29,13 @@ const fieldsConfig = {
         type: 'email',
         validation: yup.string().email('Email is not valid'),
     },
-    firstName: { label: 'First Name', type: 'string', validation: yup.string() },
-    jobTitle: { label: 'Job Title', type: 'string', validation: yup.string() },
-    lastName: { label: 'Last Name', type: 'string', validation: yup.string() },
+    firstName: {
+        label: 'First Name',
+        type: 'string',
+        validation: yup.string().trim(),
+    },
+    jobTitle: { label: 'Job Title', type: 'string', validation: yup.string().trim() },
+    lastName: { label: 'Last Name', type: 'string', validation: yup.string().trim() },
     phoneNumber: {
         label: 'Phone number',
         type: 'string',

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

@@ -14,7 +14,7 @@ import 'ethers';
 import { countryCodes, tShirtSizes, teamNames } from '../../shared/consts/index.js';
 
 const fieldsConfig = {
-    alias: { label: 'Alias', type: 'string', validation: string() },
+    alias: { label: 'Alias', type: 'string', validation: string().trim() },
     country: {
         label: 'Country',
         type: 'select',
@@ -25,9 +25,13 @@ const fieldsConfig = {
         type: 'email',
         validation: string().email('Email is not valid'),
     },
-    firstName: { label: 'First Name', type: 'string', validation: string() },
-    jobTitle: { label: 'Job Title', type: 'string', validation: string() },
-    lastName: { label: 'Last Name', type: 'string', validation: string() },
+    firstName: {
+        label: 'First Name',
+        type: 'string',
+        validation: string().trim(),
+    },
+    jobTitle: { label: 'Job Title', type: 'string', validation: string().trim() },
+    lastName: { label: 'Last Name', type: 'string', validation: string().trim() },
     phoneNumber: {
         label: 'Phone number',
         type: 'string',

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

@@ -42,6 +42,7 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
 require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var OnboardingUserDataForm = require('../CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.cjs');
 
 const CollectUserDataViewLoginWithEmail = () => {

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

@@ -38,6 +38,7 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/MenuList/Dropdown/Dropdown.js';
 import { OnboardingUserDataForm } from '../CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.js';
 
 const CollectUserDataViewLoginWithEmail = () => {

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

@@ -45,6 +45,7 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
 require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
 
 const EmailConfirmationWaitingView = () => {
     const { setView } = ViewContext.useViewContext();

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

@@ -41,6 +41,7 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/MenuList/Dropdown/Dropdown.js';
 
 const EmailConfirmationWaitingView = () => {
     const { setView } = useViewContext();

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

@@ -44,6 +44,7 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
 require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var EmailVerificationContext = require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 var LoadingContext = require('../../context/LoadingContext/LoadingContext.cjs');
 

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

@@ -40,6 +40,7 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/MenuList/Dropdown/Dropdown.js';
 import { useEmailVerificationContext } from '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import { useLoadingContext } from '../../context/LoadingContext/LoadingContext.js';
 

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

@@ -53,6 +53,7 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
 require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var EmailVerificationContext = require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 var LoadingContext = require('../../context/LoadingContext/LoadingContext.cjs');
 var useEmailVerificationRequest = require('../../utils/hooks/authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.cjs');

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

@@ -49,6 +49,7 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/MenuList/Dropdown/Dropdown.js';
 import { useEmailVerificationContext } from '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import { useLoadingContext } from '../../context/LoadingContext/LoadingContext.js';
 import { useEmailVerificationRequest } from '../../utils/hooks/authenticationHooks/useEmailVerificationRequest/useEmailVerificationRequest.js';

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

@@ -37,6 +37,7 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
 require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs');

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

@@ -33,6 +33,7 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
 import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import { useMutation } from '../../utils/hooks/useMutation/useMutation.js';

package/src/lib/views/LoginWithEmailView/components/ListItemButton/ListItemButton.cjs

@@ -43,6 +43,7 @@ require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var Badge = require('../../../../components/Badge/Badge.cjs');
 
 const ListItemButton = ({ text, onClick, numberOfWallets }) => {

package/src/lib/views/LoginWithEmailView/components/ListItemButton/ListItemButton.js

@@ -39,6 +39,7 @@ import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
 import '../../../../components/InlineWidget/InlineWidget.js';
+import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import { Badge } from '../../../../components/Badge/Badge.js';
 
 const ListItemButton = ({ text, onClick, numberOfWallets }) => {

package/src/lib/views/LoginWithEmailView/components/LoginWithEmailForm/LoginWithEmailForm.cjs

@@ -42,6 +42,7 @@ require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var LoadingContext = require('../../../../context/LoadingContext/LoadingContext.cjs');
 var useEmailProvider = require('../../../../utils/hooks/useEmailProvider/useEmailProvider.cjs');
 

package/src/lib/views/LoginWithEmailView/components/LoginWithEmailForm/LoginWithEmailForm.js

@@ -38,6 +38,7 @@ import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
 import '../../../../components/InlineWidget/InlineWidget.js';
+import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import { useLoadingContext } from '../../../../context/LoadingContext/LoadingContext.js';
 import { useEmailProvider } from '../../../../utils/hooks/useEmailProvider/useEmailProvider.js';
 

package/src/lib/views/LoginWithEmailView/components/SocialSignIn/SocialSignIn.cjs

@@ -49,6 +49,7 @@ require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
 require('../../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var SocialRedirectContext = require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 var OverlayCard = require('../../../../components/OverlayCard/OverlayCard.cjs');
 require('../../../../components/OverlayCard/OverlayCard.context.cjs');

package/src/lib/views/LoginWithEmailView/components/SocialSignIn/SocialSignIn.js

@@ -45,6 +45,7 @@ import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
 import '../../../../components/InlineWidget/InlineWidget.js';
+import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import { useSocialRedirectContext } from '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import { OverlayCard } from '../../../../components/OverlayCard/OverlayCard.js';
 import '../../../../components/OverlayCard/OverlayCard.context.js';