@dynamic-labs/sdk-react-core 0.19.0-alpha.17 → 0.19.0-alpha.19

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

@@ -23,9 +23,35 @@ var api = require('../../../data/api.cjs');
 require('@dynamic-labs/multi-wallet');
 var shouldManuallyReconnectOnRefresh = require('../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.cjs');
 
-const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, onUnlink, onBeforeConnectSuccessConfirmation, setShowAuthFlow, }) => {
+const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, onUnlink, onBeforeConnectSuccessConfirmation, setShowAuthFlow, isBridgeFlow, }) => {
     const [connectedWalletsInfo, setConnectedWalletsInfo, removeConnectedWalletsInfo,] = useLocalStorage.useLocalStorage(localStorage.CONNECTED_WALLETS_INFO, []);
     const [connectedWallets, setConnectedWallets] = React.useState([]);
+    const unlinkConnectedWallet = React.useCallback((walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const walletToDisconnect = connectedWallets.find((wallet) => wallet.id === walletId);
+        yield (walletToDisconnect === null || walletToDisconnect === void 0 ? void 0 : walletToDisconnect.connector.endSession());
+        const updatedConnectedWalletsInfo = connectedWalletsInfo.filter((wallet) => wallet.id !== walletId);
+        setConnectedWalletsInfo(updatedConnectedWalletsInfo);
+        onUnlink(updatedConnectedWalletsInfo, walletToDisconnect);
+        if (walletId !== primaryWalletId) {
+            return;
+        }
+        const hasConnectedWallet = updatedConnectedWalletsInfo.length > 0;
+        if (isBridgeFlow || !hasConnectedWallet) {
+            clearPrimaryWalletId();
+        }
+        else {
+            setPrimaryWalletId(updatedConnectedWalletsInfo[0].id);
+        }
+    }), [
+        clearPrimaryWalletId,
+        connectedWallets,
+        connectedWalletsInfo,
+        isBridgeFlow,
+        onUnlink,
+        primaryWalletId,
+        setConnectedWalletsInfo,
+        setPrimaryWalletId,
+    ]);
     // The function to update and define the connectedWallets list.
     // It uses walletConnector to get the current wallet address and network
     // The address and network in the runtime are updated by the event listeners
@@ -36,14 +62,19 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
         if (!walletConnectors.length) {
             return;
         }
