@dynamic-labs/sdk-react-core 0.18.0-RC.9 → 0.18.0-beta.28

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

@@ -0,0 +1,73 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../_virtual/_tslib.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+var iconic = require('@dynamic-labs/iconic');
+require('react');
+var Typography = require('../../components/Typography/Typography.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/wallet-connector-core');
+require('../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../utils/constants/colors.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+require('../../shared/consts/index.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../context/ThemeContext/ThemeContext.cjs');
+require('react-dom');
+require('react-focus-lock');
+require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+var AccountExistsContext = require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../components/IconButton/IconButton.cjs');
+var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
+require('../../components/Alert/Alert.cjs');
+require('../../context/MockContext/MockContext.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
+var useGetSocialIcon = require('../../utils/hooks/useGetSocialIcon/useGetSocialIcon.cjs');
+var IconListTile = require('../../components/IconListTile/IconListTile.cjs');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('formik');
+require('yup');
+require('../../components/InlineWidget/InlineWidget.cjs');
+require('../../components/MenuList/Dropdown/Dropdown.cjs');
+var capitalize = require('../../shared/utils/functions/capitalize/capitalize.cjs');
+var SocialRedirectContext = require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+var LoginWithEmailForm = require('../LoginWithEmailView/components/LoginWithEmailForm/LoginWithEmailForm.cjs');
+
+const AccountExistsView = () => {
+    const { existentAccountData } = AccountExistsContext.useAccountExistsContext();
+    const { email, embeddedSocialSigninProvider } = existentAccountData || {};
+    const { socialProvider, setSocialProvider, socialWalletConnector } = SocialRedirectContext.useSocialRedirectContext();
+    const getSocialIcon = useGetSocialIcon.useGetSocialIcon();
+    const { mutate: handleNewLoging } = useMutation.useMutation(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        setSocialProvider(embeddedSocialSigninProvider);
+        yield (socialWalletConnector === null || socialWalletConnector === void 0 ? void 0 : socialWalletConnector.endSession());
+        return socialWalletConnector === null || socialWalletConnector === void 0 ? void 0 : socialWalletConnector.connect(embeddedSocialSigninProvider);
+    }));
+    const renderFullMessage = () => {
+        const messageTrail = embeddedSocialSigninProvider
+            ? ` through ${capitalize.capitalize(embeddedSocialSigninProvider)}`
+            : '. Please log in with your email.';
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: ["It looks like an account already exists using ", jsxRuntime.jsx("strong", { children: email }), '', messageTrail] }));
+    };
+    return (jsxRuntime.jsxs("div", Object.assign({ className: 'account-exists__container' }, { children: [jsxRuntime.jsx(iconic.UserProfileIcon, { className: 'account-exists__image' }), jsxRuntime.jsxs("div", Object.assign({ className: 'account-exists__main' }, { children: [jsxRuntime.jsx("div", Object.assign({ className: 'account-exists__content' }, { children: jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'account-exists__content--secondary' }, { children: renderFullMessage() })) })), embeddedSocialSigninProvider ? (jsxRuntime.jsxs(IconListTile.IconListTile, Object.assign({ dataTestId: `inline-${embeddedSocialSigninProvider}`, onClick: () => handleNewLoging(), className: 'social-sign-in--tile' }, { children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: getSocialIcon(embeddedSocialSigninProvider), isSpinning: socialProvider === embeddedSocialSigninProvider, iconSize: 32 }), jsxRuntime.jsxs(Typography.Typography, Object.assign({ variant: 'button_primary' }, { children: ["Connect with", ' ', capitalize.capitalize(embeddedSocialSigninProvider === null || embeddedSocialSigninProvider === void 0 ? void 0 : embeddedSocialSigninProvider.toString())] }))] }), embeddedSocialSigninProvider)) : (jsxRuntime.jsx(LoginWithEmailForm.LoginWithEmailForm, {}))] }))] })));
+};
+
+exports.AccountExistsView = AccountExistsView;

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

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

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

