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

package/src/lib/widgets/DynamicWidget/context/DynamicWidgetContext.js

@@ -1,5 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useRef, useCallback, useEffect, useMemo, useContext } from 'react';
+import { createContext, useRef, useCallback, useMemo, useContext } from 'react';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api';
 import '../../../config/ApiEndpoint.js';
@@ -15,12 +16,10 @@ import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import '@dynamic-labs/rpc-providers';
 import '../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
-import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import 'react-dom';
-import 'react-i18next';
 import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import 'react-focus-lock';
@@ -36,16 +35,24 @@ import 'yup';
 import '../../../components/InlineWidget/InlineWidget.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../components/OverlayCard/OverlayCard.context.js';
-import { useViewController } from '../hooks/useViewController/useViewController.js';
-import '../../../views/CollectUserDataView/fieldsConfig.js';
+import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/MockContext/MockContext.js';
-import { useKYCFlag } from '../../../utils/hooks/useKYCFlag/useKYCFlag.js';
-import { useMultiWalletFlag } from '../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.js';
+import '../../../context/QrCodeContext/QrCodeContext.js';
+import 'react-i18next';
+import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/EmailVerificationContext/EmailVerificationContext.js';
+import 'qrcode';
+import '../../../context/LoadingContext/LoadingContext.js';
+import '../../../views/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 { useViewController } from '../hooks/useViewController/useViewController.js';
+import { useKYCFlag } from '../../../utils/hooks/useKYCFlag/useKYCFlag.js';
+import { useMultiWalletFlag } from '../../../utils/hooks/useMultiWalletFlag/useMultiWalletFlag.js';
 
 const DynamicWidgetContext = createContext(undefined);
 const DynamicWidgetContextProvider = ({ children, }) => {
@@ -61,15 +68,6 @@ const DynamicWidgetContextProvider = ({ children, }) => {
             return setDynamicWidgetView('profile');
         setDynamicWidgetView('wallets');
     }, [isKYCEnabled, isMultiWalletEnabled]);