-        const nextConnectedWallets = (yield Promise.all(connectedWalletsInfo.map((storedConnectedWalletInfo) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const updatedConnectedWallets = (yield Promise.all(connectedWalletsInfo.map((storedConnectedWalletInfo) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
             const walletConnector = walletConnectorCore.getWalletConnectorByKey(walletConnectors, storedConnectedWalletInfo.walletConnectorKey);
             if (!walletConnector) {
                 walletConnectorCore.logger.error('Could not find walletConnector: ' +
                     storedConnectedWalletInfo.walletConnectorKey);
-                return Promise.resolve(null);
+                yield unlinkConnectedWallet(storedConnectedWalletInfo.id);
+                return null;
             }
             const [walletAddress] = yield walletConnector.getConnectedAccounts();
+            if (!walletAddress) {
+                yield unlinkConnectedWallet(storedConnectedWalletInfo.id);
+                return null;
+            }
             const walletNetwork = yield walletConnector.getNetwork();
             const walletChain = walletConnector.connectedChain;
             const walletObject = {
@@ -54,14 +85,15 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
                 id: storedConnectedWalletInfo.id,
                 network: walletNetwork,
             };
-            return Promise.resolve(walletObject);
+            return walletObject;
         })))).filter((wallet) => Boolean(wallet));
-        setConnectedWallets(nextConnectedWallets);
-    }), [connectedWalletsInfo, wallets]);
+        setConnectedWallets(updatedConnectedWallets);
+    }), [connectedWalletsInfo, unlinkConnectedWallet, wallets]);
     // Generate the connectedWallets list when connectedWalletsInfo (localStorage) or memoized wallet connector updates
     React.useEffect(() => {
         updateConnectedWalletsList();
-    }, [updateConnectedWalletsList]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [connectedWalletsInfo, wallets]);
     const getNextIdAvailable = React.useCallback((currentWallets) => {
         const existingIds = currentWallets.map(({ id }) => id);
         const sortedIds = existingIds
@@ -85,15 +117,14 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
     const connectedWallet = connectedWallets[0] || null;
     // Keeps connected wallet data inside localStorage
     const applyConnectedWalletToStore = ({ walletId, walletConnectorKey, walletChain, provider, }) => {
-        const nextConnectedWalletsInfo = [...connectedWalletsInfo];
-        nextConnectedWalletsInfo.push({
+        const updatedConnectedWalletsInfo = [...connectedWalletsInfo];
+        updatedConnectedWalletsInfo.push({
             id: walletId,
             provider,
             walletChain,
             walletConnectorKey,
         });
-        setConnectedWalletsInfo(nextConnectedWalletsInfo);
-        return Promise.resolve();
+        setConnectedWalletsInfo(updatedConnectedWalletsInfo);
     };
     // Updates connected wallet (network and address) and verifies connected wallet connection
     const refreshConnectedWallet = (walletId, walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -171,20 +202,7 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
                 });
             }
         }
-        return Promise.resolve(publicWalletAddress);
-    });
-    const unlinkConnectedWallet = (walletId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        const connectedWalletToUnlink = connectedWallets.find((wallet) => wallet.id === walletId);
-        if (!connectedWalletToUnlink) {
-            return;
-        }
-        yield connectedWalletToUnlink.connector.endSession();
-        const filteredWallets = connectedWalletsInfo.filter((wallet) => wallet.id !== walletId);
-        if (walletId === primaryWalletId) {
-            clearPrimaryWalletId();
-        }
-        setConnectedWalletsInfo(filteredWallets);
-        onUnlink(connectedWalletToUnlink, filteredWallets);
+        return publicWalletAddress;
     });
     const getConnectedWalletById = React.useCallback((walletId) => connectedWallets.find((wallet) => wallet.id === walletId), [connectedWallets]);
     return {

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

@@ -15,9 +15,10 @@ type Props = {
     primaryWalletId: string | undefined;
     setPrimaryWalletId: (walletId: string) => void;
     wallets: WalletOption[];
-    onUnlink: (wallet: Wallet, connectedWalletsInfo: ConnectedWalletConnectorType[]) => void;
+    onUnlink: (connectedWalletsInfo: ConnectedWalletConnectorType[], wallet?: Wallet) => void;
     onBeforeConnectSuccessConfirmation: OnBeforeConnectSuccessConfirmation | undefined;
     setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
+    isBridgeFlow: boolean;
 };
 type UseConnectWalletValue = {
     connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts, shouldCallCallback?: boolean) => Promise<string | undefined>;
@@ -29,5 +30,5 @@ type UseConnectWalletValue = {
     removeConnectedWalletsInfo: () => void;
     unlinkConnectedWallet: (walletId: string) => Promise<void>;
 };
-export declare const useConnectWallet: ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, onUnlink, onBeforeConnectSuccessConfirmation, setShowAuthFlow, }: Props) => UseConnectWalletValue;
+export declare const useConnectWallet: ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, onUnlink, onBeforeConnectSuccessConfirmation, setShowAuthFlow, isBridgeFlow, }: Props) => UseConnectWalletValue;
 export {};

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

@@ -19,9 +19,35 @@ import { createVisit } from '../../../data/api.js';
 import '@dynamic-labs/multi-wallet';
 import { shouldManuallyReconnectOnRefresh } from '../../functions/shouldManuallyReconnectOnRefresh/shouldManuallyReconnectOnRefresh.js';
 
