@dynamic-labs/sdk-react-core 2.0.0-alpha.21 → 2.0.0-alpha.22

package/src/index.js

@@ -12,138 +12,61 @@ export { classNames } from './lib/utils/functions/classNames/classNames.js';
 import './lib/events/dynamicEvents.js';
 export { useWalletConnectorEvent } from './lib/utils/hooks/events/useWalletConnectorEvent/useWalletConnectorEvent.js';
 export { useAuthenticateConnectedUser } from './lib/utils/hooks/useAuthenticateConnectedUser/useAuthenticateConnectedUser.js';
-export { decodeJwt } from './lib/shared/utils/functions/decodeJwt/decodeJwt.js';
+export { DynamicJwtFromJSON } from '@dynamic-labs/sdk-api';
+import './lib/shared/logger.js';
 export { validateType } from './lib/shared/utils/functions/validateType/validateType.js';
 export { getChainIcon } from './lib/shared/utils/functions/chain/getChainIcon.js';
 export { getChainDisplayName } from './lib/shared/utils/functions/chain/getChainDisplayName.js';
 export { createWallet } from './lib/shared/utils/functions/wallet/createWallet.js';
 export { getValueByKey } from './lib/shared/utils/functions/getValueByKey/index.js';
-export { detectBrowserName } from './lib/shared/utils/functions/detectBrowser/detectBrowser.js';
-export { shortenWalletAddress } from './lib/shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
-export { debounce } from './lib/shared/utils/functions/debounce/debounce.js';
-export { isSSR } from './lib/shared/utils/functions/isSSR/isSSR.js';
-export { isDisplayOrderPriorityForWeb3 } from './lib/shared/utils/functions/isDisplayOrderPriorityForWeb3/isDisplayOrderPriorityForWeb3.js';
-export { isDisplayOrderPriorityForWeb2 } from './lib/shared/utils/functions/isDisplayOrderPriorityForWeb2/isDisplayOrderPriorityForWeb2.js';
-export { getWalletListItemLabel } from './lib/shared/utils/functions/getWalletListItemLabel/getWalletListItemLabel.js';
-export { providerLabel } from './lib/shared/utils/functions/providerLabel/providerLabel.js';
-export { validatePassword } from './lib/shared/utils/functions/validatePassword/validatePassword.js';
-export { generateRandomPassword } from './lib/shared/utils/functions/generateRandomPassword/generateRandomPassword.js';
-export { useEffectOnce } from './lib/shared/utils/hooks/useEffectOnce/useEffectOnce.js';
-export { useForwardedRef } from './lib/shared/utils/hooks/useForwardedRef/useForwardedRef.js';
-export { useGlobalLoading } from './lib/shared/utils/hooks/useGlobalLoading/useGlobalLoading.js';
+import './lib/utils/constants/colors.js';
+import './lib/utils/constants/values.js';
+export { LocalStorage } from './lib/shared/utils/classes/storage/localStorage.js';
 export { useLocalStorage } from './lib/shared/utils/hooks/useLocalStorage/useLocalStorage.js';
-export { useMediaQuery } from './lib/shared/utils/hooks/useMediaQuery/useMediaQuery.js';
 export { useOnClickOutside } from './lib/shared/utils/hooks/useOnClickOutside/index.js';
-export { usePreventPageScroll } from './lib/shared/utils/hooks/usePreventPageScroll/usePreventPageScroll.js';
-export { useThrottle } from './lib/shared/utils/hooks/useThrottle/useThrottle.js';
-export { LocalStorage } from './lib/shared/utils/classes/storage/localStorage.js';
-export { PhantomLedgerIcon } from './lib/shared/assets/wallets/PhantomLedgerIcon/PhantomLedgerIcon.js';
-export { ReactComponent as AddWalletIcon } from './lib/shared/assets/add-wallet.js';
-export { ReactComponent as AddIcon } from './lib/shared/assets/add.js';
-export { ReactComponent as AltEmbeddedWalletIcon } from './lib/shared/assets/alt-embedded-wallet.js';
-export { ReactComponent as AltKeyIcon } from './lib/shared/assets/alt-key.js';
-export { ReactComponent as AndroidFaceId } from './lib/shared/assets/android-face-id.js';
-export { ReactComponent as AndroidTouchId } from './lib/shared/assets/android-touch-id.js';
-export { ReactComponent as ArrowDownIcon } from './lib/shared/assets/arrow-down.js';
+import '@dynamic-labs/utils';
+import '@dynamic-labs/iconic';
+import './lib/context/ViewContext/ViewContext.js';
 export { ReactComponent as ArrowLeftIcon } from './lib/shared/assets/arrow-left.js';
