@adyen/kyc-components 3.20.0 → 3.20.2

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

@@ -931,7 +931,8 @@ const legalCompanyName__US = "Legal name";
 const legalCompanyName__helperText = "Enter the name exactly as it is on your company's official registration documents.";
 const legalCompanyName__helperText__AU = "Enter the name exactly as it is on your Australian Securities and Investment Commission's (ASIC).";
 const legalCompanyName__helperText__NL = "Enter the name exactly as it is on your Chamber of Commerce registration.";
-const legalCompanyName__helperText__US = "The legal name is used to identify a business with the government. This information came from a trusted data source and can not be edited.";
+const legalCompanyName__helperText__US = "Enter the name exactly as it appears on your Secretary of State Registration.";
+const legalCompanyName__helperText__US__business = "The legal name is used to identify a business with the government. This information came from a trusted data source and can not be edited.";
 const legalCompanyName__helperText__PR = "Enter the name exactly as it appears on your Department of State Registration.";
 const legalCompanyName__helperText__SG = "Enter the name exactly as it is on your Accounting and Corporate Regulatory Authority (ACRA) BizFile.";
 const legalCompanyName__helperText__HK = "Enter the name exactly as it is on your Hong Kong Companies Registry's Certificate of Incorporation.";
@@ -2285,6 +2286,7 @@ const defaultTrans = {
   legalCompanyName__helperText__AU,
   legalCompanyName__helperText__NL,
   legalCompanyName__helperText__US,
+  legalCompanyName__helperText__US__business,
   legalCompanyName__helperText__PR,
   legalCompanyName__helperText__SG,
   legalCompanyName__helperText__HK,
@@ -4332,6 +4334,15 @@ function useForm({
     fieldProblems: state2.fieldProblems
   };
 }
+const resolveFieldMetadata = (countryEntry, params, defaultMetadata) => {
+  if (typeof countryEntry === "object") {
+    return countryEntry;
+  }
+  if (typeof countryEntry === "function") {
+    return countryEntry(params);
+  }
+  return defaultMetadata;
+};
 function useDataset(datasetIdentifier2, skip) {
   const {
     i18n
@@ -5387,189 +5398,6 @@ function LegalCompanyNameField({
     })
   });
 }
