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

package/dist/validate-CkuU4MvS.js

@@ -0,0 +1,250 @@
+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] = "dbd842ba-3eac-4e6f-94b9-fefa5c428250", e._sentryDebugIdIdentifier = "sentry-dbid-dbd842ba-3eac-4e6f-94b9-fefa5c428250");
+} catch (e) {}
+import { o as createLogger } from "./translation-DH4IlMCP.js";
+import { $ as hasRepeatedCharacters, H as NO_ALPHABET_REGEX, K as chomeAndBanchiValidator, Q as hasMaximumTwoRepeatedCharacters, R as ADDRESS_VALID_CHAR_REGEX, U as NO_ALPHABET_UNICODE_REGEX, et as hasText, it as isInvalidName, ot as isValidMinLength, st as matchesRegex, z as EMOJI_REGEX } from "./resolveEnvironment-df20S4SQ.js";
+import { t as CountryCodes } from "./country-code-CJk2hdPu.js";
+import { c as formatAddressForCleanse, s as countrySpecificFormatters } from "./AddressField-BnboPpBe.js";
+//#region src/utils/regex/postalCodePatterns.ts
+var createRegExpByDigits = (digits) => new RegExp(`^\\d{${digits}}$`);
+var postalCodePatterns = {
+	[CountryCodes.Australia]: createRegExpByDigits(4),
+	[CountryCodes.Austria]: createRegExpByDigits(4),
+	[CountryCodes.Belgium]: /^[1-9]\d{3}$/,
+	[CountryCodes.Brazil]: createRegExpByDigits(8),
+	[CountryCodes.Bulgaria]: createRegExpByDigits(4),
+	[CountryCodes.Canada]: /^[ABCEGHJKLMNPRSTVXY]\d[A-Z][ -]?(?:\d[A-Z]\d)?$/,
+	[CountryCodes.Croatia]: /^([1-5])\d{4}$/,
+	[CountryCodes.Cyprus]: createRegExpByDigits(4),
+	[CountryCodes.CzechRepublic]: /^\d{3} ?\d{2}$/,
+	[CountryCodes.Denmark]: /^(?:DK-)?\d{4}$/,
+	[CountryCodes.Estonia]: createRegExpByDigits(5),
+	[CountryCodes.Finland]: createRegExpByDigits(5),
+	[CountryCodes.France]: createRegExpByDigits(5),
+	[CountryCodes.Georgia]: createRegExpByDigits(4),
+	[CountryCodes.Germany]: createRegExpByDigits(5),
+	[CountryCodes.Gibraltar]: /^GX11[ -]?1AA$/,
+	[CountryCodes.Greece]: /^\d{3} ?\d{2}$/,
+	[CountryCodes.Hungary]: createRegExpByDigits(4),
+	[CountryCodes.Iceland]: createRegExpByDigits(3),
+	[CountryCodes.Ireland]: /^(?:[ACDEFHKNPRTVWXY]\d{2}|D6W)[ -]?[0-9ACDEFHKNPRTVWXY]{4}$/,
+	[CountryCodes.Italy]: createRegExpByDigits(5),
+	[CountryCodes.Japan]: createRegExpByDigits(7),
+	[CountryCodes.Latvia]: /^(?:LV-)?\d{4}$/,
+	[CountryCodes.Liechtenstein]: createRegExpByDigits(4),
+	[CountryCodes.Lithuania]: /^(?:LT-)?\d{4,5}$/,
+	[CountryCodes.Luxembourg]: createRegExpByDigits(4),
+	[CountryCodes.Malaysia]: createRegExpByDigits(5),
+	[CountryCodes.Malta]: /^[A-Za-z]{2,3} ?\d{2}(?:\d{2})?$/,
+	[CountryCodes.Monaco]: /^980\d{2}$/,
+	[CountryCodes.Netherlands]: /^(?:NL-)?[1-9]\d{3} ?(?:[ABCDEFGHIJKLMNOPQRTUVWXYZ][A-Z]|S[BCEFGHIJKLMNOPQRTUVWXYZ])$/,
+	[CountryCodes.NewZealand]: createRegExpByDigits(4),
+	[CountryCodes.Norway]: createRegExpByDigits(4),
+	[CountryCodes.Poland]: /^\d{2}-\d{3}$/,
+	[CountryCodes.Portugal]: /^[1-9]\d{3}([- ]?\d{3})?$/,
+	[CountryCodes.PuertoRico]: /^\d{5}(?:[ -]?\d{4})?$/,
+	[CountryCodes.Romania]: createRegExpByDigits(6),
+	[CountryCodes.Slovakia]: /^(SK-)?\d{5}$/,
+	[CountryCodes.Slovenia]: /^(SI-)?\d{4}$/,
+	[CountryCodes.Singapore]: createRegExpByDigits(6),
+	[CountryCodes.Spain]: /(?:0[1-9]|[1-4]\d|5[0-2])\d{3}/,
+	[CountryCodes.Sweden]: createRegExpByDigits(5),
+	[CountryCodes.Switzerland]: /^[1-9]\d{3}$/,
+	[CountryCodes.UnitedKingdom]: /^[ABCDEFGHIJKLMNOPRSTUWYZ](?:[ABCDEFGHKLMNOPQRSTUVWXY][0-9][ABEHMNPRVWXY0-9]?|[0-9][ABCDEFGHJKPSTUW0-9]?)(?: ?[0-9][ABDEFGHJLNPQRSTUWXYZ]{1,2})?$/,
+	[CountryCodes.UnitedStates]: /^\d{5}(?:[ -]?\d{4})?$/
+};
+//#endregion
+//#region src/components/Shared/forms/Address/validate.ts
+var logger = createLogger();
+var addressValidationRules = (country) => {
+	const postalCodeFormat = country ? countrySpecificFormatters[country]?.postalCode?.format : void 0;
+	return {
+		street: [{
+			modes: ["blur"],
+			validate: (val) => hasText(val),
+			errorMessage: "fieldIsRequired"
+		}],
+		postalCode: {
+			modes: ["blur"],
+			validate: (val) => {
+				const pattern = country ? postalCodePatterns[country] : void 0;
+				return pattern ? !!val && pattern.test(val) : !!val;
+			},
+			errorMessage: postalCodeFormat ? {
+				key: "invalidFormatExpects",
+				values: { format: postalCodeFormat }
+			} : "invalidFormat"
+		},
+		city: {
+			modes: ["blur"],
+			validate: hasText,
+			errorMessage: "fieldIsRequired"
+		},
+		stateOrProvince: {
+			modes: ["blur"],
+			validate: (val) => !!val,
+			errorMessage: "fieldIsRequired"
+		},
+		country: {
+			modes: ["blur"],
+			validate: (val) => !!val,
+			errorMessage: "fieldIsRequired"
+		}
+	};
+};
+var countrySpecificOtherAddressInformationValidators = (country) => {
+	switch (country) {
+		case CountryCodes.Japan: return [{
+			modes: ["blur"],
+			validate: (input) => {
+				return hasText(input);
+			},
+			errorMessage: "checkForTypos"
+		}, {
+			modes: ["blur"],
+			validate: (input) => {
+				return chomeAndBanchiValidator(input);
+			},
+			errorMessage: "pleaseUseOnlyNumbersAndDashes"
+		}];
+		default: return;
+	}
+};
+var addressValidationRulesV4 = (country, t) => {
+	const postalCodeFormat = country ? countrySpecificFormatters[country]?.postalCode?.format : void 0;
+	const MIN_LENGTH_3 = 3;
+	const MIN_LENGTH_2 = 2;
+	const street2 = countrySpecificOtherAddressInformationValidators(country);
+	return {
+		street: [
+			{
+				modes: ["blur"],
+				validate: (val) => hasText(val),
+				errorMessage: "fieldIsRequired"
+			},
+			{
+				modes: ["blur"],
+				validate: (input) => !matchesRegex(NO_ALPHABET_UNICODE_REGEX, input),
+				errorMessage: "nameMustContainLetters"
+			},
+			{
+				modes: ["blur"],
+				validate: (val) => !matchesRegex(EMOJI_REGEX, val) && !hasRepeatedCharacters(val) && !isInvalidName(val) && matchesRegex(ADDRESS_VALID_CHAR_REGEX, val),
+				errorMessage: "checkForTypos"
+			},
+			{
+				modes: ["blur"],
+				validate: (val) => isValidMinLength(val, MIN_LENGTH_3),
+				errorMessage: {
+					key: "fieldMustContainAtLeast",
+					values: {
+						fieldName: t(($) => $["address"]),
+						minLength: String(MIN_LENGTH_3)
+					}
+				}
+			}
+		],
+		postalCode: {
+			modes: ["blur"],
+			validate: (val) => {
+				const pattern = country ? postalCodePatterns[country] : void 0;
+				return pattern ? !!val && pattern.test(val) : !!val;
+			},
+			errorMessage: postalCodeFormat ? {
+				key: "invalidFormatExpects",
+				values: { format: postalCodeFormat }
+			} : "invalidFormat"
+		},
+		city: [
+			{
+				modes: ["blur"],
+				validate: hasText,
+				errorMessage: "fieldIsRequired"
+			},
+			{
+				modes: ["blur"],
+				validate: (input) => !matchesRegex(NO_ALPHABET_UNICODE_REGEX, input),
+				errorMessage: "nameMustContainLetters"
+			},
+			{
+				modes: ["blur"],
+				validate: (val) => !matchesRegex(EMOJI_REGEX, val) && !hasMaximumTwoRepeatedCharacters(val) && !isInvalidName(val),
+				errorMessage: "checkForTypos"
+			},
+			{
+				modes: ["blur"],
+				validate: (val) => isValidMinLength(val, MIN_LENGTH_2),
+				errorMessage: {
+					key: "fieldMustContainAtLeast",
+					values: {
+						fieldName: t(($) => $["city"]),
+						minLength: String(MIN_LENGTH_2)
+					}
+				}
+			}
+		],
+		stateOrProvince: [
+			{
+				modes: ["blur"],
+				validate: (val) => !!val,
+				errorMessage: "fieldIsRequired"
+			},
+			{
+				modes: ["blur"],
+				validate: (input) => !matchesRegex(NO_ALPHABET_UNICODE_REGEX, input),
+				errorMessage: "nameMustContainLetters"
+			},
+			{
+				modes: ["blur"],
+				validate: (val) => !hasMaximumTwoRepeatedCharacters(val) && !isInvalidName(val),
+				errorMessage: "checkForTypos"
+			}
+		],
+		country: [
+			{
+				modes: ["blur"],
+				validate: (val) => !!val,
+				errorMessage: "fieldIsRequired"
+			},
+			{
+				modes: ["blur"],
+				validate: (input) => !matchesRegex(NO_ALPHABET_REGEX, input),
+				errorMessage: "nameMustContainLetters"
+			},
+			{
+				modes: ["blur"],
+				validate: (val) => !matchesRegex(EMOJI_REGEX, val) && !isInvalidName(val) && matchesRegex(ADDRESS_VALID_CHAR_REGEX, val),
+				errorMessage: "checkForTypos"
+			}
+		],
+		street2
+	};
+};
+var addressValidators = ({ isFeatureEnabled = () => false, country, t }) => ({ ...isFeatureEnabled?.("StrictNameAndAddressValidationV4") ? addressValidationRulesV4(country, t) : addressValidationRules(country) });
+var preventPoBoxValidation = (cleanseAddress) => ({ street: {
+	modes: ["blur"],
+	errorMessage: "addressPoBoxError",
+	asyncValidate: async (street, context) => {
+		const formData = context?.state?.data ?? {};
+		const { country } = formData;
+		if (!street || !country) return true;
+		const text = formatAddressForCleanse({
+			...formData,
+			street
+		});
+		if (!text) return true;
+		try {
+			const { poBox } = await cleanseAddress({
+				text,
+				country
+			});
+			return !poBox;
+		} catch (error) {
+			logger.error("Error while checking if address is PO box", error);
+			return true;
+		}
+	}
+} });
+//#endregion
+export { preventPoBoxValidation as i, addressValidationRulesV4 as n, addressValidators as r, addressValidationRules as t };