-export { ReactComponent as ArrowRightBackgroundIcon } from './lib/shared/assets/arrow-right-background.js';
 export { ReactComponent as ArrowRightIcon } from './lib/shared/assets/arrow-right.js';
-export { ReactComponent as AtIcon } from './lib/shared/assets/at.js';
 export { ReactComponent as CheckCircleIcon } from './lib/shared/assets/check-circle.js';
-export { ReactComponent as CheckConnectionIcon } from './lib/shared/assets/check-connection.js';
 export { ReactComponent as CheckIcon } from './lib/shared/assets/check.js';
-export { ReactComponent as ChevronDownIcon } from './lib/shared/assets/chevron-down.js';
 export { ReactComponent as ChevronLeftIcon } from './lib/shared/assets/chevron-left.js';
-export { ReactComponent as CircleLockerIcon } from './lib/shared/assets/circle-locker.js';
 export { ReactComponent as CloseIcon } from './lib/shared/assets/close.js';
 export { ReactComponent as CopyIcon } from './lib/shared/assets/copy.js';
-export { ReactComponent as DomainIcon } from './lib/shared/assets/domain.js';
-export { ReactComponent as DotsHorizontalIcon } from './lib/shared/assets/dots-horizontal.js';
-export { ReactComponent as DoubleArrowRightIcon } from './lib/shared/assets/double-arrow-right.js';
-export { ReactComponent as DownloadIcon } from './lib/shared/assets/download.js';
-export { ReactComponent as DynamicLogoIcon } from './lib/shared/assets/dynamic-logo.js';
 export { ReactComponent as EmbeddedWalletIcon } from './lib/shared/assets/embedded-wallet-icon.js';
 export { ReactComponent as ErrorIcon } from './lib/shared/assets/error.js';
-export { ReactComponent as ExportEmbeddedHero } from './lib/shared/assets/export-embedded-hero.js';
-export { ReactComponent as ExportPrivateKeyIcon } from './lib/shared/assets/export-private-key.js';
-export { ReactComponent as ExportRecoveryPhraseIcon } from './lib/shared/assets/export-recovery-phrase.js';
 export { ReactComponent as ExternalLinkIcon } from './lib/shared/assets/externalLink.js';
-export { ReactComponent as EyeOffIcon } from './lib/shared/assets/eye-off-icon.js';
-export { ReactComponent as FaceIdIcon } from './lib/shared/assets/face-id.js';
 export { ReactComponent as EyeIcon } from './lib/shared/assets/footer-eye-icon.js';
-export { ReactComponent as GasIcon } from './lib/shared/assets/footer-gas-icon.js';
 export { ReactComponent as InfoIcon } from './lib/shared/assets/footer-info-icon.js';
-export { ReactComponent as KeyIcon } from './lib/shared/assets/footer-key-icon.js';
-export { ReactComponent as GearIcon } from './lib/shared/assets/gear.js';
 export { ReactComponent as IPhoneFaceId } from './lib/shared/assets/iphone-face-id.js';
 export { ReactComponent as IPhoneTouchId } from './lib/shared/assets/iphone-touch-id.js';
-export { ReactComponent as JustifiedTextIcon } from './lib/shared/assets/justified-text.js';
-export { ReactComponent as KeyOutlineIcon } from './lib/shared/assets/key.js';
-export { ReactComponent as LinkIcon } from './lib/shared/assets/link.js';
-export { ReactComponent as LocationIcon } from './lib/shared/assets/location.js';
-export { ReactComponent as LockIcon } from './lib/shared/assets/lock.js';
 export { ReactComponent as LogoutIcon } from './lib/shared/assets/logout.js';
