npm - @dynamic-labs/sdk-react-core - Versions diffs - 4.0.0-alpha.44 → 4.0.0-alpha.46 - Mend

@dynamic-labs/sdk-react-core 4.0.0-alpha.44 → 4.0.0-alpha.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (659) hide show

package/src/lib/utils/hooks/useUserAuth/useUserAuth.cjs CHANGED Viewed

@@ -70,6 +70,7 @@ require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
+require('../useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');

package/src/lib/utils/hooks/useUserAuth/useUserAuth.js CHANGED Viewed

@@ -66,6 +66,7 @@ import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
+import '../useSubdomainCheck/useSubdomainCheck.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../context/IpConfigurationContext/IpConfigurationContext.js';

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs CHANGED Viewed

@@ -68,6 +68,7 @@ require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
+require('../../useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js CHANGED Viewed

@@ -64,6 +64,7 @@ import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
+import '../../useSubdomainCheck/useSubdomainCheck.js';
 import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUserWithModal/useUpdateUserWithModal.cjs CHANGED Viewed

@@ -67,6 +67,7 @@ require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
+require('../../useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');

package/src/lib/utils/hooks/useUserUpdateRequest/useUpdateUserWithModal/useUpdateUserWithModal.js CHANGED Viewed

@@ -63,6 +63,7 @@ import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
+import '../../useSubdomainCheck/useSubdomainCheck.js';
 import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';

package/src/lib/utils/hooks/useVerifyWallet/useVerifyWallet.cjs CHANGED Viewed

@@ -75,6 +75,7 @@ require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
+require('../useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');

package/src/lib/utils/hooks/useVerifyWallet/useVerifyWallet.js CHANGED Viewed

@@ -71,6 +71,7 @@ import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
+import '../useSubdomainCheck/useSubdomainCheck.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../context/IpConfigurationContext/IpConfigurationContext.js';

package/src/lib/utils/hooks/useViewSettings/useViewSettings.cjs CHANGED Viewed

@@ -66,6 +66,7 @@ require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
+require('../useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');

package/src/lib/utils/hooks/useViewSettings/useViewSettings.js CHANGED Viewed

@@ -62,6 +62,7 @@ import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
+import '../useSubdomainCheck/useSubdomainCheck.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../context/IpConfigurationContext/IpConfigurationContext.js';

package/src/lib/utils/hooks/useWalletItemActions/useWalletItemActions.cjs CHANGED Viewed

@@ -71,6 +71,7 @@ require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
+require('../useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');

package/src/lib/utils/hooks/useWalletItemActions/useWalletItemActions.js CHANGED Viewed

@@ -67,6 +67,7 @@ import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
+import '../useSubdomainCheck/useSubdomainCheck.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../context/IpConfigurationContext/IpConfigurationContext.js';

package/src/lib/utils/hooks/useWalletOptions/useWalletOptions.cjs CHANGED Viewed

@@ -68,6 +68,7 @@ require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
+require('../useSubdomainCheck/useSubdomainCheck.cjs');
 var groupWalletOptions = require('../../functions/walletListBuilder/utils/groupWalletOptions/groupWalletOptions.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 var WalletGroupContext = require('../../../context/WalletGroupContext/WalletGroupContext.cjs');

package/src/lib/utils/hooks/useWalletOptions/useWalletOptions.js CHANGED Viewed

@@ -64,6 +64,7 @@ import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
+import '../useSubdomainCheck/useSubdomainCheck.js';
 import { groupWalletOptions } from '../../functions/walletListBuilder/utils/groupWalletOptions/groupWalletOptions.js';
 import '../../../context/FooterAnimationContext/index.js';
 import { useWalletGroupContext } from '../../../context/WalletGroupContext/WalletGroupContext.js';

package/src/lib/utils/hooks/useWalletUiUtils/useWalletUiUtils.cjs CHANGED Viewed

@@ -70,6 +70,7 @@ require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
+require('../useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');

package/src/lib/utils/hooks/useWalletUiUtils/useWalletUiUtils.js CHANGED Viewed

@@ -66,6 +66,7 @@ import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
+import '../useSubdomainCheck/useSubdomainCheck.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';

package/src/lib/views/AccessBlockedView/AccessBlockedView.cjs CHANGED Viewed

@@ -67,6 +67,7 @@ require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
+require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../store/state/sendBalances.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/OverlayCard/OverlayCard.cjs');

package/src/lib/views/AccessBlockedView/AccessBlockedView.js CHANGED Viewed

@@ -63,6 +63,7 @@ import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
+import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../store/state/sendBalances.js';
 import '../../components/Input/Input.js';
 import '../../components/OverlayCard/OverlayCard.js';

package/src/lib/views/AccountExistsView/AccountExistsView.cjs CHANGED Viewed

@@ -70,6 +70,7 @@ require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
+require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../store/state/sendBalances.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/OverlayCard/OverlayCard.cjs');

package/src/lib/views/AccountExistsView/AccountExistsView.js CHANGED Viewed

@@ -66,6 +66,7 @@ import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
+import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../store/state/sendBalances.js';
 import '../../components/Input/Input.js';
 import '../../components/OverlayCard/OverlayCard.js';

package/src/lib/views/AddNetworkView/AddNetworkView.cjs CHANGED Viewed

@@ -72,6 +72,7 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
+require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');

package/src/lib/views/AddNetworkView/AddNetworkView.js CHANGED Viewed

@@ -68,6 +68,7 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
+import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';

package/src/lib/views/BridgeNextWalletConnectionView/BridgeNextWalletConnectionView.cjs CHANGED Viewed

@@ -68,6 +68,7 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
+require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');

package/src/lib/views/BridgeNextWalletConnectionView/BridgeNextWalletConnectionView.js CHANGED Viewed

@@ -64,6 +64,7 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
+import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';

package/src/lib/views/BridgeSummaryView/BridgeSummaryView.cjs CHANGED Viewed

@@ -67,6 +67,7 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
+require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');

package/src/lib/views/BridgeSummaryView/BridgeSummaryView.js CHANGED Viewed

@@ -63,6 +63,7 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
+import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';

package/src/lib/views/BridgeWelcomeView/BridgeWelcomeView.cjs CHANGED Viewed

@@ -67,6 +67,7 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
+require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');

package/src/lib/views/BridgeWelcomeView/BridgeWelcomeView.js CHANGED Viewed

@@ -63,6 +63,7 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
+import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';

package/src/lib/views/CaptchaVerifyUser/CaptchaVerifyUser.cjs CHANGED Viewed

@@ -66,6 +66,7 @@ require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
+require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../store/state/sendBalances.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/OverlayCard/OverlayCard.cjs');

package/src/lib/views/CaptchaVerifyUser/CaptchaVerifyUser.js CHANGED Viewed

@@ -62,6 +62,7 @@ import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
+import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../store/state/sendBalances.js';
 import '../../components/Input/Input.js';
 import '../../components/OverlayCard/OverlayCard.js';

package/src/lib/views/CoinbaseMPCClaimIntro/CoinbaseMPCClaimIntro.cjs CHANGED Viewed

@@ -71,6 +71,7 @@ var IconButton = require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var TypographyButton = require('../../components/TypographyButton/TypographyButton.cjs');
 require('formik');
+require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 var ModalHeader = require('../../components/ModalHeader/ModalHeader.cjs');
 require('../../store/state/sendBalances.cjs');
 require('../../components/Input/Input.cjs');

package/src/lib/views/CoinbaseMPCClaimIntro/CoinbaseMPCClaimIntro.js CHANGED Viewed

@@ -67,6 +67,7 @@ import { IconButton } from '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import { TypographyButton } from '../../components/TypographyButton/TypographyButton.js';
 import 'formik';
+import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import { ModalHeader } from '../../components/ModalHeader/ModalHeader.js';
 import '../../store/state/sendBalances.js';
 import '../../components/Input/Input.js';

package/src/lib/views/CollectUserDataView/CollectUserDataView.cjs CHANGED Viewed

@@ -73,6 +73,7 @@ require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');
 require('formik');
+require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../store/state/sendBalances.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/OverlayCard/OverlayCard.cjs');

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

@@ -69,6 +69,7 @@ import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';
 import 'formik';
+import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../store/state/sendBalances.js';
 import '../../components/Input/Input.js';
 import '../../components/OverlayCard/OverlayCard.js';

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

@@ -20,6 +20,7 @@ require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../../utils/constants/colors.cjs');
 require('../../../utils/constants/values.cjs');
+var fields = require('../../../utils/constants/fields.cjs');
 require('../../../store/state/loadingAndLifecycle.cjs');
 require('../../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
@@ -69,6 +70,7 @@ require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../useFields.cjs');
 var TypographyButton = require('../../../components/TypographyButton/TypographyButton.cjs');
 var UserDataFields = require('../UserDataFields/UserDataFields.cjs');
+var SubdomainField = require('../../SubdomainField/SubdomainField.cjs');
 require('yup');
 require('../../../store/state/sendBalances.cjs');
 require('../../../components/Input/Input.cjs');
@@ -101,6 +103,10 @@ const OnboardingUserDataForm = ({ children, userProfile, disableSubmit, }) => {
             updateJwtFunction: () => _tslib.__awaiter(void 0, void 0, void 0, function* () { return updateUser(formValues); }),
         });
     }), [completeAuth, updateUser]);