package/dist/{validate-DvGdGx9J.js → validate-CsYDNrPB.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] = "b4090f8e-28bc-4fb5-b819-6f34ed21e35e", e._sentryDebugIdIdentifier = "sentry-dbid-b4090f8e-28bc-4fb5-b819-6f34ed21e35e");
 } catch (e) {}
-import { et as hasText } from "./resolveEnvironment-C1htMD-5.js";
+import { et as hasText } from "./resolveEnvironment-df20S4SQ.js";
 //#region src/components/EFP/tasks/BusinessFinancingDropin/validate.ts
 var validateLegalEntityIdentifier = (legalEntityIdentifier) => {
 	if (!legalEntityIdentifier) return true;

package/dist/{validateExtractionResult-CXgPruUU.js → validateExtractionResult-mtXTjYfE.js}

@@ -1,19 +1,19 @@
 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] = "371b3654-eca6-4cbd-a1cd-ac92d2dc205e", e._sentryDebugIdIdentifier = "sentry-dbid-371b3654-eca6-4cbd-a1cd-ac92d2dc205e");
+	n && (e._sentryDebugIds = e._sentryDebugIds || {}, e._sentryDebugIds[n] = "cb9afe64-ce67-4e91-bb89-b45562e6325d", e._sentryDebugIdIdentifier = "sentry-dbid-cb9afe64-ce67-4e91-bb89-b45562e6325d");
 } catch (e) {}