-const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, onUnlink, onBeforeConnectSuccessConfirmation, setShowAuthFlow, }) => {
+const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, onUnlink, onBeforeConnectSuccessConfirmation, setShowAuthFlow, isBridgeFlow, }) => {
     const [connectedWalletsInfo, setConnectedWalletsInfo, removeConnectedWalletsInfo,] = useLocalStorage(CONNECTED_WALLETS_INFO, []);
     const [connectedWallets, setConnectedWallets] = useState([]);
+    const unlinkConnectedWallet = useCallback((walletId) => __awaiter(void 0, void 0, void 0, function* () {
+        const walletToDisconnect = connectedWallets.find((wallet) => wallet.id === walletId);
+        yield (walletToDisconnect === null || walletToDisconnect === void 0 ? void 0 : walletToDisconnect.connector.endSession());
+        const updatedConnectedWalletsInfo = connectedWalletsInfo.filter((wallet) => wallet.id !== walletId);
+        setConnectedWalletsInfo(updatedConnectedWalletsInfo);
+        onUnlink(updatedConnectedWalletsInfo, walletToDisconnect);
+        if (walletId !== primaryWalletId) {
+            return;
+        }
+        const hasConnectedWallet = updatedConnectedWalletsInfo.length > 0;
+        if (isBridgeFlow || !hasConnectedWallet) {
+            clearPrimaryWalletId();
+        }
+        else {
+            setPrimaryWalletId(updatedConnectedWalletsInfo[0].id);
+        }
+    }), [
+        clearPrimaryWalletId,
+        connectedWallets,
+        connectedWalletsInfo,
+        isBridgeFlow,
+        onUnlink,
+        primaryWalletId,
+        setConnectedWalletsInfo,
+        setPrimaryWalletId,
+    ]);
     // The function to update and define the connectedWallets list.
     // It uses walletConnector to get the current wallet address and network
     // The address and network in the runtime are updated by the event listeners
@@ -32,14 +58,19 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
         if (!walletConnectors.length) {
             return;
         }
-        const nextConnectedWallets = (yield Promise.all(connectedWalletsInfo.map((storedConnectedWalletInfo) => __awaiter(void 0, void 0, void 0, function* () {
+        const updatedConnectedWallets = (yield Promise.all(connectedWalletsInfo.map((storedConnectedWalletInfo) => __awaiter(void 0, void 0, void 0, function* () {
             const walletConnector = getWalletConnectorByKey(walletConnectors, storedConnectedWalletInfo.walletConnectorKey);
             if (!walletConnector) {
                 logger.error('Could not find walletConnector: ' +
                     storedConnectedWalletInfo.walletConnectorKey);
-                return Promise.resolve(null);
+                yield unlinkConnectedWallet(storedConnectedWalletInfo.id);
+                return null;
             }
             const [walletAddress] = yield walletConnector.getConnectedAccounts();
+            if (!walletAddress) {
+                yield unlinkConnectedWallet(storedConnectedWalletInfo.id);
+                return null;
+            }
             const walletNetwork = yield walletConnector.getNetwork();
             const walletChain = walletConnector.connectedChain;
             const walletObject = {
@@ -50,14 +81,15 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
                 id: storedConnectedWalletInfo.id,
                 network: walletNetwork,
             };
-            return Promise.resolve(walletObject);
+            return walletObject;
         })))).filter((wallet) => Boolean(wallet));
-        setConnectedWallets(nextConnectedWallets);
-    }), [connectedWalletsInfo, wallets]);
+        setConnectedWallets(updatedConnectedWallets);
+    }), [connectedWalletsInfo, unlinkConnectedWallet, wallets]);
     // Generate the connectedWallets list when connectedWalletsInfo (localStorage) or memoized wallet connector updates
     useEffect(() => {
         updateConnectedWalletsList();
-    }, [updateConnectedWalletsList]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [connectedWalletsInfo, wallets]);
     const getNextIdAvailable = useCallback((currentWallets) => {
         const existingIds = currentWallets.map(({ id }) => id);
         const sortedIds = existingIds
@@ -81,15 +113,14 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
     const connectedWallet = connectedWallets[0] || null;
     // Keeps connected wallet data inside localStorage
     const applyConnectedWalletToStore = ({ walletId, walletConnectorKey, walletChain, provider, }) => {
-        const nextConnectedWalletsInfo = [...connectedWalletsInfo];
-        nextConnectedWalletsInfo.push({
+        const updatedConnectedWalletsInfo = [...connectedWalletsInfo];
+        updatedConnectedWalletsInfo.push({
             id: walletId,
             provider,
             walletChain,
             walletConnectorKey,
         });
-        setConnectedWalletsInfo(nextConnectedWalletsInfo);
-        return Promise.resolve();
+        setConnectedWalletsInfo(updatedConnectedWalletsInfo);
     };
     // Updates connected wallet (network and address) and verifies connected wallet connection
     const refreshConnectedWallet = (walletId, walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
@@ -167,20 +198,7 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
                 });
             }
         }
-        return Promise.resolve(publicWalletAddress);
-    });
-    const unlinkConnectedWallet = (walletId) => __awaiter(void 0, void 0, void 0, function* () {
-        const connectedWalletToUnlink = connectedWallets.find((wallet) => wallet.id === walletId);
-        if (!connectedWalletToUnlink) {
-            return;
-        }
-        yield connectedWalletToUnlink.connector.endSession();
-        const filteredWallets = connectedWalletsInfo.filter((wallet) => wallet.id !== walletId);
-        if (walletId === primaryWalletId) {
-            clearPrimaryWalletId();
-        }
-        setConnectedWalletsInfo(filteredWallets);
-        onUnlink(connectedWalletToUnlink, filteredWallets);
+        return publicWalletAddress;
     });
     const getConnectedWalletById = useCallback((walletId) => connectedWallets.find((wallet) => wallet.id === walletId), [connectedWallets]);
     return {

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

@@ -52,6 +52,9 @@ const useDynamicLayoutData = ({ view, authMode, }) => {
         'login-with-email-or-wallet-full-wallet-list': {
             heading: t('dyn_login.title.all_wallet_list'),
         },
+        'login-with-email-verification': {
+            heading: 'Confirm verification code',
+        },
         'login-with-wallet-only': {
             heading: t('dyn_login.title.wallet_only'),
         },
@@ -60,13 +63,34 @@ const useDynamicLayoutData = ({ view, authMode, }) => {
                 ? t('dyn_wallet_list.title.connect')
                 : t('dyn_wallet_list.title.link'),
         },
+        'network-not-supported': {
+            heading: 'Update Network',
+        },
+        'pending-connect': {
+            heading: t('dyn_login.connect_wallet.title'),
+        },
+        'pending-signature': {
+            heading: t('dyn_login.sign_wallet.title'),
+        },
+        'qr-code': {
+            heading: t('dyn_login.qr_code.title'),
+        },
+        'verify-email': {
+            heading: 'Confirm verification code',
+        },
         'wallet-connect-mobile-wallets-list': {
             heading: (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(iconic.WalletConnectIcon, { style: { height: '1.5rem', width: '1.5rem' } }), ' ', t('dyn_wallet_conect.mobile.wallet_list.title')] })),
         },