+    const showNameServiceField = React.useMemo(() => {
+        var _a;
+        return (_a = userWithMissingInfo === null || userWithMissingInfo === void 0 ? void 0 : userWithMissingInfo.missingFields) === null || _a === void 0 ? void 0 : _a.some((field) => field.name === fields.NAME_SERVICE_FIELD_NAME);
+    }, [userWithMissingInfo === null || userWithMissingInfo === void 0 ? void 0 : userWithMissingInfo.missingFields]);
     const { fetch: loading, formikInitialValues, formikValidationSchema, enforcePolicies, onFormSubmit, } = useUserDataForm.useUserDataForm({
         fields: (userWithMissingInfo === null || userWithMissingInfo === void 0 ? void 0 : userWithMissingInfo.missingFields) || [],
         onSubmit,
@@ -115,7 +121,7 @@ const OnboardingUserDataForm = ({ children, userProfile, disableSubmit, }) => {
                 (enforcePolicies &&
                     (policiesConsentInnerComponentArray === null || policiesConsentInnerComponentArray === void 0 ? void 0 : policiesConsentInnerComponentArray.length) !==
                         ((_a = values.policiesConsentArray) === null || _a === void 0 ? void 0 : _a.length));
-            return (jsxRuntime.jsx(formik.Form, { className: 'user-data-form__form', children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [children, error && (jsxRuntime.jsx(Alert.Alert, { icon: 'error', variant: 'error', className: 'user-data-form__error', children: error })), jsxRuntime.jsx(UserDataFields.UserDataFields, { fields: userWithMissingInfo === null || userWithMissingInfo === void 0 ? void 0 : userWithMissingInfo.missingFields, errors: errors, touched: touched, policiesConsentInnerComponentArray: policiesConsentInnerComponentArray }), jsxRuntime.jsx(TypographyButton.TypographyButton, { type: 'submit', loading: loading, disabled: isSubmitBtnDisabled, buttonVariant: 'primary', expanded: true, buttonPadding: 'login-screen-height', children: "Continue" })] }) }));
+            return (jsxRuntime.jsx(formik.Form, { className: 'user-data-form__form', children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [children, showNameServiceField && jsxRuntime.jsx(SubdomainField.SubdomainField, { showDetails: true }), error && (jsxRuntime.jsx(Alert.Alert, { icon: 'error', variant: 'error', className: 'user-data-form__error', children: error })), jsxRuntime.jsx(UserDataFields.UserDataFields, { fields: userWithMissingInfo === null || userWithMissingInfo === void 0 ? void 0 : userWithMissingInfo.missingFields, errors: errors, touched: touched, policiesConsentInnerComponentArray: policiesConsentInnerComponentArray }), jsxRuntime.jsx(TypographyButton.TypographyButton, { type: 'submit', loading: loading, disabled: isSubmitBtnDisabled, buttonVariant: 'primary', expanded: true, buttonPadding: 'login-screen-height', children: "Continue" })] }) }));
         } }));
 };

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

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useCallback } from 'react';
+import { useCallback, useMemo } from 'react';
 import { Formik, Form } from 'formik';
 import '@dynamic-labs/utils';
 import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