@@ -0,0 +1,69 @@
+import { __awaiter } from '../../../../_virtual/_tslib.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { UserProfileIcon } from '@dynamic-labs/iconic';
+import 'react';
+import { Typography } from '../../components/Typography/Typography.js';
+import '@dynamic-labs/sdk-api';
+import '../../shared/logger.js';
+import '@dynamic-labs/wallet-connector-core';
+import '../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../utils/constants/colors.js';
+import '../../shared/utils/classes/storage/localStorage.js';
+import 'ethers';
+import '../../shared/consts/index.js';
+import '../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/multi-wallet';
+import '../../components/ShadowDOM/ShadowDOM.js';
+import '../../context/ThemeContext/ThemeContext.js';
+import 'react-dom';
+import 'react-focus-lock';
+import '../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
+import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
+import '../../context/ErrorContext/ErrorContext.js';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import { useAccountExistsContext } from '../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../components/IconButton/IconButton.js';
+import { IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.js';
+import '../../components/Alert/Alert.js';
+import '../../context/MockContext/MockContext.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import { useMutation } from '../../utils/hooks/useMutation/useMutation.js';
+import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
+import { useGetSocialIcon } from '../../utils/hooks/useGetSocialIcon/useGetSocialIcon.js';
+import { IconListTile } from '../../components/IconListTile/IconListTile.js';
+import '../../components/Popper/Popper/Popper.js';
+import '../../components/Popper/PopperContext/PopperContext.js';
+import 'formik';
+import 'yup';
+import '../../components/InlineWidget/InlineWidget.js';
+import '../../components/MenuList/Dropdown/Dropdown.js';
+import { capitalize } from '../../shared/utils/functions/capitalize/capitalize.js';
+import { useSocialRedirectContext } from '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import { LoginWithEmailForm } from '../LoginWithEmailView/components/LoginWithEmailForm/LoginWithEmailForm.js';
+
+const AccountExistsView = () => {
+    const { existentAccountData } = useAccountExistsContext();
+    const { email, embeddedSocialSigninProvider } = existentAccountData || {};
+    const { socialProvider, setSocialProvider, socialWalletConnector } = useSocialRedirectContext();
+    const getSocialIcon = useGetSocialIcon();
+    const { mutate: handleNewLoging } = useMutation(() => __awaiter(void 0, void 0, void 0, function* () {
+        setSocialProvider(embeddedSocialSigninProvider);
+        yield (socialWalletConnector === null || socialWalletConnector === void 0 ? void 0 : socialWalletConnector.endSession());
+        return socialWalletConnector === null || socialWalletConnector === void 0 ? void 0 : socialWalletConnector.connect(embeddedSocialSigninProvider);
+    }));
+    const renderFullMessage = () => {
+        const messageTrail = embeddedSocialSigninProvider
+            ? ` through ${capitalize(embeddedSocialSigninProvider)}`
+            : '. Please log in with your email.';
+        return (jsxs(Fragment, { children: ["It looks like an account already exists using ", jsx("strong", { children: email }), '', messageTrail] }));
+    };
+    return (jsxs("div", Object.assign({ className: 'account-exists__container' }, { children: [jsx(UserProfileIcon, { className: 'account-exists__image' }), jsxs("div", Object.assign({ className: 'account-exists__main' }, { children: [jsx("div", Object.assign({ className: 'account-exists__content' }, { children: jsx(Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'account-exists__content--secondary' }, { children: renderFullMessage() })) })), embeddedSocialSigninProvider ? (jsxs(IconListTile, Object.assign({ dataTestId: `inline-${embeddedSocialSigninProvider}`, onClick: () => handleNewLoging(), className: 'social-sign-in--tile' }, { children: [jsx(IconWithSpinner, { Icon: getSocialIcon(embeddedSocialSigninProvider), isSpinning: socialProvider === embeddedSocialSigninProvider, iconSize: 32 }), jsxs(Typography, Object.assign({ variant: 'button_primary' }, { children: ["Connect with", ' ', capitalize(embeddedSocialSigninProvider === null || embeddedSocialSigninProvider === void 0 ? void 0 : embeddedSocialSigninProvider.toString())] }))] }), embeddedSocialSigninProvider)) : (jsx(LoginWithEmailForm, {}))] }))] })));
+};
+
+export { AccountExistsView };

package/src/lib/views/AccountExistsView/index.d.ts

@@ -0,0 +1 @@
+export { AccountExistsView } from './AccountExistsView';

