@dynamic-labs/sdk-react-core 0.19.0-alpha.13 → 0.19.0-alpha.14

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

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 var decodeJwt = require('../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
@@ -22,7 +23,7 @@ require('@dynamic-labs/sdk-api');
 var isPasskeyEmbeddedWalletEnabled = require('../../functions/isPasskeyEmbeddedWalletEnabled/isPasskeyEmbeddedWalletEnabled.cjs');
 var isEmbeddedWalletPresent = require('../../functions/isEmbeddedWalletPresent/isEmbeddedWalletPresent.cjs');
 var findEmbeddedWalletFromVerifiedCredentials = require('../../functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.cjs');
-var findTurnkeyWalletConnector = require('../../functions/findTurnkeyWalletConnector/findTurnkeyWalletConnector.cjs');
+var findTurnkeyWallet = require('../../functions/findTurnkeyWallet/findTurnkeyWallet.cjs');
 
 // Hook exposed to customers and used internally to trigger embedded wallet creation
 const useEmbeddedWallet = () => {
@@ -36,8 +37,8 @@ const useEmbeddedWallet = () => {
         }
         return isEmbeddedWalletPresent.isEmbeddedWalletPresent(jwt);
     };
-    const createEmbeddedWallet = () => {
-        var _a, _b;
+    const createEmbeddedWallet = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b, _c, _d;
         const jwt = (_a = getAuthToken.getAuthToken()) !== null && _a !== void 0 ? _a : onboardingOnlyJwt;
         if (!jwt) {
             throw new Error('User is not logged in');
@@ -51,19 +52,27 @@ const useEmbeddedWallet = () => {
             internalSetShowAuthFlow(true);
             setView('passkey-intro');
             return new Promise((resolve, reject) => {
-                internalEvents.current.once('embeddedWalletCreated', (id) => resolve(id));
+                internalEvents.current.once('embeddedWalletCreated', (wallet) => resolve(wallet));
                 internalEvents.current.once('embeddedWalletFailed', (error) => reject(error));
             });
         }
         const decodedJwt = decodeJwt.decodeJwt(jwt);
+        const turnkeyWallet = findTurnkeyWallet.findTurnkeyWallet(wallets);
         // if user already has embedded wallet, set it as primary wallet
         if (decodedJwt) {
-            (_b = findTurnkeyWalletConnector.findTurnkeyWalletConnector(wallets)) === null || _b === void 0 ? void 0 : _b.setVerifiedCredentials(decodedJwt.verifiedCredentials);
+            (_b = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _b === void 0 ? void 0 : _b.setVerifiedCredentials(decodedJwt.verifiedCredentials);
             setPrimaryWalletId(embeddedWalletVerifiedCredential.id);
         }
         internalSetShowAuthFlow(false);
-        return Promise.resolve(embeddedWalletVerifiedCredential.id);
-    };
+        const passkeyWallet = {
+            address: (yield ((_c = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _c === void 0 ? void 0 : _c.fetchPublicAddress())) || '',
+            chain: ((_d = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _d === void 0 ? void 0 : _d.connectedChain) || '',
+            connected: true,
+            connector: (turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) || {},
+            id: embeddedWalletVerifiedCredential.id,
+        };
+        return Promise.resolve(passkeyWallet);
+    });
     return {
         createEmbeddedWallet,
         userHasEmbeddedWallet,

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

@@ -1,4 +1,5 @@
+import { Wallet } from '../../../shared';
 export declare const useEmbeddedWallet: () => {
-    readonly createEmbeddedWallet: () => Promise<string>;
+    readonly createEmbeddedWallet: () => Promise<Wallet>;
     readonly userHasEmbeddedWallet: () => boolean;
 };

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

@@ -1,3 +1,4 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 import { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.js';
@@ -18,7 +19,7 @@ import '@dynamic-labs/sdk-api';
 import { isPasskeyEmbeddedWalletEnabled } from '../../functions/isPasskeyEmbeddedWalletEnabled/isPasskeyEmbeddedWalletEnabled.js';
 import { isEmbeddedWalletPresent } from '../../functions/isEmbeddedWalletPresent/isEmbeddedWalletPresent.js';
 import { findEmbeddedWalletFromVerifiedCredentials } from '../../functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.js';
-import { findTurnkeyWalletConnector } from '../../functions/findTurnkeyWalletConnector/findTurnkeyWalletConnector.js';
+import { findTurnkeyWallet } from '../../functions/findTurnkeyWallet/findTurnkeyWallet.js';
 
 // Hook exposed to customers and used internally to trigger embedded wallet creation
 const useEmbeddedWallet = () => {
@@ -32,8 +33,8 @@ const useEmbeddedWallet = () => {
         }
         return isEmbeddedWalletPresent(jwt);
     };
-    const createEmbeddedWallet = () => {
-        var _a, _b;
+    const createEmbeddedWallet = () => __awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b, _c, _d;
         const jwt = (_a = getAuthToken()) !== null && _a !== void 0 ? _a : onboardingOnlyJwt;
         if (!jwt) {
             throw new Error('User is not logged in');
@@ -47,19 +48,27 @@ const useEmbeddedWallet = () => {
             internalSetShowAuthFlow(true);
             setView('passkey-intro');
             return new Promise((resolve, reject) => {
-                internalEvents.current.once('embeddedWalletCreated', (id) => resolve(id));
+                internalEvents.current.once('embeddedWalletCreated', (wallet) => resolve(wallet));
                 internalEvents.current.once('embeddedWalletFailed', (error) => reject(error));
             });
         }
         const decodedJwt = decodeJwt(jwt);
+        const turnkeyWallet = findTurnkeyWallet(wallets);
         // if user already has embedded wallet, set it as primary wallet
         if (decodedJwt) {
-            (_b = findTurnkeyWalletConnector(wallets)) === null || _b === void 0 ? void 0 : _b.setVerifiedCredentials(decodedJwt.verifiedCredentials);
+            (_b = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _b === void 0 ? void 0 : _b.setVerifiedCredentials(decodedJwt.verifiedCredentials);
             setPrimaryWalletId(embeddedWalletVerifiedCredential.id);
         }
         internalSetShowAuthFlow(false);
-        return Promise.resolve(embeddedWalletVerifiedCredential.id);
-    };
+        const passkeyWallet = {
+            address: (yield ((_c = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _c === void 0 ? void 0 : _c.fetchPublicAddress())) || '',
+            chain: ((_d = turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) === null || _d === void 0 ? void 0 : _d.connectedChain) || '',
+            connected: true,
+            connector: (turnkeyWallet === null || turnkeyWallet === void 0 ? void 0 : turnkeyWallet.walletConnector) || {},
+            id: embeddedWalletVerifiedCredential.id,
+        };
+        return Promise.resolve(passkeyWallet);
+    });
     return {
         createEmbeddedWallet,
         userHasEmbeddedWallet,

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

@@ -23,28 +23,9 @@ const useHandleWalletsToConnect = () => {
             setShowAuthFlow(false);
             return goToInitialView();
         }
-        // Assuming based on the logic above that we have at least one more chain/wallet to connect
-        // If the current connected wallet is already connected to the bridge,
-        // we can go directly to bridge-next-wallet-connection since we know there is a different chain to connect
-        const walletChainsToConnect = walletsToConnectByChain
-            .filter((wallet) => wallet.numberOfWallets > 0)
-            .map((wallet) => wallet.chain.toString());
-        if (!walletChainsToConnect.includes(walletConnector.connectedChain)) {
-            setView('bridge-next-wallet-connection');
-            return;
-        }
-        const [firstWallet, ...restOfTheWallets] = walletsToConnectByChain;
-        if (firstWallet.numberOfWallets > 1) {
-            const updatedWallets = [
-                Object.assign(Object.assign({}, firstWallet), { numberOfWallets: firstWallet.numberOfWallets - 1 }),
-                ...restOfTheWallets,
-            ];
-            setWalletsToConnectByChain(updatedWallets);
-            setView('wallet-list');
-            return;
-        }
-        setWalletsToConnectByChain(restOfTheWallets);
-        const allWalletsConnected = restOfTheWallets.length === 0;
+        const restOfWallets = walletsToConnectByChain.filter((wallet) => wallet.chain !== (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain));
+        setWalletsToConnectByChain(restOfWallets);
+        const allWalletsConnected = restOfWallets.length === 0;
         if (allWalletsConnected) {
             if (!isFullyConnected) {
                 setIsFullyConnected(true);

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

@@ -19,28 +19,9 @@ const useHandleWalletsToConnect = () => {
             setShowAuthFlow(false);
             return goToInitialView();
         }
-        // Assuming based on the logic above that we have at least one more chain/wallet to connect
-        // If the current connected wallet is already connected to the bridge,
-        // we can go directly to bridge-next-wallet-connection since we know there is a different chain to connect
-        const walletChainsToConnect = walletsToConnectByChain
-            .filter((wallet) => wallet.numberOfWallets > 0)
-            .map((wallet) => wallet.chain.toString());
-        if (!walletChainsToConnect.includes(walletConnector.connectedChain)) {
-            setView('bridge-next-wallet-connection');
-            return;
-        }
-        const [firstWallet, ...restOfTheWallets] = walletsToConnectByChain;
-        if (firstWallet.numberOfWallets > 1) {
-            const updatedWallets = [
-                Object.assign(Object.assign({}, firstWallet), { numberOfWallets: firstWallet.numberOfWallets - 1 }),
-                ...restOfTheWallets,
-            ];
-            setWalletsToConnectByChain(updatedWallets);
-            setView('wallet-list');
-            return;
-        }
-        setWalletsToConnectByChain(restOfTheWallets);
-        const allWalletsConnected = restOfTheWallets.length === 0;
+        const restOfWallets = walletsToConnectByChain.filter((wallet) => wallet.chain !== (walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.connectedChain));
+        setWalletsToConnectByChain(restOfWallets);
+        const allWalletsConnected = restOfWallets.length === 0;
         if (allWalletsConnected) {
             if (!isFullyConnected) {
                 setIsFullyConnected(true);

package/src/lib/utils/hooks/useIsLoggedIn/index.d.ts

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

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

@@ -0,0 +1,14 @@
+'use strict';
+
+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);
+};
+
+exports.useIsLoggedIn = useIsLoggedIn;

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

@@ -0,0 +1 @@
+export declare const useIsLoggedIn: () => boolean;

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

@@ -0,0 +1,10 @@
+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);
+};
+
+export { useIsLoggedIn };

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

@@ -5,8 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var SignMessageConfirmationModal = require('../../../modals/SignMessageConfirmationModal/SignMessageConfirmationModal.cjs');
-var TransactionConfirmationModal = require('../../../modals/TransactionConfirmationModal/TransactionConfirmationModal.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
@@ -50,6 +48,17 @@ require('formik');
 require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../components/OverlayCard/OverlayCard.context.cjs');
+require('../../../context/FooterAnimationContext/index.cjs');
+require('../../../context/QrCodeContext/QrCodeContext.cjs');
+require('react-i18next');
+require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('qrcode');
+require('../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
+var SignMessageConfirmationModal = require('../../../modals/SignMessageConfirmationModal/SignMessageConfirmationModal.cjs');
+var TransactionConfirmationModal = require('../../../modals/TransactionConfirmationModal/TransactionConfirmationModal.cjs');
 
 const useWalletUiUtils = ({ appLogoUrl, appName, getAppOrigin, }) => {
     const confirmationStateRef = React.useRef('enabled');

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

@@ -1,8 +1,6 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { useRef, useCallback, useMemo } from 'react';
-import { SignMessageConfirmationModal } from '../../../modals/SignMessageConfirmationModal/SignMessageConfirmationModal.js';
-import { TransactionConfirmationModal } from '../../../modals/TransactionConfirmationModal/TransactionConfirmationModal.js';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -46,6 +44,17 @@ import 'formik';
 import '../../../components/InlineWidget/InlineWidget.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../components/OverlayCard/OverlayCard.context.js';
+import '../../../context/FooterAnimationContext/index.js';
+import '../../../context/QrCodeContext/QrCodeContext.js';
+import 'react-i18next';
+import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import 'qrcode';
+import '../../../context/LoadingContext/LoadingContext.js';
+import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
+import { SignMessageConfirmationModal } from '../../../modals/SignMessageConfirmationModal/SignMessageConfirmationModal.js';
+import { TransactionConfirmationModal } from '../../../modals/TransactionConfirmationModal/TransactionConfirmationModal.js';
 
 const useWalletUiUtils = ({ appLogoUrl, appName, getAppOrigin, }) => {
     const confirmationStateRef = useRef('enabled');

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

@@ -6,7 +6,7 @@ var React = require('react');
 var data = require('../../../views/WalletList/data.cjs');
 var verifyMagicIsSetup = require('./utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 
-const useWallets = ({ projectSettings, appLogoUrl, appName, deepLinkPreference, flowNetwork, networkConfigurations, walletBook, walletConnectV1Bridge, walletUiUtils, walletConnectorsProp, walletConnectPreferredChains, }) => {
+const useWallets = ({ projectSettings, appLogoUrl, appName, deepLinkPreference, flowNetwork, networkConfigurations, walletBook, walletConnectV1Bridge, walletUiUtils, walletConnectorsProp, walletConnectPreferredChains, walletConnectorExtensions, }) => {
     const wallets = React.useMemo(() => {
         if (!projectSettings ||
             !Object.keys(walletBook !== null && walletBook !== void 0 ? walletBook : {}).length ||
@@ -27,6 +27,7 @@ const useWallets = ({ projectSettings, appLogoUrl, appName, deepLinkPreference,
                 walletConnectorsProp: walletConnectorsProp !== null && walletConnectorsProp !== void 0 ? walletConnectorsProp : [],
                 walletUiUtils,
             },
+            walletConnectorExtensions,
         });
         // Cannot include walletUiUtils in the dependency array because it will cause an infinite loop
     }, [

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

@@ -1,6 +1,6 @@
 import { ProjectSettings } from '@dynamic-labs/sdk-api';
 import { NetworkConfigurationMap, WalletUiUtils } from '@dynamic-labs/types';
-import { DeepLinkVariant, WalletConnector, WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
+import { DeepLinkVariant, WalletConnector, WalletConnectorExtension, WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
 import { WalletBookSchema } from '@dynamic-labs/wallet-book';
 type Props = {
     appLogoUrl?: string;
@@ -14,8 +14,9 @@ type Props = {
     walletConnectPreferredChains?: `eip155:${number}`[];
     walletConnectorsProp?: WalletConnectorsMethod[];
     walletUiUtils: WalletUiUtils<WalletConnector>;
+    walletConnectorExtensions?: WalletConnectorExtension[];
 };
-export declare const useWallets: ({ projectSettings, appLogoUrl, appName, deepLinkPreference, flowNetwork, networkConfigurations, walletBook, walletConnectV1Bridge, walletUiUtils, walletConnectorsProp, walletConnectPreferredChains, }: Props) => {
+export declare const useWallets: ({ projectSettings, appLogoUrl, appName, deepLinkPreference, flowNetwork, networkConfigurations, walletBook, walletConnectV1Bridge, walletUiUtils, walletConnectorsProp, walletConnectPreferredChains, walletConnectorExtensions, }: Props) => {
     wallets: import("../../../shared").WalletOption[];
 };
 export {};

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

@@ -2,7 +2,7 @@ import { useMemo, useEffect } from 'react';
 import { getWallets } from '../../../views/WalletList/data.js';
 import { verifyMagicIsSetup } from './utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 
-const useWallets = ({ projectSettings, appLogoUrl, appName, deepLinkPreference, flowNetwork, networkConfigurations, walletBook, walletConnectV1Bridge, walletUiUtils, walletConnectorsProp, walletConnectPreferredChains, }) => {
+const useWallets = ({ projectSettings, appLogoUrl, appName, deepLinkPreference, flowNetwork, networkConfigurations, walletBook, walletConnectV1Bridge, walletUiUtils, walletConnectorsProp, walletConnectPreferredChains, walletConnectorExtensions, }) => {
     const wallets = useMemo(() => {
         if (!projectSettings ||
             !Object.keys(walletBook !== null && walletBook !== void 0 ? walletBook : {}).length ||
@@ -23,6 +23,7 @@ const useWallets = ({ projectSettings, appLogoUrl, appName, deepLinkPreference,
                 walletConnectorsProp: walletConnectorsProp !== null && walletConnectorsProp !== void 0 ? walletConnectorsProp : [],
                 walletUiUtils,
             },
+            walletConnectorExtensions,
         });
         // Cannot include walletUiUtils in the dependency array because it will cause an infinite loop
     }, [

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

@@ -33,28 +33,36 @@ require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetu
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 var AccountExistsContext = require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
+require('../../context/MockContext/MockContext.cjs');
+require('../../context/QrCodeContext/QrCodeContext.cjs');
 require('react-i18next');
-require('../../components/IconButton/IconButton.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
-require('../../components/Alert/Alert.cjs');
-require('formik');
-require('yup');
-require('../CollectUserDataView/fieldsConfig.cjs');
-require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
-var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs');
-var useFindSocialIcon = require('../../utils/hooks/useFindSocialIcon/useFindSocialIcon.cjs');
+require('qrcode');
+require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../CollectUserDataView/fieldsConfig.cjs');
+require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/types');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('formik');
+require('yup');
+require('../../components/IconButton/IconButton.cjs');
+require('../../components/Alert/Alert.cjs');
+var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs');
+var useFindSocialIcon = require('../../utils/hooks/useFindSocialIcon/useFindSocialIcon.cjs');
 var IconListTile = require('../../components/IconListTile/IconListTile.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var capitalize = require('../../shared/utils/functions/capitalize/capitalize.cjs');
-require('../../components/OverlayCard/OverlayCard.context.cjs');
 var SocialRedirectContext = require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 var LoginEmailForm = require('../LoginView/sections/EmailSignInSection/LoginEmailForm.cjs');
 

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

@@ -29,28 +29,36 @@ import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup
 import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import { useAccountExistsContext } from '../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../components/OverlayCard/OverlayCard.context.js';
+import '../../context/FooterAnimationContext/index.js';
+import '../../context/MockContext/MockContext.js';
+import '../../context/QrCodeContext/QrCodeContext.js';
 import 'react-i18next';
-import '../../components/IconButton/IconButton.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import { IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.js';
-import '../../components/Alert/Alert.js';
-import 'formik';
-import 'yup';
-import '../CollectUserDataView/fieldsConfig.js';
-import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/EmailVerificationContext/EmailVerificationContext.js';
-import { useMutation } from '../../utils/hooks/useMutation/useMutation.js';
-import { useFindSocialIcon } from '../../utils/hooks/useFindSocialIcon/useFindSocialIcon.js';
+import 'qrcode';
+import '../../context/LoadingContext/LoadingContext.js';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../CollectUserDataView/fieldsConfig.js';
+import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/types';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import 'formik';
+import 'yup';
+import '../../components/IconButton/IconButton.js';
+import '../../components/Alert/Alert.js';
+import { useMutation } from '../../utils/hooks/useMutation/useMutation.js';
+import { useFindSocialIcon } from '../../utils/hooks/useFindSocialIcon/useFindSocialIcon.js';
 import { IconListTile } from '../../components/IconListTile/IconListTile.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import { capitalize } from '../../shared/utils/functions/capitalize/capitalize.js';
-import '../../components/OverlayCard/OverlayCard.context.js';
 import { useSocialRedirectContext } from '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import { LoginEmailForm } from '../LoginView/sections/EmailSignInSection/LoginEmailForm.js';
 

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

@@ -31,25 +31,35 @@ require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 var useVerifyWallet = require('../../utils/hooks/useVerifyWallet/useVerifyWallet.cjs');
-require('react-i18next');
-require('../../components/IconButton/IconButton.cjs');
-var PoweredByDynamic = require('../../components/PoweredByDynamic/PoweredByDynamic.cjs');
-require('../../components/Alert/Alert.cjs');
-require('formik');
-require('yup');
-require('../CollectUserDataView/fieldsConfig.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/MockContext/MockContext.cjs');
+require('../../context/QrCodeContext/QrCodeContext.cjs');
+require('react-i18next');
+require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 var CaptchaContext = require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('qrcode');
+require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../CollectUserDataView/fieldsConfig.cjs');
+require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/types');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 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');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('../../components/OverlayCard/OverlayCard.context.cjs');
 var Captcha = require('../../components/Captcha/Captcha.cjs');
 
 const CaptchaVerifyUser = () => {

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

@@ -27,25 +27,35 @@ import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import { useVerifyWallet } from '../../utils/hooks/useVerifyWallet/useVerifyWallet.js';
-import 'react-i18next';
-import '../../components/IconButton/IconButton.js';
-import { PoweredByDynamic } from '../../components/PoweredByDynamic/PoweredByDynamic.js';
-import '../../components/Alert/Alert.js';
-import 'formik';
-import 'yup';
-import '../CollectUserDataView/fieldsConfig.js';
+import '../../components/OverlayCard/OverlayCard.context.js';
+import '../../context/FooterAnimationContext/index.js';
 import '../../context/MockContext/MockContext.js';
+import '../../context/QrCodeContext/QrCodeContext.js';
+import 'react-i18next';
+import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import { useCaptchaContext } from '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/EmailVerificationContext/EmailVerificationContext.js';
+import 'qrcode';
+import '../../context/LoadingContext/LoadingContext.js';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../CollectUserDataView/fieldsConfig.js';
+import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/types';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 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';
 import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
-import '../../components/OverlayCard/OverlayCard.context.js';
 import { Captcha } from '../../components/Captcha/Captcha.js';
 
 const CaptchaVerifyUser = () => {

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

@@ -33,29 +33,37 @@ require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetu
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('react-i18next');
-require('../../components/IconButton/IconButton.cjs');
-require('../../components/Alert/Alert.cjs');
-require('formik');
-require('yup');
-require('./fieldsConfig.cjs');
+require('../../components/OverlayCard/OverlayCard.context.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/MockContext/MockContext.cjs');
+require('../../context/QrCodeContext/QrCodeContext.cjs');
+require('react-i18next');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('qrcode');
+require('../../context/LoadingContext/LoadingContext.cjs');
+var AuthProviderIcon = require('../../components/AuthProviderIcon/AuthProviderIcon.cjs');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('./fieldsConfig.cjs');
+var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');
+require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/types');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('formik');
+require('yup');
+require('../../components/IconButton/IconButton.cjs');
+require('../../components/Alert/Alert.cjs');
 var TextButton = require('../../components/TextButton/TextButton.cjs');
-var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
-require('../../components/OverlayCard/OverlayCard.context.cjs');
 var NetworkPicker = require('../../components/NetworkPicker/NetworkPicker.cjs');
 var UserAddress = require('../../components/UserAddress/UserAddress.cjs');
 var useFetchNameService = require('../../widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.cjs');
-var AuthProviderIcon = require('../../components/AuthProviderIcon/AuthProviderIcon.cjs');
 var OnboardingUserDataForm = require('./OnboardingUserDataForm/OnboardingUserDataForm.cjs');
 
 const CollectUserDataView = () => {