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

package/src/lib/components/NetworkPicker/NetworkPicker.cjs

@@ -55,7 +55,6 @@ require('../Transition/ZoomTransition/ZoomTransition.cjs');
 require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../Transition/OpacityTransition/OpacityTransition.cjs');
 require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
@@ -70,7 +69,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('../OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');

package/src/lib/components/NetworkPicker/NetworkPicker.js

@@ -51,7 +51,6 @@ import '../Transition/ZoomTransition/ZoomTransition.js';
 import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../Transition/OpacityTransition/OpacityTransition.js';
 import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
@@ -66,7 +65,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 '../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';

package/src/lib/components/NetworkPicker/components/EvmNetworkControl/EvmNetworkControl.cjs

@@ -44,12 +44,12 @@ require('@dynamic-labs/rpc-providers');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('i18next');
 var Typography = require('../../../Typography/Typography.cjs');
+require('../../../../context/FooterAnimationContext/index.cjs');
 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');
@@ -68,7 +68,6 @@ 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');
@@ -77,7 +76,7 @@ var UnsupportedNetwork = require('../UnsupportedNetwork/UnsupportedNetwork.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');
 
 const EvmNetworkControl = ({ evmNetworks, className = '', activeClassName = '', network, walletConnector, isOpen, setIsOpen, showNetworkName = false, }) => {
     var _a, _b;

package/src/lib/components/NetworkPicker/components/EvmNetworkControl/EvmNetworkControl.js

@@ -40,12 +40,12 @@ import '@dynamic-labs/rpc-providers';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';
 import 'i18next';
 import { Typography } from '../../../Typography/Typography.js';
+import '../../../../context/FooterAnimationContext/index.js';
 import '../../../ShadowDOM/ShadowDOM.js';
 import '../../../Transition/ZoomTransition/ZoomTransition.js';
 import '../../../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../Transition/OpacityTransition/OpacityTransition.js';
 import '../../../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
-import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -64,7 +64,6 @@ 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';
@@ -73,7 +72,7 @@ import { UnsupportedNetwork } from '../UnsupportedNetwork/UnsupportedNetwork.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';
 
 const EvmNetworkControl = ({ evmNetworks, className = '', activeClassName = '', network, walletConnector, isOpen, setIsOpen, showNetworkName = false, }) => {
     var _a, _b;

package/src/lib/components/NetworkPicker/components/Network/Network.cjs

@@ -45,12 +45,12 @@ require('@dynamic-labs/rpc-providers');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('i18next');
 var Typography = require('../../../Typography/Typography.cjs');
+require('../../../../context/FooterAnimationContext/index.cjs');
 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');
@@ -69,14 +69,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 Network = ({ iconUrl, isActive, networkName, className, checkboxClassName = '', isChanging, notSupported = false, }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('network', className, {
         'network--not-supported': notSupported,

package/src/lib/components/NetworkPicker/components/Network/Network.js

@@ -41,12 +41,12 @@ import '@dynamic-labs/rpc-providers';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';
 import 'i18next';
 import { Typography } from '../../../Typography/Typography.js';
+import '../../../../context/FooterAnimationContext/index.js';
 import '../../../ShadowDOM/ShadowDOM.js';
 import '../../../Transition/ZoomTransition/ZoomTransition.js';
 import '../../../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../Transition/OpacityTransition/OpacityTransition.js';
 import '../../../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
-import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -65,14 +65,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 Network = ({ iconUrl, isActive, networkName, className, checkboxClassName = '', isChanging, notSupported = false, }) => (jsxs("div", { className: classNames('network', className, {
         'network--not-supported': notSupported,

package/src/lib/components/NetworkPicker/components/NetworkControlSkeleton/NetworkControlSkeleton.cjs

@@ -42,12 +42,12 @@ require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs')
 require('@dynamic-labs/rpc-providers');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('i18next');
+require('../../../../context/FooterAnimationContext/index.cjs');
 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');
 var Skeleton = require('../../../Skeleton/Skeleton.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.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 NetworkControlSkeleton = ({ className, }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('network-control-skeleton', className), "data-testid": 'network-control-loading', children: [jsxRuntime.jsx("div", { className: 'network-control-skeleton__icon' }), jsxRuntime.jsx(Skeleton.Skeleton, { className: 'network-control-skeleton__skeleton' })] }));
 

package/src/lib/components/NetworkPicker/components/NetworkControlSkeleton/NetworkControlSkeleton.js

@@ -38,12 +38,12 @@ import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';
 import 'i18next';
+import '../../../../context/FooterAnimationContext/index.js';
 import '../../../ShadowDOM/ShadowDOM.js';
 import '../../../Transition/ZoomTransition/ZoomTransition.js';
 import '../../../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../Transition/OpacityTransition/OpacityTransition.js';
 import '../../../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
-import '../../../../context/FooterAnimationContext/index.js';
 import { Skeleton } from '../../../Skeleton/Skeleton.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.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 NetworkControlSkeleton = ({ className, }) => (jsxs("div", { className: classNames('network-control-skeleton', className), "data-testid": 'network-control-loading', children: [jsx("div", { className: 'network-control-skeleton__icon' }), jsx(Skeleton, { className: 'network-control-skeleton__skeleton' })] }));
 

package/src/lib/components/NetworkPicker/components/NonNetworkSwitchingSupportedControl/NonNetworkSwitchingSupportedControl.cjs

@@ -45,12 +45,12 @@ require('@dynamic-labs/rpc-providers');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('i18next');
 var Typography = require('../../../Typography/Typography.cjs');
+require('../../../../context/FooterAnimationContext/index.cjs');
 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');
@@ -70,7 +70,6 @@ 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');
@@ -78,7 +77,7 @@ var NetworkControlSkeleton = require('../NetworkControlSkeleton/NetworkControlSk
 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 NonNetworkSwitchingSupportedControl = ({ walletConnector, className, showNetworkName = false, }) => {
     const { chain, isLoading } = useFetchChain.useFetchChain(walletConnector);

package/src/lib/components/NetworkPicker/components/NonNetworkSwitchingSupportedControl/NonNetworkSwitchingSupportedControl.js

@@ -41,12 +41,12 @@ import '@dynamic-labs/rpc-providers';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';
 import 'i18next';
 import { Typography } from '../../../Typography/Typography.js';
+import '../../../../context/FooterAnimationContext/index.js';
 import '../../../ShadowDOM/ShadowDOM.js';
 import '../../../Transition/ZoomTransition/ZoomTransition.js';
 import '../../../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../Transition/OpacityTransition/OpacityTransition.js';
 import '../../../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
-import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -66,7 +66,6 @@ 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';
@@ -74,7 +73,7 @@ import { NetworkControlSkeleton } from '../NetworkControlSkeleton/NetworkControl
 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 NonNetworkSwitchingSupportedControl = ({ walletConnector, className, showNetworkName = false, }) => {
     const { chain, isLoading } = useFetchChain(walletConnector);

package/src/lib/components/OverlayCard/OverlayCard.cjs

@@ -56,7 +56,6 @@ require('../IsBrowser/IsBrowser.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
 var OverlayCardTarget = require('./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');
@@ -69,7 +68,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/OverlayCard/OverlayCard.js

@@ -52,7 +52,6 @@ import '../IsBrowser/IsBrowser.js';
 import '../MenuList/Dropdown/Dropdown.js';
 import { useOverlayCardTarget } from './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';
@@ -65,7 +64,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/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs

@@ -53,7 +53,6 @@ require('../Transition/ZoomTransition/ZoomTransition.cjs');
 require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 var OpacityTransition = require('../Transition/OpacityTransition/OpacityTransition.cjs');
 require('../OverlayCard/OverlayCardTarget/OverlayCardTarget.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/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js

@@ -49,7 +49,6 @@ import '../Transition/ZoomTransition/ZoomTransition.js';
 import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import { OpacityTransition } from '../Transition/OpacityTransition/OpacityTransition.js';
 import '../OverlayCard/OverlayCardTarget/OverlayCardTarget.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/PhoneNumberField/PhoneNumberField.cjs

@@ -44,12 +44,12 @@ require('@dynamic-labs/rpc-providers');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('i18next');
 var Typography = require('../Typography/Typography.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
 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');
@@ -76,15 +76,16 @@ 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 PhoneNumberField = ({ isLoading, disabled, error, label, onUpdate, appendRight, setIsFocused, setIsHovered, initialPhone, onBlur, }) => {
+const PhoneNumberField = ({ isLoading, disabled, error, label, onUpdate, appendRight, setIsFocused, setIsHovered, initialPhone, onBlur, countries, }) => {
     const { t } = reactI18next.useTranslation();
     const countryInputRef = React.useRef(null);
     const [countryDropdownOpen, setCountryDropdownOpen] = React.useState(false);
     const anchorRef = React.useRef(null);
     const [invalidNumberMessage, setInvalidNumberMessage] = React.useState(undefined);
     const { formattedPhone, currentCountry, handleCountryInput, handlePhoneInput, hasInput, inputRef, countryInput, onBlurCountry, filteredCountries, openDropdown, handleCountryKeyDown, closeDropdown, setCountry, onMenuDisplayToggle, onFocusCountry, countryFontSize, } = usePhoneInputLogic.usePhoneInputLogic({
+        countries,
         countryInputRef,
         initialPhone,
         onUpdate,

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

@@ -1,6 +1,8 @@
 import { Dispatch, FC, FocusEventHandler, SetStateAction } from 'react';
+import { CountryData } from 'react-international-phone';
 import { OnUpdatePhoneData } from './usePhoneInputLogic';
 export type PhoneNumberFieldProps = {
+    countries: CountryData[];
     isLoading?: boolean;
     disabled?: boolean;
     label?: string;

package/src/lib/components/PhoneNumberField/PhoneNumberField.js

@@ -40,12 +40,12 @@ import '@dynamic-labs/rpc-providers';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import 'i18next';
 import { Typography } from '../Typography/Typography.js';
+import '../../context/FooterAnimationContext/index.js';
 import '../ShadowDOM/ShadowDOM.js';
 import '../Transition/ZoomTransition/ZoomTransition.js';
 import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../Transition/OpacityTransition/OpacityTransition.js';
 import '../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
-import '../../context/FooterAnimationContext/index.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -72,15 +72,16 @@ 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 PhoneNumberField = ({ isLoading, disabled, error, label, onUpdate, appendRight, setIsFocused, setIsHovered, initialPhone, onBlur, }) => {
+const PhoneNumberField = ({ isLoading, disabled, error, label, onUpdate, appendRight, setIsFocused, setIsHovered, initialPhone, onBlur, countries, }) => {
     const { t } = useTranslation();
     const countryInputRef = useRef(null);
     const [countryDropdownOpen, setCountryDropdownOpen] = useState(false);
     const anchorRef = useRef(null);
     const [invalidNumberMessage, setInvalidNumberMessage] = useState(undefined);
     const { formattedPhone, currentCountry, handleCountryInput, handlePhoneInput, hasInput, inputRef, countryInput, onBlurCountry, filteredCountries, openDropdown, handleCountryKeyDown, closeDropdown, setCountry, onMenuDisplayToggle, onFocusCountry, countryFontSize, } = usePhoneInputLogic({
+        countries,
         countryInputRef,
         initialPhone,
         onUpdate,

package/src/lib/components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs

@@ -8,29 +8,33 @@ var localStorage = require('../../../shared/utils/classes/storage/localStorage.c
 var useThrottle = require('../../../shared/utils/hooks/useThrottle/useThrottle.cjs');
 var localStorage$1 = require('../../../utils/constants/localStorage.cjs');
 var modulo = require('../../../utils/functions/modulo/modulo.cjs');
-var getCustomCountries = require('../getCustomCountries/getCustomCountries.cjs');
 
-const customCountries = getCustomCountries.getCustomCountries();
-/** The default country we want to use */
-const getDefaultCountry = () => {
-    var _a;
-    const defaultCountryIso2 = (_a = localStorage.LocalStorage.getFromLS(localStorage$1.PHONE_INPUT_DEFAULT_COUNTRY)) !== null && _a !== void 0 ? _a : 'us';
-    return customCountries
-        .map(reactInternationalPhone.parseCountry)
-        .find(({ iso2 }) => iso2 === defaultCountryIso2);
-};
 const MENU_DISPLAY_THROTTLE = 50;
 const COUNTRY_INPUT_SCROLL_DELAY = 20;
-const usePhoneInputLogic = ({ countryInputRef, setCountryDropdownOpen, setInvalidNumberMessage, onUpdate, initialPhone, }) => {
-    var _a, _b, _c, _d;
+const usePhoneInputLogic = ({ countryInputRef, setCountryDropdownOpen, setInvalidNumberMessage, onUpdate, initialPhone, countries, }) => {
+    var _a, _b, _c, _d, _e, _f;
+    /** The default country we want to use */
+    const getDefaultCountry = () => {
+        var _a;
+        const defaultCountryIso2 = (_a = localStorage.LocalStorage.getFromLS(localStorage$1.PHONE_INPUT_DEFAULT_COUNTRY)) !== null && _a !== void 0 ? _a : 'us';
+        return countries
+            .map(reactInternationalPhone.parseCountry)
+            .find(({ iso2 }) => iso2 === defaultCountryIso2);
+    };
+    const { country: initialCountry } = initialPhone
+        ? reactInternationalPhone.guessCountryByPartialPhoneNumber({
+            countries,
+            phone: initialPhone,
+        })
+        : { country: undefined };
     const { inputValue: formattedPhone, phone, country: currentCountry, setCountry: setSelectedCountry, handlePhoneValueChange: handlePhoneInput, inputRef, } = reactInternationalPhone.usePhoneInput({
-        countries: customCountries,
-        defaultCountry: (_b = (_a = getDefaultCountry()) === null || _a === void 0 ? void 0 : _a.iso2) !== null && _b !== void 0 ? _b : 'us',
+        countries,
+        defaultCountry: (_c = (_a = initialCountry === null || initialCountry === void 0 ? void 0 : initialCountry.iso2) !== null && _a !== void 0 ? _a : (_b = getDefaultCountry()) === null || _b === void 0 ? void 0 : _b.iso2) !== null && _c !== void 0 ? _c : 'us',
         disableDialCodeAndPrefix: true,
         value: initialPhone,
     });
     /** What is currently displayed on the country input */
-    const [countryInput, setCountryInput] = React.useState((_d = (_c = getDefaultCountry()) === null || _c === void 0 ? void 0 : _c.dialCode) !== null && _d !== void 0 ? _d : '1');
+    const [countryInput, setCountryInput] = React.useState((_f = (_d = initialCountry === null || initialCountry === void 0 ? void 0 : initialCountry.dialCode) !== null && _d !== void 0 ? _d : (_e = getDefaultCountry()) === null || _e === void 0 ? void 0 : _e.dialCode) !== null && _f !== void 0 ? _f : '1');
     // Justification for effect:
     // Since the library controls the states, we can't call this callback inside the setters.
     // We could wrap setCountry and handlePhoneInput, but that only accounts for
@@ -50,20 +54,20 @@ const usePhoneInputLogic = ({ countryInputRef, setCountryDropdownOpen, setInvali
     /** List of countries, but filtered by the current input */
     const filteredCountries = React.useMemo(() => {
         if (!filterQuery)
-            return customCountries;
+            return countries;
         // If input is a country name
         if (isNaN(parseInt(filterQuery)))
-            return customCountries.filter((countryData) => {
+            return countries.filter((countryData) => {
                 const { name, iso2 } = reactInternationalPhone.parseCountry(countryData);
                 return (name.toLowerCase().includes(filterQuery.toLowerCase()) ||
                     iso2 === filterQuery.toLowerCase() ||
                     currentCountry.iso2 === iso2);
             });
-        return customCountries.filter((countryData) => {
+        return countries.filter((countryData) => {
             const { dialCode, iso2 } = reactInternationalPhone.parseCountry(countryData);
             return dialCode.includes(filterQuery) || currentCountry.iso2 === iso2;
         });
-    }, [currentCountry.iso2, filterQuery]);
+    }, [countries, currentCountry.iso2, filterQuery]);
     const openDropdown = () => {
         // Don't filter on open, wait for input
         setFilterQuery('');
@@ -76,7 +80,7 @@ const usePhoneInputLogic = ({ countryInputRef, setCountryDropdownOpen, setInvali
     // COUNTRY INPUT
     // =================================================================
     /** The last inputted value for country that was valid */
-    const lastValidCountry = React.useRef(getDefaultCountry());
+    const lastValidCountry = React.useRef(initialCountry !== null && initialCountry !== void 0 ? initialCountry : getDefaultCountry());
     const handleCountryInput = ({ target, }) => {
         const value = target.value.slice(0, 4);
         setCountryInput(value);
@@ -84,7 +88,7 @@ const usePhoneInputLogic = ({ countryInputRef, setCountryDropdownOpen, setInvali
         setFilterQuery(value);
         // Check which country this dial code corresponds to
         const { country: guessedCountry } = reactInternationalPhone.guessCountryByPartialPhoneNumber({
-            countries: customCountries,
+            countries,
             currentCountryIso2: currentCountry.iso2,
             phone: value,
         });
@@ -212,5 +216,4 @@ const usePhoneInputLogic = ({ countryInputRef, setCountryDropdownOpen, setInvali
     };
 };
 
-exports.getDefaultCountry = getDefaultCountry;
 exports.usePhoneInputLogic = usePhoneInputLogic;

package/src/lib/components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEventHandler, Dispatch, KeyboardEventHandler, RefObject, SetStateAction } from 'react';
-import { ParsedCountry } from 'react-international-phone';
+import { CountryData, ParsedCountry } from 'react-international-phone';
 export type OnUpdatePhoneData = (values: {
     phone: string;
     formattedPhone: string;
@@ -9,17 +9,16 @@ type UsePhoneLogicProps = {
     countryInputRef: RefObject<HTMLInputElement>;
     setCountryDropdownOpen: Dispatch<SetStateAction<boolean>>;
     setInvalidNumberMessage: Dispatch<SetStateAction<string | undefined>>;
+    countries: CountryData[];
     onUpdate?: OnUpdatePhoneData;
     initialPhone?: string;
 };
-/** The default country we want to use */
-export declare const getDefaultCountry: () => ParsedCountry | undefined;
-export declare const usePhoneInputLogic: ({ countryInputRef, setCountryDropdownOpen, setInvalidNumberMessage, onUpdate, initialPhone, }: UsePhoneLogicProps) => {
+export declare const usePhoneInputLogic: ({ countryInputRef, setCountryDropdownOpen, setInvalidNumberMessage, onUpdate, initialPhone, countries, }: UsePhoneLogicProps) => {
     closeDropdown: () => void;
     countryFontSize: string;
     countryInput: string;
     currentCountry: ParsedCountry;
-    filteredCountries: import("react-international-phone").CountryData[];
+    filteredCountries: CountryData[];
     formattedPhone: string;
     handleCountryInput: ChangeEventHandler<HTMLInputElement>;
     handleCountryKeyDown: KeyboardEventHandler<HTMLInputElement>;