package/src/lib/views/BridgeNextWalletConnectionView/BridgeNextWalletConnectionView.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+var utils = require('@dynamic-labs/utils');
+var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
+var BridgeNextWalletToConnectLayout = require('../../layouts/BridgeNextWalletToConnectLayout/BridgeNextWalletToConnectLayout.cjs');
+var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs');
+var getChainIcon = require('../../shared/utils/functions/chain/getChainIcon.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../utils/constants/colors.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+require('react');
+require('@dynamic-labs/iconic');
+require('../../shared/consts/index.cjs');
+
+const BridgeNextWalletConnectionView = () => {
+    const { setShowAuthFlow, walletsToConnectByChain } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setView } = ViewContext.useViewContext();
+    if (!(walletsToConnectByChain === null || walletsToConnectByChain === void 0 ? void 0 : walletsToConnectByChain.length)) {
+        throw new utils.DynamicError('No wallets to connect');
+    }
+    const [nextWalletToConnect] = walletsToConnectByChain;
+    const { chain } = nextWalletToConnect;
+    const chainInfo = walletConnectorCore.getChainInfo(chain);
+    const ChainIcon = getChainIcon.getChainIcon(chain);
+    if (!chainInfo) {
+        throw new utils.DynamicError('No chain info found for chain', chain);
+    }
+    return (jsxRuntime.jsx(BridgeNextWalletToConnectLayout.BridgeNextWalletToConnectLayout, { chainName: chainInfo.blockchainName, chainIcon: jsxRuntime.jsx(ChainIcon, {}), onClickAction: () => setView('wallet-list'), onClickClose: () => setShowAuthFlow(false) }));
+};
+
+exports.BridgeNextWalletConnectionView = BridgeNextWalletConnectionView;

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

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const BridgeNextWalletConnectionView: FC;

package/src/lib/views/BridgeNextWalletConnectionView/BridgeNextWalletConnectionView.js

@@ -0,0 +1,34 @@
+import { jsx } from 'react/jsx-runtime';
+import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
+import { DynamicError } from '@dynamic-labs/utils';
+import { useViewContext } from '../../context/ViewContext/ViewContext.js';
+import { BridgeNextWalletToConnectLayout } from '../../layouts/BridgeNextWalletToConnectLayout/BridgeNextWalletToConnectLayout.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
+import '@dynamic-labs/sdk-api';
+import '../../shared/logger.js';
+import { getChainIcon } from '../../shared/utils/functions/chain/getChainIcon.js';
+import '@dynamic-labs/wallet-book';
+import '../../utils/constants/colors.js';
+import '../../shared/utils/classes/storage/localStorage.js';
+import 'ethers';
+import 'react';
+import '@dynamic-labs/iconic';
+import '../../shared/consts/index.js';
+
+const BridgeNextWalletConnectionView = () => {
+    const { setShowAuthFlow, walletsToConnectByChain } = useInternalDynamicContext();
+    const { setView } = useViewContext();
+    if (!(walletsToConnectByChain === null || walletsToConnectByChain === void 0 ? void 0 : walletsToConnectByChain.length)) {
+        throw new DynamicError('No wallets to connect');
+    }
+    const [nextWalletToConnect] = walletsToConnectByChain;
+    const { chain } = nextWalletToConnect;
+    const chainInfo = getChainInfo(chain);
+    const ChainIcon = getChainIcon(chain);
+    if (!chainInfo) {
+        throw new DynamicError('No chain info found for chain', chain);
+    }
+    return (jsx(BridgeNextWalletToConnectLayout, { chainName: chainInfo.blockchainName, chainIcon: jsx(ChainIcon, {}), onClickAction: () => setView('wallet-list'), onClickClose: () => setShowAuthFlow(false) }));
+};
+
+export { BridgeNextWalletConnectionView };

package/src/lib/views/BridgeNextWalletConnectionView/index.d.ts

@@ -0,0 +1 @@
+export { BridgeNextWalletConnectionView } from './BridgeNextWalletConnectionView';

package/src/lib/views/BridgeSummaryView/BridgeSummaryView.cjs

