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

package/dist/{PatriotActDisclosure-CudamdZG.js → PatriotActDisclosure-D6J1hjaU.js}

@@ -1,25 +1,25 @@
 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] = "a96add73-6ce1-4904-9086-cf9ba01eb443", e._sentryDebugIdIdentifier = "sentry-dbid-a96add73-6ce1-4904-9086-cf9ba01eb443");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "9de9be1e-d5cb-4630-8a6a-b44dcee62c2b", e._sentryDebugIdIdentifier = "sentry-dbid-9de9be1e-d5cb-4630-8a6a-b44dcee62c2b");
 } catch (e) {}
-import { a as Icon, i as Typography, r as useTranslation } from "./translation-DH4IlMCP.js";
-import { ft as useAccountHolder, j as useToggleContext, k as Header } from "./resolveEnvironment-I0NAzeCT.js";
-import { o as objectsDeepEqual } from "./AnalyticsContext-BnRQ9H1u.js";
+import { r as useTranslation } from "./translation-BOm4lmPx.js";
+import { X as getMaxLengthByFieldAndCountry, k as Header } from "./resolveEnvironment-wbFNXSP-.js";
+import { t as Icon } from "./Icon-CurE93CX.js";
+import { t as Typography } from "./Typography-CAc_f5Iq.js";
+import { a as objectsDeepEqual } from "./genUtils-Ce61IJs8.js";
 import { t as getNestedPropertyKeys } from "./getNestedPropertyKeys-Cd8HKupP.js";
-import { l as CompanyTypesValues } from "./bafinUtils-9rBblM1a.js";
-import { f as translateTranslatable, r as Field, t as Select } from "./Select-Dmn4bMEK.js";
-import { b as createFormUtils } from "./CountryField-BC0wDSlI.js";
-import { t as Image } from "./Image-8SOcICah.js";
-import { t as ErrorPanel } from "./ErrorPanel-Be6eGO6I.js";
-import { t as Checkbox } from "./Checkbox-faFUul66.js";
-import { t as MaskedInput } from "./MaskedInput-DhHmuLSN.js";
-import { A as taxInformationDefaultFieldMetadata, C as getTaxIdNumberOptions, S as getDefaultTaxIdNumberType, k as taxInformationDefaultFieldConfig, n as upsertTaxInfoForCountry, r as TaxIdNumberTypeSelector, t as removeTaxInfoForCountry, v as COUNTRIES_WITH_POSSIBLE_TRUSTEE_TAXID_ABSENT_V4 } from "./utils-Be9xux9M.js";
-import { t as resolveFieldMetadata } from "./fieldConfigurations-CZCFghnK.js";
-import { t as TextArea } from "./TextArea-CoS-i-FF.js";
-import { n as StateContextSetter, t as Dropzone } from "./Dropzone-D3mN45cH.js";
-import { t as useForm } from "./useForm-T9qxtTlE.js";
+import { r as Field, t as Select } from "./Select-PqhoL_oQ.js";
+import { A as createFormUtils } from "./RadioGroup-B_lHSMq9.js";
+import { t as Image } from "./Image-D82terx4.js";
+import { t as ErrorPanel } from "./ErrorPanel-CMHH1nTS.js";
+import { a as getAddressSchemaForCountry, o as getAddressSchemaLabelsByCountry, p as addressFields, u as CONDENSED_ADDRESS_FIELDS } from "./StateField-uZDljrxJ.js";
+import { r as countrySpecificFormatters, t as AddressField } from "./AddressField-OygGZ6XH.js";
+import { t as TextArea } from "./TextArea-E1LIeudB.js";
+import { n as StateContextSetter, t as Dropzone } from "./Dropzone-JYR4c6bX.js";
+import { t as useForm } from "./useForm-D9htlwjI.js";
+import { t as capitalize } from "./getProps-DVqK7eRw.js";
 import { lazy, memo } from "preact/compat";
-import { useCallback as useCallback$1, useEffect as useEffect$1, useMemo as useMemo$1, useRef as useRef$1, useState as useState$1 } from "preact/hooks";
+import { useEffect as useEffect$1, useMemo as useMemo$1, useRef as useRef$1, useState as useState$1 } from "preact/hooks";
 import cx from "classnames";
 import { Fragment as Fragment$1, jsx, jsxs } from "preact/jsx-runtime";
 //#region src/utils/getFieldsWithExistingData.ts