-export { ReactComponent as MailIcon } from './lib/shared/assets/mail.js';
-export { ReactComponent as AccountSecurityIcon } from './lib/shared/assets/multiple-account-security.js';
-export { ReactComponent as PasskeyAccountSecurityIcon } from './lib/shared/assets/passkey-account-security.js';
-export { ReactComponent as PasskeyIntroIcon } from './lib/shared/assets/passkey-intro-icon.js';
-export { ReactComponent as PasskeySuccessIcon } from './lib/shared/assets/passkey-success-icon.js';
-export { ReactComponent as PasswordHeroIcon } from './lib/shared/assets/password-hero.js';
-export { ReactComponent as PencilAltIcon } from './lib/shared/assets/pencil-alt-icon.js';
 export { ReactComponent as PencilIcon } from './lib/shared/assets/pencil.js';
-export { ReactComponent as PhoneIcon } from './lib/shared/assets/phone.js';
-export { ReactComponent as PromptAccountSwitch } from './lib/shared/assets/prompt-account-switch.js';
-export { ReactComponent as PuzzleIcon } from './lib/shared/assets/puzzle.js';
-export { ReactComponent as QuestionMarkIcon } from './lib/shared/assets/question-mark.js';
-export { ReactComponent as SendIcon } from './lib/shared/assets/send.js';
-export { ReactComponent as SignCircleIcon } from './lib/shared/assets/sign-circle.js';
-export { ReactComponent as SignInWithEmailIcon } from './lib/shared/assets/sign-in-with-email.js';
-export { ReactComponent as SignInWithPhoneIcon } from './lib/shared/assets/sign-in-with-phone.js';
-export { ReactComponent as SizeLabelsIcon } from './lib/shared/assets/size-labels.js';
-export { ReactComponent as SparklesIcon } from './lib/shared/assets/sparkles.js';
 export { ReactComponent as SpinnerIcon } from './lib/shared/assets/spinner.js';
 export { ReactComponent as ArrowIcon } from './lib/shared/assets/stroke.js';
-export { ReactComponent as SavePasswordHeroIcon } from './lib/shared/assets/save-password-hero.js';
-export { ReactComponent as SwitchHorizontalIcon } from './lib/shared/assets/switch-horizontal.js';
-export { ReactComponent as ThreeDots } from './lib/shared/assets/three-dots.js';
-export { ReactComponent as TooltipArrow } from './lib/shared/assets/tooltip-arrow.js';
-export { ReactComponent as UnlinkIcon } from './lib/shared/assets/unlink.js';
-export { ReactComponent as UserCleanIcon } from './lib/shared/assets/user-account-2.js';
-export { ReactComponent as UserCardIcon } from './lib/shared/assets/user-card.js';
-export { ReactComponent as UserIcon } from './lib/shared/assets/user.js';
-export { ReactComponent as WalletClaimHeroIcon } from './lib/shared/assets/wallet-claim-hero.js';
-export { ReactComponent as WalletConnectLogo } from './lib/shared/assets/wallet-connect-logo.js';
-export { ReactComponent as WalletOutlineIcon } from './lib/shared/assets/wallet-outline.js';
-export { ReactComponent as WalletV2Icon } from './lib/shared/assets/wallet-v2.js';
-export { ReactComponent as WorkSuitcaseIcon } from './lib/shared/assets/work-suitcase.js';
-export { authModalZIndex, countryCodes, defaultWalletsForChains, tShirtSizes, teamNames, toolkitZIndex, tooltipZIndex, widgetModalZIndex } from './lib/shared/consts/index.js';
-export { logger } from './lib/shared/logger.js';
+import './lib/shared/consts/index.js';
 import '../_virtual/_tslib.js';
 import 'react-dom';
-export { DynamicJwtFromJSON } from '@dynamic-labs/sdk-api';
-import '@dynamic-labs/utils';
 import './lib/config/ApiEndpoint.js';
 import '@dynamic-labs/wallet-connector-core';
-import './lib/utils/constants/values.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 export { mergeNetworks } from './lib/utils/functions/mergeNetworks/mergeNetworks.js';
-import './lib/utils/constants/colors.js';
 export { createWalletClientFromWallet } from './lib/utils/functions/createWalletClientFromWallet/createWalletClientFromWallet.js';
 export { useEmbeddedWallet } from './lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.js';
