@adyen/kyc-components 4.19.1 → 4.20.0-beta.0

package/dist/{utils-CLsECypA.js → BusinessRegistrationNumberField-DGBqMCwU.js}

@@ -1,27 +1,32 @@
 try {
 	let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "95994257-efcf-4617-93b1-5263c76f7bc4", e._sentryDebugIdIdentifier = "sentry-dbid-95994257-efcf-4617-93b1-5263c76f7bc4");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "7b983028-c744-4a3e-ba5a-af35981f33a6", e._sentryDebugIdIdentifier = "sentry-dbid-7b983028-c744-4a3e-ba5a-af35981f33a6");
 } catch (e) {}
-import { r as useTranslation } from "./translation-CcKrUksA.js";
-import { j as useToggleContext } from "./resolveEnvironment-C1htMD-5.js";
+import { i as Typography, r as useTranslation } from "./translation-DH4IlMCP.js";
+import { T as datasetUtilities, X as getMaxLengthByFieldAndCountry, j as useToggleContext } from "./resolveEnvironment-df20S4SQ.js";
+import { r as Loader } from "./Button-Cm7cT6BX.js";
 import { t as LegalEntityTypes } from "./legal-entity-type-0MfCGzUf.js";
-import { c as keysOf, o as objectsDeepEqual } from "./AnalyticsContext-BnRQ9H1u.js";
+import { o as objectsDeepEqual } from "./AnalyticsContext-BnRQ9H1u.js";
 import { t as CountryCodes } from "./country-code-CJk2hdPu.js";
-import { t as TaskTypes } from "./taskTypes-3vSkMBDm.js";
-import { l as CompanyTypesValues } from "./bafinUtils-DEVMdolf.js";
-import { d as translateTranslatable, r as Field } from "./Select-yOtg-61e.js";
-import { t as Checkbox } from "./Checkbox-CFN5ywvv.js";
-import { a as alphanumericInputs, c as nonInputs, i as alphaInputs, l as numericInputs, s as makeMask, t as MaskedInput, u as spacer } from "./MaskedInput-BpgT8ais.js";
-import { i as MemoizedDocumentUpload } from "./PatriotActDisclosure-DO1km-aw.js";
+import { a as prefixCountryNameWithThe } from "./country-IYuKDSdC.js";
+import { f as translateTranslatable, r as Field } from "./Select-B5Mo0Bpw.js";
+import { b as createFormUtils } from "./CountryField-DQnWXgAu.js";
+import { r as useDebouncedCallback, t as Checkbox } from "./Checkbox-faFUul66.js";
+import { c as formatAddressForCleanse, l as useAddressCleanse, s as countrySpecificFormatters, t as AddressField } from "./AddressField-BnboPpBe.js";
+import { a as alphanumericInputs, c as nonInputs, i as alphaInputs, l as numericInputs, s as makeMask, t as MaskedInput, u as spacer } from "./MaskedInput-BZLm8L47.js";
+import { l as addressFields, n as getAddressSchemaLabelsByCountry, o as CONDENSED_ADDRESS_FIELDS, t as getAddressSchemaForCountry } from "./utils-C8WDAzsL.js";
+import { i as MemoizedDocumentUpload } from "./PatriotActDisclosure-CB0N3iIz.js";
+import { t as isJapanLocalizationEnabled } from "./japanSupportUtils-H5Zfox2v.js";
 import { t as uppercase } from "./uppercase-DvjwUM0n.js";
-import { a as validateNotEmptyOnBlur, o as validatePatternOnBlur } from "./patternValidators-D8HZxfV2.js";
-import { a as COUNTRIES_REQUIRING_FINANCIAL_INFORMATION, b as REGISTRATION_NUMBER_EXEMPTION_RULES, f as COUNTRIES_USING_COMPANY_SEARCH } from "./utils-BfxOnNjg.js";
+import { a as validateNotEmptyOnBlur, o as validatePatternOnBlur } from "./patternValidators-tRq-KPvW.js";
 import { t as resolveFieldMetadata } from "./fieldConfigurations-CZCFghnK.js";
-import { t as InputText } from "./InputText-CRkApOKK.js";
-import { t as RadioGroup } from "./RadioGroup-B9MFxAgn.js";
-import { i as getCompanyRegistrationNumberOptions, l as registrationNumberDefaultFieldConfig, n as getDefaultRegistrationNumberType, o as exemptFromRegistrationNumberDefaultFieldConfig, s as exemptFromRegistrationNumberDefaultFieldMetadata, t as CompanyRegistrationNumberTypeSelector, u as registrationNumberDefaultFieldMetadata } from "./CompanyRegistrationNumberTypeSelector-DYJ2XeCC.js";
-import { memo } from "preact/compat";
-import { useCallback as useCallback$1, useEffect as useEffect$1, useMemo as useMemo$1 } from "preact/hooks";
+import { i as getPrefixedFieldProps, t as capitalize } from "./getProps-DVqK7eRw.js";
+import { t as InputText } from "./InputText-Cf9ccCaj.js";
+import { t as RadioGroup } from "./RadioGroup-BUwhfue7.js";
+import { t as formatValidationError } from "./formatValidationError-CZ5MeYBS.js";
+import { i as getCompanyRegistrationNumberOptions, l as registrationNumberDefaultFieldConfig, n as getDefaultRegistrationNumberType, o as exemptFromRegistrationNumberDefaultFieldConfig, s as exemptFromRegistrationNumberDefaultFieldMetadata, t as CompanyRegistrationNumberTypeSelector, u as registrationNumberDefaultFieldMetadata } from "./CompanyRegistrationNumberTypeSelector-KkPiHDQk.js";
+import { Suspense, lazy, memo } from "preact/compat";
+import { useCallback as useCallback$1, useEffect as useEffect$1, useMemo as useMemo$1, useState as useState$1 } from "preact/hooks";
 import { Fragment as Fragment$1, jsx, jsxs } from "preact/jsx-runtime";
 //#region src/components/Shared/fields/DBANameField/DBANameField.tsx
 var DBA_NAME_FIELD = ["hasDoingBusinessAs", "doingBusinessAs"];