@@ -16,6 +16,7 @@ import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../../utils/constants/colors.js';
 import '../../../utils/constants/values.js';
+import { NAME_SERVICE_FIELD_NAME } from '../../../utils/constants/fields.js';
 import '../../../store/state/loadingAndLifecycle.js';
 import '../../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
@@ -65,6 +66,7 @@ import '../../../components/MenuList/Dropdown/Dropdown.js';
 import '../useFields.js';
 import { TypographyButton } from '../../../components/TypographyButton/TypographyButton.js';
 import { UserDataFields } from '../UserDataFields/UserDataFields.js';
+import { SubdomainField } from '../../SubdomainField/SubdomainField.js';
 import 'yup';
 import '../../../store/state/sendBalances.js';
 import '../../../components/Input/Input.js';
@@ -97,6 +99,10 @@ const OnboardingUserDataForm = ({ children, userProfile, disableSubmit, }) => {
             updateJwtFunction: () => __awaiter(void 0, void 0, void 0, function* () { return updateUser(formValues); }),
         });
     }), [completeAuth, updateUser]);
+    const showNameServiceField = useMemo(() => {
+        var _a;
+        return (_a = userWithMissingInfo === null || userWithMissingInfo === void 0 ? void 0 : userWithMissingInfo.missingFields) === null || _a === void 0 ? void 0 : _a.some((field) => field.name === NAME_SERVICE_FIELD_NAME);
+    }, [userWithMissingInfo === null || userWithMissingInfo === void 0 ? void 0 : userWithMissingInfo.missingFields]);
     const { fetch: loading, formikInitialValues, formikValidationSchema, enforcePolicies, onFormSubmit, } = useUserDataForm({
         fields: (userWithMissingInfo === null || userWithMissingInfo === void 0 ? void 0 : userWithMissingInfo.missingFields) || [],
         onSubmit,
@@ -111,7 +117,7 @@ const OnboardingUserDataForm = ({ children, userProfile, disableSubmit, }) => {
                 (enforcePolicies &&
                     (policiesConsentInnerComponentArray === null || policiesConsentInnerComponentArray === void 0 ? void 0 : policiesConsentInnerComponentArray.length) !==
                         ((_a = values.policiesConsentArray) === null || _a === void 0 ? void 0 : _a.length));
-            return (jsx(Form, { className: 'user-data-form__form', children: jsxs(Fragment, { children: [children, error && (jsx(Alert, { icon: 'error', variant: 'error', className: 'user-data-form__error', children: error })), jsx(UserDataFields, { fields: userWithMissingInfo === null || userWithMissingInfo === void 0 ? void 0 : userWithMissingInfo.missingFields, errors: errors, touched: touched, policiesConsentInnerComponentArray: policiesConsentInnerComponentArray }), jsx(TypographyButton, { type: 'submit', loading: loading, disabled: isSubmitBtnDisabled, buttonVariant: 'primary', expanded: true, buttonPadding: 'login-screen-height', children: "Continue" })] }) }));
+            return (jsx(Form, { className: 'user-data-form__form', children: jsxs(Fragment, { children: [children, showNameServiceField && jsx(SubdomainField, { showDetails: true }), error && (jsx(Alert, { icon: 'error', variant: 'error', className: 'user-data-form__error', children: error })), jsx(UserDataFields, { fields: userWithMissingInfo === null || userWithMissingInfo === void 0 ? void 0 : userWithMissingInfo.missingFields, errors: errors, touched: touched, policiesConsentInnerComponentArray: policiesConsentInnerComponentArray }), jsx(TypographyButton, { type: 'submit', loading: loading, disabled: isSubmitBtnDisabled, buttonVariant: 'primary', expanded: true, buttonPadding: 'login-screen-height', children: "Continue" })] }) }));
         } }));
 };