@@ -3,8 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
+var ConnectedWalletsListLayout = require('../../layouts/ConnectedWalletsListLayout/ConnectedWalletsListLayout.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
 var getChainIcon = require('../../shared/utils/functions/chain/getChainIcon.cjs');
@@ -13,27 +15,30 @@ require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('ethers');
-require('react');
 require('@dynamic-labs/iconic');
 require('../../context/ViewContext/ViewContext.cjs');
 require('../../shared/consts/index.cjs');
-var ConnectedWalletsListLayout = require('../../layouts/ConnectedWalletsListLayout/ConnectedWalletsListLayout.cjs');
 var DynamicBridgeWalletCard = require('../../widgets/DynamicBridgeWidget/components/DynamicBridgeWalletCard/DynamicBridgeWalletCard.cjs');
 var DynamicBridgeWalletCardBody = require('../../widgets/DynamicBridgeWidget/components/DynamicBridgeWalletCardBody/DynamicBridgeWalletCardBody.cjs');
-var Balance = require('../../widgets/DynamicWidget/components/Balance/Balance.cjs');
 var SecondaryWallets = require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+var Balance = require('../../widgets/DynamicWidget/components/Balance/Balance.cjs');
 
 const BridgeSummaryView = () => {
-    const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
-    if (!primaryWallet) {
-        throw new Error('primaryWallet should be defined');
-    }
-    const PrimaryWalletChainIcon = getChainIcon.getChainIcon(primaryWallet.chain);
-    const primaryWalletChainInfo = walletConnectorCore.getChainInfo(primaryWallet.chain);
+    const { primaryWallet, setShowAuthFlow, appName, walletsByChain = [], } = useInternalDynamicContext.useInternalDynamicContext();
     const onClickClose = () => setShowAuthFlow(false);
-    return (jsxRuntime.jsxs(ConnectedWalletsListLayout.ConnectedWalletsListLayout, Object.assign({ onClickClose: onClickClose, onClickAction: onClickClose, title: "Well done, you're connected" }, { children: [jsxRuntime.jsx(DynamicBridgeWalletCard.DynamicBridgeWalletCard, Object.assign({ networkIcon: jsxRuntime.jsx(PrimaryWalletChainIcon, {}), networkName: primaryWalletChainInfo === null || primaryWalletChainInfo === void 0 ? void 0 : primaryWalletChainInfo.displayName }, { children: jsxRuntime.jsx(DynamicBridgeWalletCardBody.DynamicBridgeWalletCardBody, { walletName: primaryWallet.connector.name, walletAddress: primaryWallet.address, walletBalance: 
-                    // eslint-disable-next-line react/jsx-wrap-multilines
-                    jsxRuntime.jsx(Balance.Balance, { address: primaryWallet.address, connector: primaryWallet.connector, network: primaryWallet.chain }) }) })), jsxRuntime.jsx(SecondaryWallets.MemoSecondaryWallets, { hideUnlinkAction: true })] })));
+    const body = React.useMemo(() => {
+        const blockchainNames = walletsByChain.map(({ chain }) => { var _a; return (_a = walletConnectorCore.getChainInfo(chain)) === null || _a === void 0 ? void 0 : _a.blockchainName; });
+        const [firstBlockchainName, secondBlockchainName] = blockchainNames;
+        return `Congratulations on connecting both your ${firstBlockchainName} and ${secondBlockchainName} wallets`;
+    }, [walletsByChain]);
+    const createPrimaryWalletCard = (wallet) => {
+        const PrimaryWalletChainIcon = getChainIcon.getChainIcon(wallet.chain);
+        const primaryWalletChainInfo = walletConnectorCore.getChainInfo(wallet.chain);
+        return (jsxRuntime.jsx(DynamicBridgeWalletCard.DynamicBridgeWalletCard, Object.assign({ networkIcon: jsxRuntime.jsx(PrimaryWalletChainIcon, {}), networkName: primaryWalletChainInfo === null || primaryWalletChainInfo === void 0 ? void 0 : primaryWalletChainInfo.displayName }, { children: jsxRuntime.jsx(DynamicBridgeWalletCardBody.DynamicBridgeWalletCardBody, { walletName: wallet.connector.name, walletAddress: wallet.address, walletBalance: 
+                // eslint-disable-next-line react/jsx-wrap-multilines
+                jsxRuntime.jsx(Balance.Balance, { address: wallet.address, connector: wallet.connector, network: wallet.chain }) }) })));
+    };
+    return (jsxRuntime.jsxs(ConnectedWalletsListLayout.ConnectedWalletsListLayout, Object.assign({ onClickClose: onClickClose, onClickAction: onClickClose, title: `Welcome to ${appName}`, body: body }, { children: [primaryWallet && createPrimaryWalletCard(primaryWallet), jsxRuntime.jsx(SecondaryWallets.MemoSecondaryWallets, { hideUnlinkAction: true })] })));
 };
 
 exports.BridgeSummaryView = BridgeSummaryView;

package/src/lib/views/BridgeSummaryView/BridgeSummaryView.js

@@ -1,6 +1,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
 import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
+import { ConnectedWalletsListLayout } from '../../layouts/ConnectedWalletsListLayout/ConnectedWalletsListLayout.js';
 import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
 import { getChainIcon } from '../../shared/utils/functions/chain/getChainIcon.js';
@@ -9,27 +11,30 @@ import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'ethers';
-import 'react';
 import '@dynamic-labs/iconic';
 import '../../context/ViewContext/ViewContext.js';
 import '../../shared/consts/index.js';
-import { ConnectedWalletsListLayout } from '../../layouts/ConnectedWalletsListLayout/ConnectedWalletsListLayout.js';
 import { DynamicBridgeWalletCard } from '../../widgets/DynamicBridgeWidget/components/DynamicBridgeWalletCard/DynamicBridgeWalletCard.js';
 import { DynamicBridgeWalletCardBody } from '../../widgets/DynamicBridgeWidget/components/DynamicBridgeWalletCardBody/DynamicBridgeWalletCardBody.js';
-import { Balance } from '../../widgets/DynamicWidget/components/Balance/Balance.js';
 import { MemoSecondaryWallets } from '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import { Balance } from '../../widgets/DynamicWidget/components/Balance/Balance.js';
 
 const BridgeSummaryView = () => {
-    const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext();
-    if (!primaryWallet) {
-        throw new Error('primaryWallet should be defined');
-    }
-    const PrimaryWalletChainIcon = getChainIcon(primaryWallet.chain);
-    const primaryWalletChainInfo = getChainInfo(primaryWallet.chain);
+    const { primaryWallet, setShowAuthFlow, appName, walletsByChain = [], } = useInternalDynamicContext();
     const onClickClose = () => setShowAuthFlow(false);
-    return (jsxs(ConnectedWalletsListLayout, Object.assign({ onClickClose: onClickClose, onClickAction: onClickClose, title: "Well done, you're connected" }, { children: [jsx(DynamicBridgeWalletCard, Object.assign({ networkIcon: jsx(PrimaryWalletChainIcon, {}), networkName: primaryWalletChainInfo === null || primaryWalletChainInfo === void 0 ? void 0 : primaryWalletChainInfo.displayName }, { children: jsx(DynamicBridgeWalletCardBody, { walletName: primaryWallet.connector.name, walletAddress: primaryWallet.address, walletBalance: 
-                    // eslint-disable-next-line react/jsx-wrap-multilines
-                    jsx(Balance, { address: primaryWallet.address, connector: primaryWallet.connector, network: primaryWallet.chain }) }) })), jsx(MemoSecondaryWallets, { hideUnlinkAction: true })] })));
+    const body = useMemo(() => {
+        const blockchainNames = walletsByChain.map(({ chain }) => { var _a; return (_a = getChainInfo(chain)) === null || _a === void 0 ? void 0 : _a.blockchainName; });
+        const [firstBlockchainName, secondBlockchainName] = blockchainNames;
+        return `Congratulations on connecting both your ${firstBlockchainName} and ${secondBlockchainName} wallets`;
+    }, [walletsByChain]);
+    const createPrimaryWalletCard = (wallet) => {
+        const PrimaryWalletChainIcon = getChainIcon(wallet.chain);
+        const primaryWalletChainInfo = getChainInfo(wallet.chain);
+        return (jsx(DynamicBridgeWalletCard, Object.assign({ networkIcon: jsx(PrimaryWalletChainIcon, {}), networkName: primaryWalletChainInfo === null || primaryWalletChainInfo === void 0 ? void 0 : primaryWalletChainInfo.displayName }, { children: jsx(DynamicBridgeWalletCardBody, { walletName: wallet.connector.name, walletAddress: wallet.address, walletBalance: 
+                // eslint-disable-next-line react/jsx-wrap-multilines
+                jsx(Balance, { address: wallet.address, connector: wallet.connector, network: wallet.chain }) }) })));
+    };
+    return (jsxs(ConnectedWalletsListLayout, Object.assign({ onClickClose: onClickClose, onClickAction: onClickClose, title: `Welcome to ${appName}`, body: body }, { children: [primaryWallet && createPrimaryWalletCard(primaryWallet), jsx(MemoSecondaryWallets, { hideUnlinkAction: true })] })));
 };
 
 export { BridgeSummaryView };

package/src/lib/views/BridgeWelcomeView/BridgeWelcomeView.cjs

@@ -26,7 +26,7 @@ const BridgeWelcomeView = () => {
     const body = React.useMemo(() => {
         const blockchainNames = walletsByChain.map(({ chain }) => { var _a; return (_a = walletConnectorCore.getChainInfo(chain)) === null || _a === void 0 ? void 0 : _a.blockchainName; });
         const [firstBlockchainName, secondBlockchainName] = blockchainNames;
-        return `You’ll need to connect both an ${firstBlockchainName} and a ${secondBlockchainName} wallet to get started`;
+        return `You’ll need to connect both your ${firstBlockchainName} and ${secondBlockchainName} wallets to get started`;
     }, [walletsByChain]);
     const chains = React.useMemo(() => walletsByChain
         .map(({ chain }, index) => {
@@ -42,7 +42,7 @@ const BridgeWelcomeView = () => {
         return undefined;
     })
         .filter(isChainInfoDefined), [walletsByChain]);
-    return (jsxRuntime.jsx(BridgeWelcomeLayout.BridgeWelcomeLayout, { onClickClose: () => setShowAuthFlow(false), title: `Welcome ${appName}`, body: body, chains: chains, actionButtonText: 'Get started', onClickAction: () => setView('wallet-list') }));
+    return (jsxRuntime.jsx(BridgeWelcomeLayout.BridgeWelcomeLayout, { onClickClose: () => setShowAuthFlow(false), title: `Connect to ${appName}`, body: body, chains: chains, actionButtonText: 'Get started', onClickAction: () => setView('wallet-list') }));
 };
 
 exports.BridgeWelcomeView = BridgeWelcomeView;

package/src/lib/views/BridgeWelcomeView/BridgeWelcomeView.js

@@ -22,7 +22,7 @@ const BridgeWelcomeView = () => {
     const body = useMemo(() => {
         const blockchainNames = walletsByChain.map(({ chain }) => { var _a; return (_a = getChainInfo(chain)) === null || _a === void 0 ? void 0 : _a.blockchainName; });
         const [firstBlockchainName, secondBlockchainName] = blockchainNames;
-        return `You’ll need to connect both an ${firstBlockchainName} and a ${secondBlockchainName} wallet to get started`;
+        return `You’ll need to connect both your ${firstBlockchainName} and ${secondBlockchainName} wallets to get started`;
     }, [walletsByChain]);
     const chains = useMemo(() => walletsByChain
         .map(({ chain }, index) => {
@@ -38,7 +38,7 @@ const BridgeWelcomeView = () => {
         return undefined;
     })
         .filter(isChainInfoDefined), [walletsByChain]);
-    return (jsx(BridgeWelcomeLayout, { onClickClose: () => setShowAuthFlow(false), title: `Welcome ${appName}`, body: body, chains: chains, actionButtonText: 'Get started', onClickAction: () => setView('wallet-list') }));
+    return (jsx(BridgeWelcomeLayout, { onClickClose: () => setShowAuthFlow(false), title: `Connect to ${appName}`, body: body, chains: chains, actionButtonText: 'Get started', onClickAction: () => setView('wallet-list') }));
 };
 
 export { BridgeWelcomeView };

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

@@ -34,23 +34,25 @@ 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');
 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 = () => {
-    const { consumeNonce, displayTermsOfService, environmentId, projectSettings, setIsSingleWalletAccount, selectedWalletConnector: walletConnector, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { consumeNonce, displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, selectedWalletConnector: walletConnector, } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView } = ViewContext.useViewContext();
     const { setCaptchaToken } = CaptchaContext.useCaptchaContext();
     const verifyWallet = useVerifyWallet.useVerifyWallet({
         consumeNonce,
-        displayTermsOfService,
+        displaySiweStatement,
         environmentId,
         projectSettings,
         setIsSingleWalletAccount,

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

@@ -30,23 +30,25 @@ 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';
 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 = () => {
-    const { consumeNonce, displayTermsOfService, environmentId, projectSettings, setIsSingleWalletAccount, selectedWalletConnector: walletConnector, } = useInternalDynamicContext();
+    const { consumeNonce, displaySiweStatement, environmentId, projectSettings, setIsSingleWalletAccount, selectedWalletConnector: walletConnector, } = useInternalDynamicContext();
     const { setView } = useViewContext();
     const { setCaptchaToken } = useCaptchaContext();
     const verifyWallet = useVerifyWallet({
         consumeNonce,
-        displayTermsOfService,
+        displaySiweStatement,
         environmentId,
         projectSettings,
         setIsSingleWalletAccount,

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

@@ -32,6 +32,7 @@ require('@dynamic-labs/rpc-providers');
 require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../context/MockContext/MockContext.cjs');
@@ -43,6 +44,8 @@ require('../../components/Popper/Popper/Popper.cjs');
 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');
@@ -61,7 +64,7 @@ const CollectUserDataView = () => {
     const _isSupportedNetwork = !network || isSupportedNetwork.isSupportedNetwork({ network, walletConnector });
     return (jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data', "data-testid": 'collect-user-data-view' }, { children: [onboardingImageUrl && (jsxRuntime.jsx("img", { className: 'collect-user-data__main-img', src: onboardingImageUrl, alt: 'onboarding' })), !_isSupportedNetwork && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, Object.assign({ withIcon: false, className: 'collect-user-data__error--not-supported' }, { children: "This network is not available, please update." }))), jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data__form' }, { children: [jsxRuntime.jsxs(OnboardingUserDataForm.OnboardingUserDataForm, Object.assign({ disableSubmit: !_isSupportedNetwork, userProfile: userProfile }, { children: [jsxRuntime.jsx("div", Object.assign({ className: 'collect-user-data__img-container' }, { children: (nameService === null || nameService === void 0 ? void 0 : nameService.avatar) ? (jsxRuntime.jsx("img", { src: nameService.avatar, alt: '', className: 'collect-user-data__img collect-user-data__img--rounded' })) : (jsxRuntime.jsx(AuthProviderIcon.AuthProviderIcon, { jwt: onboardingOnlyJwt })) })), jsxRuntime.jsx(UserAddress.UserAddress, { userProfile: userProfile }), jsxRuntime.jsx("div", Object.assign({ className: 'collect-user-data__network-container' }, { children: jsxRuntime.jsx(NetworkPicker.NetworkPicker, { evmNetworks: evmNetworks, connector: walletConnector, showNetworkName: true, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, buttonClassName: 'collect-user-data__network-picker-button', mainClassName: 'collect-user-data__network-picker' }) })), !_isSupportedNetwork ? (jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data__welcome-container' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'title', color: 'primary', className: 'collect-user-data__welcome-title' }, { children: "Update Network" })), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: "Your wallet is not connected to a supported network. Please update before continuing." }))] }))) : (jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data__welcome-container' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'title', color: 'primary', className: 'collect-user-data__welcome-title' }, { children: (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.collectUserDataWelcomeHeader) ||
                                             `Welcome to ${appName}` })), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.collectUserDataWelcomeMessage) ||
-                                            'We need a bit of information to get started' }))] })))] })), jsxRuntime.jsx(TextButton.TextButton, Object.assign({ className: 'collect-user-data__log-out', onClick: () => handleLogOut() }, { children: "Log out" }))] }))] })));
+                                            'We need a bit of information to get started' }))] })))] })), jsxRuntime.jsx(TextButton.TextButton, Object.assign({ className: 'collect-user-data__log-out', onClick: handleLogOut }, { children: "Log out" }))] }))] })));
 };
 
 exports.CollectUserDataView = CollectUserDataView;

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