@@ -252,216 +252,104 @@ function DocumentUpload({ documentType, documentField, guidanceHeader, documentT
 }
 var MemoizedDocumentUpload = memo(DocumentUpload, (prevProps, nextProps) => prevProps.shouldValidate === nextProps.shouldValidate && objectsDeepEqual(prevProps.requiredFields, nextProps.requiredFields) && objectsDeepEqual(prevProps.errors, nextProps.errors) && objectsDeepEqual(prevProps.optionalFields, nextProps.optionalFields) && objectsDeepEqual(prevProps.data, nextProps.data) && objectsDeepEqual(prevProps.formVerificationErrors, nextProps.formVerificationErrors) && objectsDeepEqual(prevProps.fieldValidationErrors, nextProps.fieldValidationErrors) && objectsDeepEqual(prevProps.documentTypeSelect, nextProps.documentTypeSelect) && prevProps.documentField === nextProps.documentField && prevProps.name === nextProps.name && prevProps.country === nextProps.country && prevProps.companyType === nextProps.companyType);
 //#endregion
-//#region src/components/Shared/fields/TaxInformationField/TaxInformationField.tsx
-var TAX_INFORMATION_FIELD = [
-	"taxInformation",
-	"exemptedFromTax",
-	"isUen"
+//#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];
 /**
-* Renders a dynamic form field for tax identification information, adapting its display
-* and behavior based on country and company type. It supports various tax ID input
-* scenarios, including two specialized handling for US Sole Proprietorships (where SSN option acts as exemption selection)
-* and Singapore Companies (where registration number (UEN) can be used for tax ID).
+* 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
 */
-function TaxInformationField({ data, valid, errors, labels, mask, placeholder, readonly, optional, shouldValidate, handleChangeFor, country, canExempt, registrationNumber, entityType, defaultData }) {
-	const { isFeatureEnabled } = useToggleContext();
+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
+var COUNTRIES_WITH_FORMATTED_ADDRESSES = ["US", "NL"];
+function AddressFields({ data = {}, readOnly, hideCountry, fieldValidationErrors, requiredFields, optionalFields = ["street2"], readOnlyFields, trustedFields, errors, valid, handleFieldChange, addressType }) {
 	const { t } = useTranslation("common");
-	const { accountHolder } = useAccountHolder();
-	const currentCountryTaxInformation = useMemo$1(() => data?.taxInformation?.find((taxInfo) => taxInfo.country === country) ?? (!data.exemptedFromTax ? defaultData?.find((taxInfo) => taxInfo.country === country) : void 0), [
-		data?.taxInformation,
-		data.exemptedFromTax,
-		defaultData,
-		country
-	]);
-	const isUsSoleProp = country === "US" && entityType === CompanyTypesValues.SOLE_PROPRIETORSHIP;
-	const options = getTaxIdNumberOptions(country, entityType);
-	const showTaxIdExemptedOptions = canExempt && (options?.length ?? 0) > 1 || isUsSoleProp;
-	const canSaveAbsentState = isFeatureEnabled("EnableRegistrationAndTaxAbsentStatesV4") && COUNTRIES_WITH_POSSIBLE_TRUSTEE_TAXID_ABSENT_V4.includes(country) && accountHolder === "aTrust";
-	const exemptionLabel = isUsSoleProp ? t(($) => $["socialSecurityNumber"]) : labels.exemptedFromTax;
-	const shouldRenderInput = isUsSoleProp ? currentCountryTaxInformation?.type === "EIN" : !data.isUen;
-	const taxIdNumberType = useMemo$1(() => {
-		if (data.exemptedFromTax) return "exempted";
-		if (currentCountryTaxInformation?.type) return currentCountryTaxInformation.type;
-		if (isUsSoleProp) return void 0;
-		return getDefaultTaxIdNumberType(data.taxInformation, country, entityType);
-	}, [
-		country,
-		currentCountryTaxInformation?.type,
-		data.exemptedFromTax,
-		data.taxInformation,
-		entityType,
-		isUsSoleProp
-	]);
-	const fieldMetadata = resolveFieldMetadata(taxInformationDefaultFieldConfig[country], {
-		taxIdNumberType: currentCountryTaxInformation?.type,
-		companyType: entityType
-	}, taxInformationDefaultFieldMetadata);
-	const updateTaxInfo = useCallback$1((mode, newEntry) => {
-		const entry = canSaveAbsentState ? {
-			...newEntry,
-			numberAbsent: newEntry.numberAbsent ?? false
-		} : newEntry;
-		handleChangeFor("taxInformation", mode)(upsertTaxInfoForCountry(data.taxInformation, country, entry));
-	}, [
-		canSaveAbsentState,
-		country,
-		data.taxInformation,
-		handleChangeFor
-	]);
-	const updateTaxType = useCallback$1((type, mode) => {
-		updateTaxInfo(mode, {
-			country,
-			number: currentCountryTaxInformation?.number,
-			type
-		});
-	}, [
-		country,
-		currentCountryTaxInformation?.number,
-		updateTaxInfo
-	]);
-	const resetToDefaultData = useCallback$1(() => {
-		if (defaultData !== void 0) handleChangeFor("taxInformation", "input")(defaultData);
-	}, [defaultData, handleChangeFor]);
-	const removeCountryTaxInfo = useCallback$1(() => {
-		handleChangeFor("taxInformation", "input")(removeTaxInfoForCountry(data.taxInformation, country));
-	}, [
-		country,
-		data.taxInformation,
-		handleChangeFor
-	]);
-	const setUenAsTaxId = useCallback$1((uen) => {
-		updateTaxInfo("blur", {
-			country,
-			number: uen ?? "",
-			type: "UEN"
-		});
-	}, [country, updateTaxInfo]);
-	const addTaxAbsentStatus = useCallback$1((exempted) => {
-		handleChangeFor("taxInformation", "input")(upsertTaxInfoForCountry(data.taxInformation, country, {
-			country,
-			numberAbsent: exempted
-		}));
-	}, [
-		country,
-		data.taxInformation,
-		handleChangeFor
-	]);
-	const handleTaxNumberChange = useCallback$1((e, mode) => {
-		updateTaxInfo(mode, {
-			country,
-			number: e ? typeof e === "string" ? e : e.currentTarget.value : void 0,
-			type: currentCountryTaxInformation?.type ?? (taxIdNumberType !== "exempted" ? taxIdNumberType : void 0)
-		});
-	}, [
-		country,
-		currentCountryTaxInformation?.type,
-		taxIdNumberType,
-		updateTaxInfo
-	]);
-	const handleTaxIdNumberTypeChange = useCallback$1((taxIdType) => {
-		if (!canExempt && taxIdType === "exempted") throw Error(`${country} does not allow tax exemptions`);
-		if (taxIdType === "exempted") {
-			handleChangeFor("exemptedFromTax")(true);
-			updateTaxType(void 0, "input");
-			return canSaveAbsentState ? addTaxAbsentStatus(true) : removeCountryTaxInfo();
-		}
-		handleChangeFor("exemptedFromTax")(false);
-		if (country === "SG") if (taxIdType === "UEN") {
-			handleChangeFor("isUen")(true);
-			setUenAsTaxId(registrationNumber);
-		} else {
-			handleChangeFor("isUen")(false);
-			removeCountryTaxInfo();
+	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 (data.country && COUNTRIES_WITH_FORMATTED_ADDRESSES.includes(data.country)) {
+		const condensedFields = CONDENSED_ADDRESS_FIELDS[data.country] ?? [];
+		switch (data.country) {
+			default: 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))
+				})]
+			});
 		}
-		updateTaxType(taxIdType, "input");
-	}, [
-		addTaxAbsentStatus,
-		canExempt,
-		canSaveAbsentState,
-		country,
-		handleChangeFor,
-		updateTaxType,
-		registrationNumber,
-		removeCountryTaxInfo,
-		setUenAsTaxId
-	]);
-	const handleExemptedFromTaxChange = useCallback$1((exempted) => {
-		handleChangeFor("exemptedFromTax")(exempted);
-		if (canSaveAbsentState) addTaxAbsentStatus(exempted);
-		else removeCountryTaxInfo();
-	}, [
-		addTaxAbsentStatus,
-		canSaveAbsentState,
-		handleChangeFor,
-		removeCountryTaxInfo
-	]);
-	const prevCountryRef = useRef$1(country);
-	useEffect$1(() => {
-		if (!country || prevCountryRef.current === country) return;
-		prevCountryRef.current = country;
-		const hasSavedTaxId = defaultData?.find((taxId) => taxId.country === country);
-		if (currentCountryTaxInformation && !hasSavedTaxId) return;
-		if (entityType === CompanyTypesValues.SOLE_PROPRIETORSHIP) return;
-		resetToDefaultData();
-	}, [country]);
-	useEffect$1(() => {
-		if (country === "SG" && data.isUen && registrationNumber && registrationNumber !== currentCountryTaxInformation?.number) setUenAsTaxId(registrationNumber);
-	}, [
-		registrationNumber,
-		currentCountryTaxInformation?.number,
-		data.isUen,
-		country,
-		setUenAsTaxId
-	]);
-	const isInitialized = useRef$1(false);
-	if (!isInitialized.current && country === "SG" && !defaultData?.find((taxInfo) => taxInfo.country === country)?.number) {
-		isInitialized.current = true;
-		handleChangeFor("isUen")(false);
 	}