@@ -77,6 +82,284 @@ function DBANameField({ data, valid, errors, readonly, handleChangeFor }) {
 var doingBusinessAsAbsentFieldMetadata = { validators: [validateNotEmptyOnBlur] };
 var doingBusinessAsFieldMetadata = { validators: [validateNotEmptyOnBlur] };
 //#endregion
+//#region src/components/Shared/fields/RegistrationAndOperationalAddressFields/utils.ts
+var JP_ONLY_ADDRESS_FIELDS = [
+	"jaHaniStateOrProvince",
+	"jaHaniCity",
+	"jaHaniStreet",
+	"jaKanaStateOrProvince",
+	"jaKanaCity",
+	"street2FullWidth"
+];
+var ALL_ADDRESS_FIELDS = [...addressFields, ...JP_ONLY_ADDRESS_FIELDS];
+/**
+* Parses the nested trusted fields on a legal entity e.g. ['registrationAddress.address', 'registrationAddress.postalCode'],
+* rebuilding them into the flattened, prefixed fields for the addresses, e.g., `registrationAddress.address` -> `registrationAddressAddress`
+*
+* @param prefix - `registrationAddress` or `operationalAddress`
+* @param trustedFields - trustedFields on legal entity
+* @returns An array of the nested field keys that are trusted
+*/
+var getNestedTrustedFields = (prefix, trustedFields) => {
+	if (!trustedFields) return [];
+	const flattenedTrustedFields = [];
+	for (const trustedField of trustedFields) {
+		const [group, field] = trustedField.split(".");
+		if (group === prefix && field) flattenedTrustedFields.push(`${prefix}${capitalize(field)}`);
+	}
+	return flattenedTrustedFields;
+};
+/**
+* Flattens a nested address schema using the provided prefix to avoid collisions so each
+* field can be handled individually.
+*
+* `flattenAddressSchema('registrationAddress', { city: 'Chicago' })` -> `{ registrationAddressCity: 'Chicago' }`
+*/
+function flattenAddressSchema(prefix, address) {
+	const flattenedAddressSchema = {};
+	for (const field of ALL_ADDRESS_FIELDS) flattenedAddressSchema[`${prefix}${capitalize(field)}`] = address?.[field];
+	return flattenedAddressSchema;
+}
+/**
+* Nests a flattened address schema, removing the provided prefix from each field. Used for
+* utilities that still expect nested data.
+*
+* `flattenAddressSchema('registrationAddress', { registrationAddressCity: 'Chicago' })` -> `{ city: 'Chicago' }`
+*/
+function nestAddressSchema(prefix, flatData) {
+	const nestedAddressSchema = {};
+	for (const field of ALL_ADDRESS_FIELDS) nestedAddressSchema[field] = flatData?.[`${prefix}${capitalize(field)}`];
+	return nestedAddressSchema;
+}
+var getPrefixedAddressFieldNames = (prefix) => ALL_ADDRESS_FIELDS.map((field) => `${prefix}${capitalize(field)}`);
+//#endregion
+//#region src/components/Shared/forms/Address/AddressFields.tsx
+function AddressFields({ data = {}, readOnly, hideCountry, fieldValidationErrors, requiredFields, optionalFields = ["street2"], readOnlyFields, trustedFields, errors, valid, handleFieldChange, addressType, condensed }) {
+	const { t } = useTranslation("common");
+	const formUtils = createFormUtils({
+		data,
+		labels: getAddressSchemaLabelsByCountry(data.country),
+		readOnly,
+		requiredFields,
+		optionalFields,
+		readOnlyFields,
+		trustedFields
+	}, t);
+	const addressFields = getAddressSchemaForCountry(data.country).filter((fieldName) => formUtils.isRequiredField(fieldName) || formUtils.isOptionalField(fieldName));
+	const createField = (fieldName) => {
+		const hideField = hideCountry && fieldName === "country";
+		return /* @__PURE__ */ jsx(AddressField, {
+			schema: addressFields,
+			data,
+			valid: valid ?? {},
+			errors: errors ?? {},
+			fieldProblems: fieldValidationErrors,
+			fieldName,
+			maxlength: getMaxLengthByFieldAndCountry(countrySpecificFormatters, fieldName, data.country, true),
+			hideField,
+			readOnly: formUtils.isReadOnly(fieldName) || formUtils.isTrusted(fieldName),
+			optional: formUtils.isOptionalField(fieldName),
+			trimOnBlur: true,
+			handleChangeFor: handleFieldChange
+		}, fieldName);
+	};
+	if (condensed && data.country) {
+		const condensedFields = CONDENSED_ADDRESS_FIELDS[data.country] ?? [];
+		switch (data.country) {
+			case "US": return /* @__PURE__ */ jsxs("fieldset", {
+				"aria-label": t(($) => $[addressType]),
+				children: [addressFields.filter((field) => !condensedFields.includes(field)).map((filteredField) => createField(filteredField)), condensedFields.length > 0 && /* @__PURE__ */ jsx("div", {
+					className: "adyen-kyc-address__condensed-fields",
+					children: condensedFields.map((field) => createField(field))
+				})]
+			});
+			default: return /* @__PURE__ */ jsx("fieldset", {
+				"aria-label": t(($) => $[addressType]),
+				children: addressFields.map((fieldName) => createField(fieldName))
+			});
+		}
+	}
+	return /* @__PURE__ */ jsx("fieldset", {
+		"aria-label": t(($) => $[addressType]),
+		children: addressFields.map((fieldName) => createField(fieldName))
+	});
+}
+//#endregion
+//#region src/utils/useDebouncedState.ts
+/**
+* Like {@link useState}, but waits for the given amount of time before applying *only* the most recent update.
+*
+* @param wait the time to wait, in milliseconds
+* @param initialState (optional) the default value
+*/
+function useDebouncedState(wait, initialState) {
+	const [state, _setState] = useState$1(initialState);
+	return [state, useDebouncedCallback(_setState, wait)];
+}
+var RegistrationAndOperationalAddressFields_module_default = {
+	"section-heading": "_section-heading_nb4mz_1",
+	sectionHeading: "_section-heading_nb4mz_1"
+};
+//#endregion
+//#region src/components/Shared/fields/RegistrationAndOperationalAddressFields/RegistrationAndOperationalAddressFields.tsx
+var LazyJpAddressFields = lazy(async () => (await import("./JpAddressFields-DqJ7Am2I.js")).JpAddressFields);
+var REGISTRATION_AND_OPERATIONAL_ADDRESS_FIELDS = [
+	"operationalAddressIsSame",
+	...getPrefixedAddressFieldNames("registrationAddress"),
+	...getPrefixedAddressFieldNames("operationalAddress")
+];
+function RegistrationAndOperationalAddressFields({ country, readOnlyAddressFields, entityType, data, valid, errors, requiredFields, optionalFields, trustedFields, fieldValidationErrors, handleChangeFor, formUtils }) {
+	const { t, i18n } = useTranslation("common");
+	const { isFeatureEnabled } = useToggleContext();
+	const showJapanLocalization = isJapanLocalizationEnabled(isFeatureEnabled, country);
+	const showField = (fieldKeys) => fieldKeys.some((field) => formUtils.isRequiredField(field) || formUtils.isOptionalField(field));
+	useEffect$1(() => {
+		if (data?.registrationAddressCountry !== country) handleChangeFor("registrationAddressCountry")(country);
+		if (data?.operationalAddressCountry !== country) handleChangeFor("operationalAddressCountry")(country);
+	}, [
+		data?.registrationAddressCountry,
+		data?.operationalAddressCountry,
+		country,
+		handleChangeFor
+	]);
+	const handleOperationalAddressIsSameChange = useCallback$1((isChecked) => {
+		handleChangeFor("operationalAddressIsSame")(isChecked);
+	}, [handleChangeFor]);
+	const handleResidentialAddressIndicatorChange = useCallback$1((isChecked) => handleChangeFor("residentialAddressIndicator")(isChecked), [handleChangeFor]);
+	if (data?.operationalAddressIsSame === null) handleOperationalAddressIsSameChange(true);
+	const [addressToCheck, setAddressToCheck] = useDebouncedState(500);
+	const { data: cleansedRegistrationAddress } = useAddressCleanse({
+		text: addressToCheck,
+		country
+	}, { enabled: Boolean(addressToCheck) });
+	const mustProvideOperationalAddress = cleansedRegistrationAddress?.poBox ?? false;
+	const currentRegistrationAddress = nestAddressSchema("registrationAddress", data);
+	useEffect$1(() => setAddressToCheck(formatAddressForCleanse(currentRegistrationAddress)), [currentRegistrationAddress, setAddressToCheck]);
+	useEffect$1(() => {
+		if (mustProvideOperationalAddress && data?.operationalAddressIsSame) handleOperationalAddressIsSameChange(false);
+	}, [
+		handleOperationalAddressIsSameChange,
+		mustProvideOperationalAddress,
+		data?.operationalAddressIsSame
+	]);
+	const datasetUtils = datasetUtilities(i18n.language);
+	const registrationAddressDescription = useMemo$1(() => {
+		const translationKey = prefixCountryNameWithThe(country) ? "theOfficialAddressInTheCountry" : "theOfficialAddressInCountry";
+		return t(($) => $[translationKey], {
+			entityType,
+			country: datasetUtils.getCountryName(country)
+		});
+	}, [
+		entityType,
+		country,
+		datasetUtils,
+		t
+	]);
+	const formProps = {
+		data,
+		valid,
+		errors,
+		requiredFields,
+		optionalFields,
+		fieldValidationErrors,
+		handleFieldChange: handleChangeFor
+	};
+	const buildJpProps = (prefix) => getPrefixedFieldProps(formProps, prefix, ALL_ADDRESS_FIELDS);
+	const buildProps = (prefix) => getPrefixedFieldProps(formProps, prefix, addressFields);
+	const addressFieldProps = showJapanLocalization ? {
+		showJapanLocalization: true,
+		registrationAddress: buildJpProps("registrationAddress"),
+		operationalAddress: buildJpProps("operationalAddress")
+	} : {
+		showJapanLocalization: false,
+		registrationAddress: buildProps("registrationAddress"),
+		operationalAddress: buildProps("operationalAddress")
+	};
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("section", { children: [
+		/* @__PURE__ */ jsxs("div", {
+			className: RegistrationAndOperationalAddressFields_module_default.sectionHeading,
+			children: [/* @__PURE__ */ jsx(Typography, {
+				el: "h3",
+				variant: "title",
+				children: t(($) => $["registeredBusinessAddress"])
+			}), /* @__PURE__ */ jsx(Typography, {
+				el: "p",
+				variant: "body",
+				children: registrationAddressDescription
+			})]
+		}),
+		addressFieldProps.showJapanLocalization ? /* @__PURE__ */ jsx(Suspense, {
+			fallback: /* @__PURE__ */ jsx(Loader, {}),
+			children: /* @__PURE__ */ jsx(LazyJpAddressFields, {
+				...addressFieldProps.registrationAddress,
+				addressType: "registrationAddress"
+			})
+		}) : /* @__PURE__ */ jsx(AddressFields, {
+			...addressFieldProps.registrationAddress,
+			addressType: "registrationAddress",
+			readOnlyFields: readOnlyAddressFields,
+			trustedFields: getNestedTrustedFields("registrationAddress", trustedFields),
+			hideCountry: true,
+			condensed: true
+		}),
+		showField(["residentialAddressIndicator"]) && /* @__PURE__ */ jsx(Field, {
+			el: "fieldset",
+			name: "residentialAddressIndicator",
+			errorMessage: formatValidationError(errors?.residentialAddressIndicator?.errorMessage, t),
+			isValid: valid?.residentialAddressIndicator,
+			children: (childProps) => /* @__PURE__ */ jsx(Checkbox, {
+				...childProps,
+				name: "residentialAddressIndicator",
+				label: t(($) => $["thisIsAPersonalAddress"]),
+				helper: t(($) => $["businessAddressesCanShowOwnReceipts"]),
+				checked: !!data?.residentialAddressIndicator,
+				onChange: handleResidentialAddressIndicatorChange
+			})
+		})
+	] }), /* @__PURE__ */ jsxs("section", { children: [
+		/* @__PURE__ */ jsxs("div", {
+			className: RegistrationAndOperationalAddressFields_module_default.sectionHeading,
+			children: [/* @__PURE__ */ jsx(Typography, {
+				el: "h3",
+				variant: "title",
+				children: t(($) => $["principalPlaceOfBusiness"])
+			}), /* @__PURE__ */ jsx(Typography, {
+				el: "p",
+				variant: "body",
+				children: t(($) => $["thePhysicalLocationWhereThisOrganization"])
+			})]
+		}),
+		!mustProvideOperationalAddress && /* @__PURE__ */ jsx(Field, {
+			el: "fieldset",
+			name: "operationalAddressIsSame",
+			errorMessage: formatValidationError(errors?.operationalAddressIsSame?.errorMessage, t),
+			isValid: valid?.operationalAddressIsSame,
+			children: (childProps) => /* @__PURE__ */ jsx(Checkbox, {
+				...childProps,
+				"aria-required": formUtils.isRequiredField("operationalAddressIsSame"),
+				"aria-invalid": !valid?.operationalAddressIsSame,
+				name: "operationalAddressIsSame",
+				label: t(($) => $["sameAsRegisteredAddress"]),
+				checked: !!data?.operationalAddressIsSame,
+				onChange: handleOperationalAddressIsSameChange
+			})
+		}),
+		!data?.operationalAddressIsSame && (addressFieldProps.showJapanLocalization ? /* @__PURE__ */ jsx(Suspense, {
+			fallback: /* @__PURE__ */ jsx(Loader, {}),
+			children: /* @__PURE__ */ jsx(LazyJpAddressFields, {
+				...addressFieldProps.operationalAddress,
+				addressType: "operationalAddress"
+			})
+		}) : /* @__PURE__ */ jsx(AddressFields, {
+			...addressFieldProps.operationalAddress,
+			addressType: "operationalAddress",
+			trustedFields: getNestedTrustedFields("operationalAddress", trustedFields),
+			hideCountry: true,
+			condensed: true
+		}))
+	] })] });
+}
+//#endregion
 //#region src/components/Shared/fields/VatNumberField/fieldConfig.ts
 var vatAbsenceReasonMetadata = { validators: [validateNotEmptyOnBlur] };
 var defaultFieldMetadata = { label: "vatNumber" };
