@adyen/kyc-components 3.0.0 → 3.0.2

package/dist/es/adyen-kyc-components.es.js

@@ -6187,6 +6187,7 @@ const nonInputs = (str, options) => Array.from(str).map((char) => ({
   includeInValue: (options == null ? void 0 : options.includeInValue) ?? false,
   displayEagerly: (options == null ? void 0 : options.displayEagerly) ?? true
 }));
+const spacer = nonInputs(" ")[0];
 const alphaInputs = (length, optional = false) => makeArrayOfRepeatedObjects(length, {
   type: "input",
   allow: /[A-Za-z]/,
@@ -6374,7 +6375,15 @@ const businessRegistrationNumberMasks = {
     default: {
       mask: makeMask(...nonInputs("FL", {
         includeInValue: true
-      }), ...nonInputs(" - "), ...numericInputs(4), ...nonInputs(" . "), ...numericInputs(3), ...nonInputs(" . "), ...numericInputs(3), ...nonInputs(" - "), ...numericInputs(1))
+      }), spacer, ...nonInputs("-", {
+        includeInValue: true
+      }), spacer, ...numericInputs(4), spacer, ...nonInputs(".", {
+        includeInValue: true
+      }), spacer, ...numericInputs(3), spacer, ...nonInputs(".", {
+        includeInValue: true
+      }), spacer, ...numericInputs(3), spacer, ...nonInputs("-", {
+        includeInValue: true
+      }), spacer, ...numericInputs(1))
     }
   },
   [CountryCodes.Lithuania]: {
@@ -6438,7 +6447,11 @@ const businessRegistrationNumberMasks = {
   },
   [CountryCodes.Romania]: {
     default: {
-      mask: makeMask(...alphaInputs(1), ...numericInputs(2), ...nonInputs(" / "), ...numericInputs(1), ...numericInputs(8, true), ...nonInputs(" / "), ...numericInputs(4)),
+      mask: makeMask(...alphaInputs(1), ...numericInputs(2), spacer, ...nonInputs("/", {
+        includeInValue: true
+      }), spacer, ...numericInputs(1), ...numericInputs(8, true), spacer, ...nonInputs("/", {
+        includeInValue: true
+      }), spacer, ...numericInputs(4)),
       transformOnType: uppercase
     }
   },
@@ -6528,7 +6541,7 @@ const businessRegistrationNumberPatterns = {
     soleProprietorship: /^\d{8}$/
   },
   [CountryCodes.Cyprus]: {
-    default: /^[COP]{1,2}\d{1,8}$/
+    default: /^[A-Z]{1,2}\d{1,8}$/
   },
   [CountryCodes.CzechRepublic]: {
     default: /^\d{8,10}$/
@@ -6635,7 +6648,7 @@ const businessRegistrationNumberPatterns = {
     default: /^\d{9}$/
   },
   [CountryCodes.Romania]: {
-    default: /^J\d{2}\/\d{1,9}\/\d{4}$/
+    default: /^[A-Z]\d{2}\/\d{1,9}\/\d{4}$/
   },
   [CountryCodes.Singapore]: {
     default: /^[a-zA-Z0-9]{9,10}$/
@@ -6810,7 +6823,7 @@ const defaultFieldConfig = {
     helperText: {
       key: "enterAMaximumOfNCharactersWithAMixForExample",
       values: {
-        numChars: "9",
+        maxChars: "9",
         example: "T1001a, FN89060n"
       }
     }
@@ -7310,7 +7323,7 @@ const defaultFieldConfig = {
     helperText: {
       key: "enterAMaximumOfNMoreDigitsForExample",
       values: {
-        numDigits: "15",
+        maxDigits: "15",
         example: "J40/8302/1997"
       }
     }
@@ -7322,8 +7335,8 @@ const defaultFieldConfig = {
     helperText: {
       key: "enterXToYCharactersWithAMixForExample",
       values: {
-        minDigits: "9",
-        maxDigits: "10",
+        minChars: "9",
+        maxChars: "10",
         example: "200312345A"
       }
     }
@@ -7975,6 +7988,24 @@ function CompanyRegistrationNumberTypeSelector({
     })
   });
 }
+const inferCompanyRegistrationNumberType = (registrationNumber2, country2, companyType2) => {
+  const optionsForCountry = companyRegistrationNumberOptions[country2];
+  const metadataFn = defaultFieldConfig[country2];
+  if (!optionsForCountry || !metadataFn || typeof metadataFn !== "function")
+    return void 0;
+  for (const option of optionsForCountry) {
+    const fieldMetadata = metadataFn({
+      companyType: companyType2,
+      registrationNumberType: option.id
+    });
+    if (!fieldMetadata.validators)
+      continue;
+    const validators = Array.isArray(fieldMetadata.validators) ? fieldMetadata.validators : [fieldMetadata.validators];
+    if (validators.every((validator) => validator.validate(registrationNumber2))) {
+      return option.id;
+    }
+  }
+};
 function TaxIdNumberTypeSelector({
   country: country2,
   selected,
@@ -8991,14 +9022,14 @@ const FLOWS_THAT_HIDE_REGISTRATION_NUMBER = [{
 }];
 const companyRegistrationDetailsFields = ["tradingName", "sameNameAsLegalName", ...businessRegistrationNumberFields, "stockExchangeMIC", "stockISIN", ...vatNumberFields, ...taxIdFields, "dateOfIncorporation"];
 function CompanyRegistrationDetailsComponent(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g;
   const {
     i18n
   } = useI18nContext();
   const {
     isExperimentEnabled
   } = useExperimentsContext();
-  const isIdentityFieldTypeSelectorEnabled = isExperimentEnabled(ExperimentNames.EnableIdentityFieldTypeSelector);
+  const isTypeSelectorEnabled = isExperimentEnabled(ExperimentNames.EnableIdentityFieldTypeSelector);
   const hideOptionalRegistrationNumberField = FLOWS_THAT_HIDE_REGISTRATION_NUMBER.some((f) => f.country === props.country && f.companyType.includes(props.companyType));
   const stateRef = useRef({
     setState: null
@@ -9031,8 +9062,8 @@ function CompanyRegistrationDetailsComponent(props) {
     rules: companyRegistrationDetailsValidationRules,
     fieldProblems: props == null ? void 0 : props.fieldValidationErrors
   });
-  const defaultRegistrationNumberType = ((_e = companyRegistrationNumberOptions == null ? void 0 : companyRegistrationNumberOptions[companyCountry2]) == null ? void 0 : _e[0].id) || ((_f = props.labels) == null ? void 0 : _f.registrationNumber);
-  const defaultVatNumberType = ((_g = taxIdNumberOptions == null ? void 0 : taxIdNumberOptions[companyCountry2]) == null ? void 0 : _g[0].id) || ((_h = props.labels) == null ? void 0 : _h.vatNumber);
+  const defaultRegistrationNumberType = props.data.registrationNumber ? inferCompanyRegistrationNumberType(props.data.registrationNumber, props.country, props.companyType) : (_e = companyRegistrationNumberOptions[companyCountry2]) == null ? void 0 : _e[0].id;
+  const defaultVatNumberType = ((_f = taxIdNumberOptions[companyCountry2]) == null ? void 0 : _f[0].id) ?? ((_g = props.labels) == null ? void 0 : _g.vatNumber);
   const [registrationNumberType, setRegistrationNumberType] = useState(defaultRegistrationNumberType);
   const [vatNumberType, setVatNumberType] = useState(defaultVatNumberType);
   useEffect(() => {
@@ -9200,7 +9231,7 @@ function CompanyRegistrationDetailsComponent(props) {
           "aria-label": formUtils.getLabel("stockISIN"),
           "aria-invalid": !valid.stockISIN
         })
-      }), isIdentityFieldTypeSelectorEnabled && formUtils.isRequiredField("registrationNumber") && jsx(CompanyRegistrationNumberTypeSelector, {
+      }), isTypeSelectorEnabled && formUtils.isRequiredField("registrationNumber") && jsx(CompanyRegistrationNumberTypeSelector, {
         companyType: props.companyType,
         country: props.country,
         setSelected: setRegistrationNumberType,
@@ -9212,7 +9243,7 @@ function CompanyRegistrationDetailsComponent(props) {
         dataStoreId: COMPANY_REGISTRATION_DETAILS,
         labels: registrationNumberCustomLabel,
         registrationNumberType
-      }), isIdentityFieldTypeSelectorEnabled && formUtils.isRequiredField("vatNumber") && jsx(TaxIdNumberTypeSelector, {
+      }), isTypeSelectorEnabled && formUtils.isRequiredField("vatNumber") && jsx(TaxIdNumberTypeSelector, {
         country: props.country,
         setSelected: setVatNumberType,
         selected: vatNumberType

package/dist/types/components/internal/IdFieldTypeSelector/inferCompanyRegistrationNumberType.d.ts

@@ -0,0 +1,12 @@
+import { CompanyTypesValue } from '../../../core/models/api/company-types-value';
+import { CountryCode } from '../../../core/models/country-code';
+import { CompanyRegistrationNumberType } from './countryIdNumberTypes';
+/**
+ * For existing data, we need to infer the company registration number type from the existing data.
+ * Otherwise, the incorrect mask will be applied.
+ * We don't store this choice in the API.
+ * @param registrationNumber the existing company registration number
+ * @param country the country of the LE
+ * @param companyType the company type, e.g. `nonProfit`
+ */
+export declare const inferCompanyRegistrationNumberType: (registrationNumber: string, country: CountryCode, companyType: CompanyTypesValue) => CompanyRegistrationNumberType | undefined;

package/dist/types/utils/masking/maskHelpers.d.ts

@@ -1,5 +1,6 @@
 import { InputToken, Mask, MaskToken, NonInputToken } from './maskTypes';
 export declare const nonInputs: (str: string, options?: Partial<NonInputToken>) => NonInputToken[];
+export declare const spacer: NonInputToken;
 export declare const alphaInputs: (length: number, optional?: boolean) => InputToken[];
 export declare const numericInputs: (length: number, optional?: boolean) => InputToken[];
 export declare const alphanumericInputs: (length: number, optional?: boolean) => InputToken[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adyen/kyc-components",
-  "version": "3.0.0",
+  "version": "3.0.2",
   "description": "",
   "license": "MIT",
   "files": [