@adyen/kyc-components 2.26.1 → 2.26.2

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

@@ -7918,6 +7918,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,
@@ -8934,14 +8952,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
@@ -8974,8 +8992,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(() => {
@@ -9143,7 +9161,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,
@@ -9155,7 +9173,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/package.json

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