-const Disclaimer = ({
-  title,
-  children
-}) => jsxs("div", {
-  className: "adyen-kyc-disclaimer-container",
-  children: [jsx("div", {
-    className: "adyen-kyc-disclaimer__title",
-    children: title
-  }), jsx("div", {
-    className: "adyen-kyc-disclaimer__content",
-    children
-  })]
-});
-const PatriotActDisclosure = () => {
-  const {
-    i18n
-  } = useI18nContext();
-  return jsxs(Disclaimer, {
-    title: i18n.get("patriotActDisclosureTitle"),
-    children: [jsx("p", {
-      children: i18n.get("patriotActDisclosureTextParagraph1")
-    }), jsx("p", {
-      children: i18n.get("patriotActDisclosureTextParagraph2")
-    })]
-  });
-};
-const companyCountryValidationRules = {
-  country: {
-    modes: ["blur"],
-    validate: (companyCountry) => !isEmpty(companyCountry),
-    errorMessage: "fieldIsRequired"
-  },
-  legalCompanyName: {
-    modes: ["blur"],
-    validate: (legalCompanyName2) => !isEmpty(legalCompanyName2),
-    errorMessage: "fieldIsRequired"
-  },
-  countryOfGoverningLaw: {
-    modes: ["blur"],
-    validate: (countryOfGoverningLaw2) => !isEmpty(countryOfGoverningLaw2),
-    errorMessage: "fieldIsRequired"
-  }
-};
-const countryWithGoverningLawFields = [...LEGAL_COMPANY_NAME_FIELD, ...COUNTRY_FIELD, ...COUNTRY_OF_GOVERNING_LAW_FIELD];
-const companyNameAndCountryFields = [...LEGAL_COMPANY_NAME_FIELD, ...COUNTRY_FIELD];
-function CompanyNameAndCountry(props) {
-  const {
-    i18n
-  } = useI18nContext();
-  const {
-    isSettingEnabled
-  } = useSettingsContext();
-  const {
-    id: id2,
-    isTopLevelEntity
-  } = props;
-  const allowedCountries = useAllowedCountries();
-  const {
-    isExperimentEnabled
-  } = useExperimentsContext();
-  const {
-    sliceData,
-    updateStateSlice
-  } = useGlobalDataSlice(id2);
-  const schemaWithGoverningLaw = (sliceData == null ? void 0 : sliceData.country) === "GB" && (sliceData == null ? void 0 : sliceData.differentCountryOfGoverningLaw) ? countryWithGoverningLawFields : companyNameAndCountryFields;
-  const {
-    data: formData,
-    valid: formValid,
-    errors: formErrors,
-    fieldProblems: formFieldProblems,
-    handleChangeFor
-  } = useForm({
-    ...props,
-    schema: schemaWithGoverningLaw,
-    defaultData: props == null ? void 0 : props.data,
-    rules: (props == null ? void 0 : props.validators) || companyCountryValidationRules,
-    fieldProblems: props == null ? void 0 : props.fieldValidationErrors
-  });
-  const formUtils = formUtilities(props, i18n);
-  const isAllowedEditPrefilledCountry = isSettingEnabled(SettingNames.AllowPrefilledCountryEdit);
-  const isCountryOfGoverningLawEnabled = isExperimentEnabled("EnableCountryOfGoverningLawForUKCompanies");
-  const isCountryOfGoverningLawAllowed = formData.country === "GB";
-  const showCountryOfGoverningLaw = isCountryOfGoverningLawEnabled && isCountryOfGoverningLawAllowed;
-  useEffect(() => {
-    updateStateSlice == null ? void 0 : updateStateSlice({
-      data: {
-        ...sliceData,
-        ...formData
-      },
-      errors: formErrors,
-      valid: formValid,
-      fieldProblems: formFieldProblems
-    });
-  }, [formData, formErrors, formFieldProblems, formValid, updateStateSlice]);
-  const handleChangeForCountries = (key) => (e) => {
-    handleChangeFor(key)(e);
-    if (!formData.differentCountryOfGoverningLaw && e.target.value === "GB") {
-      const countryOfGoverningLawEvent = {
-        target: {
-          name: "countryOfGoverningLaw",
-          value: e.target.value
-        }
-      };
-      handleChangeFor("countryOfGoverningLaw")(countryOfGoverningLawEvent);
-    }
-  };
-  return jsxs("form", {
-    children: [jsx(FormHeader, {
-      heading: props == null ? void 0 : props.heading
-    }), jsx(ErrorPanel, {
-      verificationErrors: props == null ? void 0 : props.formVerificationErrors,
-      validationErrors: props == null ? void 0 : props.fieldValidationErrors,
-      formUtils,
-      id: "ariaErrorField"
-    }), formData.country === "US" ? jsx(PatriotActDisclosure, {}) : void 0, formUtils.isRequiredField("legalCompanyName") && jsx(LegalCompanyNameField, {
-      data: formUtils.getFieldData(formData, LEGAL_COMPANY_NAME_FIELD),
-      valid: formUtils.getFieldValid(formValid, LEGAL_COMPANY_NAME_FIELD),
-      errors: formUtils.getFieldErrors(formErrors, formFieldProblems, LEGAL_COMPANY_NAME_FIELD),
-      labels: formUtils.getFieldLabels(LEGAL_COMPANY_NAME_FIELD),
-      helperText: formUtils.getFieldHelperText(LEGAL_COMPANY_NAME_FIELD, {
-        legalCompanyName: "legalCompanyName__helperText"
-      }),
-      readonly: formUtils.isReadOnly("legalCompanyName"),
-      handleChangeFor
-    }), formUtils.isRequiredField("country") && jsx(CountryField, {
-      data: formUtils.getFieldData(formData, COUNTRY_FIELD),
-      valid: formUtils.getFieldValid(formValid, COUNTRY_FIELD),
-      errors: formUtils.getFieldErrors(formErrors, formFieldProblems, COUNTRY_FIELD),
-      labels: formUtils.getFieldLabels(COUNTRY_FIELD, {
-        country: "countryRegionOfEstablishment"
-      }),
-      readonly: !isAllowedEditPrefilledCountry || Boolean(props == null ? void 0 : props.disableCountry),
-      classNameModifiers: ["country"],
-      allowedCountries: isTopLevelEntity ? allowedCountries : void 0,
-      handleChangeFor: handleChangeForCountries
-    }), showCountryOfGoverningLaw && jsx(CountryOfGoverningLawField, {
-      data: formUtils.getFieldData(formData, COUNTRY_OF_GOVERNING_LAW_FIELD),
-      valid: formUtils.getFieldValid(formValid, COUNTRY_OF_GOVERNING_LAW_FIELD),
-      errors: formUtils.getFieldErrors(formErrors, formFieldProblems, COUNTRY_OF_GOVERNING_LAW_FIELD),
-      labels: formUtils.getFieldLabels(COUNTRY_OF_GOVERNING_LAW_FIELD),
-      readonly: false,
-      classNameModifiers: ["country"],
-      allowedCountries: isTopLevelEntity ? allowedCountries : void 0,
-      handleChangeFor
-    })]
-  });
-}
-const CompanyNameAndCountryComponent = memo(CompanyNameAndCountry, (prevProps, nextProps) => {
-  var _a, _b;
-  return objectsDeepEqual(prevProps.requiredFields, nextProps.requiredFields) && objectsDeepEqual(prevProps.optionalFields, nextProps.optionalFields) && objectsDeepEqual(prevProps.data, nextProps.data) && objectsDeepEqual(prevProps.formVerificationErrors, nextProps.formVerificationErrors) && objectsDeepEqual(prevProps.fieldValidationErrors, nextProps.fieldValidationErrors) && ((_a = prevProps.data) == null ? void 0 : _a.country) === ((_b = nextProps.data) == null ? void 0 : _b.country) && prevProps.shouldValidate === nextProps.shouldValidate;
-});
-function StateContextSetter({
-  stateRef
-}) {
-  if (stateRef.current.setState) {
-    return null;
-  }
-  return jsx(StateContext.Consumer, {
-    children: (stateContextValue) => {
-      if (!stateContextValue) {
-        throw new Error("<StateContextSetter> needs to be mounted inside a <StateProvider>");
-      }
-      const {
-        dispatch,
-        setActiveForms
-      } = stateContextValue;
-      stateRef.current.setState = dispatch;
-      stateRef.current.setActiveForms = setActiveForms;
-      return null;
-    }
-  });
-}
-var CompanyTypesValue = /* @__PURE__ */ ((CompanyTypesValue2) => {
-  CompanyTypesValue2["PRIVATE_COMPANY"] = "privateCompany";
-  CompanyTypesValue2["PUBLIC_COMPANY"] = "listedPublicCompany";
-  CompanyTypesValue2["UNLISTED_PUBLIC_COMPANY"] = "unlistedPublicCompany";
-  CompanyTypesValue2["INCORPORATED_PARTNERSHIP"] = "partnershipIncorporated";
-  CompanyTypesValue2["INCORPORATED_ASSOCIATION"] = "associationIncorporated";
-  CompanyTypesValue2["GOVERNMENTAL_ORGANIZATION"] = "governmentalOrganization";
-  CompanyTypesValue2["NON_PROFIT_OR_CHARITABLE"] = "nonProfit";
-  CompanyTypesValue2["SOLE_PROPRIETORSHIP"] = "soleProprietorship";
-  return CompanyTypesValue2;
-})(CompanyTypesValue || {});
 var CountryCodes = /* @__PURE__ */ ((CountryCodes2) => {
   CountryCodes2["Afghanistan"] = "AF";
   CountryCodes2["AlandIslands"] = "AX";
@@ -5819,15 +5647,232 @@ var CountryCodes = /* @__PURE__ */ ((CountryCodes2) => {
   CountryCodes2["Zimbabwe"] = "ZW";
   return CountryCodes2;
 })(CountryCodes || {});
-const resolveFieldMetadata = (countryEntry, params, defaultMetadata) => {
-  if (typeof countryEntry === "object") {
-    return countryEntry;
-  }
-  if (typeof countryEntry === "function") {
-    return countryEntry(params);
+const validateNotEmptyOnBlur = {
+  modes: ["blur"],
+  validate: (val) => !isEmpty(val),
+  errorMessage: "fieldIsRequired"
+};
+const validatePatternOnBlur = (pattern) => ({
+  modes: ["blur"],
+  validate: (val) => !!val && pattern.test(val)
+});
+const defaultFieldMetadata$a = {
+  label: "legalCompanyName",
+  helperText: "legalCompanyName__helperText",
+  validators: validateNotEmptyOnBlur
+};
+const defaultFieldConfig$a = {
+  [CountryCodes.Australia]: {
+    label: "legalCompanyName",
+    helperText: "legalCompanyName__helperText__AU",
+    validators: validateNotEmptyOnBlur
+  },
+  [CountryCodes.HongKong]: {
+    label: "legalCompanyName",
+    helperText: "legalCompanyName__helperText__HK",
+    validators: validateNotEmptyOnBlur
+  },
+  [CountryCodes.Netherlands]: {
+    label: "legalCompanyName",
+    helperText: "legalCompanyName__helperText__NL",
+    validators: validateNotEmptyOnBlur
+  },
+  [CountryCodes.Singapore]: {
+    label: "legalCompanyName",
+    helperText: "legalCompanyName__helperText__SG",
+    validators: validateNotEmptyOnBlur
+  },
+  [CountryCodes.UnitedStates]: ({
+    isBusiness
+  }) => ({
+    label: "legalCompanyName__US",
+    helperText: isBusiness ? "legalCompanyName__helperText__US__business" : "legalCompanyName__helperText__US",
+    validators: validateNotEmptyOnBlur
+  })
+};
+const Disclaimer = ({
+  title,
+  children
+}) => jsxs("div", {
+  className: "adyen-kyc-disclaimer-container",
+  children: [jsx("div", {
+    className: "adyen-kyc-disclaimer__title",
+    children: title
+  }), jsx("div", {
+    className: "adyen-kyc-disclaimer__content",
+    children
+  })]
+});
+const PatriotActDisclosure = () => {
+  const {
+    i18n
+  } = useI18nContext();
+  return jsxs(Disclaimer, {
+    title: i18n.get("patriotActDisclosureTitle"),
+    children: [jsx("p", {
+      children: i18n.get("patriotActDisclosureTextParagraph1")
+    }), jsx("p", {
+      children: i18n.get("patriotActDisclosureTextParagraph2")
+    })]
+  });
+};
+const companyCountryValidationRules = {
+  country: {
+    modes: ["blur"],
+    validate: (companyCountry) => !isEmpty(companyCountry),
+    errorMessage: "fieldIsRequired"
+  },
+  legalCompanyName: {
+    modes: ["blur"],
+    validate: (legalCompanyName2) => !isEmpty(legalCompanyName2),
+    errorMessage: "fieldIsRequired"
+  },
+  countryOfGoverningLaw: {
+    modes: ["blur"],
+    validate: (countryOfGoverningLaw2) => !isEmpty(countryOfGoverningLaw2),
+    errorMessage: "fieldIsRequired"
   }
-  return defaultMetadata;
 };
+const countryWithGoverningLawFields = [...LEGAL_COMPANY_NAME_FIELD, ...COUNTRY_FIELD, ...COUNTRY_OF_GOVERNING_LAW_FIELD];
+const companyNameAndCountryFields = [...LEGAL_COMPANY_NAME_FIELD, ...COUNTRY_FIELD];
+function CompanyNameAndCountry(props) {
+  const {
+    i18n
+  } = useI18nContext();
+  const {
+    isSettingEnabled
+  } = useSettingsContext();
+  const allowedCountries = useAllowedCountries();
+  const {
+    isExperimentEnabled
+  } = useExperimentsContext();
+  const {
+    sliceData,
+    updateStateSlice
+  } = useGlobalDataSlice(props.id);
+  let mergedProps = props;
+  mergedProps = mergeFieldMetadataIntoProps("legalCompanyName", resolveFieldMetadata(defaultFieldConfig$a[sliceData == null ? void 0 : sliceData.country], {
+    isBusiness: false
+  }, defaultFieldMetadata$a), mergedProps);
+  const schemaWithGoverningLaw = (sliceData == null ? void 0 : sliceData.country) === "GB" && (sliceData == null ? void 0 : sliceData.differentCountryOfGoverningLaw) ? countryWithGoverningLawFields : companyNameAndCountryFields;
+  const {
+    data: formData,
+    valid: formValid,
+    errors: formErrors,
+    fieldProblems: formFieldProblems,
+    handleChangeFor
+  } = useForm({
+    ...mergedProps,
+    schema: schemaWithGoverningLaw,
+    defaultData: mergedProps == null ? void 0 : mergedProps.data,
+    rules: (mergedProps == null ? void 0 : mergedProps.validators) || companyCountryValidationRules,
+    fieldProblems: mergedProps == null ? void 0 : mergedProps.fieldValidationErrors
+  });
+  const formUtils = formUtilities(mergedProps, i18n);
+  const isAllowedEditPrefilledCountry = isSettingEnabled(SettingNames.AllowPrefilledCountryEdit);
+  const isCountryOfGoverningLawEnabled = isExperimentEnabled("EnableCountryOfGoverningLawForUKCompanies");
+  const isCountryOfGoverningLawAllowed = formData.country === "GB";
+  const showCountryOfGoverningLaw = isCountryOfGoverningLawEnabled && isCountryOfGoverningLawAllowed;
+  useEffect(() => {
+    updateStateSlice == null ? void 0 : updateStateSlice({
+      data: {
+        ...sliceData,
+        ...formData
+      },
+      errors: formErrors,
+      valid: formValid,
+      fieldProblems: formFieldProblems
+    });
+  }, [formData, formErrors, formFieldProblems, formValid, updateStateSlice]);
+  const handleChangeForCountries = (key) => (e) => {
+    handleChangeFor(key)(e);
+    if (!formData.differentCountryOfGoverningLaw && e.target.value === "GB") {
+      const countryOfGoverningLawEvent = {
+        target: {
+          name: "countryOfGoverningLaw",
+          value: e.target.value
+        }
+      };
+      handleChangeFor("countryOfGoverningLaw")(countryOfGoverningLawEvent);
+    }
+  };
+  return jsxs("form", {
+    children: [jsx(FormHeader, {
+      heading: props == null ? void 0 : props.heading
+    }), jsx(ErrorPanel, {
+      verificationErrors: props == null ? void 0 : props.formVerificationErrors,
+      validationErrors: props == null ? void 0 : props.fieldValidationErrors,
+      formUtils,
+      id: "ariaErrorField"
+    }), formData.country === "US" ? jsx(PatriotActDisclosure, {}) : void 0, formUtils.isRequiredField("legalCompanyName") && jsx(LegalCompanyNameField, {
+      data: formUtils.getFieldData(formData, LEGAL_COMPANY_NAME_FIELD),
+      valid: formUtils.getFieldValid(formValid, LEGAL_COMPANY_NAME_FIELD),
+      errors: formUtils.getFieldErrors(formErrors, formFieldProblems, LEGAL_COMPANY_NAME_FIELD),
+      labels: formUtils.getFieldLabels(LEGAL_COMPANY_NAME_FIELD),
+      helperText: formUtils.getFieldHelperText(LEGAL_COMPANY_NAME_FIELD, {
+        legalCompanyName: "legalCompanyName__helperText"
+      }),
+      readonly: formUtils.isReadOnly("legalCompanyName"),
+      handleChangeFor
+    }), formUtils.isRequiredField("country") && jsx(CountryField, {
+      data: formUtils.getFieldData(formData, COUNTRY_FIELD),
+      valid: formUtils.getFieldValid(formValid, COUNTRY_FIELD),
+      errors: formUtils.getFieldErrors(formErrors, formFieldProblems, COUNTRY_FIELD),
+      labels: formUtils.getFieldLabels(COUNTRY_FIELD, {
+        country: "countryRegionOfEstablishment"
+      }),
+      readonly: !isAllowedEditPrefilledCountry || Boolean(props == null ? void 0 : props.disableCountry),
+      classNameModifiers: ["country"],
+      allowedCountries: mergedProps.isTopLevelEntity ? allowedCountries : void 0,
+      handleChangeFor: handleChangeForCountries
+    }), showCountryOfGoverningLaw && jsx(CountryOfGoverningLawField, {
+      data: formUtils.getFieldData(formData, COUNTRY_OF_GOVERNING_LAW_FIELD),
+      valid: formUtils.getFieldValid(formValid, COUNTRY_OF_GOVERNING_LAW_FIELD),
+      errors: formUtils.getFieldErrors(formErrors, formFieldProblems, COUNTRY_OF_GOVERNING_LAW_FIELD),
+      labels: formUtils.getFieldLabels(COUNTRY_OF_GOVERNING_LAW_FIELD),
+      readonly: false,
+      classNameModifiers: ["country"],
+      allowedCountries: mergedProps.isTopLevelEntity ? allowedCountries : void 0,
+      handleChangeFor
+    })]
+  });
+}
+const CompanyNameAndCountryComponent = memo(CompanyNameAndCountry, (prevProps, nextProps) => {
+  var _a, _b;
+  return objectsDeepEqual(prevProps.requiredFields, nextProps.requiredFields) && objectsDeepEqual(prevProps.optionalFields, nextProps.optionalFields) && objectsDeepEqual(prevProps.data, nextProps.data) && objectsDeepEqual(prevProps.formVerificationErrors, nextProps.formVerificationErrors) && objectsDeepEqual(prevProps.fieldValidationErrors, nextProps.fieldValidationErrors) && ((_a = prevProps.data) == null ? void 0 : _a.country) === ((_b = nextProps.data) == null ? void 0 : _b.country) && prevProps.shouldValidate === nextProps.shouldValidate;
+});
+function StateContextSetter({
+  stateRef
+}) {
+  if (stateRef.current.setState) {
+    return null;
+  }
+  return jsx(StateContext.Consumer, {
+    children: (stateContextValue) => {
+      if (!stateContextValue) {
+        throw new Error("<StateContextSetter> needs to be mounted inside a <StateProvider>");
+      }
+      const {
+        dispatch,
+        setActiveForms
+      } = stateContextValue;
+      stateRef.current.setState = dispatch;
+      stateRef.current.setActiveForms = setActiveForms;
+      return null;
+    }
+  });
+}
+var CompanyTypesValue = /* @__PURE__ */ ((CompanyTypesValue2) => {
+  CompanyTypesValue2["PRIVATE_COMPANY"] = "privateCompany";
+  CompanyTypesValue2["PUBLIC_COMPANY"] = "listedPublicCompany";
+  CompanyTypesValue2["UNLISTED_PUBLIC_COMPANY"] = "unlistedPublicCompany";
+  CompanyTypesValue2["INCORPORATED_PARTNERSHIP"] = "partnershipIncorporated";
+  CompanyTypesValue2["INCORPORATED_ASSOCIATION"] = "associationIncorporated";
+  CompanyTypesValue2["GOVERNMENTAL_ORGANIZATION"] = "governmentalOrganization";
+  CompanyTypesValue2["NON_PROFIT_OR_CHARITABLE"] = "nonProfit";
+  CompanyTypesValue2["SOLE_PROPRIETORSHIP"] = "soleProprietorship";
+  return CompanyTypesValue2;
+})(CompanyTypesValue || {});
 const cachedStripPatterns = /* @__PURE__ */ new Map();
 const makeStripPattern = (mask) => {
   const inputPatterns = mask.tokens.filter((token) => token.type === "input" && !!token.allow).map((token) => token.allow);
@@ -7717,15 +7762,6 @@ const PassportNumberPatterns = {
 const ProofOfIdentityCardPatterns = {
   [CountryCodes.HongKong]: /^[A-Z]{1,2}[0-9]{6}[0-9A]$/
 };
-const validateNotEmptyOnBlur = {
-  modes: ["blur"],
-  validate: (val) => !isEmpty(val),
-  errorMessage: "fieldIsRequired"
-};
-const validatePatternOnBlur = (pattern) => ({
-  modes: ["blur"],
-  validate: (val) => !!val && pattern.test(val)
-});
 const defaultFieldMetadata$9 = {
   label: "registrationNumber"
 };
@@ -10756,9 +10792,6 @@ const businessDetailsFieldsPerScenario = {
 };
 const countryConfig$3 = {
   [CountryCodes.Australia]: {
-    legalCompanyName: {
-      helperText: "legalCompanyName__helperText__AU"
-    },
     legalEntityType: {
       label: "companyType"
     }
@@ -10811,9 +10844,6 @@ const countryConfig$3 = {
   [CountryCodes.Gibraltar]: {},
   [CountryCodes.Guernsey]: {},
   [CountryCodes.HongKong]: {
-    legalCompanyName: {
-      helperText: "legalCompanyName__helperText__HK"
-    },
     legalEntityType: {
       label: "typeOfCompany"
     },
@@ -10867,9 +10897,6 @@ const countryConfig$3 = {
   },
   [CountryCodes.Monaco]: {},
   [CountryCodes.Netherlands]: {
-    legalCompanyName: {
-      helperText: "legalCompanyName__helperText__NL"
-    },
     vatAbsenceReason: {
       label: "vatAbsenceReason"
     }
@@ -10905,9 +10932,6 @@ const countryConfig$3 = {
     country: {
       label: "country__US__business"
     },
-    legalCompanyName: {
-      helperText: "legalCompanyName__helperText__US"
-    },
     tradingName: {
       label: "doingBusinessAs"
     },
@@ -10927,9 +10951,6 @@ const countryConfig$3 = {
     registrationNumber: {
       label: "uen"
     },
-    legalCompanyName: {
-      helperText: "legalCompanyName__helperText__SG"
-    },
     legalEntityType: {
       label: "companyType"
     },
@@ -10958,10 +10979,6 @@ const countryConfig$3 = {
     stateOrProvince: {
       label: "stateOrProvince__US__business"
     },
-    legalCompanyName: {
-      label: "legalCompanyName__US",
-      helperText: "legalCompanyName__helperText__US"
-    },
     tradingName: {
       label: "doingBusinessAs"
     },
@@ -11468,7 +11485,6 @@ const rules$3 = ({
   data,
   country: country2,
   taskType,
-  isEmbeddedDropin,
   isExperimentEnabled = () => false
 }) => ({
   isDirectorIdNumberRequiredForCountry: () => {
@@ -11540,7 +11556,7 @@ const rules$3 = ({
     }
   },
   accountHolderIfCustomer: () => {
-    if (taskType === TaskTypes.INDIVIDUAL && !isEmbeddedDropin && !(isExperimentEnabled == null ? void 0 : isExperimentEnabled("EnableNewEntryFlow"))) {
+    if (taskType === TaskTypes.INDIVIDUAL && !(isExperimentEnabled == null ? void 0 : isExperimentEnabled("EnableNewEntryFlow"))) {
       return REQUIRED;
     }
   },
@@ -24260,13 +24276,6 @@ const dbaNameFieldMetadata = {
   label: "dbaName",
   validators: validateNotEmptyOnBlur
 };
-const LegalCompanyNameFieldValidation = () => ({
-  legalCompanyName: {
-    modes: ["blur"],
-    validate: (legalCompanyName2) => !isEmpty(legalCompanyName2),
-    errorMessage: "fieldIsRequired"
-  }
-});
 const TAX_INFORMATION_FIELD = ["taxInformation", "exemptedFromTax", "isUen"];
 function TaxInformationField({
   data,
@@ -24623,13 +24632,9 @@ function AdditionalInformationComponent({
     return (_a2 = initialFormUtilsProps.allFields) == null ? void 0 : _a2.reduce((acc, field) => {
       switch (field) {
         case "legalCompanyName":
-          return {
-            ...acc,
-            validators: {
-              ...acc.validators,
-              ...LegalCompanyNameFieldValidation()
-            }
-          };
+          return mergeFieldMetadataIntoProps(field, resolveFieldMetadata(defaultFieldConfig$a[country2], {
+            isBusiness: true
+          }, defaultFieldMetadata$a), acc);
         case "dbaName":
           return mergeFieldMetadataIntoProps("dbaName", dbaNameFieldMetadata, acc);
         case "registrationNumber":
@@ -27791,13 +27796,6 @@ function CompanyLookup({
   });
 }
 const CompanyLookupComponent = memo(CompanyLookup, (prevProps, nextProps) => objectsDeepEqual(prevProps.defaultData, nextProps.defaultData) && prevProps.canVerify === nextProps.canVerify && prevProps.legalCompanyName === nextProps.legalCompanyName && prevProps.country === nextProps.country && prevProps.stateOrProvince === nextProps.stateOrProvince && prevProps.taxInformationNumber === nextProps.taxInformationNumber && prevProps.setLoading === nextProps.setLoading && prevProps.setKompanyAddress === nextProps.setKompanyAddress && prevProps.handleCompanyIndexSearch === nextProps.handleCompanyIndexSearch && prevProps.handleCompanyDeepSearch === nextProps.handleCompanyDeepSearch && prevProps.handleGetCompanyDataset === nextProps.handleGetCompanyDataset && prevProps.handleRefreshCompanyDataset === nextProps.handleRefreshCompanyDataset && prevProps.handleVerifyTin === nextProps.handleVerifyTin);
-const StateFieldValidation = () => ({
-  stateOrProvince: {
-    modes: ["blur"],
-    validate: (stateOrProvince2) => !isEmpty(stateOrProvince2),
-    errorMessage: "fieldIsRequired"
-  }
-});
 const COMPANY_BASICS_FORM_ID = "companyBasics";
 const companyBasicsFields = [...LEGAL_COMPANY_NAME_FIELD, ...COUNTRY_FIELD, ...STATE_FIELD, ...TAX_INFORMATION_FIELD];
 function CompanyBasics({
@@ -27861,13 +27859,9 @@ function CompanyBasics({
     return (_a2 = initialFormUtilsProps.allFields) == null ? void 0 : _a2.reduce((acc, field) => {
       switch (field) {
         case "legalCompanyName":
-          return {
-            ...acc,
-            validators: {
-              ...acc.validators,
-              ...LegalCompanyNameFieldValidation()
-            }
-          };
+          return mergeFieldMetadataIntoProps(field, resolveFieldMetadata(defaultFieldConfig$a[country2], {
+            isBusiness: false
+          }, defaultFieldMetadata$a), acc);
         case "country":
           return {
             ...acc,
@@ -27877,13 +27871,9 @@ function CompanyBasics({
             }
           };
         case "stateOrProvince":
-          return {
-            ...acc,
-            validators: {
-              ...acc.validators,
-              ...StateFieldValidation()
-            }
-          };
+          return mergeFieldMetadataIntoProps(field, resolveFieldMetadata(defaultFieldConfig[country2], {
+            isBusiness: false
+          }, defaultFieldMetadata), acc);
         case "taxInformation":
           return mergeFieldMetadataIntoProps(field, resolveFieldMetadata(defaultFieldConfig$1[country2], {
             taxIdNumberType,
@@ -27893,7 +27883,7 @@ function CompanyBasics({
           return acc;
       }
     }, initialFormUtilsProps);
-  }, [country2, initialFormUtilsProps, taxIdNumberType]);
+  }, [companyType2, country2, initialFormUtilsProps, taxIdNumberType]);
   const schema = (requiredFields == null ? void 0 : requiredFields.length) ? requiredFields : ["legalCompanyName", "country"];
   const {
     schema: formSchema,
@@ -32240,9 +32230,6 @@ function IndividualDropinComponent({
   const {
     getConfiguration: getConfiguration2
   } = useConfigurationApi();
-  const {
-    isEmbeddedDropin
-  } = useAuthContext();
   const {
     isExperimentEnabled
   } = useExperimentsContext();
@@ -32288,7 +32275,6 @@ function IndividualDropinComponent({
     data,
     country: country2,
     taskType,
-    isEmbeddedDropin,
     isExperimentEnabled
   }), [country2, data, taskType]);
   const customValidators = useMemo(() => isExperimentEnabled("EnableAgeVerification") ? validators({
@@ -33602,28 +33588,28 @@ const convertExistingTrustMemberToDefaultData = (trustMember, allowMoreRolesForM
   return convertExistingTrustMember(trustMember);
 };
 const TrustRoleAndEntityType = (props) => {
-  const {
-    existingTrustMember,
-    id: id2,
-    getLegalEntityHandler,
-    isOrganizationSettlorWithExemptionEnabled
-  } = props;
+  var _a;
   const {
     i18n
   } = useI18nContext();
+  const country2 = props.country;
+  let mergedProps = props;
+  mergedProps = mergeFieldMetadataIntoProps("legalCompanyName", resolveFieldMetadata(defaultFieldConfig$a[country2], {
+    isBusiness: false
+  }, defaultFieldMetadata$a), mergedProps);
   const {
     isExperimentEnabled
   } = useExperimentsContext();
   const allowMoreRolesForMainRootTrusteeEnabled = isExperimentEnabled("AllowMoreRolesForMainRootTrustee");
-  const defaultData = convertExistingTrustMemberToDefaultData(existingTrustMember, allowMoreRolesForMainRootTrusteeEnabled);
-  const formUtils = formUtilities(props, i18n);
+  const defaultData = convertExistingTrustMemberToDefaultData(props.existingTrustMember, allowMoreRolesForMainRootTrusteeEnabled);
+  const formUtils = formUtilities(mergedProps, i18n);
   const decideFields = (data2) => {
-    var _a, _b;
-    if ((_a = data2.role) == null ? void 0 : _a.includes("undefinedBeneficiary")) {
+    var _a2, _b;
+    if ((_a2 = data2.role) == null ? void 0 : _a2.includes("undefinedBeneficiary")) {
       return ["role", "descriptionUndefinedBeneficiary"];
     }
     if ((_b = data2.role) == null ? void 0 : _b.length) {
-      if (isOrganizationSettlorWithExemptionEnabled && isOrganizationAndSettlor(data2)) {
+      if (props.isOrganizationSettlorWithExemptionEnabled && isOrganizationAndSettlor(data2)) {
         return ["role", "entityType", "settlorExemptionReason", "country", "legalCompanyName"];
       }
       if (couldBeExemptSettlor(data2)) {
@@ -33651,31 +33637,31 @@ const TrustRoleAndEntityType = (props) => {
     defaultData,
     fieldProblems: props == null ? void 0 : props.fieldValidationErrors
   });
-  const availableRoles = allowMoreRolesForMainRootTrusteeEnabled && (existingTrustMember == null ? void 0 : existingTrustMember.trustMemberType) === "rootTrustee" ? getAvailableRolesByTrustMemberTypeAndLegalEntityType(data.role, existingTrustMember) : getAvailableRoles(data.role);
+  const availableRoles = allowMoreRolesForMainRootTrusteeEnabled && ((_a = props.existingTrustMember) == null ? void 0 : _a.trustMemberType) === "rootTrustee" ? getAvailableRolesByTrustMemberTypeAndLegalEntityType(data.role, props.existingTrustMember) : getAvailableRoles(data.role);
   useEffect(() => {
     (async () => {
-      var _a;
-      if (isOrganizationSettlorWithExemptionEnabled && existingTrustMember && existingTrustMember.trustMemberType === "exemptSettlor" && existingTrustMember.legalEntityId !== "isNewEntry" && existingTrustMember.roles !== void 0 && existingTrustMember.roles.length === 1 && existingTrustMember.roles[0] === "settlor" && getLegalEntityHandler) {
-        const response = await getLegalEntityHandler(existingTrustMember.legalEntityId);
-        const country2 = (_a = response == null ? void 0 : response.organization) == null ? void 0 : _a.registeredAddress.country;
+      var _a2;
+      if (props.isOrganizationSettlorWithExemptionEnabled && props.existingTrustMember && props.existingTrustMember.trustMemberType === "exemptSettlor" && props.existingTrustMember.legalEntityId !== "isNewEntry" && props.existingTrustMember.roles !== void 0 && props.existingTrustMember.roles.length === 1 && props.existingTrustMember.roles[0] === "settlor" && props.getLegalEntityHandler) {
+        const response = await props.getLegalEntityHandler(props.existingTrustMember.legalEntityId);
+        const country22 = (_a2 = response == null ? void 0 : response.organization) == null ? void 0 : _a2.registeredAddress.country;
         if (response && response.organization) {
-          handleChangeFor("country")(country2);
+          handleChangeFor("country")(country22);
         }
       }
     })();
   }, []);
   useEffect(() => {
-    var _a;
-    (_a = props.onChange) == null ? void 0 : _a.call(props, {
+    var _a2;
+    (_a2 = props.onChange) == null ? void 0 : _a2.call(props, {
       schema,
       data,
       errors,
       valid,
       isValid,
-      dataStoreId: id2,
+      dataStoreId: props.id,
       fieldProblems
     });
-  }, [schema, data, isValid, i18n, errors, valid, id2, fieldProblems]);
+  }, [schema, data, isValid, i18n, errors, valid, props.id, fieldProblems]);
   const onInputDescription = (e) => {
     const {
       value
@@ -33691,9 +33677,9 @@ const TrustRoleAndEntityType = (props) => {
     }
   };
   const changeSettlorExemptionReasons = (exemptionReasons) => {
-    var _a;
+    var _a2;
     if (exemptionReasons.includes("noneOfTheAbove")) {
-      handleChangeFor("settlorExemptionReason")(((_a = data.settlorExemptionReason) == null ? void 0 : _a.includes("noneOfTheAbove")) ? exemptionReasons.filter((reason) => reason !== "noneOfTheAbove") : ["noneOfTheAbove"]);
+      handleChangeFor("settlorExemptionReason")(((_a2 = data.settlorExemptionReason) == null ? void 0 : _a2.includes("noneOfTheAbove")) ? exemptionReasons.filter((reason) => reason !== "noneOfTheAbove") : ["noneOfTheAbove"]);
       return;
     }
     handleChangeFor("settlorExemptionReason")(exemptionReasons);
@@ -33712,8 +33698,8 @@ const TrustRoleAndEntityType = (props) => {
     setErrors("lastName", errors2.lastName);
   };
   const onEntityTypeChange = (value) => {
-    var _a;
-    if (isOrganizationSettlorWithExemptionEnabled && value === LegalEntityType.ORGANIZATION && ((_a = data.role) == null ? void 0 : _a.length) === 1 && data.role[0] === "settlor") {
+    var _a2;
+    if (props.isOrganizationSettlorWithExemptionEnabled && value === LegalEntityType.ORGANIZATION && ((_a2 = data.role) == null ? void 0 : _a2.length) === 1 && data.role[0] === "settlor") {
       changeSettlorExemptionReasons(["professionalServiceProvider"]);
     }
     handleChangeFor("entityType")(value);
@@ -33751,7 +33737,7 @@ const TrustRoleAndEntityType = (props) => {
       errorMessage: formUtils.getErrorMessage("entityType", errors, fieldProblems),
       label: formUtils.getLabel("entityType", "whatTypeOfYourMembersEntity"),
       classNameModifiers: ["entityType"],
-      disabled: Boolean(existingTrustMember),
+      disabled: Boolean(props.existingTrustMember),
       children: (childProps) => jsx(RadioCardSelect, {
         ...childProps,
         options: trustMemberLegalEntityTypes,
@@ -33811,8 +33797,8 @@ const TrustRoleAndEntityType = (props) => {
         enterLastNameExactlyAsAppearInID: "enterSettlorsLastNameExactlyAsItAppearsInID"
       },
       onChange: onNameChange,
-      dataStoreId: id2
-    }) : void 0, isOrganizationSettlorWithExemptionEnabled && (schema == null ? void 0 : schema.includes("country")) && (schema == null ? void 0 : schema.includes("legalCompanyName")) ? jsxs(Fragment, {
+      dataStoreId: props.id
+    }) : void 0, props.isOrganizationSettlorWithExemptionEnabled && (schema == null ? void 0 : schema.includes("country")) && (schema == null ? void 0 : schema.includes("legalCompanyName")) ? jsxs(Fragment, {
       children: [jsx(CountryField, {
         data: formUtils.getFieldData(data, COUNTRY_FIELD),
         valid: formUtils.getFieldValid(valid, COUNTRY_FIELD),
@@ -33951,7 +33937,8 @@ function RoleAndTypeDropinComponent({
   navigateBack,
   addOrUpdateTrustMember,
   getLegalEntityHandler,
-  isOrganizationSettlorWithExemptionEnabled
+  isOrganizationSettlorWithExemptionEnabled,
+  country: country2
 }) {
   var _a, _b;
   const {
@@ -34044,7 +34031,8 @@ function RoleAndTypeDropinComponent({
           onChange: onTrustMemberChange,
           shouldValidate,
           getLegalEntityHandler,
-          isOrganizationSettlorWithExemptionEnabled
+          isOrganizationSettlorWithExemptionEnabled,
+          country: country2
         })
       }), isSummaryStep && jsx("div", {
         className: "adyen-kyc-form-wrapper",
@@ -36237,7 +36225,7 @@ const createLegalEntity = async (context, legalEntity) => {
     loadingContext,
     errorLevel: "warn",
     errorMessage: "LegalEntity create failed",
-    path: `${legalEntityId}`,
+    path: `${legalEntityId}/create`,
     authentication: "jwt",
     headers: {
       "Content-Type": "application/json"
@@ -36324,16 +36312,17 @@ const getDocument = async (context, documentId) => {
     }
   });
 };
-const getLegalEntity = async (context) => {
+const getLegalEntity = async (context, legalEntityId) => {
   const {
     loadingContext,
-    legalEntityId
+    legalEntityId: rootLegalEntityId
   } = context;
+  const path = legalEntityId !== rootLegalEntityId ? `${rootLegalEntityId}/${legalEntityId}` : `${rootLegalEntityId}`;
   return httpGet({
     loadingContext,
     errorLevel: "warn",
     errorMessage: `LegalEntity not available`,
-    path: `${legalEntityId}`,
+    path,
     authentication: "jwt",
     headers: {
       "Content-Type": "application/json"
@@ -36432,16 +36421,17 @@ const updateDocument = async (context, document2, documentId, ownerId) => {
     }
   }, document2);
 };
-const updateLegalEntity = async (context, legalEntity) => {
+const updateLegalEntity = async (context, legalEntity, legalEntityId) => {
   const {
     loadingContext,
-    legalEntityId
+    legalEntityId: rootLegalEntityId
   } = context;
+  const path = legalEntityId !== rootLegalEntityId ? `${rootLegalEntityId}/${legalEntityId}` : `${rootLegalEntityId}`;
   return httpPost({
     loadingContext,
     errorLevel: "warn",
     errorMessage: `LegalEntity update failed`,
-    path: `${legalEntityId}`,
+    path,
     authentication: "jwt",
     headers: {
       "Content-Type": "application/json"
@@ -36783,14 +36773,8 @@ const useComponentApi = (rootLegalEntityId) => {
       legalEntityId: rootLegalEntityId
     };
     return {
-      getLegalEntity: async (legalEntityId) => getLegalEntity({
-        ...baseRequestContext,
-        legalEntityId
-      }),
-      updateLegalEntity: async (legalEntity, legalEntityId) => updateLegalEntity({
-        ...baseRequestContext,
-        legalEntityId
-      }, legalEntity),
+      getLegalEntity: async (legalEntityId) => getLegalEntity(baseRequestContext, legalEntityId),
+      updateLegalEntity: async (legalEntity, legalEntityId) => updateLegalEntity(baseRequestContext, legalEntity, legalEntityId),
       createLegalEntity: async (legalEntity) => createLegalEntity(baseRequestContext, legalEntity),
       getTransferInstrument: async (transferInstrumentId) => getTransferInstrument(baseRequestContext, transferInstrumentId),
       getBankVerificationVendor: async (country2, openBankingPartnerConfigId) => getBankVerificationVendor(baseRequestContext, country2, openBankingPartnerConfigId),
@@ -38641,7 +38625,7 @@ const ConfigurationApiProvider = ({
     isEmbeddedDropin,
     loadingContext
   } = authContext;
-  const sdkVersion = "3.20.0";
+  const sdkVersion = "3.20.2";
   useAnalytics({
     onUserEvent,
     legalEntityId: rootLegalEntityId,

package/dist/types/components/Dropins/RoleAndTypeDropin/components/RoleAndTypeDropinComponent.d.ts

@@ -1,2 +1,2 @@
 import type { RoleAndTypeDropinProps } from '../types';
-export declare function RoleAndTypeDropinComponent({ existingTrustMember, navigateToFullDropinFor, navigateBack, addOrUpdateTrustMember, getLegalEntityHandler, isOrganizationSettlorWithExemptionEnabled, }: RoleAndTypeDropinProps): import("preact").JSX.Element;
+export declare function RoleAndTypeDropinComponent({ existingTrustMember, navigateToFullDropinFor, navigateBack, addOrUpdateTrustMember, getLegalEntityHandler, isOrganizationSettlorWithExemptionEnabled, country, }: RoleAndTypeDropinProps): import("preact").JSX.Element;

package/dist/types/components/Dropins/RoleAndTypeDropin/types.d.ts

@@ -1,4 +1,5 @@
 import type { ExistingLegalEntity } from '../../../core/models/api/legal-entity';
+import type { CountryCode } from '../../../core/models/country-code';
 import type { CompanyTrustMember, RegularTrustMember, TrustMember } from '../../TrustMembers/types';
 import type { TrustRoleAndEntityTypeSchema } from '../../TrustRoleAndEntityType/types';
 export interface RoleAndTypeDropinProps {
@@ -8,6 +9,7 @@ export interface RoleAndTypeDropinProps {
     addOrUpdateTrustMember: (newOrUpdated: TrustMember) => void;
     getLegalEntityHandler?(legalEntityId: string): Promise<ExistingLegalEntity>;
     isOrganizationSettlorWithExemptionEnabled?: boolean;
+    country?: CountryCode;
 }
 export interface TrustMemberSchema {
     roleAndEntityType: TrustRoleAndEntityTypeSchema;

package/dist/types/components/TrustRoleAndEntityType/types.d.ts

@@ -26,6 +26,7 @@ export interface TrustRoleAndEntityTypeProps extends BaseInnerFormProps<TrustRol
     existingTrustMember?: TrustMember;
     getLegalEntityHandler?(legalEntityId: string): Promise<ExistingLegalEntity>;
     isOrganizationSettlorWithExemptionEnabled?: boolean;
+    country?: CountryCode;
 }
 export declare const couldBeExemptSettlor: (data: TrustRoleAndEntityTypeSchema) => boolean;
 export declare const isExemptSettlor: (data: TrustRoleAndEntityTypeSchema) => data is TrustRoleAndEntityTypeSchema & {

package/dist/types/components/internal/LegalCompanyNameField/fieldConfig.d.ts

@@ -0,0 +1,9 @@
+import type { FieldMetadata } from '../../../core/models/country-config';
+import type { PerCountryFieldConfig } from '../../../core/models/field-configurations';
+import type { LegalCompanyNameFieldSchema } from './types';
+interface FieldConfigParams {
+    isBusiness?: boolean;
+}
+export declare const defaultFieldMetadata: FieldMetadata<LegalCompanyNameFieldSchema, 'legalCompanyName'>;
+export declare const defaultFieldConfig: PerCountryFieldConfig<LegalCompanyNameFieldSchema, 'legalCompanyName', FieldConfigParams>;
+export {};

package/dist/types/core/Services/componentApi/get-legal-entity.d.ts

@@ -1,3 +1,3 @@
-import type { ExistingLegalEntity } from '../../models/api/legal-entity';
+import type { ExistingLegalEntity, LegalEntity } from '../../models/api/legal-entity';
 import type { ComponentApiRequestContext } from '../types';
-export declare const getLegalEntity: (context: ComponentApiRequestContext) => Promise<ExistingLegalEntity>;
+export declare const getLegalEntity: (context: ComponentApiRequestContext, legalEntityId: LegalEntity["id"]) => Promise<ExistingLegalEntity>;

package/dist/types/core/Services/componentApi/update-legal-entity.d.ts

@@ -1,3 +1,3 @@
 import type { ExistingLegalEntity, LegalEntity } from '../../models/api/legal-entity';
 import type { ComponentApiRequestContext } from '../types';
-export declare const updateLegalEntity: (context: ComponentApiRequestContext, legalEntity: LegalEntity) => Promise<ExistingLegalEntity>;
+export declare const updateLegalEntity: (context: ComponentApiRequestContext, legalEntity: LegalEntity, legalEntityId: LegalEntity["id"]) => Promise<ExistingLegalEntity>;

package/dist/types/core/hooks/useForm/types.d.ts

@@ -141,4 +141,5 @@ export interface BaseInnerFormProps<FormSchema> extends BaseFormProps<FormSchema
     id?: string;
     dataStoreId?: string;
     capabilities?: CapabilityName[];
+    isTopLevelEntity?: boolean;
 }

package/package.json

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

package/dist/types/components/internal/LegalCompanyNameField/validate.d.ts

@@ -1,3 +0,0 @@
-import type { ValidatorRules } from '../../../utils/validation/types';
-import type { LegalCompanyNameFieldSchema } from './types';
-export declare const LegalCompanyNameFieldValidation: () => ValidatorRules<LegalCompanyNameFieldSchema>;

package/dist/types/components/internal/StateField/validate.d.ts

@@ -1,3 +0,0 @@
-import type { ValidatorRules } from '../../../utils/validation/types';
-import type { StateFieldSchema } from './types';
-export declare const StateFieldValidation: () => ValidatorRules<StateFieldSchema>;