-import '@dynamic-labs/iconic';
 import './lib/context/ThemeContext/ThemeContext.js';
 export { useIsLoggedIn } from './lib/utils/hooks/useIsLoggedIn/useIsLoggedIn.js';
 import './lib/context/VerificationContext/VerificationContext.js';
+export { useOtpVerificationRequest } from './lib/utils/hooks/authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.js';
 export { usePasskeyRecovery } from './lib/utils/hooks/usePasskeyRecovery/usePasskeyRecovery.js';
 export { useSocialAccounts } from './lib/utils/hooks/useSocialAccounts/useSocialAccounts.js';
 import 'yup';
 import 'react-i18next';
 import './lib/context/FieldsStateContext/FieldsStateContext.js';
-export { MockContext, MockContextProvider, MockContextWrapper, useMockContext } from './lib/context/MockContext/MockContext.js';
+export { MockContextProvider } from './lib/context/MockContext/MockContext.js';
 export { useUserUpdateRequest } from './lib/utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import './lib/context/UserFieldEditorContext/UserFieldEditorContext.js';
-import './lib/context/ViewContext/ViewContext.js';
 import './lib/utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import './lib/context/AccessDeniedContext/AccessDeniedContext.js';
 import './lib/context/AccountExistsContext/AccountExistsContext.js';
@@ -165,7 +88,6 @@ import 'react-focus-lock';
 import './lib/context/LoadingContext/LoadingContext.js';
 import './lib/context/WalletContext/WalletContext.js';
 import './lib/context/CaptchaContext/CaptchaContext.js';
-export { useOtpVerificationRequest } from './lib/utils/hooks/authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.js';
 export { DynamicWidgetContextProvider } from './lib/widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import './lib/components/IconButton/IconButton.js';
 import './lib/components/MenuList/Dropdown/Dropdown.js';
@@ -182,7 +104,6 @@ export { useDynamicModals } from './lib/utils/hooks/useDynamicModals/useDynamicM
 export { DynamicConnectButton } from './lib/components/DynamicConnectButton/DynamicConnectButton.js';
 import './lib/components/InlineWidget/InlineWidget.js';
 export { IsBrowser } from './lib/components/IsBrowser/IsBrowser.js';
-import './lib/components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import './lib/components/Popper/Popper/Popper.js';
 import './lib/components/Popper/PopperContext/PopperContext.js';
 import 'qrcode';

package/src/lib/Main.cjs