@@ -1081,39 +1364,4 @@ function BusinessRegistrationNumberField({ data, valid, errors, helperText, read
 	] });
 }
 //#endregion
-//#region src/components/Business/utils/utils.ts
-var countryToTaxInfoTypeMap = {
-	US: "EIN",
-	AU: "ABN",
-	NZ: "IRD",
-	HK: "BRN",
-	SG: "GST"
-};
-var isFinancialInformationRequired = (isFinancialInformationFeatureEnabled, taskType, country, capabilities, legalEntityType) => {
-	const isOrganization = legalEntityType === LegalEntityTypes.ORGANIZATION;
-	if (!isFinancialInformationFeatureEnabled || !COUNTRIES_REQUIRING_FINANCIAL_INFORMATION.includes(country)) return;
-	if (country === CountryCodes.UnitedKingdom && (taskType === TaskTypes.SOLE_PROPRIETOR_COMPANY || taskType === TaskTypes.BUSINESS_DETAILS)) return "REQUIRED";
-	if (taskType === TaskTypes.BUSINESS_DETAILS && isOrganization) {
-		if (keysOf(capabilities ?? {}).some((capability) => capability === "issueBankAccount")) return "REQUIRED";
-	}
-};
-var getCountryOfGoverningLaw = (isCountryOfGoverningLawEnabled, basicData) => {
-	if (!isCountryOfGoverningLawEnabled || basicData?.country !== CountryCodes.UnitedKingdom) return;
-	return !basicData.countryOfGoverningLaw ? CountryCodes.UnitedKingdom : basicData.countryOfGoverningLaw;
-};
-/**
-* Checks if a country allows registration number exemption for business details.
-*
-* @param country The country code to check.
-* @returns True if the country allows registration number exemption, false otherwise.
-*/
-var isRegistrationExemptionAllowed = (country) => country in REGISTRATION_NUMBER_EXEMPTION_RULES;
-var isRegistrationNumberAbsentStateV4Scenario = (country, entityType) => {
-	return country === CountryCodes.Australia && (entityType === CompanyTypesValues.GOVERNMENTAL_ORGANIZATION || entityType === CompanyTypesValues.INCORPORATED_PARTNERSHIP) || country === CountryCodes.NewZealand;
-};
-var isUsingCompanySearch = (country, taskType) => {
-	if (taskType !== TaskTypes.BUSINESS_DETAILS) return false;
-	return COUNTRIES_USING_COMPANY_SEARCH.includes(country);
-};
-//#endregion
-export { doingBusinessAsFieldMetadata as _, isRegistrationNumberAbsentStateV4Scenario as a, BusinessRegistrationNumberField as c, VatNumberField as d, getDefaultVatNumberType as f, doingBusinessAsAbsentFieldMetadata as g, vatAbsenceReasonMetadata as h, isRegistrationExemptionAllowed as i, MemoizedConstitutionalDocument as l, defaultFieldMetadata as m, getCountryOfGoverningLaw as n, isUsingCompanySearch as o, defaultFieldConfig as p, isFinancialInformationRequired as r, BUSINESS_REGISTRATION_NUMBER_FIELD as s, countryToTaxInfoTypeMap as t, VAT_NUMBER_FIELD as u, DBANameField as v, DBA_NAME_FIELD as y };
+export { DBA_NAME_FIELD as _, VatNumberField as a, defaultFieldMetadata as c, RegistrationAndOperationalAddressFields as d, flattenAddressSchema as f, DBANameField as g, doingBusinessAsFieldMetadata as h, VAT_NUMBER_FIELD as i, vatAbsenceReasonMetadata as l, doingBusinessAsAbsentFieldMetadata as m, BusinessRegistrationNumberField as n, getDefaultVatNumberType as o, nestAddressSchema as p, MemoizedConstitutionalDocument as r, defaultFieldConfig as s, BUSINESS_REGISTRATION_NUMBER_FIELD as t, REGISTRATION_AND_OPERATIONAL_ADDRESS_FIELDS as u };