-	return /* @__PURE__ */ jsxs("div", { children: [
-		/* @__PURE__ */ jsx(TaxIdNumberTypeSelector, {
-			country,
-			companyType: entityType,
-			setSelected: handleTaxIdNumberTypeChange,
-			selected: taxIdNumberType,
-			exemptedOptionLabel: showTaxIdExemptedOptions ? exemptionLabel : void 0,
-			isUsSoleProp,
-			errorMessage: isUsSoleProp ? errors.taxInformation : void 0
-		}),
-		shouldRenderInput && /* @__PURE__ */ jsx(MaskedInput, {
-			type: "text",
-			"aria-required": true,
-			"aria-invalid": !valid.taxInformation,
-			name: "taxInformation",
-			label: labels.taxInformation ?? "",
-			formatGuidance: translateTranslatable(t, fieldMetadata.guidanceText),
-			value: currentCountryTaxInformation?.number ?? "",
-			errorMessage: errors.taxInformation,
-			placeholder,
-			isValid: Boolean(valid.taxInformation) && !!currentCountryTaxInformation,
-			onInput: (e) => handleTaxNumberChange(e, "input"),
-			onBlur: (e) => handleTaxNumberChange(e, "blur"),
-			disabled: data.exemptedFromTax || data.isUen,
-			readonly,
-			optional,
-			shouldValidate,
-			...mask
-		}),
-		canExempt && !showTaxIdExemptedOptions && /* @__PURE__ */ jsx(Field, {
-			name: "exemptedFromTax",
-			children: (childProps) => /* @__PURE__ */ jsx(Checkbox, {
-				...childProps,
-				"aria-required": false,
-				"aria-invalid": false,
-				name: "exemptedFromTax",
-				label: labels.exemptedFromTax,
-				value: "exemptedFromTax",
-				checked: Boolean(data.exemptedFromTax),
-				onChange: handleExemptedFromTaxChange
-			})
-		})
-	] });
+	return /* @__PURE__ */ jsx("fieldset", {
+		"aria-label": t(($) => $[addressType]),
+		children: addressFields.map((fieldName) => createField(fieldName))
+	});
 }
 //#endregion
 //#region src/components/Shared/PatriotActDisclosure/PatriotActDisclosure.tsx
@@ -477,4 +365,4 @@ var PatriotActDisclosure = () => {
 	});
 };
 //#endregion
-export { DocumentGuidance as a, MemoizedDocumentUpload as i, TAX_INFORMATION_FIELD as n, getFieldsWithExistingData as o, TaxInformationField as r, PatriotActDisclosure as t };
+export { getNestedTrustedFields as a, MemoizedDocumentUpload as c, flattenAddressSchema as i, DocumentGuidance as l, AddressFields as n, getPrefixedAddressFieldNames as o, ALL_ADDRESS_FIELDS as r, nestAddressSchema as s, PatriotActDisclosure as t, getFieldsWithExistingData as u };