@dynamic-labs/sdk-react-core 2.0.0-alpha.16 → 2.0.0-alpha.18

package/src/lib/components/UserProfileForm/UserProfileForm.cjs

@@ -6,10 +6,11 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var formik = require('formik');
 var useUserDataForm = require('../../utils/hooks/useUserDataForm/useUserDataForm.cjs');
-require('@dynamic-labs/wallet-connector-core');
+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');
 var check = require('../../shared/assets/check.cjs');
 require('@dynamic-labs/wallet-book');
@@ -18,17 +19,16 @@ require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
+require('../../events/dynamicEvents.cjs');
 require('../../../../_virtual/_tslib.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 var getUserProfileFields = require('../../utils/functions/getUserProfileFields/getUserProfileFields.cjs');
 require('viem');
 require('viem/chains');
 require('../../config/ApiEndpoint.cjs');
-require('../../context/DynamicContext/DynamicContext.cjs');
-require('../../events/dynamicEvents.cjs');
-require('../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../context/ErrorContext/ErrorContext.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
@@ -56,12 +56,13 @@ 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');
 var DynamicWidgetFooter = require('../../widgets/DynamicWidget/components/DynamicWidgetFooter/DynamicWidgetFooter.cjs');
 require('qrcode');
-var index = require('../../views/CollectUserDataView/UserDataFields/index.cjs');
+var UserDataFields = require('../../views/CollectUserDataView/UserDataFields/UserDataFields.cjs');
 require('../../views/WalletList/WalletList.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
@@ -69,10 +70,11 @@ 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('yup');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../locale/locale.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
-require('yup');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -103,7 +105,7 @@ const UserProfileForm = ({ filterFields, formClassName, fieldsContainerStyle, on
         userProfile: user,
     });
     const makeButtonsContent = (isSubmitting, isValid, dirty) => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!options.hideCancelButton && (jsxRuntime.jsx(Button.Button, Object.assign({ disabled: fetch, expanded: true, buttonPadding: 'medium', buttonVariant: 'secondary', type: 'button', typographyProps: { variant: 'button_secondary' }, onClick: onEditProfileCancel, dataTestId: 'cancel-button' }, options.cancelButtonProps, { children: options.cancelText }))), jsxRuntime.jsx(Button.Button, Object.assign({ buttonClassName: 'dynamic-widget-footer__button', disabled: fetch || !isValid || !dirty, expanded: true, type: 'submit', buttonPadding: 'medium', typographyProps: { variant: 'button_secondary' }, loading: isSubmitting, startSlot: jsxRuntime.jsx(check.ReactComponent, {}), dataTestId: 'submit-button' }, options.submitButtonProps, { children: options.submitText }))] }));
-    return (jsxRuntime.jsx(formik.Formik, { onSubmit: onFormSubmit, initialValues: formikInitialValues, validationSchema: formikValidationSchema, validateOnChange: true, children: ({ errors, touched, isSubmitting, isValid, dirty }) => (jsxRuntime.jsxs(formik.Form, { className: classNames.classNames('dynamic-widget-edit-profile-view', formClassName), "data-testid": 'editUserProfileForm', children: [jsxRuntime.jsx("div", { className: 'dynamic-widget-edit-profile-view__fields', style: fieldsContainerStyle, children: jsxRuntime.jsx(index.UserDataFields, { errors: errors, fields: targetFields, touched: touched }) }), options.buttonsAsFooter ? (jsxRuntime.jsx(DynamicWidgetFooter.DynamicWidgetFooter, { children: makeButtonsContent(isSubmitting, isValid, dirty) })) : (makeButtonsContent(isSubmitting, isValid, dirty))] })) }));
+    return (jsxRuntime.jsx(formik.Formik, { onSubmit: onFormSubmit, initialValues: formikInitialValues, validationSchema: formikValidationSchema, validateOnChange: true, children: ({ errors, touched, isSubmitting, isValid, dirty }) => (jsxRuntime.jsxs(formik.Form, { className: classNames.classNames('dynamic-widget-edit-profile-view', formClassName), "data-testid": 'editUserProfileForm', children: [jsxRuntime.jsx("div", { className: 'dynamic-widget-edit-profile-view__fields', style: fieldsContainerStyle, children: jsxRuntime.jsx(UserDataFields.UserDataFields, { errors: errors, fields: targetFields, touched: touched }) }), options.buttonsAsFooter ? (jsxRuntime.jsx(DynamicWidgetFooter.DynamicWidgetFooter, { children: makeButtonsContent(isSubmitting, isValid, dirty) })) : (makeButtonsContent(isSubmitting, isValid, dirty))] })) }));
 };
 
 exports.UserProfileForm = UserProfileForm;

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