package/dist/{BusinessTypeSelectionPage-C4CrQQZp.js → BusinessTypeSelectionPage-CyMTri8M.js}

@@ -1,23 +1,24 @@
 try {
 	let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "0b595631-96bf-4087-81ec-59132b563d27", e._sentryDebugIdIdentifier = "sentry-dbid-0b595631-96bf-4087-81ec-59132b563d27");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "614f739f-3c4d-40d9-8da7-874846fc6f28", e._sentryDebugIdIdentifier = "sentry-dbid-614f739f-3c4d-40d9-8da7-874846fc6f28");
 } catch (e) {}
-import { i as Typography, o as createLogger, r as useTranslation } from "./translation-CcKrUksA.js";
-import { ft as useAccountHolder } from "./resolveEnvironment-C1htMD-5.js";
-import { r as Loader, t as Button } from "./Button-BuhgDsyo.js";
-import { r as useLegalEntity, t as ROOT_LE } from "./useLegalEntity-BqO7Fmt0.js";
+import { i as Typography, o as createLogger, r as useTranslation } from "./translation-DH4IlMCP.js";
+import { ft as useAccountHolder } from "./resolveEnvironment-df20S4SQ.js";
+import { r as Loader, t as Button } from "./Button-Cm7cT6BX.js";
+import { r as useLegalEntity, t as ROOT_LE } from "./useLegalEntity-DR51Q4mE.js";
 import { t as LegalEntityTypes } from "./legal-entity-type-0MfCGzUf.js";
 import { t as getLegalEntityCountry } from "./getLegalEntityCountry-BHh7Ux8v.js";
