@dynamic-labs/sdk-react-core 2.1.2-alpha.1 → 2.2.0-alpha.0

package/src/lib/views/CollectUserDataView/CollectUserDataView.js

@@ -3,6 +3,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
+import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../components/Alert/Alert.js';
 import '../../events/dynamicEvents.js';
 import '../../../../_virtual/_tslib.js';
 import '@dynamic-labs/utils';
@@ -66,7 +68,6 @@ import '../../components/MenuList/Dropdown/Dropdown.js';
 import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';
 import 'formik';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
-import '../../components/Alert/Alert.js';
 import '../../components/Input/Input.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
@@ -83,6 +84,7 @@ import { OnboardingUserDataForm } from './OnboardingUserDataForm/OnboardingUserD
 import '../WalletList/WalletList.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 
 const CollectUserDataView = () => {

package/src/lib/views/CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.cjs

@@ -7,6 +7,8 @@ var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var formik = require('formik');
+require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+var Alert = require('../../../components/Alert/Alert.cjs');
 require('../../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../../context/DynamicContext/DynamicContext.cjs');
@@ -66,7 +68,6 @@ require('../useFields.cjs');
 var UserDataFields = require('../UserDataFields/UserDataFields.cjs');
 var TypographyButton = require('../../../components/TypographyButton/TypographyButton.cjs');
 require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
-var Alert = require('../../../components/Alert/Alert.cjs');
 require('yup');
 require('../../../components/Input/Input.cjs');
 require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
@@ -80,6 +81,7 @@ require('qrcode');
 require('../../WalletList/WalletList.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 
 const OnboardingUserDataForm = ({ children, userProfile, disableSubmit, }) => {

package/src/lib/views/CollectUserDataView/OnboardingUserDataForm/OnboardingUserDataForm.js

@@ -3,6 +3,8 @@ import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useCallback } from 'react';
 import { Formik, Form } from 'formik';
+import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import { Alert } from '../../../components/Alert/Alert.js';
 import '../../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../../context/DynamicContext/DynamicContext.js';
@@ -62,7 +64,6 @@ import '../useFields.js';
 import { UserDataFields } from '../UserDataFields/UserDataFields.js';
 import { TypographyButton } from '../../../components/TypographyButton/TypographyButton.js';
 import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
-import { Alert } from '../../../components/Alert/Alert.js';
 import 'yup';
 import '../../../components/Input/Input.js';
 import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
@@ -76,6 +77,7 @@ import 'qrcode';
 import '../../WalletList/WalletList.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 
 const OnboardingUserDataForm = ({ children, userProfile, disableSubmit, }) => {

package/src/lib/views/CollectUserDataView/UserDataFields/UserField/UserField.cjs

@@ -6,6 +6,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var formik = require('formik');
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
+require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../../../components/Alert/Alert.cjs');
 require('react');
 require('../../../../events/dynamicEvents.cjs');
 require('../../../../../../_virtual/_tslib.cjs');
@@ -64,7 +66,6 @@ require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var UserPhoneField = require('../UserPhoneField/UserPhoneField.cjs');
 var getDisplayErrorMessage = require('../utils/getDisplayErrorMessage/getDisplayErrorMessage.cjs');
 require('../../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
-require('../../../../components/Alert/Alert.cjs');
 var Input = require('../../../../components/Input/Input.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
@@ -78,6 +79,7 @@ require('qrcode');
 require('../../../WalletList/WalletList.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 var Select = require('../../../../components/Select/Select.cjs');
 

package/src/lib/views/CollectUserDataView/UserDataFields/UserField/UserField.js

@@ -2,6 +2,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Field } from 'formik';
 import { CustomFieldType } from '@dynamic-labs/sdk-api-core';
+import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../../../components/Alert/Alert.js';
 import 'react';
 import '../../../../events/dynamicEvents.js';
 import '../../../../../../_virtual/_tslib.js';
@@ -60,7 +62,6 @@ import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import { UserPhoneField } from '../UserPhoneField/UserPhoneField.js';
 import { getDisplayErrorMessage } from '../utils/getDisplayErrorMessage/getDisplayErrorMessage.js';
 import '../../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
-import '../../../../components/Alert/Alert.js';
 import { Input } from '../../../../components/Input/Input.js';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
@@ -74,6 +75,7 @@ import 'qrcode';
 import '../../../WalletList/WalletList.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../../../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import { Select } from '../../../../components/Select/Select.js';
 

package/src/lib/views/CollectUserDataView/UserDataFields/UserPhoneField/UserPhoneField.cjs

@@ -5,6 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../../../components/Alert/Alert.cjs');
 require('../../../../events/dynamicEvents.cjs');
 require('../../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/utils');
@@ -19,7 +21,6 @@ require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('../../../../shared/consts/index.cjs');
-var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -30,8 +31,6 @@ require('viem/chains');
 require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../../../locale/locale.cjs');
-var getSupportedCountriesForVerificationFromProjectSettings = require('../../../../utils/functions/getSupportedCountriesForVerificationFromProjectSettings/getSupportedCountriesForVerificationFromProjectSettings.cjs');
-var getDefaultCountriesIfEmpty = require('../../../../utils/functions/getDefaultCountriesIfEmpty/getDefaultCountriesIfEmpty.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
@@ -66,7 +65,6 @@ require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
-require('../../../../components/Alert/Alert.cjs');
 require('../../../../components/Input/Input.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
@@ -80,11 +78,11 @@ require('qrcode');
 require('../../../WalletList/WalletList.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 
 const UserPhoneField = ({ onChange, value: phone, onBlur, disabled, label, required, error, name, verify, }) => {
     const { selectedPhoneCountry } = FieldsStateContext.useFieldsState();
-    const { projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
     const handleUpdate = ({ country, phone: newPhone }) => {
         selectedPhoneCountry.current = country;
         if (newPhone !== phone)
@@ -92,10 +90,7 @@ const UserPhoneField = ({ onChange, value: phone, onBlur, disabled, label, requi
                 target: { name, value: newPhone },
             });
     };
-    const countries = React.useMemo(() => {
-        const enabledCountries = getSupportedCountriesForVerificationFromProjectSettings.getSupportedCountriesForVerificationFromProjectSettings(projectSettings);
-        return getCustomCountries.getCustomCountries(verify ? getDefaultCountriesIfEmpty.getDefaultCountriesIfEmpty(enabledCountries) : undefined);
-    }, [verify, projectSettings]);
+    const countries = React.useMemo(() => getCustomCountries.getCustomCountries(verify), [verify]);
     return (jsxRuntime.jsx(PhoneNumberField.PhoneNumberField, { countries: countries, initialPhone: phone, disabled: disabled, onUpdate: handleUpdate, onBlur: onBlur, label: label, appendRight: !disabled && !required ? (jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', className: 'user-phone-field__optional-label', children: "Optional" })) : undefined, error: error }));
 };
 

package/src/lib/views/CollectUserDataView/UserDataFields/UserPhoneField/UserPhoneField.js

@@ -1,6 +1,8 @@
 'use client'
 import { jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
+import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../../../components/Alert/Alert.js';
 import '../../../../events/dynamicEvents.js';
 import '../../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/utils';
@@ -15,7 +17,6 @@ import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
 import '../../../../shared/consts/index.js';
-import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
@@ -26,8 +27,6 @@ import 'viem/chains';
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../../../locale/locale.js';
-import { getSupportedCountriesForVerificationFromProjectSettings } from '../../../../utils/functions/getSupportedCountriesForVerificationFromProjectSettings/getSupportedCountriesForVerificationFromProjectSettings.js';
-import { getDefaultCountriesIfEmpty } from '../../../../utils/functions/getDefaultCountriesIfEmpty/getDefaultCountriesIfEmpty.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';
@@ -62,7 +61,6 @@ import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
-import '../../../../components/Alert/Alert.js';
 import '../../../../components/Input/Input.js';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
@@ -76,11 +74,11 @@ import 'qrcode';
 import '../../../WalletList/WalletList.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../../../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 
 const UserPhoneField = ({ onChange, value: phone, onBlur, disabled, label, required, error, name, verify, }) => {
     const { selectedPhoneCountry } = useFieldsState();
-    const { projectSettings } = useInternalDynamicContext();
     const handleUpdate = ({ country, phone: newPhone }) => {
         selectedPhoneCountry.current = country;
         if (newPhone !== phone)
@@ -88,10 +86,7 @@ const UserPhoneField = ({ onChange, value: phone, onBlur, disabled, label, requi
                 target: { name, value: newPhone },
             });
     };
-    const countries = useMemo(() => {
-        const enabledCountries = getSupportedCountriesForVerificationFromProjectSettings(projectSettings);
-        return getCustomCountries(verify ? getDefaultCountriesIfEmpty(enabledCountries) : undefined);
-    }, [verify, projectSettings]);
+    const countries = useMemo(() => getCustomCountries(verify), [verify]);
     return (jsx(PhoneNumberField, { countries: countries, initialPhone: phone, disabled: disabled, onUpdate: handleUpdate, onBlur: onBlur, label: label, appendRight: !disabled && !required ? (jsx(Typography, { variant: 'body_small', color: 'secondary', className: 'user-phone-field__optional-label', children: "Optional" })) : undefined, error: error }));
 };
 

package/src/lib/views/CollectUserDataViewNoWallet/CollectUserDataViewNoWallet.cjs

@@ -5,6 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var reactI18next = require('react-i18next');
+require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../components/Alert/Alert.cjs');
 require('react');
 require('../../events/dynamicEvents.cjs');
 require('../../../../_virtual/_tslib.cjs');
@@ -66,7 +68,6 @@ require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
-require('../../components/Alert/Alert.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
@@ -82,6 +83,7 @@ require('../WalletList/WalletList.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 var UserAvatar = require('../../components/UserAvatar/UserAvatar.cjs');
+require('../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 
 const CollectUserDataViewNoWallet = ({ userIdentification, userIdentificationOverride }) => {

package/src/lib/views/CollectUserDataViewNoWallet/CollectUserDataViewNoWallet.js

@@ -1,6 +1,8 @@
 'use client'
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
+import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../components/Alert/Alert.js';
 import 'react';
 import '../../events/dynamicEvents.js';
 import '../../../../_virtual/_tslib.js';
@@ -62,7 +64,6 @@ import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
-import '../../components/Alert/Alert.js';
 import '../../components/Input/Input.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
@@ -78,6 +79,7 @@ import '../WalletList/WalletList.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import { UserAvatar } from '../../components/UserAvatar/UserAvatar.js';
+import '../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 
 const CollectUserDataViewNoWallet = ({ userIdentification, userIdentificationOverride }) => {

package/src/lib/views/CreatePasswordView/CreatePasswordStep/CreatePasswordStep.cjs

@@ -8,6 +8,8 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../../components/Alert/Alert.cjs');
 require('../../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../../context/DynamicContext/DynamicContext.cjs');
@@ -71,7 +73,6 @@ require('formik');
 var TypographyButton = require('../../../components/TypographyButton/TypographyButton.cjs');
 require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs');
-require('../../../components/Alert/Alert.cjs');
 var Input = require('../../../components/Input/Input.cjs');
 require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
@@ -86,6 +87,7 @@ require('qrcode');
 require('../../WalletList/WalletList.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 var ToggleVisibilityButton = require('../../../components/ToggleVisibilityButton/ToggleVisibilityButton.cjs');
 

package/src/lib/views/CreatePasswordView/CreatePasswordStep/CreatePasswordStep.js

@@ -4,6 +4,8 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { isCoinbaseMpcWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../../components/Alert/Alert.js';
 import '../../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../../context/DynamicContext/DynamicContext.js';
@@ -67,7 +69,6 @@ import 'formik';
 import { TypographyButton } from '../../../components/TypographyButton/TypographyButton.js';
 import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { ModalHeader } from '../../../components/ModalHeader/ModalHeader.js';
-import '../../../components/Alert/Alert.js';
 import { Input } from '../../../components/Input/Input.js';
 import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
@@ -82,6 +83,7 @@ import 'qrcode';
 import '../../WalletList/WalletList.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import { ToggleVisibilityButton } from '../../../components/ToggleVisibilityButton/ToggleVisibilityButton.js';
 

package/src/lib/views/CreatePasswordView/CreatePasswordView.cjs

@@ -48,6 +48,7 @@ require('../CollectUserDataView/useFields.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
+require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../components/Alert/Alert.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
@@ -72,6 +73,7 @@ require('@hcaptcha/react-hcaptcha');
 var CreatePasswordStep = require('./CreatePasswordStep/CreatePasswordStep.cjs');
 var SavePasswordStep = require('./SavePasswordStep/SavePasswordStep.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
+require('../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');

package/src/lib/views/CreatePasswordView/CreatePasswordView.js

@@ -44,6 +44,7 @@ import '../CollectUserDataView/useFields.js';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
+import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../components/Alert/Alert.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
@@ -68,6 +69,7 @@ import '@hcaptcha/react-hcaptcha';
 import { CreatePasswordStep } from './CreatePasswordStep/CreatePasswordStep.js';
 import { SavePasswordStep } from './SavePasswordStep/SavePasswordStep.js';
 import '../../context/FooterAnimationContext/index.js';
+import '../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/MfaSettingsContext/MfaSettingsContext.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';

package/src/lib/views/CreatePasswordView/SavePasswordStep/SavePasswordStep.cjs

@@ -7,6 +7,8 @@ var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
+require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../../components/Alert/Alert.cjs');
 require('../../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../../context/DynamicContext/DynamicContext.cjs');
@@ -72,7 +74,6 @@ require('formik');
 var TypographyButton = require('../../../components/TypographyButton/TypographyButton.cjs');
 require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs');
-require('../../../components/Alert/Alert.cjs');
 var Input = require('../../../components/Input/Input.cjs');
 require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
@@ -88,6 +89,7 @@ require('qrcode');
 require('../../WalletList/WalletList.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 var ToggleVisibilityButton = require('../../../components/ToggleVisibilityButton/ToggleVisibilityButton.cjs');
 

package/src/lib/views/CreatePasswordView/SavePasswordStep/SavePasswordStep.js

@@ -3,6 +3,8 @@ import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../../components/Alert/Alert.js';
 import '../../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../../context/DynamicContext/DynamicContext.js';
@@ -68,7 +70,6 @@ import 'formik';
 import { TypographyButton } from '../../../components/TypographyButton/TypographyButton.js';
 import '../../TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { ModalHeader } from '../../../components/ModalHeader/ModalHeader.js';
-import '../../../components/Alert/Alert.js';
 import { Input } from '../../../components/Input/Input.js';
 import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
@@ -84,6 +85,7 @@ import 'qrcode';
 import '../../WalletList/WalletList.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import { ToggleVisibilityButton } from '../../../components/ToggleVisibilityButton/ToggleVisibilityButton.js';
 

package/src/lib/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.cjs

@@ -9,6 +9,8 @@ var React = require('react');
 var reactI18next = require('react-i18next');
 var iconic = require('@dynamic-labs/iconic');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../components/Alert/Alert.cjs');
 require('../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../context/DynamicContext/DynamicContext.cjs');
@@ -67,7 +69,6 @@ require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var Typography = require('../../components/Typography/Typography.cjs');
 require('formik');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
-require('../../components/Alert/Alert.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
@@ -80,6 +81,7 @@ require('qrcode');
 require('../WalletList/WalletList.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 
 const EmailConfirmationWaitingView = () => {

package/src/lib/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.js

@@ -5,6 +5,8 @@ import { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { SignInWithEmailIcon } from '@dynamic-labs/iconic';
 import { isEmailWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../components/Alert/Alert.js';
 import '../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../context/DynamicContext/DynamicContext.js';
@@ -63,7 +65,6 @@ import '../../components/MenuList/Dropdown/Dropdown.js';
 import { Typography } from '../../components/Typography/Typography.js';
 import 'formik';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
-import '../../components/Alert/Alert.js';
 import '../../components/Input/Input.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
@@ -76,6 +77,7 @@ import 'qrcode';
 import '../WalletList/WalletList.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 
 const EmailConfirmationWaitingView = () => {

package/src/lib/views/EmailVerification/EmailVerification.cjs

@@ -8,6 +8,8 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
+require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../components/Alert/Alert.cjs');
 var dynamicEvents = require('../../events/dynamicEvents.cjs');
 require('@dynamic-labs/utils');
 require('../../context/DynamicContext/DynamicContext.cjs');
@@ -81,7 +83,6 @@ require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');
 require('formik');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
-require('../../components/Alert/Alert.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
@@ -97,6 +98,7 @@ require('qrcode');
 require('../WalletList/WalletList.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 
 const SECONDS_TO_RETRY = 15;

package/src/lib/views/EmailVerification/EmailVerification.js

@@ -4,6 +4,8 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState, useRef, useCallback, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
+import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../components/Alert/Alert.js';
 import { dynamicEvents } from '../../events/dynamicEvents.js';
 import '@dynamic-labs/utils';
 import '../../context/DynamicContext/DynamicContext.js';
@@ -77,7 +79,6 @@ import '../../components/MenuList/Dropdown/Dropdown.js';
 import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';
 import 'formik';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
-import '../../components/Alert/Alert.js';
 import '../../components/Input/Input.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
@@ -93,6 +94,7 @@ import 'qrcode';
 import '../WalletList/WalletList.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 
 const SECONDS_TO_RETRY = 15;

package/src/lib/views/EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.cjs

@@ -6,6 +6,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+require('../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../components/Alert/Alert.cjs');
 var dynamicEvents = require('../../events/dynamicEvents.cjs');
 require('../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/utils');
@@ -64,7 +66,6 @@ require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
-require('../../components/Alert/Alert.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
@@ -79,6 +80,7 @@ require('qrcode');
 require('../WalletList/WalletList.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
+require('../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 
 const EmailWalletOTPVerificationView = () => {

package/src/lib/views/EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.js

@@ -2,6 +2,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { isEmailOTPWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../components/Alert/Alert.js';
 import { dynamicEvents } from '../../events/dynamicEvents.js';
 import '../../../../_virtual/_tslib.js';
 import '@dynamic-labs/utils';
@@ -60,7 +62,6 @@ import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../TransactionConfirmationView/helpers/transactionErrorMessage.js';
-import '../../components/Alert/Alert.js';
 import '../../components/Input/Input.js';
 import '../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
@@ -75,6 +76,7 @@ import 'qrcode';
 import '../WalletList/WalletList.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
+import '../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 
 const EmailWalletOTPVerificationView = () => {

package/src/lib/views/EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView.cjs

@@ -10,6 +10,8 @@ var reactI18next = require('react-i18next');
 var utils = require('@dynamic-labs/utils');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var getProperErrorMessage = require('../../../modals/SignMessageConfirmationModal/getProperErrorMessage.cjs');
+require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../../components/Alert/Alert.cjs');
 var dynamicEvents = require('../../../events/dynamicEvents.cjs');
 require('../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
@@ -76,7 +78,6 @@ require('formik');
 var TypographyButton = require('../../../components/TypographyButton/TypographyButton.cjs');
 require('../../TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs');
-require('../../../components/Alert/Alert.cjs');
 require('../../../components/Input/Input.cjs');
 require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
@@ -92,6 +93,7 @@ require('../../WalletList/WalletList.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 var constants = require('../constants.cjs');
+require('../../LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 
 const EmbeddedRevealView = ({ exportPrivateKey, }) => {