-    // set default view on close
-    useEffect(() => {
-        if (!showDynamicUserProfile) {
-            // wait for exit animation to finish
-            setTimeout(() => {
-                goToInitialDynamicWidgetView();
-            }, 200);
-        }
-    }, [goToInitialDynamicWidgetView, showDynamicUserProfile]);
     const value = useMemo(() => ({
         availableWalletsContainerRef,
         dynamicWidgetView,

package/src/lib/widgets/DynamicWidget/prompts/DefaultPromptModal/DefaultPromptModal.cjs

@@ -34,23 +34,31 @@ require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagic
 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('../../../../views/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/WalletGroupContext/WalletGroupContext.cjs');
+require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('qrcode');
+require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('../../context/DynamicWidgetContext.cjs');
+require('../../../../views/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');
 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');
 
 const DefaultPromptModal = ({ children, className = '', dataTestId = '', icon, showCloseButton = false, title, }) => (jsxRuntime.jsx(WidgetPortal.WidgetPortal, { showCloseButton: showCloseButton, children: jsxRuntime.jsxs("div", { className: classNames.classNames('default-prompt-modal', className), "data-testid": dataTestId, children: [icon && jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: icon, iconSize: 96, isSpinning: true }), jsxRuntime.jsxs("div", { className: 'default-prompt-modal__content', children: [title && (jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', "data-testid": 'title', children: title })), children] })] }) }));
 

package/src/lib/widgets/DynamicWidget/prompts/DefaultPromptModal/DefaultPromptModal.js

@@ -30,23 +30,31 @@ import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicI
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
-import 'react-i18next';
-import '../../../../components/IconButton/IconButton.js';
-import '../../../../components/Alert/Alert.js';
-import 'formik';
-import 'yup';
-import '../../../../views/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/WalletGroupContext/WalletGroupContext.js';
+import '../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
+import 'qrcode';
+import '../../../../context/LoadingContext/LoadingContext.js';
+import '../../context/DynamicWidgetContext.js';
+import '../../../../views/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 '../../../../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';
 
 const DefaultPromptModal = ({ children, className = '', dataTestId = '', icon, showCloseButton = false, title, }) => (jsx(WidgetPortal, { showCloseButton: showCloseButton, children: jsxs("div", { className: classNames('default-prompt-modal', className), "data-testid": dataTestId, children: [icon && jsx(IconWithSpinner, { Icon: icon, iconSize: 96, isSpinning: true }), jsxs("div", { className: 'default-prompt-modal__content', children: [title && (jsx(Typography, { variant: 'title', color: 'primary', "data-testid": 'title', children: title })), children] })] }) }));
 

package/src/lib/widgets/DynamicWidget/prompts/DetectedNewWalletModal/DetectedNewWalletModal.cjs

@@ -33,24 +33,32 @@ require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagic
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('react-i18next');
-require('../../../../components/IconButton/IconButton.cjs');
-var Button = require('../../../../components/Button/Button.cjs');
-require('../../../../components/Alert/Alert.cjs');
-require('formik');
-require('yup');
-require('../../../../views/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/WalletGroupContext/WalletGroupContext.cjs');
+require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('qrcode');
+require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('../../context/DynamicWidgetContext.cjs');
+require('../../../../views/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');
+var Button = require('../../../../components/Button/Button.cjs');
+require('../../../../components/IconButton/IconButton.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');
 
 const DetectedNewWalletModal = () => {
     const { setMultiWalletWidgetState, primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();

package/src/lib/widgets/DynamicWidget/prompts/DetectedNewWalletModal/DetectedNewWalletModal.js

@@ -29,24 +29,32 @@ import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicI
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
-import 'react-i18next';
-import '../../../../components/IconButton/IconButton.js';
-import { Button } from '../../../../components/Button/Button.js';
-import '../../../../components/Alert/Alert.js';
-import 'formik';
-import 'yup';
-import '../../../../views/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/WalletGroupContext/WalletGroupContext.js';
+import '../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
+import 'qrcode';
+import '../../../../context/LoadingContext/LoadingContext.js';
+import '../../context/DynamicWidgetContext.js';
+import '../../../../views/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 { Button } from '../../../../components/Button/Button.js';
+import '../../../../components/IconButton/IconButton.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';
 
 const DetectedNewWalletModal = () => {
     const { setMultiWalletWidgetState, primaryWallet } = useInternalDynamicContext();

package/src/lib/widgets/DynamicWidget/prompts/NoQrNotInstalledModalView/NoQrNotInstalledModalView.cjs

@@ -32,26 +32,34 @@ require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagic
 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('../../../../views/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');
+var parseWalletLinks = require('../../../../utils/functions/parseWalletLinks/parseWalletLinks.cjs');
+require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('qrcode');
+require('../../../../context/LoadingContext/LoadingContext.cjs');
+var getBrowserIcon = require('../../../../shared/utils/functions/getBrowserIcon/getBrowserIcon.cjs');
+var WalletHelpLink = require('../../../../views/NoQrNotInstalledView/WalletHelpLink.cjs');
+require('../../context/DynamicWidgetContext.cjs');
+require('../../../../views/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');
 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 getBrowserIcon = require('../../../../shared/utils/functions/getBrowserIcon/getBrowserIcon.cjs');
-var WalletHelpLink = require('../../../../views/NoQrNotInstalledView/WalletHelpLink.cjs');
-var parseWalletLinks = require('../../../../utils/functions/parseWalletLinks/parseWalletLinks.cjs');
 
 const NoQrNotInstalledModalView = () => {
     const { selectedWalletConnector } = useInternalDynamicContext.useInternalDynamicContext();

package/src/lib/widgets/DynamicWidget/prompts/NoQrNotInstalledModalView/NoQrNotInstalledModalView.js

@@ -28,26 +28,34 @@ import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicI
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
-import 'react-i18next';
-import '../../../../components/IconButton/IconButton.js';
-import '../../../../components/Alert/Alert.js';
-import 'formik';
-import 'yup';
-import '../../../../views/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 { parseWalletLinks } from '../../../../utils/functions/parseWalletLinks/parseWalletLinks.js';
+import '../../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
+import 'qrcode';
+import '../../../../context/LoadingContext/LoadingContext.js';
+import { getBrowserIcon } from '../../../../shared/utils/functions/getBrowserIcon/getBrowserIcon.js';
+import { WalletHelpLink } from '../../../../views/NoQrNotInstalledView/WalletHelpLink.js';
+import '../../context/DynamicWidgetContext.js';
+import '../../../../views/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 '../../../../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 { getBrowserIcon } from '../../../../shared/utils/functions/getBrowserIcon/getBrowserIcon.js';
-import { WalletHelpLink } from '../../../../views/NoQrNotInstalledView/WalletHelpLink.js';
-import { parseWalletLinks } from '../../../../utils/functions/parseWalletLinks/parseWalletLinks.js';
 
 const NoQrNotInstalledModalView = () => {
     const { selectedWalletConnector } = useInternalDynamicContext();

package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/SwitchAccountView/SwitchAccountView.cjs

@@ -32,23 +32,31 @@ require('../../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMa
 require('../../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('react-i18next');
-require('../../../../../components/IconButton/IconButton.cjs');
-require('../../../../../components/Alert/Alert.cjs');
-require('formik');
-require('yup');
-require('../../../../../views/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/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('qrcode');
+require('../../../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../context/DynamicWidgetContext.cjs');
+require('../../../../../views/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');
 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');
 
 const SwitchAccountView = ({ selectedWalletToSwitchTo }) => (jsxRuntime.jsxs(Typography.Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: ["Switch to wallet", ' ', jsxRuntime.jsx(Typography.Typography, { as: 'span', weight: 'medium', color: 'primary', children: shortenWalletAddress.shortenWalletAddress(selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.address, 3, 3) }), ' ', "in ", selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.name, " to make it active."] }));
 

package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/SwitchAccountView/SwitchAccountView.js

@@ -28,23 +28,31 @@ import '../../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMag
 import '../../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../../context/AccountExistsContext/AccountExistsContext.js';
-import 'react-i18next';
-import '../../../../../components/IconButton/IconButton.js';
-import '../../../../../components/Alert/Alert.js';
-import 'formik';
-import 'yup';
-import '../../../../../views/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/WalletGroupContext/WalletGroupContext.js';
+import '../../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../../context/EmailVerificationContext/EmailVerificationContext.js';
+import 'qrcode';
+import '../../../../../context/LoadingContext/LoadingContext.js';
+import '../../../context/DynamicWidgetContext.js';
+import '../../../../../views/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 '../../../../../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';
 
 const SwitchAccountView = ({ selectedWalletToSwitchTo }) => (jsxs(Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', "data-testid": 'content', children: ["Switch to wallet", ' ', jsx(Typography, { as: 'span', weight: 'medium', color: 'primary', children: shortenWalletAddress(selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.address, 3, 3) }), ' ', "in ", selectedWalletToSwitchTo === null || selectedWalletToSwitchTo === void 0 ? void 0 : selectedWalletToSwitchTo.connector.name, " to make it active."] }));
 

package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/SwitchOrUseActiveAccountView/SwitchOrUseActiveAccountView.cjs

@@ -34,25 +34,33 @@ require('../../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMa
 require('../../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('react-i18next');
-require('../../../../../components/IconButton/IconButton.cjs');
-var Button = require('../../../../../components/Button/Button.cjs');
-require('../../../../../components/Alert/Alert.cjs');
-require('formik');
-require('yup');
-require('../../../../../views/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/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+var Divider = require('../../../../../components/Divider/Divider.cjs');
 require('../../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('qrcode');
+require('../../../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../context/DynamicWidgetContext.cjs');
+require('../../../../../views/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');
+var Button = require('../../../../../components/Button/Button.cjs');
+require('../../../../../components/IconButton/IconButton.cjs');
+require('../../../../../components/Alert/Alert.cjs');
 require('../../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../../components/Popper/PopperContext/PopperContext.cjs');
-var Divider = require('../../../../../components/Divider/Divider.cjs');
 require('../../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
-require('../../../../../components/OverlayCard/OverlayCard.context.cjs');
 
 const SwitchOrUseActiveAccountView = ({ connectedWallet, selectedWalletToSwitchTo, }) => {
     const { setSelectedWalletWithAction, setSelectedWalletConnector, computeConnectedStateForWallets, setPrimaryWallet, } = useInternalDynamicContext.useInternalDynamicContext();

package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/SwitchOrUseActiveAccountView/SwitchOrUseActiveAccountView.js

@@ -30,25 +30,33 @@ import '../../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMag
 import '../../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../../context/AccountExistsContext/AccountExistsContext.js';
-import 'react-i18next';
-import '../../../../../components/IconButton/IconButton.js';
-import { Button } from '../../../../../components/Button/Button.js';
-import '../../../../../components/Alert/Alert.js';
-import 'formik';
-import 'yup';
-import '../../../../../views/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/WalletGroupContext/WalletGroupContext.js';
+import '../../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import { Divider } from '../../../../../components/Divider/Divider.js';
 import '../../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../../context/EmailVerificationContext/EmailVerificationContext.js';
+import 'qrcode';
+import '../../../../../context/LoadingContext/LoadingContext.js';
+import '../../../context/DynamicWidgetContext.js';
+import '../../../../../views/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 { Button } from '../../../../../components/Button/Button.js';
+import '../../../../../components/IconButton/IconButton.js';
+import '../../../../../components/Alert/Alert.js';
 import '../../../../../components/Popper/Popper/Popper.js';
 import '../../../../../components/Popper/PopperContext/PopperContext.js';
-import { Divider } from '../../../../../components/Divider/Divider.js';
 import '../../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../../components/MenuList/Dropdown/Dropdown.js';
-import '../../../../../components/OverlayCard/OverlayCard.context.js';
 
 const SwitchOrUseActiveAccountView = ({ connectedWallet, selectedWalletToSwitchTo, }) => {
     const { setSelectedWalletWithAction, setSelectedWalletConnector, computeConnectedStateForWallets, setPrimaryWallet, } = useInternalDynamicContext();

package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchToLinkModal/PendingAccountSwitchToLinkModal.cjs

@@ -32,24 +32,32 @@ require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagic
 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('../../../../views/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/WalletGroupContext/WalletGroupContext.cjs');
+require('../../components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+var DefaultPromptModal = require('../DefaultPromptModal/DefaultPromptModal.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('qrcode');
+require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('../../context/DynamicWidgetContext.cjs');
+require('../../../../views/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');
 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 DefaultPromptModal = require('../DefaultPromptModal/DefaultPromptModal.cjs');
 
 const PendingAccountSwitchToLinkModal = () => {
     const { selectedWalletConnector } = useInternalDynamicContext.useInternalDynamicContext();

package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchToLinkModal/PendingAccountSwitchToLinkModal.js

@@ -28,24 +28,32 @@ import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicI
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
-import 'react-i18next';
-import '../../../../components/IconButton/IconButton.js';
-import '../../../../components/Alert/Alert.js';
-import 'formik';
-import 'yup';
-import '../../../../views/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/WalletGroupContext/WalletGroupContext.js';
+import '../../components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import { DefaultPromptModal } from '../DefaultPromptModal/DefaultPromptModal.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
+import 'qrcode';
+import '../../../../context/LoadingContext/LoadingContext.js';
+import '../../context/DynamicWidgetContext.js';
+import '../../../../views/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 '../../../../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 { DefaultPromptModal } from '../DefaultPromptModal/DefaultPromptModal.js';
 
 const PendingAccountSwitchToLinkModal = () => {
     const { selectedWalletConnector } = useInternalDynamicContext();