@dynamic-labs/sdk-react-core 2.0.0-alpha.0 → 2.0.0-alpha.10

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var reactI18next = require('react-i18next');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 require('../../../../../events/dynamicEvents.cjs');
 require('../../../../../../../_virtual/_tslib.cjs');
@@ -19,64 +20,67 @@ require('@dynamic-labs/wallet-book');
 require('../../../../../utils/constants/colors.cjs');
 require('../../../../../utils/constants/values.cjs');
 require('../../../../../shared/utils/classes/storage/localStorage.cjs');
-require('viem');
 require('../../../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('../../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
-var getActiveOauthCredential = require('../../../../../utils/functions/getActiveOauthCredential/getActiveOauthCredential.cjs');
+var getUserIdentifier = require('../../../../../utils/functions/getUserIdentifier/getUserIdentifier.cjs');
+require('react-international-phone');
+require('viem');
 require('viem/chains');
+require('../../../../../config/ApiEndpoint.cjs');
 require('../../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('../../../../../config/ApiEndpoint.cjs');
-require('../../../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('../../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
+var WalletContext = require('../../../../../context/WalletContext/WalletContext.cjs');
 require('../../../../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
-require('react-i18next');
 require('../../../../../context/MockContext/MockContext.cjs');
 require('../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('i18next');
+var Typography = require('../../../../../components/Typography/Typography.cjs');
+require('../../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../../../components/ShadowDOM/ShadowDOM.cjs');
-require('../../../../../components/OverlayCard/OverlayCard.context.cjs');
+require('../../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../../context/FooterAnimationContext/index.cjs');
-var Typography = require('../../../../../components/Typography/Typography.cjs');
 require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('../../../../../context/LoadingContext/LoadingContext.cjs');
 var Icon = require('../../../../../components/Icon/Icon.cjs');
-require('i18next');
 require('qrcode');
 var DynamicWidgetContext = require('../../../context/DynamicWidgetContext.cjs');
+require('../../../../../components/IconButton/IconButton.cjs');
+require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');
 var Button = require('../../../../../components/Button/Button.cjs');
-require('../../../../../components/IconButton/IconButton.cjs');
-require('../../../../../components/Alert/Alert.cjs');
+require('../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+var spinner = require('../../../../../components/Spinner/spinner.cjs');
+var Alert = require('../../../../../components/Alert/Alert.cjs');
+require('../../../../../components/Input/Input.cjs');
 require('../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../../context/PasskeyContext/PasskeyContext.cjs');
-require('@dynamic-labs/viem-utils');
 require('../../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../../components/IsBrowser/IsBrowser.cjs');
-require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
-var shortenEmail = require('../../../../../shared/utils/functions/shortenEmail/shortenEmail.cjs');
 require('../../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../../components/Popper/PopperContext/PopperContext.cjs');
-var SecureTurnkeyWalletCard = require('../../../../../components/SecureTurnkeyWalletCard/SecureTurnkeyWalletCard.cjs');
 require('../../../../../views/WalletList/WalletList.cjs');
-require('@hcaptcha/react-hcaptcha');
-var UserAvatar = require('../../../../../components/UserAvatar/UserAvatar.cjs');
 require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+var UserAvatar = require('../../../../../components/UserAvatar/UserAvatar.cjs');
+require('../../../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+var SecureEmbeddedWalletCard = require('../../../../../components/SecureEmbeddedWalletCard/SecureEmbeddedWalletCard.cjs');
 var FundingContext = require('../../../../../context/FundingContext/FundingContext.cjs');
 var SendBalanceContext = require('../../../../../context/SendBalanceContext/SendBalanceContext.cjs');
 var ActiveWalletInformation = require('../../ActiveWalletInformation/ActiveWalletInformation.cjs');
@@ -91,14 +95,13 @@ const DynamicWidgetWalletHeader = ({ variant, }) => {
     const { open: openSendBalanceModal } = SendBalanceContext.useSendBalance();
     const { supportsFunding, setShowFunding, fundingEnabled } = FundingContext.useFundingContext();
     const { setDynamicWidgetView, setIsOpen } = DynamicWidgetContext.useWidgetContext();
+    const { isLoadingEmbeddedWallet } = WalletContext.useWalletContext();
+    const { t } = reactI18next.useTranslation();
     const isSendBalanceEnabled = React.useMemo(() => {
-        var _a;
         const connector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
         if (!connector)
             return false;
-        // @todo: QNTM-804 Remove supported chains check to support other chains
-        return (((_a = connector.supportedChains) === null || _a === void 0 ? void 0 : _a.includes('EVM')) &&
-            walletConnectorCore.isEmbeddedConnector(connector));
+        return walletConnectorCore.isSendBalanceWalletConnector(connector);
     }, [primaryWallet]);
     const handleOnClickSend = () => {
         if (variant === 'dropdown') {
@@ -109,17 +112,10 @@ const DynamicWidgetWalletHeader = ({ variant, }) => {
             setDynamicWidgetView('send-balance');
         }
     };
-    const renderEmailOrSocialHeader = () => {
-        const oauthCredential = getActiveOauthCredential.getActiveOauthCredential(user);
-        if (oauthCredential === null || oauthCredential === void 0 ? void 0 : oauthCredential.publicIdentifier) {
-            return oauthCredential.publicIdentifier;
-        }
-        return shortenEmail.shortenEmail(user === null || user === void 0 ? void 0 : user.email);
-    };
     const renderWalletHeader = () => {
         const unknownWallet = user === null || user === void 0 ? void 0 : user.verifiedCredentials.find((credential) => credential.walletName === 'unknown');
-        if (primaryWallet) {
-            return jsxRuntime.jsx(ActiveWalletInformation.ActiveWalletInformation, {});
+        if (primaryWallet || isLoadingEmbeddedWallet) {
+            return jsxRuntime.jsx(ActiveWalletInformation.ActiveWalletInformation, { isLoading: isLoadingEmbeddedWallet });
         }
         else if (unknownWallet) {
             return jsxRuntime.jsx(UnknownWalletInformation.UnknownWalletInformation, { address: unknownWallet.address });
@@ -129,11 +125,11 @@ const DynamicWidgetWalletHeader = ({ variant, }) => {
         }
     };
     const isActionsVisible = isSendBalanceEnabled || fundingEnabled;
-    return (jsxRuntime.jsxs("div", { className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header', children: [renderWalletHeader(), primaryWallet ? (jsxRuntime.jsxs("div", { "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info', children: [jsxRuntime.jsx(SecureTurnkeyWalletCard.SecureTurnkeyWalletCard, { className: 'dynamic-widget-wallet-header__wallet-info__secure-wallet' }), isActionsVisible && (jsxRuntime.jsxs("div", { className: 'dynamic-widget-wallet-header__wallet-actions', children: [fundingEnabled && (jsxRuntime.jsx(Button.Button, { expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: () => setShowFunding(true), disabled: !supportsFunding, startSlot: 
+    return (jsxRuntime.jsxs("div", { className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header', children: [renderWalletHeader(), isLoadingEmbeddedWallet && (jsxRuntime.jsx("div", { className: 'dynamic-widget-wallet-header__wallet-info', children: jsxRuntime.jsx("div", { className: 'dynamic-widget-wallet-header__wallet-loading', children: jsxRuntime.jsx(Alert.Alert, { variant: 'info', icon: jsxRuntime.jsx(spinner.Spinner, { className: 'button__spinner' }), children: t('dyn_creating_wallet.loading_message') }) }) })), primaryWallet ? (jsxRuntime.jsxs("div", { "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info', children: [jsxRuntime.jsx(SecureEmbeddedWalletCard.SecureEmbeddedWalletCard, { className: 'dynamic-widget-wallet-header__wallet-info__secure-wallet' }), isActionsVisible && (jsxRuntime.jsxs("div", { className: 'dynamic-widget-wallet-header__wallet-actions', children: [fundingEnabled && (jsxRuntime.jsx(Button.Button, { expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: () => setShowFunding(true), disabled: !supportsFunding, startSlot: 
                                 // eslint-disable-next-line react/jsx-wrap-multilines
                                 jsxRuntime.jsx(Icon.Icon, { size: 'small', color: 'text-secondary', children: jsxRuntime.jsx(add.ReactComponent, {}) }), children: "Buy" })), isSendBalanceEnabled && (jsxRuntime.jsx(Button.Button, { expanded: true, dataTestId: 'send-balance-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: handleOnClickSend, startSlot: 
                                 // eslint-disable-next-line react/jsx-wrap-multilines
-                                jsxRuntime.jsx(Icon.Icon, { size: 'small', color: 'text-secondary', children: jsxRuntime.jsx(send.ReactComponent, {}) }), children: "Send" }))] }))] })) : (jsxRuntime.jsx(Typography.Typography, { className: 'dynamic-widget-wallet-header__email', variant: 'body_normal', weight: 'regular', children: renderEmailOrSocialHeader() }))] }));
+                                jsxRuntime.jsx(Icon.Icon, { size: 'small', color: 'text-secondary', children: jsxRuntime.jsx(send.ReactComponent, {}) }), children: "Send" }))] }))] })) : (jsxRuntime.jsx(Typography.Typography, { className: 'dynamic-widget-wallet-header__email', variant: 'body_normal', weight: 'regular', children: !isLoadingEmbeddedWallet && getUserIdentifier.getUserIdentifier(user) }))] }));
 };
 React__default["default"].memo(DynamicWidgetWalletHeader);
 

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetWalletHeader/DynamicWidgetWalletHeader.js

@@ -1,6 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React__default, { useMemo } from 'react';
-import { isEmbeddedConnector } from '@dynamic-labs/wallet-connector-core';
+import { useTranslation } from 'react-i18next';
+import { isSendBalanceWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import '../../../../../events/dynamicEvents.js';
 import '../../../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/utils';
@@ -15,64 +16,67 @@ import '@dynamic-labs/wallet-book';
 import '../../../../../utils/constants/colors.js';
 import '../../../../../utils/constants/values.js';
 import '../../../../../shared/utils/classes/storage/localStorage.js';
-import 'viem';
 import '../../../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
-import { getActiveOauthCredential } from '../../../../../utils/functions/getActiveOauthCredential/getActiveOauthCredential.js';
+import { getUserIdentifier } from '../../../../../utils/functions/getUserIdentifier/getUserIdentifier.js';
+import 'react-international-phone';
+import 'viem';
 import 'viem/chains';
+import '../../../../../config/ApiEndpoint.js';
 import '../../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../../../../config/ApiEndpoint.js';
-import '../../../../../context/EmailVerificationContext/EmailVerificationContext.js';
+import '../../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import { useWalletContext } from '../../../../../context/WalletContext/WalletContext.js';
 import '../../../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
-import 'react-i18next';
 import '../../../../../context/MockContext/MockContext.js';
 import '../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../../context/UserWalletsContext/UserWalletsContext.js';
+import 'i18next';
+import { Typography } from '../../../../../components/Typography/Typography.js';
+import '../../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../../../../components/ShadowDOM/ShadowDOM.js';
-import '../../../../../components/OverlayCard/OverlayCard.context.js';
+import '../../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../../context/FooterAnimationContext/index.js';
-import { Typography } from '../../../../../components/Typography/Typography.js';
 import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import '../../../../../context/LoadingContext/LoadingContext.js';
 import { Icon } from '../../../../../components/Icon/Icon.js';
-import 'i18next';
 import 'qrcode';
 import { useWidgetContext } from '../../../context/DynamicWidgetContext.js';
+import '../../../../../components/IconButton/IconButton.js';
+import '../../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
 import { Button } from '../../../../../components/Button/Button.js';
-import '../../../../../components/IconButton/IconButton.js';
-import '../../../../../components/Alert/Alert.js';
+import '../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import { Spinner } from '../../../../../components/Spinner/spinner.js';
+import { Alert } from '../../../../../components/Alert/Alert.js';
+import '../../../../../components/Input/Input.js';
 import '../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../../context/PasskeyContext/PasskeyContext.js';
-import '@dynamic-labs/viem-utils';
 import '../../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../../components/IsBrowser/IsBrowser.js';
-import '../../../../../components/MenuList/Dropdown/Dropdown.js';
-import { shortenEmail } from '../../../../../shared/utils/functions/shortenEmail/shortenEmail.js';
 import '../../../../../components/Popper/Popper/Popper.js';
 import '../../../../../components/Popper/PopperContext/PopperContext.js';
-import { SecureTurnkeyWalletCard } from '../../../../../components/SecureTurnkeyWalletCard/SecureTurnkeyWalletCard.js';
 import '../../../../../views/WalletList/WalletList.js';
-import '@hcaptcha/react-hcaptcha';
-import { UserAvatar } from '../../../../../components/UserAvatar/UserAvatar.js';
 import '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import { UserAvatar } from '../../../../../components/UserAvatar/UserAvatar.js';
+import '../../../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import { SecureEmbeddedWalletCard } from '../../../../../components/SecureEmbeddedWalletCard/SecureEmbeddedWalletCard.js';
 import { useFundingContext } from '../../../../../context/FundingContext/FundingContext.js';
 import { useSendBalance } from '../../../../../context/SendBalanceContext/SendBalanceContext.js';
 import { ActiveWalletInformation } from '../../ActiveWalletInformation/ActiveWalletInformation.js';
@@ -83,14 +87,13 @@ const DynamicWidgetWalletHeader = ({ variant, }) => {
     const { open: openSendBalanceModal } = useSendBalance();
     const { supportsFunding, setShowFunding, fundingEnabled } = useFundingContext();
     const { setDynamicWidgetView, setIsOpen } = useWidgetContext();
+    const { isLoadingEmbeddedWallet } = useWalletContext();
+    const { t } = useTranslation();
     const isSendBalanceEnabled = useMemo(() => {
-        var _a;
         const connector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
         if (!connector)
             return false;
-        // @todo: QNTM-804 Remove supported chains check to support other chains
-        return (((_a = connector.supportedChains) === null || _a === void 0 ? void 0 : _a.includes('EVM')) &&
-            isEmbeddedConnector(connector));
+        return isSendBalanceWalletConnector(connector);
     }, [primaryWallet]);
     const handleOnClickSend = () => {
         if (variant === 'dropdown') {
@@ -101,17 +104,10 @@ const DynamicWidgetWalletHeader = ({ variant, }) => {
             setDynamicWidgetView('send-balance');
         }
     };
-    const renderEmailOrSocialHeader = () => {
-        const oauthCredential = getActiveOauthCredential(user);
-        if (oauthCredential === null || oauthCredential === void 0 ? void 0 : oauthCredential.publicIdentifier) {
-            return oauthCredential.publicIdentifier;
-        }
-        return shortenEmail(user === null || user === void 0 ? void 0 : user.email);
-    };
     const renderWalletHeader = () => {
         const unknownWallet = user === null || user === void 0 ? void 0 : user.verifiedCredentials.find((credential) => credential.walletName === 'unknown');
-        if (primaryWallet) {
-            return jsx(ActiveWalletInformation, {});
+        if (primaryWallet || isLoadingEmbeddedWallet) {
+            return jsx(ActiveWalletInformation, { isLoading: isLoadingEmbeddedWallet });
         }
         else if (unknownWallet) {
             return jsx(UnknownWalletInformation, { address: unknownWallet.address });
@@ -121,11 +117,11 @@ const DynamicWidgetWalletHeader = ({ variant, }) => {
         }
     };
     const isActionsVisible = isSendBalanceEnabled || fundingEnabled;
-    return (jsxs("div", { className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header', children: [renderWalletHeader(), primaryWallet ? (jsxs("div", { "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info', children: [jsx(SecureTurnkeyWalletCard, { className: 'dynamic-widget-wallet-header__wallet-info__secure-wallet' }), isActionsVisible && (jsxs("div", { className: 'dynamic-widget-wallet-header__wallet-actions', children: [fundingEnabled && (jsx(Button, { expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: () => setShowFunding(true), disabled: !supportsFunding, startSlot: 
+    return (jsxs("div", { className: 'dynamic-widget-wallet-header', "data-testid": 'dynamic-widget-wallet-header', children: [renderWalletHeader(), isLoadingEmbeddedWallet && (jsx("div", { className: 'dynamic-widget-wallet-header__wallet-info', children: jsx("div", { className: 'dynamic-widget-wallet-header__wallet-loading', children: jsx(Alert, { variant: 'info', icon: jsx(Spinner, { className: 'button__spinner' }), children: t('dyn_creating_wallet.loading_message') }) }) })), primaryWallet ? (jsxs("div", { "data-testid": 'primaryWalletStatus', className: 'dynamic-widget-wallet-header__wallet-info', children: [jsx(SecureEmbeddedWalletCard, { className: 'dynamic-widget-wallet-header__wallet-info__secure-wallet' }), isActionsVisible && (jsxs("div", { className: 'dynamic-widget-wallet-header__wallet-actions', children: [fundingEnabled && (jsx(Button, { expanded: true, dataTestId: 'buy-crypto-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: () => setShowFunding(true), disabled: !supportsFunding, startSlot: 
                                 // eslint-disable-next-line react/jsx-wrap-multilines
                                 jsx(Icon, { size: 'small', color: 'text-secondary', children: jsx(SvgAdd, {}) }), children: "Buy" })), isSendBalanceEnabled && (jsx(Button, { expanded: true, dataTestId: 'send-balance-button', buttonPadding: 'small', buttonVariant: 'primary', onClick: handleOnClickSend, startSlot: 
                                 // eslint-disable-next-line react/jsx-wrap-multilines
-                                jsx(Icon, { size: 'small', color: 'text-secondary', children: jsx(SvgSend, {}) }), children: "Send" }))] }))] })) : (jsx(Typography, { className: 'dynamic-widget-wallet-header__email', variant: 'body_normal', weight: 'regular', children: renderEmailOrSocialHeader() }))] }));
+                                jsx(Icon, { size: 'small', color: 'text-secondary', children: jsx(SvgSend, {}) }), children: "Send" }))] }))] })) : (jsx(Typography, { className: 'dynamic-widget-wallet-header__email', variant: 'body_normal', weight: 'regular', children: !isLoadingEmbeddedWallet && getUserIdentifier(user) }))] }));
 };
 React__default.memo(DynamicWidgetWalletHeader);
 

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetDropdown/DynamicWidgetDropdown.cjs

@@ -20,17 +20,19 @@ require('@dynamic-labs/wallet-book');
 require('../../../../../../utils/constants/colors.cjs');
 require('../../../../../../utils/constants/values.cjs');
 require('../../../../../../shared/utils/classes/storage/localStorage.cjs');
-require('viem');
 require('../../../../../../shared/consts/index.cjs');
 require('../../../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('viem');
 require('viem/chains');
+require('../../../../../../config/ApiEndpoint.cjs');
 require('../../../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('../../../../../../config/ApiEndpoint.cjs');
-require('../../../../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('../../../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
+require('../../../../../../context/WalletContext/WalletContext.cjs');
 require('../../../../../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
@@ -45,28 +47,30 @@ require('../../../../../../components/Alert/Alert.cjs');
 require('../../../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../../../components/IconButton/IconButton.cjs');
 require('../../../../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../../../../components/Input/Input.cjs');
 require('../../../../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../../../components/Popper/Popper/Popper.cjs');
 var PopperContext = require('../../../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('formik');
-require('i18next');
-require('../../../../../../components/OverlayCard/OverlayCard.context.cjs');
-require('../../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../../../../../context/PasskeyContext/PasskeyContext.cjs');
-require('../../../../../../views/WalletList/WalletList.cjs');
 require('qrcode');
-require('@hcaptcha/react-hcaptcha');
-require('../../../../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../../../../views/WalletList/WalletList.cjs');
 require('../../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('i18next');
+require('@hcaptcha/react-hcaptcha');
+require('../../../../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../../../../context/FooterAnimationContext/index.cjs');
+require('../../../../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+require('../../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../context/DynamicWidgetContext.cjs');
 require('../../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
-require('@dynamic-labs/viem-utils');
+require('../../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 const DynamicWidgetDropdown = ({ zIndex, isShown, onClose, children, className, contentClassName, }) => (jsxRuntime.jsx(ZoomTransition.ZoomTransition, { outDuration: 200, className: classNames.classNames('dynamic-widget-dropdown', className), isShown: isShown, children: jsxRuntime.jsx("div", { "data-testid": 'DynamicWidgetDropdown', style: { zIndex }, className: classNames.classNames('dynamic-widget-dropdown__root', contentClassName), children: jsxRuntime.jsx(PopperContext.PopperProvider, { children: children }) }) }));

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetDropdown/DynamicWidgetDropdown.js

@@ -16,17 +16,19 @@ import '@dynamic-labs/wallet-book';
 import '../../../../../../utils/constants/colors.js';
 import '../../../../../../utils/constants/values.js';
 import '../../../../../../shared/utils/classes/storage/localStorage.js';
-import 'viem';
 import '../../../../../../shared/consts/index.js';
 import '../../../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import 'viem';
 import 'viem/chains';
+import '../../../../../../config/ApiEndpoint.js';
 import '../../../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../../../../../config/ApiEndpoint.js';
-import '../../../../../../context/EmailVerificationContext/EmailVerificationContext.js';
+import '../../../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../../../../../context/WalletContext/WalletContext.js';
 import '../../../../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
@@ -41,28 +43,30 @@ import '../../../../../../components/Alert/Alert.js';
 import '../../../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../../../components/IconButton/IconButton.js';
 import '../../../../../../components/InlineWidget/InlineWidget.js';
+import '../../../../../../components/Input/Input.js';
 import '../../../../../../components/IsBrowser/IsBrowser.js';
 import '../../../../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import '../../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../../../components/Popper/Popper/Popper.js';
 import { PopperProvider } from '../../../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'formik';
-import 'i18next';
-import '../../../../../../components/OverlayCard/OverlayCard.context.js';
-import '../../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../../../../../../context/PasskeyContext/PasskeyContext.js';
-import '../../../../../../views/WalletList/WalletList.js';
 import 'qrcode';
-import '@hcaptcha/react-hcaptcha';
-import '../../../../../../context/LoadingContext/LoadingContext.js';
+import '../../../../../../views/WalletList/WalletList.js';
 import '../../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
-import '../../../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import 'i18next';
+import '@hcaptcha/react-hcaptcha';
+import '../../../../../../context/LoadingContext/LoadingContext.js';
 import '../../../../../../context/FooterAnimationContext/index.js';
+import '../../../../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../../../../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../context/DynamicWidgetContext.js';
 import '../../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
-import '@dynamic-labs/viem-utils';
+import '../../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
 const DynamicWidgetDropdown = ({ zIndex, isShown, onClose, children, className, contentClassName, }) => (jsx(ZoomTransition, { outDuration: 200, className: classNames('dynamic-widget-dropdown', className), isShown: isShown, children: jsx("div", { "data-testid": 'DynamicWidgetDropdown', style: { zIndex }, className: classNames('dynamic-widget-dropdown__root', contentClassName), children: jsx(PopperProvider, { children: children }) }) }));

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetModal/DynamicWidgetModal.cjs

@@ -18,18 +18,20 @@ require('@dynamic-labs/wallet-book');
 require('../../../../../../utils/constants/colors.cjs');
 require('../../../../../../utils/constants/values.cjs');
 require('../../../../../../shared/utils/classes/storage/localStorage.cjs');
-require('viem');
 var usePreventPageScroll = require('../../../../../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.cjs');
 require('../../../../../../shared/consts/index.cjs');
 require('../../../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('viem');
 require('viem/chains');
+require('../../../../../../config/ApiEndpoint.cjs');
 require('../../../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('../../../../../../config/ApiEndpoint.cjs');
-require('../../../../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('../../../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
+require('../../../../../../context/WalletContext/WalletContext.cjs');
 require('../../../../../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
@@ -39,36 +41,38 @@ require('../../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpd
 require('../../../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('i18next');
+require('../../../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../../../../components/ShadowDOM/ShadowDOM.cjs');
-require('../../../../../../components/OverlayCard/OverlayCard.context.cjs');
+require('../../../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 var Portal = require('../../../../../../components/Portal/Portal.cjs');
 require('../../../../../../context/LoadingContext/LoadingContext.cjs');
-require('i18next');
 require('qrcode');
 require('../../../../context/DynamicWidgetContext.cjs');
+require('../../../../../../components/IconButton/IconButton.cjs');
+require('../../../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');
-require('../../../../../../components/IconButton/IconButton.cjs');
+require('../../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../../../components/Alert/Alert.cjs');
+require('../../../../../../components/Input/Input.cjs');
 require('../../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../../../context/PasskeyContext/PasskeyContext.cjs');
-require('@dynamic-labs/viem-utils');
 require('../../../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../../../components/IsBrowser/IsBrowser.cjs');
-require('../../../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../../../components/Popper/Popper/Popper.cjs');
 var PopperContext = require('../../../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('../../../../../../views/WalletList/WalletList.cjs');
-require('@hcaptcha/react-hcaptcha');
 require('../../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../../../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
 
 const DynamicWidgetModal = ({ children, isShown, onClose, zIndex, className, transitionEvents = {}, }) => {
     usePreventPageScroll.usePreventPageScroll(Boolean(isShown));

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetModal/DynamicWidgetModal.js

@@ -14,18 +14,20 @@ import '@dynamic-labs/wallet-book';
 import '../../../../../../utils/constants/colors.js';
 import '../../../../../../utils/constants/values.js';
 import '../../../../../../shared/utils/classes/storage/localStorage.js';
-import 'viem';
 import { usePreventPageScroll } from '../../../../../../shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js';
 import '../../../../../../shared/consts/index.js';
 import '../../../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import 'viem';
 import 'viem/chains';
+import '../../../../../../config/ApiEndpoint.js';
 import '../../../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../../../../../config/ApiEndpoint.js';
-import '../../../../../../context/EmailVerificationContext/EmailVerificationContext.js';
+import '../../../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
+import '../../../../../../context/WalletContext/WalletContext.js';
 import '../../../../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
@@ -35,36 +37,38 @@ import '../../../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpda
 import '../../../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../../../context/UserWalletsContext/UserWalletsContext.js';
+import 'i18next';
+import '../../../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../../../components/Transition/OpacityTransition/OpacityTransition.js';
-import '../../../../../../components/ShadowDOM/ShadowDOM.js';
-import '../../../../../../components/OverlayCard/OverlayCard.context.js';
+import '../../../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../../../context/FooterAnimationContext/index.js';
 import '../../../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../DynamicWidgetHeader/DynamicWidgetHeader.js';
 import { Portal } from '../../../../../../components/Portal/Portal.js';
 import '../../../../../../context/LoadingContext/LoadingContext.js';
-import 'i18next';
 import 'qrcode';
 import '../../../../context/DynamicWidgetContext.js';
+import '../../../../../../components/IconButton/IconButton.js';
+import '../../../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
-import '../../../../../../components/IconButton/IconButton.js';
+import '../../../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../../../components/Alert/Alert.js';
+import '../../../../../../components/Input/Input.js';
 import '../../../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../../../context/PasskeyContext/PasskeyContext.js';
-import '@dynamic-labs/viem-utils';
 import '../../../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../../../components/IsBrowser/IsBrowser.js';
-import '../../../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../../../components/Popper/Popper/Popper.js';
 import { PopperProvider } from '../../../../../../components/Popper/PopperContext/PopperContext.js';
 import '../../../../../../views/WalletList/WalletList.js';
-import '@hcaptcha/react-hcaptcha';
 import '../../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../../../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
 
 const DynamicWidgetModal = ({ children, isShown, onClose, zIndex, className, transitionEvents = {}, }) => {
     usePreventPageScroll(Boolean(isShown));