-import { i as Typography, o as createLogger, r as useTranslation } from "./translation-CcKrUksA.js";
-import { n as IconButton, t as Button } from "./Button-BuhgDsyo.js";
-import { r as httpPost, s as useApiContext } from "./http-CFac2y4i.js";
+import { i as Typography, o as createLogger, r as useTranslation } from "./translation-DH4IlMCP.js";
+import { n as IconButton, t as Button } from "./Button-Cm7cT6BX.js";
+import { r as httpPost, s as useApiContext } from "./http-D6AdUBhO.js";
 import { c as keysOf, l as valuesOf, o as objectsDeepEqual } from "./AnalyticsContext-BnRQ9H1u.js";
 import { t as CountryCodes } from "./country-code-CJk2hdPu.js";
-import { d as translateTranslatable, r as Field } from "./Select-yOtg-61e.js";
-import { b as createFormUtils, x as mergeFieldMetadataIntoProps } from "./CountryField-uue7DBeg.js";
-import { t as Checkbox } from "./Checkbox-CFN5ywvv.js";
-import { a as alphanumericInputs, c as nonInputs, i as alphaInputs, l as numericInputs, o as customInputs, s as makeMask, t as MaskedInput, u as spacer } from "./MaskedInput-BpgT8ais.js";
-import { t as localizeDateString } from "./localizeDateString-BRB4gPDZ.js";
+import { f as translateTranslatable, r as Field } from "./Select-B5Mo0Bpw.js";
+import { b as createFormUtils, x as mergeFieldMetadataIntoProps } from "./CountryField-DQnWXgAu.js";
+import { t as Checkbox } from "./Checkbox-faFUul66.js";
+import { a as alphanumericInputs, c as nonInputs, i as alphaInputs, l as numericInputs, o as customInputs, s as makeMask, t as MaskedInput, u as spacer } from "./MaskedInput-BZLm8L47.js";
+import { t as localizeDateString } from "./localizeDateString-D-MlYN4V.js";
 import { t as uppercase } from "./uppercase-DvjwUM0n.js";