-import { t as getCapabilities } from "./processCapabilities-zti_0yUx.js";
-import { i as useAnalyticsContext } from "./Modal-BYdlsXkf.js";
-import { r as useToastContext } from "./useId-DpmZnb6I.js";
-import { c as TileGroup } from "./bafinUtils-DEVMdolf.js";
-import { f as LoaderWrapper, r as Field } from "./Select-yOtg-61e.js";
-import { t as useUpdateLegalEntity } from "./useUpdateLegalEntity-CsXfjS5u.js";
-import { t as useTaskLandedEvent } from "./useTaskLandedEvent-BTVaABDA.js";
-import { t as useForm } from "./useForm-DgKB0Jpl.js";
+import { t as getCapabilities } from "./processCapabilities-BSpmJOEd.js";
+import { i as useAnalyticsContext } from "./Modal-nylR9F4X.js";
+import { r as useToastContext } from "./useId-po-YSdTw.js";
+import { c as TileGroup } from "./bafinUtils-vdTD2Ec5.js";
+import { p as LoaderWrapper, r as Field } from "./Select-B5Mo0Bpw.js";
+import { t as useUpdateLegalEntity } from "./useUpdateLegalEntity-CH4xp654.js";
+import { t as useTaskLandedEvent } from "./useTaskLandedEvent-C7fcguXK.js";
+import { t as useForm } from "./useForm-BLP36oqX.js";
+import { t as formatValidationError } from "./formatValidationError-CZ5MeYBS.js";
 import { t as Spacer } from "./Spacer-CEHRO4Ml.js";