package/src/lib/views/CollectUserDataView/UserDataFields/UserDataFields.cjs CHANGED Viewed

@@ -7,6 +7,9 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
+require('../../../utils/constants/colors.cjs');
+require('../../../utils/constants/values.cjs');
+var fields = require('../../../utils/constants/fields.cjs');
 var useFields = require('../useFields.cjs');
 var Tooltip = require('../../../components/Tooltip/Tooltip.cjs');
 var UserField = require('./UserField/UserField.cjs');
@@ -23,18 +26,22 @@ const getTooltipMessageKeyForField = ({ enabled, name, lockForVerification, }) =
         return 'dyn_collect_user_data.lock_editing_multiple_verified_fields';
     return undefined;
 };
-const UserDataFields = ({ errors, policiesConsentInnerComponentArray, fields, touched, currentValues, disableEditingMultipleFieldsWithVerification, initialValues, }) => {
+const UserDataFields = ({ errors, policiesConsentInnerComponentArray, fields: fields$1, touched, currentValues, disableEditingMultipleFieldsWithVerification, initialValues, }) => {
     const { fieldsConfig } = useFields.useFields();
     const { t } = reactI18next.useTranslation();
     /** Array of names of fields with verification enabled that the user has changed */
-    const changedFieldsWithVerification = React.useMemo(() => initialValues && currentValues && fields
-        ? fields
+    const changedFieldsWithVerification = React.useMemo(() => initialValues && currentValues && fields$1
+        ? fields$1
             .filter((field) => field.verify &&
             initialValues[field.name] !== currentValues[field.name])
             .map((field) => field.name)
-        : [], [currentValues, fields, initialValues]);
-    return (jsxRuntime.jsx("div", { className: 'user-data-fields__fields-column', children: fields === null || fields === void 0 ? void 0 : fields.map((fieldSettings) => {
+        : [], [currentValues, fields$1, initialValues]);
+    return (jsxRuntime.jsx("div", { className: 'user-data-fields__fields-column', children: fields$1 === null || fields$1 === void 0 ? void 0 : fields$1.map((fieldSettings) => {
             const { enabled, name, verify } = fieldSettings;
+            // Do not render name service field in the user fields section
+            if (name === fields.NAME_SERVICE_FIELD_NAME) {
+                return undefined;
+            }
             /**
              * Whether this field is disabled because we only want one field with verification
              * to be editable at once

package/src/lib/views/CollectUserDataView/UserDataFields/UserDataFields.js CHANGED Viewed

@@ -3,6 +3,9 @@ import { jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { KycFieldType } from '@dynamic-labs/sdk-api-core';
+import '../../../utils/constants/colors.js';
+import '../../../utils/constants/values.js';
+import { NAME_SERVICE_FIELD_NAME } from '../../../utils/constants/fields.js';
 import { useFields, customFieldValidationMap } from '../useFields.js';
 import { Tooltip } from '../../../components/Tooltip/Tooltip.js';
 import { UserField } from './UserField/UserField.js';
@@ -31,6 +34,10 @@ const UserDataFields = ({ errors, policiesConsentInnerComponentArray, fields, to
         : [], [currentValues, fields, initialValues]);
     return (jsx("div", { className: 'user-data-fields__fields-column', children: fields === null || fields === void 0 ? void 0 : fields.map((fieldSettings) => {
             const { enabled, name, verify } = fieldSettings;
+            // Do not render name service field in the user fields section
+            if (name === NAME_SERVICE_FIELD_NAME) {
+                return undefined;
+            }
             /**
              * Whether this field is disabled because we only want one field with verification
              * to be editable at once

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

@@ -67,6 +67,7 @@ require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var UserPhoneField = require('../UserPhoneField/UserPhoneField.cjs');
 var getDisplayErrorMessage = require('../utils/getDisplayErrorMessage/getDisplayErrorMessage.cjs');
+require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../../store/state/sendBalances.cjs');
 var Input = require('../../../../components/Input/Input.cjs');
 require('../../../../components/OverlayCard/OverlayCard.cjs');

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

@@ -63,6 +63,7 @@ import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import { UserPhoneField } from '../UserPhoneField/UserPhoneField.js';
 import { getDisplayErrorMessage } from '../utils/getDisplayErrorMessage/getDisplayErrorMessage.js';
+import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../../../store/state/sendBalances.js';
 import { Input } from '../../../../components/Input/Input.js';
 import '../../../../components/OverlayCard/OverlayCard.js';

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

@@ -69,6 +69,7 @@ require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../components/IconButton/IconButton.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
+require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../../../store/state/sendBalances.cjs');
 require('../../../../components/Input/Input.cjs');
 require('../../../../components/OverlayCard/OverlayCard.cjs');

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

@@ -65,6 +65,7 @@ import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../components/IconButton/IconButton.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
+import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../../../store/state/sendBalances.js';
 import '../../../../components/Input/Input.js';
 import '../../../../components/OverlayCard/OverlayCard.js';

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

@@ -69,6 +69,7 @@ require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
+require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../store/state/sendBalances.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/OverlayCard/OverlayCard.cjs');

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

@@ -65,6 +65,7 @@ import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import 'formik';
+import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../store/state/sendBalances.js';
 import '../../components/Input/Input.js';
 import '../../components/OverlayCard/OverlayCard.js';

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

@@ -73,6 +73,7 @@ require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 var ErrorContainer = require('../../../components/ErrorContainer/ErrorContainer.cjs');
 var TypographyButton = require('../../../components/TypographyButton/TypographyButton.cjs');
 require('formik');
+require('../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs');
 require('../../../store/state/sendBalances.cjs');
 var Input = require('../../../components/Input/Input.cjs');

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

@@ -69,6 +69,7 @@ import '../../../components/MenuList/Dropdown/Dropdown.js';
 import { ErrorContainer } from '../../../components/ErrorContainer/ErrorContainer.js';
 import { TypographyButton } from '../../../components/TypographyButton/TypographyButton.js';
 import 'formik';
+import '../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import { ModalHeader } from '../../../components/ModalHeader/ModalHeader.js';
 import '../../../store/state/sendBalances.js';
 import { Input } from '../../../components/Input/Input.js';

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

@@ -69,6 +69,7 @@ require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
+require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');

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

@@ -65,6 +65,7 @@ import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
+import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';

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

@@ -74,6 +74,7 @@ require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 var ErrorContainer = require('../../../components/ErrorContainer/ErrorContainer.cjs');
 var TypographyButton = require('../../../components/TypographyButton/TypographyButton.cjs');
 require('formik');
+require('../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 var ModalHeader = require('../../../components/ModalHeader/ModalHeader.cjs');
 require('../../../store/state/sendBalances.cjs');
 var Input = require('../../../components/Input/Input.cjs');

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

@@ -70,6 +70,7 @@ import '../../../components/MenuList/Dropdown/Dropdown.js';
 import { ErrorContainer } from '../../../components/ErrorContainer/ErrorContainer.js';
 import { TypographyButton } from '../../../components/TypographyButton/TypographyButton.js';
 import 'formik';
+import '../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import { ModalHeader } from '../../../components/ModalHeader/ModalHeader.js';
 import '../../../store/state/sendBalances.js';
 import { Input } from '../../../components/Input/Input.js';

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

@@ -70,6 +70,7 @@ require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../../components/IconButton/IconButton.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('formik');
+require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 require('../../store/state/sendBalances.cjs');
 require('../../components/Input/Input.cjs');
 require('../../components/OverlayCard/OverlayCard.cjs');