+        'wallet-group': {
+            heading: t('dyn_login.wallet_group.title'),
+        },
         'wallet-list': {
             heading: t('dyn_wallet_list.title.select'),
         },
         'wallet-sign': { heading: t('dyn_wallet_transfer.sign.title') },
+        'wallet-used': {
+            heading: 'Transfer this wallet?',
+        },
     };
     const helpHeaderData = helpHeaderMap[view];
     const headerData = headerMap[view];

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

@@ -48,6 +48,9 @@ const useDynamicLayoutData = ({ view, authMode, }) => {
         'login-with-email-or-wallet-full-wallet-list': {
             heading: t('dyn_login.title.all_wallet_list'),
         },
+        'login-with-email-verification': {
+            heading: 'Confirm verification code',
+        },
         'login-with-wallet-only': {
             heading: t('dyn_login.title.wallet_only'),
         },
@@ -56,13 +59,34 @@ const useDynamicLayoutData = ({ view, authMode, }) => {
                 ? t('dyn_wallet_list.title.connect')
                 : t('dyn_wallet_list.title.link'),
         },
+        'network-not-supported': {
+            heading: 'Update Network',
+        },
+        'pending-connect': {
+            heading: t('dyn_login.connect_wallet.title'),
+        },
+        'pending-signature': {
+            heading: t('dyn_login.sign_wallet.title'),
+        },
+        'qr-code': {
+            heading: t('dyn_login.qr_code.title'),
+        },
+        'verify-email': {
+            heading: 'Confirm verification code',
+        },
         'wallet-connect-mobile-wallets-list': {
             heading: (jsxs(Fragment, { children: [jsx(WalletConnectIcon, { style: { height: '1.5rem', width: '1.5rem' } }), ' ', t('dyn_wallet_conect.mobile.wallet_list.title')] })),
         },
+        'wallet-group': {
+            heading: t('dyn_login.wallet_group.title'),
+        },
         'wallet-list': {
             heading: t('dyn_wallet_list.title.select'),
         },
         'wallet-sign': { heading: t('dyn_wallet_transfer.sign.title') },
+        'wallet-used': {
+            heading: 'Transfer this wallet?',
+        },
     };
     const helpHeaderData = helpHeaderMap[view];
     const headerData = headerMap[view];

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