-import { a as getTargetLegalEntityType, c as useSelectionOptions, i as getDefaultLegalArrangementOrSuborganizationType, n as determineOrganizationTypeToUpdate, o as legalArrangementMetadata, r as getBusinessType, t as businessTypeIcons } from "./utils-CGzF-obv.js";
+import { a as getTargetLegalEntityType, c as useSelectionOptions, i as getDefaultLegalArrangementOrSuborganizationType, n as determineOrganizationTypeToUpdate, o as legalArrangementMetadata, r as getBusinessType, t as businessTypeIcons } from "./utils-Di84CxrF.js";
 import { useEffect, useState } from "preact/hooks";
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";
 //#region src/datasets/generators/getBusinessTypeExamplesForCountry.ts
@@ -328,7 +329,7 @@ var BusinessTypeSelection = ({ rootLegalEntity, onComplete, onBack }) => {
 				currentStep === BusinessTypeSelectionSteps.BUSINESS_TYPE_SELECTION && /* @__PURE__ */ jsx(Field, {
 					el: "fieldset",
 					name: "businessType",
-					errorMessage: errors.businessType?.errorMessage,
+					errorMessage: formatValidationError(errors.businessType?.errorMessage, t),
 					showErrorIconBottom: true,
 					isValid: valid.businessType,
 					children: (childProps) => /* @__PURE__ */ jsx(TileGroup, {
@@ -343,7 +344,7 @@ var BusinessTypeSelection = ({ rootLegalEntity, onComplete, onBack }) => {
 				currentStep === BusinessTypeSelectionSteps.LEGAL_ARRANGEMENT_SELECTION && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Field, {
 					name: "legalArrangement",
 					el: "fieldset",
-					errorMessage: errors.legalArrangement?.errorMessage,
+					errorMessage: formatValidationError(errors.legalArrangement?.errorMessage, t),
 					showErrorIconBottom: true,
 					isValid: valid.legalArrangement,
 					children: (childProps) => /* @__PURE__ */ jsx(TileGroup, {
@@ -373,7 +374,7 @@ var BusinessTypeSelection = ({ rootLegalEntity, onComplete, onBack }) => {
 					label: t(($) => $[isTrust ? "whatTypeOfTrusteeAreYou" : "whatTypeOfPartnershipAreYou"]),
 					helper: isUnincorporatedPartnership ? t(($) => $["whatTypeOfPartnershipAreYouGuidance"]) : void 0,
 					className: "u-margin-top-32",
-					errorMessage: errors.trusteeType?.errorMessage,
+					errorMessage: formatValidationError(errors.trusteeType?.errorMessage, t),
 					showErrorIconBottom: true,
 					isValid: valid.trusteeType,
 					children: (childProps) => /* @__PURE__ */ jsx(TileGroup, {

package/dist/{Button-BuhgDsyo.js → Button-Cm7cT6BX.js}

@@ -2,7 +2,7 @@ try {
 	let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
 	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "4472c2f7-a4d0-4e03-9801-71e5f9ca14ae", e._sentryDebugIdIdentifier = "sentry-dbid-4472c2f7-a4d0-4e03-9801-71e5f9ca14ae");
 } catch (e) {}
-import { a as Icon, i as Typography, r as useTranslation } from "./translation-CcKrUksA.js";
+import { a as Icon, i as Typography, r as useTranslation } from "./translation-DH4IlMCP.js";
 import { useLayoutEffect } from "preact/hooks";
 import cx from "classnames";
 import { jsx, jsxs } from "preact/jsx-runtime";

package/dist/{Checkbox-CFN5ywvv.js → Checkbox-faFUul66.js}

@@ -2,7 +2,7 @@ try {
 	let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
 	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "94073604-d7b1-44c1-9b06-f6eb2c5e6b49", e._sentryDebugIdIdentifier = "sentry-dbid-94073604-d7b1-44c1-9b06-f6eb2c5e6b49");
 } catch (e) {}
-import { i as useAnalyticsContext } from "./Modal-BYdlsXkf.js";
+import { i as useAnalyticsContext } from "./Modal-nylR9F4X.js";
 import { useCallback, useEffect, useRef } from "preact/hooks";
 import cx from "classnames";
 import { Fragment, jsx, jsxs } from "preact/jsx-runtime";

package/dist/{CompanyRegistrationNumberTypeSelector-DYJ2XeCC.js → CompanyRegistrationNumberTypeSelector-KkPiHDQk.js}

@@ -1,15 +1,15 @@
 try {
 	let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "570ee455-48f4-4a47-ae35-ffe3b1667b1f", e._sentryDebugIdIdentifier = "sentry-dbid-570ee455-48f4-4a47-ae35-ffe3b1667b1f");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "1c5fc0da-8126-4ca5-b834-83a223c3e0da", e._sentryDebugIdIdentifier = "sentry-dbid-1c5fc0da-8126-4ca5-b834-83a223c3e0da");
 } catch (e) {}
-import { r as useTranslation } from "./translation-CcKrUksA.js";
+import { r as useTranslation } from "./translation-DH4IlMCP.js";
 import { t as CountryCodes } from "./country-code-CJk2hdPu.js";
-import { l as CompanyTypesValues } from "./bafinUtils-DEVMdolf.js";
-import { r as Field } from "./Select-yOtg-61e.js";
-import { l as numericInputs, s as makeMask, u as spacer } from "./MaskedInput-BpgT8ais.js";
-import { a as validateNotEmptyOnBlur, o as validatePatternOnBlur } from "./patternValidators-D8HZxfV2.js";
-import { M as businessRegistrationNumberMasks, N as stateFormatGuidanceText, j as businessRegistrationNumberPatterns } from "./utils-BfxOnNjg.js";
-import { t as RadioGroup } from "./RadioGroup-B9MFxAgn.js";
+import { l as CompanyTypesValues } from "./bafinUtils-vdTD2Ec5.js";
+import { r as Field } from "./Select-B5Mo0Bpw.js";
+import { l as numericInputs, s as makeMask, u as spacer } from "./MaskedInput-BZLm8L47.js";
+import { a as validateNotEmptyOnBlur, o as validatePatternOnBlur } from "./patternValidators-tRq-KPvW.js";
+import { M as businessRegistrationNumberMasks, N as stateFormatGuidanceText, j as businessRegistrationNumberPatterns } from "./utils-BbBPfcNK.js";
+import { t as RadioGroup } from "./RadioGroup-BUwhfue7.js";
 import { useCallback, useEffect, useMemo } from "preact/hooks";
 import { jsx } from "preact/jsx-runtime";
 //#region src/components/Shared/fields/BusinessRegistrationNumberField/fieldConfig.ts

package/dist/{ContactDetails-BBVQtkU_.js → ContactDetails-CQZ7kMSU.js}

@@ -1,15 +1,15 @@
 try {
 	let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "7ca72cc9-e144-400b-9843-479a12fa7304", e._sentryDebugIdIdentifier = "sentry-dbid-7ca72cc9-e144-400b-9843-479a12fa7304");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "69e65963-de83-4fba-b2db-cc314d41d4e1", e._sentryDebugIdIdentifier = "sentry-dbid-69e65963-de83-4fba-b2db-cc314d41d4e1");
 } catch (e) {}
-import { r as useTranslation } from "./translation-CcKrUksA.js";
-import { C as useDataset, k as Header, nt as isEmpty, w as datasetIdentifier } from "./resolveEnvironment-C1htMD-5.js";
-import { r as httpPost, s as useApiContext } from "./http-CFac2y4i.js";
+import { r as useTranslation } from "./translation-DH4IlMCP.js";
+import { C as useDataset, k as Header, nt as isEmpty, w as datasetIdentifier } from "./resolveEnvironment-df20S4SQ.js";
+import { r as httpPost, s as useApiContext } from "./http-D6AdUBhO.js";
 import { s as entriesOf } from "./AnalyticsContext-BnRQ9H1u.js";
 import { t as CountryCodes } from "./country-code-CJk2hdPu.js";
-import { r as Field, t as Select } from "./Select-yOtg-61e.js";
-import { b as createFormUtils, x as mergeFieldMetadataIntoProps } from "./CountryField-uue7DBeg.js";
-import { c as nonInputs, l as numericInputs, n as InputEmail, s as makeMask, t as MaskedInput, u as spacer } from "./MaskedInput-BpgT8ais.js";
+import { r as Field, t as Select } from "./Select-B5Mo0Bpw.js";
+import { b as createFormUtils, x as mergeFieldMetadataIntoProps } from "./CountryField-DQnWXgAu.js";
+import { c as nonInputs, l as numericInputs, n as InputEmail, s as makeMask, t as MaskedInput, u as spacer } from "./MaskedInput-BZLm8L47.js";
 import { n as emailPattern } from "./basePatterns-plHFNzgJ.js";
 import { t as resolveFieldMetadata } from "./fieldConfigurations-CZCFghnK.js";
 import { t as InputGroup } from "./InputGroup-B4U3QVEp.js";

package/dist/{ContextGuidance-BBQsTVLG.js → ContextGuidance-CpLYhcU8.js}

@@ -2,8 +2,8 @@ try {
 	let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
 	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "d5da8859-9632-4657-931c-9316f8fa78d1", e._sentryDebugIdIdentifier = "sentry-dbid-d5da8859-9632-4657-931c-9316f8fa78d1");
 } catch (e) {}
-import { x as Alert } from "./resolveEnvironment-C1htMD-5.js";
-import { i as useAnalyticsContext } from "./Modal-BYdlsXkf.js";
+import { x as Alert } from "./resolveEnvironment-df20S4SQ.js";
+import { i as useAnalyticsContext } from "./Modal-nylR9F4X.js";
 import { jsx } from "preact/jsx-runtime";
 //#region src/components/ui/molecules/ContextGuidance/ContextGuidance.tsx
 function ContextGuidance({ title, content, titleId, contentId, trackingParams }) {

package/dist/{CountryField-uue7DBeg.js → CountryField-DQnWXgAu.js}

@@ -1,20 +1,20 @@
 try {
 	let e = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof globalThis ? globalThis : "undefined" != typeof self ? self : {}, n = new e.Error().stack;
-	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "94b10fd2-4924-42f4-8ed8-2cea4dc61321", e._sentryDebugIdIdentifier = "sentry-dbid-94b10fd2-4924-42f4-8ed8-2cea4dc61321");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "b14e4aac-7627-40c9-b7d8-0d3ee5bc87e3", e._sentryDebugIdIdentifier = "sentry-dbid-b14e4aac-7627-40c9-b7d8-0d3ee5bc87e3");
 } catch (e) {}
-import { o as createLogger, r as useTranslation } from "./translation-CcKrUksA.js";
-import { C as useDataset, k as Header, nt as isEmpty, w as datasetIdentifier } from "./resolveEnvironment-C1htMD-5.js";
-import { n as IconButton, t as Button } from "./Button-BuhgDsyo.js";
+import { o as createLogger, r as useTranslation } from "./translation-DH4IlMCP.js";
+import { C as useDataset, k as Header, nt as isEmpty, w as datasetIdentifier } from "./resolveEnvironment-df20S4SQ.js";
+import { n as IconButton, t as Button } from "./Button-Cm7cT6BX.js";
 import { o as objectsDeepEqual, s as entriesOf } from "./AnalyticsContext-BnRQ9H1u.js";
 import { t as DecisionMakerTypes } from "./decision-maker-type-NR4GFAeT.js";
 import { n as TrustMemberGuidanceLabels, r as TrustMemberTypes } from "./trustMemberGuidance-CgdU2v0j.js";
-import { i as useAnalyticsContext } from "./Modal-BYdlsXkf.js";
+import { i as useAnalyticsContext } from "./Modal-nylR9F4X.js";
 import { t as formDebugInfo } from "./debugStore-DpSgCNGn.js";
-import { a as MaybeModal, c as getDataByFields, d as translateTranslatable, f as LoaderWrapper, i as ProgressBar, l as omitKeys, o as ValidationResult, r as Field, s as addKeys, t as Select } from "./Select-yOtg-61e.js";
-import { n as Confirm, t as StructuredList } from "./StructuredList-BU29ceSG.js";
-import { t as Image } from "./Image-Dc5Xg1_Y.js";
+import { a as MaybeModal, c as getDataByFields, d as isTranslationObject, f as translateTranslatable, i as ProgressBar, l as omitKeys, o as ValidationResult, p as LoaderWrapper, r as Field, s as addKeys, t as Select } from "./Select-B5Mo0Bpw.js";
+import { n as Confirm, t as StructuredList } from "./StructuredList-DR8Fb1tc.js";
+import { t as Image } from "./Image-8SOcICah.js";
 import { t as List } from "./List-ywoRPg-q.js";
-import { r as FormRouterContext, t as ErrorPanel } from "./ErrorPanel-CCn1oJPR.js";
+import { r as FormRouterContext, t as ErrorPanel } from "./ErrorPanel-C2hG0lLe.js";
 import { t as UnincorporatedPartnershipMemberTypes } from "./unincorporated-partnership-DNTK5Y_5.js";
 import { lazy } from "preact/compat";
 import { useCallback as useCallback$1, useContext as useContext$1, useEffect as useEffect$1, useMemo as useMemo$1, useReducer, useRef as useRef$1, useState as useState$1 } from "preact/hooks";
@@ -80,7 +80,12 @@ var createFormUtils = (props, t) => ({
 	isObscured: (field) => props.obscuredFields ? props.obscuredFields.includes(field) : false,
 	isTrusted: (field) => props.trustedFields ? props.trustedFields.includes(field) : false,
 	getErrorMessage: (field, errors, fieldProblems) => {
-		return errors?.[field]?.errorMessage || Boolean(fieldProblems?.[field]);
+		const errorMessage = errors?.[field]?.errorMessage;
+		if (!(!!errorMessage || Boolean(fieldProblems?.[field]))) return;
+		return {
+			key: (isTranslationObject(errorMessage) ? errorMessage.key : errorMessage) || "invalid",
+			message: translateTranslatable(t, errorMessage)
+		};
 	},
 	getFieldData: (formData, fieldKeys) => getDataByFields(formData, fieldKeys),
 	getFieldValid: (formValid, fieldKeys) => entriesOf(formValid).reduce((acc, [key, val]) => fieldKeys.includes(key) ? {
@@ -88,17 +93,17 @@ var createFormUtils = (props, t) => ({
 		[key]: val
 	} : acc, {}),
 	getFieldErrors: (formErrors, fieldProblems, fieldKeys) => Object.keys(formErrors).reduce((acc, key) => {
-		if (fieldKeys.includes(key)) {
-			const error = formErrors?.[key]?.errorMessage;
-			return error ? {
-				...acc,
-				[key]: error
-			} : {
-				...acc,
-				[key]: Boolean(fieldProblems?.[key])
-			};
-		}
-		return acc;
+		if (!fieldKeys.includes(key)) return acc;
+		const error = formErrors?.[key]?.errorMessage;
+		if (!(!!error || Boolean(fieldProblems?.[key]))) return acc;
+		const errorKey = isTranslationObject(error) ? error.key : error;
+		return {
+			...acc,
+			[key]: {
+				key: errorKey || "invalid",
+				message: translateTranslatable(t, error)
+			}
+		};
 	}, {}),
 	getFieldLabels: (fieldKeys, fallbackLabelKeys) => fieldKeys.reduce((acc, field) => {
 		let translationKey = props.labels?.[field] ?? fallbackLabelKeys?.[field] ?? field;