@@ -1,6 +1,6 @@
 import { CSSProperties, FC } from 'react';
 import { UserFields } from '@dynamic-labs/sdk-api';
-import { UserDataFormValues } from '../../utils/hooks/useUserDataForm/useUserDataForm';
+import { UserDataFormValues } from '../../utils/hooks/useUserDataForm';
 import { ButtonProps } from '../Button/Button';
 export type UserProfileFormProps = {
     onEditProfileSubmit?: (formValues: UserDataFormValues) => void;

package/src/lib/components/UserProfileForm/UserProfileForm.js

@@ -2,10 +2,11 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { Formik, Form } from 'formik';
 import { useUserDataForm } from '../../utils/hooks/useUserDataForm/useUserDataForm.js';
-import '@dynamic-labs/wallet-connector-core';
+import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgCheck } from '../../shared/assets/check.js';
 import '@dynamic-labs/wallet-book';
@@ -14,17 +15,16 @@ import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
+import '../../events/dynamicEvents.js';
 import '../../../../_virtual/_tslib.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import { getUserProfileFields } from '../../utils/functions/getUserProfileFields/getUserProfileFields.js';
 import 'viem';
 import 'viem/chains';
 import '../../config/ApiEndpoint.js';
-import '../../context/DynamicContext/DynamicContext.js';
-import '../../events/dynamicEvents.js';
-import '../../context/CaptchaContext/CaptchaContext.js';
-import '../../context/ErrorContext/ErrorContext.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
@@ -52,12 +52,13 @@ 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';
 import { DynamicWidgetFooter } from '../../widgets/DynamicWidget/components/DynamicWidgetFooter/DynamicWidgetFooter.js';
 import 'qrcode';
-import { UserDataFields } from '../../views/CollectUserDataView/UserDataFields/index.js';
+import { UserDataFields } from '../../views/CollectUserDataView/UserDataFields/UserDataFields.js';
 import '../../views/WalletList/WalletList.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
@@ -65,10 +66,11 @@ 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 'yup';
+import '../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../locale/locale.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
-import 'yup';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';

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

@@ -4,9 +4,11 @@ export * from './AnimatePresence';
 export * from './AppOriginTile';
 export * from './Badge';
 export * from './Button';
+export * from './ChainIcon';
 export * from './Checkbox';
 export * from './Chip';
 export * from './CopyButton';
+export * from './Divider';
 export * from './DynamicConnectButton';
 export * from './EmailIcon';
 export * from './EnterTileAnimation';
@@ -33,20 +35,22 @@ export * from './NeedHelpSection';
 export * from './OTPVerificationView';
 export * from './OptionsSwitcher';
 export * from './PasskeyCreatedSuccessBanner';
+export * from './PhoneNumberField';
 export * from './PinField';
 export * from './Popper';
 export * from './Portal';
 export * from './PoweredByDynamic';
 export * from './QRCode';
+export * from './QrCodeWrapper';
 export * from './RenderView';
+export * from './SandboxIndicatorWrapper';
 export * from './SecureEmbeddedWalletCard';
 export * from './Select';
 export * from './SendBalancePageLayout';
 export * from './Separator';
 export * from './ShadowDOM';
-export * from './Skeleton';
-export * from './ToggleVisibilityButton';
 export * from './SignMessagePreview';
+export * from './Skeleton';
 export * from './SocialSignIn';
 export * from './Spinner';
 export * from './Step';
@@ -54,6 +58,7 @@ export * from './Stepper';
 export * from './Switch';
 export * from './SyncEmbeddedWalletAuthFlow';
 export * from './TextButton';
