@dynamic-labs/sdk-react-core 2.3.4 → 2.3.6

package/CHANGELOG.md

@@ -1,4 +1,19 @@
 
+### [2.3.6](https://github.com/dynamic-labs/DynamicAuth/compare/v2.3.5...v2.3.6) (2024-07-26)
+
+
+### Bug Fixes
+
+* add settings prefetch ([#6403](https://github.com/dynamic-labs/DynamicAuth/issues/6403)) ([dcf9e95](https://github.com/dynamic-labs/DynamicAuth/commit/dcf9e950943e9347ab01159772c4de18dd8abd9a)), closes [#6368](https://github.com/dynamic-labs/DynamicAuth/issues/6368)
+* don't filter out bitcoin.com when searching for bitcoin ([#6409](https://github.com/dynamic-labs/DynamicAuth/issues/6409)) ([13121f6](https://github.com/dynamic-labs/DynamicAuth/commit/13121f6b4ad4529fc9691c4504e383caeb5dd294))
+
+### [2.3.5](https://github.com/dynamic-labs/DynamicAuth/compare/v2.3.4...v2.3.5) (2024-07-22)
+
+
+### Bug Fixes
+
+* show custom labels in the sdk ([#6352](https://github.com/dynamic-labs/DynamicAuth/issues/6352)) ([#6383](https://github.com/dynamic-labs/DynamicAuth/issues/6383)) ([287484b](https://github.com/dynamic-labs/DynamicAuth/commit/287484b252d69300a5003a88c26daf380621d3b5))
+
 ### [2.3.4](https://github.com/dynamic-labs/DynamicAuth/compare/v2.3.3...v2.3.4) (2024-07-19)
 
 

package/package.cjs

@@ -3,9 +3,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "2.3.4";
+var version = "2.3.6";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.460",
+	"@dynamic-labs/sdk-api-core": "0.0.497",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.js

@@ -1,7 +1,7 @@
 'use client'
-var version = "2.3.4";
+var version = "2.3.6";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.460",
+	"@dynamic-labs/sdk-api-core": "0.0.497",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "2.3.4",
+  "version": "2.3.6",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dynamic-labs/dynamic-auth.git",
     "directory": "packages/sdk-react-core"
   },
   "dependencies": {
-    "@dynamic-labs/sdk-api-core": "0.0.460",
+    "@dynamic-labs/sdk-api-core": "0.0.497",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "country-list": "2.3.0",
     "formik": "2.2.9",
@@ -17,18 +17,18 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/iconic": "2.3.4",
-    "@dynamic-labs/logger": "2.3.4",
-    "@dynamic-labs/multi-wallet": "2.3.4",
-    "@dynamic-labs/rpc-provider-ethereum": "2.3.4",
-    "@dynamic-labs/rpc-provider-solana": "2.3.4",
-    "@dynamic-labs/rpc-providers": "2.3.4",
-    "@dynamic-labs/store": "2.3.4",
-    "@dynamic-labs/types": "2.3.4",
-    "@dynamic-labs/utils": "2.3.4",
-    "@dynamic-labs/viem-utils": "2.3.4",
-    "@dynamic-labs/wallet-book": "2.3.4",
-    "@dynamic-labs/wallet-connector-core": "2.3.4",
+    "@dynamic-labs/iconic": "2.3.6",
+    "@dynamic-labs/logger": "2.3.6",
+    "@dynamic-labs/multi-wallet": "2.3.6",
+    "@dynamic-labs/rpc-provider-ethereum": "2.3.6",
+    "@dynamic-labs/rpc-provider-solana": "2.3.6",
+    "@dynamic-labs/rpc-providers": "2.3.6",
+    "@dynamic-labs/store": "2.3.6",
+    "@dynamic-labs/types": "2.3.6",
+    "@dynamic-labs/utils": "2.3.6",
+    "@dynamic-labs/viem-utils": "2.3.6",
+    "@dynamic-labs/wallet-book": "2.3.6",
+    "@dynamic-labs/wallet-connector-core": "2.3.6",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/components/UserProfile/UserProfile.cjs

@@ -128,7 +128,7 @@ const UserProfile = ({ rootClassName }) => {
     // if it's multiwallet, the wallet should appear in the wallets tab
     // if there's a primary wallet, it will be displayed in the header
     const wallet = !multiWallet && !primaryWallet && userWallets[0];
-    return (jsxRuntime.jsxs("div", { "data-testid": 'userProfile', className: classNames.classNames('user-profile', rootClassName), ref: containerRef, children: [error && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: error }), wallet && (jsxRuntime.jsx(UserProfileSection.UserProfileSection, { title: t('dyn_user_profile.my_wallet.title'), children: jsxRuntime.jsx(Wallet.Wallet, { ens: (_a = getWalletVerifiedCredential.getWalletVerifiedCredential(wallet.address, user === null || user === void 0 ? void 0 : user.verifiedCredentials, wallet.chain)) === null || _a === void 0 ? void 0 : _a.nameService, wallet: wallet }, wallet.id) })), (allUserFields === null || allUserFields === void 0 ? void 0 : allUserFields.length) > 0 && (jsxRuntime.jsx(UserProfileSection.UserProfileSection, { title: t('dyn_user_profile.my_information.title'), children: jsxRuntime.jsx("div", { className: 'user-profile__fields', children: allUserFields.map(({ name, validationType, type }) => {
+    return (jsxRuntime.jsxs("div", { "data-testid": 'userProfile', className: classNames.classNames('user-profile', rootClassName), ref: containerRef, children: [error && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: error }), wallet && (jsxRuntime.jsx(UserProfileSection.UserProfileSection, { title: t('dyn_user_profile.my_wallet.title'), children: jsxRuntime.jsx(Wallet.Wallet, { ens: (_a = getWalletVerifiedCredential.getWalletVerifiedCredential(wallet.address, user === null || user === void 0 ? void 0 : user.verifiedCredentials, wallet.chain)) === null || _a === void 0 ? void 0 : _a.nameService, wallet: wallet }, wallet.id) })), (allUserFields === null || allUserFields === void 0 ? void 0 : allUserFields.length) > 0 && (jsxRuntime.jsx(UserProfileSection.UserProfileSection, { title: t('dyn_user_profile.my_information.title'), children: jsxRuntime.jsx("div", { className: 'user-profile__fields', children: allUserFields.map(({ name, validationType, type, label }) => {
                         var _a, _b;
                         if (type === sdkApiCore.KycFieldType.Custom) {
                             const value = (_b = (_a = user.metadata) === null || _a === void 0 ? void 0 : _a[name]) !== null && _b !== void 0 ? _b : '';
@@ -137,11 +137,10 @@ const UserProfile = ({ rootClassName }) => {
                                 fieldValue = value.length > 0 ? 'Checked' : 'Unchecked';
                             return (jsxRuntime.jsx(UserProfileField.UserProfileField, { name: name, label: name, value: fieldValue }, name));
                         }
-                        else {
-                            const { label, key } = index$1.getValueByKey(fieldsConfig, name);
-                            const value = mapFieldKeyToValue(name);
-                            return (jsxRuntime.jsx(UserProfileField.UserProfileField, { copykey: key, name: name, label: label, value: value }, name));
-                        }
+                        const { label: defaultLabel, key } = index$1.getValueByKey(fieldsConfig, name);
+                        label !== null && label !== void 0 ? label : (label = defaultLabel);
+                        const value = mapFieldKeyToValue(name);
+                        return (jsxRuntime.jsx(UserProfileField.UserProfileField, { copykey: key, name: name, label: label, value: value }, name));
                     }) }) })), canLink && !multiWallet && (jsxRuntime.jsx(UserProfileSection.UserProfileSection, { title: t('dyn_user_profile.wallets.title'), children: jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'link-wallet-button', onClick: addNewWallet, startSlot: jsxRuntime.jsx(add.ReactComponent, {}), showInternalLoading: false, children: jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_user_profile.wallets.link_wallet_button', children: t('dyn_user_profile.wallets.link_wallet_button') }) }) })), (providers === null || providers === void 0 ? void 0 : providers.length) > 0 && (jsxRuntime.jsx(UserProfileSection.UserProfileSection, { title: t('dyn_user_profile.social_accounts.title'), children: jsxRuntime.jsx("div", { className: 'user-profile__social-accounts', children: providers.map(({ provider }) => (jsxRuntime.jsx(UserProfileSocialAccount.UserProfileSocialAccount, { provider: provider }, provider))) }) }))] }));
 };
 

package/src/lib/components/UserProfile/UserProfile.js

@@ -124,7 +124,7 @@ const UserProfile = ({ rootClassName }) => {
     // if it's multiwallet, the wallet should appear in the wallets tab
     // if there's a primary wallet, it will be displayed in the header
     const wallet = !multiWallet && !primaryWallet && userWallets[0];
-    return (jsxs("div", { "data-testid": 'userProfile', className: classNames('user-profile', rootClassName), ref: containerRef, children: [error && jsx(ErrorContainer, { children: error }), wallet && (jsx(UserProfileSection, { title: t('dyn_user_profile.my_wallet.title'), children: jsx(Wallet, { ens: (_a = getWalletVerifiedCredential(wallet.address, user === null || user === void 0 ? void 0 : user.verifiedCredentials, wallet.chain)) === null || _a === void 0 ? void 0 : _a.nameService, wallet: wallet }, wallet.id) })), (allUserFields === null || allUserFields === void 0 ? void 0 : allUserFields.length) > 0 && (jsx(UserProfileSection, { title: t('dyn_user_profile.my_information.title'), children: jsx("div", { className: 'user-profile__fields', children: allUserFields.map(({ name, validationType, type }) => {
+    return (jsxs("div", { "data-testid": 'userProfile', className: classNames('user-profile', rootClassName), ref: containerRef, children: [error && jsx(ErrorContainer, { children: error }), wallet && (jsx(UserProfileSection, { title: t('dyn_user_profile.my_wallet.title'), children: jsx(Wallet, { ens: (_a = getWalletVerifiedCredential(wallet.address, user === null || user === void 0 ? void 0 : user.verifiedCredentials, wallet.chain)) === null || _a === void 0 ? void 0 : _a.nameService, wallet: wallet }, wallet.id) })), (allUserFields === null || allUserFields === void 0 ? void 0 : allUserFields.length) > 0 && (jsx(UserProfileSection, { title: t('dyn_user_profile.my_information.title'), children: jsx("div", { className: 'user-profile__fields', children: allUserFields.map(({ name, validationType, type, label }) => {
                         var _a, _b;
                         if (type === KycFieldType.Custom) {
                             const value = (_b = (_a = user.metadata) === null || _a === void 0 ? void 0 : _a[name]) !== null && _b !== void 0 ? _b : '';
@@ -133,11 +133,10 @@ const UserProfile = ({ rootClassName }) => {
                                 fieldValue = value.length > 0 ? 'Checked' : 'Unchecked';
                             return (jsx(UserProfileField, { name: name, label: name, value: fieldValue }, name));
                         }
-                        else {
-                            const { label, key } = getValueByKey(fieldsConfig, name);
-                            const value = mapFieldKeyToValue(name);
-                            return (jsx(UserProfileField, { copykey: key, name: name, label: label, value: value }, name));
-                        }
+                        const { label: defaultLabel, key } = getValueByKey(fieldsConfig, name);
+                        label !== null && label !== void 0 ? label : (label = defaultLabel);
+                        const value = mapFieldKeyToValue(name);
+                        return (jsx(UserProfileField, { copykey: key, name: name, label: label, value: value }, name));
                     }) }) })), canLink && !multiWallet && (jsx(UserProfileSection, { title: t('dyn_user_profile.wallets.title'), children: jsx(TypographyButton, { dataTestId: 'link-wallet-button', onClick: addNewWallet, startSlot: jsx(SvgAdd, {}), showInternalLoading: false, children: jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_user_profile.wallets.link_wallet_button', children: t('dyn_user_profile.wallets.link_wallet_button') }) }) })), (providers === null || providers === void 0 ? void 0 : providers.length) > 0 && (jsx(UserProfileSection, { title: t('dyn_user_profile.social_accounts.title'), children: jsx("div", { className: 'user-profile__social-accounts', children: providers.map(({ provider }) => (jsx(UserProfileSocialAccount, { provider: provider }, provider))) }) }))] }));
 };
 

package/src/lib/config/ApiEndpoint.cjs

@@ -1,6 +1,8 @@
 'use client'
 'use strict';
 
+var sdkApiCore = require('@dynamic-labs/sdk-api-core');
+
 /* eslint-disable no-underscore-dangle */
 class ApiEndpoint {
 }
@@ -12,9 +14,24 @@ ApiEndpoint.getBaseUrl = () => {
 };
 ApiEndpoint.setBaseUrl = (baseUrlInput) => {
     if (!ApiEndpoint.__defined__) {
-        ApiEndpoint.__baseUrl__ = baseUrlInput;
+        if (!baseUrlInput) {
+            /**
+             * If the baseUrl is not provided, use the default baseUrl from the sdk-api package
+             */
+            ApiEndpoint.__baseUrl__ = new sdkApiCore.Configuration().basePath;
+        }
+        else {
+            ApiEndpoint.__baseUrl__ = baseUrlInput;
+        }
         ApiEndpoint.__defined__ = true;
     }
+    else if (!baseUrlInput && ApiEndpoint.__defined__) {
+        /**
+         * If for some reason (usually in local development), the setBaseUrl is called multiple times with undefined
+         * And we already have it defined, let's just assume it's a no-op
+         */
+        return;
+    }
     else if (ApiEndpoint.__baseUrl__ !== baseUrlInput) {
         throw new Error(`ApiEndpoint baseUrl is already set to ${ApiEndpoint.__baseUrl__}, cannot change it to ${baseUrlInput}`);
     }

package/src/lib/config/ApiEndpoint.js

@@ -1,4 +1,6 @@
 'use client'
+import { Configuration } from '@dynamic-labs/sdk-api-core';
+
 /* eslint-disable no-underscore-dangle */
 class ApiEndpoint {
 }
@@ -10,9 +12,24 @@ ApiEndpoint.getBaseUrl = () => {
 };
 ApiEndpoint.setBaseUrl = (baseUrlInput) => {
     if (!ApiEndpoint.__defined__) {
-        ApiEndpoint.__baseUrl__ = baseUrlInput;
+        if (!baseUrlInput) {
+            /**
+             * If the baseUrl is not provided, use the default baseUrl from the sdk-api package
+             */
+            ApiEndpoint.__baseUrl__ = new Configuration().basePath;
+        }
+        else {
+            ApiEndpoint.__baseUrl__ = baseUrlInput;
+        }
         ApiEndpoint.__defined__ = true;
     }
+    else if (!baseUrlInput && ApiEndpoint.__defined__) {
+        /**
+         * If for some reason (usually in local development), the setBaseUrl is called multiple times with undefined
+         * And we already have it defined, let's just assume it's a no-op
+         */
+        return;
+    }
     else if (ApiEndpoint.__baseUrl__ !== baseUrlInput) {
         throw new Error(`ApiEndpoint baseUrl is already set to ${ApiEndpoint.__baseUrl__}, cannot change it to ${baseUrlInput}`);
     }

package/src/lib/data/api/settings/settings.cjs

@@ -20,11 +20,15 @@ require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 var api = require('../api.cjs');
 var helpers = require('../../../context/DynamicContext/helpers/helpers.cjs');
+var version = require('../../../../version.cjs');
 
 const fetchProjectSettings = (environmentId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     try {
         const res = yield api.sdkApi().getEnvironmentSettings({
             environmentId,
+            sdkVersion: `WalletKit/${version.VERSION}`,
+        }, {
+            credentials: 'omit',
         });
         return res;
     }

package/src/lib/data/api/settings/settings.js

@@ -16,11 +16,15 @@ import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import { sdkApi } from '../api.js';
 import { isDynamicContextSessionSettingExpired, setDynamicContextSessionSettings, isWagmiSessionSettingExpired, setWagmiSessionSettings } from '../../../context/DynamicContext/helpers/helpers.js';
+import { VERSION } from '../../../../version.js';
 
 const fetchProjectSettings = (environmentId) => __awaiter(void 0, void 0, void 0, function* () {
     try {
         const res = yield sdkApi().getEnvironmentSettings({
             environmentId,
+            sdkVersion: `WalletKit/${VERSION}`,
+        }, {
+            credentials: 'omit',
         });
         return res;
     }

package/src/lib/utils/functions/walletListBuilder/walletListBuilder.cjs

@@ -134,7 +134,7 @@ const orderAndFilterList = (walletList, walletsFilter, isWalletConnectList, reco
         return sortedWalletList;
     }
 };
-const KEEP_WALLETS_NAME_LIST = ['wallet connect'];
+const KEEP_WALLETS_NAME_LIST = ['wallet connect', 'bitcoin.com wallet'];
 const applySearchFilterToWalletOptionList = (rawSearchFilter, walletOptionList) => {
     const searchFilter = rawSearchFilter.trim().toLowerCase();
     const cleanName = (name) => {

package/src/lib/utils/functions/walletListBuilder/walletListBuilder.js

@@ -130,7 +130,7 @@ const orderAndFilterList = (walletList, walletsFilter, isWalletConnectList, reco
         return sortedWalletList;
     }
 };
-const KEEP_WALLETS_NAME_LIST = ['wallet connect'];
+const KEEP_WALLETS_NAME_LIST = ['wallet connect', 'bitcoin.com wallet'];
 const applySearchFilterToWalletOptionList = (rawSearchFilter, walletOptionList) => {
     const searchFilter = rawSearchFilter.trim().toLowerCase();
     const cleanName = (name) => {

package/src/lib/utils/hooks/useSocialAccounts/useSocialAccounts.cjs

@@ -176,9 +176,9 @@ const useSocialAccounts = ({ sessionTimeout } = {
         }
         const { id, oauthAccountId, oauthAccountPhotos, oauthDisplayName, oauthEmails, oauthProvider, oauthUsername, publicIdentifier, } = verifiedCredential;
         return {
-            accountId: oauthAccountId,
+            accountId: oauthAccountId !== null && oauthAccountId !== void 0 ? oauthAccountId : undefined,
             avatar: oauthAccountPhotos === null || oauthAccountPhotos === void 0 ? void 0 : oauthAccountPhotos[0],
-            displayName: oauthDisplayName,
+            displayName: oauthDisplayName !== null && oauthDisplayName !== void 0 ? oauthDisplayName : undefined,
             email: oauthEmails === null || oauthEmails === void 0 ? void 0 : oauthEmails[0],
             id,
             provider: oauthProvider,

package/src/lib/utils/hooks/useSocialAccounts/useSocialAccounts.js

@@ -172,9 +172,9 @@ const useSocialAccounts = ({ sessionTimeout } = {
         }
         const { id, oauthAccountId, oauthAccountPhotos, oauthDisplayName, oauthEmails, oauthProvider, oauthUsername, publicIdentifier, } = verifiedCredential;
         return {
-            accountId: oauthAccountId,
+            accountId: oauthAccountId !== null && oauthAccountId !== void 0 ? oauthAccountId : undefined,
             avatar: oauthAccountPhotos === null || oauthAccountPhotos === void 0 ? void 0 : oauthAccountPhotos[0],
-            displayName: oauthDisplayName,
+            displayName: oauthDisplayName !== null && oauthDisplayName !== void 0 ? oauthDisplayName : undefined,
             email: oauthEmails === null || oauthEmails === void 0 ? void 0 : oauthEmails[0],
             id,
             provider: oauthProvider,

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

@@ -88,7 +88,7 @@ const renderCheckboxGroup = (key, name, label, validationRules, errors, touched,
                 ? 'user-field__checkbox-container--error'
                 : ''}`, children: (validationRules === null || validationRules === void 0 ? void 0 : validationRules.checkboxText) && (jsxRuntime.jsxs("div", { className: 'user-field__consent-checkbox', children: [jsxRuntime.jsx(formik.Field, { as: Checkbox.Checkbox, id: key, name: name, type: 'checkbox', value: '0', disabled: disabled, selectDataTestId: 'customFieldCheckbox' }, key), jsxRuntime.jsx("label", { htmlFor: key, className: 'user-field__checkbox-label', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', children: validationRules.checkboxText }) })] }, key)) }, 'customConsentGroup'), touched[name] && getDisplayErrorMessage.getDisplayErrorMessage(label, errors[name]) && (jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', className: 'user-field__error-message', children: `${name.charAt(0).toUpperCase() + name.slice(1)} is required` }))] }));
 const renderPoliciesConsentGroup = (key, policiesConsentInnerComponentArray, disabled) => (jsxRuntime.jsx("div", { role: 'group', "aria-labelledby": 'checkbox-group', className: 'user-field__checkbox-container', children: policiesConsentInnerComponentArray === null || policiesConsentInnerComponentArray === void 0 ? void 0 : policiesConsentInnerComponentArray.map((component, index) => (jsxRuntime.jsxs("div", { className: 'user-field__consent-checkbox', children: [jsxRuntime.jsx(formik.Field, { copykey: key, as: Checkbox.Checkbox, id: `policiesConsent_${index}`, name: 'policiesConsentArray', type: 'checkbox', value: `${index}`, disabled: disabled }, `policiesConsent_${index}`), jsxRuntime.jsx("label", { htmlFor: `policiesConsent_${index}`, className: 'user-field__checkbox-label', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', children: component }) })] }, `policiesConsent_${index}`))) }, 'policiesConsentGroup'));
-const UserField = ({ fieldData: { validationRules, isCustom, key, label, type, autoComplete }, fieldSettings: { enabled, name, required, verify }, errors, touched, disabled, policiesConsentInnerComponentArray, }) => {
+const UserField = ({ fieldData: { validationRules, isCustom, key, label: defaultLabel, type, autoComplete, }, fieldSettings: { enabled, name, required, verify, label = defaultLabel }, errors, touched, disabled, policiesConsentInnerComponentArray, }) => {
     if (isCustom) {
         if (type === sdkApiCore.CustomFieldType.Select && (validationRules === null || validationRules === void 0 ? void 0 : validationRules.validOptions)) {
             const options = validationRules.validOptions.map((opt) => opt.label);

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

@@ -84,7 +84,7 @@ const renderCheckboxGroup = (key, name, label, validationRules, errors, touched,
                 ? 'user-field__checkbox-container--error'
                 : ''}`, children: (validationRules === null || validationRules === void 0 ? void 0 : validationRules.checkboxText) && (jsxs("div", { className: 'user-field__consent-checkbox', children: [jsx(Field, { as: Checkbox, id: key, name: name, type: 'checkbox', value: '0', disabled: disabled, selectDataTestId: 'customFieldCheckbox' }, key), jsx("label", { htmlFor: key, className: 'user-field__checkbox-label', children: jsx(Typography, { variant: 'body_small', color: 'secondary', children: validationRules.checkboxText }) })] }, key)) }, 'customConsentGroup'), touched[name] && getDisplayErrorMessage(label, errors[name]) && (jsx(Typography, { variant: 'body_mini', className: 'user-field__error-message', children: `${name.charAt(0).toUpperCase() + name.slice(1)} is required` }))] }));
 const renderPoliciesConsentGroup = (key, policiesConsentInnerComponentArray, disabled) => (jsx("div", { role: 'group', "aria-labelledby": 'checkbox-group', className: 'user-field__checkbox-container', children: policiesConsentInnerComponentArray === null || policiesConsentInnerComponentArray === void 0 ? void 0 : policiesConsentInnerComponentArray.map((component, index) => (jsxs("div", { className: 'user-field__consent-checkbox', children: [jsx(Field, { copykey: key, as: Checkbox, id: `policiesConsent_${index}`, name: 'policiesConsentArray', type: 'checkbox', value: `${index}`, disabled: disabled }, `policiesConsent_${index}`), jsx("label", { htmlFor: `policiesConsent_${index}`, className: 'user-field__checkbox-label', children: jsx(Typography, { variant: 'body_small', color: 'secondary', children: component }) })] }, `policiesConsent_${index}`))) }, 'policiesConsentGroup'));
-const UserField = ({ fieldData: { validationRules, isCustom, key, label, type, autoComplete }, fieldSettings: { enabled, name, required, verify }, errors, touched, disabled, policiesConsentInnerComponentArray, }) => {
+const UserField = ({ fieldData: { validationRules, isCustom, key, label: defaultLabel, type, autoComplete, }, fieldSettings: { enabled, name, required, verify, label = defaultLabel }, errors, touched, disabled, policiesConsentInnerComponentArray, }) => {
     if (isCustom) {
         if (type === CustomFieldType.Select && (validationRules === null || validationRules === void 0 ? void 0 : validationRules.validOptions)) {
             const options = validationRules.validOptions.map((opt) => opt.label);