@@ -5,10 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 
 const useIsLoggedIn = () => {
-    const { authMode, user, primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
-    if (authMode === 'connect-and-sign')
-        return Boolean(user);
-    return Boolean(primaryWallet);
+    const { user, primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
+    return Boolean(user || primaryWallet);
 };
 
 exports.useIsLoggedIn = useIsLoggedIn;

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

@@ -1,10 +1,8 @@
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 
 const useIsLoggedIn = () => {
-    const { authMode, user, primaryWallet } = useInternalDynamicContext();
-    if (authMode === 'connect-and-sign')
-        return Boolean(user);
-    return Boolean(primaryWallet);
+    const { user, primaryWallet } = useInternalDynamicContext();
+    return Boolean(user || primaryWallet);
 };
 
 export { useIsLoggedIn };

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

@@ -25,10 +25,10 @@ const usePrimaryWalletId = (internalEvents) => {
     const setPrimaryWalletId = React.useCallback((walletId) => {
         setPrimaryWalletIdState(walletId);
     }, [setPrimaryWalletIdState]);
-    const clearPrimaryWalletId = () => {
+    const clearPrimaryWalletId = React.useCallback(() => {
         clearPrimaryWalletIdStorage();
         internalEvents.emit('clearPrimaryWallet');
-    };
+    }, [clearPrimaryWalletIdStorage, internalEvents]);
     return {
         clearPrimaryWalletId,
         primaryWalletId,

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

@@ -21,10 +21,10 @@ const usePrimaryWalletId = (internalEvents) => {
     const setPrimaryWalletId = useCallback((walletId) => {
         setPrimaryWalletIdState(walletId);
     }, [setPrimaryWalletIdState]);
-    const clearPrimaryWalletId = () => {
+    const clearPrimaryWalletId = useCallback(() => {
         clearPrimaryWalletIdStorage();
         internalEvents.emit('clearPrimaryWallet');
-    };
+    }, [clearPrimaryWalletIdStorage, internalEvents]);
     return {
         clearPrimaryWalletId,
         primaryWalletId,

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

@@ -147,7 +147,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
             try {
                 // this function will check turnkey wallet enabled and create wallet if needed
                 // if not enabled, it will throw an error.
-                createEmbeddedWallet();
+                yield createEmbeddedWallet();
                 onSettled === null || onSettled === void 0 ? void 0 : onSettled();
             }
             catch (e) {

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

@@ -143,7 +143,7 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
             try {
                 // this function will check turnkey wallet enabled and create wallet if needed
                 // if not enabled, it will throw an error.
-                createEmbeddedWallet();
+                yield createEmbeddedWallet();
                 onSettled === null || onSettled === void 0 ? void 0 : onSettled();
             }
             catch (e) {

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

@@ -36,6 +36,7 @@ require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/QrCodeContext/QrCodeContext.cjs');
 require('react-i18next');
+var PoweredByDynamic = require('../../components/PoweredByDynamic/PoweredByDynamic.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
@@ -54,7 +55,6 @@ require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('formik');
 require('yup');
 require('../../components/IconButton/IconButton.cjs');
-var PoweredByDynamic = require('../../components/PoweredByDynamic/PoweredByDynamic.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');

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

@@ -32,6 +32,7 @@ import '../../context/FooterAnimationContext/index.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/QrCodeContext/QrCodeContext.js';
 import 'react-i18next';
+import { PoweredByDynamic } from '../../components/PoweredByDynamic/PoweredByDynamic.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
@@ -50,7 +51,6 @@ import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import 'formik';
 import 'yup';
 import '../../components/IconButton/IconButton.js';
-import { PoweredByDynamic } from '../../components/PoweredByDynamic/PoweredByDynamic.js';
 import '../../components/Alert/Alert.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';

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

@@ -10,7 +10,9 @@ require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
+var checkConnection = require('../../shared/assets/check-connection.cjs');
 require('@dynamic-labs/wallet-book');
+var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
@@ -22,6 +24,8 @@ var createUserProfile = require('../../utils/functions/createUserProfile/createU
 var isSupportedNetwork = require('../../utils/functions/isSupportedNetwork/isSupportedNetwork.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
+var classNames = require('../../utils/functions/classNames/classNames.cjs');
+var Icon = require('../../components/Icon/Icon.cjs');
 require('react-dom');
 require('react-focus-lock');
 require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
@@ -62,12 +66,12 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 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');
 var OnboardingUserDataForm = require('./OnboardingUserDataForm/OnboardingUserDataForm.cjs');
 
 const CollectUserDataView = () => {
-    const { appName, onboardingOnlyJwt, handleLogOut, projectSettings, network, decodedOnboardingOnlyToken, selectedWalletConnector: walletConnector, onboardingImageUrl, } = useInternalDynamicContext.useInternalDynamicContext();
+    var _a;
+    const { appName, onboardingOnlyJwt, projectSettings, network, decodedOnboardingOnlyToken, selectedWalletConnector: walletConnector, handleLogOut, onboardingImageUrl, } = useInternalDynamicContext.useInternalDynamicContext();
     const [isNetworkPickerOpen, setIsNetworkPickerOpen] = React.useState(false);
     const nameService = useFetchNameService.useFetchNameService();
     if (!walletConnector || !decodedOnboardingOnlyToken) {
@@ -76,9 +80,12 @@ const CollectUserDataView = () => {
     const userProfile = createUserProfile.createUserProfile(decodedOnboardingOnlyToken);
     const evmNetworks = walletConnector.evmNetworks || [];
     const _isSupportedNetwork = !network || isSupportedNetwork.isSupportedNetwork({ network, walletConnector });
-    return (jsxRuntime.jsxs("div", { 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, { withIcon: false, className: 'collect-user-data__error--not-supported', children: "This network is not available, please update." })), jsxRuntime.jsxs("div", { className: 'collect-user-data__form', children: [jsxRuntime.jsxs(OnboardingUserDataForm.OnboardingUserDataForm, { disableSubmit: !_isSupportedNetwork, userProfile: userProfile, children: [jsxRuntime.jsx("div", { 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", { 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", { className: 'collect-user-data__welcome-container', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', className: 'collect-user-data__welcome-title', children: "Update Network" }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', children: "Your wallet is not connected to a supported network. Please update before continuing." })] })) : (jsxRuntime.jsxs("div", { className: 'collect-user-data__welcome-container', children: [jsxRuntime.jsx(Typography.Typography, { 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, { 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, { className: 'collect-user-data__log-out', onClick: handleLogOut, children: "Log out" })] })] }));
+    const walletAddress = (_a = userProfile === null || userProfile === void 0 ? void 0 : userProfile.verifiedCredentials.find((verifiedCredential) => verifiedCredential.id === userProfile.lastVerifiedCredentialId)) === null || _a === void 0 ? void 0 : _a.address;
+    return (jsxRuntime.jsxs("div", { className: 'collect-user-data', "data-testid": 'collect-user-data-view', children: [jsxRuntime.jsxs("div", { className: 'collect-user-data__network-container', children: [jsxRuntime.jsxs("div", { 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, iconSize: 28 })), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', weight: 'medium', className: 'collect-user-data__wallet-address', children: (nameService === null || nameService === void 0 ? void 0 : nameService.name) || shortenWalletAddress.shortenWalletAddress(walletAddress, 3, 3) })] }), 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' })] }), onboardingImageUrl && (jsxRuntime.jsx("img", { className: 'collect-user-data__main-img', src: onboardingImageUrl, alt: 'onboarding' })), !_isSupportedNetwork && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, { withIcon: false, className: 'collect-user-data__error--not-supported', children: "This network is not available, please update." })), jsxRuntime.jsxs("div", { className: classNames.classNames('collect-user-data__form', {
+                    'collect-user-data__form--error': !_isSupportedNetwork,
+                }), children: [jsxRuntime.jsx("div", { className: 'collect-user-data__success-icon', children: jsxRuntime.jsx(Icon.Icon, { color: 'text-primary', size: 'large', children: jsxRuntime.jsx(checkConnection.ReactComponent, {}) }) }), jsxRuntime.jsx(OnboardingUserDataForm.OnboardingUserDataForm, { disableSubmit: !_isSupportedNetwork, userProfile: userProfile, children: !_isSupportedNetwork ? (jsxRuntime.jsxs("div", { className: 'collect-user-data__welcome-container', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', className: 'collect-user-data__welcome-title', children: "Update Network" }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', children: "Your wallet is not connected to a supported network. Please update before continuing." })] })) : (jsxRuntime.jsxs("div", { className: 'collect-user-data__welcome-container', children: [jsxRuntime.jsx(Typography.Typography, { 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, { 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, { className: 'collect-user-data__log-out', onClick: handleLogOut, children: "Log out" })] })] }));
 };
 
 exports.CollectUserDataView = CollectUserDataView;

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

@@ -6,7 +6,9 @@ import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
+import { ReactComponent as SvgCheckConnection } from '../../shared/assets/check-connection.js';
 import '@dynamic-labs/wallet-book';
+import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
 import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
 import '../../shared/utils/classes/storage/localStorage.js';
@@ -18,6 +20,8 @@ import { createUserProfile } from '../../utils/functions/createUserProfile/creat
 import { isSupportedNetwork } from '../../utils/functions/isSupportedNetwork/isSupportedNetwork.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../context/ThemeContext/ThemeContext.js';
+import { classNames } from '../../utils/functions/classNames/classNames.js';
+import { Icon } from '../../components/Icon/Icon.js';
 import 'react-dom';
 import 'react-focus-lock';
 import '../../components/Transition/ZoomTransition/ZoomTransition.js';
@@ -58,12 +62,12 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 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';
 import { OnboardingUserDataForm } from './OnboardingUserDataForm/OnboardingUserDataForm.js';
 
 const CollectUserDataView = () => {
-    const { appName, onboardingOnlyJwt, handleLogOut, projectSettings, network, decodedOnboardingOnlyToken, selectedWalletConnector: walletConnector, onboardingImageUrl, } = useInternalDynamicContext();
+    var _a;
+    const { appName, onboardingOnlyJwt, projectSettings, network, decodedOnboardingOnlyToken, selectedWalletConnector: walletConnector, handleLogOut, onboardingImageUrl, } = useInternalDynamicContext();
     const [isNetworkPickerOpen, setIsNetworkPickerOpen] = useState(false);
     const nameService = useFetchNameService();
     if (!walletConnector || !decodedOnboardingOnlyToken) {
@@ -72,9 +76,12 @@ const CollectUserDataView = () => {
     const userProfile = createUserProfile(decodedOnboardingOnlyToken);
     const evmNetworks = walletConnector.evmNetworks || [];
     const _isSupportedNetwork = !network || isSupportedNetwork({ network, walletConnector });
-    return (jsxs("div", { 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, { withIcon: false, className: 'collect-user-data__error--not-supported', children: "This network is not available, please update." })), jsxs("div", { className: 'collect-user-data__form', children: [jsxs(OnboardingUserDataForm, { disableSubmit: !_isSupportedNetwork, userProfile: userProfile, children: [jsx("div", { 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", { 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", { className: 'collect-user-data__welcome-container', children: [jsx(Typography, { variant: 'title', color: 'primary', className: 'collect-user-data__welcome-title', children: "Update Network" }), jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', children: "Your wallet is not connected to a supported network. Please update before continuing." })] })) : (jsxs("div", { className: 'collect-user-data__welcome-container', children: [jsx(Typography, { 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, { 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, { className: 'collect-user-data__log-out', onClick: handleLogOut, children: "Log out" })] })] }));
+    const walletAddress = (_a = userProfile === null || userProfile === void 0 ? void 0 : userProfile.verifiedCredentials.find((verifiedCredential) => verifiedCredential.id === userProfile.lastVerifiedCredentialId)) === null || _a === void 0 ? void 0 : _a.address;
+    return (jsxs("div", { className: 'collect-user-data', "data-testid": 'collect-user-data-view', children: [jsxs("div", { className: 'collect-user-data__network-container', children: [jsxs("div", { 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, iconSize: 28 })), jsx(Typography, { variant: 'body_normal', color: 'primary', weight: 'medium', className: 'collect-user-data__wallet-address', children: (nameService === null || nameService === void 0 ? void 0 : nameService.name) || shortenWalletAddress(walletAddress, 3, 3) })] }), 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' })] }), onboardingImageUrl && (jsx("img", { className: 'collect-user-data__main-img', src: onboardingImageUrl, alt: 'onboarding' })), !_isSupportedNetwork && (jsx(ErrorContainer, { withIcon: false, className: 'collect-user-data__error--not-supported', children: "This network is not available, please update." })), jsxs("div", { className: classNames('collect-user-data__form', {
+                    'collect-user-data__form--error': !_isSupportedNetwork,
+                }), children: [jsx("div", { className: 'collect-user-data__success-icon', children: jsx(Icon, { color: 'text-primary', size: 'large', children: jsx(SvgCheckConnection, {}) }) }), jsx(OnboardingUserDataForm, { disableSubmit: !_isSupportedNetwork, userProfile: userProfile, children: !_isSupportedNetwork ? (jsxs("div", { className: 'collect-user-data__welcome-container', children: [jsx(Typography, { variant: 'title', color: 'primary', className: 'collect-user-data__welcome-title', children: "Update Network" }), jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', children: "Your wallet is not connected to a supported network. Please update before continuing." })] })) : (jsxs("div", { className: 'collect-user-data__welcome-container', children: [jsx(Typography, { 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, { 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, { className: 'collect-user-data__log-out', onClick: handleLogOut, children: "Log out" })] })] }));
 };
 
 export { CollectUserDataView };

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

@@ -115,7 +115,7 @@ const OnboardingUserDataForm = ({ children, userProfile, disableSubmit, }) => {
                 (enforcePolicies &&
                     (policiesConsentInnerComponentArray === null || policiesConsentInnerComponentArray === void 0 ? void 0 : policiesConsentInnerComponentArray.length) !==
                         ((_a = values.policiesConsentArray) === null || _a === void 0 ? void 0 : _a.length));
-            return (jsxRuntime.jsx(formik.Form, { className: 'user-data-form__form', children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [children, jsxRuntime.jsx(index.UserDataFields, { fields: decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields, errors: errors, touched: touched, policiesConsentInnerComponentArray: policiesConsentInnerComponentArray }), jsxRuntime.jsx(Button.Button, { type: 'submit', loading: loading, disabled: isSubmitBtnDisabled, buttonVariant: 'primary', expanded: true, buttonRounded: 'default', buttonPadding: 'large', children: "Continue" })] }) }));
+            return (jsxRuntime.jsx(formik.Form, { className: 'user-data-form__form', children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [children, jsxRuntime.jsx(index.UserDataFields, { fields: decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields, errors: errors, touched: touched, policiesConsentInnerComponentArray: policiesConsentInnerComponentArray }), jsxRuntime.jsx(Button.Button, { type: 'submit', loading: loading, disabled: isSubmitBtnDisabled, buttonVariant: 'primary', expanded: true, buttonPadding: 'large', children: "Continue" })] }) }));
         } }));
 };
 

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

@@ -111,7 +111,7 @@ const OnboardingUserDataForm = ({ children, userProfile, disableSubmit, }) => {
                 (enforcePolicies &&
                     (policiesConsentInnerComponentArray === null || policiesConsentInnerComponentArray === void 0 ? void 0 : policiesConsentInnerComponentArray.length) !==
                         ((_a = values.policiesConsentArray) === null || _a === void 0 ? void 0 : _a.length));
-            return (jsx(Form, { className: 'user-data-form__form', children: jsxs(Fragment, { children: [children, jsx(UserDataFields, { fields: decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields, errors: errors, touched: touched, policiesConsentInnerComponentArray: policiesConsentInnerComponentArray }), jsx(Button, { type: 'submit', loading: loading, disabled: isSubmitBtnDisabled, buttonVariant: 'primary', expanded: true, buttonRounded: 'default', buttonPadding: 'large', children: "Continue" })] }) }));
+            return (jsx(Form, { className: 'user-data-form__form', children: jsxs(Fragment, { children: [children, jsx(UserDataFields, { fields: decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields, errors: errors, touched: touched, policiesConsentInnerComponentArray: policiesConsentInnerComponentArray }), jsx(Button, { type: 'submit', loading: loading, disabled: isSubmitBtnDisabled, buttonVariant: 'primary', expanded: true, buttonPadding: 'large', children: "Continue" })] }) }));
         } }));
 };