-import { o as validatePatternOnBlur } from "./patternValidators-D8HZxfV2.js";
+import { o as validatePatternOnBlur } from "./patternValidators-tRq-KPvW.js";
 import { t as resolveFieldMetadata } from "./fieldConfigurations-CZCFghnK.js";
 import { t as Spacer } from "./Spacer-CEHRO4Ml.js";
 import { useMemo } from "preact/hooks";

package/dist/{validationError-vnqptK-a.js → validationError-1dpZJlAz.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] = "c32ea27e-6d98-480d-92a3-448b842ada3a", e._sentryDebugIdIdentifier = "sentry-dbid-c32ea27e-6d98-480d-92a3-448b842ada3a");
 } catch (e) {}
-import { i as getFieldNameFromPath } from "./ErrorPanel-CCn1oJPR.js";
+import { i as getFieldNameFromPath } from "./ErrorPanel-C2hG0lLe.js";
 //#region src/utils/validationError.ts
 var API_VALIDATION_ERROR_CODE = "30_102";
 var ID_DOCUMENT_UPLOAD_ERROR_CODE = "30_105";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/kyc-components",
-  "version": "4.19.1",
+  "version": "4.20.0-beta.0",
   "keywords": [
     "adyen",
     "adyen-for-platforms",
@@ -76,8 +76,6 @@
     "@adyen/ui-assets-icons-16": "^7.9.4",
     "@preact/signals": "^2.9.1",
     "@tanstack/preact-query": "^5.101.0",
-    "@tanstack/react-form": "1.29.0",
-    "@tanstack/react-form-devtools": "0.2.21",
     "classnames": "^2.5.1",
     "container-query-polyfill": "^1.0.2",
     "i18next": "^25.10.10",
@@ -108,6 +106,8 @@
     "@storybook/preact-vite": "10.3.4",
     "@tanstack/eslint-plugin-query": "^5.101.0",
     "@tanstack/preact-query-devtools": "^5.101.0",
+    "@tanstack/react-form": "1.29.0",
+    "@tanstack/react-form-devtools": "0.2.21",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/preact": "3.2.3",
     "@testing-library/user-event": "^14.6.1",
@@ -208,7 +208,6 @@
     "lint:styles:fix": "pnpm lint:styles --fix",
     "lint:styles:quiet": "pnpm lint:styles --quiet",
     "lint:styles:quiet:fix": "pnpm lint:styles:fix --quiet",
-    "repo:setup": "bash ./scripts/first-time-setup.sh",
     "sentry:upload-sourcemaps": "bash ./scripts/upload-sentry-sourcemaps.sh",
     "start": "pnpm dev",
     "storybook": "storybook dev -p 6006 --no-version-updates",