@@ -58,7 +58,6 @@ require('./components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('./components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('./components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('./components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('./components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('./components/Popper/Popper/Popper.cjs');
 var PopperContext = require('./components/Popper/PopperContext/PopperContext.cjs');
 var Portal = require('./components/Portal/Portal.cjs');
@@ -83,7 +82,7 @@ require('./context/FundingContext/FundingContext.cjs');
 require('./views/WalletList/WalletList.cjs');
 require('./widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('./locale/locale.cjs');
+require('./views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('./context/SendBalanceContext/SendBalanceContext.cjs');
 require('./context/ConnectWithEmailOtpContext/connectWithEmailOtpContext.cjs');
 require('./context/ConnectWithEmailOtpContext/constants.cjs');

package/src/lib/Main.js

@@ -54,7 +54,6 @@ import './components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import './components/Transition/OpacityTransition/OpacityTransition.js';
 import './components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import './components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import './components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import './components/Popper/Popper/Popper.js';
 import { PopperProvider } from './components/Popper/PopperContext/PopperContext.js';
 import { Portal } from './components/Portal/Portal.js';
@@ -79,7 +78,7 @@ import './context/FundingContext/FundingContext.js';
 import './views/WalletList/WalletList.js';
 import './widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import './locale/locale.js';
+import './views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import './context/SendBalanceContext/SendBalanceContext.js';
 import './context/ConnectWithEmailOtpContext/connectWithEmailOtpContext.js';
 import './context/ConnectWithEmailOtpContext/constants.js';

package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.cjs

@@ -54,7 +54,6 @@ require('../../../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../../PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
@@ -67,7 +66,7 @@ require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
-require('../../../../locale/locale.cjs');
+require('../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');

package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.js

@@ -50,7 +50,6 @@ import '../../../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../Transition/OpacityTransition/OpacityTransition.js';
 import '../../../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../../../PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
@@ -63,7 +62,7 @@ import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../context/LoadingContext/LoadingContext.js';
 import '../../../../context/FooterAnimationContext/index.js';
-import '../../../../locale/locale.js';
+import '../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';

package/src/lib/components/AnimatePresence/AnimatePresence.cjs

@@ -54,7 +54,6 @@ require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../Transition/OpacityTransition/OpacityTransition.cjs');
 require('../OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
@@ -67,7 +66,7 @@ require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
-require('../../locale/locale.cjs');
+require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');

package/src/lib/components/AnimatePresence/AnimatePresence.js

@@ -50,7 +50,6 @@ import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../Transition/OpacityTransition/OpacityTransition.js';
 import '../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
@@ -63,7 +62,7 @@ import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../../context/LoadingContext/LoadingContext.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../locale/locale.js';
+import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.cjs

@@ -57,7 +57,6 @@ require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../Transition/OpacityTransition/OpacityTransition.cjs');
 require('../OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
@@ -72,7 +71,7 @@ require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
-require('../../locale/locale.cjs');
+require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.js

@@ -53,7 +53,6 @@ import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../Transition/OpacityTransition/OpacityTransition.js';
 import '../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
@@ -68,7 +67,7 @@ import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../../context/LoadingContext/LoadingContext.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../locale/locale.js';
+import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';

package/src/lib/components/Captcha/Captcha.cjs

@@ -53,7 +53,6 @@ require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../Transition/OpacityTransition/OpacityTransition.cjs');
 require('../OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
@@ -65,7 +64,7 @@ require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondar
 require('i18next');
 require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
-require('../../locale/locale.cjs');
+require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');

package/src/lib/components/Captcha/Captcha.js

@@ -49,7 +49,6 @@ import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../Transition/OpacityTransition/OpacityTransition.js';
 import '../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
@@ -61,7 +60,7 @@ import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/Secondary
 import 'i18next';
 import '../../context/LoadingContext/LoadingContext.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../locale/locale.js';
+import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';

package/src/lib/components/CopyButton/CopyButton.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, ComponentPropsWithoutRef } from 'react';
-import { CopyKey } from '../../..';
+import { CopyKey } from '../../shared';
 type Props = ComponentPropsWithoutRef<'button'> & {
     children: ReactNode;
     className?: string;

package/src/lib/components/Divider/Divider.cjs

@@ -66,14 +66,13 @@ require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../InlineWidget/InlineWidget.cjs');
 require('../IsBrowser/IsBrowser.cjs');
-require('../PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('qrcode');
 require('../../views/WalletList/WalletList.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../locale/locale.cjs');
+require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 
 const Divider = ({ text, className = '', fullWidth = false }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('divider', className, {
         'divider__full-width': fullWidth,

package/src/lib/components/Divider/Divider.js

@@ -62,14 +62,13 @@ import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../InlineWidget/InlineWidget.js';
 import '../IsBrowser/IsBrowser.js';
-import '../PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'qrcode';
 import '../../views/WalletList/WalletList.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../locale/locale.js';
+import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 
 const Divider = ({ text, className = '', fullWidth = false }) => (jsxs("div", { className: classNames('divider', className, {
         'divider__full-width': fullWidth,

package/src/lib/components/DynamicConnectButton/DynamicConnectButton.cjs

@@ -53,7 +53,6 @@ require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../Transition/OpacityTransition/OpacityTransition.cjs');
 require('../OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
@@ -66,7 +65,7 @@ require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
-require('../../locale/locale.cjs');
+require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');

package/src/lib/components/DynamicConnectButton/DynamicConnectButton.js

@@ -49,7 +49,6 @@ import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../Transition/OpacityTransition/OpacityTransition.js';
 import '../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
@@ -62,7 +61,7 @@ import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../../context/LoadingContext/LoadingContext.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../locale/locale.js';
+import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';

package/src/lib/components/EmailForm/EmailForm.cjs

@@ -0,0 +1,102 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../_virtual/_tslib.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactI18next = require('react-i18next');
+require('../../events/dynamicEvents.cjs');
+require('@dynamic-labs/utils');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
+require('../../shared/utils/classes/storage/localStorage.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');
+var isEmailValid = require('../../utils/functions/isEmailValid/isEmailValid.cjs');
+require('viem');
+require('viem/chains');
+require('../../config/ApiEndpoint.cjs');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../context/AccountExistsContext/AccountExistsContext.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');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
+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');
+require('../ShadowDOM/ShadowDOM.cjs');
+require('../Transition/ZoomTransition/ZoomTransition.cjs');
+require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../Transition/OpacityTransition/OpacityTransition.cjs');
+require('../OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('react-focus-lock');
+require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../IconButton/IconButton.cjs');
+require('../MenuList/Dropdown/Dropdown.cjs');
+require('formik');
+var Button = require('../Button/Button.cjs');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../Alert/Alert.cjs');
+var Input = require('../Input/Input.cjs');
+require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+var InlineSubmitButton = require('../InlineSubmitButton/InlineSubmitButton.cjs');
+require('../InlineWidget/InlineWidget.cjs');
+require('../IsBrowser/IsBrowser.cjs');
+require('../Popper/Popper/Popper.cjs');
+require('../Popper/PopperContext/PopperContext.cjs');
+require('qrcode');
+require('../../views/WalletList/WalletList.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
+
+const EmailForm = ({ isLoading, onSubmit, isEmailInvalid = false, currentEmail, emailSubmitButtonInsideInput = false, }) => {
+    const { t } = reactI18next.useTranslation();
+    const [emailInput, setEmailInput] = React.useState(currentEmail !== null && currentEmail !== void 0 ? currentEmail : '');
+    const [invalidEmail, setInvalidEmail] = React.useState(isEmailInvalid);
+    /** Indicates the state of the input relative to the user's interaction */
+    const [isHovered, setIsHovered] = React.useState(false);
+    const [isFocused, setIsFocused] = React.useState(false);
+    const handleEmailOnChangeEvent = (event) => {
+        const { value } = event.currentTarget;
+        setEmailInput(value);
+    };
+    const handleSubmit = (e) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        e.preventDefault();
+        if (!isEmailValid.isEmailValid(emailInput)) {
+            setInvalidEmail(true);
+            return;
+        }
+        onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(emailInput);
+    });
+    return (jsxRuntime.jsxs("form", { className: 'login-with-email-form', "data-testid": 'email-form', onSubmit: (e) => handleSubmit(e), children: [jsxRuntime.jsx(Input.Input, { id: 'email_field', value: emailInput, onChange: handleEmailOnChangeEvent, copykey: 'dyn_login.email_form.email_field.label', label: t('dyn_login.email_form.email_field.label'), error: invalidEmail, message: invalidEmail && t('dyn_login.helper.email_form.invalid_email'), suffix: jsxRuntime.jsx(InlineSubmitButton.InlineSubmitButton, { disabled: isLoading, highlighted: emailInput.length > 0, isFocused: isFocused, isHovered: isHovered, emailSubmitButtonInsideInput: emailSubmitButtonInsideInput }), disabled: isLoading, type: 'email', onPointerEnter: () => setIsHovered(true), onPointerLeave: () => setIsHovered(false), onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false) }), !emailSubmitButtonInsideInput && (jsxRuntime.jsx(Button.Button, { dataTestId: 'submit_button', buttonClassName: 'login-with-email-form__button', type: 'submit', loading: isLoading, disabled: isLoading || emailInput.length < 3, buttonVariant: 'brand-primary', buttonPadding: 'login-screen-height', expanded: true, copykey: 'dyn_login.email_form.submit_button.label', typographyProps: {
+                    color: 'inherit',
+                }, children: t('dyn_login.email_form.submit_button.label') }))] }));
+};
+
+exports.EmailForm = EmailForm;

package/src/lib/components/EmailForm/EmailForm.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface Props {
+    onSubmit?: (emailInput: string) => void;
+    onSubmitError?: () => void;
+    isLoading: boolean;
+    currentEmail?: string;
+    isEmailInvalid?: boolean;
+    emailSubmitButtonInsideInput?: boolean;
+}
+export declare const EmailForm: React.FC<Props>;
+export {};