@@ -28,6 +28,7 @@ import '@dynamic-labs/rpc-providers';
 import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
 import '../../context/MockContext/MockContext.js';
@@ -39,6 +40,8 @@ import '../../components/Popper/Popper/Popper.js';
 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';
@@ -57,7 +60,7 @@ const CollectUserDataView = () => {
     const _isSupportedNetwork = !network || isSupportedNetwork({ network, walletConnector });
     return (jsxs("div", Object.assign({ className: 'collect-user-data', "data-testid": 'collect-user-data-view' }, { children: [onboardingImageUrl && (jsx("img", { className: 'collect-user-data__main-img', src: onboardingImageUrl, alt: 'onboarding' })), !_isSupportedNetwork && (jsx(ErrorContainer, Object.assign({ withIcon: false, className: 'collect-user-data__error--not-supported' }, { children: "This network is not available, please update." }))), jsxs("div", Object.assign({ className: 'collect-user-data__form' }, { children: [jsxs(OnboardingUserDataForm, Object.assign({ disableSubmit: !_isSupportedNetwork, userProfile: userProfile }, { children: [jsx("div", Object.assign({ className: 'collect-user-data__img-container' }, { children: (nameService === null || nameService === void 0 ? void 0 : nameService.avatar) ? (jsx("img", { src: nameService.avatar, alt: '', className: 'collect-user-data__img collect-user-data__img--rounded' })) : (jsx(AuthProviderIcon, { jwt: onboardingOnlyJwt })) })), jsx(UserAddress, { userProfile: userProfile }), jsx("div", Object.assign({ className: 'collect-user-data__network-container' }, { children: jsx(NetworkPicker, { evmNetworks: evmNetworks, connector: walletConnector, showNetworkName: true, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, buttonClassName: 'collect-user-data__network-picker-button', mainClassName: 'collect-user-data__network-picker' }) })), !_isSupportedNetwork ? (jsxs("div", Object.assign({ className: 'collect-user-data__welcome-container' }, { children: [jsx(Typography, Object.assign({ variant: 'title', color: 'primary', className: 'collect-user-data__welcome-title' }, { children: "Update Network" })), jsx(Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: "Your wallet is not connected to a supported network. Please update before continuing." }))] }))) : (jsxs("div", Object.assign({ className: 'collect-user-data__welcome-container' }, { children: [jsx(Typography, Object.assign({ variant: 'title', color: 'primary', className: 'collect-user-data__welcome-title' }, { children: (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.collectUserDataWelcomeHeader) ||
                                             `Welcome to ${appName}` })), jsx(Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.collectUserDataWelcomeMessage) ||
-                                            'We need a bit of information to get started' }))] })))] })), jsx(TextButton, Object.assign({ className: 'collect-user-data__log-out', onClick: () => handleLogOut() }, { children: "Log out" }))] }))] })));
+                                            'We need a bit of information to get started' }))] })))] })), jsx(TextButton, Object.assign({ className: 'collect-user-data__log-out', onClick: handleLogOut }, { children: "Log out" }))] }))] })));
 };
 
 export { CollectUserDataView };

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