+export * from './ToggleVisibilityButton';
 export * from './Toolkit';
 export * from './Tooltip';
 export * from './TosAndPp';
@@ -61,7 +66,3 @@ export * from './TransactionConfirmationPageLayout';
 export * from './Transition';
 export * from './Typography';
 export * from './WalletInformationCard';
-export * from './ChainIcon';
-export * from './Divider';
-export * from './SandboxIndicatorWrapper';
-export * from './QrCodeWrapper';

package/src/lib/context/ConnectWithEmailOtpContext/ConnectWithEmailOtpProvider.cjs

@@ -29,14 +29,15 @@ require('viem/chains');
 require('../../config/ApiEndpoint.cjs');
 require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('../AccountExistsContext/AccountExistsContext.cjs');
-var useCreateUserProfileByJWTCallback = require('../../utils/hooks/useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.cjs');
 require('../VerificationContext/VerificationContext.cjs');
+var useCreateUserProfileByJWTCallback = require('../../utils/hooks/useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.cjs');
 require('react-dom');
 require('../WalletContext/WalletContext.cjs');
 require('../ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
 require('react-i18next');
+require('../FieldsStateContext/FieldsStateContext.cjs');
 require('../MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
@@ -55,6 +56,7 @@ 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');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
@@ -67,7 +69,7 @@ require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../LoadingContext/LoadingContext.cjs');
 require('../FooterAnimationContext/index.cjs');
-require('../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+require('../../locale/locale.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');

package/src/lib/context/ConnectWithEmailOtpContext/ConnectWithEmailOtpProvider.js

@@ -25,14 +25,15 @@ import 'viem/chains';
 import '../../config/ApiEndpoint.js';
 import '../AccessDeniedContext/AccessDeniedContext.js';
 import '../AccountExistsContext/AccountExistsContext.js';
-import { useCreateUserProfileByJWTCallback } from '../../utils/hooks/useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.js';
 import '../VerificationContext/VerificationContext.js';
+import { useCreateUserProfileByJWTCallback } from '../../utils/hooks/useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.js';
 import 'react-dom';
 import '../WalletContext/WalletContext.js';
 import '../ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
 import 'react-i18next';
+import '../FieldsStateContext/FieldsStateContext.js';
 import '../MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../UserFieldEditorContext/UserFieldEditorContext.js';
@@ -51,6 +52,7 @@ 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 '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
@@ -63,7 +65,7 @@ import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../LoadingContext/LoadingContext.js';
 import '../FooterAnimationContext/index.js';
-import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../../locale/locale.js';
 import '../WalletGroupContext/WalletGroupContext.js';
 import '../PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';

package/src/lib/context/DynamicContext/DynamicContext.cjs

@@ -42,6 +42,7 @@ var ThemeContext = require('../ThemeContext/ThemeContext.cjs');
 var useSetWalletConnectorVerifiedCredentials = require('../../utils/hooks/useSetWalletConnectorVerifiedCredentials/useSetWalletConnectorVerifiedCredentials.cjs');
 require('@dynamic-labs/types');
 require('yup');
+var FieldsStateContext = require('../FieldsStateContext/FieldsStateContext.cjs');
 require('../MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 var UserFieldEditorContext = require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
@@ -64,6 +65,7 @@ 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');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
@@ -77,12 +79,11 @@ require('@hcaptcha/react-hcaptcha');
 var LoadingContext = require('../LoadingContext/LoadingContext.cjs');
 var ApiEndpoint = require('../../config/ApiEndpoint.cjs');
 require('../FooterAnimationContext/index.cjs');
-require('../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+var locale = require('../../locale/locale.cjs');
 var WalletGroupContext = require('../WalletGroupContext/WalletGroupContext.cjs');
 var PasskeyContext = require('../PasskeyContext/PasskeyContext.cjs');
 var SyncEmbeddedWalletAuthFlow = require('../../components/SyncEmbeddedWalletAuthFlow/SyncEmbeddedWalletAuthFlow.cjs');
 var Toolkit = require('../../components/Toolkit/Toolkit.cjs');
-var locale = require('../../locale/locale.cjs');
 var getMissingChains = require('../../utils/functions/getMissingChains/getMissingChains.cjs');
 var parseTheme = require('../../utils/functions/parseTheme/parseTheme.cjs');
 var useMultiWalletWidgetState = require('../../utils/hooks/multiWallet/useMultiWalletWidgetState/useMultiWalletWidgetState.cjs');
@@ -690,7 +691,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
                             }), children: [networkValidationMode === 'always' && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { children: jsxRuntime.jsx(VerificationContext.VerificationProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsx(UserFieldEditorContext.UserFieldEditorContextProvider, { children: jsxRuntime.jsx(ConnectWithEmailOtpProvider.ConnectWithEmailOtpProvider, { children: jsxRuntime.jsx(PhantomRedirectContext.PhantomRedirectContextProvider, { children: jsxRuntime.jsxs(SocialRedirectContext.SocialRedirectContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncEmbeddedWalletAuthFlow.SyncEmbeddedWalletAuthFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
-const DynamicContextProvider = (props) => (jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(UserWalletsContext.UserWalletsProvider, { children: jsxRuntime.jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }));
+const DynamicContextProvider = (props) => (jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(UserWalletsContext.UserWalletsProvider, { children: jsxRuntime.jsx(FieldsStateContext.FieldsStateProvider, { children: jsxRuntime.jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }) }));
 
 exports.DynamicContext = DynamicContext;
 exports.DynamicContextProvider = DynamicContextProvider;

package/src/lib/context/DynamicContext/DynamicContext.js

@@ -38,6 +38,7 @@ import { ThemeContextProvider } from '../ThemeContext/ThemeContext.js';
 import { useSetWalletConnectorVerifiedCredentials } from '../../utils/hooks/useSetWalletConnectorVerifiedCredentials/useSetWalletConnectorVerifiedCredentials.js';
 import '@dynamic-labs/types';
 import 'yup';
+import { FieldsStateProvider } from '../FieldsStateContext/FieldsStateContext.js';
 import '../MockContext/MockContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import { UserFieldEditorContextProvider } from '../UserFieldEditorContext/UserFieldEditorContext.js';
@@ -60,6 +61,7 @@ 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 '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
@@ -73,12 +75,11 @@ import '@hcaptcha/react-hcaptcha';
 import { LoadingContextProvider } from '../LoadingContext/LoadingContext.js';
 import ApiEndpoint from '../../config/ApiEndpoint.js';
 import '../FooterAnimationContext/index.js';
-import '../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import { Locale } from '../../locale/locale.js';
 import { WalletGroupContextProvider } from '../WalletGroupContext/WalletGroupContext.js';
 import { PasskeyContextProvider } from '../PasskeyContext/PasskeyContext.js';
 import { SyncEmbeddedWalletAuthFlow } from '../../components/SyncEmbeddedWalletAuthFlow/SyncEmbeddedWalletAuthFlow.js';
 import { Toolkit } from '../../components/Toolkit/Toolkit.js';
-import { Locale } from '../../locale/locale.js';
 import { getMissingChains } from '../../utils/functions/getMissingChains/getMissingChains.js';
 import { parseTheme } from '../../utils/functions/parseTheme/parseTheme.js';
 import { useMultiWalletWidgetState } from '../../utils/hooks/multiWallet/useMultiWalletWidgetState/useMultiWalletWidgetState.js';
@@ -686,6 +687,6 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
                             }), children: [networkValidationMode === 'always' && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(PasskeyContextProvider, { children: jsx(VerificationProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsx(ConnectWithEmailOtpProvider, { children: jsx(PhantomRedirectContextProvider, { children: jsxs(SocialRedirectContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncEmbeddedWalletAuthFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
-const DynamicContextProvider = (props) => (jsx(ErrorContextProvider, { children: jsx(UserWalletsProvider, { children: jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }));
+const DynamicContextProvider = (props) => (jsx(ErrorContextProvider, { children: jsx(UserWalletsProvider, { children: jsx(FieldsStateProvider, { children: jsx(InnerDynamicContextProvider, Object.assign({}, props)) }) }) }));
 
 export { DynamicContext, DynamicContextProvider, InnerDynamicContextProvider, PUBLIC_PROJECT_LIVE_ENVIRONMENT_ID };

package/src/lib/context/DynamicContext/hooks/useHandleLogout/useHandleLogout.cjs

@@ -37,6 +37,7 @@ require('../../../ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
 require('react-i18next');
+require('../../../FieldsStateContext/FieldsStateContext.cjs');
 require('../../../MockContext/MockContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../UserFieldEditorContext/UserFieldEditorContext.cjs');
@@ -54,6 +55,7 @@ require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransiti
 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');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
@@ -67,7 +69,7 @@ require('@hcaptcha/react-hcaptcha');
 require('../../../LoadingContext/LoadingContext.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../FooterAnimationContext/index.cjs');
-require('../../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+require('../../../../locale/locale.cjs');
 require('../../../WalletGroupContext/WalletGroupContext.cjs');
 require('../../../PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');

package/src/lib/context/DynamicContext/hooks/useHandleLogout/useHandleLogout.js

@@ -33,6 +33,7 @@ import '../../../ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
 import 'react-i18next';
+import '../../../FieldsStateContext/FieldsStateContext.js';
 import '../../../MockContext/MockContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../UserFieldEditorContext/UserFieldEditorContext.js';
@@ -50,6 +51,7 @@ import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransitio
 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 '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
@@ -63,7 +65,7 @@ import '@hcaptcha/react-hcaptcha';
 import '../../../LoadingContext/LoadingContext.js';
 import '../../../../config/ApiEndpoint.js';
 import '../../../FooterAnimationContext/index.js';
-import '../../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../../../../locale/locale.js';
 import '../../../WalletGroupContext/WalletGroupContext.js';
 import '../../../PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';

package/src/lib/context/DynamicContext/hooks/useTieCallbacksToEvents/useTieCallbacksToEvents.cjs

@@ -35,6 +35,7 @@ require('../../../ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
 require('react-i18next');
+require('../../../FieldsStateContext/FieldsStateContext.cjs');
 require('../../../MockContext/MockContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../UserFieldEditorContext/UserFieldEditorContext.cjs');
@@ -52,6 +53,7 @@ require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransiti
 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');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
@@ -64,7 +66,7 @@ require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../../../LoadingContext/LoadingContext.cjs');
 require('../../../FooterAnimationContext/index.cjs');
-require('../../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+require('../../../../locale/locale.cjs');
 require('../../../WalletGroupContext/WalletGroupContext.cjs');
 require('../../../PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');

package/src/lib/context/DynamicContext/hooks/useTieCallbacksToEvents/useTieCallbacksToEvents.js

@@ -31,6 +31,7 @@ import '../../../ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
 import 'yup';
 import 'react-i18next';
+import '../../../FieldsStateContext/FieldsStateContext.js';
 import '../../../MockContext/MockContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../UserFieldEditorContext/UserFieldEditorContext.js';
@@ -48,6 +49,7 @@ import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransitio
 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 '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
@@ -60,7 +62,7 @@ import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../../../LoadingContext/LoadingContext.js';
 import '../../../FooterAnimationContext/index.js';
-import '../../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../../../../locale/locale.js';
 import '../../../WalletGroupContext/WalletGroupContext.js';
 import '../../../PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';

package/src/lib/context/DynamicContext/useDynamicContext/useOverrides/useOverrides.cjs

@@ -35,6 +35,7 @@ var useIsLoggedIn = require('../../../../utils/hooks/useIsLoggedIn/useIsLoggedIn
 require('@dynamic-labs/types');
 require('yup');
 require('react-i18next');
+require('../../../FieldsStateContext/FieldsStateContext.cjs');
 require('../../../MockContext/MockContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../UserFieldEditorContext/UserFieldEditorContext.cjs');
@@ -52,6 +53,7 @@ require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransiti
 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');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
@@ -64,7 +66,7 @@ require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../../../LoadingContext/LoadingContext.cjs');
 require('../../../FooterAnimationContext/index.cjs');
-require('../../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+require('../../../../locale/locale.cjs');
 require('../../../WalletGroupContext/WalletGroupContext.cjs');
 require('../../../PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');

package/src/lib/context/DynamicContext/useDynamicContext/useOverrides/useOverrides.js

@@ -31,6 +31,7 @@ import { useIsLoggedIn } from '../../../../utils/hooks/useIsLoggedIn/useIsLogged
 import '@dynamic-labs/types';
 import 'yup';
 import 'react-i18next';
+import '../../../FieldsStateContext/FieldsStateContext.js';
 import '../../../MockContext/MockContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../UserFieldEditorContext/UserFieldEditorContext.js';
@@ -48,6 +49,7 @@ import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransitio
 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 '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
@@ -60,7 +62,7 @@ import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../../../LoadingContext/LoadingContext.js';
 import '../../../FooterAnimationContext/index.js';
-import '../../../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.js';
+import '../../../../locale/locale.js';
 import '../../../WalletGroupContext/WalletGroupContext.js';
 import '../../../PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';

package/src/lib/context/FieldsStateContext/FieldsStateContext.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('@dynamic-labs/utils');
+
+const FieldsStateContext = React.createContext(undefined);
+const FieldsStateProvider = ({ children }) => {
+    const selectedPhoneCountry = React.useRef();
+    return (jsxRuntime.jsx(FieldsStateContext.Provider, { value: { selectedPhoneCountry }, children: children }));
+};
+const useFieldsState = () => {
+    const context = React.useContext(FieldsStateContext);
+    if (!context)
+        throw new utils.DynamicError('Can only call useFieldsState inside FieldsStateProvider');
+    return context;
+};
+
+exports.FieldsStateContext = FieldsStateContext;
+exports.FieldsStateProvider = FieldsStateProvider;
+exports.useFieldsState = useFieldsState;

package/src/lib/context/FieldsStateContext/FieldsStateContext.d.ts

@@ -0,0 +1,12 @@
+import { FC, MutableRefObject, PropsWithChildren } from 'react';
+import { ParsedCountry } from 'react-international-phone';
+export type FieldsStateContextType = {
+    /**
+     * Allows telling which country is selected, so that we can use it to detect if phone
+     * number is too short.
+     */
+    selectedPhoneCountry: MutableRefObject<ParsedCountry | undefined>;
+};
+export declare const FieldsStateContext: import("react").Context<FieldsStateContextType | undefined>;
+export declare const FieldsStateProvider: FC<PropsWithChildren>;
+export declare const useFieldsState: () => FieldsStateContextType;

package/src/lib/context/FieldsStateContext/FieldsStateContext.js

@@ -0,0 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useRef, useContext } from 'react';
+import { DynamicError } from '@dynamic-labs/utils';
+
+const FieldsStateContext = createContext(undefined);
+const FieldsStateProvider = ({ children }) => {
+    const selectedPhoneCountry = useRef();
+    return (jsx(FieldsStateContext.Provider, { value: { selectedPhoneCountry }, children: children }));
+};
+const useFieldsState = () => {
+    const context = useContext(FieldsStateContext);
+    if (!context)
+        throw new DynamicError('Can only call useFieldsState inside FieldsStateProvider');
+    return context;
+};
+
+export { FieldsStateContext, FieldsStateProvider, useFieldsState };

package/src/lib/context/FieldsStateContext/index.d.ts

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

package/src/lib/context/FundingContext/FundingContext.cjs

@@ -36,6 +36,7 @@ require('../ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
 require('yup');
 require('react-i18next');
+require('../FieldsStateContext/FieldsStateContext.cjs');
 require('../MockContext/MockContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../UserFieldEditorContext/UserFieldEditorContext.cjs');
@@ -53,6 +54,7 @@ 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');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
@@ -66,7 +68,7 @@ require('@hcaptcha/react-hcaptcha');
 require('../LoadingContext/LoadingContext.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('../FooterAnimationContext/index.cjs');
-require('../../views/LoginView/sections/PhoneNumberSignInSection/usePhoneInputLogic/usePhoneInputLogic.cjs');
+require('../../locale/locale.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');