@@ -32,6 +32,7 @@ require('@dynamic-labs/rpc-providers');
 require('../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../components/IconButton/IconButton.cjs');
 var Button = require('../../../components/Button/Button.cjs');
 require('../../../components/Alert/Alert.cjs');
@@ -41,22 +42,31 @@ var useUserUpdateRequest = require('../../../utils/hooks/useUserUpdateRequest/us
 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');
 
 const OnboardingUserDataForm = ({ children, userProfile, disableSubmit, }) => {
     const { policiesConsentInnerComponent, onboardingOnlyJwt, setShowAuthFlow, setCallback, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView } = ViewContext.useViewContext();
+    const { setView, view } = ViewContext.useViewContext();
     const decodedJwt = decodeJwt.decodeJwt(onboardingOnlyJwt);
     const { updateUser } = useUserUpdateRequest.useUserUpdateRequestInternal({
         validationSchemaStripUnknown: false,
     });
     const onSubmit = React.useCallback((formValues) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        const { isEmailVerificationRequired } = yield updateUser(formValues);
-        if (isEmailVerificationRequired) {
+        const { isEmailVerificationRequired, missingFields } = yield updateUser(formValues);
+        if (isEmailVerificationRequired &&
+            missingFields.map((field) => field.name).toString() === 'email') {
             setView('verify-email');
             return;
         }
+        else if (missingFields.length > 0) {
+            // make sure we capture the fields that are required and still missing!
+            // do not change the view, just use the current one
+            setView(view);
+            return;
+        }
         setShowAuthFlow(false);
         setCallback('authSuccess');
     }), [setCallback, setShowAuthFlow, setView, updateUser]);

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

@@ -28,6 +28,7 @@ import '@dynamic-labs/rpc-providers';
 import '../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../context/ErrorContext/ErrorContext.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../components/IconButton/IconButton.js';
 import { Button } from '../../../components/Button/Button.js';
 import '../../../components/Alert/Alert.js';
@@ -37,22 +38,31 @@ import { useUserUpdateRequestInternal } from '../../../utils/hooks/useUserUpdate
 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';
 
 const OnboardingUserDataForm = ({ children, userProfile, disableSubmit, }) => {
     const { policiesConsentInnerComponent, onboardingOnlyJwt, setShowAuthFlow, setCallback, } = useInternalDynamicContext();
-    const { setView } = useViewContext();
+    const { setView, view } = useViewContext();
     const decodedJwt = decodeJwt(onboardingOnlyJwt);
     const { updateUser } = useUserUpdateRequestInternal({
         validationSchemaStripUnknown: false,
     });
     const onSubmit = useCallback((formValues) => __awaiter(void 0, void 0, void 0, function* () {
-        const { isEmailVerificationRequired } = yield updateUser(formValues);
-        if (isEmailVerificationRequired) {
+        const { isEmailVerificationRequired, missingFields } = yield updateUser(formValues);
+        if (isEmailVerificationRequired &&
+            missingFields.map((field) => field.name).toString() === 'email') {
             setView('verify-email');
             return;
         }
+        else if (missingFields.length > 0) {
+            // make sure we capture the fields that are required and still missing!
+            // do not change the view, just use the current one
+            setView(view);
+            return;
+        }
         setShowAuthFlow(false);
         setCallback('authSuccess');
     }), [setCallback, setShowAuthFlow, setView, updateUser]);